diff --git a/docs/404.html b/docs/404.html index 96994640..e9adb0de 100644 --- a/docs/404.html +++ b/docs/404.html @@ -23,12 +23,12 @@ } VueFlux - - - + + + -

404

There's nothing here.
Take me home
- +

404

How did we get here?
Take me home
+ diff --git a/docs/assets/404.html-9Zxsc-QH.js b/docs/assets/404.html-o1G5QYdu.js similarity index 63% rename from docs/assets/404.html-9Zxsc-QH.js rename to docs/assets/404.html-o1G5QYdu.js index c0e9f352..238e7d9c 100644 --- a/docs/assets/404.html-9Zxsc-QH.js +++ b/docs/assets/404.html-o1G5QYdu.js @@ -1 +1 @@ -import{_ as e,o as c,c as t}from"./app-SStEjskS.js";const _={};function o(r,n){return c(),t("div")}const a=e(_,[["render",o],["__file","404.html.vue"]]);export{a as default}; +import{_ as e,o as c,c as t}from"./app-9q7i-DDF.js";const _={};function o(r,n){return c(),t("div")}const a=e(_,[["render",o],["__file","404.html.vue"]]);export{a as default}; diff --git a/docs/assets/Blinds2D-q8ZnWwI7.js b/docs/assets/Blinds2D-JNhCTcMS.js similarity index 83% rename from docs/assets/Blinds2D-q8ZnWwI7.js rename to docs/assets/Blinds2D-JNhCTcMS.js index 833f5c5e..8fb8cdac 100644 --- a/docs/assets/Blinds2D-q8ZnWwI7.js +++ b/docs/assets/Blinds2D-JNhCTcMS.js @@ -1,4 +1,4 @@ -import{g,E as m,i as _,o as i,c as a,a as t,u as o,b as s,H as f,J as v,F as x,q as V,B as y,_ as B}from"./app-SStEjskS.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-hgcxarFB.js";import{h as T}from"./vue-flux-xkNGD8Rr.js";import h from"./Demo-YRqIvizg.js";import{m as b,a as S,b as j,c as w,e as R}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const U={class:"demo"},$=s("h3",null,"Options",-1),k=s("span",null,"Columns:",-1),E=s("span",null,"Tile duration:",-1),H=s("span",null,"Tile delay:",-1),L=s("span",null,"Easing:",-1),M=s("h3",null,"Source",-1),C={class:"language-javascript","data-ext":"js"},F=["innerHTML"],J=g({__name:"Blinds2D",setup(N){const d={autohideTime:0},e=m([{component:T,options:m({cols:10,tileDuration:800,tileDelay:100,easing:"linear"})}]),c={preloader:!0,controls:!0},D=_(()=>{let u=` +import{g,E as m,i as _,o as i,c as a,a as t,u as o,b as s,H as f,J as v,F as x,q as V,B as y,_ as B}from"./app-9q7i-DDF.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-qIJTIoH5.js";import{e as T}from"./vue-flux-Jy6SlP2J.js";import b from"./Demo-5DMVfPWL.js";import{m as h,a as S,b as j,c as w,e as R}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const U={class:"demo"},$=s("h3",null,"Options",-1),k=s("span",null,"Columns:",-1),E=s("span",null,"Tile duration:",-1),H=s("span",null,"Tile delay:",-1),L=s("span",null,"Easing:",-1),M=s("h3",null,"Source",-1),C={class:"language-javascript","data-ext":"js"},F=["innerHTML"],J=g({__name:"Blinds2D",setup(N){const d={autohideTime:0},e=m([{component:T,options:m({cols:10,tileDuration:800,tileDelay:100,easing:"linear"})}]),c={preloader:!0,controls:!0},D=_(()=>{let u=` import { Blinds2D, } from 'vue-flux'; @@ -13,4 +13,4 @@ const transitions = shallowReactive([ easing: '${e[0].options.easing}', }), }, -]);`;return p.highlight(u.trim(),p.languages.javascript,"javascript")});return(u,n)=>(i(),a("div",U,[t(h,{options:d,transitions:o(e),numRscs:12,complements:c},null,8,["transitions"]),$,s("label",null,[k,t(o(r),{modelValue:o(e)[0].options.cols,"onUpdate:modelValue":n[0]||(n[0]=l=>o(e)[0].options.cols=l),min:4,max:30,onSlide:n[1]||(n[1]=l=>o(e)[0].options.cols=l)},null,8,["modelValue"])]),s("label",null,[E,t(o(r),{modelValue:o(e)[0].options.tileDuration,"onUpdate:modelValue":n[2]||(n[2]=l=>o(e)[0].options.tileDuration=l),min:o(b),max:o(S),onSlide:n[3]||(n[3]=l=>o(e)[0].options.tileDuration=l)},null,8,["modelValue","min","max"])]),s("label",null,[H,t(o(r),{modelValue:o(e)[0].options.tileDelay,"onUpdate:modelValue":n[4]||(n[4]=l=>o(e)[0].options.tileDelay=l),min:o(j),max:o(w),onSlide:n[5]||(n[5]=l=>o(e)[0].options.tileDelay=l)},null,8,["modelValue","min","max"])]),s("label",null,[L,f(s("select",{"onUpdate:modelValue":n[6]||(n[6]=l=>o(e)[0].options.easing=l)},[(i(!0),a(x,null,V(o(R),l=>(i(),a("option",{key:l},y(l),1))),128))],512),[[v,o(e)[0].options.easing]])]),M,s("div",C,[s("pre",{innerHTML:D.value,class:"language-javascript"},null,8,F)])]))}}),K=B(J,[["__file","Blinds2D.vue"]]);export{K as default}; +]);`;return p.highlight(u.trim(),p.languages.javascript,"javascript")});return(u,n)=>(i(),a("div",U,[t(b,{options:d,transitions:o(e),numRscs:12,complements:c},null,8,["transitions"]),$,s("label",null,[k,t(o(r),{modelValue:o(e)[0].options.cols,"onUpdate:modelValue":n[0]||(n[0]=l=>o(e)[0].options.cols=l),min:4,max:30,onSlide:n[1]||(n[1]=l=>o(e)[0].options.cols=l)},null,8,["modelValue"])]),s("label",null,[E,t(o(r),{modelValue:o(e)[0].options.tileDuration,"onUpdate:modelValue":n[2]||(n[2]=l=>o(e)[0].options.tileDuration=l),min:o(h),max:o(S),onSlide:n[3]||(n[3]=l=>o(e)[0].options.tileDuration=l)},null,8,["modelValue","min","max"])]),s("label",null,[H,t(o(r),{modelValue:o(e)[0].options.tileDelay,"onUpdate:modelValue":n[4]||(n[4]=l=>o(e)[0].options.tileDelay=l),min:o(j),max:o(w),onSlide:n[5]||(n[5]=l=>o(e)[0].options.tileDelay=l)},null,8,["modelValue","min","max"])]),s("label",null,[L,f(s("select",{"onUpdate:modelValue":n[6]||(n[6]=l=>o(e)[0].options.easing=l)},[(i(!0),a(x,null,V(o(R),l=>(i(),a("option",{key:l},y(l),1))),128))],512),[[v,o(e)[0].options.easing]])]),M,s("div",C,[s("pre",{innerHTML:D.value,class:"language-javascript"},null,8,F)])]))}}),K=B(J,[["__file","Blinds2D.vue"]]);export{K as default}; diff --git a/docs/assets/Blinds3D-Cd7Vra4t.js b/docs/assets/Blinds3D-odMli0gV.js similarity index 89% rename from docs/assets/Blinds3D-Cd7Vra4t.js rename to docs/assets/Blinds3D-odMli0gV.js index f6421439..fc5d2c56 100644 --- a/docs/assets/Blinds3D-Cd7Vra4t.js +++ b/docs/assets/Blinds3D-odMli0gV.js @@ -1,4 +1,4 @@ -import{g,E as m,i as _,o as i,c as a,a as n,u as o,b as t,H as f,J as v,F as x,q as V,B as y,_ as B}from"./app-SStEjskS.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-hgcxarFB.js";import{p as T}from"./vue-flux-xkNGD8Rr.js";import b from"./Demo-YRqIvizg.js";import{m as h,a as S,b as j,c as w,e as R}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const U={class:"demo"},$=t("h3",null,"Options",-1),k=t("span",null,"Columns:",-1),E=t("span",null,"Tile duration:",-1),H=t("span",null,"Tile delay:",-1),L=t("span",null,"Easing:",-1),M=t("h3",null,"Source",-1),C={class:"language-javascript","data-ext":"js"},F=["innerHTML"],J=g({__name:"Blinds3D",setup(N){const d={autohideTime:0},e=m([{component:T,options:m({cols:6,tileDuration:800,tileDelay:150,easing:"ease-out"})}]),c={preloader:!0,controls:!0},D=_(()=>{let u=` +import{g,E as m,i as _,o as i,c as a,a as n,u as o,b as t,H as f,J as v,F as x,q as V,B as y,_ as B}from"./app-9q7i-DDF.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-qIJTIoH5.js";import{p as T}from"./vue-flux-Jy6SlP2J.js";import b from"./Demo-5DMVfPWL.js";import{m as h,a as S,b as j,c as w,e as R}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const U={class:"demo"},$=t("h3",null,"Options",-1),k=t("span",null,"Columns:",-1),E=t("span",null,"Tile duration:",-1),H=t("span",null,"Tile delay:",-1),L=t("span",null,"Easing:",-1),M=t("h3",null,"Source",-1),C={class:"language-javascript","data-ext":"js"},F=["innerHTML"],J=g({__name:"Blinds3D",setup(N){const d={autohideTime:0},e=m([{component:T,options:m({cols:6,tileDuration:800,tileDelay:150,easing:"ease-out"})}]),c={preloader:!0,controls:!0},D=_(()=>{let u=` import { Blinds3D, } from 'vue-flux'; diff --git a/docs/assets/Blocks1-bnM72q0c.js b/docs/assets/Blocks1-WKhxXxIY.js similarity index 90% rename from docs/assets/Blocks1-bnM72q0c.js rename to docs/assets/Blocks1-WKhxXxIY.js index 96445200..9a9145a7 100644 --- a/docs/assets/Blocks1-bnM72q0c.js +++ b/docs/assets/Blocks1-WKhxXxIY.js @@ -1,4 +1,4 @@ -import{g,E as m,i as V,o as a,c as r,a as t,u as o,b as n,H as _,J as f,F as v,q as x,B as w,_ as y}from"./app-SStEjskS.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-hgcxarFB.js";import{s as B}from"./vue-flux-xkNGD8Rr.js";import T from"./Demo-YRqIvizg.js";import{m as k,a as b,b as S,c as j,e as R}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const U={class:"demo"},$=n("h3",null,"Options",-1),h=n("span",null,"Rows:",-1),E=n("span",null,"Columns:",-1),H=n("span",null,"Tile duration:",-1),L=n("span",null,"Tile delay:",-1),M=n("span",null,"Easing:",-1),C=n("h3",null,"Source",-1),F={class:"language-javascript","data-ext":"js"},J=["innerHTML"],N=g({__name:"Blocks1",setup(P){const d={autohideTime:0},l=m([{component:B,options:m({rows:0,cols:8,tileDuration:300,tileDelay:1e3,easing:"linear"})}]),c={preloader:!0,controls:!0},D=V(()=>{let u=` +import{g,E as m,i as V,o as a,c as r,a as t,u as o,b as n,H as _,J as f,F as v,q as x,B as w,_ as y}from"./app-9q7i-DDF.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-qIJTIoH5.js";import{s as B}from"./vue-flux-Jy6SlP2J.js";import T from"./Demo-5DMVfPWL.js";import{m as k,a as b,b as S,c as j,e as R}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const U={class:"demo"},$=n("h3",null,"Options",-1),h=n("span",null,"Rows:",-1),E=n("span",null,"Columns:",-1),H=n("span",null,"Tile duration:",-1),L=n("span",null,"Tile delay:",-1),M=n("span",null,"Easing:",-1),C=n("h3",null,"Source",-1),F={class:"language-javascript","data-ext":"js"},J=["innerHTML"],N=g({__name:"Blocks1",setup(P){const d={autohideTime:0},l=m([{component:B,options:m({rows:0,cols:8,tileDuration:300,tileDelay:1e3,easing:"linear"})}]),c={preloader:!0,controls:!0},D=V(()=>{let u=` import { Blocks1, } from 'vue-flux'; diff --git a/docs/assets/Blocks2-rkH2SpHo.js b/docs/assets/Blocks2-AuB9kpIF.js similarity index 90% rename from docs/assets/Blocks2-rkH2SpHo.js rename to docs/assets/Blocks2-AuB9kpIF.js index ff13f25e..df79c303 100644 --- a/docs/assets/Blocks2-rkH2SpHo.js +++ b/docs/assets/Blocks2-AuB9kpIF.js @@ -1,4 +1,4 @@ -import{g,E as m,i as V,o as a,c as r,a as n,u as o,b as t,H as _,J as f,F as v,q as x,B as w,_ as y}from"./app-SStEjskS.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-hgcxarFB.js";import{o as B}from"./vue-flux-xkNGD8Rr.js";import T from"./Demo-YRqIvizg.js";import{m as k,a as b,b as S,c as j,e as R}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const U={class:"demo"},$=t("h3",null,"Options",-1),h=t("span",null,"Rows:",-1),E=t("span",null,"Columns:",-1),H=t("span",null,"Tile duration:",-1),L=t("span",null,"Tile delay:",-1),M=t("span",null,"Easing:",-1),C=t("h3",null,"Source",-1),F={class:"language-javascript","data-ext":"js"},J=["innerHTML"],N=g({__name:"Blocks2",setup(P){const d={autohideTime:0},l=m([{component:B,options:m({rows:0,cols:8,tileDuration:800,tileDelay:80,easing:"ease"})}]),c={preloader:!0,controls:!0},D=V(()=>{let u=` +import{g,E as m,i as V,o as a,c as r,a as n,u as o,b as t,H as _,J as f,F as v,q as x,B as w,_ as y}from"./app-9q7i-DDF.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-qIJTIoH5.js";import{o as B}from"./vue-flux-Jy6SlP2J.js";import T from"./Demo-5DMVfPWL.js";import{m as k,a as b,b as S,c as j,e as R}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const U={class:"demo"},$=t("h3",null,"Options",-1),h=t("span",null,"Rows:",-1),E=t("span",null,"Columns:",-1),H=t("span",null,"Tile duration:",-1),L=t("span",null,"Tile delay:",-1),M=t("span",null,"Easing:",-1),C=t("h3",null,"Source",-1),F={class:"language-javascript","data-ext":"js"},J=["innerHTML"],N=g({__name:"Blocks2",setup(P){const d={autohideTime:0},l=m([{component:B,options:m({rows:0,cols:8,tileDuration:800,tileDelay:80,easing:"ease"})}]),c={preloader:!0,controls:!0},D=V(()=>{let u=` import { Blocks2, } from 'vue-flux'; diff --git a/docs/assets/Book-zhK19t20.js b/docs/assets/Book-Jd1TMBGG.js similarity index 85% rename from docs/assets/Book-zhK19t20.js rename to docs/assets/Book-Jd1TMBGG.js index b114a045..b548354e 100644 --- a/docs/assets/Book-zhK19t20.js +++ b/docs/assets/Book-Jd1TMBGG.js @@ -1,4 +1,4 @@ -import{g as _,E as r,i as g,o as e,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B,_ as k}from"./app-SStEjskS.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as x}from"./slider-hgcxarFB.js";import{a as V}from"./vue-flux-xkNGD8Rr.js";import j from"./Demo-YRqIvizg.js";import{d as w,f as R,e as S}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const T={class:"demo"},b=t("h3",null,"Options",-1),E=t("span",null,"Total duration:",-1),H=t("span",null,"Easing:",-1),L=t("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},y=["innerHTML"],F=_({__name:"Book",setup(J){const p={autohideTime:0},s=r([{component:V,options:r({totalDuration:1200,easing:"ease-out"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` +import{g as _,E as r,i as g,o as e,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B,_ as k}from"./app-9q7i-DDF.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as x}from"./slider-qIJTIoH5.js";import{a as V}from"./vue-flux-Jy6SlP2J.js";import j from"./Demo-5DMVfPWL.js";import{d as w,f as R,e as S}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const T={class:"demo"},b=t("h3",null,"Options",-1),E=t("span",null,"Total duration:",-1),H=t("span",null,"Easing:",-1),L=t("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},y=["innerHTML"],F=_({__name:"Book",setup(J){const p={autohideTime:0},s=r([{component:V,options:r({totalDuration:1200,easing:"ease-out"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` import { Book, } from 'vue-flux'; diff --git a/docs/assets/Camera-gh4W16_W.js b/docs/assets/Camera-y-IMMfCJ.js similarity index 87% rename from docs/assets/Camera-gh4W16_W.js rename to docs/assets/Camera-y-IMMfCJ.js index cfd14aff..46f34aef 100644 --- a/docs/assets/Camera-gh4W16_W.js +++ b/docs/assets/Camera-y-IMMfCJ.js @@ -1,4 +1,4 @@ -import{g,E as i,i as _,o as f,c as v,a as l,u as n,b as o,H as r,I as u,_ as b}from"./app-SStEjskS.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as h}from"./slider-hgcxarFB.js";import{k as x}from"./vue-flux-xkNGD8Rr.js";import C from"./Demo-YRqIvizg.js";import{d as D,f as k}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const V={class:"demo"},j=o("h3",null,"Options",-1),w=o("span",null,"total duration:",-1),B=o("span",null,"Easing:",-1),R=o("span",null,"Background color:",-1),T=o("h3",null,"Source",-1),E={class:"language-javascript","data-ext":"js"},H=["innerHTML"],M=g({__name:"Camera",setup(U){const m={autohideTime:0},t=i([{component:x,options:i({totalDuration:1200,easing:"cubic-bezier(0.385, 0, 0.795, 0.560)",backgroundColor:"#111"})}]),c={preloader:!0,controls:!0},d=_(()=>{let e=` +import{g,E as i,i as _,o as f,c as v,a as l,u as n,b as o,H as r,I as u,_ as b}from"./app-9q7i-DDF.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as h}from"./slider-qIJTIoH5.js";import{i as x}from"./vue-flux-Jy6SlP2J.js";import C from"./Demo-5DMVfPWL.js";import{d as D,f as k}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const V={class:"demo"},j=o("h3",null,"Options",-1),w=o("span",null,"total duration:",-1),B=o("span",null,"Easing:",-1),R=o("span",null,"Background color:",-1),T=o("h3",null,"Source",-1),E={class:"language-javascript","data-ext":"js"},H=["innerHTML"],M=g({__name:"Camera",setup(U){const m={autohideTime:0},t=i([{component:x,options:i({totalDuration:1200,easing:"cubic-bezier(0.385, 0, 0.795, 0.560)",backgroundColor:"#111"})}]),c={preloader:!0,controls:!0},d=_(()=>{let e=` import { Camera, } from 'vue-flux'; diff --git a/docs/assets/Complements-h-bggmDX.js b/docs/assets/Complements-6E4xE3lP.js similarity index 59% rename from docs/assets/Complements-h-bggmDX.js rename to docs/assets/Complements-6E4xE3lP.js index 06b5bbe2..7eb125ef 100644 --- a/docs/assets/Complements-h-bggmDX.js +++ b/docs/assets/Complements-6E4xE3lP.js @@ -1 +1 @@ -import{U as t,l as n,a as r,u as a,d as m}from"./vue-flux-xkNGD8Rr.js";import p from"./Demo-YRqIvizg.js";import{g as c,o as i,j as u,_}from"./app-SStEjskS.js";import"./Images-gE8WO_fq.js";const l=c({__name:"Complements",setup(f){const e={autohideTime:0},o=[t,n,r,a,m],s={preloader:!0,captions:!0,controls:!0,pagination:!0,index:!0};return(d,x)=>(i(),u(p,{options:e,transitions:o,complements:s,numRscs:12}))}}),B=_(l,[["__file","Complements.vue"]]);export{B as default}; +import{U as t,l as n,a as r,u as a,d as m}from"./vue-flux-Jy6SlP2J.js";import p from"./Demo-5DMVfPWL.js";import{g as c,o as i,j as u,_}from"./app-9q7i-DDF.js";import"./Images-GCWpavzx.js";const l=c({__name:"Complements",setup(f){const e={autohideTime:0},o=[t,n,r,a,m],s={preloader:!0,captions:!0,controls:!0,pagination:!0,index:!0};return(d,x)=>(i(),u(p,{options:e,transitions:o,complements:s,numRscs:12}))}}),B=_(l,[["__file","Complements.vue"]]);export{B as default}; diff --git a/docs/assets/Concentric-6chqxfJB.js b/docs/assets/Concentric-bJPzmiuk.js similarity index 89% rename from docs/assets/Concentric-6chqxfJB.js rename to docs/assets/Concentric-bJPzmiuk.js index 5e705fcd..54ec49fe 100644 --- a/docs/assets/Concentric-6chqxfJB.js +++ b/docs/assets/Concentric-bJPzmiuk.js @@ -1,4 +1,4 @@ -import{g,E as m,i as _,o as s,c as a,a as l,u as o,b as i,H as f,J as v,F as x,q as V,B as y,_ as T}from"./app-SStEjskS.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-hgcxarFB.js";import{n as C}from"./vue-flux-xkNGD8Rr.js";import b from"./Demo-YRqIvizg.js";import{m as h,a as S,b as j,c as w,e as B}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const R={class:"demo"},U=i("h3",null,"Options",-1),$=i("span",null,"Circles:",-1),k=i("span",null,"Tile duration:",-1),E=i("span",null,"Tile delay:",-1),H=i("span",null,"Easing:",-1),L=i("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},F=["innerHTML"],J=g({__name:"Concentric",setup(N){const c={autohideTime:0},e=m([{component:C,options:m({circles:7,tileDuration:800,tileDelay:150,easing:"linear"})}]),d={preloader:!0,controls:!0},D=_(()=>{let u=` +import{g,E as m,i as _,o as s,c as a,a as l,u as o,b as i,H as f,J as v,F as x,q as V,B as y,_ as T}from"./app-9q7i-DDF.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-qIJTIoH5.js";import{n as C}from"./vue-flux-Jy6SlP2J.js";import b from"./Demo-5DMVfPWL.js";import{m as h,a as S,b as j,c as w,e as B}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const R={class:"demo"},U=i("h3",null,"Options",-1),$=i("span",null,"Circles:",-1),k=i("span",null,"Tile duration:",-1),E=i("span",null,"Tile delay:",-1),H=i("span",null,"Easing:",-1),L=i("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},F=["innerHTML"],J=g({__name:"Concentric",setup(N){const c={autohideTime:0},e=m([{component:C,options:m({circles:7,tileDuration:800,tileDelay:150,easing:"linear"})}]),d={preloader:!0,controls:!0},D=_(()=>{let u=` import { Concentric, } from 'vue-flux'; diff --git a/docs/assets/Cube-BqtHLy0_.js b/docs/assets/Cube-c93ge7Dy.js similarity index 85% rename from docs/assets/Cube-BqtHLy0_.js rename to docs/assets/Cube-c93ge7Dy.js index 0ff610b9..180789bd 100644 --- a/docs/assets/Cube-BqtHLy0_.js +++ b/docs/assets/Cube-c93ge7Dy.js @@ -1,4 +1,4 @@ -import{g as _,E as r,i as g,o as a,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B as b,_ as x}from"./app-SStEjskS.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as C}from"./slider-hgcxarFB.js";import{l as V}from"./vue-flux-xkNGD8Rr.js";import j from"./Demo-YRqIvizg.js";import{d as w,f as B,e as R}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const S={class:"demo"},T=t("h3",null,"Options",-1),k=t("span",null,"Total duration:",-1),E=t("span",null,"Easing:",-1),H=t("h3",null,"Source",-1),L={class:"language-javascript","data-ext":"js"},M=["innerHTML"],y=_({__name:"Cube",setup(F){const p={autohideTime:0},s=r([{component:V,options:r({totalDuration:1400,easing:"ease-out"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` +import{g as _,E as r,i as g,o as a,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B as b,_ as x}from"./app-9q7i-DDF.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as C}from"./slider-qIJTIoH5.js";import{l as V}from"./vue-flux-Jy6SlP2J.js";import j from"./Demo-5DMVfPWL.js";import{d as w,f as B,e as R}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const S={class:"demo"},T=t("h3",null,"Options",-1),k=t("span",null,"Total duration:",-1),E=t("span",null,"Easing:",-1),H=t("h3",null,"Source",-1),L={class:"language-javascript","data-ext":"js"},M=["innerHTML"],y=_({__name:"Cube",setup(F){const p={autohideTime:0},s=r([{component:V,options:r({totalDuration:1400,easing:"ease-out"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` import { Cube, } from 'vue-flux'; diff --git a/docs/assets/Demo-YRqIvizg.js b/docs/assets/Demo-5DMVfPWL.js similarity index 86% rename from docs/assets/Demo-YRqIvizg.js rename to docs/assets/Demo-5DMVfPWL.js index 6aca6c51..eebaa89c 100644 --- a/docs/assets/Demo-YRqIvizg.js +++ b/docs/assets/Demo-5DMVfPWL.js @@ -1 +1 @@ -import{I as g}from"./Images-gE8WO_fq.js";import{K as y,H as C,I as S,j as E,G as I,Y as h}from"./vue-flux-xkNGD8Rr.js";import{g as j,h as D,i as R,o as T,j as w,k as B,w as o,u as s,l as t,n as a,a as i,_ as G}from"./app-SStEjskS.js";const H=j({__name:"Demo",props:{options:{},rscs:{},numRscs:{default:8},transitions:{},complements:{default:()=>({preloader:!1,captions:!1,controls:!1,pagination:!1,index:!1})}},emits:["transitionStart","transitionCancel","transitionEnd"],setup(p,{expose:f,emit:u}){const r=u,c=D(null),l=p,d=R(()=>l.rscs!==void 0?l.rscs:g.generate(l.numRscs));function v(e,m){const n=m.current.component.__name;r("transitionStart",n)}function k(){r("transitionCancel")}function _(){r("transitionEnd")}return f({$vf:c}),(e,m)=>(T(),w(s(h),{options:e.options,rscs:d.value,transitions:e.transitions,onTransitionStart:v,onTransitionCancel:k,onTransitionEnd:_,ref_key:"$vf",ref:c},B({_:2},[e.complements.preloader?{name:"preloader",fn:o(n=>[i(s(y),a(t(n)),null,16)]),key:"0"}:void 0,e.complements.captions?{name:"caption",fn:o(n=>[i(s(C),a(t(n)),null,16)]),key:"1"}:void 0,e.complements.controls?{name:"controls",fn:o(n=>[i(s(S),a(t(n)),null,16)]),key:"2"}:void 0,e.complements.index?{name:"index",fn:o(n=>[i(s(E),a(t(n)),null,16)]),key:"3"}:void 0,e.complements.pagination?{name:"pagination",fn:o(n=>[i(s(I),a(t(n)),null,16)]),key:"4"}:void 0]),1032,["options","rscs","transitions"]))}}),$=G(H,[["__file","Demo.vue"]]);export{$ as default}; +import{I as g}from"./Images-GCWpavzx.js";import{K as y,H as C,I as S,j as E,G as I,Y as h}from"./vue-flux-Jy6SlP2J.js";import{g as j,h as D,i as R,o as T,j as w,k as B,w as o,u as s,l as t,n as a,a as i,_ as G}from"./app-9q7i-DDF.js";const H=j({__name:"Demo",props:{options:{},rscs:{},numRscs:{default:8},transitions:{},complements:{default:()=>({preloader:!1,captions:!1,controls:!1,pagination:!1,index:!1})}},emits:["transitionStart","transitionCancel","transitionEnd"],setup(p,{expose:f,emit:u}){const r=u,c=D(null),l=p,d=R(()=>l.rscs!==void 0?l.rscs:g.generate(l.numRscs));function v(e,m){const n=m.current.component.__name;r("transitionStart",n)}function k(){r("transitionCancel")}function _(){r("transitionEnd")}return f({$vf:c}),(e,m)=>(T(),w(s(h),{options:e.options,rscs:d.value,transitions:e.transitions,onTransitionStart:v,onTransitionCancel:k,onTransitionEnd:_,ref_key:"$vf",ref:c},B({_:2},[e.complements.preloader?{name:"preloader",fn:o(n=>[i(s(y),a(t(n)),null,16)]),key:"0"}:void 0,e.complements.captions?{name:"caption",fn:o(n=>[i(s(C),a(t(n)),null,16)]),key:"1"}:void 0,e.complements.controls?{name:"controls",fn:o(n=>[i(s(S),a(t(n)),null,16)]),key:"2"}:void 0,e.complements.index?{name:"index",fn:o(n=>[i(s(E),a(t(n)),null,16)]),key:"3"}:void 0,e.complements.pagination?{name:"pagination",fn:o(n=>[i(s(I),a(t(n)),null,16)]),key:"4"}:void 0]),1032,["options","rscs","transitions"]))}}),$=G(H,[["__file","Demo.vue"]]);export{$ as default}; diff --git a/docs/assets/DemoButton-SfUSYKZS.js b/docs/assets/DemoButton-xkD8OHQw.js similarity index 73% rename from docs/assets/DemoButton-SfUSYKZS.js rename to docs/assets/DemoButton-xkD8OHQw.js index f7c14e9a..133e3c5f 100644 --- a/docs/assets/DemoButton-SfUSYKZS.js +++ b/docs/assets/DemoButton-xkD8OHQw.js @@ -1 +1 @@ -import{_ as e,o,c as n,z as s}from"./app-SStEjskS.js";const c={},r={type:"button",class:"demo-button"};function _(t,a){return o(),n("button",r,[s(t.$slots,"default")])}const l=e(c,[["render",_],["__file","DemoButton.vue"]]);export{l as default}; +import{_ as e,o,c as n,z as s}from"./app-9q7i-DDF.js";const c={},r={type:"button",class:"demo-button"};function _(t,a){return o(),n("button",r,[s(t.$slots,"default")])}const l=e(c,[["render",_],["__file","DemoButton.vue"]]);export{l as default}; diff --git a/docs/assets/Explode-h-vdIpwX.js b/docs/assets/Explode-JDY-FPqr.js similarity index 90% rename from docs/assets/Explode-h-vdIpwX.js rename to docs/assets/Explode-JDY-FPqr.js index 4ae02189..48842348 100644 --- a/docs/assets/Explode-h-vdIpwX.js +++ b/docs/assets/Explode-JDY-FPqr.js @@ -1,4 +1,4 @@ -import{g as x,E as u,i as g,o as a,c as r,a as t,u as o,b as n,H as f,J as V,F as _,q as v,B as w,_ as y}from"./app-SStEjskS.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-hgcxarFB.js";import{w as T}from"./vue-flux-xkNGD8Rr.js";import E from"./Demo-YRqIvizg.js";import{m as b,a as S,b as j,c as R,e as U}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const $={class:"demo"},B=n("h3",null,"Options",-1),h=n("span",null,"Rows:",-1),k=n("span",null,"Columns:",-1),H=n("span",null,"Tile duration:",-1),L=n("span",null,"Tile delay:",-1),M=n("span",null,"Easing:",-1),C=n("h3",null,"Source",-1),F={class:"language-javascript","data-ext":"js"},J=["innerHTML"],N=x({__name:"Explode",setup(P){const d={autohideTime:0},l=u([{component:T,options:u({rows:0,cols:9,tileDuration:300,tileDelay:100,easing:"linear"})}]),c={preloader:!0,controls:!0},D=g(()=>{let p=` +import{g as x,E as u,i as g,o as a,c as r,a as t,u as o,b as n,H as f,J as V,F as _,q as v,B as w,_ as y}from"./app-9q7i-DDF.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-qIJTIoH5.js";import{f as T}from"./vue-flux-Jy6SlP2J.js";import E from"./Demo-5DMVfPWL.js";import{m as b,a as S,b as j,c as R,e as U}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const $={class:"demo"},B=n("h3",null,"Options",-1),h=n("span",null,"Rows:",-1),k=n("span",null,"Columns:",-1),H=n("span",null,"Tile duration:",-1),L=n("span",null,"Tile delay:",-1),M=n("span",null,"Easing:",-1),C=n("h3",null,"Source",-1),F={class:"language-javascript","data-ext":"js"},J=["innerHTML"],N=x({__name:"Explode",setup(P){const d={autohideTime:0},l=u([{component:T,options:u({rows:0,cols:9,tileDuration:300,tileDelay:100,easing:"linear"})}]),c={preloader:!0,controls:!0},D=g(()=>{let p=` import { Explode, } from 'vue-flux'; diff --git a/docs/assets/Fade-HXDEfLEJ.js b/docs/assets/Fade-eNLsyOIZ.js similarity index 85% rename from docs/assets/Fade-HXDEfLEJ.js rename to docs/assets/Fade-eNLsyOIZ.js index aa5a47d4..555e4bbb 100644 --- a/docs/assets/Fade-HXDEfLEJ.js +++ b/docs/assets/Fade-eNLsyOIZ.js @@ -1,4 +1,4 @@ -import{g as _,E as r,i as g,o as n,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B as x,_ as F}from"./app-SStEjskS.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as V}from"./slider-hgcxarFB.js";import{U as j}from"./vue-flux-xkNGD8Rr.js";import w from"./Demo-YRqIvizg.js";import{d as B,f as R,e as S}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const T={class:"demo"},U=t("h3",null,"Options",-1),b=t("span",null,"Total duration:",-1),k=t("span",null,"Easing:",-1),E=t("h3",null,"Source",-1),H={class:"language-javascript","data-ext":"js"},L=["innerHTML"],M=_({__name:"Fade",setup(y){const p={autohideTime:0},s=r([{component:j,options:r({totalDuration:1200,easing:"ease-in"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` +import{g as _,E as r,i as g,o as n,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B as x,_ as F}from"./app-9q7i-DDF.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as V}from"./slider-qIJTIoH5.js";import{U as j}from"./vue-flux-Jy6SlP2J.js";import w from"./Demo-5DMVfPWL.js";import{d as B,f as R,e as S}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const T={class:"demo"},U=t("h3",null,"Options",-1),b=t("span",null,"Total duration:",-1),k=t("span",null,"Easing:",-1),E=t("h3",null,"Source",-1),H={class:"language-javascript","data-ext":"js"},L=["innerHTML"],M=_({__name:"Fade",setup(y){const p={autohideTime:0},s=r([{component:j,options:r({totalDuration:1200,easing:"ease-in"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` import { Fade, } from 'vue-flux'; diff --git a/docs/assets/Fall-XT3ZwAF_.js b/docs/assets/Fall-A_re5klg.js similarity index 85% rename from docs/assets/Fall-XT3ZwAF_.js rename to docs/assets/Fall-A_re5klg.js index ed68d732..e0c1836d 100644 --- a/docs/assets/Fall-XT3ZwAF_.js +++ b/docs/assets/Fall-A_re5klg.js @@ -1,4 +1,4 @@ -import{g as _,E as r,i as g,o as e,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B as x,_ as F}from"./app-SStEjskS.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as V}from"./slider-hgcxarFB.js";import{m as j}from"./vue-flux-xkNGD8Rr.js";import w from"./Demo-YRqIvizg.js";import{d as B,f as R,e as S}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const T={class:"demo"},b=t("h3",null,"Options",-1),k=t("span",null,"Total duration:",-1),E=t("span",null,"Easing:",-1),H=t("h3",null,"Source",-1),L={class:"language-javascript","data-ext":"js"},M=["innerHTML"],y=_({__name:"Fall",setup(J){const p={autohideTime:0},s=r([{component:j,options:r({totalDuration:1600,easing:"ease-in"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` +import{g as _,E as r,i as g,o as e,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B as x,_ as F}from"./app-9q7i-DDF.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as V}from"./slider-qIJTIoH5.js";import{c as j}from"./vue-flux-Jy6SlP2J.js";import w from"./Demo-5DMVfPWL.js";import{d as B,f as R,e as S}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const T={class:"demo"},b=t("h3",null,"Options",-1),k=t("span",null,"Total duration:",-1),E=t("span",null,"Easing:",-1),H=t("h3",null,"Source",-1),L={class:"language-javascript","data-ext":"js"},M=["innerHTML"],y=_({__name:"Fall",setup(J){const p={autohideTime:0},s=r([{component:j,options:r({totalDuration:1600,easing:"ease-in"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` import { Fall, } from 'vue-flux'; diff --git a/docs/assets/FluxButton-tJWabkdR.js b/docs/assets/FluxButton-Qigdyi2S.js similarity index 70% rename from docs/assets/FluxButton-tJWabkdR.js rename to docs/assets/FluxButton-Qigdyi2S.js index a5edea68..41600074 100644 --- a/docs/assets/FluxButton-tJWabkdR.js +++ b/docs/assets/FluxButton-Qigdyi2S.js @@ -1,3 +1,3 @@ -import{g as u,i as r,o as i,c,a as _,w as m,b as t,u as d,H as h,I as p,_ as x}from"./app-SStEjskS.js";import{P as n}from"./prism-cS1PeyxU.js";import{q as g}from"./vue-flux-xkNGD8Rr.js";const f={class:"demo-flux-button"},B=t("h3",null,"Playground",-1),v=t("h3",null,"Source",-1),F={class:"language-html extra-class","data-ext":"html"},H=["innerHTML"],e='',M=u({__name:"FluxButton",setup(T){const l=r(()=>{const o=` +import{g as u,i as r,o as i,c,a as _,w as m,b as t,u as d,H as h,I as p,_ as x}from"./app-9q7i-DDF.js";import{P as n}from"./prism-cS1PeyxU.js";import{b as g}from"./vue-flux-Jy6SlP2J.js";const f={class:"demo-flux-button"},B=t("h3",null,"Playground",-1),v=t("h3",null,"Source",-1),F={class:"language-html extra-class","data-ext":"html"},H=["innerHTML"],e='',M=u({__name:"FluxButton",setup(T){const l=r(()=>{const o=` ${e} -`;return n.highlight(o.trim(),n.languages.html,"html")});return(o,s)=>(i(),c("div",f,[_(d(g),null,{default:m(()=>[t("g",{innerHTML:e})]),_:1}),B,h(t("textarea",{"onUpdate:modelValue":s[0]||(s[0]=a=>e=a)},null,512),[[p,e]]),v,t("div",F,[t("pre",{innerHTML:l.value,class:"language-html"},null,8,H)])]))}}),V=x(M,[["__file","FluxButton.vue"]]);export{V as default}; +`;return n.highlight(o.trim(),n.languages.html,"html")});return(o,s)=>(i(),c("div",f,[_(d(g),null,{default:m(()=>[t("g",{innerHTML:e})]),_:1}),B,h(t("textarea",{"onUpdate:modelValue":s[0]||(s[0]=a=>e=a)},null,512),[[p,e]]),v,t("div",F,[t("pre",{innerHTML:l.value,class:"language-html"},null,8,H)])]))}}),P=x(M,[["__file","FluxButton.vue"]]);export{P as default}; diff --git a/docs/assets/FluxCaption-V1R_fpjD.js b/docs/assets/FluxCaption-spq62oGn.js similarity index 71% rename from docs/assets/FluxCaption-V1R_fpjD.js rename to docs/assets/FluxCaption-spq62oGn.js index 0c2f8319..d1a34b0c 100644 --- a/docs/assets/FluxCaption-V1R_fpjD.js +++ b/docs/assets/FluxCaption-spq62oGn.js @@ -1,4 +1,4 @@ -import{P as s}from"./prism-cS1PeyxU.js";import{K as f,H as C,I as P,Y as w,p as B,o as b,a as k,l as H,r as I,u as R}from"./vue-flux-xkNGD8Rr.js";import j from"./Demo-YRqIvizg.js";import{I as L}from"./Images-gE8WO_fq.js";import{g as M,E as T,i as n,o as V,c as W,a as r,u as o,b as e,w as l,l as i,n as c,B as D,_ as S}from"./app-SStEjskS.js";const q=e("h2",null,"Default captions",-1),z=e("h3",null,"Source",-1),A={class:"language-javascript","data-ext":"js"},E=["innerHTML"],J={class:"language-html","data-ext":"html"},K=["innerHTML"],N=e("h2",null,"Custom captions",-1),Y=["href"],y=e("h3",null,"Source",-1),G={class:"language-javascript","data-ext":"js"},O=["innerHTML"],Q={class:"language-html","data-ext":"html"},U=["innerHTML"],X=M({__name:"FluxCaption",setup(Z){const u=T([B,b,k,H,I,R]),g={captions:!0,controls:!0,preloader:!0},h=n(()=>{let t=` +import{P as s}from"./prism-cS1PeyxU.js";import{K as F,H as C,I as P,Y as w,p as B,o as b,a as k,l as H,r as I,u as R}from"./vue-flux-Jy6SlP2J.js";import j from"./Demo-5DMVfPWL.js";import{I as L}from"./Images-GCWpavzx.js";import{g as M,E as T,i as r,o as V,c as W,a as n,u as o,b as e,w as l,l as i,n as c,B as D,_ as S}from"./app-9q7i-DDF.js";const q=e("h2",null,"Default captions",-1),z=e("h3",null,"Source",-1),A={class:"language-javascript","data-ext":"js"},E=["innerHTML"],J={class:"language-html","data-ext":"html"},K=["innerHTML"],N=e("h2",null,"Custom captions",-1),Y=["href"],y=e("h3",null,"Source",-1),G={class:"language-javascript","data-ext":"js"},O=["innerHTML"],Q={class:"language-html","data-ext":"html"},U=["innerHTML"],X=M({__name:"FluxCaption",setup(Z){const u=T([B,b,k,H,I,R]),g={captions:!0,controls:!0,preloader:!0},h=r(()=>{let t=` import { Img, FluxPreloader, @@ -26,7 +26,7 @@ const transitions = shallowReactive([ Cube, Warp, Wave, -]);`;return s.highlight(t.trim(),s.languages.javascript,"javascript")}),d=n(()=>{const t=` +]);`;return s.highlight(t.trim(),s.languages.javascript,"javascript")}),d=r(()=>{const t=` `;return s.highlight(t.trim().replaceAll(` -`,""),s.languages.html,"html")}),_=L.generate(3);function v(t){return"https://www.google.com/search?q="+t}const x=n(()=>{let t=` +`,""),s.languages.html,"html")}),_=L.generate(3);function v(t){return"https://www.google.com/search?q="+t}const x=r(()=>{let t=` import { Img, Size, @@ -72,7 +72,11 @@ const transitions = shallowReactive([ Cube, Warp, Wave, -]);`;return s.highlight(t.trim(),s.languages.javascript,"javascript")}),F=n(()=>{const t=` +]); + +function getSearch(caption) { + return 'https://www.google.com/search?q='+ caption +}`;return s.highlight(t.trim(),s.languages.javascript,"javascript")}),f=r(()=>{const t=`

{{ captionProps.currentResource?.rsc.caption }} @@ -98,4 +102,4 @@ const transitions = shallowReactive([ `;return s.highlight(t.trim().replaceAll(` -`,""),s.languages.html,"html")});return(t,$)=>(V(),W("div",null,[q,r(j,{transitions:o(u),numRscs:3,complements:g},null,8,["transitions"]),z,e("div",A,[e("pre",{innerHTML:h.value,class:"language-javascript"},null,8,E)]),e("div",J,[e("pre",{innerHTML:d.value,class:"language-html"},null,8,K)]),N,r(o(w),{rscs:o(_),transitions:o(u)},{preloader:l(a=>[r(o(f),c(i(a)),null,16)]),caption:l(a=>[r(o(C),c(i(a)),{default:l(()=>{var p,m;return[e("h3",null,[e("a",{href:v((p=a.currentResource)==null?void 0:p.rsc.caption),target:"_blank"},D((m=a.currentResource)==null?void 0:m.rsc.caption),9,Y)])]}),_:2},1040)]),controls:l(a=>[r(o(P),c(i(a)),null,16)]),_:1},8,["rscs","transitions"]),y,e("div",G,[e("pre",{innerHTML:x.value,class:"language-javascript"},null,8,O)]),e("div",Q,[e("pre",{innerHTML:F.value,class:"language-html"},null,8,U)])]))}}),re=S(X,[["__file","FluxCaption.vue"]]);export{re as default}; +`,""),s.languages.html,"html")});return(t,$)=>(V(),W("div",null,[q,n(j,{transitions:o(u),numRscs:3,complements:g},null,8,["transitions"]),z,e("div",A,[e("pre",{innerHTML:h.value,class:"language-javascript"},null,8,E)]),e("div",J,[e("pre",{innerHTML:d.value,class:"language-html"},null,8,K)]),N,n(o(w),{rscs:o(_),transitions:o(u)},{preloader:l(a=>[n(o(F),c(i(a)),null,16)]),caption:l(a=>[n(o(C),c(i(a)),{default:l(()=>{var p,m;return[e("h3",null,[e("a",{href:v((p=a.currentResource)==null?void 0:p.rsc.caption),target:"_blank"},D((m=a.currentResource)==null?void 0:m.rsc.caption),9,Y)])]}),_:2},1040)]),controls:l(a=>[n(o(P),c(i(a)),null,16)]),_:1},8,["rscs","transitions"]),y,e("div",G,[e("pre",{innerHTML:x.value,class:"language-javascript"},null,8,O)]),e("div",Q,[e("pre",{innerHTML:f.value,class:"language-html"},null,8,U)])]))}}),ne=S(X,[["__file","FluxCaption.vue"]]);export{ne as default}; diff --git a/docs/assets/FluxControls-HJXNw-ne.js b/docs/assets/FluxControls-cgSggjhb.js similarity index 84% rename from docs/assets/FluxControls-HJXNw-ne.js rename to docs/assets/FluxControls-cgSggjhb.js index 82c5935b..f991e836 100644 --- a/docs/assets/FluxControls-HJXNw-ne.js +++ b/docs/assets/FluxControls-cgSggjhb.js @@ -1,4 +1,4 @@ -import{P as o}from"./prism-cS1PeyxU.js";import{p as c,o as u,a as m,l as p,r as d,u as g}from"./vue-flux-xkNGD8Rr.js";import _ from"./Demo-YRqIvizg.js";import{g as h,E as v,i as t,o as x,c as f,a as F,u as B,b as s,_ as C}from"./app-SStEjskS.js";import"./Images-gE8WO_fq.js";const P=s("h3",null,"Source",-1),k={class:"language-javascript","data-ext":"js"},w=["innerHTML"],b={class:"language-html","data-ext":"html"},j=["innerHTML"],H=h({__name:"FluxControls",setup(T){const a={autohideTime:0},r=v([c,u,m,p,d,g]),l={controls:!0,preloader:!0},n=t(()=>{let e=` +import{P as o}from"./prism-cS1PeyxU.js";import{p as c,o as u,a as m,l as p,r as d,u as g}from"./vue-flux-Jy6SlP2J.js";import _ from"./Demo-5DMVfPWL.js";import{g as h,E as v,i as t,o as x,c as f,a as F,u as B,b as s,_ as C}from"./app-9q7i-DDF.js";import"./Images-GCWpavzx.js";const P=s("h3",null,"Source",-1),k={class:"language-javascript","data-ext":"js"},w=["innerHTML"],b={class:"language-html","data-ext":"html"},j=["innerHTML"],H=h({__name:"FluxControls",setup(T){const a={autohideTime:0},r=v([c,u,m,p,d,g]),l={controls:!0,preloader:!0},n=t(()=>{let e=` import { Img, FluxPreloader, diff --git a/docs/assets/FluxCube-tZhPauZw.js b/docs/assets/FluxCube-iBCOHUUI.js similarity index 93% rename from docs/assets/FluxCube-tZhPauZw.js rename to docs/assets/FluxCube-iBCOHUUI.js index 02b349f7..fcbb4ed8 100644 --- a/docs/assets/FluxCube-tZhPauZw.js +++ b/docs/assets/FluxCube-iBCOHUUI.js @@ -1,4 +1,4 @@ -import{g as z,h as d,i as c,o as h,c as f,a as n,u as s,b as t,H as I,J as y,F,q as H,B as U,p as j,_ as C}from"./app-SStEjskS.js";import{R as k,c as L}from"./vue-flux-xkNGD8Rr.js";import{P as v}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-hgcxarFB.js";import{I as M}from"./Images-gE8WO_fq.js";import{o as T}from"./constants-vSRoptby.js";const B=t("h3",{style:{"margin-top":"128px"}},"Playground",-1),P=t("span",null,"Width:",-1),D=t("span",null,"Height:",-1),N=t("span",null,"Depth:",-1),R=t("span",null,"Rotate X:",-1),X=t("span",null,"Rotate Y:",-1),Y=t("span",null,"Perspective:",-1),J=t("span",null,"Transform origin:",-1),q=t("h3",null,"Source",-1),A={class:"language-javascript","data-ext":"js"},E=["innerHTML"],O={class:"language-html extra-class","data-ext":"html"},W=["innerHTML"],G=z({__name:"FluxCube",setup(K){const w=M.generate(6),x=["front","back","top","bottom","left","right"],V={};for(let o=0;o({transform:`rotateX(${p.value}deg) rotateY(${g.value}deg)`})),S=c(()=>{let o=` +import{g as z,h as d,i as c,o as h,c as f,a as n,u as s,b as t,H as I,J as y,F,q as H,B as U,p as j,_ as C}from"./app-9q7i-DDF.js";import{R as k,g as L}from"./vue-flux-Jy6SlP2J.js";import{P as v}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-qIJTIoH5.js";import{I as M}from"./Images-GCWpavzx.js";import{o as T}from"./constants-vSRoptby.js";const B=t("h3",{style:{"margin-top":"128px"}},"Playground",-1),P=t("span",null,"Width:",-1),D=t("span",null,"Height:",-1),N=t("span",null,"Depth:",-1),R=t("span",null,"Rotate X:",-1),X=t("span",null,"Rotate Y:",-1),Y=t("span",null,"Perspective:",-1),J=t("span",null,"Transform origin:",-1),q=t("h3",null,"Source",-1),A={class:"language-javascript","data-ext":"js"},E=["innerHTML"],O={class:"language-html extra-class","data-ext":"html"},W=["innerHTML"],G=z({__name:"FluxCube",setup(K){const w=M.generate(6),x=["front","back","top","bottom","left","right"],V={};for(let o=0;o({transform:`rotateX(${p.value}deg) rotateY(${g.value}deg)`})),S=c(()=>{let o=` import { Img, Size, diff --git a/docs/assets/FluxGrid-bFEkzRl1.js b/docs/assets/FluxGrid-JO_Yhk45.js similarity index 74% rename from docs/assets/FluxGrid-bFEkzRl1.js rename to docs/assets/FluxGrid-JO_Yhk45.js index 51775711..ab6fb891 100644 --- a/docs/assets/FluxGrid-bFEkzRl1.js +++ b/docs/assets/FluxGrid-JO_Yhk45.js @@ -1,4 +1,4 @@ -import{R as p,b as _}from"./vue-flux-xkNGD8Rr.js";import{P as r}from"./prism-cS1PeyxU.js";import{m as d}from"./slider-hgcxarFB.js";import{I as f}from"./Images-gE8WO_fq.js";import{g as x,h as m,i as g,o as w,c as V,a as u,u as o,b as s,_ as z}from"./app-SStEjskS.js";const S={class:"demo demo-flux-grid"},b=s("h3",null,"Playground",-1),H=s("span",null,"Width:",-1),$=s("span",null,"Height:",-1),j=s("span",null,"Rows:",-1),F=s("span",null,"Cols:",-1),G=s("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},I=["innerHTML"],L={class:"language-html","data-ext":"html"},T=["innerHTML"],U=x({__name:"FluxGrid",setup(B){const v=f.generate(1),t=new p({width:640,height:360}),a=m(2),n=m(4),c=g(()=>{let i=` +import{R as p,k as _}from"./vue-flux-Jy6SlP2J.js";import{P as r}from"./prism-cS1PeyxU.js";import{m as d}from"./slider-qIJTIoH5.js";import{I as f}from"./Images-GCWpavzx.js";import{g as x,h as m,i as g,o as w,c as V,a as u,u as o,b as s,_ as z}from"./app-9q7i-DDF.js";const S={class:"demo demo-flux-grid"},H=s("h3",null,"Playground",-1),$=s("span",null,"Width:",-1),b=s("span",null,"Height:",-1),j=s("span",null,"Rows:",-1),F=s("span",null,"Cols:",-1),G=s("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},I=["innerHTML"],L={class:"language-html","data-ext":"html"},T=["innerHTML"],U=x({__name:"FluxGrid",setup(k){const v=f.generate(1),t=new p({width:640,height:360}),a=m(2),n=m(4),c=g(()=>{let i=` import { Img, Size, @@ -21,4 +21,4 @@ const cols = ref(${n.value}) :rows="${a.value}" :cols="${n.value}" />`;return r.highlight(i.trim().replaceAll(` -`,""),r.languages.html,"html")});return(i,l)=>(w(),V("div",S,[u(o(_),{rsc:o(v),size:o(t),rows:a.value,cols:n.value},null,8,["rsc","size","rows","cols"]),b,s("label",null,[H,u(o(d),{modelValue:o(t).width.value,"onUpdate:modelValue":l[0]||(l[0]=e=>o(t).width.value=e),min:100,max:640,onSlide:l[1]||(l[1]=e=>o(t).width.value=e)},null,8,["modelValue"])]),s("label",null,[$,u(o(d),{modelValue:o(t).height.value,"onUpdate:modelValue":l[2]||(l[2]=e=>o(t).height.value=e),min:100,max:640,onSlide:l[3]||(l[3]=e=>o(t).height.value=e)},null,8,["modelValue"])]),s("label",null,[j,u(o(d),{modelValue:a.value,"onUpdate:modelValue":l[4]||(l[4]=e=>a.value=e),min:1,max:20,onSlide:l[5]||(l[5]=e=>a.value=e)},null,8,["modelValue"])]),s("label",null,[F,u(o(d),{modelValue:n.value,"onUpdate:modelValue":l[6]||(l[6]=e=>n.value=e),min:1,max:20,onSlide:l[7]||(l[7]=e=>n.value=e)},null,8,["modelValue"])]),G,s("div",M,[s("pre",{innerHTML:c.value,class:"language-javascript"},null,8,I)]),s("div",L,[s("pre",{innerHTML:h.value,class:"language-html"},null,8,T)])]))}}),y=z(U,[["__file","FluxGrid.vue"]]);export{y as default}; +`,""),r.languages.html,"html")});return(i,l)=>(w(),V("div",S,[u(o(_),{rsc:o(v),size:o(t),rows:a.value,cols:n.value},null,8,["rsc","size","rows","cols"]),H,s("label",null,[$,u(o(d),{modelValue:o(t).width.value,"onUpdate:modelValue":l[0]||(l[0]=e=>o(t).width.value=e),min:100,max:640,onSlide:l[1]||(l[1]=e=>o(t).width.value=e)},null,8,["modelValue"])]),s("label",null,[b,u(o(d),{modelValue:o(t).height.value,"onUpdate:modelValue":l[2]||(l[2]=e=>o(t).height.value=e),min:100,max:640,onSlide:l[3]||(l[3]=e=>o(t).height.value=e)},null,8,["modelValue"])]),s("label",null,[j,u(o(d),{modelValue:a.value,"onUpdate:modelValue":l[4]||(l[4]=e=>a.value=e),min:1,max:20,onSlide:l[5]||(l[5]=e=>a.value=e)},null,8,["modelValue"])]),s("label",null,[F,u(o(d),{modelValue:n.value,"onUpdate:modelValue":l[6]||(l[6]=e=>n.value=e),min:1,max:20,onSlide:l[7]||(l[7]=e=>n.value=e)},null,8,["modelValue"])]),G,s("div",M,[s("pre",{innerHTML:c.value,class:"language-javascript"},null,8,I)]),s("div",L,[s("pre",{innerHTML:h.value,class:"language-html"},null,8,T)])]))}}),y=z(U,[["__file","FluxGrid.vue"]]);export{y as default}; diff --git a/docs/assets/FluxImage-zTq0ZTdD.js b/docs/assets/FluxImage-CZd7FFsz.js similarity index 78% rename from docs/assets/FluxImage-zTq0ZTdD.js rename to docs/assets/FluxImage-CZd7FFsz.js index e8512592..398405a4 100644 --- a/docs/assets/FluxImage-zTq0ZTdD.js +++ b/docs/assets/FluxImage-CZd7FFsz.js @@ -1,4 +1,4 @@ -import{g as b,h,i as p,o as S,c as _,a as n,u as e,b as o,H as f,L as g,d as w,_ as I}from"./app-SStEjskS.js";import{R as V,e as U,i as $}from"./vue-flux-xkNGD8Rr.js";import{P as v}from"./prism-cS1PeyxU.js";import{m as d}from"./slider-hgcxarFB.js";import{I as k}from"./Images-gE8WO_fq.js";const j={class:"demo"},H=o("h3",null,"Playground",-1),F=o("span",null,"Size width:",-1),L=o("span",null,"Size height:",-1),M={class:"checkbox"},P=o("span",null,"View size width:",-1),T=o("span",null,"View size height:",-1),y={class:"checkbox"},B=o("span",null,"Offset top:",-1),E=o("span",null,"Offset left:",-1),N=o("h3",null,"Source",-1),O={class:"language-javascript","data-ext":"js"},C=["innerHTML"],A={class:"language-html","data-ext":"html"},D=["innerHTML"],J=b({__name:"FluxImage",setup(R){const x=k.generate(1),a=new V({width:640,height:360}),m=h(!1),s=new V({width:640,height:360}),r=h(!1),i=new U({top:0,left:0}),z=p(()=>{let u=` +import{g as b,h,i as p,o as S,c as _,a as n,u as e,b as o,H as f,L as g,d as w,_ as I}from"./app-9q7i-DDF.js";import{R as V,m as U,v as $}from"./vue-flux-Jy6SlP2J.js";import{P as r}from"./prism-cS1PeyxU.js";import{m as d}from"./slider-qIJTIoH5.js";import{I as k}from"./Images-GCWpavzx.js";const j={class:"demo"},H=o("h3",null,"Playground",-1),F=o("span",null,"Size width:",-1),L=o("span",null,"Size height:",-1),M={class:"checkbox"},P=o("span",null,"View size width:",-1),T=o("span",null,"View size height:",-1),y={class:"checkbox"},B=o("span",null,"Offset top:",-1),E=o("span",null,"Offset left:",-1),N=o("h3",null,"Source",-1),O={class:"language-javascript","data-ext":"js"},C=["innerHTML"],A={class:"language-html","data-ext":"html"},D=["innerHTML"],J=b({__name:"FluxImage",setup(R){const x=k.generate(1),a=new V({width:640,height:360}),m=h(!1),s=new V({width:640,height:360}),v=h(!1),i=new U({top:0,left:0}),z=p(()=>{let u=` import { Img, Size, @@ -17,15 +17,15 @@ const viewSize = new Size({ width: ${s.width.value}, height: ${s.height.value}, }); -`),r.value&&(u+=` +`),v.value&&(u+=` const offset = new Position({ top: ${i.top.value}, left: ${i.left.value}, -});`),v.highlight(u.trim(),v.languages.javascript,"javascript")}),c=p(()=>{const u=` +});`),r.highlight(u.trim(),r.languages.javascript,"javascript")}),c=p(()=>{const u=` `;return v.highlight(u.trim().replaceAll(` -`,""),v.languages.html,"html")});return(u,l)=>(S(),_("div",j,[n(e($),{rsc:e(x),size:e(a),"view-size":m.value?e(s):void 0,offset:r.value?e(i):void 0},null,8,["rsc","size","view-size","offset"]),H,o("label",null,[F,n(e(d),{modelValue:e(a).width.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e(a).width.value=t),min:100,max:640,onSlide:l[1]||(l[1]=t=>e(a).width.value=t)},null,8,["modelValue"])]),o("label",null,[L,n(e(d),{modelValue:e(a).height.value,"onUpdate:modelValue":l[2]||(l[2]=t=>e(a).height.value=t),min:56,max:360,onSlide:l[3]||(l[3]=t=>e(a).height.value=t)},null,8,["modelValue"])]),o("label",M,[f(o("input",{type:"checkbox","onUpdate:modelValue":l[4]||(l[4]=t=>m.value=t),value:!0},null,512),[[g,m.value]]),w(" View size enabled ")]),o("label",null,[P,n(e(d),{modelValue:e(s).width.value,"onUpdate:modelValue":l[5]||(l[5]=t=>e(s).width.value=t),min:100,max:640,onSlide:l[6]||(l[6]=t=>e(s).width.value=t)},null,8,["modelValue"])]),o("label",null,[T,n(e(d),{modelValue:e(s).height.value,"onUpdate:modelValue":l[7]||(l[7]=t=>e(s).height.value=t),min:56,max:360,onSlide:l[8]||(l[8]=t=>e(s).height.value=t)},null,8,["modelValue"])]),o("label",y,[f(o("input",{type:"checkbox","onUpdate:modelValue":l[9]||(l[9]=t=>r.value=t),value:!0},null,512),[[g,r.value]]),w(" Offset enabled ")]),o("label",null,[B,n(e(d),{modelValue:e(i).top.value,"onUpdate:modelValue":l[10]||(l[10]=t=>e(i).top.value=t),min:-320,max:320,onSlide:l[11]||(l[11]=t=>e(i).top.value=t)},null,8,["modelValue"])]),o("label",null,[E,n(e(d),{modelValue:e(i).left.value,"onUpdate:modelValue":l[12]||(l[12]=t=>e(i).left.value=t),min:-320,max:320,onSlide:l[13]||(l[13]=t=>e(i).left.value=t)},null,8,["modelValue"])]),N,o("div",O,[o("pre",{innerHTML:z.value,class:"language-javascript"},null,8,C)]),o("div",A,[o("pre",{innerHTML:c.value,class:"language-html"},null,8,D)])]))}}),X=I(J,[["__file","FluxImage.vue"]]);export{X as default}; + ${v.value?':offset="offset"':""} +/>`;return r.highlight(u.trim().replaceAll(` +`,""),r.languages.html,"html")});return(u,l)=>(S(),_("div",j,[n(e($),{rsc:e(x),size:e(a),"view-size":m.value?e(s):void 0,offset:v.value?e(i):void 0},null,8,["rsc","size","view-size","offset"]),H,o("label",null,[F,n(e(d),{modelValue:e(a).width.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e(a).width.value=t),min:100,max:640,onSlide:l[1]||(l[1]=t=>e(a).width.value=t)},null,8,["modelValue"])]),o("label",null,[L,n(e(d),{modelValue:e(a).height.value,"onUpdate:modelValue":l[2]||(l[2]=t=>e(a).height.value=t),min:56,max:360,onSlide:l[3]||(l[3]=t=>e(a).height.value=t)},null,8,["modelValue"])]),o("label",M,[f(o("input",{type:"checkbox","onUpdate:modelValue":l[4]||(l[4]=t=>m.value=t),value:!0},null,512),[[g,m.value]]),w(" View size enabled ")]),o("label",null,[P,n(e(d),{modelValue:e(s).width.value,"onUpdate:modelValue":l[5]||(l[5]=t=>e(s).width.value=t),min:100,max:640,onSlide:l[6]||(l[6]=t=>e(s).width.value=t)},null,8,["modelValue"])]),o("label",null,[T,n(e(d),{modelValue:e(s).height.value,"onUpdate:modelValue":l[7]||(l[7]=t=>e(s).height.value=t),min:56,max:360,onSlide:l[8]||(l[8]=t=>e(s).height.value=t)},null,8,["modelValue"])]),o("label",y,[f(o("input",{type:"checkbox","onUpdate:modelValue":l[9]||(l[9]=t=>v.value=t),value:!0},null,512),[[g,v.value]]),w(" Offset enabled ")]),o("label",null,[B,n(e(d),{modelValue:e(i).top.value,"onUpdate:modelValue":l[10]||(l[10]=t=>e(i).top.value=t),min:-320,max:320,onSlide:l[11]||(l[11]=t=>e(i).top.value=t)},null,8,["modelValue"])]),o("label",null,[E,n(e(d),{modelValue:e(i).left.value,"onUpdate:modelValue":l[12]||(l[12]=t=>e(i).left.value=t),min:-320,max:320,onSlide:l[13]||(l[13]=t=>e(i).left.value=t)},null,8,["modelValue"])]),N,o("div",O,[o("pre",{innerHTML:z.value,class:"language-javascript"},null,8,C)]),o("div",A,[o("pre",{innerHTML:c.value,class:"language-html"},null,8,D)])]))}}),X=I(J,[["__file","FluxImage.vue"]]);export{X as default}; diff --git a/docs/assets/FluxIndex-dKt2U_1g.js b/docs/assets/FluxIndex-l5LjQ1p1.js similarity index 84% rename from docs/assets/FluxIndex-dKt2U_1g.js rename to docs/assets/FluxIndex-l5LjQ1p1.js index 47ebfe55..c82fd423 100644 --- a/docs/assets/FluxIndex-dKt2U_1g.js +++ b/docs/assets/FluxIndex-l5LjQ1p1.js @@ -1,4 +1,4 @@ -import{P as a}from"./prism-cS1PeyxU.js";import{p as c,o as u,a as m,l as p,r as d,u as g}from"./vue-flux-xkNGD8Rr.js";import x from"./Demo-YRqIvizg.js";import{g as _,E as h,i as t,o as v,c as f,a as F,u as B,b as e,_ as I}from"./app-SStEjskS.js";import"./Images-gE8WO_fq.js";const P=e("h3",null,"Source",-1),k={class:"language-javascript","data-ext":"js"},w=["innerHTML"],b={class:"language-html","data-ext":"html"},j=["innerHTML"],H=_({__name:"FluxIndex",setup(T){const o={autohideTime:0},n=h([c,u,m,p,d,g]),r={index:!0,preloader:!0},l=t(()=>{let s=` +import{P as a}from"./prism-cS1PeyxU.js";import{p as c,o as u,a as m,l as p,r as d,u as g}from"./vue-flux-Jy6SlP2J.js";import x from"./Demo-5DMVfPWL.js";import{g as _,E as h,i as t,o as v,c as f,a as F,u as B,b as e,_ as I}from"./app-9q7i-DDF.js";import"./Images-GCWpavzx.js";const P=e("h3",null,"Source",-1),k={class:"language-javascript","data-ext":"js"},w=["innerHTML"],b={class:"language-html","data-ext":"html"},j=["innerHTML"],H=_({__name:"FluxIndex",setup(T){const o={autohideTime:0},n=h([c,u,m,p,d,g]),r={index:!0,preloader:!0},l=t(()=>{let s=` import { Img, FluxPreloader, diff --git a/docs/assets/FluxPagination-vUZJU_Zz.js b/docs/assets/FluxPagination-yz7zNSYz.js similarity index 95% rename from docs/assets/FluxPagination-vUZJU_Zz.js rename to docs/assets/FluxPagination-yz7zNSYz.js index 9632375b..757ed20f 100644 --- a/docs/assets/FluxPagination-vUZJU_Zz.js +++ b/docs/assets/FluxPagination-yz7zNSYz.js @@ -1,4 +1,4 @@ -import{P as t}from"./prism-cS1PeyxU.js";import{K as f,I as F,G as C,Y as k,p as w,o as B,a as b,l as H,r as I,u as T}from"./vue-flux-xkNGD8Rr.js";import j from"./Demo-YRqIvizg.js";import{I as L}from"./Images-gE8WO_fq.js";import{g as M,E as V,i as n,o as W,c as D,a as l,u as e,b as a,w as r,l as c,n as u,C as R,B as S,_ as A}from"./app-SStEjskS.js";const y=a("h2",null,"Default pagination",-1),z=a("h3",null,"Source",-1),E={class:"language-javascript","data-ext":"js"},G=["innerHTML"],J={class:"language-html","data-ext":"html"},K=["innerHTML"],N=a("h2",null,"Custom pagination",-1),Y=["title","onClick"],$=a("h3",null,"Source",-1),q={class:"language-javascript","data-ext":"js"},O=["innerHTML"],Q={class:"language-html","data-ext":"html"},U=["innerHTML"],X={class:"language-scss","data-ext":"scss"},Z=["innerHTML"],aa=M({__name:"FluxPagination",setup(sa){const p={autohideTime:0},m={pagination:!0,controls:!0,preloader:!0},g=V([w,B,b,H,I,T]),d=n(()=>{let s=` +import{P as t}from"./prism-cS1PeyxU.js";import{K as f,I as F,G as C,Y as k,p as w,o as B,a as b,l as H,r as I,u as T}from"./vue-flux-Jy6SlP2J.js";import j from"./Demo-5DMVfPWL.js";import{I as L}from"./Images-GCWpavzx.js";import{g as M,E as V,i as n,o as W,c as D,a as l,u as e,b as a,w as r,l as c,n as u,C as R,B as S,_ as A}from"./app-9q7i-DDF.js";const y=a("h2",null,"Default pagination",-1),z=a("h3",null,"Source",-1),E={class:"language-javascript","data-ext":"js"},G=["innerHTML"],J={class:"language-html","data-ext":"html"},K=["innerHTML"],N=a("h2",null,"Custom pagination",-1),Y=["title","onClick"],$=a("h3",null,"Source",-1),q={class:"language-javascript","data-ext":"js"},O=["innerHTML"],Q={class:"language-html","data-ext":"html"},U=["innerHTML"],X={class:"language-scss","data-ext":"scss"},Z=["innerHTML"],aa=M({__name:"FluxPagination",setup(sa){const p={autohideTime:0},m={pagination:!0,controls:!0,preloader:!0},g=V([w,B,b,H,I,T]),d=n(()=>{let s=` import { Img, FluxPreloader, diff --git a/docs/assets/FluxParallax-Kct5pQ8H.js b/docs/assets/FluxParallax-bNFHhIxN.js similarity index 86% rename from docs/assets/FluxParallax-Kct5pQ8H.js rename to docs/assets/FluxParallax-bNFHhIxN.js index 85182747..22015934 100644 --- a/docs/assets/FluxParallax-Kct5pQ8H.js +++ b/docs/assets/FluxParallax-bNFHhIxN.js @@ -1,4 +1,4 @@ -import{g as H,h as p,i as g,o as r,c as u,F as v,q as f,a as i,u as m,p as S,b as l,H as j,J as L,B as M,_ as T}from"./app-SStEjskS.js";import{P as c}from"./prism-cS1PeyxU.js";import{m as h}from"./slider-hgcxarFB.js";import{X as $}from"./vue-flux-xkNGD8Rr.js";import x from"./Lines-XvsO7xQg.js";import{I as k}from"./Images-gE8WO_fq.js";import"./VcParagraph-GYjzzHDB.js";const B={class:"demo demo-flux-parallax"},I=l("h3",null,"Playground",-1),N=l("span",null,"Type",-1),U=l("span",null,"Height:",-1),w=l("span",null,"Offset:",-1),D=l("h3",null,"Source",-1),J={class:"language-javascript","data-ext":"js"},O=["innerHTML"],X={class:"language-html","data-ext":"html"},q=["innerHTML"];var _=(n=>(n.relative="relative",n.visible="visible",n.fixed="fixed",n))(_||{});const z=H({__name:"FluxParallax",setup(n){const y=Object.values(_),V=k.generate(1),a=p(250),s=p(50),d=p("relative"),F=o=>Math.round(o).toString()+"%",P=g(()=>{let o=` +import{g as H,h as p,i as g,o as r,c as u,F as v,q as f,a as i,u as m,p as S,b as l,H as j,J as L,B as M,_ as T}from"./app-9q7i-DDF.js";import{P as c}from"./prism-cS1PeyxU.js";import{m as h}from"./slider-qIJTIoH5.js";import{X as $}from"./vue-flux-Jy6SlP2J.js";import x from"./Lines-RIeZxxtr.js";import{I as k}from"./Images-GCWpavzx.js";import"./VcParagraph-pIVYxUQ1.js";const B={class:"demo demo-flux-parallax"},I=l("h3",null,"Playground",-1),N=l("span",null,"Type",-1),U=l("span",null,"Height:",-1),w=l("span",null,"Offset:",-1),D=l("h3",null,"Source",-1),J={class:"language-javascript","data-ext":"js"},O=["innerHTML"],X={class:"language-html","data-ext":"html"},q=["innerHTML"];var _=(n=>(n.relative="relative",n.visible="visible",n.fixed="fixed",n))(_||{});const z=H({__name:"FluxParallax",setup(n){const y=Object.values(_),V=k.generate(1),a=p(250),s=p(50),d=p("relative"),F=o=>Math.round(o).toString()+"%",P=g(()=>{let o=` import { Img, FluxParallax diff --git a/docs/assets/FluxPreloader-VHUoIG_x.js b/docs/assets/FluxPreloader-ISa_1xA9.js similarity index 93% rename from docs/assets/FluxPreloader-VHUoIG_x.js rename to docs/assets/FluxPreloader-ISa_1xA9.js index 734d7355..5eeac440 100644 --- a/docs/assets/FluxPreloader-VHUoIG_x.js +++ b/docs/assets/FluxPreloader-ISa_1xA9.js @@ -1,4 +1,4 @@ -import{P as t}from"./prism-cS1PeyxU.js";import{K as F,I as B,Y as w,p as k,o as C,a as H,l as I,r as j,u as L}from"./vue-flux-xkNGD8Rr.js";import M from"./Demo-YRqIvizg.js";import{I as T}from"./Images-gE8WO_fq.js";import{g as V,E as W,i as a,o as p,c as m,a as r,u as o,b as e,w as n,l as d,n as g,B as D,f as R,_ as S}from"./app-SStEjskS.js";const y=e("h2",null,"Default preloader",-1),z=e("h3",null,"Source",-1),A={class:"language-javascript","data-ext":"js"},N=["innerHTML"],E={class:"language-html","data-ext":"html"},J=["innerHTML"],K=e("h2",null,"Custom pagination",-1),Y={key:0,class:"custom-spinner"},q=e("h3",null,"Source",-1),G={class:"language-javascript","data-ext":"js"},O=["innerHTML"],Q={class:"language-html","data-ext":"html"},U=["innerHTML"],X={class:"language-scss","data-ext":"scss"},Z=["innerHTML"],$=V({__name:"FluxPreloader",setup(ee){const i={},h={controls:!0,preloader:!0},c=W([k,C,H,I,j,L]),_=a(()=>{let s=` +import{P as t}from"./prism-cS1PeyxU.js";import{K as F,I as B,Y as w,p as k,o as C,a as H,l as I,r as j,u as L}from"./vue-flux-Jy6SlP2J.js";import M from"./Demo-5DMVfPWL.js";import{I as T}from"./Images-GCWpavzx.js";import{g as V,E as W,i as a,o as p,c as m,a as r,u as o,b as e,w as n,l as d,n as g,B as D,f as R,_ as S}from"./app-9q7i-DDF.js";const y=e("h2",null,"Default preloader",-1),z=e("h3",null,"Source",-1),A={class:"language-javascript","data-ext":"js"},N=["innerHTML"],E={class:"language-html","data-ext":"html"},J=["innerHTML"],K=e("h2",null,"Custom pagination",-1),Y={key:0,class:"custom-spinner"},q=e("h3",null,"Source",-1),G={class:"language-javascript","data-ext":"js"},O=["innerHTML"],Q={class:"language-html","data-ext":"html"},U=["innerHTML"],X={class:"language-scss","data-ext":"scss"},Z=["innerHTML"],$=V({__name:"FluxPreloader",setup(ee){const i={},h={controls:!0,preloader:!0},c=W([k,C,H,I,j,L]),_=a(()=>{let s=` import { Img, FluxPreloader, diff --git a/docs/assets/FluxTransition-f2sdAEOD.js b/docs/assets/FluxTransition-f2sdAEOD.js deleted file mode 100644 index c34a29c0..00000000 --- a/docs/assets/FluxTransition-f2sdAEOD.js +++ /dev/null @@ -1,23 +0,0 @@ -import{g as $,h as v,i as g,o as r,c as f,j as I,u as t,f as y,b as a,a as u,d as h,H as j,J as D,F as N,q as H,B as M,w,D as L,M as R,N as U,_ as J}from"./app-SStEjskS.js";import{m as T}from"./slider-hgcxarFB.js";import{P as d}from"./prism-cS1PeyxU.js";import{R as E,f as P,U as W,J as Z,Z as q,g as Q,Q as A,t as G,h as K,s as O,o as X,n as Y,r as ee,k as se,l as te,a as ae,m as ne,u as oe,p as le,v as ie,d as re,w as ue}from"./vue-flux-xkNGD8Rr.js";import k from"./DemoButton-SfUSYKZS.js";import{I as de}from"./Images-gE8WO_fq.js";const m=i=>(R("data-v-aebe6710"),i=i(),U(),i),me={class:"demo demo-flux-transition"},pe=m(()=>a("h3",null,"Playground",-1)),ce=m(()=>a("span",null,"Size width:",-1)),ve=m(()=>a("span",null,"Size height:",-1)),ge=m(()=>a("h3",null,"Source",-1)),fe={class:"language-javascript","data-ext":"js"},he=["innerHTML"],xe={class:"language-html","data-ext":"html"},_e=["innerHTML"],we=$({__name:"FluxTransition",setup(i){const x=v(null),p=v(!0),_={Fade:W,Kenburn:Z,Swipe:q,Slide:Q,Waterfall:A,Zip:G,Blinds2D:K,Blocks1:O,Blocks2:X,Concentric:Y,Warp:ee,Camera:se,Cube:te,Book:ae,Fall:ne,Wave:oe,Blinds3D:le,Round1:ie,Round2:re,Explode:ue},[S,B]=de.generate(2),n=new E({width:640,height:360}),C=Object.keys(_),l=v("Blinds2D"),V=g(()=>_[l.value]);function b(){var o;(o=x.value)==null||o.start()}async function c(){p.value=!1,await L(),p.value=!0}const z=g(()=>{let o=` -import { - Img, - Size, - FluxTransition, - ${l.value}, -} from 'vue-flux'; - -const from = new Img('image-url'); -const to = new Img('image-url'); - -const size = new Size({ - width: ${n.width.value}, - height: ${n.height.value}, -}); -`;return d.highlight(o.trim(),d.languages.javascript,"javascript")}),F=g(()=>{const o=` -`;return d.highlight(o.trim().replaceAll(` -`,""),d.languages.html,"html")});return(o,e)=>(r(),f("div",me,[p.value?(r(),I(t(P),{key:0,ref_key:"$fluxTransition",ref:x,size:t(n),transition:V.value,from:t(S),to:t(B),onEnd:e[0]||(e[0]=s=>c())},null,8,["size","transition","from","to"])):y("v-if",!0),pe,a("label",null,[ce,u(t(T),{modelValue:t(n).width.value,"onUpdate:modelValue":e[1]||(e[1]=s=>t(n).width.value=s),min:100,max:640,onSlide:e[2]||(e[2]=s=>t(n).width.value=s)},null,8,["modelValue"])]),a("label",null,[ve,u(t(T),{modelValue:t(n).height.value,"onUpdate:modelValue":e[3]||(e[3]=s=>t(n).height.value=s),min:100,max:640,onSlide:e[4]||(e[4]=s=>t(n).height.value=s)},null,8,["modelValue"])]),a("label",null,[h(" Transition: "),j(a("select",{"onUpdate:modelValue":e[5]||(e[5]=s=>l.value=s),onChange:e[6]||(e[6]=s=>c()),style:{"margin-left":"6px"}},[(r(!0),f(N,null,H(t(C),s=>(r(),f("option",{key:s},M(s),1))),128))],544),[[D,l.value]])]),u(k,{onClick:e[7]||(e[7]=s=>b())},{default:w(()=>[h("Run")]),_:1}),u(k,{onClick:e[8]||(e[8]=s=>c())},{default:w(()=>[h("Reset")]),_:1}),ge,a("div",fe,[a("pre",{innerHTML:z.value,class:"language-javascript"},null,8,he)]),a("div",xe,[a("pre",{innerHTML:F.value,class:"language-html"},null,8,_e)])]))}}),be=J(we,[["__scopeId","data-v-aebe6710"],["__file","FluxTransition.vue"]]);export{be as default}; diff --git a/docs/assets/FluxTransition-h64VPOGa.js b/docs/assets/FluxTransition-h64VPOGa.js new file mode 100644 index 00000000..c9472425 --- /dev/null +++ b/docs/assets/FluxTransition-h64VPOGa.js @@ -0,0 +1,23 @@ +import{g as $,h as v,i as f,o as r,c as g,j as I,u as t,f as y,b as a,a as u,d as h,H as j,J as D,F as N,q as H,B as M,w,D as L,M as R,N as U,_ as J}from"./app-9q7i-DDF.js";import{m as T}from"./slider-qIJTIoH5.js";import{P as d}from"./prism-cS1PeyxU.js";import{R as q,w as E,U as P,J as W,Z,q as Q,Q as A,t as G,e as K,s as O,o as X,n as Y,r as ee,i as se,l as te,a as ae,c as ne,u as oe,p as le,h as ie,d as re,f as ue}from"./vue-flux-Jy6SlP2J.js";import S from"./DemoButton-xkD8OHQw.js";import{I as de}from"./Images-GCWpavzx.js";const m=i=>(R("data-v-aebe6710"),i=i(),U(),i),me={class:"demo demo-flux-transition"},ce=m(()=>a("h3",null,"Playground",-1)),pe=m(()=>a("span",null,"Size width:",-1)),ve=m(()=>a("span",null,"Size height:",-1)),fe=m(()=>a("h3",null,"Source",-1)),ge={class:"language-javascript","data-ext":"js"},he=["innerHTML"],xe={class:"language-html","data-ext":"html"},_e=["innerHTML"],we=$({__name:"FluxTransition",setup(i){const x=v(null),c=v(!0),_={Fade:P,Kenburn:W,Swipe:Z,Slide:Q,Waterfall:A,Zip:G,Blinds2D:K,Blocks1:O,Blocks2:X,Concentric:Y,Warp:ee,Camera:se,Cube:te,Book:ae,Fall:ne,Wave:oe,Blinds3D:le,Round1:ie,Round2:re,Explode:ue},[k,B]=de.generate(2),n=new q({width:640,height:360}),C=Object.keys(_),l=v("Blinds2D"),V=f(()=>_[l.value]);function b(){var o;(o=x.value)==null||o.start()}async function p(){c.value=!1,await L(),c.value=!0}const z=f(()=>{let o=` +import { + Img, + Size, + FluxTransition, + ${l.value}, +} from 'vue-flux'; + +const from = new Img('image-url'); +const to = new Img('image-url'); + +const size = new Size({ + width: ${n.width.value}, + height: ${n.height.value}, +}); +`;return d.highlight(o.trim(),d.languages.javascript,"javascript")}),F=f(()=>{const o=` +`;return d.highlight(o.trim().replaceAll(` +`,""),d.languages.html,"html")});return(o,e)=>(r(),g("div",me,[c.value?(r(),I(t(E),{key:0,ref_key:"$fluxTransition",ref:x,size:t(n),transition:V.value,from:t(k),to:t(B),onEnd:e[0]||(e[0]=s=>p())},null,8,["size","transition","from","to"])):y("v-if",!0),ce,a("label",null,[pe,u(t(T),{modelValue:t(n).width.value,"onUpdate:modelValue":e[1]||(e[1]=s=>t(n).width.value=s),min:100,max:640,onSlide:e[2]||(e[2]=s=>t(n).width.value=s)},null,8,["modelValue"])]),a("label",null,[ve,u(t(T),{modelValue:t(n).height.value,"onUpdate:modelValue":e[3]||(e[3]=s=>t(n).height.value=s),min:100,max:640,onSlide:e[4]||(e[4]=s=>t(n).height.value=s)},null,8,["modelValue"])]),a("label",null,[h(" Transition: "),j(a("select",{"onUpdate:modelValue":e[5]||(e[5]=s=>l.value=s),onChange:e[6]||(e[6]=s=>p()),style:{"margin-left":"6px"}},[(r(!0),g(N,null,H(t(C),s=>(r(),g("option",{key:s},M(s),1))),128))],544),[[D,l.value]])]),u(S,{onClick:e[7]||(e[7]=s=>b())},{default:w(()=>[h("Run")]),_:1}),u(S,{onClick:e[8]||(e[8]=s=>p())},{default:w(()=>[h("Reset")]),_:1}),fe,a("div",ge,[a("pre",{innerHTML:z.value,class:"language-javascript"},null,8,he)]),a("div",xe,[a("pre",{innerHTML:F.value,class:"language-html"},null,8,_e)])]))}}),be=J(we,[["__scopeId","data-v-aebe6710"],["__file","FluxTransition.vue"]]);export{be as default}; diff --git a/docs/assets/FluxVortex-3x1HaxV7.js b/docs/assets/FluxVortex-gFv9Ypl1.js similarity index 79% rename from docs/assets/FluxVortex-3x1HaxV7.js rename to docs/assets/FluxVortex-gFv9Ypl1.js index 0665bb53..08fc6e9d 100644 --- a/docs/assets/FluxVortex-3x1HaxV7.js +++ b/docs/assets/FluxVortex-gFv9Ypl1.js @@ -1,4 +1,4 @@ -import{R as g,x as p}from"./vue-flux-xkNGD8Rr.js";import{P as i}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-hgcxarFB.js";import{I as v}from"./Images-gE8WO_fq.js";import{g as x,h as _,i as m,o as f,c as V,a as u,u as l,b as t,_ as w}from"./app-SStEjskS.js";const z={class:"demo demo-flux-vortex"},H=t("h3",null,"Playground",-1),S=t("span",null,"Width:",-1),j=t("span",null,"Height:",-1),F=t("span",null,"Circles:",-1),b=t("h3",null,"Source",-1),I={class:"language-javascript","data-ext":"js"},L=["innerHTML"],M={class:"language-html","data-ext":"html"},T=["innerHTML"],$=x({__name:"FluxVortex",setup(k){const d=v.generate(1),o=new g({width:640,height:360}),a=_(10),c=m(()=>{let n=` +import{R as g,y as p}from"./vue-flux-Jy6SlP2J.js";import{P as i}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-qIJTIoH5.js";import{I as v}from"./Images-GCWpavzx.js";import{g as x,h as _,i as m,o as f,c as V,a as u,u as l,b as t,_ as w}from"./app-9q7i-DDF.js";const z={class:"demo demo-flux-vortex"},H=t("h3",null,"Playground",-1),S=t("span",null,"Width:",-1),j=t("span",null,"Height:",-1),F=t("span",null,"Circles:",-1),b=t("h3",null,"Source",-1),I={class:"language-javascript","data-ext":"js"},L=["innerHTML"],M={class:"language-html","data-ext":"html"},T=["innerHTML"],$=x({__name:"FluxVortex",setup(k){const d=v.generate(1),o=new g({width:640,height:360}),a=_(10),c=m(()=>{let n=` import { Img, Size, @@ -18,4 +18,4 @@ const circles = ref(${a.value});`;return i.highlight(n.trim(),i.languages.javasc :size="size" :circles="${a.value}" />`;return i.highlight(n.trim().replaceAll(` -`,""),i.languages.html,"html")});return(n,e)=>(f(),V("div",z,[u(l(p),{rsc:l(d),size:l(o),circles:a.value},null,8,["rsc","size","circles"]),H,t("label",null,[S,u(l(r),{modelValue:l(o).width.value,"onUpdate:modelValue":e[0]||(e[0]=s=>l(o).width.value=s),min:100,max:640,onSlide:e[1]||(e[1]=s=>l(o).width.value=s)},null,8,["modelValue"])]),t("label",null,[j,u(l(r),{modelValue:l(o).height.value,"onUpdate:modelValue":e[2]||(e[2]=s=>l(o).height.value=s),min:100,max:640,onSlide:e[3]||(e[3]=s=>l(o).height.value=s)},null,8,["modelValue"])]),t("label",null,[F,u(l(r),{modelValue:a.value,"onUpdate:modelValue":e[4]||(e[4]=s=>a.value=s),min:1,max:20,onSlide:e[5]||(e[5]=s=>a.value=s)},null,8,["modelValue"])]),b,t("div",I,[t("pre",{innerHTML:c.value,class:"language-javascript"},null,8,L)]),t("div",M,[t("pre",{innerHTML:h.value,class:"language-html"},null,8,T)])]))}}),y=w($,[["__file","FluxVortex.vue"]]);export{y as default}; +`,""),i.languages.html,"html")});return(n,e)=>(f(),V("div",z,[u(l(p),{rsc:l(d),size:l(o),circles:a.value},null,8,["rsc","size","circles"]),H,t("label",null,[S,u(l(r),{modelValue:l(o).width.value,"onUpdate:modelValue":e[0]||(e[0]=s=>l(o).width.value=s),min:100,max:640,onSlide:e[1]||(e[1]=s=>l(o).width.value=s)},null,8,["modelValue"])]),t("label",null,[j,u(l(r),{modelValue:l(o).height.value,"onUpdate:modelValue":e[2]||(e[2]=s=>l(o).height.value=s),min:100,max:640,onSlide:e[3]||(e[3]=s=>l(o).height.value=s)},null,8,["modelValue"])]),t("label",null,[F,u(l(r),{modelValue:a.value,"onUpdate:modelValue":e[4]||(e[4]=s=>a.value=s),min:1,max:20,onSlide:e[5]||(e[5]=s=>a.value=s)},null,8,["modelValue"])]),b,t("div",I,[t("pre",{innerHTML:c.value,class:"language-javascript"},null,8,L)]),t("div",M,[t("pre",{innerHTML:h.value,class:"language-html"},null,8,T)])]))}}),N=w($,[["__file","FluxVortex.vue"]]);export{N as default}; diff --git a/docs/assets/Images-gE8WO_fq.js b/docs/assets/Images-GCWpavzx.js similarity index 97% rename from docs/assets/Images-gE8WO_fq.js rename to docs/assets/Images-GCWpavzx.js index 17652ea7..e07d5324 100644 --- a/docs/assets/Images-gE8WO_fq.js +++ b/docs/assets/Images-GCWpavzx.js @@ -1 +1 @@ -import{M as d}from"./vue-flux-xkNGD8Rr.js";const c=["The early bird gets the worm, but the second mouse gets the cheese","Be on the alert to recognize your prime at whatever time of your life it may occur","Your road to glory will be rocky, but fulfilling","Courage is not simply one of the virtues, but the form of every virtue at the testing point","Patience is your alley at the moment, don’t worry!","Nothing is impossible to a willing heart","Don’t worry about money, the best things in life are free","Don’t pursue happiness – create it","Courage is not the absence of fear; it is the conquest of it","Nothing is so much to be feared as fear","All things are difficult before they are easy","The real kindness comes from within you","A ship in harbor is safe, but that’s not why ships are built","You don’t need strength to let go of something, what you really need is understanding","If you want the rainbow, you have to tolerate the rain","Fear is interest paid on a debt you may not owe","Hardly anyone knows how much is gained by ignoring the future","The wise man is the one that makes you think that he is dumb","The usefulness of a cup is in its emptiness","He who throws mud loses ground","Success lies in the hands of those who wants it","To avoid criticism, do nothing, say nothing, be nothing","One that would have the fruit must climb the tree","It takes less time to do a thing right than it does to explain why you did it wrong","Big journeys begin with a single step","Of all our human resources, the most precious is the desire to improve","Do the thing you fear and the death of fear is certain","You never show your vulnerability, you are always self assured and confident","People learn little from success, but much from failure","Be not afraid of growing slowly, be afraid only of standing still","We must always have old memories and young hopes","A person who won’t read has no advantage over a person who can’t read","He who expects no gratitude shall never be disappointed","I hear and I forget, I see and I remember, I do and I understand","The best way to get rid of an enemy is to make a friend","It’s amazing how much good you can do if you don’t care who gets the credit","Never forget that a half truth is a whole lie","Happiness isn’t an outside job, it’s an inside job","If you do no run your subconscious mind yourself, someone else will","Yes by calling full, you created emptiness"],a=c;class f{static generate(o){const s=[];let i;for(let e=1;e<=o;e++)i=Math.floor(Math.random()*a.length),s.push(a[i]);return s}}const n=60;class m{static generate(o=1){const s=[];for(let t=1;t<=n;t++)s.push(t.toString().padStart(2,"0")+".jpg");const i=f.generate(o),e=[];o>n&&(o=n);for(let t=1;t<=o;t++){const h=Math.floor(Math.random()*s.length),u="/vue-flux-docs/imgs/slides/"+s.splice(h,1)[0],l=new d(u,i[t-1]);e.push(l)}return e.length>1?e:e[0]}}export{m as I}; +import{M as d}from"./vue-flux-Jy6SlP2J.js";const c=["The early bird gets the worm, but the second mouse gets the cheese","Be on the alert to recognize your prime at whatever time of your life it may occur","Your road to glory will be rocky, but fulfilling","Courage is not simply one of the virtues, but the form of every virtue at the testing point","Patience is your alley at the moment, don’t worry!","Nothing is impossible to a willing heart","Don’t worry about money, the best things in life are free","Don’t pursue happiness – create it","Courage is not the absence of fear; it is the conquest of it","Nothing is so much to be feared as fear","All things are difficult before they are easy","The real kindness comes from within you","A ship in harbor is safe, but that’s not why ships are built","You don’t need strength to let go of something, what you really need is understanding","If you want the rainbow, you have to tolerate the rain","Fear is interest paid on a debt you may not owe","Hardly anyone knows how much is gained by ignoring the future","The wise man is the one that makes you think that he is dumb","The usefulness of a cup is in its emptiness","He who throws mud loses ground","Success lies in the hands of those who wants it","To avoid criticism, do nothing, say nothing, be nothing","One that would have the fruit must climb the tree","It takes less time to do a thing right than it does to explain why you did it wrong","Big journeys begin with a single step","Of all our human resources, the most precious is the desire to improve","Do the thing you fear and the death of fear is certain","You never show your vulnerability, you are always self assured and confident","People learn little from success, but much from failure","Be not afraid of growing slowly, be afraid only of standing still","We must always have old memories and young hopes","A person who won’t read has no advantage over a person who can’t read","He who expects no gratitude shall never be disappointed","I hear and I forget, I see and I remember, I do and I understand","The best way to get rid of an enemy is to make a friend","It’s amazing how much good you can do if you don’t care who gets the credit","Never forget that a half truth is a whole lie","Happiness isn’t an outside job, it’s an inside job","If you do no run your subconscious mind yourself, someone else will","Yes by calling full, you created emptiness"],a=c;class f{static generate(o){const s=[];let i;for(let e=1;e<=o;e++)i=Math.floor(Math.random()*a.length),s.push(a[i]);return s}}const n=60;class m{static generate(o=1){const s=[];for(let t=1;t<=n;t++)s.push(t.toString().padStart(2,"0")+".jpg");const i=f.generate(o),e=[];o>n&&(o=n);for(let t=1;t<=o;t++){const h=Math.floor(Math.random()*s.length),u="/vue-flux-docs/imgs/slides/"+s.splice(h,1)[0],l=new d(u,i[t-1]);e.push(l)}return e.length>1?e:e[0]}}export{m as I}; diff --git a/docs/assets/Kenburn-5JG2aK2D.js b/docs/assets/Kenburn-1A9Ojx0m.js similarity index 85% rename from docs/assets/Kenburn-5JG2aK2D.js rename to docs/assets/Kenburn-1A9Ojx0m.js index c65aa123..4912de33 100644 --- a/docs/assets/Kenburn-5JG2aK2D.js +++ b/docs/assets/Kenburn-1A9Ojx0m.js @@ -1,4 +1,4 @@ -import{g as _,E as l,i as g,o as a,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B as b,_ as x}from"./app-SStEjskS.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as V}from"./slider-hgcxarFB.js";import{J as j}from"./vue-flux-xkNGD8Rr.js";import K from"./Demo-YRqIvizg.js";import{d as w,f as B,e as J}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const R={class:"demo"},S=t("h3",null,"Options",-1),T=t("span",null,"Total duration:",-1),k=t("span",null,"Easing:",-1),E=t("h3",null,"Source",-1),H={class:"language-javascript","data-ext":"js"},L=["innerHTML"],M=_({__name:"Kenburn",setup(y){const p={autohideTime:0},n=l([{component:j,options:l({totalDuration:1500,easing:"linear"})}]),c={preloader:!0,controls:!0},d=g(()=>{let r=` +import{g as _,E as l,i as g,o as a,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B as b,_ as x}from"./app-9q7i-DDF.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as V}from"./slider-qIJTIoH5.js";import{J as j}from"./vue-flux-Jy6SlP2J.js";import K from"./Demo-5DMVfPWL.js";import{d as w,f as B,e as J}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const R={class:"demo"},S=t("h3",null,"Options",-1),T=t("span",null,"Total duration:",-1),k=t("span",null,"Easing:",-1),E=t("h3",null,"Source",-1),H={class:"language-javascript","data-ext":"js"},L=["innerHTML"],M=_({__name:"Kenburn",setup(y){const p={autohideTime:0},n=l([{component:j,options:l({totalDuration:1500,easing:"linear"})}]),c={preloader:!0,controls:!0},d=g(()=>{let r=` import { Kenburn, } from 'vue-flux'; diff --git a/docs/assets/Lines-XvsO7xQg.js b/docs/assets/Lines-RIeZxxtr.js similarity index 65% rename from docs/assets/Lines-XvsO7xQg.js rename to docs/assets/Lines-RIeZxxtr.js index 4547ea14..cbaf1576 100644 --- a/docs/assets/Lines-XvsO7xQg.js +++ b/docs/assets/Lines-RIeZxxtr.js @@ -1 +1 @@ -import e from"./VcParagraph-GYjzzHDB.js";import{g as t,o as a,c as n,a as o,_ as r}from"./app-SStEjskS.js";const s=t({__name:"Lines",setup(l){return(p,i)=>(a(),n("div",null,[o(e,{mode:"fill",style:{"margin-top":"24px"}}),o(e,{mode:"fill",style:{"margin-top":"24px"}}),o(e,{mode:"fill",style:{"margin-top":"24px"}})]))}}),_=r(s,[["__file","Lines.vue"]]);export{_ as default}; +import e from"./VcParagraph-pIVYxUQ1.js";import{g as t,o as a,c as n,a as o,_ as r}from"./app-9q7i-DDF.js";const s=t({__name:"Lines",setup(l){return(p,i)=>(a(),n("div",null,[o(e,{mode:"fill",style:{"margin-top":"24px"}}),o(e,{mode:"fill",style:{"margin-top":"24px"}}),o(e,{mode:"fill",style:{"margin-top":"24px"}})]))}}),_=r(s,[["__file","Lines.vue"]]);export{_ as default}; diff --git a/docs/assets/ParallaxFixed-734R_rQY.js b/docs/assets/ParallaxFixed-734R_rQY.js deleted file mode 100644 index 430cd54a..00000000 --- a/docs/assets/ParallaxFixed-734R_rQY.js +++ /dev/null @@ -1 +0,0 @@ -import{I as r}from"./Images-gE8WO_fq.js";import{X as s}from"./vue-flux-xkNGD8Rr.js";import{g as t,o,j as c,u as e,_ as n}from"./app-SStEjskS.js";const l=t({__name:"ParallaxFixed",setup(_){const a=r.generate();return(p,i)=>(o(),c(e(s),{rsc:e(a),type:"fixed",style:{height:"250px"}},null,8,["rsc"]))}}),u=n(l,[["__file","ParallaxFixed.vue"]]);export{u as default}; diff --git a/docs/assets/ParallaxFixed-s0KaY7TU.js b/docs/assets/ParallaxFixed-s0KaY7TU.js new file mode 100644 index 00000000..d718e76e --- /dev/null +++ b/docs/assets/ParallaxFixed-s0KaY7TU.js @@ -0,0 +1 @@ +import{I as r}from"./Images-GCWpavzx.js";import{X as s}from"./vue-flux-Jy6SlP2J.js";import{g as t,o,j as c,u as e,_ as n}from"./app-9q7i-DDF.js";const l=t({__name:"ParallaxFixed",setup(_){const a=r.generate();return(p,i)=>(o(),c(e(s),{rsc:e(a),type:"fixed",style:{height:"250px"}},null,8,["rsc"]))}}),u=n(l,[["__file","ParallaxFixed.vue"]]);export{u as default}; diff --git a/docs/assets/Round1-fPZ3xF-J.js b/docs/assets/Round1-oxYDB0_w.js similarity index 71% rename from docs/assets/Round1-fPZ3xF-J.js rename to docs/assets/Round1-oxYDB0_w.js index e0959e8e..3baddfdc 100644 --- a/docs/assets/Round1-fPZ3xF-J.js +++ b/docs/assets/Round1-oxYDB0_w.js @@ -1,4 +1,4 @@ -import{g,E as m,i as v,o as a,c as r,a as t,u as o,b as s,H as V,J as _,F as f,q as x,B as w,_ as y}from"./app-SStEjskS.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-hgcxarFB.js";import{v as R}from"./vue-flux-xkNGD8Rr.js";import T from"./Demo-YRqIvizg.js";import{m as b,a as S,b as j,c as U,e as $}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const h={class:"demo"},B=s("h3",null,"Options",-1),k=s("span",null,"Rows:",-1),E=s("span",null,"Columns:",-1),H=s("span",null,"Tile duration:",-1),L=s("span",null,"Tile delay:",-1),M=s("span",null,"Easing:",-1),C=s("h3",null,"Source",-1),F={class:"language-javascript","data-ext":"js"},J=["innerHTML"],N=g({__name:"Round1",setup(P){const d={autohideTime:0},l=m([{component:R,options:m({rows:0,cols:8,tileDuration:800,tileDelay:150,easing:"ease-out"})}]),c={preloader:!0,controls:!0},D=v(()=>{let u=` +import{g,E as m,i as V,o as a,c as r,a as t,u as o,b as s,H as _,J as f,F as v,q as x,B as w,_ as y}from"./app-9q7i-DDF.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-qIJTIoH5.js";import{h as R}from"./vue-flux-Jy6SlP2J.js";import T from"./Demo-5DMVfPWL.js";import{m as b,a as S,b as h,c as j,e as U}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const $={class:"demo"},B=s("h3",null,"Options",-1),k=s("span",null,"Rows:",-1),E=s("span",null,"Columns:",-1),H=s("span",null,"Tile duration:",-1),L=s("span",null,"Tile delay:",-1),M=s("span",null,"Easing:",-1),C=s("h3",null,"Source",-1),F={class:"language-javascript","data-ext":"js"},J=["innerHTML"],N=g({__name:"Round1",setup(P){const d={autohideTime:0},l=m([{component:R,options:m({rows:0,cols:8,tileDuration:800,tileDelay:150,easing:"ease-out"})}]),c={preloader:!0,controls:!0},D=V(()=>{let u=` import { Round1, } from 'vue-flux'; @@ -14,4 +14,4 @@ const transitions = shallowReactive([ easing: '${l[0].options.easing}', }), }, -]);`;return p.highlight(u.trim(),p.languages.javascript,"javascript")});return(u,e)=>(a(),r("div",h,[t(T,{options:d,transitions:o(l),numRscs:12,complements:c},null,8,["transitions"]),B,s("label",null,[k,t(o(i),{modelValue:o(l)[0].options.rows,"onUpdate:modelValue":e[0]||(e[0]=n=>o(l)[0].options.rows=n),min:0,max:20,onSlide:e[1]||(e[1]=n=>o(l)[0].options.rows=n)},null,8,["modelValue"])]),s("label",null,[E,t(o(i),{modelValue:o(l)[0].options.cols,"onUpdate:modelValue":e[2]||(e[2]=n=>o(l)[0].options.cols=n),min:2,max:20,onSlide:e[3]||(e[3]=n=>o(l)[0].options.cols=n)},null,8,["modelValue"])]),s("label",null,[H,t(o(i),{modelValue:o(l)[0].options.tileDuration,"onUpdate:modelValue":e[4]||(e[4]=n=>o(l)[0].options.tileDuration=n),min:o(b),max:o(S),onSlide:e[5]||(e[5]=n=>o(l)[0].options.tileDuration=n)},null,8,["modelValue","min","max"])]),s("label",null,[L,t(o(i),{modelValue:o(l)[0].options.tileDelay,"onUpdate:modelValue":e[6]||(e[6]=n=>o(l)[0].options.tileDelay=n),min:o(j),max:o(U),onSlide:e[7]||(e[7]=n=>o(l)[0].options.tileDelay=n)},null,8,["modelValue","min","max"])]),s("label",null,[M,V(s("select",{"onUpdate:modelValue":e[8]||(e[8]=n=>o(l)[0].options.easing=n)},[(a(!0),r(f,null,x(o($),n=>(a(),r("option",{key:n},w(n),1))),128))],512),[[_,o(l)[0].options.easing]])]),C,s("div",F,[s("pre",{innerHTML:D.value,class:"language-javascript"},null,8,J)])]))}}),Q=y(N,[["__file","Round1.vue"]]);export{Q as default}; +]);`;return p.highlight(u.trim(),p.languages.javascript,"javascript")});return(u,e)=>(a(),r("div",$,[t(T,{options:d,transitions:o(l),numRscs:12,complements:c},null,8,["transitions"]),B,s("label",null,[k,t(o(i),{modelValue:o(l)[0].options.rows,"onUpdate:modelValue":e[0]||(e[0]=n=>o(l)[0].options.rows=n),min:0,max:20,onSlide:e[1]||(e[1]=n=>o(l)[0].options.rows=n)},null,8,["modelValue"])]),s("label",null,[E,t(o(i),{modelValue:o(l)[0].options.cols,"onUpdate:modelValue":e[2]||(e[2]=n=>o(l)[0].options.cols=n),min:2,max:20,onSlide:e[3]||(e[3]=n=>o(l)[0].options.cols=n)},null,8,["modelValue"])]),s("label",null,[H,t(o(i),{modelValue:o(l)[0].options.tileDuration,"onUpdate:modelValue":e[4]||(e[4]=n=>o(l)[0].options.tileDuration=n),min:o(b),max:o(S),onSlide:e[5]||(e[5]=n=>o(l)[0].options.tileDuration=n)},null,8,["modelValue","min","max"])]),s("label",null,[L,t(o(i),{modelValue:o(l)[0].options.tileDelay,"onUpdate:modelValue":e[6]||(e[6]=n=>o(l)[0].options.tileDelay=n),min:o(h),max:o(j),onSlide:e[7]||(e[7]=n=>o(l)[0].options.tileDelay=n)},null,8,["modelValue","min","max"])]),s("label",null,[M,_(s("select",{"onUpdate:modelValue":e[8]||(e[8]=n=>o(l)[0].options.easing=n)},[(a(!0),r(v,null,x(o(U),n=>(a(),r("option",{key:n},w(n),1))),128))],512),[[f,o(l)[0].options.easing]])]),C,s("div",F,[s("pre",{innerHTML:D.value,class:"language-javascript"},null,8,J)])]))}}),Q=y(N,[["__file","Round1.vue"]]);export{Q as default}; diff --git a/docs/assets/Round2-3ulQI3JK.js b/docs/assets/Round2-q7emZ7gQ.js similarity index 91% rename from docs/assets/Round2-3ulQI3JK.js rename to docs/assets/Round2-q7emZ7gQ.js index d021bc6e..82acf35f 100644 --- a/docs/assets/Round2-3ulQI3JK.js +++ b/docs/assets/Round2-q7emZ7gQ.js @@ -1,4 +1,4 @@ -import{g,E as m,i as c,o as a,c as r,a as s,u as o,b as n,H as f,J as v,F as x,q as _,B as w,_ as y}from"./app-SStEjskS.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-hgcxarFB.js";import{d as R}from"./vue-flux-xkNGD8Rr.js";import T from"./Demo-YRqIvizg.js";import{m as b,a as S,b as X,c as U,e as $}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const j={class:"demo"},B=n("h3",null,"Options",-1),k=n("span",null,"Rows:",-1),E=n("span",null,"Columns:",-1),H=n("span",null,"Rotation X:",-1),L=n("span",null,"Tile duration:",-1),M=n("span",null,"Tile delay:",-1),C=n("span",null,"Easing:",-1),F=n("h3",null,"Source",-1),J={class:"language-javascript","data-ext":"js"},N=["innerHTML"],P=g({__name:"Round2",setup(q){const d={autohideTime:0},t=m([{component:R,options:m({rows:0,cols:9,rotateX:-540,tileDuration:800,tileDelay:100,easing:"ease-out"})}]),D={preloader:!0,controls:!0},V=c(()=>{let u=` +import{g,E as m,i as c,o as a,c as r,a as s,u as o,b as n,H as f,J as v,F as x,q as _,B as w,_ as y}from"./app-9q7i-DDF.js";import{P as p}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-qIJTIoH5.js";import{d as R}from"./vue-flux-Jy6SlP2J.js";import T from"./Demo-5DMVfPWL.js";import{m as b,a as S,b as X,c as U,e as $}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const j={class:"demo"},B=n("h3",null,"Options",-1),k=n("span",null,"Rows:",-1),E=n("span",null,"Columns:",-1),H=n("span",null,"Rotation X:",-1),L=n("span",null,"Tile duration:",-1),M=n("span",null,"Tile delay:",-1),C=n("span",null,"Easing:",-1),F=n("h3",null,"Source",-1),J={class:"language-javascript","data-ext":"js"},N=["innerHTML"],P=g({__name:"Round2",setup(q){const d={autohideTime:0},t=m([{component:R,options:m({rows:0,cols:9,rotateX:-540,tileDuration:800,tileDelay:100,easing:"ease-out"})}]),D={preloader:!0,controls:!0},V=c(()=>{let u=` import { Round2, } from 'vue-flux'; diff --git a/docs/assets/Slide-jd3iRq5I.js b/docs/assets/Slide-Vd_yVmOM.js similarity index 56% rename from docs/assets/Slide-jd3iRq5I.js rename to docs/assets/Slide-Vd_yVmOM.js index d4cc2516..9e87c572 100644 --- a/docs/assets/Slide-jd3iRq5I.js +++ b/docs/assets/Slide-Vd_yVmOM.js @@ -1,4 +1,4 @@ -import{g as _,E as r,i as g,o as a,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B as S,_ as x}from"./app-SStEjskS.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as V}from"./slider-hgcxarFB.js";import{g as j}from"./vue-flux-xkNGD8Rr.js";import w from"./Demo-YRqIvizg.js";import{d as B,f as R,e as T}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const b={class:"demo"},k=t("h3",null,"Options",-1),E=t("span",null,"Total duration:",-1),H=t("span",null,"Easing:",-1),L=t("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},q=["innerHTML"],y=_({__name:"Slide",setup(F){const p={autohideTime:0},s=r([{component:j,options:r({totalDuration:1400,easing:"ease-in-out"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` +import{g as _,E as r,i as g,o as a,c as i,a as u,u as o,b as t,H as f,J as v,F as h,q as D,B as S,_ as x}from"./app-9q7i-DDF.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as V}from"./slider-qIJTIoH5.js";import{q as j}from"./vue-flux-Jy6SlP2J.js";import w from"./Demo-5DMVfPWL.js";import{d as B,f as R,e as T}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const b={class:"demo"},k=t("h3",null,"Options",-1),q=t("span",null,"Total duration:",-1),E=t("span",null,"Easing:",-1),H=t("h3",null,"Source",-1),L={class:"language-javascript","data-ext":"js"},M=["innerHTML"],y=_({__name:"Slide",setup(F){const p={autohideTime:0},s=r([{component:j,options:r({totalDuration:1400,easing:"ease-in-out"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` import { Slide, } from 'vue-flux'; @@ -11,4 +11,4 @@ const transitions = shallowReactive([ easing: '${s[0].options.easing}', }), }, -]);`;return m.highlight(l.trim(),m.languages.javascript,"javascript")});return(l,n)=>(a(),i("div",b,[u(w,{options:p,transitions:o(s),numRscs:12,complements:c},null,8,["transitions"]),k,t("label",null,[E,u(o(V),{modelValue:o(s)[0].options.totalDuration,"onUpdate:modelValue":n[0]||(n[0]=e=>o(s)[0].options.totalDuration=e),min:o(B),max:o(R),onSlide:n[1]||(n[1]=e=>o(s)[0].options.totalDuration=e)},null,8,["modelValue","min","max"])]),t("label",null,[H,f(t("select",{"onUpdate:modelValue":n[2]||(n[2]=e=>o(s)[0].options.easing=e)},[(a(!0),i(h,null,D(o(T),e=>(a(),i("option",{key:e},S(e),1))),128))],512),[[v,o(s)[0].options.easing]])]),L,t("div",M,[t("pre",{innerHTML:d.value,class:"language-javascript"},null,8,q)])]))}}),z=x(y,[["__file","Slide.vue"]]);export{z as default}; +]);`;return m.highlight(l.trim(),m.languages.javascript,"javascript")});return(l,n)=>(a(),i("div",b,[u(w,{options:p,transitions:o(s),numRscs:12,complements:c},null,8,["transitions"]),k,t("label",null,[q,u(o(V),{modelValue:o(s)[0].options.totalDuration,"onUpdate:modelValue":n[0]||(n[0]=e=>o(s)[0].options.totalDuration=e),min:o(B),max:o(R),onSlide:n[1]||(n[1]=e=>o(s)[0].options.totalDuration=e)},null,8,["modelValue","min","max"])]),t("label",null,[E,f(t("select",{"onUpdate:modelValue":n[2]||(n[2]=e=>o(s)[0].options.easing=e)},[(a(!0),i(h,null,D(o(T),e=>(a(),i("option",{key:e},S(e),1))),128))],512),[[v,o(s)[0].options.easing]])]),H,t("div",L,[t("pre",{innerHTML:d.value,class:"language-javascript"},null,8,M)])]))}}),z=x(y,[["__file","Slide.vue"]]);export{z as default}; diff --git a/docs/assets/Swipe-MJJX0bpl.js b/docs/assets/Swipe-QKtVPPO7.js similarity index 85% rename from docs/assets/Swipe-MJJX0bpl.js rename to docs/assets/Swipe-QKtVPPO7.js index 2d50ae7f..aaec8bec 100644 --- a/docs/assets/Swipe-MJJX0bpl.js +++ b/docs/assets/Swipe-QKtVPPO7.js @@ -1,4 +1,4 @@ -import{g as _,E as r,i as g,o as a,c as i,a as p,u as o,b as t,H as f,J as v,F as h,q as D,B as w,_ as S}from"./app-SStEjskS.js";import{P as u}from"./prism-cS1PeyxU.js";import{m as x}from"./slider-hgcxarFB.js";import{Z as V}from"./vue-flux-xkNGD8Rr.js";import j from"./Demo-YRqIvizg.js";import{d as B,f as R,e as T}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const b={class:"demo"},k=t("h3",null,"Options",-1),E=t("span",null,"Total duration:",-1),H=t("span",null,"Easing:",-1),L=t("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},y=["innerHTML"],F=_({__name:"Swipe",setup(J){const m={autohideTime:0},s=r([{component:V,options:r({totalDuration:1400,easing:"ease-in-out"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` +import{g as _,E as r,i as g,o as a,c as i,a as p,u as o,b as t,H as f,J as v,F as h,q as D,B as w,_ as S}from"./app-9q7i-DDF.js";import{P as u}from"./prism-cS1PeyxU.js";import{m as x}from"./slider-qIJTIoH5.js";import{Z as V}from"./vue-flux-Jy6SlP2J.js";import j from"./Demo-5DMVfPWL.js";import{d as B,f as R,e as T}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const b={class:"demo"},k=t("h3",null,"Options",-1),E=t("span",null,"Total duration:",-1),H=t("span",null,"Easing:",-1),L=t("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},y=["innerHTML"],F=_({__name:"Swipe",setup(J){const m={autohideTime:0},s=r([{component:V,options:r({totalDuration:1400,easing:"ease-in-out"})}]),c={preloader:!0,controls:!0},d=g(()=>{let l=` import { Swipe, } from 'vue-flux'; diff --git a/docs/assets/Transitions-cyzfttt8.js b/docs/assets/Transitions-cyzfttt8.js deleted file mode 100644 index dd685360..00000000 --- a/docs/assets/Transitions-cyzfttt8.js +++ /dev/null @@ -1 +0,0 @@ -import C from"./Demo-YRqIvizg.js";import{y as B,U as T,J as x,Z as y,g as b,Q as h,t as w,h as D,s as g,o as F,n as N,r as S,k as $,l as j,a as E,m as R,u as V,p as W,v as Z,d as q,w as J}from"./vue-flux-xkNGD8Rr.js";import O from"./DemoButton-SfUSYKZS.js";import{g as Q,h as l,o as t,c,a as U,u,b as z,d as p,F as I,q as K,j as L,w as A,B as G,C as H,_ as M}from"./app-SStEjskS.js";import"./Images-gE8WO_fq.js";const P=Q({__name:"Transitions",setup(X){const o=l(null),d={autoplay:!0,delay:3e3},r={Fade:T,Kenburn:x,Swipe:y,Slide:b,Waterfall:h,Zip:w,Blinds2D:D,Blocks1:g,Blocks2:F,Concentric:N,Warp:S,Camera:$,Cube:j,Book:E,Fall:R,Wave:V,Blinds3D:W,Round1:Z,Round2:q,Explode:J},m=Object.keys(r),f=Object.values(r),_={preloader:!0,controls:!0},i=l(null);function k(a){var e,s;(s=(e=o.value)==null?void 0:e.$vf)==null||s.show(B.next,a)}function n(a=null){i.value=a}return(a,e)=>(t(),c("div",null,[U(C,{options:d,transitions:u(f),complements:_,numRscs:12,onTransitionStart:n,onTransitionCancel:n,onTransitionEnd:n,ref_key:"$demo",ref:o},null,8,["transitions"]),z("p",null,[p(" Transitions: "),(t(!0),c(I,null,K(u(m),(s,v)=>(t(),L(O,{key:s,type:"button",class:H({active:i.value===s}),onClick:Y=>k(v)},{default:A(()=>[p(G(s),1)]),_:2},1032,["class","onClick"]))),128))])]))}}),os=M(P,[["__scopeId","data-v-49083c0f"],["__file","Transitions.vue"]]);export{os as default}; diff --git a/docs/assets/Transitions-ok_Xfo5x.js b/docs/assets/Transitions-ok_Xfo5x.js new file mode 100644 index 00000000..25b4ca82 --- /dev/null +++ b/docs/assets/Transitions-ok_Xfo5x.js @@ -0,0 +1 @@ +import v from"./Demo-5DMVfPWL.js";import{x as B,U as T,J as x,Z as y,q as b,Q as h,t as D,e as w,s as F,o as N,n as S,r as $,i as g,l as j,a as q,c as E,u as R,p as V,h as W,d as Z,f as J}from"./vue-flux-Jy6SlP2J.js";import O from"./DemoButton-xkD8OHQw.js";import{g as Q,h as l,o as t,c,a as U,u,b as z,d as p,F as I,q as K,j as L,w as A,B as G,C as H,_ as M}from"./app-9q7i-DDF.js";import"./Images-GCWpavzx.js";const P=Q({__name:"Transitions",setup(X){const o=l(null),d={autoplay:!0,delay:3e3},r={Fade:T,Kenburn:x,Swipe:y,Slide:b,Waterfall:h,Zip:D,Blinds2D:w,Blocks1:F,Blocks2:N,Concentric:S,Warp:$,Camera:g,Cube:j,Book:q,Fall:E,Wave:R,Blinds3D:V,Round1:W,Round2:Z,Explode:J},m=Object.keys(r),f=Object.values(r),_={preloader:!0,controls:!0},i=l(null);function C(n){var e,s;(s=(e=o.value)==null?void 0:e.$vf)==null||s.show(B.next,n)}function a(n=null){i.value=n}return(n,e)=>(t(),c("div",null,[U(v,{options:d,transitions:u(f),complements:_,numRscs:12,onTransitionStart:a,onTransitionCancel:a,onTransitionEnd:a,ref_key:"$demo",ref:o},null,8,["transitions"]),z("p",null,[p(" Transitions: "),(t(!0),c(I,null,K(u(m),(s,k)=>(t(),L(O,{key:s,type:"button",class:H({active:i.value===s}),onClick:Y=>C(k)},{default:A(()=>[p(G(s),1)]),_:2},1032,["class","onClick"]))),128))])]))}}),os=M(P,[["__scopeId","data-v-49083c0f"],["__file","Transitions.vue"]]);export{os as default}; diff --git a/docs/assets/VcParagraph-GYjzzHDB.js b/docs/assets/VcParagraph-pIVYxUQ1.js similarity index 94% rename from docs/assets/VcParagraph-GYjzzHDB.js rename to docs/assets/VcParagraph-pIVYxUQ1.js index 87b726f4..1a215438 100644 --- a/docs/assets/VcParagraph-GYjzzHDB.js +++ b/docs/assets/VcParagraph-pIVYxUQ1.js @@ -1 +1 @@ -import{g as m,h as v,m as k,x as y,i as a,o as l,c as r,C as z,b as S,F as H,q as C,p as x,_ as F}from"./app-SStEjskS.js";const V=["height"],w=["stroke","stroke-width"],B=["y1","y2"],P=m({__name:"VcParagraph",props:{mode:{default:"load"},lines:{default:4},fontSize:{},lineHeight:{},strokeColor:{default:"#666"}},setup(f){const c=v(null),s=f,t=k({fontSize:0,lineHeight:0});y(()=>{const{fontSize:e,lineHeight:p}=getComputedStyle(c.value);t.fontSize=parseFloat(e),t.lineHeight=parseFloat(p)});const n=a(()=>s.fontSize||t.fontSize),u=a(()=>(/[a-z]/.test(t.lineHeight.toString())&&(t.lineHeight=n.value*1.2),s.lineHeight||t.lineHeight)),d=a(()=>u.value*s.lines),g=a(()=>"vc-paragraph "+s.mode);function o(e){return e+"px"}function _(){return n.value/2}function h(e){return u.value*e-n.value/2}return(e,p)=>(l(),r("div",{ref_key:"$el",ref:c,style:x("padding: 0 "+o(_()))},[(l(),r("svg",{width:"100%",height:o(d.value),class:z(g.value)},[S("g",{fill:"none",stroke:e.strokeColor,"stroke-width":o(n.value*.6)},[(l(!0),r(H,null,C(e.lines,i=>(l(),r("line",{key:i,x1:0,y1:o(h(i)),x2:"100%",y2:o(h(i))},null,8,B))),128))],8,w)],10,V))],4))}}),b=F(P,[["__file","VcParagraph.vue"]]);export{b as default}; +import{g as m,h as v,m as k,x as y,i as a,o as l,c as r,C as z,b as S,F as H,q as C,p as x,_ as F}from"./app-9q7i-DDF.js";const V=["height"],w=["stroke","stroke-width"],B=["y1","y2"],P=m({__name:"VcParagraph",props:{mode:{default:"load"},lines:{default:4},fontSize:{},lineHeight:{},strokeColor:{default:"#666"}},setup(f){const c=v(null),s=f,t=k({fontSize:0,lineHeight:0});y(()=>{const{fontSize:e,lineHeight:p}=getComputedStyle(c.value);t.fontSize=parseFloat(e),t.lineHeight=parseFloat(p)});const n=a(()=>s.fontSize||t.fontSize),u=a(()=>(/[a-z]/.test(t.lineHeight.toString())&&(t.lineHeight=n.value*1.2),s.lineHeight||t.lineHeight)),d=a(()=>u.value*s.lines),g=a(()=>"vc-paragraph "+s.mode);function o(e){return e+"px"}function _(){return n.value/2}function h(e){return u.value*e-n.value/2}return(e,p)=>(l(),r("div",{ref_key:"$el",ref:c,style:x("padding: 0 "+o(_()))},[(l(),r("svg",{width:"100%",height:o(d.value),class:z(g.value)},[S("g",{fill:"none",stroke:e.strokeColor,"stroke-width":o(n.value*.6)},[(l(!0),r(H,null,C(e.lines,i=>(l(),r("line",{key:i,x1:0,y1:o(h(i)),x2:"100%",y2:o(h(i))},null,8,B))),128))],8,w)],10,V))],4))}}),b=F(P,[["__file","VcParagraph.vue"]]);export{b as default}; diff --git a/docs/assets/VueFlux-82tLVcyh.js b/docs/assets/VueFlux-rITuxzRK.js similarity index 82% rename from docs/assets/VueFlux-82tLVcyh.js rename to docs/assets/VueFlux-rITuxzRK.js index ea5865c6..9b7a14de 100644 --- a/docs/assets/VueFlux-82tLVcyh.js +++ b/docs/assets/VueFlux-rITuxzRK.js @@ -1,4 +1,4 @@ -import{g as S,h as _,m as g,i as c,o as r,c as y,j as B,f as U,b as e,u as b,O as h,F as P,q as j,H as s,L as i,d as n,B as z,I as f,D as C,_ as $}from"./app-SStEjskS.js";import{P as d}from"./prism-cS1PeyxU.js";import{U as A,J as D,Z as R,g as E,Q as H,t as I,h as K,s as M,o as G,n as N,r as O,k as W,l as J,a as Z,m as q,u as Q,p as X,v as Y,d as ee,w as te}from"./vue-flux-xkNGD8Rr.js";import le from"./Demo-YRqIvizg.js";import"./Images-gE8WO_fq.js";const oe=e("h3",null,"Playground",-1),ne={class:"playground"},ae=["href"],se={class:"transitions"},ie=["value","onUpdate:modelValue"],ue=["href"],re={class:"options"},de=e("h3",null,"Source",-1),pe={class:"language-javascript","data-ext":"js"},me=["innerHTML"],ce={class:"language-html","data-ext":"html"},ye=["innerHTML"],be=S({__name:"VueFlux",setup(fe){const x=["Blinds3D","Blocks2","Book","Cube","Round2","Swipe","Warp","Wave"],p=_(!0),t=g({allowFullscreen:!1,allowToSkipTransition:!0,autohideTime:2500,autoplay:!1,bindKeys:!1,delay:5e3,enableGestures:!1,infinite:!0,lazyLoad:!0,lazyLoadAfter:3}),v={Fade:A,Kenburn:D,Swipe:R,Slide:E,Waterfall:H,Zip:I,Blinds2D:K,Blocks1:M,Blocks2:G,Concentric:N,Warp:O,Camera:W,Cube:J,Book:Z,Fall:q,Wave:Q,Blinds3D:X,Round1:Y,Round2:ee,Explode:te},m=Object.keys(v),u=g({});m.forEach(a=>u[a]=!1),x.forEach(a=>u[a]=!0);const k=c(()=>{const a=[];return m.forEach(l=>{u[l]&&a.push(v[l])}),a}),T={preloader:!0,controls:!0,pagination:!0},w=c(()=>{const a=` +import{g as S,h as _,m as g,i as c,o as r,c as y,j as B,f as U,b as e,u as f,O as h,F as P,q as j,H as s,L as i,d as n,B as z,I as b,D as C,_ as $}from"./app-9q7i-DDF.js";import{P as d}from"./prism-cS1PeyxU.js";import{U as A,J as D,Z as R,q as E,Q as H,t as I,e as K,s as M,o as G,n as N,r as O,i as W,l as q,a as J,c as Z,u as Q,p as X,h as Y,d as ee,f as te}from"./vue-flux-Jy6SlP2J.js";import le from"./Demo-5DMVfPWL.js";import"./Images-GCWpavzx.js";const oe=e("h3",null,"Playground",-1),ne={class:"playground"},ae=["href"],se={class:"transitions"},ie=["value","onUpdate:modelValue"],ue=["href"],re={class:"options"},de=e("h3",null,"Source",-1),pe={class:"language-javascript","data-ext":"js"},me=["innerHTML"],ce={class:"language-html","data-ext":"html"},ye=["innerHTML"],fe=S({__name:"VueFlux",setup(be){const x=["Blinds3D","Blocks2","Book","Cube","Round2","Swipe","Warp","Wave"],p=_(!0),t=g({allowFullscreen:!1,allowToSkipTransition:!0,autohideTime:2500,autoplay:!1,bindKeys:!1,delay:5e3,enableGestures:!1,infinite:!0,lazyLoad:!0,lazyLoadAfter:3}),v={Fade:A,Kenburn:D,Swipe:R,Slide:E,Waterfall:H,Zip:I,Blinds2D:K,Blocks1:M,Blocks2:G,Concentric:N,Warp:O,Camera:W,Cube:q,Book:J,Fall:Z,Wave:Q,Blinds3D:X,Round1:Y,Round2:ee,Explode:te},m=Object.keys(v),u=g({});m.forEach(a=>u[a]=!1),x.forEach(a=>u[a]=!0);const k=c(()=>{const a=[];return m.forEach(l=>{u[l]&&a.push(v[l])}),a}),T={preloader:!0,controls:!0,pagination:!0},w=c(()=>{const a=` import { VueFlux, FluxPreloader, @@ -48,4 +48,4 @@ const transitions = shallowReactive([ -`;return d.highlight(a.trim(),d.languages.html,"html")}),V=async()=>{p.value=!1,await C(),p.value=!0};return(a,l)=>(r(),y("div",null,[p.value?(r(),B(le,{key:0,options:t,transitions:k.value,complements:T,numRscs:12},null,8,["options","transitions"])):U("v-if",!0),oe,e("div",ne,[e("h4",null,[e("a",{href:b(h)("/documentation/v7/components/vue-flux.html#transitions")},"Transitions",8,ae)]),e("div",se,[(r(!0),y(P,null,j(b(m),o=>(r(),y("label",{key:o},[s(e("input",{type:"checkbox",value:o,"onUpdate:modelValue":L=>u[o]=L},null,8,ie),[[i,u[o]]]),n(" "+z(o),1)]))),128))]),e("h4",null,[e("a",{href:b(h)("/documentation/v7/components/vue-flux.html#options")},"Options",8,ue)]),e("div",re,[e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[0]||(l[0]=o=>t.allowFullscreen=o)},null,512),[[i,t.allowFullscreen]]),n(" Allow full screen ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[1]||(l[1]=o=>t.allowToSkipTransition=o)},null,512),[[i,t.allowToSkipTransition]]),n(" Allow to skip transition ")]),e("label",null,[n(" Auto hide time: "),s(e("input",{type:"text","onUpdate:modelValue":l[2]||(l[2]=o=>t.autohideTime=o),maxlength:"5"},null,512),[[f,t.autohideTime,void 0,{number:!0}]]),n(" ms ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[3]||(l[3]=o=>t.autoplay=o)},null,512),[[i,t.autoplay]]),n(" Auto play ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[4]||(l[4]=o=>t.bindKeys=o)},null,512),[[i,t.bindKeys]]),n(" Bind keyboard keys ")]),e("label",null,[n(" Delay: "),s(e("input",{type:"text","onUpdate:modelValue":l[5]||(l[5]=o=>t.delay=o),maxlength:"5"},null,512),[[f,t.delay,void 0,{number:!0}]]),n(" ms ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[6]||(l[6]=o=>t.enableGestures=o)},null,512),[[i,t.enableGestures]]),n(" Enable gestures ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[7]||(l[7]=o=>t.infinite=o)},null,512),[[i,t.infinite]]),n(" Infinite ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[8]||(l[8]=o=>t.lazyLoad=o)},null,512),[[i,t.lazyLoad]]),n(" Lazy load ")]),e("label",null,[n(" Lazy load after: "),s(e("input",{type:"text","onUpdate:modelValue":l[9]||(l[9]=o=>t.lazyLoadAfter=o),maxlength:"2"},null,512),[[f,t.lazyLoadAfter,void 0,{number:!0}]]),n(" images ")])]),e("button",{type:"button",onClick:V}," Reset slider to pretend just mounted (to test some options) ")]),de,e("div",pe,[e("pre",{innerHTML:w.value,class:"language-javascript"},null,8,me)]),e("div",ce,[e("pre",{innerHTML:F.value,class:"language-html"},null,8,ye)])]))}}),Te=$(be,[["__file","VueFlux.vue"]]);export{Te as default}; +`;return d.highlight(a.trim(),d.languages.html,"html")}),V=async()=>{p.value=!1,await C(),p.value=!0};return(a,l)=>(r(),y("div",null,[p.value?(r(),B(le,{key:0,options:t,transitions:k.value,complements:T,numRscs:12},null,8,["options","transitions"])):U("v-if",!0),oe,e("div",ne,[e("h4",null,[e("a",{href:f(h)("/documentation/v7/components/vue-flux.html#transitions")},"Transitions",8,ae)]),e("div",se,[(r(!0),y(P,null,j(f(m),o=>(r(),y("label",{key:o},[s(e("input",{type:"checkbox",value:o,"onUpdate:modelValue":L=>u[o]=L},null,8,ie),[[i,u[o]]]),n(" "+z(o),1)]))),128))]),e("h4",null,[e("a",{href:f(h)("/documentation/v7/components/vue-flux.html#options")},"Options",8,ue)]),e("div",re,[e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[0]||(l[0]=o=>t.allowFullscreen=o)},null,512),[[i,t.allowFullscreen]]),n(" Allow full screen ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[1]||(l[1]=o=>t.allowToSkipTransition=o)},null,512),[[i,t.allowToSkipTransition]]),n(" Allow to skip transition ")]),e("label",null,[n(" Auto hide time: "),s(e("input",{type:"text","onUpdate:modelValue":l[2]||(l[2]=o=>t.autohideTime=o),maxlength:"5"},null,512),[[b,t.autohideTime,void 0,{number:!0}]]),n(" ms ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[3]||(l[3]=o=>t.autoplay=o)},null,512),[[i,t.autoplay]]),n(" Auto play ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[4]||(l[4]=o=>t.bindKeys=o)},null,512),[[i,t.bindKeys]]),n(" Bind keyboard keys ")]),e("label",null,[n(" Delay: "),s(e("input",{type:"text","onUpdate:modelValue":l[5]||(l[5]=o=>t.delay=o),maxlength:"5"},null,512),[[b,t.delay,void 0,{number:!0}]]),n(" ms ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[6]||(l[6]=o=>t.enableGestures=o)},null,512),[[i,t.enableGestures]]),n(" Enable gestures ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[7]||(l[7]=o=>t.infinite=o)},null,512),[[i,t.infinite]]),n(" Infinite ")]),e("label",null,[s(e("input",{type:"checkbox",value:!0,"onUpdate:modelValue":l[8]||(l[8]=o=>t.lazyLoad=o)},null,512),[[i,t.lazyLoad]]),n(" Lazy load ")]),e("label",null,[n(" Lazy load after: "),s(e("input",{type:"text","onUpdate:modelValue":l[9]||(l[9]=o=>t.lazyLoadAfter=o),maxlength:"2"},null,512),[[b,t.lazyLoadAfter,void 0,{number:!0}]]),n(" images ")])]),e("button",{type:"button",onClick:V}," Reset slider to pretend just mounted (to test some options) ")]),de,e("div",pe,[e("pre",{innerHTML:w.value,class:"language-javascript"},null,8,me)]),e("div",ce,[e("pre",{innerHTML:F.value,class:"language-html"},null,8,ye)])]))}}),Te=$(fe,[["__file","VueFlux.vue"]]);export{Te as default}; diff --git a/docs/assets/VueFluxHome-_g2kV9eG.js b/docs/assets/VueFluxHome-Rmq8yC7e.js similarity index 62% rename from docs/assets/VueFluxHome-_g2kV9eG.js rename to docs/assets/VueFluxHome-Rmq8yC7e.js index 0a75b3b2..1258fc98 100644 --- a/docs/assets/VueFluxHome-_g2kV9eG.js +++ b/docs/assets/VueFluxHome-Rmq8yC7e.js @@ -1 +1 @@ -import s from"./Demo-YRqIvizg.js";import{U as a,l as r,a as n,u,d as l}from"./vue-flux-xkNGD8Rr.js";import{g as p,o as c,j as m,_ as i}from"./app-SStEjskS.js";import"./Images-gE8WO_fq.js";const _=p({__name:"VueFluxHome",setup(f){const e={delay:3e3,allowFullscreen:!0,autoplay:!0},o=[a,r,n,u,l],t={preloader:!0,captions:!0,controls:!0,pagination:!0};return(x,d)=>(c(),m(s,{options:e,transitions:o,complements:t,numRscs:12,style:{"margin-top":"32px"}}))}}),V=i(_,[["__file","VueFluxHome.vue"]]);export{V as default}; +import s from"./Demo-5DMVfPWL.js";import{U as a,l as r,a as n,u,d as l}from"./vue-flux-Jy6SlP2J.js";import{g as p,o as c,j as m,_ as i}from"./app-9q7i-DDF.js";import"./Images-GCWpavzx.js";const _=p({__name:"VueFluxHome",setup(f){const e={delay:3e3,allowFullscreen:!0,autoplay:!0},o=[a,r,n,u,l],t={preloader:!0,captions:!0,controls:!0,pagination:!0};return(x,d)=>(c(),m(s,{options:e,transitions:o,complements:t,numRscs:12,style:{"margin-top":"32px"}}))}}),V=i(_,[["__file","VueFluxHome.vue"]]);export{V as default}; diff --git a/docs/assets/Warp-Hpkzad9I.js b/docs/assets/Warp-oX3zpc--.js similarity index 89% rename from docs/assets/Warp-Hpkzad9I.js rename to docs/assets/Warp-oX3zpc--.js index 238a34de..b3bcb774 100644 --- a/docs/assets/Warp-Hpkzad9I.js +++ b/docs/assets/Warp-oX3zpc--.js @@ -1,4 +1,4 @@ -import{g,E as u,i as _,o as n,c as a,a as i,u as o,b as s,H as f,J as v,F as x,q as V,B as y,_ as T}from"./app-SStEjskS.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-hgcxarFB.js";import{r as b}from"./vue-flux-xkNGD8Rr.js";import h from"./Demo-YRqIvizg.js";import{m as S,a as j,b as W,c as w,e as B}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const R={class:"demo"},U=s("h3",null,"Options",-1),$=s("span",null,"Circles:",-1),k=s("span",null,"Tile duration:",-1),E=s("span",null,"Tile delay:",-1),H=s("span",null,"Easing:",-1),L=s("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},C=["innerHTML"],F=g({__name:"Warp",setup(J){const d={autohideTime:0},e=u([{component:b,options:u({circles:7,tileDuration:800,tileDelay:150,easing:"linear"})}]),c={preloader:!0,controls:!0},D=_(()=>{let p=` +import{g,E as u,i as _,o as n,c as a,a as i,u as o,b as s,H as f,J as v,F as x,q as V,B as y,_ as T}from"./app-9q7i-DDF.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-qIJTIoH5.js";import{r as b}from"./vue-flux-Jy6SlP2J.js";import h from"./Demo-5DMVfPWL.js";import{m as S,a as j,b as W,c as w,e as B}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const R={class:"demo"},U=s("h3",null,"Options",-1),$=s("span",null,"Circles:",-1),k=s("span",null,"Tile duration:",-1),E=s("span",null,"Tile delay:",-1),H=s("span",null,"Easing:",-1),L=s("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},C=["innerHTML"],F=g({__name:"Warp",setup(J){const d={autohideTime:0},e=u([{component:b,options:u({circles:7,tileDuration:800,tileDelay:150,easing:"linear"})}]),c={preloader:!0,controls:!0},D=_(()=>{let p=` import { Warp, } from 'vue-flux'; diff --git a/docs/assets/Waterfall-Z0oS4iQh.js b/docs/assets/Waterfall-BgKafy5v.js similarity index 86% rename from docs/assets/Waterfall-Z0oS4iQh.js rename to docs/assets/Waterfall-BgKafy5v.js index f361c032..1c85b00e 100644 --- a/docs/assets/Waterfall-Z0oS4iQh.js +++ b/docs/assets/Waterfall-BgKafy5v.js @@ -1,4 +1,4 @@ -import{g as c,E as r,i as f,o as D,c as _,a as s,u as o,b as n,H as g,I as v,_ as x}from"./app-SStEjskS.js";import{P as u}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-hgcxarFB.js";import{Q as V}from"./vue-flux-xkNGD8Rr.js";import y from"./Demo-YRqIvizg.js";import{m as T,a as b,b as h,c as j}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const W={class:"demo"},w=n("h3",null,"Options",-1),R=n("span",null,"Columns:",-1),S=n("span",null,"Tile duration:",-1),U=n("span",null,"Tile delay:",-1),$=n("span",null,"Easing:",-1),B=n("h3",null,"Source",-1),E={class:"language-javascript","data-ext":"js"},H=["innerHTML"],M=c({__name:"Waterfall",setup(k){const m={autohideTime:0},l=r([{component:V,options:r({cols:10,tileDuration:600,tileDelay:90,easing:"cubic-bezier(0.55, 0.055, 0.675, 0.19)"})}]),p={preloader:!0,controls:!0},d=f(()=>{let a=` +import{g as c,E as r,i as f,o as D,c as _,a as s,u as o,b as n,H as g,I as v,_ as x}from"./app-9q7i-DDF.js";import{P as u}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-qIJTIoH5.js";import{Q as V}from"./vue-flux-Jy6SlP2J.js";import y from"./Demo-5DMVfPWL.js";import{m as T,a as b,b as h,c as j}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const W={class:"demo"},w=n("h3",null,"Options",-1),R=n("span",null,"Columns:",-1),S=n("span",null,"Tile duration:",-1),U=n("span",null,"Tile delay:",-1),$=n("span",null,"Easing:",-1),B=n("h3",null,"Source",-1),E={class:"language-javascript","data-ext":"js"},H=["innerHTML"],M=c({__name:"Waterfall",setup(k){const m={autohideTime:0},l=r([{component:V,options:r({cols:10,tileDuration:600,tileDelay:90,easing:"cubic-bezier(0.55, 0.055, 0.675, 0.19)"})}]),p={preloader:!0,controls:!0},d=f(()=>{let a=` import { Waterfall, } from 'vue-flux'; diff --git a/docs/assets/Wave-cunsZU2K.js b/docs/assets/Wave-JtstqOEB.js similarity index 87% rename from docs/assets/Wave-cunsZU2K.js rename to docs/assets/Wave-JtstqOEB.js index c2090a24..12954d57 100644 --- a/docs/assets/Wave-cunsZU2K.js +++ b/docs/assets/Wave-JtstqOEB.js @@ -1,4 +1,4 @@ -import{g as D,E as u,i as _,o as g,c as x,a as s,u as o,b as t,H as r,I as p,_ as f}from"./app-SStEjskS.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-hgcxarFB.js";import{u as V}from"./vue-flux-xkNGD8Rr.js";import y from"./Demo-YRqIvizg.js";import{m as T,a as b,b as C,c as h}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const j={class:"demo"},S=t("h3",null,"Options",-1),U=t("span",null,"Columns:",-1),W=t("span",null,"Tile duration:",-1),$=t("span",null,"Tile delay:",-1),w=t("span",null,"Easing:",-1),R=t("span",null,"Side color:",-1),B=t("h3",null,"Source",-1),E={class:"language-javascript","data-ext":"js"},H=["innerHTML"],M=D({__name:"Wave",setup(k){const d={autohideTime:0},e=u([{component:V,options:u({cols:8,tileDuration:900,tileDelay:100,easing:"cubic-bezier(0.3, -0.3, 0.735, 0.285)",sideColor:"#333"})}]),c={preloader:!0,controls:!0},v=_(()=>{let a=` +import{g as D,E as u,i as _,o as g,c as x,a as s,u as o,b as t,H as r,I as p,_ as f}from"./app-9q7i-DDF.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as i}from"./slider-qIJTIoH5.js";import{u as V}from"./vue-flux-Jy6SlP2J.js";import y from"./Demo-5DMVfPWL.js";import{m as T,a as b,b as C,c as h}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const j={class:"demo"},S=t("h3",null,"Options",-1),U=t("span",null,"Columns:",-1),W=t("span",null,"Tile duration:",-1),$=t("span",null,"Tile delay:",-1),w=t("span",null,"Easing:",-1),R=t("span",null,"Side color:",-1),B=t("h3",null,"Source",-1),E={class:"language-javascript","data-ext":"js"},H=["innerHTML"],M=D({__name:"Wave",setup(k){const d={autohideTime:0},e=u([{component:V,options:u({cols:8,tileDuration:900,tileDelay:100,easing:"cubic-bezier(0.3, -0.3, 0.735, 0.285)",sideColor:"#333"})}]),c={preloader:!0,controls:!0},v=_(()=>{let a=` import { Wave, } from 'vue-flux'; diff --git a/docs/assets/Zip-Uoq9BNrp.js b/docs/assets/Zip-uTmbklwH.js similarity index 89% rename from docs/assets/Zip-Uoq9BNrp.js rename to docs/assets/Zip-uTmbklwH.js index 2747a05a..f5242078 100644 --- a/docs/assets/Zip-Uoq9BNrp.js +++ b/docs/assets/Zip-uTmbklwH.js @@ -1,4 +1,4 @@ -import{g,E as u,i as _,o as i,c as a,a as n,u as o,b as s,H as f,J as v,F as x,q as V,B as y,_ as T}from"./app-SStEjskS.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-hgcxarFB.js";import{t as b}from"./vue-flux-xkNGD8Rr.js";import h from"./Demo-YRqIvizg.js";import{m as S,a as j,b as Z,c as w,e as B}from"./constants-vSRoptby.js";import"./Images-gE8WO_fq.js";const R={class:"demo"},U=s("h3",null,"Options",-1),$=s("span",null,"Columns:",-1),k=s("span",null,"Tile duration:",-1),E=s("span",null,"Tile delay:",-1),H=s("span",null,"Easing:",-1),L=s("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},C=["innerHTML"],F=g({__name:"Zip",setup(J){const d={autohideTime:0},e=u([{component:b,options:u({cols:10,tileDuration:600,tileDelay:80,easing:"ease-in"})}]),c={preloader:!0,controls:!0},D=_(()=>{let p=` +import{g,E as u,i as _,o as i,c as a,a as n,u as o,b as s,H as f,J as v,F as x,q as V,B as y,_ as T}from"./app-9q7i-DDF.js";import{P as m}from"./prism-cS1PeyxU.js";import{m as r}from"./slider-qIJTIoH5.js";import{t as b}from"./vue-flux-Jy6SlP2J.js";import h from"./Demo-5DMVfPWL.js";import{m as S,a as j,b as Z,c as w,e as B}from"./constants-vSRoptby.js";import"./Images-GCWpavzx.js";const R={class:"demo"},U=s("h3",null,"Options",-1),$=s("span",null,"Columns:",-1),k=s("span",null,"Tile duration:",-1),E=s("span",null,"Tile delay:",-1),H=s("span",null,"Easing:",-1),L=s("h3",null,"Source",-1),M={class:"language-javascript","data-ext":"js"},C=["innerHTML"],F=g({__name:"Zip",setup(J){const d={autohideTime:0},e=u([{component:b,options:u({cols:10,tileDuration:600,tileDelay:80,easing:"ease-in"})}]),c={preloader:!0,controls:!0},D=_(()=>{let p=` import { Zip, } from 'vue-flux'; diff --git a/docs/assets/app-SStEjskS.js b/docs/assets/app-9q7i-DDF.js similarity index 83% rename from docs/assets/app-SStEjskS.js rename to docs/assets/app-9q7i-DDF.js index 2c9ae5bf..4a6ee04b 100644 --- a/docs/assets/app-SStEjskS.js +++ b/docs/assets/app-9q7i-DDF.js @@ -1,4 +1,4 @@ -function Tr(e,t){const n=Object.create(null),o=e.split(",");for(let r=0;r!!n[r.toLowerCase()]:r=>!!n[r]}const Te={},sn=[],ct=()=>{},il=()=>!1,sl=/^on[^a-z]/,Un=e=>sl.test(e),Lr=e=>e.startsWith("onUpdate:"),ke=Object.assign,Pr=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},al=Object.prototype.hasOwnProperty,de=(e,t)=>al.call(e,t),G=Array.isArray,an=e=>Kn(e)==="[object Map]",bn=e=>Kn(e)==="[object Set]",ui=e=>Kn(e)==="[object Date]",se=e=>typeof e=="function",ve=e=>typeof e=="string",dn=e=>typeof e=="symbol",Ee=e=>e!==null&&typeof e=="object",Ps=e=>(Ee(e)||se(e))&&se(e.then)&&se(e.catch),Rs=Object.prototype.toString,Kn=e=>Rs.call(e),ll=e=>Kn(e).slice(8,-1),Os=e=>Kn(e)==="[object Object]",Rr=e=>ve(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Dn=Tr(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Vo=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},ul=/-(\w)/g,dt=Vo(e=>e.replace(ul,(t,n)=>n?n.toUpperCase():"")),cl=/\B([A-Z])/g,Qt=Vo(e=>e.replace(cl,"-$1").toLowerCase()),So=Vo(e=>e.charAt(0).toUpperCase()+e.slice(1)),qo=Vo(e=>e?`on${So(e)}`:""),Jt=(e,t)=>!Object.is(e,t),ho=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},xo=e=>{const t=parseFloat(e);return isNaN(t)?e:t},dl=e=>{const t=ve(e)?Number(e):NaN;return isNaN(t)?e:t};let ci;const ar=()=>ci||(ci=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function xn(e){if(G(e)){const t={};for(let n=0;n{if(n){const o=n.split(ml);o.length>1&&(t[o[0].trim()]=o[1].trim())}}),t}function je(e){let t="";if(ve(e))t=e;else if(G(e))for(let n=0;nqn(n,t))}const De=e=>ve(e)?e:e==null?"":G(e)||Ee(e)&&(e.toString===Rs||!se(e.toString))?JSON.stringify(e,Is,2):String(e),Is=(e,t)=>t&&t.__v_isRef?Is(e,t.value):an(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[o,r])=>(n[`${o} =>`]=r,n),{})}:bn(t)?{[`Set(${t.size})`]:[...t.values()]}:Ee(t)&&!G(t)&&!Os(t)?String(t):t;let Ge;class El{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this.parent=Ge,!t&&Ge&&(this.index=(Ge.scopes||(Ge.scopes=[])).push(this)-1)}get active(){return this._active}run(t){if(this._active){const n=Ge;try{return Ge=this,t()}finally{Ge=n}}}on(){Ge=this}off(){Ge=this.parent}stop(t){if(this._active){let n,o;for(n=0,o=this.effects.length;n{const t=new Set(e);return t.w=0,t.n=0,t},Ds=e=>(e.w&Vt)>0,ks=e=>(e.n&Vt)>0,yl=({deps:e})=>{if(e.length)for(let t=0;t{const{deps:t}=e;if(t.length){let n=0;for(let o=0;o{(d==="length"||!dn(d)&&d>=l)&&a.push(c)})}else switch(n!==void 0&&a.push(s.get(n)),t){case"add":G(e)?Rr(n)&&a.push(s.get("length")):(a.push(s.get(qt)),an(e)&&a.push(s.get(ur)));break;case"delete":G(e)||(a.push(s.get(qt)),an(e)&&a.push(s.get(ur)));break;case"set":an(e)&&a.push(s.get(qt));break}if(a.length===1)a[0]&&cr(a[0]);else{const l=[];for(const c of a)c&&l.push(...c);cr(Ar(l))}}function cr(e,t){const n=G(e)?e:[...e];for(const o of n)o.computed&&fi(o);for(const o of n)o.computed||fi(o)}function fi(e,t){(e!==ot||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}function Ll(e,t){var n;return(n=yo.get(e))==null?void 0:n.get(t)}const Pl=Tr("__proto__,__v_isRef,__isVue"),Ss=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(dn)),mi=Rl();function Rl(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const o=me(this);for(let i=0,s=this.length;i{e[t]=function(...n){yn();const o=me(this)[t].apply(this,n);return Tn(),o}}),e}function Ol(e){const t=me(this);return Ke(t,"has",e),t.hasOwnProperty(e)}class Fs{constructor(t=!1,n=!1){this._isReadonly=t,this._shallow=n}get(t,n,o){const r=this._isReadonly,i=this._shallow;if(n==="__v_isReactive")return!r;if(n==="__v_isReadonly")return r;if(n==="__v_isShallow")return i;if(n==="__v_raw"&&o===(r?i?Bl:Bs:i?Ms:Ns).get(t))return t;const s=G(t);if(!r){if(s&&de(mi,n))return Reflect.get(mi,n,o);if(n==="hasOwnProperty")return Ol}const a=Reflect.get(t,n,o);return(dn(n)?Ss.has(n):Pl(n))||(r||Ke(t,"get",n),i)?a:Se(a)?s&&Rr(n)?a:a.value:Ee(a)?r?Yn(a):Gn(a):a}}class $s extends Fs{constructor(t=!1){super(!1,t)}set(t,n,o,r){let i=t[n];if(fn(i)&&Se(i)&&!Se(o))return!1;if(!this._shallow&&(!To(o)&&!fn(o)&&(i=me(i),o=me(o)),!G(t)&&Se(i)&&!Se(o)))return i.value=o,!0;const s=G(t)&&Rr(n)?Number(n)e,Fo=e=>Reflect.getPrototypeOf(e);function no(e,t,n=!1,o=!1){e=e.__v_raw;const r=me(e),i=me(t);n||(Jt(t,i)&&Ke(r,"get",t),Ke(r,"get",i));const{has:s}=Fo(r),a=o?wr:n?Cr:$n;if(s.call(r,t))return a(e.get(t));if(s.call(r,i))return a(e.get(i));e!==r&&e.get(t)}function oo(e,t=!1){const n=this.__v_raw,o=me(n),r=me(e);return t||(Jt(e,r)&&Ke(o,"has",e),Ke(o,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function ro(e,t=!1){return e=e.__v_raw,!t&&Ke(me(e),"iterate",qt),Reflect.get(e,"size",e)}function _i(e){e=me(e);const t=me(this);return Fo(t).has.call(t,e)||(t.add(e),pt(t,"add",e,e)),this}function vi(e,t){t=me(t);const n=me(this),{has:o,get:r}=Fo(n);let i=o.call(n,e);i||(e=me(e),i=o.call(n,e));const s=r.call(n,e);return n.set(e,t),i?Jt(t,s)&&pt(n,"set",e,t):pt(n,"add",e,t),this}function pi(e){const t=me(this),{has:n,get:o}=Fo(t);let r=n.call(t,e);r||(e=me(e),r=n.call(t,e)),o&&o.call(t,e);const i=t.delete(e);return r&&pt(t,"delete",e,void 0),i}function hi(){const e=me(this),t=e.size!==0,n=e.clear();return t&&pt(e,"clear",void 0,void 0),n}function io(e,t){return function(o,r){const i=this,s=i.__v_raw,a=me(s),l=t?wr:e?Cr:$n;return!e&&Ke(a,"iterate",qt),s.forEach((c,d)=>o.call(r,l(c),l(d),i))}}function so(e,t,n){return function(...o){const r=this.__v_raw,i=me(r),s=an(i),a=e==="entries"||e===Symbol.iterator&&s,l=e==="keys"&&s,c=r[e](...o),d=n?wr:t?Cr:$n;return!t&&Ke(i,"iterate",l?ur:qt),{next(){const{value:f,done:m}=c.next();return m?{value:f,done:m}:{value:a?[d(f[0]),d(f[1])]:d(f),done:m}},[Symbol.iterator](){return this}}}}function Lt(e){return function(...t){return e==="delete"?!1:this}}function kl(){const e={get(i){return no(this,i)},get size(){return ro(this)},has:oo,add:_i,set:vi,delete:pi,clear:hi,forEach:io(!1,!1)},t={get(i){return no(this,i,!1,!0)},get size(){return ro(this)},has:oo,add:_i,set:vi,delete:pi,clear:hi,forEach:io(!1,!0)},n={get(i){return no(this,i,!0)},get size(){return ro(this,!0)},has(i){return oo.call(this,i,!0)},add:Lt("add"),set:Lt("set"),delete:Lt("delete"),clear:Lt("clear"),forEach:io(!0,!1)},o={get(i){return no(this,i,!0,!0)},get size(){return ro(this,!0)},has(i){return oo.call(this,i,!0)},add:Lt("add"),set:Lt("set"),delete:Lt("delete"),clear:Lt("clear"),forEach:io(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=so(i,!1,!1),n[i]=so(i,!0,!1),t[i]=so(i,!1,!0),o[i]=so(i,!0,!0)}),[e,n,t,o]}const[Cl,Vl,Sl,Fl]=kl();function Dr(e,t){const n=t?e?Fl:Sl:e?Vl:Cl;return(o,r,i)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?o:Reflect.get(de(n,r)&&r in o?n:o,r,i)}const $l={get:Dr(!1,!1)},Nl={get:Dr(!1,!0)},Ml={get:Dr(!0,!1)},Ns=new WeakMap,Ms=new WeakMap,Bs=new WeakMap,Bl=new WeakMap;function Hl(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function zl(e){return e.__v_skip||!Object.isExtensible(e)?0:Hl(ll(e))}function Gn(e){return fn(e)?e:kr(e,!1,Il,$l,Ns)}function Hs(e){return kr(e,!1,Dl,Nl,Ms)}function Yn(e){return kr(e,!0,wl,Ml,Bs)}function kr(e,t,n,o,r){if(!Ee(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=r.get(e);if(i)return i;const s=zl(e);if(s===0)return e;const a=new Proxy(e,s===2?o:n);return r.set(e,a),a}function ln(e){return fn(e)?ln(e.__v_raw):!!(e&&e.__v_isReactive)}function fn(e){return!!(e&&e.__v_isReadonly)}function To(e){return!!(e&&e.__v_isShallow)}function zs(e){return ln(e)||fn(e)}function me(e){const t=e&&e.__v_raw;return t?me(t):e}function js(e){return bo(e,"__v_skip",!0),e}const $n=e=>Ee(e)?Gn(e):e,Cr=e=>Ee(e)?Yn(e):e;function Vr(e){kt&&ot&&(e=me(e),Vs(e.dep||(e.dep=Ar())))}function Sr(e,t){e=me(e);const n=e.dep;n&&cr(n)}function Se(e){return!!(e&&e.__v_isRef===!0)}function Le(e){return Ws(e,!1)}function Fr(e){return Ws(e,!0)}function Ws(e,t){return Se(e)?e:new jl(e,t)}class jl{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:me(t),this._value=n?t:$n(t)}get value(){return Vr(this),this._value}set value(t){const n=this.__v_isShallow||To(t)||fn(t);t=n?t:me(t),Jt(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:$n(t),Sr(this))}}function ne(e){return Se(e)?e.value:e}const Wl={get:(e,t,n)=>ne(Reflect.get(e,t,n)),set:(e,t,n,o)=>{const r=e[t];return Se(r)&&!Se(n)?(r.value=n,!0):Reflect.set(e,t,n,o)}};function Us(e){return ln(e)?e:new Proxy(e,Wl)}class Ul{constructor(t){this.dep=void 0,this.__v_isRef=!0;const{get:n,set:o}=t(()=>Vr(this),()=>Sr(this));this._get=n,this._set=o}get value(){return this._get()}set value(t){this._set(t)}}function Kl(e){return new Ul(e)}function $r(e){const t=G(e)?new Array(e.length):{};for(const n in e)t[n]=Gl(e,n);return t}class ql{constructor(t,n,o){this._object=t,this._key=n,this._defaultValue=o,this.__v_isRef=!0}get value(){const t=this._object[this._key];return t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}get dep(){return Ll(me(this._object),this._key)}}function Gl(e,t,n){const o=e[t];return Se(o)?o:new ql(e,t,n)}class Yl{constructor(t,n,o,r){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this._dirty=!0,this.effect=new Ir(t,()=>{this._dirty||(this._dirty=!0,Sr(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=o}get value(){const t=me(this);return Vr(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}function Zl(e,t,n=!1){let o,r;const i=se(e);return i?(o=e,r=ct):(o=e.get,r=e.set),new Yl(o,r,i||!r,n)}function Ct(e,t,n,o){let r;try{r=o?e(...o):e()}catch(i){Zn(i,t,n)}return r}function et(e,t,n,o){if(se(e)){const i=Ct(e,t,n,o);return i&&Ps(i)&&i.catch(s=>{Zn(s,t,n)}),i}const r=[];for(let i=0;i>>1,r=Be[o],i=Mn(r);iut&&Be.splice(t,1)}function eu(e){G(e)?un.push(...e):(!vt||!vt.includes(e,e.allowRecurse?jt+1:jt))&&un.push(e),qs()}function gi(e,t=Nn?ut+1:0){for(;tMn(n)-Mn(o)),jt=0;jte.id==null?1/0:e.id,tu=(e,t)=>{const n=Mn(e)-Mn(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function Gs(e){dr=!1,Nn=!0,Be.sort(tu);try{for(ut=0;utve(h)?h.trim():h)),f&&(r=n.map(xo))}let a,l=o[a=qo(t)]||o[a=qo(dt(t))];!l&&i&&(l=o[a=qo(Qt(t))]),l&&et(l,e,6,r);const c=o[a+"Once"];if(c){if(!e.emitted)e.emitted={};else if(e.emitted[a])return;e.emitted[a]=!0,et(c,e,6,r)}}function Ys(e,t,n=!1){const o=t.emitsCache,r=o.get(e);if(r!==void 0)return r;const i=e.emits;let s={},a=!1;if(!se(e)){const l=c=>{const d=Ys(c,t,!0);d&&(a=!0,ke(s,d))};!n&&t.mixins.length&&t.mixins.forEach(l),e.extends&&l(e.extends),e.mixins&&e.mixins.forEach(l)}return!i&&!a?(Ee(e)&&o.set(e,null),null):(G(i)?i.forEach(l=>s[l]=null):ke(s,i),Ee(e)&&o.set(e,s),s)}function No(e,t){return!e||!Un(t)?!1:(t=t.slice(2).replace(/Once$/,""),de(e,t[0].toLowerCase()+t.slice(1))||de(e,Qt(t))||de(e,t))}let Ne=null,Mo=null;function Po(e){const t=Ne;return Ne=e,Mo=e&&e.type.__scopeId||null,t}function Lv(e){Mo=e}function Pv(){Mo=null}function $e(e,t=Ne,n){if(!t||e._n)return e;const o=(...r)=>{o._d&&wi(-1);const i=Po(t);let s;try{s=e(...r)}finally{Po(i),o._d&&wi(1)}return s};return o._n=!0,o._c=!0,o._d=!0,o}function Go(e){const{type:t,vnode:n,proxy:o,withProxy:r,props:i,propsOptions:[s],slots:a,attrs:l,emit:c,render:d,renderCache:f,data:m,setupState:h,ctx:y,inheritAttrs:R}=e;let A,C;const k=Po(e);try{if(n.shapeFlag&4){const x=r||o;A=nt(d.call(x,x,f,i,h,m,y)),C=l}else{const x=t;A=nt(x.length>1?x(i,{attrs:l,slots:a,emit:c}):x(i,null)),C=t.props?l:ou(l)}}catch(x){Vn.length=0,Zn(x,e,1),A=re(Ze)}let b=A;if(C&&R!==!1){const x=Object.keys(C),{shapeFlag:W}=b;x.length&&W&7&&(s&&x.some(Lr)&&(C=ru(C,s)),b=Ft(b,C))}return n.dirs&&(b=Ft(b),b.dirs=b.dirs?b.dirs.concat(n.dirs):n.dirs),n.transition&&(b.transition=n.transition),A=b,Po(k),A}const ou=e=>{let t;for(const n in e)(n==="class"||n==="style"||Un(n))&&((t||(t={}))[n]=e[n]);return t},ru=(e,t)=>{const n={};for(const o in e)(!Lr(o)||!(o.slice(9)in t))&&(n[o]=e[o]);return n};function iu(e,t,n){const{props:o,children:r,component:i}=e,{props:s,children:a,patchFlag:l}=t,c=i.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&l>=0){if(l&1024)return!0;if(l&16)return o?Ei(o,s,c):!!s;if(l&8){const d=t.dynamicProps;for(let f=0;fe.__isSuspense;function Qs(e,t){t&&t.pendingBranch?G(e)?t.effects.push(...e):t.effects.push(e):eu(e)}function Xs(e,t){return Br(e,null,t)}const ao={};function Ye(e,t,n){return Br(e,t,n)}function Br(e,t,{immediate:n,deep:o,flush:r,onTrack:i,onTrigger:s}=Te){var a;const l=ws()===((a=we)==null?void 0:a.scope)?we:null;let c,d=!1,f=!1;if(Se(e)?(c=()=>e.value,d=To(e)):ln(e)?(c=()=>e,o=!0):G(e)?(f=!0,d=e.some(x=>ln(x)||To(x)),c=()=>e.map(x=>{if(Se(x))return x.value;if(ln(x))return Kt(x);if(se(x))return Ct(x,l,2)})):se(e)?t?c=()=>Ct(e,l,2):c=()=>{if(!(l&&l.isUnmounted))return m&&m(),et(e,l,3,[h])}:c=ct,t&&o){const x=c;c=()=>Kt(x())}let m,h=x=>{m=k.onStop=()=>{Ct(x,l,4)}},y;if(vn)if(h=ct,t?n&&et(t,l,3,[c(),f?[]:void 0,h]):c(),r==="sync"){const x=ec();y=x.__watcherHandles||(x.__watcherHandles=[])}else return ct;let R=f?new Array(e.length).fill(ao):ao;const A=()=>{if(k.active)if(t){const x=k.run();(o||d||(f?x.some((W,J)=>Jt(W,R[J])):Jt(x,R)))&&(m&&m(),et(t,l,3,[x,R===ao?void 0:f&&R[0]===ao?[]:R,h]),R=x)}else k.run()};A.allowRecurse=!!t;let C;r==="sync"?C=A:r==="post"?C=()=>Ue(A,l&&l.suspense):(A.pre=!0,l&&(A.id=l.uid),C=()=>$o(A));const k=new Ir(c,C);t?n?A():R=k.run():r==="post"?Ue(k.run.bind(k),l&&l.suspense):k.run();const b=()=>{k.stop(),l&&l.scope&&Pr(l.scope.effects,k)};return y&&y.push(b),b}function lu(e,t,n){const o=this.proxy,r=ve(e)?e.includes(".")?ea(o,e):()=>o[e]:e.bind(o,o);let i;se(t)?i=t:(i=t.handler,n=t);const s=we;_n(this);const a=Br(r,i.bind(o),n);return s?_n(s):Yt(),a}function ea(e,t){const n=t.split(".");return()=>{let o=e;for(let r=0;r{Kt(n,t)});else if(Os(e))for(const n in e)Kt(e[n],t);return e}function Ro(e,t){const n=Ne;if(n===null)return e;const o=jo(n)||n.proxy,r=e.dirs||(e.dirs=[]);for(let i=0;i{e.isMounted=!0}),Hr(()=>{e.isUnmounting=!0}),e}const Qe=[Function,Array],ta={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:Qe,onEnter:Qe,onAfterEnter:Qe,onEnterCancelled:Qe,onBeforeLeave:Qe,onLeave:Qe,onAfterLeave:Qe,onLeaveCancelled:Qe,onBeforeAppear:Qe,onAppear:Qe,onAfterAppear:Qe,onAppearCancelled:Qe},cu={name:"BaseTransition",props:ta,setup(e,{slots:t}){const n=Ur(),o=uu();let r;return()=>{const i=t.default&&oa(t.default(),!0);if(!i||!i.length)return;let s=i[0];if(i.length>1){for(const R of i)if(R.type!==Ze){s=R;break}}const a=me(e),{mode:l}=a;if(o.isLeaving)return Yo(s);const c=xi(s);if(!c)return Yo(s);const d=fr(c,a,o,n);mr(c,d);const f=n.subTree,m=f&&xi(f);let h=!1;const{getTransitionKey:y}=c.type;if(y){const R=y();r===void 0?r=R:R!==r&&(r=R,h=!0)}if(m&&m.type!==Ze&&(!Wt(c,m)||h)){const R=fr(m,a,o,n);if(mr(m,R),l==="out-in")return o.isLeaving=!0,R.afterLeave=()=>{o.isLeaving=!1,n.update.active!==!1&&n.update()},Yo(s);l==="in-out"&&c.type!==Ze&&(R.delayLeave=(A,C,k)=>{const b=na(o,m);b[String(m.key)]=m,A[At]=()=>{C(),A[At]=void 0,delete d.delayedLeave},d.delayedLeave=k})}return s}}},du=cu;function na(e,t){const{leavingVNodes:n}=e;let o=n.get(t.type);return o||(o=Object.create(null),n.set(t.type,o)),o}function fr(e,t,n,o){const{appear:r,mode:i,persisted:s=!1,onBeforeEnter:a,onEnter:l,onAfterEnter:c,onEnterCancelled:d,onBeforeLeave:f,onLeave:m,onAfterLeave:h,onLeaveCancelled:y,onBeforeAppear:R,onAppear:A,onAfterAppear:C,onAppearCancelled:k}=t,b=String(e.key),x=na(n,e),W=(E,S)=>{E&&et(E,o,9,S)},J=(E,S)=>{const w=S[1];W(E,S),G(E)?E.every(q=>q.length<=1)&&w():E.length<=1&&w()},B={mode:i,persisted:s,beforeEnter(E){let S=a;if(!n.isMounted)if(r)S=R||a;else return;E[At]&&E[At](!0);const w=x[b];w&&Wt(e,w)&&w.el[At]&&w.el[At](),W(S,[E])},enter(E){let S=l,w=c,q=d;if(!n.isMounted)if(r)S=A||l,w=C||c,q=k||d;else return;let L=!1;const F=E[lo]=oe=>{L||(L=!0,oe?W(q,[E]):W(w,[E]),B.delayedLeave&&B.delayedLeave(),E[lo]=void 0)};S?J(S,[E,F]):F()},leave(E,S){const w=String(e.key);if(E[lo]&&E[lo](!0),n.isUnmounting)return S();W(f,[E]);let q=!1;const L=E[At]=F=>{q||(q=!0,S(),F?W(y,[E]):W(h,[E]),E[At]=void 0,x[w]===e&&delete x[w])};x[w]=e,m?J(m,[E,L]):L()},clone(E){return fr(E,t,n,o)}};return B}function Yo(e){if(Qn(e))return e=Ft(e),e.children=null,e}function xi(e){return Qn(e)?e.children?e.children[0]:void 0:e}function mr(e,t){e.shapeFlag&6&&e.component?mr(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function oa(e,t=!1,n){let o=[],r=0;for(let i=0;i1)for(let i=0;i!!e.type.__asyncLoader;/*! #__NO_SIDE_EFFECTS__ */function p(e){se(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:o,delay:r=200,timeout:i,suspensible:s=!0,onError:a}=e;let l=null,c,d=0;const f=()=>(d++,l=null,m()),m=()=>{let h;return l||(h=l=t().catch(y=>{if(y=y instanceof Error?y:new Error(String(y)),a)return new Promise((R,A)=>{a(y,()=>R(f()),()=>A(y),d+1)});throw y}).then(y=>h!==l&&l?l:(y&&(y.__esModule||y[Symbol.toStringTag]==="Module")&&(y=y.default),c=y,y)))};return _e({name:"AsyncComponentWrapper",__asyncLoader:m,get __asyncResolved(){return c},setup(){const h=we;if(c)return()=>Zo(c,h);const y=k=>{l=null,Zn(k,h,13,!o)};if(s&&h.suspense||vn)return m().then(k=>()=>Zo(k,h)).catch(k=>(y(k),()=>o?re(o,{error:k}):null));const R=Le(!1),A=Le(),C=Le(!!r);return r&&setTimeout(()=>{C.value=!1},r),i!=null&&setTimeout(()=>{if(!R.value&&!A.value){const k=new Error(`Async component timed out after ${i}ms.`);y(k),A.value=k}},i),m().then(()=>{R.value=!0,h.parent&&Qn(h.parent.vnode)&&$o(h.parent.update)}).catch(k=>{y(k),A.value=k}),()=>{if(R.value&&c)return Zo(c,h);if(A.value&&o)return re(o,{error:A.value});if(n&&!C.value)return re(n)}}})}function Zo(e,t){const{ref:n,props:o,children:r,ce:i}=t.vnode,s=re(e,o,r);return s.ref=n,s.ce=i,delete t.vnode.ce,s}const Qn=e=>e.type.__isKeepAlive;function fu(e,t){ra(e,"a",t)}function mu(e,t){ra(e,"da",t)}function ra(e,t,n=we){const o=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(Bo(t,o,n),n){let r=n.parent;for(;r&&r.parent;)Qn(r.parent.vnode)&&_u(o,t,n,r),r=r.parent}}function _u(e,t,n,o){const r=Bo(t,e,o,!0);Ho(()=>{Pr(o[t],r)},n)}function Bo(e,t,n=we,o=!1){if(n){const r=n[e]||(n[e]=[]),i=t.__weh||(t.__weh=(...s)=>{if(n.isUnmounted)return;yn(),_n(n);const a=et(t,n,e,s);return Yt(),Tn(),a});return o?r.unshift(i):r.push(i),i}}const xt=e=>(t,n=we)=>(!vn||e==="sp")&&Bo(e,(...o)=>t(...o),n),vu=xt("bm"),Je=xt("m"),pu=xt("bu"),hu=xt("u"),Hr=xt("bum"),Ho=xt("um"),gu=xt("sp"),Eu=xt("rtg"),bu=xt("rtc");function xu(e,t=we){Bo("ec",e,t)}function St(e,t,n,o){let r;const i=n&&n[o];if(G(e)||ve(e)){r=new Array(e.length);for(let s=0,a=e.length;st(s,a,void 0,i&&i[a]));else{const s=Object.keys(e);r=new Array(s.length);for(let a=0,l=s.length;a{const i=o.fn(...r);return i&&(i.key=o.key),i}:o.fn)}return e}function xe(e,t,n={},o,r){if(Ne.isCE||Ne.parent&&cn(Ne.parent)&&Ne.parent.isCE)return t!=="default"&&(n.name=t),re("slot",n,o&&o());let i=e[t];i&&i._c&&(i._d=!1),z();const s=i&&ia(i(n)),a=Ie(ye,{key:n.key||s&&s.key||`_${t}`},s||(o?o():[]),s&&e._===1?64:-2);return!r&&a.scopeId&&(a.slotScopeIds=[a.scopeId+"-s"]),i&&i._c&&(i._d=!0),a}function ia(e){return e.some(t=>wo(t)?!(t.type===Ze||t.type===ye&&!ia(t.children)):!0)?e:null}const _r=e=>e?ha(e)?jo(e)||e.proxy:_r(e.parent):null,kn=ke(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>_r(e.parent),$root:e=>_r(e.root),$emit:e=>e.emit,$options:e=>zr(e),$forceUpdate:e=>e.f||(e.f=()=>$o(e.update)),$nextTick:e=>e.n||(e.n=Jn.bind(e.proxy)),$watch:e=>lu.bind(e)}),Jo=(e,t)=>e!==Te&&!e.__isScriptSetup&&de(e,t),yu={get({_:e},t){const{ctx:n,setupState:o,data:r,props:i,accessCache:s,type:a,appContext:l}=e;let c;if(t[0]!=="$"){const h=s[t];if(h!==void 0)switch(h){case 1:return o[t];case 2:return r[t];case 4:return n[t];case 3:return i[t]}else{if(Jo(o,t))return s[t]=1,o[t];if(r!==Te&&de(r,t))return s[t]=2,r[t];if((c=e.propsOptions[0])&&de(c,t))return s[t]=3,i[t];if(n!==Te&&de(n,t))return s[t]=4,n[t];vr&&(s[t]=0)}}const d=kn[t];let f,m;if(d)return t==="$attrs"&&Ke(e,"get",t),d(e);if((f=a.__cssModules)&&(f=f[t]))return f;if(n!==Te&&de(n,t))return s[t]=4,n[t];if(m=l.config.globalProperties,de(m,t))return m[t]},set({_:e},t,n){const{data:o,setupState:r,ctx:i}=e;return Jo(r,t)?(r[t]=n,!0):o!==Te&&de(o,t)?(o[t]=n,!0):de(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:i}},s){let a;return!!n[s]||e!==Te&&de(e,s)||Jo(t,s)||(a=i[0])&&de(a,s)||de(o,s)||de(kn,s)||de(r.config.globalProperties,s)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:de(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function yi(e){return G(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let vr=!0;function Tu(e){const t=zr(e),n=e.proxy,o=e.ctx;vr=!1,t.beforeCreate&&Ti(t.beforeCreate,e,"bc");const{data:r,computed:i,methods:s,watch:a,provide:l,inject:c,created:d,beforeMount:f,mounted:m,beforeUpdate:h,updated:y,activated:R,deactivated:A,beforeDestroy:C,beforeUnmount:k,destroyed:b,unmounted:x,render:W,renderTracked:J,renderTriggered:B,errorCaptured:E,serverPrefetch:S,expose:w,inheritAttrs:q,components:L,directives:F,filters:oe}=t;if(c&&Lu(c,o,null),s)for(const Q in s){const K=s[Q];se(K)&&(o[Q]=K.bind(n))}if(r){const Q=r.call(n,n);Ee(Q)&&(e.data=Gn(Q))}if(vr=!0,i)for(const Q in i){const K=i[Q],Ce=se(K)?K.bind(n,n):se(K.get)?K.get.bind(n,n):ct,Fe=!se(K)&&se(K.set)?K.set.bind(n):ct,We=U({get:Ce,set:Fe});Object.defineProperty(o,Q,{enumerable:!0,configurable:!0,get:()=>We.value,set:Me=>We.value=Me})}if(a)for(const Q in a)sa(a[Q],o,n,Q);if(l){const Q=se(l)?l.call(n):l;Reflect.ownKeys(Q).forEach(K=>{Gt(K,Q[K])})}d&&Ti(d,e,"c");function V(Q,K){G(K)?K.forEach(Ce=>Q(Ce.bind(n))):K&&Q(K.bind(n))}if(V(vu,f),V(Je,m),V(pu,h),V(hu,y),V(fu,R),V(mu,A),V(xu,E),V(bu,J),V(Eu,B),V(Hr,k),V(Ho,x),V(gu,S),G(w))if(w.length){const Q=e.exposed||(e.exposed={});w.forEach(K=>{Object.defineProperty(Q,K,{get:()=>n[K],set:Ce=>n[K]=Ce})})}else e.exposed||(e.exposed={});W&&e.render===ct&&(e.render=W),q!=null&&(e.inheritAttrs=q),L&&(e.components=L),F&&(e.directives=F)}function Lu(e,t,n=ct){G(e)&&(e=pr(e));for(const o in e){const r=e[o];let i;Ee(r)?"default"in r?i=Oe(r.from||o,r.default,!0):i=Oe(r.from||o):i=Oe(r),Se(i)?Object.defineProperty(t,o,{enumerable:!0,configurable:!0,get:()=>i.value,set:s=>i.value=s}):t[o]=i}}function Ti(e,t,n){et(G(e)?e.map(o=>o.bind(t.proxy)):e.bind(t.proxy),t,n)}function sa(e,t,n,o){const r=o.includes(".")?ea(n,o):()=>n[o];if(ve(e)){const i=t[e];se(i)&&Ye(r,i)}else if(se(e))Ye(r,e.bind(n));else if(Ee(e))if(G(e))e.forEach(i=>sa(i,t,n,o));else{const i=se(e.handler)?e.handler.bind(n):t[e.handler];se(i)&&Ye(r,i,e)}}function zr(e){const t=e.type,{mixins:n,extends:o}=t,{mixins:r,optionsCache:i,config:{optionMergeStrategies:s}}=e.appContext,a=i.get(t);let l;return a?l=a:!r.length&&!n&&!o?l=t:(l={},r.length&&r.forEach(c=>Oo(l,c,s,!0)),Oo(l,t,s)),Ee(t)&&i.set(t,l),l}function Oo(e,t,n,o=!1){const{mixins:r,extends:i}=t;i&&Oo(e,i,n,!0),r&&r.forEach(s=>Oo(e,s,n,!0));for(const s in t)if(!(o&&s==="expose")){const a=Pu[s]||n&&n[s];e[s]=a?a(e[s],t[s]):t[s]}return e}const Pu={data:Li,props:Pi,emits:Pi,methods:wn,computed:wn,beforeCreate:He,created:He,beforeMount:He,mounted:He,beforeUpdate:He,updated:He,beforeDestroy:He,beforeUnmount:He,destroyed:He,unmounted:He,activated:He,deactivated:He,errorCaptured:He,serverPrefetch:He,components:wn,directives:wn,watch:Ou,provide:Li,inject:Ru};function Li(e,t){return t?e?function(){return ke(se(e)?e.call(this,this):e,se(t)?t.call(this,this):t)}:t:e}function Ru(e,t){return wn(pr(e),pr(t))}function pr(e){if(G(e)){const t={};for(let n=0;n1)return n&&se(t)?t.call(o&&o.proxy):t}}function wu(e,t,n,o=!1){const r={},i={};bo(i,zo,1),e.propsDefaults=Object.create(null),la(e,t,r,i);for(const s in e.propsOptions[0])s in r||(r[s]=void 0);n?e.props=o?r:Hs(r):e.type.props?e.props=r:e.props=i,e.attrs=i}function Du(e,t,n,o){const{props:r,attrs:i,vnode:{patchFlag:s}}=e,a=me(r),[l]=e.propsOptions;let c=!1;if((o||s>0)&&!(s&16)){if(s&8){const d=e.vnode.dynamicProps;for(let f=0;f{l=!0;const[m,h]=ua(f,t,!0);ke(s,m),h&&a.push(...h)};!n&&t.mixins.length&&t.mixins.forEach(d),e.extends&&d(e.extends),e.mixins&&e.mixins.forEach(d)}if(!i&&!l)return Ee(e)&&o.set(e,sn),sn;if(G(i))for(let d=0;d-1,h[1]=R<0||y-1||de(h,"default"))&&a.push(f)}}}const c=[s,a];return Ee(e)&&o.set(e,c),c}function Ri(e){return e[0]!=="$"}function Oi(e){const t=e&&e.toString().match(/^\s*(function|class) (\w+)/);return t?t[2]:e===null?"null":""}function Ai(e,t){return Oi(e)===Oi(t)}function Ii(e,t){return G(t)?t.findIndex(n=>Ai(n,e)):se(t)&&Ai(t,e)?0:-1}const ca=e=>e[0]==="_"||e==="$stable",jr=e=>G(e)?e.map(nt):[nt(e)],ku=(e,t,n)=>{if(t._n)return t;const o=$e((...r)=>jr(t(...r)),n);return o._c=!1,o},da=(e,t,n)=>{const o=e._ctx;for(const r in e){if(ca(r))continue;const i=e[r];if(se(i))t[r]=ku(r,i,o);else if(i!=null){const s=jr(i);t[r]=()=>s}}},fa=(e,t)=>{const n=jr(t);e.slots.default=()=>n},Cu=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=me(t),bo(t,"_",n)):da(t,e.slots={})}else e.slots={},t&&fa(e,t);bo(e.slots,zo,1)},Vu=(e,t,n)=>{const{vnode:o,slots:r}=e;let i=!0,s=Te;if(o.shapeFlag&32){const a=t._;a?n&&a===1?i=!1:(ke(r,t),!n&&a===1&&delete r._):(i=!t.$stable,da(t,r)),s=t}else t&&(fa(e,t),s={default:1});if(i)for(const a in r)!ca(a)&&s[a]==null&&delete r[a]};function Io(e,t,n,o,r=!1){if(G(e)){e.forEach((m,h)=>Io(m,t&&(G(t)?t[h]:t),n,o,r));return}if(cn(o)&&!r)return;const i=o.shapeFlag&4?jo(o.component)||o.component.proxy:o.el,s=r?null:i,{i:a,r:l}=e,c=t&&t.r,d=a.refs===Te?a.refs={}:a.refs,f=a.setupState;if(c!=null&&c!==l&&(ve(c)?(d[c]=null,de(f,c)&&(f[c]=null)):Se(c)&&(c.value=null)),se(l))Ct(l,a,12,[s,d]);else{const m=ve(l),h=Se(l);if(m||h){const y=()=>{if(e.f){const R=m?de(f,l)?f[l]:d[l]:l.value;r?G(R)&&Pr(R,i):G(R)?R.includes(i)||R.push(i):m?(d[l]=[i],de(f,l)&&(f[l]=d[l])):(l.value=[i],e.k&&(d[e.k]=l.value))}else m?(d[l]=s,de(f,l)&&(f[l]=s)):h&&(l.value=s,e.k&&(d[e.k]=s))};s?(y.id=-1,Ue(y,n)):y()}}}let Pt=!1;const uo=e=>/svg/.test(e.namespaceURI)&&e.tagName!=="foreignObject",co=e=>e.nodeType===8;function Su(e){const{mt:t,p:n,o:{patchProp:o,createText:r,nextSibling:i,parentNode:s,remove:a,insert:l,createComment:c}}=e,d=(b,x)=>{if(!x.hasChildNodes()){n(null,b,x),Lo(),x._vnode=b;return}Pt=!1,f(x.firstChild,b,null,null,null),Lo(),x._vnode=b,Pt&&console.error("Hydration completed but contains mismatches.")},f=(b,x,W,J,B,E=!1)=>{const S=co(b)&&b.data==="[",w=()=>R(b,x,W,J,B,S),{type:q,ref:L,shapeFlag:F,patchFlag:oe}=x;let ae=b.nodeType;x.el=b,oe===-2&&(E=!1,x.dynamicChildren=null);let V=null;switch(q){case mn:ae!==3?x.children===""?(l(x.el=r(""),s(b),b),V=b):V=w():(b.data!==x.children&&(Pt=!0,b.data=x.children),V=i(b));break;case Ze:k(b)?(V=i(b),C(x.el=b.content.firstChild,b,W)):ae!==8||S?V=w():V=i(b);break;case Cn:if(S&&(b=i(b),ae=b.nodeType),ae===1||ae===3){V=b;const Q=!x.children.length;for(let K=0;K{E=E||!!x.dynamicChildren;const{type:S,props:w,patchFlag:q,shapeFlag:L,dirs:F,transition:oe}=x,ae=S==="input"&&F||S==="option";if(ae||q!==-1){if(F&<(x,null,W,"created"),w)if(ae||!E||q&48)for(const K in w)(ae&&K.endsWith("value")||Un(K)&&!Dn(K))&&o(b,K,null,w[K],!1,void 0,W);else w.onClick&&o(b,"onClick",null,w.onClick,!1,void 0,W);let V;(V=w&&w.onVnodeBeforeMount)&&Xe(V,W,x);let Q=!1;if(k(b)){Q=ma(J,oe)&&W&&W.vnode.props&&W.vnode.props.appear;const K=b.content.firstChild;Q&&oe.beforeEnter(K),C(K,b,W),x.el=b=K}if(F&<(x,null,W,"beforeMount"),((V=w&&w.onVnodeMounted)||F||Q)&&Qs(()=>{V&&Xe(V,W,x),Q&&oe.enter(b),F&<(x,null,W,"mounted")},J),L&16&&!(w&&(w.innerHTML||w.textContent))){let K=h(b.firstChild,x,b,W,J,B,E);for(;K;){Pt=!0;const Ce=K;K=K.nextSibling,a(Ce)}}else L&8&&b.textContent!==x.children&&(Pt=!0,b.textContent=x.children)}return b.nextSibling},h=(b,x,W,J,B,E,S)=>{S=S||!!x.dynamicChildren;const w=x.children,q=w.length;for(let L=0;L{const{slotScopeIds:S}=x;S&&(B=B?B.concat(S):S);const w=s(b),q=h(i(b),x,w,W,J,B,E);return q&&co(q)&&q.data==="]"?i(x.anchor=q):(Pt=!0,l(x.anchor=c("]"),w,q),q)},R=(b,x,W,J,B,E)=>{if(Pt=!0,x.el=null,E){const q=A(b);for(;;){const L=i(b);if(L&&L!==q)a(L);else break}}const S=i(b),w=s(b);return a(b),n(null,x,w,S,W,J,uo(w),B),S},A=(b,x="[",W="]")=>{let J=0;for(;b;)if(b=i(b),b&&co(b)&&(b.data===x&&J++,b.data===W)){if(J===0)return i(b);J--}return b},C=(b,x,W)=>{const J=x.parentNode;J&&J.replaceChild(b,x);let B=W;for(;B;)B.vnode.el===x&&(B.vnode.el=B.subTree.el=b),B=B.parent},k=b=>b.nodeType===1&&b.tagName.toLowerCase()==="template";return[d,f]}const Ue=Qs;function Fu(e){return $u(e,Su)}function $u(e,t){const n=ar();n.__VUE__=!0;const{insert:o,remove:r,patchProp:i,createElement:s,createText:a,createComment:l,setText:c,setElementText:d,parentNode:f,nextSibling:m,setScopeId:h=ct,insertStaticContent:y}=e,R=(_,v,g,T=null,O=null,I=null,H=!1,$=null,M=!!v.dynamicChildren)=>{if(_===v)return;_&&!Wt(_,v)&&(T=P(_),Me(_,O,I,!0),_=null),v.patchFlag===-2&&(M=!1,v.dynamicChildren=null);const{type:D,ref:X,shapeFlag:Y}=v;switch(D){case mn:A(_,v,g,T);break;case Ze:C(_,v,g,T);break;case Cn:_==null&&k(v,g,T,H);break;case ye:L(_,v,g,T,O,I,H,$,M);break;default:Y&1?W(_,v,g,T,O,I,H,$,M):Y&6?F(_,v,g,T,O,I,H,$,M):(Y&64||Y&128)&&D.process(_,v,g,T,O,I,H,$,M,N)}X!=null&&O&&Io(X,_&&_.ref,I,v||_,!v)},A=(_,v,g,T)=>{if(_==null)o(v.el=a(v.children),g,T);else{const O=v.el=_.el;v.children!==_.children&&c(O,v.children)}},C=(_,v,g,T)=>{_==null?o(v.el=l(v.children||""),g,T):v.el=_.el},k=(_,v,g,T)=>{[_.el,_.anchor]=y(_.children,v,g,T,_.el,_.anchor)},b=({el:_,anchor:v},g,T)=>{let O;for(;_&&_!==v;)O=m(_),o(_,g,T),_=O;o(v,g,T)},x=({el:_,anchor:v})=>{let g;for(;_&&_!==v;)g=m(_),r(_),_=g;r(v)},W=(_,v,g,T,O,I,H,$,M)=>{H=H||v.type==="svg",_==null?J(v,g,T,O,I,H,$,M):S(_,v,O,I,H,$,M)},J=(_,v,g,T,O,I,H,$)=>{let M,D;const{type:X,props:Y,shapeFlag:ee,transition:ie,dirs:le}=_;if(M=_.el=s(_.type,I,Y&&Y.is,Y),ee&8?d(M,_.children):ee&16&&E(_.children,M,null,T,O,I&&X!=="foreignObject",H,$),le&<(_,null,T,"created"),B(M,_,_.scopeId,H,T),Y){for(const he in Y)he!=="value"&&!Dn(he)&&i(M,he,null,Y[he],I,_.children,T,O,Ve);"value"in Y&&i(M,"value",null,Y.value),(D=Y.onVnodeBeforeMount)&&Xe(D,T,_)}le&<(_,null,T,"beforeMount");const be=ma(O,ie);be&&ie.beforeEnter(M),o(M,v,g),((D=Y&&Y.onVnodeMounted)||be||le)&&Ue(()=>{D&&Xe(D,T,_),be&&ie.enter(M),le&<(_,null,T,"mounted")},O)},B=(_,v,g,T,O)=>{if(g&&h(_,g),T)for(let I=0;I{for(let D=M;D<_.length;D++){const X=_[D]=$?It(_[D]):nt(_[D]);R(null,X,v,g,T,O,I,H,$)}},S=(_,v,g,T,O,I,H)=>{const $=v.el=_.el;let{patchFlag:M,dynamicChildren:D,dirs:X}=v;M|=_.patchFlag&16;const Y=_.props||Te,ee=v.props||Te;let ie;g&&Mt(g,!1),(ie=ee.onVnodeBeforeUpdate)&&Xe(ie,g,v,_),X&<(v,_,g,"beforeUpdate"),g&&Mt(g,!0);const le=O&&v.type!=="foreignObject";if(D?w(_.dynamicChildren,D,$,g,T,le,I):H||K(_,v,$,null,g,T,le,I,!1),M>0){if(M&16)q($,v,Y,ee,g,T,O);else if(M&2&&Y.class!==ee.class&&i($,"class",null,ee.class,O),M&4&&i($,"style",Y.style,ee.style,O),M&8){const be=v.dynamicProps;for(let he=0;he{ie&&Xe(ie,g,v,_),X&<(v,_,g,"updated")},T)},w=(_,v,g,T,O,I,H)=>{for(let $=0;${if(g!==T){if(g!==Te)for(const $ in g)!Dn($)&&!($ in T)&&i(_,$,g[$],null,H,v.children,O,I,Ve);for(const $ in T){if(Dn($))continue;const M=T[$],D=g[$];M!==D&&$!=="value"&&i(_,$,D,M,H,v.children,O,I,Ve)}"value"in T&&i(_,"value",g.value,T.value)}},L=(_,v,g,T,O,I,H,$,M)=>{const D=v.el=_?_.el:a(""),X=v.anchor=_?_.anchor:a("");let{patchFlag:Y,dynamicChildren:ee,slotScopeIds:ie}=v;ie&&($=$?$.concat(ie):ie),_==null?(o(D,g,T),o(X,g,T),E(v.children,g,X,O,I,H,$,M)):Y>0&&Y&64&&ee&&_.dynamicChildren?(w(_.dynamicChildren,ee,g,O,I,H,$),(v.key!=null||O&&v===O.subTree)&&_a(_,v,!0)):K(_,v,g,X,O,I,H,$,M)},F=(_,v,g,T,O,I,H,$,M)=>{v.slotScopeIds=$,_==null?v.shapeFlag&512?O.ctx.activate(v,g,T,H,M):oe(v,g,T,O,I,H,M):ae(_,v,M)},oe=(_,v,g,T,O,I,H)=>{const $=_.component=Ku(_,T,O);if(Qn(_)&&($.ctx.renderer=N),qu($),$.asyncDep){if(O&&O.registerDep($,V),!_.el){const M=$.subTree=re(Ze);C(null,M,v,g)}return}V($,_,v,g,O,I,H)},ae=(_,v,g)=>{const T=v.component=_.component;if(iu(_,v,g))if(T.asyncDep&&!T.asyncResolved){Q(T,v,g);return}else T.next=v,Xl(T.update),T.update();else v.el=_.el,T.vnode=v},V=(_,v,g,T,O,I,H)=>{const $=()=>{if(_.isMounted){let{next:X,bu:Y,u:ee,parent:ie,vnode:le}=_,be=X,he;Mt(_,!1),X?(X.el=le.el,Q(_,X,H)):X=le,Y&&ho(Y),(he=X.props&&X.props.onVnodeBeforeUpdate)&&Xe(he,ie,X,le),Mt(_,!0);const Ae=Go(_),tt=_.subTree;_.subTree=Ae,R(tt,Ae,f(tt.el),P(tt),_,O,I),X.el=Ae.el,be===null&&su(_,Ae.el),ee&&Ue(ee,O),(he=X.props&&X.props.onVnodeUpdated)&&Ue(()=>Xe(he,ie,X,le),O)}else{let X;const{el:Y,props:ee}=v,{bm:ie,m:le,parent:be}=_,he=cn(v);if(Mt(_,!1),ie&&ho(ie),!he&&(X=ee&&ee.onVnodeBeforeMount)&&Xe(X,be,v),Mt(_,!0),Y&&ue){const Ae=()=>{_.subTree=Go(_),ue(Y,_.subTree,_,O,null)};he?v.type.__asyncLoader().then(()=>!_.isUnmounted&&Ae()):Ae()}else{const Ae=_.subTree=Go(_);R(null,Ae,g,T,_,O,I),v.el=Ae.el}if(le&&Ue(le,O),!he&&(X=ee&&ee.onVnodeMounted)){const Ae=v;Ue(()=>Xe(X,be,Ae),O)}(v.shapeFlag&256||be&&cn(be.vnode)&&be.vnode.shapeFlag&256)&&_.a&&Ue(_.a,O),_.isMounted=!0,v=g=T=null}},M=_.effect=new Ir($,()=>$o(D),_.scope),D=_.update=()=>M.run();D.id=_.uid,Mt(_,!0),D()},Q=(_,v,g)=>{v.component=_;const T=_.vnode.props;_.vnode=v,_.next=null,Du(_,v.props,T,g),Vu(_,v.children,g),yn(),gi(),Tn()},K=(_,v,g,T,O,I,H,$,M=!1)=>{const D=_&&_.children,X=_?_.shapeFlag:0,Y=v.children,{patchFlag:ee,shapeFlag:ie}=v;if(ee>0){if(ee&128){Fe(D,Y,g,T,O,I,H,$,M);return}else if(ee&256){Ce(D,Y,g,T,O,I,H,$,M);return}}ie&8?(X&16&&Ve(D,O,I),Y!==D&&d(g,Y)):X&16?ie&16?Fe(D,Y,g,T,O,I,H,$,M):Ve(D,O,I,!0):(X&8&&d(g,""),ie&16&&E(Y,g,T,O,I,H,$,M))},Ce=(_,v,g,T,O,I,H,$,M)=>{_=_||sn,v=v||sn;const D=_.length,X=v.length,Y=Math.min(D,X);let ee;for(ee=0;eeX?Ve(_,O,I,!0,!1,Y):E(v,g,T,O,I,H,$,M,Y)},Fe=(_,v,g,T,O,I,H,$,M)=>{let D=0;const X=v.length;let Y=_.length-1,ee=X-1;for(;D<=Y&&D<=ee;){const ie=_[D],le=v[D]=M?It(v[D]):nt(v[D]);if(Wt(ie,le))R(ie,le,g,null,O,I,H,$,M);else break;D++}for(;D<=Y&&D<=ee;){const ie=_[Y],le=v[ee]=M?It(v[ee]):nt(v[ee]);if(Wt(ie,le))R(ie,le,g,null,O,I,H,$,M);else break;Y--,ee--}if(D>Y){if(D<=ee){const ie=ee+1,le=ieee)for(;D<=Y;)Me(_[D],O,I,!0),D++;else{const ie=D,le=D,be=new Map;for(D=le;D<=ee;D++){const qe=v[D]=M?It(v[D]):nt(v[D]);qe.key!=null&&be.set(qe.key,D)}let he,Ae=0;const tt=ee-le+1;let en=!1,si=0;const Ln=new Array(tt);for(D=0;D=tt){Me(qe,O,I,!0);continue}let at;if(qe.key!=null)at=be.get(qe.key);else for(he=le;he<=ee;he++)if(Ln[he-le]===0&&Wt(qe,v[he])){at=he;break}at===void 0?Me(qe,O,I,!0):(Ln[at-le]=D+1,at>=si?si=at:en=!0,R(qe,v[at],g,null,O,I,H,$,M),Ae++)}const ai=en?Nu(Ln):sn;for(he=ai.length-1,D=tt-1;D>=0;D--){const qe=le+D,at=v[qe],li=qe+1{const{el:I,type:H,transition:$,children:M,shapeFlag:D}=_;if(D&6){We(_.component.subTree,v,g,T);return}if(D&128){_.suspense.move(v,g,T);return}if(D&64){H.move(_,v,g,N);return}if(H===ye){o(I,v,g);for(let Y=0;Y$.enter(I),O);else{const{leave:Y,delayLeave:ee,afterLeave:ie}=$,le=()=>o(I,v,g),be=()=>{Y(I,()=>{le(),ie&&ie()})};ee?ee(I,le,be):be()}else o(I,v,g)},Me=(_,v,g,T=!1,O=!1)=>{const{type:I,props:H,ref:$,children:M,dynamicChildren:D,shapeFlag:X,patchFlag:Y,dirs:ee}=_;if($!=null&&Io($,null,g,_,!0),X&256){v.ctx.deactivate(_);return}const ie=X&1&&ee,le=!cn(_);let be;if(le&&(be=H&&H.onVnodeBeforeUnmount)&&Xe(be,v,_),X&6)st(_.component,g,T);else{if(X&128){_.suspense.unmount(g,T);return}ie&<(_,null,v,"beforeUnmount"),X&64?_.type.remove(_,v,g,O,N,T):D&&(I!==ye||Y>0&&Y&64)?Ve(D,v,g,!1,!0):(I===ye&&Y&384||!O&&X&16)&&Ve(M,v,g),T&&yt(_)}(le&&(be=H&&H.onVnodeUnmounted)||ie)&&Ue(()=>{be&&Xe(be,v,_),ie&<(_,null,v,"unmounted")},g)},yt=_=>{const{type:v,el:g,anchor:T,transition:O}=_;if(v===ye){Tt(g,T);return}if(v===Cn){x(_);return}const I=()=>{r(g),O&&!O.persisted&&O.afterLeave&&O.afterLeave()};if(_.shapeFlag&1&&O&&!O.persisted){const{leave:H,delayLeave:$}=O,M=()=>H(g,I);$?$(_.el,I,M):M()}else I()},Tt=(_,v)=>{let g;for(;_!==v;)g=m(_),r(_),_=g;r(v)},st=(_,v,g)=>{const{bum:T,scope:O,update:I,subTree:H,um:$}=_;T&&ho(T),O.stop(),I&&(I.active=!1,Me(H,_,v,g)),$&&Ue($,v),Ue(()=>{_.isUnmounted=!0},v),v&&v.pendingBranch&&!v.isUnmounted&&_.asyncDep&&!_.asyncResolved&&_.suspenseId===v.pendingId&&(v.deps--,v.deps===0&&v.resolve())},Ve=(_,v,g,T=!1,O=!1,I=0)=>{for(let H=I;H<_.length;H++)Me(_[H],v,g,T,O)},P=_=>_.shapeFlag&6?P(_.component.subTree):_.shapeFlag&128?_.suspense.next():m(_.anchor||_.el),j=(_,v,g)=>{_==null?v._vnode&&Me(v._vnode,null,null,!0):R(v._vnode||null,_,v,null,null,null,g),gi(),Lo(),v._vnode=_},N={p:R,um:Me,m:We,r:yt,mt:oe,mc:E,pc:K,pbc:w,n:P,o:e};let Z,ue;return t&&([Z,ue]=t(N)),{render:j,hydrate:Z,createApp:Iu(j,Z)}}function Mt({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function ma(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function _a(e,t,n=!1){const o=e.children,r=t.children;if(G(o)&&G(r))for(let i=0;i>1,e[n[a]]0&&(t[o]=n[i-1]),n[i]=o)}}for(i=n.length,s=n[i-1];i-- >0;)n[i]=s,s=t[s];return n}const Mu=e=>e.__isTeleport,ye=Symbol.for("v-fgt"),mn=Symbol.for("v-txt"),Ze=Symbol.for("v-cmt"),Cn=Symbol.for("v-stc"),Vn=[];let rt=null;function z(e=!1){Vn.push(rt=e?null:[])}function Bu(){Vn.pop(),rt=Vn[Vn.length-1]||null}let Bn=1;function wi(e){Bn+=e}function va(e){return e.dynamicChildren=Bn>0?rt||sn:null,Bu(),Bn>0&&rt&&rt.push(e),e}function te(e,t,n,o,r,i){return va(fe(e,t,n,o,r,i,!0))}function Ie(e,t,n,o,r){return va(re(e,t,n,o,r,!0))}function wo(e){return e?e.__v_isVNode===!0:!1}function Wt(e,t){return e.type===t.type&&e.key===t.key}const zo="__vInternal",pa=({key:e})=>e??null,go=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?ve(e)||Se(e)||se(e)?{i:Ne,r:e,k:t,f:!!n}:e:null);function fe(e,t=null,n=null,o=0,r=null,i=e===ye?0:1,s=!1,a=!1){const l={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&pa(t),ref:t&&go(t),scopeId:Mo,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:Ne};return a?(Wr(l,n),i&128&&e.normalize(l)):n&&(l.shapeFlag|=ve(n)?8:16),Bn>0&&!s&&rt&&(l.patchFlag>0||i&6)&&l.patchFlag!==32&&rt.push(l),l}const re=Hu;function Hu(e,t=null,n=null,o=0,r=null,i=!1){if((!e||e===Zs)&&(e=Ze),wo(e)){const a=Ft(e,t,!0);return n&&Wr(a,n),Bn>0&&!i&&rt&&(a.shapeFlag&6?rt[rt.indexOf(e)]=a:rt.push(a)),a.patchFlag|=-2,a}if(Qu(e)&&(e=e.__vccOpts),t){t=zu(t);let{class:a,style:l}=t;a&&!ve(a)&&(t.class=je(a)),Ee(l)&&(zs(l)&&!G(l)&&(l=ke({},l)),t.style=xn(l))}const s=ve(e)?1:au(e)?128:Mu(e)?64:Ee(e)?4:se(e)?2:0;return fe(e,t,n,o,r,s,i,!0)}function zu(e){return e?zs(e)||zo in e?ke({},e):e:null}function Ft(e,t,n=!1){const{props:o,ref:r,patchFlag:i,children:s}=e,a=t?gr(o||{},t):o;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:a,key:a&&pa(a),ref:t&&t.ref?n&&r?G(r)?r.concat(go(t)):[r,go(t)]:go(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:s,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==ye?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Ft(e.ssContent),ssFallback:e.ssFallback&&Ft(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function $t(e=" ",t=0){return re(mn,null,e,t)}function ju(e,t){const n=re(Cn,null,e);return n.staticCount=t,n}function Re(e="",t=!1){return t?(z(),Ie(Ze,null,e)):re(Ze,null,e)}function nt(e){return e==null||typeof e=="boolean"?re(Ze):G(e)?re(ye,null,e.slice()):typeof e=="object"?It(e):re(mn,null,String(e))}function It(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Ft(e)}function Wr(e,t){let n=0;const{shapeFlag:o}=e;if(t==null)t=null;else if(G(t))n=16;else if(typeof t=="object")if(o&65){const r=t.default;r&&(r._c&&(r._d=!1),Wr(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!(zo in t)?t._ctx=Ne:r===3&&Ne&&(Ne.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else se(t)?(t={default:t,_ctx:Ne},n=32):(t=String(t),o&64?(n=16,t=[$t(t)]):n=8);e.children=t,e.shapeFlag|=n}function gr(...e){const t={};for(let n=0;nwe||Ne;let Kr,tn,Di="__VUE_INSTANCE_SETTERS__";(tn=ar()[Di])||(tn=ar()[Di]=[]),tn.push(e=>we=e),Kr=e=>{tn.length>1?tn.forEach(t=>t(e)):tn[0](e)};const _n=e=>{Kr(e),e.scope.on()},Yt=()=>{we&&we.scope.off(),Kr(null)};function ha(e){return e.vnode.shapeFlag&4}let vn=!1;function qu(e,t=!1){vn=t;const{props:n,children:o}=e.vnode,r=ha(e);wu(e,n,r,t),Cu(e,o);const i=r?Gu(e,t):void 0;return vn=!1,i}function Gu(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=js(new Proxy(e.ctx,yu));const{setup:o}=n;if(o){const r=e.setupContext=o.length>1?Zu(e):null;_n(e),yn();const i=Ct(o,e,0,[e.props,r]);if(Tn(),Yt(),Ps(i)){if(i.then(Yt,Yt),t)return i.then(s=>{ki(e,s,t)}).catch(s=>{Zn(s,e,0)});e.asyncDep=i}else ki(e,i,t)}else ga(e,t)}function ki(e,t,n){se(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Ee(t)&&(e.setupState=Us(t)),ga(e,n)}let Ci;function ga(e,t,n){const o=e.type;if(!e.render){if(!t&&Ci&&!o.render){const r=o.template||zr(e).template;if(r){const{isCustomElement:i,compilerOptions:s}=e.appContext.config,{delimiters:a,compilerOptions:l}=o,c=ke(ke({isCustomElement:i,delimiters:a},s),l);o.render=Ci(r,c)}}e.render=o.render||ct}{_n(e),yn();try{Tu(e)}finally{Tn(),Yt()}}}function Yu(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,n){return Ke(e,"get","$attrs"),t[n]}}))}function Zu(e){const t=n=>{e.exposed=n||{}};return{get attrs(){return Yu(e)},slots:e.slots,emit:e.emit,expose:t}}function jo(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Us(js(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in kn)return kn[n](e)},has(t,n){return n in t||n in kn}}))}function Ju(e,t=!0){return se(e)?e.displayName||e.name:e.name||t&&e.__name}function Qu(e){return se(e)&&"__vccOpts"in e}const U=(e,t)=>Zl(e,t,vn);function ge(e,t,n){const o=arguments.length;return o===2?Ee(t)&&!G(t)?wo(t)?re(e,null,[t]):re(e,t):re(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):o===3&&wo(n)&&(n=[n]),re(e,t,n))}const Xu=Symbol.for("v-scx"),ec=()=>Oe(Xu),tc="3.3.8",nc="http://www.w3.org/2000/svg",Ut=typeof document<"u"?document:null,Vi=Ut&&Ut.createElement("template"),oc={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,o)=>{const r=t?Ut.createElementNS(nc,e):Ut.createElement(e,n?{is:n}:void 0);return e==="select"&&o&&o.multiple!=null&&r.setAttribute("multiple",o.multiple),r},createText:e=>Ut.createTextNode(e),createComment:e=>Ut.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Ut.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,o,r,i){const s=n?n.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===i||!(r=r.nextSibling)););else{Vi.innerHTML=o?`${e}`:e;const a=Vi.content;if(o){const l=a.firstChild;for(;l.firstChild;)a.appendChild(l.firstChild);a.removeChild(l)}t.insertBefore(a,n)}return[s?s.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Rt="transition",Pn="animation",Hn=Symbol("_vtc"),Xn=(e,{slots:t})=>ge(du,rc(e),t);Xn.displayName="Transition";const Ea={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};Xn.props=ke({},ta,Ea);const Bt=(e,t=[])=>{G(e)?e.forEach(n=>n(...t)):e&&e(...t)},Si=e=>e?G(e)?e.some(t=>t.length>1):e.length>1:!1;function rc(e){const t={};for(const L in e)L in Ea||(t[L]=e[L]);if(e.css===!1)return t;const{name:n="v",type:o,duration:r,enterFromClass:i=`${n}-enter-from`,enterActiveClass:s=`${n}-enter-active`,enterToClass:a=`${n}-enter-to`,appearFromClass:l=i,appearActiveClass:c=s,appearToClass:d=a,leaveFromClass:f=`${n}-leave-from`,leaveActiveClass:m=`${n}-leave-active`,leaveToClass:h=`${n}-leave-to`}=e,y=ic(r),R=y&&y[0],A=y&&y[1],{onBeforeEnter:C,onEnter:k,onEnterCancelled:b,onLeave:x,onLeaveCancelled:W,onBeforeAppear:J=C,onAppear:B=k,onAppearCancelled:E=b}=t,S=(L,F,oe)=>{Ht(L,F?d:a),Ht(L,F?c:s),oe&&oe()},w=(L,F)=>{L._isLeaving=!1,Ht(L,f),Ht(L,h),Ht(L,m),F&&F()},q=L=>(F,oe)=>{const ae=L?B:k,V=()=>S(F,L,oe);Bt(ae,[F,V]),Fi(()=>{Ht(F,L?l:i),Ot(F,L?d:a),Si(ae)||$i(F,o,R,V)})};return ke(t,{onBeforeEnter(L){Bt(C,[L]),Ot(L,i),Ot(L,s)},onBeforeAppear(L){Bt(J,[L]),Ot(L,l),Ot(L,c)},onEnter:q(!1),onAppear:q(!0),onLeave(L,F){L._isLeaving=!0;const oe=()=>w(L,F);Ot(L,f),lc(),Ot(L,m),Fi(()=>{L._isLeaving&&(Ht(L,f),Ot(L,h),Si(x)||$i(L,o,A,oe))}),Bt(x,[L,oe])},onEnterCancelled(L){S(L,!1),Bt(b,[L])},onAppearCancelled(L){S(L,!0),Bt(E,[L])},onLeaveCancelled(L){w(L),Bt(W,[L])}})}function ic(e){if(e==null)return null;if(Ee(e))return[Qo(e.enter),Qo(e.leave)];{const t=Qo(e);return[t,t]}}function Qo(e){return dl(e)}function Ot(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e[Hn]||(e[Hn]=new Set)).add(t)}function Ht(e,t){t.split(/\s+/).forEach(o=>o&&e.classList.remove(o));const n=e[Hn];n&&(n.delete(t),n.size||(e[Hn]=void 0))}function Fi(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let sc=0;function $i(e,t,n,o){const r=e._endId=++sc,i=()=>{r===e._endId&&o()};if(n)return setTimeout(i,n);const{type:s,timeout:a,propCount:l}=ac(e,t);if(!s)return o();const c=s+"end";let d=0;const f=()=>{e.removeEventListener(c,m),i()},m=h=>{h.target===e&&++d>=l&&f()};setTimeout(()=>{d(n[y]||"").split(", "),r=o(`${Rt}Delay`),i=o(`${Rt}Duration`),s=Ni(r,i),a=o(`${Pn}Delay`),l=o(`${Pn}Duration`),c=Ni(a,l);let d=null,f=0,m=0;t===Rt?s>0&&(d=Rt,f=s,m=i.length):t===Pn?c>0&&(d=Pn,f=c,m=l.length):(f=Math.max(s,c),d=f>0?s>c?Rt:Pn:null,m=d?d===Rt?i.length:l.length:0);const h=d===Rt&&/\b(transform|all)(,|$)/.test(o(`${Rt}Property`).toString());return{type:d,timeout:f,propCount:m,hasTransform:h}}function Ni(e,t){for(;e.lengthMi(n)+Mi(e[o])))}function Mi(e){return e==="auto"?0:Number(e.slice(0,-1).replace(",","."))*1e3}function lc(){return document.body.offsetHeight}function uc(e,t,n){const o=e[Hn];o&&(t=(t?[t,...o]:[...o]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const qr=Symbol("_vod"),Do={beforeMount(e,{value:t},{transition:n}){e[qr]=e.style.display==="none"?"":e.style.display,n&&t?n.beforeEnter(e):Rn(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:o}){!t!=!n&&(o?t?(o.beforeEnter(e),Rn(e,!0),o.enter(e)):o.leave(e,()=>{Rn(e,!1)}):Rn(e,t))},beforeUnmount(e,{value:t}){Rn(e,t)}};function Rn(e,t){e.style.display=t?e[qr]:"none"}function cc(e,t,n){const o=e.style,r=ve(n);if(n&&!r){if(t&&!ve(t))for(const i in t)n[i]==null&&Er(o,i,"");for(const i in n)Er(o,i,n[i])}else{const i=o.display;r?t!==n&&(o.cssText=n):t&&e.removeAttribute("style"),qr in e&&(o.display=i)}}const Bi=/\s*!important$/;function Er(e,t,n){if(G(n))n.forEach(o=>Er(e,t,o));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const o=dc(e,t);Bi.test(n)?e.setProperty(Qt(o),n.replace(Bi,""),"important"):e[o]=n}}const Hi=["Webkit","Moz","ms"],Xo={};function dc(e,t){const n=Xo[t];if(n)return n;let o=dt(t);if(o!=="filter"&&o in e)return Xo[t]=o;o=So(o);for(let r=0;rer||(hc.then(()=>er=0),er=Date.now());function Ec(e,t){const n=o=>{if(!o._vts)o._vts=Date.now();else if(o._vts<=n.attached)return;et(bc(o,n.value),t,5,[o])};return n.value=e,n.attached=gc(),n}function bc(e,t){if(G(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(o=>r=>!r._stopped&&o&&o(r))}else return t}const Ui=/^on[a-z]/,xc=(e,t,n,o,r=!1,i,s,a,l)=>{t==="class"?uc(e,o,r):t==="style"?cc(e,n,o):Un(t)?Lr(t)||vc(e,t,n,o,s):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):yc(e,t,o,r))?mc(e,t,o,i,s,a,l):(t==="true-value"?e._trueValue=o:t==="false-value"&&(e._falseValue=o),fc(e,t,o,r))};function yc(e,t,n,o){return o?!!(t==="innerHTML"||t==="textContent"||t in e&&Ui.test(t)&&se(n)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||Ui.test(t)&&ve(n)?!1:t in e}const pn=e=>{const t=e.props["onUpdate:modelValue"]||!1;return G(t)?n=>ho(t,n):t};function Tc(e){e.target.composing=!0}function Ki(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const ht=Symbol("_assign"),Av={created(e,{modifiers:{lazy:t,trim:n,number:o}},r){e[ht]=pn(r);const i=o||r.props&&r.props.type==="number";Dt(e,t?"change":"input",s=>{if(s.target.composing)return;let a=e.value;n&&(a=a.trim()),i&&(a=xo(a)),e[ht](a)}),n&&Dt(e,"change",()=>{e.value=e.value.trim()}),t||(Dt(e,"compositionstart",Tc),Dt(e,"compositionend",Ki),Dt(e,"change",Ki))},mounted(e,{value:t}){e.value=t??""},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:o,number:r}},i){if(e[ht]=pn(i),e.composing||document.activeElement===e&&e.type!=="range"&&(n||o&&e.value.trim()===t||(r||e.type==="number")&&xo(e.value)===t))return;const s=t??"";e.value!==s&&(e.value=s)}},Iv={deep:!0,created(e,t,n){e[ht]=pn(n),Dt(e,"change",()=>{const o=e._modelValue,r=zn(e),i=e.checked,s=e[ht];if(G(o)){const a=Or(o,r),l=a!==-1;if(i&&!l)s(o.concat(r));else if(!i&&l){const c=[...o];c.splice(a,1),s(c)}}else if(bn(o)){const a=new Set(o);i?a.add(r):a.delete(r),s(a)}else s(ba(e,i))})},mounted:qi,beforeUpdate(e,t,n){e[ht]=pn(n),qi(e,t,n)}};function qi(e,{value:t,oldValue:n},o){e._modelValue=t,G(t)?e.checked=Or(t,o.props.value)>-1:bn(t)?e.checked=t.has(o.props.value):t!==n&&(e.checked=qn(t,ba(e,!0)))}const wv={deep:!0,created(e,{value:t,modifiers:{number:n}},o){const r=bn(t);Dt(e,"change",()=>{const i=Array.prototype.filter.call(e.options,s=>s.selected).map(s=>n?xo(zn(s)):zn(s));e[ht](e.multiple?r?new Set(i):i:i[0])}),e[ht]=pn(o)},mounted(e,{value:t}){Gi(e,t)},beforeUpdate(e,t,n){e[ht]=pn(n)},updated(e,{value:t}){Gi(e,t)}};function Gi(e,t){const n=e.multiple;if(!(n&&!G(t)&&!bn(t))){for(let o=0,r=e.options.length;o-1:i.selected=t.has(s);else if(qn(zn(i),t)){e.selectedIndex!==o&&(e.selectedIndex=o);return}}!n&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function zn(e){return"_value"in e?e._value:e.value}function ba(e,t){const n=t?"_trueValue":"_falseValue";return n in e?e[n]:t}const Lc={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},Pc=(e,t)=>n=>{if(!("key"in n))return;const o=Qt(n.key);if(t.some(r=>r===o||Lc[r]===o))return e(n)},Rc=ke({patchProp:xc},oc);let tr,Yi=!1;function Oc(){return tr=Yi?tr:Fu(Rc),Yi=!0,tr}const Ac=(...e)=>{const t=Oc().createApp(...e),{mount:n}=t;return t.mount=o=>{const r=Ic(o);if(r)return n(r,!0,r instanceof SVGElement)},t};function Ic(e){return ve(e)?document.querySelector(e):e}const wc="modulepreload",Dc=function(e){return"/vue-flux-docs/"+e},Zi={},u=function(t,n,o){let r=Promise.resolve();if(n&&n.length>0){const i=document.getElementsByTagName("link");r=Promise.all(n.map(s=>{if(s=Dc(s),s in Zi)return;Zi[s]=!0;const a=s.endsWith(".css"),l=a?'[rel="stylesheet"]':"";if(!!o)for(let f=i.length-1;f>=0;f--){const m=i[f];if(m.href===s&&(!a||m.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${s}"]${l}`))return;const d=document.createElement("link");if(d.rel=a?"stylesheet":wc,a||(d.as="script",d.crossOrigin=""),d.href=s,document.head.appendChild(d),a)return new Promise((f,m)=>{d.addEventListener("load",f),d.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${s}`)))})}))}return r.then(()=>t()).catch(i=>{const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=i,window.dispatchEvent(s),!s.defaultPrevented)throw i})},kc={"v-8daa1a0e":()=>u(()=>import("./index.html-Ky6phlvC.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6397251d":()=>u(()=>import("./flux-caption.html-3RlH3dth.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-df436a8e":()=>u(()=>import("./flux-controls.html-yF5PH7LC.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-a806c79e":()=>u(()=>import("./flux-index.html-_-HXrfsP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b34e2a56":()=>u(()=>import("./flux-pagination.html-v0lkvnki.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-276aca0d":()=>u(()=>import("./flux-preloader.html-JjCnpGNm.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1eb49338":()=>u(()=>import("./flux-button.html-jaYE2ZGi.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b00e02fe":()=>u(()=>import("./flux-cube.html-7ns9d2ta.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-31fdfa10":()=>u(()=>import("./flux-grid.html-s5xVwao3.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6969b17e":()=>u(()=>import("./flux-image.html-nmMUe5rA.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-ce450842":()=>u(()=>import("./flux-parallax.html-CjgOdtZh.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6104c7a1":()=>u(()=>import("./flux-transition.html-jtrZ-y3a.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-9f576330":()=>u(()=>import("./flux-vortex.html-_GhEw5hs.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-760c8d70":()=>u(()=>import("./vue-flux.html-r6sAdqrP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4124d8b7":()=>u(()=>import("./index.html--hv5s8Fx.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-ada6b5c0":()=>u(()=>import("./blinds2d.html-1Qhxptef.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-43da3f3e":()=>u(()=>import("./blinds3d.html-7QrcOgNE.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b3226712":()=>u(()=>import("./blocks1.html-BEk2H9WQ.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-afb8b5d4":()=>u(()=>import("./blocks2.html-l_7Gi2vv.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-aa57f7f2":()=>u(()=>import("./book.html-0ArVk2T1.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-376600ea":()=>u(()=>import("./camera.html-GpxWF3kU.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-400f1eae":()=>u(()=>import("./concentric.html-tHbJ2Zy7.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-171d2b8a":()=>u(()=>import("./cube.html-CXPSbMmB.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-7c9e9e7e":()=>u(()=>import("./explode.html-GhqQ9W_a.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-0518a758":()=>u(()=>import("./fade.html-SgWHa_X0.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-9ed11a96":()=>u(()=>import("./fall.html-I3ZC03CW.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-da480682":()=>u(()=>import("./kenburn.html-Zcb-fguq.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-985f8cae":()=>u(()=>import("./index.html-JHFqYBy7.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-0c45d90d":()=>u(()=>import("./round1.html-DGyrM6TP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-0dfab1ac":()=>u(()=>import("./round2.html-vUTf8Ik8.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b65e379e":()=>u(()=>import("./slide.html-VtmDwgdX.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-7e8c7048":()=>u(()=>import("./swipe.html-Sz2vKtF7.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6548d070":()=>u(()=>import("./warp.html-mRR_Yir3.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5d8cfe20":()=>u(()=>import("./waterfall.html-bFuh-prF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-e3a19412":()=>u(()=>import("./wave.html-zCvuYfDr.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-116b91fe":()=>u(()=>import("./zip.html-pSd3a7xi.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-46255a3c":()=>u(()=>import("./index.html-pjovaGUl.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-e665bd06":()=>u(()=>import("./index.html-FOpo-pMe.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-f3b8be2a":()=>u(()=>import("./index.html-dOHli3L0.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4b080bb5":()=>u(()=>import("./index.html-BhwqBx8y.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-60498d34":()=>u(()=>import("./index.html-zqWARg_g.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4f87df94":()=>u(()=>import("./index.html-c9ALYrQF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4b8adfc2":()=>u(()=>import("./index.html-WcD93tTM.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-bd78ebda":()=>u(()=>import("./index.html-8w1jM_ql.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-d7027248":()=>u(()=>import("./index.html-rgQuonrl.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-26b59c43":()=>u(()=>import("./index.html-PZ158Iga.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-da86d328":()=>u(()=>import("./index.html-8ZvSi0Nr.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-618f4e94":()=>u(()=>import("./index.html-mHFdUJ16.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-15a38016":()=>u(()=>import("./index.html-RbdFA8Gp.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2d1cbda1":()=>u(()=>import("./index.html-oEwJPSXX.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-f9bd589c":()=>u(()=>import("./index.html-pWWCM2VI.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-227e5238":()=>u(()=>import("./index.html-CwGDG2SP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-c79f278a":()=>u(()=>import("./index.html-Uyo36wZW.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-089365e2":()=>u(()=>import("./index.html-zK41jw6v.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-110158b9":()=>u(()=>import("./index.html-VkmVYoJ9.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-c154e826":()=>u(()=>import("./index.html-hUlZ2igu.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5368a5b7":()=>u(()=>import("./index.html-KSyIqdnS.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2448def4":()=>u(()=>import("./index.html-VIT9Sw_j.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-ebda1a94":()=>u(()=>import("./index.html-EMBPuLOz.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-69fa1c6c":()=>u(()=>import("./index.html-bpTaVNy-.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-0eae9b80":()=>u(()=>import("./index.html-ERHg906J.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-64ff1d51":()=>u(()=>import("./index.html-a-UGdSBS.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-a2b41fd4":()=>u(()=>import("./index.html--CIxJkK-.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6b1ae4cc":()=>u(()=>import("./index.html-6hzGK-xY.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-beff4ea6":()=>u(()=>import("./index.html-YAOlmySE.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-be911888":()=>u(()=>import("./index.html-Cb33jlZd.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-7956ae81":()=>u(()=>import("./index.html-mdtvP96a.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-79661dea":()=>u(()=>import("./index.html-VjI8nHb1.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-581b90b0":()=>u(()=>import("./index.html-eSnTtj0z.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-11ca4bea":()=>u(()=>import("./index.html-CHDWKhPL.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-e8429534":()=>u(()=>import("./index.html-it3FzLed.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-658f5694":()=>u(()=>import("./index.html-2tWVBGy9.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-35b95b09":()=>u(()=>import("./index.html-_PlU6ZaQ.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-3ded4e88":()=>u(()=>import("./index.html-1H0YfXHP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-48d3b268":()=>u(()=>import("./index.html-XBC77XJT.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-48d3aae6":()=>u(()=>import("./index.html-jwf0K5uU.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6b915137":()=>u(()=>import("./index.html-AAhK04ss.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6b915156":()=>u(()=>import("./index.html-4Wp_OIOB.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5367ec33":()=>u(()=>import("./index.html-Dpd4eN5T.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-36022c37":()=>u(()=>import("./index.html-kY9SQ5EC.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5f1939da":()=>u(()=>import("./index.html-9gr5T08J.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-53788c67":()=>u(()=>import("./index.html-LAj4awqs.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2034ea81":()=>u(()=>import("./index.html-0WwhcOU0.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5399c300":()=>u(()=>import("./index.html-fr4v0l7E.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5399e1e1":()=>u(()=>import("./index.html-ol1XCsQp.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-c31c3502":()=>u(()=>import("./index.html-ZKZ69qZO.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-67d816b9":()=>u(()=>import("./index.html-1qoPQD2o.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-67d816d8":()=>u(()=>import("./index.html-5L95ye9X.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-366ae871":()=>u(()=>import("./index.html-1dKZU0YW.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-37061808":()=>u(()=>import("./index.html-GExkQjQM.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-54898874":()=>u(()=>import("./index.html-yUsDiDMu.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-17c990a0":()=>u(()=>import("./index.html-d4y_US7M.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-54899623":()=>u(()=>import("./index.html-urPovcYL.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-3c99547e":()=>u(()=>import("./index.html-bR6erd0r.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4e77e30a":()=>u(()=>import("./index.html-N3NUqch5.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-74f15f50":()=>u(()=>import("./index.html-rQy_AbB-.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-27403dde":()=>u(()=>import("./index.html-8RqINVkh.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-44f1f034":()=>u(()=>import("./index.html-LbRP6Gqq.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-8832938c":()=>u(()=>import("./index.html-PtVhSZNV.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-25c7c00d":()=>u(()=>import("./index.html-G7lUiwmg.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-25c7c3ce":()=>u(()=>import("./index.html-18IgrAmh.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1bd1e854":()=>u(()=>import("./index.html-hb3VeugV.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1bd1e816":()=>u(()=>import("./index.html-ujfjpY7r.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-21124df4":()=>u(()=>import("./index.html-2RwChoVJ.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-429b21b8":()=>u(()=>import("./index.html--MQeyUC_.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-396cf24a":()=>u(()=>import("./index.html-pNOiWdQ-.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2122ee28":()=>u(()=>import("./index.html-dx72aaRo.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b28ab5c0":()=>u(()=>import("./index.html-yv7CPQwq.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-214424c1":()=>u(()=>import("./index.html-qhR-e6zj.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-214443a2":()=>u(()=>import("./index.html-T6ac9gOm.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-24f7a01e":()=>u(()=>import("./index.html-fzFKlOoX.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-74710c3a":()=>u(()=>import("./index.html-cCLHEijF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-74710c59":()=>u(()=>import("./index.html-8pYM42EG.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1e0cbed0":()=>u(()=>import("./index.html-7t3v5bH7.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1ea7ee67":()=>u(()=>import("./index.html-WZQKI3hK.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2233ea35":()=>u(()=>import("./index.html-wfWZ2dwP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1fc672e2":()=>u(()=>import("./index.html-F_htWbW_.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2233f7e4":()=>u(()=>import("./index.html-OXuiv-7k.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b3759040":()=>u(()=>import("./index.html-JX3oBSnM.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5bc72cde":()=>u(()=>import("./index.html-lckHblF8.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2a9c1c24":()=>u(()=>import("./index.html-Qm7WDbed.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2a2de606":()=>u(()=>import("./index.html-1DBQgDK6.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-75583d60":()=>u(()=>import("./index.html-Dt1N6qsM.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-306beacc":()=>u(()=>import("./index.html-3_KXemwL.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2da69dce":()=>u(()=>import("./index.html-Ef2GTYIv.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2c80b8d6":()=>u(()=>import("./index.html-bgJgUbOF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-3792ae28":()=>u(()=>import("./index.html-2qbkNKGa.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-7719edb2":()=>u(()=>import("./index.html-yJZ-KnnP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-f06e186a":()=>u(()=>import("./index.html-xXGMYgoc.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-934f5092":()=>u(()=>import("./index.html-X9JBXDhA.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-a91eea42":()=>u(()=>import("./index.html-_ib3HcVV.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-459e9bd3":()=>u(()=>import("./index.html-ecsLY9qF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-3592ca8a":()=>u(()=>import("./index.html-3_Zm60Ug.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-564cb692":()=>u(()=>import("./index.html-eVGTszP_.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-34e38b2f":()=>u(()=>import("./index.html-MmwRKcPz.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-351aa63e":()=>u(()=>import("./index.html-jPtwNsyT.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-7159cc3f":()=>u(()=>import("./index.html-jTupXpwG.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-69bcfb8d":()=>u(()=>import("./index.html-xJAgGYPV.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-56f6824f":()=>u(()=>import("./index.html-2kENAHbt.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6deff096":()=>u(()=>import("./index.html-BAkLkqIW.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-396c0147":()=>u(()=>import("./index.html-wa-6R408.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4af8c3c6":()=>u(()=>import("./index.html-cNqjyv9J.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1e93401c":()=>u(()=>import("./index.html-99pHgHT0.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6d1b44d4":()=>u(()=>import("./index.html-1gp2gw5V.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4c476d5e":()=>u(()=>import("./index.html-bnLmwlub.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6ff9594e":()=>u(()=>import("./index.html-jUTBuz99.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6ff95d0f":()=>u(()=>import("./index.html-SM_O7eaK.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-789cc675":()=>u(()=>import("./index.html-TuuF-mXh.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-789cc694":()=>u(()=>import("./index.html-zBykTf58.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2286a096":()=>u(()=>import("./index.html-0WyaoSLs.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4f341739":()=>u(()=>import("./index.html-8-0eMm22.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6779d3dc":()=>u(()=>import("./index.html-BAvHsVge.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2265602e":()=>u(()=>import("./index.html-56iwjuNF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2d405fbf":()=>u(()=>import("./index.html-ZIyqe5Fq.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2222f2fc":()=>u(()=>import("./index.html-ZIuzPRvJ.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2222b53a":()=>u(()=>import("./index.html-X-ivCuJ-.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-a9054a86":()=>u(()=>import("./index.html-htqw9VhI.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-fdebfc8a":()=>u(()=>import("./index.html-ZmVPfeLo.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-fdebfc4c":()=>u(()=>import("./index.html-JnKE7bPE.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-05ae952f":()=>u(()=>import("./index.html-X9u1BDxp.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-0649c4c6":()=>u(()=>import("./index.html-i9cX7uqc.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-20436814":()=>u(()=>import("./index.html-cSpSwhQE.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-27c35524":()=>u(()=>import("./index.html-GkTDgRVk.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-20434cb6":()=>u(()=>import("./index.html-C2VNDVlm.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6ad719ff":()=>u(()=>import("./index.html-PYnAg0bS.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-3706649a":()=>u(()=>import("./404.html-6Yl8cQE3.js"),__vite__mapDeps([])).then(({data:e})=>e)},Cc=JSON.parse('{"base":"/vue-flux-docs/","lang":"en-US","title":"VueFlux","description":"Documentation and demos of vue slider VueFlux","head":[],"locales":{}}');var Vc=([e,t,n])=>e==="meta"&&t.name?`${e}.${t.name}`:["title","base"].includes(e)?e:e==="template"&&t.id?`${e}.${t.id}`:JSON.stringify([e,t,n]),Sc=e=>{const t=new Set,n=[];return e.forEach(o=>{const r=Vc(o);t.has(r)||(t.add(r),n.push(o))}),n},eo=e=>/^(https?:)?\/\//.test(e),Fc=e=>/^[a-z][a-z0-9+.-]*:/.test(e),Gr=e=>Object.prototype.toString.call(e)==="[object Object]",xa=e=>e[e.length-1]==="/"?e.slice(0,-1):e,ya=e=>e[0]==="/"?e.slice(1):e,Ta=(e,t)=>{const n=Object.keys(e).sort((o,r)=>{const i=r.split("/").length-o.split("/").length;return i!==0?i:r.length-o.length});for(const o of n)if(t.startsWith(o))return o;return"/"};const La={"v-8daa1a0e":p(()=>u(()=>import("./index.html-rusAZuoA.js"),__vite__mapDeps([]))),"v-6397251d":p(()=>u(()=>import("./flux-caption.html-qnX01p0p.js"),__vite__mapDeps([]))),"v-df436a8e":p(()=>u(()=>import("./flux-controls.html-9rBtR7L9.js"),__vite__mapDeps([]))),"v-a806c79e":p(()=>u(()=>import("./flux-index.html-_IIwsJ1v.js"),__vite__mapDeps([]))),"v-b34e2a56":p(()=>u(()=>import("./flux-pagination.html-HRjdpx0N.js"),__vite__mapDeps([]))),"v-276aca0d":p(()=>u(()=>import("./flux-preloader.html-ohcuJa7b.js"),__vite__mapDeps([]))),"v-1eb49338":p(()=>u(()=>import("./flux-button.html-NOtAlxgW.js"),__vite__mapDeps([]))),"v-b00e02fe":p(()=>u(()=>import("./flux-cube.html-Eqc4rrxt.js"),__vite__mapDeps([]))),"v-31fdfa10":p(()=>u(()=>import("./flux-grid.html-5P6XfO5u.js"),__vite__mapDeps([]))),"v-6969b17e":p(()=>u(()=>import("./flux-image.html-UViVbTQM.js"),__vite__mapDeps([]))),"v-ce450842":p(()=>u(()=>import("./flux-parallax.html-n9RPogEO.js"),__vite__mapDeps([]))),"v-6104c7a1":p(()=>u(()=>import("./flux-transition.html-oXzbCyiM.js"),__vite__mapDeps([]))),"v-9f576330":p(()=>u(()=>import("./flux-vortex.html-qGs0cqhS.js"),__vite__mapDeps([]))),"v-760c8d70":p(()=>u(()=>import("./vue-flux.html-QlHsoTtJ.js"),__vite__mapDeps([]))),"v-4124d8b7":p(()=>u(()=>import("./index.html-lEFQez6o.js"),__vite__mapDeps([]))),"v-ada6b5c0":p(()=>u(()=>import("./blinds2d.html-TPRYrw_P.js"),__vite__mapDeps([]))),"v-43da3f3e":p(()=>u(()=>import("./blinds3d.html-Yl0zoRuC.js"),__vite__mapDeps([]))),"v-b3226712":p(()=>u(()=>import("./blocks1.html-sFAhvLZd.js"),__vite__mapDeps([]))),"v-afb8b5d4":p(()=>u(()=>import("./blocks2.html-16YZopyG.js"),__vite__mapDeps([]))),"v-aa57f7f2":p(()=>u(()=>import("./book.html-U3D_4ysg.js"),__vite__mapDeps([]))),"v-376600ea":p(()=>u(()=>import("./camera.html-R6_Ajtuj.js"),__vite__mapDeps([]))),"v-400f1eae":p(()=>u(()=>import("./concentric.html-_n8wrJ7i.js"),__vite__mapDeps([]))),"v-171d2b8a":p(()=>u(()=>import("./cube.html-rAt21kuE.js"),__vite__mapDeps([]))),"v-7c9e9e7e":p(()=>u(()=>import("./explode.html-WoNa4Fxi.js"),__vite__mapDeps([]))),"v-0518a758":p(()=>u(()=>import("./fade.html-IqiI-DFv.js"),__vite__mapDeps([]))),"v-9ed11a96":p(()=>u(()=>import("./fall.html-Q0d2v6Dp.js"),__vite__mapDeps([]))),"v-da480682":p(()=>u(()=>import("./kenburn.html-NSP77o62.js"),__vite__mapDeps([]))),"v-985f8cae":p(()=>u(()=>import("./index.html-3JlTrCku.js"),__vite__mapDeps([]))),"v-0c45d90d":p(()=>u(()=>import("./round1.html-wHm5mP0H.js"),__vite__mapDeps([]))),"v-0dfab1ac":p(()=>u(()=>import("./round2.html-cp_Lz8NY.js"),__vite__mapDeps([]))),"v-b65e379e":p(()=>u(()=>import("./slide.html-5m_88S6N.js"),__vite__mapDeps([]))),"v-7e8c7048":p(()=>u(()=>import("./swipe.html--FgDxhc2.js"),__vite__mapDeps([]))),"v-6548d070":p(()=>u(()=>import("./warp.html-8Py5XT05.js"),__vite__mapDeps([]))),"v-5d8cfe20":p(()=>u(()=>import("./waterfall.html-3YYSdBGV.js"),__vite__mapDeps([]))),"v-e3a19412":p(()=>u(()=>import("./wave.html--Nt9sfrr.js"),__vite__mapDeps([]))),"v-116b91fe":p(()=>u(()=>import("./zip.html-hgiou64F.js"),__vite__mapDeps([]))),"v-46255a3c":p(()=>u(()=>import("./index.html-emNw6Ui_.js"),__vite__mapDeps([]))),"v-e665bd06":p(()=>u(()=>import("./index.html-vGKqEUXp.js"),__vite__mapDeps([]))),"v-f3b8be2a":p(()=>u(()=>import("./index.html-u0TtKFfD.js"),__vite__mapDeps([]))),"v-4b080bb5":p(()=>u(()=>import("./index.html-MjtT1EKx.js"),__vite__mapDeps([]))),"v-60498d34":p(()=>u(()=>import("./index.html-F58-2Dg9.js"),__vite__mapDeps([]))),"v-4f87df94":p(()=>u(()=>import("./index.html-hbooseBe.js"),__vite__mapDeps([]))),"v-4b8adfc2":p(()=>u(()=>import("./index.html-8fIGdRh7.js"),__vite__mapDeps([]))),"v-bd78ebda":p(()=>u(()=>import("./index.html-viaeeESs.js"),__vite__mapDeps([]))),"v-d7027248":p(()=>u(()=>import("./index.html-xn4N5Ojn.js"),__vite__mapDeps([]))),"v-26b59c43":p(()=>u(()=>import("./index.html-fcoOeMPz.js"),__vite__mapDeps([]))),"v-da86d328":p(()=>u(()=>import("./index.html-PCci8gSi.js"),__vite__mapDeps([]))),"v-618f4e94":p(()=>u(()=>import("./index.html-TeQJHaFD.js"),__vite__mapDeps([]))),"v-15a38016":p(()=>u(()=>import("./index.html-2saFVgyH.js"),__vite__mapDeps([]))),"v-2d1cbda1":p(()=>u(()=>import("./index.html-e_6P0IpH.js"),__vite__mapDeps([]))),"v-f9bd589c":p(()=>u(()=>import("./index.html-epR_cUJ3.js"),__vite__mapDeps([]))),"v-227e5238":p(()=>u(()=>import("./index.html-h5-ejwIH.js"),__vite__mapDeps([]))),"v-c79f278a":p(()=>u(()=>import("./index.html-8cLGjT7N.js"),__vite__mapDeps([]))),"v-089365e2":p(()=>u(()=>import("./index.html-uqzrCfaw.js"),__vite__mapDeps([]))),"v-110158b9":p(()=>u(()=>import("./index.html-A2C3X2mm.js"),__vite__mapDeps([]))),"v-c154e826":p(()=>u(()=>import("./index.html-pJ4B_Iwj.js"),__vite__mapDeps([]))),"v-5368a5b7":p(()=>u(()=>import("./index.html-wAhw47Jd.js"),__vite__mapDeps([]))),"v-2448def4":p(()=>u(()=>import("./index.html-XGOoCUbs.js"),__vite__mapDeps([]))),"v-ebda1a94":p(()=>u(()=>import("./index.html-lglIQM4b.js"),__vite__mapDeps([]))),"v-69fa1c6c":p(()=>u(()=>import("./index.html-KbXFC3e_.js"),__vite__mapDeps([]))),"v-0eae9b80":p(()=>u(()=>import("./index.html-CkLo4MMJ.js"),__vite__mapDeps([]))),"v-64ff1d51":p(()=>u(()=>import("./index.html-ahquHfyJ.js"),__vite__mapDeps([]))),"v-a2b41fd4":p(()=>u(()=>import("./index.html-8z7ljtwF.js"),__vite__mapDeps([]))),"v-6b1ae4cc":p(()=>u(()=>import("./index.html-djdL0lqZ.js"),__vite__mapDeps([]))),"v-beff4ea6":p(()=>u(()=>import("./index.html--kpOxeVb.js"),__vite__mapDeps([]))),"v-be911888":p(()=>u(()=>import("./index.html-KytFOy_U.js"),__vite__mapDeps([]))),"v-7956ae81":p(()=>u(()=>import("./index.html-NYau4MG9.js"),__vite__mapDeps([]))),"v-79661dea":p(()=>u(()=>import("./index.html-uyJpfBoV.js"),__vite__mapDeps([]))),"v-581b90b0":p(()=>u(()=>import("./index.html-FYlTaLIR.js"),__vite__mapDeps([]))),"v-11ca4bea":p(()=>u(()=>import("./index.html-2P6UsxoE.js"),__vite__mapDeps([]))),"v-e8429534":p(()=>u(()=>import("./index.html-Ffd2RRDL.js"),__vite__mapDeps([]))),"v-658f5694":p(()=>u(()=>import("./index.html-D-ZRjdpl.js"),__vite__mapDeps([]))),"v-35b95b09":p(()=>u(()=>import("./index.html-UYvt9SWy.js"),__vite__mapDeps([]))),"v-3ded4e88":p(()=>u(()=>import("./index.html-f0O66zAH.js"),__vite__mapDeps([]))),"v-48d3b268":p(()=>u(()=>import("./index.html-bqUFQd8a.js"),__vite__mapDeps([]))),"v-48d3aae6":p(()=>u(()=>import("./index.html-eJX5J104.js"),__vite__mapDeps([]))),"v-6b915137":p(()=>u(()=>import("./index.html-Sj1iZ9lH.js"),__vite__mapDeps([]))),"v-6b915156":p(()=>u(()=>import("./index.html-FLZIqYmn.js"),__vite__mapDeps([]))),"v-5367ec33":p(()=>u(()=>import("./index.html-x15KfELl.js"),__vite__mapDeps([]))),"v-36022c37":p(()=>u(()=>import("./index.html-eS7C9bYh.js"),__vite__mapDeps([]))),"v-5f1939da":p(()=>u(()=>import("./index.html-6QbrGZiv.js"),__vite__mapDeps([]))),"v-53788c67":p(()=>u(()=>import("./index.html-4YRcvpjg.js"),__vite__mapDeps([]))),"v-2034ea81":p(()=>u(()=>import("./index.html-l-dPElKe.js"),__vite__mapDeps([]))),"v-5399c300":p(()=>u(()=>import("./index.html-5D_ttJn4.js"),__vite__mapDeps([]))),"v-5399e1e1":p(()=>u(()=>import("./index.html-OlSFoxHZ.js"),__vite__mapDeps([]))),"v-c31c3502":p(()=>u(()=>import("./index.html-v-qTqnrK.js"),__vite__mapDeps([]))),"v-67d816b9":p(()=>u(()=>import("./index.html-YCrm5mEx.js"),__vite__mapDeps([]))),"v-67d816d8":p(()=>u(()=>import("./index.html-u8vgnBxn.js"),__vite__mapDeps([]))),"v-366ae871":p(()=>u(()=>import("./index.html-AKU91czv.js"),__vite__mapDeps([]))),"v-37061808":p(()=>u(()=>import("./index.html-Ji_Vq_vv.js"),__vite__mapDeps([]))),"v-54898874":p(()=>u(()=>import("./index.html-x1jSbyMK.js"),__vite__mapDeps([]))),"v-17c990a0":p(()=>u(()=>import("./index.html-uhB3XnBB.js"),__vite__mapDeps([]))),"v-54899623":p(()=>u(()=>import("./index.html-eN8PZyWQ.js"),__vite__mapDeps([]))),"v-3c99547e":p(()=>u(()=>import("./index.html-fAXbx8jq.js"),__vite__mapDeps([]))),"v-4e77e30a":p(()=>u(()=>import("./index.html-prgekkUJ.js"),__vite__mapDeps([]))),"v-74f15f50":p(()=>u(()=>import("./index.html-5hEjTRP8.js"),__vite__mapDeps([]))),"v-27403dde":p(()=>u(()=>import("./index.html-7OKIjNDA.js"),__vite__mapDeps([]))),"v-44f1f034":p(()=>u(()=>import("./index.html-4AT1QLwa.js"),__vite__mapDeps([]))),"v-8832938c":p(()=>u(()=>import("./index.html-N_J9XR6s.js"),__vite__mapDeps([]))),"v-25c7c00d":p(()=>u(()=>import("./index.html-KDO2wj6F.js"),__vite__mapDeps([]))),"v-25c7c3ce":p(()=>u(()=>import("./index.html-jU13-xBI.js"),__vite__mapDeps([]))),"v-1bd1e854":p(()=>u(()=>import("./index.html-pFOG_WS2.js"),__vite__mapDeps([]))),"v-1bd1e816":p(()=>u(()=>import("./index.html-Ym3Ki70W.js"),__vite__mapDeps([]))),"v-21124df4":p(()=>u(()=>import("./index.html-9x22ZvVg.js"),__vite__mapDeps([]))),"v-429b21b8":p(()=>u(()=>import("./index.html-tEn3Btrj.js"),__vite__mapDeps([]))),"v-396cf24a":p(()=>u(()=>import("./index.html-wPZtd7sw.js"),__vite__mapDeps([]))),"v-2122ee28":p(()=>u(()=>import("./index.html-5TqEa4pd.js"),__vite__mapDeps([]))),"v-b28ab5c0":p(()=>u(()=>import("./index.html-0HTXccnn.js"),__vite__mapDeps([]))),"v-214424c1":p(()=>u(()=>import("./index.html-V3FnemWl.js"),__vite__mapDeps([]))),"v-214443a2":p(()=>u(()=>import("./index.html-lfKg4czb.js"),__vite__mapDeps([]))),"v-24f7a01e":p(()=>u(()=>import("./index.html-xpyq8I4v.js"),__vite__mapDeps([]))),"v-74710c3a":p(()=>u(()=>import("./index.html-VrHkfeaI.js"),__vite__mapDeps([]))),"v-74710c59":p(()=>u(()=>import("./index.html-K2oeRfhL.js"),__vite__mapDeps([]))),"v-1e0cbed0":p(()=>u(()=>import("./index.html-fJtozTNH.js"),__vite__mapDeps([]))),"v-1ea7ee67":p(()=>u(()=>import("./index.html-CibTtIh7.js"),__vite__mapDeps([]))),"v-2233ea35":p(()=>u(()=>import("./index.html-t05XLXgc.js"),__vite__mapDeps([]))),"v-1fc672e2":p(()=>u(()=>import("./index.html-FykCIyYN.js"),__vite__mapDeps([]))),"v-2233f7e4":p(()=>u(()=>import("./index.html-PNNvnsV5.js"),__vite__mapDeps([]))),"v-b3759040":p(()=>u(()=>import("./index.html-mSXO-tlA.js"),__vite__mapDeps([]))),"v-5bc72cde":p(()=>u(()=>import("./index.html-OTgK6Dux.js"),__vite__mapDeps([]))),"v-2a9c1c24":p(()=>u(()=>import("./index.html-YJkk1ZnO.js"),__vite__mapDeps([]))),"v-2a2de606":p(()=>u(()=>import("./index.html-CLszFOVR.js"),__vite__mapDeps([]))),"v-75583d60":p(()=>u(()=>import("./index.html-VMXCMZx2.js"),__vite__mapDeps([]))),"v-306beacc":p(()=>u(()=>import("./index.html-SyF3V_yv.js"),__vite__mapDeps([]))),"v-2da69dce":p(()=>u(()=>import("./index.html-9u-IupWj.js"),__vite__mapDeps([]))),"v-2c80b8d6":p(()=>u(()=>import("./index.html-xOgpLU_5.js"),__vite__mapDeps([]))),"v-3792ae28":p(()=>u(()=>import("./index.html-vO1-7a_w.js"),__vite__mapDeps([]))),"v-7719edb2":p(()=>u(()=>import("./index.html-6OinJlns.js"),__vite__mapDeps([]))),"v-f06e186a":p(()=>u(()=>import("./index.html-6mx6ihkU.js"),__vite__mapDeps([]))),"v-934f5092":p(()=>u(()=>import("./index.html-iCJdpJd8.js"),__vite__mapDeps([]))),"v-a91eea42":p(()=>u(()=>import("./index.html-E9ZwC2eu.js"),__vite__mapDeps([]))),"v-459e9bd3":p(()=>u(()=>import("./index.html-5otscdMG.js"),__vite__mapDeps([]))),"v-3592ca8a":p(()=>u(()=>import("./index.html-WfeE9lc5.js"),__vite__mapDeps([]))),"v-564cb692":p(()=>u(()=>import("./index.html-OrPZIL75.js"),__vite__mapDeps([]))),"v-34e38b2f":p(()=>u(()=>import("./index.html-qT-ZujbF.js"),__vite__mapDeps([]))),"v-351aa63e":p(()=>u(()=>import("./index.html-XWX7DCxc.js"),__vite__mapDeps([]))),"v-7159cc3f":p(()=>u(()=>import("./index.html-Lme1iWym.js"),__vite__mapDeps([]))),"v-69bcfb8d":p(()=>u(()=>import("./index.html-rhjGo5KC.js"),__vite__mapDeps([]))),"v-56f6824f":p(()=>u(()=>import("./index.html-VEXhajPc.js"),__vite__mapDeps([]))),"v-6deff096":p(()=>u(()=>import("./index.html-ZdqLMUWV.js"),__vite__mapDeps([]))),"v-396c0147":p(()=>u(()=>import("./index.html-20EoBQP0.js"),__vite__mapDeps([]))),"v-4af8c3c6":p(()=>u(()=>import("./index.html-_HUPQ723.js"),__vite__mapDeps([]))),"v-1e93401c":p(()=>u(()=>import("./index.html-VQptlszV.js"),__vite__mapDeps([]))),"v-6d1b44d4":p(()=>u(()=>import("./index.html-BiO4_gzH.js"),__vite__mapDeps([]))),"v-4c476d5e":p(()=>u(()=>import("./index.html-z_5iyNoo.js"),__vite__mapDeps([]))),"v-6ff9594e":p(()=>u(()=>import("./index.html-4r69ldri.js"),__vite__mapDeps([]))),"v-6ff95d0f":p(()=>u(()=>import("./index.html-YZsTVxxW.js"),__vite__mapDeps([]))),"v-789cc675":p(()=>u(()=>import("./index.html-307pCspO.js"),__vite__mapDeps([]))),"v-789cc694":p(()=>u(()=>import("./index.html-I3K0_vRO.js"),__vite__mapDeps([]))),"v-2286a096":p(()=>u(()=>import("./index.html-c3S4161h.js"),__vite__mapDeps([]))),"v-4f341739":p(()=>u(()=>import("./index.html-f5dc9sd0.js"),__vite__mapDeps([]))),"v-6779d3dc":p(()=>u(()=>import("./index.html-cHd6-ZrW.js"),__vite__mapDeps([]))),"v-2265602e":p(()=>u(()=>import("./index.html-AxpYUGnn.js"),__vite__mapDeps([]))),"v-2d405fbf":p(()=>u(()=>import("./index.html-YHdOLQQU.js"),__vite__mapDeps([]))),"v-2222f2fc":p(()=>u(()=>import("./index.html-ItYVN8Y_.js"),__vite__mapDeps([]))),"v-2222b53a":p(()=>u(()=>import("./index.html-buqKZEFY.js"),__vite__mapDeps([]))),"v-a9054a86":p(()=>u(()=>import("./index.html-Y_BTBIYE.js"),__vite__mapDeps([]))),"v-fdebfc8a":p(()=>u(()=>import("./index.html-RHKkJkTk.js"),__vite__mapDeps([]))),"v-fdebfc4c":p(()=>u(()=>import("./index.html-YNR8Y2tI.js"),__vite__mapDeps([]))),"v-05ae952f":p(()=>u(()=>import("./index.html-pB36KecW.js"),__vite__mapDeps([]))),"v-0649c4c6":p(()=>u(()=>import("./index.html-W0dTIrvZ.js"),__vite__mapDeps([]))),"v-20436814":p(()=>u(()=>import("./index.html-MiY1df6K.js"),__vite__mapDeps([]))),"v-27c35524":p(()=>u(()=>import("./index.html-9HR5IWHa.js"),__vite__mapDeps([]))),"v-20434cb6":p(()=>u(()=>import("./index.html-1LtJdtTF.js"),__vite__mapDeps([]))),"v-6ad719ff":p(()=>u(()=>import("./index.html-3DM0yZ0X.js"),__vite__mapDeps([]))),"v-3706649a":p(()=>u(()=>import("./404.html-9Zxsc-QH.js"),__vite__mapDeps([])))};var $c=Symbol(""),Pa=Symbol(""),Nc=Yn({key:"",path:"",title:"",lang:"",frontmatter:{},headers:[]}),Zt=()=>{const e=Oe(Pa);if(!e)throw new Error("pageData() is called without provider.");return e},Ra=Symbol(""),gt=()=>{const e=Oe(Ra);if(!e)throw new Error("usePageFrontmatter() is called without provider.");return e},Oa=Symbol(""),Mc=()=>{const e=Oe(Oa);if(!e)throw new Error("usePageHead() is called without provider.");return e},Bc=Symbol(""),Aa=Symbol(""),Hc=()=>{const e=Oe(Aa);if(!e)throw new Error("usePageLang() is called without provider.");return e},Ia=Symbol(""),zc=()=>{const e=Oe(Ia);if(!e)throw new Error("usePageLayout() is called without provider.");return e},jc=Le(kc),Yr=Symbol(""),Wo=()=>{const e=Oe(Yr);if(!e)throw new Error("useRouteLocale() is called without provider.");return e},rn=Le(Cc),wa=()=>rn,Da=Symbol(""),Zr=()=>{const e=Oe(Da);if(!e)throw new Error("useSiteLocaleData() is called without provider.");return e},Wc=Symbol(""),Uc="Layout",Kc="NotFound",mt=Gn({resolveLayouts:e=>e.reduce((t,n)=>({...t,...n.layouts}),{}),resolvePageData:async e=>{const t=jc.value[e];return await(t==null?void 0:t())??Nc},resolvePageFrontmatter:e=>e.frontmatter,resolvePageHead:(e,t,n)=>{const o=ve(t.description)?t.description:n.description,r=[...G(t.head)?t.head:[],...n.head,["title",{},e],["meta",{name:"description",content:o}]];return Sc(r)},resolvePageHeadTitle:(e,t)=>[e.title,t.title].filter(n=>!!n).join(" | "),resolvePageLang:(e,t)=>e.lang||t.lang||"en-US",resolvePageLayout:(e,t)=>{let n;if(e.path){const o=e.frontmatter.layout;ve(o)?n=o:n=Uc}else n=Kc;return t[n]},resolveRouteLocale:(e,t)=>Ta(e,t),resolveSiteLocaleData:(e,t)=>({...e,...e.locales[t]})}),Jr=_e({name:"ClientOnly",setup(e,t){const n=Le(!1);return Je(()=>{n.value=!0}),()=>{var o,r;return n.value?(r=(o=t.slots).default)==null?void 0:r.call(o):null}}}),qc=_e({name:"Content",props:{pageKey:{type:String,required:!1,default:""}},setup(e){const t=Zt(),n=U(()=>La[e.pageKey||t.value.key]);return()=>n.value?ge(n.value):ge("div","404 Not Found")}}),Nt=(e={})=>e,Qr=e=>eo(e)?e:`/vue-flux-docs/${ya(e)}`;function Gc(e,t,n){var o,r,i;t===void 0&&(t=50),n===void 0&&(n={});var s=(o=n.isImmediate)!=null&&o,a=(r=n.callback)!=null&&r,l=n.maxWait,c=Date.now(),d=[];function f(){if(l!==void 0){var h=Date.now()-c;if(h+t>=l)return l-h}return t}var m=function(){var h=[].slice.call(arguments),y=this;return new Promise(function(R,A){var C=s&&i===void 0;if(i!==void 0&&clearTimeout(i),i=setTimeout(function(){if(i=void 0,c=Date.now(),!s){var b=e.apply(y,h);a&&a(b),d.forEach(function(x){return(0,x.resolve)(b)}),d=[]}},f()),C){var k=e.apply(y,h);return a&&a(k),R(k)}d.push({resolve:R,reject:A})})};return m.cancel=function(h){i!==void 0&&clearTimeout(i),d.forEach(function(y){return(0,y.reject)(h)}),d=[]},m}const Ji=()=>window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,Yc=()=>window.scrollTo({top:0,behavior:"smooth"}),Zc=_e({name:"BackToTop",setup(){const e=Le(0),t=U(()=>e.value>300),n=Gc(()=>{e.value=Ji()},100);Je(()=>{e.value=Ji(),window.addEventListener("scroll",()=>n())});const o=ge("div",{class:"back-to-top",onClick:Yc});return()=>ge(Xn,{name:"back-to-top"},()=>t.value?o:null)}}),Jc=Nt({rootComponents:[Zc]}),Qc=ge("svg",{class:"external-link-icon",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"},[ge("path",{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}),ge("polygon",{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"})]),Xc=_e({name:"ExternalLinkIcon",props:{locales:{type:Object,required:!1,default:()=>({})}},setup(e){const t=Wo(),n=U(()=>e.locales[t.value]??{openInNewWindow:"open in new window"});return()=>ge("span",[Qc,ge("span",{class:"external-link-icon-sr-only"},n.value.openInNewWindow)])}});var ed={"/":{openInNewWindow:"open in new window"}};const td=ed,nd=Nt({enhance({app:e}){e.component("ExternalLinkIcon",ge(Xc,{locales:td}))}});/*! medium-zoom 1.1.0 | MIT License | https://github.com/francoischalifour/medium-zoom */var zt=Object.assign||function(e){for(var t=1;t!!n[r.toLowerCase()]:r=>!!n[r]}const Te={},sn=[],ct=()=>{},il=()=>!1,sl=/^on[^a-z]/,Un=e=>sl.test(e),Lr=e=>e.startsWith("onUpdate:"),ke=Object.assign,Pr=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},al=Object.prototype.hasOwnProperty,de=(e,t)=>al.call(e,t),G=Array.isArray,an=e=>Kn(e)==="[object Map]",bn=e=>Kn(e)==="[object Set]",ui=e=>Kn(e)==="[object Date]",se=e=>typeof e=="function",ve=e=>typeof e=="string",dn=e=>typeof e=="symbol",Ee=e=>e!==null&&typeof e=="object",Ps=e=>(Ee(e)||se(e))&&se(e.then)&&se(e.catch),Rs=Object.prototype.toString,Kn=e=>Rs.call(e),ll=e=>Kn(e).slice(8,-1),Os=e=>Kn(e)==="[object Object]",Rr=e=>ve(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Dn=Tr(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Vo=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},ul=/-(\w)/g,dt=Vo(e=>e.replace(ul,(t,n)=>n?n.toUpperCase():"")),cl=/\B([A-Z])/g,Qt=Vo(e=>e.replace(cl,"-$1").toLowerCase()),So=Vo(e=>e.charAt(0).toUpperCase()+e.slice(1)),qo=Vo(e=>e?`on${So(e)}`:""),Jt=(e,t)=>!Object.is(e,t),ho=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},xo=e=>{const t=parseFloat(e);return isNaN(t)?e:t},dl=e=>{const t=ve(e)?Number(e):NaN;return isNaN(t)?e:t};let ci;const ar=()=>ci||(ci=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function xn(e){if(G(e)){const t={};for(let n=0;n{if(n){const o=n.split(ml);o.length>1&&(t[o[0].trim()]=o[1].trim())}}),t}function je(e){let t="";if(ve(e))t=e;else if(G(e))for(let n=0;nqn(n,t))}const De=e=>ve(e)?e:e==null?"":G(e)||Ee(e)&&(e.toString===Rs||!se(e.toString))?JSON.stringify(e,Is,2):String(e),Is=(e,t)=>t&&t.__v_isRef?Is(e,t.value):an(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[o,r])=>(n[`${o} =>`]=r,n),{})}:bn(t)?{[`Set(${t.size})`]:[...t.values()]}:Ee(t)&&!G(t)&&!Os(t)?String(t):t;let Ge;class El{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this.parent=Ge,!t&&Ge&&(this.index=(Ge.scopes||(Ge.scopes=[])).push(this)-1)}get active(){return this._active}run(t){if(this._active){const n=Ge;try{return Ge=this,t()}finally{Ge=n}}}on(){Ge=this}off(){Ge=this.parent}stop(t){if(this._active){let n,o;for(n=0,o=this.effects.length;n{const t=new Set(e);return t.w=0,t.n=0,t},Ds=e=>(e.w&Vt)>0,ks=e=>(e.n&Vt)>0,yl=({deps:e})=>{if(e.length)for(let t=0;t{const{deps:t}=e;if(t.length){let n=0;for(let o=0;o{(d==="length"||!dn(d)&&d>=l)&&a.push(c)})}else switch(n!==void 0&&a.push(s.get(n)),t){case"add":G(e)?Rr(n)&&a.push(s.get("length")):(a.push(s.get(qt)),an(e)&&a.push(s.get(ur)));break;case"delete":G(e)||(a.push(s.get(qt)),an(e)&&a.push(s.get(ur)));break;case"set":an(e)&&a.push(s.get(qt));break}if(a.length===1)a[0]&&cr(a[0]);else{const l=[];for(const c of a)c&&l.push(...c);cr(Ar(l))}}function cr(e,t){const n=G(e)?e:[...e];for(const o of n)o.computed&&fi(o);for(const o of n)o.computed||fi(o)}function fi(e,t){(e!==ot||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}function Ll(e,t){var n;return(n=yo.get(e))==null?void 0:n.get(t)}const Pl=Tr("__proto__,__v_isRef,__isVue"),Ss=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(dn)),mi=Rl();function Rl(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const o=me(this);for(let i=0,s=this.length;i{e[t]=function(...n){yn();const o=me(this)[t].apply(this,n);return Tn(),o}}),e}function Ol(e){const t=me(this);return Ke(t,"has",e),t.hasOwnProperty(e)}class Fs{constructor(t=!1,n=!1){this._isReadonly=t,this._shallow=n}get(t,n,o){const r=this._isReadonly,i=this._shallow;if(n==="__v_isReactive")return!r;if(n==="__v_isReadonly")return r;if(n==="__v_isShallow")return i;if(n==="__v_raw"&&o===(r?i?Bl:Bs:i?Ms:Ns).get(t))return t;const s=G(t);if(!r){if(s&&de(mi,n))return Reflect.get(mi,n,o);if(n==="hasOwnProperty")return Ol}const a=Reflect.get(t,n,o);return(dn(n)?Ss.has(n):Pl(n))||(r||Ke(t,"get",n),i)?a:Se(a)?s&&Rr(n)?a:a.value:Ee(a)?r?Yn(a):Gn(a):a}}class $s extends Fs{constructor(t=!1){super(!1,t)}set(t,n,o,r){let i=t[n];if(fn(i)&&Se(i)&&!Se(o))return!1;if(!this._shallow&&(!To(o)&&!fn(o)&&(i=me(i),o=me(o)),!G(t)&&Se(i)&&!Se(o)))return i.value=o,!0;const s=G(t)&&Rr(n)?Number(n)e,Fo=e=>Reflect.getPrototypeOf(e);function no(e,t,n=!1,o=!1){e=e.__v_raw;const r=me(e),i=me(t);n||(Jt(t,i)&&Ke(r,"get",t),Ke(r,"get",i));const{has:s}=Fo(r),a=o?wr:n?Cr:$n;if(s.call(r,t))return a(e.get(t));if(s.call(r,i))return a(e.get(i));e!==r&&e.get(t)}function oo(e,t=!1){const n=this.__v_raw,o=me(n),r=me(e);return t||(Jt(e,r)&&Ke(o,"has",e),Ke(o,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function ro(e,t=!1){return e=e.__v_raw,!t&&Ke(me(e),"iterate",qt),Reflect.get(e,"size",e)}function _i(e){e=me(e);const t=me(this);return Fo(t).has.call(t,e)||(t.add(e),pt(t,"add",e,e)),this}function vi(e,t){t=me(t);const n=me(this),{has:o,get:r}=Fo(n);let i=o.call(n,e);i||(e=me(e),i=o.call(n,e));const s=r.call(n,e);return n.set(e,t),i?Jt(t,s)&&pt(n,"set",e,t):pt(n,"add",e,t),this}function pi(e){const t=me(this),{has:n,get:o}=Fo(t);let r=n.call(t,e);r||(e=me(e),r=n.call(t,e)),o&&o.call(t,e);const i=t.delete(e);return r&&pt(t,"delete",e,void 0),i}function hi(){const e=me(this),t=e.size!==0,n=e.clear();return t&&pt(e,"clear",void 0,void 0),n}function io(e,t){return function(o,r){const i=this,s=i.__v_raw,a=me(s),l=t?wr:e?Cr:$n;return!e&&Ke(a,"iterate",qt),s.forEach((c,d)=>o.call(r,l(c),l(d),i))}}function so(e,t,n){return function(...o){const r=this.__v_raw,i=me(r),s=an(i),a=e==="entries"||e===Symbol.iterator&&s,l=e==="keys"&&s,c=r[e](...o),d=n?wr:t?Cr:$n;return!t&&Ke(i,"iterate",l?ur:qt),{next(){const{value:f,done:m}=c.next();return m?{value:f,done:m}:{value:a?[d(f[0]),d(f[1])]:d(f),done:m}},[Symbol.iterator](){return this}}}}function Lt(e){return function(...t){return e==="delete"?!1:this}}function kl(){const e={get(i){return no(this,i)},get size(){return ro(this)},has:oo,add:_i,set:vi,delete:pi,clear:hi,forEach:io(!1,!1)},t={get(i){return no(this,i,!1,!0)},get size(){return ro(this)},has:oo,add:_i,set:vi,delete:pi,clear:hi,forEach:io(!1,!0)},n={get(i){return no(this,i,!0)},get size(){return ro(this,!0)},has(i){return oo.call(this,i,!0)},add:Lt("add"),set:Lt("set"),delete:Lt("delete"),clear:Lt("clear"),forEach:io(!0,!1)},o={get(i){return no(this,i,!0,!0)},get size(){return ro(this,!0)},has(i){return oo.call(this,i,!0)},add:Lt("add"),set:Lt("set"),delete:Lt("delete"),clear:Lt("clear"),forEach:io(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=so(i,!1,!1),n[i]=so(i,!0,!1),t[i]=so(i,!1,!0),o[i]=so(i,!0,!0)}),[e,n,t,o]}const[Cl,Vl,Sl,Fl]=kl();function Dr(e,t){const n=t?e?Fl:Sl:e?Vl:Cl;return(o,r,i)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?o:Reflect.get(de(n,r)&&r in o?n:o,r,i)}const $l={get:Dr(!1,!1)},Nl={get:Dr(!1,!0)},Ml={get:Dr(!0,!1)},Ns=new WeakMap,Ms=new WeakMap,Bs=new WeakMap,Bl=new WeakMap;function Hl(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function zl(e){return e.__v_skip||!Object.isExtensible(e)?0:Hl(ll(e))}function Gn(e){return fn(e)?e:kr(e,!1,Il,$l,Ns)}function Hs(e){return kr(e,!1,Dl,Nl,Ms)}function Yn(e){return kr(e,!0,wl,Ml,Bs)}function kr(e,t,n,o,r){if(!Ee(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=r.get(e);if(i)return i;const s=zl(e);if(s===0)return e;const a=new Proxy(e,s===2?o:n);return r.set(e,a),a}function ln(e){return fn(e)?ln(e.__v_raw):!!(e&&e.__v_isReactive)}function fn(e){return!!(e&&e.__v_isReadonly)}function To(e){return!!(e&&e.__v_isShallow)}function zs(e){return ln(e)||fn(e)}function me(e){const t=e&&e.__v_raw;return t?me(t):e}function js(e){return bo(e,"__v_skip",!0),e}const $n=e=>Ee(e)?Gn(e):e,Cr=e=>Ee(e)?Yn(e):e;function Vr(e){kt&&ot&&(e=me(e),Vs(e.dep||(e.dep=Ar())))}function Sr(e,t){e=me(e);const n=e.dep;n&&cr(n)}function Se(e){return!!(e&&e.__v_isRef===!0)}function Le(e){return Ws(e,!1)}function Fr(e){return Ws(e,!0)}function Ws(e,t){return Se(e)?e:new jl(e,t)}class jl{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:me(t),this._value=n?t:$n(t)}get value(){return Vr(this),this._value}set value(t){const n=this.__v_isShallow||To(t)||fn(t);t=n?t:me(t),Jt(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:$n(t),Sr(this))}}function ne(e){return Se(e)?e.value:e}const Wl={get:(e,t,n)=>ne(Reflect.get(e,t,n)),set:(e,t,n,o)=>{const r=e[t];return Se(r)&&!Se(n)?(r.value=n,!0):Reflect.set(e,t,n,o)}};function Us(e){return ln(e)?e:new Proxy(e,Wl)}class Ul{constructor(t){this.dep=void 0,this.__v_isRef=!0;const{get:n,set:o}=t(()=>Vr(this),()=>Sr(this));this._get=n,this._set=o}get value(){return this._get()}set value(t){this._set(t)}}function Kl(e){return new Ul(e)}function $r(e){const t=G(e)?new Array(e.length):{};for(const n in e)t[n]=Gl(e,n);return t}class ql{constructor(t,n,o){this._object=t,this._key=n,this._defaultValue=o,this.__v_isRef=!0}get value(){const t=this._object[this._key];return t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}get dep(){return Ll(me(this._object),this._key)}}function Gl(e,t,n){const o=e[t];return Se(o)?o:new ql(e,t,n)}class Yl{constructor(t,n,o,r){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this._dirty=!0,this.effect=new Ir(t,()=>{this._dirty||(this._dirty=!0,Sr(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=o}get value(){const t=me(this);return Vr(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}function Zl(e,t,n=!1){let o,r;const i=se(e);return i?(o=e,r=ct):(o=e.get,r=e.set),new Yl(o,r,i||!r,n)}function Ct(e,t,n,o){let r;try{r=o?e(...o):e()}catch(i){Zn(i,t,n)}return r}function et(e,t,n,o){if(se(e)){const i=Ct(e,t,n,o);return i&&Ps(i)&&i.catch(s=>{Zn(s,t,n)}),i}const r=[];for(let i=0;i>>1,r=Be[o],i=Mn(r);iut&&Be.splice(t,1)}function eu(e){G(e)?un.push(...e):(!vt||!vt.includes(e,e.allowRecurse?jt+1:jt))&&un.push(e),qs()}function gi(e,t=Nn?ut+1:0){for(;tMn(n)-Mn(o)),jt=0;jte.id==null?1/0:e.id,tu=(e,t)=>{const n=Mn(e)-Mn(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function Gs(e){dr=!1,Nn=!0,Be.sort(tu);try{for(ut=0;utve(h)?h.trim():h)),f&&(r=n.map(xo))}let a,l=o[a=qo(t)]||o[a=qo(dt(t))];!l&&i&&(l=o[a=qo(Qt(t))]),l&&et(l,e,6,r);const c=o[a+"Once"];if(c){if(!e.emitted)e.emitted={};else if(e.emitted[a])return;e.emitted[a]=!0,et(c,e,6,r)}}function Ys(e,t,n=!1){const o=t.emitsCache,r=o.get(e);if(r!==void 0)return r;const i=e.emits;let s={},a=!1;if(!se(e)){const l=c=>{const d=Ys(c,t,!0);d&&(a=!0,ke(s,d))};!n&&t.mixins.length&&t.mixins.forEach(l),e.extends&&l(e.extends),e.mixins&&e.mixins.forEach(l)}return!i&&!a?(Ee(e)&&o.set(e,null),null):(G(i)?i.forEach(l=>s[l]=null):ke(s,i),Ee(e)&&o.set(e,s),s)}function No(e,t){return!e||!Un(t)?!1:(t=t.slice(2).replace(/Once$/,""),de(e,t[0].toLowerCase()+t.slice(1))||de(e,Qt(t))||de(e,t))}let Ne=null,Mo=null;function Po(e){const t=Ne;return Ne=e,Mo=e&&e.type.__scopeId||null,t}function Lv(e){Mo=e}function Pv(){Mo=null}function $e(e,t=Ne,n){if(!t||e._n)return e;const o=(...r)=>{o._d&&wi(-1);const i=Po(t);let s;try{s=e(...r)}finally{Po(i),o._d&&wi(1)}return s};return o._n=!0,o._c=!0,o._d=!0,o}function Go(e){const{type:t,vnode:n,proxy:o,withProxy:r,props:i,propsOptions:[s],slots:a,attrs:l,emit:c,render:d,renderCache:f,data:m,setupState:h,ctx:y,inheritAttrs:R}=e;let A,C;const k=Po(e);try{if(n.shapeFlag&4){const x=r||o;A=nt(d.call(x,x,f,i,h,m,y)),C=l}else{const x=t;A=nt(x.length>1?x(i,{attrs:l,slots:a,emit:c}):x(i,null)),C=t.props?l:ou(l)}}catch(x){Vn.length=0,Zn(x,e,1),A=re(Ze)}let b=A;if(C&&R!==!1){const x=Object.keys(C),{shapeFlag:W}=b;x.length&&W&7&&(s&&x.some(Lr)&&(C=ru(C,s)),b=Ft(b,C))}return n.dirs&&(b=Ft(b),b.dirs=b.dirs?b.dirs.concat(n.dirs):n.dirs),n.transition&&(b.transition=n.transition),A=b,Po(k),A}const ou=e=>{let t;for(const n in e)(n==="class"||n==="style"||Un(n))&&((t||(t={}))[n]=e[n]);return t},ru=(e,t)=>{const n={};for(const o in e)(!Lr(o)||!(o.slice(9)in t))&&(n[o]=e[o]);return n};function iu(e,t,n){const{props:o,children:r,component:i}=e,{props:s,children:a,patchFlag:l}=t,c=i.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&l>=0){if(l&1024)return!0;if(l&16)return o?Ei(o,s,c):!!s;if(l&8){const d=t.dynamicProps;for(let f=0;fe.__isSuspense;function Qs(e,t){t&&t.pendingBranch?G(e)?t.effects.push(...e):t.effects.push(e):eu(e)}function Xs(e,t){return Br(e,null,t)}const ao={};function Ye(e,t,n){return Br(e,t,n)}function Br(e,t,{immediate:n,deep:o,flush:r,onTrack:i,onTrigger:s}=Te){var a;const l=ws()===((a=we)==null?void 0:a.scope)?we:null;let c,d=!1,f=!1;if(Se(e)?(c=()=>e.value,d=To(e)):ln(e)?(c=()=>e,o=!0):G(e)?(f=!0,d=e.some(x=>ln(x)||To(x)),c=()=>e.map(x=>{if(Se(x))return x.value;if(ln(x))return Kt(x);if(se(x))return Ct(x,l,2)})):se(e)?t?c=()=>Ct(e,l,2):c=()=>{if(!(l&&l.isUnmounted))return m&&m(),et(e,l,3,[h])}:c=ct,t&&o){const x=c;c=()=>Kt(x())}let m,h=x=>{m=k.onStop=()=>{Ct(x,l,4)}},y;if(vn)if(h=ct,t?n&&et(t,l,3,[c(),f?[]:void 0,h]):c(),r==="sync"){const x=ec();y=x.__watcherHandles||(x.__watcherHandles=[])}else return ct;let R=f?new Array(e.length).fill(ao):ao;const A=()=>{if(k.active)if(t){const x=k.run();(o||d||(f?x.some((W,J)=>Jt(W,R[J])):Jt(x,R)))&&(m&&m(),et(t,l,3,[x,R===ao?void 0:f&&R[0]===ao?[]:R,h]),R=x)}else k.run()};A.allowRecurse=!!t;let C;r==="sync"?C=A:r==="post"?C=()=>Ue(A,l&&l.suspense):(A.pre=!0,l&&(A.id=l.uid),C=()=>$o(A));const k=new Ir(c,C);t?n?A():R=k.run():r==="post"?Ue(k.run.bind(k),l&&l.suspense):k.run();const b=()=>{k.stop(),l&&l.scope&&Pr(l.scope.effects,k)};return y&&y.push(b),b}function lu(e,t,n){const o=this.proxy,r=ve(e)?e.includes(".")?ea(o,e):()=>o[e]:e.bind(o,o);let i;se(t)?i=t:(i=t.handler,n=t);const s=we;_n(this);const a=Br(r,i.bind(o),n);return s?_n(s):Yt(),a}function ea(e,t){const n=t.split(".");return()=>{let o=e;for(let r=0;r{Kt(n,t)});else if(Os(e))for(const n in e)Kt(e[n],t);return e}function Ro(e,t){const n=Ne;if(n===null)return e;const o=jo(n)||n.proxy,r=e.dirs||(e.dirs=[]);for(let i=0;i{e.isMounted=!0}),Hr(()=>{e.isUnmounting=!0}),e}const Qe=[Function,Array],ta={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:Qe,onEnter:Qe,onAfterEnter:Qe,onEnterCancelled:Qe,onBeforeLeave:Qe,onLeave:Qe,onAfterLeave:Qe,onLeaveCancelled:Qe,onBeforeAppear:Qe,onAppear:Qe,onAfterAppear:Qe,onAppearCancelled:Qe},cu={name:"BaseTransition",props:ta,setup(e,{slots:t}){const n=Ur(),o=uu();let r;return()=>{const i=t.default&&oa(t.default(),!0);if(!i||!i.length)return;let s=i[0];if(i.length>1){for(const R of i)if(R.type!==Ze){s=R;break}}const a=me(e),{mode:l}=a;if(o.isLeaving)return Yo(s);const c=xi(s);if(!c)return Yo(s);const d=fr(c,a,o,n);mr(c,d);const f=n.subTree,m=f&&xi(f);let h=!1;const{getTransitionKey:y}=c.type;if(y){const R=y();r===void 0?r=R:R!==r&&(r=R,h=!0)}if(m&&m.type!==Ze&&(!Wt(c,m)||h)){const R=fr(m,a,o,n);if(mr(m,R),l==="out-in")return o.isLeaving=!0,R.afterLeave=()=>{o.isLeaving=!1,n.update.active!==!1&&n.update()},Yo(s);l==="in-out"&&c.type!==Ze&&(R.delayLeave=(A,C,k)=>{const b=na(o,m);b[String(m.key)]=m,A[At]=()=>{C(),A[At]=void 0,delete d.delayedLeave},d.delayedLeave=k})}return s}}},du=cu;function na(e,t){const{leavingVNodes:n}=e;let o=n.get(t.type);return o||(o=Object.create(null),n.set(t.type,o)),o}function fr(e,t,n,o){const{appear:r,mode:i,persisted:s=!1,onBeforeEnter:a,onEnter:l,onAfterEnter:c,onEnterCancelled:d,onBeforeLeave:f,onLeave:m,onAfterLeave:h,onLeaveCancelled:y,onBeforeAppear:R,onAppear:A,onAfterAppear:C,onAppearCancelled:k}=t,b=String(e.key),x=na(n,e),W=(E,S)=>{E&&et(E,o,9,S)},J=(E,S)=>{const w=S[1];W(E,S),G(E)?E.every(q=>q.length<=1)&&w():E.length<=1&&w()},B={mode:i,persisted:s,beforeEnter(E){let S=a;if(!n.isMounted)if(r)S=R||a;else return;E[At]&&E[At](!0);const w=x[b];w&&Wt(e,w)&&w.el[At]&&w.el[At](),W(S,[E])},enter(E){let S=l,w=c,q=d;if(!n.isMounted)if(r)S=A||l,w=C||c,q=k||d;else return;let L=!1;const F=E[lo]=oe=>{L||(L=!0,oe?W(q,[E]):W(w,[E]),B.delayedLeave&&B.delayedLeave(),E[lo]=void 0)};S?J(S,[E,F]):F()},leave(E,S){const w=String(e.key);if(E[lo]&&E[lo](!0),n.isUnmounting)return S();W(f,[E]);let q=!1;const L=E[At]=F=>{q||(q=!0,S(),F?W(y,[E]):W(h,[E]),E[At]=void 0,x[w]===e&&delete x[w])};x[w]=e,m?J(m,[E,L]):L()},clone(E){return fr(E,t,n,o)}};return B}function Yo(e){if(Qn(e))return e=Ft(e),e.children=null,e}function xi(e){return Qn(e)?e.children?e.children[0]:void 0:e}function mr(e,t){e.shapeFlag&6&&e.component?mr(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function oa(e,t=!1,n){let o=[],r=0;for(let i=0;i1)for(let i=0;i!!e.type.__asyncLoader;/*! #__NO_SIDE_EFFECTS__ */function p(e){se(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:o,delay:r=200,timeout:i,suspensible:s=!0,onError:a}=e;let l=null,c,d=0;const f=()=>(d++,l=null,m()),m=()=>{let h;return l||(h=l=t().catch(y=>{if(y=y instanceof Error?y:new Error(String(y)),a)return new Promise((R,A)=>{a(y,()=>R(f()),()=>A(y),d+1)});throw y}).then(y=>h!==l&&l?l:(y&&(y.__esModule||y[Symbol.toStringTag]==="Module")&&(y=y.default),c=y,y)))};return _e({name:"AsyncComponentWrapper",__asyncLoader:m,get __asyncResolved(){return c},setup(){const h=we;if(c)return()=>Zo(c,h);const y=k=>{l=null,Zn(k,h,13,!o)};if(s&&h.suspense||vn)return m().then(k=>()=>Zo(k,h)).catch(k=>(y(k),()=>o?re(o,{error:k}):null));const R=Le(!1),A=Le(),C=Le(!!r);return r&&setTimeout(()=>{C.value=!1},r),i!=null&&setTimeout(()=>{if(!R.value&&!A.value){const k=new Error(`Async component timed out after ${i}ms.`);y(k),A.value=k}},i),m().then(()=>{R.value=!0,h.parent&&Qn(h.parent.vnode)&&$o(h.parent.update)}).catch(k=>{y(k),A.value=k}),()=>{if(R.value&&c)return Zo(c,h);if(A.value&&o)return re(o,{error:A.value});if(n&&!C.value)return re(n)}}})}function Zo(e,t){const{ref:n,props:o,children:r,ce:i}=t.vnode,s=re(e,o,r);return s.ref=n,s.ce=i,delete t.vnode.ce,s}const Qn=e=>e.type.__isKeepAlive;function fu(e,t){ra(e,"a",t)}function mu(e,t){ra(e,"da",t)}function ra(e,t,n=we){const o=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(Bo(t,o,n),n){let r=n.parent;for(;r&&r.parent;)Qn(r.parent.vnode)&&_u(o,t,n,r),r=r.parent}}function _u(e,t,n,o){const r=Bo(t,e,o,!0);Ho(()=>{Pr(o[t],r)},n)}function Bo(e,t,n=we,o=!1){if(n){const r=n[e]||(n[e]=[]),i=t.__weh||(t.__weh=(...s)=>{if(n.isUnmounted)return;yn(),_n(n);const a=et(t,n,e,s);return Yt(),Tn(),a});return o?r.unshift(i):r.push(i),i}}const xt=e=>(t,n=we)=>(!vn||e==="sp")&&Bo(e,(...o)=>t(...o),n),vu=xt("bm"),Je=xt("m"),pu=xt("bu"),hu=xt("u"),Hr=xt("bum"),Ho=xt("um"),gu=xt("sp"),Eu=xt("rtg"),bu=xt("rtc");function xu(e,t=we){Bo("ec",e,t)}function St(e,t,n,o){let r;const i=n&&n[o];if(G(e)||ve(e)){r=new Array(e.length);for(let s=0,a=e.length;st(s,a,void 0,i&&i[a]));else{const s=Object.keys(e);r=new Array(s.length);for(let a=0,l=s.length;a{const i=o.fn(...r);return i&&(i.key=o.key),i}:o.fn)}return e}function xe(e,t,n={},o,r){if(Ne.isCE||Ne.parent&&cn(Ne.parent)&&Ne.parent.isCE)return t!=="default"&&(n.name=t),re("slot",n,o&&o());let i=e[t];i&&i._c&&(i._d=!1),z();const s=i&&ia(i(n)),a=Ie(ye,{key:n.key||s&&s.key||`_${t}`},s||(o?o():[]),s&&e._===1?64:-2);return!r&&a.scopeId&&(a.slotScopeIds=[a.scopeId+"-s"]),i&&i._c&&(i._d=!0),a}function ia(e){return e.some(t=>wo(t)?!(t.type===Ze||t.type===ye&&!ia(t.children)):!0)?e:null}const _r=e=>e?ha(e)?jo(e)||e.proxy:_r(e.parent):null,kn=ke(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>_r(e.parent),$root:e=>_r(e.root),$emit:e=>e.emit,$options:e=>zr(e),$forceUpdate:e=>e.f||(e.f=()=>$o(e.update)),$nextTick:e=>e.n||(e.n=Jn.bind(e.proxy)),$watch:e=>lu.bind(e)}),Jo=(e,t)=>e!==Te&&!e.__isScriptSetup&&de(e,t),yu={get({_:e},t){const{ctx:n,setupState:o,data:r,props:i,accessCache:s,type:a,appContext:l}=e;let c;if(t[0]!=="$"){const h=s[t];if(h!==void 0)switch(h){case 1:return o[t];case 2:return r[t];case 4:return n[t];case 3:return i[t]}else{if(Jo(o,t))return s[t]=1,o[t];if(r!==Te&&de(r,t))return s[t]=2,r[t];if((c=e.propsOptions[0])&&de(c,t))return s[t]=3,i[t];if(n!==Te&&de(n,t))return s[t]=4,n[t];vr&&(s[t]=0)}}const d=kn[t];let f,m;if(d)return t==="$attrs"&&Ke(e,"get",t),d(e);if((f=a.__cssModules)&&(f=f[t]))return f;if(n!==Te&&de(n,t))return s[t]=4,n[t];if(m=l.config.globalProperties,de(m,t))return m[t]},set({_:e},t,n){const{data:o,setupState:r,ctx:i}=e;return Jo(r,t)?(r[t]=n,!0):o!==Te&&de(o,t)?(o[t]=n,!0):de(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:i}},s){let a;return!!n[s]||e!==Te&&de(e,s)||Jo(t,s)||(a=i[0])&&de(a,s)||de(o,s)||de(kn,s)||de(r.config.globalProperties,s)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:de(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function yi(e){return G(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let vr=!0;function Tu(e){const t=zr(e),n=e.proxy,o=e.ctx;vr=!1,t.beforeCreate&&Ti(t.beforeCreate,e,"bc");const{data:r,computed:i,methods:s,watch:a,provide:l,inject:c,created:d,beforeMount:f,mounted:m,beforeUpdate:h,updated:y,activated:R,deactivated:A,beforeDestroy:C,beforeUnmount:k,destroyed:b,unmounted:x,render:W,renderTracked:J,renderTriggered:B,errorCaptured:E,serverPrefetch:S,expose:w,inheritAttrs:q,components:L,directives:F,filters:oe}=t;if(c&&Lu(c,o,null),s)for(const Q in s){const K=s[Q];se(K)&&(o[Q]=K.bind(n))}if(r){const Q=r.call(n,n);Ee(Q)&&(e.data=Gn(Q))}if(vr=!0,i)for(const Q in i){const K=i[Q],Ce=se(K)?K.bind(n,n):se(K.get)?K.get.bind(n,n):ct,Fe=!se(K)&&se(K.set)?K.set.bind(n):ct,We=U({get:Ce,set:Fe});Object.defineProperty(o,Q,{enumerable:!0,configurable:!0,get:()=>We.value,set:Me=>We.value=Me})}if(a)for(const Q in a)sa(a[Q],o,n,Q);if(l){const Q=se(l)?l.call(n):l;Reflect.ownKeys(Q).forEach(K=>{Gt(K,Q[K])})}d&&Ti(d,e,"c");function V(Q,K){G(K)?K.forEach(Ce=>Q(Ce.bind(n))):K&&Q(K.bind(n))}if(V(vu,f),V(Je,m),V(pu,h),V(hu,y),V(fu,R),V(mu,A),V(xu,E),V(bu,J),V(Eu,B),V(Hr,k),V(Ho,x),V(gu,S),G(w))if(w.length){const Q=e.exposed||(e.exposed={});w.forEach(K=>{Object.defineProperty(Q,K,{get:()=>n[K],set:Ce=>n[K]=Ce})})}else e.exposed||(e.exposed={});W&&e.render===ct&&(e.render=W),q!=null&&(e.inheritAttrs=q),L&&(e.components=L),F&&(e.directives=F)}function Lu(e,t,n=ct){G(e)&&(e=pr(e));for(const o in e){const r=e[o];let i;Ee(r)?"default"in r?i=Oe(r.from||o,r.default,!0):i=Oe(r.from||o):i=Oe(r),Se(i)?Object.defineProperty(t,o,{enumerable:!0,configurable:!0,get:()=>i.value,set:s=>i.value=s}):t[o]=i}}function Ti(e,t,n){et(G(e)?e.map(o=>o.bind(t.proxy)):e.bind(t.proxy),t,n)}function sa(e,t,n,o){const r=o.includes(".")?ea(n,o):()=>n[o];if(ve(e)){const i=t[e];se(i)&&Ye(r,i)}else if(se(e))Ye(r,e.bind(n));else if(Ee(e))if(G(e))e.forEach(i=>sa(i,t,n,o));else{const i=se(e.handler)?e.handler.bind(n):t[e.handler];se(i)&&Ye(r,i,e)}}function zr(e){const t=e.type,{mixins:n,extends:o}=t,{mixins:r,optionsCache:i,config:{optionMergeStrategies:s}}=e.appContext,a=i.get(t);let l;return a?l=a:!r.length&&!n&&!o?l=t:(l={},r.length&&r.forEach(c=>Oo(l,c,s,!0)),Oo(l,t,s)),Ee(t)&&i.set(t,l),l}function Oo(e,t,n,o=!1){const{mixins:r,extends:i}=t;i&&Oo(e,i,n,!0),r&&r.forEach(s=>Oo(e,s,n,!0));for(const s in t)if(!(o&&s==="expose")){const a=Pu[s]||n&&n[s];e[s]=a?a(e[s],t[s]):t[s]}return e}const Pu={data:Li,props:Pi,emits:Pi,methods:wn,computed:wn,beforeCreate:He,created:He,beforeMount:He,mounted:He,beforeUpdate:He,updated:He,beforeDestroy:He,beforeUnmount:He,destroyed:He,unmounted:He,activated:He,deactivated:He,errorCaptured:He,serverPrefetch:He,components:wn,directives:wn,watch:Ou,provide:Li,inject:Ru};function Li(e,t){return t?e?function(){return ke(se(e)?e.call(this,this):e,se(t)?t.call(this,this):t)}:t:e}function Ru(e,t){return wn(pr(e),pr(t))}function pr(e){if(G(e)){const t={};for(let n=0;n1)return n&&se(t)?t.call(o&&o.proxy):t}}function wu(e,t,n,o=!1){const r={},i={};bo(i,zo,1),e.propsDefaults=Object.create(null),la(e,t,r,i);for(const s in e.propsOptions[0])s in r||(r[s]=void 0);n?e.props=o?r:Hs(r):e.type.props?e.props=r:e.props=i,e.attrs=i}function Du(e,t,n,o){const{props:r,attrs:i,vnode:{patchFlag:s}}=e,a=me(r),[l]=e.propsOptions;let c=!1;if((o||s>0)&&!(s&16)){if(s&8){const d=e.vnode.dynamicProps;for(let f=0;f{l=!0;const[m,h]=ua(f,t,!0);ke(s,m),h&&a.push(...h)};!n&&t.mixins.length&&t.mixins.forEach(d),e.extends&&d(e.extends),e.mixins&&e.mixins.forEach(d)}if(!i&&!l)return Ee(e)&&o.set(e,sn),sn;if(G(i))for(let d=0;d-1,h[1]=R<0||y-1||de(h,"default"))&&a.push(f)}}}const c=[s,a];return Ee(e)&&o.set(e,c),c}function Ri(e){return e[0]!=="$"}function Oi(e){const t=e&&e.toString().match(/^\s*(function|class) (\w+)/);return t?t[2]:e===null?"null":""}function Ai(e,t){return Oi(e)===Oi(t)}function Ii(e,t){return G(t)?t.findIndex(n=>Ai(n,e)):se(t)&&Ai(t,e)?0:-1}const ca=e=>e[0]==="_"||e==="$stable",jr=e=>G(e)?e.map(nt):[nt(e)],ku=(e,t,n)=>{if(t._n)return t;const o=$e((...r)=>jr(t(...r)),n);return o._c=!1,o},da=(e,t,n)=>{const o=e._ctx;for(const r in e){if(ca(r))continue;const i=e[r];if(se(i))t[r]=ku(r,i,o);else if(i!=null){const s=jr(i);t[r]=()=>s}}},fa=(e,t)=>{const n=jr(t);e.slots.default=()=>n},Cu=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=me(t),bo(t,"_",n)):da(t,e.slots={})}else e.slots={},t&&fa(e,t);bo(e.slots,zo,1)},Vu=(e,t,n)=>{const{vnode:o,slots:r}=e;let i=!0,s=Te;if(o.shapeFlag&32){const a=t._;a?n&&a===1?i=!1:(ke(r,t),!n&&a===1&&delete r._):(i=!t.$stable,da(t,r)),s=t}else t&&(fa(e,t),s={default:1});if(i)for(const a in r)!ca(a)&&s[a]==null&&delete r[a]};function Io(e,t,n,o,r=!1){if(G(e)){e.forEach((m,h)=>Io(m,t&&(G(t)?t[h]:t),n,o,r));return}if(cn(o)&&!r)return;const i=o.shapeFlag&4?jo(o.component)||o.component.proxy:o.el,s=r?null:i,{i:a,r:l}=e,c=t&&t.r,d=a.refs===Te?a.refs={}:a.refs,f=a.setupState;if(c!=null&&c!==l&&(ve(c)?(d[c]=null,de(f,c)&&(f[c]=null)):Se(c)&&(c.value=null)),se(l))Ct(l,a,12,[s,d]);else{const m=ve(l),h=Se(l);if(m||h){const y=()=>{if(e.f){const R=m?de(f,l)?f[l]:d[l]:l.value;r?G(R)&&Pr(R,i):G(R)?R.includes(i)||R.push(i):m?(d[l]=[i],de(f,l)&&(f[l]=d[l])):(l.value=[i],e.k&&(d[e.k]=l.value))}else m?(d[l]=s,de(f,l)&&(f[l]=s)):h&&(l.value=s,e.k&&(d[e.k]=s))};s?(y.id=-1,Ue(y,n)):y()}}}let Pt=!1;const uo=e=>/svg/.test(e.namespaceURI)&&e.tagName!=="foreignObject",co=e=>e.nodeType===8;function Su(e){const{mt:t,p:n,o:{patchProp:o,createText:r,nextSibling:i,parentNode:s,remove:a,insert:l,createComment:c}}=e,d=(b,x)=>{if(!x.hasChildNodes()){n(null,b,x),Lo(),x._vnode=b;return}Pt=!1,f(x.firstChild,b,null,null,null),Lo(),x._vnode=b,Pt&&console.error("Hydration completed but contains mismatches.")},f=(b,x,W,J,B,E=!1)=>{const S=co(b)&&b.data==="[",w=()=>R(b,x,W,J,B,S),{type:q,ref:L,shapeFlag:F,patchFlag:oe}=x;let ae=b.nodeType;x.el=b,oe===-2&&(E=!1,x.dynamicChildren=null);let V=null;switch(q){case mn:ae!==3?x.children===""?(l(x.el=r(""),s(b),b),V=b):V=w():(b.data!==x.children&&(Pt=!0,b.data=x.children),V=i(b));break;case Ze:k(b)?(V=i(b),C(x.el=b.content.firstChild,b,W)):ae!==8||S?V=w():V=i(b);break;case Cn:if(S&&(b=i(b),ae=b.nodeType),ae===1||ae===3){V=b;const Q=!x.children.length;for(let K=0;K{E=E||!!x.dynamicChildren;const{type:S,props:w,patchFlag:q,shapeFlag:L,dirs:F,transition:oe}=x,ae=S==="input"&&F||S==="option";if(ae||q!==-1){if(F&<(x,null,W,"created"),w)if(ae||!E||q&48)for(const K in w)(ae&&K.endsWith("value")||Un(K)&&!Dn(K))&&o(b,K,null,w[K],!1,void 0,W);else w.onClick&&o(b,"onClick",null,w.onClick,!1,void 0,W);let V;(V=w&&w.onVnodeBeforeMount)&&Xe(V,W,x);let Q=!1;if(k(b)){Q=ma(J,oe)&&W&&W.vnode.props&&W.vnode.props.appear;const K=b.content.firstChild;Q&&oe.beforeEnter(K),C(K,b,W),x.el=b=K}if(F&<(x,null,W,"beforeMount"),((V=w&&w.onVnodeMounted)||F||Q)&&Qs(()=>{V&&Xe(V,W,x),Q&&oe.enter(b),F&<(x,null,W,"mounted")},J),L&16&&!(w&&(w.innerHTML||w.textContent))){let K=h(b.firstChild,x,b,W,J,B,E);for(;K;){Pt=!0;const Ce=K;K=K.nextSibling,a(Ce)}}else L&8&&b.textContent!==x.children&&(Pt=!0,b.textContent=x.children)}return b.nextSibling},h=(b,x,W,J,B,E,S)=>{S=S||!!x.dynamicChildren;const w=x.children,q=w.length;for(let L=0;L{const{slotScopeIds:S}=x;S&&(B=B?B.concat(S):S);const w=s(b),q=h(i(b),x,w,W,J,B,E);return q&&co(q)&&q.data==="]"?i(x.anchor=q):(Pt=!0,l(x.anchor=c("]"),w,q),q)},R=(b,x,W,J,B,E)=>{if(Pt=!0,x.el=null,E){const q=A(b);for(;;){const L=i(b);if(L&&L!==q)a(L);else break}}const S=i(b),w=s(b);return a(b),n(null,x,w,S,W,J,uo(w),B),S},A=(b,x="[",W="]")=>{let J=0;for(;b;)if(b=i(b),b&&co(b)&&(b.data===x&&J++,b.data===W)){if(J===0)return i(b);J--}return b},C=(b,x,W)=>{const J=x.parentNode;J&&J.replaceChild(b,x);let B=W;for(;B;)B.vnode.el===x&&(B.vnode.el=B.subTree.el=b),B=B.parent},k=b=>b.nodeType===1&&b.tagName.toLowerCase()==="template";return[d,f]}const Ue=Qs;function Fu(e){return $u(e,Su)}function $u(e,t){const n=ar();n.__VUE__=!0;const{insert:o,remove:r,patchProp:i,createElement:s,createText:a,createComment:l,setText:c,setElementText:d,parentNode:f,nextSibling:m,setScopeId:h=ct,insertStaticContent:y}=e,R=(_,v,g,T=null,O=null,I=null,H=!1,$=null,M=!!v.dynamicChildren)=>{if(_===v)return;_&&!Wt(_,v)&&(T=P(_),Me(_,O,I,!0),_=null),v.patchFlag===-2&&(M=!1,v.dynamicChildren=null);const{type:D,ref:X,shapeFlag:Y}=v;switch(D){case mn:A(_,v,g,T);break;case Ze:C(_,v,g,T);break;case Cn:_==null&&k(v,g,T,H);break;case ye:L(_,v,g,T,O,I,H,$,M);break;default:Y&1?W(_,v,g,T,O,I,H,$,M):Y&6?F(_,v,g,T,O,I,H,$,M):(Y&64||Y&128)&&D.process(_,v,g,T,O,I,H,$,M,N)}X!=null&&O&&Io(X,_&&_.ref,I,v||_,!v)},A=(_,v,g,T)=>{if(_==null)o(v.el=a(v.children),g,T);else{const O=v.el=_.el;v.children!==_.children&&c(O,v.children)}},C=(_,v,g,T)=>{_==null?o(v.el=l(v.children||""),g,T):v.el=_.el},k=(_,v,g,T)=>{[_.el,_.anchor]=y(_.children,v,g,T,_.el,_.anchor)},b=({el:_,anchor:v},g,T)=>{let O;for(;_&&_!==v;)O=m(_),o(_,g,T),_=O;o(v,g,T)},x=({el:_,anchor:v})=>{let g;for(;_&&_!==v;)g=m(_),r(_),_=g;r(v)},W=(_,v,g,T,O,I,H,$,M)=>{H=H||v.type==="svg",_==null?J(v,g,T,O,I,H,$,M):S(_,v,O,I,H,$,M)},J=(_,v,g,T,O,I,H,$)=>{let M,D;const{type:X,props:Y,shapeFlag:ee,transition:ie,dirs:le}=_;if(M=_.el=s(_.type,I,Y&&Y.is,Y),ee&8?d(M,_.children):ee&16&&E(_.children,M,null,T,O,I&&X!=="foreignObject",H,$),le&<(_,null,T,"created"),B(M,_,_.scopeId,H,T),Y){for(const he in Y)he!=="value"&&!Dn(he)&&i(M,he,null,Y[he],I,_.children,T,O,Ve);"value"in Y&&i(M,"value",null,Y.value),(D=Y.onVnodeBeforeMount)&&Xe(D,T,_)}le&<(_,null,T,"beforeMount");const be=ma(O,ie);be&&ie.beforeEnter(M),o(M,v,g),((D=Y&&Y.onVnodeMounted)||be||le)&&Ue(()=>{D&&Xe(D,T,_),be&&ie.enter(M),le&<(_,null,T,"mounted")},O)},B=(_,v,g,T,O)=>{if(g&&h(_,g),T)for(let I=0;I{for(let D=M;D<_.length;D++){const X=_[D]=$?It(_[D]):nt(_[D]);R(null,X,v,g,T,O,I,H,$)}},S=(_,v,g,T,O,I,H)=>{const $=v.el=_.el;let{patchFlag:M,dynamicChildren:D,dirs:X}=v;M|=_.patchFlag&16;const Y=_.props||Te,ee=v.props||Te;let ie;g&&Mt(g,!1),(ie=ee.onVnodeBeforeUpdate)&&Xe(ie,g,v,_),X&<(v,_,g,"beforeUpdate"),g&&Mt(g,!0);const le=O&&v.type!=="foreignObject";if(D?w(_.dynamicChildren,D,$,g,T,le,I):H||K(_,v,$,null,g,T,le,I,!1),M>0){if(M&16)q($,v,Y,ee,g,T,O);else if(M&2&&Y.class!==ee.class&&i($,"class",null,ee.class,O),M&4&&i($,"style",Y.style,ee.style,O),M&8){const be=v.dynamicProps;for(let he=0;he{ie&&Xe(ie,g,v,_),X&<(v,_,g,"updated")},T)},w=(_,v,g,T,O,I,H)=>{for(let $=0;${if(g!==T){if(g!==Te)for(const $ in g)!Dn($)&&!($ in T)&&i(_,$,g[$],null,H,v.children,O,I,Ve);for(const $ in T){if(Dn($))continue;const M=T[$],D=g[$];M!==D&&$!=="value"&&i(_,$,D,M,H,v.children,O,I,Ve)}"value"in T&&i(_,"value",g.value,T.value)}},L=(_,v,g,T,O,I,H,$,M)=>{const D=v.el=_?_.el:a(""),X=v.anchor=_?_.anchor:a("");let{patchFlag:Y,dynamicChildren:ee,slotScopeIds:ie}=v;ie&&($=$?$.concat(ie):ie),_==null?(o(D,g,T),o(X,g,T),E(v.children,g,X,O,I,H,$,M)):Y>0&&Y&64&&ee&&_.dynamicChildren?(w(_.dynamicChildren,ee,g,O,I,H,$),(v.key!=null||O&&v===O.subTree)&&_a(_,v,!0)):K(_,v,g,X,O,I,H,$,M)},F=(_,v,g,T,O,I,H,$,M)=>{v.slotScopeIds=$,_==null?v.shapeFlag&512?O.ctx.activate(v,g,T,H,M):oe(v,g,T,O,I,H,M):ae(_,v,M)},oe=(_,v,g,T,O,I,H)=>{const $=_.component=Ku(_,T,O);if(Qn(_)&&($.ctx.renderer=N),qu($),$.asyncDep){if(O&&O.registerDep($,V),!_.el){const M=$.subTree=re(Ze);C(null,M,v,g)}return}V($,_,v,g,O,I,H)},ae=(_,v,g)=>{const T=v.component=_.component;if(iu(_,v,g))if(T.asyncDep&&!T.asyncResolved){Q(T,v,g);return}else T.next=v,Xl(T.update),T.update();else v.el=_.el,T.vnode=v},V=(_,v,g,T,O,I,H)=>{const $=()=>{if(_.isMounted){let{next:X,bu:Y,u:ee,parent:ie,vnode:le}=_,be=X,he;Mt(_,!1),X?(X.el=le.el,Q(_,X,H)):X=le,Y&&ho(Y),(he=X.props&&X.props.onVnodeBeforeUpdate)&&Xe(he,ie,X,le),Mt(_,!0);const Ae=Go(_),tt=_.subTree;_.subTree=Ae,R(tt,Ae,f(tt.el),P(tt),_,O,I),X.el=Ae.el,be===null&&su(_,Ae.el),ee&&Ue(ee,O),(he=X.props&&X.props.onVnodeUpdated)&&Ue(()=>Xe(he,ie,X,le),O)}else{let X;const{el:Y,props:ee}=v,{bm:ie,m:le,parent:be}=_,he=cn(v);if(Mt(_,!1),ie&&ho(ie),!he&&(X=ee&&ee.onVnodeBeforeMount)&&Xe(X,be,v),Mt(_,!0),Y&&ue){const Ae=()=>{_.subTree=Go(_),ue(Y,_.subTree,_,O,null)};he?v.type.__asyncLoader().then(()=>!_.isUnmounted&&Ae()):Ae()}else{const Ae=_.subTree=Go(_);R(null,Ae,g,T,_,O,I),v.el=Ae.el}if(le&&Ue(le,O),!he&&(X=ee&&ee.onVnodeMounted)){const Ae=v;Ue(()=>Xe(X,be,Ae),O)}(v.shapeFlag&256||be&&cn(be.vnode)&&be.vnode.shapeFlag&256)&&_.a&&Ue(_.a,O),_.isMounted=!0,v=g=T=null}},M=_.effect=new Ir($,()=>$o(D),_.scope),D=_.update=()=>M.run();D.id=_.uid,Mt(_,!0),D()},Q=(_,v,g)=>{v.component=_;const T=_.vnode.props;_.vnode=v,_.next=null,Du(_,v.props,T,g),Vu(_,v.children,g),yn(),gi(),Tn()},K=(_,v,g,T,O,I,H,$,M=!1)=>{const D=_&&_.children,X=_?_.shapeFlag:0,Y=v.children,{patchFlag:ee,shapeFlag:ie}=v;if(ee>0){if(ee&128){Fe(D,Y,g,T,O,I,H,$,M);return}else if(ee&256){Ce(D,Y,g,T,O,I,H,$,M);return}}ie&8?(X&16&&Ve(D,O,I),Y!==D&&d(g,Y)):X&16?ie&16?Fe(D,Y,g,T,O,I,H,$,M):Ve(D,O,I,!0):(X&8&&d(g,""),ie&16&&E(Y,g,T,O,I,H,$,M))},Ce=(_,v,g,T,O,I,H,$,M)=>{_=_||sn,v=v||sn;const D=_.length,X=v.length,Y=Math.min(D,X);let ee;for(ee=0;eeX?Ve(_,O,I,!0,!1,Y):E(v,g,T,O,I,H,$,M,Y)},Fe=(_,v,g,T,O,I,H,$,M)=>{let D=0;const X=v.length;let Y=_.length-1,ee=X-1;for(;D<=Y&&D<=ee;){const ie=_[D],le=v[D]=M?It(v[D]):nt(v[D]);if(Wt(ie,le))R(ie,le,g,null,O,I,H,$,M);else break;D++}for(;D<=Y&&D<=ee;){const ie=_[Y],le=v[ee]=M?It(v[ee]):nt(v[ee]);if(Wt(ie,le))R(ie,le,g,null,O,I,H,$,M);else break;Y--,ee--}if(D>Y){if(D<=ee){const ie=ee+1,le=ieee)for(;D<=Y;)Me(_[D],O,I,!0),D++;else{const ie=D,le=D,be=new Map;for(D=le;D<=ee;D++){const qe=v[D]=M?It(v[D]):nt(v[D]);qe.key!=null&&be.set(qe.key,D)}let he,Ae=0;const tt=ee-le+1;let en=!1,si=0;const Ln=new Array(tt);for(D=0;D=tt){Me(qe,O,I,!0);continue}let at;if(qe.key!=null)at=be.get(qe.key);else for(he=le;he<=ee;he++)if(Ln[he-le]===0&&Wt(qe,v[he])){at=he;break}at===void 0?Me(qe,O,I,!0):(Ln[at-le]=D+1,at>=si?si=at:en=!0,R(qe,v[at],g,null,O,I,H,$,M),Ae++)}const ai=en?Nu(Ln):sn;for(he=ai.length-1,D=tt-1;D>=0;D--){const qe=le+D,at=v[qe],li=qe+1{const{el:I,type:H,transition:$,children:M,shapeFlag:D}=_;if(D&6){We(_.component.subTree,v,g,T);return}if(D&128){_.suspense.move(v,g,T);return}if(D&64){H.move(_,v,g,N);return}if(H===ye){o(I,v,g);for(let Y=0;Y$.enter(I),O);else{const{leave:Y,delayLeave:ee,afterLeave:ie}=$,le=()=>o(I,v,g),be=()=>{Y(I,()=>{le(),ie&&ie()})};ee?ee(I,le,be):be()}else o(I,v,g)},Me=(_,v,g,T=!1,O=!1)=>{const{type:I,props:H,ref:$,children:M,dynamicChildren:D,shapeFlag:X,patchFlag:Y,dirs:ee}=_;if($!=null&&Io($,null,g,_,!0),X&256){v.ctx.deactivate(_);return}const ie=X&1&&ee,le=!cn(_);let be;if(le&&(be=H&&H.onVnodeBeforeUnmount)&&Xe(be,v,_),X&6)st(_.component,g,T);else{if(X&128){_.suspense.unmount(g,T);return}ie&<(_,null,v,"beforeUnmount"),X&64?_.type.remove(_,v,g,O,N,T):D&&(I!==ye||Y>0&&Y&64)?Ve(D,v,g,!1,!0):(I===ye&&Y&384||!O&&X&16)&&Ve(M,v,g),T&&yt(_)}(le&&(be=H&&H.onVnodeUnmounted)||ie)&&Ue(()=>{be&&Xe(be,v,_),ie&<(_,null,v,"unmounted")},g)},yt=_=>{const{type:v,el:g,anchor:T,transition:O}=_;if(v===ye){Tt(g,T);return}if(v===Cn){x(_);return}const I=()=>{r(g),O&&!O.persisted&&O.afterLeave&&O.afterLeave()};if(_.shapeFlag&1&&O&&!O.persisted){const{leave:H,delayLeave:$}=O,M=()=>H(g,I);$?$(_.el,I,M):M()}else I()},Tt=(_,v)=>{let g;for(;_!==v;)g=m(_),r(_),_=g;r(v)},st=(_,v,g)=>{const{bum:T,scope:O,update:I,subTree:H,um:$}=_;T&&ho(T),O.stop(),I&&(I.active=!1,Me(H,_,v,g)),$&&Ue($,v),Ue(()=>{_.isUnmounted=!0},v),v&&v.pendingBranch&&!v.isUnmounted&&_.asyncDep&&!_.asyncResolved&&_.suspenseId===v.pendingId&&(v.deps--,v.deps===0&&v.resolve())},Ve=(_,v,g,T=!1,O=!1,I=0)=>{for(let H=I;H<_.length;H++)Me(_[H],v,g,T,O)},P=_=>_.shapeFlag&6?P(_.component.subTree):_.shapeFlag&128?_.suspense.next():m(_.anchor||_.el),j=(_,v,g)=>{_==null?v._vnode&&Me(v._vnode,null,null,!0):R(v._vnode||null,_,v,null,null,null,g),gi(),Lo(),v._vnode=_},N={p:R,um:Me,m:We,r:yt,mt:oe,mc:E,pc:K,pbc:w,n:P,o:e};let Z,ue;return t&&([Z,ue]=t(N)),{render:j,hydrate:Z,createApp:Iu(j,Z)}}function Mt({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function ma(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function _a(e,t,n=!1){const o=e.children,r=t.children;if(G(o)&&G(r))for(let i=0;i>1,e[n[a]]0&&(t[o]=n[i-1]),n[i]=o)}}for(i=n.length,s=n[i-1];i-- >0;)n[i]=s,s=t[s];return n}const Mu=e=>e.__isTeleport,ye=Symbol.for("v-fgt"),mn=Symbol.for("v-txt"),Ze=Symbol.for("v-cmt"),Cn=Symbol.for("v-stc"),Vn=[];let rt=null;function z(e=!1){Vn.push(rt=e?null:[])}function Bu(){Vn.pop(),rt=Vn[Vn.length-1]||null}let Bn=1;function wi(e){Bn+=e}function va(e){return e.dynamicChildren=Bn>0?rt||sn:null,Bu(),Bn>0&&rt&&rt.push(e),e}function te(e,t,n,o,r,i){return va(fe(e,t,n,o,r,i,!0))}function Ie(e,t,n,o,r){return va(re(e,t,n,o,r,!0))}function wo(e){return e?e.__v_isVNode===!0:!1}function Wt(e,t){return e.type===t.type&&e.key===t.key}const zo="__vInternal",pa=({key:e})=>e??null,go=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?ve(e)||Se(e)||se(e)?{i:Ne,r:e,k:t,f:!!n}:e:null);function fe(e,t=null,n=null,o=0,r=null,i=e===ye?0:1,s=!1,a=!1){const l={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&pa(t),ref:t&&go(t),scopeId:Mo,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:Ne};return a?(Wr(l,n),i&128&&e.normalize(l)):n&&(l.shapeFlag|=ve(n)?8:16),Bn>0&&!s&&rt&&(l.patchFlag>0||i&6)&&l.patchFlag!==32&&rt.push(l),l}const re=Hu;function Hu(e,t=null,n=null,o=0,r=null,i=!1){if((!e||e===Zs)&&(e=Ze),wo(e)){const a=Ft(e,t,!0);return n&&Wr(a,n),Bn>0&&!i&&rt&&(a.shapeFlag&6?rt[rt.indexOf(e)]=a:rt.push(a)),a.patchFlag|=-2,a}if(Qu(e)&&(e=e.__vccOpts),t){t=zu(t);let{class:a,style:l}=t;a&&!ve(a)&&(t.class=je(a)),Ee(l)&&(zs(l)&&!G(l)&&(l=ke({},l)),t.style=xn(l))}const s=ve(e)?1:au(e)?128:Mu(e)?64:Ee(e)?4:se(e)?2:0;return fe(e,t,n,o,r,s,i,!0)}function zu(e){return e?zs(e)||zo in e?ke({},e):e:null}function Ft(e,t,n=!1){const{props:o,ref:r,patchFlag:i,children:s}=e,a=t?gr(o||{},t):o;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:a,key:a&&pa(a),ref:t&&t.ref?n&&r?G(r)?r.concat(go(t)):[r,go(t)]:go(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:s,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==ye?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Ft(e.ssContent),ssFallback:e.ssFallback&&Ft(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function $t(e=" ",t=0){return re(mn,null,e,t)}function ju(e,t){const n=re(Cn,null,e);return n.staticCount=t,n}function Re(e="",t=!1){return t?(z(),Ie(Ze,null,e)):re(Ze,null,e)}function nt(e){return e==null||typeof e=="boolean"?re(Ze):G(e)?re(ye,null,e.slice()):typeof e=="object"?It(e):re(mn,null,String(e))}function It(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Ft(e)}function Wr(e,t){let n=0;const{shapeFlag:o}=e;if(t==null)t=null;else if(G(t))n=16;else if(typeof t=="object")if(o&65){const r=t.default;r&&(r._c&&(r._d=!1),Wr(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!(zo in t)?t._ctx=Ne:r===3&&Ne&&(Ne.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else se(t)?(t={default:t,_ctx:Ne},n=32):(t=String(t),o&64?(n=16,t=[$t(t)]):n=8);e.children=t,e.shapeFlag|=n}function gr(...e){const t={};for(let n=0;nwe||Ne;let Kr,tn,Di="__VUE_INSTANCE_SETTERS__";(tn=ar()[Di])||(tn=ar()[Di]=[]),tn.push(e=>we=e),Kr=e=>{tn.length>1?tn.forEach(t=>t(e)):tn[0](e)};const _n=e=>{Kr(e),e.scope.on()},Yt=()=>{we&&we.scope.off(),Kr(null)};function ha(e){return e.vnode.shapeFlag&4}let vn=!1;function qu(e,t=!1){vn=t;const{props:n,children:o}=e.vnode,r=ha(e);wu(e,n,r,t),Cu(e,o);const i=r?Gu(e,t):void 0;return vn=!1,i}function Gu(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=js(new Proxy(e.ctx,yu));const{setup:o}=n;if(o){const r=e.setupContext=o.length>1?Zu(e):null;_n(e),yn();const i=Ct(o,e,0,[e.props,r]);if(Tn(),Yt(),Ps(i)){if(i.then(Yt,Yt),t)return i.then(s=>{ki(e,s,t)}).catch(s=>{Zn(s,e,0)});e.asyncDep=i}else ki(e,i,t)}else ga(e,t)}function ki(e,t,n){se(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Ee(t)&&(e.setupState=Us(t)),ga(e,n)}let Ci;function ga(e,t,n){const o=e.type;if(!e.render){if(!t&&Ci&&!o.render){const r=o.template||zr(e).template;if(r){const{isCustomElement:i,compilerOptions:s}=e.appContext.config,{delimiters:a,compilerOptions:l}=o,c=ke(ke({isCustomElement:i,delimiters:a},s),l);o.render=Ci(r,c)}}e.render=o.render||ct}{_n(e),yn();try{Tu(e)}finally{Tn(),Yt()}}}function Yu(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,n){return Ke(e,"get","$attrs"),t[n]}}))}function Zu(e){const t=n=>{e.exposed=n||{}};return{get attrs(){return Yu(e)},slots:e.slots,emit:e.emit,expose:t}}function jo(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Us(js(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in kn)return kn[n](e)},has(t,n){return n in t||n in kn}}))}function Ju(e,t=!0){return se(e)?e.displayName||e.name:e.name||t&&e.__name}function Qu(e){return se(e)&&"__vccOpts"in e}const U=(e,t)=>Zl(e,t,vn);function ge(e,t,n){const o=arguments.length;return o===2?Ee(t)&&!G(t)?wo(t)?re(e,null,[t]):re(e,t):re(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):o===3&&wo(n)&&(n=[n]),re(e,t,n))}const Xu=Symbol.for("v-scx"),ec=()=>Oe(Xu),tc="3.3.8",nc="http://www.w3.org/2000/svg",Ut=typeof document<"u"?document:null,Vi=Ut&&Ut.createElement("template"),oc={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,o)=>{const r=t?Ut.createElementNS(nc,e):Ut.createElement(e,n?{is:n}:void 0);return e==="select"&&o&&o.multiple!=null&&r.setAttribute("multiple",o.multiple),r},createText:e=>Ut.createTextNode(e),createComment:e=>Ut.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Ut.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,o,r,i){const s=n?n.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===i||!(r=r.nextSibling)););else{Vi.innerHTML=o?`${e}`:e;const a=Vi.content;if(o){const l=a.firstChild;for(;l.firstChild;)a.appendChild(l.firstChild);a.removeChild(l)}t.insertBefore(a,n)}return[s?s.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Rt="transition",Pn="animation",Hn=Symbol("_vtc"),Xn=(e,{slots:t})=>ge(du,rc(e),t);Xn.displayName="Transition";const Ea={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};Xn.props=ke({},ta,Ea);const Bt=(e,t=[])=>{G(e)?e.forEach(n=>n(...t)):e&&e(...t)},Si=e=>e?G(e)?e.some(t=>t.length>1):e.length>1:!1;function rc(e){const t={};for(const L in e)L in Ea||(t[L]=e[L]);if(e.css===!1)return t;const{name:n="v",type:o,duration:r,enterFromClass:i=`${n}-enter-from`,enterActiveClass:s=`${n}-enter-active`,enterToClass:a=`${n}-enter-to`,appearFromClass:l=i,appearActiveClass:c=s,appearToClass:d=a,leaveFromClass:f=`${n}-leave-from`,leaveActiveClass:m=`${n}-leave-active`,leaveToClass:h=`${n}-leave-to`}=e,y=ic(r),R=y&&y[0],A=y&&y[1],{onBeforeEnter:C,onEnter:k,onEnterCancelled:b,onLeave:x,onLeaveCancelled:W,onBeforeAppear:J=C,onAppear:B=k,onAppearCancelled:E=b}=t,S=(L,F,oe)=>{Ht(L,F?d:a),Ht(L,F?c:s),oe&&oe()},w=(L,F)=>{L._isLeaving=!1,Ht(L,f),Ht(L,h),Ht(L,m),F&&F()},q=L=>(F,oe)=>{const ae=L?B:k,V=()=>S(F,L,oe);Bt(ae,[F,V]),Fi(()=>{Ht(F,L?l:i),Ot(F,L?d:a),Si(ae)||$i(F,o,R,V)})};return ke(t,{onBeforeEnter(L){Bt(C,[L]),Ot(L,i),Ot(L,s)},onBeforeAppear(L){Bt(J,[L]),Ot(L,l),Ot(L,c)},onEnter:q(!1),onAppear:q(!0),onLeave(L,F){L._isLeaving=!0;const oe=()=>w(L,F);Ot(L,f),lc(),Ot(L,m),Fi(()=>{L._isLeaving&&(Ht(L,f),Ot(L,h),Si(x)||$i(L,o,A,oe))}),Bt(x,[L,oe])},onEnterCancelled(L){S(L,!1),Bt(b,[L])},onAppearCancelled(L){S(L,!0),Bt(E,[L])},onLeaveCancelled(L){w(L),Bt(W,[L])}})}function ic(e){if(e==null)return null;if(Ee(e))return[Qo(e.enter),Qo(e.leave)];{const t=Qo(e);return[t,t]}}function Qo(e){return dl(e)}function Ot(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e[Hn]||(e[Hn]=new Set)).add(t)}function Ht(e,t){t.split(/\s+/).forEach(o=>o&&e.classList.remove(o));const n=e[Hn];n&&(n.delete(t),n.size||(e[Hn]=void 0))}function Fi(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let sc=0;function $i(e,t,n,o){const r=e._endId=++sc,i=()=>{r===e._endId&&o()};if(n)return setTimeout(i,n);const{type:s,timeout:a,propCount:l}=ac(e,t);if(!s)return o();const c=s+"end";let d=0;const f=()=>{e.removeEventListener(c,m),i()},m=h=>{h.target===e&&++d>=l&&f()};setTimeout(()=>{d(n[y]||"").split(", "),r=o(`${Rt}Delay`),i=o(`${Rt}Duration`),s=Ni(r,i),a=o(`${Pn}Delay`),l=o(`${Pn}Duration`),c=Ni(a,l);let d=null,f=0,m=0;t===Rt?s>0&&(d=Rt,f=s,m=i.length):t===Pn?c>0&&(d=Pn,f=c,m=l.length):(f=Math.max(s,c),d=f>0?s>c?Rt:Pn:null,m=d?d===Rt?i.length:l.length:0);const h=d===Rt&&/\b(transform|all)(,|$)/.test(o(`${Rt}Property`).toString());return{type:d,timeout:f,propCount:m,hasTransform:h}}function Ni(e,t){for(;e.lengthMi(n)+Mi(e[o])))}function Mi(e){return e==="auto"?0:Number(e.slice(0,-1).replace(",","."))*1e3}function lc(){return document.body.offsetHeight}function uc(e,t,n){const o=e[Hn];o&&(t=(t?[t,...o]:[...o]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const qr=Symbol("_vod"),Do={beforeMount(e,{value:t},{transition:n}){e[qr]=e.style.display==="none"?"":e.style.display,n&&t?n.beforeEnter(e):Rn(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:o}){!t!=!n&&(o?t?(o.beforeEnter(e),Rn(e,!0),o.enter(e)):o.leave(e,()=>{Rn(e,!1)}):Rn(e,t))},beforeUnmount(e,{value:t}){Rn(e,t)}};function Rn(e,t){e.style.display=t?e[qr]:"none"}function cc(e,t,n){const o=e.style,r=ve(n);if(n&&!r){if(t&&!ve(t))for(const i in t)n[i]==null&&Er(o,i,"");for(const i in n)Er(o,i,n[i])}else{const i=o.display;r?t!==n&&(o.cssText=n):t&&e.removeAttribute("style"),qr in e&&(o.display=i)}}const Bi=/\s*!important$/;function Er(e,t,n){if(G(n))n.forEach(o=>Er(e,t,o));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const o=dc(e,t);Bi.test(n)?e.setProperty(Qt(o),n.replace(Bi,""),"important"):e[o]=n}}const Hi=["Webkit","Moz","ms"],Xo={};function dc(e,t){const n=Xo[t];if(n)return n;let o=dt(t);if(o!=="filter"&&o in e)return Xo[t]=o;o=So(o);for(let r=0;rer||(hc.then(()=>er=0),er=Date.now());function Ec(e,t){const n=o=>{if(!o._vts)o._vts=Date.now();else if(o._vts<=n.attached)return;et(bc(o,n.value),t,5,[o])};return n.value=e,n.attached=gc(),n}function bc(e,t){if(G(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(o=>r=>!r._stopped&&o&&o(r))}else return t}const Ui=/^on[a-z]/,xc=(e,t,n,o,r=!1,i,s,a,l)=>{t==="class"?uc(e,o,r):t==="style"?cc(e,n,o):Un(t)?Lr(t)||vc(e,t,n,o,s):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):yc(e,t,o,r))?mc(e,t,o,i,s,a,l):(t==="true-value"?e._trueValue=o:t==="false-value"&&(e._falseValue=o),fc(e,t,o,r))};function yc(e,t,n,o){return o?!!(t==="innerHTML"||t==="textContent"||t in e&&Ui.test(t)&&se(n)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||Ui.test(t)&&ve(n)?!1:t in e}const pn=e=>{const t=e.props["onUpdate:modelValue"]||!1;return G(t)?n=>ho(t,n):t};function Tc(e){e.target.composing=!0}function Ki(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const ht=Symbol("_assign"),Av={created(e,{modifiers:{lazy:t,trim:n,number:o}},r){e[ht]=pn(r);const i=o||r.props&&r.props.type==="number";Dt(e,t?"change":"input",s=>{if(s.target.composing)return;let a=e.value;n&&(a=a.trim()),i&&(a=xo(a)),e[ht](a)}),n&&Dt(e,"change",()=>{e.value=e.value.trim()}),t||(Dt(e,"compositionstart",Tc),Dt(e,"compositionend",Ki),Dt(e,"change",Ki))},mounted(e,{value:t}){e.value=t??""},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:o,number:r}},i){if(e[ht]=pn(i),e.composing||document.activeElement===e&&e.type!=="range"&&(n||o&&e.value.trim()===t||(r||e.type==="number")&&xo(e.value)===t))return;const s=t??"";e.value!==s&&(e.value=s)}},Iv={deep:!0,created(e,t,n){e[ht]=pn(n),Dt(e,"change",()=>{const o=e._modelValue,r=zn(e),i=e.checked,s=e[ht];if(G(o)){const a=Or(o,r),l=a!==-1;if(i&&!l)s(o.concat(r));else if(!i&&l){const c=[...o];c.splice(a,1),s(c)}}else if(bn(o)){const a=new Set(o);i?a.add(r):a.delete(r),s(a)}else s(ba(e,i))})},mounted:qi,beforeUpdate(e,t,n){e[ht]=pn(n),qi(e,t,n)}};function qi(e,{value:t,oldValue:n},o){e._modelValue=t,G(t)?e.checked=Or(t,o.props.value)>-1:bn(t)?e.checked=t.has(o.props.value):t!==n&&(e.checked=qn(t,ba(e,!0)))}const wv={deep:!0,created(e,{value:t,modifiers:{number:n}},o){const r=bn(t);Dt(e,"change",()=>{const i=Array.prototype.filter.call(e.options,s=>s.selected).map(s=>n?xo(zn(s)):zn(s));e[ht](e.multiple?r?new Set(i):i:i[0])}),e[ht]=pn(o)},mounted(e,{value:t}){Gi(e,t)},beforeUpdate(e,t,n){e[ht]=pn(n)},updated(e,{value:t}){Gi(e,t)}};function Gi(e,t){const n=e.multiple;if(!(n&&!G(t)&&!bn(t))){for(let o=0,r=e.options.length;o-1:i.selected=t.has(s);else if(qn(zn(i),t)){e.selectedIndex!==o&&(e.selectedIndex=o);return}}!n&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function zn(e){return"_value"in e?e._value:e.value}function ba(e,t){const n=t?"_trueValue":"_falseValue";return n in e?e[n]:t}const Lc={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},Pc=(e,t)=>n=>{if(!("key"in n))return;const o=Qt(n.key);if(t.some(r=>r===o||Lc[r]===o))return e(n)},Rc=ke({patchProp:xc},oc);let tr,Yi=!1;function Oc(){return tr=Yi?tr:Fu(Rc),Yi=!0,tr}const Ac=(...e)=>{const t=Oc().createApp(...e),{mount:n}=t;return t.mount=o=>{const r=Ic(o);if(r)return n(r,!0,r instanceof SVGElement)},t};function Ic(e){return ve(e)?document.querySelector(e):e}const wc="modulepreload",Dc=function(e){return"/vue-flux-docs/"+e},Zi={},u=function(t,n,o){let r=Promise.resolve();if(n&&n.length>0){const i=document.getElementsByTagName("link");r=Promise.all(n.map(s=>{if(s=Dc(s),s in Zi)return;Zi[s]=!0;const a=s.endsWith(".css"),l=a?'[rel="stylesheet"]':"";if(!!o)for(let f=i.length-1;f>=0;f--){const m=i[f];if(m.href===s&&(!a||m.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${s}"]${l}`))return;const d=document.createElement("link");if(d.rel=a?"stylesheet":wc,a||(d.as="script",d.crossOrigin=""),d.href=s,document.head.appendChild(d),a)return new Promise((f,m)=>{d.addEventListener("load",f),d.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${s}`)))})}))}return r.then(()=>t()).catch(i=>{const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=i,window.dispatchEvent(s),!s.defaultPrevented)throw i})},kc={"v-8daa1a0e":()=>u(()=>import("./index.html-Ky6phlvC.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6397251d":()=>u(()=>import("./flux-caption.html-3RlH3dth.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-df436a8e":()=>u(()=>import("./flux-controls.html-yF5PH7LC.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-a806c79e":()=>u(()=>import("./flux-index.html-_-HXrfsP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b34e2a56":()=>u(()=>import("./flux-pagination.html-v0lkvnki.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-276aca0d":()=>u(()=>import("./flux-preloader.html-JjCnpGNm.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1eb49338":()=>u(()=>import("./flux-button.html-jaYE2ZGi.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b00e02fe":()=>u(()=>import("./flux-cube.html-7ns9d2ta.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-31fdfa10":()=>u(()=>import("./flux-grid.html-s5xVwao3.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6969b17e":()=>u(()=>import("./flux-image.html-nmMUe5rA.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-ce450842":()=>u(()=>import("./flux-parallax.html-CjgOdtZh.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6104c7a1":()=>u(()=>import("./flux-transition.html-jtrZ-y3a.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-9f576330":()=>u(()=>import("./flux-vortex.html-_GhEw5hs.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-760c8d70":()=>u(()=>import("./vue-flux.html-r6sAdqrP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4124d8b7":()=>u(()=>import("./index.html--hv5s8Fx.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-ada6b5c0":()=>u(()=>import("./blinds2d.html-1Qhxptef.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-43da3f3e":()=>u(()=>import("./blinds3d.html-7QrcOgNE.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b3226712":()=>u(()=>import("./blocks1.html-BEk2H9WQ.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-afb8b5d4":()=>u(()=>import("./blocks2.html-l_7Gi2vv.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-aa57f7f2":()=>u(()=>import("./book.html-0ArVk2T1.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-376600ea":()=>u(()=>import("./camera.html-GpxWF3kU.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-400f1eae":()=>u(()=>import("./concentric.html-tHbJ2Zy7.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-171d2b8a":()=>u(()=>import("./cube.html-CXPSbMmB.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-7c9e9e7e":()=>u(()=>import("./explode.html-GhqQ9W_a.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-0518a758":()=>u(()=>import("./fade.html-SgWHa_X0.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-9ed11a96":()=>u(()=>import("./fall.html-I3ZC03CW.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-da480682":()=>u(()=>import("./kenburn.html-Zcb-fguq.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-985f8cae":()=>u(()=>import("./index.html-JHFqYBy7.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-0c45d90d":()=>u(()=>import("./round1.html-DGyrM6TP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-0dfab1ac":()=>u(()=>import("./round2.html-vUTf8Ik8.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b65e379e":()=>u(()=>import("./slide.html-VtmDwgdX.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-7e8c7048":()=>u(()=>import("./swipe.html-Sz2vKtF7.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6548d070":()=>u(()=>import("./warp.html-mRR_Yir3.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5d8cfe20":()=>u(()=>import("./waterfall.html-bFuh-prF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-e3a19412":()=>u(()=>import("./wave.html-zCvuYfDr.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-116b91fe":()=>u(()=>import("./zip.html-pSd3a7xi.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-46255a3c":()=>u(()=>import("./index.html-pjovaGUl.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-e665bd06":()=>u(()=>import("./index.html-FOpo-pMe.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-f3b8be2a":()=>u(()=>import("./index.html-dOHli3L0.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4b080bb5":()=>u(()=>import("./index.html-BhwqBx8y.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-60498d34":()=>u(()=>import("./index.html-zqWARg_g.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4b8adfc2":()=>u(()=>import("./index.html-WcD93tTM.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4f87df94":()=>u(()=>import("./index.html-c9ALYrQF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-bd78ebda":()=>u(()=>import("./index.html-8w1jM_ql.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-d7027248":()=>u(()=>import("./index.html-rgQuonrl.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-26b59c43":()=>u(()=>import("./index.html-PZ158Iga.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-227e5238":()=>u(()=>import("./index.html-CwGDG2SP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-da86d328":()=>u(()=>import("./index.html-8ZvSi0Nr.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-618f4e94":()=>u(()=>import("./index.html-mHFdUJ16.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-15a38016":()=>u(()=>import("./index.html-RbdFA8Gp.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2d1cbda1":()=>u(()=>import("./index.html-oEwJPSXX.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-f9bd589c":()=>u(()=>import("./index.html-pWWCM2VI.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-c79f278a":()=>u(()=>import("./index.html-Uyo36wZW.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-089365e2":()=>u(()=>import("./index.html-zK41jw6v.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-110158b9":()=>u(()=>import("./index.html-VkmVYoJ9.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-c154e826":()=>u(()=>import("./index.html-hUlZ2igu.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5368a5b7":()=>u(()=>import("./index.html-KSyIqdnS.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2448def4":()=>u(()=>import("./index.html-VIT9Sw_j.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-ebda1a94":()=>u(()=>import("./index.html-EMBPuLOz.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-69fa1c6c":()=>u(()=>import("./index.html-bpTaVNy-.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-0eae9b80":()=>u(()=>import("./index.html-ERHg906J.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-64ff1d51":()=>u(()=>import("./index.html-a-UGdSBS.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-a2b41fd4":()=>u(()=>import("./index.html--CIxJkK-.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6b1ae4cc":()=>u(()=>import("./index.html-6hzGK-xY.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-beff4ea6":()=>u(()=>import("./index.html-YAOlmySE.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-be911888":()=>u(()=>import("./index.html-Cb33jlZd.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-7956ae81":()=>u(()=>import("./index.html-mdtvP96a.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-79661dea":()=>u(()=>import("./index.html-VjI8nHb1.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-581b90b0":()=>u(()=>import("./index.html-eSnTtj0z.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-11ca4bea":()=>u(()=>import("./index.html-CHDWKhPL.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-e8429534":()=>u(()=>import("./index.html-it3FzLed.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-658f5694":()=>u(()=>import("./index.html-2tWVBGy9.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-35b95b09":()=>u(()=>import("./index.html-_PlU6ZaQ.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-3ded4e88":()=>u(()=>import("./index.html-1H0YfXHP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-48d3b268":()=>u(()=>import("./index.html-XBC77XJT.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-48d3aae6":()=>u(()=>import("./index.html-jwf0K5uU.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6b915137":()=>u(()=>import("./index.html-AAhK04ss.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6b915156":()=>u(()=>import("./index.html-4Wp_OIOB.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5367ec33":()=>u(()=>import("./index.html-Dpd4eN5T.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-36022c37":()=>u(()=>import("./index.html-kY9SQ5EC.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5f1939da":()=>u(()=>import("./index.html-9gr5T08J.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-53788c67":()=>u(()=>import("./index.html-LAj4awqs.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2034ea81":()=>u(()=>import("./index.html-0WwhcOU0.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5399c300":()=>u(()=>import("./index.html-fr4v0l7E.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5399e1e1":()=>u(()=>import("./index.html-ol1XCsQp.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-c31c3502":()=>u(()=>import("./index.html-ZKZ69qZO.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-67d816b9":()=>u(()=>import("./index.html-1qoPQD2o.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-67d816d8":()=>u(()=>import("./index.html-5L95ye9X.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-366ae871":()=>u(()=>import("./index.html-1dKZU0YW.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-37061808":()=>u(()=>import("./index.html-GExkQjQM.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-54898874":()=>u(()=>import("./index.html-yUsDiDMu.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-17c990a0":()=>u(()=>import("./index.html-d4y_US7M.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-54899623":()=>u(()=>import("./index.html-urPovcYL.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-3c99547e":()=>u(()=>import("./index.html-bR6erd0r.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4e77e30a":()=>u(()=>import("./index.html-N3NUqch5.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-74f15f50":()=>u(()=>import("./index.html-rQy_AbB-.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-27403dde":()=>u(()=>import("./index.html-8RqINVkh.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-44f1f034":()=>u(()=>import("./index.html-LbRP6Gqq.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-8832938c":()=>u(()=>import("./index.html-PtVhSZNV.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-5bc72cde":()=>u(()=>import("./index.html-lckHblF8.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2a9c1c24":()=>u(()=>import("./index.html-Qm7WDbed.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2a2de606":()=>u(()=>import("./index.html-1DBQgDK6.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-75583d60":()=>u(()=>import("./index.html-Dt1N6qsM.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-306beacc":()=>u(()=>import("./index.html-3_KXemwL.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2da69dce":()=>u(()=>import("./index.html-Ef2GTYIv.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2c80b8d6":()=>u(()=>import("./index.html-bgJgUbOF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-3792ae28":()=>u(()=>import("./index.html-2qbkNKGa.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-7719edb2":()=>u(()=>import("./index.html-yJZ-KnnP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-25c7c00d":()=>u(()=>import("./index.html-G7lUiwmg.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-25c7c3ce":()=>u(()=>import("./index.html-18IgrAmh.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1bd1e854":()=>u(()=>import("./index.html-hb3VeugV.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1bd1e816":()=>u(()=>import("./index.html-ujfjpY7r.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-21124df4":()=>u(()=>import("./index.html-2RwChoVJ.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-429b21b8":()=>u(()=>import("./index.html--MQeyUC_.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-396cf24a":()=>u(()=>import("./index.html-pNOiWdQ-.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2122ee28":()=>u(()=>import("./index.html-dx72aaRo.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b28ab5c0":()=>u(()=>import("./index.html-yv7CPQwq.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-214424c1":()=>u(()=>import("./index.html-qhR-e6zj.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-214443a2":()=>u(()=>import("./index.html-T6ac9gOm.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-24f7a01e":()=>u(()=>import("./index.html-fzFKlOoX.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-74710c3a":()=>u(()=>import("./index.html-cCLHEijF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-74710c59":()=>u(()=>import("./index.html-8pYM42EG.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1e0cbed0":()=>u(()=>import("./index.html-7t3v5bH7.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1ea7ee67":()=>u(()=>import("./index.html-WZQKI3hK.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2233ea35":()=>u(()=>import("./index.html-wfWZ2dwP.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1fc672e2":()=>u(()=>import("./index.html-F_htWbW_.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2233f7e4":()=>u(()=>import("./index.html-OXuiv-7k.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-b3759040":()=>u(()=>import("./index.html-JX3oBSnM.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-f06e186a":()=>u(()=>import("./index.html-xXGMYgoc.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-934f5092":()=>u(()=>import("./index.html-3IF986IU.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-a91eea42":()=>u(()=>import("./index.html-_ib3HcVV.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-459e9bd3":()=>u(()=>import("./index.html-ecsLY9qF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-3592ca8a":()=>u(()=>import("./index.html-3_Zm60Ug.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-564cb692":()=>u(()=>import("./index.html-eVGTszP_.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-34e38b2f":()=>u(()=>import("./index.html-MmwRKcPz.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-351aa63e":()=>u(()=>import("./index.html-jPtwNsyT.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-7159cc3f":()=>u(()=>import("./index.html-jTupXpwG.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-69bcfb8d":()=>u(()=>import("./index.html-xJAgGYPV.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-56f6824f":()=>u(()=>import("./index.html-2kENAHbt.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6deff096":()=>u(()=>import("./index.html-BAkLkqIW.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-396c0147":()=>u(()=>import("./index.html-wa-6R408.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4af8c3c6":()=>u(()=>import("./index.html-cNqjyv9J.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-1e93401c":()=>u(()=>import("./index.html-99pHgHT0.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6d1b44d4":()=>u(()=>import("./index.html-1gp2gw5V.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4c476d5e":()=>u(()=>import("./index.html-bnLmwlub.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6ff9594e":()=>u(()=>import("./index.html-jUTBuz99.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6ff95d0f":()=>u(()=>import("./index.html-SM_O7eaK.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-789cc675":()=>u(()=>import("./index.html-TuuF-mXh.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-789cc694":()=>u(()=>import("./index.html-zBykTf58.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2286a096":()=>u(()=>import("./index.html-0WyaoSLs.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-4f341739":()=>u(()=>import("./index.html-8-0eMm22.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6779d3dc":()=>u(()=>import("./index.html-BAvHsVge.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2265602e":()=>u(()=>import("./index.html-56iwjuNF.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2d405fbf":()=>u(()=>import("./index.html-ZIyqe5Fq.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2222f2fc":()=>u(()=>import("./index.html-ZIuzPRvJ.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-2222b53a":()=>u(()=>import("./index.html-X-ivCuJ-.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-a9054a86":()=>u(()=>import("./index.html-htqw9VhI.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-fdebfc8a":()=>u(()=>import("./index.html-ZmVPfeLo.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-fdebfc4c":()=>u(()=>import("./index.html-JnKE7bPE.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-05ae952f":()=>u(()=>import("./index.html-X9u1BDxp.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-0649c4c6":()=>u(()=>import("./index.html-i9cX7uqc.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-20436814":()=>u(()=>import("./index.html-cSpSwhQE.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-27c35524":()=>u(()=>import("./index.html-GkTDgRVk.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-20434cb6":()=>u(()=>import("./index.html-C2VNDVlm.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-6ad719ff":()=>u(()=>import("./index.html-PYnAg0bS.js"),__vite__mapDeps([])).then(({data:e})=>e),"v-3706649a":()=>u(()=>import("./404.html-6Yl8cQE3.js"),__vite__mapDeps([])).then(({data:e})=>e)},Cc=JSON.parse('{"base":"/vue-flux-docs/","lang":"en-US","title":"VueFlux","description":"Documentation and demos of vue slider VueFlux","head":[],"locales":{}}');var Vc=([e,t,n])=>e==="meta"&&t.name?`${e}.${t.name}`:["title","base"].includes(e)?e:e==="template"&&t.id?`${e}.${t.id}`:JSON.stringify([e,t,n]),Sc=e=>{const t=new Set,n=[];return e.forEach(o=>{const r=Vc(o);t.has(r)||(t.add(r),n.push(o))}),n},eo=e=>/^(https?:)?\/\//.test(e),Fc=e=>/^[a-z][a-z0-9+.-]*:/.test(e),Gr=e=>Object.prototype.toString.call(e)==="[object Object]",xa=e=>e[e.length-1]==="/"?e.slice(0,-1):e,ya=e=>e[0]==="/"?e.slice(1):e,Ta=(e,t)=>{const n=Object.keys(e).sort((o,r)=>{const i=r.split("/").length-o.split("/").length;return i!==0?i:r.length-o.length});for(const o of n)if(t.startsWith(o))return o;return"/"};const La={"v-8daa1a0e":p(()=>u(()=>import("./index.html-PvLoWTXP.js"),__vite__mapDeps([]))),"v-6397251d":p(()=>u(()=>import("./flux-caption.html-S5JDgh4u.js"),__vite__mapDeps([]))),"v-df436a8e":p(()=>u(()=>import("./flux-controls.html-NnF_AlTy.js"),__vite__mapDeps([]))),"v-a806c79e":p(()=>u(()=>import("./flux-index.html-c2rhWAbd.js"),__vite__mapDeps([]))),"v-b34e2a56":p(()=>u(()=>import("./flux-pagination.html-LRJtQwLU.js"),__vite__mapDeps([]))),"v-276aca0d":p(()=>u(()=>import("./flux-preloader.html-3VlSyGys.js"),__vite__mapDeps([]))),"v-1eb49338":p(()=>u(()=>import("./flux-button.html-juqOF_D_.js"),__vite__mapDeps([]))),"v-b00e02fe":p(()=>u(()=>import("./flux-cube.html-9UB04pyL.js"),__vite__mapDeps([]))),"v-31fdfa10":p(()=>u(()=>import("./flux-grid.html-3UWqVLFe.js"),__vite__mapDeps([]))),"v-6969b17e":p(()=>u(()=>import("./flux-image.html-zJbCPWbs.js"),__vite__mapDeps([]))),"v-ce450842":p(()=>u(()=>import("./flux-parallax.html-qbK7sEyA.js"),__vite__mapDeps([]))),"v-6104c7a1":p(()=>u(()=>import("./flux-transition.html-EIRUE-ew.js"),__vite__mapDeps([]))),"v-9f576330":p(()=>u(()=>import("./flux-vortex.html-PVl3ZikS.js"),__vite__mapDeps([]))),"v-760c8d70":p(()=>u(()=>import("./vue-flux.html-MyaWxEds.js"),__vite__mapDeps([]))),"v-4124d8b7":p(()=>u(()=>import("./index.html-dYdSiGcd.js"),__vite__mapDeps([]))),"v-ada6b5c0":p(()=>u(()=>import("./blinds2d.html-BSZ6vNYe.js"),__vite__mapDeps([]))),"v-43da3f3e":p(()=>u(()=>import("./blinds3d.html-gxV4Fnpi.js"),__vite__mapDeps([]))),"v-b3226712":p(()=>u(()=>import("./blocks1.html-Ga14heo4.js"),__vite__mapDeps([]))),"v-afb8b5d4":p(()=>u(()=>import("./blocks2.html-5CA2xJ1G.js"),__vite__mapDeps([]))),"v-aa57f7f2":p(()=>u(()=>import("./book.html-peH23ASE.js"),__vite__mapDeps([]))),"v-376600ea":p(()=>u(()=>import("./camera.html-j7d0ECK9.js"),__vite__mapDeps([]))),"v-400f1eae":p(()=>u(()=>import("./concentric.html-AkYpsPsY.js"),__vite__mapDeps([]))),"v-171d2b8a":p(()=>u(()=>import("./cube.html-qeE4I7Cm.js"),__vite__mapDeps([]))),"v-7c9e9e7e":p(()=>u(()=>import("./explode.html-ZDGyDJAm.js"),__vite__mapDeps([]))),"v-0518a758":p(()=>u(()=>import("./fade.html-3F9ZjbT1.js"),__vite__mapDeps([]))),"v-9ed11a96":p(()=>u(()=>import("./fall.html-7I1i1Tz0.js"),__vite__mapDeps([]))),"v-da480682":p(()=>u(()=>import("./kenburn.html-Y96QaeLT.js"),__vite__mapDeps([]))),"v-985f8cae":p(()=>u(()=>import("./index.html-hZxyIGOx.js"),__vite__mapDeps([]))),"v-0c45d90d":p(()=>u(()=>import("./round1.html-sG4IOTkB.js"),__vite__mapDeps([]))),"v-0dfab1ac":p(()=>u(()=>import("./round2.html-inNaX0iX.js"),__vite__mapDeps([]))),"v-b65e379e":p(()=>u(()=>import("./slide.html-G3GYEoHg.js"),__vite__mapDeps([]))),"v-7e8c7048":p(()=>u(()=>import("./swipe.html-mwveUQbC.js"),__vite__mapDeps([]))),"v-6548d070":p(()=>u(()=>import("./warp.html-u0sDAQT_.js"),__vite__mapDeps([]))),"v-5d8cfe20":p(()=>u(()=>import("./waterfall.html-F9y6GYti.js"),__vite__mapDeps([]))),"v-e3a19412":p(()=>u(()=>import("./wave.html-vVAx0QRJ.js"),__vite__mapDeps([]))),"v-116b91fe":p(()=>u(()=>import("./zip.html-Yy7Zqk2x.js"),__vite__mapDeps([]))),"v-46255a3c":p(()=>u(()=>import("./index.html-LH4wYEh3.js"),__vite__mapDeps([]))),"v-e665bd06":p(()=>u(()=>import("./index.html-vAq0IWEY.js"),__vite__mapDeps([]))),"v-f3b8be2a":p(()=>u(()=>import("./index.html-XgjQrVDc.js"),__vite__mapDeps([]))),"v-4b080bb5":p(()=>u(()=>import("./index.html-GGjRVq6S.js"),__vite__mapDeps([]))),"v-60498d34":p(()=>u(()=>import("./index.html-5f6WfLAE.js"),__vite__mapDeps([]))),"v-4b8adfc2":p(()=>u(()=>import("./index.html-yQWVfEzX.js"),__vite__mapDeps([]))),"v-4f87df94":p(()=>u(()=>import("./index.html-wVPzE4TM.js"),__vite__mapDeps([]))),"v-bd78ebda":p(()=>u(()=>import("./index.html-r15kGsmS.js"),__vite__mapDeps([]))),"v-d7027248":p(()=>u(()=>import("./index.html-aojavJG9.js"),__vite__mapDeps([]))),"v-26b59c43":p(()=>u(()=>import("./index.html-eGhbayWr.js"),__vite__mapDeps([]))),"v-227e5238":p(()=>u(()=>import("./index.html-e2rt9xJf.js"),__vite__mapDeps([]))),"v-da86d328":p(()=>u(()=>import("./index.html--wZek8tw.js"),__vite__mapDeps([]))),"v-618f4e94":p(()=>u(()=>import("./index.html-wV4AKH4s.js"),__vite__mapDeps([]))),"v-15a38016":p(()=>u(()=>import("./index.html-xHsJdw18.js"),__vite__mapDeps([]))),"v-2d1cbda1":p(()=>u(()=>import("./index.html-v0yOSXAu.js"),__vite__mapDeps([]))),"v-f9bd589c":p(()=>u(()=>import("./index.html-X4gx4try.js"),__vite__mapDeps([]))),"v-c79f278a":p(()=>u(()=>import("./index.html-bwgHgbMi.js"),__vite__mapDeps([]))),"v-089365e2":p(()=>u(()=>import("./index.html-7kXBPE5A.js"),__vite__mapDeps([]))),"v-110158b9":p(()=>u(()=>import("./index.html-KxnUeEH4.js"),__vite__mapDeps([]))),"v-c154e826":p(()=>u(()=>import("./index.html-Ly_0M-v7.js"),__vite__mapDeps([]))),"v-5368a5b7":p(()=>u(()=>import("./index.html-B0xaVOQ4.js"),__vite__mapDeps([]))),"v-2448def4":p(()=>u(()=>import("./index.html-P7pVC-s1.js"),__vite__mapDeps([]))),"v-ebda1a94":p(()=>u(()=>import("./index.html--4L10-8B.js"),__vite__mapDeps([]))),"v-69fa1c6c":p(()=>u(()=>import("./index.html-Er0KKnyd.js"),__vite__mapDeps([]))),"v-0eae9b80":p(()=>u(()=>import("./index.html-_ADlvjyn.js"),__vite__mapDeps([]))),"v-64ff1d51":p(()=>u(()=>import("./index.html-cZXgtW0c.js"),__vite__mapDeps([]))),"v-a2b41fd4":p(()=>u(()=>import("./index.html-DWN6KLYD.js"),__vite__mapDeps([]))),"v-6b1ae4cc":p(()=>u(()=>import("./index.html-mnNtwwVf.js"),__vite__mapDeps([]))),"v-beff4ea6":p(()=>u(()=>import("./index.html-lnQL46UG.js"),__vite__mapDeps([]))),"v-be911888":p(()=>u(()=>import("./index.html-i21py_yt.js"),__vite__mapDeps([]))),"v-7956ae81":p(()=>u(()=>import("./index.html-2ArvTYf-.js"),__vite__mapDeps([]))),"v-79661dea":p(()=>u(()=>import("./index.html-uAHdXsFE.js"),__vite__mapDeps([]))),"v-581b90b0":p(()=>u(()=>import("./index.html-Kwgsxlmx.js"),__vite__mapDeps([]))),"v-11ca4bea":p(()=>u(()=>import("./index.html-Cc-N1umi.js"),__vite__mapDeps([]))),"v-e8429534":p(()=>u(()=>import("./index.html-tYNHQZNW.js"),__vite__mapDeps([]))),"v-658f5694":p(()=>u(()=>import("./index.html-8CwINQiE.js"),__vite__mapDeps([]))),"v-35b95b09":p(()=>u(()=>import("./index.html-W3Zie0Qz.js"),__vite__mapDeps([]))),"v-3ded4e88":p(()=>u(()=>import("./index.html-4edNRuew.js"),__vite__mapDeps([]))),"v-48d3b268":p(()=>u(()=>import("./index.html-SoeNa5J8.js"),__vite__mapDeps([]))),"v-48d3aae6":p(()=>u(()=>import("./index.html-uLRBT-B_.js"),__vite__mapDeps([]))),"v-6b915137":p(()=>u(()=>import("./index.html-1eqsLIMA.js"),__vite__mapDeps([]))),"v-6b915156":p(()=>u(()=>import("./index.html-NBsnsrXI.js"),__vite__mapDeps([]))),"v-5367ec33":p(()=>u(()=>import("./index.html-DdROyqCT.js"),__vite__mapDeps([]))),"v-36022c37":p(()=>u(()=>import("./index.html-sijXV9Y1.js"),__vite__mapDeps([]))),"v-5f1939da":p(()=>u(()=>import("./index.html-cW9PWiLt.js"),__vite__mapDeps([]))),"v-53788c67":p(()=>u(()=>import("./index.html-iWo_kx7v.js"),__vite__mapDeps([]))),"v-2034ea81":p(()=>u(()=>import("./index.html-0nSERwpp.js"),__vite__mapDeps([]))),"v-5399c300":p(()=>u(()=>import("./index.html-bQqTbJ_D.js"),__vite__mapDeps([]))),"v-5399e1e1":p(()=>u(()=>import("./index.html-vc24dNDZ.js"),__vite__mapDeps([]))),"v-c31c3502":p(()=>u(()=>import("./index.html-bO24dzT2.js"),__vite__mapDeps([]))),"v-67d816b9":p(()=>u(()=>import("./index.html-XafLemZU.js"),__vite__mapDeps([]))),"v-67d816d8":p(()=>u(()=>import("./index.html-Aa_tio4a.js"),__vite__mapDeps([]))),"v-366ae871":p(()=>u(()=>import("./index.html-ymE4wAPX.js"),__vite__mapDeps([]))),"v-37061808":p(()=>u(()=>import("./index.html-4yZyG0nx.js"),__vite__mapDeps([]))),"v-54898874":p(()=>u(()=>import("./index.html-qvBYB5Iq.js"),__vite__mapDeps([]))),"v-17c990a0":p(()=>u(()=>import("./index.html-ro0iq9g8.js"),__vite__mapDeps([]))),"v-54899623":p(()=>u(()=>import("./index.html-R-ykNhje.js"),__vite__mapDeps([]))),"v-3c99547e":p(()=>u(()=>import("./index.html-1Q5xgTI6.js"),__vite__mapDeps([]))),"v-4e77e30a":p(()=>u(()=>import("./index.html-DSdBDq9K.js"),__vite__mapDeps([]))),"v-74f15f50":p(()=>u(()=>import("./index.html-5kwncVzG.js"),__vite__mapDeps([]))),"v-27403dde":p(()=>u(()=>import("./index.html-C1o_VxWU.js"),__vite__mapDeps([]))),"v-44f1f034":p(()=>u(()=>import("./index.html-IVEP7mmr.js"),__vite__mapDeps([]))),"v-8832938c":p(()=>u(()=>import("./index.html-EtK_L2hT.js"),__vite__mapDeps([]))),"v-5bc72cde":p(()=>u(()=>import("./index.html-GliL3Doi.js"),__vite__mapDeps([]))),"v-2a9c1c24":p(()=>u(()=>import("./index.html-6IIO4TzW.js"),__vite__mapDeps([]))),"v-2a2de606":p(()=>u(()=>import("./index.html-pQkFWyBK.js"),__vite__mapDeps([]))),"v-75583d60":p(()=>u(()=>import("./index.html-lnFzadz5.js"),__vite__mapDeps([]))),"v-306beacc":p(()=>u(()=>import("./index.html-nVYtnpK6.js"),__vite__mapDeps([]))),"v-2da69dce":p(()=>u(()=>import("./index.html-22hDjQQq.js"),__vite__mapDeps([]))),"v-2c80b8d6":p(()=>u(()=>import("./index.html-fUpSkZXf.js"),__vite__mapDeps([]))),"v-3792ae28":p(()=>u(()=>import("./index.html-wPF-P_GV.js"),__vite__mapDeps([]))),"v-7719edb2":p(()=>u(()=>import("./index.html-hBCn-SOS.js"),__vite__mapDeps([]))),"v-25c7c00d":p(()=>u(()=>import("./index.html-ZcTv_MEQ.js"),__vite__mapDeps([]))),"v-25c7c3ce":p(()=>u(()=>import("./index.html-d7lJkGY6.js"),__vite__mapDeps([]))),"v-1bd1e854":p(()=>u(()=>import("./index.html-Ml5Qbimx.js"),__vite__mapDeps([]))),"v-1bd1e816":p(()=>u(()=>import("./index.html-9dZdOuTh.js"),__vite__mapDeps([]))),"v-21124df4":p(()=>u(()=>import("./index.html-z2uAr563.js"),__vite__mapDeps([]))),"v-429b21b8":p(()=>u(()=>import("./index.html-Wf27L3AS.js"),__vite__mapDeps([]))),"v-396cf24a":p(()=>u(()=>import("./index.html-T_6T3tAM.js"),__vite__mapDeps([]))),"v-2122ee28":p(()=>u(()=>import("./index.html-my0ozqKl.js"),__vite__mapDeps([]))),"v-b28ab5c0":p(()=>u(()=>import("./index.html-ohE_14mP.js"),__vite__mapDeps([]))),"v-214424c1":p(()=>u(()=>import("./index.html-MEVfXU7X.js"),__vite__mapDeps([]))),"v-214443a2":p(()=>u(()=>import("./index.html-7Qod9Ub7.js"),__vite__mapDeps([]))),"v-24f7a01e":p(()=>u(()=>import("./index.html-Y-32bUyJ.js"),__vite__mapDeps([]))),"v-74710c3a":p(()=>u(()=>import("./index.html-ofdJfGWx.js"),__vite__mapDeps([]))),"v-74710c59":p(()=>u(()=>import("./index.html-9e_NpYBo.js"),__vite__mapDeps([]))),"v-1e0cbed0":p(()=>u(()=>import("./index.html-hZ7PEOAL.js"),__vite__mapDeps([]))),"v-1ea7ee67":p(()=>u(()=>import("./index.html-baSugaFI.js"),__vite__mapDeps([]))),"v-2233ea35":p(()=>u(()=>import("./index.html-APUR6S_K.js"),__vite__mapDeps([]))),"v-1fc672e2":p(()=>u(()=>import("./index.html-dnoyuGmR.js"),__vite__mapDeps([]))),"v-2233f7e4":p(()=>u(()=>import("./index.html-XFuI4HL0.js"),__vite__mapDeps([]))),"v-b3759040":p(()=>u(()=>import("./index.html-H2NRmDDR.js"),__vite__mapDeps([]))),"v-f06e186a":p(()=>u(()=>import("./index.html-X7N4dC_l.js"),__vite__mapDeps([]))),"v-934f5092":p(()=>u(()=>import("./index.html-qF_QncbZ.js"),__vite__mapDeps([]))),"v-a91eea42":p(()=>u(()=>import("./index.html-_iYJnyhU.js"),__vite__mapDeps([]))),"v-459e9bd3":p(()=>u(()=>import("./index.html-JGXpUJLm.js"),__vite__mapDeps([]))),"v-3592ca8a":p(()=>u(()=>import("./index.html-II1tq_7X.js"),__vite__mapDeps([]))),"v-564cb692":p(()=>u(()=>import("./index.html-zBnupeUk.js"),__vite__mapDeps([]))),"v-34e38b2f":p(()=>u(()=>import("./index.html-j-NJpxTC.js"),__vite__mapDeps([]))),"v-351aa63e":p(()=>u(()=>import("./index.html-Ws5fC703.js"),__vite__mapDeps([]))),"v-7159cc3f":p(()=>u(()=>import("./index.html-FLtS42-c.js"),__vite__mapDeps([]))),"v-69bcfb8d":p(()=>u(()=>import("./index.html-SQeiRwyf.js"),__vite__mapDeps([]))),"v-56f6824f":p(()=>u(()=>import("./index.html-OiAxDDSO.js"),__vite__mapDeps([]))),"v-6deff096":p(()=>u(()=>import("./index.html-EVzSwJca.js"),__vite__mapDeps([]))),"v-396c0147":p(()=>u(()=>import("./index.html-L5JzRqOS.js"),__vite__mapDeps([]))),"v-4af8c3c6":p(()=>u(()=>import("./index.html-6pSg-p66.js"),__vite__mapDeps([]))),"v-1e93401c":p(()=>u(()=>import("./index.html-BzM4-onh.js"),__vite__mapDeps([]))),"v-6d1b44d4":p(()=>u(()=>import("./index.html-xONg28pK.js"),__vite__mapDeps([]))),"v-4c476d5e":p(()=>u(()=>import("./index.html-nZfUXnW4.js"),__vite__mapDeps([]))),"v-6ff9594e":p(()=>u(()=>import("./index.html-fUoLwlQR.js"),__vite__mapDeps([]))),"v-6ff95d0f":p(()=>u(()=>import("./index.html-hJOgAcj0.js"),__vite__mapDeps([]))),"v-789cc675":p(()=>u(()=>import("./index.html-Axd8aiAA.js"),__vite__mapDeps([]))),"v-789cc694":p(()=>u(()=>import("./index.html-qzZ2chqI.js"),__vite__mapDeps([]))),"v-2286a096":p(()=>u(()=>import("./index.html-iDL9VX6a.js"),__vite__mapDeps([]))),"v-4f341739":p(()=>u(()=>import("./index.html-bKE8Uf7q.js"),__vite__mapDeps([]))),"v-6779d3dc":p(()=>u(()=>import("./index.html-43BOwvgZ.js"),__vite__mapDeps([]))),"v-2265602e":p(()=>u(()=>import("./index.html-E1XJ1H01.js"),__vite__mapDeps([]))),"v-2d405fbf":p(()=>u(()=>import("./index.html-gNlXQLCb.js"),__vite__mapDeps([]))),"v-2222f2fc":p(()=>u(()=>import("./index.html-2a1oAxZI.js"),__vite__mapDeps([]))),"v-2222b53a":p(()=>u(()=>import("./index.html-h5XS9PgX.js"),__vite__mapDeps([]))),"v-a9054a86":p(()=>u(()=>import("./index.html-V6S92NjP.js"),__vite__mapDeps([]))),"v-fdebfc8a":p(()=>u(()=>import("./index.html-M0F8-TbP.js"),__vite__mapDeps([]))),"v-fdebfc4c":p(()=>u(()=>import("./index.html-qHTgoOHS.js"),__vite__mapDeps([]))),"v-05ae952f":p(()=>u(()=>import("./index.html-yc1brSOz.js"),__vite__mapDeps([]))),"v-0649c4c6":p(()=>u(()=>import("./index.html-FGBWXC9d.js"),__vite__mapDeps([]))),"v-20436814":p(()=>u(()=>import("./index.html-xf-X98BI.js"),__vite__mapDeps([]))),"v-27c35524":p(()=>u(()=>import("./index.html-l6TZ1hPy.js"),__vite__mapDeps([]))),"v-20434cb6":p(()=>u(()=>import("./index.html-L80bOa64.js"),__vite__mapDeps([]))),"v-6ad719ff":p(()=>u(()=>import("./index.html-YV239c2n.js"),__vite__mapDeps([]))),"v-3706649a":p(()=>u(()=>import("./404.html-o1G5QYdu.js"),__vite__mapDeps([])))};var $c=Symbol(""),Pa=Symbol(""),Nc=Yn({key:"",path:"",title:"",lang:"",frontmatter:{},headers:[]}),Zt=()=>{const e=Oe(Pa);if(!e)throw new Error("pageData() is called without provider.");return e},Ra=Symbol(""),gt=()=>{const e=Oe(Ra);if(!e)throw new Error("usePageFrontmatter() is called without provider.");return e},Oa=Symbol(""),Mc=()=>{const e=Oe(Oa);if(!e)throw new Error("usePageHead() is called without provider.");return e},Bc=Symbol(""),Aa=Symbol(""),Hc=()=>{const e=Oe(Aa);if(!e)throw new Error("usePageLang() is called without provider.");return e},Ia=Symbol(""),zc=()=>{const e=Oe(Ia);if(!e)throw new Error("usePageLayout() is called without provider.");return e},jc=Le(kc),Yr=Symbol(""),Wo=()=>{const e=Oe(Yr);if(!e)throw new Error("useRouteLocale() is called without provider.");return e},rn=Le(Cc),wa=()=>rn,Da=Symbol(""),Zr=()=>{const e=Oe(Da);if(!e)throw new Error("useSiteLocaleData() is called without provider.");return e},Wc=Symbol(""),Uc="Layout",Kc="NotFound",mt=Gn({resolveLayouts:e=>e.reduce((t,n)=>({...t,...n.layouts}),{}),resolvePageData:async e=>{const t=jc.value[e];return await(t==null?void 0:t())??Nc},resolvePageFrontmatter:e=>e.frontmatter,resolvePageHead:(e,t,n)=>{const o=ve(t.description)?t.description:n.description,r=[...G(t.head)?t.head:[],...n.head,["title",{},e],["meta",{name:"description",content:o}]];return Sc(r)},resolvePageHeadTitle:(e,t)=>[e.title,t.title].filter(n=>!!n).join(" | "),resolvePageLang:(e,t)=>e.lang||t.lang||"en-US",resolvePageLayout:(e,t)=>{let n;if(e.path){const o=e.frontmatter.layout;ve(o)?n=o:n=Uc}else n=Kc;return t[n]},resolveRouteLocale:(e,t)=>Ta(e,t),resolveSiteLocaleData:(e,t)=>({...e,...e.locales[t]})}),Jr=_e({name:"ClientOnly",setup(e,t){const n=Le(!1);return Je(()=>{n.value=!0}),()=>{var o,r;return n.value?(r=(o=t.slots).default)==null?void 0:r.call(o):null}}}),qc=_e({name:"Content",props:{pageKey:{type:String,required:!1,default:""}},setup(e){const t=Zt(),n=U(()=>La[e.pageKey||t.value.key]);return()=>n.value?ge(n.value):ge("div","404 Not Found")}}),Nt=(e={})=>e,Qr=e=>eo(e)?e:`/vue-flux-docs/${ya(e)}`;function Gc(e,t,n){var o,r,i;t===void 0&&(t=50),n===void 0&&(n={});var s=(o=n.isImmediate)!=null&&o,a=(r=n.callback)!=null&&r,l=n.maxWait,c=Date.now(),d=[];function f(){if(l!==void 0){var h=Date.now()-c;if(h+t>=l)return l-h}return t}var m=function(){var h=[].slice.call(arguments),y=this;return new Promise(function(R,A){var C=s&&i===void 0;if(i!==void 0&&clearTimeout(i),i=setTimeout(function(){if(i=void 0,c=Date.now(),!s){var b=e.apply(y,h);a&&a(b),d.forEach(function(x){return(0,x.resolve)(b)}),d=[]}},f()),C){var k=e.apply(y,h);return a&&a(k),R(k)}d.push({resolve:R,reject:A})})};return m.cancel=function(h){i!==void 0&&clearTimeout(i),d.forEach(function(y){return(0,y.reject)(h)}),d=[]},m}const Ji=()=>window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,Yc=()=>window.scrollTo({top:0,behavior:"smooth"}),Zc=_e({name:"BackToTop",setup(){const e=Le(0),t=U(()=>e.value>300),n=Gc(()=>{e.value=Ji()},100);Je(()=>{e.value=Ji(),window.addEventListener("scroll",()=>n())});const o=ge("div",{class:"back-to-top",onClick:Yc});return()=>ge(Xn,{name:"back-to-top"},()=>t.value?o:null)}}),Jc=Nt({rootComponents:[Zc]}),Qc=ge("svg",{class:"external-link-icon",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"},[ge("path",{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}),ge("polygon",{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"})]),Xc=_e({name:"ExternalLinkIcon",props:{locales:{type:Object,required:!1,default:()=>({})}},setup(e){const t=Wo(),n=U(()=>e.locales[t.value]??{openInNewWindow:"open in new window"});return()=>ge("span",[Qc,ge("span",{class:"external-link-icon-sr-only"},n.value.openInNewWindow)])}});var ed={"/":{openInNewWindow:"open in new window"}};const td=ed,nd=Nt({enhance({app:e}){e.component("ExternalLinkIcon",ge(Xc,{locales:td}))}});/*! medium-zoom 1.1.0 | MIT License | https://github.com/francoischalifour/medium-zoom */var zt=Object.assign||function(e){for(var t=1;t1&&arguments[1]!==void 0?arguments[1]:{},o=window.Promise||function(L){function F(){}L(F,F)},r=function(L){var F=L.target;if(F===S){y();return}b.indexOf(F)!==-1&&R({target:F})},i=function(){if(!(W||!E.original)){var L=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(J-L)>B.scrollOffset&&setTimeout(y,150)}},s=function(L){var F=L.key||L.keyCode;(F==="Escape"||F==="Esc"||F===27)&&y()},a=function(){var L=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},F=L;if(L.background&&(S.style.background=L.background),L.container&&L.container instanceof Object&&(F.container=zt({},B.container,L.container)),L.template){var oe=Eo(L.template)?L.template:document.querySelector(L.template);F.template=oe}return B=zt({},B,F),b.forEach(function(ae){ae.dispatchEvent(nn("medium-zoom:update",{detail:{zoom:w}}))}),w},l=function(){var L=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return e(zt({},B,L))},c=function(){for(var L=arguments.length,F=Array(L),oe=0;oe0?F.reduce(function(V,Q){return[].concat(V,Xi(Q))},[]):b;return ae.forEach(function(V){V.classList.remove("medium-zoom-image"),V.dispatchEvent(nn("medium-zoom:detach",{detail:{zoom:w}}))}),b=b.filter(function(V){return ae.indexOf(V)===-1}),w},f=function(L,F){var oe=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return b.forEach(function(ae){ae.addEventListener("medium-zoom:"+L,F,oe)}),x.push({type:"medium-zoom:"+L,listener:F,options:oe}),w},m=function(L,F){var oe=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return b.forEach(function(ae){ae.removeEventListener("medium-zoom:"+L,F,oe)}),x=x.filter(function(ae){return!(ae.type==="medium-zoom:"+L&&ae.listener.toString()===F.toString())}),w},h=function(){var L=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},F=L.target,oe=function(){var V={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},Q=void 0,K=void 0;if(B.container)if(B.container instanceof Object)V=zt({},V,B.container),Q=V.width-V.left-V.right-B.margin*2,K=V.height-V.top-V.bottom-B.margin*2;else{var Ce=Eo(B.container)?B.container:document.querySelector(B.container),Fe=Ce.getBoundingClientRect(),We=Fe.width,Me=Fe.height,yt=Fe.left,Tt=Fe.top;V=zt({},V,{width:We,height:Me,left:yt,top:Tt})}Q=Q||V.width-B.margin*2,K=K||V.height-B.margin*2;var st=E.zoomedHd||E.original,Ve=Qi(st)?Q:st.naturalWidth||Q,P=Qi(st)?K:st.naturalHeight||K,j=st.getBoundingClientRect(),N=j.top,Z=j.left,ue=j.width,_=j.height,v=Math.min(Math.max(ue,Ve),Q)/ue,g=Math.min(Math.max(_,P),K)/_,T=Math.min(v,g),O=(-Z+(Q-ue)/2+B.margin+V.left)/T,I=(-N+(K-_)/2+B.margin+V.top)/T,H="scale("+T+") translate3d("+O+"px, "+I+"px, 0)";E.zoomed.style.transform=H,E.zoomedHd&&(E.zoomedHd.style.transform=H)};return new o(function(ae){if(F&&b.indexOf(F)===-1){ae(w);return}var V=function We(){W=!1,E.zoomed.removeEventListener("transitionend",We),E.original.dispatchEvent(nn("medium-zoom:opened",{detail:{zoom:w}})),ae(w)};if(E.zoomed){ae(w);return}if(F)E.original=F;else if(b.length>0){var Q=b;E.original=Q[0]}else{ae(w);return}if(E.original.dispatchEvent(nn("medium-zoom:open",{detail:{zoom:w}})),J=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,W=!0,E.zoomed=id(E.original),document.body.appendChild(S),B.template){var K=Eo(B.template)?B.template:document.querySelector(B.template);E.template=document.createElement("div"),E.template.appendChild(K.content.cloneNode(!0)),document.body.appendChild(E.template)}if(E.original.parentElement&&E.original.parentElement.tagName==="PICTURE"&&E.original.currentSrc&&(E.zoomed.src=E.original.currentSrc),document.body.appendChild(E.zoomed),window.requestAnimationFrame(function(){document.body.classList.add("medium-zoom--opened")}),E.original.classList.add("medium-zoom-image--hidden"),E.zoomed.classList.add("medium-zoom-image--opened"),E.zoomed.addEventListener("click",y),E.zoomed.addEventListener("transitionend",V),E.original.getAttribute("data-zoom-src")){E.zoomedHd=E.zoomed.cloneNode(),E.zoomedHd.removeAttribute("srcset"),E.zoomedHd.removeAttribute("sizes"),E.zoomedHd.removeAttribute("loading"),E.zoomedHd.src=E.zoomed.getAttribute("data-zoom-src"),E.zoomedHd.onerror=function(){clearInterval(Ce),console.warn("Unable to reach the zoom image target "+E.zoomedHd.src),E.zoomedHd=null,oe()};var Ce=setInterval(function(){E.zoomedHd.complete&&(clearInterval(Ce),E.zoomedHd.classList.add("medium-zoom-image--opened"),E.zoomedHd.addEventListener("click",y),document.body.appendChild(E.zoomedHd),oe())},10)}else if(E.original.hasAttribute("srcset")){E.zoomedHd=E.zoomed.cloneNode(),E.zoomedHd.removeAttribute("sizes"),E.zoomedHd.removeAttribute("loading");var Fe=E.zoomedHd.addEventListener("load",function(){E.zoomedHd.removeEventListener("load",Fe),E.zoomedHd.classList.add("medium-zoom-image--opened"),E.zoomedHd.addEventListener("click",y),document.body.appendChild(E.zoomedHd),oe()})}else oe()})},y=function(){return new o(function(L){if(W||!E.original){L(w);return}var F=function oe(){E.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(E.zoomed),E.zoomedHd&&document.body.removeChild(E.zoomedHd),document.body.removeChild(S),E.zoomed.classList.remove("medium-zoom-image--opened"),E.template&&document.body.removeChild(E.template),W=!1,E.zoomed.removeEventListener("transitionend",oe),E.original.dispatchEvent(nn("medium-zoom:closed",{detail:{zoom:w}})),E.original=null,E.zoomed=null,E.zoomedHd=null,E.template=null,L(w)};W=!0,document.body.classList.remove("medium-zoom--opened"),E.zoomed.style.transform="",E.zoomedHd&&(E.zoomedHd.style.transform=""),E.template&&(E.template.style.transition="opacity 150ms",E.template.style.opacity=0),E.original.dispatchEvent(nn("medium-zoom:close",{detail:{zoom:w}})),E.zoomed.addEventListener("transitionend",F)})},R=function(){var L=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},F=L.target;return E.original?y():h({target:F})},A=function(){return B},C=function(){return b},k=function(){return E.original},b=[],x=[],W=!1,J=0,B=n,E={original:null,zoomed:null,zoomedHd:null,template:null};Object.prototype.toString.call(t)==="[object Object]"?B=t:(t||typeof t=="string")&&c(t),B=zt({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},B);var S=rd(B.background);document.addEventListener("click",r),document.addEventListener("keyup",s),document.addEventListener("scroll",i),window.addEventListener("resize",y);var w={open:h,close:y,toggle:R,update:a,clone:l,attach:c,detach:d,on:f,off:m,getOptions:A,getImages:C,getZoomedImage:k};return w};function ad(e,t){t===void 0&&(t={});var n=t.insertAt;if(!(!e||typeof document>"u")){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",n==="top"&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}var ld=".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}";ad(ld);const ud=sd,cd=Symbol("mediumZoom");var dd={};const fd=".theme-default-content > img, .theme-default-content :not(a) > img",md=dd,_d=300,vd=Nt({enhance({app:e,router:t}){const n=ud(md);n.refresh=(o=fd)=>{n.detach(),n.attach(o)},e.provide(cd,n),t.afterEach(()=>{setTimeout(()=>n.refresh(),_d)})}});/*! * vue-router v4.2.5 @@ -7,10 +7,10 @@ See: https://github.com/francoischalifour/medium-zoom`)}},rd=function(t){var n=d */const on=typeof window<"u";function pd(e){return e.__esModule||e[Symbol.toStringTag]==="Module"}const pe=Object.assign;function nr(e,t){const n={};for(const o in t){const r=t[o];n[o]=it(r)?r.map(e):e(r)}return n}const Sn=()=>{},it=Array.isArray,hd=/\/$/,gd=e=>e.replace(hd,"");function or(e,t,n="/"){let o,r={},i="",s="";const a=t.indexOf("#");let l=t.indexOf("?");return a=0&&(l=-1),l>-1&&(o=t.slice(0,l),i=t.slice(l+1,a>-1?a:t.length),r=e(i)),a>-1&&(o=o||t.slice(0,a),s=t.slice(a,t.length)),o=yd(o??t,n),{fullPath:o+(i&&"?")+i+s,path:o,query:r,hash:s}}function Ed(e,t){const n=t.query?e(t.query):"";return t.path+(n&&"?")+n+(t.hash||"")}function es(e,t){return!t||!e.toLowerCase().startsWith(t.toLowerCase())?e:e.slice(t.length)||"/"}function bd(e,t,n){const o=t.matched.length-1,r=n.matched.length-1;return o>-1&&o===r&&hn(t.matched[o],n.matched[r])&&ka(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}function hn(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function ka(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e)if(!xd(e[n],t[n]))return!1;return!0}function xd(e,t){return it(e)?ts(e,t):it(t)?ts(t,e):e===t}function ts(e,t){return it(t)?e.length===t.length&&e.every((n,o)=>n===t[o]):e.length===1&&e[0]===t}function yd(e,t){if(e.startsWith("/"))return e;if(!e)return t;const n=t.split("/"),o=e.split("/"),r=o[o.length-1];(r===".."||r===".")&&o.push("");let i=n.length-1,s,a;for(s=0;s1&&i--;else break;return n.slice(0,i).join("/")+"/"+o.slice(s-(s===o.length?1:0)).join("/")}var jn;(function(e){e.pop="pop",e.push="push"})(jn||(jn={}));var Fn;(function(e){e.back="back",e.forward="forward",e.unknown=""})(Fn||(Fn={}));function Td(e){if(!e)if(on){const t=document.querySelector("base");e=t&&t.getAttribute("href")||"/",e=e.replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return e[0]!=="/"&&e[0]!=="#"&&(e="/"+e),gd(e)}const Ld=/^[^#]+#/;function Pd(e,t){return e.replace(Ld,"#")+t}function Rd(e,t){const n=document.documentElement.getBoundingClientRect(),o=e.getBoundingClientRect();return{behavior:t.behavior,left:o.left-n.left-(t.left||0),top:o.top-n.top-(t.top||0)}}const Uo=()=>({left:window.pageXOffset,top:window.pageYOffset});function Od(e){let t;if("el"in e){const n=e.el,o=typeof n=="string"&&n.startsWith("#"),r=typeof n=="string"?o?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!r)return;t=Rd(r,e)}else t=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(t):window.scrollTo(t.left!=null?t.left:window.pageXOffset,t.top!=null?t.top:window.pageYOffset)}function ns(e,t){return(history.state?history.state.position-t:-1)+e}const br=new Map;function Ad(e,t){br.set(e,t)}function Id(e){const t=br.get(e);return br.delete(e),t}let wd=()=>location.protocol+"//"+location.host;function Ca(e,t){const{pathname:n,search:o,hash:r}=t,i=e.indexOf("#");if(i>-1){let a=r.includes(e.slice(i))?e.slice(i).length:1,l=r.slice(a);return l[0]!=="/"&&(l="/"+l),es(l,"")}return es(n,e)+o+r}function Dd(e,t,n,o){let r=[],i=[],s=null;const a=({state:m})=>{const h=Ca(e,location),y=n.value,R=t.value;let A=0;if(m){if(n.value=h,t.value=m,s&&s===y){s=null;return}A=R?m.position-R.position:0}else o(h);r.forEach(C=>{C(n.value,y,{delta:A,type:jn.pop,direction:A?A>0?Fn.forward:Fn.back:Fn.unknown})})};function l(){s=n.value}function c(m){r.push(m);const h=()=>{const y=r.indexOf(m);y>-1&&r.splice(y,1)};return i.push(h),h}function d(){const{history:m}=window;m.state&&m.replaceState(pe({},m.state,{scroll:Uo()}),"")}function f(){for(const m of i)m();i=[],window.removeEventListener("popstate",a),window.removeEventListener("beforeunload",d)}return window.addEventListener("popstate",a),window.addEventListener("beforeunload",d,{passive:!0}),{pauseListeners:l,listen:c,destroy:f}}function os(e,t,n,o=!1,r=!1){return{back:e,current:t,forward:n,replaced:o,position:window.history.length,scroll:r?Uo():null}}function kd(e){const{history:t,location:n}=window,o={value:Ca(e,n)},r={value:t.state};r.value||i(o.value,{back:null,current:o.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0);function i(l,c,d){const f=e.indexOf("#"),m=f>-1?(n.host&&document.querySelector("base")?e:e.slice(f))+l:wd()+e+l;try{t[d?"replaceState":"pushState"](c,"",m),r.value=c}catch(h){console.error(h),n[d?"replace":"assign"](m)}}function s(l,c){const d=pe({},t.state,os(r.value.back,l,r.value.forward,!0),c,{position:r.value.position});i(l,d,!0),o.value=l}function a(l,c){const d=pe({},r.value,t.state,{forward:l,scroll:Uo()});i(d.current,d,!0);const f=pe({},os(o.value,l,null),{position:d.position+1},c);i(l,f,!1),o.value=l}return{location:o,state:r,push:a,replace:s}}function Cd(e){e=Td(e);const t=kd(e),n=Dd(e,t.state,t.location,t.replace);function o(i,s=!0){s||n.pauseListeners(),history.go(i)}const r=pe({location:"",base:e,go:o,createHref:Pd.bind(null,e)},t,n);return Object.defineProperty(r,"location",{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(r,"state",{enumerable:!0,get:()=>t.state.value}),r}function Vd(e){return typeof e=="string"||e&&typeof e=="object"}function Va(e){return typeof e=="string"||typeof e=="symbol"}const _t={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},Sa=Symbol("");var rs;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(rs||(rs={}));function gn(e,t){return pe(new Error,{type:e,[Sa]:!0},t)}function ft(e,t){return e instanceof Error&&Sa in e&&(t==null||!!(e.type&t))}const is="[^/]+?",Sd={sensitive:!1,strict:!1,start:!0,end:!0},Fd=/[.+*?^${}()[\]/\\]/g;function $d(e,t){const n=pe({},Sd,t),o=[];let r=n.start?"^":"";const i=[];for(const c of e){const d=c.length?[]:[90];n.strict&&!c.length&&(r+="/");for(let f=0;ft.length?t.length===1&&t[0]===80?1:-1:0}function Md(e,t){let n=0;const o=e.score,r=t.score;for(;n0&&t[t.length-1]<0}const Bd={type:0,value:""},Hd=/[a-zA-Z0-9_]/;function zd(e){if(!e)return[[]];if(e==="/")return[[Bd]];if(!e.startsWith("/"))throw new Error(`Invalid path "${e}"`);function t(h){throw new Error(`ERR (${n})/"${c}": ${h}`)}let n=0,o=n;const r=[];let i;function s(){i&&r.push(i),i=[]}let a=0,l,c="",d="";function f(){c&&(n===0?i.push({type:0,value:c}):n===1||n===2||n===3?(i.length>1&&(l==="*"||l==="+")&&t(`A repeatable param (${c}) must be alone in its segment. eg: '/:ids+.`),i.push({type:1,value:c,regexp:d,repeatable:l==="*"||l==="+",optional:l==="*"||l==="?"})):t("Invalid state to consume buffer"),c="")}function m(){c+=l}for(;a{s(k)}:Sn}function s(d){if(Va(d)){const f=o.get(d);f&&(o.delete(d),n.splice(n.indexOf(f),1),f.children.forEach(s),f.alias.forEach(s))}else{const f=n.indexOf(d);f>-1&&(n.splice(f,1),d.record.name&&o.delete(d.record.name),d.children.forEach(s),d.alias.forEach(s))}}function a(){return n}function l(d){let f=0;for(;f=0&&(d.record.path!==n[f].record.path||!Fa(d,n[f]));)f++;n.splice(f,0,d),d.record.name&&!ls(d)&&o.set(d.record.name,d)}function c(d,f){let m,h={},y,R;if("name"in d&&d.name){if(m=o.get(d.name),!m)throw gn(1,{location:d});R=m.record.name,h=pe(as(f.params,m.keys.filter(k=>!k.optional).map(k=>k.name)),d.params&&as(d.params,m.keys.map(k=>k.name))),y=m.stringify(h)}else if("path"in d)y=d.path,m=n.find(k=>k.re.test(y)),m&&(h=m.parse(y),R=m.record.name);else{if(m=f.name?o.get(f.name):n.find(k=>k.re.test(f.path)),!m)throw gn(1,{location:d,currentLocation:f});R=m.record.name,h=pe({},f.params,d.params),y=m.stringify(h)}const A=[];let C=m;for(;C;)A.unshift(C.record),C=C.parent;return{name:R,path:y,params:h,matched:A,meta:qd(A)}}return e.forEach(d=>i(d)),{addRoute:i,resolve:c,removeRoute:s,getRoutes:a,getRecordMatcher:r}}function as(e,t){const n={};for(const o of t)o in e&&(n[o]=e[o]);return n}function Ud(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:Kd(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in e?e.components||null:e.component&&{default:e.component}}}function Kd(e){const t={},n=e.props||!1;if("component"in e)t.default=n;else for(const o in e.components)t[o]=typeof n=="object"?n[o]:n;return t}function ls(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function qd(e){return e.reduce((t,n)=>pe(t,n.meta),{})}function us(e,t){const n={};for(const o in e)n[o]=o in t?t[o]:e[o];return n}function Fa(e,t){return t.children.some(n=>n===e||Fa(e,n))}const $a=/#/g,Gd=/&/g,Yd=/\//g,Zd=/=/g,Jd=/\?/g,Na=/\+/g,Qd=/%5B/g,Xd=/%5D/g,Ma=/%5E/g,ef=/%60/g,Ba=/%7B/g,tf=/%7C/g,Ha=/%7D/g,nf=/%20/g;function Xr(e){return encodeURI(""+e).replace(tf,"|").replace(Qd,"[").replace(Xd,"]")}function of(e){return Xr(e).replace(Ba,"{").replace(Ha,"}").replace(Ma,"^")}function xr(e){return Xr(e).replace(Na,"%2B").replace(nf,"+").replace($a,"%23").replace(Gd,"%26").replace(ef,"`").replace(Ba,"{").replace(Ha,"}").replace(Ma,"^")}function rf(e){return xr(e).replace(Zd,"%3D")}function sf(e){return Xr(e).replace($a,"%23").replace(Jd,"%3F")}function af(e){return e==null?"":sf(e).replace(Yd,"%2F")}function ko(e){try{return decodeURIComponent(""+e)}catch{}return""+e}function lf(e){const t={};if(e===""||e==="?")return t;const o=(e[0]==="?"?e.slice(1):e).split("&");for(let r=0;ri&&xr(i)):[o&&xr(o)]).forEach(i=>{i!==void 0&&(t+=(t.length?"&":"")+n,i!=null&&(t+="="+i))})}return t}function uf(e){const t={};for(const n in e){const o=e[n];o!==void 0&&(t[n]=it(o)?o.map(r=>r==null?null:""+r):o==null?o:""+o)}return t}const cf=Symbol(""),ds=Symbol(""),Ko=Symbol(""),ei=Symbol(""),yr=Symbol("");function On(){let e=[];function t(o){return e.push(o),()=>{const r=e.indexOf(o);r>-1&&e.splice(r,1)}}function n(){e=[]}return{add:t,list:()=>e.slice(),reset:n}}function wt(e,t,n,o,r){const i=o&&(o.enterCallbacks[r]=o.enterCallbacks[r]||[]);return()=>new Promise((s,a)=>{const l=f=>{f===!1?a(gn(4,{from:n,to:t})):f instanceof Error?a(f):Vd(f)?a(gn(2,{from:t,to:f})):(i&&o.enterCallbacks[r]===i&&typeof f=="function"&&i.push(f),s())},c=e.call(o&&o.instances[r],t,n,l);let d=Promise.resolve(c);e.length<3&&(d=d.then(l)),d.catch(f=>a(f))})}function rr(e,t,n,o){const r=[];for(const i of e)for(const s in i.components){let a=i.components[s];if(!(t!=="beforeRouteEnter"&&!i.instances[s]))if(df(a)){const c=(a.__vccOpts||a)[t];c&&r.push(wt(c,n,o,i,s))}else{let l=a();r.push(()=>l.then(c=>{if(!c)return Promise.reject(new Error(`Couldn't resolve component "${s}" at "${i.path}"`));const d=pd(c)?c.default:c;i.components[s]=d;const m=(d.__vccOpts||d)[t];return m&&wt(m,n,o,i,s)()}))}}return r}function df(e){return typeof e=="object"||"displayName"in e||"props"in e||"__vccOpts"in e}function fs(e){const t=Oe(Ko),n=Oe(ei),o=U(()=>t.resolve(ne(e.to))),r=U(()=>{const{matched:l}=o.value,{length:c}=l,d=l[c-1],f=n.matched;if(!d||!f.length)return-1;const m=f.findIndex(hn.bind(null,d));if(m>-1)return m;const h=ms(l[c-2]);return c>1&&ms(d)===h&&f[f.length-1].path!==h?f.findIndex(hn.bind(null,l[c-2])):m}),i=U(()=>r.value>-1&&vf(n.params,o.value.params)),s=U(()=>r.value>-1&&r.value===n.matched.length-1&&ka(n.params,o.value.params));function a(l={}){return _f(l)?t[ne(e.replace)?"replace":"push"](ne(e.to)).catch(Sn):Promise.resolve()}return{route:o,href:U(()=>o.value.href),isActive:i,isExactActive:s,navigate:a}}const ff=_e({name:"RouterLink",compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},useLink:fs,setup(e,{slots:t}){const n=Gn(fs(e)),{options:o}=Oe(Ko),r=U(()=>({[_s(e.activeClass,o.linkActiveClass,"router-link-active")]:n.isActive,[_s(e.exactActiveClass,o.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive}));return()=>{const i=t.default&&t.default(n);return e.custom?i:ge("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:r.value},i)}}}),mf=ff;function _f(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){const t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}return e.preventDefault&&e.preventDefault(),!0}}function vf(e,t){for(const n in t){const o=t[n],r=e[n];if(typeof o=="string"){if(o!==r)return!1}else if(!it(r)||r.length!==o.length||o.some((i,s)=>i!==r[s]))return!1}return!0}function ms(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const _s=(e,t,n)=>e??t??n,pf=_e({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:t,slots:n}){const o=Oe(yr),r=U(()=>e.route||o.value),i=Oe(ds,0),s=U(()=>{let c=ne(i);const{matched:d}=r.value;let f;for(;(f=d[c])&&!f.components;)c++;return c}),a=U(()=>r.value.matched[s.value]);Gt(ds,U(()=>s.value+1)),Gt(cf,a),Gt(yr,r);const l=Le();return Ye(()=>[l.value,a.value,e.name],([c,d,f],[m,h,y])=>{d&&(d.instances[f]=c,h&&h!==d&&c&&c===m&&(d.leaveGuards.size||(d.leaveGuards=h.leaveGuards),d.updateGuards.size||(d.updateGuards=h.updateGuards))),c&&d&&(!h||!hn(d,h)||!m)&&(d.enterCallbacks[f]||[]).forEach(R=>R(c))},{flush:"post"}),()=>{const c=r.value,d=e.name,f=a.value,m=f&&f.components[d];if(!m)return vs(n.default,{Component:m,route:c});const h=f.props[d],y=h?h===!0?c.params:typeof h=="function"?h(c):h:null,A=ge(m,pe({},y,t,{onVnodeUnmounted:C=>{C.component.isUnmounted&&(f.instances[d]=null)},ref:l}));return vs(n.default,{Component:A,route:c})||A}}});function vs(e,t){if(!e)return null;const n=e(t);return n.length===1?n[0]:n}const za=pf;function hf(e){const t=Wd(e.routes,e),n=e.parseQuery||lf,o=e.stringifyQuery||cs,r=e.history,i=On(),s=On(),a=On(),l=Fr(_t);let c=_t;on&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const d=nr.bind(null,P=>""+P),f=nr.bind(null,af),m=nr.bind(null,ko);function h(P,j){let N,Z;return Va(P)?(N=t.getRecordMatcher(P),Z=j):Z=P,t.addRoute(Z,N)}function y(P){const j=t.getRecordMatcher(P);j&&t.removeRoute(j)}function R(){return t.getRoutes().map(P=>P.record)}function A(P){return!!t.getRecordMatcher(P)}function C(P,j){if(j=pe({},j||l.value),typeof P=="string"){const g=or(n,P,j.path),T=t.resolve({path:g.path},j),O=r.createHref(g.fullPath);return pe(g,T,{params:m(T.params),hash:ko(g.hash),redirectedFrom:void 0,href:O})}let N;if("path"in P)N=pe({},P,{path:or(n,P.path,j.path).path});else{const g=pe({},P.params);for(const T in g)g[T]==null&&delete g[T];N=pe({},P,{params:f(g)}),j.params=f(j.params)}const Z=t.resolve(N,j),ue=P.hash||"";Z.params=d(m(Z.params));const _=Ed(o,pe({},P,{hash:of(ue),path:Z.path})),v=r.createHref(_);return pe({fullPath:_,hash:ue,query:o===cs?uf(P.query):P.query||{}},Z,{redirectedFrom:void 0,href:v})}function k(P){return typeof P=="string"?or(n,P,l.value.path):pe({},P)}function b(P,j){if(c!==P)return gn(8,{from:j,to:P})}function x(P){return B(P)}function W(P){return x(pe(k(P),{replace:!0}))}function J(P){const j=P.matched[P.matched.length-1];if(j&&j.redirect){const{redirect:N}=j;let Z=typeof N=="function"?N(P):N;return typeof Z=="string"&&(Z=Z.includes("?")||Z.includes("#")?Z=k(Z):{path:Z},Z.params={}),pe({query:P.query,hash:P.hash,params:"path"in Z?{}:P.params},Z)}}function B(P,j){const N=c=C(P),Z=l.value,ue=P.state,_=P.force,v=P.replace===!0,g=J(N);if(g)return B(pe(k(g),{state:typeof g=="object"?pe({},ue,g.state):ue,force:_,replace:v}),j||N);const T=N;T.redirectedFrom=j;let O;return!_&&bd(o,Z,N)&&(O=gn(16,{to:T,from:Z}),We(Z,Z,!0,!1)),(O?Promise.resolve(O):w(T,Z)).catch(I=>ft(I)?ft(I,2)?I:Fe(I):K(I,T,Z)).then(I=>{if(I){if(ft(I,2))return B(pe({replace:v},k(I.to),{state:typeof I.to=="object"?pe({},ue,I.to.state):ue,force:_}),j||T)}else I=L(T,Z,!0,v,ue);return q(T,Z,I),I})}function E(P,j){const N=b(P,j);return N?Promise.reject(N):Promise.resolve()}function S(P){const j=Tt.values().next().value;return j&&typeof j.runWithContext=="function"?j.runWithContext(P):P()}function w(P,j){let N;const[Z,ue,_]=gf(P,j);N=rr(Z.reverse(),"beforeRouteLeave",P,j);for(const g of Z)g.leaveGuards.forEach(T=>{N.push(wt(T,P,j))});const v=E.bind(null,P,j);return N.push(v),Ve(N).then(()=>{N=[];for(const g of i.list())N.push(wt(g,P,j));return N.push(v),Ve(N)}).then(()=>{N=rr(ue,"beforeRouteUpdate",P,j);for(const g of ue)g.updateGuards.forEach(T=>{N.push(wt(T,P,j))});return N.push(v),Ve(N)}).then(()=>{N=[];for(const g of _)if(g.beforeEnter)if(it(g.beforeEnter))for(const T of g.beforeEnter)N.push(wt(T,P,j));else N.push(wt(g.beforeEnter,P,j));return N.push(v),Ve(N)}).then(()=>(P.matched.forEach(g=>g.enterCallbacks={}),N=rr(_,"beforeRouteEnter",P,j),N.push(v),Ve(N))).then(()=>{N=[];for(const g of s.list())N.push(wt(g,P,j));return N.push(v),Ve(N)}).catch(g=>ft(g,8)?g:Promise.reject(g))}function q(P,j,N){a.list().forEach(Z=>S(()=>Z(P,j,N)))}function L(P,j,N,Z,ue){const _=b(P,j);if(_)return _;const v=j===_t,g=on?history.state:{};N&&(Z||v?r.replace(P.fullPath,pe({scroll:v&&g&&g.scroll},ue)):r.push(P.fullPath,ue)),l.value=P,We(P,j,N,v),Fe()}let F;function oe(){F||(F=r.listen((P,j,N)=>{if(!st.listening)return;const Z=C(P),ue=J(Z);if(ue){B(pe(ue,{replace:!0}),Z).catch(Sn);return}c=Z;const _=l.value;on&&Ad(ns(_.fullPath,N.delta),Uo()),w(Z,_).catch(v=>ft(v,12)?v:ft(v,2)?(B(v.to,Z).then(g=>{ft(g,20)&&!N.delta&&N.type===jn.pop&&r.go(-1,!1)}).catch(Sn),Promise.reject()):(N.delta&&r.go(-N.delta,!1),K(v,Z,_))).then(v=>{v=v||L(Z,_,!1),v&&(N.delta&&!ft(v,8)?r.go(-N.delta,!1):N.type===jn.pop&&ft(v,20)&&r.go(-1,!1)),q(Z,_,v)}).catch(Sn)}))}let ae=On(),V=On(),Q;function K(P,j,N){Fe(P);const Z=V.list();return Z.length?Z.forEach(ue=>ue(P,j,N)):console.error(P),Promise.reject(P)}function Ce(){return Q&&l.value!==_t?Promise.resolve():new Promise((P,j)=>{ae.add([P,j])})}function Fe(P){return Q||(Q=!P,oe(),ae.list().forEach(([j,N])=>P?N(P):j()),ae.reset()),P}function We(P,j,N,Z){const{scrollBehavior:ue}=e;if(!on||!ue)return Promise.resolve();const _=!N&&Id(ns(P.fullPath,0))||(Z||!N)&&history.state&&history.state.scroll||null;return Jn().then(()=>ue(P,j,_)).then(v=>v&&Od(v)).catch(v=>K(v,P,j))}const Me=P=>r.go(P);let yt;const Tt=new Set,st={currentRoute:l,listening:!0,addRoute:h,removeRoute:y,hasRoute:A,getRoutes:R,resolve:C,options:e,push:x,replace:W,go:Me,back:()=>Me(-1),forward:()=>Me(1),beforeEach:i.add,beforeResolve:s.add,afterEach:a.add,onError:V.add,isReady:Ce,install(P){const j=this;P.component("RouterLink",mf),P.component("RouterView",za),P.config.globalProperties.$router=j,Object.defineProperty(P.config.globalProperties,"$route",{enumerable:!0,get:()=>ne(l)}),on&&!yt&&l.value===_t&&(yt=!0,x(r.location).catch(ue=>{}));const N={};for(const ue in _t)Object.defineProperty(N,ue,{get:()=>l.value[ue],enumerable:!0});P.provide(Ko,j),P.provide(ei,Hs(N)),P.provide(yr,l);const Z=P.unmount;Tt.add(P),P.unmount=function(){Tt.delete(P),Tt.size<1&&(c=_t,F&&F(),F=null,l.value=_t,yt=!1,Q=!1),Z()}}};function Ve(P){return P.reduce((j,N)=>j.then(()=>S(N)),Promise.resolve())}return st}function gf(e,t){const n=[],o=[],r=[],i=Math.max(t.matched.length,e.matched.length);for(let s=0;shn(c,a))?o.push(a):n.push(a));const l=e.matched[s];l&&(t.matched.find(c=>hn(c,l))||r.push(l))}return[n,o,r]}function to(){return Oe(Ko)}function Xt(){return Oe(ei)}/** * NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress * @license MIT - */const ce={settings:{minimum:.08,easing:"ease",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,barSelector:'[role="bar"]',parent:"body",template:'
'},status:null,set:e=>{const t=ce.isStarted();e=ir(e,ce.settings.minimum,1),ce.status=e===1?null:e;const n=ce.render(!t),o=n.querySelector(ce.settings.barSelector),r=ce.settings.speed,i=ce.settings.easing;return n.offsetWidth,Ef(s=>{mo(o,{transform:"translate3d("+ps(e)+"%,0,0)",transition:"all "+r+"ms "+i}),e===1?(mo(n,{transition:"none",opacity:"1"}),n.offsetWidth,setTimeout(function(){mo(n,{transition:"all "+r+"ms linear",opacity:"0"}),setTimeout(function(){ce.remove(),s()},r)},r)):setTimeout(()=>s(),r)}),ce},isStarted:()=>typeof ce.status=="number",start:()=>{ce.status||ce.set(0);const e=()=>{setTimeout(()=>{ce.status&&(ce.trickle(),e())},ce.settings.trickleSpeed)};return ce.settings.trickle&&e(),ce},done:e=>!e&&!ce.status?ce:ce.inc(.3+.5*Math.random()).set(1),inc:e=>{let t=ce.status;return t?(typeof e!="number"&&(e=(1-t)*ir(Math.random()*t,.1,.95)),t=ir(t+e,0,.994),ce.set(t)):ce.start()},trickle:()=>ce.inc(Math.random()*ce.settings.trickleRate),render:e=>{if(ce.isRendered())return document.getElementById("nprogress");hs(document.documentElement,"nprogress-busy");const t=document.createElement("div");t.id="nprogress",t.innerHTML=ce.settings.template;const n=t.querySelector(ce.settings.barSelector),o=e?"-100":ps(ce.status||0),r=document.querySelector(ce.settings.parent);return mo(n,{transition:"all 0 linear",transform:"translate3d("+o+"%,0,0)"}),r!==document.body&&hs(r,"nprogress-custom-parent"),r==null||r.appendChild(t),t},remove:()=>{gs(document.documentElement,"nprogress-busy"),gs(document.querySelector(ce.settings.parent),"nprogress-custom-parent");const e=document.getElementById("nprogress");e&&bf(e)},isRendered:()=>!!document.getElementById("nprogress")},ir=(e,t,n)=>en?n:e,ps=e=>(-1+e)*100,Ef=function(){const e=[];function t(){const n=e.shift();n&&n(t)}return function(n){e.push(n),e.length===1&&t()}}(),mo=function(){const e=["Webkit","O","Moz","ms"],t={};function n(s){return s.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(a,l){return l.toUpperCase()})}function o(s){const a=document.body.style;if(s in a)return s;let l=e.length;const c=s.charAt(0).toUpperCase()+s.slice(1);let d;for(;l--;)if(d=e[l]+c,d in a)return d;return s}function r(s){return s=n(s),t[s]??(t[s]=o(s))}function i(s,a,l){a=r(a),s.style[a]=l}return function(s,a){for(const l in a){const c=a[l];c!==void 0&&Object.prototype.hasOwnProperty.call(a,l)&&i(s,l,c)}}}(),ja=(e,t)=>(typeof e=="string"?e:ti(e)).indexOf(" "+t+" ")>=0,hs=(e,t)=>{const n=ti(e),o=n+t;ja(n,t)||(e.className=o.substring(1))},gs=(e,t)=>{const n=ti(e);if(!ja(e,t))return;const o=n.replace(" "+t+" "," ");e.className=o.substring(1,o.length-1)},ti=e=>(" "+(e.className||"")+" ").replace(/\s+/gi," "),bf=e=>{e&&e.parentNode&&e.parentNode.removeChild(e)},xf=()=>{Je(()=>{const e=to(),t=new Set;t.add(e.currentRoute.value.path),e.beforeEach(n=>{t.has(n.path)||ce.start()}),e.afterEach(n=>{t.add(n.path),ce.done()})})},yf=Nt({setup(){xf()}}),Tf=JSON.parse(`{"contributors":false,"repo":"https://github.com/ragnarlotus/vue-flux","sidebarDepth":1,"editLink":false,"navbar":[{"text":"Home","link":"/"},{"text":"Documentation","children":[{"text":"v5","link":"/documentation/v5/overview"},{"text":"v6","link":"/documentation/v6/overview"},{"text":"v7","link":"/documentation/v7/overview"}]},{"text":"Demos","link":"/demos/demos"}],"sidebar":{"/documentation/v5/":[{"text":"Overview","link":"/documentation/v5/overview"},{"text":"Changelog","link":"/documentation/v5/changelog"},{"text":"Installation and usage","link":"/documentation/v5/installation-and-usage"},{"text":"Templating","link":"/documentation/v5/templating"},{"text":"SSR with Nuxt","link":"/documentation/v5/ssr-with-nuxt"},{"text":"Components","link":"/documentation/v5/components/vue-flux","collapsible":true,"children":[{"text":"VueFlux","link":"/documentation/v5/components/vue-flux"},{"text":"FluxParallax","link":"/documentation/v5/components/flux-parallax"},{"text":"FluxCaption","link":"/documentation/v5/components/flux-caption"},{"text":"FluxControls","link":"/documentation/v5/components/flux-controls"},{"text":"FluxIndex","link":"/documentation/v5/components/flux-index"},{"text":"FluxPagination","link":"/documentation/v5/components/flux-pagination"},{"text":"FluxImage","link":"/documentation/v5/components/flux-image"},{"text":"FluxWrapper","link":"/documentation/v5/components/flux-wrapper"},{"text":"FluxCube","link":"/documentation/v5/components/flux-cube"},{"text":"FluxGrid","link":"/documentation/v5/components/flux-grid"},{"text":"FluxVortex","link":"/documentation/v5/components/flux-vortex"},{"text":"FluxThumb","link":"/documentation/v5/components/flux-thumb"}]},{"text":"Transitions","link":"/documentation/v5/transitions","collapsible":true,"children":[{"text":"Blinds 2D","link":"/documentation/v5/transitions/blinds2d"},{"text":"Blinds 3D","link":"/documentation/v5/transitions/blinds3d"},{"text":"Blocks 1","link":"/documentation/v5/transitions/blocks1"},{"text":"Blocks 2","link":"/documentation/v5/transitions/blocks2"},{"text":"Book","link":"/documentation/v5/transitions/book"},{"text":"Camera","link":"/documentation/v5/transitions/camera"},{"text":"Concentric","link":"/documentation/v5/transitions/concentric"},{"text":"Cube","link":"/documentation/v5/transitions/cube"},{"text":"Explode","link":"/documentation/v5/transitions/explode"},{"text":"Fade","link":"/documentation/v5/transitions/fade"},{"text":"Fall","link":"/documentation/v5/transitions/fall"},{"text":"Kenburn","link":"/documentation/v5/transitions/kenburn"},{"text":"Round 1","link":"/documentation/v5/transitions/round1"},{"text":"Round 2","link":"/documentation/v5/transitions/round2"},{"text":"Slide","link":"/documentation/v5/transitions/slide"},{"text":"Swipe","link":"/documentation/v5/transitions/swipe"},{"text":"Warp","link":"/documentation/v5/transitions/warp"},{"text":"Waterfall","link":"/documentation/v5/transitions/waterfall"},{"text":"Wave","link":"/documentation/v5/transitions/wave"},{"text":"Zip","link":"/documentation/v5/transitions/zip"}]},{"text":"Custom transitions","link":"/documentation/v5/custom-transitions"}],"/documentation/v6/":[{"text":"Overview","link":"/documentation/v6/overview"},{"text":"Changelog","link":"/documentation/v6/changelog"},{"text":"Installation and usage","link":"/documentation/v6/installation-and-usage"},{"text":"Components","link":"/documentation/v6/components","collapsible":true,"children":[{"text":"VueFlux","link":"/documentation/v6/components/vue-flux"},{"text":"FluxButton","link":"/documentation/v6/components/flux-button"},{"text":"FluxCube","link":"/documentation/v6/components/flux-cube"},{"text":"FluxGrid","link":"/documentation/v6/components/flux-grid"},{"text":"FluxImage","link":"/documentation/v6/components/flux-image"},{"text":"FluxParallax","link":"/documentation/v6/components/flux-parallax"},{"text":"FluxTransition","link":"/documentation/v6/components/flux-transition"},{"text":"FluxVortex","link":"/documentation/v6/components/flux-vortex"},{"text":"FluxWrapper","link":"/documentation/v6/components/flux-wrapper"}]},{"text":"SSR with Nuxt","link":"/documentation/v6/ssr-with-nuxt"},{"text":"Complements","link":"/documentation/v6/complements","collapsible":true,"children":[{"text":"FluxCaption","link":"/documentation/v6/complements/flux-caption"},{"text":"FluxControls","link":"/documentation/v6/complements/flux-controls"},{"text":"FluxIndex","link":"/documentation/v6/complements/flux-index"},{"text":"FluxPagination","link":"/documentation/v6/complements/flux-pagination"},{"text":"FluxPreloader","link":"/documentation/v6/complements/flux-preloader"}]},{"text":"Transitions","link":"/documentation/v6/transitions","collapsible":true,"children":[{"text":"Blinds 2D","link":"/documentation/v6/transitions/blinds2d"},{"text":"Blinds 3D","link":"/documentation/v6/transitions/blinds3d"},{"text":"Blocks 1","link":"/documentation/v6/transitions/blocks1"},{"text":"Blocks 2","link":"/documentation/v6/transitions/blocks2"},{"text":"Book","link":"/documentation/v6/transitions/book"},{"text":"Camera","link":"/documentation/v6/transitions/camera"},{"text":"Concentric","link":"/documentation/v6/transitions/concentric"},{"text":"Cube","link":"/documentation/v6/transitions/cube"},{"text":"Explode","link":"/documentation/v6/transitions/explode"},{"text":"Fade","link":"/documentation/v6/transitions/fade"},{"text":"Fall","link":"/documentation/v6/transitions/fall"},{"text":"Kenburn","link":"/documentation/v6/transitions/kenburn"},{"text":"Round 1","link":"/documentation/v6/transitions/round1"},{"text":"Round 2","link":"/documentation/v6/transitions/round2"},{"text":"Slide","link":"/documentation/v6/transitions/slide"},{"text":"Swipe","link":"/documentation/v6/transitions/swipe"},{"text":"Warp","link":"/documentation/v6/transitions/warp"},{"text":"Waterfall","link":"/documentation/v6/transitions/waterfall"},{"text":"Wave","link":"/documentation/v6/transitions/wave"},{"text":"Zip","link":"/documentation/v6/transitions/zip"}]},{"text":"Custom transitions","link":"/documentation/v6/custom-transitions"}],"/documentation/v7/":[{"text":"Overview","link":"/documentation/v7/overview"},{"text":"Changelog","link":"/documentation/v7/changelog"},{"text":"Installation and usage","link":"/documentation/v7/installation-and-usage"},{"text":"Options VS Composition","link":"/documentation/v7/options-vs-composition"},{"text":"SSR with Nuxt","link":"/documentation/v7/ssr-with-nuxt"},{"text":"Resources","link":"/documentation/v7/resources","collapsible":true,"children":[{"text":"Img","link":"/documentation/v7/resources/img"},{"text":"Video","link":"/documentation/v7/resources/video"},{"text":"Component","link":"/documentation/v7/resources/component"}]},{"text":"Components","link":"/documentation/v7/components","collapsible":true,"children":[{"text":"VueFlux","link":"/documentation/v7/components/vue-flux"},{"text":"FluxButton","link":"/documentation/v7/components/flux-button"},{"text":"FluxCube","link":"/documentation/v7/components/flux-cube"},{"text":"FluxGrid","link":"/documentation/v7/components/flux-grid"},{"text":"FluxImage","link":"/documentation/v7/components/flux-image"},{"text":"FluxParallax","link":"/documentation/v7/components/flux-parallax"},{"text":"FluxTransition","link":"/documentation/v7/components/flux-transition"},{"text":"FluxVortex","link":"/documentation/v7/components/flux-vortex"},{"text":"FluxWrapper","link":"/documentation/v7/components/flux-wrapper"}]},{"text":"Complements","link":"/documentation/v7/complements","collapsible":true,"children":[{"text":"FluxCaption","link":"/documentation/v7/complements/flux-caption"},{"text":"FluxControls","link":"/documentation/v7/complements/flux-controls"},{"text":"FluxIndex","link":"/documentation/v7/complements/flux-index"},{"text":"FluxPagination","link":"/documentation/v7/complements/flux-pagination"},{"text":"FluxPreloader","link":"/documentation/v7/complements/flux-preloader"}]},{"text":"Transitions","link":"/documentation/v7/transitions","collapsible":true,"children":[{"text":"Blinds 2D","link":"/documentation/v7/transitions/blinds2d"},{"text":"Blinds 3D","link":"/documentation/v7/transitions/blinds3d"},{"text":"Blocks 1","link":"/documentation/v7/transitions/blocks1"},{"text":"Blocks 2","link":"/documentation/v7/transitions/blocks2"},{"text":"Book","link":"/documentation/v7/transitions/book"},{"text":"Camera","link":"/documentation/v7/transitions/camera"},{"text":"Concentric","link":"/documentation/v7/transitions/concentric"},{"text":"Cube","link":"/documentation/v7/transitions/cube"},{"text":"Explode","link":"/documentation/v7/transitions/explode"},{"text":"Fade","link":"/documentation/v7/transitions/fade"},{"text":"Fall","link":"/documentation/v7/transitions/fall"},{"text":"Kenburn","link":"/documentation/v7/transitions/kenburn"},{"text":"Round 1","link":"/documentation/v7/transitions/round1"},{"text":"Round 2","link":"/documentation/v7/transitions/round2"},{"text":"Slide","link":"/documentation/v7/transitions/slide"},{"text":"Swipe","link":"/documentation/v7/transitions/swipe"},{"text":"Warp","link":"/documentation/v7/transitions/warp"},{"text":"Waterfall","link":"/documentation/v7/transitions/waterfall"},{"text":"Wave","link":"/documentation/v7/transitions/wave"},{"text":"Zip","link":"/documentation/v7/transitions/zip"}]},{"text":"Custom transitions","link":"/documentation/v7/custom-transitions"}],"/demos/":[{"text":"Demos","link":"/demos/demos"},{"text":"Components","link":"/demos/components/vue-flux","collapsible":true,"children":[{"text":"VueFlux","link":"/demos/components/vue-flux"},{"text":"FluxButton","link":"/demos/components/flux-button"},{"text":"FluxImage","link":"/demos/components/flux-image"},{"text":"FluxCube","link":"/demos/components/flux-cube"},{"text":"FluxGrid","link":"/demos/components/flux-grid"},{"text":"FluxVortex","link":"/demos/components/flux-vortex"},{"text":"FluxTransition","link":"/demos/components/flux-transition"},{"text":"FluxParallax","link":"/demos/components/flux-parallax"}]},{"text":"Complements","link":"/demos/complements/flux-caption","collapsible":true,"children":[{"text":"FluxCaption","link":"/demos/complements/flux-caption"},{"text":"FluxControls","link":"/demos/complements/flux-controls"},{"text":"FluxIndex","link":"/demos/complements/flux-index"},{"text":"FluxPagination","link":"/demos/complements/flux-pagination"},{"text":"FluxPreloader","link":"/demos/complements/flux-preloader"}]},{"text":"Transitions","link":"/demos/transitions","collapsible":true,"children":[{"text":"Blinds 2D","link":"/demos/transitions/blinds2d"},{"text":"Blinds 3D","link":"/demos/transitions/blinds3d"},{"text":"Blocks 1","link":"/demos/transitions/blocks1"},{"text":"Blocks 2","link":"/demos/transitions/blocks2"},{"text":"Book","link":"/demos/transitions/book"},{"text":"Camera","link":"/demos/transitions/camera"},{"text":"Concentric","link":"/demos/transitions/concentric"},{"text":"Cube","link":"/demos/transitions/cube"},{"text":"Explode","link":"/demos/transitions/explode"},{"text":"Fade","link":"/demos/transitions/fade"},{"text":"Fall","link":"/demos/transitions/fall"},{"text":"Kenburn","link":"/demos/transitions/kenburn"},{"text":"Round 1","link":"/demos/transitions/round1"},{"text":"Round 2","link":"/demos/transitions/round2"},{"text":"Slide","link":"/demos/transitions/slide"},{"text":"Swipe","link":"/demos/transitions/swipe"},{"text":"Warp","link":"/demos/transitions/warp"},{"text":"Waterfall","link":"/demos/transitions/waterfall"},{"text":"Wave","link":"/demos/transitions/wave"},{"text":"Zip","link":"/demos/transitions/zip"}]}]},"locales":{"/":{"selectLanguageName":"English"}},"colorMode":"auto","colorModeSwitch":true,"logo":null,"selectLanguageText":"Languages","selectLanguageAriaLabel":"Select language","editLinkText":"Edit this page","lastUpdated":true,"lastUpdatedText":"Last Updated","contributorsText":"Contributors","notFound":["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],"backToHome":"Take me home","openInNewWindow":"open in new window","toggleColorMode":"toggle color mode","toggleSidebar":"toggle sidebar"}`),Lf=Le(Tf),Wa=()=>Lf,Ua=Symbol(""),Pf=()=>{const e=Oe(Ua);if(!e)throw new Error("useThemeLocaleData() is called without provider.");return e},Rf=(e,t)=>{const{locales:n,...o}=e;return{...o,...n==null?void 0:n[t]}},Of=Nt({enhance({app:e}){const t=Wa(),n=e._context.provides[Yr],o=U(()=>Rf(t.value,n.value));e.provide(Ua,o),Object.defineProperties(e.config.globalProperties,{$theme:{get(){return t.value}},$themeLocale:{get(){return o.value}}})}}),Af=_e({__name:"Badge",props:{type:{type:String,required:!1,default:"tip"},text:{type:String,required:!1,default:""},vertical:{type:String,required:!1,default:void 0}},setup(e){return(t,n)=>(z(),te("span",{class:je(["badge",e.type]),style:xn({verticalAlign:e.vertical})},[xe(t.$slots,"default",{},()=>[$t(De(e.text),1)])],6))}}),Pe=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n},If=Pe(Af,[["__file","Badge.vue"]]);function Es(e,t){var n;const o=Fr();return Xs(()=>{o.value=e()},{...t,flush:(n=t==null?void 0:t.flush)!=null?n:"sync"}),Yn(o)}function wf(e,t){let n,o,r;const i=Le(!0),s=()=>{i.value=!0,r()};Ye(e,s,{flush:"sync"});const a=typeof t=="function"?t:t.get,l=typeof t=="function"?void 0:t.set,c=Kl((d,f)=>(o=d,r=f,{get(){return i.value&&(n=a(),i.value=!1),o(),n},set(m){l==null||l(m)}}));return Object.isExtensible(c)&&(c.trigger=s),c}function Ka(e){return ws()?(xl(e),!0):!1}function En(e){return typeof e=="function"?e():ne(e)}const Df=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const kf=Object.prototype.toString,Cf=e=>kf.call(e)==="[object Object]",Vf=()=>{};function Sf(e,t){function n(...o){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,o),{fn:t,thisArg:this,args:o})).then(r).catch(i)})}return n}const qa=e=>e();function Ff(e=qa){const t=Le(!0);function n(){t.value=!1}function o(){t.value=!0}const r=(...i)=>{t.value&&e(...i)};return{isActive:Yn(t),pause:n,resume:o,eventFilter:r}}function $f(e){return e||Ur()}function Nf(e,t,n={}){const{eventFilter:o=qa,...r}=n;return Ye(e,Sf(o,t),r)}function Mf(e,t,n={}){const{eventFilter:o,...r}=n,{eventFilter:i,pause:s,resume:a,isActive:l}=Ff(o);return{stop:Nf(e,t,{...r,eventFilter:i}),pause:s,resume:a,isActive:l}}function Bf(e,t=!0,n){const o=$f(n);o?Je(e,o):t?e():Jn(e)}function Hf(e=!1,t={}){const{truthyValue:n=!0,falsyValue:o=!1}=t,r=Se(e),i=Le(e);function s(a){if(arguments.length)return i.value=a,i.value;{const l=En(n);return i.value=i.value===l?En(o):l,i.value}}return r?s:[i,s]}function zf(e){var t;const n=En(e);return(t=n==null?void 0:n.$el)!=null?t:n}const Co=Df?window:void 0;function bs(...e){let t,n,o,r;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,o,r]=e,t=Co):[t,n,o,r]=e,!t)return Vf;Array.isArray(n)||(n=[n]),Array.isArray(o)||(o=[o]);const i=[],s=()=>{i.forEach(d=>d()),i.length=0},a=(d,f,m,h)=>(d.addEventListener(f,m,h),()=>d.removeEventListener(f,m,h)),l=Ye(()=>[zf(t),En(r)],([d,f])=>{if(s(),!d)return;const m=Cf(f)?{...f}:f;i.push(...n.flatMap(h=>o.map(y=>a(d,h,y,m))))},{immediate:!0,flush:"post"}),c=()=>{l(),s()};return Ka(c),c}function jf(){const e=Le(!1);return Ur()&&Je(()=>{e.value=!0}),e}function Wf(e){const t=jf();return U(()=>(t.value,!!e()))}function Uf(e,t={}){const{window:n=Co}=t,o=Wf(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let r;const i=Le(!1),s=c=>{i.value=c.matches},a=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",s):r.removeListener(s))},l=Xs(()=>{o.value&&(a(),r=n.matchMedia(En(e)),"addEventListener"in r?r.addEventListener("change",s):r.addListener(s),i.value=r.matches)});return Ka(()=>{l(),a(),r=void 0}),i}const _o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},vo="__vueuse_ssr_handlers__",Kf=qf();function qf(){return vo in _o||(_o[vo]=_o[vo]||{}),_o[vo]}function Gf(e,t){return Kf[e]||t}function Yf(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const Zf={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},xs="vueuse-storage";function Ga(e,t,n,o={}){var r;const{flush:i="pre",deep:s=!0,listenToStorageChanges:a=!0,writeDefaults:l=!0,mergeDefaults:c=!1,shallow:d,window:f=Co,eventFilter:m,onError:h=S=>{console.error(S)},initOnMounted:y}=o,R=(d?Fr:Le)(typeof t=="function"?t():t);if(!n)try{n=Gf("getDefaultStorage",()=>{var S;return(S=Co)==null?void 0:S.localStorage})()}catch(S){h(S)}if(!n)return R;const A=En(t),C=Yf(A),k=(r=o.serializer)!=null?r:Zf[C],{pause:b,resume:x}=Mf(R,()=>W(R.value),{flush:i,deep:s,eventFilter:m});return f&&a&&Bf(()=>{bs(f,"storage",E),bs(f,xs,B),y&&E()}),y||E(),R;function W(S){try{if(S==null)n.removeItem(e);else{const w=k.write(S),q=n.getItem(e);q!==w&&(n.setItem(e,w),f&&f.dispatchEvent(new CustomEvent(xs,{detail:{key:e,oldValue:q,newValue:w,storageArea:n}})))}}catch(w){h(w)}}function J(S){const w=S?S.newValue:n.getItem(e);if(w==null)return l&&A!=null&&n.setItem(e,k.write(A)),A;if(!S&&c){const q=k.read(w);return typeof c=="function"?c(q,A):C==="object"&&!Array.isArray(q)?{...A,...q}:q}else return typeof w!="string"?w:k.read(w)}function B(S){E(S.detail)}function E(S){if(!(S&&S.storageArea!==n)){if(S&&S.key==null){R.value=A;return}if(!(S&&S.key!==e)){b();try{(S==null?void 0:S.newValue)!==k.write(R.value)&&(R.value=J(S))}catch(w){h(w)}finally{S?Jn(x):x()}}}}}function Jf(e){return Uf("(prefers-color-scheme: dark)",e)}const Qf=_e({name:"CodeGroup",slots:Object,setup(e,{slots:t}){const n=Le([]),o=Le(-1),r=Ga("vuepress-code-group",{}),i=U(()=>n.value.map(c=>c.innerText).join(","));Je(()=>{Ye(()=>r.value[i.value],(c=-1)=>{o.value!==c&&(o.value=c)},{immediate:!0}),Ye(o,c=>{r.value[i.value]!==c&&(r.value[i.value]=c)})});const s=(c=o.value)=>{c{c>0?o.value=c-1:o.value=n.value.length-1,n.value[o.value].focus()},l=(c,d)=>{c.key===" "||c.key==="Enter"?(c.preventDefault(),o.value=d):c.key==="ArrowRight"?(c.preventDefault(),s(d)):c.key==="ArrowLeft"&&(c.preventDefault(),a(d))};return()=>{var d;const c=(((d=t.default)==null?void 0:d.call(t))||[]).filter(f=>f.type.name==="CodeGroupItem").map(f=>(f.props===null&&(f.props={}),f));return c.length===0?null:(o.value<0||o.value>c.length-1?(o.value=c.findIndex(f=>f.props.active===""||f.props.active===!0),o.value===-1&&(o.value=0)):c.forEach((f,m)=>{f.props.active=m===o.value}),ge("div",{class:"code-group"},[ge("div",{class:"code-group__nav"},ge("ul",{class:"code-group__ul"},c.map((f,m)=>{const h=m===o.value;return ge("li",{class:"code-group__li"},ge("button",{ref:y=>{y&&(n.value[m]=y)},class:{"code-group__nav-tab":!0,"code-group__nav-tab-active":h},ariaPressed:h,ariaExpanded:h,onClick:()=>o.value=m,onKeydown:y=>l(y,m)},f.props.title))}))),c]))}}}),Xf=["aria-selected"],em=_e({name:"CodeGroupItem"}),tm=_e({...em,props:{title:{type:String,required:!0},active:{type:Boolean,required:!1,default:!1}},setup(e){return(t,n)=>(z(),te("div",{class:je(["code-group-item",{"code-group-item__active":e.active}]),"aria-selected":e.active},[xe(t.$slots,"default")],10,Xf))}}),nm=Pe(tm,[["__file","CodeGroupItem.vue"]]),om=()=>Wa(),ze=()=>Pf(),Ya=Symbol(""),ni=()=>{const e=Oe(Ya);if(!e)throw new Error("useDarkMode() is called without provider.");return e},rm=()=>{const e=ze(),t=Jf(),n=Ga("vuepress-color-scheme",e.value.colorMode),o=U({get(){return e.value.colorModeSwitch?n.value==="auto"?t.value:n.value==="dark":e.value.colorMode==="dark"},set(r){r===t.value?n.value="auto":n.value=r?"dark":"light"}});Gt(Ya,o),im(o)},im=e=>{const t=(n=e.value)=>{const o=window==null?void 0:window.document.querySelector("html");o==null||o.classList.toggle("dark",n)};Je(()=>{Ye(e,t,{immediate:!0})}),Ho(()=>t())},Za=(...e)=>{const n=to().resolve(...e),o=n.matched[n.matched.length-1];if(!(o!=null&&o.redirect))return n;const{redirect:r}=o,i=se(r)?r(n):r,s=ve(i)?{path:i}:i;return Za({hash:n.hash,query:n.query,params:n.params,...s})},oi=e=>{const t=Za(encodeURI(e));return{text:t.meta.title||e,link:t.name==="404"?e:t.fullPath}};let sr=null,An=null;const sm={wait:()=>sr,pending:()=>{sr=new Promise(e=>An=e)},resolve:()=>{An==null||An(),sr=null,An=null}},Ja=()=>sm,Qa=Symbol("sidebarItems"),ri=()=>{const e=Oe(Qa);if(!e)throw new Error("useSidebarItems() is called without provider.");return e},am=()=>{const e=ze(),t=gt(),n=U(()=>lm(t.value,e.value));Gt(Qa,n)},lm=(e,t)=>{const n=e.sidebar??t.sidebar??"auto",o=e.sidebarDepth??t.sidebarDepth??2;return e.home||n===!1?[]:n==="auto"?cm(o):G(n)?Xa(n,o):Gr(n)?dm(n,o):[]},um=(e,t)=>({text:e.title,link:e.link,children:ii(e.children,t)}),ii=(e,t)=>t>0?e.map(n=>um(n,t-1)):[],cm=e=>{const t=Zt();return[{text:t.value.title,children:ii(t.value.headers,e)}]},Xa=(e,t)=>{const n=Xt(),o=Zt(),r=i=>{var a;let s;if(ve(i)?s=oi(i):s=i,s.children)return{...s,children:s.children.map(l=>r(l))};if(s.link===n.path){const l=((a=o.value.headers[0])==null?void 0:a.level)===1?o.value.headers[0].children:o.value.headers;return{...s,children:ii(l,t)}}return s};return e.map(i=>r(i))},dm=(e,t)=>{const n=Xt(),o=Ta(e,n.path),r=e[o]??[];return Xa(r,t)},fm="719px",mm={mobile:fm};var Wn;(function(e){e.MOBILE="mobile"})(Wn||(Wn={}));var Ls;const _m={[Wn.MOBILE]:Number.parseInt((Ls=mm.mobile)==null?void 0:Ls.replace("px",""),10)},el=(e,t)=>{const n=_m[e];Number.isInteger(n)&&Je(()=>{t(n),window.addEventListener("resize",()=>t(n),!1),window.addEventListener("orientationchange",()=>t(n),!1)})},vm={},pm={class:"theme-default-content"};function hm(e,t){const n=bt("Content");return z(),te("div",pm,[re(n)])}const gm=Pe(vm,[["render",hm],["__file","HomeContent.vue"]]),Em={key:0,class:"features"},bm=_e({__name:"HomeFeatures",setup(e){const t=gt(),n=U(()=>G(t.value.features)?t.value.features:[]);return(o,r)=>n.value.length?(z(),te("div",Em,[(z(!0),te(ye,null,St(n.value,i=>(z(),te("div",{key:i.title,class:"feature"},[fe("h2",null,De(i.title),1),fe("p",null,De(i.details),1)]))),128))])):Re("v-if",!0)}}),xm=Pe(bm,[["__file","HomeFeatures.vue"]]),ym=["innerHTML"],Tm=["textContent"],Lm=_e({__name:"HomeFooter",setup(e){const t=gt(),n=U(()=>t.value.footer),o=U(()=>t.value.footerHtml);return(r,i)=>n.value?(z(),te(ye,{key:0},[Re(" eslint-disable-next-line vue/no-v-html "),o.value?(z(),te("div",{key:0,class:"footer",innerHTML:n.value},null,8,ym)):(z(),te("div",{key:1,class:"footer",textContent:De(n.value)},null,8,Tm))],64)):Re("v-if",!0)}}),Pm=Pe(Lm,[["__file","HomeFooter.vue"]]),Rm=["href","rel","target","aria-label"],Om=_e({inheritAttrs:!1}),Am=_e({...Om,__name:"AutoLink",props:{item:{type:Object,required:!0}},setup(e){const t=e,n=Xt(),o=wa(),{item:r}=$r(t),i=U(()=>eo(r.value.link)),s=U(()=>!i.value&&Fc(r.value.link)),a=U(()=>{if(!s.value){if(r.value.target)return r.value.target;if(i.value)return"_blank"}}),l=U(()=>a.value==="_blank"),c=U(()=>!i.value&&!s.value&&!l.value),d=U(()=>{if(!s.value){if(r.value.rel)return r.value.rel;if(l.value)return"noopener noreferrer"}}),f=U(()=>r.value.ariaLabel||r.value.text),m=U(()=>{const R=Object.keys(o.value.locales);return R.length?!R.some(A=>A===r.value.link):r.value.link!=="/"}),h=U(()=>m.value?n.path.startsWith(r.value.link):!1),y=U(()=>c.value?r.value.activeMatch?new RegExp(r.value.activeMatch).test(n.path):h.value:!1);return(R,A)=>{const C=bt("RouterLink"),k=bt("AutoLinkExternalIcon");return c.value?(z(),Ie(C,gr({key:0,class:{"router-link-active":y.value},to:ne(r).link,"aria-label":f.value},R.$attrs),{default:$e(()=>[xe(R.$slots,"before"),$t(" "+De(ne(r).text)+" ",1),xe(R.$slots,"after")]),_:3},16,["class","to","aria-label"])):(z(),te("a",gr({key:1,class:"external-link",href:ne(r).link,rel:d.value,target:a.value,"aria-label":f.value},R.$attrs),[xe(R.$slots,"before"),$t(" "+De(ne(r).text)+" ",1),l.value?(z(),Ie(k,{key:0})):Re("v-if",!0),xe(R.$slots,"after")],16,Rm))}}}),Et=Pe(Am,[["__file","AutoLink.vue"]]),Im={class:"hero"},wm={key:0,id:"main-title"},Dm={key:1,class:"description"},km={key:2,class:"actions"},Cm=_e({__name:"HomeHero",setup(e){const t=gt(),n=Zr(),o=ni(),r=U(()=>o.value&&t.value.heroImageDark!==void 0?t.value.heroImageDark:t.value.heroImage),i=U(()=>t.value.heroAlt||a.value||"hero"),s=U(()=>t.value.heroHeight||280),a=U(()=>t.value.heroText===null?null:t.value.heroText||n.value.title||"Hello"),l=U(()=>t.value.tagline===null?null:t.value.tagline||n.value.description||"Welcome to your VuePress site"),c=U(()=>G(t.value.actions)?t.value.actions.map(({text:f,link:m,type:h="primary"})=>({text:f,link:m,type:h})):[]),d=()=>{if(!r.value)return null;const f=ge("img",{src:Qr(r.value),alt:i.value,height:s.value});return t.value.heroImageDark===void 0?f:ge(Jr,()=>f)};return(f,m)=>(z(),te("header",Im,[re(d),a.value?(z(),te("h1",wm,De(a.value),1)):Re("v-if",!0),l.value?(z(),te("p",Dm,De(l.value),1)):Re("v-if",!0),c.value.length?(z(),te("p",km,[(z(!0),te(ye,null,St(c.value,h=>(z(),Ie(Et,{key:h.text,class:je(["action-button",[h.type]]),item:h},null,8,["class","item"]))),128))])):Re("v-if",!0)]))}}),Vm=Pe(Cm,[["__file","HomeHero.vue"]]),Sm={class:"home"},Fm=_e({__name:"Home",setup(e){return(t,n)=>(z(),te("main",Sm,[re(Vm),re(xm),re(gm),re(Pm)]))}}),$m=Pe(Fm,[["__file","Home.vue"]]),Nm=_e({__name:"NavbarBrand",setup(e){const t=Wo(),n=Zr(),o=ze(),r=ni(),i=U(()=>o.value.home||t.value),s=U(()=>n.value.title),a=U(()=>r.value&&o.value.logoDark!==void 0?o.value.logoDark:o.value.logo),l=()=>{if(!a.value)return null;const c=ge("img",{class:"logo",src:Qr(a.value),alt:s.value});return o.value.logoDark===void 0?c:ge(Jr,()=>c)};return(c,d)=>{const f=bt("RouterLink");return z(),Ie(f,{to:i.value},{default:$e(()=>[re(l),s.value?(z(),te("span",{key:0,class:je(["site-name",{"can-hide":a.value}])},De(s.value),3)):Re("v-if",!0)]),_:1},8,["to"])}}}),Mm=Pe(Nm,[["__file","NavbarBrand.vue"]]),Bm=_e({__name:"DropdownTransition",setup(e){const t=o=>{o.style.height=o.scrollHeight+"px"},n=o=>{o.style.height=""};return(o,r)=>(z(),Ie(Xn,{name:"dropdown",onEnter:t,onAfterEnter:n,onBeforeLeave:t},{default:$e(()=>[xe(o.$slots,"default")]),_:3}))}}),tl=Pe(Bm,[["__file","DropdownTransition.vue"]]),Hm=["aria-label"],zm={class:"title"},jm=fe("span",{class:"arrow down"},null,-1),Wm=["aria-label"],Um={class:"title"},Km={class:"navbar-dropdown"},qm={class:"navbar-dropdown-subtitle"},Gm={key:1},Ym={class:"navbar-dropdown-subitem-wrapper"},Zm=_e({__name:"NavbarDropdown",props:{item:{type:Object,required:!0}},setup(e){const t=e,{item:n}=$r(t),o=U(()=>n.value.ariaLabel||n.value.text),r=Le(!1),i=Xt();Ye(()=>i.path,()=>{r.value=!1});const s=l=>{l.detail===0?r.value=!r.value:r.value=!1},a=(l,c)=>c[c.length-1]===l;return(l,c)=>(z(),te("div",{class:je(["navbar-dropdown-wrapper",{open:r.value}])},[fe("button",{class:"navbar-dropdown-title",type:"button","aria-label":o.value,onClick:s},[fe("span",zm,De(ne(n).text),1),jm],8,Hm),fe("button",{class:"navbar-dropdown-title-mobile",type:"button","aria-label":o.value,onClick:c[0]||(c[0]=d=>r.value=!r.value)},[fe("span",Um,De(ne(n).text),1),fe("span",{class:je(["arrow",r.value?"down":"right"])},null,2)],8,Wm),re(tl,null,{default:$e(()=>[Ro(fe("ul",Km,[(z(!0),te(ye,null,St(ne(n).children,d=>(z(),te("li",{key:d.text,class:"navbar-dropdown-item"},[d.children?(z(),te(ye,{key:0},[fe("h4",qm,[d.link?(z(),Ie(Et,{key:0,item:d,onFocusout:f=>a(d,ne(n).children)&&d.children.length===0&&(r.value=!1)},null,8,["item","onFocusout"])):(z(),te("span",Gm,De(d.text),1))]),fe("ul",Ym,[(z(!0),te(ye,null,St(d.children,f=>(z(),te("li",{key:f.link,class:"navbar-dropdown-subitem"},[re(Et,{item:f,onFocusout:m=>a(f,d.children)&&a(d,ne(n).children)&&(r.value=!1)},null,8,["item","onFocusout"])]))),128))])],64)):(z(),Ie(Et,{key:1,item:d,onFocusout:f=>a(d,ne(n).children)&&(r.value=!1)},null,8,["item","onFocusout"]))]))),128))],512),[[Do,r.value]])]),_:1})],2))}}),Jm=Pe(Zm,[["__file","NavbarDropdown.vue"]]),ys=e=>decodeURI(e).replace(/#.*$/,"").replace(/(index)?\.(md|html)$/,""),Qm=(e,t)=>{if(t.hash===e)return!0;const n=ys(t.path),o=ys(e);return n===o},nl=(e,t)=>e.link&&Qm(e.link,t)?!0:e.children?e.children.some(n=>nl(n,t)):!1,ol=e=>!eo(e)||/github\.com/.test(e)?"GitHub":/bitbucket\.org/.test(e)?"Bitbucket":/gitlab\.com/.test(e)?"GitLab":/gitee\.com/.test(e)?"Gitee":null,Xm={GitHub:":repo/edit/:branch/:path",GitLab:":repo/-/edit/:branch/:path",Gitee:":repo/edit/:branch/:path",Bitbucket:":repo/src/:branch/:path?mode=edit&spa=0&at=:branch&fileviewer=file-view-default"},e_=({docsRepo:e,editLinkPattern:t})=>{if(t)return t;const n=ol(e);return n!==null?Xm[n]:null},t_=({docsRepo:e,docsBranch:t,docsDir:n,filePathRelative:o,editLinkPattern:r})=>{if(!o)return null;const i=e_({docsRepo:e,editLinkPattern:r});return i?i.replace(/:repo/,eo(e)?e:`https://github.com/${e}`).replace(/:branch/,t).replace(/:path/,ya(`${xa(n)}/${o}`)):null},n_={key:0,class:"navbar-items"},o_=_e({__name:"NavbarItems",setup(e){const t=()=>{const d=to(),f=Wo(),m=wa(),h=Zr(),y=om(),R=ze();return U(()=>{const A=Object.keys(m.value.locales);if(A.length<2)return[];const C=d.currentRoute.value.path,k=d.currentRoute.value.fullPath;return[{text:`${R.value.selectLanguageText}`,ariaLabel:`${R.value.selectLanguageAriaLabel??R.value.selectLanguageText}`,children:A.map(x=>{var w,q;const W=((w=m.value.locales)==null?void 0:w[x])??{},J=((q=y.value.locales)==null?void 0:q[x])??{},B=`${W.lang}`,E=J.selectLanguageName??B;let S;if(B===h.value.lang)S=k;else{const L=C.replace(f.value,x);d.getRoutes().some(F=>F.path===L)?S=k.replace(C,L):S=J.home??x}return{text:E,link:S}})}]})},n=()=>{const d=ze(),f=U(()=>d.value.repo),m=U(()=>f.value?ol(f.value):null),h=U(()=>f.value&&!eo(f.value)?`https://github.com/${f.value}`:f.value),y=U(()=>h.value?d.value.repoLabel?d.value.repoLabel:m.value===null?"Source":m.value:null);return U(()=>!h.value||!y.value?[]:[{text:y.value,link:h.value}])},o=d=>ve(d)?oi(d):d.children?{...d,children:d.children.map(o)}:d,r=()=>{const d=ze();return U(()=>(d.value.navbar||[]).map(o))},i=Le(!1),s=r(),a=t(),l=n(),c=U(()=>[...s.value,...a.value,...l.value]);return el(Wn.MOBILE,d=>{window.innerWidthc.value.length?(z(),te("nav",n_,[(z(!0),te(ye,null,St(c.value,m=>(z(),te("div",{key:m.text,class:"navbar-item"},[m.children?(z(),Ie(Jm,{key:0,item:m,class:je(i.value?"mobile":"")},null,8,["item","class"])):(z(),Ie(Et,{key:1,item:m},null,8,["item"]))]))),128))])):Re("v-if",!0)}}),rl=Pe(o_,[["__file","NavbarItems.vue"]]),r_=["title"],i_={class:"icon",focusable:"false",viewBox:"0 0 32 32"},s_=ju('',9),a_=[s_],l_={class:"icon",focusable:"false",viewBox:"0 0 32 32"},u_=fe("path",{d:"M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z",fill:"currentColor"},null,-1),c_=[u_],d_=_e({__name:"ToggleColorModeButton",setup(e){const t=ze(),n=ni(),o=()=>{n.value=!n.value};return(r,i)=>(z(),te("button",{class:"toggle-color-mode-button",title:ne(t).toggleColorMode,onClick:o},[Ro((z(),te("svg",i_,a_,512)),[[Do,!ne(n)]]),Ro((z(),te("svg",l_,c_,512)),[[Do,ne(n)]])],8,r_))}}),f_=Pe(d_,[["__file","ToggleColorModeButton.vue"]]),m_=["title"],__=fe("div",{class:"icon","aria-hidden":"true"},[fe("span"),fe("span"),fe("span")],-1),v_=[__],p_=_e({__name:"ToggleSidebarButton",emits:["toggle"],setup(e){const t=ze();return(n,o)=>(z(),te("div",{class:"toggle-sidebar-button",title:ne(t).toggleSidebar,"aria-expanded":"false",role:"button",tabindex:"0",onClick:o[0]||(o[0]=r=>n.$emit("toggle"))},v_,8,m_))}}),h_=Pe(p_,[["__file","ToggleSidebarButton.vue"]]),g_=_e({__name:"Navbar",emits:["toggle-sidebar"],setup(e){const t=ze(),n=Le(null),o=Le(null),r=Le(0),i=U(()=>r.value?{maxWidth:r.value+"px"}:{});el(Wn.MOBILE,a=>{var c;const l=s(n.value,"paddingLeft")+s(n.value,"paddingRight");window.innerWidth{const c=bt("NavbarSearch");return z(),te("header",{ref_key:"navbar",ref:n,class:"navbar"},[re(h_,{onToggle:l[0]||(l[0]=d=>a.$emit("toggle-sidebar"))}),fe("span",{ref_key:"navbarBrand",ref:o},[re(Mm)],512),fe("div",{class:"navbar-items-wrapper",style:xn(i.value)},[xe(a.$slots,"before"),re(rl,{class:"can-hide"}),xe(a.$slots,"after"),ne(t).colorModeSwitch?(z(),Ie(f_,{key:0})):Re("v-if",!0),re(c)],4)],512)}}}),E_=Pe(g_,[["__file","Navbar.vue"]]),b_={class:"page-meta"},x_={key:0,class:"meta-item edit-link"},y_={key:1,class:"meta-item last-updated"},T_={class:"meta-item-label"},L_={class:"meta-item-info"},P_={key:2,class:"meta-item contributors"},R_={class:"meta-item-label"},O_={class:"meta-item-info"},A_=["title"],I_=_e({__name:"PageMeta",setup(e){const t=()=>{const l=ze(),c=Zt(),d=gt();return U(()=>{if(!(d.value.editLink??l.value.editLink??!0))return null;const{repo:m,docsRepo:h=m,docsBranch:y="main",docsDir:R="",editLinkText:A}=l.value;if(!h)return null;const C=t_({docsRepo:h,docsBranch:y,docsDir:R,filePathRelative:c.value.filePathRelative,editLinkPattern:d.value.editLinkPattern??l.value.editLinkPattern});return C?{text:A??"Edit this page",link:C}:null})},n=()=>{const l=ze(),c=Zt(),d=gt();return U(()=>{var h,y;return!(d.value.lastUpdated??l.value.lastUpdated??!0)||!((h=c.value.git)!=null&&h.updatedTime)?null:new Date((y=c.value.git)==null?void 0:y.updatedTime).toLocaleString()})},o=()=>{const l=ze(),c=Zt(),d=gt();return U(()=>{var m;return d.value.contributors??l.value.contributors??!0?((m=c.value.git)==null?void 0:m.contributors)??null:null})},r=ze(),i=t(),s=n(),a=o();return(l,c)=>{const d=bt("ClientOnly");return z(),te("footer",b_,[ne(i)?(z(),te("div",x_,[re(Et,{class:"meta-item-label",item:ne(i)},null,8,["item"])])):Re("v-if",!0),ne(s)?(z(),te("div",y_,[fe("span",T_,De(ne(r).lastUpdatedText)+": ",1),re(d,null,{default:$e(()=>[fe("span",L_,De(ne(s)),1)]),_:1})])):Re("v-if",!0),ne(a)&&ne(a).length?(z(),te("div",P_,[fe("span",R_,De(ne(r).contributorsText)+": ",1),fe("span",O_,[(z(!0),te(ye,null,St(ne(a),(f,m)=>(z(),te(ye,{key:m},[fe("span",{class:"contributor",title:`email: ${f.email}`},De(f.name),9,A_),m!==ne(a).length-1?(z(),te(ye,{key:0},[$t(", ")],64)):Re("v-if",!0)],64))),128))])])):Re("v-if",!0)])}}}),w_=Pe(I_,[["__file","PageMeta.vue"]]),D_={key:0,class:"page-nav"},k_={class:"inner"},C_={key:0,class:"prev"},V_={key:1,class:"next"},S_=_e({__name:"PageNav",setup(e){const t=l=>l===!1?null:ve(l)?oi(l):Gr(l)?l:!1,n=(l,c,d)=>{const f=l.findIndex(m=>m.link===c);if(f!==-1){const m=l[f+d];return m!=null&&m.link?m:null}for(const m of l)if(m.children){const h=n(m.children,c,d);if(h)return h}return null},o=gt(),r=ri(),i=Xt(),s=U(()=>{const l=t(o.value.prev);return l!==!1?l:n(r.value,i.path,-1)}),a=U(()=>{const l=t(o.value.next);return l!==!1?l:n(r.value,i.path,1)});return(l,c)=>s.value||a.value?(z(),te("nav",D_,[fe("p",k_,[s.value?(z(),te("span",C_,[re(Et,{item:s.value},null,8,["item"])])):Re("v-if",!0),a.value?(z(),te("span",V_,[re(Et,{item:a.value},null,8,["item"])])):Re("v-if",!0)])])):Re("v-if",!0)}}),F_=Pe(S_,[["__file","PageNav.vue"]]),$_={class:"page"},N_={class:"theme-default-content"},M_=_e({__name:"Page",setup(e){return(t,n)=>{const o=bt("Content");return z(),te("main",$_,[xe(t.$slots,"top"),fe("div",N_,[xe(t.$slots,"content-top"),re(o),xe(t.$slots,"content-bottom")]),re(w_),re(F_),xe(t.$slots,"bottom")])}}}),B_=Pe(M_,[["__file","Page.vue"]]),H_=["onKeydown"],z_={class:"sidebar-item-children"},j_=_e({__name:"SidebarItem",props:{item:{type:Object,required:!0},depth:{type:Number,required:!1,default:0}},setup(e){const t=e,{item:n,depth:o}=$r(t),r=Xt(),i=to(),s=U(()=>nl(n.value,r)),a=U(()=>({"sidebar-item":!0,"sidebar-heading":o.value===0,active:s.value,collapsible:n.value.collapsible})),l=U(()=>n.value.collapsible?s.value:!0),[c,d]=Hf(l.value),f=h=>{n.value.collapsible&&(h.preventDefault(),d())},m=i.afterEach(h=>{Jn(()=>{c.value=l.value})});return Hr(()=>{m()}),(h,y)=>{var A;const R=bt("SidebarItem",!0);return z(),te("li",null,[ne(n).link?(z(),Ie(Et,{key:0,class:je(a.value),item:ne(n)},null,8,["class","item"])):(z(),te("p",{key:1,tabindex:"0",class:je(a.value),onClick:f,onKeydown:Pc(f,["enter"])},[$t(De(ne(n).text)+" ",1),ne(n).collapsible?(z(),te("span",{key:0,class:je(["arrow",ne(c)?"down":"right"])},null,2)):Re("v-if",!0)],42,H_)),(A=ne(n).children)!=null&&A.length?(z(),Ie(tl,{key:2},{default:$e(()=>[Ro(fe("ul",z_,[(z(!0),te(ye,null,St(ne(n).children,C=>(z(),Ie(R,{key:`${ne(o)}${C.text}${C.link}`,item:C,depth:ne(o)+1},null,8,["item","depth"]))),128))],512),[[Do,ne(c)]])]),_:1})):Re("v-if",!0)])}}}),W_=Pe(j_,[["__file","SidebarItem.vue"]]),U_={key:0,class:"sidebar-items"},K_=_e({__name:"SidebarItems",setup(e){const t=Xt(),n=ri();return Je(()=>{Ye(()=>t.hash,o=>{const r=document.querySelector(".sidebar");if(!r)return;const i=document.querySelector(`.sidebar a.sidebar-item[href="${t.path}${o}"]`);if(!i)return;const{top:s,height:a}=r.getBoundingClientRect(),{top:l,height:c}=i.getBoundingClientRect();ls+a&&i.scrollIntoView(!1)})}),(o,r)=>ne(n).length?(z(),te("ul",U_,[(z(!0),te(ye,null,St(ne(n),i=>(z(),Ie(W_,{key:`${i.text}${i.link}`,item:i},null,8,["item"]))),128))])):Re("v-if",!0)}}),q_=Pe(K_,[["__file","SidebarItems.vue"]]),G_={class:"sidebar"},Y_=_e({__name:"Sidebar",setup(e){return(t,n)=>(z(),te("aside",G_,[re(rl),xe(t.$slots,"top"),re(q_),xe(t.$slots,"bottom")]))}}),Z_=Pe(Y_,[["__file","Sidebar.vue"]]),J_=_e({__name:"Layout",setup(e){const t=Zt(),n=gt(),o=ze(),r=U(()=>n.value.navbar!==!1&&o.value.navbar!==!1),i=ri(),s=Le(!1),a=A=>{s.value=typeof A=="boolean"?A:!s.value},l={x:0,y:0},c=A=>{l.x=A.changedTouches[0].clientX,l.y=A.changedTouches[0].clientY},d=A=>{const C=A.changedTouches[0].clientX-l.x,k=A.changedTouches[0].clientY-l.y;Math.abs(C)>Math.abs(k)&&Math.abs(C)>40&&(C>0&&l.x<=80?a(!0):a(!1))},f=U(()=>[{"no-navbar":!r.value,"no-sidebar":!i.value.length,"sidebar-open":s.value},n.value.pageClass]);let m;Je(()=>{m=to().afterEach(()=>{a(!1)})}),Ho(()=>{m()});const h=Ja(),y=h.resolve,R=h.pending;return(A,C)=>(z(),te("div",{class:je(["theme-container",f.value]),onTouchstart:c,onTouchend:d},[xe(A.$slots,"navbar",{},()=>[r.value?(z(),Ie(E_,{key:0,onToggleSidebar:a},{before:$e(()=>[xe(A.$slots,"navbar-before")]),after:$e(()=>[xe(A.$slots,"navbar-after")]),_:3})):Re("v-if",!0)]),fe("div",{class:"sidebar-mask",onClick:C[0]||(C[0]=k=>a(!1))}),xe(A.$slots,"sidebar",{},()=>[re(Z_,null,{top:$e(()=>[xe(A.$slots,"sidebar-top")]),bottom:$e(()=>[xe(A.$slots,"sidebar-bottom")]),_:3})]),xe(A.$slots,"page",{},()=>[ne(n).home?(z(),Ie($m,{key:0})):(z(),Ie(Xn,{key:1,name:"fade-slide-y",mode:"out-in",onBeforeEnter:ne(y),onBeforeLeave:ne(R)},{default:$e(()=>[(z(),Ie(B_,{key:ne(t).path},{top:$e(()=>[xe(A.$slots,"page-top")]),"content-top":$e(()=>[xe(A.$slots,"page-content-top")]),"content-bottom":$e(()=>[xe(A.$slots,"page-content-bottom")]),bottom:$e(()=>[xe(A.$slots,"page-bottom")]),_:3}))]),_:3},8,["onBeforeEnter","onBeforeLeave"]))])],34))}}),Q_=Pe(J_,[["__file","Layout.vue"]]),X_={class:"theme-container"},ev={class:"page"},tv={class:"theme-default-content"},nv=fe("h1",null,"404",-1),ov=_e({__name:"NotFound",setup(e){const t=Wo(),n=ze(),o=n.value.notFound??["Not Found"],r=()=>o[Math.floor(Math.random()*o.length)],i=n.value.home??t.value,s=n.value.backToHome??"Back to home";return(a,l)=>{const c=bt("RouterLink");return z(),te("div",X_,[fe("main",ev,[fe("div",tv,[nv,fe("blockquote",null,De(r()),1),re(c,{to:ne(i)},{default:$e(()=>[$t(De(ne(s)),1)]),_:1},8,["to"])])])])}}}),rv=Pe(ov,[["__file","NotFound.vue"]]),iv=Nt({enhance({app:e,router:t}){e.component("Badge",If),e.component("CodeGroup",Qf),e.component("CodeGroupItem",nm),e.component("AutoLinkExternalIcon",()=>{const o=e.component("ExternalLinkIcon");return o?ge(o):null}),e.component("NavbarSearch",()=>{const o=e.component("Docsearch")||e.component("SearchBox");return o?ge(o):null});const n=t.options.scrollBehavior;t.options.scrollBehavior=async(...o)=>(await Ja().wait(),n(...o))},setup(){rm(),am()},layouts:{Layout:Q_,NotFound:rv}}),sv={enhance:({app:e})=>{e.component("Demo",p(()=>u(()=>import("./Demo-YRqIvizg.js"),__vite__mapDeps([0,1,2])))),e.component("DemoButton",p(()=>u(()=>import("./DemoButton-SfUSYKZS.js"),__vite__mapDeps([])))),e.component("Lines",p(()=>u(()=>import("./Lines-XvsO7xQg.js"),__vite__mapDeps([3,4])))),e.component("VcParagraph",p(()=>u(()=>import("./VcParagraph-GYjzzHDB.js"),__vite__mapDeps([])))),e.component("home-VueFluxHome",p(()=>u(()=>import("./VueFluxHome-_g2kV9eG.js"),__vite__mapDeps([5,0,1,2])))),e.component("demos-complements-FluxCaption",p(()=>u(()=>import("./FluxCaption-V1R_fpjD.js"),__vite__mapDeps([6,7,2,0,1])))),e.component("demos-complements-FluxControls",p(()=>u(()=>import("./FluxControls-HJXNw-ne.js"),__vite__mapDeps([8,7,2,0,1])))),e.component("demos-complements-FluxIndex",p(()=>u(()=>import("./FluxIndex-dKt2U_1g.js"),__vite__mapDeps([9,7,2,0,1])))),e.component("demos-complements-FluxPagination",p(()=>u(()=>import("./FluxPagination-vUZJU_Zz.js"),__vite__mapDeps([10,7,2,0,1])))),e.component("demos-complements-FluxPreloader",p(()=>u(()=>import("./FluxPreloader-VHUoIG_x.js"),__vite__mapDeps([11,7,2,0,1])))),e.component("demos-components-FluxButton",p(()=>u(()=>import("./FluxButton-tJWabkdR.js"),__vite__mapDeps([12,7,2])))),e.component("demos-components-FluxCube",p(()=>u(()=>import("./FluxCube-tZhPauZw.js"),__vite__mapDeps([13,2,7,14,1,15])))),e.component("demos-components-FluxGrid",p(()=>u(()=>import("./FluxGrid-bFEkzRl1.js"),__vite__mapDeps([16,2,7,14,1])))),e.component("demos-components-FluxImage",p(()=>u(()=>import("./FluxImage-zTq0ZTdD.js"),__vite__mapDeps([17,2,7,14,1])))),e.component("demos-components-FluxParallax",p(()=>u(()=>import("./FluxParallax-Kct5pQ8H.js"),__vite__mapDeps([18,7,14,2,3,4,1])))),e.component("demos-components-FluxTransition",p(()=>u(()=>import("./FluxTransition-f2sdAEOD.js"),__vite__mapDeps([19,14,7,2,20,1])))),e.component("demos-components-FluxVortex",p(()=>u(()=>import("./FluxVortex-3x1HaxV7.js"),__vite__mapDeps([21,2,7,14,1])))),e.component("demos-components-VueFlux",p(()=>u(()=>import("./VueFlux-82tLVcyh.js"),__vite__mapDeps([22,7,2,0,1])))),e.component("demos-demos-Complements",p(()=>u(()=>import("./Complements-h-bggmDX.js"),__vite__mapDeps([23,2,0,1])))),e.component("demos-demos-ParallaxFixed",p(()=>u(()=>import("./ParallaxFixed-734R_rQY.js"),__vite__mapDeps([24,1,2])))),e.component("demos-demos-Transitions",p(()=>u(()=>import("./Transitions-cyzfttt8.js"),__vite__mapDeps([25,0,1,2,20])))),e.component("demos-transitions-Blinds2D",p(()=>u(()=>import("./Blinds2D-q8ZnWwI7.js"),__vite__mapDeps([26,7,14,2,0,1,15])))),e.component("demos-transitions-Blinds3D",p(()=>u(()=>import("./Blinds3D-Cd7Vra4t.js"),__vite__mapDeps([27,7,14,2,0,1,15])))),e.component("demos-transitions-Blocks1",p(()=>u(()=>import("./Blocks1-bnM72q0c.js"),__vite__mapDeps([28,7,14,2,0,1,15])))),e.component("demos-transitions-Blocks2",p(()=>u(()=>import("./Blocks2-rkH2SpHo.js"),__vite__mapDeps([29,7,14,2,0,1,15])))),e.component("demos-transitions-Book",p(()=>u(()=>import("./Book-zhK19t20.js"),__vite__mapDeps([30,7,14,2,0,1,15])))),e.component("demos-transitions-Camera",p(()=>u(()=>import("./Camera-gh4W16_W.js"),__vite__mapDeps([31,7,14,2,0,1,15])))),e.component("demos-transitions-Concentric",p(()=>u(()=>import("./Concentric-6chqxfJB.js"),__vite__mapDeps([32,7,14,2,0,1,15])))),e.component("demos-transitions-Cube",p(()=>u(()=>import("./Cube-BqtHLy0_.js"),__vite__mapDeps([33,7,14,2,0,1,15])))),e.component("demos-transitions-Explode",p(()=>u(()=>import("./Explode-h-vdIpwX.js"),__vite__mapDeps([34,7,14,2,0,1,15])))),e.component("demos-transitions-Fade",p(()=>u(()=>import("./Fade-HXDEfLEJ.js"),__vite__mapDeps([35,7,14,2,0,1,15])))),e.component("demos-transitions-Fall",p(()=>u(()=>import("./Fall-XT3ZwAF_.js"),__vite__mapDeps([36,7,14,2,0,1,15])))),e.component("demos-transitions-Kenburn",p(()=>u(()=>import("./Kenburn-5JG2aK2D.js"),__vite__mapDeps([37,7,14,2,0,1,15])))),e.component("demos-transitions-Round1",p(()=>u(()=>import("./Round1-fPZ3xF-J.js"),__vite__mapDeps([38,7,14,2,0,1,15])))),e.component("demos-transitions-Round2",p(()=>u(()=>import("./Round2-3ulQI3JK.js"),__vite__mapDeps([39,7,14,2,0,1,15])))),e.component("demos-transitions-Slide",p(()=>u(()=>import("./Slide-jd3iRq5I.js"),__vite__mapDeps([40,7,14,2,0,1,15])))),e.component("demos-transitions-Swipe",p(()=>u(()=>import("./Swipe-MJJX0bpl.js"),__vite__mapDeps([41,7,14,2,0,1,15])))),e.component("demos-transitions-Warp",p(()=>u(()=>import("./Warp-Hpkzad9I.js"),__vite__mapDeps([42,7,14,2,0,1,15])))),e.component("demos-transitions-Waterfall",p(()=>u(()=>import("./Waterfall-Z0oS4iQh.js"),__vite__mapDeps([43,7,14,2,0,1,15])))),e.component("demos-transitions-Wave",p(()=>u(()=>import("./Wave-cunsZU2K.js"),__vite__mapDeps([44,7,14,2,0,1,15])))),e.component("demos-transitions-Zip",p(()=>u(()=>import("./Zip-Uoq9BNrp.js"),__vite__mapDeps([45,7,14,2,0,1,15]))))}},av=e=>{if(window.dataLayer&&window.gtag)return;const t=document.createElement("script");t.src=`https://www.googletagmanager.com/gtag/js?id=${e.id}`,t.async=!0,document.head.appendChild(t),window.dataLayer=window.dataLayer||[],window.gtag=function(){dataLayer.push(arguments)},gtag("js",new Date),e.debug?gtag("config",e.id,{debug_mode:!0}):gtag("config",e.id)};var lv={id:"G-Y5ER74KWQV"};const uv=lv,cv=Nt({enhance(){av(uv)}}),dv=Nt({enhance({app:e,router:t,siteData:n}){},setup(){},rootComponents:[]}),po=[Jc,nd,vd,yf,Of,iv,sv,cv,dv],fv=[["v-8daa1a0e","/",{title:""},["/readme.md"]],["v-6397251d","/demos/complements/flux-caption.html",{title:"FluxCaption"},[":md"]],["v-df436a8e","/demos/complements/flux-controls.html",{title:"FluxControls"},[":md"]],["v-a806c79e","/demos/complements/flux-index.html",{title:"FluxIndex"},[":md"]],["v-b34e2a56","/demos/complements/flux-pagination.html",{title:"FluxPagination"},[":md"]],["v-276aca0d","/demos/complements/flux-preloader.html",{title:"FluxPreloader"},[":md"]],["v-1eb49338","/demos/components/flux-button.html",{title:"FluxButton"},[":md"]],["v-b00e02fe","/demos/components/flux-cube.html",{title:"FluxCube"},[":md"]],["v-31fdfa10","/demos/components/flux-grid.html",{title:"FluxGrid"},[":md"]],["v-6969b17e","/demos/components/flux-image.html",{title:"FluxImage"},[":md"]],["v-ce450842","/demos/components/flux-parallax.html",{title:"FluxParallax"},[":md"]],["v-6104c7a1","/demos/components/flux-transition.html",{title:"FluxTransition"},[":md"]],["v-9f576330","/demos/components/flux-vortex.html",{title:"FluxVortex"},[":md"]],["v-760c8d70","/demos/components/vue-flux.html",{title:"VueFlux"},[":md"]],["v-4124d8b7","/demos/demos/",{title:"Demos"},["/demos/demos/readme.md"]],["v-ada6b5c0","/demos/transitions/blinds2d.html",{title:"Blinds 2D"},[":md"]],["v-43da3f3e","/demos/transitions/blinds3d.html",{title:"Blinds 3D"},[":md"]],["v-b3226712","/demos/transitions/blocks1.html",{title:"Blocks 1"},[":md"]],["v-afb8b5d4","/demos/transitions/blocks2.html",{title:"Blocks 2"},[":md"]],["v-aa57f7f2","/demos/transitions/book.html",{title:"Book"},[":md"]],["v-376600ea","/demos/transitions/camera.html",{title:"Camera"},[":md"]],["v-400f1eae","/demos/transitions/concentric.html",{title:"Concentric"},[":md"]],["v-171d2b8a","/demos/transitions/cube.html",{title:"Cube"},[":md"]],["v-7c9e9e7e","/demos/transitions/explode.html",{title:"Explode"},[":md"]],["v-0518a758","/demos/transitions/fade.html",{title:"Fade"},[":md"]],["v-9ed11a96","/demos/transitions/fall.html",{title:"Fall"},[":md"]],["v-da480682","/demos/transitions/kenburn.html",{title:"Kenburn"},[":md"]],["v-985f8cae","/demos/transitions/",{title:"Transitions"},["/demos/transitions/readme.md"]],["v-0c45d90d","/demos/transitions/round1.html",{title:"Round 1"},[":md"]],["v-0dfab1ac","/demos/transitions/round2.html",{title:"Round 2"},[":md"]],["v-b65e379e","/demos/transitions/slide.html",{title:"Slide"},[":md"]],["v-7e8c7048","/demos/transitions/swipe.html",{title:"Swipe"},[":md"]],["v-6548d070","/demos/transitions/warp.html",{title:"Warp"},[":md"]],["v-5d8cfe20","/demos/transitions/waterfall.html",{title:"Waterfall"},[":md"]],["v-e3a19412","/demos/transitions/wave.html",{title:"Wave"},[":md"]],["v-116b91fe","/demos/transitions/zip.html",{title:"Zip"},[":md"]],["v-46255a3c","/documentation/v5/",{title:""},["/documentation/v5/readme.md"]],["v-e665bd06","/documentation/v5/changelog/",{title:""},["/documentation/v5/changelog/readme.md"]],["v-f3b8be2a","/documentation/v5/custom-transitions/",{title:""},["/documentation/v5/custom-transitions/readme.md"]],["v-4b080bb5","/documentation/v5/installation-and-usage/",{title:""},["/documentation/v5/installation-and-usage/readme.md"]],["v-60498d34","/documentation/v5/overview/",{title:""},["/documentation/v5/overview/readme.md"]],["v-4f87df94","/documentation/v5/templating/",{title:""},["/documentation/v5/templating/readme.md"]],["v-4b8adfc2","/documentation/v5/ssr-with-nuxt/",{title:""},["/documentation/v5/ssr-with-nuxt/readme.md"]],["v-bd78ebda","/documentation/v5/transitions/",{title:""},["/documentation/v5/transitions/readme.md"]],["v-d7027248","/documentation/v6/changelog/",{title:"Changelog"},["/documentation/v6/changelog/readme.md"]],["v-26b59c43","/documentation/v6/complements/",{title:"Complements"},["/documentation/v6/complements/readme.md"]],["v-da86d328","/documentation/v6/custom-transitions/",{title:"Custom transitions"},["/documentation/v6/custom-transitions/readme.md"]],["v-618f4e94","/documentation/v6/installation-and-usage/",{title:"Installation and usage"},["/documentation/v6/installation-and-usage/readme.md"]],["v-15a38016","/documentation/v6/overview/",{title:"Overview"},["/documentation/v6/overview/readme.md"]],["v-2d1cbda1","/documentation/v6/ssr-with-nuxt/",{title:"SSR with Nuxt"},["/documentation/v6/ssr-with-nuxt/readme.md"]],["v-f9bd589c","/documentation/v6/transitions/",{title:"Transitions"},["/documentation/v6/transitions/readme.md"]],["v-227e5238","/documentation/v6/components/",{title:"Components"},["/documentation/v6/components/readme.md"]],["v-c79f278a","/documentation/v7/changelog/",{title:"Changelog"},["/documentation/v7/changelog/readme.md"]],["v-089365e2","/documentation/v7/complements/",{title:"Complements"},["/documentation/v7/complements/readme.md"]],["v-110158b9","/documentation/v7/components/",{title:"Components"},["/documentation/v7/components/readme.md"]],["v-c154e826","/documentation/v7/custom-transitions/",{title:"Custom transitions"},["/documentation/v7/custom-transitions/readme.md"]],["v-5368a5b7","/documentation/v7/installation-and-usage/",{title:"Installation and usage"},["/documentation/v7/installation-and-usage/readme.md"]],["v-2448def4","/documentation/v7/options-vs-composition/",{title:"Options VS Composition API"},["/documentation/v7/options-vs-composition/readme.md"]],["v-ebda1a94","/documentation/v7/overview/",{title:"Overview"},["/documentation/v7/overview/readme.md"]],["v-69fa1c6c","/documentation/v7/resources/",{title:"Resources"},["/documentation/v7/resources/readme.md"]],["v-0eae9b80","/documentation/v7/ssr-with-nuxt/",{title:"SSR with Nuxt"},["/documentation/v7/ssr-with-nuxt/readme.md"]],["v-64ff1d51","/documentation/v7/transitions/",{title:"Transitions"},["/documentation/v7/transitions/readme.md"]],["v-a2b41fd4","/documentation/v5/components/flux-caption/",{title:""},["/documentation/v5/components/flux-caption/readme.md"]],["v-6b1ae4cc","/documentation/v5/components/flux-controls/",{title:""},["/documentation/v5/components/flux-controls/readme.md"]],["v-beff4ea6","/documentation/v5/components/flux-cube/",{title:""},["/documentation/v5/components/flux-cube/readme.md"]],["v-be911888","/documentation/v5/components/flux-grid/",{title:""},["/documentation/v5/components/flux-grid/readme.md"]],["v-7956ae81","/documentation/v5/components/flux-image/",{title:""},["/documentation/v5/components/flux-image/readme.md"]],["v-79661dea","/documentation/v5/components/flux-index/",{title:""},["/documentation/v5/components/flux-index/readme.md"]],["v-581b90b0","/documentation/v5/components/flux-pagination/",{title:""},["/documentation/v5/components/flux-pagination/readme.md"]],["v-11ca4bea","/documentation/v5/components/flux-parallax/",{title:""},["/documentation/v5/components/flux-parallax/readme.md"]],["v-e8429534","/documentation/v5/components/flux-thumb/",{title:""},["/documentation/v5/components/flux-thumb/readme.md"]],["v-658f5694","/documentation/v5/components/flux-vortex/",{title:""},["/documentation/v5/components/flux-vortex/readme.md"]],["v-35b95b09","/documentation/v5/components/flux-wrapper/",{title:""},["/documentation/v5/components/flux-wrapper/readme.md"]],["v-3ded4e88","/documentation/v5/components/vue-flux/",{title:""},["/documentation/v5/components/vue-flux/readme.md"]],["v-48d3b268","/documentation/v5/transitions/blinds2d/",{title:""},["/documentation/v5/transitions/blinds2d/readme.md"]],["v-48d3aae6","/documentation/v5/transitions/blinds3d/",{title:""},["/documentation/v5/transitions/blinds3d/readme.md"]],["v-6b915137","/documentation/v5/transitions/blocks1/",{title:""},["/documentation/v5/transitions/blocks1/readme.md"]],["v-6b915156","/documentation/v5/transitions/blocks2/",{title:""},["/documentation/v5/transitions/blocks2/readme.md"]],["v-5367ec33","/documentation/v5/transitions/book/",{title:""},["/documentation/v5/transitions/book/readme.md"]],["v-36022c37","/documentation/v5/transitions/camera/",{title:""},["/documentation/v5/transitions/camera/readme.md"]],["v-5f1939da","/documentation/v5/transitions/concentric/",{title:""},["/documentation/v5/transitions/concentric/readme.md"]],["v-53788c67","/documentation/v5/transitions/cube/",{title:""},["/documentation/v5/transitions/cube/readme.md"]],["v-2034ea81","/documentation/v5/transitions/explode/",{title:""},["/documentation/v5/transitions/explode/readme.md"]],["v-5399c300","/documentation/v5/transitions/fade/",{title:""},["/documentation/v5/transitions/fade/readme.md"]],["v-5399e1e1","/documentation/v5/transitions/fall/",{title:""},["/documentation/v5/transitions/fall/readme.md"]],["v-c31c3502","/documentation/v5/transitions/kenburn/",{title:""},["/documentation/v5/transitions/kenburn/readme.md"]],["v-67d816b9","/documentation/v5/transitions/round1/",{title:""},["/documentation/v5/transitions/round1/readme.md"]],["v-67d816d8","/documentation/v5/transitions/round2/",{title:""},["/documentation/v5/transitions/round2/readme.md"]],["v-366ae871","/documentation/v5/transitions/slide/",{title:""},["/documentation/v5/transitions/slide/readme.md"]],["v-37061808","/documentation/v5/transitions/swipe/",{title:""},["/documentation/v5/transitions/swipe/readme.md"]],["v-54898874","/documentation/v5/transitions/warp/",{title:""},["/documentation/v5/transitions/warp/readme.md"]],["v-17c990a0","/documentation/v5/transitions/waterfall/",{title:""},["/documentation/v5/transitions/waterfall/readme.md"]],["v-54899623","/documentation/v5/transitions/wave/",{title:""},["/documentation/v5/transitions/wave/readme.md"]],["v-3c99547e","/documentation/v5/transitions/zip/",{title:""},["/documentation/v5/transitions/zip/readme.md"]],["v-4e77e30a","/documentation/v6/complements/flux-caption/",{title:"FluxCaption"},["/documentation/v6/complements/flux-caption/readme.md"]],["v-74f15f50","/documentation/v6/complements/flux-controls/",{title:"FluxControls"},["/documentation/v6/complements/flux-controls/readme.md"]],["v-27403dde","/documentation/v6/complements/flux-index/",{title:"FluxIndex"},["/documentation/v6/complements/flux-index/readme.md"]],["v-44f1f034","/documentation/v6/complements/flux-pagination/",{title:"FluxPagination"},["/documentation/v6/complements/flux-pagination/readme.md"]],["v-8832938c","/documentation/v6/complements/flux-preloader/",{title:"FluxPreloader"},["/documentation/v6/complements/flux-preloader/readme.md"]],["v-25c7c00d","/documentation/v6/transitions/blinds2d/",{title:"Blinds 2D"},["/documentation/v6/transitions/blinds2d/readme.md"]],["v-25c7c3ce","/documentation/v6/transitions/blinds3d/",{title:"Blinds 3D"},["/documentation/v6/transitions/blinds3d/readme.md"]],["v-1bd1e854","/documentation/v6/transitions/blocks1/",{title:"Blocks 1"},["/documentation/v6/transitions/blocks1/readme.md"]],["v-1bd1e816","/documentation/v6/transitions/blocks2/",{title:"Blocks 2"},["/documentation/v6/transitions/blocks2/readme.md"]],["v-21124df4","/documentation/v6/transitions/book/",{title:"Book"},["/documentation/v6/transitions/book/readme.md"]],["v-429b21b8","/documentation/v6/transitions/camera/",{title:"Camera"},["/documentation/v6/transitions/camera/readme.md"]],["v-396cf24a","/documentation/v6/transitions/concentric/",{title:"Concentric"},["/documentation/v6/transitions/concentric/readme.md"]],["v-2122ee28","/documentation/v6/transitions/cube/",{title:"Cube"},["/documentation/v6/transitions/cube/readme.md"]],["v-b28ab5c0","/documentation/v6/transitions/explode/",{title:"Explode"},["/documentation/v6/transitions/explode/readme.md"]],["v-214424c1","/documentation/v6/transitions/fade/",{title:"Fade"},["/documentation/v6/transitions/fade/readme.md"]],["v-214443a2","/documentation/v6/transitions/fall/",{title:"Fall"},["/documentation/v6/transitions/fall/readme.md"]],["v-24f7a01e","/documentation/v6/transitions/kenburn/",{title:"Kenburn"},["/documentation/v6/transitions/kenburn/readme.md"]],["v-74710c3a","/documentation/v6/transitions/round1/",{title:"Round 1"},["/documentation/v6/transitions/round1/readme.md"]],["v-74710c59","/documentation/v6/transitions/round2/",{title:"Round 2"},["/documentation/v6/transitions/round2/readme.md"]],["v-1e0cbed0","/documentation/v6/transitions/slide/",{title:"Slide"},["/documentation/v6/transitions/slide/readme.md"]],["v-1ea7ee67","/documentation/v6/transitions/swipe/",{title:"Swipe"},["/documentation/v6/transitions/swipe/readme.md"]],["v-2233ea35","/documentation/v6/transitions/warp/",{title:"Warp"},["/documentation/v6/transitions/warp/readme.md"]],["v-1fc672e2","/documentation/v6/transitions/waterfall/",{title:"Waterfall"},["/documentation/v6/transitions/waterfall/readme.md"]],["v-2233f7e4","/documentation/v6/transitions/wave/",{title:"Wave"},["/documentation/v6/transitions/wave/readme.md"]],["v-b3759040","/documentation/v6/transitions/zip/",{title:"Zip"},["/documentation/v6/transitions/zip/readme.md"]],["v-5bc72cde","/documentation/v6/components/flux-button/",{title:"FluxButton"},["/documentation/v6/components/flux-button/readme.md"]],["v-2a9c1c24","/documentation/v6/components/flux-cube/",{title:"FluxCube"},["/documentation/v6/components/flux-cube/readme.md"]],["v-2a2de606","/documentation/v6/components/flux-grid/",{title:"FluxGrid"},["/documentation/v6/components/flux-grid/readme.md"]],["v-75583d60","/documentation/v6/components/flux-image/",{title:"FluxImage"},["/documentation/v6/components/flux-image/readme.md"]],["v-306beacc","/documentation/v6/components/flux-parallax/",{title:"FluxParallax"},["/documentation/v6/components/flux-parallax/readme.md"]],["v-2da69dce","/documentation/v6/components/flux-transition/",{title:"FluxTransition"},["/documentation/v6/components/flux-transition/readme.md"]],["v-2c80b8d6","/documentation/v6/components/flux-vortex/",{title:"FluxVortex"},["/documentation/v6/components/flux-vortex/readme.md"]],["v-3792ae28","/documentation/v6/components/flux-wrapper/",{title:"FluxWrapper"},["/documentation/v6/components/flux-wrapper/readme.md"]],["v-7719edb2","/documentation/v6/components/vue-flux/",{title:"VueFlux"},["/documentation/v6/components/vue-flux/readme.md"]],["v-f06e186a","/documentation/v7/complements/flux-caption/",{title:"FluxCaption"},["/documentation/v7/complements/flux-caption/readme.md"]],["v-934f5092","/documentation/v7/complements/flux-controls/",{title:""},["/documentation/v7/complements/flux-controls/readme.md"]],["v-a91eea42","/documentation/v7/complements/flux-index/",{title:""},["/documentation/v7/complements/flux-index/readme.md"]],["v-459e9bd3","/documentation/v7/complements/flux-pagination/",{title:""},["/documentation/v7/complements/flux-pagination/readme.md"]],["v-3592ca8a","/documentation/v7/complements/flux-preloader/",{title:""},["/documentation/v7/complements/flux-preloader/readme.md"]],["v-564cb692","/documentation/v7/components/flux-button/",{title:"FluxButton"},["/documentation/v7/components/flux-button/readme.md"]],["v-34e38b2f","/documentation/v7/components/flux-cube/",{title:"FluxCube"},["/documentation/v7/components/flux-cube/readme.md"]],["v-351aa63e","/documentation/v7/components/flux-grid/",{title:"FluxGrid"},["/documentation/v7/components/flux-grid/readme.md"]],["v-7159cc3f","/documentation/v7/components/flux-image/",{title:"FluxImage"},["/documentation/v7/components/flux-image/readme.md"]],["v-69bcfb8d","/documentation/v7/components/flux-parallax/",{title:"FluxParallax"},["/documentation/v7/components/flux-parallax/readme.md"]],["v-56f6824f","/documentation/v7/components/flux-transition/",{title:"FluxTransition"},["/documentation/v7/components/flux-transition/readme.md"]],["v-6deff096","/documentation/v7/components/flux-vortex/",{title:"FluxVortex"},["/documentation/v7/components/flux-vortex/readme.md"]],["v-396c0147","/documentation/v7/components/flux-wrapper/",{title:"FluxWrapper"},["/documentation/v7/components/flux-wrapper/readme.md"]],["v-4af8c3c6","/documentation/v7/components/vue-flux/",{title:"VueFlux"},["/documentation/v7/components/vue-flux/readme.md"]],["v-1e93401c","/documentation/v7/resources/component/",{title:"Component"},["/documentation/v7/resources/component/readme.md"]],["v-6d1b44d4","/documentation/v7/resources/img/",{title:"Img"},["/documentation/v7/resources/img/readme.md"]],["v-4c476d5e","/documentation/v7/resources/video/",{title:"Video"},["/documentation/v7/resources/video/readme.md"]],["v-6ff9594e","/documentation/v7/transitions/blinds2d/",{title:"Blinds 2D"},["/documentation/v7/transitions/blinds2d/readme.md"]],["v-6ff95d0f","/documentation/v7/transitions/blinds3d/",{title:"Blinds 3D"},["/documentation/v7/transitions/blinds3d/readme.md"]],["v-789cc675","/documentation/v7/transitions/blocks1/",{title:"Blocks 1"},["/documentation/v7/transitions/blocks1/readme.md"]],["v-789cc694","/documentation/v7/transitions/blocks2/",{title:"Blocks 2"},["/documentation/v7/transitions/blocks2/readme.md"]],["v-2286a096","/documentation/v7/transitions/book/",{title:"Book"},["/documentation/v7/transitions/book/readme.md"]],["v-4f341739","/documentation/v7/transitions/camera/",{title:"Camera"},["/documentation/v7/transitions/camera/readme.md"]],["v-6779d3dc","/documentation/v7/transitions/concentric/",{title:"Concentric"},["/documentation/v7/transitions/concentric/readme.md"]],["v-2265602e","/documentation/v7/transitions/cube/",{title:"Cube"},["/documentation/v7/transitions/cube/readme.md"]],["v-2d405fbf","/documentation/v7/transitions/explode/",{title:"Explode"},["/documentation/v7/transitions/explode/readme.md"]],["v-2222f2fc","/documentation/v7/transitions/fade/",{title:"Fade"},["/documentation/v7/transitions/fade/readme.md"]],["v-2222b53a","/documentation/v7/transitions/fall/",{title:"Fall"},["/documentation/v7/transitions/fall/readme.md"]],["v-a9054a86","/documentation/v7/transitions/kenburn/",{title:"Kenburn"},["/documentation/v7/transitions/kenburn/readme.md"]],["v-fdebfc8a","/documentation/v7/transitions/round1/",{title:"Round 1"},["/documentation/v7/transitions/round1/readme.md"]],["v-fdebfc4c","/documentation/v7/transitions/round2/",{title:"Round 2"},["/documentation/v7/transitions/round2/readme.md"]],["v-05ae952f","/documentation/v7/transitions/slide/",{title:"Slide"},["/documentation/v7/transitions/slide/readme.md"]],["v-0649c4c6","/documentation/v7/transitions/swipe/",{title:"Swipe"},["/documentation/v7/transitions/swipe/readme.md"]],["v-20436814","/documentation/v7/transitions/warp/",{title:"Warp"},["/documentation/v7/transitions/warp/readme.md"]],["v-27c35524","/documentation/v7/transitions/waterfall/",{title:"Waterfall"},["/documentation/v7/transitions/waterfall/readme.md"]],["v-20434cb6","/documentation/v7/transitions/wave/",{title:"Wave"},["/documentation/v7/transitions/wave/readme.md"]],["v-6ad719ff","/documentation/v7/transitions/zip/",{title:"Zip"},["/documentation/v7/transitions/zip/readme.md"]],["v-3706649a","/404.html",{title:""},[]]];var Ts=_e({name:"Vuepress",setup(){const e=zc();return()=>ge(e.value)}}),mv=()=>fv.reduce((e,[t,n,o,r])=>(e.push({name:t,path:n,component:Ts,meta:o},{path:n.endsWith("/")?n+"index.html":n.substring(0,n.length-5),redirect:n},...r.map(i=>({path:i===":md"?n.substring(0,n.length-5)+".md":i,redirect:n}))),e),[{name:"404",path:"/:catchAll(.*)",component:Ts}]),_v=Cd,vv=()=>{const e=hf({history:_v(xa("/vue-flux-docs/")),routes:mv(),scrollBehavior:(t,n,o)=>o||(t.hash?{el:t.hash}:{top:0})});return e.beforeResolve(async(t,n)=>{var o;(t.path!==n.path||n===_t)&&([t.meta._data]=await Promise.all([mt.resolvePageData(t.name),(o=La[t.name])==null?void 0:o.__asyncLoader()]))}),e},pv=e=>{e.component("ClientOnly",Jr),e.component("Content",qc)},hv=(e,t,n)=>{const o=Es(()=>t.currentRoute.value.path),r=Es(()=>mt.resolveRouteLocale(rn.value.locales,o.value)),i=wf(o,()=>t.currentRoute.value.meta._data),s=U(()=>mt.resolveLayouts(n)),a=U(()=>mt.resolveSiteLocaleData(rn.value,r.value)),l=U(()=>mt.resolvePageFrontmatter(i.value)),c=U(()=>mt.resolvePageHeadTitle(i.value,a.value)),d=U(()=>mt.resolvePageHead(c.value,l.value,a.value)),f=U(()=>mt.resolvePageLang(i.value,a.value)),m=U(()=>mt.resolvePageLayout(i.value,s.value));return e.provide($c,s),e.provide(Pa,i),e.provide(Ra,l),e.provide(Bc,c),e.provide(Oa,d),e.provide(Aa,f),e.provide(Ia,m),e.provide(Yr,r),e.provide(Da,a),Object.defineProperties(e.config.globalProperties,{$frontmatter:{get:()=>l.value},$head:{get:()=>d.value},$headTitle:{get:()=>c.value},$lang:{get:()=>f.value},$page:{get:()=>i.value},$routeLocale:{get:()=>r.value},$site:{get:()=>rn.value},$siteLocale:{get:()=>a.value},$withBase:{get:()=>Qr}}),{layouts:s,pageData:i,pageFrontmatter:l,pageHead:d,pageHeadTitle:c,pageLang:f,pageLayout:m,routeLocale:r,siteData:rn,siteLocaleData:a}},gv=()=>{const e=Mc(),t=Hc(),n=Le([]),o=()=>{e.value.forEach(i=>{const s=Ev(i);s&&n.value.push(s)})},r=()=>{document.documentElement.lang=t.value,n.value.forEach(i=>{i.parentNode===document.head&&document.head.removeChild(i)}),n.value.splice(0,n.value.length),e.value.forEach(i=>{const s=bv(i);s!==null&&(document.head.appendChild(s),n.value.push(s))})};Gt(Wc,r),Je(()=>{o(),r(),Ye(()=>e.value,r)})},Ev=([e,t,n=""])=>{const o=Object.entries(t).map(([a,l])=>ve(l)?`[${a}=${JSON.stringify(l)}]`:l===!0?`[${a}]`:"").join(""),r=`head > ${e}${o}`;return Array.from(document.querySelectorAll(r)).find(a=>a.innerText===n)||null},bv=([e,t,n])=>{if(!ve(e))return null;const o=document.createElement(e);return Gr(t)&&Object.entries(t).forEach(([r,i])=>{ve(i)?o.setAttribute(r,i):i===!0&&o.setAttribute(r,"")}),ve(n)&&o.appendChild(document.createTextNode(n)),o},xv=Ac,yv=async()=>{var n;const e=xv({name:"VuepressApp",setup(){var o;gv();for(const r of po)(o=r.setup)==null||o.call(r);return()=>[ge(za),...po.flatMap(({rootComponents:r=[]})=>r.map(i=>ge(i)))]}}),t=vv();pv(e),hv(e,t,po);for(const o of po)await((n=o.enhance)==null?void 0:n.call(o,{app:e,router:t,siteData:rn}));return e.use(t),{app:e,router:t}};yv().then(({app:e,router:t})=>{t.isReady().then(()=>{e.mount("#app")})});export{Ye as A,De as B,je as C,Jn as D,Hs as E,ye as F,me as G,Ro as H,Av as I,wv as J,$r as K,Iv as L,Lv as M,Pv as N,Qr as O,Xn as T,Pe as _,re as a,fe as b,te as c,yv as createVueApp,$t as d,ju as e,Re as f,_e as g,Le as h,U as i,Ie as j,Ov as k,zu as l,Gn as m,Tv as n,z as o,xn as p,St as q,bt as r,gr as s,Rv as t,ne as u,pu as v,$e as w,Je as x,Ho as y,xe as z}; + */const ce={settings:{minimum:.08,easing:"ease",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,barSelector:'[role="bar"]',parent:"body",template:'
'},status:null,set:e=>{const t=ce.isStarted();e=ir(e,ce.settings.minimum,1),ce.status=e===1?null:e;const n=ce.render(!t),o=n.querySelector(ce.settings.barSelector),r=ce.settings.speed,i=ce.settings.easing;return n.offsetWidth,Ef(s=>{mo(o,{transform:"translate3d("+ps(e)+"%,0,0)",transition:"all "+r+"ms "+i}),e===1?(mo(n,{transition:"none",opacity:"1"}),n.offsetWidth,setTimeout(function(){mo(n,{transition:"all "+r+"ms linear",opacity:"0"}),setTimeout(function(){ce.remove(),s()},r)},r)):setTimeout(()=>s(),r)}),ce},isStarted:()=>typeof ce.status=="number",start:()=>{ce.status||ce.set(0);const e=()=>{setTimeout(()=>{ce.status&&(ce.trickle(),e())},ce.settings.trickleSpeed)};return ce.settings.trickle&&e(),ce},done:e=>!e&&!ce.status?ce:ce.inc(.3+.5*Math.random()).set(1),inc:e=>{let t=ce.status;return t?(typeof e!="number"&&(e=(1-t)*ir(Math.random()*t,.1,.95)),t=ir(t+e,0,.994),ce.set(t)):ce.start()},trickle:()=>ce.inc(Math.random()*ce.settings.trickleRate),render:e=>{if(ce.isRendered())return document.getElementById("nprogress");hs(document.documentElement,"nprogress-busy");const t=document.createElement("div");t.id="nprogress",t.innerHTML=ce.settings.template;const n=t.querySelector(ce.settings.barSelector),o=e?"-100":ps(ce.status||0),r=document.querySelector(ce.settings.parent);return mo(n,{transition:"all 0 linear",transform:"translate3d("+o+"%,0,0)"}),r!==document.body&&hs(r,"nprogress-custom-parent"),r==null||r.appendChild(t),t},remove:()=>{gs(document.documentElement,"nprogress-busy"),gs(document.querySelector(ce.settings.parent),"nprogress-custom-parent");const e=document.getElementById("nprogress");e&&bf(e)},isRendered:()=>!!document.getElementById("nprogress")},ir=(e,t,n)=>en?n:e,ps=e=>(-1+e)*100,Ef=function(){const e=[];function t(){const n=e.shift();n&&n(t)}return function(n){e.push(n),e.length===1&&t()}}(),mo=function(){const e=["Webkit","O","Moz","ms"],t={};function n(s){return s.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(a,l){return l.toUpperCase()})}function o(s){const a=document.body.style;if(s in a)return s;let l=e.length;const c=s.charAt(0).toUpperCase()+s.slice(1);let d;for(;l--;)if(d=e[l]+c,d in a)return d;return s}function r(s){return s=n(s),t[s]??(t[s]=o(s))}function i(s,a,l){a=r(a),s.style[a]=l}return function(s,a){for(const l in a){const c=a[l];c!==void 0&&Object.prototype.hasOwnProperty.call(a,l)&&i(s,l,c)}}}(),ja=(e,t)=>(typeof e=="string"?e:ti(e)).indexOf(" "+t+" ")>=0,hs=(e,t)=>{const n=ti(e),o=n+t;ja(n,t)||(e.className=o.substring(1))},gs=(e,t)=>{const n=ti(e);if(!ja(e,t))return;const o=n.replace(" "+t+" "," ");e.className=o.substring(1,o.length-1)},ti=e=>(" "+(e.className||"")+" ").replace(/\s+/gi," "),bf=e=>{e&&e.parentNode&&e.parentNode.removeChild(e)},xf=()=>{Je(()=>{const e=to(),t=new Set;t.add(e.currentRoute.value.path),e.beforeEach(n=>{t.has(n.path)||ce.start()}),e.afterEach(n=>{t.add(n.path),ce.done()})})},yf=Nt({setup(){xf()}}),Tf=JSON.parse(`{"contributors":false,"repo":"https://github.com/ragnarlotus/vue-flux","sidebarDepth":1,"editLink":false,"navbar":[{"text":"Home","link":"/"},{"text":"Documentation","children":[{"text":"v5","link":"/documentation/v5/overview"},{"text":"v6","link":"/documentation/v6/overview"},{"text":"v7","link":"/documentation/v7/overview"}]},{"text":"Demos","link":"/demos/demos"}],"sidebar":{"/documentation/v5/":[{"text":"Overview","link":"/documentation/v5/overview"},{"text":"Changelog","link":"/documentation/v5/changelog"},{"text":"Installation and usage","link":"/documentation/v5/installation-and-usage"},{"text":"Templating","link":"/documentation/v5/templating"},{"text":"SSR with Nuxt","link":"/documentation/v5/ssr-with-nuxt"},{"text":"Components","link":"/documentation/v5/components/vue-flux","collapsible":true,"children":[{"text":"VueFlux","link":"/documentation/v5/components/vue-flux"},{"text":"FluxParallax","link":"/documentation/v5/components/flux-parallax"},{"text":"FluxCaption","link":"/documentation/v5/components/flux-caption"},{"text":"FluxControls","link":"/documentation/v5/components/flux-controls"},{"text":"FluxIndex","link":"/documentation/v5/components/flux-index"},{"text":"FluxPagination","link":"/documentation/v5/components/flux-pagination"},{"text":"FluxImage","link":"/documentation/v5/components/flux-image"},{"text":"FluxWrapper","link":"/documentation/v5/components/flux-wrapper"},{"text":"FluxCube","link":"/documentation/v5/components/flux-cube"},{"text":"FluxGrid","link":"/documentation/v5/components/flux-grid"},{"text":"FluxVortex","link":"/documentation/v5/components/flux-vortex"},{"text":"FluxThumb","link":"/documentation/v5/components/flux-thumb"}]},{"text":"Transitions","link":"/documentation/v5/transitions","collapsible":true,"children":[{"text":"Blinds 2D","link":"/documentation/v5/transitions/blinds2d"},{"text":"Blinds 3D","link":"/documentation/v5/transitions/blinds3d"},{"text":"Blocks 1","link":"/documentation/v5/transitions/blocks1"},{"text":"Blocks 2","link":"/documentation/v5/transitions/blocks2"},{"text":"Book","link":"/documentation/v5/transitions/book"},{"text":"Camera","link":"/documentation/v5/transitions/camera"},{"text":"Concentric","link":"/documentation/v5/transitions/concentric"},{"text":"Cube","link":"/documentation/v5/transitions/cube"},{"text":"Explode","link":"/documentation/v5/transitions/explode"},{"text":"Fade","link":"/documentation/v5/transitions/fade"},{"text":"Fall","link":"/documentation/v5/transitions/fall"},{"text":"Kenburn","link":"/documentation/v5/transitions/kenburn"},{"text":"Round 1","link":"/documentation/v5/transitions/round1"},{"text":"Round 2","link":"/documentation/v5/transitions/round2"},{"text":"Slide","link":"/documentation/v5/transitions/slide"},{"text":"Swipe","link":"/documentation/v5/transitions/swipe"},{"text":"Warp","link":"/documentation/v5/transitions/warp"},{"text":"Waterfall","link":"/documentation/v5/transitions/waterfall"},{"text":"Wave","link":"/documentation/v5/transitions/wave"},{"text":"Zip","link":"/documentation/v5/transitions/zip"}]},{"text":"Custom transitions","link":"/documentation/v5/custom-transitions"}],"/documentation/v6/":[{"text":"Overview","link":"/documentation/v6/overview"},{"text":"Changelog","link":"/documentation/v6/changelog"},{"text":"Installation and usage","link":"/documentation/v6/installation-and-usage"},{"text":"Components","link":"/documentation/v6/components","collapsible":true,"children":[{"text":"VueFlux","link":"/documentation/v6/components/vue-flux"},{"text":"FluxButton","link":"/documentation/v6/components/flux-button"},{"text":"FluxCube","link":"/documentation/v6/components/flux-cube"},{"text":"FluxGrid","link":"/documentation/v6/components/flux-grid"},{"text":"FluxImage","link":"/documentation/v6/components/flux-image"},{"text":"FluxParallax","link":"/documentation/v6/components/flux-parallax"},{"text":"FluxTransition","link":"/documentation/v6/components/flux-transition"},{"text":"FluxVortex","link":"/documentation/v6/components/flux-vortex"},{"text":"FluxWrapper","link":"/documentation/v6/components/flux-wrapper"}]},{"text":"SSR with Nuxt","link":"/documentation/v6/ssr-with-nuxt"},{"text":"Complements","link":"/documentation/v6/complements","collapsible":true,"children":[{"text":"FluxCaption","link":"/documentation/v6/complements/flux-caption"},{"text":"FluxControls","link":"/documentation/v6/complements/flux-controls"},{"text":"FluxIndex","link":"/documentation/v6/complements/flux-index"},{"text":"FluxPagination","link":"/documentation/v6/complements/flux-pagination"},{"text":"FluxPreloader","link":"/documentation/v6/complements/flux-preloader"}]},{"text":"Transitions","link":"/documentation/v6/transitions","collapsible":true,"children":[{"text":"Blinds 2D","link":"/documentation/v6/transitions/blinds2d"},{"text":"Blinds 3D","link":"/documentation/v6/transitions/blinds3d"},{"text":"Blocks 1","link":"/documentation/v6/transitions/blocks1"},{"text":"Blocks 2","link":"/documentation/v6/transitions/blocks2"},{"text":"Book","link":"/documentation/v6/transitions/book"},{"text":"Camera","link":"/documentation/v6/transitions/camera"},{"text":"Concentric","link":"/documentation/v6/transitions/concentric"},{"text":"Cube","link":"/documentation/v6/transitions/cube"},{"text":"Explode","link":"/documentation/v6/transitions/explode"},{"text":"Fade","link":"/documentation/v6/transitions/fade"},{"text":"Fall","link":"/documentation/v6/transitions/fall"},{"text":"Kenburn","link":"/documentation/v6/transitions/kenburn"},{"text":"Round 1","link":"/documentation/v6/transitions/round1"},{"text":"Round 2","link":"/documentation/v6/transitions/round2"},{"text":"Slide","link":"/documentation/v6/transitions/slide"},{"text":"Swipe","link":"/documentation/v6/transitions/swipe"},{"text":"Warp","link":"/documentation/v6/transitions/warp"},{"text":"Waterfall","link":"/documentation/v6/transitions/waterfall"},{"text":"Wave","link":"/documentation/v6/transitions/wave"},{"text":"Zip","link":"/documentation/v6/transitions/zip"}]},{"text":"Custom transitions","link":"/documentation/v6/custom-transitions"}],"/documentation/v7/":[{"text":"Overview","link":"/documentation/v7/overview"},{"text":"Changelog","link":"/documentation/v7/changelog"},{"text":"Installation and usage","link":"/documentation/v7/installation-and-usage"},{"text":"Options VS Composition","link":"/documentation/v7/options-vs-composition"},{"text":"SSR with Nuxt","link":"/documentation/v7/ssr-with-nuxt"},{"text":"Resources","link":"/documentation/v7/resources","collapsible":true,"children":[{"text":"Img","link":"/documentation/v7/resources/img"},{"text":"Video","link":"/documentation/v7/resources/video"},{"text":"Component","link":"/documentation/v7/resources/component"}]},{"text":"Components","link":"/documentation/v7/components","collapsible":true,"children":[{"text":"VueFlux","link":"/documentation/v7/components/vue-flux"},{"text":"FluxButton","link":"/documentation/v7/components/flux-button"},{"text":"FluxCube","link":"/documentation/v7/components/flux-cube"},{"text":"FluxGrid","link":"/documentation/v7/components/flux-grid"},{"text":"FluxImage","link":"/documentation/v7/components/flux-image"},{"text":"FluxParallax","link":"/documentation/v7/components/flux-parallax"},{"text":"FluxTransition","link":"/documentation/v7/components/flux-transition"},{"text":"FluxVortex","link":"/documentation/v7/components/flux-vortex"},{"text":"FluxWrapper","link":"/documentation/v7/components/flux-wrapper"}]},{"text":"Complements","link":"/documentation/v7/complements","collapsible":true,"children":[{"text":"FluxCaption","link":"/documentation/v7/complements/flux-caption"},{"text":"FluxControls","link":"/documentation/v7/complements/flux-controls"},{"text":"FluxIndex","link":"/documentation/v7/complements/flux-index"},{"text":"FluxPagination","link":"/documentation/v7/complements/flux-pagination"},{"text":"FluxPreloader","link":"/documentation/v7/complements/flux-preloader"}]},{"text":"Transitions","link":"/documentation/v7/transitions","collapsible":true,"children":[{"text":"Blinds 2D","link":"/documentation/v7/transitions/blinds2d"},{"text":"Blinds 3D","link":"/documentation/v7/transitions/blinds3d"},{"text":"Blocks 1","link":"/documentation/v7/transitions/blocks1"},{"text":"Blocks 2","link":"/documentation/v7/transitions/blocks2"},{"text":"Book","link":"/documentation/v7/transitions/book"},{"text":"Camera","link":"/documentation/v7/transitions/camera"},{"text":"Concentric","link":"/documentation/v7/transitions/concentric"},{"text":"Cube","link":"/documentation/v7/transitions/cube"},{"text":"Explode","link":"/documentation/v7/transitions/explode"},{"text":"Fade","link":"/documentation/v7/transitions/fade"},{"text":"Fall","link":"/documentation/v7/transitions/fall"},{"text":"Kenburn","link":"/documentation/v7/transitions/kenburn"},{"text":"Round 1","link":"/documentation/v7/transitions/round1"},{"text":"Round 2","link":"/documentation/v7/transitions/round2"},{"text":"Slide","link":"/documentation/v7/transitions/slide"},{"text":"Swipe","link":"/documentation/v7/transitions/swipe"},{"text":"Warp","link":"/documentation/v7/transitions/warp"},{"text":"Waterfall","link":"/documentation/v7/transitions/waterfall"},{"text":"Wave","link":"/documentation/v7/transitions/wave"},{"text":"Zip","link":"/documentation/v7/transitions/zip"}]},{"text":"Custom transitions","link":"/documentation/v7/custom-transitions"}],"/demos/":[{"text":"Demos","link":"/demos/demos"},{"text":"Components","link":"/demos/components/vue-flux","collapsible":true,"children":[{"text":"VueFlux","link":"/demos/components/vue-flux"},{"text":"FluxButton","link":"/demos/components/flux-button"},{"text":"FluxImage","link":"/demos/components/flux-image"},{"text":"FluxCube","link":"/demos/components/flux-cube"},{"text":"FluxGrid","link":"/demos/components/flux-grid"},{"text":"FluxVortex","link":"/demos/components/flux-vortex"},{"text":"FluxTransition","link":"/demos/components/flux-transition"},{"text":"FluxParallax","link":"/demos/components/flux-parallax"}]},{"text":"Complements","link":"/demos/complements/flux-caption","collapsible":true,"children":[{"text":"FluxCaption","link":"/demos/complements/flux-caption"},{"text":"FluxControls","link":"/demos/complements/flux-controls"},{"text":"FluxIndex","link":"/demos/complements/flux-index"},{"text":"FluxPagination","link":"/demos/complements/flux-pagination"},{"text":"FluxPreloader","link":"/demos/complements/flux-preloader"}]},{"text":"Transitions","link":"/demos/transitions","collapsible":true,"children":[{"text":"Blinds 2D","link":"/demos/transitions/blinds2d"},{"text":"Blinds 3D","link":"/demos/transitions/blinds3d"},{"text":"Blocks 1","link":"/demos/transitions/blocks1"},{"text":"Blocks 2","link":"/demos/transitions/blocks2"},{"text":"Book","link":"/demos/transitions/book"},{"text":"Camera","link":"/demos/transitions/camera"},{"text":"Concentric","link":"/demos/transitions/concentric"},{"text":"Cube","link":"/demos/transitions/cube"},{"text":"Explode","link":"/demos/transitions/explode"},{"text":"Fade","link":"/demos/transitions/fade"},{"text":"Fall","link":"/demos/transitions/fall"},{"text":"Kenburn","link":"/demos/transitions/kenburn"},{"text":"Round 1","link":"/demos/transitions/round1"},{"text":"Round 2","link":"/demos/transitions/round2"},{"text":"Slide","link":"/demos/transitions/slide"},{"text":"Swipe","link":"/demos/transitions/swipe"},{"text":"Warp","link":"/demos/transitions/warp"},{"text":"Waterfall","link":"/demos/transitions/waterfall"},{"text":"Wave","link":"/demos/transitions/wave"},{"text":"Zip","link":"/demos/transitions/zip"}]}]},"locales":{"/":{"selectLanguageName":"English"}},"colorMode":"auto","colorModeSwitch":true,"logo":null,"selectLanguageText":"Languages","selectLanguageAriaLabel":"Select language","editLinkText":"Edit this page","lastUpdated":true,"lastUpdatedText":"Last Updated","contributorsText":"Contributors","notFound":["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],"backToHome":"Take me home","openInNewWindow":"open in new window","toggleColorMode":"toggle color mode","toggleSidebar":"toggle sidebar"}`),Lf=Le(Tf),Wa=()=>Lf,Ua=Symbol(""),Pf=()=>{const e=Oe(Ua);if(!e)throw new Error("useThemeLocaleData() is called without provider.");return e},Rf=(e,t)=>{const{locales:n,...o}=e;return{...o,...n==null?void 0:n[t]}},Of=Nt({enhance({app:e}){const t=Wa(),n=e._context.provides[Yr],o=U(()=>Rf(t.value,n.value));e.provide(Ua,o),Object.defineProperties(e.config.globalProperties,{$theme:{get(){return t.value}},$themeLocale:{get(){return o.value}}})}}),Af=_e({__name:"Badge",props:{type:{type:String,required:!1,default:"tip"},text:{type:String,required:!1,default:""},vertical:{type:String,required:!1,default:void 0}},setup(e){return(t,n)=>(z(),te("span",{class:je(["badge",e.type]),style:xn({verticalAlign:e.vertical})},[xe(t.$slots,"default",{},()=>[$t(De(e.text),1)])],6))}}),Pe=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n},If=Pe(Af,[["__file","Badge.vue"]]);function Es(e,t){var n;const o=Fr();return Xs(()=>{o.value=e()},{...t,flush:(n=t==null?void 0:t.flush)!=null?n:"sync"}),Yn(o)}function wf(e,t){let n,o,r;const i=Le(!0),s=()=>{i.value=!0,r()};Ye(e,s,{flush:"sync"});const a=typeof t=="function"?t:t.get,l=typeof t=="function"?void 0:t.set,c=Kl((d,f)=>(o=d,r=f,{get(){return i.value&&(n=a(),i.value=!1),o(),n},set(m){l==null||l(m)}}));return Object.isExtensible(c)&&(c.trigger=s),c}function Ka(e){return ws()?(xl(e),!0):!1}function En(e){return typeof e=="function"?e():ne(e)}const Df=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const kf=Object.prototype.toString,Cf=e=>kf.call(e)==="[object Object]",Vf=()=>{};function Sf(e,t){function n(...o){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,o),{fn:t,thisArg:this,args:o})).then(r).catch(i)})}return n}const qa=e=>e();function Ff(e=qa){const t=Le(!0);function n(){t.value=!1}function o(){t.value=!0}const r=(...i)=>{t.value&&e(...i)};return{isActive:Yn(t),pause:n,resume:o,eventFilter:r}}function $f(e){return e||Ur()}function Nf(e,t,n={}){const{eventFilter:o=qa,...r}=n;return Ye(e,Sf(o,t),r)}function Mf(e,t,n={}){const{eventFilter:o,...r}=n,{eventFilter:i,pause:s,resume:a,isActive:l}=Ff(o);return{stop:Nf(e,t,{...r,eventFilter:i}),pause:s,resume:a,isActive:l}}function Bf(e,t=!0,n){const o=$f(n);o?Je(e,o):t?e():Jn(e)}function Hf(e=!1,t={}){const{truthyValue:n=!0,falsyValue:o=!1}=t,r=Se(e),i=Le(e);function s(a){if(arguments.length)return i.value=a,i.value;{const l=En(n);return i.value=i.value===l?En(o):l,i.value}}return r?s:[i,s]}function zf(e){var t;const n=En(e);return(t=n==null?void 0:n.$el)!=null?t:n}const Co=Df?window:void 0;function bs(...e){let t,n,o,r;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,o,r]=e,t=Co):[t,n,o,r]=e,!t)return Vf;Array.isArray(n)||(n=[n]),Array.isArray(o)||(o=[o]);const i=[],s=()=>{i.forEach(d=>d()),i.length=0},a=(d,f,m,h)=>(d.addEventListener(f,m,h),()=>d.removeEventListener(f,m,h)),l=Ye(()=>[zf(t),En(r)],([d,f])=>{if(s(),!d)return;const m=Cf(f)?{...f}:f;i.push(...n.flatMap(h=>o.map(y=>a(d,h,y,m))))},{immediate:!0,flush:"post"}),c=()=>{l(),s()};return Ka(c),c}function jf(){const e=Le(!1);return Ur()&&Je(()=>{e.value=!0}),e}function Wf(e){const t=jf();return U(()=>(t.value,!!e()))}function Uf(e,t={}){const{window:n=Co}=t,o=Wf(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let r;const i=Le(!1),s=c=>{i.value=c.matches},a=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",s):r.removeListener(s))},l=Xs(()=>{o.value&&(a(),r=n.matchMedia(En(e)),"addEventListener"in r?r.addEventListener("change",s):r.addListener(s),i.value=r.matches)});return Ka(()=>{l(),a(),r=void 0}),i}const _o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},vo="__vueuse_ssr_handlers__",Kf=qf();function qf(){return vo in _o||(_o[vo]=_o[vo]||{}),_o[vo]}function Gf(e,t){return Kf[e]||t}function Yf(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const Zf={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},xs="vueuse-storage";function Ga(e,t,n,o={}){var r;const{flush:i="pre",deep:s=!0,listenToStorageChanges:a=!0,writeDefaults:l=!0,mergeDefaults:c=!1,shallow:d,window:f=Co,eventFilter:m,onError:h=S=>{console.error(S)},initOnMounted:y}=o,R=(d?Fr:Le)(typeof t=="function"?t():t);if(!n)try{n=Gf("getDefaultStorage",()=>{var S;return(S=Co)==null?void 0:S.localStorage})()}catch(S){h(S)}if(!n)return R;const A=En(t),C=Yf(A),k=(r=o.serializer)!=null?r:Zf[C],{pause:b,resume:x}=Mf(R,()=>W(R.value),{flush:i,deep:s,eventFilter:m});return f&&a&&Bf(()=>{bs(f,"storage",E),bs(f,xs,B),y&&E()}),y||E(),R;function W(S){try{if(S==null)n.removeItem(e);else{const w=k.write(S),q=n.getItem(e);q!==w&&(n.setItem(e,w),f&&f.dispatchEvent(new CustomEvent(xs,{detail:{key:e,oldValue:q,newValue:w,storageArea:n}})))}}catch(w){h(w)}}function J(S){const w=S?S.newValue:n.getItem(e);if(w==null)return l&&A!=null&&n.setItem(e,k.write(A)),A;if(!S&&c){const q=k.read(w);return typeof c=="function"?c(q,A):C==="object"&&!Array.isArray(q)?{...A,...q}:q}else return typeof w!="string"?w:k.read(w)}function B(S){E(S.detail)}function E(S){if(!(S&&S.storageArea!==n)){if(S&&S.key==null){R.value=A;return}if(!(S&&S.key!==e)){b();try{(S==null?void 0:S.newValue)!==k.write(R.value)&&(R.value=J(S))}catch(w){h(w)}finally{S?Jn(x):x()}}}}}function Jf(e){return Uf("(prefers-color-scheme: dark)",e)}const Qf=_e({name:"CodeGroup",slots:Object,setup(e,{slots:t}){const n=Le([]),o=Le(-1),r=Ga("vuepress-code-group",{}),i=U(()=>n.value.map(c=>c.innerText).join(","));Je(()=>{Ye(()=>r.value[i.value],(c=-1)=>{o.value!==c&&(o.value=c)},{immediate:!0}),Ye(o,c=>{r.value[i.value]!==c&&(r.value[i.value]=c)})});const s=(c=o.value)=>{c{c>0?o.value=c-1:o.value=n.value.length-1,n.value[o.value].focus()},l=(c,d)=>{c.key===" "||c.key==="Enter"?(c.preventDefault(),o.value=d):c.key==="ArrowRight"?(c.preventDefault(),s(d)):c.key==="ArrowLeft"&&(c.preventDefault(),a(d))};return()=>{var d;const c=(((d=t.default)==null?void 0:d.call(t))||[]).filter(f=>f.type.name==="CodeGroupItem").map(f=>(f.props===null&&(f.props={}),f));return c.length===0?null:(o.value<0||o.value>c.length-1?(o.value=c.findIndex(f=>f.props.active===""||f.props.active===!0),o.value===-1&&(o.value=0)):c.forEach((f,m)=>{f.props.active=m===o.value}),ge("div",{class:"code-group"},[ge("div",{class:"code-group__nav"},ge("ul",{class:"code-group__ul"},c.map((f,m)=>{const h=m===o.value;return ge("li",{class:"code-group__li"},ge("button",{ref:y=>{y&&(n.value[m]=y)},class:{"code-group__nav-tab":!0,"code-group__nav-tab-active":h},ariaPressed:h,ariaExpanded:h,onClick:()=>o.value=m,onKeydown:y=>l(y,m)},f.props.title))}))),c]))}}}),Xf=["aria-selected"],em=_e({name:"CodeGroupItem"}),tm=_e({...em,props:{title:{type:String,required:!0},active:{type:Boolean,required:!1,default:!1}},setup(e){return(t,n)=>(z(),te("div",{class:je(["code-group-item",{"code-group-item__active":e.active}]),"aria-selected":e.active},[xe(t.$slots,"default")],10,Xf))}}),nm=Pe(tm,[["__file","CodeGroupItem.vue"]]),om=()=>Wa(),ze=()=>Pf(),Ya=Symbol(""),ni=()=>{const e=Oe(Ya);if(!e)throw new Error("useDarkMode() is called without provider.");return e},rm=()=>{const e=ze(),t=Jf(),n=Ga("vuepress-color-scheme",e.value.colorMode),o=U({get(){return e.value.colorModeSwitch?n.value==="auto"?t.value:n.value==="dark":e.value.colorMode==="dark"},set(r){r===t.value?n.value="auto":n.value=r?"dark":"light"}});Gt(Ya,o),im(o)},im=e=>{const t=(n=e.value)=>{const o=window==null?void 0:window.document.querySelector("html");o==null||o.classList.toggle("dark",n)};Je(()=>{Ye(e,t,{immediate:!0})}),Ho(()=>t())},Za=(...e)=>{const n=to().resolve(...e),o=n.matched[n.matched.length-1];if(!(o!=null&&o.redirect))return n;const{redirect:r}=o,i=se(r)?r(n):r,s=ve(i)?{path:i}:i;return Za({hash:n.hash,query:n.query,params:n.params,...s})},oi=e=>{const t=Za(encodeURI(e));return{text:t.meta.title||e,link:t.name==="404"?e:t.fullPath}};let sr=null,An=null;const sm={wait:()=>sr,pending:()=>{sr=new Promise(e=>An=e)},resolve:()=>{An==null||An(),sr=null,An=null}},Ja=()=>sm,Qa=Symbol("sidebarItems"),ri=()=>{const e=Oe(Qa);if(!e)throw new Error("useSidebarItems() is called without provider.");return e},am=()=>{const e=ze(),t=gt(),n=U(()=>lm(t.value,e.value));Gt(Qa,n)},lm=(e,t)=>{const n=e.sidebar??t.sidebar??"auto",o=e.sidebarDepth??t.sidebarDepth??2;return e.home||n===!1?[]:n==="auto"?cm(o):G(n)?Xa(n,o):Gr(n)?dm(n,o):[]},um=(e,t)=>({text:e.title,link:e.link,children:ii(e.children,t)}),ii=(e,t)=>t>0?e.map(n=>um(n,t-1)):[],cm=e=>{const t=Zt();return[{text:t.value.title,children:ii(t.value.headers,e)}]},Xa=(e,t)=>{const n=Xt(),o=Zt(),r=i=>{var a;let s;if(ve(i)?s=oi(i):s=i,s.children)return{...s,children:s.children.map(l=>r(l))};if(s.link===n.path){const l=((a=o.value.headers[0])==null?void 0:a.level)===1?o.value.headers[0].children:o.value.headers;return{...s,children:ii(l,t)}}return s};return e.map(i=>r(i))},dm=(e,t)=>{const n=Xt(),o=Ta(e,n.path),r=e[o]??[];return Xa(r,t)},fm="719px",mm={mobile:fm};var Wn;(function(e){e.MOBILE="mobile"})(Wn||(Wn={}));var Ls;const _m={[Wn.MOBILE]:Number.parseInt((Ls=mm.mobile)==null?void 0:Ls.replace("px",""),10)},el=(e,t)=>{const n=_m[e];Number.isInteger(n)&&Je(()=>{t(n),window.addEventListener("resize",()=>t(n),!1),window.addEventListener("orientationchange",()=>t(n),!1)})},vm={},pm={class:"theme-default-content"};function hm(e,t){const n=bt("Content");return z(),te("div",pm,[re(n)])}const gm=Pe(vm,[["render",hm],["__file","HomeContent.vue"]]),Em={key:0,class:"features"},bm=_e({__name:"HomeFeatures",setup(e){const t=gt(),n=U(()=>G(t.value.features)?t.value.features:[]);return(o,r)=>n.value.length?(z(),te("div",Em,[(z(!0),te(ye,null,St(n.value,i=>(z(),te("div",{key:i.title,class:"feature"},[fe("h2",null,De(i.title),1),fe("p",null,De(i.details),1)]))),128))])):Re("v-if",!0)}}),xm=Pe(bm,[["__file","HomeFeatures.vue"]]),ym=["innerHTML"],Tm=["textContent"],Lm=_e({__name:"HomeFooter",setup(e){const t=gt(),n=U(()=>t.value.footer),o=U(()=>t.value.footerHtml);return(r,i)=>n.value?(z(),te(ye,{key:0},[Re(" eslint-disable-next-line vue/no-v-html "),o.value?(z(),te("div",{key:0,class:"footer",innerHTML:n.value},null,8,ym)):(z(),te("div",{key:1,class:"footer",textContent:De(n.value)},null,8,Tm))],64)):Re("v-if",!0)}}),Pm=Pe(Lm,[["__file","HomeFooter.vue"]]),Rm=["href","rel","target","aria-label"],Om=_e({inheritAttrs:!1}),Am=_e({...Om,__name:"AutoLink",props:{item:{type:Object,required:!0}},setup(e){const t=e,n=Xt(),o=wa(),{item:r}=$r(t),i=U(()=>eo(r.value.link)),s=U(()=>!i.value&&Fc(r.value.link)),a=U(()=>{if(!s.value){if(r.value.target)return r.value.target;if(i.value)return"_blank"}}),l=U(()=>a.value==="_blank"),c=U(()=>!i.value&&!s.value&&!l.value),d=U(()=>{if(!s.value){if(r.value.rel)return r.value.rel;if(l.value)return"noopener noreferrer"}}),f=U(()=>r.value.ariaLabel||r.value.text),m=U(()=>{const R=Object.keys(o.value.locales);return R.length?!R.some(A=>A===r.value.link):r.value.link!=="/"}),h=U(()=>m.value?n.path.startsWith(r.value.link):!1),y=U(()=>c.value?r.value.activeMatch?new RegExp(r.value.activeMatch).test(n.path):h.value:!1);return(R,A)=>{const C=bt("RouterLink"),k=bt("AutoLinkExternalIcon");return c.value?(z(),Ie(C,gr({key:0,class:{"router-link-active":y.value},to:ne(r).link,"aria-label":f.value},R.$attrs),{default:$e(()=>[xe(R.$slots,"before"),$t(" "+De(ne(r).text)+" ",1),xe(R.$slots,"after")]),_:3},16,["class","to","aria-label"])):(z(),te("a",gr({key:1,class:"external-link",href:ne(r).link,rel:d.value,target:a.value,"aria-label":f.value},R.$attrs),[xe(R.$slots,"before"),$t(" "+De(ne(r).text)+" ",1),l.value?(z(),Ie(k,{key:0})):Re("v-if",!0),xe(R.$slots,"after")],16,Rm))}}}),Et=Pe(Am,[["__file","AutoLink.vue"]]),Im={class:"hero"},wm={key:0,id:"main-title"},Dm={key:1,class:"description"},km={key:2,class:"actions"},Cm=_e({__name:"HomeHero",setup(e){const t=gt(),n=Zr(),o=ni(),r=U(()=>o.value&&t.value.heroImageDark!==void 0?t.value.heroImageDark:t.value.heroImage),i=U(()=>t.value.heroAlt||a.value||"hero"),s=U(()=>t.value.heroHeight||280),a=U(()=>t.value.heroText===null?null:t.value.heroText||n.value.title||"Hello"),l=U(()=>t.value.tagline===null?null:t.value.tagline||n.value.description||"Welcome to your VuePress site"),c=U(()=>G(t.value.actions)?t.value.actions.map(({text:f,link:m,type:h="primary"})=>({text:f,link:m,type:h})):[]),d=()=>{if(!r.value)return null;const f=ge("img",{src:Qr(r.value),alt:i.value,height:s.value});return t.value.heroImageDark===void 0?f:ge(Jr,()=>f)};return(f,m)=>(z(),te("header",Im,[re(d),a.value?(z(),te("h1",wm,De(a.value),1)):Re("v-if",!0),l.value?(z(),te("p",Dm,De(l.value),1)):Re("v-if",!0),c.value.length?(z(),te("p",km,[(z(!0),te(ye,null,St(c.value,h=>(z(),Ie(Et,{key:h.text,class:je(["action-button",[h.type]]),item:h},null,8,["class","item"]))),128))])):Re("v-if",!0)]))}}),Vm=Pe(Cm,[["__file","HomeHero.vue"]]),Sm={class:"home"},Fm=_e({__name:"Home",setup(e){return(t,n)=>(z(),te("main",Sm,[re(Vm),re(xm),re(gm),re(Pm)]))}}),$m=Pe(Fm,[["__file","Home.vue"]]),Nm=_e({__name:"NavbarBrand",setup(e){const t=Wo(),n=Zr(),o=ze(),r=ni(),i=U(()=>o.value.home||t.value),s=U(()=>n.value.title),a=U(()=>r.value&&o.value.logoDark!==void 0?o.value.logoDark:o.value.logo),l=()=>{if(!a.value)return null;const c=ge("img",{class:"logo",src:Qr(a.value),alt:s.value});return o.value.logoDark===void 0?c:ge(Jr,()=>c)};return(c,d)=>{const f=bt("RouterLink");return z(),Ie(f,{to:i.value},{default:$e(()=>[re(l),s.value?(z(),te("span",{key:0,class:je(["site-name",{"can-hide":a.value}])},De(s.value),3)):Re("v-if",!0)]),_:1},8,["to"])}}}),Mm=Pe(Nm,[["__file","NavbarBrand.vue"]]),Bm=_e({__name:"DropdownTransition",setup(e){const t=o=>{o.style.height=o.scrollHeight+"px"},n=o=>{o.style.height=""};return(o,r)=>(z(),Ie(Xn,{name:"dropdown",onEnter:t,onAfterEnter:n,onBeforeLeave:t},{default:$e(()=>[xe(o.$slots,"default")]),_:3}))}}),tl=Pe(Bm,[["__file","DropdownTransition.vue"]]),Hm=["aria-label"],zm={class:"title"},jm=fe("span",{class:"arrow down"},null,-1),Wm=["aria-label"],Um={class:"title"},Km={class:"navbar-dropdown"},qm={class:"navbar-dropdown-subtitle"},Gm={key:1},Ym={class:"navbar-dropdown-subitem-wrapper"},Zm=_e({__name:"NavbarDropdown",props:{item:{type:Object,required:!0}},setup(e){const t=e,{item:n}=$r(t),o=U(()=>n.value.ariaLabel||n.value.text),r=Le(!1),i=Xt();Ye(()=>i.path,()=>{r.value=!1});const s=l=>{l.detail===0?r.value=!r.value:r.value=!1},a=(l,c)=>c[c.length-1]===l;return(l,c)=>(z(),te("div",{class:je(["navbar-dropdown-wrapper",{open:r.value}])},[fe("button",{class:"navbar-dropdown-title",type:"button","aria-label":o.value,onClick:s},[fe("span",zm,De(ne(n).text),1),jm],8,Hm),fe("button",{class:"navbar-dropdown-title-mobile",type:"button","aria-label":o.value,onClick:c[0]||(c[0]=d=>r.value=!r.value)},[fe("span",Um,De(ne(n).text),1),fe("span",{class:je(["arrow",r.value?"down":"right"])},null,2)],8,Wm),re(tl,null,{default:$e(()=>[Ro(fe("ul",Km,[(z(!0),te(ye,null,St(ne(n).children,d=>(z(),te("li",{key:d.text,class:"navbar-dropdown-item"},[d.children?(z(),te(ye,{key:0},[fe("h4",qm,[d.link?(z(),Ie(Et,{key:0,item:d,onFocusout:f=>a(d,ne(n).children)&&d.children.length===0&&(r.value=!1)},null,8,["item","onFocusout"])):(z(),te("span",Gm,De(d.text),1))]),fe("ul",Ym,[(z(!0),te(ye,null,St(d.children,f=>(z(),te("li",{key:f.link,class:"navbar-dropdown-subitem"},[re(Et,{item:f,onFocusout:m=>a(f,d.children)&&a(d,ne(n).children)&&(r.value=!1)},null,8,["item","onFocusout"])]))),128))])],64)):(z(),Ie(Et,{key:1,item:d,onFocusout:f=>a(d,ne(n).children)&&(r.value=!1)},null,8,["item","onFocusout"]))]))),128))],512),[[Do,r.value]])]),_:1})],2))}}),Jm=Pe(Zm,[["__file","NavbarDropdown.vue"]]),ys=e=>decodeURI(e).replace(/#.*$/,"").replace(/(index)?\.(md|html)$/,""),Qm=(e,t)=>{if(t.hash===e)return!0;const n=ys(t.path),o=ys(e);return n===o},nl=(e,t)=>e.link&&Qm(e.link,t)?!0:e.children?e.children.some(n=>nl(n,t)):!1,ol=e=>!eo(e)||/github\.com/.test(e)?"GitHub":/bitbucket\.org/.test(e)?"Bitbucket":/gitlab\.com/.test(e)?"GitLab":/gitee\.com/.test(e)?"Gitee":null,Xm={GitHub:":repo/edit/:branch/:path",GitLab:":repo/-/edit/:branch/:path",Gitee:":repo/edit/:branch/:path",Bitbucket:":repo/src/:branch/:path?mode=edit&spa=0&at=:branch&fileviewer=file-view-default"},e_=({docsRepo:e,editLinkPattern:t})=>{if(t)return t;const n=ol(e);return n!==null?Xm[n]:null},t_=({docsRepo:e,docsBranch:t,docsDir:n,filePathRelative:o,editLinkPattern:r})=>{if(!o)return null;const i=e_({docsRepo:e,editLinkPattern:r});return i?i.replace(/:repo/,eo(e)?e:`https://github.com/${e}`).replace(/:branch/,t).replace(/:path/,ya(`${xa(n)}/${o}`)):null},n_={key:0,class:"navbar-items"},o_=_e({__name:"NavbarItems",setup(e){const t=()=>{const d=to(),f=Wo(),m=wa(),h=Zr(),y=om(),R=ze();return U(()=>{const A=Object.keys(m.value.locales);if(A.length<2)return[];const C=d.currentRoute.value.path,k=d.currentRoute.value.fullPath;return[{text:`${R.value.selectLanguageText}`,ariaLabel:`${R.value.selectLanguageAriaLabel??R.value.selectLanguageText}`,children:A.map(x=>{var w,q;const W=((w=m.value.locales)==null?void 0:w[x])??{},J=((q=y.value.locales)==null?void 0:q[x])??{},B=`${W.lang}`,E=J.selectLanguageName??B;let S;if(B===h.value.lang)S=k;else{const L=C.replace(f.value,x);d.getRoutes().some(F=>F.path===L)?S=k.replace(C,L):S=J.home??x}return{text:E,link:S}})}]})},n=()=>{const d=ze(),f=U(()=>d.value.repo),m=U(()=>f.value?ol(f.value):null),h=U(()=>f.value&&!eo(f.value)?`https://github.com/${f.value}`:f.value),y=U(()=>h.value?d.value.repoLabel?d.value.repoLabel:m.value===null?"Source":m.value:null);return U(()=>!h.value||!y.value?[]:[{text:y.value,link:h.value}])},o=d=>ve(d)?oi(d):d.children?{...d,children:d.children.map(o)}:d,r=()=>{const d=ze();return U(()=>(d.value.navbar||[]).map(o))},i=Le(!1),s=r(),a=t(),l=n(),c=U(()=>[...s.value,...a.value,...l.value]);return el(Wn.MOBILE,d=>{window.innerWidthc.value.length?(z(),te("nav",n_,[(z(!0),te(ye,null,St(c.value,m=>(z(),te("div",{key:m.text,class:"navbar-item"},[m.children?(z(),Ie(Jm,{key:0,item:m,class:je(i.value?"mobile":"")},null,8,["item","class"])):(z(),Ie(Et,{key:1,item:m},null,8,["item"]))]))),128))])):Re("v-if",!0)}}),rl=Pe(o_,[["__file","NavbarItems.vue"]]),r_=["title"],i_={class:"icon",focusable:"false",viewBox:"0 0 32 32"},s_=ju('',9),a_=[s_],l_={class:"icon",focusable:"false",viewBox:"0 0 32 32"},u_=fe("path",{d:"M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z",fill:"currentColor"},null,-1),c_=[u_],d_=_e({__name:"ToggleColorModeButton",setup(e){const t=ze(),n=ni(),o=()=>{n.value=!n.value};return(r,i)=>(z(),te("button",{class:"toggle-color-mode-button",title:ne(t).toggleColorMode,onClick:o},[Ro((z(),te("svg",i_,a_,512)),[[Do,!ne(n)]]),Ro((z(),te("svg",l_,c_,512)),[[Do,ne(n)]])],8,r_))}}),f_=Pe(d_,[["__file","ToggleColorModeButton.vue"]]),m_=["title"],__=fe("div",{class:"icon","aria-hidden":"true"},[fe("span"),fe("span"),fe("span")],-1),v_=[__],p_=_e({__name:"ToggleSidebarButton",emits:["toggle"],setup(e){const t=ze();return(n,o)=>(z(),te("div",{class:"toggle-sidebar-button",title:ne(t).toggleSidebar,"aria-expanded":"false",role:"button",tabindex:"0",onClick:o[0]||(o[0]=r=>n.$emit("toggle"))},v_,8,m_))}}),h_=Pe(p_,[["__file","ToggleSidebarButton.vue"]]),g_=_e({__name:"Navbar",emits:["toggle-sidebar"],setup(e){const t=ze(),n=Le(null),o=Le(null),r=Le(0),i=U(()=>r.value?{maxWidth:r.value+"px"}:{});el(Wn.MOBILE,a=>{var c;const l=s(n.value,"paddingLeft")+s(n.value,"paddingRight");window.innerWidth{const c=bt("NavbarSearch");return z(),te("header",{ref_key:"navbar",ref:n,class:"navbar"},[re(h_,{onToggle:l[0]||(l[0]=d=>a.$emit("toggle-sidebar"))}),fe("span",{ref_key:"navbarBrand",ref:o},[re(Mm)],512),fe("div",{class:"navbar-items-wrapper",style:xn(i.value)},[xe(a.$slots,"before"),re(rl,{class:"can-hide"}),xe(a.$slots,"after"),ne(t).colorModeSwitch?(z(),Ie(f_,{key:0})):Re("v-if",!0),re(c)],4)],512)}}}),E_=Pe(g_,[["__file","Navbar.vue"]]),b_={class:"page-meta"},x_={key:0,class:"meta-item edit-link"},y_={key:1,class:"meta-item last-updated"},T_={class:"meta-item-label"},L_={class:"meta-item-info"},P_={key:2,class:"meta-item contributors"},R_={class:"meta-item-label"},O_={class:"meta-item-info"},A_=["title"],I_=_e({__name:"PageMeta",setup(e){const t=()=>{const l=ze(),c=Zt(),d=gt();return U(()=>{if(!(d.value.editLink??l.value.editLink??!0))return null;const{repo:m,docsRepo:h=m,docsBranch:y="main",docsDir:R="",editLinkText:A}=l.value;if(!h)return null;const C=t_({docsRepo:h,docsBranch:y,docsDir:R,filePathRelative:c.value.filePathRelative,editLinkPattern:d.value.editLinkPattern??l.value.editLinkPattern});return C?{text:A??"Edit this page",link:C}:null})},n=()=>{const l=ze(),c=Zt(),d=gt();return U(()=>{var h,y;return!(d.value.lastUpdated??l.value.lastUpdated??!0)||!((h=c.value.git)!=null&&h.updatedTime)?null:new Date((y=c.value.git)==null?void 0:y.updatedTime).toLocaleString()})},o=()=>{const l=ze(),c=Zt(),d=gt();return U(()=>{var m;return d.value.contributors??l.value.contributors??!0?((m=c.value.git)==null?void 0:m.contributors)??null:null})},r=ze(),i=t(),s=n(),a=o();return(l,c)=>{const d=bt("ClientOnly");return z(),te("footer",b_,[ne(i)?(z(),te("div",x_,[re(Et,{class:"meta-item-label",item:ne(i)},null,8,["item"])])):Re("v-if",!0),ne(s)?(z(),te("div",y_,[fe("span",T_,De(ne(r).lastUpdatedText)+": ",1),re(d,null,{default:$e(()=>[fe("span",L_,De(ne(s)),1)]),_:1})])):Re("v-if",!0),ne(a)&&ne(a).length?(z(),te("div",P_,[fe("span",R_,De(ne(r).contributorsText)+": ",1),fe("span",O_,[(z(!0),te(ye,null,St(ne(a),(f,m)=>(z(),te(ye,{key:m},[fe("span",{class:"contributor",title:`email: ${f.email}`},De(f.name),9,A_),m!==ne(a).length-1?(z(),te(ye,{key:0},[$t(", ")],64)):Re("v-if",!0)],64))),128))])])):Re("v-if",!0)])}}}),w_=Pe(I_,[["__file","PageMeta.vue"]]),D_={key:0,class:"page-nav"},k_={class:"inner"},C_={key:0,class:"prev"},V_={key:1,class:"next"},S_=_e({__name:"PageNav",setup(e){const t=l=>l===!1?null:ve(l)?oi(l):Gr(l)?l:!1,n=(l,c,d)=>{const f=l.findIndex(m=>m.link===c);if(f!==-1){const m=l[f+d];return m!=null&&m.link?m:null}for(const m of l)if(m.children){const h=n(m.children,c,d);if(h)return h}return null},o=gt(),r=ri(),i=Xt(),s=U(()=>{const l=t(o.value.prev);return l!==!1?l:n(r.value,i.path,-1)}),a=U(()=>{const l=t(o.value.next);return l!==!1?l:n(r.value,i.path,1)});return(l,c)=>s.value||a.value?(z(),te("nav",D_,[fe("p",k_,[s.value?(z(),te("span",C_,[re(Et,{item:s.value},null,8,["item"])])):Re("v-if",!0),a.value?(z(),te("span",V_,[re(Et,{item:a.value},null,8,["item"])])):Re("v-if",!0)])])):Re("v-if",!0)}}),F_=Pe(S_,[["__file","PageNav.vue"]]),$_={class:"page"},N_={class:"theme-default-content"},M_=_e({__name:"Page",setup(e){return(t,n)=>{const o=bt("Content");return z(),te("main",$_,[xe(t.$slots,"top"),fe("div",N_,[xe(t.$slots,"content-top"),re(o),xe(t.$slots,"content-bottom")]),re(w_),re(F_),xe(t.$slots,"bottom")])}}}),B_=Pe(M_,[["__file","Page.vue"]]),H_=["onKeydown"],z_={class:"sidebar-item-children"},j_=_e({__name:"SidebarItem",props:{item:{type:Object,required:!0},depth:{type:Number,required:!1,default:0}},setup(e){const t=e,{item:n,depth:o}=$r(t),r=Xt(),i=to(),s=U(()=>nl(n.value,r)),a=U(()=>({"sidebar-item":!0,"sidebar-heading":o.value===0,active:s.value,collapsible:n.value.collapsible})),l=U(()=>n.value.collapsible?s.value:!0),[c,d]=Hf(l.value),f=h=>{n.value.collapsible&&(h.preventDefault(),d())},m=i.afterEach(h=>{Jn(()=>{c.value=l.value})});return Hr(()=>{m()}),(h,y)=>{var A;const R=bt("SidebarItem",!0);return z(),te("li",null,[ne(n).link?(z(),Ie(Et,{key:0,class:je(a.value),item:ne(n)},null,8,["class","item"])):(z(),te("p",{key:1,tabindex:"0",class:je(a.value),onClick:f,onKeydown:Pc(f,["enter"])},[$t(De(ne(n).text)+" ",1),ne(n).collapsible?(z(),te("span",{key:0,class:je(["arrow",ne(c)?"down":"right"])},null,2)):Re("v-if",!0)],42,H_)),(A=ne(n).children)!=null&&A.length?(z(),Ie(tl,{key:2},{default:$e(()=>[Ro(fe("ul",z_,[(z(!0),te(ye,null,St(ne(n).children,C=>(z(),Ie(R,{key:`${ne(o)}${C.text}${C.link}`,item:C,depth:ne(o)+1},null,8,["item","depth"]))),128))],512),[[Do,ne(c)]])]),_:1})):Re("v-if",!0)])}}}),W_=Pe(j_,[["__file","SidebarItem.vue"]]),U_={key:0,class:"sidebar-items"},K_=_e({__name:"SidebarItems",setup(e){const t=Xt(),n=ri();return Je(()=>{Ye(()=>t.hash,o=>{const r=document.querySelector(".sidebar");if(!r)return;const i=document.querySelector(`.sidebar a.sidebar-item[href="${t.path}${o}"]`);if(!i)return;const{top:s,height:a}=r.getBoundingClientRect(),{top:l,height:c}=i.getBoundingClientRect();ls+a&&i.scrollIntoView(!1)})}),(o,r)=>ne(n).length?(z(),te("ul",U_,[(z(!0),te(ye,null,St(ne(n),i=>(z(),Ie(W_,{key:`${i.text}${i.link}`,item:i},null,8,["item"]))),128))])):Re("v-if",!0)}}),q_=Pe(K_,[["__file","SidebarItems.vue"]]),G_={class:"sidebar"},Y_=_e({__name:"Sidebar",setup(e){return(t,n)=>(z(),te("aside",G_,[re(rl),xe(t.$slots,"top"),re(q_),xe(t.$slots,"bottom")]))}}),Z_=Pe(Y_,[["__file","Sidebar.vue"]]),J_=_e({__name:"Layout",setup(e){const t=Zt(),n=gt(),o=ze(),r=U(()=>n.value.navbar!==!1&&o.value.navbar!==!1),i=ri(),s=Le(!1),a=A=>{s.value=typeof A=="boolean"?A:!s.value},l={x:0,y:0},c=A=>{l.x=A.changedTouches[0].clientX,l.y=A.changedTouches[0].clientY},d=A=>{const C=A.changedTouches[0].clientX-l.x,k=A.changedTouches[0].clientY-l.y;Math.abs(C)>Math.abs(k)&&Math.abs(C)>40&&(C>0&&l.x<=80?a(!0):a(!1))},f=U(()=>[{"no-navbar":!r.value,"no-sidebar":!i.value.length,"sidebar-open":s.value},n.value.pageClass]);let m;Je(()=>{m=to().afterEach(()=>{a(!1)})}),Ho(()=>{m()});const h=Ja(),y=h.resolve,R=h.pending;return(A,C)=>(z(),te("div",{class:je(["theme-container",f.value]),onTouchstart:c,onTouchend:d},[xe(A.$slots,"navbar",{},()=>[r.value?(z(),Ie(E_,{key:0,onToggleSidebar:a},{before:$e(()=>[xe(A.$slots,"navbar-before")]),after:$e(()=>[xe(A.$slots,"navbar-after")]),_:3})):Re("v-if",!0)]),fe("div",{class:"sidebar-mask",onClick:C[0]||(C[0]=k=>a(!1))}),xe(A.$slots,"sidebar",{},()=>[re(Z_,null,{top:$e(()=>[xe(A.$slots,"sidebar-top")]),bottom:$e(()=>[xe(A.$slots,"sidebar-bottom")]),_:3})]),xe(A.$slots,"page",{},()=>[ne(n).home?(z(),Ie($m,{key:0})):(z(),Ie(Xn,{key:1,name:"fade-slide-y",mode:"out-in",onBeforeEnter:ne(y),onBeforeLeave:ne(R)},{default:$e(()=>[(z(),Ie(B_,{key:ne(t).path},{top:$e(()=>[xe(A.$slots,"page-top")]),"content-top":$e(()=>[xe(A.$slots,"page-content-top")]),"content-bottom":$e(()=>[xe(A.$slots,"page-content-bottom")]),bottom:$e(()=>[xe(A.$slots,"page-bottom")]),_:3}))]),_:3},8,["onBeforeEnter","onBeforeLeave"]))])],34))}}),Q_=Pe(J_,[["__file","Layout.vue"]]),X_={class:"theme-container"},ev={class:"page"},tv={class:"theme-default-content"},nv=fe("h1",null,"404",-1),ov=_e({__name:"NotFound",setup(e){const t=Wo(),n=ze(),o=n.value.notFound??["Not Found"],r=()=>o[Math.floor(Math.random()*o.length)],i=n.value.home??t.value,s=n.value.backToHome??"Back to home";return(a,l)=>{const c=bt("RouterLink");return z(),te("div",X_,[fe("main",ev,[fe("div",tv,[nv,fe("blockquote",null,De(r()),1),re(c,{to:ne(i)},{default:$e(()=>[$t(De(ne(s)),1)]),_:1},8,["to"])])])])}}}),rv=Pe(ov,[["__file","NotFound.vue"]]),iv=Nt({enhance({app:e,router:t}){e.component("Badge",If),e.component("CodeGroup",Qf),e.component("CodeGroupItem",nm),e.component("AutoLinkExternalIcon",()=>{const o=e.component("ExternalLinkIcon");return o?ge(o):null}),e.component("NavbarSearch",()=>{const o=e.component("Docsearch")||e.component("SearchBox");return o?ge(o):null});const n=t.options.scrollBehavior;t.options.scrollBehavior=async(...o)=>(await Ja().wait(),n(...o))},setup(){rm(),am()},layouts:{Layout:Q_,NotFound:rv}}),sv={enhance:({app:e})=>{e.component("Demo",p(()=>u(()=>import("./Demo-5DMVfPWL.js"),__vite__mapDeps([0,1,2])))),e.component("DemoButton",p(()=>u(()=>import("./DemoButton-xkD8OHQw.js"),__vite__mapDeps([])))),e.component("Lines",p(()=>u(()=>import("./Lines-RIeZxxtr.js"),__vite__mapDeps([3,4])))),e.component("VcParagraph",p(()=>u(()=>import("./VcParagraph-pIVYxUQ1.js"),__vite__mapDeps([])))),e.component("home-VueFluxHome",p(()=>u(()=>import("./VueFluxHome-Rmq8yC7e.js"),__vite__mapDeps([5,0,1,2])))),e.component("demos-complements-FluxCaption",p(()=>u(()=>import("./FluxCaption-spq62oGn.js"),__vite__mapDeps([6,7,2,0,1])))),e.component("demos-complements-FluxControls",p(()=>u(()=>import("./FluxControls-cgSggjhb.js"),__vite__mapDeps([8,7,2,0,1])))),e.component("demos-complements-FluxIndex",p(()=>u(()=>import("./FluxIndex-l5LjQ1p1.js"),__vite__mapDeps([9,7,2,0,1])))),e.component("demos-complements-FluxPagination",p(()=>u(()=>import("./FluxPagination-yz7zNSYz.js"),__vite__mapDeps([10,7,2,0,1])))),e.component("demos-complements-FluxPreloader",p(()=>u(()=>import("./FluxPreloader-ISa_1xA9.js"),__vite__mapDeps([11,7,2,0,1])))),e.component("demos-demos-Complements",p(()=>u(()=>import("./Complements-6E4xE3lP.js"),__vite__mapDeps([12,2,0,1])))),e.component("demos-demos-ParallaxFixed",p(()=>u(()=>import("./ParallaxFixed-s0KaY7TU.js"),__vite__mapDeps([13,1,2])))),e.component("demos-demos-Transitions",p(()=>u(()=>import("./Transitions-ok_Xfo5x.js"),__vite__mapDeps([14,0,1,2,15])))),e.component("demos-components-FluxButton",p(()=>u(()=>import("./FluxButton-Qigdyi2S.js"),__vite__mapDeps([16,7,2])))),e.component("demos-components-FluxCube",p(()=>u(()=>import("./FluxCube-iBCOHUUI.js"),__vite__mapDeps([17,2,7,18,1,19])))),e.component("demos-components-FluxGrid",p(()=>u(()=>import("./FluxGrid-JO_Yhk45.js"),__vite__mapDeps([20,2,7,18,1])))),e.component("demos-components-FluxImage",p(()=>u(()=>import("./FluxImage-CZd7FFsz.js"),__vite__mapDeps([21,2,7,18,1])))),e.component("demos-components-FluxParallax",p(()=>u(()=>import("./FluxParallax-bNFHhIxN.js"),__vite__mapDeps([22,7,18,2,3,4,1])))),e.component("demos-components-FluxTransition",p(()=>u(()=>import("./FluxTransition-h64VPOGa.js"),__vite__mapDeps([23,18,7,2,15,1])))),e.component("demos-components-FluxVortex",p(()=>u(()=>import("./FluxVortex-gFv9Ypl1.js"),__vite__mapDeps([24,2,7,18,1])))),e.component("demos-components-VueFlux",p(()=>u(()=>import("./VueFlux-rITuxzRK.js"),__vite__mapDeps([25,7,2,0,1])))),e.component("demos-transitions-Blinds2D",p(()=>u(()=>import("./Blinds2D-JNhCTcMS.js"),__vite__mapDeps([26,7,18,2,0,1,19])))),e.component("demos-transitions-Blinds3D",p(()=>u(()=>import("./Blinds3D-odMli0gV.js"),__vite__mapDeps([27,7,18,2,0,1,19])))),e.component("demos-transitions-Blocks1",p(()=>u(()=>import("./Blocks1-WKhxXxIY.js"),__vite__mapDeps([28,7,18,2,0,1,19])))),e.component("demos-transitions-Blocks2",p(()=>u(()=>import("./Blocks2-AuB9kpIF.js"),__vite__mapDeps([29,7,18,2,0,1,19])))),e.component("demos-transitions-Book",p(()=>u(()=>import("./Book-Jd1TMBGG.js"),__vite__mapDeps([30,7,18,2,0,1,19])))),e.component("demos-transitions-Camera",p(()=>u(()=>import("./Camera-y-IMMfCJ.js"),__vite__mapDeps([31,7,18,2,0,1,19])))),e.component("demos-transitions-Concentric",p(()=>u(()=>import("./Concentric-bJPzmiuk.js"),__vite__mapDeps([32,7,18,2,0,1,19])))),e.component("demos-transitions-Cube",p(()=>u(()=>import("./Cube-c93ge7Dy.js"),__vite__mapDeps([33,7,18,2,0,1,19])))),e.component("demos-transitions-Explode",p(()=>u(()=>import("./Explode-JDY-FPqr.js"),__vite__mapDeps([34,7,18,2,0,1,19])))),e.component("demos-transitions-Fade",p(()=>u(()=>import("./Fade-eNLsyOIZ.js"),__vite__mapDeps([35,7,18,2,0,1,19])))),e.component("demos-transitions-Fall",p(()=>u(()=>import("./Fall-A_re5klg.js"),__vite__mapDeps([36,7,18,2,0,1,19])))),e.component("demos-transitions-Kenburn",p(()=>u(()=>import("./Kenburn-1A9Ojx0m.js"),__vite__mapDeps([37,7,18,2,0,1,19])))),e.component("demos-transitions-Round1",p(()=>u(()=>import("./Round1-oxYDB0_w.js"),__vite__mapDeps([38,7,18,2,0,1,19])))),e.component("demos-transitions-Round2",p(()=>u(()=>import("./Round2-q7emZ7gQ.js"),__vite__mapDeps([39,7,18,2,0,1,19])))),e.component("demos-transitions-Slide",p(()=>u(()=>import("./Slide-Vd_yVmOM.js"),__vite__mapDeps([40,7,18,2,0,1,19])))),e.component("demos-transitions-Swipe",p(()=>u(()=>import("./Swipe-QKtVPPO7.js"),__vite__mapDeps([41,7,18,2,0,1,19])))),e.component("demos-transitions-Warp",p(()=>u(()=>import("./Warp-oX3zpc--.js"),__vite__mapDeps([42,7,18,2,0,1,19])))),e.component("demos-transitions-Waterfall",p(()=>u(()=>import("./Waterfall-BgKafy5v.js"),__vite__mapDeps([43,7,18,2,0,1,19])))),e.component("demos-transitions-Wave",p(()=>u(()=>import("./Wave-JtstqOEB.js"),__vite__mapDeps([44,7,18,2,0,1,19])))),e.component("demos-transitions-Zip",p(()=>u(()=>import("./Zip-uTmbklwH.js"),__vite__mapDeps([45,7,18,2,0,1,19]))))}},av=e=>{if(window.dataLayer&&window.gtag)return;const t=document.createElement("script");t.src=`https://www.googletagmanager.com/gtag/js?id=${e.id}`,t.async=!0,document.head.appendChild(t),window.dataLayer=window.dataLayer||[],window.gtag=function(){dataLayer.push(arguments)},gtag("js",new Date),e.debug?gtag("config",e.id,{debug_mode:!0}):gtag("config",e.id)};var lv={id:"G-Y5ER74KWQV"};const uv=lv,cv=Nt({enhance(){av(uv)}}),dv=Nt({enhance({app:e,router:t,siteData:n}){},setup(){},rootComponents:[]}),po=[Jc,nd,vd,yf,Of,iv,sv,cv,dv],fv=[["v-8daa1a0e","/",{title:""},["/readme.md"]],["v-6397251d","/demos/complements/flux-caption.html",{title:"FluxCaption"},[":md"]],["v-df436a8e","/demos/complements/flux-controls.html",{title:"FluxControls"},[":md"]],["v-a806c79e","/demos/complements/flux-index.html",{title:"FluxIndex"},[":md"]],["v-b34e2a56","/demos/complements/flux-pagination.html",{title:"FluxPagination"},[":md"]],["v-276aca0d","/demos/complements/flux-preloader.html",{title:"FluxPreloader"},[":md"]],["v-1eb49338","/demos/components/flux-button.html",{title:"FluxButton"},[":md"]],["v-b00e02fe","/demos/components/flux-cube.html",{title:"FluxCube"},[":md"]],["v-31fdfa10","/demos/components/flux-grid.html",{title:"FluxGrid"},[":md"]],["v-6969b17e","/demos/components/flux-image.html",{title:"FluxImage"},[":md"]],["v-ce450842","/demos/components/flux-parallax.html",{title:"FluxParallax"},[":md"]],["v-6104c7a1","/demos/components/flux-transition.html",{title:"FluxTransition"},[":md"]],["v-9f576330","/demos/components/flux-vortex.html",{title:"FluxVortex"},[":md"]],["v-760c8d70","/demos/components/vue-flux.html",{title:"VueFlux"},[":md"]],["v-4124d8b7","/demos/demos/",{title:"Demos"},["/demos/demos/readme.md"]],["v-ada6b5c0","/demos/transitions/blinds2d.html",{title:"Blinds 2D"},[":md"]],["v-43da3f3e","/demos/transitions/blinds3d.html",{title:"Blinds 3D"},[":md"]],["v-b3226712","/demos/transitions/blocks1.html",{title:"Blocks 1"},[":md"]],["v-afb8b5d4","/demos/transitions/blocks2.html",{title:"Blocks 2"},[":md"]],["v-aa57f7f2","/demos/transitions/book.html",{title:"Book"},[":md"]],["v-376600ea","/demos/transitions/camera.html",{title:"Camera"},[":md"]],["v-400f1eae","/demos/transitions/concentric.html",{title:"Concentric"},[":md"]],["v-171d2b8a","/demos/transitions/cube.html",{title:"Cube"},[":md"]],["v-7c9e9e7e","/demos/transitions/explode.html",{title:"Explode"},[":md"]],["v-0518a758","/demos/transitions/fade.html",{title:"Fade"},[":md"]],["v-9ed11a96","/demos/transitions/fall.html",{title:"Fall"},[":md"]],["v-da480682","/demos/transitions/kenburn.html",{title:"Kenburn"},[":md"]],["v-985f8cae","/demos/transitions/",{title:"Transitions"},["/demos/transitions/readme.md"]],["v-0c45d90d","/demos/transitions/round1.html",{title:"Round 1"},[":md"]],["v-0dfab1ac","/demos/transitions/round2.html",{title:"Round 2"},[":md"]],["v-b65e379e","/demos/transitions/slide.html",{title:"Slide"},[":md"]],["v-7e8c7048","/demos/transitions/swipe.html",{title:"Swipe"},[":md"]],["v-6548d070","/demos/transitions/warp.html",{title:"Warp"},[":md"]],["v-5d8cfe20","/demos/transitions/waterfall.html",{title:"Waterfall"},[":md"]],["v-e3a19412","/demos/transitions/wave.html",{title:"Wave"},[":md"]],["v-116b91fe","/demos/transitions/zip.html",{title:"Zip"},[":md"]],["v-46255a3c","/documentation/v5/",{title:""},["/documentation/v5/readme.md"]],["v-e665bd06","/documentation/v5/changelog/",{title:""},["/documentation/v5/changelog/readme.md"]],["v-f3b8be2a","/documentation/v5/custom-transitions/",{title:""},["/documentation/v5/custom-transitions/readme.md"]],["v-4b080bb5","/documentation/v5/installation-and-usage/",{title:""},["/documentation/v5/installation-and-usage/readme.md"]],["v-60498d34","/documentation/v5/overview/",{title:""},["/documentation/v5/overview/readme.md"]],["v-4b8adfc2","/documentation/v5/ssr-with-nuxt/",{title:""},["/documentation/v5/ssr-with-nuxt/readme.md"]],["v-4f87df94","/documentation/v5/templating/",{title:""},["/documentation/v5/templating/readme.md"]],["v-bd78ebda","/documentation/v5/transitions/",{title:""},["/documentation/v5/transitions/readme.md"]],["v-d7027248","/documentation/v6/changelog/",{title:"Changelog"},["/documentation/v6/changelog/readme.md"]],["v-26b59c43","/documentation/v6/complements/",{title:"Complements"},["/documentation/v6/complements/readme.md"]],["v-227e5238","/documentation/v6/components/",{title:"Components"},["/documentation/v6/components/readme.md"]],["v-da86d328","/documentation/v6/custom-transitions/",{title:"Custom transitions"},["/documentation/v6/custom-transitions/readme.md"]],["v-618f4e94","/documentation/v6/installation-and-usage/",{title:"Installation and usage"},["/documentation/v6/installation-and-usage/readme.md"]],["v-15a38016","/documentation/v6/overview/",{title:"Overview"},["/documentation/v6/overview/readme.md"]],["v-2d1cbda1","/documentation/v6/ssr-with-nuxt/",{title:"SSR with Nuxt"},["/documentation/v6/ssr-with-nuxt/readme.md"]],["v-f9bd589c","/documentation/v6/transitions/",{title:"Transitions"},["/documentation/v6/transitions/readme.md"]],["v-c79f278a","/documentation/v7/changelog/",{title:"Changelog"},["/documentation/v7/changelog/readme.md"]],["v-089365e2","/documentation/v7/complements/",{title:"Complements"},["/documentation/v7/complements/readme.md"]],["v-110158b9","/documentation/v7/components/",{title:"Components"},["/documentation/v7/components/readme.md"]],["v-c154e826","/documentation/v7/custom-transitions/",{title:"Custom transitions"},["/documentation/v7/custom-transitions/readme.md"]],["v-5368a5b7","/documentation/v7/installation-and-usage/",{title:"Installation and usage"},["/documentation/v7/installation-and-usage/readme.md"]],["v-2448def4","/documentation/v7/options-vs-composition/",{title:"Options VS Composition API"},["/documentation/v7/options-vs-composition/readme.md"]],["v-ebda1a94","/documentation/v7/overview/",{title:"Overview"},["/documentation/v7/overview/readme.md"]],["v-69fa1c6c","/documentation/v7/resources/",{title:"Resources"},["/documentation/v7/resources/readme.md"]],["v-0eae9b80","/documentation/v7/ssr-with-nuxt/",{title:"SSR with Nuxt"},["/documentation/v7/ssr-with-nuxt/readme.md"]],["v-64ff1d51","/documentation/v7/transitions/",{title:"Transitions"},["/documentation/v7/transitions/readme.md"]],["v-a2b41fd4","/documentation/v5/components/flux-caption/",{title:""},["/documentation/v5/components/flux-caption/readme.md"]],["v-6b1ae4cc","/documentation/v5/components/flux-controls/",{title:""},["/documentation/v5/components/flux-controls/readme.md"]],["v-beff4ea6","/documentation/v5/components/flux-cube/",{title:""},["/documentation/v5/components/flux-cube/readme.md"]],["v-be911888","/documentation/v5/components/flux-grid/",{title:""},["/documentation/v5/components/flux-grid/readme.md"]],["v-7956ae81","/documentation/v5/components/flux-image/",{title:""},["/documentation/v5/components/flux-image/readme.md"]],["v-79661dea","/documentation/v5/components/flux-index/",{title:""},["/documentation/v5/components/flux-index/readme.md"]],["v-581b90b0","/documentation/v5/components/flux-pagination/",{title:""},["/documentation/v5/components/flux-pagination/readme.md"]],["v-11ca4bea","/documentation/v5/components/flux-parallax/",{title:""},["/documentation/v5/components/flux-parallax/readme.md"]],["v-e8429534","/documentation/v5/components/flux-thumb/",{title:""},["/documentation/v5/components/flux-thumb/readme.md"]],["v-658f5694","/documentation/v5/components/flux-vortex/",{title:""},["/documentation/v5/components/flux-vortex/readme.md"]],["v-35b95b09","/documentation/v5/components/flux-wrapper/",{title:""},["/documentation/v5/components/flux-wrapper/readme.md"]],["v-3ded4e88","/documentation/v5/components/vue-flux/",{title:""},["/documentation/v5/components/vue-flux/readme.md"]],["v-48d3b268","/documentation/v5/transitions/blinds2d/",{title:""},["/documentation/v5/transitions/blinds2d/readme.md"]],["v-48d3aae6","/documentation/v5/transitions/blinds3d/",{title:""},["/documentation/v5/transitions/blinds3d/readme.md"]],["v-6b915137","/documentation/v5/transitions/blocks1/",{title:""},["/documentation/v5/transitions/blocks1/readme.md"]],["v-6b915156","/documentation/v5/transitions/blocks2/",{title:""},["/documentation/v5/transitions/blocks2/readme.md"]],["v-5367ec33","/documentation/v5/transitions/book/",{title:""},["/documentation/v5/transitions/book/readme.md"]],["v-36022c37","/documentation/v5/transitions/camera/",{title:""},["/documentation/v5/transitions/camera/readme.md"]],["v-5f1939da","/documentation/v5/transitions/concentric/",{title:""},["/documentation/v5/transitions/concentric/readme.md"]],["v-53788c67","/documentation/v5/transitions/cube/",{title:""},["/documentation/v5/transitions/cube/readme.md"]],["v-2034ea81","/documentation/v5/transitions/explode/",{title:""},["/documentation/v5/transitions/explode/readme.md"]],["v-5399c300","/documentation/v5/transitions/fade/",{title:""},["/documentation/v5/transitions/fade/readme.md"]],["v-5399e1e1","/documentation/v5/transitions/fall/",{title:""},["/documentation/v5/transitions/fall/readme.md"]],["v-c31c3502","/documentation/v5/transitions/kenburn/",{title:""},["/documentation/v5/transitions/kenburn/readme.md"]],["v-67d816b9","/documentation/v5/transitions/round1/",{title:""},["/documentation/v5/transitions/round1/readme.md"]],["v-67d816d8","/documentation/v5/transitions/round2/",{title:""},["/documentation/v5/transitions/round2/readme.md"]],["v-366ae871","/documentation/v5/transitions/slide/",{title:""},["/documentation/v5/transitions/slide/readme.md"]],["v-37061808","/documentation/v5/transitions/swipe/",{title:""},["/documentation/v5/transitions/swipe/readme.md"]],["v-54898874","/documentation/v5/transitions/warp/",{title:""},["/documentation/v5/transitions/warp/readme.md"]],["v-17c990a0","/documentation/v5/transitions/waterfall/",{title:""},["/documentation/v5/transitions/waterfall/readme.md"]],["v-54899623","/documentation/v5/transitions/wave/",{title:""},["/documentation/v5/transitions/wave/readme.md"]],["v-3c99547e","/documentation/v5/transitions/zip/",{title:""},["/documentation/v5/transitions/zip/readme.md"]],["v-4e77e30a","/documentation/v6/complements/flux-caption/",{title:"FluxCaption"},["/documentation/v6/complements/flux-caption/readme.md"]],["v-74f15f50","/documentation/v6/complements/flux-controls/",{title:"FluxControls"},["/documentation/v6/complements/flux-controls/readme.md"]],["v-27403dde","/documentation/v6/complements/flux-index/",{title:"FluxIndex"},["/documentation/v6/complements/flux-index/readme.md"]],["v-44f1f034","/documentation/v6/complements/flux-pagination/",{title:"FluxPagination"},["/documentation/v6/complements/flux-pagination/readme.md"]],["v-8832938c","/documentation/v6/complements/flux-preloader/",{title:"FluxPreloader"},["/documentation/v6/complements/flux-preloader/readme.md"]],["v-5bc72cde","/documentation/v6/components/flux-button/",{title:"FluxButton"},["/documentation/v6/components/flux-button/readme.md"]],["v-2a9c1c24","/documentation/v6/components/flux-cube/",{title:"FluxCube"},["/documentation/v6/components/flux-cube/readme.md"]],["v-2a2de606","/documentation/v6/components/flux-grid/",{title:"FluxGrid"},["/documentation/v6/components/flux-grid/readme.md"]],["v-75583d60","/documentation/v6/components/flux-image/",{title:"FluxImage"},["/documentation/v6/components/flux-image/readme.md"]],["v-306beacc","/documentation/v6/components/flux-parallax/",{title:"FluxParallax"},["/documentation/v6/components/flux-parallax/readme.md"]],["v-2da69dce","/documentation/v6/components/flux-transition/",{title:"FluxTransition"},["/documentation/v6/components/flux-transition/readme.md"]],["v-2c80b8d6","/documentation/v6/components/flux-vortex/",{title:"FluxVortex"},["/documentation/v6/components/flux-vortex/readme.md"]],["v-3792ae28","/documentation/v6/components/flux-wrapper/",{title:"FluxWrapper"},["/documentation/v6/components/flux-wrapper/readme.md"]],["v-7719edb2","/documentation/v6/components/vue-flux/",{title:"VueFlux"},["/documentation/v6/components/vue-flux/readme.md"]],["v-25c7c00d","/documentation/v6/transitions/blinds2d/",{title:"Blinds 2D"},["/documentation/v6/transitions/blinds2d/readme.md"]],["v-25c7c3ce","/documentation/v6/transitions/blinds3d/",{title:"Blinds 3D"},["/documentation/v6/transitions/blinds3d/readme.md"]],["v-1bd1e854","/documentation/v6/transitions/blocks1/",{title:"Blocks 1"},["/documentation/v6/transitions/blocks1/readme.md"]],["v-1bd1e816","/documentation/v6/transitions/blocks2/",{title:"Blocks 2"},["/documentation/v6/transitions/blocks2/readme.md"]],["v-21124df4","/documentation/v6/transitions/book/",{title:"Book"},["/documentation/v6/transitions/book/readme.md"]],["v-429b21b8","/documentation/v6/transitions/camera/",{title:"Camera"},["/documentation/v6/transitions/camera/readme.md"]],["v-396cf24a","/documentation/v6/transitions/concentric/",{title:"Concentric"},["/documentation/v6/transitions/concentric/readme.md"]],["v-2122ee28","/documentation/v6/transitions/cube/",{title:"Cube"},["/documentation/v6/transitions/cube/readme.md"]],["v-b28ab5c0","/documentation/v6/transitions/explode/",{title:"Explode"},["/documentation/v6/transitions/explode/readme.md"]],["v-214424c1","/documentation/v6/transitions/fade/",{title:"Fade"},["/documentation/v6/transitions/fade/readme.md"]],["v-214443a2","/documentation/v6/transitions/fall/",{title:"Fall"},["/documentation/v6/transitions/fall/readme.md"]],["v-24f7a01e","/documentation/v6/transitions/kenburn/",{title:"Kenburn"},["/documentation/v6/transitions/kenburn/readme.md"]],["v-74710c3a","/documentation/v6/transitions/round1/",{title:"Round 1"},["/documentation/v6/transitions/round1/readme.md"]],["v-74710c59","/documentation/v6/transitions/round2/",{title:"Round 2"},["/documentation/v6/transitions/round2/readme.md"]],["v-1e0cbed0","/documentation/v6/transitions/slide/",{title:"Slide"},["/documentation/v6/transitions/slide/readme.md"]],["v-1ea7ee67","/documentation/v6/transitions/swipe/",{title:"Swipe"},["/documentation/v6/transitions/swipe/readme.md"]],["v-2233ea35","/documentation/v6/transitions/warp/",{title:"Warp"},["/documentation/v6/transitions/warp/readme.md"]],["v-1fc672e2","/documentation/v6/transitions/waterfall/",{title:"Waterfall"},["/documentation/v6/transitions/waterfall/readme.md"]],["v-2233f7e4","/documentation/v6/transitions/wave/",{title:"Wave"},["/documentation/v6/transitions/wave/readme.md"]],["v-b3759040","/documentation/v6/transitions/zip/",{title:"Zip"},["/documentation/v6/transitions/zip/readme.md"]],["v-f06e186a","/documentation/v7/complements/flux-caption/",{title:"FluxCaption"},["/documentation/v7/complements/flux-caption/readme.md"]],["v-934f5092","/documentation/v7/complements/flux-controls/",{title:"FluxControls"},["/documentation/v7/complements/flux-controls/readme.md"]],["v-a91eea42","/documentation/v7/complements/flux-index/",{title:""},["/documentation/v7/complements/flux-index/readme.md"]],["v-459e9bd3","/documentation/v7/complements/flux-pagination/",{title:""},["/documentation/v7/complements/flux-pagination/readme.md"]],["v-3592ca8a","/documentation/v7/complements/flux-preloader/",{title:""},["/documentation/v7/complements/flux-preloader/readme.md"]],["v-564cb692","/documentation/v7/components/flux-button/",{title:"FluxButton"},["/documentation/v7/components/flux-button/readme.md"]],["v-34e38b2f","/documentation/v7/components/flux-cube/",{title:"FluxCube"},["/documentation/v7/components/flux-cube/readme.md"]],["v-351aa63e","/documentation/v7/components/flux-grid/",{title:"FluxGrid"},["/documentation/v7/components/flux-grid/readme.md"]],["v-7159cc3f","/documentation/v7/components/flux-image/",{title:"FluxImage"},["/documentation/v7/components/flux-image/readme.md"]],["v-69bcfb8d","/documentation/v7/components/flux-parallax/",{title:"FluxParallax"},["/documentation/v7/components/flux-parallax/readme.md"]],["v-56f6824f","/documentation/v7/components/flux-transition/",{title:"FluxTransition"},["/documentation/v7/components/flux-transition/readme.md"]],["v-6deff096","/documentation/v7/components/flux-vortex/",{title:"FluxVortex"},["/documentation/v7/components/flux-vortex/readme.md"]],["v-396c0147","/documentation/v7/components/flux-wrapper/",{title:"FluxWrapper"},["/documentation/v7/components/flux-wrapper/readme.md"]],["v-4af8c3c6","/documentation/v7/components/vue-flux/",{title:"VueFlux"},["/documentation/v7/components/vue-flux/readme.md"]],["v-1e93401c","/documentation/v7/resources/component/",{title:"Component"},["/documentation/v7/resources/component/readme.md"]],["v-6d1b44d4","/documentation/v7/resources/img/",{title:"Img"},["/documentation/v7/resources/img/readme.md"]],["v-4c476d5e","/documentation/v7/resources/video/",{title:"Video"},["/documentation/v7/resources/video/readme.md"]],["v-6ff9594e","/documentation/v7/transitions/blinds2d/",{title:"Blinds 2D"},["/documentation/v7/transitions/blinds2d/readme.md"]],["v-6ff95d0f","/documentation/v7/transitions/blinds3d/",{title:"Blinds 3D"},["/documentation/v7/transitions/blinds3d/readme.md"]],["v-789cc675","/documentation/v7/transitions/blocks1/",{title:"Blocks 1"},["/documentation/v7/transitions/blocks1/readme.md"]],["v-789cc694","/documentation/v7/transitions/blocks2/",{title:"Blocks 2"},["/documentation/v7/transitions/blocks2/readme.md"]],["v-2286a096","/documentation/v7/transitions/book/",{title:"Book"},["/documentation/v7/transitions/book/readme.md"]],["v-4f341739","/documentation/v7/transitions/camera/",{title:"Camera"},["/documentation/v7/transitions/camera/readme.md"]],["v-6779d3dc","/documentation/v7/transitions/concentric/",{title:"Concentric"},["/documentation/v7/transitions/concentric/readme.md"]],["v-2265602e","/documentation/v7/transitions/cube/",{title:"Cube"},["/documentation/v7/transitions/cube/readme.md"]],["v-2d405fbf","/documentation/v7/transitions/explode/",{title:"Explode"},["/documentation/v7/transitions/explode/readme.md"]],["v-2222f2fc","/documentation/v7/transitions/fade/",{title:"Fade"},["/documentation/v7/transitions/fade/readme.md"]],["v-2222b53a","/documentation/v7/transitions/fall/",{title:"Fall"},["/documentation/v7/transitions/fall/readme.md"]],["v-a9054a86","/documentation/v7/transitions/kenburn/",{title:"Kenburn"},["/documentation/v7/transitions/kenburn/readme.md"]],["v-fdebfc8a","/documentation/v7/transitions/round1/",{title:"Round 1"},["/documentation/v7/transitions/round1/readme.md"]],["v-fdebfc4c","/documentation/v7/transitions/round2/",{title:"Round 2"},["/documentation/v7/transitions/round2/readme.md"]],["v-05ae952f","/documentation/v7/transitions/slide/",{title:"Slide"},["/documentation/v7/transitions/slide/readme.md"]],["v-0649c4c6","/documentation/v7/transitions/swipe/",{title:"Swipe"},["/documentation/v7/transitions/swipe/readme.md"]],["v-20436814","/documentation/v7/transitions/warp/",{title:"Warp"},["/documentation/v7/transitions/warp/readme.md"]],["v-27c35524","/documentation/v7/transitions/waterfall/",{title:"Waterfall"},["/documentation/v7/transitions/waterfall/readme.md"]],["v-20434cb6","/documentation/v7/transitions/wave/",{title:"Wave"},["/documentation/v7/transitions/wave/readme.md"]],["v-6ad719ff","/documentation/v7/transitions/zip/",{title:"Zip"},["/documentation/v7/transitions/zip/readme.md"]],["v-3706649a","/404.html",{title:""},[]]];var Ts=_e({name:"Vuepress",setup(){const e=zc();return()=>ge(e.value)}}),mv=()=>fv.reduce((e,[t,n,o,r])=>(e.push({name:t,path:n,component:Ts,meta:o},{path:n.endsWith("/")?n+"index.html":n.substring(0,n.length-5),redirect:n},...r.map(i=>({path:i===":md"?n.substring(0,n.length-5)+".md":i,redirect:n}))),e),[{name:"404",path:"/:catchAll(.*)",component:Ts}]),_v=Cd,vv=()=>{const e=hf({history:_v(xa("/vue-flux-docs/")),routes:mv(),scrollBehavior:(t,n,o)=>o||(t.hash?{el:t.hash}:{top:0})});return e.beforeResolve(async(t,n)=>{var o;(t.path!==n.path||n===_t)&&([t.meta._data]=await Promise.all([mt.resolvePageData(t.name),(o=La[t.name])==null?void 0:o.__asyncLoader()]))}),e},pv=e=>{e.component("ClientOnly",Jr),e.component("Content",qc)},hv=(e,t,n)=>{const o=Es(()=>t.currentRoute.value.path),r=Es(()=>mt.resolveRouteLocale(rn.value.locales,o.value)),i=wf(o,()=>t.currentRoute.value.meta._data),s=U(()=>mt.resolveLayouts(n)),a=U(()=>mt.resolveSiteLocaleData(rn.value,r.value)),l=U(()=>mt.resolvePageFrontmatter(i.value)),c=U(()=>mt.resolvePageHeadTitle(i.value,a.value)),d=U(()=>mt.resolvePageHead(c.value,l.value,a.value)),f=U(()=>mt.resolvePageLang(i.value,a.value)),m=U(()=>mt.resolvePageLayout(i.value,s.value));return e.provide($c,s),e.provide(Pa,i),e.provide(Ra,l),e.provide(Bc,c),e.provide(Oa,d),e.provide(Aa,f),e.provide(Ia,m),e.provide(Yr,r),e.provide(Da,a),Object.defineProperties(e.config.globalProperties,{$frontmatter:{get:()=>l.value},$head:{get:()=>d.value},$headTitle:{get:()=>c.value},$lang:{get:()=>f.value},$page:{get:()=>i.value},$routeLocale:{get:()=>r.value},$site:{get:()=>rn.value},$siteLocale:{get:()=>a.value},$withBase:{get:()=>Qr}}),{layouts:s,pageData:i,pageFrontmatter:l,pageHead:d,pageHeadTitle:c,pageLang:f,pageLayout:m,routeLocale:r,siteData:rn,siteLocaleData:a}},gv=()=>{const e=Mc(),t=Hc(),n=Le([]),o=()=>{e.value.forEach(i=>{const s=Ev(i);s&&n.value.push(s)})},r=()=>{document.documentElement.lang=t.value,n.value.forEach(i=>{i.parentNode===document.head&&document.head.removeChild(i)}),n.value.splice(0,n.value.length),e.value.forEach(i=>{const s=bv(i);s!==null&&(document.head.appendChild(s),n.value.push(s))})};Gt(Wc,r),Je(()=>{o(),r(),Ye(()=>e.value,r)})},Ev=([e,t,n=""])=>{const o=Object.entries(t).map(([a,l])=>ve(l)?`[${a}=${JSON.stringify(l)}]`:l===!0?`[${a}]`:"").join(""),r=`head > ${e}${o}`;return Array.from(document.querySelectorAll(r)).find(a=>a.innerText===n)||null},bv=([e,t,n])=>{if(!ve(e))return null;const o=document.createElement(e);return Gr(t)&&Object.entries(t).forEach(([r,i])=>{ve(i)?o.setAttribute(r,i):i===!0&&o.setAttribute(r,"")}),ve(n)&&o.appendChild(document.createTextNode(n)),o},xv=Ac,yv=async()=>{var n;const e=xv({name:"VuepressApp",setup(){var o;gv();for(const r of po)(o=r.setup)==null||o.call(r);return()=>[ge(za),...po.flatMap(({rootComponents:r=[]})=>r.map(i=>ge(i)))]}}),t=vv();pv(e),hv(e,t,po);for(const o of po)await((n=o.enhance)==null?void 0:n.call(o,{app:e,router:t,siteData:rn}));return e.use(t),{app:e,router:t}};yv().then(({app:e,router:t})=>{t.isReady().then(()=>{e.mount("#app")})});export{Ye as A,De as B,je as C,Jn as D,Hs as E,ye as F,me as G,Ro as H,Av as I,wv as J,$r as K,Iv as L,Lv as M,Pv as N,Qr as O,Xn as T,Pe as _,re as a,fe as b,te as c,yv as createVueApp,$t as d,ju as e,Re as f,_e as g,Le as h,U as i,Ie as j,Ov as k,zu as l,Gn as m,Tv as n,z as o,xn as p,St as q,bt as r,gr as s,Rv as t,ne as u,pu as v,$e as w,Je as x,Ho as y,xe as z}; function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { - __vite__mapDeps.viteFileDeps = ["assets/Demo-YRqIvizg.js","assets/Images-gE8WO_fq.js","assets/vue-flux-xkNGD8Rr.js","assets/Lines-XvsO7xQg.js","assets/VcParagraph-GYjzzHDB.js","assets/VueFluxHome-_g2kV9eG.js","assets/FluxCaption-V1R_fpjD.js","assets/prism-cS1PeyxU.js","assets/FluxControls-HJXNw-ne.js","assets/FluxIndex-dKt2U_1g.js","assets/FluxPagination-vUZJU_Zz.js","assets/FluxPreloader-VHUoIG_x.js","assets/FluxButton-tJWabkdR.js","assets/FluxCube-tZhPauZw.js","assets/slider-hgcxarFB.js","assets/constants-vSRoptby.js","assets/FluxGrid-bFEkzRl1.js","assets/FluxImage-zTq0ZTdD.js","assets/FluxParallax-Kct5pQ8H.js","assets/FluxTransition-f2sdAEOD.js","assets/DemoButton-SfUSYKZS.js","assets/FluxVortex-3x1HaxV7.js","assets/VueFlux-82tLVcyh.js","assets/Complements-h-bggmDX.js","assets/ParallaxFixed-734R_rQY.js","assets/Transitions-cyzfttt8.js","assets/Blinds2D-q8ZnWwI7.js","assets/Blinds3D-Cd7Vra4t.js","assets/Blocks1-bnM72q0c.js","assets/Blocks2-rkH2SpHo.js","assets/Book-zhK19t20.js","assets/Camera-gh4W16_W.js","assets/Concentric-6chqxfJB.js","assets/Cube-BqtHLy0_.js","assets/Explode-h-vdIpwX.js","assets/Fade-HXDEfLEJ.js","assets/Fall-XT3ZwAF_.js","assets/Kenburn-5JG2aK2D.js","assets/Round1-fPZ3xF-J.js","assets/Round2-3ulQI3JK.js","assets/Slide-jd3iRq5I.js","assets/Swipe-MJJX0bpl.js","assets/Warp-Hpkzad9I.js","assets/Waterfall-Z0oS4iQh.js","assets/Wave-cunsZU2K.js","assets/Zip-Uoq9BNrp.js"] + __vite__mapDeps.viteFileDeps = ["assets/Demo-5DMVfPWL.js","assets/Images-GCWpavzx.js","assets/vue-flux-Jy6SlP2J.js","assets/Lines-RIeZxxtr.js","assets/VcParagraph-pIVYxUQ1.js","assets/VueFluxHome-Rmq8yC7e.js","assets/FluxCaption-spq62oGn.js","assets/prism-cS1PeyxU.js","assets/FluxControls-cgSggjhb.js","assets/FluxIndex-l5LjQ1p1.js","assets/FluxPagination-yz7zNSYz.js","assets/FluxPreloader-ISa_1xA9.js","assets/Complements-6E4xE3lP.js","assets/ParallaxFixed-s0KaY7TU.js","assets/Transitions-ok_Xfo5x.js","assets/DemoButton-xkD8OHQw.js","assets/FluxButton-Qigdyi2S.js","assets/FluxCube-iBCOHUUI.js","assets/slider-qIJTIoH5.js","assets/constants-vSRoptby.js","assets/FluxGrid-JO_Yhk45.js","assets/FluxImage-CZd7FFsz.js","assets/FluxParallax-bNFHhIxN.js","assets/FluxTransition-h64VPOGa.js","assets/FluxVortex-gFv9Ypl1.js","assets/VueFlux-rITuxzRK.js","assets/Blinds2D-JNhCTcMS.js","assets/Blinds3D-odMli0gV.js","assets/Blocks1-WKhxXxIY.js","assets/Blocks2-AuB9kpIF.js","assets/Book-Jd1TMBGG.js","assets/Camera-y-IMMfCJ.js","assets/Concentric-bJPzmiuk.js","assets/Cube-c93ge7Dy.js","assets/Explode-JDY-FPqr.js","assets/Fade-eNLsyOIZ.js","assets/Fall-A_re5klg.js","assets/Kenburn-1A9Ojx0m.js","assets/Round1-oxYDB0_w.js","assets/Round2-q7emZ7gQ.js","assets/Slide-Vd_yVmOM.js","assets/Swipe-QKtVPPO7.js","assets/Warp-oX3zpc--.js","assets/Waterfall-BgKafy5v.js","assets/Wave-JtstqOEB.js","assets/Zip-uTmbklwH.js"] } return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) } \ No newline at end of file diff --git a/docs/assets/blinds2d.html-TPRYrw_P.js b/docs/assets/blinds2d.html-BSZ6vNYe.js similarity index 85% rename from docs/assets/blinds2d.html-TPRYrw_P.js rename to docs/assets/blinds2d.html-BSZ6vNYe.js index 68bcdceb..a6fce078 100644 --- a/docs/assets/blinds2d.html-TPRYrw_P.js +++ b/docs/assets/blinds2d.html-BSZ6vNYe.js @@ -1 +1 @@ -import{_ as a,r as e,o as d,c as l,a as n,w as i,b as s,d as c}from"./app-SStEjskS.js";const r={},_=s("h1",{id:"blinds-2d",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#blinds-2d","aria-hidden":"true"},"#"),c(" Blinds 2D")],-1);function m(h,f){const t=e("demos-transitions-Blinds2D"),o=e("ClientOnly");return d(),l("div",null,[_,n(o,null,{default:i(()=>[n(t)]),_:1})])}const p=a(r,[["render",m],["__file","blinds2d.html.vue"]]);export{p as default}; +import{_ as a,r as e,o as d,c as l,a as n,w as i,b as s,d as c}from"./app-9q7i-DDF.js";const r={},_=s("h1",{id:"blinds-2d",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#blinds-2d","aria-hidden":"true"},"#"),c(" Blinds 2D")],-1);function m(h,f){const t=e("demos-transitions-Blinds2D"),o=e("ClientOnly");return d(),l("div",null,[_,n(o,null,{default:i(()=>[n(t)]),_:1})])}const p=a(r,[["render",m],["__file","blinds2d.html.vue"]]);export{p as default}; diff --git a/docs/assets/blinds3d.html-Yl0zoRuC.js b/docs/assets/blinds3d.html-gxV4Fnpi.js similarity index 85% rename from docs/assets/blinds3d.html-Yl0zoRuC.js rename to docs/assets/blinds3d.html-gxV4Fnpi.js index c064290d..4f397f4c 100644 --- a/docs/assets/blinds3d.html-Yl0zoRuC.js +++ b/docs/assets/blinds3d.html-gxV4Fnpi.js @@ -1 +1 @@ -import{_ as a,r as e,o as d,c as l,a as n,w as i,b as s,d as c}from"./app-SStEjskS.js";const r={},_=s("h1",{id:"blinds-3d",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#blinds-3d","aria-hidden":"true"},"#"),c(" Blinds 3D")],-1);function m(h,f){const t=e("demos-transitions-Blinds3D"),o=e("ClientOnly");return d(),l("div",null,[_,n(o,null,{default:i(()=>[n(t)]),_:1})])}const p=a(r,[["render",m],["__file","blinds3d.html.vue"]]);export{p as default}; +import{_ as a,r as e,o as d,c as l,a as n,w as i,b as s,d as c}from"./app-9q7i-DDF.js";const r={},_=s("h1",{id:"blinds-3d",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#blinds-3d","aria-hidden":"true"},"#"),c(" Blinds 3D")],-1);function m(h,f){const t=e("demos-transitions-Blinds3D"),o=e("ClientOnly");return d(),l("div",null,[_,n(o,null,{default:i(()=>[n(t)]),_:1})])}const p=a(r,[["render",m],["__file","blinds3d.html.vue"]]);export{p as default}; diff --git a/docs/assets/blocks1.html-sFAhvLZd.js b/docs/assets/blocks1.html-Ga14heo4.js similarity index 85% rename from docs/assets/blocks1.html-sFAhvLZd.js rename to docs/assets/blocks1.html-Ga14heo4.js index 687d9605..b8555e01 100644 --- a/docs/assets/blocks1.html-sFAhvLZd.js +++ b/docs/assets/blocks1.html-Ga14heo4.js @@ -1 +1 @@ -import{_ as c,r as e,o as a,c as l,a as o,w as r,b as s,d as _}from"./app-SStEjskS.js";const d={},i=s("h1",{id:"blocks-1",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#blocks-1","aria-hidden":"true"},"#"),_(" Blocks 1")],-1);function m(h,f){const t=e("demos-transitions-Blocks1"),n=e("ClientOnly");return a(),l("div",null,[i,o(n,null,{default:r(()=>[o(t)]),_:1})])}const u=c(d,[["render",m],["__file","blocks1.html.vue"]]);export{u as default}; +import{_ as c,r as e,o as a,c as l,a as o,w as r,b as s,d as _}from"./app-9q7i-DDF.js";const d={},i=s("h1",{id:"blocks-1",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#blocks-1","aria-hidden":"true"},"#"),_(" Blocks 1")],-1);function m(h,f){const t=e("demos-transitions-Blocks1"),n=e("ClientOnly");return a(),l("div",null,[i,o(n,null,{default:r(()=>[o(t)]),_:1})])}const u=c(d,[["render",m],["__file","blocks1.html.vue"]]);export{u as default}; diff --git a/docs/assets/blocks2.html-16YZopyG.js b/docs/assets/blocks2.html-5CA2xJ1G.js similarity index 85% rename from docs/assets/blocks2.html-16YZopyG.js rename to docs/assets/blocks2.html-5CA2xJ1G.js index 8643a677..404b14e3 100644 --- a/docs/assets/blocks2.html-16YZopyG.js +++ b/docs/assets/blocks2.html-5CA2xJ1G.js @@ -1 +1 @@ -import{_ as c,r as e,o as a,c as l,a as o,w as r,b as s,d as _}from"./app-SStEjskS.js";const d={},i=s("h1",{id:"blocks-2",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#blocks-2","aria-hidden":"true"},"#"),_(" Blocks 2")],-1);function m(h,f){const t=e("demos-transitions-Blocks2"),n=e("ClientOnly");return a(),l("div",null,[i,o(n,null,{default:r(()=>[o(t)]),_:1})])}const u=c(d,[["render",m],["__file","blocks2.html.vue"]]);export{u as default}; +import{_ as c,r as e,o as a,c as l,a as o,w as r,b as s,d as _}from"./app-9q7i-DDF.js";const d={},i=s("h1",{id:"blocks-2",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#blocks-2","aria-hidden":"true"},"#"),_(" Blocks 2")],-1);function m(h,f){const t=e("demos-transitions-Blocks2"),n=e("ClientOnly");return a(),l("div",null,[i,o(n,null,{default:r(()=>[o(t)]),_:1})])}const u=c(d,[["render",m],["__file","blocks2.html.vue"]]);export{u as default}; diff --git a/docs/assets/book.html-U3D_4ysg.js b/docs/assets/book.html-peH23ASE.js similarity index 85% rename from docs/assets/book.html-U3D_4ysg.js rename to docs/assets/book.html-peH23ASE.js index f819c19a..0713dccd 100644 --- a/docs/assets/book.html-U3D_4ysg.js +++ b/docs/assets/book.html-peH23ASE.js @@ -1 +1 @@ -import{_ as s,r as e,o as c,c as r,a as o,w as _,b as t,d as l}from"./app-SStEjskS.js";const d={},i=t("h1",{id:"book",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#book","aria-hidden":"true"},"#"),l(" Book")],-1);function m(h,f){const n=e("demos-transitions-Book"),a=e("ClientOnly");return c(),r("div",null,[i,o(a,null,{default:_(()=>[o(n)]),_:1})])}const u=s(d,[["render",m],["__file","book.html.vue"]]);export{u as default}; +import{_ as s,r as e,o as c,c as r,a as o,w as _,b as t,d as l}from"./app-9q7i-DDF.js";const d={},i=t("h1",{id:"book",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#book","aria-hidden":"true"},"#"),l(" Book")],-1);function m(h,f){const n=e("demos-transitions-Book"),a=e("ClientOnly");return c(),r("div",null,[i,o(a,null,{default:_(()=>[o(n)]),_:1})])}const u=s(d,[["render",m],["__file","book.html.vue"]]);export{u as default}; diff --git a/docs/assets/camera.html-R6_Ajtuj.js b/docs/assets/camera.html-j7d0ECK9.js similarity index 85% rename from docs/assets/camera.html-R6_Ajtuj.js rename to docs/assets/camera.html-j7d0ECK9.js index cdca8f7a..88c1e947 100644 --- a/docs/assets/camera.html-R6_Ajtuj.js +++ b/docs/assets/camera.html-j7d0ECK9.js @@ -1 +1 @@ -import{_ as r,r as e,o as s,c,a,w as _,b as t,d as l}from"./app-SStEjskS.js";const m={},d=t("h1",{id:"camera",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#camera","aria-hidden":"true"},"#"),l(" Camera")],-1);function i(h,f){const n=e("demos-transitions-Camera"),o=e("ClientOnly");return s(),c("div",null,[d,a(o,null,{default:_(()=>[a(n)]),_:1})])}const p=r(m,[["render",i],["__file","camera.html.vue"]]);export{p as default}; +import{_ as r,r as e,o as s,c,a,w as _,b as t,d as l}from"./app-9q7i-DDF.js";const m={},d=t("h1",{id:"camera",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#camera","aria-hidden":"true"},"#"),l(" Camera")],-1);function i(h,f){const n=e("demos-transitions-Camera"),o=e("ClientOnly");return s(),c("div",null,[d,a(o,null,{default:_(()=>[a(n)]),_:1})])}const p=r(m,[["render",i],["__file","camera.html.vue"]]);export{p as default}; diff --git a/docs/assets/concentric.html-_n8wrJ7i.js b/docs/assets/concentric.html-AkYpsPsY.js similarity index 86% rename from docs/assets/concentric.html-_n8wrJ7i.js rename to docs/assets/concentric.html-AkYpsPsY.js index 9b429b00..cff3c2ec 100644 --- a/docs/assets/concentric.html-_n8wrJ7i.js +++ b/docs/assets/concentric.html-AkYpsPsY.js @@ -1 +1 @@ -import{_ as r,r as e,o as a,c as s,a as n,w as i,b as t,d as _}from"./app-SStEjskS.js";const l={},d=t("h1",{id:"concentric",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#concentric","aria-hidden":"true"},"#"),_(" Concentric")],-1);function m(h,f){const c=e("demos-transitions-Concentric"),o=e("ClientOnly");return a(),s("div",null,[d,n(o,null,{default:i(()=>[n(c)]),_:1})])}const p=r(l,[["render",m],["__file","concentric.html.vue"]]);export{p as default}; +import{_ as r,r as e,o as a,c as s,a as n,w as i,b as t,d as _}from"./app-9q7i-DDF.js";const l={},d=t("h1",{id:"concentric",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#concentric","aria-hidden":"true"},"#"),_(" Concentric")],-1);function m(h,f){const c=e("demos-transitions-Concentric"),o=e("ClientOnly");return a(),s("div",null,[d,n(o,null,{default:i(()=>[n(c)]),_:1})])}const p=r(l,[["render",m],["__file","concentric.html.vue"]]);export{p as default}; diff --git a/docs/assets/cube.html-rAt21kuE.js b/docs/assets/cube.html-qeE4I7Cm.js similarity index 85% rename from docs/assets/cube.html-rAt21kuE.js rename to docs/assets/cube.html-qeE4I7Cm.js index 1447e9e3..ad574279 100644 --- a/docs/assets/cube.html-rAt21kuE.js +++ b/docs/assets/cube.html-qeE4I7Cm.js @@ -1 +1 @@ -import{_ as s,r as e,o as c,c as r,a as t,w as _,b as n,d as l}from"./app-SStEjskS.js";const d={},i=n("h1",{id:"cube",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#cube","aria-hidden":"true"},"#"),l(" Cube")],-1);function u(m,h){const o=e("demos-transitions-Cube"),a=e("ClientOnly");return c(),r("div",null,[i,t(a,null,{default:_(()=>[t(o)]),_:1})])}const f=s(d,[["render",u],["__file","cube.html.vue"]]);export{f as default}; +import{_ as s,r as e,o as c,c as r,a as t,w as _,b as n,d as l}from"./app-9q7i-DDF.js";const d={},i=n("h1",{id:"cube",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#cube","aria-hidden":"true"},"#"),l(" Cube")],-1);function u(m,h){const o=e("demos-transitions-Cube"),a=e("ClientOnly");return c(),r("div",null,[i,t(a,null,{default:_(()=>[t(o)]),_:1})])}const f=s(d,[["render",u],["__file","cube.html.vue"]]);export{f as default}; diff --git a/docs/assets/explode.html-WoNa4Fxi.js b/docs/assets/explode.html-ZDGyDJAm.js similarity index 85% rename from docs/assets/explode.html-WoNa4Fxi.js rename to docs/assets/explode.html-ZDGyDJAm.js index f9c536c1..eca3923a 100644 --- a/docs/assets/explode.html-WoNa4Fxi.js +++ b/docs/assets/explode.html-ZDGyDJAm.js @@ -1 +1 @@ -import{_ as s,r as e,o as l,c as d,a as o,w as c,b as t,d as r}from"./app-SStEjskS.js";const _={},i=t("h1",{id:"explode",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#explode","aria-hidden":"true"},"#"),r(" Explode")],-1);function p(x,m){const n=e("demos-transitions-Explode"),a=e("ClientOnly");return l(),d("div",null,[i,o(a,null,{default:c(()=>[o(n)]),_:1})])}const f=s(_,[["render",p],["__file","explode.html.vue"]]);export{f as default}; +import{_ as s,r as e,o as l,c as d,a as o,w as c,b as t,d as r}from"./app-9q7i-DDF.js";const _={},i=t("h1",{id:"explode",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#explode","aria-hidden":"true"},"#"),r(" Explode")],-1);function p(x,m){const n=e("demos-transitions-Explode"),a=e("ClientOnly");return l(),d("div",null,[i,o(a,null,{default:c(()=>[o(n)]),_:1})])}const f=s(_,[["render",p],["__file","explode.html.vue"]]);export{f as default}; diff --git a/docs/assets/fade.html-IqiI-DFv.js b/docs/assets/fade.html-3F9ZjbT1.js similarity index 84% rename from docs/assets/fade.html-IqiI-DFv.js rename to docs/assets/fade.html-3F9ZjbT1.js index 1c60c15a..7059bd8b 100644 --- a/docs/assets/fade.html-IqiI-DFv.js +++ b/docs/assets/fade.html-3F9ZjbT1.js @@ -1 +1 @@ -import{_ as s,r as e,o as d,c,a,w as r,b as t,d as _}from"./app-SStEjskS.js";const l={},i=t("h1",{id:"fade",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fade","aria-hidden":"true"},"#"),_(" Fade")],-1);function f(m,h){const n=e("demos-transitions-Fade"),o=e("ClientOnly");return d(),c("div",null,[i,a(o,null,{default:r(()=>[a(n)]),_:1})])}const p=s(l,[["render",f],["__file","fade.html.vue"]]);export{p as default}; +import{_ as s,r as e,o as d,c,a,w as r,b as t,d as _}from"./app-9q7i-DDF.js";const l={},i=t("h1",{id:"fade",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fade","aria-hidden":"true"},"#"),_(" Fade")],-1);function f(m,h){const n=e("demos-transitions-Fade"),o=e("ClientOnly");return d(),c("div",null,[i,a(o,null,{default:r(()=>[a(n)]),_:1})])}const p=s(l,[["render",f],["__file","fade.html.vue"]]);export{p as default}; diff --git a/docs/assets/fall.html-Q0d2v6Dp.js b/docs/assets/fall.html-7I1i1Tz0.js similarity index 84% rename from docs/assets/fall.html-Q0d2v6Dp.js rename to docs/assets/fall.html-7I1i1Tz0.js index 8fdd99a6..d72e9c4a 100644 --- a/docs/assets/fall.html-Q0d2v6Dp.js +++ b/docs/assets/fall.html-7I1i1Tz0.js @@ -1 +1 @@ -import{_ as o,r as e,o as s,c,a,w as r,b as t,d as _}from"./app-SStEjskS.js";const d={},i=t("h1",{id:"fall",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fall","aria-hidden":"true"},"#"),_(" Fall")],-1);function f(m,h){const l=e("demos-transitions-Fall"),n=e("ClientOnly");return s(),c("div",null,[i,a(n,null,{default:r(()=>[a(l)]),_:1})])}const p=o(d,[["render",f],["__file","fall.html.vue"]]);export{p as default}; +import{_ as o,r as e,o as s,c,a,w as r,b as t,d as _}from"./app-9q7i-DDF.js";const d={},i=t("h1",{id:"fall",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fall","aria-hidden":"true"},"#"),_(" Fall")],-1);function f(m,h){const l=e("demos-transitions-Fall"),n=e("ClientOnly");return s(),c("div",null,[i,a(n,null,{default:r(()=>[a(l)]),_:1})])}const p=o(d,[["render",f],["__file","fall.html.vue"]]);export{p as default}; diff --git a/docs/assets/flux-button.html-NOtAlxgW.js b/docs/assets/flux-button.html-juqOF_D_.js similarity index 86% rename from docs/assets/flux-button.html-NOtAlxgW.js rename to docs/assets/flux-button.html-juqOF_D_.js index 63e2428e..6637576a 100644 --- a/docs/assets/flux-button.html-NOtAlxgW.js +++ b/docs/assets/flux-button.html-juqOF_D_.js @@ -1 +1 @@ -import{_ as s,r as t,o as c,c as l,a as e,w as u,b as n,d as r}from"./app-SStEjskS.js";const _={},d=n("h1",{id:"fluxbutton",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxbutton","aria-hidden":"true"},"#"),r(" FluxButton")],-1);function f(i,m){const o=t("demos-components-FluxButton"),a=t("ClientOnly");return c(),l("div",null,[d,e(a,null,{default:u(()=>[e(o)]),_:1})])}const h=s(_,[["render",f],["__file","flux-button.html.vue"]]);export{h as default}; +import{_ as s,r as t,o as c,c as l,a as e,w as u,b as n,d as r}from"./app-9q7i-DDF.js";const _={},d=n("h1",{id:"fluxbutton",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxbutton","aria-hidden":"true"},"#"),r(" FluxButton")],-1);function f(i,m){const o=t("demos-components-FluxButton"),a=t("ClientOnly");return c(),l("div",null,[d,e(a,null,{default:u(()=>[e(o)]),_:1})])}const h=s(_,[["render",f],["__file","flux-button.html.vue"]]);export{h as default}; diff --git a/docs/assets/flux-caption.html-qnX01p0p.js b/docs/assets/flux-caption.html-S5JDgh4u.js similarity index 86% rename from docs/assets/flux-caption.html-qnX01p0p.js rename to docs/assets/flux-caption.html-S5JDgh4u.js index bc116e54..c38c595b 100644 --- a/docs/assets/flux-caption.html-qnX01p0p.js +++ b/docs/assets/flux-caption.html-S5JDgh4u.js @@ -1 +1 @@ -import{_ as c,r as e,o as l,c as s,a as t,w as r,b as n,d as _}from"./app-SStEjskS.js";const i={},d=n("h1",{id:"fluxcaption",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxcaption","aria-hidden":"true"},"#"),_(" FluxCaption")],-1);function p(m,u){const o=e("demos-complements-FluxCaption"),a=e("ClientOnly");return l(),s("div",null,[d,t(a,null,{default:r(()=>[t(o)]),_:1})])}const x=c(i,[["render",p],["__file","flux-caption.html.vue"]]);export{x as default}; +import{_ as c,r as e,o as l,c as s,a as t,w as r,b as n,d as _}from"./app-9q7i-DDF.js";const i={},d=n("h1",{id:"fluxcaption",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxcaption","aria-hidden":"true"},"#"),_(" FluxCaption")],-1);function p(m,u){const o=e("demos-complements-FluxCaption"),a=e("ClientOnly");return l(),s("div",null,[d,t(a,null,{default:r(()=>[t(o)]),_:1})])}const x=c(i,[["render",p],["__file","flux-caption.html.vue"]]);export{x as default}; diff --git a/docs/assets/flux-controls.html-9rBtR7L9.js b/docs/assets/flux-controls.html-NnF_AlTy.js similarity index 86% rename from docs/assets/flux-controls.html-9rBtR7L9.js rename to docs/assets/flux-controls.html-NnF_AlTy.js index 6f5f1d2d..cafe19d6 100644 --- a/docs/assets/flux-controls.html-9rBtR7L9.js +++ b/docs/assets/flux-controls.html-NnF_AlTy.js @@ -1 +1 @@ -import{_ as s,r as e,o as c,c as r,a as o,w as a,b as t,d as _}from"./app-SStEjskS.js";const d={},m=t("h1",{id:"fluxcontrols",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fluxcontrols","aria-hidden":"true"},"#"),_(" FluxControls")],-1);function u(f,i){const n=e("demos-complements-FluxControls"),l=e("ClientOnly");return c(),r("div",null,[m,o(l,null,{default:a(()=>[o(n)]),_:1})])}const h=s(d,[["render",u],["__file","flux-controls.html.vue"]]);export{h as default}; +import{_ as s,r as e,o as c,c as r,a as o,w as a,b as t,d as _}from"./app-9q7i-DDF.js";const d={},m=t("h1",{id:"fluxcontrols",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fluxcontrols","aria-hidden":"true"},"#"),_(" FluxControls")],-1);function u(f,i){const n=e("demos-complements-FluxControls"),l=e("ClientOnly");return c(),r("div",null,[m,o(l,null,{default:a(()=>[o(n)]),_:1})])}const h=s(d,[["render",u],["__file","flux-controls.html.vue"]]);export{h as default}; diff --git a/docs/assets/flux-cube.html-Eqc4rrxt.js b/docs/assets/flux-cube.html-9UB04pyL.js similarity index 85% rename from docs/assets/flux-cube.html-Eqc4rrxt.js rename to docs/assets/flux-cube.html-9UB04pyL.js index 3ca3420f..5733f1a4 100644 --- a/docs/assets/flux-cube.html-Eqc4rrxt.js +++ b/docs/assets/flux-cube.html-9UB04pyL.js @@ -1 +1 @@ -import{_ as a,r as e,o as s,c as l,a as t,w as u,b as n,d as r}from"./app-SStEjskS.js";const _={},d=n("h1",{id:"fluxcube",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxcube","aria-hidden":"true"},"#"),r(" FluxCube")],-1);function f(i,m){const o=e("demos-components-FluxCube"),c=e("ClientOnly");return s(),l("div",null,[d,t(c,null,{default:u(()=>[t(o)]),_:1})])}const h=a(_,[["render",f],["__file","flux-cube.html.vue"]]);export{h as default}; +import{_ as a,r as e,o as s,c as l,a as t,w as u,b as n,d as r}from"./app-9q7i-DDF.js";const _={},d=n("h1",{id:"fluxcube",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxcube","aria-hidden":"true"},"#"),r(" FluxCube")],-1);function f(i,m){const o=e("demos-components-FluxCube"),c=e("ClientOnly");return s(),l("div",null,[d,t(c,null,{default:u(()=>[t(o)]),_:1})])}const h=a(_,[["render",f],["__file","flux-cube.html.vue"]]);export{h as default}; diff --git a/docs/assets/flux-grid.html-5P6XfO5u.js b/docs/assets/flux-grid.html-3UWqVLFe.js similarity index 85% rename from docs/assets/flux-grid.html-5P6XfO5u.js rename to docs/assets/flux-grid.html-3UWqVLFe.js index ea7d87ee..47dd15c2 100644 --- a/docs/assets/flux-grid.html-5P6XfO5u.js +++ b/docs/assets/flux-grid.html-3UWqVLFe.js @@ -1 +1 @@ -import{_ as a,r as e,o as s,c,a as t,w as l,b as n,d}from"./app-SStEjskS.js";const _={},i=n("h1",{id:"fluxgrid",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxgrid","aria-hidden":"true"},"#"),d(" FluxGrid")],-1);function u(f,m){const o=e("demos-components-FluxGrid"),r=e("ClientOnly");return s(),c("div",null,[i,t(r,null,{default:l(()=>[t(o)]),_:1})])}const h=a(_,[["render",u],["__file","flux-grid.html.vue"]]);export{h as default}; +import{_ as a,r as e,o as s,c,a as t,w as l,b as n,d}from"./app-9q7i-DDF.js";const _={},i=n("h1",{id:"fluxgrid",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxgrid","aria-hidden":"true"},"#"),d(" FluxGrid")],-1);function u(f,m){const o=e("demos-components-FluxGrid"),r=e("ClientOnly");return s(),c("div",null,[i,t(r,null,{default:l(()=>[t(o)]),_:1})])}const h=a(_,[["render",u],["__file","flux-grid.html.vue"]]);export{h as default}; diff --git a/docs/assets/flux-image.html-UViVbTQM.js b/docs/assets/flux-image.html-zJbCPWbs.js similarity index 85% rename from docs/assets/flux-image.html-UViVbTQM.js rename to docs/assets/flux-image.html-zJbCPWbs.js index 4a62fefd..dbacb5dd 100644 --- a/docs/assets/flux-image.html-UViVbTQM.js +++ b/docs/assets/flux-image.html-zJbCPWbs.js @@ -1 +1 @@ -import{_ as s,r as e,o as c,c as l,a,w as r,b as t,d as _}from"./app-SStEjskS.js";const m={},d=t("h1",{id:"fluximage",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fluximage","aria-hidden":"true"},"#"),_(" FluxImage")],-1);function i(u,f){const n=e("demos-components-FluxImage"),o=e("ClientOnly");return c(),l("div",null,[d,a(o,null,{default:r(()=>[a(n)]),_:1})])}const h=s(m,[["render",i],["__file","flux-image.html.vue"]]);export{h as default}; +import{_ as s,r as e,o as c,c as l,a,w as r,b as t,d as _}from"./app-9q7i-DDF.js";const m={},d=t("h1",{id:"fluximage",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fluximage","aria-hidden":"true"},"#"),_(" FluxImage")],-1);function i(u,f){const n=e("demos-components-FluxImage"),o=e("ClientOnly");return c(),l("div",null,[d,a(o,null,{default:r(()=>[a(n)]),_:1})])}const h=s(m,[["render",i],["__file","flux-image.html.vue"]]);export{h as default}; diff --git a/docs/assets/flux-index.html-_IIwsJ1v.js b/docs/assets/flux-index.html-c2rhWAbd.js similarity index 85% rename from docs/assets/flux-index.html-_IIwsJ1v.js rename to docs/assets/flux-index.html-c2rhWAbd.js index 42a28b95..6a45a7d9 100644 --- a/docs/assets/flux-index.html-_IIwsJ1v.js +++ b/docs/assets/flux-index.html-c2rhWAbd.js @@ -1 +1 @@ -import{_ as a,r as e,o as s,c,a as n,w as d,b as t,d as r}from"./app-SStEjskS.js";const _={},x=t("h1",{id:"fluxindex",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fluxindex","aria-hidden":"true"},"#"),r(" FluxIndex")],-1);function i(m,u){const o=e("demos-complements-FluxIndex"),l=e("ClientOnly");return s(),c("div",null,[x,n(l,null,{default:d(()=>[n(o)]),_:1})])}const h=a(_,[["render",i],["__file","flux-index.html.vue"]]);export{h as default}; +import{_ as a,r as e,o as s,c,a as n,w as d,b as t,d as r}from"./app-9q7i-DDF.js";const _={},x=t("h1",{id:"fluxindex",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fluxindex","aria-hidden":"true"},"#"),r(" FluxIndex")],-1);function i(m,u){const o=e("demos-complements-FluxIndex"),l=e("ClientOnly");return s(),c("div",null,[x,n(l,null,{default:d(()=>[n(o)]),_:1})])}const h=a(_,[["render",i],["__file","flux-index.html.vue"]]);export{h as default}; diff --git a/docs/assets/flux-pagination.html-HRjdpx0N.js b/docs/assets/flux-pagination.html-LRJtQwLU.js similarity index 86% rename from docs/assets/flux-pagination.html-HRjdpx0N.js rename to docs/assets/flux-pagination.html-LRJtQwLU.js index e09d08fa..120bdc75 100644 --- a/docs/assets/flux-pagination.html-HRjdpx0N.js +++ b/docs/assets/flux-pagination.html-LRJtQwLU.js @@ -1 +1 @@ -import{_ as i,r as e,o as l,c as s,a as n,w as c,b as a,d as r}from"./app-SStEjskS.js";const _={},d=a("h1",{id:"fluxpagination",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#fluxpagination","aria-hidden":"true"},"#"),r(" FluxPagination")],-1);function m(u,f){const t=e("demos-complements-FluxPagination"),o=e("ClientOnly");return l(),s("div",null,[d,n(o,null,{default:c(()=>[n(t)]),_:1})])}const p=i(_,[["render",m],["__file","flux-pagination.html.vue"]]);export{p as default}; +import{_ as i,r as e,o as l,c as s,a as n,w as c,b as a,d as r}from"./app-9q7i-DDF.js";const _={},d=a("h1",{id:"fluxpagination",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#fluxpagination","aria-hidden":"true"},"#"),r(" FluxPagination")],-1);function m(u,f){const t=e("demos-complements-FluxPagination"),o=e("ClientOnly");return l(),s("div",null,[d,n(o,null,{default:c(()=>[n(t)]),_:1})])}const p=i(_,[["render",m],["__file","flux-pagination.html.vue"]]);export{p as default}; diff --git a/docs/assets/flux-parallax.html-n9RPogEO.js b/docs/assets/flux-parallax.html-qbK7sEyA.js similarity index 86% rename from docs/assets/flux-parallax.html-n9RPogEO.js rename to docs/assets/flux-parallax.html-qbK7sEyA.js index d9123e42..239c6634 100644 --- a/docs/assets/flux-parallax.html-n9RPogEO.js +++ b/docs/assets/flux-parallax.html-qbK7sEyA.js @@ -1 +1 @@ -import{_ as o,r as a,o as r,c as s,a as e,w as c,b as l,d as _}from"./app-SStEjskS.js";const x={},d=l("h1",{id:"fluxparallax",tabindex:"-1"},[l("a",{class:"header-anchor",href:"#fluxparallax","aria-hidden":"true"},"#"),_(" FluxParallax")],-1);function u(f,i){const t=a("demos-components-FluxParallax"),n=a("ClientOnly");return r(),s("div",null,[d,e(n,null,{default:c(()=>[e(t)]),_:1})])}const p=o(x,[["render",u],["__file","flux-parallax.html.vue"]]);export{p as default}; +import{_ as o,r as a,o as r,c as s,a as e,w as c,b as l,d as _}from"./app-9q7i-DDF.js";const x={},d=l("h1",{id:"fluxparallax",tabindex:"-1"},[l("a",{class:"header-anchor",href:"#fluxparallax","aria-hidden":"true"},"#"),_(" FluxParallax")],-1);function u(f,i){const t=a("demos-components-FluxParallax"),n=a("ClientOnly");return r(),s("div",null,[d,e(n,null,{default:c(()=>[e(t)]),_:1})])}const p=o(x,[["render",u],["__file","flux-parallax.html.vue"]]);export{p as default}; diff --git a/docs/assets/flux-preloader.html-ohcuJa7b.js b/docs/assets/flux-preloader.html-3VlSyGys.js similarity index 86% rename from docs/assets/flux-preloader.html-ohcuJa7b.js rename to docs/assets/flux-preloader.html-3VlSyGys.js index fbb9c761..860d25a2 100644 --- a/docs/assets/flux-preloader.html-ohcuJa7b.js +++ b/docs/assets/flux-preloader.html-3VlSyGys.js @@ -1 +1 @@ -import{_ as t,r as e,o as n,c as s,a as o,w as c,b as r,d}from"./app-SStEjskS.js";const _={},m=r("h1",{id:"fluxpreloader",tabindex:"-1"},[r("a",{class:"header-anchor",href:"#fluxpreloader","aria-hidden":"true"},"#"),d(" FluxPreloader")],-1);function u(f,i){const l=e("demos-complements-FluxPreloader"),a=e("ClientOnly");return n(),s("div",null,[m,o(a,null,{default:c(()=>[o(l)]),_:1})])}const p=t(_,[["render",u],["__file","flux-preloader.html.vue"]]);export{p as default}; +import{_ as t,r as e,o as n,c as s,a as o,w as c,b as r,d}from"./app-9q7i-DDF.js";const _={},m=r("h1",{id:"fluxpreloader",tabindex:"-1"},[r("a",{class:"header-anchor",href:"#fluxpreloader","aria-hidden":"true"},"#"),d(" FluxPreloader")],-1);function u(f,i){const l=e("demos-complements-FluxPreloader"),a=e("ClientOnly");return n(),s("div",null,[m,o(a,null,{default:c(()=>[o(l)]),_:1})])}const p=t(_,[["render",u],["__file","flux-preloader.html.vue"]]);export{p as default}; diff --git a/docs/assets/flux-transition.html-oXzbCyiM.js b/docs/assets/flux-transition.html-EIRUE-ew.js similarity index 86% rename from docs/assets/flux-transition.html-oXzbCyiM.js rename to docs/assets/flux-transition.html-EIRUE-ew.js index e30e345e..3ed0cbb7 100644 --- a/docs/assets/flux-transition.html-oXzbCyiM.js +++ b/docs/assets/flux-transition.html-EIRUE-ew.js @@ -1 +1 @@ -import{_ as s,r as e,o as r,c as i,a as n,w as c,b as t,d as l}from"./app-SStEjskS.js";const _={},d=t("h1",{id:"fluxtransition",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fluxtransition","aria-hidden":"true"},"#"),l(" FluxTransition")],-1);function u(f,m){const o=e("demos-components-FluxTransition"),a=e("ClientOnly");return r(),i("div",null,[d,n(a,null,{default:c(()=>[n(o)]),_:1})])}const h=s(_,[["render",u],["__file","flux-transition.html.vue"]]);export{h as default}; +import{_ as s,r as e,o as r,c as i,a as n,w as c,b as t,d as l}from"./app-9q7i-DDF.js";const _={},d=t("h1",{id:"fluxtransition",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fluxtransition","aria-hidden":"true"},"#"),l(" FluxTransition")],-1);function u(f,m){const o=e("demos-components-FluxTransition"),a=e("ClientOnly");return r(),i("div",null,[d,n(a,null,{default:c(()=>[n(o)]),_:1})])}const h=s(_,[["render",u],["__file","flux-transition.html.vue"]]);export{h as default}; diff --git a/docs/assets/flux-vortex.html-qGs0cqhS.js b/docs/assets/flux-vortex.html-PVl3ZikS.js similarity index 86% rename from docs/assets/flux-vortex.html-qGs0cqhS.js rename to docs/assets/flux-vortex.html-PVl3ZikS.js index 66b3eae1..d4a49cc1 100644 --- a/docs/assets/flux-vortex.html-qGs0cqhS.js +++ b/docs/assets/flux-vortex.html-PVl3ZikS.js @@ -1 +1 @@ -import{_ as a,r as e,o as s,c,a as t,w as l,b as o,d as _}from"./app-SStEjskS.js";const x={},d=o("h1",{id:"fluxvortex",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#fluxvortex","aria-hidden":"true"},"#"),_(" FluxVortex")],-1);function u(f,i){const n=e("demos-components-FluxVortex"),r=e("ClientOnly");return s(),c("div",null,[d,t(r,null,{default:l(()=>[t(n)]),_:1})])}const h=a(x,[["render",u],["__file","flux-vortex.html.vue"]]);export{h as default}; +import{_ as a,r as e,o as s,c,a as t,w as l,b as o,d as _}from"./app-9q7i-DDF.js";const x={},d=o("h1",{id:"fluxvortex",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#fluxvortex","aria-hidden":"true"},"#"),_(" FluxVortex")],-1);function u(f,i){const n=e("demos-components-FluxVortex"),r=e("ClientOnly");return s(),c("div",null,[d,t(r,null,{default:l(()=>[t(n)]),_:1})])}const h=a(x,[["render",u],["__file","flux-vortex.html.vue"]]);export{h as default}; diff --git a/docs/assets/index.html-lglIQM4b.js b/docs/assets/index.html--4L10-8B.js similarity index 99% rename from docs/assets/index.html-lglIQM4b.js rename to docs/assets/index.html--4L10-8B.js index 1453ffbb..bacd5633 100644 --- a/docs/assets/index.html-lglIQM4b.js +++ b/docs/assets/index.html--4L10-8B.js @@ -1,4 +1,4 @@ -import{_ as o,r as p,o as c,c as l,b as a,d as n,a as t,e}from"./app-SStEjskS.js";const i={},u=a("h1",{id:"overview",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#overview","aria-hidden":"true"},"#"),n(" Overview")],-1),r={href:"https://vuejs.org/",target:"_blank",rel:"noopener noreferrer"},d=e(`

npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub

Demo

You can view the demos here

Features

FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up

Quick start

Install and save the package.

npm install --save vue-flux@latest
+import{_ as o,r as p,o as c,c as l,b as a,d as n,a as t,e}from"./app-9q7i-DDF.js";const i={},u=a("h1",{id:"overview",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#overview","aria-hidden":"true"},"#"),n(" Overview")],-1),r={href:"https://vuejs.org/",target:"_blank",rel:"noopener noreferrer"},d=e(`
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
You can view the demos here
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
Install and save the package.
npm install --save vue-flux@latest
 
First you need to decide where to import the slider styles, if you wil use one slider it can be done where the slider is used, otherwise the best practice is in the main.[ts|js]. Implementing the styles is as simple as:
import 'vue-flux/style.css';
 
In the following component we add the styles directly there.
Options VS Composition
VueFlux 7 works with Vue 3, but as you should know it doesn't work the same if you use the Options or Composition API. All examples found in this documentation are using Composition API, so if you use Options API take a look to the few changes that you have to make in the documentation I created specifically
This one has all the complements, so you can remove the ones you don't want.
import { ref, shallowReactive } from 'vue';
 import {
diff --git a/docs/assets/index.html-PCci8gSi.js b/docs/assets/index.html--wZek8tw.js
similarity index 99%
rename from docs/assets/index.html-PCci8gSi.js
rename to docs/assets/index.html--wZek8tw.js
index 5642b709..3abd9871 100644
--- a/docs/assets/index.html-PCci8gSi.js
+++ b/docs/assets/index.html--wZek8tw.js
@@ -1,4 +1,4 @@
-import{_ as e,r as o,o as c,c as l,b as a,d as n,a as t,e as p}from"./app-SStEjskS.js";const i={},r=p(`
 Custom transitions
Transitions use the mixin BaseTransition to perform basic and shared logic.
 Data
 totalDuration
Represents the transition duration in ms.
  • Type: Number
  • Required: true
WARNING
You must specify this in data to let the slider know when transition ends.
TIP
If the duration depends on transition options, you can set its value in the created hook, but don't forget to initialize it.
 Properties
 size
This size is the width and height of the slider.
  • Type: Object
  • Schema:
{
+import{_ as e,r as o,o as c,c as l,b as a,d as n,a as t,e as p}from"./app-9q7i-DDF.js";const i={},r=p(`
 Custom transitions
Transitions use the mixin BaseTransition to perform basic and shared logic.
 Data
 totalDuration
Represents the transition duration in ms.
  • Type: Number
  • Required: true
WARNING
You must specify this in data to let the slider know when transition ends.
TIP
If the duration depends on transition options, you can set its value in the created hook, but don't forget to initialize it.
 Properties
 size
This size is the width and height of the slider.
  • Type: Object
  • Schema:
{
    width: Number,
    height: Number,
 }
diff --git a/docs/assets/index.html-l-dPElKe.js b/docs/assets/index.html-0nSERwpp.js
similarity index 92%
rename from docs/assets/index.html-l-dPElKe.js
rename to docs/assets/index.html-0nSERwpp.js
index facd8980..6b15a1ee 100644
--- a/docs/assets/index.html-l-dPElKe.js
+++ b/docs/assets/index.html-0nSERwpp.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},n=r('
 Description
The image starts to explode from the center to outside.
 Options
NameTypeDefault
rowsnumber
colsnumber
tileDurationnumber300
tileDelaynumber100
easingStringlinear
',4),o=[n];function i(s,h){return e(),d("div",null,o)}const l=t(a,[["render",i],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},n=r('
 Description
The image starts to explode from the center to outside.
 Options
NameTypeDefault
rowsnumber
colsnumber
tileDurationnumber300
tileDelaynumber100
easingStringlinear
',4),o=[n];function i(s,h){return e(),d("div",null,o)}const l=t(a,[["render",i],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-fAXbx8jq.js b/docs/assets/index.html-1Q5xgTI6.js
similarity index 92%
rename from docs/assets/index.html-fAXbx8jq.js
rename to docs/assets/index.html-1Q5xgTI6.js
index e4e65101..8f41d855 100644
--- a/docs/assets/index.html-fAXbx8jq.js
+++ b/docs/assets/index.html-1Q5xgTI6.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const r={},i=a('
 Description
Divides the image in bars and slides them up and down alternately like a zip.
 Options
NameTypeDefault
numColsnumber
tileDurationnumber600
tileDelaynumber80
easingStringease-in
',4),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const r={},i=a('
 Description
Divides the image in bars and slides them up and down alternately like a zip.
 Options
NameTypeDefault
numColsnumber
tileDurationnumber600
tileDelaynumber80
easingStringease-in
',4),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-Sj1iZ9lH.js b/docs/assets/index.html-1eqsLIMA.js
similarity index 92%
rename from docs/assets/index.html-Sj1iZ9lH.js
rename to docs/assets/index.html-1eqsLIMA.js
index e25b785e..a2f920bf 100644
--- a/docs/assets/index.html-Sj1iZ9lH.js
+++ b/docs/assets/index.html-1eqsLIMA.js
@@ -1 +1 @@
-import{_ as t,o as d,c as e,e as r}from"./app-SStEjskS.js";const a={},n=r('
 Description
The image is split in blocks that shrink and fade out randomly.
 Options
NameTypeDefault
rowsnumber
colsnumber
tileDurationnumber300
tileDelaynumber1000
easingStringlinear
',4),i=[n];function o(s,h){return d(),e("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as d,c as e,e as r}from"./app-9q7i-DDF.js";const a={},n=r('
 Description
The image is split in blocks that shrink and fade out randomly.
 Options
NameTypeDefault
rowsnumber
colsnumber
tileDurationnumber300
tileDelaynumber1000
easingStringlinear
',4),i=[n];function o(s,h){return d(),e("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-9u-IupWj.js b/docs/assets/index.html-22hDjQQq.js
similarity index 98%
rename from docs/assets/index.html-9u-IupWj.js
rename to docs/assets/index.html-22hDjQQq.js
index 132af827..8af56180 100644
--- a/docs/assets/index.html-9u-IupWj.js
+++ b/docs/assets/index.html-22hDjQQq.js
@@ -1,4 +1,4 @@
-import{_ as s,r,o as d,c,b as t,d as e,a as o,w as i,e as n}from"./app-SStEjskS.js";const l={},p=n(`
 FluxTransition
 Description
Component to display a transition between two images.
 Attributes
 size
This size is the width and height in pixels that the component will have.
The transition images will be scaled and positioned to cover this size.
  • Type: Object
  • Required: true
  • Schema:
{
+import{_ as s,r,o as d,c,b as t,d as e,a as o,w as i,e as n}from"./app-9q7i-DDF.js";const l={},p=n(`
 FluxTransition
 Description
Component to display a transition between two images.
 Attributes
 size
This size is the width and height in pixels that the component will have.
The transition images will be scaled and positioned to cover this size.
  • Type: Object
  • Required: true
  • Schema:
{
    width: Number,
    height: Number,
 }
diff --git a/docs/assets/index.html-NYau4MG9.js b/docs/assets/index.html-2ArvTYf-.js
similarity index 98%
rename from docs/assets/index.html-NYau4MG9.js
rename to docs/assets/index.html-2ArvTYf-.js
index 968d26e2..900cffcd 100644
--- a/docs/assets/index.html-NYau4MG9.js
+++ b/docs/assets/index.html-2ArvTYf-.js
@@ -1,3 +1,3 @@
-import{_ as t,o as a,c as s,e as n}from"./app-SStEjskS.js";const e={},p=n(`
 Description
The FluxImage component represents the smallest part of the slider and displays an image, part of it or a color.
 Component
It renders what have to be displayed calculating its size and position automatically.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this image
indexNumber, StringtrueIf a number represents the image index of slider and if string of hexadecimal will just paint it with the defined color
cssObjectfalseInitial CSS style, by default sets top 0 and left 0
Example:
<flux-image :slider="slider" :index="1"></flux-image>
+import{_ as t,o as a,c as s,e as n}from"./app-9q7i-DDF.js";const e={},p=n(`
 Description
The FluxImage component represents the smallest part of the slider and displays an image, part of it or a color.
 Component
It renders what have to be displayed calculating its size and position automatically.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this image
indexNumber, StringtrueIf a number represents the image index of slider and if string of hexadecimal will just paint it with the defined color
cssObjectfalseInitial CSS style, by default sets top 0 and left 0
Example:
<flux-image :slider="slider" :index="1"></flux-image>
 <flux-image :slider="slider" :index="'#cccccc'" :css="{opacity: 0.5}"></flux-image>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied directly
transformcssObject with the style to be applied rendering, used to perform the transitions
showShows the image if hidden
hideHides the image
`,10),o=[p];function c(d,l){return a(),s("div",null,o)}const r=t(e,[["render",c],["__file","index.html.vue"]]);export{r as default};
diff --git a/docs/assets/index.html-ItYVN8Y_.js b/docs/assets/index.html-2a1oAxZI.js
similarity index 92%
rename from docs/assets/index.html-ItYVN8Y_.js
rename to docs/assets/index.html-2a1oAxZI.js
index 5f1fd72d..e60cce04 100644
--- a/docs/assets/index.html-ItYVN8Y_.js
+++ b/docs/assets/index.html-2a1oAxZI.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const r={},n=d('
 Fade
 Description
Fades from one image to next.
Demo
 Options
NameTypeDefault
totalDurationnumber1200
easingstringease-in
',6),i=[n];function o(s,h){return e(),a("div",null,i)}const f=t(r,[["render",o],["__file","index.html.vue"]]);export{f as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const r={},n=d('
 Fade
 Description
Fades from one image to next.
Demo
 Options
NameTypeDefault
totalDurationnumber1200
easingstringease-in
',6),i=[n];function o(s,h){return e(),a("div",null,i)}const f=t(r,[["render",o],["__file","index.html.vue"]]);export{f as default};
diff --git a/docs/assets/index.html-3IF986IU.js b/docs/assets/index.html-3IF986IU.js
new file mode 100644
index 00000000..0fb614a4
--- /dev/null
+++ b/docs/assets/index.html-3IF986IU.js
@@ -0,0 +1 @@
+const e=JSON.parse('{"key":"v-934f5092","path":"/documentation/v7/complements/flux-controls/","title":"FluxControls","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"Description","slug":"description","link":"#description","children":[]},{"level":2,"title":"Attributes","slug":"attributes","link":"#attributes","children":[{"level":3,"title":"slider","slug":"slider","link":"#slider","children":[]}]},{"level":2,"title":"Properties","slug":"properties","link":"#properties","children":[{"level":3,"title":"vf","slug":"vf","link":"#vf","children":[]},{"level":3,"title":"display","slug":"display","link":"#display","children":[]},{"level":3,"title":"captions","slug":"captions","link":"#captions","children":[]}]},{"level":2,"title":"Methods","slug":"methods","link":"#methods","children":[{"level":3,"title":"getCaption(index)","slug":"getcaption-index","link":"#getcaption-index","children":[]},{"level":3,"title":"getCaptionText(index)","slug":"getcaptiontext-index","link":"#getcaptiontext-index","children":[]}]}],"git":{},"filePathRelative":"documentation/v7/complements/flux-controls/readme.md"}');export{e as data};
diff --git a/docs/assets/index.html-cHd6-ZrW.js b/docs/assets/index.html-43BOwvgZ.js
similarity index 93%
rename from docs/assets/index.html-cHd6-ZrW.js
rename to docs/assets/index.html-43BOwvgZ.js
index a7726d35..760c8615 100644
--- a/docs/assets/index.html-cHd6-ZrW.js
+++ b/docs/assets/index.html-43BOwvgZ.js
@@ -1 +1 @@
-import{_ as t,o as e,c as r,e as d}from"./app-SStEjskS.js";const n={},a=d('
 Concentric
 Description
A concentric effect is performed by rotating the image converted into circles.
Demo
 Options
NameTypeDefault
circlesnumber7
tileDurationnumber800
tileDelaynumber150
easingstringlinear
',6),i=[a];function c(o,s){return e(),r("div",null,i)}const l=t(n,[["render",c],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as r,e as d}from"./app-9q7i-DDF.js";const n={},a=d('
 Concentric
 Description
A concentric effect is performed by rotating the image converted into circles.
Demo
 Options
NameTypeDefault
circlesnumber7
tileDurationnumber800
tileDelaynumber150
easingstringlinear
',6),i=[a];function c(o,s){return e(),r("div",null,i)}const l=t(n,[["render",c],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-f0O66zAH.js b/docs/assets/index.html-4edNRuew.js
similarity index 99%
rename from docs/assets/index.html-f0O66zAH.js
rename to docs/assets/index.html-4edNRuew.js
index 65657c7c..6b938857 100644
--- a/docs/assets/index.html-f0O66zAH.js
+++ b/docs/assets/index.html-4edNRuew.js
@@ -1,4 +1,4 @@
-import{_ as n,r as s,o,c as i,b as d,d as t,a as r,w as p,e as a}from"./app-SStEjskS.js";const l={},c=a(`
 Description
This is the main component of the slider and will be the view that display the images.
 Component
The slider preloads all images to make transitions smooth, so depending on size and quantity of images can take a while to begin.
The component is build as a container, having a mask that renders and display the images. The mask contains the transition component and two FluxImages that are used to be shown before and after transitions.
In touchable screens you can slide right and left to show previous or next image. Will also display index if defined sliding up.
The component has the following attributes.
AttributeTypeRequiredDescription
optionsObjectfalseAn object containing the slider options
transitionsObjecttrueAn object defined with the wanted transitions
transitionOptionsObjectfalseThe options for each transition
pathstringfalseBase path of the images
imagesArrayfalseAn array with the images URL
captionsArrayfalseAn array with captions to be displayed on each image
Example:
<vue-flux
+import{_ as n,r as s,o,c as i,b as d,d as t,a as r,w as p,e as a}from"./app-9q7i-DDF.js";const l={},c=a(`
 Description
This is the main component of the slider and will be the view that display the images.
 Component
The slider preloads all images to make transitions smooth, so depending on size and quantity of images can take a while to begin.
The component is build as a container, having a mask that renders and display the images. The mask contains the transition component and two FluxImages that are used to be shown before and after transitions.
In touchable screens you can slide right and left to show previous or next image. Will also display index if defined sliding up.
The component has the following attributes.
AttributeTypeRequiredDescription
optionsObjectfalseAn object containing the slider options
transitionsObjecttrueAn object defined with the wanted transitions
transitionOptionsObjectfalseThe options for each transition
pathstringfalseBase path of the images
imagesArrayfalseAn array with the images URL
captionsArrayfalseAn array with captions to be displayed on each image
Example:
<vue-flux
    :options="fluxOptions"
    :images="fluxImages"
    :transitions="fluxTransitions"
diff --git a/docs/assets/index.html-Ji_Vq_vv.js b/docs/assets/index.html-4yZyG0nx.js
similarity index 91%
rename from docs/assets/index.html-Ji_Vq_vv.js
rename to docs/assets/index.html-4yZyG0nx.js
index c2023116..b0e5932e 100644
--- a/docs/assets/index.html-Ji_Vq_vv.js
+++ b/docs/assets/index.html-4yZyG0nx.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const i={},r=d('
 Description
Swipes the image to display next like uncovered with a curtain.
 Options
NameTypeDefault
totalDurationnumber1400
easingStringease-in-out
',4),n=[r];function o(s,h){return e(),a("div",null,n)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const i={},r=d('
 Description
Swipes the image to display next like uncovered with a curtain.
 Options
NameTypeDefault
totalDurationnumber1400
easingStringease-in-out
',4),n=[r];function o(s,h){return e(),a("div",null,n)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-F58-2Dg9.js b/docs/assets/index.html-5f6WfLAE.js
similarity index 99%
rename from docs/assets/index.html-F58-2Dg9.js
rename to docs/assets/index.html-5f6WfLAE.js
index 935acc1d..0ec2a059 100644
--- a/docs/assets/index.html-F58-2Dg9.js
+++ b/docs/assets/index.html-5f6WfLAE.js
@@ -1,4 +1,4 @@
-import{_ as o,r as i,o as p,c as l,b as n,d as a,a as s,e}from"./app-SStEjskS.js";const r={},c={href:"https://vuejs.org/",target:"_blank",rel:"noopener noreferrer"},u=e('
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
',2),d={href:"https://ragnarlotus.github.io/vue-flux/",target:"_blank",rel:"noopener noreferrer"},h=e(`
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
npm install --save vue-flux@previous
+import{_ as o,r as i,o as p,c as l,b as n,d as a,a as s,e}from"./app-9q7i-DDF.js";const r={},c={href:"https://vuejs.org/",target:"_blank",rel:"noopener noreferrer"},u=e('
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
',2),d={href:"https://ragnarlotus.github.io/vue-flux/",target:"_blank",rel:"noopener noreferrer"},h=e(`
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
npm install --save vue-flux@previous
 
<vue-flux
    :options="fluxOptions"
    :images="fluxImages"
diff --git a/docs/assets/index.html-5hEjTRP8.js b/docs/assets/index.html-5kwncVzG.js
similarity index 99%
rename from docs/assets/index.html-5hEjTRP8.js
rename to docs/assets/index.html-5kwncVzG.js
index e60f6121..a4531266 100644
--- a/docs/assets/index.html-5hEjTRP8.js
+++ b/docs/assets/index.html-5kwncVzG.js
@@ -1,4 +1,4 @@
-import{_ as t,r as p,o as e,c as o,b as n,d as a,a as c,e as l}from"./app-SStEjskS.js";const u={},i=n("h1",{id:"fluxcontrols",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxcontrols","aria-hidden":"true"},"#"),a(" FluxControls")],-1),r={class:"custom-container warning"},k=n("p",{class:"custom-container-title"},"WARNING",-1),d={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},h=l(`
 Description
The included component to display controls with the buttons previous, next, play and pause.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of controls inside vue-flux
<vue-flux
+import{_ as t,r as p,o as e,c as o,b as n,d as a,a as c,e as l}from"./app-9q7i-DDF.js";const u={},i=n("h1",{id:"fluxcontrols",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxcontrols","aria-hidden":"true"},"#"),a(" FluxControls")],-1),r={class:"custom-container warning"},k=n("p",{class:"custom-container-title"},"WARNING",-1),d={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},h=l(`
 Description
The included component to display controls with the buttons previous, next, play and pause.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of controls inside vue-flux
<vue-flux
    :options="vfOptions"
    :images="vfImages"
    :transitions="vfTransitions">
diff --git a/docs/assets/index.html-YJkk1ZnO.js b/docs/assets/index.html-6IIO4TzW.js
similarity index 99%
rename from docs/assets/index.html-YJkk1ZnO.js
rename to docs/assets/index.html-6IIO4TzW.js
index 875d6e86..c6883dda 100644
--- a/docs/assets/index.html-YJkk1ZnO.js
+++ b/docs/assets/index.html-6IIO4TzW.js
@@ -1,4 +1,4 @@
-import{_ as e,o as a,c as s,e as t}from"./app-SStEjskS.js";const n={},o=t(`
 FluxCube
 Description
Component composed by up to 6 FluxImage that forms a cube.
 Attributes
 color
Sets the background color to all sides.
The values can be any valid CSS color.
  • Type: String
  • Required: false
 colors
Sets the background color to defined sides.
The values can be any valid CSS color.
  • Type: Object
  • Required: false
  • Schema:
{
+import{_ as e,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const n={},o=t(`
 FluxCube
 Description
Component composed by up to 6 FluxImage that forms a cube.
 Attributes
 color
Sets the background color to all sides.
The values can be any valid CSS color.
  • Type: String
  • Required: false
 colors
Sets the background color to defined sides.
The values can be any valid CSS color.
  • Type: Object
  • Required: false
  • Schema:
{
    front: String,
    back: String,
    top: String,
diff --git a/docs/assets/index.html-_HUPQ723.js b/docs/assets/index.html-6pSg-p66.js
similarity index 99%
rename from docs/assets/index.html-_HUPQ723.js
rename to docs/assets/index.html-6pSg-p66.js
index 30d8d535..3349fd32 100644
--- a/docs/assets/index.html-_HUPQ723.js
+++ b/docs/assets/index.html-6pSg-p66.js
@@ -1,4 +1,4 @@
-import{_ as t,r as e,o,c as p,b as n,d as s,a as c,e as i}from"./app-SStEjskS.js";const r={},l=n("h1",{id:"vueflux",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vueflux","aria-hidden":"true"},"#"),s(" VueFlux")],-1),d=n("h2",{id:"description",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),s(" Description")],-1),u=n("p",null,"This is the main component of the slider and will be the frame that displays the resources.",-1),k={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/vue-flux.html",target:"_blank",rel:"noopener noreferrer"},h=i(`
 Size
The slider size is defined the following way:
  1. If defined by CSS that will be the size
  2. If no width defined, will be parent's width
  3. If no height defined, will calculate the height using a 16:9 ratio
DANGER
If you want to define a size, avoid using width and height directly in the style attribute, as those values will be applied always, even in full screen, not letting the slider resize itself. So better use a class for .vue-flux component or set the style attribute in the parent.
 Props
All the attributes are reactive, so if you change their value at any moment, the slider will be updated automatically.
interface VueFluxProps {
+import{_ as t,r as e,o,c as p,b as n,d as s,a as c,e as i}from"./app-9q7i-DDF.js";const r={},l=n("h1",{id:"vueflux",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vueflux","aria-hidden":"true"},"#"),s(" VueFlux")],-1),d=n("h2",{id:"description",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),s(" Description")],-1),u=n("p",null,"This is the main component of the slider and will be the frame that displays the resources.",-1),k={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/vue-flux.html",target:"_blank",rel:"noopener noreferrer"},h=i(`
 Size
The slider size is defined the following way:
  1. If defined by CSS that will be the size
  2. If no width defined, will be parent's width
  3. If no height defined, will calculate the height using a 16:9 ratio
DANGER
If you want to define a size, avoid using width and height directly in the style attribute, as those values will be applied always, even in full screen, not letting the slider resize itself. So better use a class for .vue-flux component or set the style attribute in the parent.
 Props
All the attributes are reactive, so if you change their value at any moment, the slider will be updated automatically.
interface VueFluxProps {
 	options?: VueFluxOptions;
 	rscs: (Resource | ResourceWithOptions)[];
 	transitions: (Component | TransitionWithOptions)[];
diff --git a/docs/assets/index.html-lfKg4czb.js b/docs/assets/index.html-7Qod9Ub7.js
similarity index 92%
rename from docs/assets/index.html-lfKg4czb.js
rename to docs/assets/index.html-7Qod9Ub7.js
index 964cba93..6646df45 100644
--- a/docs/assets/index.html-lfKg4czb.js
+++ b/docs/assets/index.html-7Qod9Ub7.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const i={},r=d('
 Fall
 Description
The image falls in front displaying next image.
 Options
NameTypeDefault
totalDurationnumber1600
easingstringease-in
',5),n=[r];function h(o,s){return e(),a("div",null,n)}const l=t(i,[["render",h],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const i={},r=d('
 Fall
 Description
The image falls in front displaying next image.
 Options
NameTypeDefault
totalDurationnumber1600
easingstringease-in
',5),n=[r];function h(o,s){return e(),a("div",null,n)}const l=t(i,[["render",h],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-uqzrCfaw.js b/docs/assets/index.html-7kXBPE5A.js
similarity index 94%
rename from docs/assets/index.html-uqzrCfaw.js
rename to docs/assets/index.html-7kXBPE5A.js
index da53bc7e..d1d65967 100644
--- a/docs/assets/index.html-uqzrCfaw.js
+++ b/docs/assets/index.html-7kXBPE5A.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as n}from"./app-SStEjskS.js";const o={},s=n('
 Complements
This components are complements because extend the functionality of VueFlux component, so they depend on it and can not be used without it.
NameDescription
FluxCaptionDisplays a caption corresponding to an resource
FluxControlsDisplays previous, play / pause and next buttons
FluxIndexDisplays a button that once pressed opens an index of all images
FluxPaginationDisplays an item pagination to navigate through the resources
FluxPreloaderDisplays a spinner while resources are being preloaded
',3),r=[s];function d(l,i){return e(),a("div",null,r)}const p=t(o,[["render",d],["__file","index.html.vue"]]);export{p as default};
+import{_ as t,o as e,c as a,e as n}from"./app-9q7i-DDF.js";const o={},s=n('
 Complements
This components are complements because extend the functionality of VueFlux component, so they depend on it and can not be used without it.
NameDescription
FluxCaptionDisplays a caption corresponding to an resource
FluxControlsDisplays previous, play / pause and next buttons
FluxIndexDisplays a button that once pressed opens an index of all images
FluxPaginationDisplays an item pagination to navigate through the resources
FluxPreloaderDisplays a spinner while resources are being preloaded
',3),r=[s];function d(l,i){return e(),a("div",null,r)}const p=t(o,[["render",d],["__file","index.html.vue"]]);export{p as default};
diff --git a/docs/assets/index.html-D-ZRjdpl.js b/docs/assets/index.html-8CwINQiE.js
similarity index 97%
rename from docs/assets/index.html-D-ZRjdpl.js
rename to docs/assets/index.html-8CwINQiE.js
index d1954ba2..4cfc20b2 100644
--- a/docs/assets/index.html-D-ZRjdpl.js
+++ b/docs/assets/index.html-8CwINQiE.js
@@ -1,2 +1,2 @@
-import{_ as t,o as a,c as e,e as n}from"./app-SStEjskS.js";const s={},o=n(`
 Description
Component to make an image formed by concentric circles.
 Component
Makes an image to be divided in concentric circles.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
circlesnumbertrueThe number of circles to be divided into
indexNumber, StringtrueIf a number represents the image index of slider and if string of hexadecimal will just paint it with the defined color
Example:
<flux-vortex :slider="slider" :num-circles="5" :index="1"></flux-vortex>
+import{_ as t,o as a,c as e,e as n}from"./app-9q7i-DDF.js";const s={},o=n(`
 Description
Component to make an image formed by concentric circles.
 Component
Makes an image to be divided in concentric circles.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
circlesnumbertrueThe number of circles to be divided into
indexNumber, StringtrueIf a number represents the image index of slider and if string of hexadecimal will just paint it with the defined color
Example:
<flux-vortex :slider="slider" :num-circles="5" :index="1"></flux-vortex>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied to vortex container
transformfuncRuns a transform function for each circle, receiving as parameter the circle and number
`,10),c=[o];function r(d,i){return a(),e("div",null,c)}const l=t(s,[["render",r],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-Ym3Ki70W.js b/docs/assets/index.html-9dZdOuTh.js
similarity index 93%
rename from docs/assets/index.html-Ym3Ki70W.js
rename to docs/assets/index.html-9dZdOuTh.js
index b4b5ceba..dc13a243 100644
--- a/docs/assets/index.html-Ym3Ki70W.js
+++ b/docs/assets/index.html-9dZdOuTh.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},i=r('
 Blocks 2
 Description
The image is split in blocks that shrink and fade out in wave from a corner to the opposite.
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber800
tileDelaynumber80
easingstringease
',5),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},i=r('
 Blocks 2
 Description
The image is split in blocks that shrink and fade out in wave from a corner to the opposite.
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber800
tileDelaynumber80
easingstringease
',5),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-K2oeRfhL.js b/docs/assets/index.html-9e_NpYBo.js
similarity index 93%
rename from docs/assets/index.html-K2oeRfhL.js
rename to docs/assets/index.html-9e_NpYBo.js
index 4d984934..3e9e68b1 100644
--- a/docs/assets/index.html-K2oeRfhL.js
+++ b/docs/assets/index.html-9e_NpYBo.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},n=r('
 Round 2
 Description
Panels start to round vertically revealing the next image in upper arrow form leaving trail.
 Options
NameTypeDefault
rowsnumber9
colsnumber9
tileDurationnumber800
tileDelaynumber100
easingstringlinear
rotateXstring-540
',5),i=[n];function o(s,h){return e(),d("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},n=r('
 Round 2
 Description
Panels start to round vertically revealing the next image in upper arrow form leaving trail.
 Options
NameTypeDefault
rowsnumber9
colsnumber9
tileDurationnumber800
tileDelaynumber100
easingstringlinear
rotateXstring-540
',5),i=[n];function o(s,h){return e(),d("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-t05XLXgc.js b/docs/assets/index.html-APUR6S_K.js
similarity index 93%
rename from docs/assets/index.html-t05XLXgc.js
rename to docs/assets/index.html-APUR6S_K.js
index cc52875b..26659d99 100644
--- a/docs/assets/index.html-t05XLXgc.js
+++ b/docs/assets/index.html-APUR6S_K.js
@@ -1 +1 @@
-import{_ as t,o as e,c as r,e as d}from"./app-SStEjskS.js";const a={},i=d('
 Warp
 Description
A concentric effect is performed by rotating the image converted into circles in alternate direction.
 Options
NameTypeDefault
circlesnumber7
tileDurationnumber800
tileDelaynumber150
easingstringlinear
',5),n=[i];function c(o,h){return e(),r("div",null,n)}const l=t(a,[["render",c],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as r,e as d}from"./app-9q7i-DDF.js";const a={},i=d('
 Warp
 Description
A concentric effect is performed by rotating the image converted into circles in alternate direction.
 Options
NameTypeDefault
circlesnumber7
tileDurationnumber800
tileDelaynumber150
easingstringlinear
',5),n=[i];function c(o,h){return e(),r("div",null,n)}const l=t(a,[["render",c],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-u8vgnBxn.js b/docs/assets/index.html-Aa_tio4a.js
similarity index 92%
rename from docs/assets/index.html-u8vgnBxn.js
rename to docs/assets/index.html-Aa_tio4a.js
index 90fa4964..71757823 100644
--- a/docs/assets/index.html-u8vgnBxn.js
+++ b/docs/assets/index.html-Aa_tio4a.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},n=r('
 Description
Panels start to round vertically revealing the next image in upper arrow form leaving trail.
 Options
NameTypeDefault
rowsnumber
colsnumber
tileDurationnumber800
tileDelaynumber100
easingStringlinear
',4),i=[n];function o(s,c){return e(),d("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},n=r('
 Description
Panels start to round vertically revealing the next image in upper arrow form leaving trail.
 Options
NameTypeDefault
rowsnumber
colsnumber
tileDurationnumber800
tileDelaynumber100
easingStringlinear
',4),i=[n];function o(s,c){return e(),d("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-307pCspO.js b/docs/assets/index.html-Axd8aiAA.js
similarity index 93%
rename from docs/assets/index.html-307pCspO.js
rename to docs/assets/index.html-Axd8aiAA.js
index e4c22986..a02011df 100644
--- a/docs/assets/index.html-307pCspO.js
+++ b/docs/assets/index.html-Axd8aiAA.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},i=r('
 Blocks 1
 Description
The image is split in blocks that shrink and fade out randomly.
Demo
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber300
tileDelaynumber1000
easingstringlinear
',6),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},i=r('
 Blocks 1
 Description
The image is split in blocks that shrink and fade out randomly.
Demo
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber300
tileDelaynumber1000
easingstringlinear
',6),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-wAhw47Jd.js b/docs/assets/index.html-B0xaVOQ4.js
similarity index 99%
rename from docs/assets/index.html-wAhw47Jd.js
rename to docs/assets/index.html-B0xaVOQ4.js
index 7a0e5598..ed5ab2cf 100644
--- a/docs/assets/index.html-wAhw47Jd.js
+++ b/docs/assets/index.html-B0xaVOQ4.js
@@ -1,4 +1,4 @@
-import{_ as n,o as a,c as s,e as t}from"./app-SStEjskS.js";const p={},o=t(`
 Installation and usage
 Installation
Installation is very simple, just use your favorite package manager:
npm install --save vue-flux@latest
+import{_ as n,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const p={},o=t(`
 Installation and usage
 Installation
Installation is very simple, just use your favorite package manager:
npm install --save vue-flux@latest
 
 Usage
First you need to decide where to import the slider styles, if you wil use one slider it can be done where the slider is used, otherwise the best practice is in the main.[ts|js]. Implementing the styles is as simple as:
import 'vue-flux/style.css';
 
In the following component we add the styles directly there.
Options VS Composition
VueFlux 7 works with Vue 3, but as you should know it doesn't work the same if you use the Options or Composition API. All examples found in this documentation are using Composition API, so if you use Options API take a look to the few changes that you have to make in the documentation I created specifically
This one has all the complements, so you can remove the ones you don't want.
Add the component. This one has all the complements, so you can remove the ones you don't want.
import { ref, shallowReactive } from 'vue';
 import {
diff --git a/docs/assets/index.html-VQptlszV.js b/docs/assets/index.html-BzM4-onh.js
similarity index 83%
rename from docs/assets/index.html-VQptlszV.js
rename to docs/assets/index.html-BzM4-onh.js
index c192f371..72718445 100644
--- a/docs/assets/index.html-VQptlszV.js
+++ b/docs/assets/index.html-BzM4-onh.js
@@ -1 +1 @@
-import{_ as t,o as n,c as o,b as e,d as c}from"./app-SStEjskS.js";const a={},s=e("h1",{id:"component",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#component","aria-hidden":"true"},"#"),c(" Component")],-1),d=e("p",null,"To be implemented",-1),r=[s,d];function _(i,l){return n(),o("div",null,r)}const m=t(a,[["render",_],["__file","index.html.vue"]]);export{m as default};
+import{_ as t,o as n,c as o,b as e,d as c}from"./app-9q7i-DDF.js";const a={},s=e("h1",{id:"component",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#component","aria-hidden":"true"},"#"),c(" Component")],-1),d=e("p",null,"To be implemented",-1),r=[s,d];function _(i,l){return n(),o("div",null,r)}const m=t(a,[["render",_],["__file","index.html.vue"]]);export{m as default};
diff --git a/docs/assets/index.html-7OKIjNDA.js b/docs/assets/index.html-C1o_VxWU.js
similarity index 99%
rename from docs/assets/index.html-7OKIjNDA.js
rename to docs/assets/index.html-C1o_VxWU.js
index 6de8ef95..51ee42c4 100644
--- a/docs/assets/index.html-7OKIjNDA.js
+++ b/docs/assets/index.html-C1o_VxWU.js
@@ -1,4 +1,4 @@
-import{_ as t,r as e,o as p,c as o,b as n,d as a,a as c,e as l}from"./app-SStEjskS.js";const i={},u=n("h1",{id:"fluxindex",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxindex","aria-hidden":"true"},"#"),a(" FluxIndex")],-1),r={class:"custom-container warning"},d=n("p",{class:"custom-container-title"},"WARNING",-1),k={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},h=l(`
 Description
The included component to display an index of all images so it is a good resource when the slider contains many images.
You can place it inside the vue-flux component or outside and give it any style you want, meaning horizontal, vertical, with arrows, with scroll, etc. The default style is only applied if located inside and can be easily overwritten.
It will display a button when no transition is active nor mouse over.
The index will auto hide after choosing an image with default styles.
The current image will have class current.
Placing the mouse over will display the caption if defined.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of index inside vue-flux
<vue-flux
+import{_ as t,r as e,o as p,c as o,b as n,d as a,a as c,e as l}from"./app-9q7i-DDF.js";const i={},u=n("h1",{id:"fluxindex",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxindex","aria-hidden":"true"},"#"),a(" FluxIndex")],-1),r={class:"custom-container warning"},d=n("p",{class:"custom-container-title"},"WARNING",-1),k={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},h=l(`
 Description
The included component to display an index of all images so it is a good resource when the slider contains many images.
You can place it inside the vue-flux component or outside and give it any style you want, meaning horizontal, vertical, with arrows, with scroll, etc. The default style is only applied if located inside and can be easily overwritten.
It will display a button when no transition is active nor mouse over.
The index will auto hide after choosing an image with default styles.
The current image will have class current.
Placing the mouse over will display the caption if defined.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of index inside vue-flux
<vue-flux
    :options="vfOptions"
    :images="vfImages"
    :transitions="vfTransitions">
diff --git a/docs/assets/index.html-2P6UsxoE.js b/docs/assets/index.html-Cc-N1umi.js
similarity index 98%
rename from docs/assets/index.html-2P6UsxoE.js
rename to docs/assets/index.html-Cc-N1umi.js
index 41bc05c2..83894b9c 100644
--- a/docs/assets/index.html-2P6UsxoE.js
+++ b/docs/assets/index.html-Cc-N1umi.js
@@ -1,4 +1,4 @@
-import{_ as t,o as e,c as a,e as s}from"./app-SStEjskS.js";const n={},i=s(`
 Description
Creates a parallax effect given an image. It can recreate 3 types, relative, fixed and static.
 Relative
This type is the default and moves the image with the defined offset when scrolling until reaches the edge.
 Fixed
This is works pretty like the relative except because the image will not start moving until the whole image is visible.
 Static
Creates window effect where the image remains static and can be viewed on scrolling, seeing the piece of the image revealed depding on the position of the scroll.
 Component
It has the CSS defined with display flex, position relative and overflow hidden.
The component can have the following attributes.
AttributeTypeRequiredDescription
srcstringtrueThe image URL to be displayed
holderObjectfalseRepresents the object that should be watched for scrolling. By default is window
typestringfalseDepending on the type the effect will differ. Values can be relative, static and fixed, by default the type is relative
heightstringfalseThe height the image should have in pixels, by default is auto which means that will auto detect size by content or defined by CSS
offsetstringfalseIs the amount of image hidden that will be displayed when scrolling. If set in percentage the amount of pixels will be calculated in reference of height. Default is 60%
Example:
<flux-parallax src="slides/1.jpg" height="300px" offset="80%">
+import{_ as t,o as e,c as a,e as s}from"./app-9q7i-DDF.js";const n={},i=s(`
 Description
Creates a parallax effect given an image. It can recreate 3 types, relative, fixed and static.
 Relative
This type is the default and moves the image with the defined offset when scrolling until reaches the edge.
 Fixed
This is works pretty like the relative except because the image will not start moving until the whole image is visible.
 Static
Creates window effect where the image remains static and can be viewed on scrolling, seeing the piece of the image revealed depding on the position of the scroll.
 Component
It has the CSS defined with display flex, position relative and overflow hidden.
The component can have the following attributes.
AttributeTypeRequiredDescription
srcstringtrueThe image URL to be displayed
holderObjectfalseRepresents the object that should be watched for scrolling. By default is window
typestringfalseDepending on the type the effect will differ. Values can be relative, static and fixed, by default the type is relative
heightstringfalseThe height the image should have in pixels, by default is auto which means that will auto detect size by content or defined by CSS
offsetstringfalseIs the amount of image hidden that will be displayed when scrolling. If set in percentage the amount of pixels will be calculated in reference of height. Default is 60%
Example:
<flux-parallax src="slides/1.jpg" height="300px" offset="80%">
     <div>CONTENT</div>
 </flux-parallax>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied directly
resizeRecalculates the sizes
`,16),d=[i];function o(l,p){return e(),a("div",null,d)}const r=t(n,[["render",o],["__file","index.html.vue"]]);export{r as default};
diff --git a/docs/assets/index.html-prgekkUJ.js b/docs/assets/index.html-DSdBDq9K.js
similarity index 99%
rename from docs/assets/index.html-prgekkUJ.js
rename to docs/assets/index.html-DSdBDq9K.js
index 0493d39e..d9560e43 100644
--- a/docs/assets/index.html-prgekkUJ.js
+++ b/docs/assets/index.html-DSdBDq9K.js
@@ -1,4 +1,4 @@
-import{_ as t,r as p,o as e,c as o,b as n,d as a,a as c,e as l}from"./app-SStEjskS.js";const u={},i=n("h1",{id:"fluxcaption",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxcaption","aria-hidden":"true"},"#"),a(" FluxCaption")],-1),r={class:"custom-container warning"},k=n("p",{class:"custom-container-title"},"WARNING",-1),d={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},g=l(`
 Description
The included component to display image captions.
TIP
Captions are passed to vue-flux component instead of this because they are used in multiple complements and will be available even if this component is not used.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of caption inside vue-flux
<vue-flux
+import{_ as t,r as p,o as e,c as o,b as n,d as a,a as c,e as l}from"./app-9q7i-DDF.js";const u={},i=n("h1",{id:"fluxcaption",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxcaption","aria-hidden":"true"},"#"),a(" FluxCaption")],-1),r={class:"custom-container warning"},k=n("p",{class:"custom-container-title"},"WARNING",-1),d={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},g=l(`
 Description
The included component to display image captions.
TIP
Captions are passed to vue-flux component instead of this because they are used in multiple complements and will be available even if this component is not used.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of caption inside vue-flux
<vue-flux
    :options="vfOptions"
    :images="vfImages"
    :transitions="vfTransitions"
diff --git a/docs/assets/index.html-8z7ljtwF.js b/docs/assets/index.html-DWN6KLYD.js
similarity index 99%
rename from docs/assets/index.html-8z7ljtwF.js
rename to docs/assets/index.html-DWN6KLYD.js
index 53fbba5b..bc336ac0 100644
--- a/docs/assets/index.html-8z7ljtwF.js
+++ b/docs/assets/index.html-DWN6KLYD.js
@@ -1,4 +1,4 @@
-import{_ as n,o as a,c as s,e as t}from"./app-SStEjskS.js";const p={},o=t(`
 Description
It is a default component to display image caption.
The slot can be overwritten with custom caption.
Captions are passed to vue-flux component instead of this because they are used in multiple components and will be available even if this component is not used
 Component
It will display the caption when no transition is active and is defined for current image.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Properties
This are the component properties that you can access programatically.
NameTypeDescription
captionsArrayArray of strings for image captions
captionstringReturns the current image caption or empty string
 Example of caption inside vue-flux
<vue-flux
+import{_ as n,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const p={},o=t(`
 Description
It is a default component to display image caption.
The slot can be overwritten with custom caption.
Captions are passed to vue-flux component instead of this because they are used in multiple components and will be available even if this component is not used
 Component
It will display the caption when no transition is active and is defined for current image.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Properties
This are the component properties that you can access programatically.
NameTypeDescription
captionsArrayArray of strings for image captions
captionstringReturns the current image caption or empty string
 Example of caption inside vue-flux
<vue-flux
    :options="fluxOptions"
    :images="fluxImages"
    :transitions="fluxTransitions"
diff --git a/docs/assets/index.html-x15KfELl.js b/docs/assets/index.html-DdROyqCT.js
similarity index 91%
rename from docs/assets/index.html-x15KfELl.js
rename to docs/assets/index.html-DdROyqCT.js
index baa8aac7..bf89416c 100644
--- a/docs/assets/index.html-x15KfELl.js
+++ b/docs/assets/index.html-DdROyqCT.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const r={},n=d('
 Description
Makes the effect of turning a page to display next image.
 Options
NameTypeDefault
totalDurationnumber1200
easingStringease-out
',4),i=[n];function o(s,h){return e(),a("div",null,i)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const r={},n=d('
 Description
Makes the effect of turning a page to display next image.
 Options
NameTypeDefault
totalDurationnumber1200
easingStringease-out
',4),i=[n];function o(s,h){return e(),a("div",null,i)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-AxpYUGnn.js b/docs/assets/index.html-E1XJ1H01.js
similarity index 92%
rename from docs/assets/index.html-AxpYUGnn.js
rename to docs/assets/index.html-E1XJ1H01.js
index df948c29..2b9e535d 100644
--- a/docs/assets/index.html-AxpYUGnn.js
+++ b/docs/assets/index.html-E1XJ1H01.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const r={},i=d('
 Cube
 Description
Turns the image to a side like if place in a cube.
Demo
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-out
',6),n=[i];function o(s,h){return e(),a("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const r={},i=d('
 Cube
 Description
Turns the image to a side like if place in a cube.
Demo
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-out
',6),n=[i];function o(s,h){return e(),a("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-ZdqLMUWV.js b/docs/assets/index.html-EVzSwJca.js
similarity index 99%
rename from docs/assets/index.html-ZdqLMUWV.js
rename to docs/assets/index.html-EVzSwJca.js
index 2798e12a..8227890e 100644
--- a/docs/assets/index.html-ZdqLMUWV.js
+++ b/docs/assets/index.html-EVzSwJca.js
@@ -1,4 +1,4 @@
-import{_ as e,r as t,o,c as p,b as n,d as s,a as c,e as i}from"./app-SStEjskS.js";const r={},l=n("h1",{id:"fluxvortex",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxvortex","aria-hidden":"true"},"#"),s(" FluxVortex")],-1),u=n("h2",{id:"description",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),s(" Description")],-1),d=n("p",null,"Resource component made of concentric circles.",-1),h={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-vortex.html",target:"_blank",rel:"noopener noreferrer"},k=i(`
 Props
interface FluxVortexProps {
+import{_ as e,r as t,o,c as p,b as n,d as s,a as c,e as i}from"./app-9q7i-DDF.js";const r={},l=n("h1",{id:"fluxvortex",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxvortex","aria-hidden":"true"},"#"),s(" FluxVortex")],-1),u=n("h2",{id:"description",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),s(" Description")],-1),d=n("p",null,"Resource component made of concentric circles.",-1),h={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-vortex.html",target:"_blank",rel:"noopener noreferrer"},k=i(`
 Props
interface FluxVortexProps {
 	size: Size;
 	viewSize?: Size;
 	color?: string;
diff --git a/docs/assets/index.html-KbXFC3e_.js b/docs/assets/index.html-Er0KKnyd.js
similarity index 99%
rename from docs/assets/index.html-KbXFC3e_.js
rename to docs/assets/index.html-Er0KKnyd.js
index 8b10e953..ee51bf24 100644
--- a/docs/assets/index.html-KbXFC3e_.js
+++ b/docs/assets/index.html-Er0KKnyd.js
@@ -1,4 +1,4 @@
-import{_ as s,o as n,c as a,e as t}from"./app-SStEjskS.js";const e={},o=t(`
 Resources
This are the resources that the slider supports.
Each resource has two component properties, one is used during the transitions, and the other to display. This is done this way because for some resources like videos, can't make transitions, so they use an image for the transition and when it ends it switches the image to the video to be displayed.
NameDescription
ImgDisplays an image
VideoDisplays a video
ComponentDisplays vue component
All this resources inherit the abstract class Resource.
 Resource
 Constructor
constructor(
+import{_ as s,o as n,c as a,e as t}from"./app-9q7i-DDF.js";const e={},o=t(`
 Resources
This are the resources that the slider supports.
Each resource has two component properties, one is used during the transitions, and the other to display. This is done this way because for some resources like videos, can't make transitions, so they use an image for the transition and when it ends it switches the image to the video to be displayed.
NameDescription
ImgDisplays an image
VideoDisplays a video
ComponentDisplays vue component
All this resources inherit the abstract class Resource.
 Resource
 Constructor
constructor(
 	src: string,
 	caption: string,
 	resizeType: ResizeType = ResizeTypes.fill,
diff --git a/docs/assets/index.html-N_J9XR6s.js b/docs/assets/index.html-EtK_L2hT.js
similarity index 99%
rename from docs/assets/index.html-N_J9XR6s.js
rename to docs/assets/index.html-EtK_L2hT.js
index 123074fe..d6663508 100644
--- a/docs/assets/index.html-N_J9XR6s.js
+++ b/docs/assets/index.html-EtK_L2hT.js
@@ -1,4 +1,4 @@
-import{_ as o,r as p,o as c,c as l,b as n,d as a,a as t,e}from"./app-SStEjskS.js";const r={},i=n("h1",{id:"fluxpreloader",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxpreloader","aria-hidden":"true"},"#"),a(" FluxPreloader")],-1),u={class:"custom-container warning"},d=n("p",{class:"custom-container-title"},"WARNING",-1),k={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},h=e('
 Description
The included component in charge of showing the spinner and run transition when the images array change.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 spinner
Define if you want to display the spinner.
  • Type: Boolean
  • Required: false
  • Default: true
 transition
Is the transition name that you want to run when the images array change.
If no transition defined, the transition run will be the next of the transitions array.
  • Type: String
  • Required: false
 Properties
 vf
The VueFlux instance component.
  • Type: VueFlux
 captions
The array of captions passed originally to the VueFlux component.
  • Type: Array
 Templating
You can customize the spinner element using the slot.
You can get the progress through the Images controller, like vf.Images.progress where vf is the slider instance component.
The progress will be returned always as percentage. But you can access other Images controller variables like the following:
  • loaded: Number
  • progress: Number
  • preloading: Boolean
  • lazyloading: Boolean
',26),g={href:"https://github.com/ragnarlotus/vue-flux/blob/dev/src/controllers/Images.js",target:"_blank",rel:"noopener noreferrer"},m=e(`
 Custom component
<vue-flux
+import{_ as o,r as p,o as c,c as l,b as n,d as a,a as t,e}from"./app-9q7i-DDF.js";const r={},i=n("h1",{id:"fluxpreloader",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxpreloader","aria-hidden":"true"},"#"),a(" FluxPreloader")],-1),u={class:"custom-container warning"},d=n("p",{class:"custom-container-title"},"WARNING",-1),k={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},h=e('
 Description
The included component in charge of showing the spinner and run transition when the images array change.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 spinner
Define if you want to display the spinner.
  • Type: Boolean
  • Required: false
  • Default: true
 transition
Is the transition name that you want to run when the images array change.
If no transition defined, the transition run will be the next of the transitions array.
  • Type: String
  • Required: false
 Properties
 vf
The VueFlux instance component.
  • Type: VueFlux
 captions
The array of captions passed originally to the VueFlux component.
  • Type: Array
 Templating
You can customize the spinner element using the slot.
You can get the progress through the Images controller, like vf.Images.progress where vf is the slider instance component.
The progress will be returned always as percentage. But you can access other Images controller variables like the following:
  • loaded: Number
  • progress: Number
  • preloading: Boolean
  • lazyloading: Boolean
',26),g={href:"https://github.com/ragnarlotus/vue-flux/blob/dev/src/controllers/Images.js",target:"_blank",rel:"noopener noreferrer"},m=e(`
 Custom component
<vue-flux
    :images="vfImages"
    :transitions="vfTransitions"
    ref="slider">
diff --git a/docs/assets/index.html-W0dTIrvZ.js b/docs/assets/index.html-FGBWXC9d.js
similarity index 92%
rename from docs/assets/index.html-W0dTIrvZ.js
rename to docs/assets/index.html-FGBWXC9d.js
index 3ccd6421..4a479ae2 100644
--- a/docs/assets/index.html-W0dTIrvZ.js
+++ b/docs/assets/index.html-FGBWXC9d.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as i}from"./app-SStEjskS.js";const d={},r=i('
 Swipe
 Description
Swipes the image to display next like uncovered with a curtain.
Demo
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-in-out
',6),n=[r];function o(s,h){return e(),a("div",null,n)}const p=t(d,[["render",o],["__file","index.html.vue"]]);export{p as default};
+import{_ as t,o as e,c as a,e as i}from"./app-9q7i-DDF.js";const d={},r=i('
 Swipe
 Description
Swipes the image to display next like uncovered with a curtain.
Demo
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-in-out
',6),n=[r];function o(s,h){return e(),a("div",null,n)}const p=t(d,[["render",o],["__file","index.html.vue"]]);export{p as default};
diff --git a/docs/assets/index.html-Lme1iWym.js b/docs/assets/index.html-FLtS42-c.js
similarity index 98%
rename from docs/assets/index.html-Lme1iWym.js
rename to docs/assets/index.html-FLtS42-c.js
index f0fee8a4..01c35ab6 100644
--- a/docs/assets/index.html-Lme1iWym.js
+++ b/docs/assets/index.html-FLtS42-c.js
@@ -1,4 +1,4 @@
-import{_ as n,r as t,o,c as p,b as s,d as e,a as c,e as r}from"./app-SStEjskS.js";const i={},d=s("h1",{id:"fluximage",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#fluximage","aria-hidden":"true"},"#"),e(" FluxImage")],-1),l=s("h2",{id:"description",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),e(" Description")],-1),h=s("p",null,"The FluxImage component represents the lowest component of library and displays an image, part of it or a color.",-1),u={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-image.html",target:"_blank",rel:"noopener noreferrer"},k=r(`
 Props
interface FluxImageProps {
+import{_ as n,r as t,o,c as p,b as s,d as e,a as c,e as r}from"./app-9q7i-DDF.js";const i={},d=s("h1",{id:"fluximage",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#fluximage","aria-hidden":"true"},"#"),e(" FluxImage")],-1),l=s("h2",{id:"description",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),e(" Description")],-1),h=s("p",null,"The FluxImage component represents the lowest component of library and displays an image, part of it or a color.",-1),u={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-image.html",target:"_blank",rel:"noopener noreferrer"},k=r(`
 Props
interface FluxImageProps {
 	size: Size;
 	viewSize?: Size;
 	color?: string;
diff --git a/docs/assets/index.html-MjtT1EKx.js b/docs/assets/index.html-GGjRVq6S.js
similarity index 98%
rename from docs/assets/index.html-MjtT1EKx.js
rename to docs/assets/index.html-GGjRVq6S.js
index 52e06364..9a1db89c 100644
--- a/docs/assets/index.html-MjtT1EKx.js
+++ b/docs/assets/index.html-GGjRVq6S.js
@@ -1,4 +1,4 @@
-import{_ as n,o as a,c as s,e as t}from"./app-SStEjskS.js";const p={},o=t(`
 Installation
Installation is very simple, just use your favorite package manager:
npm install --save vue-flux@previous
+import{_ as n,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const p={},o=t(`
 Installation
Installation is very simple, just use your favorite package manager:
npm install --save vue-flux@previous
 
 Usage
In your code just add the component in the template.
<vue-flux
    :options="fluxOptions"
    :images="fluxImages"
diff --git a/docs/assets/index.html-OTgK6Dux.js b/docs/assets/index.html-GliL3Doi.js
similarity index 93%
rename from docs/assets/index.html-OTgK6Dux.js
rename to docs/assets/index.html-GliL3Doi.js
index 74f1f69a..c2910702 100644
--- a/docs/assets/index.html-OTgK6Dux.js
+++ b/docs/assets/index.html-GliL3Doi.js
@@ -1 +1 @@
-import{_ as e,o as t,c as a,e as n}from"./app-SStEjskS.js";const d={},i=n('
 FluxButton
 Description
Component to display svg buttons.
 Slots
 default
The content of this component will be rendered inside a dark circle.
Only SVG tags should be placed here.
 Events
  • click: fired when the button is clicked.
',9),r=[i];function s(o,c){return t(),a("div",null,r)}const l=e(d,[["render",s],["__file","index.html.vue"]]);export{l as default};
+import{_ as e,o as t,c as a,e as n}from"./app-9q7i-DDF.js";const d={},i=n('
 FluxButton
 Description
Component to display svg buttons.
 Slots
 default
The content of this component will be rendered inside a dark circle.
Only SVG tags should be placed here.
 Events
  • click: fired when the button is clicked.
',9),r=[i];function s(o,c){return t(),a("div",null,r)}const l=e(d,[["render",s],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-mSXO-tlA.js b/docs/assets/index.html-H2NRmDDR.js
similarity index 93%
rename from docs/assets/index.html-mSXO-tlA.js
rename to docs/assets/index.html-H2NRmDDR.js
index 42ecb5fe..fe824475 100644
--- a/docs/assets/index.html-mSXO-tlA.js
+++ b/docs/assets/index.html-H2NRmDDR.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const i={},r=a('
 Zip
 Description
Divides the image in bars and slides them up and down alternately like a zip.
 Options
NameTypeDefault
colsnumber10
tileDurationnumber600
tileDelaynumber80
easingstringease-in
',5),n=[r];function s(h,o){return e(),d("div",null,n)}const l=t(i,[["render",s],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const i={},r=a('
 Zip
 Description
Divides the image in bars and slides them up and down alternately like a zip.
 Options
NameTypeDefault
colsnumber10
tileDurationnumber600
tileDelaynumber80
easingstringease-in
',5),n=[r];function s(h,o){return e(),d("div",null,n)}const l=t(i,[["render",s],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-WfeE9lc5.js b/docs/assets/index.html-II1tq_7X.js
similarity index 97%
rename from docs/assets/index.html-WfeE9lc5.js
rename to docs/assets/index.html-II1tq_7X.js
index bdec650d..e5a48eba 100644
--- a/docs/assets/index.html-WfeE9lc5.js
+++ b/docs/assets/index.html-II1tq_7X.js
@@ -1,4 +1,4 @@
-import{_ as n,o as e,c as t,f as s,b as o}from"./app-SStEjskS.js";const a={},r=o("p",null,"WIP",-1);function l(i,u){return e(),t("div",null,[r,s(` # FluxPreloader
+import{_ as n,o as e,c as t,f as s,b as o}from"./app-9q7i-DDF.js";const a={},r=o("p",null,"WIP",-1);function l(i,u){return e(),t("div",null,[r,s(` # FluxPreloader
 
 ::: warning
 
diff --git a/docs/assets/index.html-4AT1QLwa.js b/docs/assets/index.html-IVEP7mmr.js
similarity index 99%
rename from docs/assets/index.html-4AT1QLwa.js
rename to docs/assets/index.html-IVEP7mmr.js
index e8ab54cd..0c5dbcd6 100644
--- a/docs/assets/index.html-4AT1QLwa.js
+++ b/docs/assets/index.html-IVEP7mmr.js
@@ -1,4 +1,4 @@
-import{_ as e,r as o,o as c,c as l,b as a,d as n,a as t,e as p}from"./app-SStEjskS.js";const u={},i=a("h1",{id:"fluxpagination",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#fluxpagination","aria-hidden":"true"},"#"),n(" FluxPagination")],-1),r={class:"custom-container warning"},k=a("p",{class:"custom-container-title"},"WARNING",-1),d={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},h=p(`
 Description
The included component to display a pagination of the images, good when it does not contain too many images.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of pagination inside vue-flux
<vue-flux
+import{_ as e,r as o,o as c,c as l,b as a,d as n,a as t,e as p}from"./app-9q7i-DDF.js";const u={},i=a("h1",{id:"fluxpagination",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#fluxpagination","aria-hidden":"true"},"#"),n(" FluxPagination")],-1),r={class:"custom-container warning"},k=a("p",{class:"custom-container-title"},"WARNING",-1),d={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},h=p(`
 Description
The included component to display a pagination of the images, good when it does not contain too many images.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of pagination inside vue-flux
<vue-flux
    :options="vfOptions"
    :images="vfImages"
    :transitions="vfTransitions">
diff --git a/docs/assets/index.html-5otscdMG.js b/docs/assets/index.html-JGXpUJLm.js
similarity index 98%
rename from docs/assets/index.html-5otscdMG.js
rename to docs/assets/index.html-JGXpUJLm.js
index e10f89f2..eca71661 100644
--- a/docs/assets/index.html-5otscdMG.js
+++ b/docs/assets/index.html-JGXpUJLm.js
@@ -1,4 +1,4 @@
-import{_ as n,o as e,c as t,f as i,b as o}from"./app-SStEjskS.js";const a={},s=o("p",null,"WIP",-1);function l(u,r){return e(),t("div",null,[s,i(` 
+import{_ as n,o as e,c as t,f as i,b as o}from"./app-9q7i-DDF.js";const a={},s=o("p",null,"WIP",-1);function l(u,r){return e(),t("div",null,[s,i(` 
 # FluxPagination
 
 ::: warning
diff --git a/docs/assets/index.html-FYlTaLIR.js b/docs/assets/index.html-Kwgsxlmx.js
similarity index 99%
rename from docs/assets/index.html-FYlTaLIR.js
rename to docs/assets/index.html-Kwgsxlmx.js
index 4c7733cd..809ddac6 100644
--- a/docs/assets/index.html-FYlTaLIR.js
+++ b/docs/assets/index.html-Kwgsxlmx.js
@@ -1,4 +1,4 @@
-import{_ as n,o as a,c as s,e as t}from"./app-SStEjskS.js";const p={},o=t(`
 Description
It is a default component to display a pagination of the images, good when it does not contain too many images.
 Component
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Example of pagination inside vue-flux
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions">
+import{_ as n,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const p={},o=t(`
 Description
It is a default component to display a pagination of the images, good when it does not contain too many images.
 Component
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Example of pagination inside vue-flux
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions">
     <flux-pagination slot="pagination"></flux-pagination>
 </vue-flux>
 
import { VueFlux, FluxPagination, Transitions } from 'vue-flux';
diff --git a/docs/assets/index.html-A2C3X2mm.js b/docs/assets/index.html-KxnUeEH4.js
similarity index 96%
rename from docs/assets/index.html-A2C3X2mm.js
rename to docs/assets/index.html-KxnUeEH4.js
index fad08f48..77d94381 100644
--- a/docs/assets/index.html-A2C3X2mm.js
+++ b/docs/assets/index.html-KxnUeEH4.js
@@ -1 +1 @@
-import{_ as t,o as e,c as o,e as a}from"./app-SStEjskS.js";const n={},r=a('
 Components
NameDescription
VueFluxThe main slider component. Check the complements that you can use to extend functionality
FluxButtonComponent used to display svg buttons
FluxCubeComponent capable to display a cube (6 sides) of resources
FluxGridComponent that divides a resource into blocks
FluxImageThe most basic component that displays an image resource
FluxParallaxMakes a resource move in concordance of page scroll
FluxTransitionThis is the component in charge of running a transition from a resource to another
FluxVortexComponent that displays a resource in a set of nested circles
FluxWrapperJust a wrapper to easy some transitions
',2),s=[r];function d(c,i){return e(),o("div",null,s)}const u=t(n,[["render",d],["__file","index.html.vue"]]);export{u as default};
+import{_ as t,o as e,c as o,e as a}from"./app-9q7i-DDF.js";const n={},r=a('
 Components
NameDescription
VueFluxThe main slider component. Check the complements that you can use to extend functionality
FluxButtonComponent used to display svg buttons
FluxCubeComponent capable to display a cube (6 sides) of resources
FluxGridComponent that divides a resource into blocks
FluxImageThe most basic component that displays an image resource
FluxParallaxMakes a resource move in concordance of page scroll
FluxTransitionThis is the component in charge of running a transition from a resource to another
FluxVortexComponent that displays a resource in a set of nested circles
FluxWrapperJust a wrapper to easy some transitions
',2),s=[r];function d(c,i){return e(),o("div",null,s)}const u=t(n,[["render",d],["__file","index.html.vue"]]);export{u as default};
diff --git a/docs/assets/index.html-20EoBQP0.js b/docs/assets/index.html-L5JzRqOS.js
similarity index 97%
rename from docs/assets/index.html-20EoBQP0.js
rename to docs/assets/index.html-L5JzRqOS.js
index 5524d112..daed1ba9 100644
--- a/docs/assets/index.html-20EoBQP0.js
+++ b/docs/assets/index.html-L5JzRqOS.js
@@ -1,4 +1,4 @@
-import{_ as s,o as n,c as a,e as t}from"./app-SStEjskS.js";const e={},o=t(`
 FluxWrapper
 Description
A wrapper component for special needs like in some transitions. Sets CSS style overflow as hidden by default.
 Methods
// Set CSS styles to the cube
+import{_ as s,o as n,c as a,e as t}from"./app-9q7i-DDF.js";const e={},o=t(`
 FluxWrapper
 Description
A wrapper component for special needs like in some transitions. Sets CSS style overflow as hidden by default.
 Methods
// Set CSS styles to the cube
 setCss(css: CSSProperties): void
 
 // Sets the CSS styles to be transformed to within a transition
diff --git a/docs/assets/index.html-1LtJdtTF.js b/docs/assets/index.html-L80bOa64.js
similarity index 94%
rename from docs/assets/index.html-1LtJdtTF.js
rename to docs/assets/index.html-L80bOa64.js
index 3b4ed05c..5d8b6cd1 100644
--- a/docs/assets/index.html-1LtJdtTF.js
+++ b/docs/assets/index.html-L80bOa64.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const r={},i=a('
 Wave
 Description
Makes the image 3D and divides it in slices that turn vertically to display the next image.
Demo
 Options
NameTypeDefault
colsnumber8
tileDurationnumber900
tileDelaynumber110
sideColorstring#333
easingstringcubic-bezier(0.3, -0.3, 0.735, 0.285)
',6),n=[i];function s(o,h){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const r={},i=a('
 Wave
 Description
Makes the image 3D and divides it in slices that turn vertically to display the next image.
Demo
 Options
NameTypeDefault
colsnumber8
tileDurationnumber900
tileDelaynumber110
sideColorstring#333
easingstringcubic-bezier(0.3, -0.3, 0.735, 0.285)
',6),n=[i];function s(o,h){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-emNw6Ui_.js b/docs/assets/index.html-LH4wYEh3.js
similarity index 99%
rename from docs/assets/index.html-emNw6Ui_.js
rename to docs/assets/index.html-LH4wYEh3.js
index 1e4ccf8c..18d85d28 100644
--- a/docs/assets/index.html-emNw6Ui_.js
+++ b/docs/assets/index.html-LH4wYEh3.js
@@ -1,4 +1,4 @@
-import{_ as o,r as i,o as p,c as l,b as n,d as a,a as s,e}from"./app-SStEjskS.js";const r={},c={href:"https://vuejs.org/",target:"_blank",rel:"noopener noreferrer"},u=e('
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
',2),d={href:"https://ragnarlotus.github.io/vue-flux/",target:"_blank",rel:"noopener noreferrer"},h=e(`
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
npm install --save vue-flux@5.1.9
+import{_ as o,r as i,o as p,c as l,b as n,d as a,a as s,e}from"./app-9q7i-DDF.js";const r={},c={href:"https://vuejs.org/",target:"_blank",rel:"noopener noreferrer"},u=e('
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
',2),d={href:"https://ragnarlotus.github.io/vue-flux/",target:"_blank",rel:"noopener noreferrer"},h=e(`
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
npm install --save vue-flux@5.1.9
 
<vue-flux
    :options="fluxOptions"
    :images="fluxImages"
diff --git a/docs/assets/index.html-pJ4B_Iwj.js b/docs/assets/index.html-Ly_0M-v7.js
similarity index 97%
rename from docs/assets/index.html-pJ4B_Iwj.js
rename to docs/assets/index.html-Ly_0M-v7.js
index c11160c6..4906efe7 100644
--- a/docs/assets/index.html-pJ4B_Iwj.js
+++ b/docs/assets/index.html-Ly_0M-v7.js
@@ -1,4 +1,4 @@
-import{_ as e,o as t,c as i,f as s,b as n,d as o}from"./app-SStEjskS.js";const a={},r=n("h1",{id:"custom-transitions",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#custom-transitions","aria-hidden":"true"},"#"),o(" Custom transitions")],-1),l=n("p",null,"WIP",-1);function h(d,c){return t(),i("div",null,[r,l,s(`
+import{_ as e,o as t,c as i,f as s,b as n,d as o}from"./app-9q7i-DDF.js";const a={},r=n("h1",{id:"custom-transitions",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#custom-transitions","aria-hidden":"true"},"#"),o(" Custom transitions")],-1),l=n("p",null,"WIP",-1);function h(d,c){return t(),i("div",null,[r,l,s(`
 Transitions use the mixin \`BaseTransition\` to perform basic and shared logic.
 
 ## Data
diff --git a/docs/assets/index.html-RHKkJkTk.js b/docs/assets/index.html-M0F8-TbP.js
similarity index 93%
rename from docs/assets/index.html-RHKkJkTk.js
rename to docs/assets/index.html-M0F8-TbP.js
index fd3f3cdc..2df8bcce 100644
--- a/docs/assets/index.html-RHKkJkTk.js
+++ b/docs/assets/index.html-M0F8-TbP.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},n=r('
 Round 1
 Description
The image is split in blocks that turn 180 deg horizontally to form next image.
Demo
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber800
tileDelaynumber150
easingstringease-out
',6),o=[n];function i(s,h){return e(),d("div",null,o)}const l=t(a,[["render",i],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},n=r('
 Round 1
 Description
The image is split in blocks that turn 180 deg horizontally to form next image.
Demo
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber800
tileDelaynumber150
easingstringease-out
',6),o=[n];function i(s,h){return e(),d("div",null,o)}const l=t(a,[["render",i],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-V3FnemWl.js b/docs/assets/index.html-MEVfXU7X.js
similarity index 91%
rename from docs/assets/index.html-V3FnemWl.js
rename to docs/assets/index.html-MEVfXU7X.js
index 8c04b4ca..d6a08095 100644
--- a/docs/assets/index.html-V3FnemWl.js
+++ b/docs/assets/index.html-MEVfXU7X.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const r={},n=d('
 Fade
 Description
Fades from one image to next.
 Options
NameTypeDefault
totalDurationnumber1200
easingstringease-in
',5),i=[n];function o(h,s){return e(),a("div",null,i)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const r={},n=d('
 Fade
 Description
Fades from one image to next.
 Options
NameTypeDefault
totalDurationnumber1200
easingstringease-in
',5),i=[n];function o(h,s){return e(),a("div",null,i)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-pFOG_WS2.js b/docs/assets/index.html-Ml5Qbimx.js
similarity index 93%
rename from docs/assets/index.html-pFOG_WS2.js
rename to docs/assets/index.html-Ml5Qbimx.js
index 78893495..b55e94da 100644
--- a/docs/assets/index.html-pFOG_WS2.js
+++ b/docs/assets/index.html-Ml5Qbimx.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},i=r('
 Blocks 1
 Description
The image is split in blocks that shrink and fade out randomly.
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber300
tileDelaynumber1000
easingstringlinear
',5),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},i=r('
 Blocks 1
 Description
The image is split in blocks that shrink and fade out randomly.
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber300
tileDelaynumber1000
easingstringlinear
',5),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-FLZIqYmn.js b/docs/assets/index.html-NBsnsrXI.js
similarity index 92%
rename from docs/assets/index.html-FLZIqYmn.js
rename to docs/assets/index.html-NBsnsrXI.js
index 5f1ca577..499d0a4c 100644
--- a/docs/assets/index.html-FLZIqYmn.js
+++ b/docs/assets/index.html-NBsnsrXI.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},i=r('
 Description
The image is split in blocks that shrink and fade out in wave from a corner to the opposite.
 Options
NameTypeDefault
rowsnumber
colsnumber
tileDurationnumber800
tileDelaynumber80
easingStringease
',4),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},i=r('
 Description
The image is split in blocks that shrink and fade out in wave from a corner to the opposite.
 Options
NameTypeDefault
rowsnumber
colsnumber
tileDurationnumber800
tileDelaynumber80
easingStringease
',4),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-VEXhajPc.js b/docs/assets/index.html-OiAxDDSO.js
similarity index 98%
rename from docs/assets/index.html-VEXhajPc.js
rename to docs/assets/index.html-OiAxDDSO.js
index 7d4716ed..d8fa3014 100644
--- a/docs/assets/index.html-VEXhajPc.js
+++ b/docs/assets/index.html-OiAxDDSO.js
@@ -1,4 +1,4 @@
-import{_ as c,r as o,o as d,c as p,b as t,d as e,a as n,w as i,e as a}from"./app-SStEjskS.js";const h={},l=t("h1",{id:"fluxtransition",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fluxtransition","aria-hidden":"true"},"#"),e(" FluxTransition")],-1),u=t("h2",{id:"description",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),e(" Description")],-1),m=t("p",null,"Component to display a transition animation between two resources.",-1),k={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-transition.html",target:"_blank",rel:"noopener noreferrer"},f=a(`
 Props
interface FluxTransitionProps {
+import{_ as c,r as o,o as d,c as p,b as t,d as e,a as n,w as i,e as a}from"./app-9q7i-DDF.js";const h={},l=t("h1",{id:"fluxtransition",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#fluxtransition","aria-hidden":"true"},"#"),e(" FluxTransition")],-1),u=t("h2",{id:"description",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),e(" Description")],-1),m=t("p",null,"Component to display a transition animation between two resources.",-1),k={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-transition.html",target:"_blank",rel:"noopener noreferrer"},f=a(`
 Props
interface FluxTransitionProps {
 	size: Size;
 	transition: Object;
 	from: Resource;
diff --git a/docs/assets/index.html-XGOoCUbs.js b/docs/assets/index.html-P7pVC-s1.js
similarity index 97%
rename from docs/assets/index.html-XGOoCUbs.js
rename to docs/assets/index.html-P7pVC-s1.js
index 2cf4ca0c..251d4476 100644
--- a/docs/assets/index.html-XGOoCUbs.js
+++ b/docs/assets/index.html-P7pVC-s1.js
@@ -1,4 +1,4 @@
-import{_ as s,r as o,o as p,c as i,b as a,d as n,a as t,e as c}from"./app-SStEjskS.js";const r={},l=a("h1",{id:"options-vs-composition-api",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#options-vs-composition-api","aria-hidden":"true"},"#"),n(" Options VS Composition API")],-1),d=a("h2",{id:"tl-dr",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#tl-dr","aria-hidden":"true"},"#"),n(" TL;DR")],-1),u=a("p",null,[n("If you are using "),a("code",null,"Composition"),n(" API like in the examples there is nothing special that you need to do, you can just copy and paste, done!")],-1),h=a("p",null,[n("If otherwise you are using "),a("code",null,"Options"),n(" API for creating your components you need to do the following.")],-1),k={href:"https://vuejs.org/api/reactivity-advanced.html#markraw",target:"_blank",rel:"noopener noreferrer"},m=c(`
Example:
data() {
+import{_ as s,r as o,o as p,c as i,b as a,d as n,a as t,e as c}from"./app-9q7i-DDF.js";const r={},l=a("h1",{id:"options-vs-composition-api",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#options-vs-composition-api","aria-hidden":"true"},"#"),n(" Options VS Composition API")],-1),d=a("h2",{id:"tl-dr",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#tl-dr","aria-hidden":"true"},"#"),n(" TL;DR")],-1),u=a("p",null,[n("If you are using "),a("code",null,"Composition"),n(" API like in the examples there is nothing special that you need to do, you can just copy and paste, done!")],-1),h=a("p",null,[n("If otherwise you are using "),a("code",null,"Options"),n(" API for creating your components you need to do the following.")],-1),k={href:"https://vuejs.org/api/reactivity-advanced.html#markraw",target:"_blank",rel:"noopener noreferrer"},m=c(`
Example:
data() {
    return {
       rsc: markRaw(new Img(\`/images/01.jpg\`, 'img 01')),
    };
diff --git a/docs/assets/index.html-rusAZuoA.js b/docs/assets/index.html-PvLoWTXP.js
similarity index 84%
rename from docs/assets/index.html-rusAZuoA.js
rename to docs/assets/index.html-PvLoWTXP.js
index 055ac1c4..0672949b 100644
--- a/docs/assets/index.html-rusAZuoA.js
+++ b/docs/assets/index.html-PvLoWTXP.js
@@ -1 +1 @@
-import{_ as a,r as e,o as l,c,a as o,w as _,b as t,d as r}from"./app-SStEjskS.js";const m={},d=t("p",null,[r("Want to see more 😉? Play with the "),t("a",{href:"demos/demos"},"demos")],-1);function i(u,h){const n=e("home-VueFluxHome"),s=e("ClientOnly");return l(),c("div",null,[o(s,null,{default:_(()=>[o(n)]),_:1}),d])}const x=a(m,[["render",i],["__file","index.html.vue"]]);export{x as default};
+import{_ as a,r as e,o as l,c,a as o,w as _,b as t,d as r}from"./app-9q7i-DDF.js";const m={},d=t("p",null,[r("Want to see more 😉? Play with the "),t("a",{href:"demos/demos"},"demos")],-1);function i(u,h){const n=e("home-VueFluxHome"),s=e("ClientOnly");return l(),c("div",null,[o(s,null,{default:_(()=>[o(n)]),_:1}),d])}const x=a(m,[["render",i],["__file","index.html.vue"]]);export{x as default};
diff --git a/docs/assets/index.html-eN8PZyWQ.js b/docs/assets/index.html-R-ykNhje.js
similarity index 92%
rename from docs/assets/index.html-eN8PZyWQ.js
rename to docs/assets/index.html-R-ykNhje.js
index d0d57654..3f29743b 100644
--- a/docs/assets/index.html-eN8PZyWQ.js
+++ b/docs/assets/index.html-R-ykNhje.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},i=r('
 Description
Makes the image 3D and divides it in slices that turn vertically to display the next image.
 Options
NameTypeDefault
numColsnumber
tileDurationnumber800
tileDelaynumber150
sideColorstring#333
easingstringease-out
',4),n=[i];function s(o,h){return e(),d("div",null,n)}const l=t(a,[["render",s],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},i=r('
 Description
Makes the image 3D and divides it in slices that turn vertically to display the next image.
 Options
NameTypeDefault
numColsnumber
tileDurationnumber800
tileDelaynumber150
sideColorstring#333
easingstringease-out
',4),n=[i];function s(o,h){return e(),d("div",null,n)}const l=t(a,[["render",s],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-rhjGo5KC.js b/docs/assets/index.html-SQeiRwyf.js
similarity index 98%
rename from docs/assets/index.html-rhjGo5KC.js
rename to docs/assets/index.html-SQeiRwyf.js
index f0b43f7c..9da4764e 100644
--- a/docs/assets/index.html-rhjGo5KC.js
+++ b/docs/assets/index.html-SQeiRwyf.js
@@ -1,4 +1,4 @@
-import{_ as s,r as n,o,c as r,b as e,d as c,a as i,e as a}from"./app-SStEjskS.js";const p={},d=a('
 FluxParallax
 Description
Creates a parallax effect given an image. It can recreate 3 types, relative, visible and fixed.
TIP
Do not forget to set the height with CSS if has no content, otherwise you probably will not see anything.
',4),l={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-parallax.html",target:"_blank",rel:"noopener noreferrer"},h=a(`
 Props
interface FluxParallaxProps {
+import{_ as s,r as n,o,c as r,b as e,d as c,a as i,e as a}from"./app-9q7i-DDF.js";const p={},d=a('
 FluxParallax
 Description
Creates a parallax effect given an image. It can recreate 3 types, relative, visible and fixed.
TIP
Do not forget to set the height with CSS if has no content, otherwise you probably will not see anything.
',4),l={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-parallax.html",target:"_blank",rel:"noopener noreferrer"},h=a(`
 Props
interface FluxParallaxProps {
 	rsc: Resource;
 	holder?: any = window;
 	type?: 'visible' | 'relative' | 'fixed' = 'relative';
diff --git a/docs/assets/index.html-bqUFQd8a.js b/docs/assets/index.html-SoeNa5J8.js
similarity index 92%
rename from docs/assets/index.html-bqUFQd8a.js
rename to docs/assets/index.html-SoeNa5J8.js
index ebdbc9fe..5fab8f36 100644
--- a/docs/assets/index.html-bqUFQd8a.js
+++ b/docs/assets/index.html-SoeNa5J8.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const r={},i=a('
 Description
Divides the image in vertical bars that blinds and fades out.
 Options
NameTypeDefault
numColsnumber
tileDurationnumber800
tileDelaynumber100
easingStringlinear
',4),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const r={},i=a('
 Description
Divides the image in vertical bars that blinds and fades out.
 Options
NameTypeDefault
numColsnumber
tileDurationnumber800
tileDelaynumber100
easingStringlinear
',4),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-wPZtd7sw.js b/docs/assets/index.html-T_6T3tAM.js
similarity index 93%
rename from docs/assets/index.html-wPZtd7sw.js
rename to docs/assets/index.html-T_6T3tAM.js
index 92f55115..80515293 100644
--- a/docs/assets/index.html-wPZtd7sw.js
+++ b/docs/assets/index.html-T_6T3tAM.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const n={},a=r('
 Concentric
 Description
A concentric effect is performed by rotating the image converted into circles.
 Options
NameTypeDefault
circlesnumber7
tileDurationnumber800
tileDelaynumber150
easingstringlinear
',5),i=[a];function c(o,h){return e(),d("div",null,i)}const l=t(n,[["render",c],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const n={},a=r('
 Concentric
 Description
A concentric effect is performed by rotating the image converted into circles.
 Options
NameTypeDefault
circlesnumber7
tileDurationnumber800
tileDelaynumber150
easingstringlinear
',5),i=[a];function c(o,h){return e(),d("div",null,i)}const l=t(n,[["render",c],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-Y_BTBIYE.js b/docs/assets/index.html-V6S92NjP.js
similarity index 92%
rename from docs/assets/index.html-Y_BTBIYE.js
rename to docs/assets/index.html-V6S92NjP.js
index f7319359..c0efd731 100644
--- a/docs/assets/index.html-Y_BTBIYE.js
+++ b/docs/assets/index.html-V6S92NjP.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as n}from"./app-SStEjskS.js";const r={},d=n('
 Kenburn
 Description
Fades, zoom and moves current image to next.
Demo
 Options
NameTypeDefault
totalDurationnumber1500
easingstringlinear
',6),i=[d];function o(s,h){return e(),a("div",null,i)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as n}from"./app-9q7i-DDF.js";const r={},d=n('
 Kenburn
 Description
Fades, zoom and moves current image to next.
Demo
 Options
NameTypeDefault
totalDurationnumber1500
easingstringlinear
',6),i=[d];function o(s,h){return e(),a("div",null,i)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-UYvt9SWy.js b/docs/assets/index.html-W3Zie0Qz.js
similarity index 98%
rename from docs/assets/index.html-UYvt9SWy.js
rename to docs/assets/index.html-W3Zie0Qz.js
index 0a26f88c..b0e17af7 100644
--- a/docs/assets/index.html-UYvt9SWy.js
+++ b/docs/assets/index.html-W3Zie0Qz.js
@@ -1,4 +1,4 @@
-import{_ as a,o as n,c as t,e as s}from"./app-SStEjskS.js";const e={},p=s(`
 Description
A wrapper component used in some transitions to contain single or multiple images.
 Component
Just renders the content wrapped into this component so it is easier to manage and operate some transitions.
Example:
<flux-wrapper ref="wrapper">
+import{_ as a,o as n,c as t,e as s}from"./app-9q7i-DDF.js";const e={},p=s(`
 Description
A wrapper component used in some transitions to contain single or multiple images.
 Component
Just renders the content wrapped into this component so it is easier to manage and operate some transitions.
Example:
<flux-wrapper ref="wrapper">
    <flux-image :slider="slider" :index="0" ref="image0"></flux-image>
    <flux-image :slider="slider" :index="1" ref="image1"></flux-image>
 </flux-wrapper>
diff --git a/docs/assets/index.html-tEn3Btrj.js b/docs/assets/index.html-Wf27L3AS.js
similarity index 93%
rename from docs/assets/index.html-tEn3Btrj.js
rename to docs/assets/index.html-Wf27L3AS.js
index 9ff8f03a..b6fc4b20 100644
--- a/docs/assets/index.html-tEn3Btrj.js
+++ b/docs/assets/index.html-Wf27L3AS.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const r={},i=d('
 Camera
 Description
From outside to inside the image is being cropped like in a camera lens.
 Options
NameTypeDefault
totalDurationnumber900
backgroundColorstring#111
easingstringcubic-bezier(0.385, 0, 0.795, 0.560)
',5),n=[i];function o(c,s){return e(),a("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const r={},i=d('
 Camera
 Description
From outside to inside the image is being cropped like in a camera lens.
 Options
NameTypeDefault
totalDurationnumber900
backgroundColorstring#111
easingstringcubic-bezier(0.385, 0, 0.795, 0.560)
',5),n=[i];function o(c,s){return e(),a("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-XWX7DCxc.js b/docs/assets/index.html-Ws5fC703.js
similarity index 99%
rename from docs/assets/index.html-XWX7DCxc.js
rename to docs/assets/index.html-Ws5fC703.js
index 822a131b..ec66a7a1 100644
--- a/docs/assets/index.html-XWX7DCxc.js
+++ b/docs/assets/index.html-Ws5fC703.js
@@ -1,4 +1,4 @@
-import{_ as e,r as t,o,c as p,b as n,d as s,a as c,e as r}from"./app-SStEjskS.js";const i={},l=n("h1",{id:"fluxgrid",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxgrid","aria-hidden":"true"},"#"),s(" FluxGrid")],-1),u=n("h2",{id:"description",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),s(" Description")],-1),d=n("p",null,"Component to make grid of resource or cube.",-1),k={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-grid.html",target:"_blank",rel:"noopener noreferrer"},h=r(`
 Props
interface FluxGridProps {
+import{_ as e,r as t,o,c as p,b as n,d as s,a as c,e as r}from"./app-9q7i-DDF.js";const i={},l=n("h1",{id:"fluxgrid",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxgrid","aria-hidden":"true"},"#"),s(" FluxGrid")],-1),u=n("h2",{id:"description",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),s(" Description")],-1),d=n("p",null,"Component to make grid of resource or cube.",-1),k={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-grid.html",target:"_blank",rel:"noopener noreferrer"},h=r(`
 Props
interface FluxGridProps {
 	size: Size;
 	viewSize?: Size;
 	color?: string;
diff --git a/docs/assets/index.html-epR_cUJ3.js b/docs/assets/index.html-X4gx4try.js
similarity index 98%
rename from docs/assets/index.html-epR_cUJ3.js
rename to docs/assets/index.html-X4gx4try.js
index 8569d32f..ea3eef1b 100644
--- a/docs/assets/index.html-epR_cUJ3.js
+++ b/docs/assets/index.html-X4gx4try.js
@@ -1 +1 @@
-import{_ as t,o as i,c as e,e as a}from"./app-SStEjskS.js";const d={},n=a('
 Transitions
VueFlux comes with nice 20 transitions.
NameComponentDescription
blinds2dTransitionBlinds2dDivides the image in vertical bars that blinds and fades out
blinds3dTransitionBlinds3dDivides the image in vertical bars that blinds 180 deg to form the next image
blocks1TransitionBlocks1The image is split in blocks that shrink and fade out randomly
blocks2TransitionBlocks2The image is split in blocks that shrink and fade out in wave from a corner to the opposite
bookTransitionBookMakes the effect of turning a page to display next image
cameraTransitionCameraFrom outside to inside the image is being cropped like in a camera lens
concentricTransitionConcentricA concentric effect is performed by rotating the image converted into circles
cubeTransitionCubeTurns the image to a side like if place in a cube
explodeTransitionExplodeThe image is split in blocks that explode revealing the next image
fadeTransitionFadeFades from one image to next
fallTransitionFallThe image falls in front displaying next image
kenburnTransitionKenburnFades, zoom and moves current image to next
round1TransitionRound1The image is split in blocks that turn 180 deg horizontally to form next image
round2TransitionRound2The image is split in blocks that round vertically until disappear
slideTransitionSlideSlides the image horizontally revealing the next
swipeTransitionSwipeSwipes the image to display next like uncovered with a curtain
warpTransitionWarpA concentric effect is performed by rotating the image converted into circles in alternate direction
waterfallTransitionWaterfallDivides the image in bars and drops them down in turns
waveTransitionWaveMakes the image 3D and divides it in slices that turn vertically to display the next image
zipTransitionZipDivides the image in bars and slides them up and down alternately like a zip
',3),r=[n];function s(o,l){return i(),e("div",null,r)}const c=t(d,[["render",s],["__file","index.html.vue"]]);export{c as default};
+import{_ as t,o as i,c as e,e as a}from"./app-9q7i-DDF.js";const d={},n=a('
 Transitions
VueFlux comes with nice 20 transitions.
NameComponentDescription
blinds2dTransitionBlinds2dDivides the image in vertical bars that blinds and fades out
blinds3dTransitionBlinds3dDivides the image in vertical bars that blinds 180 deg to form the next image
blocks1TransitionBlocks1The image is split in blocks that shrink and fade out randomly
blocks2TransitionBlocks2The image is split in blocks that shrink and fade out in wave from a corner to the opposite
bookTransitionBookMakes the effect of turning a page to display next image
cameraTransitionCameraFrom outside to inside the image is being cropped like in a camera lens
concentricTransitionConcentricA concentric effect is performed by rotating the image converted into circles
cubeTransitionCubeTurns the image to a side like if place in a cube
explodeTransitionExplodeThe image is split in blocks that explode revealing the next image
fadeTransitionFadeFades from one image to next
fallTransitionFallThe image falls in front displaying next image
kenburnTransitionKenburnFades, zoom and moves current image to next
round1TransitionRound1The image is split in blocks that turn 180 deg horizontally to form next image
round2TransitionRound2The image is split in blocks that round vertically until disappear
slideTransitionSlideSlides the image horizontally revealing the next
swipeTransitionSwipeSwipes the image to display next like uncovered with a curtain
warpTransitionWarpA concentric effect is performed by rotating the image converted into circles in alternate direction
waterfallTransitionWaterfallDivides the image in bars and drops them down in turns
waveTransitionWaveMakes the image 3D and divides it in slices that turn vertically to display the next image
zipTransitionZipDivides the image in bars and slides them up and down alternately like a zip
',3),r=[n];function s(o,l){return i(),e("div",null,r)}const c=t(d,[["render",s],["__file","index.html.vue"]]);export{c as default};
diff --git a/docs/assets/index.html-6mx6ihkU.js b/docs/assets/index.html-X7N4dC_l.js
similarity index 98%
rename from docs/assets/index.html-6mx6ihkU.js
rename to docs/assets/index.html-X7N4dC_l.js
index af79eceb..1127429d 100644
--- a/docs/assets/index.html-6mx6ihkU.js
+++ b/docs/assets/index.html-X7N4dC_l.js
@@ -1,4 +1,4 @@
-import{_ as a,r as t,o as p,c as o,b as e,d as n,a as c,w as u,e as l}from"./app-SStEjskS.js";const i={},k=l(`
 FluxCaption
 Description
The included component to display resource captions.
 Props
interface Props {
+import{_ as a,r as t,o as p,c as o,b as e,d as n,a as c,w as u,e as l}from"./app-9q7i-DDF.js";const i={},k=l(`
 FluxCaption
 Description
The included component to display resource captions.
 Props
interface Props {
 	currentResource: null | ResourceIndex;
 	currentTransition: null | TransitionIndex;
 }
@@ -78,7 +78,7 @@ import{_ as a,r as t,o as p,c as o,b as e,d as n,a as c,w as u,e as l}from"./app
 
 <FluxCaption
 	v-if="playerController"
-	:currentResource="playerController.resource.current"
-	:currentTransition="playerController.transition.current"
+	:currentResource="playerController..value.resource.current"
+	:currentTransition="playerController.value.transition.current"
 />
 
 Templating
You can customize how the captions are displayed. That is because this component has a default slot, so you can pass a custom component or template code.
`,17);function r(d,g){const s=t("RouterLink");return p(),o("div",null,[k,e("p",null,[n("You can see it in the "),c(s,{to:"/demos/complements/flux-caption.html"},{default:u(()=>[n("demo")]),_:1})])])}const h=a(i,[["render",r],["__file","index.html.vue"]]);export{h as default};
diff --git a/docs/assets/index.html-X9JBXDhA.js b/docs/assets/index.html-X9JBXDhA.js
deleted file mode 100644
index 83fde86b..00000000
--- a/docs/assets/index.html-X9JBXDhA.js
+++ /dev/null
@@ -1 +0,0 @@
-const t=JSON.parse('{"key":"v-934f5092","path":"/documentation/v7/complements/flux-controls/","title":"","lang":"en-US","frontmatter":{},"headers":[],"git":{},"filePathRelative":"documentation/v7/complements/flux-controls/readme.md"}');export{t as data};
diff --git a/docs/assets/index.html-PNNvnsV5.js b/docs/assets/index.html-XFuI4HL0.js
similarity index 93%
rename from docs/assets/index.html-PNNvnsV5.js
rename to docs/assets/index.html-XFuI4HL0.js
index 35ee6ff6..9a8f44a1 100644
--- a/docs/assets/index.html-PNNvnsV5.js
+++ b/docs/assets/index.html-XFuI4HL0.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const r={},i=a('
 Wave
 Description
Makes the image 3D and divides it in slices that turn vertically to display the next image.
 Options
NameTypeDefault
colsnumber8
tileDurationnumber900
tileDelaynumber110
sideColorstring#333
easingstringcubic-bezier(0.3, -0.3, 0.735, 0.285)
',5),n=[i];function s(h,o){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const r={},i=a('
 Wave
 Description
Makes the image 3D and divides it in slices that turn vertically to display the next image.
 Options
NameTypeDefault
colsnumber8
tileDurationnumber900
tileDelaynumber110
sideColorstring#333
easingstringcubic-bezier(0.3, -0.3, 0.735, 0.285)
',5),n=[i];function s(h,o){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-YCrm5mEx.js b/docs/assets/index.html-XafLemZU.js
similarity index 92%
rename from docs/assets/index.html-YCrm5mEx.js
rename to docs/assets/index.html-XafLemZU.js
index aa35c652..623ed5fb 100644
--- a/docs/assets/index.html-YCrm5mEx.js
+++ b/docs/assets/index.html-XafLemZU.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},i=r('
 Description
The image is split in blocks that turn 180 deg horizontally to form next image.
 Options
NameTypeDefault
rowsnumber
colsnumber
tileDurationnumber800
tileDelaynumber150
easingStringease-out
',4),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},i=r('
 Description
The image is split in blocks that turn 180 deg horizontally to form next image.
 Options
NameTypeDefault
rowsnumber
colsnumber
tileDurationnumber800
tileDelaynumber150
easingStringease-out
',4),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-u0TtKFfD.js b/docs/assets/index.html-XgjQrVDc.js
similarity index 99%
rename from docs/assets/index.html-u0TtKFfD.js
rename to docs/assets/index.html-XgjQrVDc.js
index 76769de0..bea8c3be 100644
--- a/docs/assets/index.html-u0TtKFfD.js
+++ b/docs/assets/index.html-XgjQrVDc.js
@@ -1,4 +1,4 @@
-import{_ as n,o as s,c as a,e as t}from"./app-SStEjskS.js";const p={},o=t(`
 Structure
Must receive the slider.
Must have a totalDuration attribute to know how long the transition lasts.
You can initialize data and values on component created() method.
On mounted() method will run the transition.
You can also set the destroyed() method to be run when transition ends.
 Example 1 - Waterfall
<flux-grid :slider="slider" :rows="rows" :cols="cols" :index="index" ref="grid"></flux-grid>
+import{_ as n,o as s,c as a,e as t}from"./app-9q7i-DDF.js";const p={},o=t(`
 Structure
Must receive the slider.
Must have a totalDuration attribute to know how long the transition lasts.
You can initialize data and values on component created() method.
On mounted() method will run the transition.
You can also set the destroyed() method to be run when transition ends.
 Example 1 - Waterfall
<flux-grid :slider="slider" :rows="rows" :cols="cols" :index="index" ref="grid"></flux-grid>
 
import FluxGrid from 'vue-flux';
 
 export default {
diff --git a/docs/assets/index.html-xpyq8I4v.js b/docs/assets/index.html-Y-32bUyJ.js
similarity index 92%
rename from docs/assets/index.html-xpyq8I4v.js
rename to docs/assets/index.html-Y-32bUyJ.js
index 185891e4..a8380be8 100644
--- a/docs/assets/index.html-xpyq8I4v.js
+++ b/docs/assets/index.html-Y-32bUyJ.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as r}from"./app-SStEjskS.js";const d={},n=r('
 Kenburn
 Description
Fades, zoom and moves current image to next.
 Options
NameTypeDefault
totalDurationnumber1500
easingstringlinear
',5),i=[n];function o(h,s){return e(),a("div",null,i)}const l=t(d,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as r}from"./app-9q7i-DDF.js";const d={},n=r('
 Kenburn
 Description
Fades, zoom and moves current image to next.
 Options
NameTypeDefault
totalDurationnumber1500
easingstringlinear
',5),i=[n];function o(h,s){return e(),a("div",null,i)}const l=t(d,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-3DM0yZ0X.js b/docs/assets/index.html-YV239c2n.js
similarity index 93%
rename from docs/assets/index.html-3DM0yZ0X.js
rename to docs/assets/index.html-YV239c2n.js
index 6de2f203..ff50877d 100644
--- a/docs/assets/index.html-3DM0yZ0X.js
+++ b/docs/assets/index.html-YV239c2n.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const i={},r=a('
 Zip
 Description
Divides the image in bars and slides them up and down alternately like a zip.
Demo
 Options
NameTypeDefault
colsnumber10
tileDurationnumber600
tileDelaynumber80
easingstringease-in
',6),n=[r];function s(o,h){return e(),d("div",null,n)}const l=t(i,[["render",s],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const i={},r=a('
 Zip
 Description
Divides the image in bars and slides them up and down alternately like a zip.
Demo
 Options
NameTypeDefault
colsnumber10
tileDurationnumber600
tileDelaynumber80
easingstringease-in
',6),n=[r];function s(o,h){return e(),d("div",null,n)}const l=t(i,[["render",s],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-KDO2wj6F.js b/docs/assets/index.html-ZcTv_MEQ.js
similarity index 93%
rename from docs/assets/index.html-KDO2wj6F.js
rename to docs/assets/index.html-ZcTv_MEQ.js
index 9d40e2ed..a60bd85f 100644
--- a/docs/assets/index.html-KDO2wj6F.js
+++ b/docs/assets/index.html-ZcTv_MEQ.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const r={},i=a('
 Blinds 2D
 Description
Divides the image in vertical bars that blinds and fades out.
 Options
NameTypeDefault
colsnumber10
tileDurationnumber800
tileDelaynumber100
easingstringlinear
',5),n=[i];function s(h,o){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const r={},i=a('
 Blinds 2D
 Description
Divides the image in vertical bars that blinds and fades out.
 Options
NameTypeDefault
colsnumber10
tileDurationnumber800
tileDelaynumber100
easingstringlinear
',5),n=[i];function s(h,o){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-CkLo4MMJ.js b/docs/assets/index.html-_ADlvjyn.js
similarity index 96%
rename from docs/assets/index.html-CkLo4MMJ.js
rename to docs/assets/index.html-_ADlvjyn.js
index 438d5491..90f3fcf2 100644
--- a/docs/assets/index.html-CkLo4MMJ.js
+++ b/docs/assets/index.html-_ADlvjyn.js
@@ -1,4 +1,4 @@
-import{_ as n,o as s,c as a,e as t}from"./app-SStEjskS.js";const e={},p=t(`
 SSR with Nuxt
Wrap the <VueFlux> where you want to use it with <ClientOnly> tags.
<ClientOnly>
+import{_ as n,o as s,c as a,e as t}from"./app-9q7i-DDF.js";const e={},p=t(`
 SSR with Nuxt
Wrap the <VueFlux> where you want to use it with <ClientOnly> tags.
<ClientOnly>
    <VueFlux>...</VueFlux>
 </ClientOnly>
 
Don't forget to import the CSS in the component where you will use the slider, or in any preprocessed CSS file like SASS or Stylus
import {
diff --git a/docs/assets/index.html-E9ZwC2eu.js b/docs/assets/index.html-_iYJnyhU.js
similarity index 98%
rename from docs/assets/index.html-E9ZwC2eu.js
rename to docs/assets/index.html-_iYJnyhU.js
index b3587296..29d5d277 100644
--- a/docs/assets/index.html-E9ZwC2eu.js
+++ b/docs/assets/index.html-_iYJnyhU.js
@@ -1,4 +1,4 @@
-import{_ as n,o as e,c as t,f as i,b as o}from"./app-SStEjskS.js";const s={},a=o("p",null,"WIP",-1);function l(r,u){return e(),t("div",null,[a,i(` # FluxIndex
+import{_ as n,o as e,c as t,f as i,b as o}from"./app-9q7i-DDF.js";const s={},a=o("p",null,"WIP",-1);function l(r,u){return e(),t("div",null,[a,i(` # FluxIndex
 
 ::: warning
 
diff --git a/docs/assets/index.html-xn4N5Ojn.js b/docs/assets/index.html-aojavJG9.js
similarity index 98%
rename from docs/assets/index.html-xn4N5Ojn.js
rename to docs/assets/index.html-aojavJG9.js
index 66445a63..4aefe32b 100644
--- a/docs/assets/index.html-xn4N5Ojn.js
+++ b/docs/assets/index.html-aojavJG9.js
@@ -1 +1 @@
-import{_ as e,o as i,c as a,e as n}from"./app-SStEjskS.js";const o={},t=n('
 Changelog
 6.4.0
Make component FluxIndex take into account aspect ratio from config to display the images.
 6.3.1
Fix direction problem.
 6.3.0
Add description slot to VueFlux component.
 6.2.3
Fix image resizing in parallax when smaller than the element.
 6.2.2
Just some css fixes.
 6.2.1
Update deps, better controls vertical centering and set caption size to border box.
 6.2.0
Add unit tests and a workaround for fixed background in ios so it is 100% compatible to all modern browsers.
 6.1.1
Fixes missing CSS for SSR version, due to changes in latest node for setting ENV vars.
 6.1.0
Added the option aspectRatio to allow to define a default.
The option has to be defined as string with two numbers separated by colon.
The default remains as '16:9'
 6.0.4
Fix some minor issues on image load error.
 6.0.3
Fix index of images loaded with.
 6.0.2
Fix FluxControls complement classes
 6.0.1
Fix Transitions controller to stop autoplaying when option infinite set to false under certain circumstances.
 6.0.0
This new version comes with a lot of improvements, in code, functionality and performance.
Bugs fixed:
  • Parallax type fixed is fixed for android, IOS not working due to bug, expecting to fix it in next release
  • Image glitch caused by latest node lifecycle and browser rendering engines
New features:
  • Performance increased
  • Components can be used independently out of slider, becoming an image tools library
  • Created FluxPreloader component to handle images reactivity loading and spinner
  • Created FluxTransition component so a transition can be run anywhere in the application
  • Added lazyLoad and lazyLoadAfter options
  • Added events
  • Improved reactivity
  • Captions are now themable
  • Pagination items are now themable
  • SSR full support and friendly
  • Added an option to skip transitions
  • Added images base path option
  • Added controllers for display, timers, transitions, images and touches
  • Added throw when error detected
  • Changed controls' icons from png string to svg
  • Simplified a lot the way the transitions are defined and added some automatic methods
  • Transition options have a more logical schema
  • Improved documentation
  • Update syntax to vue 2.6 version
  • Some transitions have been adjusted and look better
  • Add previous direction to some transitions
  • Camera transition looks like real lens now
  • Previous direction of warp transition looks like kaleidoscope
  • Transition helpers have been added
  • Complements are more responsive to sizes
Other changes:
  • Option fullscreen has been renamed to allowFullscreen
  • Options width and height have been removed
  • Mobile gestures do not kidnap the event now and slide up gesture has been removed
',37),r=[t];function d(s,l){return i(),a("div",null,r)}const c=e(o,[["render",d],["__file","index.html.vue"]]);export{c as default};
+import{_ as e,o as i,c as a,e as n}from"./app-9q7i-DDF.js";const o={},t=n('
 Changelog
 6.4.0
Make component FluxIndex take into account aspect ratio from config to display the images.
 6.3.1
Fix direction problem.
 6.3.0
Add description slot to VueFlux component.
 6.2.3
Fix image resizing in parallax when smaller than the element.
 6.2.2
Just some css fixes.
 6.2.1
Update deps, better controls vertical centering and set caption size to border box.
 6.2.0
Add unit tests and a workaround for fixed background in ios so it is 100% compatible to all modern browsers.
 6.1.1
Fixes missing CSS for SSR version, due to changes in latest node for setting ENV vars.
 6.1.0
Added the option aspectRatio to allow to define a default.
The option has to be defined as string with two numbers separated by colon.
The default remains as '16:9'
 6.0.4
Fix some minor issues on image load error.
 6.0.3
Fix index of images loaded with.
 6.0.2
Fix FluxControls complement classes
 6.0.1
Fix Transitions controller to stop autoplaying when option infinite set to false under certain circumstances.
 6.0.0
This new version comes with a lot of improvements, in code, functionality and performance.
Bugs fixed:
  • Parallax type fixed is fixed for android, IOS not working due to bug, expecting to fix it in next release
  • Image glitch caused by latest node lifecycle and browser rendering engines
New features:
  • Performance increased
  • Components can be used independently out of slider, becoming an image tools library
  • Created FluxPreloader component to handle images reactivity loading and spinner
  • Created FluxTransition component so a transition can be run anywhere in the application
  • Added lazyLoad and lazyLoadAfter options
  • Added events
  • Improved reactivity
  • Captions are now themable
  • Pagination items are now themable
  • SSR full support and friendly
  • Added an option to skip transitions
  • Added images base path option
  • Added controllers for display, timers, transitions, images and touches
  • Added throw when error detected
  • Changed controls' icons from png string to svg
  • Simplified a lot the way the transitions are defined and added some automatic methods
  • Transition options have a more logical schema
  • Improved documentation
  • Update syntax to vue 2.6 version
  • Some transitions have been adjusted and look better
  • Add previous direction to some transitions
  • Camera transition looks like real lens now
  • Previous direction of warp transition looks like kaleidoscope
  • Transition helpers have been added
  • Complements are more responsive to sizes
Other changes:
  • Option fullscreen has been renamed to allowFullscreen
  • Options width and height have been removed
  • Mobile gestures do not kidnap the event now and slide up gesture has been removed
',37),r=[t];function d(s,l){return i(),a("div",null,r)}const c=e(o,[["render",d],["__file","index.html.vue"]]);export{c as default};
diff --git a/docs/assets/index.html-f5dc9sd0.js b/docs/assets/index.html-bKE8Uf7q.js
similarity index 93%
rename from docs/assets/index.html-f5dc9sd0.js
rename to docs/assets/index.html-bKE8Uf7q.js
index cd126ca4..ef1ad499 100644
--- a/docs/assets/index.html-f5dc9sd0.js
+++ b/docs/assets/index.html-bKE8Uf7q.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as r}from"./app-SStEjskS.js";const d={},i=r('
 Camera
 Description
From outside to inside the image is being cropped like in a camera lens.
Demo
 Options
NameTypeDefault
totalDurationnumber900
backgroundColorstring#111
easingstringcubic-bezier(0.385, 0, 0.795, 0.560)
',6),n=[i];function o(s,c){return e(),a("div",null,n)}const l=t(d,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as r}from"./app-9q7i-DDF.js";const d={},i=r('
 Camera
 Description
From outside to inside the image is being cropped like in a camera lens.
Demo
 Options
NameTypeDefault
totalDurationnumber900
backgroundColorstring#111
easingstringcubic-bezier(0.385, 0, 0.795, 0.560)
',6),n=[i];function o(s,c){return e(),a("div",null,n)}const l=t(d,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-v-qTqnrK.js b/docs/assets/index.html-bO24dzT2.js
similarity index 91%
rename from docs/assets/index.html-v-qTqnrK.js
rename to docs/assets/index.html-bO24dzT2.js
index 4f19de00..19b13592 100644
--- a/docs/assets/index.html-v-qTqnrK.js
+++ b/docs/assets/index.html-bO24dzT2.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const r={},n=d('
 Description
Fades, zoom and moves current image to next.
 Options
NameTypeDefault
totalDurationnumber6000
easingStringcubic-bezier(0.600, 0.040, 0.780, 0.335)
',4),o=[n];function i(c,s){return e(),a("div",null,o)}const _=t(r,[["render",i],["__file","index.html.vue"]]);export{_ as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const r={},n=d('
 Description
Fades, zoom and moves current image to next.
 Options
NameTypeDefault
totalDurationnumber6000
easingStringcubic-bezier(0.600, 0.040, 0.780, 0.335)
',4),o=[n];function i(c,s){return e(),a("div",null,o)}const _=t(r,[["render",i],["__file","index.html.vue"]]);export{_ as default};
diff --git a/docs/assets/index.html-5D_ttJn4.js b/docs/assets/index.html-bQqTbJ_D.js
similarity index 90%
rename from docs/assets/index.html-5D_ttJn4.js
rename to docs/assets/index.html-bQqTbJ_D.js
index 422a04fc..5fc6b18b 100644
--- a/docs/assets/index.html-5D_ttJn4.js
+++ b/docs/assets/index.html-bQqTbJ_D.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const r={},n=d('
 Description
Fades from one image to next.
 Options
NameTypeDefault
totalDurationnumber1200
easingstringease-in
',4),o=[n];function i(s,h){return e(),a("div",null,o)}const _=t(r,[["render",i],["__file","index.html.vue"]]);export{_ as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const r={},n=d('
 Description
Fades from one image to next.
 Options
NameTypeDefault
totalDurationnumber1200
easingstringease-in
',4),o=[n];function i(s,h){return e(),a("div",null,o)}const _=t(r,[["render",i],["__file","index.html.vue"]]);export{_ as default};
diff --git a/docs/assets/index.html-CibTtIh7.js b/docs/assets/index.html-baSugaFI.js
similarity index 92%
rename from docs/assets/index.html-CibTtIh7.js
rename to docs/assets/index.html-baSugaFI.js
index 72136c69..f3dd1c8c 100644
--- a/docs/assets/index.html-CibTtIh7.js
+++ b/docs/assets/index.html-baSugaFI.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const i={},r=d('
 Swipe
 Description
Swipes the image to display next like uncovered with a curtain.
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-in-out
',5),n=[r];function o(h,s){return e(),a("div",null,n)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const i={},r=d('
 Swipe
 Description
Swipes the image to display next like uncovered with a curtain.
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-in-out
',5),n=[r];function o(h,s){return e(),a("div",null,n)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-8cLGjT7N.js b/docs/assets/index.html-bwgHgbMi.js
similarity index 96%
rename from docs/assets/index.html-8cLGjT7N.js
rename to docs/assets/index.html-bwgHgbMi.js
index 8b92345d..6925c751 100644
--- a/docs/assets/index.html-8cLGjT7N.js
+++ b/docs/assets/index.html-bwgHgbMi.js
@@ -1,2 +1,2 @@
-import{_ as e,o as s,c as t,e as o}from"./app-SStEjskS.js";const n={},i=o(`
 Changelog
This version is currently in alpha version, and although everything looks like working properly keep an eye on it if you decide to use it.
WARNING
From this version the styles are not bundled anymore inside the components, so you will have to import the CSS always like following way.
import 'vue-flux/style.css';
+import{_ as e,o as s,c as t,e as o}from"./app-9q7i-DDF.js";const n={},i=o(`
 Changelog
This version is currently in alpha version, and although everything looks like working properly keep an eye on it if you decide to use it.
WARNING
From this version the styles are not bundled anymore inside the components, so you will have to import the CSS always like following way.
import 'vue-flux/style.css';
 
 7.0.0
This is by far the most enhanced version. Don't miss the new details:
Bugs fixed:
  • Still to check
New features:
  • Half size
  • TypesScript implemented
  • Added resource options
  • Added fit type for resizing resource
  • Able to use other resources than images, so custom components, videos, or anything
Other changes:
  • Removed path from VueFlux options
`,12),a=[i];function r(l,c){return s(),t("div",null,a)}const p=e(n,[["render",r],["__file","index.html.vue"]]);export{p as default};
diff --git a/docs/assets/index.html-6QbrGZiv.js b/docs/assets/index.html-cW9PWiLt.js
similarity index 92%
rename from docs/assets/index.html-6QbrGZiv.js
rename to docs/assets/index.html-cW9PWiLt.js
index 8ad763a0..22169338 100644
--- a/docs/assets/index.html-6QbrGZiv.js
+++ b/docs/assets/index.html-cW9PWiLt.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const i={},a=r('
 Description
A concentric effect is performed by rotating the image converted into circles.
 Options
NameTypeDefault
circlesnumber
tileDurationnumber800
tileDelaynumber150
easingStringlinear
',4),n=[a];function o(c,s){return e(),d("div",null,n)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const i={},a=r('
 Description
A concentric effect is performed by rotating the image converted into circles.
 Options
NameTypeDefault
circlesnumber
tileDurationnumber800
tileDelaynumber150
easingStringlinear
',4),n=[a];function o(c,s){return e(),d("div",null,n)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-ahquHfyJ.js b/docs/assets/index.html-cZXgtW0c.js
similarity index 98%
rename from docs/assets/index.html-ahquHfyJ.js
rename to docs/assets/index.html-cZXgtW0c.js
index 22c809e2..c443323d 100644
--- a/docs/assets/index.html-ahquHfyJ.js
+++ b/docs/assets/index.html-cZXgtW0c.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const i={},r=a('
 Transitions
VueFlux comes with nice 20 transitions.
NameComponentDescription
blinds2dBlinds2dDivides the image in vertical bars that blinds and fades out
blinds3dBlinds3dDivides the image in vertical bars that blinds 180 deg to form the next image
blocks1Blocks1The image is split in blocks that shrink and fade out randomly
blocks2Blocks2The image is split in blocks that shrink and fade out in wave from a corner to the opposite
bookBookMakes the effect of turning a page to display next image
cameraCameraFrom outside to inside the image is being cropped like in a camera lens
concentricConcentricA concentric effect is performed by rotating the image converted into circles
cubeCubeTurns the image to a side like if place in a cube
explodeExplodeThe image is split in blocks that explode revealing the next image
fadeFadeFades from one image to next
fallFallThe image falls in front displaying next image
kenburnKenburnFades, zoom and moves current image to next
round1Round1The image is split in blocks that turn 180 deg horizontally to form next image
round2Round2The image is split in blocks that round vertically until disappear
slideSlideSlides the image horizontally revealing the next
swipeSwipeSwipes the image to display next like uncovered with a curtain
warpWarpA concentric effect is performed by rotating the image converted into circles in alternate direction
waterfallWaterfallDivides the image in bars and drops them down in turns
waveWaveMakes the image 3D and divides it in slices that turn vertically to display the next image
zipZipDivides the image in bars and slides them up and down alternately like a zip
',3),n=[r];function s(o,l){return e(),d("div",null,n)}const c=t(i,[["render",s],["__file","index.html.vue"]]);export{c as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const i={},r=a('
 Transitions
VueFlux comes with nice 20 transitions.
NameComponentDescription
blinds2dBlinds2dDivides the image in vertical bars that blinds and fades out
blinds3dBlinds3dDivides the image in vertical bars that blinds 180 deg to form the next image
blocks1Blocks1The image is split in blocks that shrink and fade out randomly
blocks2Blocks2The image is split in blocks that shrink and fade out in wave from a corner to the opposite
bookBookMakes the effect of turning a page to display next image
cameraCameraFrom outside to inside the image is being cropped like in a camera lens
concentricConcentricA concentric effect is performed by rotating the image converted into circles
cubeCubeTurns the image to a side like if place in a cube
explodeExplodeThe image is split in blocks that explode revealing the next image
fadeFadeFades from one image to next
fallFallThe image falls in front displaying next image
kenburnKenburnFades, zoom and moves current image to next
round1Round1The image is split in blocks that turn 180 deg horizontally to form next image
round2Round2The image is split in blocks that round vertically until disappear
slideSlideSlides the image horizontally revealing the next
swipeSwipeSwipes the image to display next like uncovered with a curtain
warpWarpA concentric effect is performed by rotating the image converted into circles in alternate direction
waterfallWaterfallDivides the image in bars and drops them down in turns
waveWaveMakes the image 3D and divides it in slices that turn vertically to display the next image
zipZipDivides the image in bars and slides them up and down alternately like a zip
',3),n=[r];function s(o,l){return e(),d("div",null,n)}const c=t(i,[["render",s],["__file","index.html.vue"]]);export{c as default};
diff --git a/docs/assets/index.html-jU13-xBI.js b/docs/assets/index.html-d7lJkGY6.js
similarity index 93%
rename from docs/assets/index.html-jU13-xBI.js
rename to docs/assets/index.html-d7lJkGY6.js
index c99a780b..6989bd18 100644
--- a/docs/assets/index.html-jU13-xBI.js
+++ b/docs/assets/index.html-d7lJkGY6.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const r={},i=a('
 Blinds 3D
 Description
Divides the image in vertical bars that blinds 180 deg to form the next image.
 Options
NameTypeDefault
colsnumber6
tileDurationnumber800
tileDelaynumber150
easingstringease-out
',5),n=[i];function s(h,o){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const r={},i=a('
 Blinds 3D
 Description
Divides the image in vertical bars that blinds 180 deg to form the next image.
 Options
NameTypeDefault
colsnumber6
tileDurationnumber800
tileDelaynumber150
easingstringease-out
',5),n=[i];function s(h,o){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-lEFQez6o.js b/docs/assets/index.html-dYdSiGcd.js
similarity index 94%
rename from docs/assets/index.html-lEFQez6o.js
rename to docs/assets/index.html-dYdSiGcd.js
index 032543b1..8f35c7ac 100644
--- a/docs/assets/index.html-lEFQez6o.js
+++ b/docs/assets/index.html-dYdSiGcd.js
@@ -1 +1 @@
-import{_ as c,r as s,o as _,c as u,a as e,w as a,b as n,d as t}from"./app-SStEjskS.js";const m={},h=n("h1",{id:"demos",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#demos","aria-hidden":"true"},"#"),t(" Demos")],-1),x=n("p",null,"Here you can find useful demos with their source code and playgrounds.",-1),f=n("h2",{id:"vueflux-transitions",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vueflux-transitions","aria-hidden":"true"},"#"),t(" VueFlux transitions")],-1),p=n("h2",{id:"fluxparallax-fixed",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxparallax-fixed","aria-hidden":"true"},"#"),t(" FluxParallax fixed")],-1),v=n("h2",{id:"vueflux-complements",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vueflux-complements","aria-hidden":"true"},"#"),t(" VueFlux complements")],-1);function C(b,F){const l=s("demos-demos-Transitions"),o=s("ClientOnly"),d=s("Lines"),i=s("demos-demos-ParallaxFixed"),r=s("demos-demos-Complements");return _(),u("div",null,[h,x,f,e(o,null,{default:a(()=>[e(l)]),_:1}),e(o,null,{default:a(()=>[e(d)]),_:1}),p,e(o,null,{default:a(()=>[e(i)]),_:1}),e(o,null,{default:a(()=>[e(d)]),_:1}),v,e(o,null,{default:a(()=>[e(r)]),_:1})])}const y=c(m,[["render",C],["__file","index.html.vue"]]);export{y as default};
+import{_ as c,r as s,o as _,c as u,a as e,w as a,b as n,d as t}from"./app-9q7i-DDF.js";const m={},h=n("h1",{id:"demos",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#demos","aria-hidden":"true"},"#"),t(" Demos")],-1),x=n("p",null,"Here you can find useful demos with their source code and playgrounds.",-1),f=n("h2",{id:"vueflux-transitions",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vueflux-transitions","aria-hidden":"true"},"#"),t(" VueFlux transitions")],-1),p=n("h2",{id:"fluxparallax-fixed",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxparallax-fixed","aria-hidden":"true"},"#"),t(" FluxParallax fixed")],-1),v=n("h2",{id:"vueflux-complements",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vueflux-complements","aria-hidden":"true"},"#"),t(" VueFlux complements")],-1);function C(b,F){const l=s("demos-demos-Transitions"),o=s("ClientOnly"),d=s("Lines"),i=s("demos-demos-ParallaxFixed"),r=s("demos-demos-Complements");return _(),u("div",null,[h,x,f,e(o,null,{default:a(()=>[e(l)]),_:1}),e(o,null,{default:a(()=>[e(d)]),_:1}),p,e(o,null,{default:a(()=>[e(i)]),_:1}),e(o,null,{default:a(()=>[e(d)]),_:1}),v,e(o,null,{default:a(()=>[e(r)]),_:1})])}const y=c(m,[["render",C],["__file","index.html.vue"]]);export{y as default};
diff --git a/docs/assets/index.html-FykCIyYN.js b/docs/assets/index.html-dnoyuGmR.js
similarity index 93%
rename from docs/assets/index.html-FykCIyYN.js
rename to docs/assets/index.html-dnoyuGmR.js
index 8ebf1dfb..2bcdcfba 100644
--- a/docs/assets/index.html-FykCIyYN.js
+++ b/docs/assets/index.html-dnoyuGmR.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const r={},i=a('
 Waterfall
 Description
Divides the image in bars and drops them down in turns.
 Options
NameTypeDefault
colsnumber10
tileDurationnumber600
tileDelaynumber90
easingstringcubic-bezier(0.55, 0.055, 0.675, 0.19)
',5),n=[i];function h(o,s){return e(),d("div",null,n)}const l=t(r,[["render",h],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const r={},i=a('
 Waterfall
 Description
Divides the image in bars and drops them down in turns.
 Options
NameTypeDefault
colsnumber10
tileDurationnumber600
tileDelaynumber90
easingstringcubic-bezier(0.55, 0.055, 0.675, 0.19)
',5),n=[i];function h(o,s){return e(),d("div",null,n)}const l=t(r,[["render",h],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-h5-ejwIH.js b/docs/assets/index.html-e2rt9xJf.js
similarity index 96%
rename from docs/assets/index.html-h5-ejwIH.js
rename to docs/assets/index.html-e2rt9xJf.js
index bda81d66..6c5ffdfc 100644
--- a/docs/assets/index.html-h5-ejwIH.js
+++ b/docs/assets/index.html-e2rt9xJf.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as o}from"./app-SStEjskS.js";const n={},r=o('
 Components
NameDescription
VueFluxThe main slider component. Check the complements that you can use to extend functionality
FluxButtonComponent used to display svg buttons
FluxCubeComponent capable to display a cube (6 sides) of images
FluxGridComponent that divides an image into blocks or cubes of images
FluxImageThe most basic component that displays the image
FluxParallaxMakes an image move in concordance of page scroll
FluxTransitionThis is the component in charge of running a transition from an image to another
FluxVortexComponent that displays an image in a set of nested circles
FluxWrapperJust a wrapper to easy some transitions
',2),d=[r];function s(i,c){return e(),a("div",null,d)}const m=t(n,[["render",s],["__file","index.html.vue"]]);export{m as default};
+import{_ as t,o as e,c as a,e as o}from"./app-9q7i-DDF.js";const n={},r=o('
 Components
NameDescription
VueFluxThe main slider component. Check the complements that you can use to extend functionality
FluxButtonComponent used to display svg buttons
FluxCubeComponent capable to display a cube (6 sides) of images
FluxGridComponent that divides an image into blocks or cubes of images
FluxImageThe most basic component that displays the image
FluxParallaxMakes an image move in concordance of page scroll
FluxTransitionThis is the component in charge of running a transition from an image to another
FluxVortexComponent that displays an image in a set of nested circles
FluxWrapperJust a wrapper to easy some transitions
',2),d=[r];function s(i,c){return e(),a("div",null,d)}const m=t(n,[["render",s],["__file","index.html.vue"]]);export{m as default};
diff --git a/docs/assets/index.html-fcoOeMPz.js b/docs/assets/index.html-eGhbayWr.js
similarity index 95%
rename from docs/assets/index.html-fcoOeMPz.js
rename to docs/assets/index.html-eGhbayWr.js
index 2ce6e6fd..fd7e7e93 100644
--- a/docs/assets/index.html-fcoOeMPz.js
+++ b/docs/assets/index.html-eGhbayWr.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as n}from"./app-SStEjskS.js";const o={},d=n('
 Complements
This components are complements because extend the functionlity of VueFlux component, so they depend on it and can not be used without it.
NameDescription
FluxCaptionDisplays a caption corresponding to an image
FluxControlsDisplays previous, play / pause and next buttons
FluxIndexDisplays a button that once pressed opens an index of all images
FluxPaginationDisplays an image pagination to navigate through them
FluxPreloaderDisplays a spinner while images are being preloaded and causes a transition to run when the slider images changed
',3),s=[d];function r(i,l){return e(),a("div",null,s)}const p=t(o,[["render",r],["__file","index.html.vue"]]);export{p as default};
+import{_ as t,o as e,c as a,e as n}from"./app-9q7i-DDF.js";const o={},d=n('
 Complements
This components are complements because extend the functionlity of VueFlux component, so they depend on it and can not be used without it.
NameDescription
FluxCaptionDisplays a caption corresponding to an image
FluxControlsDisplays previous, play / pause and next buttons
FluxIndexDisplays a button that once pressed opens an index of all images
FluxPaginationDisplays an image pagination to navigate through them
FluxPreloaderDisplays a spinner while images are being preloaded and causes a transition to run when the slider images changed
',3),s=[d];function r(i,l){return e(),a("div",null,s)}const p=t(o,[["render",r],["__file","index.html.vue"]]);export{p as default};
diff --git a/docs/assets/index.html-4r69ldri.js b/docs/assets/index.html-fUoLwlQR.js
similarity index 93%
rename from docs/assets/index.html-4r69ldri.js
rename to docs/assets/index.html-fUoLwlQR.js
index 8ba35cf3..6d38d5e4 100644
--- a/docs/assets/index.html-4r69ldri.js
+++ b/docs/assets/index.html-fUoLwlQR.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const r={},i=a('
 Blinds 2D
 Description
Divides the image in vertical bars that blinds and fades out.
Demo
 Options
NameTypeDefault
colsnumber10
tileDurationnumber800
tileDelaynumber100
easingstringlinear
',6),n=[i];function s(o,h){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const r={},i=a('
 Blinds 2D
 Description
Divides the image in vertical bars that blinds and fades out.
Demo
 Options
NameTypeDefault
colsnumber10
tileDurationnumber800
tileDelaynumber100
easingstringlinear
',6),n=[i];function s(o,h){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-xOgpLU_5.js b/docs/assets/index.html-fUpSkZXf.js
similarity index 98%
rename from docs/assets/index.html-xOgpLU_5.js
rename to docs/assets/index.html-fUpSkZXf.js
index 1664a777..0a40263e 100644
--- a/docs/assets/index.html-xOgpLU_5.js
+++ b/docs/assets/index.html-fUpSkZXf.js
@@ -1,4 +1,4 @@
-import{_ as e,o as a,c as s,e as t}from"./app-SStEjskS.js";const i={},r=t(`
 FluxVortex
 Description
Image component made of concentric circles.
 Attributes
 circles
The number of circles the vortex will be made of.
  • Type: Number
  • Required: false
  • Default: 1
 image
The URL of the image to be displayed.
  • Type: String
  • Required: true
 size
This size is the width and height in pixels that the component will have.
The image will be scaled and positioned to cover this size.
  • Type: Object
  • Required: true
  • Schema:
{
+import{_ as e,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const i={},r=t(`
 FluxVortex
 Description
Image component made of concentric circles.
 Attributes
 circles
The number of circles the vortex will be made of.
  • Type: Number
  • Required: false
  • Default: 1
 image
The URL of the image to be displayed.
  • Type: String
  • Required: true
 size
This size is the width and height in pixels that the component will have.
The image will be scaled and positioned to cover this size.
  • Type: Object
  • Required: true
  • Schema:
{
    width: Number,
    height: Number,
 }
diff --git a/docs/assets/index.html-YHdOLQQU.js b/docs/assets/index.html-gNlXQLCb.js
similarity index 93%
rename from docs/assets/index.html-YHdOLQQU.js
rename to docs/assets/index.html-gNlXQLCb.js
index b2db4435..5f67938c 100644
--- a/docs/assets/index.html-YHdOLQQU.js
+++ b/docs/assets/index.html-gNlXQLCb.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},o=r('
 Explode
 Description
The image starts to explode from the center to outside.
Demo
 Options
NameTypeDefault
rowsnumber9
colsnumber9
tileDurationnumber300
tileDelaynumber100
easingstringlinear
',6),i=[o];function n(s,h){return e(),d("div",null,i)}const l=t(a,[["render",n],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},o=r('
 Explode
 Description
The image starts to explode from the center to outside.
Demo
 Options
NameTypeDefault
rowsnumber9
colsnumber9
tileDurationnumber300
tileDelaynumber100
easingstringlinear
',6),i=[o];function n(s,h){return e(),d("div",null,i)}const l=t(a,[["render",n],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-buqKZEFY.js b/docs/assets/index.html-h5XS9PgX.js
similarity index 92%
rename from docs/assets/index.html-buqKZEFY.js
rename to docs/assets/index.html-h5XS9PgX.js
index e51caf2b..f360c116 100644
--- a/docs/assets/index.html-buqKZEFY.js
+++ b/docs/assets/index.html-h5XS9PgX.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const i={},r=d('
 Fall
 Description
The image falls in front displaying next image.
Demo
 Options
NameTypeDefault
totalDurationnumber1600
easingstringease-in
',6),n=[r];function o(s,h){return e(),a("div",null,n)}const c=t(i,[["render",o],["__file","index.html.vue"]]);export{c as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const i={},r=d('
 Fall
 Description
The image falls in front displaying next image.
Demo
 Options
NameTypeDefault
totalDurationnumber1600
easingstringease-in
',6),n=[r];function o(s,h){return e(),a("div",null,n)}const c=t(i,[["render",o],["__file","index.html.vue"]]);export{c as default};
diff --git a/docs/assets/index.html-6OinJlns.js b/docs/assets/index.html-hBCn-SOS.js
similarity index 99%
rename from docs/assets/index.html-6OinJlns.js
rename to docs/assets/index.html-hBCn-SOS.js
index ecf34d8f..850284da 100644
--- a/docs/assets/index.html-6OinJlns.js
+++ b/docs/assets/index.html-hBCn-SOS.js
@@ -1,4 +1,4 @@
-import{_ as i,r as p,o as c,c as r,b as n,d as a,a as t,w as o,e as s}from"./app-SStEjskS.js";const u={},d=s(`
 VueFlux
 Description
This is the main component of the slider and will be the frame that displays the images.
 Attributes
All the attributes are reactive, so if you change their value at any moment, the slider will be updated automatically.
 options
An object containing the slider options.
  • Type: Object
  • Required: false
This are the available options.
OptionTypeDefaultDescription
allowFullscreenBooleanfalseAllows the slider to be displayed in full screen
allowToSkipTransitionBooleantrueIf enabled you will be able to skip the running transition, otherwise you need to wait to interact again
aspectRatiostring16:9Aspect ratio to set the slider by width:height ratio
autohideTimenumber2500The time in ms that the controls and index buttons remain visible. If set to 0 they will never disappear
autoplayBooleanfalseAutoplay images when preload finished
bindKeysBooleanfalseBinds the arrow keys of keyboard to show next or previous
delaynumber5000The time in ms that an image will be displayed before changing to next
enableGesturesBooleanfalseDefine if in touchable screens should use gestures instead of showing control and index buttons
infiniteBooleantrueThe slider will start over when reaches the last image, otherwise will stop
lazyLoadBooleantrueEnables or disables lazy loading of images. If disabled, transitions will not begin until all images have been loaded
lazyLoadAfternumber3Indicates how many images have to be loaded before starting to load the rest in background
pathstringThe images common path, which will be prepended to images URL
This is the default options schema:
{
+import{_ as i,r as p,o as c,c as r,b as n,d as a,a as t,w as o,e as s}from"./app-9q7i-DDF.js";const u={},d=s(`
 VueFlux
 Description
This is the main component of the slider and will be the frame that displays the images.
 Attributes
All the attributes are reactive, so if you change their value at any moment, the slider will be updated automatically.
 options
An object containing the slider options.
  • Type: Object
  • Required: false
This are the available options.
OptionTypeDefaultDescription
allowFullscreenBooleanfalseAllows the slider to be displayed in full screen
allowToSkipTransitionBooleantrueIf enabled you will be able to skip the running transition, otherwise you need to wait to interact again
aspectRatiostring16:9Aspect ratio to set the slider by width:height ratio
autohideTimenumber2500The time in ms that the controls and index buttons remain visible. If set to 0 they will never disappear
autoplayBooleanfalseAutoplay images when preload finished
bindKeysBooleanfalseBinds the arrow keys of keyboard to show next or previous
delaynumber5000The time in ms that an image will be displayed before changing to next
enableGesturesBooleanfalseDefine if in touchable screens should use gestures instead of showing control and index buttons
infiniteBooleantrueThe slider will start over when reaches the last image, otherwise will stop
lazyLoadBooleantrueEnables or disables lazy loading of images. If disabled, transitions will not begin until all images have been loaded
lazyLoadAfternumber3Indicates how many images have to be loaded before starting to load the rest in background
pathstringThe images common path, which will be prepended to images URL
This is the default options schema:
{
    allowFullscreen: false,
    allowToSkipTransition: true,
    autohideTime: 2500,
diff --git a/docs/assets/index.html-YZsTVxxW.js b/docs/assets/index.html-hJOgAcj0.js
similarity index 93%
rename from docs/assets/index.html-YZsTVxxW.js
rename to docs/assets/index.html-hJOgAcj0.js
index f4bee712..d2f71de1 100644
--- a/docs/assets/index.html-YZsTVxxW.js
+++ b/docs/assets/index.html-hJOgAcj0.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const r={},i=a('
 Blinds 3D
 Description
Divides the image in vertical bars that blinds 180 deg to form the next image.
Demo
 Options
NameTypeDefault
colsnumber6
tileDurationnumber800
tileDelaynumber150
easingstringease-out
',6),n=[i];function s(o,h){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const r={},i=a('
 Blinds 3D
 Description
Divides the image in vertical bars that blinds 180 deg to form the next image.
Demo
 Options
NameTypeDefault
colsnumber6
tileDurationnumber800
tileDelaynumber150
easingstringease-out
',6),n=[i];function s(o,h){return e(),d("div",null,n)}const l=t(r,[["render",s],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-fJtozTNH.js b/docs/assets/index.html-hZ7PEOAL.js
similarity index 92%
rename from docs/assets/index.html-fJtozTNH.js
rename to docs/assets/index.html-hZ7PEOAL.js
index f6d13cfe..c0de6a94 100644
--- a/docs/assets/index.html-fJtozTNH.js
+++ b/docs/assets/index.html-hZ7PEOAL.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const i={},r=d('
 Slide
 Description
Slides the image horizontally revealing the next.
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-in-out
',5),n=[r];function h(o,s){return e(),a("div",null,n)}const l=t(i,[["render",h],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const i={},r=d('
 Slide
 Description
Slides the image horizontally revealing the next.
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-in-out
',5),n=[r];function h(o,s){return e(),a("div",null,n)}const l=t(i,[["render",h],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-3JlTrCku.js b/docs/assets/index.html-hZxyIGOx.js
similarity index 93%
rename from docs/assets/index.html-3JlTrCku.js
rename to docs/assets/index.html-hZxyIGOx.js
index 1a9f566a..1a2119a6 100644
--- a/docs/assets/index.html-3JlTrCku.js
+++ b/docs/assets/index.html-hZxyIGOx.js
@@ -1 +1 @@
-import{_ as e,o as t,c as i,e as n}from"./app-SStEjskS.js";const a={},o=n('
 Transitions
Here you can find all transitions included with a demo, playground and the source.
Watch out because most of the transitions become hypnotic and result very funny.
TIP
Don't forget to see both directions, because most of the transitions have a different effect depending on the direction.
I personally recommend playing with:
  • round 2 also has a pretty effect playing with the rotation x value
  • warp in previous direction, because looks like a kaleidoscope, amazing!
  • wave has a great effect and feels even relaxing in slow motion
  • zip results beautiful when the next image starts appearing
',6),s=[o];function r(c,l){return t(),i("div",null,s)}const p=e(a,[["render",r],["__file","index.html.vue"]]);export{p as default};
+import{_ as e,o as t,c as i,e as n}from"./app-9q7i-DDF.js";const a={},o=n('
 Transitions
Here you can find all transitions included with a demo, playground and the source.
Watch out because most of the transitions become hypnotic and result very funny.
TIP
Don't forget to see both directions, because most of the transitions have a different effect depending on the direction.
I personally recommend playing with:
  • round 2 also has a pretty effect playing with the rotation x value
  • warp in previous direction, because looks like a kaleidoscope, amazing!
  • wave has a great effect and feels even relaxing in slow motion
  • zip results beautiful when the next image starts appearing
',6),s=[o];function r(c,l){return t(),i("div",null,s)}const p=e(a,[["render",r],["__file","index.html.vue"]]);export{p as default};
diff --git a/docs/assets/index.html-KytFOy_U.js b/docs/assets/index.html-i21py_yt.js
similarity index 97%
rename from docs/assets/index.html-KytFOy_U.js
rename to docs/assets/index.html-i21py_yt.js
index 6c6fa844..3ecd3d66 100644
--- a/docs/assets/index.html-KytFOy_U.js
+++ b/docs/assets/index.html-i21py_yt.js
@@ -1,2 +1,2 @@
-import{_ as t,o as a,c as n,e as s}from"./app-SStEjskS.js";const e={},o=s(`
 Description
Component to make an image grid.
 Component
Draws and composes a grid of cubes.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
rowsnumbertrueThe number of rows
colsnumbertrueThe number of cols
indexObjecttrueAn object containing the indexes of images to apply to the tile cubes
tileCssObjectfalseInitial tile CSS style
Example:
<flux-grid :slider="slider" :num-rows="5" :num-cols="5" :index="2"></flux-grid>
+import{_ as t,o as a,c as n,e as s}from"./app-9q7i-DDF.js";const e={},o=s(`
 Description
Component to make an image grid.
 Component
Draws and composes a grid of cubes.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
rowsnumbertrueThe number of rows
colsnumbertrueThe number of cols
indexObjecttrueAn object containing the indexes of images to apply to the tile cubes
tileCssObjectfalseInitial tile CSS style
Example:
<flux-grid :slider="slider" :num-rows="5" :num-cols="5" :index="2"></flux-grid>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied to grid container
transformfuncRuns a transform function for each tile, receiving as parameter the cube and number
`,10),d=[o];function p(c,r){return a(),n("div",null,d)}const i=t(e,[["render",p],["__file","index.html.vue"]]);export{i as default};
diff --git a/docs/assets/index.html-iCJdpJd8.js b/docs/assets/index.html-iCJdpJd8.js
deleted file mode 100644
index cb75bf88..00000000
--- a/docs/assets/index.html-iCJdpJd8.js
+++ /dev/null
@@ -1,142 +0,0 @@
-import{_ as n,o as e,c as t,f as o,b as s}from"./app-SStEjskS.js";const i={},l=s("p",null,"WIP",-1);function r(u,a){return e(),t("div",null,[l,o(` 
-# FluxControls
-
-::: warning
-
-I am using here the latest 2.6 vue syntax for slots, but if your Vue version is older check [Named-Slots](https://vuejs.org/v2/guide/components-slots.html#Named-Slots) to see how slots are used in previous versions.
-
-:::
-
-## Description
-
-The included component to display controls with the buttons previous, next, play and pause.
-
-## Attributes
-
-### slider
-
-Is the VueFlux instance component from which to read the captions.
-
-If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
-
-- **Type:** \`VueFlux\`
-- **Required:** \`false\`
-
-#### Example of controls inside vue-flux
-
-\`\`\` html
-
-
-   
-
-\`\`\`
-
-\`\`\` js
-import {
-   VueFlux,
-   FluxControls
-} from 'vue-flux';
-
-export default {
-   components: {
-      VueFlux,
-      FluxControls,
-   },
-
-   data: () => ({
-      vfOptions: {
-         autoplay: true
-      },
-      vfImages: [ 'URL1', 'URL2', 'URL3' ],
-      vfTransitions: [ 'fade', 'slide' ],
-   }),
-}
-\`\`\`
-
-#### Example of controls outside vue-flux
-
-\`\`\` html
-
-
-
-
-\`\`\`
-
-\`\`\` js
-import {
-   VueFlux,
-   FluxControls,
-} from 'vue-flux';
-
-export default {
-   components: {
-      VueFlux,
-      FluxControls,
-   },
-
-   data: () => ({
-      mounted: false,
-      vfOptions: {
-         autoplay: true,
-      },
-      vfImages: [ 'URL1', 'URL2', 'URL3' ],
-      vfTransitions: [ 'fade', 'slide' ],
-   }),
-
-   mounted() {
-      this.mounted = true;
-   },
-}
-\`\`\`
-
-## Properties
-
-### vf
-
-The \`VueFlux\` instance component.
-
-- **Type:** \`VueFlux\`
-
-### display
-
-Will return \`true\` if the slider is loaded and mouse moved over.
-
-- **Type:** \`Boolean\`
-
-### captions
-
-The array of captions passed originally to the VueFlux component.
-
-- **Type:** \`Array\`
-
-## Methods
-
-### getCaption(index)
-
-Gets the caption element corresponding to the index captions array.
-
-If no index defined will return the one of current image.
-
-- index
-  - Type: \`Number\`
-  - Required: \`false\`
-
-### getCaptionText(index)
-
-Gets the caption text corresponding to the index captions array.
-
-If no index defined will return the one of current image.
-
-- index
-  - Type: \`Number\`
-  - Required: \`false\`
- `)])}const p=n(i,[["render",r],["__file","index.html.vue"]]);export{p as default};
diff --git a/docs/assets/index.html-c3S4161h.js b/docs/assets/index.html-iDL9VX6a.js
similarity index 92%
rename from docs/assets/index.html-c3S4161h.js
rename to docs/assets/index.html-iDL9VX6a.js
index fee3c3ab..bced212b 100644
--- a/docs/assets/index.html-c3S4161h.js
+++ b/docs/assets/index.html-iDL9VX6a.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as o}from"./app-SStEjskS.js";const d={},r=o('
 Book
 Description
Makes the effect of turning a page to display next image.
Demo
 Options
NameTypeDefault
totalDurationnumber1200
easingstringease-out
',6),i=[r];function n(s,h){return e(),a("div",null,i)}const l=t(d,[["render",n],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as o}from"./app-9q7i-DDF.js";const d={},r=o('
 Book
 Description
Makes the effect of turning a page to display next image.
Demo
 Options
NameTypeDefault
totalDurationnumber1200
easingstringease-out
',6),i=[r];function n(s,h){return e(),a("div",null,i)}const l=t(d,[["render",n],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-4YRcvpjg.js b/docs/assets/index.html-iWo_kx7v.js
similarity index 90%
rename from docs/assets/index.html-4YRcvpjg.js
rename to docs/assets/index.html-iWo_kx7v.js
index 396d128e..fb1312cf 100644
--- a/docs/assets/index.html-4YRcvpjg.js
+++ b/docs/assets/index.html-iWo_kx7v.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const i={},r=d('
 Description
Turns the image to a side like if place in a cube.
 Options
NameTypeDefault
totalDurationnumber1400
easingStringease-out
',4),n=[r];function o(s,c){return e(),a("div",null,n)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const i={},r=d('
 Description
Turns the image to a side like if place in a cube.
 Options
NameTypeDefault
totalDurationnumber1400
easingStringease-out
',4),n=[r];function o(s,c){return e(),a("div",null,n)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-qT-ZujbF.js b/docs/assets/index.html-j-NJpxTC.js
similarity index 99%
rename from docs/assets/index.html-qT-ZujbF.js
rename to docs/assets/index.html-j-NJpxTC.js
index 18a2f793..2af4a95d 100644
--- a/docs/assets/index.html-qT-ZujbF.js
+++ b/docs/assets/index.html-j-NJpxTC.js
@@ -1,4 +1,4 @@
-import{_ as t,r as e,o,c as p,b as s,d as n,a as c,e as r}from"./app-SStEjskS.js";const i={},l=s("h1",{id:"fluxcube",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#fluxcube","aria-hidden":"true"},"#"),n(" FluxCube")],-1),u=s("h2",{id:"description",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),n(" Description")],-1),d=s("p",null,"Component composed by up to 6 resources that forms a cube.",-1),k={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-cube.html",target:"_blank",rel:"noopener noreferrer"},h=r(`
 Props
interface FluxCubeProps {
+import{_ as t,r as e,o,c as p,b as s,d as n,a as c,e as r}from"./app-9q7i-DDF.js";const i={},l=s("h1",{id:"fluxcube",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#fluxcube","aria-hidden":"true"},"#"),n(" FluxCube")],-1),u=s("h2",{id:"description",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),n(" Description")],-1),d=s("p",null,"Component composed by up to 6 resources that forms a cube.",-1),k={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-cube.html",target:"_blank",rel:"noopener noreferrer"},h=r(`
 Props
interface FluxCubeProps {
 	size: Size;
 	viewSize?: Size = new Size();
 	color?: string;
diff --git a/docs/assets/index.html-9HR5IWHa.js b/docs/assets/index.html-l6TZ1hPy.js
similarity index 93%
rename from docs/assets/index.html-9HR5IWHa.js
rename to docs/assets/index.html-l6TZ1hPy.js
index f3e42881..3c8d39c0 100644
--- a/docs/assets/index.html-9HR5IWHa.js
+++ b/docs/assets/index.html-l6TZ1hPy.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as a}from"./app-SStEjskS.js";const r={},i=a('
 Waterfall
 Description
Divides the image in bars and drops them down in turns.
Demo
 Options
NameTypeDefault
colsnumber10
tileDurationnumber600
tileDelaynumber90
easingstringcubic-bezier(0.55, 0.055, 0.675, 0.19)
',6),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as a}from"./app-9q7i-DDF.js";const r={},i=a('
 Waterfall
 Description
Divides the image in bars and drops them down in turns.
Demo
 Options
NameTypeDefault
colsnumber10
tileDurationnumber600
tileDelaynumber90
easingstringcubic-bezier(0.55, 0.055, 0.675, 0.19)
',6),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-VMXCMZx2.js b/docs/assets/index.html-lnFzadz5.js
similarity index 98%
rename from docs/assets/index.html-VMXCMZx2.js
rename to docs/assets/index.html-lnFzadz5.js
index 2ebb3a62..dff6659d 100644
--- a/docs/assets/index.html-VMXCMZx2.js
+++ b/docs/assets/index.html-lnFzadz5.js
@@ -1,4 +1,4 @@
-import{_ as e,o as a,c as s,e as t}from"./app-SStEjskS.js";const n={},i=t(`
 FluxImage
 Description
The FluxImage component represents the lowest component of library and displays an image, part of it or a color.
 Attributes
 color
Sets the background color.
The values can be any valid CSS color.
  • Type: String
  • Required: false
 image
The URL of the image to be displayed.
  • Type: String
  • Required: false
 size
This size is the width and height in pixels that the component will have.
If receives an image, the image will be scaled and positioned to cover this size.
  • Type: Object
  • Required: false
  • Schema:
{
+import{_ as e,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const n={},i=t(`
 FluxImage
 Description
The FluxImage component represents the lowest component of library and displays an image, part of it or a color.
 Attributes
 color
Sets the background color.
The values can be any valid CSS color.
  • Type: String
  • Required: false
 image
The URL of the image to be displayed.
  • Type: String
  • Required: false
 size
This size is the width and height in pixels that the component will have.
If receives an image, the image will be scaled and positioned to cover this size.
  • Type: Object
  • Required: false
  • Schema:
{
    width: Number,
    height: Number,
 }
diff --git a/docs/assets/index.html--kpOxeVb.js b/docs/assets/index.html-lnQL46UG.js
similarity index 98%
rename from docs/assets/index.html--kpOxeVb.js
rename to docs/assets/index.html-lnQL46UG.js
index 9da45d20..b5ef3e59 100644
--- a/docs/assets/index.html--kpOxeVb.js
+++ b/docs/assets/index.html-lnQL46UG.js
@@ -1,4 +1,4 @@
-import{_ as t,o as e,c as a,e as n}from"./app-SStEjskS.js";const s={},d=n(`
 Description
Component composed by FluxImages that form a cube.
 Component
Represents a set of images that renders as a 6 sides cube.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
indexObjecttrueAn object containing the sides indexes
cssObjectfalseInitial CSS style, by default sets top 0 and left 0
Example:
<flux-cube
+import{_ as t,o as e,c as a,e as n}from"./app-9q7i-DDF.js";const s={},d=n(`
 Description
Component composed by FluxImages that form a cube.
 Component
Represents a set of images that renders as a 6 sides cube.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
indexObjecttrueAn object containing the sides indexes
cssObjectfalseInitial CSS style, by default sets top 0 and left 0
Example:
<flux-cube
    :slider="slider"
    :index="{front: 1, top: 2, left: '#ccc', right: '#ccc'}"
    :css="{width: '300px', height: '300px'}">
diff --git a/docs/assets/index.html-djdL0lqZ.js b/docs/assets/index.html-mnNtwwVf.js
similarity index 99%
rename from docs/assets/index.html-djdL0lqZ.js
rename to docs/assets/index.html-mnNtwwVf.js
index 49d7b6b5..1561cdeb 100644
--- a/docs/assets/index.html-djdL0lqZ.js
+++ b/docs/assets/index.html-mnNtwwVf.js
@@ -1,4 +1,4 @@
-import{_ as n,o as a,c as s,e as t}from"./app-SStEjskS.js";const p={},o=t(`
 Description
It is a default component to display controls with buttons to display previous, next, play and pause.
The slot can be overwritten with custom controls.
 Component
It will display the buttons when no transition is active and mouse over. Will not be displayed in touchable screens.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Example of controls inside vue-flux
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions">
+import{_ as n,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const p={},o=t(`
 Description
It is a default component to display controls with buttons to display previous, next, play and pause.
The slot can be overwritten with custom controls.
 Component
It will display the buttons when no transition is active and mouse over. Will not be displayed in touchable screens.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Example of controls inside vue-flux
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions">
     <flux-controls slot="controls"></flux-controls>
 </vue-flux>
 
import { VueFlux, FluxControls, Transitions } from 'vue-flux';
diff --git a/docs/assets/index.html-5TqEa4pd.js b/docs/assets/index.html-my0ozqKl.js
similarity index 92%
rename from docs/assets/index.html-5TqEa4pd.js
rename to docs/assets/index.html-my0ozqKl.js
index 1ab62b98..c27484c9 100644
--- a/docs/assets/index.html-5TqEa4pd.js
+++ b/docs/assets/index.html-my0ozqKl.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const r={},i=d('
 Cube
 Description
Turns the image to a side like if place in a cube.
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-out
',5),n=[i];function o(h,s){return e(),a("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const r={},i=d('
 Cube
 Description
Turns the image to a side like if place in a cube.
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-out
',5),n=[i];function o(h,s){return e(),a("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-SyF3V_yv.js b/docs/assets/index.html-nVYtnpK6.js
similarity index 98%
rename from docs/assets/index.html-SyF3V_yv.js
rename to docs/assets/index.html-nVYtnpK6.js
index 114b851b..031057ff 100644
--- a/docs/assets/index.html-SyF3V_yv.js
+++ b/docs/assets/index.html-nVYtnpK6.js
@@ -1 +1 @@
-import{_ as e,o as t,c as a,e as i}from"./app-SStEjskS.js";const s={},r=i('
 FluxParallax
 Description
Creates a parallax effect given an image. It can recreate 3 types, relative, visible and fixed.
TIP
Do not forget to set the height with CSS if has no content, otherwise you probably will not see anything.
 Attributes
 src
The image URL to be displayed.
  • Type: String
  • Required: true
 holder
Represents the object that should be watched for scrolling.
  • Type: String
  • Required: false
  • Default: window
TIP
This parameter has no effect when the effect type set to fixed
 type
Depending on the type the effect will differ.
  • Type: String
  • Required: false
  • Default: relative
 relative
This type is the default and moves the image with the defined offset when scrolling until reaches the edge.
 visible
This works pretty like the relative except because the image will not start moving until the whole image is visible.
 fixed
Makes the parallax element like a window through you can view the defined image, and you see the part of the image where the parallax position.
 offset
Is the amount of image hidden that will be displayed when scrolling.
If set in percentage the amount of pixels will be calculated in reference of height. So if the height is 300px, and the offset is set to 100% then the image will displace for 300px.
  • Type: Number | String
  • Required: false
  • Default: 100%
TIP
This parameter has no effect when the effect type set to fixed
 Methods
 resize()
Recalculates the sizes.
 setCss(css)
Set CSS styles to the parallax.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
',32),o=[r];function d(h,n){return t(),a("div",null,o)}const c=e(s,[["render",d],["__file","index.html.vue"]]);export{c as default};
+import{_ as e,o as t,c as a,e as i}from"./app-9q7i-DDF.js";const s={},r=i('
 FluxParallax
 Description
Creates a parallax effect given an image. It can recreate 3 types, relative, visible and fixed.
TIP
Do not forget to set the height with CSS if has no content, otherwise you probably will not see anything.
 Attributes
 src
The image URL to be displayed.
  • Type: String
  • Required: true
 holder
Represents the object that should be watched for scrolling.
  • Type: String
  • Required: false
  • Default: window
TIP
This parameter has no effect when the effect type set to fixed
 type
Depending on the type the effect will differ.
  • Type: String
  • Required: false
  • Default: relative
 relative
This type is the default and moves the image with the defined offset when scrolling until reaches the edge.
 visible
This works pretty like the relative except because the image will not start moving until the whole image is visible.
 fixed
Makes the parallax element like a window through you can view the defined image, and you see the part of the image where the parallax position.
 offset
Is the amount of image hidden that will be displayed when scrolling.
If set in percentage the amount of pixels will be calculated in reference of height. So if the height is 300px, and the offset is set to 100% then the image will displace for 300px.
  • Type: Number | String
  • Required: false
  • Default: 100%
TIP
This parameter has no effect when the effect type set to fixed
 Methods
 resize()
Recalculates the sizes.
 setCss(css)
Set CSS styles to the parallax.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
',32),o=[r];function d(h,n){return t(),a("div",null,o)}const c=e(s,[["render",d],["__file","index.html.vue"]]);export{c as default};
diff --git a/docs/assets/index.html-z_5iyNoo.js b/docs/assets/index.html-nZfUXnW4.js
similarity index 82%
rename from docs/assets/index.html-z_5iyNoo.js
rename to docs/assets/index.html-nZfUXnW4.js
index b6dd575e..9991e51a 100644
--- a/docs/assets/index.html-z_5iyNoo.js
+++ b/docs/assets/index.html-nZfUXnW4.js
@@ -1 +1 @@
-import{_ as t,o,c as d,b as e,d as n}from"./app-SStEjskS.js";const a={},c=e("h1",{id:"video",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#video","aria-hidden":"true"},"#"),n(" Video")],-1),s=e("p",null,"To be implemented",-1),i=[c,s];function r(_,l){return o(),d("div",null,i)}const f=t(a,[["render",r],["__file","index.html.vue"]]);export{f as default};
+import{_ as t,o,c as d,b as e,d as n}from"./app-9q7i-DDF.js";const a={},c=e("h1",{id:"video",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#video","aria-hidden":"true"},"#"),n(" Video")],-1),s=e("p",null,"To be implemented",-1),i=[c,s];function r(_,l){return o(),d("div",null,i)}const f=t(a,[["render",r],["__file","index.html.vue"]]);export{f as default};
diff --git a/docs/assets/index.html-VrHkfeaI.js b/docs/assets/index.html-ofdJfGWx.js
similarity index 93%
rename from docs/assets/index.html-VrHkfeaI.js
rename to docs/assets/index.html-ofdJfGWx.js
index 8092027b..ef768e13 100644
--- a/docs/assets/index.html-VrHkfeaI.js
+++ b/docs/assets/index.html-ofdJfGWx.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},n=r('
 Round 1
 Description
The image is split in blocks that turn 180 deg horizontally to form next image.
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber800
tileDelaynumber150
easingstringease-out
',5),i=[n];function o(h,s){return e(),d("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},n=r('
 Round 1
 Description
The image is split in blocks that turn 180 deg horizontally to form next image.
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber800
tileDelaynumber150
easingstringease-out
',5),i=[n];function o(h,s){return e(),d("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-0HTXccnn.js b/docs/assets/index.html-ohE_14mP.js
similarity index 93%
rename from docs/assets/index.html-0HTXccnn.js
rename to docs/assets/index.html-ohE_14mP.js
index 6b67eb3d..a36fc776 100644
--- a/docs/assets/index.html-0HTXccnn.js
+++ b/docs/assets/index.html-ohE_14mP.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},o=r('
 Explode
 Description
The image starts to explode from the center to outside.
 Options
NameTypeDefault
rowsnumber9
colsnumber9
tileDurationnumber300
tileDelaynumber100
easingstringlinear
',5),i=[o];function n(h,s){return e(),d("div",null,i)}const l=t(a,[["render",n],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},o=r('
 Explode
 Description
The image starts to explode from the center to outside.
 Options
NameTypeDefault
rowsnumber9
colsnumber9
tileDurationnumber300
tileDelaynumber100
easingstringlinear
',5),i=[o];function n(h,s){return e(),d("div",null,i)}const l=t(a,[["render",n],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-CLszFOVR.js b/docs/assets/index.html-pQkFWyBK.js
similarity index 99%
rename from docs/assets/index.html-CLszFOVR.js
rename to docs/assets/index.html-pQkFWyBK.js
index d993b279..4503aeed 100644
--- a/docs/assets/index.html-CLszFOVR.js
+++ b/docs/assets/index.html-pQkFWyBK.js
@@ -1,4 +1,4 @@
-import{_ as a,o as e,c as s,e as n}from"./app-SStEjskS.js";const t={},o=n(`
 FluxGrid
 Description
Component to make grid of image or cube.
 Attributes
 rows
The number of rows the grid will be made of.
  • Type: Number
  • Required: false
  • Default: 1
 cols
The number of cols the grid will be made of.
  • Type: Number
  • Required: false
  • Default: 1
 color
Sets the background color.
The values can be any valid CSS color.
  • Type: String
  • Required: false
 colors
Sets the background color to defined sides in case grid is made of cubes.
The values can be any valid CSS color.
  • Type: Object
  • Required: false
  • Schema:
{
+import{_ as a,o as e,c as s,e as n}from"./app-9q7i-DDF.js";const t={},o=n(`
 FluxGrid
 Description
Component to make grid of image or cube.
 Attributes
 rows
The number of rows the grid will be made of.
  • Type: Number
  • Required: false
  • Default: 1
 cols
The number of cols the grid will be made of.
  • Type: Number
  • Required: false
  • Default: 1
 color
Sets the background color.
The values can be any valid CSS color.
  • Type: String
  • Required: false
 colors
Sets the background color to defined sides in case grid is made of cubes.
The values can be any valid CSS color.
  • Type: Object
  • Required: false
  • Schema:
{
    front: String,
    back: String,
    top: String,
diff --git a/docs/assets/index.html-qF_QncbZ.js b/docs/assets/index.html-qF_QncbZ.js
new file mode 100644
index 00000000..a4531266
--- /dev/null
+++ b/docs/assets/index.html-qF_QncbZ.js
@@ -0,0 +1,61 @@
+import{_ as t,r as p,o as e,c as o,b as n,d as a,a as c,e as l}from"./app-9q7i-DDF.js";const u={},i=n("h1",{id:"fluxcontrols",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#fluxcontrols","aria-hidden":"true"},"#"),a(" FluxControls")],-1),r={class:"custom-container warning"},k=n("p",{class:"custom-container-title"},"WARNING",-1),d={href:"https://vuejs.org/v2/guide/components-slots.html#Named-Slots",target:"_blank",rel:"noopener noreferrer"},h=l(`
 Description
The included component to display controls with the buttons previous, next, play and pause.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of controls inside vue-flux
<vue-flux
+   :options="vfOptions"
+   :images="vfImages"
+   :transitions="vfTransitions">
+
+   <template v-slot:controls>
+      <flux-controls />
+   </template>
+</vue-flux>
+
import {
+   VueFlux,
+   FluxControls
+} from 'vue-flux';
+
+export default {
+   components: {
+      VueFlux,
+      FluxControls,
+   },
+
+   data: () => ({
+      vfOptions: {
+         autoplay: true
+      },
+      vfImages: [ 'URL1', 'URL2', 'URL3' ],
+      vfTransitions: [ 'fade', 'slide' ],
+   }),
+}
+
 Example of controls outside vue-flux
<vue-flux
+   :options="fluxOptions"
+   :images="fluxImages"
+   :transitions="fluxTransitions"
+   ref="slider">
+</vue-flux>
+
+<flux-controls v-if="mounted" :slider="$refs.slider" />
+
import {
+   VueFlux,
+   FluxControls,
+} from 'vue-flux';
+
+export default {
+   components: {
+      VueFlux,
+      FluxControls,
+   },
+
+   data: () => ({
+      mounted: false,
+      vfOptions: {
+         autoplay: true,
+      },
+      vfImages: [ 'URL1', 'URL2', 'URL3' ],
+      vfTransitions: [ 'fade', 'slide' ],
+   }),
+
+   mounted() {
+      this.mounted = true;
+   },
+}
+
 Properties
 vf
The VueFlux instance component.
  • Type: VueFlux
 display
Will return true if the slider is loaded and mouse moved over.
  • Type: Boolean
 captions
The array of captions passed originally to the VueFlux component.
  • Type: Array
 Methods
 getCaption(index)
Gets the caption element corresponding to the index captions array.
If no index defined will return the one of current image.
  • index 
    • Type: Number
    • Required: false
 getCaptionText(index)
Gets the caption text corresponding to the index captions array.
If no index defined will return the one of current image.
  • index 
    • Type: Number
    • Required: false
`,32);function f(g,x){const s=p("ExternalLinkIcon");return e(),o("div",null,[i,n("div",r,[k,n("p",null,[a("I am using here the latest 2.6 vue syntax for slots, but if your Vue version is older check "),n("a",d,[a("Named-Slots"),c(s)]),a(" to see how slots are used in previous versions.")])]),h])}const v=t(u,[["render",f],["__file","index.html.vue"]]);export{v as default};
diff --git a/docs/assets/index.html-YNR8Y2tI.js b/docs/assets/index.html-qHTgoOHS.js
similarity index 94%
rename from docs/assets/index.html-YNR8Y2tI.js
rename to docs/assets/index.html-qHTgoOHS.js
index 7aac2a83..0a3e79e0 100644
--- a/docs/assets/index.html-YNR8Y2tI.js
+++ b/docs/assets/index.html-qHTgoOHS.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},n=r('
 Round 2
 Description
Panels start to round vertically revealing the next image in upper arrow form leaving trail.
Demo
 Options
NameTypeDefault
rowsnumber9
colsnumber9
tileDurationnumber800
tileDelaynumber100
easingstringlinear
rotateXstring-540
',6),i=[n];function o(s,h){return e(),d("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},n=r('
 Round 2
 Description
Panels start to round vertically revealing the next image in upper arrow form leaving trail.
Demo
 Options
NameTypeDefault
rowsnumber9
colsnumber9
tileDurationnumber800
tileDelaynumber100
easingstringlinear
rotateXstring-540
',6),i=[n];function o(s,h){return e(),d("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-x1jSbyMK.js b/docs/assets/index.html-qvBYB5Iq.js
similarity index 92%
rename from docs/assets/index.html-x1jSbyMK.js
rename to docs/assets/index.html-qvBYB5Iq.js
index 58fc4cfc..0e94d8f5 100644
--- a/docs/assets/index.html-x1jSbyMK.js
+++ b/docs/assets/index.html-qvBYB5Iq.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const i={},n=r('
 Description
A concentric effect is performed by rotating the image converted into circles in alternate direction.
 Options
NameTypeDefault
circlesnumber
tileDurationnumber800
tileDelaynumber150
easingStringlinear
',4),a=[n];function o(c,s){return e(),d("div",null,a)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const i={},n=r('
 Description
A concentric effect is performed by rotating the image converted into circles in alternate direction.
 Options
NameTypeDefault
circlesnumber
tileDurationnumber800
tileDelaynumber150
easingStringlinear
',4),a=[n];function o(c,s){return e(),d("div",null,a)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-I3K0_vRO.js b/docs/assets/index.html-qzZ2chqI.js
similarity index 93%
rename from docs/assets/index.html-I3K0_vRO.js
rename to docs/assets/index.html-qzZ2chqI.js
index b888710e..53f75ef0 100644
--- a/docs/assets/index.html-I3K0_vRO.js
+++ b/docs/assets/index.html-qzZ2chqI.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},o=r('
 Blocks 2
 Description
The image is split in blocks that shrink and fade out in wave from a corner to the opposite.
Demo
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber800
tileDelaynumber80
easingstringease
',6),i=[o];function n(s,h){return e(),d("div",null,i)}const l=t(a,[["render",n],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},o=r('
 Blocks 2
 Description
The image is split in blocks that shrink and fade out in wave from a corner to the opposite.
Demo
 Options
NameTypeDefault
rowsnumber8
colsnumber8
tileDurationnumber800
tileDelaynumber80
easingstringease
',6),i=[o];function n(s,h){return e(),d("div",null,i)}const l=t(a,[["render",n],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-viaeeESs.js b/docs/assets/index.html-r15kGsmS.js
similarity index 97%
rename from docs/assets/index.html-viaeeESs.js
rename to docs/assets/index.html-r15kGsmS.js
index 4f8188da..b6a7fd6a 100644
--- a/docs/assets/index.html-viaeeESs.js
+++ b/docs/assets/index.html-r15kGsmS.js
@@ -1 +1 @@
-import{_ as t,o as d,c as e,e as i}from"./app-SStEjskS.js";const n={},a=i("
VueFlux comes with nice 20 transitions.
NameComponentDescription
Blinds 2DtransitionBlinds2dDivides the image in vertical bars that blinds and fades out
Blinds 3DtransitionBlinds3dDivides the image in vertical bars that blinds 180 deg to form the next image
Blocks 1transitionBlocks1The image is split in blocks that shrink and fade out randomly
Blocks 2transitionBlocks2The image is split in blocks that shrink and fade out in wave from a corner to the opposite
BooktransitionBookMakes the effect of turning a page to display next image
CameratransitionCameraFrom outside to inside the image is being cropped like in a camera lens
ConcentrictransitionConcentricA concentric effect is performed by rotating the image converted into circles
CubetransitionCubeTurns the image to a side like if place in a cube
ExplodetransitionExplodeThe image is split in blocks that explode revealing the next image
FadetransitionFadeFades from one image to next
FalltransitionFallThe image falls in front displaying next image
KenburntransitionKenburnFades, zoom and moves current image to next
Round 1transitionRound1The image is split in blocks that turn 180 deg horizontally to form next image
Round 2transitionRound2The image is split in blocks that round vertically until disappear
SlidetransitionSlideSlides the image horizontally revealing the next
SwipetransitionSwipeSwipes the image to display next like uncovered with a curtain
WarptransitionWarpA concentric effect is performed by rotating the image converted into circles in alternate direction
WaterfalltransitionWaterfallDivides the image in bars and drops them down in turns
WavetransitionWaveMakes the image 3D and divides it in slices that turn vertically to display the next image
ZiptransitionZipDivides the image in bars and slides them up and down alternately like a zip
",2),r=[a];function o(s,l){return d(),e("div",null,r)}const h=t(n,[["render",o],["__file","index.html.vue"]]);export{h as default};
+import{_ as t,o as d,c as e,e as i}from"./app-9q7i-DDF.js";const n={},a=i("
VueFlux comes with nice 20 transitions.
NameComponentDescription
Blinds 2DtransitionBlinds2dDivides the image in vertical bars that blinds and fades out
Blinds 3DtransitionBlinds3dDivides the image in vertical bars that blinds 180 deg to form the next image
Blocks 1transitionBlocks1The image is split in blocks that shrink and fade out randomly
Blocks 2transitionBlocks2The image is split in blocks that shrink and fade out in wave from a corner to the opposite
BooktransitionBookMakes the effect of turning a page to display next image
CameratransitionCameraFrom outside to inside the image is being cropped like in a camera lens
ConcentrictransitionConcentricA concentric effect is performed by rotating the image converted into circles
CubetransitionCubeTurns the image to a side like if place in a cube
ExplodetransitionExplodeThe image is split in blocks that explode revealing the next image
FadetransitionFadeFades from one image to next
FalltransitionFallThe image falls in front displaying next image
KenburntransitionKenburnFades, zoom and moves current image to next
Round 1transitionRound1The image is split in blocks that turn 180 deg horizontally to form next image
Round 2transitionRound2The image is split in blocks that round vertically until disappear
SlidetransitionSlideSlides the image horizontally revealing the next
SwipetransitionSwipeSwipes the image to display next like uncovered with a curtain
WarptransitionWarpA concentric effect is performed by rotating the image converted into circles in alternate direction
WaterfalltransitionWaterfallDivides the image in bars and drops them down in turns
WavetransitionWaveMakes the image 3D and divides it in slices that turn vertically to display the next image
ZiptransitionZipDivides the image in bars and slides them up and down alternately like a zip
",2),r=[a];function o(s,l){return d(),e("div",null,r)}const h=t(n,[["render",o],["__file","index.html.vue"]]);export{h as default};
diff --git a/docs/assets/index.html-uhB3XnBB.js b/docs/assets/index.html-ro0iq9g8.js
similarity index 92%
rename from docs/assets/index.html-uhB3XnBB.js
rename to docs/assets/index.html-ro0iq9g8.js
index c95667a0..9263a3fb 100644
--- a/docs/assets/index.html-uhB3XnBB.js
+++ b/docs/assets/index.html-ro0iq9g8.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},n=r('
 Description
Divides the image in bars and drops them down in turns.
 Options
NameTypeDefault
numColsnumber
tileDurationnumber600
tileDelaynumber80
easingstringease-in
',4),i=[n];function o(s,h){return e(),d("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},n=r('
 Description
Divides the image in bars and drops them down in turns.
 Options
NameTypeDefault
numColsnumber
tileDurationnumber600
tileDelaynumber80
easingstringease-in
',4),i=[n];function o(s,h){return e(),d("div",null,i)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-eS7C9bYh.js b/docs/assets/index.html-sijXV9Y1.js
similarity index 92%
rename from docs/assets/index.html-eS7C9bYh.js
rename to docs/assets/index.html-sijXV9Y1.js
index 5e49da48..b80c871c 100644
--- a/docs/assets/index.html-eS7C9bYh.js
+++ b/docs/assets/index.html-sijXV9Y1.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},i=r('
 Description
From outside to inside the image is being cropped like in a camera lens.
 Options
NameTypeDefault
numCirclesnumber
tileDurationnumber400
tileDelaynumber80
easingStringease
',4),n=[i];function o(s,c){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},i=r('
 Description
From outside to inside the image is being cropped like in a camera lens.
 Options
NameTypeDefault
numCirclesnumber
tileDurationnumber400
tileDelaynumber80
easingStringease
',4),n=[i];function o(s,c){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-Ffd2RRDL.js b/docs/assets/index.html-tYNHQZNW.js
similarity index 97%
rename from docs/assets/index.html-Ffd2RRDL.js
rename to docs/assets/index.html-tYNHQZNW.js
index 9c39c52b..acc3f5e0 100644
--- a/docs/assets/index.html-Ffd2RRDL.js
+++ b/docs/assets/index.html-tYNHQZNW.js
@@ -1,2 +1,2 @@
-import{_ as t,o as a,c as e,e as n}from"./app-SStEjskS.js";const s={},o=n(`
 Description
Component to display a miniature of an image.
 Component
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
indexNumber, StringtrueIf a number represents the image index of slider and if string of hexadecimal will just paint it with the defined color
cssObjectfalseStyle rules to be applied
Example:
<flux-thumb :slider="slider" :index="1"></flux-thumb>
+import{_ as t,o as a,c as e,e as n}from"./app-9q7i-DDF.js";const s={},o=n(`
 Description
Component to display a miniature of an image.
 Component
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
indexNumber, StringtrueIf a number represents the image index of slider and if string of hexadecimal will just paint it with the defined color
cssObjectfalseStyle rules to be applied
Example:
<flux-thumb :slider="slider" :index="1"></flux-thumb>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied to the thumb
`,9),d=[o];function p(i,c){return a(),e("div",null,d)}const l=t(s,[["render",p],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-uyJpfBoV.js b/docs/assets/index.html-uAHdXsFE.js
similarity index 99%
rename from docs/assets/index.html-uyJpfBoV.js
rename to docs/assets/index.html-uAHdXsFE.js
index 644f1d5c..46a0f6d7 100644
--- a/docs/assets/index.html-uyJpfBoV.js
+++ b/docs/assets/index.html-uAHdXsFE.js
@@ -1,4 +1,4 @@
-import{_ as n,o as a,c as s,e as t}from"./app-SStEjskS.js";const p={},e=t(`
 Description
It is a default component to display an index of all images so it is a good resource when the slider contains many images.
You can place it inside the vue-flux component or outside and give it any style you want, meaning horizontal, vertical, with arrows, with scroll, etc. The default style is only applied if located inside and can be easily overwritten.
The slot can be used with custom index component.
 Component
It will display a button when no transition is active and mouse over. Will not be displayed in touchable screens but will appear dragging up inside the slider.
The index will auto hide after choosing an image with default styles.
The current image will have class current.
Placing the mouse over will display de caption if defined.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Example of index inside vue-flux
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions">
+import{_ as n,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const p={},e=t(`
 Description
It is a default component to display an index of all images so it is a good resource when the slider contains many images.
You can place it inside the vue-flux component or outside and give it any style you want, meaning horizontal, vertical, with arrows, with scroll, etc. The default style is only applied if located inside and can be easily overwritten.
The slot can be used with custom index component.
 Component
It will display a button when no transition is active and mouse over. Will not be displayed in touchable screens but will appear dragging up inside the slider.
The index will auto hide after choosing an image with default styles.
The current image will have class current.
Placing the mouse over will display de caption if defined.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Example of index inside vue-flux
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions">
     <flux-index slot="index"></flux-index>
 </vue-flux>
 
import { VueFlux, FluxIndex, Transitions } from 'vue-flux';
diff --git a/docs/assets/index.html-eJX5J104.js b/docs/assets/index.html-uLRBT-B_.js
similarity index 92%
rename from docs/assets/index.html-eJX5J104.js
rename to docs/assets/index.html-uLRBT-B_.js
index 7acd6c3a..0fb33c3f 100644
--- a/docs/assets/index.html-eJX5J104.js
+++ b/docs/assets/index.html-uLRBT-B_.js
@@ -1 +1 @@
-import{_ as t,o as e,c as d,e as r}from"./app-SStEjskS.js";const a={},i=r('
 Description
Divides the image in vertical bars that blinds 180 deg to form the next image.
 Options
NameTypeDefault
numColsnumber
tileDurationnumber800
tileDelaynumber150
easingStringease-out
',4),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as d,e as r}from"./app-9q7i-DDF.js";const a={},i=r('
 Description
Divides the image in vertical bars that blinds 180 deg to form the next image.
 Options
NameTypeDefault
numColsnumber
tileDurationnumber800
tileDelaynumber150
easingStringease-out
',4),n=[i];function o(s,h){return e(),d("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-e_6P0IpH.js b/docs/assets/index.html-v0yOSXAu.js
similarity index 97%
rename from docs/assets/index.html-e_6P0IpH.js
rename to docs/assets/index.html-v0yOSXAu.js
index 1dd085c4..967e7cf1 100644
--- a/docs/assets/index.html-e_6P0IpH.js
+++ b/docs/assets/index.html-v0yOSXAu.js
@@ -1,4 +1,4 @@
-import{_ as n,o as s,c as a,e as t}from"./app-SStEjskS.js";const e={},o=t(`
 SSR with Nuxt
This version is friendlier to SSR because now, the package comes with an SSR version ready.
component.vue
Wrap the <vue-flux> where you want to use it with <client-only> tags.
<client-only>
+import{_ as n,o as s,c as a,e as t}from"./app-9q7i-DDF.js";const e={},o=t(`
 SSR with Nuxt
This version is friendlier to SSR because now, the package comes with an SSR version ready.
component.vue
Wrap the <vue-flux> where you want to use it with <client-only> tags.
<client-only>
    <vue-flux>...</vue-flux>
 </client-only>
 
Import vue-flux components from the SSR version package.
Because the SSR version does not allow to include CSS in the package, you will have to import it also.
You can import the CSS in the component where you will use the slider, or in any preprocessed CSS file like SASS or Stylus
import {
diff --git a/docs/assets/index.html-vGKqEUXp.js b/docs/assets/index.html-vAq0IWEY.js
similarity index 99%
rename from docs/assets/index.html-vGKqEUXp.js
rename to docs/assets/index.html-vAq0IWEY.js
index 37fa756a..0544530b 100644
--- a/docs/assets/index.html-vGKqEUXp.js
+++ b/docs/assets/index.html-vAq0IWEY.js
@@ -1,4 +1,4 @@
-import{_ as n,o as a,c as s,e}from"./app-SStEjskS.js";const t={},o=e(`
 5.1.9
Fixed options property reactivity.
 5.1.8
Fixed touch issue not working in Iphone Safari and RaspBerry Pi touch screen.
 Reduced autohideTime to 1500 by default.
 5.1.7
Thumbs are now "mediaqueried" so their size will depend on screen size.
 Fixed blocks2 transition when reverse direction.
 Improved UX by changing mouseover to mousemove and adding the same behavior on tap with a timer.
 Added autohideTime option, check VueFlux component for more info.
 5.1.6
Fixed full screen option
 5.1.5
Fixed error displayed in console when destroying the component.
 5.1.4
Now when an image could not be loaded the slider will omit it displaying a console warning.
 5.1.3
Updated height calculation when set to auto.
 More info can be found in VueFlux under Size section.
 5.1.0
Added an option to enable gestures (disabled by default).
 Icons are now resized depending on the screen.
 5.0.3
As I was not convinced about the async solution I reworked the flux components a bit so now they don't need to receive the slider as reference if they are inside the vue-flux component and they will run perfectly.
If the components are placed out of vue-flux the slider will have to be referenced and add v-if condition that turns true when the component containing the slider is mounted. This way the slider will be passed as ref properly.
 5.0.2
Due to an issue found about slider reference not being properly taken from flux components, the declaration of FluxCaption, FluxControls, FluxIndex and FluxPagination must be included async. You just have to do it this way:
   import { VueFlux, Transitions, FluxCaption, FluxControls, FluxIndex, FluxPagination } from 'vue-flux';
+import{_ as n,o as a,c as s,e}from"./app-9q7i-DDF.js";const t={},o=e(`
 5.1.9
Fixed options property reactivity.
 5.1.8
Fixed touch issue not working in Iphone Safari and RaspBerry Pi touch screen.
 Reduced autohideTime to 1500 by default.
 5.1.7
Thumbs are now "mediaqueried" so their size will depend on screen size.
 Fixed blocks2 transition when reverse direction.
 Improved UX by changing mouseover to mousemove and adding the same behavior on tap with a timer.
 Added autohideTime option, check VueFlux component for more info.
 5.1.6
Fixed full screen option
 5.1.5
Fixed error displayed in console when destroying the component.
 5.1.4
Now when an image could not be loaded the slider will omit it displaying a console warning.
 5.1.3
Updated height calculation when set to auto.
 More info can be found in VueFlux under Size section.
 5.1.0
Added an option to enable gestures (disabled by default).
 Icons are now resized depending on the screen.
 5.0.3
As I was not convinced about the async solution I reworked the flux components a bit so now they don't need to receive the slider as reference if they are inside the vue-flux component and they will run perfectly.
If the components are placed out of vue-flux the slider will have to be referenced and add v-if condition that turns true when the component containing the slider is mounted. This way the slider will be passed as ref properly.
 5.0.2
Due to an issue found about slider reference not being properly taken from flux components, the declaration of FluxCaption, FluxControls, FluxIndex and FluxPagination must be included async. You just have to do it this way:
   import { VueFlux, Transitions, FluxCaption, FluxControls, FluxIndex, FluxPagination } from 'vue-flux';
 
    ...
    components: {
diff --git a/docs/assets/index.html-OlSFoxHZ.js b/docs/assets/index.html-vc24dNDZ.js
similarity index 90%
rename from docs/assets/index.html-OlSFoxHZ.js
rename to docs/assets/index.html-vc24dNDZ.js
index e74f6613..ea9530f1 100644
--- a/docs/assets/index.html-OlSFoxHZ.js
+++ b/docs/assets/index.html-vc24dNDZ.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const i={},n=d('
 Description
The image falls in front displaying next image.
 Options
NameTypeDefault
totalDurationnumber1600
easingStringease-in
',4),r=[n];function o(s,h){return e(),a("div",null,r)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const i={},n=d('
 Description
The image falls in front displaying next image.
 Options
NameTypeDefault
totalDurationnumber1600
easingStringease-in
',4),r=[n];function o(s,h){return e(),a("div",null,r)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-vO1-7a_w.js b/docs/assets/index.html-wPF-P_GV.js
similarity index 96%
rename from docs/assets/index.html-vO1-7a_w.js
rename to docs/assets/index.html-wPF-P_GV.js
index cd18d5de..e9676acf 100644
--- a/docs/assets/index.html-vO1-7a_w.js
+++ b/docs/assets/index.html-wPF-P_GV.js
@@ -1 +1 @@
-import{_ as e,o as a,c as t,e as s}from"./app-SStEjskS.js";const i={},d=s('
 FluxWrapper
 Description
A wrapper component for special needs like in some transitions. Sets CSS style overflow as hidden by default.
 Methods
 setCss(css)
Set CSS styles to the image.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 transform(css)
Sets the CSS styles to be transformed to within a transition.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 show()
Show the image, setting visibility to visible.
 hide()
Hide the image, setting visibility to hidden.
 Slots
 default
This component has a default slot to place anything you need within.
',17),r=[d];function h(o,n){return a(),t("div",null,r)}const l=e(i,[["render",h],["__file","index.html.vue"]]);export{l as default};
+import{_ as e,o as a,c as t,e as s}from"./app-9q7i-DDF.js";const i={},d=s('
 FluxWrapper
 Description
A wrapper component for special needs like in some transitions. Sets CSS style overflow as hidden by default.
 Methods
 setCss(css)
Set CSS styles to the image.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 transform(css)
Sets the CSS styles to be transformed to within a transition.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 show()
Show the image, setting visibility to visible.
 hide()
Hide the image, setting visibility to hidden.
 Slots
 default
This component has a default slot to place anything you need within.
',17),r=[d];function h(o,n){return a(),t("div",null,r)}const l=e(i,[["render",h],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-TeQJHaFD.js b/docs/assets/index.html-wV4AKH4s.js
similarity index 99%
rename from docs/assets/index.html-TeQJHaFD.js
rename to docs/assets/index.html-wV4AKH4s.js
index 159958cb..74bc6d20 100644
--- a/docs/assets/index.html-TeQJHaFD.js
+++ b/docs/assets/index.html-wV4AKH4s.js
@@ -1,4 +1,4 @@
-import{_ as n,o as a,c as s,e as t}from"./app-SStEjskS.js";const p={},o=t(`
 Installation and usage
 Installation
Installation is very simple, just use your favorite package manager:
npm install --save vue-flux@stable
+import{_ as n,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const p={},o=t(`
 Installation and usage
 Installation
Installation is very simple, just use your favorite package manager:
npm install --save vue-flux@stable
 
 Usage
Add the component to the template. This one has all the complements, so you can remove the ones you don't want.
<vue-flux
    :options="vfOptions"
    :images="vfImages"
diff --git a/docs/assets/index.html-hbooseBe.js b/docs/assets/index.html-wVPzE4TM.js
similarity index 99%
rename from docs/assets/index.html-hbooseBe.js
rename to docs/assets/index.html-wVPzE4TM.js
index eb2bef1a..fe4b8e3b 100644
--- a/docs/assets/index.html-hbooseBe.js
+++ b/docs/assets/index.html-wVPzE4TM.js
@@ -1,4 +1,4 @@
-import{_ as n,o as a,c as s,e as t}from"./app-SStEjskS.js";const p={},o=t(`
 Spinner
To use custom spinner you can do it using spinner slot like this:
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions" ref="slider">
+import{_ as n,o as a,c as s,e as t}from"./app-9q7i-DDF.js";const p={},o=t(`
 Spinner
To use custom spinner you can do it using spinner slot like this:
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions" ref="slider">
    <custom-spinner slot="spinner"></custom-spinner>
 </vue-flux>
 
import CustomSpinner from 'CustomSpinner.vue';
diff --git a/docs/assets/index.html-2saFVgyH.js b/docs/assets/index.html-xHsJdw18.js
similarity index 99%
rename from docs/assets/index.html-2saFVgyH.js
rename to docs/assets/index.html-xHsJdw18.js
index c4ddd706..f3eacdbd 100644
--- a/docs/assets/index.html-2saFVgyH.js
+++ b/docs/assets/index.html-xHsJdw18.js
@@ -1,4 +1,4 @@
-import{_ as l,r as e,o as i,c,b as n,d as a,a as s,w as u,e as o}from"./app-SStEjskS.js";const r={},d=n("h1",{id:"overview",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#overview","aria-hidden":"true"},"#"),a(" Overview")],-1),k={href:"https://vuejs.org/",target:"_blank",rel:"noopener noreferrer"},h=o('
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
',2),g=o(`
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
Install and save the package.
npm install --save vue-flux@stable
+import{_ as l,r as e,o as i,c,b as n,d as a,a as s,w as u,e as o}from"./app-9q7i-DDF.js";const r={},d=n("h1",{id:"overview",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#overview","aria-hidden":"true"},"#"),a(" Overview")],-1),k={href:"https://vuejs.org/",target:"_blank",rel:"noopener noreferrer"},h=o('
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
',2),g=o(`
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
Install and save the package.
npm install --save vue-flux@stable
 
Add the component to the template. This one has all the complements, so you can remove the ones you don't want.
<vue-flux
    :options="vfOptions"
    :images="vfImages"
diff --git a/docs/assets/index.html-BiO4_gzH.js b/docs/assets/index.html-xONg28pK.js
similarity index 97%
rename from docs/assets/index.html-BiO4_gzH.js
rename to docs/assets/index.html-xONg28pK.js
index bf1cb9f6..0df035d0 100644
--- a/docs/assets/index.html-BiO4_gzH.js
+++ b/docs/assets/index.html-xONg28pK.js
@@ -1,4 +1,4 @@
-import{_ as n,o as s,c as a,e}from"./app-SStEjskS.js";const t={},o=e(`
 Img
Renders an image
 Constructor
constructor(
+import{_ as n,o as s,c as a,e}from"./app-9q7i-DDF.js";const t={},o=e(`
 Img
Renders an image
 Constructor
constructor(
 	src: string,
 	caption: string = '',
 	resizeType: ResizeType = 'fill',
diff --git a/docs/assets/index.html-MiY1df6K.js b/docs/assets/index.html-xf-X98BI.js
similarity index 93%
rename from docs/assets/index.html-MiY1df6K.js
rename to docs/assets/index.html-xf-X98BI.js
index 00036854..be39f5fe 100644
--- a/docs/assets/index.html-MiY1df6K.js
+++ b/docs/assets/index.html-xf-X98BI.js
@@ -1 +1 @@
-import{_ as t,o as e,c as r,e as d}from"./app-SStEjskS.js";const a={},i=d('
 Warp
 Description
A concentric effect is performed by rotating the image converted into circles in alternate direction.
Demo
 Options
NameTypeDefault
circlesnumber7
tileDurationnumber800
tileDelaynumber150
easingstringlinear
',6),n=[i];function o(c,s){return e(),r("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as r,e as d}from"./app-9q7i-DDF.js";const a={},i=d('
 Warp
 Description
A concentric effect is performed by rotating the image converted into circles in alternate direction.
Demo
 Options
NameTypeDefault
circlesnumber7
tileDurationnumber800
tileDelaynumber150
easingstringlinear
',6),n=[i];function o(c,s){return e(),r("div",null,n)}const l=t(a,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-8fIGdRh7.js b/docs/assets/index.html-yQWVfEzX.js
similarity index 98%
rename from docs/assets/index.html-8fIGdRh7.js
rename to docs/assets/index.html-yQWVfEzX.js
index b4306e6c..52c00d45 100644
--- a/docs/assets/index.html-8fIGdRh7.js
+++ b/docs/assets/index.html-yQWVfEzX.js
@@ -1,4 +1,4 @@
-import{_ as n,o as s,c as a,e as t}from"./app-SStEjskS.js";const p={},o=t(`
Edit the Nuxt config to let it know not to SSR and to add it as vendor.
nuxt.config.js
   ...
+import{_ as n,o as s,c as a,e as t}from"./app-9q7i-DDF.js";const p={},o=t(`
Edit the Nuxt config to let it know not to SSR and to add it as vendor.
nuxt.config.js
   ...
    plugins: [{
       src: '~/node_modules/vue-flux', ssr: false
    }],
diff --git a/docs/assets/index.html-pB36KecW.js b/docs/assets/index.html-yc1brSOz.js
similarity index 92%
rename from docs/assets/index.html-pB36KecW.js
rename to docs/assets/index.html-yc1brSOz.js
index f539c96c..fb5c7120 100644
--- a/docs/assets/index.html-pB36KecW.js
+++ b/docs/assets/index.html-yc1brSOz.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const i={},r=d('
 Slide
 Description
Slides the image horizontally revealing the next.
Demo
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-in-out
',6),n=[r];function o(s,h){return e(),a("div",null,n)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const i={},r=d('
 Slide
 Description
Slides the image horizontally revealing the next.
Demo
 Options
NameTypeDefault
totalDurationnumber1400
easingstringease-in-out
',6),n=[r];function o(s,h){return e(),a("div",null,n)}const l=t(i,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-AKU91czv.js b/docs/assets/index.html-ymE4wAPX.js
similarity index 90%
rename from docs/assets/index.html-AKU91czv.js
rename to docs/assets/index.html-ymE4wAPX.js
index 82d09a9f..23c5091a 100644
--- a/docs/assets/index.html-AKU91czv.js
+++ b/docs/assets/index.html-ymE4wAPX.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const r={},i=d('
 Description
Slides the image horizontally revealing the next.
 Options
NameTypeDefault
totalDurationnumber1400
easingStringease-in-out
',4),n=[i];function o(h,s){return e(),a("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const r={},i=d('
 Description
Slides the image horizontally revealing the next.
 Options
NameTypeDefault
totalDurationnumber1400
easingStringease-in-out
',4),n=[i];function o(h,s){return e(),a("div",null,n)}const l=t(r,[["render",o],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-9x22ZvVg.js b/docs/assets/index.html-z2uAr563.js
similarity index 92%
rename from docs/assets/index.html-9x22ZvVg.js
rename to docs/assets/index.html-z2uAr563.js
index 10ce3855..e2f5fac3 100644
--- a/docs/assets/index.html-9x22ZvVg.js
+++ b/docs/assets/index.html-z2uAr563.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a,e as d}from"./app-SStEjskS.js";const o={},r=d('
 Book
 Description
Makes the effect of turning a page to display next image.
 Options
NameTypeDefault
totalDurationnumber1200
easingstringease-out
',5),i=[r];function n(h,s){return e(),a("div",null,i)}const l=t(o,[["render",n],["__file","index.html.vue"]]);export{l as default};
+import{_ as t,o as e,c as a,e as d}from"./app-9q7i-DDF.js";const o={},r=d('
 Book
 Description
Makes the effect of turning a page to display next image.
 Options
NameTypeDefault
totalDurationnumber1200
easingstringease-out
',5),i=[r];function n(h,s){return e(),a("div",null,i)}const l=t(o,[["render",n],["__file","index.html.vue"]]);export{l as default};
diff --git a/docs/assets/index.html-OrPZIL75.js b/docs/assets/index.html-zBnupeUk.js
similarity index 88%
rename from docs/assets/index.html-OrPZIL75.js
rename to docs/assets/index.html-zBnupeUk.js
index e456c108..15dbcf7c 100644
--- a/docs/assets/index.html-OrPZIL75.js
+++ b/docs/assets/index.html-zBnupeUk.js
@@ -1 +1 @@
-import{_ as o,r as l,o as r,c as s,b as e,d as t,a}from"./app-SStEjskS.js";const d={},c=e("h1",{id:"fluxbutton",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#fluxbutton","aria-hidden":"true"},"#"),t(" FluxButton")],-1),i=e("h2",{id:"description",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),t(" Description")],-1),h=e("p",null,"Component to display svg buttons.",-1),u={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-button.html",target:"_blank",rel:"noopener noreferrer"},_=e("h2",{id:"slots",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#slots","aria-hidden":"true"},"#"),t(" Slots")],-1),p=e("table",null,[e("thead",null,[e("tr",null,[e("th",null,"Name"),e("th",null,"Description")])]),e("tbody",null,[e("tr",null,[e("td"),e("td",null,"The content of this component will be rendered inside a dark circle. Only SVG tags should be placed here")])])],-1);function f(x,m){const n=l("ExternalLinkIcon");return r(),s("div",null,[c,i,h,e("p",null,[e("a",u,[t("Demo"),a(n)])]),_,p])}const k=o(d,[["render",f],["__file","index.html.vue"]]);export{k as default};
+import{_ as o,r as l,o as r,c as s,b as e,d as t,a}from"./app-9q7i-DDF.js";const d={},c=e("h1",{id:"fluxbutton",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#fluxbutton","aria-hidden":"true"},"#"),t(" FluxButton")],-1),i=e("h2",{id:"description",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#description","aria-hidden":"true"},"#"),t(" Description")],-1),h=e("p",null,"Component to display svg buttons.",-1),u={href:"http://ragnarlotus.github.io/vue-flux-docs/demos/components/flux-button.html",target:"_blank",rel:"noopener noreferrer"},_=e("h2",{id:"slots",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#slots","aria-hidden":"true"},"#"),t(" Slots")],-1),p=e("table",null,[e("thead",null,[e("tr",null,[e("th",null,"Name"),e("th",null,"Description")])]),e("tbody",null,[e("tr",null,[e("td"),e("td",null,"The content of this component will be rendered inside a dark circle. Only SVG tags should be placed here")])])],-1);function f(x,m){const n=l("ExternalLinkIcon");return r(),s("div",null,[c,i,h,e("p",null,[e("a",u,[t("Demo"),a(n)])]),_,p])}const k=o(d,[["render",f],["__file","index.html.vue"]]);export{k as default};
diff --git a/docs/assets/kenburn.html-NSP77o62.js b/docs/assets/kenburn.html-Y96QaeLT.js
similarity index 85%
rename from docs/assets/kenburn.html-NSP77o62.js
rename to docs/assets/kenburn.html-Y96QaeLT.js
index 0a6a3d33..fee7d6ab 100644
--- a/docs/assets/kenburn.html-NSP77o62.js
+++ b/docs/assets/kenburn.html-Y96QaeLT.js
@@ -1 +1 @@
-import{_ as a,r as e,o as s,c,a as n,w as _,b as t,d as l}from"./app-SStEjskS.js";const d={},i=t("h1",{id:"kenburn",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#kenburn","aria-hidden":"true"},"#"),l(" Kenburn")],-1);function u(m,h){const o=e("demos-transitions-Kenburn"),r=e("ClientOnly");return s(),c("div",null,[i,n(r,null,{default:_(()=>[n(o)]),_:1})])}const f=a(d,[["render",u],["__file","kenburn.html.vue"]]);export{f as default};
+import{_ as a,r as e,o as s,c,a as n,w as _,b as t,d as l}from"./app-9q7i-DDF.js";const d={},i=t("h1",{id:"kenburn",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#kenburn","aria-hidden":"true"},"#"),l(" Kenburn")],-1);function u(m,h){const o=e("demos-transitions-Kenburn"),r=e("ClientOnly");return s(),c("div",null,[i,n(r,null,{default:_(()=>[n(o)]),_:1})])}const f=a(d,[["render",u],["__file","kenburn.html.vue"]]);export{f as default};
diff --git a/docs/assets/round1.html-wHm5mP0H.js b/docs/assets/round1.html-sG4IOTkB.js
similarity index 85%
rename from docs/assets/round1.html-wHm5mP0H.js
rename to docs/assets/round1.html-sG4IOTkB.js
index ff18f852..96df7112 100644
--- a/docs/assets/round1.html-wHm5mP0H.js
+++ b/docs/assets/round1.html-sG4IOTkB.js
@@ -1 +1 @@
-import{_ as s,r as e,o as r,c as d,a as n,w as c,b as o,d as _}from"./app-SStEjskS.js";const l={},i=o("h1",{id:"round-1",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#round-1","aria-hidden":"true"},"#"),_(" Round 1")],-1);function u(m,h){const t=e("demos-transitions-Round1"),a=e("ClientOnly");return r(),d("div",null,[i,n(a,null,{default:c(()=>[n(t)]),_:1})])}const p=s(l,[["render",u],["__file","round1.html.vue"]]);export{p as default};
+import{_ as s,r as e,o as r,c as d,a as n,w as c,b as o,d as _}from"./app-9q7i-DDF.js";const l={},i=o("h1",{id:"round-1",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#round-1","aria-hidden":"true"},"#"),_(" Round 1")],-1);function u(m,h){const t=e("demos-transitions-Round1"),a=e("ClientOnly");return r(),d("div",null,[i,n(a,null,{default:c(()=>[n(t)]),_:1})])}const p=s(l,[["render",u],["__file","round1.html.vue"]]);export{p as default};
diff --git a/docs/assets/round2.html-cp_Lz8NY.js b/docs/assets/round2.html-inNaX0iX.js
similarity index 85%
rename from docs/assets/round2.html-cp_Lz8NY.js
rename to docs/assets/round2.html-inNaX0iX.js
index 2c685efd..6032f14b 100644
--- a/docs/assets/round2.html-cp_Lz8NY.js
+++ b/docs/assets/round2.html-inNaX0iX.js
@@ -1 +1 @@
-import{_ as s,r as e,o as r,c as d,a as n,w as c,b as o,d as _}from"./app-SStEjskS.js";const l={},i=o("h1",{id:"round-2",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#round-2","aria-hidden":"true"},"#"),_(" Round 2")],-1);function u(m,h){const t=e("demos-transitions-Round2"),a=e("ClientOnly");return r(),d("div",null,[i,n(a,null,{default:c(()=>[n(t)]),_:1})])}const p=s(l,[["render",u],["__file","round2.html.vue"]]);export{p as default};
+import{_ as s,r as e,o as r,c as d,a as n,w as c,b as o,d as _}from"./app-9q7i-DDF.js";const l={},i=o("h1",{id:"round-2",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#round-2","aria-hidden":"true"},"#"),_(" Round 2")],-1);function u(m,h){const t=e("demos-transitions-Round2"),a=e("ClientOnly");return r(),d("div",null,[i,n(a,null,{default:c(()=>[n(t)]),_:1})])}const p=s(l,[["render",u],["__file","round2.html.vue"]]);export{p as default};
diff --git a/docs/assets/slide.html-5m_88S6N.js b/docs/assets/slide.html-G3GYEoHg.js
similarity index 85%
rename from docs/assets/slide.html-5m_88S6N.js
rename to docs/assets/slide.html-G3GYEoHg.js
index ec060394..11f55f41 100644
--- a/docs/assets/slide.html-5m_88S6N.js
+++ b/docs/assets/slide.html-G3GYEoHg.js
@@ -1 +1 @@
-import{_ as a,r as e,o as l,c as d,a as t,w as i,b as n,d as c}from"./app-SStEjskS.js";const r={},_=n("h1",{id:"slide",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#slide","aria-hidden":"true"},"#"),c(" Slide")],-1);function m(h,f){const s=e("demos-transitions-Slide"),o=e("ClientOnly");return l(),d("div",null,[_,t(o,null,{default:i(()=>[t(s)]),_:1})])}const p=a(r,[["render",m],["__file","slide.html.vue"]]);export{p as default};
+import{_ as a,r as e,o as l,c as d,a as t,w as i,b as n,d as c}from"./app-9q7i-DDF.js";const r={},_=n("h1",{id:"slide",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#slide","aria-hidden":"true"},"#"),c(" Slide")],-1);function m(h,f){const s=e("demos-transitions-Slide"),o=e("ClientOnly");return l(),d("div",null,[_,t(o,null,{default:i(()=>[t(s)]),_:1})])}const p=a(r,[["render",m],["__file","slide.html.vue"]]);export{p as default};
diff --git a/docs/assets/slider-hgcxarFB.js b/docs/assets/slider-qIJTIoH5.js
similarity index 99%
rename from docs/assets/slider-hgcxarFB.js
rename to docs/assets/slider-qIJTIoH5.js
index 65e9b18c..c962ddd3 100644
--- a/docs/assets/slider-hgcxarFB.js
+++ b/docs/assets/slider-qIJTIoH5.js
@@ -1 +1 @@
-import{K as Tt,h as Lt,i as kt,x as cr,y as pr,A as ct,o as dr,c as fr,s as mr}from"./app-SStEjskS.js";function zt(k){return[null,void 0,!1].indexOf(k)!==-1}function hr(k){return k&&k.__esModule&&Object.prototype.hasOwnProperty.call(k,"default")?k.default:k}function xe(k){var M={exports:{}};return k(M,M.exports),M.exports}var be=xe(function(k,M){k.exports=function(){var S=["decimals","thousand","mark","prefix","suffix","encoder","decoder","negativeBefore","negative","edit","undo"];function pt(c){return c.split("").reverse().join("")}function Z(c,m){return c.substring(0,m.length)===m}function xt(c,m){return c.slice(-1*m.length)===m}function it(c,m,f){if((c[m]||c[f])&&c[m]===c[f])throw new Error(m)}function Y(c){return typeof c=="number"&&isFinite(c)}function nt(c,m){return c=c.toString().split("e"),(+((c=(c=Math.round(+(c[0]+"e"+(c[1]?+c[1]+m:m)))).toString().split("e"))[0]+"e"+(c[1]?+c[1]-m:-m))).toFixed(m)}function tt(c,m,f,E,w,mt,ft,L,et,$,D,b){var dt,U,rt,lt=b,G="",x="";return mt&&(b=mt(b)),!!Y(b)&&(c!==!1&&parseFloat(b.toFixed(c))===0&&(b=0),b<0&&(dt=!0,b=Math.abs(b)),c!==!1&&(b=nt(b,c)),(b=b.toString()).indexOf(".")!==-1?(rt=(U=b.split("."))[0],f&&(G=f+U[1])):rt=b,m&&(rt=pt(rt).match(/.{1,3}/g),rt=pt(rt.join(pt(m)))),dt&&L&&(x+=L),E&&(x+=E),dt&&et&&(x+=et),x+=rt,x+=G,w&&(x+=w),$&&(x=$(x,lt)),x)}function ot(c,m,f,E,w,mt,ft,L,et,$,D,b){var dt,U="";return D&&(b=D(b)),!(!b||typeof b!="string")&&(L&&Z(b,L)&&(b=b.replace(L,""),dt=!0),E&&Z(b,E)&&(b=b.replace(E,"")),et&&Z(b,et)&&(b=b.replace(et,""),dt=!0),w&&xt(b,w)&&(b=b.slice(0,-1*w.length)),m&&(b=b.split(m).join("")),f&&(b=b.replace(f,".")),dt&&(U+="-"),(U=(U+=b).replace(/[^0-9\.\-.]/g,""))!==""&&(U=Number(U),ft&&(U=ft(U)),!!Y(U)&&U))}function A(c){var m,f,E,w={};for(c.suffix===void 0&&(c.suffix=c.postfix),m=0;m=0&&E<8))throw new Error(f);w[f]=E}else if(f==="encoder"||f==="decoder"||f==="edit"||f==="undo"){if(typeof E!="function")throw new Error(f);w[f]=E}else{if(typeof E!="string")throw new Error(f);w[f]=E}return it(w,"mark","thousand"),it(w,"prefix","negative"),it(w,"prefix","negativeBefore"),w}function j(c,m,f){var E,w=[];for(E=0;E0&&(f(r,t),setTimeout(function(){E(r,t)},a))}function H(r){return Math.max(Math.min(r,100),0)}function c(r){return Array.isArray(r)?r:[r]}function m(r){var t=(r=String(r)).split(".");return t.length>1?t[1].length:0}function f(r,t){r.classList&&!/\s/.test(t)?r.classList.add(t):r.className+=" "+t}function E(r,t){r.classList&&!/\s/.test(t)?r.classList.remove(t):r.className=r.className.replace(new RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," ")}function w(r,t){return r.classList?r.classList.contains(t):new RegExp("\\b"+t+"\\b").test(r.className)}function mt(r){var t=window.pageXOffset!==void 0,a=(r.compatMode||"")==="CSS1Compat";return{x:t?window.pageXOffset:a?r.documentElement.scrollLeft:r.body.scrollLeft,y:t?window.pageYOffset:a?r.documentElement.scrollTop:r.body.scrollTop}}function ft(){return window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"}}function L(){var r=!1;try{var t=Object.defineProperty({},"passive",{get:function(){r=!0}});window.addEventListener("test",null,t)}catch{}return r}function et(){return window.CSS&&CSS.supports&&CSS.supports("touch-action","none")}function $(r,t){return 100/(t-r)}function D(r,t,a){return 100*t/(r[a+1]-r[a])}function b(r,t){return D(r,r[0]<0?t+Math.abs(r[0]):t-r[0],0)}function dt(r,t){return t*(r[1]-r[0])/100+r[0]}function U(r,t){for(var a=1;r>=t[a];)a+=1;return a}function rt(r,t,a){if(a>=r.slice(-1)[0])return 100;var d=U(a,r),l=r[d-1],v=r[d],N=t[d-1],R=t[d];return N+b([l,v],a)/$(N,R)}function lt(r,t,a){if(a>=100)return r.slice(-1)[0];var d=U(a,t),l=r[d-1],v=r[d],N=t[d-1];return dt([l,v],(a-N)*$(N,t[d]))}function G(r,t,a,d){if(d===100)return d;var l=U(d,r),v=r[l-1],N=r[l];return a?d-v>(N-v)/2?N:v:t[l-1]?r[l-1]+tt(d-r[l-1],t[l-1]):d}var x,I;S.PipsMode=void 0,(I=S.PipsMode||(S.PipsMode={})).Range="range",I.Steps="steps",I.Positions="positions",I.Count="count",I.Values="values",S.PipsType=void 0,(x=S.PipsType||(S.PipsType={}))[x.None=-1]="None",x[x.NoValue=0]="NoValue",x[x.LargeValue=1]="LargeValue",x[x.SmallValue=2]="SmallValue";var wt=function(){function r(t,a,d){var l;this.xPct=[],this.xVal=[],this.xSteps=[],this.xNumSteps=[],this.xHighestCompleteStep=[],this.xSteps=[d||!1],this.xNumSteps=[!1],this.snap=a;var v=[];for(Object.keys(t).forEach(function(N){v.push([c(t[N]),N])}),v.sort(function(N,R){return N[0][0]-R[0][0]}),l=0;lthis.xPct[v+1];)v++;else t===this.xPct[this.xPct.length-1]&&(v=this.xPct.length-2);d||t!==this.xPct[v+1]||v++,a===null&&(a=[]);var N=1,R=a[v],F=0,vt=0,K=0,g=0;for(l=d?(t-this.xPct[v])/(this.xPct[v+1]-this.xPct[v]):(this.xPct[v+1]-t)/(this.xPct[v+1]-this.xPct[v]);R>0;)F=this.xPct[v+1+g]-this.xPct[v+g],a[v+g]*N+100-100*l>100?(vt=F*l,N=(R-100*l)/a[v+g],l=1):(vt=a[v+g]*F/100*N,N=0),d?(K-=vt,this.xPct.length+g>=1&&g--):(K+=vt,this.xPct.length-g>=1&&g++),R=a[v+g]*N;return t+K},r.prototype.toStepping=function(t){return t=rt(this.xVal,this.xPct,t)},r.prototype.fromStepping=function(t){return lt(this.xVal,this.xPct,t)},r.prototype.getStep=function(t){return t=G(this.xPct,this.xSteps,this.snap,t)},r.prototype.getDefaultStep=function(t,a,d){var l=U(t,this.xPct);return(t===100||a&&t===this.xPct[l-1])&&(l=Math.max(l-1,1)),(this.xVal[l]-this.xVal[l-1])/d},r.prototype.getNearbySteps=function(t){var a=U(t,this.xPct);return{stepBefore:{startValue:this.xVal[a-2],step:this.xNumSteps[a-2],highestStep:this.xHighestCompleteStep[a-2]},thisStep:{startValue:this.xVal[a-1],step:this.xNumSteps[a-1],highestStep:this.xHighestCompleteStep[a-1]},stepAfter:{startValue:this.xVal[a],step:this.xNumSteps[a],highestStep:this.xHighestCompleteStep[a]}}},r.prototype.countStepDecimals=function(){var t=this.xNumSteps.map(m);return Math.max.apply(null,t)},r.prototype.hasNoSize=function(){return this.xVal[0]===this.xVal[this.xVal.length-1]},r.prototype.convert=function(t){return this.getStep(this.toStepping(t))},r.prototype.handleEntryPoint=function(t,a){var d;if(!A(d=t==="min"?0:t==="max"?100:parseFloat(t))||!A(a[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");this.xPct.push(d),this.xVal.push(a[0]);var l=Number(a[1]);d?this.xSteps.push(!isNaN(l)&&l):isNaN(l)||(this.xSteps[0]=l),this.xHighestCompleteStep.push(0)},r.prototype.handleStepPoint=function(t,a){if(a)if(this.xVal[t]!==this.xVal[t+1]){this.xSteps[t]=D([this.xVal[t],this.xVal[t+1]],a,0)/$(this.xPct[t],this.xPct[t+1]);var d=(this.xVal[t+1]-this.xVal[t])/this.xNumSteps[t],l=Math.ceil(Number(d.toFixed(3))-1),v=this.xVal[t]+this.xNumSteps[t]*l;this.xHighestCompleteStep[t]=v}else this.xSteps[t]=this.xHighestCompleteStep[t]=this.xVal[t]},r}(),St={to:function(r){return r===void 0?"":r.toFixed(2)},from:Number},J={target:"target",base:"base",origin:"origin",handle:"handle",handleLower:"handle-lower",handleUpper:"handle-upper",touchArea:"touch-area",horizontal:"horizontal",vertical:"vertical",background:"background",connect:"connect",connects:"connects",ltr:"ltr",rtl:"rtl",textDirectionLtr:"txt-dir-ltr",textDirectionRtl:"txt-dir-rtl",draggable:"draggable",drag:"state-drag",tap:"state-tap",active:"active",tooltip:"tooltip",pips:"pips",pipsHorizontal:"pips-horizontal",pipsVertical:"pips-vertical",marker:"marker",markerHorizontal:"marker-horizontal",markerVertical:"marker-vertical",markerNormal:"marker-normal",markerLarge:"marker-large",markerSub:"marker-sub",value:"value",valueHorizontal:"value-horizontal",valueVertical:"value-vertical",valueNormal:"value-normal",valueLarge:"value-large",valueSub:"value-sub"},q={tooltips:".__tooltips",aria:".__aria"};function ut(r,t){if(!A(t))throw new Error("noUiSlider: 'step' is not numeric.");r.singleStep=t}function ht(r,t){if(!A(t))throw new Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");r.keyboardPageMultiplier=t}function Et(r,t){if(!A(t))throw new Error("noUiSlider: 'keyboardMultiplier' is not numeric.");r.keyboardMultiplier=t}function Pt(r,t){if(!A(t))throw new Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");r.keyboardDefaultStep=t}function Q(r,t){if(typeof t!="object"||Array.isArray(t))throw new Error("noUiSlider: 'range' is not an object.");if(t.min===void 0||t.max===void 0)throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");r.spectrum=new wt(t,r.snap||!1,r.singleStep)}function h(r,t){if(t=c(t),!Array.isArray(t)||!t.length)throw new Error("noUiSlider: 'start' option is incorrect.");r.handles=t.length,r.start=t}function O(r,t){if(typeof t!="boolean")throw new Error("noUiSlider: 'snap' option must be a boolean.");r.snap=t}function Jt(r,t){if(typeof t!="boolean")throw new Error("noUiSlider: 'animate' option must be a boolean.");r.animate=t}function we(r,t){if(typeof t!="number")throw new Error("noUiSlider: 'animationDuration' option must be a number.");r.animationDuration=t}function Ee(r,t){var a,d=[!1];if(t==="lower"?t=[!0,!1]:t==="upper"&&(t=[!1,!0]),t===!0||t===!1){for(a=1;a1)throw new Error("noUiSlider: 'padding' option must not exceed 100% of the range.")}}function ke(r,t){switch(t){case"ltr":r.dir=0;break;case"rtl":r.dir=1;break;default:throw new Error("noUiSlider: 'direction' option was not recognized.")}}function Ae(r,t){if(typeof t!="string")throw new Error("noUiSlider: 'behaviour' must be a string containing options.");var a=t.indexOf("tap")>=0,d=t.indexOf("drag")>=0,l=t.indexOf("fixed")>=0,v=t.indexOf("snap")>=0,N=t.indexOf("hover")>=0,R=t.indexOf("unconstrained")>=0,F=t.indexOf("drag-all")>=0,vt=t.indexOf("smooth-steps")>=0;if(l){if(r.handles!==2)throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");Qt(r,r.start[1]-r.start[0])}if(R&&(r.margin||r.limit))throw new Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");r.events={tap:a||v,drag:d,dragAll:F,smoothSteps:vt,fixed:l,snap:v,hover:N,unconstrained:R}}function Ve(r,t){if(t!==!1)if(t===!0||Z(t)){r.tooltips=[];for(var a=0;a= 2) required for mode 'count'.");for(var i=e.values-1,n=100/i,o=[];i--;)o[i]=i*n;return o.push(100),ne(o,e.stepped)}return e.mode===S.PipsMode.Positions?ne(e.values,e.stepped):e.mode===S.PipsMode.Values?e.stepped?e.values.map(function(u){return g.fromStepping(g.getStep(g.toStepping(u)))}):e.values:[]}function ne(e,i){return e.map(function(n){return g.fromStepping(i?g.getStep(n):n)})}function Ye(e){function i(z,C){return Number((z+C).toFixed(7))}var n=Xe(e),o={},u=g.xVal[0],s=g.xVal[g.xVal.length-1],y=!1,p=!1,_=0;return(n=nt(n.slice().sort(function(z,C){return z-C})))[0]!==u&&(n.unshift(u),y=!0),n[n.length-1]!==s&&(n.push(s),p=!0),n.forEach(function(z,C){var V,P,W,at,X,fe,Wt,me,he,ve,Gt=z,Vt=n[C+1],ge=e.mode===S.PipsMode.Steps;for(ge&&(V=g.xNumSteps[C]),V||(V=Vt-Gt),Vt===void 0&&(Vt=Gt),V=Math.max(V,1e-7),P=Gt;P<=Vt;P=i(P,V)){for(me=(X=(at=g.toStepping(P))-_)/(e.density||1),ve=X/(he=Math.round(me)),W=1;W<=he;W+=1)o[(fe=_+W*ve).toFixed(5)]=[g.fromStepping(fe),0];Wt=n.indexOf(P)>-1?S.PipsType.LargeValue:ge?S.PipsType.SmallValue:S.PipsType.NoValue,!C&&y&&P!==Vt&&(Wt=0),P===Vt&&p||(o[at.toFixed(5)]=[P,Wt]),_=at}}),o}function Ie(e,i,n){var o,u,s=At.createElement("div"),y=((o={})[S.PipsType.None]="",o[S.PipsType.NoValue]=t.cssClasses.valueNormal,o[S.PipsType.LargeValue]=t.cssClasses.valueLarge,o[S.PipsType.SmallValue]=t.cssClasses.valueSub,o),p=((u={})[S.PipsType.None]="",u[S.PipsType.NoValue]=t.cssClasses.markerNormal,u[S.PipsType.LargeValue]=t.cssClasses.markerLarge,u[S.PipsType.SmallValue]=t.cssClasses.markerSub,u),_=[t.cssClasses.valueHorizontal,t.cssClasses.valueVertical],z=[t.cssClasses.markerHorizontal,t.cssClasses.markerVertical];function C(P,W){var at=W===t.cssClasses.value,X=at?y:p;return W+" "+(at?_:z)[t.ort]+" "+X[P]}function V(P,W,at){if((at=i?i(W,at):at)!==S.PipsType.None){var X=yt(s,!1);X.className=C(at,t.cssClasses.marker),X.style[t.style]=P+"%",at>S.PipsType.NoValue&&((X=yt(s,!1)).className=C(at,t.cssClasses.value),X.setAttribute("data-value",String(W)),X.style[t.style]=P+"%",X.innerHTML=String(n.to(W)))}}return f(s,t.cssClasses.pips),f(s,t.ort===0?t.cssClasses.pipsHorizontal:t.cssClasses.pipsVertical),Object.keys(e).forEach(function(P){V(P,e[P][0],e[P][1])}),s}function Bt(){N&&(xt(N),N=null)}function _t(e){Bt();var i=Ye(e),n=e.filter,o=e.format||{to:function(u){return String(Math.round(u))}};return N=K.appendChild(Ie(i,n,o))}function oe(){var e=d.getBoundingClientRect(),i="offset"+["Width","Height"][t.ort];return t.ort===0?e.width||d[i]:e.height||d[i]}function Nt(e,i,n,o){var u=function(y){var p=Ke(y,o.pageOffset,o.target||i);return!!p&&!(re()&&!o.doNotReject)&&!(w(K,t.cssClasses.tap)&&!o.doNotReject)&&!(e===F.start&&p.buttons!==void 0&&p.buttons>1)&&(!o.hover||!p.buttons)&&(vt||p.preventDefault(),p.calcPoint=p.points[t.ort],void n(p,o))},s=[];return e.split(" ").forEach(function(y){i.addEventListener(y,u,!!vt&&{passive:!0}),s.push([y,u])}),s}function Ke(e,i,n){var o=e.type.indexOf("touch")===0,u=e.type.indexOf("mouse")===0,s=e.type.indexOf("pointer")===0,y=0,p=0;if(e.type.indexOf("MSPointer")===0&&(s=!0),e.type==="mousedown"&&!e.buttons&&!e.touches)return!1;if(o){var _=function(V){var P=V.target;return P===n||n.contains(P)||e.composed&&e.composedPath().shift()===n};if(e.type==="touchstart"){var z=Array.prototype.filter.call(e.touches,_);if(z.length>1)return!1;y=z[0].pageX,p=z[0].pageY}else{var C=Array.prototype.find.call(e.changedTouches,_);if(!C)return!1;y=C.pageX,p=C.pageY}}return i=i||mt(At),(u||s)&&(y=e.clientX+i.x,p=e.clientY+i.y),e.pageOffset=i,e.points=[y,p],e.cursor=u||s,e}function ae(e){var i=100*(e-ot(d,t.ort))/oe();return i=H(i),t.dir?100-i:i}function We(e){var i=100,n=!1;return l.forEach(function(o,u){if(!qt(u)){var s=T[u],y=Math.abs(s-e);(ys||y===100&&i===100)&&(n=u,i=y)}}),n}function Ge(e,i){e.type==="mouseout"&&e.target.nodeName==="HTML"&&e.relatedTarget===null&&$t(e,i)}function Je(e,i){if(navigator.appVersion.indexOf("MSIE 9")===-1&&e.buttons===0&&i.buttonsProperty!==0)return $t(e,i);var n=(t.dir?-1:1)*(e.calcPoint-i.startCalcPoint);se(n>0,100*n/i.baseSize,i.locations,i.handleNumbers,i.connect)}function $t(e,i){i.handle&&(E(i.handle,t.cssClasses.active),Ht-=1),i.listeners.forEach(function(n){Ut.removeEventListener(n[0],n[1])}),Ht===0&&(E(K,t.cssClasses.drag),Kt(),e.cursor&&(Ot.style.cursor="",Ot.removeEventListener("selectstart",Y))),t.events.smoothSteps&&(i.handleNumbers.forEach(function(n){Ct(n,T[n],!0,!0,!1,!1)}),i.handleNumbers.forEach(function(n){B("update",n)})),i.handleNumbers.forEach(function(n){B("change",n),B("set",n),B("end",n)})}function Xt(e,i){if(!i.handleNumbers.some(qt)){var n;i.handleNumbers.length===1&&(n=l[i.handleNumbers[0]].children[0],Ht+=1,f(n,t.cssClasses.active)),e.stopPropagation();var o=[],u=Nt(F.move,Ut,Je,{target:e.target,handle:n,connect:i.connect,listeners:o,startCalcPoint:e.calcPoint,baseSize:oe(),pageOffset:e.pageOffset,handleNumbers:i.handleNumbers,buttonsProperty:e.buttons,locations:T.slice()}),s=Nt(F.end,Ut,$t,{target:e.target,handle:n,listeners:o,doNotReject:!0,handleNumbers:i.handleNumbers}),y=Nt("mouseout",Ut,Ge,{target:e.target,handle:n,listeners:o,doNotReject:!0,handleNumbers:i.handleNumbers});o.push.apply(o,u.concat(s,y)),e.cursor&&(Ot.style.cursor=getComputedStyle(e.target).cursor,l.length>1&&f(K,t.cssClasses.drag),Ot.addEventListener("selectstart",Y,!1)),i.handleNumbers.forEach(function(p){B("start",p)})}}function Qe(e){e.stopPropagation();var i=ae(e.calcPoint),n=We(i);n!==!1&&(t.events.snap||j(K,t.cssClasses.tap,t.animationDuration),Ct(n,i,!0,!0),Kt(),B("slide",n,!0),B("update",n,!0),t.events.snap?Xt(e,{handleNumbers:[n]}):(B("change",n,!0),B("set",n,!0)))}function Ze(e){var i=ae(e.calcPoint),n=g.getStep(i),o=g.fromStepping(n);Object.keys(bt).forEach(function(u){u.split(".")[0]==="hover"&&bt[u].forEach(function(s){s.call(Ft,o)})})}function tr(e,i){if(re()||qt(i))return!1;var n=["Left","Right"],o=["Down","Up"],u=["PageDown","PageUp"],s=["Home","End"];t.dir&&!t.ort?n.reverse():t.ort&&!t.dir&&(o.reverse(),u.reverse());var y,p=e.key.replace("Arrow",""),_=p===u[0],z=p===u[1],C=p===o[0]||p===n[0]||_,V=p===o[1]||p===n[1]||z,P=p===s[0],W=p===s[1];if(!(C||V||P||W))return!0;if(e.preventDefault(),V||C){var at=C?0:1,X=de(i)[at];if(X===null)return!1;X===!1&&(X=g.getDefaultStep(T[i],C,t.keyboardDefaultStep)),X*=z||_?t.keyboardPageMultiplier:t.keyboardMultiplier,X=Math.max(X,1e-7),X*=C?-1:1,y=gt[i]+X}else y=W?t.spectrum.xVal[t.spectrum.xVal.length-1]:t.spectrum.xVal[0];return Ct(i,g.toStepping(y),!0,!0),B("slide",i),B("update",i),B("change",i),B("set",i),!1}function er(e){e.fixed||l.forEach(function(i,n){Nt(F.start,i.children[0],Xt,{handleNumbers:[n]})}),e.tap&&Nt(F.start,d,Qe,{}),e.hover&&Nt(F.move,d,Ze,{hover:!0}),e.drag&&v.forEach(function(i,n){if(i!==!1&&n!==0&&n!==v.length-1){var o=l[n-1],u=l[n],s=[i],y=[o,u],p=[n-1,n];f(i,t.cssClasses.draggable),e.fixed&&(s.push(o.children[0]),s.push(u.children[0])),e.dragAll&&(y=l,p=st),s.forEach(function(_){Nt(F.start,_,Xt,{handles:y,handleNumbers:p,connect:i})})}})}function Yt(e,i){bt[e]=bt[e]||[],bt[e].push(i),e.split(".")[0]==="update"&&l.forEach(function(n,o){B("update",o)})}function rr(e){return e===q.aria||e===q.tooltips}function Mt(e){var i=e&&e.split(".")[0],n=i?e.substring(i.length):e;Object.keys(bt).forEach(function(o){var u=o.split(".")[0],s=o.substring(u.length);i&&i!==u||n&&n!==s||rr(s)&&n!==s||delete bt[o]})}function B(e,i,n){Object.keys(bt).forEach(function(o){var u=o.split(".")[0];e===u&&bt[o].forEach(function(s){s.call(Ft,gt.map(t.format.to),i,gt.slice(),n||!1,T.slice(),Ft)})})}function jt(e,i,n,o,u,s,y){var p;return l.length>1&&!t.events.unconstrained&&(o&&i>0&&(p=g.getAbsoluteDistance(e[i-1],t.margin,!1),n=Math.max(n,p)),u&&i1&&t.limit&&(o&&i>0&&(p=g.getAbsoluteDistance(e[i-1],t.limit,!1),n=Math.min(n,p)),u&&i1?o.forEach(function(V,P){var W=jt(s,V,s[V]+i,_[P],z[P],!1,p);W===!1?i=0:(i=W-s[V],s[V]=W)}):_=z=[!0];var C=!1;o.forEach(function(V,P){C=Ct(V,n[V]+i,_[P],z[P],!1,p)||C}),C&&(o.forEach(function(V){B("update",V),B("slide",V)}),u!=null&&B("drag",y))}function le(e,i){return t.dir?100-e-i:e}function ir(e,i){T[e]=i,gt[e]=g.fromStepping(i);var n="translate("+It(le(i,0)-He+"%","0")+")";l[e].style[t.transformRule]=n,ue(e),ue(e+1)}function Kt(){st.forEach(function(e){var i=T[e]>50?-1:1,n=3+(l.length+i*e);l[e].style.zIndex=String(n)})}function Ct(e,i,n,o,u,s){return u||(i=jt(T,e,i,n,o,!1,s)),i!==!1&&(ir(e,i),!0)}function ue(e){if(v[e]){var i=0,n=100;e!==0&&(i=T[e-1]),e!==v.length-1&&(n=T[e]);var o=n-i,u="translate("+It(le(i,o)+"%","0")+")",s="scale("+It(o/100,"1")+")";v[e].style[t.transformRule]=u+" "+s}}function ce(e,i){return e===null||e===!1||e===void 0?T[i]:(typeof e=="number"&&(e=String(e)),(e=t.format.from(e))!==!1&&(e=g.toStepping(e)),e===!1||isNaN(e)?T[i]:e)}function Dt(e,i,n){var o=c(e),u=T[0]===void 0;i=i===void 0||i,t.animate&&!u&&j(K,t.cssClasses.tap,t.animationDuration),st.forEach(function(p){Ct(p,ce(o[p],p),!0,!1,n)});var s=st.length===1?0:1;if(u&&g.hasNoSize()&&(n=!0,T[0]=0,st.length>1)){var y=100/(st.length-1);st.forEach(function(p){T[p]=p*y})}for(;s=0&&en.stepAfter.startValue&&(u=n.stepAfter.startValue-o),s=o>n.thisStep.startValue?n.thisStep.step:n.stepBefore.step!==!1&&o-n.stepBefore.highestStep,i===100?u=null:i===0&&(s=null);var y=g.countStepDecimals();return u!==null&&u!==!1&&(u=Number(u.toFixed(y))),s!==null&&s!==!1&&(s=Number(s.toFixed(y))),[s,u]}function sr(){return st.map(de)}function lr(e,i){var n=pe(),o=["margin","limit","padding","range","animate","snap","step","format","pips","tooltips"];o.forEach(function(s){e[s]!==void 0&&(a[s]=e[s])});var u=Zt(a);o.forEach(function(s){e[s]!==void 0&&(t[s]=u[s])}),g=u.spectrum,t.margin=u.margin,t.limit=u.limit,t.padding=u.padding,t.pips?_t(t.pips):Bt(),t.tooltips?ie():Rt(),T=[],Dt(it(e.start)?e.start:n,i)}function ur(){d=Be(K),Re(t.connect,d),er(t.events),Dt(t.start),t.pips&&_t(t.pips),t.tooltips&&ie(),$e()}ur();var Ft={destroy:ar,steps:sr,on:Yt,off:Mt,get:pe,set:Dt,setHandle:or,reset:nr,__moveHandles:function(e,i,n){se(e,i,T,n)},options:a,updateOptions:lr,target:K,removePips:Bt,removeTooltips:Rt,getPositions:function(){return T.slice()},getTooltips:function(){return R},getOrigins:function(){return l},pips:_t};return Ft}function te(r,t){if(!r||!r.nodeName)throw new Error("noUiSlider: create requires a single element, got: "+r);if(r.noUiSlider)throw new Error("noUiSlider: Slider was already initialized.");var a=Te(r,Zt(t),t);return r.noUiSlider=a,a}var ze={__spectrum:wt,cssClasses:J,create:te};S.create=te,S.cssClasses=J,S.default=ze,Object.defineProperty(S,"__esModule",{value:!0})})(M)}));function ye(k,M){if(!Array.isArray(k)||!Array.isArray(M))return!1;const S=M.slice().sort();return k.length===M.length&&k.slice().sort().every(function(pt,Z){return pt===S[Z]})}var Se={name:"Slider",emits:["input","update:modelValue","start","slide","drag","update","change","set","end"],props:{value:{validator:function(k){return M=>typeof M=="number"||M instanceof Array||M==null||M===!1},required:!1},modelValue:{validator:function(k){return M=>typeof M=="number"||M instanceof Array||M==null||M===!1},required:!1},id:{type:[String,Number],required:!1},disabled:{type:Boolean,required:!1,default:!1},min:{type:Number,required:!1,default:0},max:{type:Number,required:!1,default:100},step:{type:Number,required:!1,default:1},orientation:{type:String,required:!1,default:"horizontal"},direction:{type:String,required:!1,default:"ltr"},tooltips:{type:Boolean,required:!1,default:!0},options:{type:Object,required:!1,default:()=>({})},merge:{type:Number,required:!1,default:-1},format:{type:[Object,Function,Boolean],required:!1,default:null},classes:{type:Object,required:!1,default:()=>({})},showTooltip:{type:String,required:!1,default:"always"},tooltipPosition:{type:String,required:!1,default:null},lazy:{type:Boolean,required:!1,default:!0},ariaLabelledby:{type:String,required:!1,default:void 0},aria:{required:!1,type:Object,default:()=>({})}},setup(k,M){const S=function(it,Y,nt){const{value:tt,modelValue:ot,min:A}=Tt(it);let j=ot&&ot.value!==void 0?ot:tt;const H=Lt(j.value);if(zt(j.value)&&(j=Lt(A.value)),Array.isArray(j.value)&&j.value.length==0)throw new Error("Slider v-model must not be an empty array");return{value:j,initialValue:H}}(k),pt=function(it,Y,nt){const{classes:tt,showTooltip:ot,tooltipPosition:A,orientation:j}=Tt(it),H=kt(()=>({target:"slider-target",focused:"slider-focused",tooltipFocus:"slider-tooltip-focus",tooltipDrag:"slider-tooltip-drag",ltr:"slider-ltr",rtl:"slider-rtl",horizontal:"slider-horizontal",vertical:"slider-vertical",textDirectionRtl:"slider-txt-dir-rtl",textDirectionLtr:"slider-txt-dir-ltr",base:"slider-base",connects:"slider-connects",connect:"slider-connect",origin:"slider-origin",handle:"slider-handle",handleLower:"slider-handle-lower",handleUpper:"slider-handle-upper",touchArea:"slider-touch-area",tooltip:"slider-tooltip",tooltipTop:"slider-tooltip-top",tooltipBottom:"slider-tooltip-bottom",tooltipLeft:"slider-tooltip-left",tooltipRight:"slider-tooltip-right",tooltipHidden:"slider-tooltip-hidden",active:"slider-active",draggable:"slider-draggable",tap:"slider-state-tap",drag:"slider-state-drag",pips:"slider-pips",pipsHorizontal:"slider-pips-horizontal",pipsVertical:"slider-pips-vertical",marker:"slider-marker",markerHorizontal:"slider-marker-horizontal",markerVertical:"slider-marker-vertical",markerNormal:"slider-marker-normal",markerLarge:"slider-marker-large",markerSub:"slider-marker-sub",value:"slider-value",valueHorizontal:"slider-value-horizontal",valueVertical:"slider-value-vertical",valueNormal:"slider-value-normal",valueLarge:"slider-value-large",valueSub:"slider-value-sub",...tt.value}));return{classList:kt(()=>{const c={...H.value};return Object.keys(c).forEach(m=>{c[m]=Array.isArray(c[m])?c[m].filter(f=>f!==null).join(" "):c[m]}),ot.value!=="always"&&(c.target+=` ${ot.value==="drag"?c.tooltipDrag:c.tooltipFocus}`),j.value==="horizontal"&&(c.tooltip+=A.value==="bottom"?` ${c.tooltipBottom}`:` ${c.tooltipTop}`),j.value==="vertical"&&(c.tooltip+=A.value==="right"?` ${c.tooltipRight}`:` ${c.tooltipLeft}`),c})}}(k),Z=function(it,Y,nt){const{format:tt,step:ot}=Tt(it),A=nt.value,j=nt.classList,H=kt(()=>tt&&tt.value?typeof tt.value=="function"?{to:tt.value}:be({...tt.value}):be({decimals:ot.value>=0?0:2})),c=kt(()=>Array.isArray(A.value)?A.value.map(m=>H.value):H.value);return{tooltipFormat:H,tooltipsFormat:c,tooltipsMerge:(m,f,E)=>{var w=getComputedStyle(m).direction==="rtl",mt=m.noUiSlider.options.direction==="rtl",ft=m.noUiSlider.options.orientation==="vertical",L=m.noUiSlider.getTooltips(),et=m.noUiSlider.getOrigins();L.forEach(function($,D){$&&et[D].appendChild($)}),m.noUiSlider.on("update",function($,D,b,dt,U){var rt=[[]],lt=[[]],G=[[]],x=0;L[0]&&(rt[0][0]=0,lt[0][0]=U[0],G[0][0]=H.value.to(parseFloat($[0])));for(var I=1;I<$.length;I++)(!L[I]||$[I]-$[I-1]>f)&&(rt[++x]=[],G[x]=[],lt[x]=[]),L[I]&&(rt[x].push(I),G[x].push(H.value.to(parseFloat($[I]))),lt[x].push(U[I]));rt.forEach(function(wt,St){for(var J=wt.length,q=0;q{L[ut].classList.contains(h)&&L[ut].classList.remove(h)})}else L[ut].style.display="none",j.value.tooltipHidden.split(" ").forEach(h=>{L[ut].classList.add(h)})}})})}}}(k,0,{value:S.value,classList:pt.classList}),xt=function(it,Y,nt){const{orientation:tt,direction:ot,tooltips:A,step:j,min:H,max:c,merge:m,id:f,disabled:E,options:w,classes:mt,format:ft,lazy:L,ariaLabelledby:et,aria:$}=Tt(it),D=nt.value,b=nt.initialValue,dt=nt.tooltipsFormat,U=nt.tooltipsMerge,rt=nt.tooltipFormat,lt=nt.classList,G=Lt(null),x=Lt(null),I=Lt(!1),wt=kt(()=>{let h={cssPrefix:"",cssClasses:lt.value,orientation:tt.value,direction:ot.value,tooltips:!!A.value&&dt.value,connect:"lower",start:zt(D.value)?H.value:D.value,range:{min:H.value,max:c.value}};if(j.value>0&&(h.step=j.value),Array.isArray(D.value)&&(h.connect=!0),et&&et.value||$&&Object.keys($.value).length){let O=Array.isArray(D.value)?D.value:[D.value];h.handleAttributes=O.map(Jt=>Object.assign({},$.value,et&&et.value?{"aria-labelledby":et.value}:{}))}return ft.value&&(h.ariaFormat=rt.value),h}),St=kt(()=>{let h={id:f&&f.value?f.value:void 0};return E.value&&(h.disabled=!0),h}),J=kt(()=>Array.isArray(D.value)),q=()=>{let h=x.value.get();return Array.isArray(h)?h.map(O=>parseFloat(O)):parseFloat(h)},ut=function(h){let O=!(arguments.length>1&&arguments[1]!==void 0)||arguments[1];x.value.set(h,O)},ht=h=>{Y.emit("input",h),Y.emit("update:modelValue",h),Y.emit("update",h)},Et=()=>{x.value=vr.create(G.value,Object.assign({},wt.value,w.value)),A.value&&J.value&&m.value>=0&&U(G.value,m.value," - "),x.value.on("set",()=>{const h=q();Y.emit("change",h),Y.emit("set",h),L.value&&ht(h)}),x.value.on("update",()=>{if(!I.value)return;const h=q();J.value&&ye(D.value,h)||!J.value&&D.value==h?Y.emit("update",h):L.value||ht(h)}),x.value.on("start",()=>{Y.emit("start",q())}),x.value.on("end",()=>{Y.emit("end",q())}),x.value.on("slide",()=>{Y.emit("slide",q())}),x.value.on("drag",()=>{Y.emit("drag",q())}),G.value.querySelectorAll("[data-handle]").forEach(h=>{h.onblur=()=>{G.value&<.value.focused.split(" ").forEach(O=>{G.value.classList.remove(O)})},h.onfocus=()=>{lt.value.focused.split(" ").forEach(O=>{G.value.classList.add(O)})}}),I.value=!0},Pt=()=>{x.value.off(),x.value.destroy(),x.value=null},Q=(h,O)=>{I.value=!1,Pt(),Et()};return cr(Et),pr(Pt),ct(J,Q,{immediate:!1}),ct(H,Q,{immediate:!1}),ct(c,Q,{immediate:!1}),ct(j,Q,{immediate:!1}),ct(tt,Q,{immediate:!1}),ct(ot,Q,{immediate:!1}),ct(A,Q,{immediate:!1}),ct(m,Q,{immediate:!1}),ct(ft,Q,{immediate:!1,deep:!0}),ct(w,Q,{immediate:!1,deep:!0}),ct(mt,Q,{immediate:!1,deep:!0}),ct(D,(h,O)=>{O&&(typeof O=="object"&&typeof h=="object"&&h&&Object.keys(O)>Object.keys(h)||typeof O=="object"&&typeof h!="object"||zt(h))&&Q()},{immediate:!1}),ct(D,h=>{if(zt(h))return void ut(H.value,!1);let O=q();J.value&&!Array.isArray(O)&&(O=[O]),(J.value&&!ye(h,O)||!J.value&&h!=O)&&ut(h,!1)},{deep:!0}),{slider:G,slider$:x,isRange:J,sliderProps:St,init:Et,destroy:Pt,refresh:Q,update:ut,reset:()=>{ht(b.value)}}}(k,M,{value:S.value,initialValue:S.initialValue,tooltipFormat:Z.tooltipFormat,tooltipsFormat:Z.tooltipsFormat,tooltipsMerge:Z.tooltipsMerge,classList:pt.classList});return{...pt,...Z,...xt}}};Se.render=function(k,M,S,pt,Z,xt){return dr(),fr("div",mr(k.sliderProps,{ref:"slider"}),null,16)},Se.__file="src/Slider.vue";export{Se as m};
+import{K as Tt,h as Lt,i as kt,x as cr,y as pr,A as ct,o as dr,c as fr,s as mr}from"./app-9q7i-DDF.js";function zt(k){return[null,void 0,!1].indexOf(k)!==-1}function hr(k){return k&&k.__esModule&&Object.prototype.hasOwnProperty.call(k,"default")?k.default:k}function xe(k){var M={exports:{}};return k(M,M.exports),M.exports}var be=xe(function(k,M){k.exports=function(){var S=["decimals","thousand","mark","prefix","suffix","encoder","decoder","negativeBefore","negative","edit","undo"];function pt(c){return c.split("").reverse().join("")}function Z(c,m){return c.substring(0,m.length)===m}function xt(c,m){return c.slice(-1*m.length)===m}function it(c,m,f){if((c[m]||c[f])&&c[m]===c[f])throw new Error(m)}function Y(c){return typeof c=="number"&&isFinite(c)}function nt(c,m){return c=c.toString().split("e"),(+((c=(c=Math.round(+(c[0]+"e"+(c[1]?+c[1]+m:m)))).toString().split("e"))[0]+"e"+(c[1]?+c[1]-m:-m))).toFixed(m)}function tt(c,m,f,E,w,mt,ft,L,et,$,D,b){var dt,U,rt,lt=b,G="",x="";return mt&&(b=mt(b)),!!Y(b)&&(c!==!1&&parseFloat(b.toFixed(c))===0&&(b=0),b<0&&(dt=!0,b=Math.abs(b)),c!==!1&&(b=nt(b,c)),(b=b.toString()).indexOf(".")!==-1?(rt=(U=b.split("."))[0],f&&(G=f+U[1])):rt=b,m&&(rt=pt(rt).match(/.{1,3}/g),rt=pt(rt.join(pt(m)))),dt&&L&&(x+=L),E&&(x+=E),dt&&et&&(x+=et),x+=rt,x+=G,w&&(x+=w),$&&(x=$(x,lt)),x)}function ot(c,m,f,E,w,mt,ft,L,et,$,D,b){var dt,U="";return D&&(b=D(b)),!(!b||typeof b!="string")&&(L&&Z(b,L)&&(b=b.replace(L,""),dt=!0),E&&Z(b,E)&&(b=b.replace(E,"")),et&&Z(b,et)&&(b=b.replace(et,""),dt=!0),w&&xt(b,w)&&(b=b.slice(0,-1*w.length)),m&&(b=b.split(m).join("")),f&&(b=b.replace(f,".")),dt&&(U+="-"),(U=(U+=b).replace(/[^0-9\.\-.]/g,""))!==""&&(U=Number(U),ft&&(U=ft(U)),!!Y(U)&&U))}function A(c){var m,f,E,w={};for(c.suffix===void 0&&(c.suffix=c.postfix),m=0;m=0&&E<8))throw new Error(f);w[f]=E}else if(f==="encoder"||f==="decoder"||f==="edit"||f==="undo"){if(typeof E!="function")throw new Error(f);w[f]=E}else{if(typeof E!="string")throw new Error(f);w[f]=E}return it(w,"mark","thousand"),it(w,"prefix","negative"),it(w,"prefix","negativeBefore"),w}function j(c,m,f){var E,w=[];for(E=0;E0&&(f(r,t),setTimeout(function(){E(r,t)},a))}function H(r){return Math.max(Math.min(r,100),0)}function c(r){return Array.isArray(r)?r:[r]}function m(r){var t=(r=String(r)).split(".");return t.length>1?t[1].length:0}function f(r,t){r.classList&&!/\s/.test(t)?r.classList.add(t):r.className+=" "+t}function E(r,t){r.classList&&!/\s/.test(t)?r.classList.remove(t):r.className=r.className.replace(new RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," ")}function w(r,t){return r.classList?r.classList.contains(t):new RegExp("\\b"+t+"\\b").test(r.className)}function mt(r){var t=window.pageXOffset!==void 0,a=(r.compatMode||"")==="CSS1Compat";return{x:t?window.pageXOffset:a?r.documentElement.scrollLeft:r.body.scrollLeft,y:t?window.pageYOffset:a?r.documentElement.scrollTop:r.body.scrollTop}}function ft(){return window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"}}function L(){var r=!1;try{var t=Object.defineProperty({},"passive",{get:function(){r=!0}});window.addEventListener("test",null,t)}catch{}return r}function et(){return window.CSS&&CSS.supports&&CSS.supports("touch-action","none")}function $(r,t){return 100/(t-r)}function D(r,t,a){return 100*t/(r[a+1]-r[a])}function b(r,t){return D(r,r[0]<0?t+Math.abs(r[0]):t-r[0],0)}function dt(r,t){return t*(r[1]-r[0])/100+r[0]}function U(r,t){for(var a=1;r>=t[a];)a+=1;return a}function rt(r,t,a){if(a>=r.slice(-1)[0])return 100;var d=U(a,r),l=r[d-1],v=r[d],N=t[d-1],R=t[d];return N+b([l,v],a)/$(N,R)}function lt(r,t,a){if(a>=100)return r.slice(-1)[0];var d=U(a,t),l=r[d-1],v=r[d],N=t[d-1];return dt([l,v],(a-N)*$(N,t[d]))}function G(r,t,a,d){if(d===100)return d;var l=U(d,r),v=r[l-1],N=r[l];return a?d-v>(N-v)/2?N:v:t[l-1]?r[l-1]+tt(d-r[l-1],t[l-1]):d}var x,I;S.PipsMode=void 0,(I=S.PipsMode||(S.PipsMode={})).Range="range",I.Steps="steps",I.Positions="positions",I.Count="count",I.Values="values",S.PipsType=void 0,(x=S.PipsType||(S.PipsType={}))[x.None=-1]="None",x[x.NoValue=0]="NoValue",x[x.LargeValue=1]="LargeValue",x[x.SmallValue=2]="SmallValue";var wt=function(){function r(t,a,d){var l;this.xPct=[],this.xVal=[],this.xSteps=[],this.xNumSteps=[],this.xHighestCompleteStep=[],this.xSteps=[d||!1],this.xNumSteps=[!1],this.snap=a;var v=[];for(Object.keys(t).forEach(function(N){v.push([c(t[N]),N])}),v.sort(function(N,R){return N[0][0]-R[0][0]}),l=0;lthis.xPct[v+1];)v++;else t===this.xPct[this.xPct.length-1]&&(v=this.xPct.length-2);d||t!==this.xPct[v+1]||v++,a===null&&(a=[]);var N=1,R=a[v],F=0,vt=0,K=0,g=0;for(l=d?(t-this.xPct[v])/(this.xPct[v+1]-this.xPct[v]):(this.xPct[v+1]-t)/(this.xPct[v+1]-this.xPct[v]);R>0;)F=this.xPct[v+1+g]-this.xPct[v+g],a[v+g]*N+100-100*l>100?(vt=F*l,N=(R-100*l)/a[v+g],l=1):(vt=a[v+g]*F/100*N,N=0),d?(K-=vt,this.xPct.length+g>=1&&g--):(K+=vt,this.xPct.length-g>=1&&g++),R=a[v+g]*N;return t+K},r.prototype.toStepping=function(t){return t=rt(this.xVal,this.xPct,t)},r.prototype.fromStepping=function(t){return lt(this.xVal,this.xPct,t)},r.prototype.getStep=function(t){return t=G(this.xPct,this.xSteps,this.snap,t)},r.prototype.getDefaultStep=function(t,a,d){var l=U(t,this.xPct);return(t===100||a&&t===this.xPct[l-1])&&(l=Math.max(l-1,1)),(this.xVal[l]-this.xVal[l-1])/d},r.prototype.getNearbySteps=function(t){var a=U(t,this.xPct);return{stepBefore:{startValue:this.xVal[a-2],step:this.xNumSteps[a-2],highestStep:this.xHighestCompleteStep[a-2]},thisStep:{startValue:this.xVal[a-1],step:this.xNumSteps[a-1],highestStep:this.xHighestCompleteStep[a-1]},stepAfter:{startValue:this.xVal[a],step:this.xNumSteps[a],highestStep:this.xHighestCompleteStep[a]}}},r.prototype.countStepDecimals=function(){var t=this.xNumSteps.map(m);return Math.max.apply(null,t)},r.prototype.hasNoSize=function(){return this.xVal[0]===this.xVal[this.xVal.length-1]},r.prototype.convert=function(t){return this.getStep(this.toStepping(t))},r.prototype.handleEntryPoint=function(t,a){var d;if(!A(d=t==="min"?0:t==="max"?100:parseFloat(t))||!A(a[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");this.xPct.push(d),this.xVal.push(a[0]);var l=Number(a[1]);d?this.xSteps.push(!isNaN(l)&&l):isNaN(l)||(this.xSteps[0]=l),this.xHighestCompleteStep.push(0)},r.prototype.handleStepPoint=function(t,a){if(a)if(this.xVal[t]!==this.xVal[t+1]){this.xSteps[t]=D([this.xVal[t],this.xVal[t+1]],a,0)/$(this.xPct[t],this.xPct[t+1]);var d=(this.xVal[t+1]-this.xVal[t])/this.xNumSteps[t],l=Math.ceil(Number(d.toFixed(3))-1),v=this.xVal[t]+this.xNumSteps[t]*l;this.xHighestCompleteStep[t]=v}else this.xSteps[t]=this.xHighestCompleteStep[t]=this.xVal[t]},r}(),St={to:function(r){return r===void 0?"":r.toFixed(2)},from:Number},J={target:"target",base:"base",origin:"origin",handle:"handle",handleLower:"handle-lower",handleUpper:"handle-upper",touchArea:"touch-area",horizontal:"horizontal",vertical:"vertical",background:"background",connect:"connect",connects:"connects",ltr:"ltr",rtl:"rtl",textDirectionLtr:"txt-dir-ltr",textDirectionRtl:"txt-dir-rtl",draggable:"draggable",drag:"state-drag",tap:"state-tap",active:"active",tooltip:"tooltip",pips:"pips",pipsHorizontal:"pips-horizontal",pipsVertical:"pips-vertical",marker:"marker",markerHorizontal:"marker-horizontal",markerVertical:"marker-vertical",markerNormal:"marker-normal",markerLarge:"marker-large",markerSub:"marker-sub",value:"value",valueHorizontal:"value-horizontal",valueVertical:"value-vertical",valueNormal:"value-normal",valueLarge:"value-large",valueSub:"value-sub"},q={tooltips:".__tooltips",aria:".__aria"};function ut(r,t){if(!A(t))throw new Error("noUiSlider: 'step' is not numeric.");r.singleStep=t}function ht(r,t){if(!A(t))throw new Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");r.keyboardPageMultiplier=t}function Et(r,t){if(!A(t))throw new Error("noUiSlider: 'keyboardMultiplier' is not numeric.");r.keyboardMultiplier=t}function Pt(r,t){if(!A(t))throw new Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");r.keyboardDefaultStep=t}function Q(r,t){if(typeof t!="object"||Array.isArray(t))throw new Error("noUiSlider: 'range' is not an object.");if(t.min===void 0||t.max===void 0)throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");r.spectrum=new wt(t,r.snap||!1,r.singleStep)}function h(r,t){if(t=c(t),!Array.isArray(t)||!t.length)throw new Error("noUiSlider: 'start' option is incorrect.");r.handles=t.length,r.start=t}function O(r,t){if(typeof t!="boolean")throw new Error("noUiSlider: 'snap' option must be a boolean.");r.snap=t}function Jt(r,t){if(typeof t!="boolean")throw new Error("noUiSlider: 'animate' option must be a boolean.");r.animate=t}function we(r,t){if(typeof t!="number")throw new Error("noUiSlider: 'animationDuration' option must be a number.");r.animationDuration=t}function Ee(r,t){var a,d=[!1];if(t==="lower"?t=[!0,!1]:t==="upper"&&(t=[!1,!0]),t===!0||t===!1){for(a=1;a1)throw new Error("noUiSlider: 'padding' option must not exceed 100% of the range.")}}function ke(r,t){switch(t){case"ltr":r.dir=0;break;case"rtl":r.dir=1;break;default:throw new Error("noUiSlider: 'direction' option was not recognized.")}}function Ae(r,t){if(typeof t!="string")throw new Error("noUiSlider: 'behaviour' must be a string containing options.");var a=t.indexOf("tap")>=0,d=t.indexOf("drag")>=0,l=t.indexOf("fixed")>=0,v=t.indexOf("snap")>=0,N=t.indexOf("hover")>=0,R=t.indexOf("unconstrained")>=0,F=t.indexOf("drag-all")>=0,vt=t.indexOf("smooth-steps")>=0;if(l){if(r.handles!==2)throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");Qt(r,r.start[1]-r.start[0])}if(R&&(r.margin||r.limit))throw new Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");r.events={tap:a||v,drag:d,dragAll:F,smoothSteps:vt,fixed:l,snap:v,hover:N,unconstrained:R}}function Ve(r,t){if(t!==!1)if(t===!0||Z(t)){r.tooltips=[];for(var a=0;a= 2) required for mode 'count'.");for(var i=e.values-1,n=100/i,o=[];i--;)o[i]=i*n;return o.push(100),ne(o,e.stepped)}return e.mode===S.PipsMode.Positions?ne(e.values,e.stepped):e.mode===S.PipsMode.Values?e.stepped?e.values.map(function(u){return g.fromStepping(g.getStep(g.toStepping(u)))}):e.values:[]}function ne(e,i){return e.map(function(n){return g.fromStepping(i?g.getStep(n):n)})}function Ye(e){function i(z,C){return Number((z+C).toFixed(7))}var n=Xe(e),o={},u=g.xVal[0],s=g.xVal[g.xVal.length-1],y=!1,p=!1,_=0;return(n=nt(n.slice().sort(function(z,C){return z-C})))[0]!==u&&(n.unshift(u),y=!0),n[n.length-1]!==s&&(n.push(s),p=!0),n.forEach(function(z,C){var V,P,W,at,X,fe,Wt,me,he,ve,Gt=z,Vt=n[C+1],ge=e.mode===S.PipsMode.Steps;for(ge&&(V=g.xNumSteps[C]),V||(V=Vt-Gt),Vt===void 0&&(Vt=Gt),V=Math.max(V,1e-7),P=Gt;P<=Vt;P=i(P,V)){for(me=(X=(at=g.toStepping(P))-_)/(e.density||1),ve=X/(he=Math.round(me)),W=1;W<=he;W+=1)o[(fe=_+W*ve).toFixed(5)]=[g.fromStepping(fe),0];Wt=n.indexOf(P)>-1?S.PipsType.LargeValue:ge?S.PipsType.SmallValue:S.PipsType.NoValue,!C&&y&&P!==Vt&&(Wt=0),P===Vt&&p||(o[at.toFixed(5)]=[P,Wt]),_=at}}),o}function Ie(e,i,n){var o,u,s=At.createElement("div"),y=((o={})[S.PipsType.None]="",o[S.PipsType.NoValue]=t.cssClasses.valueNormal,o[S.PipsType.LargeValue]=t.cssClasses.valueLarge,o[S.PipsType.SmallValue]=t.cssClasses.valueSub,o),p=((u={})[S.PipsType.None]="",u[S.PipsType.NoValue]=t.cssClasses.markerNormal,u[S.PipsType.LargeValue]=t.cssClasses.markerLarge,u[S.PipsType.SmallValue]=t.cssClasses.markerSub,u),_=[t.cssClasses.valueHorizontal,t.cssClasses.valueVertical],z=[t.cssClasses.markerHorizontal,t.cssClasses.markerVertical];function C(P,W){var at=W===t.cssClasses.value,X=at?y:p;return W+" "+(at?_:z)[t.ort]+" "+X[P]}function V(P,W,at){if((at=i?i(W,at):at)!==S.PipsType.None){var X=yt(s,!1);X.className=C(at,t.cssClasses.marker),X.style[t.style]=P+"%",at>S.PipsType.NoValue&&((X=yt(s,!1)).className=C(at,t.cssClasses.value),X.setAttribute("data-value",String(W)),X.style[t.style]=P+"%",X.innerHTML=String(n.to(W)))}}return f(s,t.cssClasses.pips),f(s,t.ort===0?t.cssClasses.pipsHorizontal:t.cssClasses.pipsVertical),Object.keys(e).forEach(function(P){V(P,e[P][0],e[P][1])}),s}function Bt(){N&&(xt(N),N=null)}function _t(e){Bt();var i=Ye(e),n=e.filter,o=e.format||{to:function(u){return String(Math.round(u))}};return N=K.appendChild(Ie(i,n,o))}function oe(){var e=d.getBoundingClientRect(),i="offset"+["Width","Height"][t.ort];return t.ort===0?e.width||d[i]:e.height||d[i]}function Nt(e,i,n,o){var u=function(y){var p=Ke(y,o.pageOffset,o.target||i);return!!p&&!(re()&&!o.doNotReject)&&!(w(K,t.cssClasses.tap)&&!o.doNotReject)&&!(e===F.start&&p.buttons!==void 0&&p.buttons>1)&&(!o.hover||!p.buttons)&&(vt||p.preventDefault(),p.calcPoint=p.points[t.ort],void n(p,o))},s=[];return e.split(" ").forEach(function(y){i.addEventListener(y,u,!!vt&&{passive:!0}),s.push([y,u])}),s}function Ke(e,i,n){var o=e.type.indexOf("touch")===0,u=e.type.indexOf("mouse")===0,s=e.type.indexOf("pointer")===0,y=0,p=0;if(e.type.indexOf("MSPointer")===0&&(s=!0),e.type==="mousedown"&&!e.buttons&&!e.touches)return!1;if(o){var _=function(V){var P=V.target;return P===n||n.contains(P)||e.composed&&e.composedPath().shift()===n};if(e.type==="touchstart"){var z=Array.prototype.filter.call(e.touches,_);if(z.length>1)return!1;y=z[0].pageX,p=z[0].pageY}else{var C=Array.prototype.find.call(e.changedTouches,_);if(!C)return!1;y=C.pageX,p=C.pageY}}return i=i||mt(At),(u||s)&&(y=e.clientX+i.x,p=e.clientY+i.y),e.pageOffset=i,e.points=[y,p],e.cursor=u||s,e}function ae(e){var i=100*(e-ot(d,t.ort))/oe();return i=H(i),t.dir?100-i:i}function We(e){var i=100,n=!1;return l.forEach(function(o,u){if(!qt(u)){var s=T[u],y=Math.abs(s-e);(ys||y===100&&i===100)&&(n=u,i=y)}}),n}function Ge(e,i){e.type==="mouseout"&&e.target.nodeName==="HTML"&&e.relatedTarget===null&&$t(e,i)}function Je(e,i){if(navigator.appVersion.indexOf("MSIE 9")===-1&&e.buttons===0&&i.buttonsProperty!==0)return $t(e,i);var n=(t.dir?-1:1)*(e.calcPoint-i.startCalcPoint);se(n>0,100*n/i.baseSize,i.locations,i.handleNumbers,i.connect)}function $t(e,i){i.handle&&(E(i.handle,t.cssClasses.active),Ht-=1),i.listeners.forEach(function(n){Ut.removeEventListener(n[0],n[1])}),Ht===0&&(E(K,t.cssClasses.drag),Kt(),e.cursor&&(Ot.style.cursor="",Ot.removeEventListener("selectstart",Y))),t.events.smoothSteps&&(i.handleNumbers.forEach(function(n){Ct(n,T[n],!0,!0,!1,!1)}),i.handleNumbers.forEach(function(n){B("update",n)})),i.handleNumbers.forEach(function(n){B("change",n),B("set",n),B("end",n)})}function Xt(e,i){if(!i.handleNumbers.some(qt)){var n;i.handleNumbers.length===1&&(n=l[i.handleNumbers[0]].children[0],Ht+=1,f(n,t.cssClasses.active)),e.stopPropagation();var o=[],u=Nt(F.move,Ut,Je,{target:e.target,handle:n,connect:i.connect,listeners:o,startCalcPoint:e.calcPoint,baseSize:oe(),pageOffset:e.pageOffset,handleNumbers:i.handleNumbers,buttonsProperty:e.buttons,locations:T.slice()}),s=Nt(F.end,Ut,$t,{target:e.target,handle:n,listeners:o,doNotReject:!0,handleNumbers:i.handleNumbers}),y=Nt("mouseout",Ut,Ge,{target:e.target,handle:n,listeners:o,doNotReject:!0,handleNumbers:i.handleNumbers});o.push.apply(o,u.concat(s,y)),e.cursor&&(Ot.style.cursor=getComputedStyle(e.target).cursor,l.length>1&&f(K,t.cssClasses.drag),Ot.addEventListener("selectstart",Y,!1)),i.handleNumbers.forEach(function(p){B("start",p)})}}function Qe(e){e.stopPropagation();var i=ae(e.calcPoint),n=We(i);n!==!1&&(t.events.snap||j(K,t.cssClasses.tap,t.animationDuration),Ct(n,i,!0,!0),Kt(),B("slide",n,!0),B("update",n,!0),t.events.snap?Xt(e,{handleNumbers:[n]}):(B("change",n,!0),B("set",n,!0)))}function Ze(e){var i=ae(e.calcPoint),n=g.getStep(i),o=g.fromStepping(n);Object.keys(bt).forEach(function(u){u.split(".")[0]==="hover"&&bt[u].forEach(function(s){s.call(Ft,o)})})}function tr(e,i){if(re()||qt(i))return!1;var n=["Left","Right"],o=["Down","Up"],u=["PageDown","PageUp"],s=["Home","End"];t.dir&&!t.ort?n.reverse():t.ort&&!t.dir&&(o.reverse(),u.reverse());var y,p=e.key.replace("Arrow",""),_=p===u[0],z=p===u[1],C=p===o[0]||p===n[0]||_,V=p===o[1]||p===n[1]||z,P=p===s[0],W=p===s[1];if(!(C||V||P||W))return!0;if(e.preventDefault(),V||C){var at=C?0:1,X=de(i)[at];if(X===null)return!1;X===!1&&(X=g.getDefaultStep(T[i],C,t.keyboardDefaultStep)),X*=z||_?t.keyboardPageMultiplier:t.keyboardMultiplier,X=Math.max(X,1e-7),X*=C?-1:1,y=gt[i]+X}else y=W?t.spectrum.xVal[t.spectrum.xVal.length-1]:t.spectrum.xVal[0];return Ct(i,g.toStepping(y),!0,!0),B("slide",i),B("update",i),B("change",i),B("set",i),!1}function er(e){e.fixed||l.forEach(function(i,n){Nt(F.start,i.children[0],Xt,{handleNumbers:[n]})}),e.tap&&Nt(F.start,d,Qe,{}),e.hover&&Nt(F.move,d,Ze,{hover:!0}),e.drag&&v.forEach(function(i,n){if(i!==!1&&n!==0&&n!==v.length-1){var o=l[n-1],u=l[n],s=[i],y=[o,u],p=[n-1,n];f(i,t.cssClasses.draggable),e.fixed&&(s.push(o.children[0]),s.push(u.children[0])),e.dragAll&&(y=l,p=st),s.forEach(function(_){Nt(F.start,_,Xt,{handles:y,handleNumbers:p,connect:i})})}})}function Yt(e,i){bt[e]=bt[e]||[],bt[e].push(i),e.split(".")[0]==="update"&&l.forEach(function(n,o){B("update",o)})}function rr(e){return e===q.aria||e===q.tooltips}function Mt(e){var i=e&&e.split(".")[0],n=i?e.substring(i.length):e;Object.keys(bt).forEach(function(o){var u=o.split(".")[0],s=o.substring(u.length);i&&i!==u||n&&n!==s||rr(s)&&n!==s||delete bt[o]})}function B(e,i,n){Object.keys(bt).forEach(function(o){var u=o.split(".")[0];e===u&&bt[o].forEach(function(s){s.call(Ft,gt.map(t.format.to),i,gt.slice(),n||!1,T.slice(),Ft)})})}function jt(e,i,n,o,u,s,y){var p;return l.length>1&&!t.events.unconstrained&&(o&&i>0&&(p=g.getAbsoluteDistance(e[i-1],t.margin,!1),n=Math.max(n,p)),u&&i1&&t.limit&&(o&&i>0&&(p=g.getAbsoluteDistance(e[i-1],t.limit,!1),n=Math.min(n,p)),u&&i1?o.forEach(function(V,P){var W=jt(s,V,s[V]+i,_[P],z[P],!1,p);W===!1?i=0:(i=W-s[V],s[V]=W)}):_=z=[!0];var C=!1;o.forEach(function(V,P){C=Ct(V,n[V]+i,_[P],z[P],!1,p)||C}),C&&(o.forEach(function(V){B("update",V),B("slide",V)}),u!=null&&B("drag",y))}function le(e,i){return t.dir?100-e-i:e}function ir(e,i){T[e]=i,gt[e]=g.fromStepping(i);var n="translate("+It(le(i,0)-He+"%","0")+")";l[e].style[t.transformRule]=n,ue(e),ue(e+1)}function Kt(){st.forEach(function(e){var i=T[e]>50?-1:1,n=3+(l.length+i*e);l[e].style.zIndex=String(n)})}function Ct(e,i,n,o,u,s){return u||(i=jt(T,e,i,n,o,!1,s)),i!==!1&&(ir(e,i),!0)}function ue(e){if(v[e]){var i=0,n=100;e!==0&&(i=T[e-1]),e!==v.length-1&&(n=T[e]);var o=n-i,u="translate("+It(le(i,o)+"%","0")+")",s="scale("+It(o/100,"1")+")";v[e].style[t.transformRule]=u+" "+s}}function ce(e,i){return e===null||e===!1||e===void 0?T[i]:(typeof e=="number"&&(e=String(e)),(e=t.format.from(e))!==!1&&(e=g.toStepping(e)),e===!1||isNaN(e)?T[i]:e)}function Dt(e,i,n){var o=c(e),u=T[0]===void 0;i=i===void 0||i,t.animate&&!u&&j(K,t.cssClasses.tap,t.animationDuration),st.forEach(function(p){Ct(p,ce(o[p],p),!0,!1,n)});var s=st.length===1?0:1;if(u&&g.hasNoSize()&&(n=!0,T[0]=0,st.length>1)){var y=100/(st.length-1);st.forEach(function(p){T[p]=p*y})}for(;s=0&&en.stepAfter.startValue&&(u=n.stepAfter.startValue-o),s=o>n.thisStep.startValue?n.thisStep.step:n.stepBefore.step!==!1&&o-n.stepBefore.highestStep,i===100?u=null:i===0&&(s=null);var y=g.countStepDecimals();return u!==null&&u!==!1&&(u=Number(u.toFixed(y))),s!==null&&s!==!1&&(s=Number(s.toFixed(y))),[s,u]}function sr(){return st.map(de)}function lr(e,i){var n=pe(),o=["margin","limit","padding","range","animate","snap","step","format","pips","tooltips"];o.forEach(function(s){e[s]!==void 0&&(a[s]=e[s])});var u=Zt(a);o.forEach(function(s){e[s]!==void 0&&(t[s]=u[s])}),g=u.spectrum,t.margin=u.margin,t.limit=u.limit,t.padding=u.padding,t.pips?_t(t.pips):Bt(),t.tooltips?ie():Rt(),T=[],Dt(it(e.start)?e.start:n,i)}function ur(){d=Be(K),Re(t.connect,d),er(t.events),Dt(t.start),t.pips&&_t(t.pips),t.tooltips&&ie(),$e()}ur();var Ft={destroy:ar,steps:sr,on:Yt,off:Mt,get:pe,set:Dt,setHandle:or,reset:nr,__moveHandles:function(e,i,n){se(e,i,T,n)},options:a,updateOptions:lr,target:K,removePips:Bt,removeTooltips:Rt,getPositions:function(){return T.slice()},getTooltips:function(){return R},getOrigins:function(){return l},pips:_t};return Ft}function te(r,t){if(!r||!r.nodeName)throw new Error("noUiSlider: create requires a single element, got: "+r);if(r.noUiSlider)throw new Error("noUiSlider: Slider was already initialized.");var a=Te(r,Zt(t),t);return r.noUiSlider=a,a}var ze={__spectrum:wt,cssClasses:J,create:te};S.create=te,S.cssClasses=J,S.default=ze,Object.defineProperty(S,"__esModule",{value:!0})})(M)}));function ye(k,M){if(!Array.isArray(k)||!Array.isArray(M))return!1;const S=M.slice().sort();return k.length===M.length&&k.slice().sort().every(function(pt,Z){return pt===S[Z]})}var Se={name:"Slider",emits:["input","update:modelValue","start","slide","drag","update","change","set","end"],props:{value:{validator:function(k){return M=>typeof M=="number"||M instanceof Array||M==null||M===!1},required:!1},modelValue:{validator:function(k){return M=>typeof M=="number"||M instanceof Array||M==null||M===!1},required:!1},id:{type:[String,Number],required:!1},disabled:{type:Boolean,required:!1,default:!1},min:{type:Number,required:!1,default:0},max:{type:Number,required:!1,default:100},step:{type:Number,required:!1,default:1},orientation:{type:String,required:!1,default:"horizontal"},direction:{type:String,required:!1,default:"ltr"},tooltips:{type:Boolean,required:!1,default:!0},options:{type:Object,required:!1,default:()=>({})},merge:{type:Number,required:!1,default:-1},format:{type:[Object,Function,Boolean],required:!1,default:null},classes:{type:Object,required:!1,default:()=>({})},showTooltip:{type:String,required:!1,default:"always"},tooltipPosition:{type:String,required:!1,default:null},lazy:{type:Boolean,required:!1,default:!0},ariaLabelledby:{type:String,required:!1,default:void 0},aria:{required:!1,type:Object,default:()=>({})}},setup(k,M){const S=function(it,Y,nt){const{value:tt,modelValue:ot,min:A}=Tt(it);let j=ot&&ot.value!==void 0?ot:tt;const H=Lt(j.value);if(zt(j.value)&&(j=Lt(A.value)),Array.isArray(j.value)&&j.value.length==0)throw new Error("Slider v-model must not be an empty array");return{value:j,initialValue:H}}(k),pt=function(it,Y,nt){const{classes:tt,showTooltip:ot,tooltipPosition:A,orientation:j}=Tt(it),H=kt(()=>({target:"slider-target",focused:"slider-focused",tooltipFocus:"slider-tooltip-focus",tooltipDrag:"slider-tooltip-drag",ltr:"slider-ltr",rtl:"slider-rtl",horizontal:"slider-horizontal",vertical:"slider-vertical",textDirectionRtl:"slider-txt-dir-rtl",textDirectionLtr:"slider-txt-dir-ltr",base:"slider-base",connects:"slider-connects",connect:"slider-connect",origin:"slider-origin",handle:"slider-handle",handleLower:"slider-handle-lower",handleUpper:"slider-handle-upper",touchArea:"slider-touch-area",tooltip:"slider-tooltip",tooltipTop:"slider-tooltip-top",tooltipBottom:"slider-tooltip-bottom",tooltipLeft:"slider-tooltip-left",tooltipRight:"slider-tooltip-right",tooltipHidden:"slider-tooltip-hidden",active:"slider-active",draggable:"slider-draggable",tap:"slider-state-tap",drag:"slider-state-drag",pips:"slider-pips",pipsHorizontal:"slider-pips-horizontal",pipsVertical:"slider-pips-vertical",marker:"slider-marker",markerHorizontal:"slider-marker-horizontal",markerVertical:"slider-marker-vertical",markerNormal:"slider-marker-normal",markerLarge:"slider-marker-large",markerSub:"slider-marker-sub",value:"slider-value",valueHorizontal:"slider-value-horizontal",valueVertical:"slider-value-vertical",valueNormal:"slider-value-normal",valueLarge:"slider-value-large",valueSub:"slider-value-sub",...tt.value}));return{classList:kt(()=>{const c={...H.value};return Object.keys(c).forEach(m=>{c[m]=Array.isArray(c[m])?c[m].filter(f=>f!==null).join(" "):c[m]}),ot.value!=="always"&&(c.target+=` ${ot.value==="drag"?c.tooltipDrag:c.tooltipFocus}`),j.value==="horizontal"&&(c.tooltip+=A.value==="bottom"?` ${c.tooltipBottom}`:` ${c.tooltipTop}`),j.value==="vertical"&&(c.tooltip+=A.value==="right"?` ${c.tooltipRight}`:` ${c.tooltipLeft}`),c})}}(k),Z=function(it,Y,nt){const{format:tt,step:ot}=Tt(it),A=nt.value,j=nt.classList,H=kt(()=>tt&&tt.value?typeof tt.value=="function"?{to:tt.value}:be({...tt.value}):be({decimals:ot.value>=0?0:2})),c=kt(()=>Array.isArray(A.value)?A.value.map(m=>H.value):H.value);return{tooltipFormat:H,tooltipsFormat:c,tooltipsMerge:(m,f,E)=>{var w=getComputedStyle(m).direction==="rtl",mt=m.noUiSlider.options.direction==="rtl",ft=m.noUiSlider.options.orientation==="vertical",L=m.noUiSlider.getTooltips(),et=m.noUiSlider.getOrigins();L.forEach(function($,D){$&&et[D].appendChild($)}),m.noUiSlider.on("update",function($,D,b,dt,U){var rt=[[]],lt=[[]],G=[[]],x=0;L[0]&&(rt[0][0]=0,lt[0][0]=U[0],G[0][0]=H.value.to(parseFloat($[0])));for(var I=1;I<$.length;I++)(!L[I]||$[I]-$[I-1]>f)&&(rt[++x]=[],G[x]=[],lt[x]=[]),L[I]&&(rt[x].push(I),G[x].push(H.value.to(parseFloat($[I]))),lt[x].push(U[I]));rt.forEach(function(wt,St){for(var J=wt.length,q=0;q{L[ut].classList.contains(h)&&L[ut].classList.remove(h)})}else L[ut].style.display="none",j.value.tooltipHidden.split(" ").forEach(h=>{L[ut].classList.add(h)})}})})}}}(k,0,{value:S.value,classList:pt.classList}),xt=function(it,Y,nt){const{orientation:tt,direction:ot,tooltips:A,step:j,min:H,max:c,merge:m,id:f,disabled:E,options:w,classes:mt,format:ft,lazy:L,ariaLabelledby:et,aria:$}=Tt(it),D=nt.value,b=nt.initialValue,dt=nt.tooltipsFormat,U=nt.tooltipsMerge,rt=nt.tooltipFormat,lt=nt.classList,G=Lt(null),x=Lt(null),I=Lt(!1),wt=kt(()=>{let h={cssPrefix:"",cssClasses:lt.value,orientation:tt.value,direction:ot.value,tooltips:!!A.value&&dt.value,connect:"lower",start:zt(D.value)?H.value:D.value,range:{min:H.value,max:c.value}};if(j.value>0&&(h.step=j.value),Array.isArray(D.value)&&(h.connect=!0),et&&et.value||$&&Object.keys($.value).length){let O=Array.isArray(D.value)?D.value:[D.value];h.handleAttributes=O.map(Jt=>Object.assign({},$.value,et&&et.value?{"aria-labelledby":et.value}:{}))}return ft.value&&(h.ariaFormat=rt.value),h}),St=kt(()=>{let h={id:f&&f.value?f.value:void 0};return E.value&&(h.disabled=!0),h}),J=kt(()=>Array.isArray(D.value)),q=()=>{let h=x.value.get();return Array.isArray(h)?h.map(O=>parseFloat(O)):parseFloat(h)},ut=function(h){let O=!(arguments.length>1&&arguments[1]!==void 0)||arguments[1];x.value.set(h,O)},ht=h=>{Y.emit("input",h),Y.emit("update:modelValue",h),Y.emit("update",h)},Et=()=>{x.value=vr.create(G.value,Object.assign({},wt.value,w.value)),A.value&&J.value&&m.value>=0&&U(G.value,m.value," - "),x.value.on("set",()=>{const h=q();Y.emit("change",h),Y.emit("set",h),L.value&&ht(h)}),x.value.on("update",()=>{if(!I.value)return;const h=q();J.value&&ye(D.value,h)||!J.value&&D.value==h?Y.emit("update",h):L.value||ht(h)}),x.value.on("start",()=>{Y.emit("start",q())}),x.value.on("end",()=>{Y.emit("end",q())}),x.value.on("slide",()=>{Y.emit("slide",q())}),x.value.on("drag",()=>{Y.emit("drag",q())}),G.value.querySelectorAll("[data-handle]").forEach(h=>{h.onblur=()=>{G.value&<.value.focused.split(" ").forEach(O=>{G.value.classList.remove(O)})},h.onfocus=()=>{lt.value.focused.split(" ").forEach(O=>{G.value.classList.add(O)})}}),I.value=!0},Pt=()=>{x.value.off(),x.value.destroy(),x.value=null},Q=(h,O)=>{I.value=!1,Pt(),Et()};return cr(Et),pr(Pt),ct(J,Q,{immediate:!1}),ct(H,Q,{immediate:!1}),ct(c,Q,{immediate:!1}),ct(j,Q,{immediate:!1}),ct(tt,Q,{immediate:!1}),ct(ot,Q,{immediate:!1}),ct(A,Q,{immediate:!1}),ct(m,Q,{immediate:!1}),ct(ft,Q,{immediate:!1,deep:!0}),ct(w,Q,{immediate:!1,deep:!0}),ct(mt,Q,{immediate:!1,deep:!0}),ct(D,(h,O)=>{O&&(typeof O=="object"&&typeof h=="object"&&h&&Object.keys(O)>Object.keys(h)||typeof O=="object"&&typeof h!="object"||zt(h))&&Q()},{immediate:!1}),ct(D,h=>{if(zt(h))return void ut(H.value,!1);let O=q();J.value&&!Array.isArray(O)&&(O=[O]),(J.value&&!ye(h,O)||!J.value&&h!=O)&&ut(h,!1)},{deep:!0}),{slider:G,slider$:x,isRange:J,sliderProps:St,init:Et,destroy:Pt,refresh:Q,update:ut,reset:()=>{ht(b.value)}}}(k,M,{value:S.value,initialValue:S.initialValue,tooltipFormat:Z.tooltipFormat,tooltipsFormat:Z.tooltipsFormat,tooltipsMerge:Z.tooltipsMerge,classList:pt.classList});return{...pt,...Z,...xt}}};Se.render=function(k,M,S,pt,Z,xt){return dr(),fr("div",mr(k.sliderProps,{ref:"slider"}),null,16)},Se.__file="src/Slider.vue";export{Se as m};
diff --git a/docs/assets/style-1eWWHLTB.css b/docs/assets/style-_KGV_-KA.css
similarity index 98%
rename from docs/assets/style-1eWWHLTB.css
rename to docs/assets/style-_KGV_-KA.css
index fa14c744..43d8707b 100644
--- a/docs/assets/style-1eWWHLTB.css
+++ b/docs/assets/style-_KGV_-KA.css
@@ -1 +1 @@
-:root{--back-to-top-z-index: 5;--back-to-top-color: #3eaf7c;--back-to-top-color-hover: #71cda3}.back-to-top{cursor:pointer;position:fixed;bottom:2rem;right:2.5rem;width:2rem;height:1.2rem;background-color:var(--back-to-top-color);-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2049.484%2028.284'%3e%3cg%20transform='translate(-229%20-126.358)'%20fill='currentColor'%3e%3crect%20width='35'%20height='5'%20rx='2'%20transform='rotate(-45%20296.902%20-200.874)'/%3e%3crect%20width='35'%20height='5'%20rx='2'%20transform='rotate(-135%20169.502%2020.377)'/%3e%3c/g%3e%3c/svg%3e") no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2049.484%2028.284'%3e%3cg%20transform='translate(-229%20-126.358)'%20fill='currentColor'%3e%3crect%20width='35'%20height='5'%20rx='2'%20transform='rotate(-45%20296.902%20-200.874)'/%3e%3crect%20width='35'%20height='5'%20rx='2'%20transform='rotate(-135%20169.502%2020.377)'/%3e%3c/g%3e%3c/svg%3e") no-repeat;z-index:var(--back-to-top-z-index)}.back-to-top:hover{background-color:var(--back-to-top-color-hover)}@media (max-width: 959px){.back-to-top{display:none}}@media print{.back-to-top{display:none}}.back-to-top-enter-active,.back-to-top-leave-active{transition:opacity .3s}.back-to-top-enter-from,.back-to-top-leave-to{opacity:0}:root{--external-link-icon-color: #aaa}.external-link-icon{position:relative;display:inline-block;color:var(--external-link-icon-color);vertical-align:middle;top:-1px}@media print{.external-link-icon{display:none}}.external-link-icon-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--medium-zoom-z-index: 100;--medium-zoom-bg-color: #ffffff;--medium-zoom-opacity: 1}.medium-zoom-overlay{background-color:var(--medium-zoom-bg-color)!important;z-index:var(--medium-zoom-z-index)}.medium-zoom-overlay~img{z-index:calc(var(--medium-zoom-z-index) + 1)}.medium-zoom--opened .medium-zoom-overlay{opacity:var(--medium-zoom-opacity)}:root{--nprogress-color: #29d;--nprogress-z-index: 1031}#nprogress{pointer-events:none}#nprogress .bar{background:var(--nprogress-color);position:fixed;z-index:var(--nprogress-z-index);top:0;left:0;width:100%;height:2px}:root{--c-brand: #3eaf7c;--c-brand-light: #4abf8a;--c-bg: #ffffff;--c-bg-light: #f3f4f5;--c-bg-lighter: #eeeeee;--c-bg-dark: #ebebec;--c-bg-darker: #e6e6e6;--c-bg-navbar: var(--c-bg);--c-bg-sidebar: var(--c-bg);--c-bg-arrow: #cccccc;--c-text: #2c3e50;--c-text-accent: var(--c-brand);--c-text-light: #3a5169;--c-text-lighter: #4e6e8e;--c-text-lightest: #6a8bad;--c-text-quote: #999999;--c-border: #eaecef;--c-border-dark: #dfe2e5;--c-tip: #42b983;--c-tip-bg: var(--c-bg-light);--c-tip-title: var(--c-text);--c-tip-text: var(--c-text);--c-tip-text-accent: var(--c-text-accent);--c-warning: #ffc310;--c-warning-bg: #fffae3;--c-warning-bg-light: #fff3ba;--c-warning-bg-lighter: #fff0b0;--c-warning-border-dark: #f7dc91;--c-warning-details-bg: #fff5ca;--c-warning-title: #f1b300;--c-warning-text: #746000;--c-warning-text-accent: #edb100;--c-warning-text-light: #c1971c;--c-warning-text-quote: #ccab49;--c-danger: #f11e37;--c-danger-bg: #ffe0e0;--c-danger-bg-light: #ffcfde;--c-danger-bg-lighter: #ffc9c9;--c-danger-border-dark: #f1abab;--c-danger-details-bg: #ffd4d4;--c-danger-title: #ed1e2c;--c-danger-text: #660000;--c-danger-text-accent: #bd1a1a;--c-danger-text-light: #b5474d;--c-danger-text-quote: #c15b5b;--c-details-bg: #eeeeee;--c-badge-tip: var(--c-tip);--c-badge-warning: #ecc808;--c-badge-warning-text: var(--c-bg);--c-badge-danger: #dc2626;--c-badge-danger-text: var(--c-bg);--t-color: .3s ease;--t-transform: .3s ease;--code-bg-color: #282c34;--code-hl-bg-color: rgba(0, 0, 0, .66);--code-ln-color: #9e9e9e;--code-ln-wrapper-width: 3.5rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-code: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--navbar-height: 3.6rem;--navbar-padding-v: .7rem;--navbar-padding-h: 1.5rem;--sidebar-width: 20rem;--sidebar-width-mobile: calc(var(--sidebar-width) * .82);--content-width: 740px;--homepage-width: 960px}.back-to-top{--back-to-top-color: var(--c-brand);--back-to-top-color-hover: var(--c-brand-light)}.DocSearch{--docsearch-primary-color: var(--c-brand);--docsearch-text-color: var(--c-text);--docsearch-highlight-color: var(--c-brand);--docsearch-muted-color: var(--c-text-quote);--docsearch-container-background: rgba(9, 10, 17, .8);--docsearch-modal-background: var(--c-bg-light);--docsearch-searchbox-background: var(--c-bg-lighter);--docsearch-searchbox-focus-background: var(--c-bg);--docsearch-searchbox-shadow: inset 0 0 0 2px var(--c-brand);--docsearch-hit-color: var(--c-text-light);--docsearch-hit-active-color: var(--c-bg);--docsearch-hit-background: var(--c-bg);--docsearch-hit-shadow: 0 1px 3px 0 var(--c-border-dark);--docsearch-footer-background: var(--c-bg)}.external-link-icon{--external-link-icon-color: var(--c-text-quote)}.medium-zoom-overlay{--medium-zoom-bg-color: var(--c-bg)}#nprogress{--nprogress-color: var(--c-brand)}.pwa-popup{--pwa-popup-text-color: var(--c-text);--pwa-popup-bg-color: var(--c-bg);--pwa-popup-border-color: var(--c-brand);--pwa-popup-shadow: 0 4px 16px var(--c-brand);--pwa-popup-btn-text-color: var(--c-bg);--pwa-popup-btn-bg-color: var(--c-brand);--pwa-popup-btn-hover-bg-color: var(--c-brand-light)}.search-box{--search-bg-color: var(--c-bg);--search-accent-color: var(--c-brand);--search-text-color: var(--c-text);--search-border-color: var(--c-border);--search-item-text-color: var(--c-text-lighter);--search-item-focus-bg-color: var(--c-bg-light)}html.dark{--c-brand: #3aa675;--c-brand-light: #349469;--c-bg: #22272e;--c-bg-light: #2b313a;--c-bg-lighter: #262c34;--c-bg-dark: #343b44;--c-bg-darker: #37404c;--c-text: #adbac7;--c-text-light: #96a7b7;--c-text-lighter: #8b9eb0;--c-text-lightest: #8094a8;--c-border: #3e4c5a;--c-border-dark: #34404c;--c-tip: #318a62;--c-warning: #e0ad15;--c-warning-bg: #2d2f2d;--c-warning-bg-light: #423e2a;--c-warning-bg-lighter: #44442f;--c-warning-border-dark: #957c35;--c-warning-details-bg: #39392d;--c-warning-title: #fdca31;--c-warning-text: #d8d96d;--c-warning-text-accent: #ffbf00;--c-warning-text-light: #ddb84b;--c-warning-text-quote: #ccab49;--c-danger: #fc1e38;--c-danger-bg: #39232c;--c-danger-bg-light: #4b2b35;--c-danger-bg-lighter: #553040;--c-danger-border-dark: #a25151;--c-danger-details-bg: #482936;--c-danger-title: #fc2d3b;--c-danger-text: #ea9ca0;--c-danger-text-accent: #fd3636;--c-danger-text-light: #d9777c;--c-danger-text-quote: #d56b6b;--c-details-bg: #323843;--c-badge-warning: var(--c-warning);--c-badge-warning-text: #3c2e05;--c-badge-danger: var(--c-danger);--c-badge-danger-text: #401416;--code-hl-bg-color: #363b46}html.dark .DocSearch{--docsearch-logo-color: var(--c-text);--docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;--docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3);--docsearch-key-gradient: linear-gradient(-225deg, #444950, #1c1e21);--docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2)}html,body{padding:0;margin:0;background-color:var(--c-bg);transition:background-color var(--t-color)}html.dark{color-scheme:dark}html{font-size:16px}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;color:var(--c-text)}a{font-weight:500;color:var(--c-text-accent);text-decoration:none;overflow-wrap:break-word}p a code{font-weight:400;color:var(--c-text-accent)}kbd{font-family:var(--font-family-code);color:var(--c-text);background:var(--c-bg-lighter);border:solid .15rem var(--c-border-dark);border-bottom:solid .25rem var(--c-border-dark);border-radius:.15rem;padding:0 .15em}code{font-family:var(--font-family-code);color:var(--c-text-lighter);padding:.25rem .5rem;margin:0;font-size:.85em;background-color:var(--c-bg-light);border-radius:3px;overflow-wrap:break-word;transition:background-color var(--t-color)}blockquote{font-size:1rem;color:var(--c-text-quote);border-left:.2rem solid var(--c-border-dark);margin:1rem 0;padding:.25rem 0 .25rem 1rem;overflow-wrap:break-word}blockquote>p{margin:0}ul,ol{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;overflow-wrap:break-word}h1:focus-visible,h2:focus-visible,h3:focus-visible,h4:focus-visible,h5:focus-visible,h6:focus-visible{outline:none}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid var(--c-border);transition:border-color var(--t-color)}h3{font-size:1.35rem}h4{font-size:1.15rem}h5{font-size:1.05rem}h6{font-size:1rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media print{a.header-anchor{display:none}}a.header-anchor:hover{text-decoration:none}a.header-anchor:focus-visible{opacity:1}@media print{a[href^="http://"]:after,a[href^="https://"]:after{content:" (" attr(href) ") "}}p,ul,ol{line-height:1.7;overflow-wrap:break-word}hr{border:0;border-top:1px solid var(--c-border)}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto;transition:border-color var(--t-color)}tr{border-top:1px solid var(--c-border-dark);transition:border-color var(--t-color)}tr:nth-child(2n){background-color:var(--c-bg-light);transition:background-color var(--t-color)}tr:nth-child(2n) code{background-color:var(--c-bg-dark)}th,td{padding:.6em 1em;border:1px solid var(--c-border-dark);transition:border-color var(--t-color)}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--c-bg-arrow)}.arrow.down{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--c-bg-arrow)}.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--c-bg-arrow)}.arrow.left{border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid var(--c-bg-arrow)}.badge{display:inline-block;font-size:14px;font-weight:600;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:var(--c-bg);vertical-align:top;transition:color var(--t-color),background-color var(--t-color)}.badge.tip{background-color:var(--c-badge-tip)}.badge.warning{background-color:var(--c-badge-warning);color:var(--c-badge-warning-text)}.badge.danger{background-color:var(--c-badge-danger);color:var(--c-badge-danger-text)}.badge+.badge{margin-left:5px}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:var(--font-family-code);font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#ec5975}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.inserted{color:#3eaf7c}.theme-default-content pre,.theme-default-content pre[class*=language-]{line-height:1.375;padding:1.3rem 1.5rem;margin:.85rem 0;border-radius:6px;overflow:auto}.theme-default-content pre code,.theme-default-content pre[class*=language-] code{color:#fff;padding:0;background-color:transparent!important;border-radius:0;overflow-wrap:unset;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.theme-default-content .line-number{font-family:var(--font-family-code)}div[class*=language-]{position:relative;background-color:var(--code-bg-color);border-radius:6px}div[class*=language-]:before{content:attr(data-ext);position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:var(--code-ln-color)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent!important;position:relative;z-index:1}div[class*=language-] .highlight-lines{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.375}div[class*=language-] .highlight-lines .highlight-line{background-color:var(--code-hl-bg-color)}div[class*=language-]:not(.line-numbers-mode) .line-numbers{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlight-line{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlight-line:before{content:" ";position:absolute;z-index:2;left:0;top:0;display:block;width:var(--code-ln-wrapper-width);height:100%}div[class*=language-].line-numbers-mode pre{margin-left:var(--code-ln-wrapper-width);padding-left:1rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers{position:absolute;top:0;width:var(--code-ln-wrapper-width);text-align:center;color:var(--code-ln-color);padding-top:1.25rem;line-height:1.375;counter-reset:line-number}div[class*=language-].line-numbers-mode .line-numbers .line-number{position:relative;z-index:3;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:1.375em}div[class*=language-].line-numbers-mode .line-numbers .line-number:before{counter-increment:line-number;content:counter(line-number);font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;top:0;left:0;width:var(--code-ln-wrapper-width);height:100%;border-radius:6px 0 0 6px;border-right:1px solid var(--code-hl-bg-color)}@media (max-width: 419px){.theme-default-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}.code-group__nav{margin-top:.85rem;margin-bottom:calc(-1.7rem - 6px);padding-bottom:calc(1.7rem - 6px);padding-left:10px;padding-top:10px;border-top-left-radius:6px;border-top-right-radius:6px;background-color:var(--code-bg-color)}.code-group__ul{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.code-group__nav-tab{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:#ffffffe6;font-weight:600}.code-group__nav-tab:focus{outline:none}.code-group__nav-tab:focus-visible{outline:1px solid rgba(255,255,255,.9)}.code-group__nav-tab-active{border-bottom:var(--c-brand) 1px solid}@media (max-width: 419px){.code-group__nav{margin-left:-1.5rem;margin-right:-1.5rem;border-radius:0}}.code-group-item{display:none}.code-group-item__active{display:block}.code-group-item>pre{background-color:orange}.custom-container{transition:color var(--t-color),border-color var(--t-color),background-color var(--t-color)}.custom-container .custom-container-title{font-weight:600}.custom-container .custom-container-title:not(:only-child){margin-bottom:-.4rem}.custom-container.tip,.custom-container.warning,.custom-container.danger{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-container.tip{border-color:var(--c-tip);background-color:var(--c-tip-bg);color:var(--c-tip-text)}.custom-container.tip .custom-container-title{color:var(--c-tip-title)}.custom-container.tip a{color:var(--c-tip-text-accent)}.custom-container.tip code{background-color:var(--c-bg-dark)}.custom-container.warning{border-color:var(--c-warning);background-color:var(--c-warning-bg);color:var(--c-warning-text)}.custom-container.warning .custom-container-title{color:var(--c-warning-title)}.custom-container.warning a{color:var(--c-warning-text-accent)}.custom-container.warning blockquote{border-left-color:var(--c-warning-border-dark);color:var(--c-warning-text-quote)}.custom-container.warning code{color:var(--c-warning-text-light);background-color:var(--c-warning-bg-light)}.custom-container.warning details{background-color:var(--c-warning-details-bg)}.custom-container.warning details code{background-color:var(--c-warning-bg-lighter)}.custom-container.warning .external-link-icon{--external-link-icon-color: var(--c-warning-text-quote)}.custom-container.danger{border-color:var(--c-danger);background-color:var(--c-danger-bg);color:var(--c-danger-text)}.custom-container.danger .custom-container-title{color:var(--c-danger-title)}.custom-container.danger a{color:var(--c-danger-text-accent)}.custom-container.danger blockquote{border-left-color:var(--c-danger-border-dark);color:var(--c-danger-text-quote)}.custom-container.danger code{color:var(--c-danger-text-light);background-color:var(--c-danger-bg-light)}.custom-container.danger details{background-color:var(--c-danger-details-bg)}.custom-container.danger details code{background-color:var(--c-danger-bg-lighter)}.custom-container.danger .external-link-icon{--external-link-icon-color: var(--c-danger-text-quote)}.custom-container.details{display:block;position:relative;border-radius:2px;margin:1.6em 0;padding:1.6em;background-color:var(--c-details-bg)}.custom-container.details code{background-color:var(--c-bg-darker)}.custom-container.details h4{margin-top:0}.custom-container.details figure:last-child,.custom-container.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-container.details summary{outline:none;cursor:pointer}.home{padding:var(--navbar-height) 2rem 0;max-width:var(--homepage-width);margin:0 auto;display:block}.home .hero{text-align:center}.home .hero img{max-width:100%;max-height:280px;display:block;margin:3rem auto 1.5rem}.home .hero h1{font-size:3rem}.home .hero h1,.home .hero .description,.home .hero .actions{margin:1.8rem auto}.home .hero .actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:var(--c-text-lightest)}.home .hero .action-button{display:inline-block;font-size:1.2rem;padding:.8rem 1.6rem;border-width:2px;border-style:solid;border-radius:4px;transition:background-color var(--t-color);box-sizing:border-box}.home .hero .action-button.primary{color:var(--c-bg);background-color:var(--c-brand);border-color:var(--c-brand)}.home .hero .action-button.primary:hover{background-color:var(--c-brand-light)}.home .hero .action-button.secondary{color:var(--c-brand);background-color:var(--c-bg);border-color:var(--c-brand)}.home .hero .action-button.secondary:hover{color:var(--c-bg);background-color:var(--c-brand-light)}.home .features{border-top:1px solid var(--c-border);transition:border-color var(--t-color);padding:1.2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:var(--c-text-light)}.home .feature p{color:var(--c-text-lighter)}.home .theme-default-content{padding:0;margin:0}.home .footer{padding:2.5rem;border-top:1px solid var(--c-border);text-align:center;color:var(--c-text-lighter);transition:border-color var(--t-color)}@media (max-width: 719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width: 419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero h1,.home .hero .description,.home .hero .actions{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.page{padding-top:var(--navbar-height);padding-left:var(--sidebar-width)}.navbar{position:fixed;z-index:20;top:0;left:0;right:0;height:var(--navbar-height);box-sizing:border-box;border-bottom:1px solid var(--c-border);background-color:var(--c-bg-navbar);transition:background-color var(--t-color),border-color var(--t-color)}.sidebar{font-size:16px;width:var(--sidebar-width);position:fixed;z-index:10;margin:0;top:var(--navbar-height);left:0;bottom:0;box-sizing:border-box;border-right:1px solid var(--c-border);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--c-brand) var(--c-border);background-color:var(--c-bg-sidebar);transition:transform var(--t-transform),background-color var(--t-color),border-color var(--t-color)}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-track{background-color:var(--c-border)}.sidebar::-webkit-scrollbar-thumb{background-color:var(--c-brand)}.sidebar-mask{position:fixed;z-index:9;top:0;left:0;width:100vw;height:100vh;display:none}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(1){transform:rotate(45deg) translate3d(5.5px,5.5px,0)}.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(2){transform:scale3d(0,1,1)}.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(3){transform:rotate(-45deg) translate3d(6px,-6px,0)}.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(1),.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(3){transform-origin:center}.theme-container.no-navbar .theme-default-content h1,.theme-container.no-navbar .theme-default-content h2,.theme-container.no-navbar .theme-default-content h3,.theme-container.no-navbar .theme-default-content h4,.theme-container.no-navbar .theme-default-content h5,.theme-container.no-navbar .theme-default-content h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .page{padding-top:0}.theme-container.no-navbar .sidebar{top:0}.theme-container.no-sidebar .sidebar{display:none}@media (max-width: 719px){.theme-container.no-sidebar .sidebar{display:block}}.theme-container.no-sidebar .page{padding-left:0}.theme-default-content a:hover{text-decoration:underline}.theme-default-content img{max-width:100%}.theme-default-content h1,.theme-default-content h2,.theme-default-content h3,.theme-default-content h4,.theme-default-content h5,.theme-default-content h6{margin-top:calc(.5rem - var(--navbar-height));padding-top:calc(1rem + var(--navbar-height));margin-bottom:0}.theme-default-content h1:first-child,.theme-default-content h2:first-child,.theme-default-content h3:first-child,.theme-default-content h4:first-child,.theme-default-content h5:first-child,.theme-default-content h6:first-child{margin-bottom:1rem}.theme-default-content h1:first-child+p,.theme-default-content h1:first-child+pre,.theme-default-content h1:first-child+.custom-container,.theme-default-content h2:first-child+p,.theme-default-content h2:first-child+pre,.theme-default-content h2:first-child+.custom-container,.theme-default-content h3:first-child+p,.theme-default-content h3:first-child+pre,.theme-default-content h3:first-child+.custom-container,.theme-default-content h4:first-child+p,.theme-default-content h4:first-child+pre,.theme-default-content h4:first-child+.custom-container,.theme-default-content h5:first-child+p,.theme-default-content h5:first-child+pre,.theme-default-content h5:first-child+.custom-container,.theme-default-content h6:first-child+p,.theme-default-content h6:first-child+pre,.theme-default-content h6:first-child+.custom-container{margin-top:2rem}@media (max-width: 959px){.sidebar{font-size:15px;width:var(--sidebar-width-mobile)}.page{padding-left:var(--sidebar-width-mobile)}}@media (max-width: 719px){.sidebar{top:0;padding-top:var(--navbar-height);transform:translate(-100%)}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translate(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width: 419px){h1{font-size:1.9rem}}.navbar{--navbar-line-height: calc( var(--navbar-height) - 2 * var(--navbar-padding-v) );padding:var(--navbar-padding-v) var(--navbar-padding-h);line-height:var(--navbar-line-height)}.navbar .logo{height:var(--navbar-line-height);margin-right:var(--navbar-padding-v);vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:var(--c-text);position:relative}.navbar .navbar-items-wrapper{display:flex;position:absolute;box-sizing:border-box;top:var(--navbar-padding-v);right:var(--navbar-padding-h);height:var(--navbar-line-height);padding-left:var(--navbar-padding-h);white-space:nowrap;font-size:.9rem}.navbar .navbar-items-wrapper .search-box{flex:0 0 auto;vertical-align:top}@media screen and (max-width: 719px){.navbar{padding-left:4rem}.navbar .site-name{display:block;width:calc(100vw - 11rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.navbar .can-hide{display:none}}.navbar-items{display:inline-block}@media print{.navbar-items{display:none}}.navbar-items a{display:inline-block;line-height:1.4rem;color:inherit}.navbar-items a:hover,.navbar-items a.router-link-active{color:var(--c-text)}.navbar-items .navbar-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:var(--navbar-line-height)}.navbar-items .navbar-item:first-child{margin-left:0}.navbar-items .navbar-item>a:hover,.navbar-items .navbar-item>a.router-link-active{margin-bottom:-2px;border-bottom:2px solid var(--c-text-accent)}@media (max-width: 719px){.navbar-items .navbar-item{margin-left:0}.navbar-items .navbar-item>a:hover,.navbar-items .navbar-item>a.router-link-active{margin-bottom:0;border-bottom:none}.navbar-items a:hover,.navbar-items a.router-link-active{color:var(--c-text-accent)}}.toggle-sidebar-button{position:absolute;top:.6rem;left:1rem;display:none;padding:.6rem;cursor:pointer}.toggle-sidebar-button .icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;cursor:inherit}.toggle-sidebar-button .icon span{display:inline-block;width:100%;height:2px;border-radius:2px;background-color:var(--c-text);transition:transform var(--t-transform)}.toggle-sidebar-button .icon span:nth-child(2){margin:6px 0}@media screen and (max-width: 719px){.toggle-sidebar-button{display:block}}.toggle-color-mode-button{display:flex;margin:auto;margin-left:1rem;border:0;background:none;color:var(--c-text);opacity:.8;cursor:pointer}@media print{.toggle-color-mode-button{display:none}}.toggle-color-mode-button:hover{opacity:1}.toggle-color-mode-button .icon{width:1.25rem;height:1.25rem}.DocSearch{transition:background-color var(--t-color)}.navbar-dropdown-wrapper{cursor:pointer}.navbar-dropdown-wrapper .navbar-dropdown-title,.navbar-dropdown-wrapper .navbar-dropdown-title-mobile{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:var(--c-text)}.navbar-dropdown-wrapper .navbar-dropdown-title:hover,.navbar-dropdown-wrapper .navbar-dropdown-title-mobile:hover{border-color:transparent}.navbar-dropdown-wrapper .navbar-dropdown-title .arrow,.navbar-dropdown-wrapper .navbar-dropdown-title-mobile .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.navbar-dropdown-wrapper .navbar-dropdown-title-mobile{display:none;font-weight:600;font-size:inherit}.navbar-dropdown-wrapper .navbar-dropdown-title-mobile:hover{color:var(--c-text-accent)}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item{color:inherit;line-height:1.7rem}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle{margin:.45rem 0 0;border-top:1px solid var(--c-border);padding:1rem 0 .45rem;font-size:.9rem}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle>span{padding:0 1.5rem 0 1.25rem}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle>a{font-weight:inherit}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle>a.router-link-active:after{display:none}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subitem-wrapper{padding:0;list-style:none}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subitem-wrapper .navbar-dropdown-subitem{font-size:.9em}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a:hover,.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a.router-link-active{color:var(--c-text-accent)}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid var(--c-text-accent);border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item:first-child .navbar-dropdown-subtitle{margin-top:0;padding-top:0;border-top:0}.navbar-dropdown-wrapper.mobile.open .navbar-dropdown-title,.navbar-dropdown-wrapper.mobile.open .navbar-dropdown-title-mobile{margin-bottom:.5rem}.navbar-dropdown-wrapper.mobile .navbar-dropdown-title,.navbar-dropdown-wrapper.mobile .navbar-dropdown-title-mobile{display:none}.navbar-dropdown-wrapper.mobile .navbar-dropdown-title-mobile{display:block}.navbar-dropdown-wrapper.mobile .navbar-dropdown{transition:height .1s ease-out;overflow:hidden}.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle{border-top:0;margin-top:0;padding-top:0;padding-bottom:0}.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle,.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item>a{font-size:15px;line-height:2rem}.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subitem{font-size:14px;padding-left:1rem}.navbar-dropdown-wrapper:not(.mobile){height:1.8rem}.navbar-dropdown-wrapper:not(.mobile):hover .navbar-dropdown,.navbar-dropdown-wrapper:not(.mobile).open .navbar-dropdown{display:block!important}.navbar-dropdown-wrapper:not(.mobile).open:blur{display:none}.navbar-dropdown-wrapper:not(.mobile) .navbar-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:var(--c-bg-navbar);padding:.6rem 0;border:1px solid var(--c-border);border-bottom-color:var(--c-border-dark);text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}.page{padding-bottom:2rem;display:block}.page .theme-default-content{max-width:var(--content-width);margin:0 auto;padding:2rem 2.5rem;padding-top:0}@media (max-width: 959px){.page .theme-default-content{padding:2rem}}@media (max-width: 419px){.page .theme-default-content{padding:1.5rem}}.page-meta{max-width:var(--content-width);margin:0 auto;padding:1rem 2.5rem;overflow:auto}@media (max-width: 959px){.page-meta{padding:2rem}}@media (max-width: 419px){.page-meta{padding:1.5rem}}.page-meta .meta-item{cursor:default;margin-top:.8rem}.page-meta .meta-item .meta-item-label{font-weight:500;color:var(--c-text-lighter)}.page-meta .meta-item .meta-item-info{font-weight:400;color:var(--c-text-quote)}.page-meta .edit-link{display:inline-block;margin-right:.25rem}@media print{.page-meta .edit-link{display:none}}.page-meta .last-updated{float:right}@media (max-width: 719px){.page-meta .last-updated{font-size:.8em;float:none}.page-meta .contributors{font-size:.8em}}.page-nav{max-width:var(--content-width);margin:0 auto;padding:1rem 2.5rem 2rem;padding-bottom:0}@media (max-width: 959px){.page-nav{padding:2rem}}@media (max-width: 419px){.page-nav{padding:1.5rem}}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid var(--c-border);transition:border-color var(--t-color);padding-top:1rem;overflow:auto}.page-nav .prev a:before{content:"←"}.page-nav .next{float:right}.page-nav .next a:after{content:"→"}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .navbar-items{display:none;border-bottom:1px solid var(--c-border);transition:border-color var(--t-color);padding:.5rem 0 .75rem}.sidebar .navbar-items a{font-weight:600}.sidebar .navbar-items .navbar-item{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar .sidebar-items{padding:1.5rem 0}@media (max-width: 719px){.sidebar .navbar-items{display:block}.sidebar .navbar-items .navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar .sidebar-items{padding:1rem 0}}.sidebar-item{cursor:default;border-left:.25rem solid transparent;color:var(--c-text)}.sidebar-item:focus-visible{outline-width:1px;outline-offset:-1px}.sidebar-item.active:not(p.sidebar-heading){font-weight:600;color:var(--c-text-accent);border-left-color:var(--c-text-accent)}.sidebar-item.sidebar-heading{transition:color .15s ease;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0}.sidebar-item.sidebar-heading+.sidebar-item-children{transition:height .1s ease-out;overflow:hidden;margin-bottom:.75rem}.sidebar-item.collapsible{cursor:pointer}.sidebar-item.collapsible .arrow{position:relative;top:-.12em;left:.5em}.sidebar-item:not(.sidebar-heading){font-size:1em;font-weight:400;display:inline-block;margin:0;padding:.35rem 1rem .35rem 2rem;line-height:1.4;width:100%;box-sizing:border-box}.sidebar-item:not(.sidebar-heading)+.sidebar-item-children{padding-left:1rem;font-size:.95em}.sidebar-item-children .sidebar-item-children .sidebar-item:not(.sidebar-heading){padding:.25rem 1rem .25rem 1.75rem}.sidebar-item-children .sidebar-item-children .sidebar-item:not(.sidebar-heading).active{font-weight:500;border-left-color:transparent}a.sidebar-heading+.sidebar-item-children .sidebar-item:not(.sidebar-heading).active{border-left-color:transparent}a.sidebar-item{cursor:pointer}a.sidebar-item:hover{color:var(--c-text-accent)}.table-of-contents .badge{vertical-align:middle}.dropdown-enter-from,.dropdown-leave-to{height:0!important}.fade-slide-y-enter-active{transition:all .2s ease}.fade-slide-y-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.fade-slide-y-enter-from,.fade-slide-y-leave-to{transform:translateY(10px);opacity:0}:root{--content-width: 1024px;--code-bg-color: #000}.navbar,.sidebar{z-index:101}.demo h3+label{margin-top:24px}.demo label{display:flex;margin-bottom:38px}.demo label span{margin-bottom:-5px;margin-right:10px}.demo label div,.demo label input{flex:1 1 auto;align-self:flex-end}.demo label.checkbox{min-width:150px;cursor:pointer}.demo label.checkbox input{flex:0 0;margin-right:9px}.theme-default-content h2{margin-bottom:1rem}code[class*=language-],pre[class*=language-]{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:.4em .8em;margin:.5em 0;overflow:auto;background:url('data:image/svg+xml;charset=utf-8,%0D%0A%0D%0A%0D%0A<%2Fsvg>');background-size:1em 1em}code[class*=language-]{background:#000;color:#fff;box-shadow:-.3em 0 0 .3em #000,.3em 0 0 .3em #000}:not(pre)>code[class*=language-]{padding:.2em;border-radius:.3em;box-shadow:none;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#aaa}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#0cf}.token.attr-name,.token.builtin,.token.char,.token.selector,.token.string{color:#ff0}.language-css .token.string,.token.entity,.token.inserted,.token.operator,.token.url,.token.variable{color:#9acd32}.token.atrule,.token.attr-value,.token.keyword{color:#ff1493}.token.important,.token.regex{color:orange}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}pre.diff-highlight.diff-highlight>code .token.deleted:not(.prefix),pre>code.diff-highlight.diff-highlight .token.deleted:not(.prefix){background-color:#ff00004d;display:inline}pre.diff-highlight.diff-highlight>code .token.inserted:not(.prefix),pre>code.diff-highlight.diff-highlight .token.inserted:not(.prefix){background-color:#00ff804d;display:inline}.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;transform-origin:0 0;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:var(--slider-height,6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height,16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-width,16px)}.slider-vertical{height:var(--slider-vertical-height,300px);width:var(--slider-height,6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width,16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-height,16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg,#d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius,9999px)}.slider-connect{background:var(--slider-connect-bg,#10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg,#fff);border:var(--slider-handle-border,0);border-radius:var(--slider-handle-radius,9999px);box-shadow:var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));cursor:grab;height:var(--slider-handle-height,16px);width:var(--slider-handle-width,16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width,3px) var(--slider-handle-ring-color,rgba(16,185,129,.188)),var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active,.5px .5px 2px 1px rgba(0,0,0,.42));cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled,#9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled,#9ca3af);border-color:var(--slider-tooltip-bg-disabled,#9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg,#10b981);border:1px solid var(--slider-tooltip-bg,#10b981);border-radius:var(--slider-tooltip-radius,5px);color:var(--slider-tooltip-color,#fff);display:block;font-size:var(--slider-tooltip-font-size,.875rem);font-weight:var(--slider-tooltip-font-weight,600);line-height:var(--slider-tooltip-line-height,1.25rem);min-width:var(--slider-tooltip-min-width,20px);padding:var(--slider-tooltip-py,2px) var(--slider-tooltip-px,6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}.vue-flux .flux-button{padding:0;width:6%;min-width:26px;min-height:26px;max-width:40px;max-height:40px}.flux-button{border:0;cursor:pointer;background-color:transparent}.flux-button:hover>svg line,.flux-button:hover>svg polyline{stroke:#ff0}.flux-button:hover>svg rect,.flux-button:hover>svg polygon{fill:#ff0}.flux-button>svg{width:100%}.flux-button>svg>circle{fill:#000000b3}.flux-button>svg line,.flux-button>svg polyline,.flux-button>svg rect,.flux-button>svg polygon{stroke-linecap:round;stroke-linejoin:round;stroke:#fff;stroke-width:14;fill:none}.flux-button>svg rect,.flux-button>svg polygon{fill:#fff;stroke-width:0}.flux-transition,.vue-flux{position:relative}.vue-flux .flux-transition{position:absolute}.vue-flux>.flux-image{position:absolute;top:0;left:0}.vue-flux .complements{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;z-index:45}.vue-flux .complements .remainder{flex-basis:50%}.vue-flux .flux-caption{flex:none;width:100%;font-size:.8rem;line-height:1.1rem;padding:6px;box-sizing:border-box;color:#fff;text-align:center;background-color:#000000a6;opacity:0}.vue-flux .flux-caption.visible{opacity:1;transition:opacity .3s ease-in}.vue-flux .flux-controls{flex:none;display:flex;justify-content:space-between}.vue-flux .flux-controls.fade-enter,.vue-flux .flux-controls.fade-leave-to{opacity:0}.vue-flux .flux-controls.fade-enter-active,.vue-flux .flux-controls.fade-leave-active{transition:opacity .3s ease-in}.vue-flux .flux-controls .prev{margin-left:4%}.vue-flux .flux-controls .next{margin-right:4%}.vue-flux .flux-index .fade-enter,.vue-flux .flux-index .fade-leave-to{opacity:0}.vue-flux .flux-index .fade-enter-active,.vue-flux .flux-index .fade-leave-active{transition:opacity .3s ease-in}.vue-flux .flux-index li{position:relative;display:inline-block;box-sizing:content-box;margin:0 24px 24px 0;cursor:pointer;transition:all .3s ease}.vue-flux .flux-index li:hover{box-shadow:0 0 3px 2px #fff9}.vue-flux .flux-index li.current{cursor:auto;border:1px solid white;box-shadow:none}.vue-flux .flux-index{flex:none;margin-bottom:2%;font-size:0;text-align:center}.vue-flux .flux-index nav{position:absolute;top:0;left:0;right:0;bottom:0;display:block;margin:0;overflow:hidden;visibility:hidden}.vue-flux .flux-index nav.visible{z-index:101;visibility:visible}.vue-flux .flux-index ul{display:block;height:100%;margin:100% 0 0;padding:24px 0 0 24px;list-style-type:none;text-align:center;overflow-y:auto;background-color:#000;transition:all .5s linear;font-size:0}.vue-flux .flux-pagination{flex:none}.vue-flux .flux-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style-type:none;text-align:center;position:relative}.vue-flux .flux-pagination li{display:block;margin:0 1% 1.5%;cursor:pointer;width:2%;height:0;min-width:10px;min-height:10px;padding-bottom:2%;position:relative;box-sizing:border-box}.vue-flux .flux-pagination .pagination-item{position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background-color:#000000b3;transition:background-color .2s ease-in,border .2s ease-in}.vue-flux .flux-pagination .pagination-item:hover{border-color:#000;background-color:#fff}.vue-flux .flux-pagination .pagination-item.active{border-color:#fff;background-color:#fff}.vue-flux .preloader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.vue-flux .preloader .spinner{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;width:80px;height:80px;z-index:14}.vue-flux .preloader .spinner .pct{position:absolute;right:0;left:0;height:80px;line-height:80px;text-align:center;font-weight:700;z-index:1}.vue-flux .preloader .spinner .border{box-sizing:border-box;width:100%;height:100%;border:14px solid #f3f3f3;border-top-color:#3498db;border-bottom-color:#3498db;border-radius:50%;background-color:#f3f3f3;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-button{padding:6px;border:1px solid #333;border-radius:5px;margin:0 12px 12px 0;cursor:pointer}.demo-button:hover{color:#ff0;background-color:#999}.demo-button.active{color:#ff0;background-color:#222}svg.vc-paragraph{overflow:visible}svg.vc-paragraph line{stroke-linecap:round}svg.vc-paragraph.load line{animation:fadeInOut 1s linear infinite alternate}@keyframes fadeInOut{0%{opacity:1}to{opacity:.3}}.flux-custom-pagination .flux-pagination li{color:#fff;background-color:#000c;padding:0 8px 2px;width:auto;height:auto;border-radius:6px}.flux-custom-pagination .flux-pagination li .active{color:#ff0}@keyframes spinner{to{transform:rotate(360deg)}}.custom-spinner{position:absolute;top:50%;left:50%;text-align:center;line-height:50px;margin-top:-25px;margin-left:-25px;width:50px;height:50px;z-index:14}.custom-spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;border-radius:50%;border:1px solid #ccc;border-top-color:#07d;animation:spinner .6s linear infinite}.demo-flux-button .flux-button{display:block;max-width:200px;margin:0 auto}.demo-flux-button textarea{margin-top:16px;width:100%;min-height:60px}.demo-flux-grid .flux-grid{border-top:1px solid white;border-left:1px solid white}.demo-flux-grid .flux-grid .flux-image{box-sizing:border-box;border-right:1px solid white;border-bottom:1px solid white}button[data-v-aebe6710]{padding:6px;border:1px solid #333;border-radius:5px;margin:0 12px 12px 0;cursor:pointer}.demo-flux-vortex .flux-image{box-sizing:border-box;border:1px solid white}h4{margin-bottom:4px}.transitions{display:flex;flex-wrap:wrap;justify-content:flex-start}.transitions label{margin-bottom:6px;min-width:150px;cursor:pointer}.options{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:flex-start}.options label{margin-bottom:8px;min-width:275px;cursor:pointer}.options input[type=text]{width:40px}p[data-v-49083c0f]{margin-bottom:-12px}
+:root{--back-to-top-z-index: 5;--back-to-top-color: #3eaf7c;--back-to-top-color-hover: #71cda3}.back-to-top{cursor:pointer;position:fixed;bottom:2rem;right:2.5rem;width:2rem;height:1.2rem;background-color:var(--back-to-top-color);-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2049.484%2028.284'%3e%3cg%20transform='translate(-229%20-126.358)'%20fill='currentColor'%3e%3crect%20width='35'%20height='5'%20rx='2'%20transform='rotate(-45%20296.902%20-200.874)'/%3e%3crect%20width='35'%20height='5'%20rx='2'%20transform='rotate(-135%20169.502%2020.377)'/%3e%3c/g%3e%3c/svg%3e") no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2049.484%2028.284'%3e%3cg%20transform='translate(-229%20-126.358)'%20fill='currentColor'%3e%3crect%20width='35'%20height='5'%20rx='2'%20transform='rotate(-45%20296.902%20-200.874)'/%3e%3crect%20width='35'%20height='5'%20rx='2'%20transform='rotate(-135%20169.502%2020.377)'/%3e%3c/g%3e%3c/svg%3e") no-repeat;z-index:var(--back-to-top-z-index)}.back-to-top:hover{background-color:var(--back-to-top-color-hover)}@media (max-width: 959px){.back-to-top{display:none}}@media print{.back-to-top{display:none}}.back-to-top-enter-active,.back-to-top-leave-active{transition:opacity .3s}.back-to-top-enter-from,.back-to-top-leave-to{opacity:0}:root{--external-link-icon-color: #aaa}.external-link-icon{position:relative;display:inline-block;color:var(--external-link-icon-color);vertical-align:middle;top:-1px}@media print{.external-link-icon{display:none}}.external-link-icon-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--medium-zoom-z-index: 100;--medium-zoom-bg-color: #ffffff;--medium-zoom-opacity: 1}.medium-zoom-overlay{background-color:var(--medium-zoom-bg-color)!important;z-index:var(--medium-zoom-z-index)}.medium-zoom-overlay~img{z-index:calc(var(--medium-zoom-z-index) + 1)}.medium-zoom--opened .medium-zoom-overlay{opacity:var(--medium-zoom-opacity)}:root{--nprogress-color: #29d;--nprogress-z-index: 1031}#nprogress{pointer-events:none}#nprogress .bar{background:var(--nprogress-color);position:fixed;z-index:var(--nprogress-z-index);top:0;left:0;width:100%;height:2px}:root{--c-brand: #3eaf7c;--c-brand-light: #4abf8a;--c-bg: #ffffff;--c-bg-light: #f3f4f5;--c-bg-lighter: #eeeeee;--c-bg-dark: #ebebec;--c-bg-darker: #e6e6e6;--c-bg-navbar: var(--c-bg);--c-bg-sidebar: var(--c-bg);--c-bg-arrow: #cccccc;--c-text: #2c3e50;--c-text-accent: var(--c-brand);--c-text-light: #3a5169;--c-text-lighter: #4e6e8e;--c-text-lightest: #6a8bad;--c-text-quote: #999999;--c-border: #eaecef;--c-border-dark: #dfe2e5;--c-tip: #42b983;--c-tip-bg: var(--c-bg-light);--c-tip-title: var(--c-text);--c-tip-text: var(--c-text);--c-tip-text-accent: var(--c-text-accent);--c-warning: #ffc310;--c-warning-bg: #fffae3;--c-warning-bg-light: #fff3ba;--c-warning-bg-lighter: #fff0b0;--c-warning-border-dark: #f7dc91;--c-warning-details-bg: #fff5ca;--c-warning-title: #f1b300;--c-warning-text: #746000;--c-warning-text-accent: #edb100;--c-warning-text-light: #c1971c;--c-warning-text-quote: #ccab49;--c-danger: #f11e37;--c-danger-bg: #ffe0e0;--c-danger-bg-light: #ffcfde;--c-danger-bg-lighter: #ffc9c9;--c-danger-border-dark: #f1abab;--c-danger-details-bg: #ffd4d4;--c-danger-title: #ed1e2c;--c-danger-text: #660000;--c-danger-text-accent: #bd1a1a;--c-danger-text-light: #b5474d;--c-danger-text-quote: #c15b5b;--c-details-bg: #eeeeee;--c-badge-tip: var(--c-tip);--c-badge-warning: #ecc808;--c-badge-warning-text: var(--c-bg);--c-badge-danger: #dc2626;--c-badge-danger-text: var(--c-bg);--t-color: .3s ease;--t-transform: .3s ease;--code-bg-color: #282c34;--code-hl-bg-color: rgba(0, 0, 0, .66);--code-ln-color: #9e9e9e;--code-ln-wrapper-width: 3.5rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-code: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--navbar-height: 3.6rem;--navbar-padding-v: .7rem;--navbar-padding-h: 1.5rem;--sidebar-width: 20rem;--sidebar-width-mobile: calc(var(--sidebar-width) * .82);--content-width: 740px;--homepage-width: 960px}.back-to-top{--back-to-top-color: var(--c-brand);--back-to-top-color-hover: var(--c-brand-light)}.DocSearch{--docsearch-primary-color: var(--c-brand);--docsearch-text-color: var(--c-text);--docsearch-highlight-color: var(--c-brand);--docsearch-muted-color: var(--c-text-quote);--docsearch-container-background: rgba(9, 10, 17, .8);--docsearch-modal-background: var(--c-bg-light);--docsearch-searchbox-background: var(--c-bg-lighter);--docsearch-searchbox-focus-background: var(--c-bg);--docsearch-searchbox-shadow: inset 0 0 0 2px var(--c-brand);--docsearch-hit-color: var(--c-text-light);--docsearch-hit-active-color: var(--c-bg);--docsearch-hit-background: var(--c-bg);--docsearch-hit-shadow: 0 1px 3px 0 var(--c-border-dark);--docsearch-footer-background: var(--c-bg)}.external-link-icon{--external-link-icon-color: var(--c-text-quote)}.medium-zoom-overlay{--medium-zoom-bg-color: var(--c-bg)}#nprogress{--nprogress-color: var(--c-brand)}.pwa-popup{--pwa-popup-text-color: var(--c-text);--pwa-popup-bg-color: var(--c-bg);--pwa-popup-border-color: var(--c-brand);--pwa-popup-shadow: 0 4px 16px var(--c-brand);--pwa-popup-btn-text-color: var(--c-bg);--pwa-popup-btn-bg-color: var(--c-brand);--pwa-popup-btn-hover-bg-color: var(--c-brand-light)}.search-box{--search-bg-color: var(--c-bg);--search-accent-color: var(--c-brand);--search-text-color: var(--c-text);--search-border-color: var(--c-border);--search-item-text-color: var(--c-text-lighter);--search-item-focus-bg-color: var(--c-bg-light)}html.dark{--c-brand: #3aa675;--c-brand-light: #349469;--c-bg: #22272e;--c-bg-light: #2b313a;--c-bg-lighter: #262c34;--c-bg-dark: #343b44;--c-bg-darker: #37404c;--c-text: #adbac7;--c-text-light: #96a7b7;--c-text-lighter: #8b9eb0;--c-text-lightest: #8094a8;--c-border: #3e4c5a;--c-border-dark: #34404c;--c-tip: #318a62;--c-warning: #e0ad15;--c-warning-bg: #2d2f2d;--c-warning-bg-light: #423e2a;--c-warning-bg-lighter: #44442f;--c-warning-border-dark: #957c35;--c-warning-details-bg: #39392d;--c-warning-title: #fdca31;--c-warning-text: #d8d96d;--c-warning-text-accent: #ffbf00;--c-warning-text-light: #ddb84b;--c-warning-text-quote: #ccab49;--c-danger: #fc1e38;--c-danger-bg: #39232c;--c-danger-bg-light: #4b2b35;--c-danger-bg-lighter: #553040;--c-danger-border-dark: #a25151;--c-danger-details-bg: #482936;--c-danger-title: #fc2d3b;--c-danger-text: #ea9ca0;--c-danger-text-accent: #fd3636;--c-danger-text-light: #d9777c;--c-danger-text-quote: #d56b6b;--c-details-bg: #323843;--c-badge-warning: var(--c-warning);--c-badge-warning-text: #3c2e05;--c-badge-danger: var(--c-danger);--c-badge-danger-text: #401416;--code-hl-bg-color: #363b46}html.dark .DocSearch{--docsearch-logo-color: var(--c-text);--docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;--docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3);--docsearch-key-gradient: linear-gradient(-225deg, #444950, #1c1e21);--docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2)}html,body{padding:0;margin:0;background-color:var(--c-bg);transition:background-color var(--t-color)}html.dark{color-scheme:dark}html{font-size:16px}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;color:var(--c-text)}a{font-weight:500;color:var(--c-text-accent);text-decoration:none;overflow-wrap:break-word}p a code{font-weight:400;color:var(--c-text-accent)}kbd{font-family:var(--font-family-code);color:var(--c-text);background:var(--c-bg-lighter);border:solid .15rem var(--c-border-dark);border-bottom:solid .25rem var(--c-border-dark);border-radius:.15rem;padding:0 .15em}code{font-family:var(--font-family-code);color:var(--c-text-lighter);padding:.25rem .5rem;margin:0;font-size:.85em;background-color:var(--c-bg-light);border-radius:3px;overflow-wrap:break-word;transition:background-color var(--t-color)}blockquote{font-size:1rem;color:var(--c-text-quote);border-left:.2rem solid var(--c-border-dark);margin:1rem 0;padding:.25rem 0 .25rem 1rem;overflow-wrap:break-word}blockquote>p{margin:0}ul,ol{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;overflow-wrap:break-word}h1:focus-visible,h2:focus-visible,h3:focus-visible,h4:focus-visible,h5:focus-visible,h6:focus-visible{outline:none}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid var(--c-border);transition:border-color var(--t-color)}h3{font-size:1.35rem}h4{font-size:1.15rem}h5{font-size:1.05rem}h6{font-size:1rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media print{a.header-anchor{display:none}}a.header-anchor:hover{text-decoration:none}a.header-anchor:focus-visible{opacity:1}@media print{a[href^="http://"]:after,a[href^="https://"]:after{content:" (" attr(href) ") "}}p,ul,ol{line-height:1.7;overflow-wrap:break-word}hr{border:0;border-top:1px solid var(--c-border)}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto;transition:border-color var(--t-color)}tr{border-top:1px solid var(--c-border-dark);transition:border-color var(--t-color)}tr:nth-child(2n){background-color:var(--c-bg-light);transition:background-color var(--t-color)}tr:nth-child(2n) code{background-color:var(--c-bg-dark)}th,td{padding:.6em 1em;border:1px solid var(--c-border-dark);transition:border-color var(--t-color)}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--c-bg-arrow)}.arrow.down{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--c-bg-arrow)}.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--c-bg-arrow)}.arrow.left{border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid var(--c-bg-arrow)}.badge{display:inline-block;font-size:14px;font-weight:600;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:var(--c-bg);vertical-align:top;transition:color var(--t-color),background-color var(--t-color)}.badge.tip{background-color:var(--c-badge-tip)}.badge.warning{background-color:var(--c-badge-warning);color:var(--c-badge-warning-text)}.badge.danger{background-color:var(--c-badge-danger);color:var(--c-badge-danger-text)}.badge+.badge{margin-left:5px}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:var(--font-family-code);font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#ec5975}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.inserted{color:#3eaf7c}.theme-default-content pre,.theme-default-content pre[class*=language-]{line-height:1.375;padding:1.3rem 1.5rem;margin:.85rem 0;border-radius:6px;overflow:auto}.theme-default-content pre code,.theme-default-content pre[class*=language-] code{color:#fff;padding:0;background-color:transparent!important;border-radius:0;overflow-wrap:unset;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.theme-default-content .line-number{font-family:var(--font-family-code)}div[class*=language-]{position:relative;background-color:var(--code-bg-color);border-radius:6px}div[class*=language-]:before{content:attr(data-ext);position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:var(--code-ln-color)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent!important;position:relative;z-index:1}div[class*=language-] .highlight-lines{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.375}div[class*=language-] .highlight-lines .highlight-line{background-color:var(--code-hl-bg-color)}div[class*=language-]:not(.line-numbers-mode) .line-numbers{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlight-line{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlight-line:before{content:" ";position:absolute;z-index:2;left:0;top:0;display:block;width:var(--code-ln-wrapper-width);height:100%}div[class*=language-].line-numbers-mode pre{margin-left:var(--code-ln-wrapper-width);padding-left:1rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers{position:absolute;top:0;width:var(--code-ln-wrapper-width);text-align:center;color:var(--code-ln-color);padding-top:1.25rem;line-height:1.375;counter-reset:line-number}div[class*=language-].line-numbers-mode .line-numbers .line-number{position:relative;z-index:3;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:1.375em}div[class*=language-].line-numbers-mode .line-numbers .line-number:before{counter-increment:line-number;content:counter(line-number);font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;top:0;left:0;width:var(--code-ln-wrapper-width);height:100%;border-radius:6px 0 0 6px;border-right:1px solid var(--code-hl-bg-color)}@media (max-width: 419px){.theme-default-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}.code-group__nav{margin-top:.85rem;margin-bottom:calc(-1.7rem - 6px);padding-bottom:calc(1.7rem - 6px);padding-left:10px;padding-top:10px;border-top-left-radius:6px;border-top-right-radius:6px;background-color:var(--code-bg-color)}.code-group__ul{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.code-group__nav-tab{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:#ffffffe6;font-weight:600}.code-group__nav-tab:focus{outline:none}.code-group__nav-tab:focus-visible{outline:1px solid rgba(255,255,255,.9)}.code-group__nav-tab-active{border-bottom:var(--c-brand) 1px solid}@media (max-width: 419px){.code-group__nav{margin-left:-1.5rem;margin-right:-1.5rem;border-radius:0}}.code-group-item{display:none}.code-group-item__active{display:block}.code-group-item>pre{background-color:orange}.custom-container{transition:color var(--t-color),border-color var(--t-color),background-color var(--t-color)}.custom-container .custom-container-title{font-weight:600}.custom-container .custom-container-title:not(:only-child){margin-bottom:-.4rem}.custom-container.tip,.custom-container.warning,.custom-container.danger{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-container.tip{border-color:var(--c-tip);background-color:var(--c-tip-bg);color:var(--c-tip-text)}.custom-container.tip .custom-container-title{color:var(--c-tip-title)}.custom-container.tip a{color:var(--c-tip-text-accent)}.custom-container.tip code{background-color:var(--c-bg-dark)}.custom-container.warning{border-color:var(--c-warning);background-color:var(--c-warning-bg);color:var(--c-warning-text)}.custom-container.warning .custom-container-title{color:var(--c-warning-title)}.custom-container.warning a{color:var(--c-warning-text-accent)}.custom-container.warning blockquote{border-left-color:var(--c-warning-border-dark);color:var(--c-warning-text-quote)}.custom-container.warning code{color:var(--c-warning-text-light);background-color:var(--c-warning-bg-light)}.custom-container.warning details{background-color:var(--c-warning-details-bg)}.custom-container.warning details code{background-color:var(--c-warning-bg-lighter)}.custom-container.warning .external-link-icon{--external-link-icon-color: var(--c-warning-text-quote)}.custom-container.danger{border-color:var(--c-danger);background-color:var(--c-danger-bg);color:var(--c-danger-text)}.custom-container.danger .custom-container-title{color:var(--c-danger-title)}.custom-container.danger a{color:var(--c-danger-text-accent)}.custom-container.danger blockquote{border-left-color:var(--c-danger-border-dark);color:var(--c-danger-text-quote)}.custom-container.danger code{color:var(--c-danger-text-light);background-color:var(--c-danger-bg-light)}.custom-container.danger details{background-color:var(--c-danger-details-bg)}.custom-container.danger details code{background-color:var(--c-danger-bg-lighter)}.custom-container.danger .external-link-icon{--external-link-icon-color: var(--c-danger-text-quote)}.custom-container.details{display:block;position:relative;border-radius:2px;margin:1.6em 0;padding:1.6em;background-color:var(--c-details-bg)}.custom-container.details code{background-color:var(--c-bg-darker)}.custom-container.details h4{margin-top:0}.custom-container.details figure:last-child,.custom-container.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-container.details summary{outline:none;cursor:pointer}.home{padding:var(--navbar-height) 2rem 0;max-width:var(--homepage-width);margin:0 auto;display:block}.home .hero{text-align:center}.home .hero img{max-width:100%;max-height:280px;display:block;margin:3rem auto 1.5rem}.home .hero h1{font-size:3rem}.home .hero h1,.home .hero .description,.home .hero .actions{margin:1.8rem auto}.home .hero .actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:var(--c-text-lightest)}.home .hero .action-button{display:inline-block;font-size:1.2rem;padding:.8rem 1.6rem;border-width:2px;border-style:solid;border-radius:4px;transition:background-color var(--t-color);box-sizing:border-box}.home .hero .action-button.primary{color:var(--c-bg);background-color:var(--c-brand);border-color:var(--c-brand)}.home .hero .action-button.primary:hover{background-color:var(--c-brand-light)}.home .hero .action-button.secondary{color:var(--c-brand);background-color:var(--c-bg);border-color:var(--c-brand)}.home .hero .action-button.secondary:hover{color:var(--c-bg);background-color:var(--c-brand-light)}.home .features{border-top:1px solid var(--c-border);transition:border-color var(--t-color);padding:1.2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:var(--c-text-light)}.home .feature p{color:var(--c-text-lighter)}.home .theme-default-content{padding:0;margin:0}.home .footer{padding:2.5rem;border-top:1px solid var(--c-border);text-align:center;color:var(--c-text-lighter);transition:border-color var(--t-color)}@media (max-width: 719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width: 419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero h1,.home .hero .description,.home .hero .actions{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.page{padding-top:var(--navbar-height);padding-left:var(--sidebar-width)}.navbar{position:fixed;z-index:20;top:0;left:0;right:0;height:var(--navbar-height);box-sizing:border-box;border-bottom:1px solid var(--c-border);background-color:var(--c-bg-navbar);transition:background-color var(--t-color),border-color var(--t-color)}.sidebar{font-size:16px;width:var(--sidebar-width);position:fixed;z-index:10;margin:0;top:var(--navbar-height);left:0;bottom:0;box-sizing:border-box;border-right:1px solid var(--c-border);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--c-brand) var(--c-border);background-color:var(--c-bg-sidebar);transition:transform var(--t-transform),background-color var(--t-color),border-color var(--t-color)}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-track{background-color:var(--c-border)}.sidebar::-webkit-scrollbar-thumb{background-color:var(--c-brand)}.sidebar-mask{position:fixed;z-index:9;top:0;left:0;width:100vw;height:100vh;display:none}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(1){transform:rotate(45deg) translate3d(5.5px,5.5px,0)}.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(2){transform:scale3d(0,1,1)}.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(3){transform:rotate(-45deg) translate3d(6px,-6px,0)}.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(1),.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(3){transform-origin:center}.theme-container.no-navbar .theme-default-content h1,.theme-container.no-navbar .theme-default-content h2,.theme-container.no-navbar .theme-default-content h3,.theme-container.no-navbar .theme-default-content h4,.theme-container.no-navbar .theme-default-content h5,.theme-container.no-navbar .theme-default-content h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .page{padding-top:0}.theme-container.no-navbar .sidebar{top:0}.theme-container.no-sidebar .sidebar{display:none}@media (max-width: 719px){.theme-container.no-sidebar .sidebar{display:block}}.theme-container.no-sidebar .page{padding-left:0}.theme-default-content a:hover{text-decoration:underline}.theme-default-content img{max-width:100%}.theme-default-content h1,.theme-default-content h2,.theme-default-content h3,.theme-default-content h4,.theme-default-content h5,.theme-default-content h6{margin-top:calc(.5rem - var(--navbar-height));padding-top:calc(1rem + var(--navbar-height));margin-bottom:0}.theme-default-content h1:first-child,.theme-default-content h2:first-child,.theme-default-content h3:first-child,.theme-default-content h4:first-child,.theme-default-content h5:first-child,.theme-default-content h6:first-child{margin-bottom:1rem}.theme-default-content h1:first-child+p,.theme-default-content h1:first-child+pre,.theme-default-content h1:first-child+.custom-container,.theme-default-content h2:first-child+p,.theme-default-content h2:first-child+pre,.theme-default-content h2:first-child+.custom-container,.theme-default-content h3:first-child+p,.theme-default-content h3:first-child+pre,.theme-default-content h3:first-child+.custom-container,.theme-default-content h4:first-child+p,.theme-default-content h4:first-child+pre,.theme-default-content h4:first-child+.custom-container,.theme-default-content h5:first-child+p,.theme-default-content h5:first-child+pre,.theme-default-content h5:first-child+.custom-container,.theme-default-content h6:first-child+p,.theme-default-content h6:first-child+pre,.theme-default-content h6:first-child+.custom-container{margin-top:2rem}@media (max-width: 959px){.sidebar{font-size:15px;width:var(--sidebar-width-mobile)}.page{padding-left:var(--sidebar-width-mobile)}}@media (max-width: 719px){.sidebar{top:0;padding-top:var(--navbar-height);transform:translate(-100%)}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translate(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width: 419px){h1{font-size:1.9rem}}.navbar{--navbar-line-height: calc( var(--navbar-height) - 2 * var(--navbar-padding-v) );padding:var(--navbar-padding-v) var(--navbar-padding-h);line-height:var(--navbar-line-height)}.navbar .logo{height:var(--navbar-line-height);margin-right:var(--navbar-padding-v);vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:var(--c-text);position:relative}.navbar .navbar-items-wrapper{display:flex;position:absolute;box-sizing:border-box;top:var(--navbar-padding-v);right:var(--navbar-padding-h);height:var(--navbar-line-height);padding-left:var(--navbar-padding-h);white-space:nowrap;font-size:.9rem}.navbar .navbar-items-wrapper .search-box{flex:0 0 auto;vertical-align:top}@media screen and (max-width: 719px){.navbar{padding-left:4rem}.navbar .site-name{display:block;width:calc(100vw - 11rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.navbar .can-hide{display:none}}.navbar-items{display:inline-block}@media print{.navbar-items{display:none}}.navbar-items a{display:inline-block;line-height:1.4rem;color:inherit}.navbar-items a:hover,.navbar-items a.router-link-active{color:var(--c-text)}.navbar-items .navbar-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:var(--navbar-line-height)}.navbar-items .navbar-item:first-child{margin-left:0}.navbar-items .navbar-item>a:hover,.navbar-items .navbar-item>a.router-link-active{margin-bottom:-2px;border-bottom:2px solid var(--c-text-accent)}@media (max-width: 719px){.navbar-items .navbar-item{margin-left:0}.navbar-items .navbar-item>a:hover,.navbar-items .navbar-item>a.router-link-active{margin-bottom:0;border-bottom:none}.navbar-items a:hover,.navbar-items a.router-link-active{color:var(--c-text-accent)}}.toggle-sidebar-button{position:absolute;top:.6rem;left:1rem;display:none;padding:.6rem;cursor:pointer}.toggle-sidebar-button .icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;cursor:inherit}.toggle-sidebar-button .icon span{display:inline-block;width:100%;height:2px;border-radius:2px;background-color:var(--c-text);transition:transform var(--t-transform)}.toggle-sidebar-button .icon span:nth-child(2){margin:6px 0}@media screen and (max-width: 719px){.toggle-sidebar-button{display:block}}.toggle-color-mode-button{display:flex;margin:auto;margin-left:1rem;border:0;background:none;color:var(--c-text);opacity:.8;cursor:pointer}@media print{.toggle-color-mode-button{display:none}}.toggle-color-mode-button:hover{opacity:1}.toggle-color-mode-button .icon{width:1.25rem;height:1.25rem}.DocSearch{transition:background-color var(--t-color)}.navbar-dropdown-wrapper{cursor:pointer}.navbar-dropdown-wrapper .navbar-dropdown-title,.navbar-dropdown-wrapper .navbar-dropdown-title-mobile{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:var(--c-text)}.navbar-dropdown-wrapper .navbar-dropdown-title:hover,.navbar-dropdown-wrapper .navbar-dropdown-title-mobile:hover{border-color:transparent}.navbar-dropdown-wrapper .navbar-dropdown-title .arrow,.navbar-dropdown-wrapper .navbar-dropdown-title-mobile .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.navbar-dropdown-wrapper .navbar-dropdown-title-mobile{display:none;font-weight:600;font-size:inherit}.navbar-dropdown-wrapper .navbar-dropdown-title-mobile:hover{color:var(--c-text-accent)}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item{color:inherit;line-height:1.7rem}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle{margin:.45rem 0 0;border-top:1px solid var(--c-border);padding:1rem 0 .45rem;font-size:.9rem}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle>span{padding:0 1.5rem 0 1.25rem}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle>a{font-weight:inherit}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle>a.router-link-active:after{display:none}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subitem-wrapper{padding:0;list-style:none}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subitem-wrapper .navbar-dropdown-subitem{font-size:.9em}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a:hover,.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a.router-link-active{color:var(--c-text-accent)}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid var(--c-text-accent);border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item:first-child .navbar-dropdown-subtitle{margin-top:0;padding-top:0;border-top:0}.navbar-dropdown-wrapper.mobile.open .navbar-dropdown-title,.navbar-dropdown-wrapper.mobile.open .navbar-dropdown-title-mobile{margin-bottom:.5rem}.navbar-dropdown-wrapper.mobile .navbar-dropdown-title,.navbar-dropdown-wrapper.mobile .navbar-dropdown-title-mobile{display:none}.navbar-dropdown-wrapper.mobile .navbar-dropdown-title-mobile{display:block}.navbar-dropdown-wrapper.mobile .navbar-dropdown{transition:height .1s ease-out;overflow:hidden}.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle{border-top:0;margin-top:0;padding-top:0;padding-bottom:0}.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subtitle,.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item>a{font-size:15px;line-height:2rem}.navbar-dropdown-wrapper.mobile .navbar-dropdown .navbar-dropdown-item .navbar-dropdown-subitem{font-size:14px;padding-left:1rem}.navbar-dropdown-wrapper:not(.mobile){height:1.8rem}.navbar-dropdown-wrapper:not(.mobile):hover .navbar-dropdown,.navbar-dropdown-wrapper:not(.mobile).open .navbar-dropdown{display:block!important}.navbar-dropdown-wrapper:not(.mobile).open:blur{display:none}.navbar-dropdown-wrapper:not(.mobile) .navbar-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:var(--c-bg-navbar);padding:.6rem 0;border:1px solid var(--c-border);border-bottom-color:var(--c-border-dark);text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}.page{padding-bottom:2rem;display:block}.page .theme-default-content{max-width:var(--content-width);margin:0 auto;padding:2rem 2.5rem;padding-top:0}@media (max-width: 959px){.page .theme-default-content{padding:2rem}}@media (max-width: 419px){.page .theme-default-content{padding:1.5rem}}.page-meta{max-width:var(--content-width);margin:0 auto;padding:1rem 2.5rem;overflow:auto}@media (max-width: 959px){.page-meta{padding:2rem}}@media (max-width: 419px){.page-meta{padding:1.5rem}}.page-meta .meta-item{cursor:default;margin-top:.8rem}.page-meta .meta-item .meta-item-label{font-weight:500;color:var(--c-text-lighter)}.page-meta .meta-item .meta-item-info{font-weight:400;color:var(--c-text-quote)}.page-meta .edit-link{display:inline-block;margin-right:.25rem}@media print{.page-meta .edit-link{display:none}}.page-meta .last-updated{float:right}@media (max-width: 719px){.page-meta .last-updated{font-size:.8em;float:none}.page-meta .contributors{font-size:.8em}}.page-nav{max-width:var(--content-width);margin:0 auto;padding:1rem 2.5rem 2rem;padding-bottom:0}@media (max-width: 959px){.page-nav{padding:2rem}}@media (max-width: 419px){.page-nav{padding:1.5rem}}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid var(--c-border);transition:border-color var(--t-color);padding-top:1rem;overflow:auto}.page-nav .prev a:before{content:"←"}.page-nav .next{float:right}.page-nav .next a:after{content:"→"}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .navbar-items{display:none;border-bottom:1px solid var(--c-border);transition:border-color var(--t-color);padding:.5rem 0 .75rem}.sidebar .navbar-items a{font-weight:600}.sidebar .navbar-items .navbar-item{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar .sidebar-items{padding:1.5rem 0}@media (max-width: 719px){.sidebar .navbar-items{display:block}.sidebar .navbar-items .navbar-dropdown-wrapper .navbar-dropdown .navbar-dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar .sidebar-items{padding:1rem 0}}.sidebar-item{cursor:default;border-left:.25rem solid transparent;color:var(--c-text)}.sidebar-item:focus-visible{outline-width:1px;outline-offset:-1px}.sidebar-item.active:not(p.sidebar-heading){font-weight:600;color:var(--c-text-accent);border-left-color:var(--c-text-accent)}.sidebar-item.sidebar-heading{transition:color .15s ease;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0}.sidebar-item.sidebar-heading+.sidebar-item-children{transition:height .1s ease-out;overflow:hidden;margin-bottom:.75rem}.sidebar-item.collapsible{cursor:pointer}.sidebar-item.collapsible .arrow{position:relative;top:-.12em;left:.5em}.sidebar-item:not(.sidebar-heading){font-size:1em;font-weight:400;display:inline-block;margin:0;padding:.35rem 1rem .35rem 2rem;line-height:1.4;width:100%;box-sizing:border-box}.sidebar-item:not(.sidebar-heading)+.sidebar-item-children{padding-left:1rem;font-size:.95em}.sidebar-item-children .sidebar-item-children .sidebar-item:not(.sidebar-heading){padding:.25rem 1rem .25rem 1.75rem}.sidebar-item-children .sidebar-item-children .sidebar-item:not(.sidebar-heading).active{font-weight:500;border-left-color:transparent}a.sidebar-heading+.sidebar-item-children .sidebar-item:not(.sidebar-heading).active{border-left-color:transparent}a.sidebar-item{cursor:pointer}a.sidebar-item:hover{color:var(--c-text-accent)}.table-of-contents .badge{vertical-align:middle}.dropdown-enter-from,.dropdown-leave-to{height:0!important}.fade-slide-y-enter-active{transition:all .2s ease}.fade-slide-y-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.fade-slide-y-enter-from,.fade-slide-y-leave-to{transform:translateY(10px);opacity:0}:root{--content-width: 1024px;--code-bg-color: #000}.navbar,.sidebar{z-index:101}.demo h3+label{margin-top:24px}.demo label{display:flex;margin-bottom:38px}.demo label span{margin-bottom:-5px;margin-right:10px}.demo label div,.demo label input{flex:1 1 auto;align-self:flex-end}.demo label.checkbox{min-width:150px;cursor:pointer}.demo label.checkbox input{flex:0 0;margin-right:9px}.theme-default-content h2{margin-bottom:1rem}code[class*=language-],pre[class*=language-]{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:.4em .8em;margin:.5em 0;overflow:auto;background:url('data:image/svg+xml;charset=utf-8,%0D%0A%0D%0A%0D%0A<%2Fsvg>');background-size:1em 1em}code[class*=language-]{background:#000;color:#fff;box-shadow:-.3em 0 0 .3em #000,.3em 0 0 .3em #000}:not(pre)>code[class*=language-]{padding:.2em;border-radius:.3em;box-shadow:none;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#aaa}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#0cf}.token.attr-name,.token.builtin,.token.char,.token.selector,.token.string{color:#ff0}.language-css .token.string,.token.entity,.token.inserted,.token.operator,.token.url,.token.variable{color:#9acd32}.token.atrule,.token.attr-value,.token.keyword{color:#ff1493}.token.important,.token.regex{color:orange}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}pre.diff-highlight.diff-highlight>code .token.deleted:not(.prefix),pre>code.diff-highlight.diff-highlight .token.deleted:not(.prefix){background-color:#ff00004d;display:inline}pre.diff-highlight.diff-highlight>code .token.inserted:not(.prefix),pre>code.diff-highlight.diff-highlight .token.inserted:not(.prefix){background-color:#00ff804d;display:inline}.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;transform-origin:0 0;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:var(--slider-height,6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height,16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-width,16px)}.slider-vertical{height:var(--slider-vertical-height,300px);width:var(--slider-height,6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width,16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-height,16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg,#d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius,9999px)}.slider-connect{background:var(--slider-connect-bg,#10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg,#fff);border:var(--slider-handle-border,0);border-radius:var(--slider-handle-radius,9999px);box-shadow:var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));cursor:grab;height:var(--slider-handle-height,16px);width:var(--slider-handle-width,16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width,3px) var(--slider-handle-ring-color,rgba(16,185,129,.188)),var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active,.5px .5px 2px 1px rgba(0,0,0,.42));cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled,#9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled,#9ca3af);border-color:var(--slider-tooltip-bg-disabled,#9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg,#10b981);border:1px solid var(--slider-tooltip-bg,#10b981);border-radius:var(--slider-tooltip-radius,5px);color:var(--slider-tooltip-color,#fff);display:block;font-size:var(--slider-tooltip-font-size,.875rem);font-weight:var(--slider-tooltip-font-weight,600);line-height:var(--slider-tooltip-line-height,1.25rem);min-width:var(--slider-tooltip-min-width,20px);padding:var(--slider-tooltip-py,2px) var(--slider-tooltip-px,6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}.vue-flux .flux-button{padding:0;width:6%;min-width:26px;min-height:26px;max-width:40px;max-height:40px}.flux-button{border:0;cursor:pointer;background-color:transparent}.flux-button:hover>svg line,.flux-button:hover>svg polyline{stroke:#ff0}.flux-button:hover>svg rect,.flux-button:hover>svg polygon{fill:#ff0}.flux-button>svg{width:100%}.flux-button>svg>circle{fill:#000000b3}.flux-button>svg line,.flux-button>svg polyline,.flux-button>svg rect,.flux-button>svg polygon{stroke-linecap:round;stroke-linejoin:round;stroke:#fff;stroke-width:14;fill:none}.flux-button>svg rect,.flux-button>svg polygon{fill:#fff;stroke-width:0}.flux-transition,.vue-flux{position:relative}.vue-flux .flux-transition{position:absolute}.vue-flux>.flux-image{position:absolute;top:0;left:0}.vue-flux .complements{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;z-index:45}.vue-flux .complements .remainder{flex-basis:50%}.vue-flux .flux-caption{flex:none;width:100%;font-size:.8rem;line-height:1.1rem;padding:6px;box-sizing:border-box;color:#fff;text-align:center;background-color:#000000a6;opacity:0}.vue-flux .flux-caption.visible{opacity:1;transition:opacity .3s ease-in}.vue-flux .flux-controls{flex:none;display:flex;justify-content:space-between}.vue-flux .flux-controls.fade-enter,.vue-flux .flux-controls.fade-leave-to{opacity:0}.vue-flux .flux-controls.fade-enter-active,.vue-flux .flux-controls.fade-leave-active{transition:opacity .3s ease-in}.vue-flux .flux-controls .prev{margin-left:4%}.vue-flux .flux-controls .next{margin-right:4%}.vue-flux .flux-index .fade-enter,.vue-flux .flux-index .fade-leave-to{opacity:0}.vue-flux .flux-index .fade-enter-active,.vue-flux .flux-index .fade-leave-active{transition:opacity .3s ease-in}.vue-flux .flux-index li{position:relative;display:inline-block;box-sizing:content-box;margin:0 24px 24px 0;cursor:pointer;transition:all .3s ease}.vue-flux .flux-index li:hover{box-shadow:0 0 3px 2px #fff9}.vue-flux .flux-index li.current{cursor:auto;border:1px solid white;box-shadow:none}.vue-flux .flux-index{flex:none;margin-bottom:2%;font-size:0;text-align:center}.vue-flux .flux-index nav{position:absolute;top:0;left:0;right:0;bottom:0;display:block;margin:0;overflow:hidden;visibility:hidden}.vue-flux .flux-index nav.visible{z-index:101;visibility:visible}.vue-flux .flux-index ul{display:block;height:100%;margin:100% 0 0;padding:24px 0 0 24px;list-style-type:none;text-align:center;overflow-y:auto;background-color:#000;transition:all .5s linear;font-size:0}.vue-flux .flux-pagination{flex:none}.vue-flux .flux-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style-type:none;text-align:center;position:relative}.vue-flux .flux-pagination li{display:block;margin:0 1% 1.5%;cursor:pointer;width:2%;height:0;min-width:10px;min-height:10px;padding-bottom:2%;position:relative;box-sizing:border-box}.vue-flux .flux-pagination .pagination-item{position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background-color:#000000b3;transition:background-color .2s ease-in,border .2s ease-in}.vue-flux .flux-pagination .pagination-item:hover{border-color:#000;background-color:#fff}.vue-flux .flux-pagination .pagination-item.active{border-color:#fff;background-color:#fff}.vue-flux .preloader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.vue-flux .preloader .spinner{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;width:80px;height:80px;z-index:14}.vue-flux .preloader .spinner .pct{position:absolute;right:0;left:0;height:80px;line-height:80px;text-align:center;font-weight:700;z-index:1}.vue-flux .preloader .spinner .border{box-sizing:border-box;width:100%;height:100%;border:14px solid #f3f3f3;border-top-color:#3498db;border-bottom-color:#3498db;border-radius:50%;background-color:#f3f3f3;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-button{padding:6px;border:1px solid #333;border-radius:5px;margin:0 12px 12px 0;cursor:pointer}.demo-button:hover{color:#ff0;background-color:#999}.demo-button.active{color:#ff0;background-color:#222}svg.vc-paragraph{overflow:visible}svg.vc-paragraph line{stroke-linecap:round}svg.vc-paragraph.load line{animation:fadeInOut 1s linear infinite alternate}@keyframes fadeInOut{0%{opacity:1}to{opacity:.3}}.flux-custom-pagination .flux-pagination li{color:#fff;background-color:#000c;padding:0 8px 2px;width:auto;height:auto;border-radius:6px}.flux-custom-pagination .flux-pagination li .active{color:#ff0}@keyframes spinner{to{transform:rotate(360deg)}}.custom-spinner{position:absolute;top:50%;left:50%;text-align:center;line-height:50px;margin-top:-25px;margin-left:-25px;width:50px;height:50px;z-index:14}.custom-spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;border-radius:50%;border:1px solid #ccc;border-top-color:#07d;animation:spinner .6s linear infinite}p[data-v-49083c0f]{margin-bottom:-12px}.demo-flux-button .flux-button{display:block;max-width:200px;margin:0 auto}.demo-flux-button textarea{margin-top:16px;width:100%;min-height:60px}.demo-flux-grid .flux-grid{border-top:1px solid white;border-left:1px solid white}.demo-flux-grid .flux-grid .flux-image{box-sizing:border-box;border-right:1px solid white;border-bottom:1px solid white}button[data-v-aebe6710]{padding:6px;border:1px solid #333;border-radius:5px;margin:0 12px 12px 0;cursor:pointer}.demo-flux-vortex .flux-image{box-sizing:border-box;border:1px solid white}h4{margin-bottom:4px}.transitions{display:flex;flex-wrap:wrap;justify-content:flex-start}.transitions label{margin-bottom:6px;min-width:150px;cursor:pointer}.options{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:flex-start}.options label{margin-bottom:8px;min-width:275px;cursor:pointer}.options input[type=text]{width:40px}
diff --git a/docs/assets/swipe.html--FgDxhc2.js b/docs/assets/swipe.html-mwveUQbC.js
similarity index 85%
rename from docs/assets/swipe.html--FgDxhc2.js
rename to docs/assets/swipe.html-mwveUQbC.js
index 1fa86660..d658284a 100644
--- a/docs/assets/swipe.html--FgDxhc2.js
+++ b/docs/assets/swipe.html-mwveUQbC.js
@@ -1 +1 @@
-import{_ as a,r as e,o as i,c,a as t,w as r,b as n,d as _}from"./app-SStEjskS.js";const l={},d=n("h1",{id:"swipe",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#swipe","aria-hidden":"true"},"#"),_(" Swipe")],-1);function p(m,h){const s=e("demos-transitions-Swipe"),o=e("ClientOnly");return i(),c("div",null,[d,t(o,null,{default:r(()=>[t(s)]),_:1})])}const w=a(l,[["render",p],["__file","swipe.html.vue"]]);export{w as default};
+import{_ as a,r as e,o as i,c,a as t,w as r,b as n,d as _}from"./app-9q7i-DDF.js";const l={},d=n("h1",{id:"swipe",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#swipe","aria-hidden":"true"},"#"),_(" Swipe")],-1);function p(m,h){const s=e("demos-transitions-Swipe"),o=e("ClientOnly");return i(),c("div",null,[d,t(o,null,{default:r(()=>[t(s)]),_:1})])}const w=a(l,[["render",p],["__file","swipe.html.vue"]]);export{w as default};
diff --git a/docs/assets/vue-flux-Jy6SlP2J.js b/docs/assets/vue-flux-Jy6SlP2J.js
new file mode 100644
index 00000000..d39d8f48
--- /dev/null
+++ b/docs/assets/vue-flux-Jy6SlP2J.js
@@ -0,0 +1 @@
+import{h as v,g as z,m as S,i as D,o as f,c as _,p as M,u as p,F as U,q,j as y,s as H,t as R,v as ve,x as le,y as ae,b as C,f as T,z as F,A as oe,d as _e,B as ye,C as ee,w as B,a as G,T as we,D as ie,E as te,G as ze}from"./app-9q7i-DDF.js";var De=Object.defineProperty,Ce=(r,e,t)=>e in r?De(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,h=(r,e,t)=>(Ce(r,typeof e!="symbol"?e+"":e,t),t);const Pe=(r,e)=>{const t=r.__vccOpts||r;for(const[i,s]of e)t[i]=s;return t},Le={},Re={type:"button",class:"flux-button",style:{outline:"0"}},Te={viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg",version:"1.1"},Ee=C("circle",{cx:"50",cy:"50",r:"50"},null,-1),Oe={viewBox:"-20 -20 140 140"};function Fe(r,e){return f(),_("button",Re,[(f(),_("svg",Te,[Ee,(f(),_("svg",Oe,[F(r.$slots,"default")]))]))])}const J=Pe(Le,[["render",Fe]]),Ve=r=>Math.round(r),N=r=>Math.floor(r),A=r=>Math.ceil(r),xe=({width:r,height:e})=>A(Math.sqrt(r*r+e*e)),re=({width:r,height:e})=>r/e;class W{constructor({top:e=null,left:t=null}={top:null,left:null}){h(this,"top",v(null)),h(this,"left",v(null)),this.update({top:e,left:t})}reset(){this.top.value=null,this.left.value=null}isValid(){return![this.top.value,this.left.value].includes(null)}update({top:e,left:t}){this.top.value=e??null,this.left.value=t??null}toValue(){const e={};return this.top.value!==null&&(e.top=this.top.value),this.left.value!==null&&(e.left=this.left.value),e}toPx(){if(!this.isValid())throw new RangeError("Invalid position in pixels");return{top:this.top.value.toString()+"px",left:this.left.value.toString()+"px"}}}class L{constructor({width:e=null,height:t=null}={width:null,height:null}){h(this,"width",v(null)),h(this,"height",v(null)),this.update({width:e,height:t})}reset(){this.width.value=null,this.height.value=null}isValid(){return![this.width.value,this.height.value].includes(null)}update({width:e,height:t}){this.width.value=e??null,this.height.value=t??null}getAspectRatio(){if(!this.isValid())throw new RangeError("Could not get aspect ratio due to invalid size");return re(this.toValue())}clone(){return new L(this.toValue())}equals(e){return!(this.width.value!==e.width.value||this.height.value!==e.height.value)}toValue(){const e={};return this.width.value!==null&&(e.width=this.width.value),this.height.value!==null&&(e.height=this.height.value),e}toPx(){if(!this.isValid())throw new RangeError("Invalid size in pixels");return{width:this.width.value.toString()+"px",height:this.height.value.toString()+"px"}}}var O=(r=>(r.fill="fill",r.fit="fit",r))(O||{});class Ae{constructor(e,t,i=O.fill,s=null,o,l,u){h(this,"src"),h(this,"loader",null),h(this,"errorMessage"),h(this,"status",v(X.notLoaded)),h(this,"realSize",new L),h(this,"displaySize",new L),h(this,"caption",""),h(this,"resizeType"),h(this,"backgroundColor",null),h(this,"display"),h(this,"transition"),h(this,"isLoading",()=>this.status.value===X.loading),h(this,"isLoaded",()=>this.status.value===X.loaded),h(this,"isError",()=>this.status.value===X.error),h(this,"resizeProps",D(()=>this.calcResizeProps(this.displaySize))),this.src=e,this.caption=t,this.resizeType=i,this.backgroundColor=s,this.display=o,this.transition=l,this.errorMessage=u}calcResizeProps(e){if([e.isValid(),this.realSize.isValid()].includes(!1))return{};const t=new Be(this.realSize),{size:i,position:s}=t.resizeTo(e,this.resizeType);return{...i.toValue(),...s.toValue()}}getResizeProps(e,t){const i={width:0,height:0,top:0,left:0};return this.displaySize.isValid()||this.displaySize.update(e.toValue()),Object.assign(i,e.equals(this.displaySize)?this.resizeProps.value:this.calcResizeProps(e)),t!==void 0&&(i.top-=t.top.value||0,i.left-=t.left.value||0),i}}const ne=z({__name:"FluxImage",props:{color:{},rsc:{},size:{},viewSize:{},offset:{},css:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({base:{overflow:"hidden"},color:D(()=>{var n,d;const m={};return t.color!==void 0&&(m.backgroundColor=t.color),((n=t.rsc)==null?void 0:n.backgroundColor)!==null&&(m.backgroundColor=(d=t.rsc)==null?void 0:d.backgroundColor),m}),rsc:D(()=>{const{rsc:n,size:d,offset:m}=t;if(!n)return{};if(n.status.value===X.notLoaded)return n.load(),{};if(!n.isLoaded()||!d.isValid()||!i.value)return{};const{width:g,height:k,top:$,left:Y}=n.getResizeProps(d,m);return{backgroundImage:`url(${n.src})`,backgroundSize:`${g}px ${k}px`,backgroundPosition:`${Y}px ${$}px`,backgroundRepeat:"no-repeat"}})}),{style:o,setCss:l,transform:u,show:a,hide:c}=Z(i,t,s);return e({setCss:l,transform:u,show:a,hide:c}),(n,d)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-image",style:M(p(o))},null,4))}});var be=(r=>(r.notLoaded="notLoaded",r.loading="loading",r.loaded="loaded",r.error="error",r))(be||{});const X=be;class Yt extends Ae{constructor(e,t="",i=O.fill,s=null){const o={component:ne,props:{}},l={component:ne,props:{}},u=`Image ${e} could not be loaded`;super(e,t,i,s,o,l,u)}load(){return this.loader!==null?this.loader:(this.loader=new Promise((e,t)=>{this.status.value=X.loading;const i=new Image;i.onload=()=>this.onLoad(i,e),i.onerror=()=>this.onError(t),i.src=this.src}),this.loader)}onLoad(e,t){this.realSize=new L({width:e.naturalWidth||e.width,height:e.naturalHeight||e.height}),this.status.value=X.loaded,t()}onError(e){this.status.value=X.error,e(this.errorMessage)}}const de=r=>r>=1?"landscape":"portrait";class Be{constructor(e){if(h(this,"realSize"),h(this,"realAspectRatio"),h(this,"realOrientation"),e.isValid()===!1)throw new RangeError("Invalid real size");this.realSize=e,this.realAspectRatio=this.realSize.getAspectRatio(),this.realOrientation=de(this.realAspectRatio)}resizeTo(e,t){if(e.isValid()===!1)throw new RangeError("Invalid size to resize");const i=e.getAspectRatio(),s=de(i),o=this.getAdaptedSize(e,i,s,t),l=this.getAdaptedPosition(e,i,o,t);return{size:o,position:l}}getAdaptedSize(e,t,i,s){return i==="landscape"&&this.realOrientation==="portrait"&&s===O.fill?this.getAdaptedSizeByWith(e):i==="landscape"&&this.realOrientation==="landscape"&&t>=this.realAspectRatio&&s===O.fill?this.getAdaptedSizeByWith(e):i==="landscape"&&this.realOrientation==="landscape"&&tthis.realAspectRatio&&s===O.fill?this.getAdaptedSizeByWith(e):i==="portrait"&&this.realOrientation==="portrait"&&t<=this.realAspectRatio&&s===O.fit?this.getAdaptedSizeByWith(e):this.getAdaptedSizeByHeight(e)}getAdaptedSizeByWith(e){return new L({width:e.width.value,height:e.width.value/this.realAspectRatio})}getAdaptedSizeByHeight(e){return new L({width:this.realAspectRatio*e.height.value,height:e.height.value})}getAdaptedPosition(e,t,i,s){return this.realAspectRatio<=t&&s===O.fill?this.getAdaptedPositionVertically(e,i):this.realAspectRatio>t&&s===O.fit?this.getAdaptedPositionVertically(e,i):this.getAdaptedPositionHorizontally(e,i)}getAdaptedPositionVertically(e,t){return new W({top:(e.height.value-t.height.value)/2,left:0})}getAdaptedPositionHorizontally(e,t){return new W({top:0,left:(e.width.value-t.width.value)/2})}}class Ie{constructor(e,t,i,s,o,l,u){h(this,"rscs",[]),h(this,"counter",{success:0,error:0,total:0}),h(this,"toPreload"),h(this,"preLoading",[]),h(this,"lazyLoading",[]),h(this,"progress",v(0)),h(this,"displaySize"),h(this,"onPreloadStart"),h(this,"onPreloadEnd"),h(this,"onLazyLoadStart"),h(this,"onLazyLoadEnd"),this.rscs=e,this.toPreload=t>e.length?e.length:t,this.displaySize=i,this.onPreloadStart=s,this.onPreloadEnd=o,this.onLazyLoadStart=l,this.onLazyLoadEnd=u,this.preloadStart()}preloadStart(){this.onPreloadStart();const{counter:e}=this,t=this.rscs.slice(e.total,e.total+this.toPreload-e.success);this.preLoading=this.preLoading.concat(t),t.forEach(i=>this.load(i))}preloadEnd(){const{counter:e,toPreload:t}=this;if(e.successs.resource.isLoaded());this.onPreloadEnd(i),this.preLoading.length=0,e.totalthis.load(e))}lazyLoadEnd(){const e=this.lazyLoading.filter(t=>t.resource.isLoaded());this.onLazyLoadEnd(e),this.lazyLoading.length=0}load(e){e.resource.load().then(()=>{this.loadSuccess(e)}).catch(t=>{this.loadError(t)}).finally(()=>{this.counter.total++,this.preLoading.length!==0&&this.updateProgress(),this.counter.total===this.toPreload?this.preloadEnd():this.counter.total===this.rscs.length&&this.lazyLoadEnd()})}loadSuccess(e){this.counter.success++,e.resource.displaySize.update(this.displaySize.toValue())}loadError(e){this.counter.error++,console.error(e)}updateProgress(){this.progress.value=A(this.counter.success*100/this.toPreload)||0}}function Z(r,e,t){t.base===void 0&&(t.base={});const i=D(()=>{const{size:l,viewSize:u=new L}=e,{width:a=l.width.value,height:c=l.height.value}=u.toValue(),n=new L({width:a,height:c});return n.isValid()?n.toPx():{}}),s=D(()=>({...p(i),...p(t.color),...p(t.rsc),...p(e.css),...p(t.base)})),o=l=>{Object.assign(t.base,l)};return{style:s,setCss:o,transform:l=>{r.value!==null&&(r.value.clientHeight,o(l))},show:()=>{o({visibility:"visible"})},hide:()=>{o({visibility:"hidden"})}}}const fe={x:{top:"90",bottom:"-90"},y:{back:"180",backr:"180",backl:"-180",left:"-90",right:"90"}},me={x:{left:"-50",right:"50"},y:{top:"-50",bottom:"50"}};class Ye{constructor(e,t,i){h(this,"depth"),h(this,"size"),h(this,"viewSize"),h(this,"translateZ",D(()=>{const s=this.depth/2,{width:o,height:l}=this.size.toValue(),{width:u,height:a}=this.viewSize.toValue();return{front:0,back:this.depth,backr:this.depth,backl:this.depth,left:s,right:(u??o)-s,top:s,bottom:(a??l)-s}})),this.depth=e,this.size=t,this.viewSize=i}getRotate(e){const t=fe.x[e]??"0",i=fe.y[e]??"0";return`rotateX(${t}deg) rotateY(${i}deg)`}getTranslate(e){const t=me.x[e]??"0",i=me.y[e]??"0",s=this.translateZ.value[e].toString();return`translate3d(${t}%, ${i}%, ${s}px)`}getSideCss(e){return`${this.getRotate(e)} ${this.getTranslate(e)}`}}class Me{static getProps(e,t,i,s,o){const{depth:l,size:u,viewSize:a}=e,c={name:t,component:s?s.transition.component:ne,color:i,rsc:s,size:u.clone(),viewSize:a.clone(),offset:o,style:{position:"absolute",transform:e.getSideCss(t),backfaceVisibility:"hidden"}};return["left","right"].includes(t)&&(c.viewSize.width.value=l,c.size.width.value=l),["top","bottom"].includes(t)&&(c.viewSize.height.value=l,c.size.height.value=l),c}}var se=(r=>(r.front="front",r.back="back",r.left="left",r.right="right",r.top="top",r.bottom="bottom",r))(se||{});function Ne(r,e,t){return!!(e&&e[r]||t&&t[r])}function Xe(r,e,t,i){const s=Object.values(se);return r||t?s:Object.values(se).filter(o=>Ne(o,e,i))}class We{static getSidesProps(e,t,i,s,o,l,u){const a=Xe(t,i,s,o),c={};return a.forEach(n=>{c[n]=Me.getProps(e,n,i&&i[n]?i[n]:t,o&&o[n]?o[n]:s,u&&u[n]?u[n]:l)}),c}}const ue=z({__name:"FluxCube",props:{colors:{default:()=>({})},rscs:{default:()=>({})},offsets:{default:()=>({})},depth:{default:0},origin:{},color:{},rsc:{},size:{},viewSize:{default:()=>new L},offset:{},css:{}},setup(r,{expose:e}){const t=r,i=v(null),s=D(()=>t.origin!==void 0?t.origin:`center center -${t.depth/2}px`),o=S({base:{transformStyle:"preserve-3d",transformOrigin:s}}),{style:l,setCss:u,transform:a,show:c,hide:n}=Z(i,t,o),d=D(()=>new Ye(t.depth,t.size,t.viewSize)),m=D(()=>We.getSidesProps(d.value,t.color,t.colors,t.rsc,t.rscs,t.offset,t.offsets));return e({setCss:u,transform:a,show:c,hide:n,turn:g=>a({transform:d.value.getRotate(g)})}),(g,k)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-cube",style:M(p(l))},[(f(!0),_(U,null,q(m.value,$=>(f(),y(R($.component),H({key:$.name},$),null,16))),128))],4))}});var K=(r=>(r.front="front",r.back="back",r.backr="backr",r.backl="backl",r.left="left",r.right="right",r.top="top",r.bottom="bottom",r))(K||{});function ke(r,e){return N(r/e)}function Se(r,e){return r%e}class je{static getProps(e,t){let{width:i,height:s}=t.size.toValue();const o=ke(t.number,e.numCols),l=Se(t.number,e.numCols),u={color:e.color,colors:e.colors,rsc:e.rsc,rscs:e.rscs,size:e.size,depth:e.depth,offset:new W({top:o*s,left:l*i})};return o+1===e.numRows&&(s=e.size.height.value-o*s),l+1===e.numCols&&(i=e.size.width.value-l*i),u.viewSize=new L({width:i,height:s}),u.css={...t.css,position:"absolute",...u.offset.toPx(),zIndex:t.number+1{var m;return t.rscs!==void 0?ue:(m=t.rsc)==null?void 0:m.transition.component}),n=D(()=>He.getTilesProps(t)),d=v([]);return ve(()=>{d.value=[]}),e({setCss:l,transform:m=>{d.value.forEach((g,k)=>m(g,k))},show:u,hide:a,getRowNumber:ke,getColNumber:Se}),(m,g)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-grid",style:M(p(o))},[(f(!0),_(U,null,q(n.value,(k,$)=>(f(),y(R(c.value),H({ref_for:!0,ref:Y=>d.value.push(Y),key:$},k),null,16))),128))],4))}}),Mt=z({__name:"FluxParallax",props:{rsc:{},holder:{default:()=>window},type:{default:"relative"},offset:{default:"100%"}},setup(r,{expose:e}){const t=r,i=v(null),{holder:s,rsc:o}=t,l={base:{position:"relative",background:`url("${o.src}") no-repeat`},defined:S({}),final:D(()=>({...l.base,...p(l.defined)}))},u=(/iPad|iPhone|iPod/.test(navigator.userAgent)||navigator.userAgent==="MacIntel"&&navigator.maxTouchPoints>1)&&!window.MSStream,a=S({width:0,height:0,aspectRatio:D(()=>re(a))}),c=S({top:0,width:0,height:0,aspectRatio:D(()=>re(c))}),n=S({top:0,left:0,width:0,height:0}),d={position:"absolute",top:0,left:0,bottom:0,right:0,clip:"rect(auto auto auto auto)"},m=D(()=>({position:"absolute",top:0,bottom:0,left:0,right:0,background:`url("${o.src}") no-repeat center center fixed`,backgroundSize:`${n.width}px ${n.height}px`})),g=D(()=>{const{offset:w}=t,x=parseFloat(w);return/^[0-9]+px$/.test(w)?{px:x,pct:x*100/n.height}:/^[0-9]+%$/.test(w)?{px:A(c.height*x/100),pct:x}:{px:0,pct:0}}),k=D(()=>{const w=u?a.height:c.height+g.value.px;return n.height-w});le(()=>{window.addEventListener("resize",$,{passive:!0}),(t.type!=="fixed"||u)&&s.addEventListener("scroll",j,{passive:!0}),o.load().then(()=>{$()})}),ae(()=>{window.removeEventListener("resize",$),s.removeEventListener("scroll",j)});const $=()=>{a.width=s.scrollWidth||s.innerWidth,a.height=s.scrollHeight||s.innerHeight,c.width=i.value.clientWidth,c.height=i.value.clientHeight,c.top=i.value.getBoundingClientRect().top+window.scrollY,o.displaySize.update(a);const w=o.resizeProps.value;n.width=w.width,n.height=w.height,l.defined.backgroundSize=`${n.width}px ${n.height}px`,l.defined.backgroundPosition="center 0",j()},Y=w=>{k.value>0&&(w=w*g.value.pct/100+50-g.value.pct/2),l.defined.backgroundPositionY=w.toFixed(2)+"%"},j=()=>{if(!o.isLoaded()||!u&&t.type==="fixed")return;const w=s.scrollY||s.scrollTop||0;if(s!==window)return Q.relative(w);if(w+a.heightc.top+c.height)return;let x=w-c.top+a.height;Q[t.type](x)},Q={visible:w=>{let x=0;wa.height?x=100:x=(w-c.height)*100/(a.height-c.height),Y(x)},relative:w=>{let x;s===window?x=w*100/(a.height+c.height):x=w*100/(a.height-s.clientHeight),Y(x)},fixed:w=>{l.defined.backgroundPositionY=w-a.height+"px"}};return e({resize:$}),(w,x)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-parallax",style:M(l.final.value)},[t.type==="fixed"&&!p(u)?(f(),_("div",{key:0,style:d},[C("div",{class:"image",style:M(m.value)},null,4)])):T("",!0),F(w.$slots,"default")],4))}}),Ge=z({__name:"FluxTransition",props:{size:{},transition:{},from:{},to:{},displayComponent:{},options:{default:()=>({})}},emits:["ready","start","end"],setup(r,{expose:e,emit:t}){const i=r,s=v(null),o=v(null),l=t,u=S({base:{overflow:"hidden",perspective:"none",zIndex:3}}),a=D(()=>{const{width:m,height:g}=i.size.toPx();return{...u.base,width:m,height:g}}),c=v(1);le(async()=>{o.value!==null&&(c.value=o.value.totalDuration),l("ready",{transition:i.transition,from:i.from,to:i.to,options:i.options,duration:c.value})});async function n(){l("start",{transition:i.transition,from:i.from,to:i.to,options:i.options,duration:c.value}),await ie(),o.value===null?console.error("Transition component available",i.transition):o.value.onPlay(),setTimeout(()=>d(),c.value)}function d(){l("end",{transition:i.transition,from:i.from,to:i.to,options:i.options,duration:c.value})}return ae(()=>{[null,void 0].includes(i.displayComponent)===!1&&i.displayComponent.show()}),e({duration:c,start:n}),(m,g)=>(f(),_("div",{ref_key:"$el",ref:s,class:"flux-transition",style:M(a.value)},[(f(),y(R(m.transition),{ref_key:"$transition",ref:o,size:m.size,from:m.from,to:m.to,"display-component":m.displayComponent,options:m.options,"mask-style":u.base},null,8,["size","from","to","display-component","options","mask-style"]))],4))}});class Ke{static getProps(e,t,i){const s=(e.numCircles-t)*e.radius*2,o=e.radius*t,l={offset:new W({top:e.topGap+o,left:e.leftGap+o})};return l.css={...i,position:"absolute",...l.offset.toPx(),width:s+"px",height:s+"px",backgroundRepeat:"repeat",borderRadius:"50%",zIndex:t},l}}class Ue{static getCirclesProps(e){const{width:t,height:i}=e.size.toValue(),s=Ve(e.circles),o=xe({width:t,height:i}),l=A(o/2/s),u=A(i/2-l*s),a=A(t/2-l*s),c={numCircles:s,diagonal:o,radius:l,topGap:u,leftGap:a},n=[];for(let d=0;dUe.getCirclesProps(t)),n=v([]);return ve(()=>{n.value=[]}),e({setCss:l,transform:d=>{n.value.forEach((m,g)=>d(m,g))},show:u,hide:a}),(d,m)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-vortex",style:M(p(o))},[(f(!0),_(U,null,q(c.value,(g,k)=>(f(),y(R(d.rsc.transition.component),{ref_for:!0,ref:$=>n.value.push($),key:k,size:d.size,rsc:d.rsc,offset:g.offset,css:g.css},null,8,["size","rsc","offset","css"]))),128))],4))}}),ce=z({__name:"FluxWrapper",props:{color:{},rsc:{},size:{},viewSize:{},offset:{},css:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({base:{overflow:"hidden"}}),{style:o,setCss:l,transform:u,show:a,hide:c}=Z(i,t,s);return e({setCss:l,transform:u,show:a,hide:c}),(n,d)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-wrapper",style:M(p(o))},[F(n.$slots,"default")],4))}});var b=(r=>(r.prev="prev",r.next="next",r))(b||{}),V=(r=>(r.stopped="stopped",r.playing="playing",r))(V||{});class qe{constructor(){h(this,"current",null),h(this,"from",null),h(this,"to",null)}reset(){this.current=null,this.from=null,this.to=null}init(e){this.current=e.getFirst()}}class Je{constructor(){h(this,"current",null),h(this,"last",null)}reset(){this.current=null,this.last=null}init(e){this.last=e.getLast()}}class Ze{constructor(e,t,i){h(this,"resource"),h(this,"transition"),h(this,"status",v(V.stopped)),h(this,"config"),h(this,"timers"),h(this,"emit"),h(this,"transitions",null),h(this,"resources",null),h(this,"$displayComponent",v(null)),this.config=e,this.timers=t,this.emit=i,this.resource=te(new qe),this.transition=te(new Je)}setup(e,t,i){this.transitions=t,this.resources=e,this.$displayComponent=i}play(e=b.next,t){var i,s;const{config:o,timers:l,resource:u}=this;if(this.status.value=V.playing,this.transition.current!==null)return;const a=(s=this.resources)==null?void 0:s.find(e,(i=u.current)==null?void 0:i.index);l.set("transition",t||(a==null?void 0:a.options.delay)||o.delay,()=>{this.show(e)}),this.emit("play",e,t)}async stop(e=!1){const{timers:t}=this;this.status.value=V.stopped,t.clear("transition"),this.transition.current!==null&&e===!0&&await this.end(e),this.emit("stop")}isReadyToShow(){if(this.resource.current===null)throw new ReferenceError("Current resource not set");if(this.resources===null)throw new ReferenceError("Resources list not set");if(this.resources.list.length===0)throw new RangeError("Resources list empty");if(this.transition.last===null)throw new ReferenceError("Last transition not set");if(this.transitions===null)throw new ReferenceError("Transitions list not set");if(this.transitions.list.length===0)throw new RangeError("Transitions list empty");if(this.$displayComponent.value===null)throw new ReferenceError("Display component not set");return!0}async show(e=b.next,t=b.next){if(!this.isReadyToShow())return;const{resource:i,resources:s,config:o,transitions:l}=this;if(this.transition.current!==null){o.allowToSkipTransition&&(await this.end(!0),this.show(e,t));return}const u=s.find(e,i.current.index);if(i.current.index===u.index)return;this.timers.clear("transition"),this.resource.from=i.current,this.resource.to=u;const a=typeof t=="number"?l.getByIndex(t):l.getByOrder(t,this.transition.last.index);a.options.direction===void 0&&(typeof e!="number"?a.options.direction=e:a.options.direction=this.resource.from.index=s.list.length-1&&this.status.value===V.playing){this.stop();return}if(i.current.options.stop===!0){this.stop();return}this.status.value===V.playing&&e===!1&&o.set("transition",i.current.options.delay||t.delay,()=>{this.show()})}}}class pe{constructor(e,t=null,i=null){h(this,"node"),h(this,"config"),h(this,"emit",null),h(this,"size",new L),h(this,"inFullScreen",()=>!!document.fullscreenElement),this.node=e,this.config=t,this.emit=i}static async getSize(e){const t=new pe(e);return await t.updateSize(),t.size}addResizeListener(){window.addEventListener("resize",()=>this.updateSize(),{passive:!0})}removeResizeListener(){window.removeEventListener("resize",this.updateSize)}getAspectRatio(){if(this.config!==null){const[e,t]=this.config.aspectRatio.split(":");return[parseFloat(e),parseFloat(t)]}return[16,9]}async updateSize(){if(this.size.reset(),await ie(),this.node.value===null)return;const e=getComputedStyle(this.node.value);let t=parseFloat(e.width),i=parseFloat(e.height);if(["0px","auto",null].includes(e.height)){const[s,o]=this.getAspectRatio();i=t/s*o}this.size.update({width:t,height:i})}toggleFullScreen(){this.inFullScreen()?this.exitFullScreen():this.enterFullScreen()}async enterFullScreen(){var e,t;((e=this.node)==null?void 0:e.value)===null||!((t=this.config)!=null&&t.allowFullscreen)||(await this.node.value.requestFullscreen(),this.emit!==null&&this.emit("fullscreenEnter"))}async exitFullScreen(){await document.exitFullscreen(),this.emit!==null&&this.emit("fullscreenExit")}}class Qe{constructor(e,t){h(this,"config"),h(this,"player"),this.config=e,this.player=t}setup(){this.removeKeyListener(),this.config.bindKeys&&this.addKeyListener()}addKeyListener(){window.addEventListener("keydown",e=>this.keydown(e),{passive:!0})}removeKeyListener(){window.removeEventListener("keydown",()=>this.keydown)}keydown(e){if(["ArrowLeft","Left"].includes(e.key)){this.player.show(b.prev);return}if(["ArrowRight","Right"].includes(e.key)){this.player.show(b.next);return}}}class et{constructor(){h(this,"isOver",v(!1))}setup(e,t){t.clear("mouseOver"),e.autohideTime===0&&(this.isOver.value=!0)}toggle(e,t,i){e.autohideTime!==0&&(this.isOver.value=i,this[i?"over":"out"](e,t))}out(e,t){t.clear("mouseOver")}over(e,t){t.set("mouseOver",e.autohideTime,()=>this.isOver.value=!1)}}class tt{constructor(){h(this,"timers",{})}set(e,t,i){this.clear(e),this.timers[e]=setTimeout(i,t)}clear(e){(e!==void 0?[e]:Object.keys(this.timers)).forEach(t=>{clearTimeout(this.timers[t]),delete this.timers[t]})}}const ge=Math.abs;class st{constructor(){h(this,"startX",0),h(this,"startY",0),h(this,"startTime",0),h(this,"endTime",0),h(this,"prevTouchTime",0),h(this,"tapThreshold",5),h(this,"doubleTapThreshold",200),h(this,"slideTrigger",.3),h(this,"tap",(e,t)=>ge(e)this.endTime-this.prevTouchTimet.size.isValid()&&e<0&&e<-(t.size.width.value*this.slideTrigger)),h(this,"slideRight",(e,t)=>t.size.isValid()&&e>0&&e>t.size.width.value*this.slideTrigger),h(this,"slideUp",(e,t)=>t.size.isValid()&&e<0&&e<-(t.size.height.value*this.slideTrigger)),h(this,"slideDown",(e,t)=>t.size.isValid()&&e>0&&e>t.size.height.value*this.slideTrigger)}start(e,t){t.enableGestures&&(this.startTime=Date.now(),this.startX=e.touches[0].clientX,this.startY=e.touches[0].clientY)}end(e,t,i,s,o,l){this.prevTouchTime=this.endTime,this.endTime=Date.now();const u=e.changedTouches[0].clientX-this.startX,a=e.changedTouches[0].clientY-this.startY;if(this.tap(u,a)){l.toggle(t,o,!0);return}t.enableGestures&&(this.slideRight(u,s)?i.show(b.prev):this.slideLeft(u,s)&&i.show(b.next))}}class it{constructor(e){h(this,"list",te([])),h(this,"loader",v(null)),h(this,"emit"),this.emit=e}getPrev(e){return this.getByIndex(e>0?e-1:this.list.length-1)}getNext(e){return this.getByIndex(e===this.list.length-1?0:e+1)}getFirst(){return this.getByIndex(0)}getLast(){return this.getByOrder(b.prev,0)}getByIndex(e){if(this.list[e]===void 0)throw new ReferenceError(`Resource index ${e} not found`);return{index:e,rsc:this.list[e].resource,options:JSON.parse(JSON.stringify(this.list[e].options))}}getByOrder(e,t){return{prev:()=>this.getPrev(t),next:()=>this.getNext(t)}[e]()}find(e,t){if(typeof e=="number")return this.getByIndex(e);if(t===void 0)throw new ReferenceError("Missing currentIndex parameter");return this.getByOrder(e,t)}update(e,t,i){this.list.splice(0);const s=ze(e).map(o=>{let l=o,u={};return"resource"in o&&(l=o.resource,"options"in o&&(u=o.options)),{resource:l,options:u}});return new Promise(o=>{this.loader.value=new Ie(s,t,i,()=>this.preloadStart(),l=>this.preloadEnd(l,o),()=>this.lazyLoadStart(),l=>this.lazyLoadEnd(l))})}preloadStart(){this.emit("resourcesPreloadStart")}preloadEnd(e,t){e.forEach(i=>this.list.push(i)),this.emit("resourcesPreloadEnd"),t()}lazyLoadStart(){this.emit("resourcesLazyloadStart")}lazyLoadEnd(e){e.forEach(t=>this.list.push(t)),this.emit("resourcesLazyloadEnd")}}class ot{constructor(){h(this,"list",te([]))}getPrev(e){return this.getByIndex(e>0?e-1:this.list.length-1)}getNext(e){return this.getByIndex(e===this.list.length-1?0:e+1)}getFirst(){return this.getByIndex(0)}getLast(){return this.getByOrder(b.prev,0)}getByIndex(e){return{index:e,component:this.list[e].component,options:JSON.parse(JSON.stringify(this.list[e].options))}}getByOrder(e,t){return{prev:()=>this.getPrev(t),next:()=>this.getNext(t)}[e]()}update(e){this.list.splice(0),ze(e).forEach(t=>{let i=t,s={};"component"in t&&(i=t.component,"options"in t&&(s=t.options)),this.list.push({component:i,options:s})})}}const rt={key:2,class:"complements"},nt=C("div",{class:"remainder upper"},null,-1),lt=C("div",{class:"remainder lower"},null,-1),Nt=z({__name:"VueFlux",props:{options:{},rscs:{},transitions:{}},emits:["created","mounted","unmounted","play","stop","show","optionsUpdated","transitionsUpdated","resourcesPreloadStart","resourcesPreloadEnd","resourcesLazyloadStart","resourcesLazyloadEnd","fullscreenEnter","fullscreenExit","transitionStart","transitionCancel","transitionEnd"],setup(r,{expose:e,emit:t}){const i=r,s=t,o=v(null),l=v(null),u=v(null),a=S({allowFullscreen:!1,allowToSkipTransition:!0,aspectRatio:"16:9",autohideTime:2500,autoplay:!1,bindKeys:!1,delay:5e3,enableGestures:!1,infinite:!0,lazyLoad:!0,lazyLoadAfter:5}),c=new tt,n=new Ze(a,c,s),d=new it(s),m=new ot,g=new pe(o,a,s),k=new Qe(a,n),$=new et,Y=new st,j=()=>{Object.assign(a,i.options),$.setup(a,c),k.setup()};oe(()=>i.options,()=>{j(),s("optionsUpdated")},{deep:!0}),oe(()=>i.rscs,async()=>{const w=n.status.value===V.playing;w&&await n.stop(!0),n.resource.reset();const x=a.lazyLoad?a.lazyLoadAfter:i.rscs.length;await d.update(i.rscs,x,g.size),n.resource.init(d),w&&n.play()}),oe(()=>i.transitions,async()=>{const w=n.status.value===V.playing;w&&await n.stop(!0),n.transition.reset(),m.update(i.transitions),n.transition.init(m),w&&n.play(),s("transitionsUpdated")}),le(async()=>{j(),await g.updateSize(),g.addResizeListener(),n.setup(d,m,u),m.update(i.transitions),n.transition.init(m),await d.update(i.rscs,a.lazyLoadAfter,g.size),n.resource.init(d),a.autoplay===!0&&n.play(),s("mounted")}),ae(()=>{c.clear(),g.removeResizeListener(),k.removeKeyListener(),s("unmounted")});const Q=D(()=>g.size.isValid()?g.inFullScreen()?{width:"100% !important",height:"100% !important"}:g.size.toPx():{});return e({show:n.show.bind(n),play:n.play.bind(n),stop:n.stop.bind(n),getPlayer:()=>n}),s("created"),(w,x)=>(f(),_("div",{ref_key:"$container",ref:o,class:"vue-flux",style:M(Q.value),onMousemove:x[3]||(x[3]=E=>p($).toggle(a,p(c),!0)),onMouseleave:x[4]||(x[4]=E=>p($).toggle(a,p(c),!1)),onDblclick:x[5]||(x[5]=E=>p(g).toggleFullScreen()),onTouchstart:x[6]||(x[6]=E=>p(Y).start(E,a)),onTouchend:x[7]||(x[7]=E=>p(Y).end(E,a,p(n),p(g),p(c),p($)))},[p(n).transition.current!==null&&p(g).size.isValid()&&p(n).resource.from!==null&&p(n).resource.to!==null?(f(),y(p(Ge),{key:0,ref_key:"$transition",ref:l,transition:p(n).transition.current.component,size:p(g).size,from:p(n).resource.from.rsc,to:p(n).resource.to.rsc,"display-component":u.value,options:p(n).transition.current.options,onReady:x[0]||(x[0]=E=>{var he;return(he=l.value)==null?void 0:he.start()}),onStart:x[1]||(x[1]=E=>p(n).start()),onEnd:x[2]||(x[2]=E=>p(n).end())},null,8,["transition","size","from","to","display-component","options"])):T("",!0),p(n).resource.current!==null?(f(),y(R(p(n).resource.current.rsc.display.component),H({key:1,ref_key:"$displayComponent",ref:u,size:p(g).size,rsc:p(n).resource.current.rsc},p(n).resource.current.rsc.display.props),null,16,["size","rsc"])):T("",!0),p(g).size.isValid()?(f(),_("div",rt,[F(w.$slots,"preloader",{loader:p(d).loader}),F(w.$slots,"caption",{currentResource:p(n).resource.current,currentTransition:p(n).transition.current}),nt,F(w.$slots,"controls",{mouseOver:p($).isOver,player:p(n)}),lt,F(w.$slots,"index",{mouseOver:p($).isOver,displaySize:p(g).size,resources:p(d),player:p(n)}),F(w.$slots,"pagination",{resources:p(d),currentResource:p(n).resource.current,currentTransition:p(n).transition.current,show:E=>p(n).show(E)})])):T("",!0)],36))}}),Xt=z({__name:"FluxCaption",props:{currentResource:{},currentTransition:{}},setup(r){const e=r,t=D(()=>e.currentResource===null||e.currentResource.rsc.caption===null?" ":e.currentResource.rsc.caption),i=D(()=>{const s=["flux-caption"];return e.currentTransition===null&&e.currentResource!==null&&e.currentResource.rsc.caption.length>0&&s.push("visible"),s});return(s,o)=>(f(),_("div",{class:ee(i.value)},[F(s.$slots,"default",{},()=>[_e(ye(t.value),1)])],2))}}),at=C("polyline",{points:"64,18 22,50 64,82"},null,-1),ut=z({__name:"Prev",setup(r){return(e,t)=>(f(),y(p(J),{class:"prev top left"},{default:B(()=>[at]),_:1}))}}),ct=C("polygon",{points:"32,12 82,50 32,88"},null,-1),pt=z({__name:"Play",setup(r){return(e,t)=>(f(),y(p(J),{class:"play"},{default:B(()=>[ct]),_:1}))}}),ht=C("line",{x1:"32",y1:"22",x2:"32",y2:"78"},null,-1),dt=C("line",{x1:"68",y1:"22",x2:"68",y2:"78"},null,-1),ft=z({__name:"Stop",setup(r){return(e,t)=>(f(),y(p(J),{class:"pause"},{default:B(()=>[ht,dt]),_:1}))}}),mt=C("polyline",{points:"36,18 78,50 36,82"},null,-1),gt=z({__name:"Next",setup(r){return(e,t)=>(f(),y(p(J),{class:"next top right"},{default:B(()=>[mt]),_:1}))}}),vt={key:0,class:"flux-controls"},Wt=z({__name:"FluxControls",props:{mouseOver:{},player:{}},setup(r){const e=r,t=D(()=>!(e.player.resource.current===null||e.mouseOver!==void 0&&e.mouseOver.value===!1));return(i,s)=>(f(),y(we,{name:"fade"},{default:B(()=>[t.value?(f(),_("div",vt,[G(ut,{onClick:s[0]||(s[0]=o=>i.player.show(p(b).prev))}),i.player.status.value===p(V).stopped?(f(),y(pt,{key:0,onClick:s[1]||(s[1]=o=>i.player.play(p(b).next,1))})):T("",!0),i.player.status.value===p(V).playing?(f(),y(ft,{key:1,onClick:s[2]||(s[2]=o=>i.player.stop())})):T("",!0),G(gt,{onClick:s[3]||(s[3]=o=>i.player.show(p(b).next))})])):T("",!0)]),_:1}))}}),yt=C("rect",{x:"17.5",y:"17.5",width:"12px",height:"12px"},null,-1),wt=C("rect",{x:"17.5",y:"43",width:"12px",height:"12px"},null,-1),zt=C("rect",{x:"17.5",y:"68.5",width:"12px",height:"12px"},null,-1),xt=C("rect",{x:"43",y:"17.5",width:"12px",height:"12px"},null,-1),bt=C("rect",{x:"43",y:"43",width:"12px",height:"12px"},null,-1),kt=C("rect",{x:"43",y:"68.5",width:"12px",height:"12px"},null,-1),St=C("rect",{x:"68.5",y:"17.5",width:"12px",height:"12px"},null,-1),$t=C("rect",{x:"68.5",y:"43",width:"12px",height:"12px"},null,-1),_t=C("rect",{x:"68.5",y:"68.5",width:"12px",height:"12px"},null,-1),Dt=z({__name:"Button",props:{mouseOver:{}},setup(r){const e=r,t=D(()=>e.mouseOver.value===!0);return(i,s)=>(f(),y(we,{name:"fade"},{default:B(()=>[t.value?(f(),y(p(J),{key:0,class:"toggle bottom left"},{default:B(()=>[yt,wt,zt,xt,bt,kt,St,$t,_t]),_:1})):T("",!0)]),_:1}))}}),Ct=z({__name:"Thumb",props:{rsc:{},size:{}},setup(r){return(e,t)=>(f(),_("li",null,[(f(),y(R(e.rsc.transition.component),{rsc:e.rsc,size:e.size.value,title:e.rsc.caption},null,8,["rsc","size","title"]))]))}});function Pt(r,e){const t=D(()=>{let{width:s,height:o}=r.toValue();return s=s/4.2,o=s*90/160,s>160&&(s=160,o=90),new L({width:s,height:o})});function i(s){const{current:o}=e.resource;return o===null||o.index!==s?"":"current"}return{size:t,getClass:i}}const Lt=500,Rt=z({__name:"List",props:{displaySize:{},resources:{},player:{}},setup(r,{expose:e}){const t=r,i=v(null),s=v(!1),o=D(()=>{const c=[];return s.value&&c.push("visible"),c});async function l(){i.value!==null&&(t.player.stop(),s.value=!0,await ie(),i.value.clientHeight,i.value.style.marginTop="0")}function u(c){var n;i.value!==null&&((n=t.player.resource.current)==null?void 0:n.index)!==c&&(i.value.clientHeight,i.value.style.marginTop="100%",setTimeout(()=>{s.value=!1,c!==null&&t.player.show(c)},Lt))}const a=Pt(t.displaySize,t.player);return e({show:l}),(c,n)=>(f(),_("nav",{class:ee(o.value),onClick:n[0]||(n[0]=d=>u(null))},[C("ul",{ref_key:"$list",ref:i},[(f(!0),_(U,null,q(c.resources.list,(d,m)=>(f(),y(Ct,{key:m,rsc:d.resource,size:p(a).size,class:ee(p(a).getClass(m)),onClick:g=>u(m)},null,8,["rsc","size","class","onClick"]))),128))],512)],2))}}),Tt={key:0,class:"flux-index"},jt=z({__name:"FluxIndex",props:{mouseOver:{},displaySize:{},resources:{},player:{}},setup(r){const e=r,t=v(null),i=D(()=>e.resources.list.length>0);return(s,o)=>i.value?(f(),_("div",Tt,[G(Dt,{"mouse-over":s.mouseOver,onClick:o[0]||(o[0]=l=>{var u;return(u=t.value)==null?void 0:u.show()})},null,8,["mouse-over"]),G(Rt,{ref_key:"$fluxIndexList",ref:t,"display-size":s.displaySize,resources:s.resources,player:s.player},null,8,["display-size","resources","player"])])):T("",!0)}}),Et={key:0,class:"flux-pagination"},Ot=["title","onClick"],Ht=z({__name:"FluxPagination",props:{resources:{},currentResource:{},currentTransition:{},show:{type:Function}},setup(r){const e=r,t=D(()=>e.resources.list.length>0),i=o=>o.resource.caption,s=(o,l)=>{var u;const a=[l];let c=((u=e.currentResource)==null?void 0:u.index)===o;return e.currentTransition!==null&&(c=!1),c===!0&&a.push("active"),a};return(o,l)=>t.value?(f(),_("nav",Et,[C("ul",null,[(f(!0),_(U,null,q(o.resources.list,(u,a)=>(f(),_("li",{key:a},[F(o.$slots,"default",{index:a,rsc:u,title:i(u),cssClass:s(a,"custom-pagination-item"),onClick:c=>o.show(a)},()=>[C("span",{title:i(u),class:ee(s(a,"pagination-item")),onClick:c=>o.show(a)},null,10,Ot)])]))),128))])])):T("",!0)}}),Ft={class:"preloader"},Vt={key:0,class:"spinner"},At={class:"pct"},Bt=C("div",{class:"border"},null,-1),Gt=z({__name:"FluxPreloader",props:{loader:{}},setup(r){return(e,t)=>{var i,s,o;return f(),_("div",Ft,[F(e.$slots,"default",{loader:e.loader,preloading:(i=e.loader.value)==null?void 0:i.preLoading.length,lazyloading:(s=e.loader.value)==null?void 0:s.lazyLoading.length,pct:(o=e.loader.value)==null?void 0:o.progress},()=>{var l,u;return[(l=e.loader.value)!=null&&l.preLoading.length?(f(),_("div",Vt,[C("div",At,ye((u=e.loader.value)==null?void 0:u.progress)+"%",1),Bt])):T("",!0)]})])}}});function P(r,e){Object.assign(r,{direction:b.next},e)}const Kt=z({__name:"Fade",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({totalDuration:1200,easing:"ease-in"});P(s,t.options);const o={zIndex:1};return e({onPlay:()=>{i.value!==null&&i.value.transform({transition:`opacity ${s.totalDuration}ms ${s.easing}`,opacity:0})},totalDuration:s.totalDuration}),(l,u)=>(f(),y(R(l.from.transition.component),{ref_key:"$from",ref:i,rsc:l.from,size:l.size,css:o},null,8,["rsc","size"]))}}),Ut=z({__name:"Kenburn",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({totalDuration:1500,easing:"linear"});P(s,t.options);const o=[{scale:"1.7",translateX:"-35%",translateY:"-35%",originX:"top",originY:"left"},{scale:"1.7",translateX:"35%",translateY:"-35%",originX:"top",originY:"right"},{scale:"1.7",translateX:"-35%",translateY:"35%",originX:"bottom",originY:"left"},{scale:"1.7",translateX:"35%",translateY:"35%",originX:"bottom",originY:"right"}],l=N(Math.random()*4),u=o[l],a={transformOrigin:u.originX+" "+u.originY};return e({onPlay:()=>{i.value!==null&&i.value.transform({transition:`all ${s.totalDuration}ms ${s.easing}`,transform:`scale(${u.scale}) translate(${u.translateX}, ${u.translateY})`,opacity:0})},totalDuration:s.totalDuration}),(c,n)=>(f(),y(R(c.from.transition.component),{ref_key:"$from",ref:i,rsc:c.from,size:c.size,css:a},null,8,["rsc","size"]))}}),qt=z({__name:"Swipe",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=v(null),o=S({totalDuration:1400,easing:"ease-in-out"});P(o,t.options);const l={position:"absolute",top:0,display:"flex",flexWrap:"nowrap"},u={flex:"0 0 auto"};return{[b.prev]:()=>{Object.assign(l,{right:0,justifyContent:"flex-end"})},[b.next]:()=>{Object.assign(l,{left:0,justifyContent:"flex-start"})}}[o.direction](),e({onPlay:()=>{i.value!==null&&i.value.transform({transition:`width ${o.totalDuration}ms ${o.easing}`,width:0})},totalDuration:o.totalDuration}),(a,c)=>(f(),y(p(ce),{ref_key:"$wrapper",ref:i,size:a.size,css:l},{default:B(()=>[(f(),y(R(a.from.transition.component),{ref_key:"$from",ref:s,rsc:a.from,size:a.size,css:u},null,8,["rsc","size"]))]),_:1},8,["size"]))}}),Jt=z({__name:"Slide",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=v(null),o=v(null),l=S({totalDuration:1400,easing:"ease-in-out"});P(l,t.options);const u=`transform ${l.totalDuration}ms ${l.easing}`,a={size:new L({width:t.size.width.value*2,height:t.size.height.value}),css:{display:"flex",flexWrap:"nowrap"}};let c,n;({[b.prev]:()=>{c=t.to,n=t.from,a.css.transform="translateX(-50%)"},[b.next]:()=>{c=t.from,n=t.to}})[l.direction]();const d={[b.prev]:()=>{i.value.transform({transition:u,transform:"translateX(0)"})},[b.next]:()=>{i.value.transform({transition:u,transform:"translateX(-50%)"})}};return e({onPlay:()=>{i.value!==null&&d[l.direction]()},totalDuration:l.totalDuration}),(m,g)=>(f(),y(p(ce),H({ref_key:"$wrapper",ref:i},a),{default:B(()=>[(f(),y(R(p(c).transition.component),{ref_key:"$left",ref:s,rsc:p(c),size:m.size},null,8,["rsc","size"])),(f(),y(R(p(n).transition.component),{ref_key:"$right",ref:o,rsc:p(n),size:m.size},null,8,["rsc","size"]))]),_:1},16))}}),Zt=z({__name:"Waterfall",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:1,cols:10,tileDuration:600,tileDelay:90,easing:"cubic-bezier(0.55, 0.055, 0.675, 0.19)"});P(s,t.options);const o=s.tileDelay*s.cols+s.tileDuration,l={[b.prev]:u=>(s.cols-u-1)*s.tileDelay,[b.next]:u=>u*s.tileDelay};return e({onPlay:()=>{i.value!==null&&i.value.transform((u,a)=>{const c=`all ${s.tileDuration}ms ${s.easing} ${l[s.direction](a)}ms`;u.transform({transition:c,opacity:"0.1",transform:"translateY(100%)"})})},totalDuration:o}),(u,a)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:u.size,rsc:u.from},null,8,["rows","cols","size","rsc"]))}}),Qt=z({__name:"Zip",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:1,cols:10,tileDuration:600,easing:"ease-in",tileDelay:80});P(s,t.options);const o=s.tileDelay*s.cols+s.tileDuration,l={[b.prev]:u=>(s.cols-u-1)*s.tileDelay,[b.next]:u=>u*s.tileDelay};return e({onPlay:()=>{i.value!==null&&i.value.transform((u,a)=>{const c=`all ${s.tileDuration}ms ${s.easing} ${l[s.direction](a)}ms`;u.transform({transition:c,opacity:"0.1",transform:`translateY(${a%2?"-":""}100%)`})})},totalDuration:o}),(u,a)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:u.size,rsc:u.from},null,8,["rows","cols","size","rsc"]))}}),es=z({__name:"Blinds2D",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:1,cols:10,tileDuration:800,easing:"linear",tileDelay:100});P(s,t.options);const o={[se.front]:t.from},l=s.tileDelay*s.cols+s.tileDuration,u={prev:a=>(s.cols-a-1)*s.tileDelay,next:a=>a*s.tileDelay};return e({onPlay:()=>{i.value!==null&&i.value.transform((a,c)=>{const n=`all ${s.tileDuration}ms ${s.easing} ${u[s.direction](c)}ms`;a.transform({transition:n,opacity:"0.1",transform:"scaleX(0)"})})},totalDuration:l}),(a,c)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:a.size,rscs:o},null,8,["rows","cols","size"]))}}),ts=z({__name:"Blocks1",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){var t;const i=r,s=v(null),o=S({rows:8,cols:8,tileDuration:300,easing:"linear",tileDelay:1e3});if(P(o,i.options),!((t=i.options)!=null&&t.rows)){const a=i.size.width.value/o.cols;o.rows=N(i.size.height.value/a)}const l=o.tileDelay+o.tileDuration,u=()=>N(Math.random()*o.tileDelay);return e({onPlay:()=>{s.value!==null&&s.value.transform(a=>{const c=`all ${o.tileDuration}ms ${o.easing} ${u()}ms`;a.transform({transition:c,opacity:"0",transform:"scale(0.3, 0.3)"})})},totalDuration:l}),(a,c)=>(f(),y(p(I),{ref_key:"$grid",ref:s,rows:o.rows,cols:o.cols,size:a.size,rsc:a.from},null,8,["rows","cols","size","rsc"]))}}),ss=z({__name:"Blocks2",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){var t;const i=r,s=v(null),o=v(null),l=S({rows:8,cols:8,tileDuration:800,tileDelay:80,easing:"ease"});P(l,i.options);const u=l.tileDelay*(l.rows+l.cols)+l.tileDuration;if(!((t=i.options)!=null&&t.rows)){const g=i.size.width.value/l.cols;l.rows=Math.floor(i.size.height.value/g)}const a={rsc:null,css:{position:"absolute",top:0,left:0,zIndex:1}},c=JSON.parse(JSON.stringify(a));c.css.zIndex=2;let n={};({prev:()=>{c.rsc=i.to,a.rsc=i.from,n={opacity:0,transform:"scale(0.3)"}},next:()=>{c.rsc=i.from}})[l.direction]();const d=g=>{const k=s.value.getRowNumber(g,l.cols);let $=s.value.getColNumber(g,l.cols)+k;return l.direction===b.prev&&($=l.rows+l.cols-$-1),$*l.tileDelay},m={prev:()=>{s.value.transform((g,k)=>{g.transform({transition:`all ${l.tileDuration}ms ${l.easing} ${d(k)}ms`,opacity:1,transform:"scale(1)"})})},next:()=>{s.value.transform((g,k)=>{g.transform({transition:`all ${l.tileDuration}ms ${l.easing} ${d(k)}ms`,opacity:0,transform:"scale(0.3)"})})}};return e({onPlay:()=>{s.value!==null&&m[l.direction]()},totalDuration:u}),(g,k)=>(f(),_("div",null,[G(p(I),H({ref_key:"$grid",ref:s,rows:l.rows,cols:l.cols,size:g.size,"tile-css":p(n)},p(c)),null,16,["rows","cols","size","tile-css"]),a.rsc!==null?(f(),y(R(a.rsc.transition.component),H({key:0,ref_key:"$background",ref:o,size:g.size},a),null,16,["size"])):T("",!0)]))}}),is=z({__name:"Concentric",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({circles:7,tileDuration:800,easing:"linear",tileDelay:150});P(s,t.options);const o=s.tileDelay*s.circles+s.tileDuration,l=u=>u*s.tileDelay;return e({onPlay:()=>{if(i.value===null)return;const u={prev:"-90",next:"90"};i.value.transform((a,c)=>{const n=`all ${s.tileDuration}ms ${s.easing} ${l(c)}ms`;a.transform({transition:n,opacity:"0",transform:`rotateZ(${u[s.direction]}deg)`})})},totalDuration:o}),(u,a)=>(f(),y(p($e),{ref_key:"$vortex",ref:i,size:u.size,circles:s.circles,rsc:u.from},null,8,["size","circles","rsc"]))}}),os=z({__name:"Warp",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({circles:7,tileDuration:800,easing:"linear",tileDelay:150});P(s,t.options);const o=s.tileDelay*s.circles+s.tileDuration,l={[b.prev]:a=>(s.circles-a-1)*s.tileDelay,[b.next]:a=>a*s.tileDelay},u=a=>a%2===0?"-90":"90";return e({onPlay:()=>{i.value!==null&&i.value.transform((a,c)=>{const n=`all ${s.tileDuration}ms ${s.easing} ${l[s.direction](c)}ms`;a.transform({transition:n,opacity:"0",transform:`rotateZ(${u(c)}deg)`})})},totalDuration:o}),(a,c)=>(f(),y(p($e),{ref_key:"$vortex",ref:i,size:a.size,circles:s.circles,rsc:a.from},null,8,["size","circles","rsc"]))}}),rs=z({__name:"Camera",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=v(null),o=S({circles:2,totalDuration:900,easing:"cubic-bezier(0.385, 0, 0.795, 0.560)",backgroundColor:"#111"});P(o,t.options);const l={alignSelf:"center",flex:"none"},u=xe(t.size.toValue()),a=new L({width:u,height:u}),c={boxSizing:"border-box",position:"absolute",display:"flex",justifyContent:"center",overflow:"hidden",borderRadius:"50%",border:"0 solid "+o.backgroundColor,top:(t.size.height.value-u)/2+"px",left:(t.size.width.value-u)/2+"px"};return e({onPlay:()=>{[i.value,s.value].includes(null)||(i.value.transform({transition:`all ${o.totalDuration/2-50}ms ${o.easing} 0ms`,borderWidth:u/2+"px"}),setTimeout(()=>{s.value.hide(),i.value.transform({transition:`all ${o.totalDuration/2-50}ms ${o.easing} 0ms`,borderWidth:0})},o.totalDuration/2+50))},totalDuration:o.totalDuration}),(n,d)=>(f(),y(p(ce),{ref_key:"$wrapper",ref:i,size:p(a),css:c},{default:B(()=>[(f(),y(R(n.from.transition.component),{ref_key:"$from",ref:s,size:n.size,rsc:n.from,css:l},null,8,["size","rsc"]))]),_:1},8,["size"]))}}),ns=z({__name:"Cube",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({totalDuration:1400,easing:"ease-out"});P(s,t.options),Object.assign(t.maskStyle,{perspective:"1600px",overflow:"visible"});const o={front:t.from,left:t.to,right:t.to},l={transition:`all ${s.totalDuration}ms ${s.easing}`};return e({onPlay:()=>{if(i.value===null)return;t.displayComponent.value!==null&&t.displayComponent.hide();const u={next:K.left,prev:K.right};i.value.turn(u[s.direction])},totalDuration:s.totalDuration}),(u,a)=>(f(),y(p(ue),{ref_key:"$cube",ref:i,rscs:o,size:u.size,depth:u.size.width.value,css:l},null,8,["size","depth"]))}}),ls=z({__name:"Book",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=v(null),o=S({totalDuration:1200,easing:"ease-out"});P(o,t.options);const l=new L({width:A(t.size.width.value/2),height:t.size.height.value}),u={perspective:"1600px",width:"100%",height:"100%"},a=new W({top:0,left:0}),c={position:"absolute",top:0,left:0},n={rscs:{front:t.from,back:t.to},offsets:{front:new W({top:0,left:0}),back:new W({top:0,left:0})},origin:void 0,css:{position:"absolute",top:0,left:0}},d=A(t.size.width.value/2),m=d.toString()+"px";t.maskStyle.overflow="visible",{prev:()=>{a.left.value=d,c.left=m,n.offsets.back.left.value=d,n.origin="right center",n.css={...n.css}},next:()=>{n.offsets.front.left.value=d,n.origin="left center",n.css={...n.css,left:m}}}[o.direction]();const g={prev:"180",next:"-180"}[o.direction];return e({onPlay:()=>{[i.value,s.value].includes(null)||s.value.transform({transition:`transform ${o.totalDuration}ms ${o.easing}`,transform:`rotateY(${g}deg)`})},totalDuration:o.totalDuration}),(k,$)=>(f(),_("div",{style:u},[(f(),y(R(k.from.transition.component),{ref_key:"$from",ref:i,rsc:k.from,size:k.size,"view-size":p(l),offset:p(a),css:c},null,8,["rsc","size","view-size","offset"])),G(p(ue),{ref_key:"$cube",ref:s,rscs:n.rscs,size:k.size,"view-size":p(l),offsets:n.offsets,origin:n.origin,css:n.css},null,8,["rscs","size","view-size","offsets","origin","css"])]))}}),as=z({__name:"Fall",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({totalDuration:1600,easing:"ease-in"});P(s,t.options),Object.assign(t.maskStyle,{perspective:"1600px",overflow:"visible"});const o={transformOrigin:"center bottom"};return e({onPlay:()=>{i.value!==null&&i.value.transform({transition:`transform ${s.totalDuration}ms ${s.easing}`,transform:"rotateX(-83.6deg)"})},totalDuration:s.totalDuration}),(l,u)=>(f(),y(R(l.from.transition.component),{ref_key:"$from",ref:i,rsc:l.from,size:l.size,style:o},null,8,["rsc","size"]))}}),us=z({__name:"Wave",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:1,cols:8,tileDuration:900,tileDelay:110,easing:"cubic-bezier(0.3, -0.3, 0.735, 0.285)",sideColor:"#333"});P(s,t.options),t.maskStyle.overflow="visible";const o={front:t.from,top:t.to},l={left:s.sideColor,right:s.sideColor},u={overflow:"visible",perspective:"1200px"},a=s.tileDelay*s.cols+s.tileDuration,c={[b.prev]:n=>(s.cols-n-1)*s.tileDelay,[b.next]:n=>n*s.tileDelay};return e({onPlay:()=>{i.value!==null&&(t.displayComponent&&t.displayComponent.hide(),i.value.transform((n,d)=>{const m=`all ${s.tileDuration}ms ${s.easing} ${c[s.direction](d)}ms`;n.setCss({transition:m}),n.turn(K.bottom)}))},totalDuration:a}),(n,d)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:n.size,rscs:o,colors:l,depth:n.size.height.value,css:u},null,8,["rows","cols","size","depth"]))}}),cs=z({__name:"Blinds3D",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:1,cols:6,tileDuration:800,easing:"ease-out",tileDelay:150});P(s,t.options);const o={perspective:"800px"},l={front:t.from,back:t.to},u=s.tileDelay*s.cols+s.tileDuration;t.maskStyle.overflow="visible";const a={prev:c=>(s.cols-c-1)*s.tileDelay,next:c=>c*s.tileDelay};return e({onPlay:()=>{if(i.value===null)return;t.displayComponent&&t.displayComponent.hide();const c={prev:"backl",next:"backr"};i.value.transform((n,d)=>{const m=`all ${s.tileDuration}ms ${s.easing} ${a[s.direction](d)}ms`;n.setCss({transition:m}),n.turn(c[s.direction])})},totalDuration:u}),(c,n)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:c.size,rscs:l,css:o},null,8,["rows","cols","size"]))}}),ps=z({__name:"Round1",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){var t;const i=r,s=v(null),o=S({rows:0,cols:8,tileDuration:800,easing:"ease-out",tileDelay:150});P(o,i.options);const l={front:i.from,back:i.to},u={perspective:"800px"};if(i.maskStyle.overflow="visible",!((t=i.options)!=null&&t.rows)){const d=i.size.width.value/o.cols;o.rows=N(i.size.height.value/d)}const a=o.rows>o.cols?o.rows:o.cols,c=o.tileDelay*a*2,n=d=>{const m=s.value.getRowNumber(d,o.cols);let g=s.value.getColNumber(d,o.cols)+m;return o.direction===b.prev&&(g=o.rows+o.cols-g-1),g*o.tileDelay};return e({onPlay:()=>{if(s.value===null)return;i.displayComponent&&i.displayComponent.hide();const d={[b.prev]:K.backl,[b.next]:K.backr};s.value.transform((m,g)=>{const k=`all ${o.tileDuration}ms ${o.easing} ${n(g)}ms`;m.setCss({transition:k}),m.turn(d[o.direction])})},totalDuration:c}),(d,m)=>(f(),y(p(I),{ref_key:"$grid",ref:s,rows:o.rows,cols:o.cols,size:d.size,rscs:l,css:u},null,8,["rows","cols","size"]))}}),hs=z({__name:"Round2",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){var t;const i=r,s=v(null),o=S({rows:0,cols:9,tileDuration:800,tileDelay:100,easing:"linear",rotateX:-540});P(o,i.options),i.maskStyle.overflow="visible";const l={perspective:"1200px"},u={backfaceVisibility:"hidden"};if(!((t=i.options)!=null&&t.rows)){const n=i.size.width.value/o.cols;o.rows=N(i.size.height.value/n)}const a=(o.cols/2+o.rows)*(o.tileDelay*2),c=n=>{const d=s.value.getRowNumber(n,o.cols),m=s.value.getColNumber(n,o.cols);let g,k;return o.direction===b.prev?(g=Math.abs(o.rows/2-.5-d),k=Math.abs(o.cols-m)):(g=Math.abs(o.rows/2-.5-d),k=Math.abs(m)),(g+k-1)*o.tileDelay};return e({onPlay:()=>{s.value!==null&&s.value.transform((n,d)=>{const m=`all ${o.tileDuration}ms ${o.easing} ${c(d)}ms`;n.transform({transition:m,opacity:"0",transform:`rotateY(${o.rotateX.toString()}deg)`})})},totalDuration:a}),(n,d)=>(f(),y(p(I),{ref_key:"$grid",ref:s,rows:o.rows,cols:o.cols,size:n.size,depth:0,rsc:n.from,css:l,"tile-css":u},null,8,["rows","cols","size","rsc"]))}}),ds=z({__name:"Explode",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:9,cols:9,tileDuration:300,easing:"linear",tileDelay:100});P(s,t.options);const o={overflow:"visible"};if(t.maskStyle.overflow="visible",!t.options.rows){const a=t.size.width.value/s.cols;s.rows=N(t.size.height.value/a)}const l=(s.cols/2+s.rows/2)*(s.tileDelay*2),u=a=>{const c=i.value.getRowNumber(a,s.cols),n=i.value.getColNumber(a,s.cols),d=Math.abs(s.rows/2-.5-c),m=Math.abs(s.cols/2-.5-n);return(d+m-1)*s.tileDelay};return e({onPlay:()=>{i.value!==null&&i.value.transform((a,c)=>{const n=`all ${s.tileDuration}ms ${s.easing} ${u(c)}ms`;a.transform({transition:n,borderRadius:"100%",opacity:"0",transform:"scale(2)"})})},totalDuration:l}),(a,c)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:a.size,rsc:a.from,css:o},null,8,["rows","cols","size","rsc"]))}});export{Ht as G,Xt as H,Wt as I,Ut as J,Gt as K,Yt as M,Zt as Q,L as R,Kt as U,Mt as X,Nt as Y,qt as Z,ls as a,J as b,as as c,hs as d,es as e,ds as f,ue as g,ps as h,rs as i,jt as j,I as k,ns as l,W as m,is as n,ss as o,cs as p,Jt as q,os as r,ts as s,Qt as t,us as u,ne as v,Ge as w,b as x,$e as y};
diff --git a/docs/assets/vue-flux-xkNGD8Rr.js b/docs/assets/vue-flux-xkNGD8Rr.js
deleted file mode 100644
index ef5d6a0d..00000000
--- a/docs/assets/vue-flux-xkNGD8Rr.js
+++ /dev/null
@@ -1 +0,0 @@
-import{h as v,g as z,m as S,i as D,o as f,c as _,p as M,u as p,F as U,q as J,j as y,s as H,t as R,v as ve,x as le,y as ae,b as C,f as T,z as F,A as oe,d as _e,B as ye,C as ee,w as B,a as G,T as we,D as ie,E as te,G as ze}from"./app-SStEjskS.js";var De=Object.defineProperty,Ce=(r,e,t)=>e in r?De(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,h=(r,e,t)=>(Ce(r,typeof e!="symbol"?e+"":e,t),t);const Pe=(r,e)=>{const t=r.__vccOpts||r;for(const[i,s]of e)t[i]=s;return t},Le={},Re={type:"button",class:"flux-button",style:{outline:"0"}},Te={viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg",version:"1.1"},Ee=C("circle",{cx:"50",cy:"50",r:"50"},null,-1),Oe={viewBox:"-20 -20 140 140"};function Fe(r,e){return f(),_("button",Re,[(f(),_("svg",Te,[Ee,(f(),_("svg",Oe,[F(r.$slots,"default")]))]))])}const q=Pe(Le,[["render",Fe]]),Ve=r=>Math.round(r),N=r=>Math.floor(r),A=r=>Math.ceil(r),xe=({width:r,height:e})=>A(Math.sqrt(r*r+e*e)),re=({width:r,height:e})=>r/e;class W{constructor({top:e=null,left:t=null}={top:null,left:null}){h(this,"top",v(null)),h(this,"left",v(null)),this.update({top:e,left:t})}reset(){this.top.value=null,this.left.value=null}isValid(){return![this.top.value,this.left.value].includes(null)}update({top:e,left:t}){this.top.value=e??null,this.left.value=t??null}toValue(){const e={};return this.top.value!==null&&(e.top=this.top.value),this.left.value!==null&&(e.left=this.left.value),e}toPx(){if(!this.isValid())throw new RangeError("Invalid position in pixels");return{top:this.top.value.toString()+"px",left:this.left.value.toString()+"px"}}}class L{constructor({width:e=null,height:t=null}={width:null,height:null}){h(this,"width",v(null)),h(this,"height",v(null)),this.update({width:e,height:t})}reset(){this.width.value=null,this.height.value=null}isValid(){return![this.width.value,this.height.value].includes(null)}update({width:e,height:t}){this.width.value=e??null,this.height.value=t??null}getAspectRatio(){if(!this.isValid())throw new RangeError("Could not get aspect ratio due to invalid size");return re(this.toValue())}clone(){return new L(this.toValue())}equals(e){return!(this.width.value!==e.width.value||this.height.value!==e.height.value)}toValue(){const e={};return this.width.value!==null&&(e.width=this.width.value),this.height.value!==null&&(e.height=this.height.value),e}toPx(){if(!this.isValid())throw new RangeError("Invalid size in pixels");return{width:this.width.value.toString()+"px",height:this.height.value.toString()+"px"}}}var O=(r=>(r.fill="fill",r.fit="fit",r))(O||{});class Ae{constructor(e,t,i=O.fill,s=null,o,l,u){h(this,"src"),h(this,"loader",null),h(this,"errorMessage"),h(this,"status",v(X.notLoaded)),h(this,"realSize",new L),h(this,"displaySize",new L),h(this,"caption",""),h(this,"resizeType"),h(this,"backgroundColor",null),h(this,"display"),h(this,"transition"),h(this,"isLoading",()=>this.status.value===X.loading),h(this,"isLoaded",()=>this.status.value===X.loaded),h(this,"isError",()=>this.status.value===X.error),h(this,"resizeProps",D(()=>this.calcResizeProps(this.displaySize))),this.src=e,this.caption=t,this.resizeType=i,this.backgroundColor=s,this.display=o,this.transition=l,this.errorMessage=u}calcResizeProps(e){if([e.isValid(),this.realSize.isValid()].includes(!1))return{};const t=new Be(this.realSize),{size:i,position:s}=t.resizeTo(e,this.resizeType);return{...i.toValue(),...s.toValue()}}getResizeProps(e,t){const i={width:0,height:0,top:0,left:0};return this.displaySize.isValid()||this.displaySize.update(e.toValue()),Object.assign(i,e.equals(this.displaySize)?this.resizeProps.value:this.calcResizeProps(e)),t!==void 0&&(i.top-=t.top.value||0,i.left-=t.left.value||0),i}}const ne=z({__name:"FluxImage",props:{color:{},rsc:{},size:{},viewSize:{},offset:{},css:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({base:{overflow:"hidden"},color:D(()=>{var n,d;const m={};return t.color!==void 0&&(m.backgroundColor=t.color),((n=t.rsc)==null?void 0:n.backgroundColor)!==null&&(m.backgroundColor=(d=t.rsc)==null?void 0:d.backgroundColor),m}),rsc:D(()=>{const{rsc:n,size:d,offset:m}=t;if(!n)return{};if(n.status.value===X.notLoaded)return n.load(),{};if(!n.isLoaded()||!d.isValid()||!i.value)return{};const{width:g,height:k,top:$,left:Y}=n.getResizeProps(d,m);return{backgroundImage:`url(${n.src})`,backgroundSize:`${g}px ${k}px`,backgroundPosition:`${Y}px ${$}px`,backgroundRepeat:"no-repeat"}})}),{style:o,setCss:l,transform:u,show:a,hide:c}=Z(i,t,s);return e({setCss:l,transform:u,show:a,hide:c}),(n,d)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-image",style:M(p(o))},null,4))}});var be=(r=>(r.notLoaded="notLoaded",r.loading="loading",r.loaded="loaded",r.error="error",r))(be||{});const X=be;class Yt extends Ae{constructor(e,t="",i=O.fill,s=null){const o={component:ne,props:{}},l={component:ne,props:{}},u=`Image ${e} could not be loaded`;super(e,t,i,s,o,l,u)}load(){return this.loader!==null?this.loader:(this.loader=new Promise((e,t)=>{this.status.value=X.loading;const i=new Image;i.onload=()=>this.onLoad(i,e),i.onerror=()=>this.onError(t),i.src=this.src}),this.loader)}onLoad(e,t){this.realSize=new L({width:e.naturalWidth||e.width,height:e.naturalHeight||e.height}),this.status.value=X.loaded,t()}onError(e){this.status.value=X.error,e(this.errorMessage)}}const de=r=>r>=1?"landscape":"portrait";class Be{constructor(e){if(h(this,"realSize"),h(this,"realAspectRatio"),h(this,"realOrientation"),e.isValid()===!1)throw new RangeError("Invalid real size");this.realSize=e,this.realAspectRatio=this.realSize.getAspectRatio(),this.realOrientation=de(this.realAspectRatio)}resizeTo(e,t){if(e.isValid()===!1)throw new RangeError("Invalid size to resize");const i=e.getAspectRatio(),s=de(i),o=this.getAdaptedSize(e,i,s,t),l=this.getAdaptedPosition(e,i,o,t);return{size:o,position:l}}getAdaptedSize(e,t,i,s){return i==="landscape"&&this.realOrientation==="portrait"&&s===O.fill?this.getAdaptedSizeByWith(e):i==="landscape"&&this.realOrientation==="landscape"&&t>=this.realAspectRatio&&s===O.fill?this.getAdaptedSizeByWith(e):i==="landscape"&&this.realOrientation==="landscape"&&tthis.realAspectRatio&&s===O.fill?this.getAdaptedSizeByWith(e):i==="portrait"&&this.realOrientation==="portrait"&&t<=this.realAspectRatio&&s===O.fit?this.getAdaptedSizeByWith(e):this.getAdaptedSizeByHeight(e)}getAdaptedSizeByWith(e){return new L({width:e.width.value,height:e.width.value/this.realAspectRatio})}getAdaptedSizeByHeight(e){return new L({width:this.realAspectRatio*e.height.value,height:e.height.value})}getAdaptedPosition(e,t,i,s){return this.realAspectRatio<=t&&s===O.fill?this.getAdaptedPositionVertically(e,i):this.realAspectRatio>t&&s===O.fit?this.getAdaptedPositionVertically(e,i):this.getAdaptedPositionHorizontally(e,i)}getAdaptedPositionVertically(e,t){return new W({top:(e.height.value-t.height.value)/2,left:0})}getAdaptedPositionHorizontally(e,t){return new W({top:0,left:(e.width.value-t.width.value)/2})}}class Ie{constructor(e,t,i,s,o,l,u){h(this,"rscs",[]),h(this,"counter",{success:0,error:0,total:0}),h(this,"toPreload"),h(this,"preLoading",[]),h(this,"lazyLoading",[]),h(this,"progress",v(0)),h(this,"displaySize"),h(this,"onPreloadStart"),h(this,"onPreloadEnd"),h(this,"onLazyLoadStart"),h(this,"onLazyLoadEnd"),this.rscs=e,this.toPreload=t>e.length?e.length:t,this.displaySize=i,this.onPreloadStart=s,this.onPreloadEnd=o,this.onLazyLoadStart=l,this.onLazyLoadEnd=u,this.preloadStart()}preloadStart(){this.onPreloadStart();const{counter:e}=this,t=this.rscs.slice(e.total,e.total+this.toPreload-e.success);this.preLoading=this.preLoading.concat(t),t.forEach(i=>this.load(i))}preloadEnd(){const{counter:e,toPreload:t}=this;if(e.successs.resource.isLoaded());this.onPreloadEnd(i),this.preLoading.length=0,e.totalthis.load(e))}lazyLoadEnd(){const e=this.lazyLoading.filter(t=>t.resource.isLoaded());this.onLazyLoadEnd(e),this.lazyLoading.length=0}load(e){e.resource.load().then(()=>{this.loadSuccess(e)}).catch(t=>{this.loadError(t)}).finally(()=>{this.counter.total++,this.preLoading.length!==0&&this.updateProgress(),this.counter.total===this.toPreload?this.preloadEnd():this.counter.total===this.rscs.length&&this.lazyLoadEnd()})}loadSuccess(e){this.counter.success++,e.resource.displaySize.update(this.displaySize.toValue())}loadError(e){this.counter.error++,console.error(e)}updateProgress(){this.progress.value=A(this.counter.success*100/this.toPreload)||0}}function Z(r,e,t){t.base===void 0&&(t.base={});const i=D(()=>{const{size:l,viewSize:u=new L}=e,{width:a=l.width.value,height:c=l.height.value}=u.toValue(),n=new L({width:a,height:c});return n.isValid()?n.toPx():{}}),s=D(()=>({...p(i),...p(t.color),...p(t.rsc),...p(e.css),...p(t.base)})),o=l=>{Object.assign(t.base,l)};return{style:s,setCss:o,transform:l=>{r.value!==null&&(r.value.clientHeight,o(l))},show:()=>{o({visibility:"visible"})},hide:()=>{o({visibility:"hidden"})}}}const fe={x:{top:"90",bottom:"-90"},y:{back:"180",backr:"180",backl:"-180",left:"-90",right:"90"}},me={x:{left:"-50",right:"50"},y:{top:"-50",bottom:"50"}};class Ye{constructor(e,t,i){h(this,"depth"),h(this,"size"),h(this,"viewSize"),h(this,"translateZ",D(()=>{const s=this.depth/2,{width:o,height:l}=this.size.toValue(),{width:u,height:a}=this.viewSize.toValue();return{front:0,back:this.depth,backr:this.depth,backl:this.depth,left:s,right:(u??o)-s,top:s,bottom:(a??l)-s}})),this.depth=e,this.size=t,this.viewSize=i}getRotate(e){const t=fe.x[e]??"0",i=fe.y[e]??"0";return`rotateX(${t}deg) rotateY(${i}deg)`}getTranslate(e){const t=me.x[e]??"0",i=me.y[e]??"0",s=this.translateZ.value[e].toString();return`translate3d(${t}%, ${i}%, ${s}px)`}getSideCss(e){return`${this.getRotate(e)} ${this.getTranslate(e)}`}}class Me{static getProps(e,t,i,s,o){const{depth:l,size:u,viewSize:a}=e,c={name:t,component:s?s.transition.component:ne,color:i,rsc:s,size:u.clone(),viewSize:a.clone(),offset:o,style:{position:"absolute",transform:e.getSideCss(t),backfaceVisibility:"hidden"}};return["left","right"].includes(t)&&(c.viewSize.width.value=l,c.size.width.value=l),["top","bottom"].includes(t)&&(c.viewSize.height.value=l,c.size.height.value=l),c}}var se=(r=>(r.front="front",r.back="back",r.left="left",r.right="right",r.top="top",r.bottom="bottom",r))(se||{});function Ne(r,e,t){return!!(e&&e[r]||t&&t[r])}function Xe(r,e,t,i){const s=Object.values(se);return r||t?s:Object.values(se).filter(o=>Ne(o,e,i))}class We{static getSidesProps(e,t,i,s,o,l,u){const a=Xe(t,i,s,o),c={};return a.forEach(n=>{c[n]=Me.getProps(e,n,i&&i[n]?i[n]:t,o&&o[n]?o[n]:s,u&&u[n]?u[n]:l)}),c}}const ue=z({__name:"FluxCube",props:{colors:{default:()=>({})},rscs:{default:()=>({})},offsets:{default:()=>({})},depth:{default:0},origin:{},color:{},rsc:{},size:{},viewSize:{default:()=>new L},offset:{},css:{}},setup(r,{expose:e}){const t=r,i=v(null),s=D(()=>t.origin!==void 0?t.origin:`center center -${t.depth/2}px`),o=S({base:{transformStyle:"preserve-3d",transformOrigin:s}}),{style:l,setCss:u,transform:a,show:c,hide:n}=Z(i,t,o),d=D(()=>new Ye(t.depth,t.size,t.viewSize)),m=D(()=>We.getSidesProps(d.value,t.color,t.colors,t.rsc,t.rscs,t.offset,t.offsets));return e({setCss:u,transform:a,show:c,hide:n,turn:g=>a({transform:d.value.getRotate(g)})}),(g,k)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-cube",style:M(p(l))},[(f(!0),_(U,null,J(m.value,$=>(f(),y(R($.component),H({key:$.name},$),null,16))),128))],4))}});var K=(r=>(r.front="front",r.back="back",r.backr="backr",r.backl="backl",r.left="left",r.right="right",r.top="top",r.bottom="bottom",r))(K||{});function ke(r,e){return N(r/e)}function Se(r,e){return r%e}class je{static getProps(e,t){let{width:i,height:s}=t.size.toValue();const o=ke(t.number,e.numCols),l=Se(t.number,e.numCols),u={color:e.color,colors:e.colors,rsc:e.rsc,rscs:e.rscs,size:e.size,depth:e.depth,offset:new W({top:o*s,left:l*i})};return o+1===e.numRows&&(s=e.size.height.value-o*s),l+1===e.numCols&&(i=e.size.width.value-l*i),u.viewSize=new L({width:i,height:s}),u.css={...t.css,position:"absolute",...u.offset.toPx(),zIndex:t.number+1{var m;return t.rscs!==void 0?ue:(m=t.rsc)==null?void 0:m.transition.component}),n=D(()=>He.getTilesProps(t)),d=v([]);return ve(()=>{d.value=[]}),e({setCss:l,transform:m=>{d.value.forEach((g,k)=>m(g,k))},show:u,hide:a,getRowNumber:ke,getColNumber:Se}),(m,g)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-grid",style:M(p(o))},[(f(!0),_(U,null,J(n.value,(k,$)=>(f(),y(R(c.value),H({ref_for:!0,ref:Y=>d.value.push(Y),key:$},k),null,16))),128))],4))}}),Mt=z({__name:"FluxParallax",props:{rsc:{},holder:{default:()=>window},type:{default:"relative"},offset:{default:"100%"}},setup(r,{expose:e}){const t=r,i=v(null),{holder:s,rsc:o}=t,l={base:{position:"relative",background:`url("${o.src}") no-repeat`},defined:S({}),final:D(()=>({...l.base,...p(l.defined)}))},u=(/iPad|iPhone|iPod/.test(navigator.userAgent)||navigator.userAgent==="MacIntel"&&navigator.maxTouchPoints>1)&&!window.MSStream,a=S({width:0,height:0,aspectRatio:D(()=>re(a))}),c=S({top:0,width:0,height:0,aspectRatio:D(()=>re(c))}),n=S({top:0,left:0,width:0,height:0}),d={position:"absolute",top:0,left:0,bottom:0,right:0,clip:"rect(auto auto auto auto)"},m=D(()=>({position:"absolute",top:0,bottom:0,left:0,right:0,background:`url("${o.src}") no-repeat center center fixed`,backgroundSize:`${n.width}px ${n.height}px`})),g=D(()=>{const{offset:w}=t,x=parseFloat(w);return/^[0-9]+px$/.test(w)?{px:x,pct:x*100/n.height}:/^[0-9]+%$/.test(w)?{px:A(c.height*x/100),pct:x}:{px:0,pct:0}}),k=D(()=>{const w=u?a.height:c.height+g.value.px;return n.height-w});le(()=>{window.addEventListener("resize",$,{passive:!0}),(t.type!=="fixed"||u)&&s.addEventListener("scroll",j,{passive:!0}),o.load().then(()=>{$()})}),ae(()=>{window.removeEventListener("resize",$),s.removeEventListener("scroll",j)});const $=()=>{a.width=s.scrollWidth||s.innerWidth,a.height=s.scrollHeight||s.innerHeight,c.width=i.value.clientWidth,c.height=i.value.clientHeight,c.top=i.value.getBoundingClientRect().top+window.scrollY,o.displaySize.update(a);const w=o.resizeProps.value;n.width=w.width,n.height=w.height,l.defined.backgroundSize=`${n.width}px ${n.height}px`,l.defined.backgroundPosition="center 0",j()},Y=w=>{k.value>0&&(w=w*g.value.pct/100+50-g.value.pct/2),l.defined.backgroundPositionY=w.toFixed(2)+"%"},j=()=>{if(!o.isLoaded()||!u&&t.type==="fixed")return;const w=s.scrollY||s.scrollTop||0;if(s!==window)return Q.relative(w);if(w+a.heightc.top+c.height)return;let x=w-c.top+a.height;Q[t.type](x)},Q={visible:w=>{let x=0;wa.height?x=100:x=(w-c.height)*100/(a.height-c.height),Y(x)},relative:w=>{let x;s===window?x=w*100/(a.height+c.height):x=w*100/(a.height-s.clientHeight),Y(x)},fixed:w=>{l.defined.backgroundPositionY=w-a.height+"px"}};return e({resize:$}),(w,x)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-parallax",style:M(l.final.value)},[t.type==="fixed"&&!p(u)?(f(),_("div",{key:0,style:d},[C("div",{class:"image",style:M(m.value)},null,4)])):T("",!0),F(w.$slots,"default")],4))}}),Ge=z({__name:"FluxTransition",props:{size:{},transition:{},from:{},to:{},displayComponent:{},options:{default:()=>({})}},emits:["ready","start","end"],setup(r,{expose:e,emit:t}){const i=r,s=v(null),o=v(null),l=t,u=S({base:{overflow:"hidden",perspective:"none",zIndex:3}}),a=D(()=>{const{width:m,height:g}=i.size.toPx();return{...u.base,width:m,height:g}}),c=v(1);le(async()=>{o.value!==null&&(c.value=o.value.totalDuration),l("ready",{transition:i.transition,from:i.from,to:i.to,options:i.options,duration:c.value})});async function n(){l("start",{transition:i.transition,from:i.from,to:i.to,options:i.options,duration:c.value}),await ie(),o.value===null?console.error("Transition component available",i.transition):o.value.onPlay(),setTimeout(()=>d(),c.value)}function d(){l("end",{transition:i.transition,from:i.from,to:i.to,options:i.options,duration:c.value})}return ae(()=>{[null,void 0].includes(i.displayComponent)===!1&&i.displayComponent.show()}),e({duration:c,start:n}),(m,g)=>(f(),_("div",{ref_key:"$el",ref:s,class:"flux-transition",style:M(a.value)},[(f(),y(R(m.transition),{ref_key:"$transition",ref:o,size:m.size,from:m.from,to:m.to,"display-component":m.displayComponent,options:m.options,"mask-style":u.base},null,8,["size","from","to","display-component","options","mask-style"]))],4))}});class Ke{static getProps(e,t,i){const s=(e.numCircles-t)*e.radius*2,o=e.radius*t,l={offset:new W({top:e.topGap+o,left:e.leftGap+o})};return l.css={...i,position:"absolute",...l.offset.toPx(),width:s+"px",height:s+"px",backgroundRepeat:"repeat",borderRadius:"50%",zIndex:t},l}}class Ue{static getCirclesProps(e){const{width:t,height:i}=e.size.toValue(),s=Ve(e.circles),o=xe({width:t,height:i}),l=A(o/2/s),u=A(i/2-l*s),a=A(t/2-l*s),c={numCircles:s,diagonal:o,radius:l,topGap:u,leftGap:a},n=[];for(let d=0;dUe.getCirclesProps(t)),n=v([]);return ve(()=>{n.value=[]}),e({setCss:l,transform:d=>{n.value.forEach((m,g)=>d(m,g))},show:u,hide:a}),(d,m)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-vortex",style:M(p(o))},[(f(!0),_(U,null,J(c.value,(g,k)=>(f(),y(R(d.rsc.transition.component),{ref_for:!0,ref:$=>n.value.push($),key:k,size:d.size,rsc:d.rsc,offset:g.offset,css:g.css},null,8,["size","rsc","offset","css"]))),128))],4))}}),ce=z({__name:"FluxWrapper",props:{color:{},rsc:{},size:{},viewSize:{},offset:{},css:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({base:{overflow:"hidden"}}),{style:o,setCss:l,transform:u,show:a,hide:c}=Z(i,t,s);return e({setCss:l,transform:u,show:a,hide:c}),(n,d)=>(f(),_("div",{ref_key:"$el",ref:i,class:"flux-wrapper",style:M(p(o))},[F(n.$slots,"default")],4))}});var b=(r=>(r.prev="prev",r.next="next",r))(b||{}),V=(r=>(r.stopped="stopped",r.playing="playing",r))(V||{});class Je{constructor(){h(this,"current",null),h(this,"from",null),h(this,"to",null)}reset(){this.current=null,this.from=null,this.to=null}init(e){this.current=e.getFirst()}}class qe{constructor(){h(this,"current",null),h(this,"last",null)}reset(){this.current=null,this.last=null}init(e){this.last=e.getLast()}}class Ze{constructor(e,t,i){h(this,"resource"),h(this,"transition"),h(this,"status",v(V.stopped)),h(this,"config"),h(this,"timers"),h(this,"emit"),h(this,"transitions",null),h(this,"resources",null),h(this,"$displayComponent",v(null)),this.config=e,this.timers=t,this.emit=i,this.resource=te(new Je),this.transition=te(new qe)}setup(e,t,i){this.transitions=t,this.resources=e,this.$displayComponent=i}play(e=b.next,t){var i,s;const{config:o,timers:l,resource:u}=this;if(this.status.value=V.playing,this.transition.current!==null)return;const a=(s=this.resources)==null?void 0:s.find(e,(i=u.current)==null?void 0:i.index);l.set("transition",t||(a==null?void 0:a.options.delay)||o.delay,()=>{this.show(e)}),this.emit("play",e,t)}async stop(e=!1){const{timers:t}=this;this.status.value=V.stopped,t.clear("transition"),this.transition.current!==null&&e===!0&&await this.end(e),this.emit("stop")}isReadyToShow(){if(this.resource.current===null)throw new ReferenceError("Current resource not set");if(this.resources===null)throw new ReferenceError("Resources list not set");if(this.resources.list.length===0)throw new RangeError("Resources list empty");if(this.transition.last===null)throw new ReferenceError("Last transition not set");if(this.transitions===null)throw new ReferenceError("Transitions list not set");if(this.transitions.list.length===0)throw new RangeError("Transitions list empty");if(this.$displayComponent.value===null)throw new ReferenceError("Display component not set");return!0}async show(e=b.next,t=b.next){if(!this.isReadyToShow())return;const{resource:i,resources:s,config:o,transitions:l}=this;if(this.transition.current!==null){o.allowToSkipTransition&&(await this.end(!0),this.show(e,t));return}const u=s.find(e,i.current.index);if(i.current.index===u.index)return;this.timers.clear("transition"),this.resource.from=i.current,this.resource.to=u;const a=typeof t=="number"?l.getByIndex(t):l.getByOrder(t,this.transition.last.index);a.options.direction===void 0&&(typeof e!="number"?a.options.direction=e:a.options.direction=this.resource.from.index=s.list.length-1&&this.status.value===V.playing){this.stop();return}if(i.current.options.stop===!0){this.stop();return}this.status.value===V.playing&&e===!1&&o.set("transition",i.current.options.delay||t.delay,()=>{this.show()})}}}class pe{constructor(e,t=null,i=null){h(this,"node"),h(this,"config"),h(this,"emit",null),h(this,"size",new L),h(this,"inFullScreen",()=>!!document.fullscreenElement),this.node=e,this.config=t,this.emit=i}static async getSize(e){const t=new pe(e);return await t.updateSize(),t.size}addResizeListener(){window.addEventListener("resize",()=>this.updateSize(),{passive:!0})}removeResizeListener(){window.removeEventListener("resize",this.updateSize)}getAspectRatio(){if(this.config!==null){const[e,t]=this.config.aspectRatio.split(":");return[parseFloat(e),parseFloat(t)]}return[16,9]}async updateSize(){if(this.size.reset(),await ie(),this.node.value===null)return;const e=getComputedStyle(this.node.value);let t=parseFloat(e.width),i=parseFloat(e.height);if(["0px","auto",null].includes(e.height)){const[s,o]=this.getAspectRatio();i=t/s*o}this.size.update({width:t,height:i})}toggleFullScreen(){this.inFullScreen()?this.exitFullScreen():this.enterFullScreen()}async enterFullScreen(){var e,t;((e=this.node)==null?void 0:e.value)===null||!((t=this.config)!=null&&t.allowFullscreen)||(await this.node.value.requestFullscreen(),this.emit!==null&&this.emit("fullscreenEnter"))}async exitFullScreen(){await document.exitFullscreen(),this.emit!==null&&this.emit("fullscreenExit")}}class Qe{constructor(e,t){h(this,"config"),h(this,"player"),this.config=e,this.player=t}setup(){this.removeKeyListener(),this.config.bindKeys&&this.addKeyListener()}addKeyListener(){window.addEventListener("keydown",e=>this.keydown(e),{passive:!0})}removeKeyListener(){window.removeEventListener("keydown",()=>this.keydown)}keydown(e){if(["ArrowLeft","Left"].includes(e.key)){this.player.show(b.prev);return}if(["ArrowRight","Right"].includes(e.key)){this.player.show(b.next);return}}}class et{constructor(){h(this,"isOver",v(!1))}setup(e,t){t.clear("mouseOver"),e.autohideTime===0&&(this.isOver.value=!0)}toggle(e,t,i){e.autohideTime!==0&&(this.isOver.value=i,this[i?"over":"out"](e,t))}out(e,t){t.clear("mouseOver")}over(e,t){t.set("mouseOver",e.autohideTime,()=>this.isOver.value=!1)}}class tt{constructor(){h(this,"timers",{})}set(e,t,i){this.clear(e),this.timers[e]=setTimeout(i,t)}clear(e){(e!==void 0?[e]:Object.keys(this.timers)).forEach(t=>{clearTimeout(this.timers[t]),delete this.timers[t]})}}const ge=Math.abs;class st{constructor(){h(this,"startX",0),h(this,"startY",0),h(this,"startTime",0),h(this,"endTime",0),h(this,"prevTouchTime",0),h(this,"tapThreshold",5),h(this,"doubleTapThreshold",200),h(this,"slideTrigger",.3),h(this,"tap",(e,t)=>ge(e)this.endTime-this.prevTouchTimet.size.isValid()&&e<0&&e<-(t.size.width.value*this.slideTrigger)),h(this,"slideRight",(e,t)=>t.size.isValid()&&e>0&&e>t.size.width.value*this.slideTrigger),h(this,"slideUp",(e,t)=>t.size.isValid()&&e<0&&e<-(t.size.height.value*this.slideTrigger)),h(this,"slideDown",(e,t)=>t.size.isValid()&&e>0&&e>t.size.height.value*this.slideTrigger)}start(e,t){t.enableGestures&&(this.startTime=Date.now(),this.startX=e.touches[0].clientX,this.startY=e.touches[0].clientY)}end(e,t,i,s,o,l){this.prevTouchTime=this.endTime,this.endTime=Date.now();const u=e.changedTouches[0].clientX-this.startX,a=e.changedTouches[0].clientY-this.startY;if(this.tap(u,a)){l.toggle(t,o,!0);return}t.enableGestures&&(this.slideRight(u,s)?i.show(b.prev):this.slideLeft(u,s)&&i.show(b.next))}}class it{constructor(e){h(this,"list",te([])),h(this,"loader",v(null)),h(this,"emit"),this.emit=e}getPrev(e){return this.getByIndex(e>0?e-1:this.list.length-1)}getNext(e){return this.getByIndex(e===this.list.length-1?0:e+1)}getFirst(){return this.getByIndex(0)}getLast(){return this.getByOrder(b.prev,0)}getByIndex(e){if(this.list[e]===void 0)throw new ReferenceError(`Resource index ${e} not found`);return{index:e,rsc:this.list[e].resource,options:JSON.parse(JSON.stringify(this.list[e].options))}}getByOrder(e,t){return{prev:()=>this.getPrev(t),next:()=>this.getNext(t)}[e]()}find(e,t){if(typeof e=="number")return this.getByIndex(e);if(t===void 0)throw new ReferenceError("Missing currentIndex parameter");return this.getByOrder(e,t)}update(e,t,i){this.list.splice(0);const s=ze(e).map(o=>{let l=o,u={};return"resource"in o&&(l=o.resource,"options"in o&&(u=o.options)),{resource:l,options:u}});return new Promise(o=>{this.loader.value=new Ie(s,t,i,()=>this.preloadStart(),l=>this.preloadEnd(l,o),()=>this.lazyLoadStart(),l=>this.lazyLoadEnd(l))})}preloadStart(){this.emit("resourcesPreloadStart")}preloadEnd(e,t){e.forEach(i=>this.list.push(i)),this.emit("resourcesPreloadEnd"),t()}lazyLoadStart(){this.emit("resourcesLazyloadStart")}lazyLoadEnd(e){e.forEach(t=>this.list.push(t)),this.emit("resourcesLazyloadEnd")}}class ot{constructor(){h(this,"list",te([]))}getPrev(e){return this.getByIndex(e>0?e-1:this.list.length-1)}getNext(e){return this.getByIndex(e===this.list.length-1?0:e+1)}getFirst(){return this.getByIndex(0)}getLast(){return this.getByOrder(b.prev,0)}getByIndex(e){return{index:e,component:this.list[e].component,options:JSON.parse(JSON.stringify(this.list[e].options))}}getByOrder(e,t){return{prev:()=>this.getPrev(t),next:()=>this.getNext(t)}[e]()}update(e){this.list.splice(0),ze(e).forEach(t=>{let i=t,s={};"component"in t&&(i=t.component,"options"in t&&(s=t.options)),this.list.push({component:i,options:s})})}}const rt={key:2,class:"complements"},nt=C("div",{class:"remainder upper"},null,-1),lt=C("div",{class:"remainder lower"},null,-1),Nt=z({__name:"VueFlux",props:{options:{},rscs:{},transitions:{}},emits:["created","mounted","unmounted","play","stop","show","optionsUpdated","transitionsUpdated","resourcesPreloadStart","resourcesPreloadEnd","resourcesLazyloadStart","resourcesLazyloadEnd","fullscreenEnter","fullscreenExit","transitionStart","transitionCancel","transitionEnd"],setup(r,{expose:e,emit:t}){const i=r,s=t,o=v(null),l=v(null),u=v(null),a=S({allowFullscreen:!1,allowToSkipTransition:!0,aspectRatio:"16:9",autohideTime:2500,autoplay:!1,bindKeys:!1,delay:5e3,enableGestures:!1,infinite:!0,lazyLoad:!0,lazyLoadAfter:5}),c=new tt,n=new Ze(a,c,s),d=new it(s),m=new ot,g=new pe(o,a,s),k=new Qe(a,n),$=new et,Y=new st,j=()=>{Object.assign(a,i.options),$.setup(a,c),k.setup()};oe(()=>i.options,()=>{j(),s("optionsUpdated")},{deep:!0}),oe(()=>i.rscs,async()=>{const w=n.status.value===V.playing;w&&await n.stop(!0),n.resource.reset();const x=a.lazyLoad?a.lazyLoadAfter:i.rscs.length;await d.update(i.rscs,x,g.size),n.resource.init(d),w&&n.play()}),oe(()=>i.transitions,async()=>{const w=n.status.value===V.playing;w&&await n.stop(!0),n.transition.reset(),m.update(i.transitions),n.transition.init(m),w&&n.play(),s("transitionsUpdated")}),le(async()=>{j(),await g.updateSize(),g.addResizeListener(),n.setup(d,m,u),m.update(i.transitions),n.transition.init(m),await d.update(i.rscs,a.lazyLoadAfter,g.size),n.resource.init(d),a.autoplay===!0&&n.play(),s("mounted")}),ae(()=>{c.clear(),g.removeResizeListener(),k.removeKeyListener(),s("unmounted")});const Q=D(()=>g.size.isValid()?g.inFullScreen()?{width:"100% !important",height:"100% !important"}:g.size.toPx():{});return e({show:n.show.bind(n),play:n.play.bind(n),stop:n.stop.bind(n),getPlayer:()=>n}),s("created"),(w,x)=>(f(),_("div",{ref_key:"$container",ref:o,class:"vue-flux",style:M(Q.value),onMousemove:x[3]||(x[3]=E=>p($).toggle(a,p(c),!0)),onMouseleave:x[4]||(x[4]=E=>p($).toggle(a,p(c),!1)),onDblclick:x[5]||(x[5]=E=>p(g).toggleFullScreen()),onTouchstart:x[6]||(x[6]=E=>p(Y).start(E,a)),onTouchend:x[7]||(x[7]=E=>p(Y).end(E,a,p(n),p(g),p(c),p($)))},[p(n).transition.current!==null&&p(g).size.isValid()&&p(n).resource.from!==null&&p(n).resource.to!==null?(f(),y(p(Ge),{key:0,ref_key:"$transition",ref:l,transition:p(n).transition.current.component,size:p(g).size,from:p(n).resource.from.rsc,to:p(n).resource.to.rsc,"display-component":u.value,options:p(n).transition.current.options,onReady:x[0]||(x[0]=E=>{var he;return(he=l.value)==null?void 0:he.start()}),onStart:x[1]||(x[1]=E=>p(n).start()),onEnd:x[2]||(x[2]=E=>p(n).end())},null,8,["transition","size","from","to","display-component","options"])):T("",!0),p(n).resource.current!==null?(f(),y(R(p(n).resource.current.rsc.display.component),H({key:1,ref_key:"$displayComponent",ref:u,size:p(g).size,rsc:p(n).resource.current.rsc},p(n).resource.current.rsc.display.props),null,16,["size","rsc"])):T("",!0),p(g).size.isValid()?(f(),_("div",rt,[F(w.$slots,"preloader",{loader:p(d).loader}),F(w.$slots,"caption",{currentResource:p(n).resource.current,currentTransition:p(n).transition.current}),nt,F(w.$slots,"controls",{mouseOver:p($).isOver,player:p(n)}),lt,F(w.$slots,"index",{mouseOver:p($).isOver,displaySize:p(g).size,resources:p(d),player:p(n)}),F(w.$slots,"pagination",{resources:p(d),currentResource:p(n).resource.current,currentTransition:p(n).transition.current,show:E=>p(n).show(E)})])):T("",!0)],36))}}),Xt=z({__name:"FluxCaption",props:{currentResource:{},currentTransition:{}},setup(r){const e=r,t=D(()=>e.currentResource===null||e.currentResource.rsc.caption===null?" ":e.currentResource.rsc.caption),i=D(()=>{const s=["flux-caption"];return e.currentTransition===null&&e.currentResource!==null&&e.currentResource.rsc.caption.length>0&&s.push("visible"),s});return(s,o)=>(f(),_("div",{class:ee(i.value)},[F(s.$slots,"default",{},()=>[_e(ye(t.value),1)])],2))}}),at=C("polyline",{points:"64,18 22,50 64,82"},null,-1),ut=z({__name:"Prev",setup(r){return(e,t)=>(f(),y(p(q),{class:"prev top left"},{default:B(()=>[at]),_:1}))}}),ct=C("polygon",{points:"32,12 82,50 32,88"},null,-1),pt=z({__name:"Play",setup(r){return(e,t)=>(f(),y(p(q),{class:"play"},{default:B(()=>[ct]),_:1}))}}),ht=C("line",{x1:"32",y1:"22",x2:"32",y2:"78"},null,-1),dt=C("line",{x1:"68",y1:"22",x2:"68",y2:"78"},null,-1),ft=z({__name:"Stop",setup(r){return(e,t)=>(f(),y(p(q),{class:"pause"},{default:B(()=>[ht,dt]),_:1}))}}),mt=C("polyline",{points:"36,18 78,50 36,82"},null,-1),gt=z({__name:"Next",setup(r){return(e,t)=>(f(),y(p(q),{class:"next top right"},{default:B(()=>[mt]),_:1}))}}),vt={key:0,class:"flux-controls"},Wt=z({__name:"FluxControls",props:{mouseOver:{},player:{}},setup(r){const e=r,t=D(()=>!(e.player.resource.current===null||e.mouseOver!==void 0&&e.mouseOver.value===!1));return(i,s)=>(f(),y(we,{name:"fade"},{default:B(()=>[t.value?(f(),_("div",vt,[G(ut,{onClick:s[0]||(s[0]=o=>i.player.show(p(b).prev))}),i.player.status.value===p(V).stopped?(f(),y(pt,{key:0,onClick:s[1]||(s[1]=o=>i.player.play(p(b).next,1))})):T("",!0),i.player.status.value===p(V).playing?(f(),y(ft,{key:1,onClick:s[2]||(s[2]=o=>i.player.stop())})):T("",!0),G(gt,{onClick:s[3]||(s[3]=o=>i.player.show(p(b).next))})])):T("",!0)]),_:1}))}}),yt=C("rect",{x:"17.5",y:"17.5",width:"12px",height:"12px"},null,-1),wt=C("rect",{x:"17.5",y:"43",width:"12px",height:"12px"},null,-1),zt=C("rect",{x:"17.5",y:"68.5",width:"12px",height:"12px"},null,-1),xt=C("rect",{x:"43",y:"17.5",width:"12px",height:"12px"},null,-1),bt=C("rect",{x:"43",y:"43",width:"12px",height:"12px"},null,-1),kt=C("rect",{x:"43",y:"68.5",width:"12px",height:"12px"},null,-1),St=C("rect",{x:"68.5",y:"17.5",width:"12px",height:"12px"},null,-1),$t=C("rect",{x:"68.5",y:"43",width:"12px",height:"12px"},null,-1),_t=C("rect",{x:"68.5",y:"68.5",width:"12px",height:"12px"},null,-1),Dt=z({__name:"Button",props:{mouseOver:{}},setup(r){const e=r,t=D(()=>e.mouseOver.value===!0);return(i,s)=>(f(),y(we,{name:"fade"},{default:B(()=>[t.value?(f(),y(p(q),{key:0,class:"toggle bottom left"},{default:B(()=>[yt,wt,zt,xt,bt,kt,St,$t,_t]),_:1})):T("",!0)]),_:1}))}}),Ct=z({__name:"Thumb",props:{rsc:{},size:{}},setup(r){return(e,t)=>(f(),_("li",null,[(f(),y(R(e.rsc.transition.component),{rsc:e.rsc,size:e.size.value,title:e.rsc.caption},null,8,["rsc","size","title"]))]))}});function Pt(r,e){const t=D(()=>{let{width:s,height:o}=r.toValue();return s=s/4.2,o=s*90/160,s>160&&(s=160,o=90),new L({width:s,height:o})});function i(s){const{current:o}=e.resource;return o===null||o.index!==s?"":"current"}return{size:t,getClass:i}}const Lt=500,Rt=z({__name:"List",props:{displaySize:{},resources:{},player:{}},setup(r,{expose:e}){const t=r,i=v(null),s=v(!1),o=D(()=>{const c=[];return s.value&&c.push("visible"),c});async function l(){i.value!==null&&(t.player.stop(),s.value=!0,await ie(),i.value.clientHeight,i.value.style.marginTop="0")}function u(c){var n;i.value!==null&&((n=t.player.resource.current)==null?void 0:n.index)!==c&&(i.value.clientHeight,i.value.style.marginTop="100%",setTimeout(()=>{s.value=!1,c!==null&&t.player.show(c)},Lt))}const a=Pt(t.displaySize,t.player);return e({show:l}),(c,n)=>(f(),_("nav",{class:ee(o.value),onClick:n[0]||(n[0]=d=>u(null))},[C("ul",{ref_key:"$list",ref:i},[(f(!0),_(U,null,J(c.resources.list,(d,m)=>(f(),y(Ct,{key:m,rsc:d.resource,size:p(a).size,class:ee(p(a).getClass(m)),onClick:g=>u(m)},null,8,["rsc","size","class","onClick"]))),128))],512)],2))}}),Tt={key:0,class:"flux-index"},jt=z({__name:"FluxIndex",props:{mouseOver:{},displaySize:{},resources:{},player:{}},setup(r){const e=r,t=v(null),i=D(()=>e.resources.list.length>0);return(s,o)=>i.value?(f(),_("div",Tt,[G(Dt,{"mouse-over":s.mouseOver,onClick:o[0]||(o[0]=l=>{var u;return(u=t.value)==null?void 0:u.show()})},null,8,["mouse-over"]),G(Rt,{ref_key:"$fluxIndexList",ref:t,"display-size":s.displaySize,resources:s.resources,player:s.player},null,8,["display-size","resources","player"])])):T("",!0)}}),Et={key:0,class:"flux-pagination"},Ot=["title","onClick"],Ht=z({__name:"FluxPagination",props:{resources:{},currentResource:{},currentTransition:{},show:{type:Function}},setup(r){const e=r,t=D(()=>e.resources.list.length>0),i=o=>o.resource.caption,s=(o,l)=>{var u;const a=[l];let c=((u=e.currentResource)==null?void 0:u.index)===o;return e.currentTransition!==null&&(c=!1),c===!0&&a.push("active"),a};return(o,l)=>t.value?(f(),_("nav",Et,[C("ul",null,[(f(!0),_(U,null,J(o.resources.list,(u,a)=>(f(),_("li",{key:a},[F(o.$slots,"default",{index:a,rsc:u,title:i(u),cssClass:s(a,"custom-pagination-item"),onClick:c=>o.show(a)},()=>[C("span",{title:i(u),class:ee(s(a,"pagination-item")),onClick:c=>o.show(a)},null,10,Ot)])]))),128))])])):T("",!0)}}),Ft={class:"preloader"},Vt={key:0,class:"spinner"},At={class:"pct"},Bt=C("div",{class:"border"},null,-1),Gt=z({__name:"FluxPreloader",props:{loader:{}},setup(r){return(e,t)=>{var i,s,o;return f(),_("div",Ft,[F(e.$slots,"default",{loader:e.loader,preloading:(i=e.loader.value)==null?void 0:i.preLoading.length,lazyloading:(s=e.loader.value)==null?void 0:s.lazyLoading.length,pct:(o=e.loader.value)==null?void 0:o.progress},()=>{var l,u;return[(l=e.loader.value)!=null&&l.preLoading.length?(f(),_("div",Vt,[C("div",At,ye((u=e.loader.value)==null?void 0:u.progress)+"%",1),Bt])):T("",!0)]})])}}});function P(r,e){Object.assign(r,{direction:b.next},e)}const Kt=z({__name:"Fade",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({totalDuration:1200,easing:"ease-in"});P(s,t.options);const o={zIndex:1};return e({onPlay:()=>{i.value!==null&&i.value.transform({transition:`opacity ${s.totalDuration}ms ${s.easing}`,opacity:0})},totalDuration:s.totalDuration}),(l,u)=>(f(),y(R(l.from.transition.component),{ref_key:"$from",ref:i,rsc:l.from,size:l.size,css:o},null,8,["rsc","size"]))}}),Ut=z({__name:"Kenburn",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({totalDuration:1500,easing:"linear"});P(s,t.options);const o=[{scale:"1.7",translateX:"-35%",translateY:"-35%",originX:"top",originY:"left"},{scale:"1.7",translateX:"35%",translateY:"-35%",originX:"top",originY:"right"},{scale:"1.7",translateX:"-35%",translateY:"35%",originX:"bottom",originY:"left"},{scale:"1.7",translateX:"35%",translateY:"35%",originX:"bottom",originY:"right"}],l=N(Math.random()*4),u=o[l],a={transformOrigin:u.originX+" "+u.originY};return e({onPlay:()=>{i.value!==null&&i.value.transform({transition:`all ${s.totalDuration}ms ${s.easing}`,transform:`scale(${u.scale}) translate(${u.translateX}, ${u.translateY})`,opacity:0})},totalDuration:s.totalDuration}),(c,n)=>(f(),y(R(c.from.transition.component),{ref_key:"$from",ref:i,rsc:c.from,size:c.size,css:a},null,8,["rsc","size"]))}}),Jt=z({__name:"Swipe",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=v(null),o=S({totalDuration:1400,easing:"ease-in-out"});P(o,t.options);const l={position:"absolute",top:0,display:"flex",flexWrap:"nowrap"},u={flex:"0 0 auto"};return{[b.prev]:()=>{Object.assign(l,{right:0,justifyContent:"flex-end"})},[b.next]:()=>{Object.assign(l,{left:0,justifyContent:"flex-start"})}}[o.direction](),e({onPlay:()=>{i.value!==null&&i.value.transform({transition:`width ${o.totalDuration}ms ${o.easing}`,width:0})},totalDuration:o.totalDuration}),(a,c)=>(f(),y(p(ce),{ref_key:"$wrapper",ref:i,size:a.size,css:l},{default:B(()=>[(f(),y(R(a.from.transition.component),{ref_key:"$from",ref:s,rsc:a.from,size:a.size,css:u},null,8,["rsc","size"]))]),_:1},8,["size"]))}}),qt=z({__name:"Slide",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=v(null),o=v(null),l=S({totalDuration:1400,easing:"ease-in-out"});P(l,t.options);const u=`transform ${l.totalDuration}ms ${l.easing}`,a={size:new L({width:t.size.width.value*2,height:t.size.height.value}),css:{display:"flex",flexWrap:"nowrap"}};let c,n;({[b.prev]:()=>{c=t.to,n=t.from,a.css.transform="translateX(-50%)"},[b.next]:()=>{c=t.from,n=t.to}})[l.direction]();const d={[b.prev]:()=>{i.value.transform({transition:u,transform:"translateX(0)"})},[b.next]:()=>{i.value.transform({transition:u,transform:"translateX(-50%)"})}};return e({onPlay:()=>{i.value!==null&&d[l.direction]()},totalDuration:l.totalDuration}),(m,g)=>(f(),y(p(ce),H({ref_key:"$wrapper",ref:i},a),{default:B(()=>[(f(),y(R(p(c).transition.component),{ref_key:"$left",ref:s,rsc:p(c),size:m.size},null,8,["rsc","size"])),(f(),y(R(p(n).transition.component),{ref_key:"$right",ref:o,rsc:p(n),size:m.size},null,8,["rsc","size"]))]),_:1},16))}}),Zt=z({__name:"Waterfall",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:1,cols:10,tileDuration:600,tileDelay:90,easing:"cubic-bezier(0.55, 0.055, 0.675, 0.19)"});P(s,t.options);const o=s.tileDelay*s.cols+s.tileDuration,l={[b.prev]:u=>(s.cols-u-1)*s.tileDelay,[b.next]:u=>u*s.tileDelay};return e({onPlay:()=>{i.value!==null&&i.value.transform((u,a)=>{const c=`all ${s.tileDuration}ms ${s.easing} ${l[s.direction](a)}ms`;u.transform({transition:c,opacity:"0.1",transform:"translateY(100%)"})})},totalDuration:o}),(u,a)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:u.size,rsc:u.from},null,8,["rows","cols","size","rsc"]))}}),Qt=z({__name:"Zip",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:1,cols:10,tileDuration:600,easing:"ease-in",tileDelay:80});P(s,t.options);const o=s.tileDelay*s.cols+s.tileDuration,l={[b.prev]:u=>(s.cols-u-1)*s.tileDelay,[b.next]:u=>u*s.tileDelay};return e({onPlay:()=>{i.value!==null&&i.value.transform((u,a)=>{const c=`all ${s.tileDuration}ms ${s.easing} ${l[s.direction](a)}ms`;u.transform({transition:c,opacity:"0.1",transform:`translateY(${a%2?"-":""}100%)`})})},totalDuration:o}),(u,a)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:u.size,rsc:u.from},null,8,["rows","cols","size","rsc"]))}}),es=z({__name:"Blinds2D",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:1,cols:10,tileDuration:800,easing:"linear",tileDelay:100});P(s,t.options);const o={[se.front]:t.from},l=s.tileDelay*s.cols+s.tileDuration,u={prev:a=>(s.cols-a-1)*s.tileDelay,next:a=>a*s.tileDelay};return e({onPlay:()=>{i.value!==null&&i.value.transform((a,c)=>{const n=`all ${s.tileDuration}ms ${s.easing} ${u[s.direction](c)}ms`;a.transform({transition:n,opacity:"0.1",transform:"scaleX(0)"})})},totalDuration:l}),(a,c)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:a.size,rscs:o},null,8,["rows","cols","size"]))}}),ts=z({__name:"Blocks1",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){var t;const i=r,s=v(null),o=S({rows:8,cols:8,tileDuration:300,easing:"linear",tileDelay:1e3});if(P(o,i.options),!((t=i.options)!=null&&t.rows)){const a=i.size.width.value/o.cols;o.rows=N(i.size.height.value/a)}const l=o.tileDelay+o.tileDuration,u=()=>N(Math.random()*o.tileDelay);return e({onPlay:()=>{s.value!==null&&s.value.transform(a=>{const c=`all ${o.tileDuration}ms ${o.easing} ${u()}ms`;a.transform({transition:c,opacity:"0",transform:"scale(0.3, 0.3)"})})},totalDuration:l}),(a,c)=>(f(),y(p(I),{ref_key:"$grid",ref:s,rows:o.rows,cols:o.cols,size:a.size,rsc:a.from},null,8,["rows","cols","size","rsc"]))}}),ss=z({__name:"Blocks2",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){var t;const i=r,s=v(null),o=v(null),l=S({rows:8,cols:8,tileDuration:800,tileDelay:80,easing:"ease"});P(l,i.options);const u=l.tileDelay*(l.rows+l.cols)+l.tileDuration;if(!((t=i.options)!=null&&t.rows)){const g=i.size.width.value/l.cols;l.rows=Math.floor(i.size.height.value/g)}const a={rsc:null,css:{position:"absolute",top:0,left:0,zIndex:1}},c=JSON.parse(JSON.stringify(a));c.css.zIndex=2;let n={};({prev:()=>{c.rsc=i.to,a.rsc=i.from,n={opacity:0,transform:"scale(0.3)"}},next:()=>{c.rsc=i.from}})[l.direction]();const d=g=>{const k=s.value.getRowNumber(g,l.cols);let $=s.value.getColNumber(g,l.cols)+k;return l.direction===b.prev&&($=l.rows+l.cols-$-1),$*l.tileDelay},m={prev:()=>{s.value.transform((g,k)=>{g.transform({transition:`all ${l.tileDuration}ms ${l.easing} ${d(k)}ms`,opacity:1,transform:"scale(1)"})})},next:()=>{s.value.transform((g,k)=>{g.transform({transition:`all ${l.tileDuration}ms ${l.easing} ${d(k)}ms`,opacity:0,transform:"scale(0.3)"})})}};return e({onPlay:()=>{s.value!==null&&m[l.direction]()},totalDuration:u}),(g,k)=>(f(),_("div",null,[G(p(I),H({ref_key:"$grid",ref:s,rows:l.rows,cols:l.cols,size:g.size,"tile-css":p(n)},p(c)),null,16,["rows","cols","size","tile-css"]),a.rsc!==null?(f(),y(R(a.rsc.transition.component),H({key:0,ref_key:"$background",ref:o,size:g.size},a),null,16,["size"])):T("",!0)]))}}),is=z({__name:"Concentric",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({circles:7,tileDuration:800,easing:"linear",tileDelay:150});P(s,t.options);const o=s.tileDelay*s.circles+s.tileDuration,l=u=>u*s.tileDelay;return e({onPlay:()=>{if(i.value===null)return;const u={prev:"-90",next:"90"};i.value.transform((a,c)=>{const n=`all ${s.tileDuration}ms ${s.easing} ${l(c)}ms`;a.transform({transition:n,opacity:"0",transform:`rotateZ(${u[s.direction]}deg)`})})},totalDuration:o}),(u,a)=>(f(),y(p($e),{ref_key:"$vortex",ref:i,size:u.size,circles:s.circles,rsc:u.from},null,8,["size","circles","rsc"]))}}),os=z({__name:"Warp",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({circles:7,tileDuration:800,easing:"linear",tileDelay:150});P(s,t.options);const o=s.tileDelay*s.circles+s.tileDuration,l={[b.prev]:a=>(s.circles-a-1)*s.tileDelay,[b.next]:a=>a*s.tileDelay},u=a=>a%2===0?"-90":"90";return e({onPlay:()=>{i.value!==null&&i.value.transform((a,c)=>{const n=`all ${s.tileDuration}ms ${s.easing} ${l[s.direction](c)}ms`;a.transform({transition:n,opacity:"0",transform:`rotateZ(${u(c)}deg)`})})},totalDuration:o}),(a,c)=>(f(),y(p($e),{ref_key:"$vortex",ref:i,size:a.size,circles:s.circles,rsc:a.from},null,8,["size","circles","rsc"]))}}),rs=z({__name:"Camera",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=v(null),o=S({circles:2,totalDuration:900,easing:"cubic-bezier(0.385, 0, 0.795, 0.560)",backgroundColor:"#111"});P(o,t.options);const l={alignSelf:"center",flex:"none"},u=xe(t.size.toValue()),a=new L({width:u,height:u}),c={boxSizing:"border-box",position:"absolute",display:"flex",justifyContent:"center",overflow:"hidden",borderRadius:"50%",border:"0 solid "+o.backgroundColor,top:(t.size.height.value-u)/2+"px",left:(t.size.width.value-u)/2+"px"};return e({onPlay:()=>{[i.value,s.value].includes(null)||(i.value.transform({transition:`all ${o.totalDuration/2-50}ms ${o.easing} 0ms`,borderWidth:u/2+"px"}),setTimeout(()=>{s.value.hide(),i.value.transform({transition:`all ${o.totalDuration/2-50}ms ${o.easing} 0ms`,borderWidth:0})},o.totalDuration/2+50))},totalDuration:o.totalDuration}),(n,d)=>(f(),y(p(ce),{ref_key:"$wrapper",ref:i,size:p(a),css:c},{default:B(()=>[(f(),y(R(n.from.transition.component),{ref_key:"$from",ref:s,size:n.size,rsc:n.from,css:l},null,8,["size","rsc"]))]),_:1},8,["size"]))}}),ns=z({__name:"Cube",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({totalDuration:1400,easing:"ease-out"});P(s,t.options),Object.assign(t.maskStyle,{perspective:"1600px",overflow:"visible"});const o={front:t.from,left:t.to,right:t.to},l={transition:`all ${s.totalDuration}ms ${s.easing}`};return e({onPlay:()=>{if(i.value===null)return;t.displayComponent.value!==null&&t.displayComponent.hide();const u={next:K.left,prev:K.right};i.value.turn(u[s.direction])},totalDuration:s.totalDuration}),(u,a)=>(f(),y(p(ue),{ref_key:"$cube",ref:i,rscs:o,size:u.size,depth:u.size.width.value,css:l},null,8,["size","depth"]))}}),ls=z({__name:"Book",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=v(null),o=S({totalDuration:1200,easing:"ease-out"});P(o,t.options);const l=new L({width:A(t.size.width.value/2),height:t.size.height.value}),u={perspective:"1600px",width:"100%",height:"100%"},a=new W({top:0,left:0}),c={position:"absolute",top:0,left:0},n={rscs:{front:t.from,back:t.to},offsets:{front:new W({top:0,left:0}),back:new W({top:0,left:0})},origin:void 0,css:{position:"absolute",top:0,left:0}},d=A(t.size.width.value/2),m=d.toString()+"px";t.maskStyle.overflow="visible",{prev:()=>{a.left.value=d,c.left=m,n.offsets.back.left.value=d,n.origin="right center",n.css={...n.css}},next:()=>{n.offsets.front.left.value=d,n.origin="left center",n.css={...n.css,left:m}}}[o.direction]();const g={prev:"180",next:"-180"}[o.direction];return e({onPlay:()=>{[i.value,s.value].includes(null)||s.value.transform({transition:`transform ${o.totalDuration}ms ${o.easing}`,transform:`rotateY(${g}deg)`})},totalDuration:o.totalDuration}),(k,$)=>(f(),_("div",{style:u},[(f(),y(R(k.from.transition.component),{ref_key:"$from",ref:i,rsc:k.from,size:k.size,"view-size":p(l),offset:p(a),css:c},null,8,["rsc","size","view-size","offset"])),G(p(ue),{ref_key:"$cube",ref:s,rscs:n.rscs,size:k.size,"view-size":p(l),offsets:n.offsets,origin:n.origin,css:n.css},null,8,["rscs","size","view-size","offsets","origin","css"])]))}}),as=z({__name:"Fall",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({totalDuration:1600,easing:"ease-in"});P(s,t.options),Object.assign(t.maskStyle,{perspective:"1600px",overflow:"visible"});const o={transformOrigin:"center bottom"};return e({onPlay:()=>{i.value!==null&&i.value.transform({transition:`transform ${s.totalDuration}ms ${s.easing}`,transform:"rotateX(-83.6deg)"})},totalDuration:s.totalDuration}),(l,u)=>(f(),y(R(l.from.transition.component),{ref_key:"$from",ref:i,rsc:l.from,size:l.size,style:o},null,8,["rsc","size"]))}}),us=z({__name:"Wave",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:1,cols:8,tileDuration:900,tileDelay:110,easing:"cubic-bezier(0.3, -0.3, 0.735, 0.285)",sideColor:"#333"});P(s,t.options),t.maskStyle.overflow="visible";const o={front:t.from,top:t.to},l={left:s.sideColor,right:s.sideColor},u={overflow:"visible",perspective:"1200px"},a=s.tileDelay*s.cols+s.tileDuration,c={[b.prev]:n=>(s.cols-n-1)*s.tileDelay,[b.next]:n=>n*s.tileDelay};return e({onPlay:()=>{i.value!==null&&(t.displayComponent&&t.displayComponent.hide(),i.value.transform((n,d)=>{const m=`all ${s.tileDuration}ms ${s.easing} ${c[s.direction](d)}ms`;n.setCss({transition:m}),n.turn(K.bottom)}))},totalDuration:a}),(n,d)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:n.size,rscs:o,colors:l,depth:n.size.height.value,css:u},null,8,["rows","cols","size","depth"]))}}),cs=z({__name:"Blinds3D",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:1,cols:6,tileDuration:800,easing:"ease-out",tileDelay:150});P(s,t.options);const o={perspective:"800px"},l={front:t.from,back:t.to},u=s.tileDelay*s.cols+s.tileDuration;t.maskStyle.overflow="visible";const a={prev:c=>(s.cols-c-1)*s.tileDelay,next:c=>c*s.tileDelay};return e({onPlay:()=>{if(i.value===null)return;t.displayComponent&&t.displayComponent.hide();const c={prev:"backl",next:"backr"};i.value.transform((n,d)=>{const m=`all ${s.tileDuration}ms ${s.easing} ${a[s.direction](d)}ms`;n.setCss({transition:m}),n.turn(c[s.direction])})},totalDuration:u}),(c,n)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:c.size,rscs:l,css:o},null,8,["rows","cols","size"]))}}),ps=z({__name:"Round1",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){var t;const i=r,s=v(null),o=S({rows:0,cols:8,tileDuration:800,easing:"ease-out",tileDelay:150});P(o,i.options);const l={front:i.from,back:i.to},u={perspective:"800px"};if(i.maskStyle.overflow="visible",!((t=i.options)!=null&&t.rows)){const d=i.size.width.value/o.cols;o.rows=N(i.size.height.value/d)}const a=o.rows>o.cols?o.rows:o.cols,c=o.tileDelay*a*2,n=d=>{const m=s.value.getRowNumber(d,o.cols);let g=s.value.getColNumber(d,o.cols)+m;return o.direction===b.prev&&(g=o.rows+o.cols-g-1),g*o.tileDelay};return e({onPlay:()=>{if(s.value===null)return;i.displayComponent&&i.displayComponent.hide();const d={[b.prev]:K.backl,[b.next]:K.backr};s.value.transform((m,g)=>{const k=`all ${o.tileDuration}ms ${o.easing} ${n(g)}ms`;m.setCss({transition:k}),m.turn(d[o.direction])})},totalDuration:c}),(d,m)=>(f(),y(p(I),{ref_key:"$grid",ref:s,rows:o.rows,cols:o.cols,size:d.size,rscs:l,css:u},null,8,["rows","cols","size"]))}}),hs=z({__name:"Round2",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){var t;const i=r,s=v(null),o=S({rows:0,cols:9,tileDuration:800,tileDelay:100,easing:"linear",rotateX:-540});P(o,i.options),i.maskStyle.overflow="visible";const l={perspective:"1200px"},u={backfaceVisibility:"hidden"};if(!((t=i.options)!=null&&t.rows)){const n=i.size.width.value/o.cols;o.rows=N(i.size.height.value/n)}const a=(o.cols/2+o.rows)*(o.tileDelay*2),c=n=>{const d=s.value.getRowNumber(n,o.cols),m=s.value.getColNumber(n,o.cols);let g,k;return o.direction===b.prev?(g=Math.abs(o.rows/2-.5-d),k=Math.abs(o.cols-m)):(g=Math.abs(o.rows/2-.5-d),k=Math.abs(m)),(g+k-1)*o.tileDelay};return e({onPlay:()=>{s.value!==null&&s.value.transform((n,d)=>{const m=`all ${o.tileDuration}ms ${o.easing} ${c(d)}ms`;n.transform({transition:m,opacity:"0",transform:`rotateY(${o.rotateX.toString()}deg)`})})},totalDuration:a}),(n,d)=>(f(),y(p(I),{ref_key:"$grid",ref:s,rows:o.rows,cols:o.cols,size:n.size,depth:0,rsc:n.from,css:l,"tile-css":u},null,8,["rows","cols","size","rsc"]))}}),ds=z({__name:"Explode",props:{size:{},from:{},to:{},options:{},maskStyle:{},displayComponent:{}},setup(r,{expose:e}){const t=r,i=v(null),s=S({rows:9,cols:9,tileDuration:300,easing:"linear",tileDelay:100});P(s,t.options);const o={overflow:"visible"};if(t.maskStyle.overflow="visible",!t.options.rows){const a=t.size.width.value/s.cols;s.rows=N(t.size.height.value/a)}const l=(s.cols/2+s.rows/2)*(s.tileDelay*2),u=a=>{const c=i.value.getRowNumber(a,s.cols),n=i.value.getColNumber(a,s.cols),d=Math.abs(s.rows/2-.5-c),m=Math.abs(s.cols/2-.5-n);return(d+m-1)*s.tileDelay};return e({onPlay:()=>{i.value!==null&&i.value.transform((a,c)=>{const n=`all ${s.tileDuration}ms ${s.easing} ${u(c)}ms`;a.transform({transition:n,borderRadius:"100%",opacity:"0",transform:"scale(2)"})})},totalDuration:l}),(a,c)=>(f(),y(p(I),{ref_key:"$grid",ref:i,rows:s.rows,cols:s.cols,size:a.size,rsc:a.from,css:o},null,8,["rows","cols","size","rsc"]))}});export{Ht as G,Xt as H,Wt as I,Ut as J,Gt as K,Yt as M,Zt as Q,L as R,Kt as U,Mt as X,Nt as Y,Jt as Z,ls as a,I as b,ue as c,hs as d,W as e,Ge as f,qt as g,es as h,ne as i,jt as j,rs as k,ns as l,as as m,is as n,ss as o,cs as p,q,os as r,ts as s,Qt as t,us as u,ps as v,ds as w,$e as x,b as y};
diff --git a/docs/assets/vue-flux.html-QlHsoTtJ.js b/docs/assets/vue-flux.html-MyaWxEds.js
similarity index 85%
rename from docs/assets/vue-flux.html-QlHsoTtJ.js
rename to docs/assets/vue-flux.html-MyaWxEds.js
index a448d4c8..b084b64b 100644
--- a/docs/assets/vue-flux.html-QlHsoTtJ.js
+++ b/docs/assets/vue-flux.html-MyaWxEds.js
@@ -1 +1 @@
-import{_ as s,r as e,o as c,c as l,a as t,w as u,b as n,d as r}from"./app-SStEjskS.js";const _={},d=n("h1",{id:"vueflux",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vueflux","aria-hidden":"true"},"#"),r(" VueFlux")],-1);function i(m,x){const o=e("demos-components-VueFlux"),a=e("ClientOnly");return c(),l("div",null,[d,t(a,null,{default:u(()=>[t(o)]),_:1})])}const h=s(_,[["render",i],["__file","vue-flux.html.vue"]]);export{h as default};
+import{_ as s,r as e,o as c,c as l,a as t,w as u,b as n,d as r}from"./app-9q7i-DDF.js";const _={},d=n("h1",{id:"vueflux",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#vueflux","aria-hidden":"true"},"#"),r(" VueFlux")],-1);function i(m,x){const o=e("demos-components-VueFlux"),a=e("ClientOnly");return c(),l("div",null,[d,t(a,null,{default:u(()=>[t(o)]),_:1})])}const h=s(_,[["render",i],["__file","vue-flux.html.vue"]]);export{h as default};
diff --git a/docs/assets/warp.html-8Py5XT05.js b/docs/assets/warp.html-u0sDAQT_.js
similarity index 84%
rename from docs/assets/warp.html-8Py5XT05.js
rename to docs/assets/warp.html-u0sDAQT_.js
index 12b32033..852bb6d6 100644
--- a/docs/assets/warp.html-8Py5XT05.js
+++ b/docs/assets/warp.html-u0sDAQT_.js
@@ -1 +1 @@
-import{_ as r,r as e,o as s,c,a,w as _,b as t,d as l}from"./app-SStEjskS.js";const d={},i=t("h1",{id:"warp",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#warp","aria-hidden":"true"},"#"),l(" Warp")],-1);function p(m,h){const n=e("demos-transitions-Warp"),o=e("ClientOnly");return s(),c("div",null,[i,a(o,null,{default:_(()=>[a(n)]),_:1})])}const u=r(d,[["render",p],["__file","warp.html.vue"]]);export{u as default};
+import{_ as r,r as e,o as s,c,a,w as _,b as t,d as l}from"./app-9q7i-DDF.js";const d={},i=t("h1",{id:"warp",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#warp","aria-hidden":"true"},"#"),l(" Warp")],-1);function p(m,h){const n=e("demos-transitions-Warp"),o=e("ClientOnly");return s(),c("div",null,[i,a(o,null,{default:_(()=>[a(n)]),_:1})])}const u=r(d,[["render",p],["__file","warp.html.vue"]]);export{u as default};
diff --git a/docs/assets/waterfall.html-3YYSdBGV.js b/docs/assets/waterfall.html-F9y6GYti.js
similarity index 85%
rename from docs/assets/waterfall.html-3YYSdBGV.js
rename to docs/assets/waterfall.html-F9y6GYti.js
index 04233eee..4df926e4 100644
--- a/docs/assets/waterfall.html-3YYSdBGV.js
+++ b/docs/assets/waterfall.html-F9y6GYti.js
@@ -1 +1 @@
-import{_ as o,r as e,o as r,c as s,a,w as c,b as t,d as _}from"./app-SStEjskS.js";const d={},i=t("h1",{id:"waterfall",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#waterfall","aria-hidden":"true"},"#"),_(" Waterfall")],-1);function f(m,h){const l=e("demos-transitions-Waterfall"),n=e("ClientOnly");return r(),s("div",null,[i,a(n,null,{default:c(()=>[a(l)]),_:1})])}const p=o(d,[["render",f],["__file","waterfall.html.vue"]]);export{p as default};
+import{_ as o,r as e,o as r,c as s,a,w as c,b as t,d as _}from"./app-9q7i-DDF.js";const d={},i=t("h1",{id:"waterfall",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#waterfall","aria-hidden":"true"},"#"),_(" Waterfall")],-1);function f(m,h){const l=e("demos-transitions-Waterfall"),n=e("ClientOnly");return r(),s("div",null,[i,a(n,null,{default:c(()=>[a(l)]),_:1})])}const p=o(d,[["render",f],["__file","waterfall.html.vue"]]);export{p as default};
diff --git a/docs/assets/wave.html--Nt9sfrr.js b/docs/assets/wave.html-vVAx0QRJ.js
similarity index 85%
rename from docs/assets/wave.html--Nt9sfrr.js
rename to docs/assets/wave.html-vVAx0QRJ.js
index a44a313b..50a4cacf 100644
--- a/docs/assets/wave.html--Nt9sfrr.js
+++ b/docs/assets/wave.html-vVAx0QRJ.js
@@ -1 +1 @@
-import{_ as s,r as e,o as c,c as r,a,w as _,b as t,d as l}from"./app-SStEjskS.js";const d={},i=t("h1",{id:"wave",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#wave","aria-hidden":"true"},"#"),l(" Wave")],-1);function m(h,v){const n=e("demos-transitions-Wave"),o=e("ClientOnly");return c(),r("div",null,[i,a(o,null,{default:_(()=>[a(n)]),_:1})])}const u=s(d,[["render",m],["__file","wave.html.vue"]]);export{u as default};
+import{_ as s,r as e,o as c,c as r,a,w as _,b as t,d as l}from"./app-9q7i-DDF.js";const d={},i=t("h1",{id:"wave",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#wave","aria-hidden":"true"},"#"),l(" Wave")],-1);function m(h,v){const n=e("demos-transitions-Wave"),o=e("ClientOnly");return c(),r("div",null,[i,a(o,null,{default:_(()=>[a(n)]),_:1})])}const u=s(d,[["render",m],["__file","wave.html.vue"]]);export{u as default};
diff --git a/docs/assets/zip.html-hgiou64F.js b/docs/assets/zip.html-Yy7Zqk2x.js
similarity index 84%
rename from docs/assets/zip.html-hgiou64F.js
rename to docs/assets/zip.html-Yy7Zqk2x.js
index 05c47e2a..d9cf43a1 100644
--- a/docs/assets/zip.html-hgiou64F.js
+++ b/docs/assets/zip.html-Yy7Zqk2x.js
@@ -1 +1 @@
-import{_ as s,r as e,o as i,c,a as t,w as r,b as n,d as _}from"./app-SStEjskS.js";const l={},d=n("h1",{id:"zip",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#zip","aria-hidden":"true"},"#"),_(" Zip")],-1);function p(m,h){const o=e("demos-transitions-Zip"),a=e("ClientOnly");return i(),c("div",null,[d,t(a,null,{default:r(()=>[t(o)]),_:1})])}const u=s(l,[["render",p],["__file","zip.html.vue"]]);export{u as default};
+import{_ as s,r as e,o as i,c,a as t,w as r,b as n,d as _}from"./app-9q7i-DDF.js";const l={},d=n("h1",{id:"zip",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#zip","aria-hidden":"true"},"#"),_(" Zip")],-1);function p(m,h){const o=e("demos-transitions-Zip"),a=e("ClientOnly");return i(),c("div",null,[d,t(a,null,{default:r(()=>[t(o)]),_:1})])}const u=s(l,[["render",p],["__file","zip.html.vue"]]);export{u as default};
diff --git a/docs/demos/complements/flux-caption.html b/docs/demos/complements/flux-caption.html
index 166c35c7..596f0ec2 100644
--- a/docs/demos/complements/flux-caption.html
+++ b/docs/demos/complements/flux-caption.html
@@ -23,12 +23,12 @@
 			}
     
     FluxCaption | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/complements/flux-controls.html b/docs/demos/complements/flux-controls.html
index 49cbe127..ad870dec 100644
--- a/docs/demos/complements/flux-controls.html
+++ b/docs/demos/complements/flux-controls.html
@@ -23,12 +23,12 @@
 			}
     
     FluxControls | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/complements/flux-index.html b/docs/demos/complements/flux-index.html
index 62e484ba..d4439813 100644
--- a/docs/demos/complements/flux-index.html
+++ b/docs/demos/complements/flux-index.html
@@ -23,12 +23,12 @@
 			}
     
     FluxIndex | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/complements/flux-pagination.html b/docs/demos/complements/flux-pagination.html
index 3c20e3f3..4ef6cf18 100644
--- a/docs/demos/complements/flux-pagination.html
+++ b/docs/demos/complements/flux-pagination.html
@@ -23,12 +23,12 @@
 			}
     
     FluxPagination | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/complements/flux-preloader.html b/docs/demos/complements/flux-preloader.html
index a8245851..ba2586f3 100644
--- a/docs/demos/complements/flux-preloader.html
+++ b/docs/demos/complements/flux-preloader.html
@@ -23,12 +23,12 @@
 			}
     
     FluxPreloader | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/components/flux-button.html b/docs/demos/components/flux-button.html
index b0135167..290970d4 100644
--- a/docs/demos/components/flux-button.html
+++ b/docs/demos/components/flux-button.html
@@ -23,12 +23,12 @@
 			}
     
     FluxButton | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/components/flux-cube.html b/docs/demos/components/flux-cube.html
index 1da75e0f..083a5e5b 100644
--- a/docs/demos/components/flux-cube.html
+++ b/docs/demos/components/flux-cube.html
@@ -23,12 +23,12 @@
 			}
     
     FluxCube | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/components/flux-grid.html b/docs/demos/components/flux-grid.html
index 0604dffc..cd1e2e6b 100644
--- a/docs/demos/components/flux-grid.html
+++ b/docs/demos/components/flux-grid.html
@@ -23,12 +23,12 @@
 			}
     
     FluxGrid | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/components/flux-image.html b/docs/demos/components/flux-image.html
index 8efbf4a0..76f5942f 100644
--- a/docs/demos/components/flux-image.html
+++ b/docs/demos/components/flux-image.html
@@ -23,12 +23,12 @@
 			}
     
     FluxImage | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/components/flux-parallax.html b/docs/demos/components/flux-parallax.html
index 94f8b385..08ed6b4e 100644
--- a/docs/demos/components/flux-parallax.html
+++ b/docs/demos/components/flux-parallax.html
@@ -23,12 +23,12 @@
 			}
     
     FluxParallax | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/components/flux-transition.html b/docs/demos/components/flux-transition.html
index 3d1ac75a..8d8094e3 100644
--- a/docs/demos/components/flux-transition.html
+++ b/docs/demos/components/flux-transition.html
@@ -23,12 +23,12 @@
 			}
     
     FluxTransition | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/components/flux-vortex.html b/docs/demos/components/flux-vortex.html
index 65d0c1c9..b082e0b6 100644
--- a/docs/demos/components/flux-vortex.html
+++ b/docs/demos/components/flux-vortex.html
@@ -23,12 +23,12 @@
 			}
     
     FluxVortex | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/components/vue-flux.html b/docs/demos/components/vue-flux.html
index 8340e1a3..d181d9f8 100644
--- a/docs/demos/components/vue-flux.html
+++ b/docs/demos/components/vue-flux.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/demos/index.html b/docs/demos/demos/index.html
index df108f4b..65468584 100644
--- a/docs/demos/demos/index.html
+++ b/docs/demos/demos/index.html
@@ -23,12 +23,12 @@
 			}
     
     Demos | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/blinds2d.html b/docs/demos/transitions/blinds2d.html
index ed86cfe7..7390168e 100644
--- a/docs/demos/transitions/blinds2d.html
+++ b/docs/demos/transitions/blinds2d.html
@@ -23,12 +23,12 @@
 			}
     
     Blinds 2D | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/blinds3d.html b/docs/demos/transitions/blinds3d.html
index a57efec2..48aa3a3f 100644
--- a/docs/demos/transitions/blinds3d.html
+++ b/docs/demos/transitions/blinds3d.html
@@ -23,12 +23,12 @@
 			}
     
     Blinds 3D | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/blocks1.html b/docs/demos/transitions/blocks1.html
index edae1f16..7b28783c 100644
--- a/docs/demos/transitions/blocks1.html
+++ b/docs/demos/transitions/blocks1.html
@@ -23,12 +23,12 @@
 			}
     
     Blocks 1 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/blocks2.html b/docs/demos/transitions/blocks2.html
index 20caa81c..8da567bf 100644
--- a/docs/demos/transitions/blocks2.html
+++ b/docs/demos/transitions/blocks2.html
@@ -23,12 +23,12 @@
 			}
     
     Blocks 2 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/book.html b/docs/demos/transitions/book.html
index a6a1ce12..2b241452 100644
--- a/docs/demos/transitions/book.html
+++ b/docs/demos/transitions/book.html
@@ -23,12 +23,12 @@
 			}
     
     Book | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/camera.html b/docs/demos/transitions/camera.html
index 880dced6..b342ce61 100644
--- a/docs/demos/transitions/camera.html
+++ b/docs/demos/transitions/camera.html
@@ -23,12 +23,12 @@
 			}
     
     Camera | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/concentric.html b/docs/demos/transitions/concentric.html
index 4530877e..e06302bd 100644
--- a/docs/demos/transitions/concentric.html
+++ b/docs/demos/transitions/concentric.html
@@ -23,12 +23,12 @@
 			}
     
     Concentric | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/cube.html b/docs/demos/transitions/cube.html
index 7e263981..1ecfdeae 100644
--- a/docs/demos/transitions/cube.html
+++ b/docs/demos/transitions/cube.html
@@ -23,12 +23,12 @@
 			}
     
     Cube | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/explode.html b/docs/demos/transitions/explode.html
index 69ff1bf0..fdb411a8 100644
--- a/docs/demos/transitions/explode.html
+++ b/docs/demos/transitions/explode.html
@@ -23,12 +23,12 @@
 			}
     
     Explode | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/fade.html b/docs/demos/transitions/fade.html
index ed64880a..19384ed1 100644
--- a/docs/demos/transitions/fade.html
+++ b/docs/demos/transitions/fade.html
@@ -23,12 +23,12 @@
 			}
     
     Fade | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/fall.html b/docs/demos/transitions/fall.html
index f6e5a2ac..7146cce0 100644
--- a/docs/demos/transitions/fall.html
+++ b/docs/demos/transitions/fall.html
@@ -23,12 +23,12 @@
 			}
     
     Fall | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/index.html b/docs/demos/transitions/index.html
index 221a176f..4c934838 100644
--- a/docs/demos/transitions/index.html
+++ b/docs/demos/transitions/index.html
@@ -23,12 +23,12 @@
 			}
     
     Transitions | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Transitions
Here you can find all transitions included with a demo, playground and the source.
Watch out because most of the transitions become hypnotic and result very funny.
TIP
Don't forget to see both directions, because most of the transitions have a different effect depending on the direction.
I personally recommend playing with:
  • round 2 also has a pretty effect playing with the rotation x value
  • warp in previous direction, because looks like a kaleidoscope, amazing!
  • wave has a great effect and feels even relaxing in slow motion
  • zip results beautiful when the next image starts appearing

-    
+    
   
 
diff --git a/docs/demos/transitions/kenburn.html b/docs/demos/transitions/kenburn.html
index 471781e5..5273cb4b 100644
--- a/docs/demos/transitions/kenburn.html
+++ b/docs/demos/transitions/kenburn.html
@@ -23,12 +23,12 @@
 			}
     
     Kenburn | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/round1.html b/docs/demos/transitions/round1.html
index babb0eb8..17a0135f 100644
--- a/docs/demos/transitions/round1.html
+++ b/docs/demos/transitions/round1.html
@@ -23,12 +23,12 @@
 			}
     
     Round 1 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/round2.html b/docs/demos/transitions/round2.html
index a501af9d..a7bd0b6b 100644
--- a/docs/demos/transitions/round2.html
+++ b/docs/demos/transitions/round2.html
@@ -23,12 +23,12 @@
 			}
     
     Round 2 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/slide.html b/docs/demos/transitions/slide.html
index 4a12e21c..47c3b73e 100644
--- a/docs/demos/transitions/slide.html
+++ b/docs/demos/transitions/slide.html
@@ -23,12 +23,12 @@
 			}
     
     Slide | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/swipe.html b/docs/demos/transitions/swipe.html
index 54e9821d..9865ed09 100644
--- a/docs/demos/transitions/swipe.html
+++ b/docs/demos/transitions/swipe.html
@@ -23,12 +23,12 @@
 			}
     
     Swipe | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/warp.html b/docs/demos/transitions/warp.html
index c6324930..42b724eb 100644
--- a/docs/demos/transitions/warp.html
+++ b/docs/demos/transitions/warp.html
@@ -23,12 +23,12 @@
 			}
     
     Warp | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/waterfall.html b/docs/demos/transitions/waterfall.html
index 94169e05..5d829bc6 100644
--- a/docs/demos/transitions/waterfall.html
+++ b/docs/demos/transitions/waterfall.html
@@ -23,12 +23,12 @@
 			}
     
     Waterfall | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/wave.html b/docs/demos/transitions/wave.html
index 4b13e1df..7ab08daa 100644
--- a/docs/demos/transitions/wave.html
+++ b/docs/demos/transitions/wave.html
@@ -23,12 +23,12 @@
 			}
     
     Wave | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/demos/transitions/zip.html b/docs/demos/transitions/zip.html
index 0281afe8..5c7d33b6 100644
--- a/docs/demos/transitions/zip.html
+++ b/docs/demos/transitions/zip.html
@@ -23,12 +23,12 @@
 			}
     
     Zip | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/changelog/index.html b/docs/documentation/v5/changelog/index.html
index ad48fd8c..59151a89 100644
--- a/docs/documentation/v5/changelog/index.html
+++ b/docs/documentation/v5/changelog/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 5.1.9
Fixed options property reactivity.
 5.1.8
Fixed touch issue not working in Iphone Safari and RaspBerry Pi touch screen.
 Reduced autohideTime to 1500 by default.
 5.1.7
Thumbs are now "mediaqueried" so their size will depend on screen size.
 Fixed blocks2 transition when reverse direction.
 Improved UX by changing mouseover to mousemove and adding the same behavior on tap with a timer.
 Added autohideTime option, check VueFlux component for more info.
 5.1.6
Fixed full screen option
 5.1.5
Fixed error displayed in console when destroying the component.
 5.1.4
Now when an image could not be loaded the slider will omit it displaying a console warning.
 5.1.3
Updated height calculation when set to auto.
 More info can be found in VueFlux under Size section.
 5.1.0
Added an option to enable gestures (disabled by default).
 Icons are now resized depending on the screen.
 5.0.3
As I was not convinced about the async solution I reworked the flux components a bit so now they don't need to receive the slider as reference if they are inside the vue-flux component and they will run perfectly.
If the components are placed out of vue-flux the slider will have to be referenced and add v-if condition that turns true when the component containing the slider is mounted. This way the slider will be passed as ref properly.
 5.0.2
Due to an issue found about slider reference not being properly taken from flux components, the declaration of FluxCaption, FluxControls, FluxIndex and FluxPagination must be included async. You just have to do it this way:
   import { VueFlux, Transitions, FluxCaption, FluxControls, FluxIndex, FluxPagination } from 'vue-flux';
@@ -39,6 +39,6 @@
       FluxPagination: () => import('vue-flux').then(() => FluxPagination)
    },
 
 5.0.0
Because of the reactivity I had to do several changes due to virtual dom behaviour. Please test it well before updating to this version in production.
New features:
  • The attributes passed to vue-flux component options, images and transitions are now reactive.
  • The computed properties currentImage and nextImage are now methods.
  • Added infinite option to tell the slider to start over when reaches last image.
  • Transitions round2 and explode have by default odd number of columns so they look more "zen".

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-caption/index.html b/docs/documentation/v5/components/flux-caption/index.html
index 055c857a..cedda4f0 100644
--- a/docs/documentation/v5/components/flux-caption/index.html
+++ b/docs/documentation/v5/components/flux-caption/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
It is a default component to display image caption.
The slot can be overwritten with custom caption.
Captions are passed to vue-flux component instead of this because they are used in multiple components and will be available even if this component is not used
 Component
It will display the caption when no transition is active and is defined for current image.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Properties
This are the component properties that you can access programatically.
NameTypeDescription
captionsArrayArray of strings for image captions
captionstringReturns the current image caption or empty string
 Example of caption inside vue-flux
<vue-flux
@@ -92,6 +92,6 @@
    }
 }
 

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-controls/index.html b/docs/documentation/v5/components/flux-controls/index.html
index f825e608..12d44d6b 100644
--- a/docs/documentation/v5/components/flux-controls/index.html
+++ b/docs/documentation/v5/components/flux-controls/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
It is a default component to display controls with buttons to display previous, next, play and pause.
The slot can be overwritten with custom controls.
 Component
It will display the buttons when no transition is active and mouse over. Will not be displayed in touchable screens.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Example of controls inside vue-flux
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions">
@@ -77,6 +77,6 @@
    }
 }
 

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-cube/index.html b/docs/documentation/v5/components/flux-cube/index.html
index e610c18f..463ed47a 100644
--- a/docs/documentation/v5/components/flux-cube/index.html
+++ b/docs/documentation/v5/components/flux-cube/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
Component composed by FluxImages that form a cube.
 Component
Represents a set of images that renders as a 6 sides cube.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
indexObjecttrueAn object containing the sides indexes
cssObjectfalseInitial CSS style, by default sets top 0 and left 0
Example:
<flux-cube
@@ -34,6 +34,6 @@
    :css="{width: '300px', height: '300px'}">
 </flux-cube>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied directly
transformcssObject with the style to be applied rendering, used to perform the transitions
turndirection, toTurns the cube to specified direction (top, back, bottom, left, right) with to side (left or right)
turnTopTurns the cube to top
turnBacktoTurns the cube back side, to left or to right
turnBottomTurns the cube to bottom
turnLeftTurns the cube to left
turnRightTurns the cube to right

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-grid/index.html b/docs/documentation/v5/components/flux-grid/index.html
index b5a93549..91e9fbd5 100644
--- a/docs/documentation/v5/components/flux-grid/index.html
+++ b/docs/documentation/v5/components/flux-grid/index.html
@@ -23,13 +23,13 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
Component to make an image grid.
 Component
Draws and composes a grid of cubes.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
rowsnumbertrueThe number of rows
colsnumbertrueThe number of cols
indexObjecttrueAn object containing the indexes of images to apply to the tile cubes
tileCssObjectfalseInitial tile CSS style
Example:
<flux-grid :slider="slider" :num-rows="5" :num-cols="5" :index="2"></flux-grid>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied to grid container
transformfuncRuns a transform function for each tile, receiving as parameter the cube and number

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-image/index.html b/docs/documentation/v5/components/flux-image/index.html
index f3a28ad3..47bf7ff4 100644
--- a/docs/documentation/v5/components/flux-image/index.html
+++ b/docs/documentation/v5/components/flux-image/index.html
@@ -23,14 +23,14 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
The FluxImage component represents the smallest part of the slider and displays an image, part of it or a color.
 Component
It renders what have to be displayed calculating its size and position automatically.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this image
indexNumber, StringtrueIf a number represents the image index of slider and if string of hexadecimal will just paint it with the defined color
cssObjectfalseInitial CSS style, by default sets top 0 and left 0
Example:
<flux-image :slider="slider" :index="1"></flux-image>
 <flux-image :slider="slider" :index="'#cccccc'" :css="{opacity: 0.5}"></flux-image>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied directly
transformcssObject with the style to be applied rendering, used to perform the transitions
showShows the image if hidden
hideHides the image

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-index/index.html b/docs/documentation/v5/components/flux-index/index.html
index b9c90668..320dfcb2 100644
--- a/docs/documentation/v5/components/flux-index/index.html
+++ b/docs/documentation/v5/components/flux-index/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
It is a default component to display an index of all images so it is a good resource when the slider contains many images.
You can place it inside the vue-flux component or outside and give it any style you want, meaning horizontal, vertical, with arrows, with scroll, etc. The default style is only applied if located inside and can be easily overwritten.
The slot can be used with custom index component.
 Component
It will display a button when no transition is active and mouse over. Will not be displayed in touchable screens but will appear dragging up inside the slider.
The index will auto hide after choosing an image with default styles.
The current image will have class current.
Placing the mouse over will display de caption if defined.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Example of index inside vue-flux
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions">
@@ -77,6 +77,6 @@
    }
 }
 

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-pagination/index.html b/docs/documentation/v5/components/flux-pagination/index.html
index f17b6e11..1fefc4f7 100644
--- a/docs/documentation/v5/components/flux-pagination/index.html
+++ b/docs/documentation/v5/components/flux-pagination/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
It is a default component to display a pagination of the images, good when it does not contain too many images.
 Component
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjectfalseThe VueFlux component
 Example of pagination inside vue-flux
<vue-flux :options="fluxOptions" :images="fluxImages" :transitions="fluxTransitions">
@@ -77,6 +77,6 @@
    }
 }
 

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-parallax/index.html b/docs/documentation/v5/components/flux-parallax/index.html
index e35d0770..55a90919 100644
--- a/docs/documentation/v5/components/flux-parallax/index.html
+++ b/docs/documentation/v5/components/flux-parallax/index.html
@@ -23,15 +23,15 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
Creates a parallax effect given an image. It can recreate 3 types, relative, fixed and static.
 Relative
This type is the default and moves the image with the defined offset when scrolling until reaches the edge.
 Fixed
This is works pretty like the relative except because the image will not start moving until the whole image is visible.
 Static
Creates window effect where the image remains static and can be viewed on scrolling, seeing the piece of the image revealed depding on the position of the scroll.
 Component
It has the CSS defined with display flex, position relative and overflow hidden.
The component can have the following attributes.
AttributeTypeRequiredDescription
srcstringtrueThe image URL to be displayed
holderObjectfalseRepresents the object that should be watched for scrolling. By default is window
typestringfalseDepending on the type the effect will differ. Values can be relative, static and fixed, by default the type is relative
heightstringfalseThe height the image should have in pixels, by default is auto which means that will auto detect size by content or defined by CSS
offsetstringfalseIs the amount of image hidden that will be displayed when scrolling. If set in percentage the amount of pixels will be calculated in reference of height. Default is 60%
Example:
<flux-parallax src="slides/1.jpg" height="300px" offset="80%">
     <div>CONTENT</div>
 </flux-parallax>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied directly
resizeRecalculates the sizes

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-thumb/index.html b/docs/documentation/v5/components/flux-thumb/index.html
index dbc250f7..eb31e61f 100644
--- a/docs/documentation/v5/components/flux-thumb/index.html
+++ b/docs/documentation/v5/components/flux-thumb/index.html
@@ -23,13 +23,13 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
Component to display a miniature of an image.
 Component
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
indexNumber, StringtrueIf a number represents the image index of slider and if string of hexadecimal will just paint it with the defined color
cssObjectfalseStyle rules to be applied
Example:
<flux-thumb :slider="slider" :index="1"></flux-thumb>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied to the thumb

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-vortex/index.html b/docs/documentation/v5/components/flux-vortex/index.html
index 8f8f2f25..1b31c7f0 100644
--- a/docs/documentation/v5/components/flux-vortex/index.html
+++ b/docs/documentation/v5/components/flux-vortex/index.html
@@ -23,13 +23,13 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
Component to make an image formed by concentric circles.
 Component
Makes an image to be divided in concentric circles.
The component can have the following attributes.
AttributeTypeRequiredDescription
sliderObjecttrueThe VueFlux component responsible of this cube
circlesnumbertrueThe number of circles to be divided into
indexNumber, StringtrueIf a number represents the image index of slider and if string of hexadecimal will just paint it with the defined color
Example:
<flux-vortex :slider="slider" :num-circles="5" :index="1"></flux-vortex>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied to vortex container
transformfuncRuns a transform function for each circle, receiving as parameter the circle and number

-    
+    
   
 
diff --git a/docs/documentation/v5/components/flux-wrapper/index.html b/docs/documentation/v5/components/flux-wrapper/index.html
index 187dd4d9..14145246 100644
--- a/docs/documentation/v5/components/flux-wrapper/index.html
+++ b/docs/documentation/v5/components/flux-wrapper/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
A wrapper component used in some transitions to contain single or multiple images.
 Component
Just renders the content wrapped into this component so it is easier to manage and operate some transitions.
Example:
<flux-wrapper ref="wrapper">
@@ -33,6 +33,6 @@
    <flux-image :slider="slider" :index="1" ref="image1"></flux-image>
 </flux-wrapper>
 
 Methods
MethodParametersDescription
setCsscssObject with the style to be applied directly
transformcssObject with the style to be applied rendering, used to perform the transitions

-    
+    
   
 
diff --git a/docs/documentation/v5/components/vue-flux/index.html b/docs/documentation/v5/components/vue-flux/index.html
index 705d8af9..45550ecb 100644
--- a/docs/documentation/v5/components/vue-flux/index.html
+++ b/docs/documentation/v5/components/vue-flux/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Description
This is the main component of the slider and will be the view that display the images.
 Component
The slider preloads all images to make transitions smooth, so depending on size and quantity of images can take a while to begin.
The component is build as a container, having a mask that renders and display the images. The mask contains the transition component and two FluxImages that are used to be shown before and after transitions.
In touchable screens you can slide right and left to show previous or next image. Will also display index if defined sliding up.
The component has the following attributes.
AttributeTypeRequiredDescription
optionsObjectfalseAn object containing the slider options
transitionsObjecttrueAn object defined with the wanted transitions
transitionOptionsObjectfalseThe options for each transition
pathstringfalseBase path of the images
imagesArrayfalseAn array with the images URL
captionsArrayfalseAn array with captions to be displayed on each image
Example:
<vue-flux
@@ -56,6 +56,6 @@
    }
 }
 
 Path
Is the base path of the images. For example if all the images are located in /img/slide/example you can set it and then in the images array just use the file names.
 Images
The array containing the image URLs to be displayed.
If an image can not be loaded will be omitted displaying a console warning message.
 Properties
This are the component properties that you can access programatically.
NameTypeDescription
configObjectSet of slider options
sizeObjectSize in pixels having width and height
loadedBooleanDetermines if the images have been loaded and slider is initialized
transitionObjectManages current and last transition
imagesLoadednumberNumber of images loaded
loadedBooleanIndicates when all the images have been preloaded
propertiesArrayArray of objects that have the images properties
touchableBooleanReturns if the screen is touchable
captionComponentThe caption component
controlsComponentThe controls component
indexComponentThe index component
paginationComponentThe pagination component
maskHTMLReferences the slider mask container where the images are displayed
sizePxObjectAn object having width and height in pixels with the 'px' unit
loadPctnumberPercentage of images already loaded
nextTransitionstringName of the next transition
directionstringBy default is 'right', and 'left' when next image is before the current
 References
NameElementDescription
containerdivContainer of all the slider
maskdivWrapper having the transition and control images
transitioncomponentTransition component that runs to change image
image1FluxImageImage to be displayed before or after the transition
image2FluxImageImage to be displayed before or after the transition
 Methods
MethodParametersDescription
currentImageImage component being displayed currently
nextImageImage component that will be displayed next
resizeCall to recalculate the sizes of the slider
inFullscreenReturns if slider is currently in full screen
requestFullscreenSets the slider in full screen
exitFullscreenLeaves the full screen mode
toggleFullscreenToggles full screen mode
playindexWill start displaying the images by the interval specified in config. The index is the image number to start with, and can also be 'previous' and 'next'
stopStops playing images and remains in the current
toggleAutoplayToggles auto play
getIndexindexWill return the position in the array given a number or a string ('next' or 'previous')
showindex, transitionDisplays the image specified by image index (or 'next' or 'previous') and using the specified transition. If no index specified will display next and if no transition specified will use the next defined in transitions

-    
+    
   
 
diff --git a/docs/documentation/v5/custom-transitions/index.html b/docs/documentation/v5/custom-transitions/index.html
index 40c485af..e4294b09 100644
--- a/docs/documentation/v5/custom-transitions/index.html
+++ b/docs/documentation/v5/custom-transitions/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Structure
Must receive the slider.
Must have a totalDuration attribute to know how long the transition lasts.
You can initialize data and values on component created() method.
On mounted() method will run the transition.
You can also set the destroyed() method to be run when transition ends.
 Example 1 - Waterfall
<flux-grid :slider="slider" :rows="rows" :cols="cols" :index="index" ref="grid"></flux-grid>
@@ -191,6 +191,6 @@
    }
 }
 

-    
+    
   
 
diff --git a/docs/documentation/v5/index.html b/docs/documentation/v5/index.html
index dbfdb13c..12901e02 100644
--- a/docs/documentation/v5/index.html
+++ b/docs/documentation/v5/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
This is an image slider developed with vueopen in new window 2 which comes with 20 cool transitions out of the box.
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
You can view a demo hereopen in new window.
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
npm install --save vue-flux@5.1.9
@@ -60,6 +60,6 @@
    <div>CONTENT</div>
 </flux-parallax>
 
 Troubleshooting
If you find yourself running into issues during installation or running the slider, please check our documentationopen in new window. If still needs help open an issueopen in new window. We would be happy to discuss how they can be solved.
 Documentation
You can view the full documentation at the project's documentationopen in new window with examples and detailed information.
 Changelog
Check the changelog for update info.
 Inspiration
This slider was inspired by Flux Slideropen in new window.
 Contributing
Contributions, questions and comments are all welcome and encouraged.
Do not hesitate to send me your own transitions to add them to the slider.

-    
+    
   
 
diff --git a/docs/documentation/v5/installation-and-usage/index.html b/docs/documentation/v5/installation-and-usage/index.html
index 8332fa5c..3a5c7fe2 100644
--- a/docs/documentation/v5/installation-and-usage/index.html
+++ b/docs/documentation/v5/installation-and-usage/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/overview/index.html b/docs/documentation/v5/overview/index.html
index d893109f..c6033ca0 100644
--- a/docs/documentation/v5/overview/index.html
+++ b/docs/documentation/v5/overview/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
This is an image slider developed with vueopen in new window 2 which comes with 20 cool transitions out of the box.
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
You can view a demo hereopen in new window.
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
npm install --save vue-flux@previous
@@ -60,6 +60,6 @@
    <div>CONTENT</div>
 </flux-parallax>
 
 Troubleshooting
If you find yourself running into issues during installation or running the slider, please check our documentationopen in new window. If still needs help open an issueopen in new window. We would be happy to discuss how they can be solved.
 Documentation
You can view the full documentation at the project's documentationopen in new window with examples and detailed information.
 Changelog
Check the changelog for update info.
 Inspiration
This slider was inspired by Flux Slideropen in new window.
 Contributing
Contributions, questions and comments are all welcome and encouraged.
Do not hesitate to send me your own transitions to add them to the slider.

-    
+    
   
 
diff --git a/docs/documentation/v5/ssr-with-nuxt/index.html b/docs/documentation/v5/ssr-with-nuxt/index.html
index 04c17e99..43b3cfc3 100644
--- a/docs/documentation/v5/ssr-with-nuxt/index.html
+++ b/docs/documentation/v5/ssr-with-nuxt/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/templating/index.html b/docs/documentation/v5/templating/index.html
index 1a46ca25..1877ef88 100644
--- a/docs/documentation/v5/templating/index.html
+++ b/docs/documentation/v5/templating/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/blinds2d/index.html b/docs/documentation/v5/transitions/blinds2d/index.html
index 8c47bec4..10cba264 100644
--- a/docs/documentation/v5/transitions/blinds2d/index.html
+++ b/docs/documentation/v5/transitions/blinds2d/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/blinds3d/index.html b/docs/documentation/v5/transitions/blinds3d/index.html
index 87f12edf..fbd125b3 100644
--- a/docs/documentation/v5/transitions/blinds3d/index.html
+++ b/docs/documentation/v5/transitions/blinds3d/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/blocks1/index.html b/docs/documentation/v5/transitions/blocks1/index.html
index 613503d0..8f10cbae 100644
--- a/docs/documentation/v5/transitions/blocks1/index.html
+++ b/docs/documentation/v5/transitions/blocks1/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/blocks2/index.html b/docs/documentation/v5/transitions/blocks2/index.html
index 28d8ac8d..ffcf87eb 100644
--- a/docs/documentation/v5/transitions/blocks2/index.html
+++ b/docs/documentation/v5/transitions/blocks2/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/book/index.html b/docs/documentation/v5/transitions/book/index.html
index 90488295..f331d0f7 100644
--- a/docs/documentation/v5/transitions/book/index.html
+++ b/docs/documentation/v5/transitions/book/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/camera/index.html b/docs/documentation/v5/transitions/camera/index.html
index 8f133f22..e1d3db64 100644
--- a/docs/documentation/v5/transitions/camera/index.html
+++ b/docs/documentation/v5/transitions/camera/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/concentric/index.html b/docs/documentation/v5/transitions/concentric/index.html
index 156e928b..32d88b83 100644
--- a/docs/documentation/v5/transitions/concentric/index.html
+++ b/docs/documentation/v5/transitions/concentric/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/cube/index.html b/docs/documentation/v5/transitions/cube/index.html
index af94dc3b..35c001c0 100644
--- a/docs/documentation/v5/transitions/cube/index.html
+++ b/docs/documentation/v5/transitions/cube/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/explode/index.html b/docs/documentation/v5/transitions/explode/index.html
index 73295d97..6144a232 100644
--- a/docs/documentation/v5/transitions/explode/index.html
+++ b/docs/documentation/v5/transitions/explode/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/fade/index.html b/docs/documentation/v5/transitions/fade/index.html
index 4a8e1ca5..03afaecb 100644
--- a/docs/documentation/v5/transitions/fade/index.html
+++ b/docs/documentation/v5/transitions/fade/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/fall/index.html b/docs/documentation/v5/transitions/fall/index.html
index fb96b051..f202304e 100644
--- a/docs/documentation/v5/transitions/fall/index.html
+++ b/docs/documentation/v5/transitions/fall/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/index.html b/docs/documentation/v5/transitions/index.html
index 91255259..464ad7d0 100644
--- a/docs/documentation/v5/transitions/index.html
+++ b/docs/documentation/v5/transitions/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
VueFlux comes with nice 20 transitions.
NameComponentDescription
Blinds 2DtransitionBlinds2dDivides the image in vertical bars that blinds and fades out
Blinds 3DtransitionBlinds3dDivides the image in vertical bars that blinds 180 deg to form the next image
Blocks 1transitionBlocks1The image is split in blocks that shrink and fade out randomly
Blocks 2transitionBlocks2The image is split in blocks that shrink and fade out in wave from a corner to the opposite
BooktransitionBookMakes the effect of turning a page to display next image
CameratransitionCameraFrom outside to inside the image is being cropped like in a camera lens
ConcentrictransitionConcentricA concentric effect is performed by rotating the image converted into circles
CubetransitionCubeTurns the image to a side like if place in a cube
ExplodetransitionExplodeThe image is split in blocks that explode revealing the next image
FadetransitionFadeFades from one image to next
FalltransitionFallThe image falls in front displaying next image
KenburntransitionKenburnFades, zoom and moves current image to next
Round 1transitionRound1The image is split in blocks that turn 180 deg horizontally to form next image
Round 2transitionRound2The image is split in blocks that round vertically until disappear
SlidetransitionSlideSlides the image horizontally revealing the next
SwipetransitionSwipeSwipes the image to display next like uncovered with a curtain
WarptransitionWarpA concentric effect is performed by rotating the image converted into circles in alternate direction
WaterfalltransitionWaterfallDivides the image in bars and drops them down in turns
WavetransitionWaveMakes the image 3D and divides it in slices that turn vertically to display the next image
ZiptransitionZipDivides the image in bars and slides them up and down alternately like a zip

-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/kenburn/index.html b/docs/documentation/v5/transitions/kenburn/index.html
index 40b48524..b25c17cb 100644
--- a/docs/documentation/v5/transitions/kenburn/index.html
+++ b/docs/documentation/v5/transitions/kenburn/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/round1/index.html b/docs/documentation/v5/transitions/round1/index.html
index dd7e7dea..10d82a1e 100644
--- a/docs/documentation/v5/transitions/round1/index.html
+++ b/docs/documentation/v5/transitions/round1/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/round2/index.html b/docs/documentation/v5/transitions/round2/index.html
index c68d4da3..7329cdf8 100644
--- a/docs/documentation/v5/transitions/round2/index.html
+++ b/docs/documentation/v5/transitions/round2/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/slide/index.html b/docs/documentation/v5/transitions/slide/index.html
index c541222e..26d1b2ae 100644
--- a/docs/documentation/v5/transitions/slide/index.html
+++ b/docs/documentation/v5/transitions/slide/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/swipe/index.html b/docs/documentation/v5/transitions/swipe/index.html
index bf9fcc05..8ca7a870 100644
--- a/docs/documentation/v5/transitions/swipe/index.html
+++ b/docs/documentation/v5/transitions/swipe/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/warp/index.html b/docs/documentation/v5/transitions/warp/index.html
index 815ece43..d1fc078d 100644
--- a/docs/documentation/v5/transitions/warp/index.html
+++ b/docs/documentation/v5/transitions/warp/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/waterfall/index.html b/docs/documentation/v5/transitions/waterfall/index.html
index 3765c019..fe2595a6 100644
--- a/docs/documentation/v5/transitions/waterfall/index.html
+++ b/docs/documentation/v5/transitions/waterfall/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/wave/index.html b/docs/documentation/v5/transitions/wave/index.html
index a51ec069..02c34d33 100644
--- a/docs/documentation/v5/transitions/wave/index.html
+++ b/docs/documentation/v5/transitions/wave/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v5/transitions/zip/index.html b/docs/documentation/v5/transitions/zip/index.html
index 01193a98..24cff3fa 100644
--- a/docs/documentation/v5/transitions/zip/index.html
+++ b/docs/documentation/v5/transitions/zip/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/changelog/index.html b/docs/documentation/v6/changelog/index.html
index ae4a96cd..0773e4a3 100644
--- a/docs/documentation/v6/changelog/index.html
+++ b/docs/documentation/v6/changelog/index.html
@@ -23,12 +23,12 @@
 			}
     
     Changelog | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Changelog
 6.4.0
Make component FluxIndex take into account aspect ratio from config to display the images.
 6.3.1
Fix direction problem.
 6.3.0
Add description slot to VueFlux component.
 6.2.3
Fix image resizing in parallax when smaller than the element.
 6.2.2
Just some css fixes.
 6.2.1
Update deps, better controls vertical centering and set caption size to border box.
 6.2.0
Add unit tests and a workaround for fixed background in ios so it is 100% compatible to all modern browsers.
 6.1.1
Fixes missing CSS for SSR version, due to changes in latest node for setting ENV vars.
 6.1.0
Added the option aspectRatio to allow to define a default.
The option has to be defined as string with two numbers separated by colon.
The default remains as '16:9'
 6.0.4
Fix some minor issues on image load error.
 6.0.3
Fix index of images loaded with.
 6.0.2
Fix FluxControls complement classes
 6.0.1
Fix Transitions controller to stop autoplaying when option infinite set to false under certain circumstances.
 6.0.0
This new version comes with a lot of improvements, in code, functionality and performance.
Bugs fixed:
  • Parallax type fixed is fixed for android, IOS not working due to bug, expecting to fix it in next release
  • Image glitch caused by latest node lifecycle and browser rendering engines
New features:
  • Performance increased
  • Components can be used independently out of slider, becoming an image tools library
  • Created FluxPreloader component to handle images reactivity loading and spinner
  • Created FluxTransition component so a transition can be run anywhere in the application
  • Added lazyLoad and lazyLoadAfter options
  • Added events
  • Improved reactivity
  • Captions are now themable
  • Pagination items are now themable
  • SSR full support and friendly
  • Added an option to skip transitions
  • Added images base path option
  • Added controllers for display, timers, transitions, images and touches
  • Added throw when error detected
  • Changed controls' icons from png string to svg
  • Simplified a lot the way the transitions are defined and added some automatic methods
  • Transition options have a more logical schema
  • Improved documentation
  • Update syntax to vue 2.6 version
  • Some transitions have been adjusted and look better
  • Add previous direction to some transitions
  • Camera transition looks like real lens now
  • Previous direction of warp transition looks like kaleidoscope
  • Transition helpers have been added
  • Complements are more responsive to sizes
Other changes:
  • Option fullscreen has been renamed to allowFullscreen
  • Options width and height have been removed
  • Mobile gestures do not kidnap the event now and slide up gesture has been removed

-    
+    
   
 
diff --git a/docs/documentation/v6/complements/flux-caption/index.html b/docs/documentation/v6/complements/flux-caption/index.html
index 7c63cff8..6135e71d 100644
--- a/docs/documentation/v6/complements/flux-caption/index.html
+++ b/docs/documentation/v6/complements/flux-caption/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxCaption | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxCaption
WARNING
I am using here the latest 2.6 vue syntax for slots, but if your Vue version is older check Named-Slotsopen in new window to see how slots are used in previous versions.
 Description
The included component to display image captions.
TIP
Captions are passed to vue-flux component instead of this because they are used in multiple complements and will be available even if this component is not used.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of caption inside vue-flux
<vue-flux
@@ -131,6 +131,6 @@
    </template>
 </vue-flux>
 

-    
+    
   
 
diff --git a/docs/documentation/v6/complements/flux-controls/index.html b/docs/documentation/v6/complements/flux-controls/index.html
index e0735c5c..9e9368db 100644
--- a/docs/documentation/v6/complements/flux-controls/index.html
+++ b/docs/documentation/v6/complements/flux-controls/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxControls | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxControls
WARNING
I am using here the latest 2.6 vue syntax for slots, but if your Vue version is older check Named-Slotsopen in new window to see how slots are used in previous versions.
 Description
The included component to display controls with the buttons previous, next, play and pause.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of controls inside vue-flux
<vue-flux
@@ -89,6 +89,6 @@
    },
 }
 
 Properties
 vf
The VueFlux instance component.
  • Type: VueFlux
 display
Will return true if the slider is loaded and mouse moved over.
  • Type: Boolean
 captions
The array of captions passed originally to the VueFlux component.
  • Type: Array
 Methods
 getCaption(index)
Gets the caption element corresponding to the index captions array.
If no index defined will return the one of current image.
  • index 
    • Type: Number
    • Required: false
 getCaptionText(index)
Gets the caption text corresponding to the index captions array.
If no index defined will return the one of current image.
  • index 
    • Type: Number
    • Required: false

-    
+    
   
 
diff --git a/docs/documentation/v6/complements/flux-index/index.html b/docs/documentation/v6/complements/flux-index/index.html
index 9615354d..258802a4 100644
--- a/docs/documentation/v6/complements/flux-index/index.html
+++ b/docs/documentation/v6/complements/flux-index/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxIndex | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxIndex
WARNING
I am using here the latest 2.6 vue syntax for slots, but if your Vue version is older check Named-Slotsopen in new window to see how slots are used in previous versions.
 Description
The included component to display an index of all images so it is a good resource when the slider contains many images.
You can place it inside the vue-flux component or outside and give it any style you want, meaning horizontal, vertical, with arrows, with scroll, etc. The default style is only applied if located inside and can be easily overwritten.
It will display a button when no transition is active nor mouse over.
The index will auto hide after choosing an image with default styles.
The current image will have class current.
Placing the mouse over will display the caption if defined.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of index inside vue-flux
<vue-flux
@@ -89,6 +89,6 @@
    },
 }
 
 Properties
 vf
The VueFlux instance component.
  • Type: VueFlux
 display
Will return true if the slider is loaded.
  • Type: Boolean
 displayButton
Will return true if the mouse moved over.
  • Type: Boolean
 captions
The array of captions passed originally to the VueFlux component.
  • Type: Array
 Methods
 toggle()
Toggles displaying the index of images.
 show()
Shows the images index.
 hide(number)
Hides the images index.
If number specified, the slider will show the image in that position of the current images array.
  • number 
    • Type: Number
    • Required: false
 show(number)
The slider will show the image in that position of the current images array.
  • number 
    • Type: Number
    • Required: true

-    
+    
   
 
diff --git a/docs/documentation/v6/complements/flux-pagination/index.html b/docs/documentation/v6/complements/flux-pagination/index.html
index 7c651475..7ce82e2d 100644
--- a/docs/documentation/v6/complements/flux-pagination/index.html
+++ b/docs/documentation/v6/complements/flux-pagination/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxPagination | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxPagination
WARNING
I am using here the latest 2.6 vue syntax for slots, but if your Vue version is older check Named-Slotsopen in new window to see how slots are used in previous versions.
 Description
The included component to display a pagination of the images, good when it does not contain too many images.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of pagination inside vue-flux
<vue-flux
@@ -120,6 +120,6 @@
    </template>
 </vue-flux>
 

-    
+    
   
 
diff --git a/docs/documentation/v6/complements/flux-preloader/index.html b/docs/documentation/v6/complements/flux-preloader/index.html
index 2f4ce987..2de49721 100644
--- a/docs/documentation/v6/complements/flux-preloader/index.html
+++ b/docs/documentation/v6/complements/flux-preloader/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxPreloader | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxPreloader
WARNING
I am using here the latest 2.6 vue syntax for slots, but if your Vue version is older check Named-Slotsopen in new window to see how slots are used in previous versions.
 Description
The included component in charge of showing the spinner and run transition when the images array change.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 spinner
Define if you want to display the spinner.
  • Type: Boolean
  • Required: false
  • Default: true
 transition
Is the transition name that you want to run when the images array change.
If no transition defined, the transition run will be the next of the transitions array.
  • Type: String
  • Required: false
 Properties
 vf
The VueFlux instance component.
  • Type: VueFlux
 captions
The array of captions passed originally to the VueFlux component.
  • Type: Array
 Templating
You can customize the spinner element using the slot.
You can get the progress through the Images controller, like vf.Images.progress where vf is the slider instance component.
The progress will be returned always as percentage. But you can access other Images controller variables like the following:
  • loaded: Number
  • progress: Number
  • preloading: Boolean
  • lazyloading: Boolean
Feel free to take a look at the Images controlleropen in new window.
 Custom component
<vue-flux
@@ -57,6 +57,6 @@
    </template>
 </vue-flux>
 

-    
+    
   
 
diff --git a/docs/documentation/v6/complements/index.html b/docs/documentation/v6/complements/index.html
index 0c04fba9..d70cafa3 100644
--- a/docs/documentation/v6/complements/index.html
+++ b/docs/documentation/v6/complements/index.html
@@ -23,12 +23,12 @@
 			}
     
     Complements | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Complements
This components are complements because extend the functionlity of VueFlux component, so they depend on it and can not be used without it.
NameDescription
FluxCaptionDisplays a caption corresponding to an image
FluxControlsDisplays previous, play / pause and next buttons
FluxIndexDisplays a button that once pressed opens an index of all images
FluxPaginationDisplays an image pagination to navigate through them
FluxPreloaderDisplays a spinner while images are being preloaded and causes a transition to run when the slider images changed

-    
+    
   
 
diff --git a/docs/documentation/v6/components/flux-button/index.html b/docs/documentation/v6/components/flux-button/index.html
index 777305f3..05ab3507 100644
--- a/docs/documentation/v6/components/flux-button/index.html
+++ b/docs/documentation/v6/components/flux-button/index.html
@@ -23,12 +23,12 @@
 			}
     
     FluxButton | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/components/flux-cube/index.html b/docs/documentation/v6/components/flux-cube/index.html
index 712b2af3..4dde7657 100644
--- a/docs/documentation/v6/components/flux-cube/index.html
+++ b/docs/documentation/v6/components/flux-cube/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxCube | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxCube
 Description
Component composed by up to 6 FluxImage that forms a cube.
 Attributes
 color
Sets the background color to all sides.
The values can be any valid CSS color.
  • Type: String
  • Required: false
 colors
Sets the background color to defined sides.
The values can be any valid CSS color.
  • Type: Object
  • Required: false
  • Schema:
{
@@ -57,6 +57,6 @@
    right: Object,
 }
 
 Methods
 getSide(side)
Gets the image by side.
  • side 
    • Type: String
    • Values: 'back' | 'top' | 'bottom' | 'left' | 'right'
    • Returns: the FluxImage side component.
 setCss(css)
Set CSS styles to the cube.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 transform(css)
Sets the CSS styles to be transformed to within a transition.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 show()
Show the cube, setting visibility to visible.
 hide()
Hide the cube, setting visibility to hidden.
 turn(side)
Turns the cube to specified side (front, back, top, bottom, left, right).
  • side 
    • Type: String
    • Values: 'front' | back' | 'top' | 'bottom' | 'left' | 'right'
 turnTop()
Turns the cube to top.
 turnBack()
Turns the cube to back side.
 turnBottom()
Turns the cube to bottom.
 turnLeft()
Turns the cube to left.
 turnRight()
Turns the cube to right.

-    
+    
   
 
diff --git a/docs/documentation/v6/components/flux-grid/index.html b/docs/documentation/v6/components/flux-grid/index.html
index eb6ca87e..8bebd1a9 100644
--- a/docs/documentation/v6/components/flux-grid/index.html
+++ b/docs/documentation/v6/components/flux-grid/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxGrid | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxGrid
 Description
Component to make grid of image or cube.
 Attributes
 rows
The number of rows the grid will be made of.
  • Type: Number
  • Required: false
  • Default: 1
 cols
The number of cols the grid will be made of.
  • Type: Number
  • Required: false
  • Default: 1
 color
Sets the background color.
The values can be any valid CSS color.
  • Type: String
  • Required: false
 colors
Sets the background color to defined sides in case grid is made of cubes.
The values can be any valid CSS color.
  • Type: Object
  • Required: false
  • Schema:
{
@@ -59,6 +59,6 @@
    });
 });
 
 show()
Show the grid, setting visibility to visible.
 hide()
Hide the grid, setting visibility to hidden.

-    
+    
   
 
diff --git a/docs/documentation/v6/components/flux-image/index.html b/docs/documentation/v6/components/flux-image/index.html
index 93ce3778..636bdedb 100644
--- a/docs/documentation/v6/components/flux-image/index.html
+++ b/docs/documentation/v6/components/flux-image/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxImage | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxImage
 Description
The FluxImage component represents the lowest component of library and displays an image, part of it or a color.
 Attributes
 color
Sets the background color.
The values can be any valid CSS color.
  • Type: String
  • Required: false
 image
The URL of the image to be displayed.
  • Type: String
  • Required: false
 size
This size is the width and height in pixels that the component will have.
If receives an image, the image will be scaled and positioned to cover this size.
  • Type: Object
  • Required: false
  • Schema:
{
@@ -41,6 +41,6 @@
    left: Number,
 }
 
 css
Object with CSS styles in camel case to apply to component.
  • Type: Object
  • Required: false
 Methods
 setCss(css)
Set CSS styles to the image.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 transform(css)
Sets the CSS styles to be transformed to within a transition.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 show()
Show the image, setting visibility to visible.
 hide()
Hide the image, setting visibility to hidden.

-    
+    
   
 
diff --git a/docs/documentation/v6/components/flux-parallax/index.html b/docs/documentation/v6/components/flux-parallax/index.html
index dcafa810..29ad6f32 100644
--- a/docs/documentation/v6/components/flux-parallax/index.html
+++ b/docs/documentation/v6/components/flux-parallax/index.html
@@ -23,12 +23,12 @@
 			}
     
     FluxParallax | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxParallax
 Description
Creates a parallax effect given an image. It can recreate 3 types, relative, visible and fixed.
TIP
Do not forget to set the height with CSS if has no content, otherwise you probably will not see anything.
 Attributes
 src
The image URL to be displayed.
  • Type: String
  • Required: true
 holder
Represents the object that should be watched for scrolling.
  • Type: String
  • Required: false
  • Default: window
TIP
This parameter has no effect when the effect type set to fixed
 type
Depending on the type the effect will differ.
  • Type: String
  • Required: false
  • Default: relative
 relative
This type is the default and moves the image with the defined offset when scrolling until reaches the edge.
 visible
This works pretty like the relative except because the image will not start moving until the whole image is visible.
 fixed
Makes the parallax element like a window through you can view the defined image, and you see the part of the image where the parallax position.
 offset
Is the amount of image hidden that will be displayed when scrolling.
If set in percentage the amount of pixels will be calculated in reference of height. So if the height is 300px, and the offset is set to 100% then the image will displace for 300px.
  • Type: Number | String
  • Required: false
  • Default: 100%
TIP
This parameter has no effect when the effect type set to fixed
 Methods
 resize()
Recalculates the sizes.
 setCss(css)
Set CSS styles to the parallax.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object

-    
+    
   
 
diff --git a/docs/documentation/v6/components/flux-transition/index.html b/docs/documentation/v6/components/flux-transition/index.html
index 9edb9548..ee172c84 100644
--- a/docs/documentation/v6/components/flux-transition/index.html
+++ b/docs/documentation/v6/components/flux-transition/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxTransition | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxTransition
 Description
Component to display a transition between two images.
 Attributes
 size
This size is the width and height in pixels that the component will have.
The transition images will be scaled and positioned to cover this size.
  • Type: Object
  • Required: true
  • Schema:
{
@@ -37,6 +37,6 @@
    component: Component,
 }
 
WARNING
If the included transition is not found, or custom transition component attribute not defined, an error will be thrown.
TIP
Check included transitions or custom transitions for more details.
 from
This attribute will define transition starting image.
  • Type: String
  • Required: true
 to
This attribute will define transition ending image.
  • Type: String
  • Required: true
 options
The transition options to overwrite the transition parameters.
  • Type: Object
  • Required: false
The available options depend on transition, so check the transition to know which ones can be modified.
For custom transitions, will apply the same.
 Methods
 start()
This method will call the method playedof the transition component, starting the transition.
 getDuration()
  • Returns: the number in ms the transition will last.
 Events
  • ready: will be fired when the transition is ready to play because the components are rendered.
  • start: will let know when transition has started.
  • end: fired when transition ended.

-    
+    
   
 
diff --git a/docs/documentation/v6/components/flux-vortex/index.html b/docs/documentation/v6/components/flux-vortex/index.html
index 04f6a93f..171948f2 100644
--- a/docs/documentation/v6/components/flux-vortex/index.html
+++ b/docs/documentation/v6/components/flux-vortex/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxVortex | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxVortex
 Description
Image component made of concentric circles.
 Attributes
 circles
The number of circles the vortex will be made of.
  • Type: Number
  • Required: false
  • Default: 1
 image
The URL of the image to be displayed.
  • Type: String
  • Required: true
 size
This size is the width and height in pixels that the component will have.
The image will be scaled and positioned to cover this size.
  • Type: Object
  • Required: true
  • Schema:
{
@@ -33,6 +33,6 @@
    height: Number,
 }
 
 css
Object with CSS styles in camel case to apply to component.
  • Type: Object
  • Required: false
 tile-css
Object with CSS styles in camel case to be applied to all tiles.
  • Type: Object
  • Required: false
 Methods
 setCss(css)
Set CSS styles to the image.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 transform(css)
Sets the CSS styles to be transformed to within a transition.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 show()
Show the image, setting visibility to visible.
 hide()
Hide the image, setting visibility to hidden.

-    
+    
   
 
diff --git a/docs/documentation/v6/components/flux-wrapper/index.html b/docs/documentation/v6/components/flux-wrapper/index.html
index 058a75db..13cee060 100644
--- a/docs/documentation/v6/components/flux-wrapper/index.html
+++ b/docs/documentation/v6/components/flux-wrapper/index.html
@@ -23,12 +23,12 @@
 			}
     
     FluxWrapper | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxWrapper
 Description
A wrapper component for special needs like in some transitions. Sets CSS style overflow as hidden by default.
 Methods
 setCss(css)
Set CSS styles to the image.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 transform(css)
Sets the CSS styles to be transformed to within a transition.
  • css 
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object
 show()
Show the image, setting visibility to visible.
 hide()
Hide the image, setting visibility to hidden.
 Slots
 default
This component has a default slot to place anything you need within.

-    
+    
   
 
diff --git a/docs/documentation/v6/components/index.html b/docs/documentation/v6/components/index.html
index 989d1b0c..2f1f0596 100644
--- a/docs/documentation/v6/components/index.html
+++ b/docs/documentation/v6/components/index.html
@@ -23,12 +23,12 @@
 			}
     
     Components | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Components
NameDescription
VueFluxThe main slider component. Check the complements that you can use to extend functionality
FluxButtonComponent used to display svg buttons
FluxCubeComponent capable to display a cube (6 sides) of images
FluxGridComponent that divides an image into blocks or cubes of images
FluxImageThe most basic component that displays the image
FluxParallaxMakes an image move in concordance of page scroll
FluxTransitionThis is the component in charge of running a transition from an image to another
FluxVortexComponent that displays an image in a set of nested circles
FluxWrapperJust a wrapper to easy some transitions

-    
+    
   
 
diff --git a/docs/documentation/v6/components/vue-flux/index.html b/docs/documentation/v6/components/vue-flux/index.html
index cb147d57..9dc0b697 100644
--- a/docs/documentation/v6/components/vue-flux/index.html
+++ b/docs/documentation/v6/components/vue-flux/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 VueFlux
 Description
This is the main component of the slider and will be the frame that displays the images.
 Attributes
All the attributes are reactive, so if you change their value at any moment, the slider will be updated automatically.
 options
An object containing the slider options.
  • Type: Object
  • Required: false
This are the available options.
OptionTypeDefaultDescription
allowFullscreenBooleanfalseAllows the slider to be displayed in full screen
allowToSkipTransitionBooleantrueIf enabled you will be able to skip the running transition, otherwise you need to wait to interact again
aspectRatiostring16:9Aspect ratio to set the slider by width:height ratio
autohideTimenumber2500The time in ms that the controls and index buttons remain visible. If set to 0 they will never disappear
autoplayBooleanfalseAutoplay images when preload finished
bindKeysBooleanfalseBinds the arrow keys of keyboard to show next or previous
delaynumber5000The time in ms that an image will be displayed before changing to next
enableGesturesBooleanfalseDefine if in touchable screens should use gestures instead of showing control and index buttons
infiniteBooleantrueThe slider will start over when reaches the last image, otherwise will stop
lazyLoadBooleantrueEnables or disables lazy loading of images. If disabled, transitions will not begin until all images have been loaded
lazyLoadAfternumber3Indicates how many images have to be loaded before starting to load the rest in background
pathstringThe images common path, which will be prepended to images URL
This is the default options schema:
{
@@ -172,6 +172,6 @@
    </template>
 </vue-flux>
 
 Events
  • created: fired when the slider component is created.
  • mounted: fired when the slider component is mounted.
  • destroyed: fired when the slider component is destroyed.
  • options-updated: fired when the options have been updated.
  • ready: fired when the slider is ready and will start to display images.
  • play: fired when auto playing images.
  • stop: fired when stopped to auto play images.
  • show: fired when requested to show an image.
  • fullscreen-enter: fired when entered in full screen mode.
  • fullscreen-exit: fired when exit from full screen.
  • images-preload-start: fired when started to preload images.
  • images-preload-end: fired when finished to preload images.
  • images-lazyload-start: fired when start to lazy loading images.
  • images-lazyload-end: fired when finished to lay loading images.
  • transitions-updated: fired when transitions updated.
  • transition-start: fired when transition begin.
  • transition-cancel: fired when transition is running and is being cancelled.
  • transition-end: fired when transition finish.
 References
 container
The slider container that wraps everything
  • Type: <div>
 image
The component that shows the image between transitions.
  • Type: FluxImage
 transition
The component that runs the transition between images.
  • Type: FluxTransition

-    
+    
   
 
diff --git a/docs/documentation/v6/custom-transitions/index.html b/docs/documentation/v6/custom-transitions/index.html
index dea3d32a..b0ffbc9f 100644
--- a/docs/documentation/v6/custom-transitions/index.html
+++ b/docs/documentation/v6/custom-transitions/index.html
@@ -23,9 +23,9 @@
 			}
     
     Custom transitions | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Custom transitions
Transitions use the mixin BaseTransition to perform basic and shared logic.
 Data
 totalDuration
Represents the transition duration in ms.
  • Type: Number
  • Required: true
WARNING
You must specify this in data to let the slider know when transition ends.
TIP
If the duration depends on transition options, you can set its value in the created hook, but don't forget to initialize it.
 Properties
 size
This size is the width and height of the slider.
  • Type: Object
  • Schema:
{
@@ -171,6 +171,6 @@
    },
 };
 
TIP
You can see the transitions source codeopen in new window to get more ideas or examples.

-    
+    
   
 
diff --git a/docs/documentation/v6/installation-and-usage/index.html b/docs/documentation/v6/installation-and-usage/index.html
index 42356a06..86d0040c 100644
--- a/docs/documentation/v6/installation-and-usage/index.html
+++ b/docs/documentation/v6/installation-and-usage/index.html
@@ -23,9 +23,9 @@
 			}
     
     Installation and usage | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/overview/index.html b/docs/documentation/v6/overview/index.html
index e4e6e6d5..067cebe9 100644
--- a/docs/documentation/v6/overview/index.html
+++ b/docs/documentation/v6/overview/index.html
@@ -23,9 +23,9 @@
 			}
     
     Overview | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Overview
This is an image slider developed with vueopen in new window 2 which comes with 20 cool transitions out of the box.
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
You can view some demos here (WIP).
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
Install and save the package.
npm install --save vue-flux@stable
@@ -94,6 +94,6 @@
    <div>CONTENT</div>
 </flux-parallax>
 
 Troubleshooting
If you find yourself running into issues during installation or running the slider, please check our documentationopen in new window. If still needs help open an issueopen in new window. We would be happy to discuss how they can be solved.
 Documentation
You can view the full documentation at the project's documentationopen in new window with examples and detailed information.
 Changelog
Check the changelogopen in new window for update info.
 Inspiration
This slider was inspired by Flux Slideropen in new window.
 Contributing
Contributions, questions and comments are all welcome and encouraged.
Do not hesitate to send me your own transitions to add them to the slider.

-    
+    
   
 
diff --git a/docs/documentation/v6/ssr-with-nuxt/index.html b/docs/documentation/v6/ssr-with-nuxt/index.html
index ce02707e..e23300e0 100644
--- a/docs/documentation/v6/ssr-with-nuxt/index.html
+++ b/docs/documentation/v6/ssr-with-nuxt/index.html
@@ -23,9 +23,9 @@
 			}
     
     SSR with Nuxt | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/blinds2d/index.html b/docs/documentation/v6/transitions/blinds2d/index.html
index 948d195c..1752b42a 100644
--- a/docs/documentation/v6/transitions/blinds2d/index.html
+++ b/docs/documentation/v6/transitions/blinds2d/index.html
@@ -23,12 +23,12 @@
 			}
     
     Blinds 2D | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/blinds3d/index.html b/docs/documentation/v6/transitions/blinds3d/index.html
index c00db63a..9c6b6343 100644
--- a/docs/documentation/v6/transitions/blinds3d/index.html
+++ b/docs/documentation/v6/transitions/blinds3d/index.html
@@ -23,12 +23,12 @@
 			}
     
     Blinds 3D | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/blocks1/index.html b/docs/documentation/v6/transitions/blocks1/index.html
index 201d3c67..e9e4b892 100644
--- a/docs/documentation/v6/transitions/blocks1/index.html
+++ b/docs/documentation/v6/transitions/blocks1/index.html
@@ -23,12 +23,12 @@
 			}
     
     Blocks 1 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/blocks2/index.html b/docs/documentation/v6/transitions/blocks2/index.html
index 0f085b64..26b869d8 100644
--- a/docs/documentation/v6/transitions/blocks2/index.html
+++ b/docs/documentation/v6/transitions/blocks2/index.html
@@ -23,12 +23,12 @@
 			}
     
     Blocks 2 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/book/index.html b/docs/documentation/v6/transitions/book/index.html
index f0e26e0d..aedf4d3a 100644
--- a/docs/documentation/v6/transitions/book/index.html
+++ b/docs/documentation/v6/transitions/book/index.html
@@ -23,12 +23,12 @@
 			}
     
     Book | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/camera/index.html b/docs/documentation/v6/transitions/camera/index.html
index 6a12fef1..b5f06be3 100644
--- a/docs/documentation/v6/transitions/camera/index.html
+++ b/docs/documentation/v6/transitions/camera/index.html
@@ -23,12 +23,12 @@
 			}
     
     Camera | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/concentric/index.html b/docs/documentation/v6/transitions/concentric/index.html
index d5d06a60..2cb824b2 100644
--- a/docs/documentation/v6/transitions/concentric/index.html
+++ b/docs/documentation/v6/transitions/concentric/index.html
@@ -23,12 +23,12 @@
 			}
     
     Concentric | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/cube/index.html b/docs/documentation/v6/transitions/cube/index.html
index cc30c985..f2d1c3b3 100644
--- a/docs/documentation/v6/transitions/cube/index.html
+++ b/docs/documentation/v6/transitions/cube/index.html
@@ -23,12 +23,12 @@
 			}
     
     Cube | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/explode/index.html b/docs/documentation/v6/transitions/explode/index.html
index b687fa58..5b40c6b7 100644
--- a/docs/documentation/v6/transitions/explode/index.html
+++ b/docs/documentation/v6/transitions/explode/index.html
@@ -23,12 +23,12 @@
 			}
     
     Explode | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/fade/index.html b/docs/documentation/v6/transitions/fade/index.html
index 93969b33..a3512f4c 100644
--- a/docs/documentation/v6/transitions/fade/index.html
+++ b/docs/documentation/v6/transitions/fade/index.html
@@ -23,12 +23,12 @@
 			}
     
     Fade | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/fall/index.html b/docs/documentation/v6/transitions/fall/index.html
index 306a6bfa..9b8c2e47 100644
--- a/docs/documentation/v6/transitions/fall/index.html
+++ b/docs/documentation/v6/transitions/fall/index.html
@@ -23,12 +23,12 @@
 			}
     
     Fall | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/index.html b/docs/documentation/v6/transitions/index.html
index ac0ae820..d47eb5a0 100644
--- a/docs/documentation/v6/transitions/index.html
+++ b/docs/documentation/v6/transitions/index.html
@@ -23,12 +23,12 @@
 			}
     
     Transitions | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Transitions
VueFlux comes with nice 20 transitions.
NameComponentDescription
blinds2dTransitionBlinds2dDivides the image in vertical bars that blinds and fades out
blinds3dTransitionBlinds3dDivides the image in vertical bars that blinds 180 deg to form the next image
blocks1TransitionBlocks1The image is split in blocks that shrink and fade out randomly
blocks2TransitionBlocks2The image is split in blocks that shrink and fade out in wave from a corner to the opposite
bookTransitionBookMakes the effect of turning a page to display next image
cameraTransitionCameraFrom outside to inside the image is being cropped like in a camera lens
concentricTransitionConcentricA concentric effect is performed by rotating the image converted into circles
cubeTransitionCubeTurns the image to a side like if place in a cube
explodeTransitionExplodeThe image is split in blocks that explode revealing the next image
fadeTransitionFadeFades from one image to next
fallTransitionFallThe image falls in front displaying next image
kenburnTransitionKenburnFades, zoom and moves current image to next
round1TransitionRound1The image is split in blocks that turn 180 deg horizontally to form next image
round2TransitionRound2The image is split in blocks that round vertically until disappear
slideTransitionSlideSlides the image horizontally revealing the next
swipeTransitionSwipeSwipes the image to display next like uncovered with a curtain
warpTransitionWarpA concentric effect is performed by rotating the image converted into circles in alternate direction
waterfallTransitionWaterfallDivides the image in bars and drops them down in turns
waveTransitionWaveMakes the image 3D and divides it in slices that turn vertically to display the next image
zipTransitionZipDivides the image in bars and slides them up and down alternately like a zip

-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/kenburn/index.html b/docs/documentation/v6/transitions/kenburn/index.html
index e011b2c4..b9cc4f8f 100644
--- a/docs/documentation/v6/transitions/kenburn/index.html
+++ b/docs/documentation/v6/transitions/kenburn/index.html
@@ -23,12 +23,12 @@
 			}
     
     Kenburn | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/round1/index.html b/docs/documentation/v6/transitions/round1/index.html
index 5efd311c..f091a414 100644
--- a/docs/documentation/v6/transitions/round1/index.html
+++ b/docs/documentation/v6/transitions/round1/index.html
@@ -23,12 +23,12 @@
 			}
     
     Round 1 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/round2/index.html b/docs/documentation/v6/transitions/round2/index.html
index 38a8aace..7dbdb80a 100644
--- a/docs/documentation/v6/transitions/round2/index.html
+++ b/docs/documentation/v6/transitions/round2/index.html
@@ -23,12 +23,12 @@
 			}
     
     Round 2 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/slide/index.html b/docs/documentation/v6/transitions/slide/index.html
index 8ce9eaab..6517f9ba 100644
--- a/docs/documentation/v6/transitions/slide/index.html
+++ b/docs/documentation/v6/transitions/slide/index.html
@@ -23,12 +23,12 @@
 			}
     
     Slide | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/swipe/index.html b/docs/documentation/v6/transitions/swipe/index.html
index e11f3702..7c86f865 100644
--- a/docs/documentation/v6/transitions/swipe/index.html
+++ b/docs/documentation/v6/transitions/swipe/index.html
@@ -23,12 +23,12 @@
 			}
     
     Swipe | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/warp/index.html b/docs/documentation/v6/transitions/warp/index.html
index baa63d80..2406977f 100644
--- a/docs/documentation/v6/transitions/warp/index.html
+++ b/docs/documentation/v6/transitions/warp/index.html
@@ -23,12 +23,12 @@
 			}
     
     Warp | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/waterfall/index.html b/docs/documentation/v6/transitions/waterfall/index.html
index c76cf1a1..5cda5d68 100644
--- a/docs/documentation/v6/transitions/waterfall/index.html
+++ b/docs/documentation/v6/transitions/waterfall/index.html
@@ -23,12 +23,12 @@
 			}
     
     Waterfall | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/wave/index.html b/docs/documentation/v6/transitions/wave/index.html
index 387ea187..eb227e98 100644
--- a/docs/documentation/v6/transitions/wave/index.html
+++ b/docs/documentation/v6/transitions/wave/index.html
@@ -23,12 +23,12 @@
 			}
     
     Wave | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v6/transitions/zip/index.html b/docs/documentation/v6/transitions/zip/index.html
index a9e2ddc9..e98b9441 100644
--- a/docs/documentation/v6/transitions/zip/index.html
+++ b/docs/documentation/v6/transitions/zip/index.html
@@ -23,12 +23,12 @@
 			}
     
     Zip | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/changelog/index.html b/docs/documentation/v7/changelog/index.html
index 58997f7b..1ed8db15 100644
--- a/docs/documentation/v7/changelog/index.html
+++ b/docs/documentation/v7/changelog/index.html
@@ -23,13 +23,13 @@
 			}
     
     Changelog | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Changelog
This version is currently in alpha version, and although everything looks like working properly keep an eye on it if you decide to use it.
WARNING
From this version the styles are not bundled anymore inside the components, so you will have to import the CSS always like following way.
import 'vue-flux/style.css';
 
 7.0.0
This is by far the most enhanced version. Don't miss the new details:
Bugs fixed:
  • Still to check
New features:
  • Half size
  • TypesScript implemented
  • Added resource options
  • Added fit type for resizing resource
  • Able to use other resources than images, so custom components, videos, or anything
Other changes:
  • Removed path from VueFlux options

-    
+    
   
 
diff --git a/docs/documentation/v7/complements/flux-caption/index.html b/docs/documentation/v7/complements/flux-caption/index.html
index 70492c2f..801fe5b3 100644
--- a/docs/documentation/v7/complements/flux-caption/index.html
+++ b/docs/documentation/v7/complements/flux-caption/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxCaption | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxCaption
 Description
The included component to display resource captions.
 Props
interface Props {
@@ -108,10 +108,10 @@
 
 <FluxCaption
 	v-if="playerController"
-	:currentResource="playerController.resource.current"
-	:currentTransition="playerController.transition.current"
+	:currentResource="playerController..value.resource.current"
+	:currentTransition="playerController.value.transition.current"
 />
 
 Templating
You can customize how the captions are displayed. That is because this component has a default slot, so you can pass a custom component or template code.
You can see it in the demo

-    
+    
   
 
diff --git a/docs/documentation/v7/complements/flux-controls/index.html b/docs/documentation/v7/complements/flux-controls/index.html
index b6f50905..6395c5f4 100644
--- a/docs/documentation/v7/complements/flux-controls/index.html
+++ b/docs/documentation/v7/complements/flux-controls/index.html
@@ -22,154 +22,73 @@
 				document.documentElement.classList.toggle('dark', true);
 			}
     
-    VueFlux
-    
-    
-    
+    FluxControls | VueFlux
+    
+    
+    
           
         
 
   
-    
VueFlux
WIP
VueFlux
 FluxControls
WARNING
I am using here the latest 2.6 vue syntax for slots, but if your Vue version is older check Named-Slotsopen in new window to see how slots are used in previous versions.
 Description
The included component to display controls with the buttons previous, next, play and pause.
 Attributes
 slider
Is the VueFlux instance component from which to read the captions.
If you place this complement as a direct child in the VueFlux component you don't need to pass this attribute.
  • Type: VueFlux
  • Required: false
 Example of controls inside vue-flux
<vue-flux
+   :options="vfOptions"
+   :images="vfImages"
+   :transitions="vfTransitions">
+
+   <template v-slot:controls>
+      <flux-controls />
+   </template>
+</vue-flux>
+
import {
+   VueFlux,
    FluxControls
-} from 'vue-flux';
-
-export default {
-   components: {
-      VueFlux,
-      FluxControls,
-   },
-
-   data: () => ({
-      vfOptions: {
-         autoplay: true
-      },
-      vfImages: [ 'URL1', 'URL2', 'URL3' ],
-      vfTransitions: [ 'fade', 'slide' ],
-   }),
-}
-```
-
-#### Example of controls outside vue-flux
-
-``` html
-
-
-
-
-```
-
-``` js
-import {
-   VueFlux,
-   FluxControls,
-} from 'vue-flux';
-
-export default {
-   components: {
-      VueFlux,
-      FluxControls,
-   },
-
-   data: () => ({
-      mounted: false,
-      vfOptions: {
-         autoplay: true,
-      },
-      vfImages: [ 'URL1', 'URL2', 'URL3' ],
-      vfTransitions: [ 'fade', 'slide' ],
-   }),
-
-   mounted() {
-      this.mounted = true;
-   },
-}
-```
-
-## Properties
-
-### vf
-
-The `VueFlux` instance component.
-
-- **Type:** `VueFlux`
-
-### display
-
-Will return `true` if the slider is loaded and mouse moved over.
-
-- **Type:** `Boolean`
-
-### captions
-
-The array of captions passed originally to the VueFlux component.
-
-- **Type:** `Array`
-
-## Methods
-
-### getCaption(index)
-
-Gets the caption element corresponding to the index captions array.
-
-If no index defined will return the one of current image.
-
-- index
-  - Type: `Number`
-  - Required: `false`
-
-### getCaptionText(index)
-
-Gets the caption text corresponding to the index captions array.
-
-If no index defined will return the one of current image.
-
-- index
-  - Type: `Number`
-  - Required: `false`
- -->

-    
+} from 'vue-flux';
+
+export default {
+   components: {
+      VueFlux,
+      FluxControls,
+   },
+
+   data: () => ({
+      vfOptions: {
+         autoplay: true
+      },
+      vfImages: [ 'URL1', 'URL2', 'URL3' ],
+      vfTransitions: [ 'fade', 'slide' ],
+   }),
+}
+
 Example of controls outside vue-flux
<vue-flux
+   :options="fluxOptions"
+   :images="fluxImages"
+   :transitions="fluxTransitions"
+   ref="slider">
+</vue-flux>
+
+<flux-controls v-if="mounted" :slider="$refs.slider" />
+
import {
+   VueFlux,
+   FluxControls,
+} from 'vue-flux';
+
+export default {
+   components: {
+      VueFlux,
+      FluxControls,
+   },
+
+   data: () => ({
+      mounted: false,
+      vfOptions: {
+         autoplay: true,
+      },
+      vfImages: [ 'URL1', 'URL2', 'URL3' ],
+      vfTransitions: [ 'fade', 'slide' ],
+   }),
+
+   mounted() {
+      this.mounted = true;
+   },
+}
+
 Properties
 vf
The VueFlux instance component.
  • Type: VueFlux
 display
Will return true if the slider is loaded and mouse moved over.
  • Type: Boolean
 captions
The array of captions passed originally to the VueFlux component.
  • Type: Array
 Methods
 getCaption(index)
Gets the caption element corresponding to the index captions array.
If no index defined will return the one of current image.
  • index 
    • Type: Number
    • Required: false
 getCaptionText(index)
Gets the caption text corresponding to the index captions array.
If no index defined will return the one of current image.
  • index 
    • Type: Number
    • Required: false

+    
   
 
diff --git a/docs/documentation/v7/complements/flux-index/index.html b/docs/documentation/v7/complements/flux-index/index.html
index c5f97c69..1761816b 100644
--- a/docs/documentation/v7/complements/flux-index/index.html
+++ b/docs/documentation/v7/complements/flux-index/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/complements/flux-pagination/index.html b/docs/documentation/v7/complements/flux-pagination/index.html
index f4da9ae6..d14bcf16 100644
--- a/docs/documentation/v7/complements/flux-pagination/index.html
+++ b/docs/documentation/v7/complements/flux-pagination/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/complements/flux-preloader/index.html b/docs/documentation/v7/complements/flux-preloader/index.html
index 7490fc05..28337afe 100644
--- a/docs/documentation/v7/complements/flux-preloader/index.html
+++ b/docs/documentation/v7/complements/flux-preloader/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/complements/index.html b/docs/documentation/v7/complements/index.html
index 0c194fae..d4ad50eb 100644
--- a/docs/documentation/v7/complements/index.html
+++ b/docs/documentation/v7/complements/index.html
@@ -23,12 +23,12 @@
 			}
     
     Complements | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/components/flux-button/index.html b/docs/documentation/v7/components/flux-button/index.html
index 63a680ef..92bdbf45 100644
--- a/docs/documentation/v7/components/flux-button/index.html
+++ b/docs/documentation/v7/components/flux-button/index.html
@@ -23,12 +23,12 @@
 			}
     
     FluxButton | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/components/flux-cube/index.html b/docs/documentation/v7/components/flux-cube/index.html
index 932ffd9c..e8be7b1c 100644
--- a/docs/documentation/v7/components/flux-cube/index.html
+++ b/docs/documentation/v7/components/flux-cube/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxCube | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/components/flux-grid/index.html b/docs/documentation/v7/components/flux-grid/index.html
index 3e5f3a62..7c11d377 100644
--- a/docs/documentation/v7/components/flux-grid/index.html
+++ b/docs/documentation/v7/components/flux-grid/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxGrid | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/components/flux-image/index.html b/docs/documentation/v7/components/flux-image/index.html
index f65884e9..673e7f79 100644
--- a/docs/documentation/v7/components/flux-image/index.html
+++ b/docs/documentation/v7/components/flux-image/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxImage | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/components/flux-parallax/index.html b/docs/documentation/v7/components/flux-parallax/index.html
index a0fadd92..032be6d9 100644
--- a/docs/documentation/v7/components/flux-parallax/index.html
+++ b/docs/documentation/v7/components/flux-parallax/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxParallax | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxParallax
 Description
Creates a parallax effect given an image. It can recreate 3 types, relative, visible and fixed.
TIP
Do not forget to set the height with CSS if has no content, otherwise you probably will not see anything.
Demoopen in new window
 Props
interface FluxParallaxProps {
@@ -37,6 +37,6 @@
 
 rsc
The resource to be displayed.
 holder
Represents the object that should be watched for scrolling.
TIP
This parameter has no effect when the effect type set to fixed
 type
Depending on the type the effect will differ.
TypeDescription
relativeThis type is the default and moves the image with the defined offset when scrolling until reaches the edge
visibleThis works pretty like the relative except because the image will not start moving until the whole image is visible
fixedMakes the parallax element like a window through you can view the defined image, and you see the part of the image where the parallax position
 offset
Is the amount of image hidden that will be displayed when scrolling.
If set in percentage the amount of pixels will be calculated in reference of height. So if the height is 300px, and the offset is set to 100% then the image will displace for 300px.
TIP
This parameter has no effect when the effect type set to fixed
 Methods
// Recalculates the sizes.
 resize(): void
 
 Slots
NameDescription
The content showed inside the parallax component

-    
+    
   
 
diff --git a/docs/documentation/v7/components/flux-transition/index.html b/docs/documentation/v7/components/flux-transition/index.html
index 860b8623..c584a642 100644
--- a/docs/documentation/v7/components/flux-transition/index.html
+++ b/docs/documentation/v7/components/flux-transition/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxTransition | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 FluxTransition
 Description
Component to display a transition animation between two resources.
Demoopen in new window
 Props
interface FluxTransitionProps {
@@ -39,6 +39,6 @@
 
 size
This size is the width and height in pixels that the component will have.
 transition
The component that performs the animation.
TIP
Check included transitions or custom transitions for more details.
 from
This attribute will define transition starting resource.
 to
This attribute will define transition ending resource.
 options
The transition options to overwrite the transition parameters.
The available options depend on transition, so check the transitions to know which ones can be modified.
For custom transitions, will apply the same.
 Methods
// This method will call the method `onPlay`of the transition component, starting the transition.
 async start(): void
 
 Emits
NameParametersDescription
readytransition: Object, from: Resource, to: Resource, options: Object, duration: numberWill be fired when the transition is ready to play because the components are rendered
starttransition: Object, from: Resource, to: Resource, options: Object, duration: numberWill let know when transition has started
endtransition: Object, from: Resource, to: Resource, options: Object, duration: numberFired when transition ended

-    
+    
   
 
diff --git a/docs/documentation/v7/components/flux-vortex/index.html b/docs/documentation/v7/components/flux-vortex/index.html
index e8cc5d92..2489221a 100644
--- a/docs/documentation/v7/components/flux-vortex/index.html
+++ b/docs/documentation/v7/components/flux-vortex/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxVortex | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/components/flux-wrapper/index.html b/docs/documentation/v7/components/flux-wrapper/index.html
index 0f59e7ff..57f149ef 100644
--- a/docs/documentation/v7/components/flux-wrapper/index.html
+++ b/docs/documentation/v7/components/flux-wrapper/index.html
@@ -23,9 +23,9 @@
 			}
     
     FluxWrapper | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/components/index.html b/docs/documentation/v7/components/index.html
index 6a5472f5..9d1a140e 100644
--- a/docs/documentation/v7/components/index.html
+++ b/docs/documentation/v7/components/index.html
@@ -23,12 +23,12 @@
 			}
     
     Components | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Components
NameDescription
VueFluxThe main slider component. Check the complements that you can use to extend functionality
FluxButtonComponent used to display svg buttons
FluxCubeComponent capable to display a cube (6 sides) of resources
FluxGridComponent that divides a resource into blocks
FluxImageThe most basic component that displays an image resource
FluxParallaxMakes a resource move in concordance of page scroll
FluxTransitionThis is the component in charge of running a transition from a resource to another
FluxVortexComponent that displays a resource in a set of nested circles
FluxWrapperJust a wrapper to easy some transitions

-    
+    
   
 
diff --git a/docs/documentation/v7/components/vue-flux/index.html b/docs/documentation/v7/components/vue-flux/index.html
index 90a1b739..75899f7d 100644
--- a/docs/documentation/v7/components/vue-flux/index.html
+++ b/docs/documentation/v7/components/vue-flux/index.html
@@ -23,9 +23,9 @@
 			}
     
     VueFlux | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 VueFlux
 Description
This is the main component of the slider and will be the frame that displays the resources.
Demoopen in new window
 Size
The slider size is defined the following way:
  1. If defined by CSS that will be the size
  2. If no width defined, will be parent's width
  3. If no height defined, will calculate the height using a 16:9 ratio
DANGER
If you want to define a size, avoid using width and height directly in the style attribute, as those values will be applied always, even in full screen, not letting the slider resize itself. So better use a class for .vue-flux component or set the style attribute in the parent.
 Props
All the attributes are reactive, so if you change their value at any moment, the slider will be updated automatically.
interface VueFluxProps {
@@ -128,6 +128,6 @@
 // Gets the player controller
 getPlayer(): Player
 
 Slots
NameComponentDescription
preloaderFluxPreloaderDefined to hold the preloading functionality
captionFluxCaptionUsed to display the resources captions
controlsFluxControlsUsed to display the slider controls
indexFluxIndexUsed to display a resources index
paginationFluxPaginationUsed to display the a resources pagination
 Emits
NameParametersDescription
createdfired when the slider component is created
mountedfired when the slider component is mounted
unmountedfired when the slider component is destroyed
playresourceIndex: number | Direction, delay?: numberfired when auto playing resources
stopfired when stopped to auto play resources
showresource: PlayerResource, transition: PlayerTransitionfired when requested to show an image
options-updatedfired when the options have been updated
transitions-updatedfired when transitions updated
resources-preload-startfired when started to preload images
resources-preload-endfired when finished to preload images
resources-lazyload-startfired when start to lazy loading images
resources-lazyload-endfired when finished to lay loading images
fullscreen-enterfired when entered in full screen mode
fullscreen-exitfired when exit from full screen
transition-startresource: PlayerResource, transition: PlayerTransitionfired when transition begin
transition-cancelresource: PlayerResource, transition: PlayerTransitionfired when transition is running and is being cancelled
transition-endresource: PlayerResource, transition: PlayerTransitionfired when transition finish

-    
+    
   
 
diff --git a/docs/documentation/v7/custom-transitions/index.html b/docs/documentation/v7/custom-transitions/index.html
index 6b852949..b1af93b8 100644
--- a/docs/documentation/v7/custom-transitions/index.html
+++ b/docs/documentation/v7/custom-transitions/index.html
@@ -23,9 +23,9 @@
 			}
     
     Custom transitions | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/installation-and-usage/index.html b/docs/documentation/v7/installation-and-usage/index.html
index 7e7f275c..52b141e1 100644
--- a/docs/documentation/v7/installation-and-usage/index.html
+++ b/docs/documentation/v7/installation-and-usage/index.html
@@ -23,9 +23,9 @@
 			}
     
     Installation and usage | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/options-vs-composition/index.html b/docs/documentation/v7/options-vs-composition/index.html
index 1bd2a263..9111b05e 100644
--- a/docs/documentation/v7/options-vs-composition/index.html
+++ b/docs/documentation/v7/options-vs-composition/index.html
@@ -23,9 +23,9 @@
 			}
     
     Options VS Composition API | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Options VS Composition API
 TL;DR
If you are using Composition API like in the examples there is nothing special that you need to do, you can just copy and paste, done!
If otherwise you are using Options API for creating your components you need to do the following.
Use markRawopen in new window when you store the data with props for the component.
Example:
data() {
@@ -34,6 +34,6 @@
    };
 },
 
 Explanation
When using Options API, whatever you return in data is transformed into javascript proxy to track its reactivity, and when the component receive the props as proxy everything stops working as expected because for example this is meant in other scope.
Using markRawopen in new window will tell vue to keep it as it is and don't turn it into a proxy. This is really nice because instead of turning a whole object reactive, I was able to tell vue specifically what things should be reactive, so it is a great advance in performance.

-    
+    
   
 
diff --git a/docs/documentation/v7/overview/index.html b/docs/documentation/v7/overview/index.html
index 024a0e39..2c41246e 100644
--- a/docs/documentation/v7/overview/index.html
+++ b/docs/documentation/v7/overview/index.html
@@ -23,9 +23,9 @@
 			}
     
     Overview | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Overview
This is an image slider developed with vueopen in new window 3 which comes with 20 cool transitions out of the box.
npmnpmnpm bundle size (minified)npm bundle size (minified + gzip)GitHub issuesGitHub
 Demo
You can view the demos here
 Features
FeatureDescription
ResponsiveThe slider and the images are adapted to container to fill it always
CompatibilitySupported by all major browsers
ExpandableYou can add your custom transitions very easily
CustomizationTotal customizable to suit most needs
GesturesMobile friendly by gestures
FunctionalityYou can use arrow keys to navigate. Switch to full screen
ParallaxIt includes a parallax component very easy to set up
 Quick start
Install and save the package.
npm install --save vue-flux@latest
@@ -92,6 +92,6 @@
    <div>CONTENT</div>
 </FluxParallax>
 
 Troubleshooting
If you find yourself running into issues during installation or running the slider, please check our documentation. If still needs help open an issueopen in new window. I will be happy to discuss how they can be solved.
 Documentation
You can view the full documentation at the project's documentation with examples and detailed information.
 Changelog
Check the changelog for update info.
 Inspiration
This slider was inspired by Flux Slideropen in new window.
 Contributing
Contributions, questions and comments are all welcome and encouraged.
Do not hesitate to send me your own transitions to add them to the slider.

-    
+    
   
 
diff --git a/docs/documentation/v7/resources/component/index.html b/docs/documentation/v7/resources/component/index.html
index 35287e3d..4b0b169b 100644
--- a/docs/documentation/v7/resources/component/index.html
+++ b/docs/documentation/v7/resources/component/index.html
@@ -23,12 +23,12 @@
 			}
     
     Component | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/resources/img/index.html b/docs/documentation/v7/resources/img/index.html
index 75d540e5..bd272d1d 100644
--- a/docs/documentation/v7/resources/img/index.html
+++ b/docs/documentation/v7/resources/img/index.html
@@ -23,9 +23,9 @@
 			}
     
     Img | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/resources/index.html b/docs/documentation/v7/resources/index.html
index 8b682a57..e91e1652 100644
--- a/docs/documentation/v7/resources/index.html
+++ b/docs/documentation/v7/resources/index.html
@@ -23,9 +23,9 @@
 			}
     
     Resources | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Resources
This are the resources that the slider supports.
Each resource has two component properties, one is used during the transitions, and the other to display. This is done this way because for some resources like videos, can't make transitions, so they use an image for the transition and when it ends it switches the image to the video to be displayed.
NameDescription
ImgDisplays an image
VideoDisplays a video
ComponentDisplays vue component
All this resources inherit the abstract class Resource.
 Resource
 Constructor
constructor(
@@ -92,6 +92,6 @@
 // Returns the size and position resizing to given size and optionally an offset.
 getResizeProps(size: Size, offset?: Position): Object
 

-    
+    
   
 
diff --git a/docs/documentation/v7/resources/video/index.html b/docs/documentation/v7/resources/video/index.html
index fff1d51a..10ed7512 100644
--- a/docs/documentation/v7/resources/video/index.html
+++ b/docs/documentation/v7/resources/video/index.html
@@ -23,12 +23,12 @@
 			}
     
     Video | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/ssr-with-nuxt/index.html b/docs/documentation/v7/ssr-with-nuxt/index.html
index 87a1b51f..963cac7e 100644
--- a/docs/documentation/v7/ssr-with-nuxt/index.html
+++ b/docs/documentation/v7/ssr-with-nuxt/index.html
@@ -23,9 +23,9 @@
 			}
     
     SSR with Nuxt | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/blinds2d/index.html b/docs/documentation/v7/transitions/blinds2d/index.html
index 0475e3c8..08b04154 100644
--- a/docs/documentation/v7/transitions/blinds2d/index.html
+++ b/docs/documentation/v7/transitions/blinds2d/index.html
@@ -23,12 +23,12 @@
 			}
     
     Blinds 2D | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/blinds3d/index.html b/docs/documentation/v7/transitions/blinds3d/index.html
index a813b007..4c79abc2 100644
--- a/docs/documentation/v7/transitions/blinds3d/index.html
+++ b/docs/documentation/v7/transitions/blinds3d/index.html
@@ -23,12 +23,12 @@
 			}
     
     Blinds 3D | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/blocks1/index.html b/docs/documentation/v7/transitions/blocks1/index.html
index 4f0448d8..75055612 100644
--- a/docs/documentation/v7/transitions/blocks1/index.html
+++ b/docs/documentation/v7/transitions/blocks1/index.html
@@ -23,12 +23,12 @@
 			}
     
     Blocks 1 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/blocks2/index.html b/docs/documentation/v7/transitions/blocks2/index.html
index cd7e9066..24f9fb75 100644
--- a/docs/documentation/v7/transitions/blocks2/index.html
+++ b/docs/documentation/v7/transitions/blocks2/index.html
@@ -23,12 +23,12 @@
 			}
     
     Blocks 2 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/book/index.html b/docs/documentation/v7/transitions/book/index.html
index 3108371c..be99cad3 100644
--- a/docs/documentation/v7/transitions/book/index.html
+++ b/docs/documentation/v7/transitions/book/index.html
@@ -23,12 +23,12 @@
 			}
     
     Book | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/camera/index.html b/docs/documentation/v7/transitions/camera/index.html
index eedc2c9c..6cb53106 100644
--- a/docs/documentation/v7/transitions/camera/index.html
+++ b/docs/documentation/v7/transitions/camera/index.html
@@ -23,12 +23,12 @@
 			}
     
     Camera | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/concentric/index.html b/docs/documentation/v7/transitions/concentric/index.html
index c94453dc..8976f36d 100644
--- a/docs/documentation/v7/transitions/concentric/index.html
+++ b/docs/documentation/v7/transitions/concentric/index.html
@@ -23,12 +23,12 @@
 			}
     
     Concentric | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/cube/index.html b/docs/documentation/v7/transitions/cube/index.html
index 50f40b48..77eb89b8 100644
--- a/docs/documentation/v7/transitions/cube/index.html
+++ b/docs/documentation/v7/transitions/cube/index.html
@@ -23,12 +23,12 @@
 			}
     
     Cube | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/explode/index.html b/docs/documentation/v7/transitions/explode/index.html
index 91100bd6..d782eeea 100644
--- a/docs/documentation/v7/transitions/explode/index.html
+++ b/docs/documentation/v7/transitions/explode/index.html
@@ -23,12 +23,12 @@
 			}
     
     Explode | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/fade/index.html b/docs/documentation/v7/transitions/fade/index.html
index fd679e9c..35c14c4c 100644
--- a/docs/documentation/v7/transitions/fade/index.html
+++ b/docs/documentation/v7/transitions/fade/index.html
@@ -23,12 +23,12 @@
 			}
     
     Fade | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/fall/index.html b/docs/documentation/v7/transitions/fall/index.html
index b86ca9f5..1c3a1f09 100644
--- a/docs/documentation/v7/transitions/fall/index.html
+++ b/docs/documentation/v7/transitions/fall/index.html
@@ -23,12 +23,12 @@
 			}
     
     Fall | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/index.html b/docs/documentation/v7/transitions/index.html
index ebd7d993..35526247 100644
--- a/docs/documentation/v7/transitions/index.html
+++ b/docs/documentation/v7/transitions/index.html
@@ -23,12 +23,12 @@
 			}
     
     Transitions | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
 Transitions
VueFlux comes with nice 20 transitions.
NameComponentDescription
blinds2dBlinds2dDivides the image in vertical bars that blinds and fades out
blinds3dBlinds3dDivides the image in vertical bars that blinds 180 deg to form the next image
blocks1Blocks1The image is split in blocks that shrink and fade out randomly
blocks2Blocks2The image is split in blocks that shrink and fade out in wave from a corner to the opposite
bookBookMakes the effect of turning a page to display next image
cameraCameraFrom outside to inside the image is being cropped like in a camera lens
concentricConcentricA concentric effect is performed by rotating the image converted into circles
cubeCubeTurns the image to a side like if place in a cube
explodeExplodeThe image is split in blocks that explode revealing the next image
fadeFadeFades from one image to next
fallFallThe image falls in front displaying next image
kenburnKenburnFades, zoom and moves current image to next
round1Round1The image is split in blocks that turn 180 deg horizontally to form next image
round2Round2The image is split in blocks that round vertically until disappear
slideSlideSlides the image horizontally revealing the next
swipeSwipeSwipes the image to display next like uncovered with a curtain
warpWarpA concentric effect is performed by rotating the image converted into circles in alternate direction
waterfallWaterfallDivides the image in bars and drops them down in turns
waveWaveMakes the image 3D and divides it in slices that turn vertically to display the next image
zipZipDivides the image in bars and slides them up and down alternately like a zip

-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/kenburn/index.html b/docs/documentation/v7/transitions/kenburn/index.html
index b56b01e4..c49f945a 100644
--- a/docs/documentation/v7/transitions/kenburn/index.html
+++ b/docs/documentation/v7/transitions/kenburn/index.html
@@ -23,12 +23,12 @@
 			}
     
     Kenburn | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/round1/index.html b/docs/documentation/v7/transitions/round1/index.html
index 9e640933..29e23b59 100644
--- a/docs/documentation/v7/transitions/round1/index.html
+++ b/docs/documentation/v7/transitions/round1/index.html
@@ -23,12 +23,12 @@
 			}
     
     Round 1 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/round2/index.html b/docs/documentation/v7/transitions/round2/index.html
index 976671bb..5d6fb7ce 100644
--- a/docs/documentation/v7/transitions/round2/index.html
+++ b/docs/documentation/v7/transitions/round2/index.html
@@ -23,12 +23,12 @@
 			}
     
     Round 2 | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/slide/index.html b/docs/documentation/v7/transitions/slide/index.html
index 646ff80c..5798fbe2 100644
--- a/docs/documentation/v7/transitions/slide/index.html
+++ b/docs/documentation/v7/transitions/slide/index.html
@@ -23,12 +23,12 @@
 			}
     
     Slide | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/swipe/index.html b/docs/documentation/v7/transitions/swipe/index.html
index a39e38fa..abcdc41b 100644
--- a/docs/documentation/v7/transitions/swipe/index.html
+++ b/docs/documentation/v7/transitions/swipe/index.html
@@ -23,12 +23,12 @@
 			}
     
     Swipe | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/warp/index.html b/docs/documentation/v7/transitions/warp/index.html
index 58f27fe3..721cda56 100644
--- a/docs/documentation/v7/transitions/warp/index.html
+++ b/docs/documentation/v7/transitions/warp/index.html
@@ -23,12 +23,12 @@
 			}
     
     Warp | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/waterfall/index.html b/docs/documentation/v7/transitions/waterfall/index.html
index 0a16b5da..904ac304 100644
--- a/docs/documentation/v7/transitions/waterfall/index.html
+++ b/docs/documentation/v7/transitions/waterfall/index.html
@@ -23,12 +23,12 @@
 			}
     
     Waterfall | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/wave/index.html b/docs/documentation/v7/transitions/wave/index.html
index a472a1fa..5f1ab792 100644
--- a/docs/documentation/v7/transitions/wave/index.html
+++ b/docs/documentation/v7/transitions/wave/index.html
@@ -23,12 +23,12 @@
 			}
     
     Wave | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/documentation/v7/transitions/zip/index.html b/docs/documentation/v7/transitions/zip/index.html
index a7767c08..7cbe11df 100644
--- a/docs/documentation/v7/transitions/zip/index.html
+++ b/docs/documentation/v7/transitions/zip/index.html
@@ -23,12 +23,12 @@
 			}
     
     Zip | VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
-    
+    
   
 
diff --git a/docs/index.html b/docs/index.html
index fbe622aa..b6703d7b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -23,12 +23,12 @@
 			}
     
     VueFlux
-    
-    
-    
+    
+    
+    
           
         
 
   
     
VueFlux
Want to see more 😉? Play with the demos

-    
+    
   
 
diff --git a/src/components/demos/complements/FluxCaption.vue b/src/components/demos/complements/FluxCaption.vue
index 58e409dc..8fed0dd9 100644
--- a/src/components/demos/complements/FluxCaption.vue
+++ b/src/components/demos/complements/FluxCaption.vue
@@ -132,7 +132,11 @@ const transitions = shallowReactive([
 	Cube,
 	Warp,
 	Wave,
-]);`;
+]);
+
+function getSearch(caption) {
+	return 'https://www.google.com/search?q='+ caption
+}`;
 
 		return Prism.highlight(
 			code.trim(),
@@ -159,7 +163,7 @@ const transitions = shallowReactive([
 		
 			

 				
 					{{ captionProps.currentResource?.rsc.caption }}
diff --git a/src/documentation/v7/complements/flux-caption/readme.md b/src/documentation/v7/complements/flux-caption/readme.md
index b3df2fca..ae9fbcfd 100644
--- a/src/documentation/v7/complements/flux-caption/readme.md
+++ b/src/documentation/v7/complements/flux-caption/readme.md
@@ -116,8 +116,8 @@ onMounted(() => {
 
 
 ```
 
diff --git a/src/documentation/v7/complements/flux-controls/readme.md b/src/documentation/v7/complements/flux-controls/readme.md
index 1616aadd..ee20b724 100644
--- a/src/documentation/v7/complements/flux-controls/readme.md
+++ b/src/documentation/v7/complements/flux-controls/readme.md
@@ -1,9 +1,6 @@
 ---
 ---
 
-WIP
-
-
\ No newline at end of file