System.register(["./vue-legacy-BnJhYd-u.js","./_plugin-vue_export-helper-legacy-DNBbTZ02.js"],function(t,e){var i,h,a,r,o,n,s,d,c,l,g,u,w,f,m,v,y,p,x,b,k,E,M,R,z,A,$,_,B,C,S,j,F,K,O,U,q,G,H,I,T,Z,D,J,L,N,P,Q,V,W;function X(t){const e=[...t];for(let i=e.length-1;i>0;i--){const t=Math.floor(Math.random()*(i+1)),h=e[i];e[i]=e[t],e[t]=h}return e}return t({i:function(t){return"none"===t||"random"===t||q.includes(t)?t:Q},o:function(t){return"none"!==t&&{effect:P.includes(t)?t:W[t]??"fade",speed:V,advanceOnClick:!0}}}),{setters:[function(t){i=t.At,h=t.B,a=t.Et,r=t.G,o=t.H,n=t.K,s=t.Tt,d=t.U,c=t.Z,l=t.at,g=t.ct,u=t.dt,w=t.g,f=t.ot,m=t.ut,v=t.vt},function(t){y=t.t}],execute:function(){(p=document.createElement("style")).textContent=".svg-mask-switcher[data-v-4ae14c95]{width:100%;height:100%;position:relative;overflow:hidden}.svg-mask-switcher.is-animating[data-v-4ae14c95]{pointer-events:none}.svg-mask-switcher-layer[data-v-4ae14c95]{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.svg-mask-switcher-current.is-hidden[data-v-4ae14c95]{visibility:hidden}.svg-mask-switcher-transition[data-v-4ae14c95]{z-index:1}.svg-mask-switcher-svg[data-v-4ae14c95]{display:block}.svg-mask-switcher-foreign[data-v-4ae14c95]{width:100%;height:100%}\n/*$vite$:1*/",document.head.appendChild(p),x={createRects:t=>[{from:{x:0,y:0,width:t.width,height:t.height,opacity:0},to:{x:0,y:0,width:t.width,height:t.height,opacity:1},delay:0,duration:420}]},b={createRects:t=>[{from:{x:0,y:0,width:0,height:t.height},to:{x:0,y:0,width:t.width,height:t.height},delay:0,duration:520}]},k={createRects:t=>[{from:{x:t.width,y:0,width:0,height:t.height},to:{x:0,y:0,width:t.width,height:t.height},delay:0,duration:520}]},E={createRects:t=>[{from:{x:0,y:0,width:t.width,height:0},to:{x:0,y:0,width:t.width,height:t.height},delay:0,duration:520}]},M={createRects:t=>[{from:{x:0,y:t.height,width:t.width,height:0},to:{x:0,y:0,width:t.width,height:t.height},delay:0,duration:520}]},R={createRects(t){const e=t.width/2,i=t.width/2+.5;return[{from:{x:e,y:0,width:0,height:t.height},to:{x:e-i,y:0,width:i,height:t.height},delay:0,duration:520},{from:{x:e,y:0,width:0,height:t.height},to:{x:e,y:0,width:i,height:t.height},delay:0,duration:520}]}},z={createRects(t){const e=t.height/2,i=t.height/2+.5;return[{from:{x:0,y:e,width:t.width,height:0},to:{x:0,y:e-i,width:t.width,height:i},delay:0,duration:520},{from:{x:0,y:e,width:t.width,height:0},to:{x:0,y:e,width:t.width,height:i},delay:0,duration:520}]}},A={createRects:t=>[{from:{x:t.width/2,y:t.height/2,width:0,height:0},to:{x:0,y:0,width:t.width,height:t.height},delay:0,duration:560}]},$=.5,_={createRects(t){const e=t.cols??12,i=t.rows??Math.max(4,Math.round(e*(t.height/t.width))),h=t.width/e,a=t.height/i,r=[];for(let o=0;o<i;o++)for(let t=0;t<e;t++)r.push({from:{x:t*h,y:o*a,width:h+$,height:a+$,opacity:0},to:{x:t*h,y:o*a,width:h+$,height:a+$,opacity:1},delay:(t+o)%2==0?0:130,duration:220});return r}},B={createRects(t){const e=t.rows??18,i=t.height/e;return function(t){const e=[...t];for(let i=e.length-1;i>0;i--){const t=Math.floor(Math.random()*(i+1)),h=e[i];e[i]=e[t],e[t]=h}return e}(Array.from({length:e},(e,h)=>{const a=h*i;return{from:{x:0,y:a,width:0,height:i+.5},to:{x:0,y:a,width:t.width,height:i+.5},delay:h*t.stagger*.8,duration:320}})).map((e,i)=>({...e,delay:i*t.stagger*.8}))}},C={createRects(t){const e=t.cols??18,i=t.width/e;return function(t){const e=[...t];for(let i=e.length-1;i>0;i--){const t=Math.floor(Math.random()*(i+1)),h=e[i];e[i]=e[t],e[t]=h}return e}(Array.from({length:e},(e,h)=>{const a=h*i;return{from:{x:a,y:0,width:i+.5,height:0},to:{x:a,y:0,width:i+.5,height:t.height},delay:h*t.stagger*.8,duration:320}})).map((e,i)=>({...e,delay:i*t.stagger*.8}))}},S={createRects(t){const e=t.rows??28,i=t.height/e,h=[];for(let a=0;a<e;a++){const e=a*i+i/2,r=i/2+.5,o=a*t.stagger*1;h.push({from:{x:0,y:e,width:t.width,height:0},to:{x:0,y:e-r,width:t.width,height:r},delay:o}),h.push({from:{x:0,y:e,width:t.width,height:0},to:{x:0,y:e,width:t.width,height:r},delay:o})}return h}},j={createRects(t){const e=t.cols??16,i=t.width/e,h=[];for(let a=0;a<e;a++){const e=a*i+i/2,r=i/2+.5,o=a*t.stagger*1;h.push({from:{x:e,y:0,width:0,height:t.height},to:{x:e-r,y:0,width:r,height:t.height},delay:o}),h.push({from:{x:e,y:0,width:0,height:t.height},to:{x:e,y:0,width:r,height:t.height},delay:o})}return h}},F=.5,K={createRects(t){const e=t.cols??14,i=t.rows??Math.max(4,Math.round(e*(t.height/t.width))),h=t.width/e,a=t.height/i,r=.15*t.stagger,o=[];for(let n=0;n<e;n++)X(Array.from({length:i},(t,e)=>e)).forEach((t,e)=>{o.push({from:{x:n*h,y:t*a,width:h+F,height:a+F,opacity:0},to:{x:n*h,y:t*a,width:h+F,height:a+F,opacity:1},delay:(n*i+e)*r,duration:120})});return o}},O=.5,U={createRects(t){const e=t.cols??12,i=t.rows??Math.max(4,Math.round(e*(t.height/t.width))),h=t.width/e,a=t.height/i,r=.25*t.stagger;return function(t){const e=[...t];for(let i=e.length-1;i>0;i--){const t=Math.floor(Math.random()*(i+1)),h=e[i];e[i]=e[t],e[t]=h}return e}(Array.from({length:i*e},(t,i)=>{const o=i%e,n=Math.floor(i/e);return{from:{x:o*h,y:n*a,width:h+O,height:a+O,opacity:0},to:{x:o*h,y:n*a,width:h+O,height:a+O,opacity:1},delay:i*r,duration:120}})).map((t,e)=>({...t,delay:e*r}))}},t("c",q=["fade","wipe-right","wipe-left","wipe-down","wipe-up","split-vertical","split-horizontal","box","checkerboard","random-bars-horizontal","random-bars-vertical","horizontal-blinds","vertical-blinds","column-grid","random-grid"]),G={fade:x,"wipe-right":b,"wipe-left":k,"wipe-down":E,"wipe-up":M,"split-vertical":R,"split-horizontal":z,box:A,checkerboard:_,"random-bars-horizontal":B,"random-bars-vertical":C,"horizontal-blinds":S,"vertical-blinds":j,"column-grid":K,"random-grid":U},H={class:"svg-mask-switcher-layer svg-mask-switcher-transition"},I=["viewBox"],T=["width","height"],Z=["width","height"],D=["x","y","width","height","opacity"],J=["width","height","mask"],L={class:"svg-mask-switcher-foreign",xmlns:"http://www.w3.org/1999/xhtml"},N=c({__name:"SvgMaskSwitcher",props:{switchKey:{},item:{},effect:{default:"horizontal-blinds"},duration:{default:520},stagger:{default:18},rows:{},cols:{},disabled:{type:Boolean,default:!1}},emits:["before-switch","after-switch"],setup(t,{emit:e}){let c=0;const y=t,p=e,x=s(),b=a(y.item),k=a(),E=s(!1),M=s(G[y.effect].createRects({width:1,height:1,stagger:y.stagger})),R=s(0),z=s({width:1,height:1}),A="svg-mask-switcher-"+c++,$=o(()=>`url(#${A})`);let _=0,B=!1;const C=o(()=>M.value.reduce((t,e)=>Math.max(t,e.delay+(e.duration??y.duration)),0)),S=o(()=>M.value.map(t=>{const e=(i=R.value,h=t.delay,a=t.duration??y.duration,i<=h?0:Math.min((i-h)/a,1));var i,h,a;return{x:F(t.from.x,t.to.x,e),y:F(t.from.y,t.to.y,e),width:F(t.from.width,t.to.width,e),height:F(t.from.height,t.to.height,e),opacity:F(j(t.from),j(t.to),e)}}));function j(t){return t.opacity??1}function F(t,e,i){return t+(e-t)*(h=i,1-Math.pow(1-h,3));var h}function K(){if(!x.value)return;const t=x.value.getBoundingClientRect();t.width<=0||t.height<=0||(z.value={width:t.width,height:t.height})}function O(){_&&(cancelAnimationFrame(_),_=0)}function U(){let t=0;const e=i=>{if(t||(t=i),R.value=i-t,R.value>=C.value)return O(),R.value=C.value,k.value=void 0,E.value=!1,void p("after-switch");_=requestAnimationFrame(e)};_=requestAnimationFrame(e)}return v(()=>[y.switchKey,y.item],([t,e],i)=>{const h=i?.[0];if(!B)return B=!0,void(b.value=e);t!==h?function(t){if(O(),K(),y.disabled||z.value.width<=0||z.value.height<=0)return k.value=void 0,b.value=t,void(E.value=!1);k.value=b.value,b.value=t,M.value=G[y.effect].createRects({width:z.value.width,height:z.value.height,rows:y.rows,cols:y.cols,stagger:y.stagger}),R.value=0,E.value=!0,p("before-switch"),U()}(e):b.value=e},{immediate:!0}),w(x,K),f(K),l(O),(t,e)=>(g(),n("div",{ref_key:"$container",ref:x,class:i(["svg-mask-switcher",{"is-animating":E.value}])},[d("div",{class:i(["svg-mask-switcher-layer svg-mask-switcher-current",{"is-hidden":E.value}])},[u(t.$slots,"to",{item:b.value,phase:"current",isAnimating:E.value},()=>[u(t.$slots,"default",{item:b.value,phase:"current",isAnimating:E.value},void 0,!0)],!0)],2),E.value?(g(),n(h,{key:0},[d("div",H,[u(t.$slots,"from",{item:k.value,phase:"from",isAnimating:!0},()=>[u(t.$slots,"default",{item:k.value,phase:"from",isAnimating:!0},void 0,!0)],!0)]),(g(),n("svg",{class:"svg-mask-switcher-layer svg-mask-switcher-svg svg-mask-switcher-transition",viewBox:`0 0 ${z.value.width} ${z.value.height}`},[d("defs",null,[d("mask",{id:A,x:"0",y:"0",width:z.value.width,height:z.value.height,maskUnits:"userSpaceOnUse",style:{"mask-type":"luminance"}},[d("rect",{x:"0",y:"0",width:z.value.width,height:z.value.height,fill:"black"},null,8,Z),(g(!0),n(h,null,m(S.value,(t,e)=>(g(),n("rect",{key:e,x:t.x,y:t.y,width:t.width,height:t.height,opacity:t.opacity,fill:"white","shape-rendering":"crispEdges"},null,8,D))),128))],8,T)]),(g(),n("foreignObject",{x:"0",y:"0",width:z.value.width,height:z.value.height,mask:$.value},[d("div",L,[u(t.$slots,"to",{item:b.value,phase:"to",isAnimating:!0},()=>[u(t.$slots,"default",{item:b.value,phase:"to",isAnimating:!0},void 0,!0)],!0)])],8,J))],8,I))],64)):r("",!0)],2))}}),t("s",y(N,[["__scopeId","data-v-4ae14c95"]])),P=["fade","wipe-right","wipe-left","wipe-down","wipe-up","split-vertical","split-horizontal","box","checkerboard","random-bars-horizontal","random-bars-vertical","horizontal-blinds","vertical-blinds"],t("r","screen.transitionEffect"),t("n",Q="none"),t("t","fade"),V="fast",W={"column-grid":"checkerboard","random-grid":"checkerboard",random:"fade"},t("a",{none:"screen.transitionEffects.none",fade:"screen.transitionEffects.fade","wipe-right":"screen.transitionEffects.wipe-right","wipe-left":"screen.transitionEffects.wipe-left","wipe-down":"screen.transitionEffects.wipe-down","wipe-up":"screen.transitionEffects.wipe-up","split-vertical":"screen.transitionEffects.split-vertical","split-horizontal":"screen.transitionEffects.split-horizontal",box:"screen.transitionEffects.box",checkerboard:"screen.transitionEffects.checkerboard","random-bars-horizontal":"screen.transitionEffects.random-bars-horizontal","random-bars-vertical":"screen.transitionEffects.random-bars-vertical","horizontal-blinds":"screen.transitionEffects.horizontal-blinds","vertical-blinds":"screen.transitionEffects.vertical-blinds","column-grid":"screen.transitionEffects.column-grid","random-grid":"screen.transitionEffects.random-grid",random:"screen.transitionEffects.random"})}}});