svg-scroll-draw 2.23.4 → 2.23.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/angular/index.cjs +3 -3
- package/dist/angular/index.d.mts +3 -3
- package/dist/angular/index.d.ts +3 -3
- package/dist/angular/index.mjs +1 -1
- package/dist/astro/index.cjs +2 -2
- package/dist/astro/index.d.mts +3 -3
- package/dist/astro/index.d.ts +3 -3
- package/dist/astro/index.mjs +1 -1
- package/dist/cdn/svg-scroll-draw.dev.global.js +190 -265
- package/dist/cdn/svg-scroll-draw.global.js +3 -3
- package/dist/{chunk-DSFD227B.mjs → chunk-22B37AWY.mjs} +1 -1
- package/dist/{chunk-YNNA33A5.mjs → chunk-BSW7W2Y5.mjs} +1 -1
- package/dist/{chunk-XTPAW6XR.mjs → chunk-CZLUBJAI.mjs} +1 -1
- package/dist/chunk-K6VATIJH.mjs +3 -0
- package/dist/chunk-NV6YTPHI.mjs +1 -0
- package/dist/chunk-NYQJPPMP.mjs +1 -0
- package/dist/{chunk-ZNCZYV3Q.mjs → chunk-OSGWGHQJ.mjs} +1 -1
- package/dist/chunk-PAGN26EH.mjs +1 -0
- package/dist/chunk-THPTANES.mjs +1 -0
- package/dist/{chunk-OJFWQ6CU.mjs → chunk-V3Z6G5JE.mjs} +1 -1
- package/dist/chunk-VJ5ZU55P.mjs +1 -0
- package/dist/chunk-XNM3VKEK.mjs +1 -0
- package/dist/cinematic/index.cjs +2 -2
- package/dist/cinematic/index.mjs +1 -1
- package/dist/{engine-B7UpB4fT.d.ts → engine-6VsjEwzb.d.ts} +1 -1
- package/dist/{engine-o1VSQ1lX.d.mts → engine-BLWKCfxC.d.mts} +1 -1
- package/dist/group/index.cjs +3 -3
- package/dist/group/index.d.mts +3 -3
- package/dist/group/index.d.ts +3 -3
- package/dist/group/index.mjs +1 -1
- package/dist/horizontal/index.cjs +1 -1
- package/dist/horizontal/index.d.mts +1 -1
- package/dist/horizontal/index.d.ts +1 -1
- package/dist/horizontal/index.mjs +1 -1
- package/dist/{index-D3o4vT3e.d.ts → index-BN8yKeQ3.d.ts} +1 -1
- package/dist/{index-BY-CNE8c.d.mts → index-DAiRJgtF.d.mts} +2 -2
- package/dist/{index-CdaBYn3A.d.mts → index-DVjblK_4.d.mts} +1 -1
- package/dist/{index-DqXXiDIk.d.ts → index-hSQqLVbg.d.ts} +2 -2
- package/dist/index.cjs +4 -4
- package/dist/index.d.mts +6 -6
- package/dist/index.d.ts +6 -6
- package/dist/index.mjs +1 -1
- package/dist/nuxt/index.cjs +3 -3
- package/dist/nuxt/index.d.mts +3 -3
- package/dist/nuxt/index.d.ts +3 -3
- package/dist/nuxt/index.mjs +1 -1
- package/dist/progress/index.cjs +1 -1
- package/dist/progress/index.d.mts +1 -1
- package/dist/progress/index.d.ts +1 -1
- package/dist/progress/index.mjs +1 -1
- package/dist/react/index.cjs +2 -2
- package/dist/react/index.d.mts +3 -3
- package/dist/react/index.d.ts +3 -3
- package/dist/react/index.mjs +1 -1
- package/dist/reveal/index.cjs +1 -1
- package/dist/reveal/index.d.mts +1 -1
- package/dist/reveal/index.d.ts +1 -1
- package/dist/reveal/index.mjs +1 -1
- package/dist/{scroll-draw-DsBMkwrX.d.ts → scroll-draw-BsU_Ohmu.d.ts} +1 -1
- package/dist/{scroll-draw-Dej-GIRP.d.mts → scroll-draw-Fzir8hlU.d.mts} +1 -1
- package/dist/snap/index.cjs +1 -1
- package/dist/snap/index.d.mts +1 -1
- package/dist/snap/index.d.ts +1 -1
- package/dist/snap/index.mjs +1 -1
- package/dist/solid/index.cjs +3 -3
- package/dist/solid/index.d.mts +3 -3
- package/dist/solid/index.d.ts +3 -3
- package/dist/solid/index.mjs +1 -1
- package/dist/svelte/index.cjs +3 -3
- package/dist/svelte/index.d.mts +3 -3
- package/dist/svelte/index.d.ts +3 -3
- package/dist/svelte/index.mjs +1 -1
- package/dist/text/index.cjs +1 -1
- package/dist/text/index.d.mts +1 -1
- package/dist/text/index.d.ts +1 -1
- package/dist/text/index.mjs +1 -1
- package/dist/timeline/index.cjs +9 -9
- package/dist/timeline/index.d.mts +1 -1
- package/dist/timeline/index.d.ts +1 -1
- package/dist/timeline/index.mjs +8 -8
- package/dist/{types-MswK0erX.d.mts → types-9bcJdVcg.d.mts} +6 -2
- package/dist/{types-MswK0erX.d.ts → types-9bcJdVcg.d.ts} +6 -2
- package/dist/video/index.cjs +1 -1
- package/dist/video/index.d.mts +1 -1
- package/dist/video/index.d.ts +1 -1
- package/dist/video/index.mjs +1 -1
- package/dist/vue/index.cjs +3 -3
- package/dist/vue/index.d.mts +3 -3
- package/dist/vue/index.d.ts +3 -3
- package/dist/vue/index.mjs +1 -1
- package/dist/web-component/index.cjs +3 -3
- package/dist/web-component/index.mjs +1 -1
- package/package.json +1 -1
- package/dist/chunk-6TWFLRUB.mjs +0 -3
- package/dist/chunk-A4JCC3QQ.mjs +0 -1
- package/dist/chunk-DM6EDKWH.mjs +0 -1
- package/dist/chunk-I73SOXBN.mjs +0 -1
- package/dist/chunk-NLPSVYFP.mjs +0 -1
- package/dist/chunk-OPXWNJBG.mjs +0 -1
- package/dist/chunk-QFSTKVA3.mjs +0 -1
package/dist/nuxt/index.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
'use strict';var vue=require('vue');function
|
|
2
|
-
<div style="position:absolute;${
|
|
3
|
-
<div style="position:absolute;${p?`left:${m}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${m}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(r),window.addEventListener("scroll",o,{passive:true}),o(),{el:r,destroy(){window.removeEventListener("scroll",o),r.remove();}}}var rn=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,on=/[MmLlHhVvCcSsQqTtAaZz]/g;function Hn(e,t,n){if(!Qe)return;let r=(e.match(on)??[]).join("").toUpperCase(),o=(t.match(on)??[]).join("").toUpperCase(),i=(e.match(rn)??[]).length,a=(t.match(rn)??[]).length;if(r!==o){ge(`morphTo: command sequence differs (${r||"\u2205"} \u2192 ${o||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,n);return}i!==a&&ge(`morphTo: coordinate count differs (${i} \u2192 ${a}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,n);}function Vn(e,t,n){let r=(t.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,i=>{let a=parseFloat(i),m=r[o++]??a;return String(+(a+(m-a)*n).toFixed(4))})}function Tt(e,t={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:We(t,(n,r)=>zn(e,n,r))}function zn(e,t,n){let{preset:r,...o}=t,i=r?{...Xt[r],...o}:o,{selector:a="path, polyline, line, polygon, rect, circle",speed:m=1,fade:p=false,easing:y="linear",trigger:S={},stagger:F=0,direction:E="forward",once:Y=false,debug:te=false,axis:L="y",scrollContainer:ne,autoReverse:we=false,delay:O=0,strokeColor:$,strokeWidth:P,fillOpacity:A,waypoints:b,velocityScale:h=false,threshold:v=0,rootMargin:G="0px",repeat:_=0,repeatDelay:W=0,morphTo:H,clip:I,autoplay:re=false,duration:Te=1e3,native:ce=true,onProgress:N,onStart:R,onComplete:k,onEnter:u,onLeave:d,onEnterBack:X,onLeaveBack:xe}=i,V=I===true?"left":typeof I=="string"?I:false,K=typeof y=="function"?y:ee[y]??ee.linear,Pe=de(S.start||"top bottom"),x=de(S.end||"bottom top"),T=typeof ne=="string"?document.querySelector(ne):ne??null,ue=Array.isArray($)?$[0]:null,me=Array.isArray($)?$[1]:typeof $=="string"?$:null,Re=Array.isArray(P)?P[0]:null,De=Array.isArray(P)?P[1]:typeof P=="number"?P:null,Me=Array.isArray(A)?A[0]:null,Ve=Array.isArray(A)?A[1]:typeof A=="number"?A:null;function Fe(s){let l=s*100;switch(V){case "right":return `inset(0 0 0 ${100-l}%)`;case "top":return `inset(0 0 ${100-l}% 0)`;case "bottom":return `inset(${100-l}% 0 0 0)`;case "center":return `circle(${s*150}% at 50% 50%)`;default:return `inset(0 ${100-l}% 0 0)`}}let D=V?[]:Array.from(e.querySelectorAll(a)),ye=[],ve=[],oe=0,Z=0,qe=F,rt=0,j=false,c=false,f=0,Ae=false,fe=-1,J=[],Q=-1,w=false,se=0,he=0,ze,yt=null;function Dt(){yt?.destroy(),yt=null;}let _e=new Set,Ft=NaN,Be=true,ot=-1,Nt=performance.now(),Ge=NaN;function Ue(){return T?L==="x"?T.scrollLeft:T.scrollTop:L==="x"?window.scrollX:window.scrollY}function Ht(){return T?L==="x"?T.clientWidth:T.clientHeight:L==="x"?window.innerWidth:window.innerHeight}function Vt(){let s=lt(e,T,L);return Le(s,s.scroll,Ht(),Pe,x)}function vn(){let s=Z-oe,l=D.length-1,g=T??document.documentElement,C=L==="x"?"Width":"Height";if(qe=F,F>0&&l>0&&s>0){let pe=g[`scroll${C}`]-g[`client${C}`]-1-oe-s/m;pe>=0&&(qe=Math.min(F,pe/(l*s)));}rt=Z+l*qe*s;}function zt(){(({tStart:oe,tEnd:Z}=Vt())),vn(),te&&Qe&&(Dt(),yt=Nn(oe,Z,L));}function ht(s,l=Vt){Ce(e,{type:"draw",getProgress:()=>s.getProgress(),getTrigger:l});let g=s.destroy;return s.destroy=()=>{g.call(s),Oe(e);},s}function _t(s,l){return Y&&!we?Math.max(fe,K(J[s]=Math.max(J[s]??0,l))):K(l)}function Sn(s,l){if(e.style.setProperty("--scroll-draw-progress",String(s)),V){let g=l==="reverse"?1-s:s;e.style.clipPath=Fe(g);return}D.forEach((g,C)=>bt(g,C,s,l));}function bt(s,l,g,C){s.style.strokeDashoffset=C==="reverse"?`${ye[l]*g}`:`${ye[l]*(1-g)}`,p&&(s.style.opacity=C==="reverse"?`${1-g}`:`${g}`),ue&&me?s.style.stroke=ut(ue,me,g):me&&(s.style.stroke=me),Re!==null&&De!==null?s.style.strokeWidth=`${Re+(De-Re)*g}`:De!==null&&(s.style.strokeWidth=`${De}`),Me!==null&&Ve!==null?s.style.fillOpacity=`${Me+(Ve-Me)*g}`:Ve!==null&&(s.style.fillOpacity=`${Ve}`),H&&s.tagName.toLowerCase()==="path"&&ve[l]&&s.setAttribute("d",Vn(ve[l],H,g));}function Ye(){if(e.style.setProperty("--scroll-draw-progress","0"),V){e.style.clipPath=Fe(E==="reverse"?1:0);return}D.forEach((s,l)=>{s.style.strokeDasharray=`${ye[l]}`,s.style.strokeDashoffset=E==="reverse"?"0":`${ye[l]}`,p?s.style.opacity=E==="reverse"?"1":"0":s.style.opacity="",ue&&(s.style.stroke=ue),Re!==null&&(s.style.strokeWidth=`${Re}`),Me!==null&&(s.style.fillOpacity=`${Me}`),H&&s.tagName.toLowerCase()==="path"&&ve[l]&&s.setAttribute("d",ve[l]);});}function Xe(s,l){let g=s.getAttribute("d"),C=ct(s);if(H&&ve[l]){s.setAttribute("d",H);let pe=ct(s);s.setAttribute("d",ve[l]),C=Math.max(ct(s),pe),s.setAttribute("d",g);}ye[l]=C,s.style.strokeDasharray=`${C}`;}if(D.forEach((s,l)=>{Fn(s);let g=s.tagName.toLowerCase()==="path";g?ve.push(s.getAttribute("d")??""):ve.push(""),Xe(s,l);let C=ye[l];H&&(g?Hn(ve[ve.length-1],H,s):ge(`morphTo only applies to <path> elements \u2014 ignored on <${s.tagName}>.`,s)),n?(s.style.strokeDashoffset=E==="reverse"?`${C}`:"0",p&&(s.style.opacity="1"),me&&(s.style.stroke=me),De!==null&&(s.style.strokeWidth=`${De}`),Ve!==null&&(s.style.fillOpacity=`${Ve}`),H&&s.tagName.toLowerCase()==="path"&&s.setAttribute("d",H)):(s.style.strokeDashoffset=E==="reverse"?"0":`${C}`,p?s.style.opacity=E==="reverse"?"1":"0":s.style.opacity="",ue&&(s.style.stroke=ue),Re!==null&&(s.style.strokeWidth=`${Re}`),Me!==null&&(s.style.fillOpacity=`${Me}`));}),n)return V&&(e.style.clipPath=Fe(1)),k?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};V&&(e.style.clipPath=Fe(E==="reverse"?1:0));let Bt=typeof y=="string"?mt(y):null;function En(){return !(ce===false||re||te&&Qe||!Dn()||!D.length||!Bt||V||L!=="y"||T||m!==1||F!==0||Y||we||h!==false||H||b||_||O>0||N||R||k||u||d||X||xe||$!=null||P!=null||A!=null||(S.start||"top bottom").trim()!=="top bottom"||(S.end||"bottom top").trim()!=="bottom top")}function Tn(){let s=++In,l=`svg-scroll-draw-${s}`,g=`svg-scroll-draw-host-${s}`,C=`--svg-scroll-draw-${s}`,pe=E==="reverse"?"0":"var(--ssd-len)",Ne=E==="reverse"?"var(--ssd-len)":"0",Se=`stroke-dashoffset:${pe};`,B=`stroke-dashoffset:${Ne};`;p&&(Se+=`opacity:${E==="reverse"?1:0};`,B+=`opacity:${E==="reverse"?0:1};`);let q=document.createElement("style");q.setAttribute("data-svg-scroll-draw",""),q.textContent=`@keyframes ${l}{from{${Se}}to{${B}}}.${g}{view-timeline-name:${C};view-timeline-axis:block;}.${l}{animation-name:${l};animation-duration:auto;animation-timing-function:${Bt};animation-fill-mode:both;animation-timeline:${C};animation-range:cover 0% cover 100%;}`,document.head.appendChild(q),e.classList.add(g);function ie(M,z){M.style.setProperty("--ssd-len",String(ye[z])),M.style.strokeDasharray=`${ye[z]}`,M.style.strokeDashoffset="",M.style.opacity="",M.style.animationPlayState="",M.classList.add(l);}D.forEach(ie);let ae=false,be=-1;function Ee(){if(be>=0)return be;let M=e.getBoundingClientRect(),{tStart:z,tEnd:le}=Le({top:M.top,height:M.height},Ue(),Ht(),Pe,x);return K(U(Ue(),z,le,m))}return {destroy(){e.classList.remove(g),D.forEach(M=>{M.classList.remove(l),M.style.removeProperty("--ssd-len"),M.style.animationPlayState="";}),q.remove();},replay(){ae=false,be=-1,D.forEach(ie);},pause(){ae=true,D.forEach(M=>{M.style.animationPlayState="paused";});},resume(){ae&&(ae=false,D.forEach(M=>{M.style.animationPlayState="running";}));},seek(M){let z=Math.min(1,Math.max(0,M));be=z,ae=true,D.forEach((le,He)=>{le.classList.remove(l),le.style.strokeDashoffset=E==="reverse"?`${ye[He]*z}`:`${ye[He]*(1-z)}`,p&&(le.style.opacity=E==="reverse"?`${1-z}`:`${z}`);});},getProgress(){return Ee()},refresh(){D.forEach((M,z)=>{Xe(M,z),M.style.setProperty("--ssd-len",String(ye[z]));});}}}if(En())return ht(Tn());function xn(){let s=Math.max(1,Te),l=V?s:s*(1+Math.max(0,D.length-1)*F),g=0,C=0,pe=false;function Ne(be){let Ee=true,M=Math.min(1,Math.max(0,be/l));if(V){let z=Math.min(1,Math.max(0,be/s)),le=K(z);se=le,e.style.setProperty("--scroll-draw-progress",String(le)),e.style.clipPath=Fe(E==="reverse"?1-le:le),N?.(le),z<1&&(Ee=false);}else {D.forEach((le,He)=>{let Ln=He*F*s,Gt=Math.min(1,Math.max(0,(be-Ln)/s));bt(le,He,K(Gt),E),Gt<1&&(Ee=false);});let z=K(M);se=z,N?.(z),e.style.setProperty("--scroll-draw-progress",String(z));}if(b){let z=K(M);for(let le in b){let He=parseFloat(le);z>=He&&!_e.has(He)&&(_e.add(He),b[le]?.());}}return Ee}function Se(be){if(w)return;let Ee=be-g;c||(c=true,R?.());let M=Ne(Ee);if(M&&!j){j=true,Ne(l),k?.(),he<(_==="infinite"?1/0:_??0)&&(he++,ze=setTimeout(()=>{g=performance.now(),c=false,j=false,_e.clear(),Ye(),f=requestAnimationFrame(Se);},W));return}M||(f=requestAnimationFrame(Se));}function B(){cancelAnimationFrame(f),clearTimeout(ze),g=performance.now(),C=0,w=false,c=false,j=false,he=0,pe=true,se=0,_e.clear(),Ye(),f=requestAnimationFrame(Se);}let q=new IntersectionObserver(be=>{be.forEach(Ee=>{Ee.isIntersecting&&!(Y&&j)?B():!Ee.isIntersecting&&!Y&&!j&&(cancelAnimationFrame(f),clearTimeout(ze),pe=false);});},{root:T??null,threshold:v,rootMargin:G}),ie;function ae(){clearTimeout(ie),ie=setTimeout(()=>D.forEach(Xe),150);}return window.addEventListener("resize",ae),window.addEventListener("orientationchange",ae),O>0?setTimeout(()=>q.observe(e),O):q.observe(e),{destroy(){cancelAnimationFrame(f),clearTimeout(ze),q.disconnect(),window.removeEventListener("resize",ae),window.removeEventListener("orientationchange",ae),clearTimeout(ie);},replay(){he=0,B();},pause(){w||!pe||(w=true,C=performance.now()-g,cancelAnimationFrame(f));},resume(){w&&(w=false,pe=true,g=performance.now()-C,f=requestAnimationFrame(Se));},seek(be){let Ee=Math.min(1,Math.max(0,be));se=Ee,w=true,C=Ee*l,g=performance.now()-C,cancelAnimationFrame(f),Ne(C);},getProgress(){return se},refresh(){clearTimeout(ie),D.forEach(Xe);}}}if(re)return ht(xn());zt();function Wt(){if(w||!je)return;let s=performance.now(),l=Ue();if(!Be&&h===false&&l===Ft){vt(l);return}Be=false,Ft=l;let g=m;if(h!==false){let B=s-Nt,q=B>0?Math.abs(l-(ot<0?l:ot))/B:0;g=m*Math.max(.2,1+q*(typeof h=="number"?h:1)*.04);}ot=l,Nt=s;let C=we?Q===-1||l>=Q?"forward":"reverse":E;Q=l;let pe=Z-oe,Ne=true,Se=pe===0?0:(l-oe)/pe;if(isNaN(Ge)||(Ge<=0&&Se>0?u?.():Ge>0&&Se<=0&&xe?.(),Ge<1&&Se>=1?d?.():Ge>=1&&Se<1&&X?.()),Ge=Se,V){let B=_t(0,U(l,oe,Z,g));se=B,e.style.setProperty("--scroll-draw-progress",String(B));let q=C==="reverse"?1-B:B;e.style.clipPath=Fe(q),N?.(B),!c&&U(l,oe,Z,g)>0&&(c=true,R?.()),B>=1&&!j?(j=true,k?.(),he<(_==="infinite"?1/0:_??0)&&(he++,ze=setTimeout(()=>{fe=-1,J=[],c=false,j=false,Ye();},W))):B<1&&!Y&&(j=false),vt(l);return}if(D.forEach((B,q)=>{let ie=q*qe*pe,ae=_t(q,U(l,oe+ie,Z+ie,g));bt(B,q,ae,C),q===0&&(se=ae,N?.(ae),e.style.setProperty("--scroll-draw-progress",String(ae))),ae<1&&(Ne=false);}),b){let B=K(U(l,oe,Z,g));for(let q in b){let ie=parseFloat(q);B>=ie&&!_e.has(ie)&&(_e.add(ie),b[q]?.());}}!c&&U(l,oe,Z,g)>0&&(c=true,R?.()),Ne&&!j?(j=true,k?.(),he<(_==="infinite"?1/0:_??0)&&(he++,ze=setTimeout(()=>{fe=-1,J=[],c=false,j=false,_e.clear(),Ye(),Be=true;},W))):!Ne&&!Y&&(j=false),vt(l);}function wt(s){return s>=Z&&s<rt}function vt(s){Ae||wt(s)?f=requestAnimationFrame(Wt):je=false;}function St(){return Ae||wt(Ue())}let je=false;function st(){je||(je=true,f=requestAnimationFrame(function(){Wt();}));}function it(){je=false,cancelAnimationFrame(f);}let Et=new IntersectionObserver(s=>{s.forEach(l=>{Ae=l.isIntersecting,Ae&&!w?(Be=true,st()):je&&!w&&wt(Ue())||it();});},{root:T??null,threshold:v,rootMargin:G});function qt(){D.forEach(Xe),zt(),Be=true;}let at;function Ke(){clearTimeout(at),at=setTimeout(qt,150);}window.addEventListener("resize",Ke),window.addEventListener("orientationchange",Ke);let Mn=ke([e],Ke);return O>0?setTimeout(()=>Et.observe(e),O):Et.observe(e),ht({destroy(){cancelAnimationFrame(f),clearTimeout(ze),it(),Et.disconnect(),Mn(),window.removeEventListener("resize",Ke),window.removeEventListener("orientationchange",Ke),clearTimeout(at),Dt();},replay(){fe=-1,J=[],Q=-1,ot=-1,c=false,j=false,he=0,w=false,se=0,_e.clear(),clearTimeout(ze),Ye(),Be=true,St()&&st();},pause(){w=true,it();},resume(){w&&(w=false,Be=true,St()&&st());},seek(s){let l=Math.min(1,Math.max(0,s));se=l,fe=l,J=[],w=true,it(),Sn(l,E),Be=true;},getProgress(){return se},refresh(){clearTimeout(at),qt(),St()&&!w&&st();}},()=>({tStart:oe,tEnd:Z}))}var sn=new WeakMap,_n=0;function an(e){return JSON.stringify(e,(t,n)=>{if(typeof n=="function")return "\u0192";if(typeof Element<"u"&&n instanceof Element){let r=sn.get(n);return r===void 0&&sn.set(n,r=++_n),`el#${r}`}return n})}function ln(e,t){let n={...e};for(let r of Object.keys(n))typeof n[r]=="function"&&(n[r]=(...o)=>t()[r]?.(...o));return n}function Bn(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function cn(e){let t=[],n=/([\w]+)\(([^)]*)\)/g,r;for(;(r=n.exec(e))!==null;){let o=[],i=[],a=r[2].trim();if(a)for(let m of a.split(/[\s,]+/)){let p=m.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(p?parseFloat(p[1]):0),i.push(p?p[2]:"");}t.push({fn:r[1],nums:o,units:i});}return t}function Wn(e,t,n){let r=cn(e),o=cn(t);return r.length===0||r.length!==o.length?n<1?e:t:r.map((i,a)=>{let m=o[a];return i.fn!==m.fn||i.nums.length!==m.nums.length?n<1?`${i.fn}(${i.nums.map((p,y)=>`${p}${i.units[y]}`).join(", ")})`:`${m.fn}(${m.nums.map((p,y)=>`${p}${m.units[y]}`).join(", ")})`:`${i.fn}(${i.nums.map((p,y)=>`${p+(m.nums[y]-p)*n}${i.units[y]}`).join(", ")})`}).join(" ")}function un(e,t,n){if(typeof e=="number"&&typeof t=="number")return String(e+(t-e)*n);let r=String(e),o=String(t);if(Bn(r))return ut(r,o,n);if(r.includes("("))return Wn(r,o,n);let i=r.match(/^([-+]?[\d.]+)(.*)$/),a=o.match(/^([-+]?[\d.]+)(.*)$/);if(i&&a){let m=parseFloat(i[1]),p=parseFloat(a[1]);return `${m+(p-m)*n}${i[2]||a[2]}`}return n<1?r:o}function qn(e){return e.replace(/([A-Z])/g,t=>`-${t.toLowerCase()}`)}var Gn=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),jn=0,mn="--scroll-draw-progress";function Qn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var pn={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function xt(e,t){return typeof window>"u"?pn:t.respectReducedMotion===false?fn(e,t,false):We(t,(n,r)=>fn(e,n,r))}function fn(e,t,n){let{props:r,trigger:o={},easing:i="ease-out",speed:a=1,once:m=false,axis:p="y",scrollContainer:y,native:S=true,velocityScale:F=false,triggerElement:E,onProgress:Y,onComplete:te,onEnter:L,onLeave:ne,onEnterBack:we,onLeaveBack:O}=t,$=typeof i=="function"?i:ee[i]??ee["ease-out"],P=de(o.start||"top bottom"),A=de(o.end||"bottom top"),b=E??e,h=typeof y=="string"?document.querySelector(y):y??null,v=Object.entries(r).map(([c,f])=>({prop:qn(c),from:Array.isArray(f)?f[0]:"",to:Array.isArray(f)?f[1]:f}));function G(){let c=window.getComputedStyle(e);for(let f of v)f.from===""&&(f.from=c.getPropertyValue(f.prop).trim()||"0");}function _(){for(let c of v)e.style.setProperty(c.prop,String(c.to));}let W=new Map;for(let c of [...v.map(f=>f.prop),mn])W.set(c,e.style.getPropertyValue(c));function H(){for(let[c,f]of W)f?e.style.setProperty(c,f):e.style.removeProperty(c);}if(n)return _(),te?.(),{...pn,destroy:H,getProgress:()=>1};G();let I=()=>h?p==="x"?h.scrollLeft:h.scrollTop:p==="x"?window.scrollX:window.scrollY,re=()=>h?p==="x"?h.clientWidth:h.clientHeight:p==="x"?window.innerWidth:window.innerHeight,Te=typeof i=="string"?mt(i):null;function ce(){if(!S||!Qn()||!Te||p!=="y"||h||b!==e||m||a!==1||Y||te||L||ne||we||O||F!==false||(o.start||"top bottom").trim()!=="top bottom"||(o.end||"bottom top").trim()!=="bottom top")return false;for(let c of v)if(!Gn.has(c.prop))return false;return true}function N(){let c=`ssd-a-${++jn}`,f=v.map(w=>`${w.prop}:${w.from}`).join(";"),Ae=v.map(w=>`${w.prop}:${w.to}`).join(";"),fe=document.createElement("style");fe.setAttribute("data-ssd-animate",""),fe.textContent=`@keyframes ${c}{from{${f}}to{${Ae}}}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${Te};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(fe),e.classList.add(c);let J=()=>{let w=e.getBoundingClientRect();return Le({top:w.top,height:w.height},I(),re(),P,A)};Ce(e,{type:"animate",getProgress:()=>Q.getProgress(),getTrigger:J});let Q={refresh(){},destroy(){e.classList.remove(c),fe.remove(),e.style.animationPlayState="",H(),Oe(e);},replay(){e.classList.remove(c),e.offsetWidth,e.classList.add(c);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(w){let se=Math.min(1,Math.max(0,w));e.classList.remove(c);for(let he of v)e.style.setProperty(he.prop,un(he.from,he.to,se));},getProgress(){let{tStart:w,tEnd:se}=J();return $(U(I(),w,se,a))}};return Q}if(ce())return N();let R=0,k=0,u=0,d=NaN,X=false,xe=-1,V=0,K=0,Pe=false,x=NaN,T=-1,ue=0,me=b===e?v:[],Re=false;function De(){let c=e.style,f=me.map(Q=>c.getPropertyValue(Q.prop)),Ae=c.transition;me.length&&(c.transition="none"),me.forEach(Q=>c.setProperty(Q.prop,W.get(Q.prop)??""));let fe=lt(b,h,p);me.forEach((Q,w)=>c.setProperty(Q.prop,f[w])),me.length&&(e.offsetWidth,c.transition=Ae);let J=Le(fe,fe.scroll,re(),P,A);Re&&Math.abs(J.tStart-R)<1&&Math.abs(J.tEnd-k)<1||(Re=true,R=J.tStart,k=J.tEnd);}function Me(c){e.style.setProperty(mn,String(c));for(let f of v)e.style.setProperty(f.prop,un(f.from,f.to,c));Y?.(c);}function Ve(c){if(isNaN(x)){x=c;return}x<=0&&c>0?L?.():x>0&&c<=0&&O?.(),x<1&&c>=1?ne?.():x>=1&&c<1&&we?.(),x=c;}let Fe=c=>U(c,R,k,Math.min(a,1));function D(){!u&&!X&&Fe(I())!==d&&(u=requestAnimationFrame(ye));}function ye(){if(X)return;let c=performance.now(),f=I(),Ae=a;if(F!==false){let w=c-ue,se=w>0?Math.abs(f-(T<0?f:T))/w:0;Ae=a*Math.max(.2,1+se*(typeof F=="number"?F:1)*.04);}T=f,ue=c;let fe=k===R?0:(f-R)/(k-R);Ve(fe);let J=U(f,R,k,Ae),Q=m?Math.max(xe,$(V=Math.max(V,J))):$(J);K=Q,Me(Q),Q>=1&&!Pe?(Pe=true,te?.()):Q<1&&!m&&(Pe=false),!X&&(d=Fe(f),u=d>0&&d<1?requestAnimationFrame(ye):0);}De(),k===R&&ge("scrollAnimate: zero-length trigger window, so it never animates. In a sticky stage, set triggerElement.",e),V=U(I(),R,k,a),K=$(V),Me(K);function ve(){De(),D();}let oe;function Z(){clearTimeout(oe),oe=setTimeout(ve,150);}let qe=h??window;qe.addEventListener("scroll",D,{passive:true}),window.addEventListener("resize",Z),window.addEventListener("orientationchange",Z);let rt=ke([b],Z);D(),Ce(e,{type:"animate",getProgress:()=>K,getTrigger:()=>({tStart:R,tEnd:k})});function j(){X=true,cancelAnimationFrame(u),u=0,d=NaN;}return {destroy(){j(),qe.removeEventListener("scroll",D),window.removeEventListener("resize",Z),window.removeEventListener("orientationchange",Z),rt(),clearTimeout(oe),H(),Oe(e);},replay(){xe=-1,V=0,Pe=false,K=0,X=false,Me(0),d=0,D();},pause:j,resume(){X&&(X=false,D());},seek(c){let f=Math.min(1,Math.max(0,c));K=f,xe=f,V=0,j(),Me(f);},getProgress(){return K},refresh:ve}}var Mt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Lt(e,t){if(typeof window>"u")return Mt;let n=typeof e=="string"?document.querySelector(e):e;return n?We(t,(r,o)=>Un(n,r,o)):(ge("scrollCounter: element not found:",e),Mt)}function Un(e,t,n){let{from:r=0,to:o,format:i,easing:a="ease-out",trigger:m={},once:p=true,decimals:y,onComplete:S}=t,F=y!==void 0?u=>u.toFixed(y):i??(u=>String(Math.round(u))),E=typeof a=="function"?a:ee[a]??ee["ease-out"],Y=de(m.start||"top 80%"),te=de(m.end||"top 20%");if(n)return e.textContent=F(o),S?.(),{...Mt,getProgress:()=>1};let L=0,ne=0,we=false,O=0,$=false,P=false,A=-1,b=0,h=0,v=false,G=()=>window.scrollY,_=()=>window.innerHeight;function W(){let u=e.getBoundingClientRect(),d=Le({top:u.top,height:u.height},G(),_(),Y,te);we&&Math.abs(d.tStart-L)<1&&Math.abs(d.tEnd-ne)<1||(we=true,L=d.tStart,ne=d.tEnd);}let H=e.style.getPropertyValue("--scroll-draw-progress");function I(u){e.textContent=F(r+(o-r)*u),e.style.setProperty("--scroll-draw-progress",String(u));}function re(){if(!$||P)return;let u=U(G(),L,ne,1),d=p?Math.max(A,E(b=Math.max(b,u))):E(u);h=d,I(d),d>=1&&!v?(v=true,S?.()):d<1&&!p&&(v=false),O=requestAnimationFrame(re);}W();{b=U(G(),L,ne,1);let u=E(b);h=u,I(u);}let Te=new IntersectionObserver(u=>{u.forEach(d=>{$=d.isIntersecting,$&&!P?O=requestAnimationFrame(re):cancelAnimationFrame(O);});}),ce;function N(){clearTimeout(ce),ce=setTimeout(W,150);}window.addEventListener("resize",N),window.addEventListener("orientationchange",N);let R=ke([e],N);Te.observe(e),Ce(e,{type:"counter",getProgress:()=>h,getTrigger:()=>({tStart:L,tEnd:ne})});function k(){P&&(P=false,$&&(O=requestAnimationFrame(re)));}return {destroy(){cancelAnimationFrame(O),Te.disconnect(),window.removeEventListener("resize",N),window.removeEventListener("orientationchange",N),R(),clearTimeout(ce),e.style.setProperty("--scroll-draw-progress",H),Oe(e);},replay(){A=-1,b=0,v=false,h=0,I(0),k();},pause(){P=true,cancelAnimationFrame(O);},resume:k,seek(u){let d=Math.min(1,Math.max(0,u));h=d,A=d,b=0,P=true,cancelAnimationFrame(O),I(d);},getProgress(){return h}}}var dn={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function At(e,t={}){if(typeof window>"u")return dn;let n=typeof e=="string"?document.querySelector(e):e;if(!n||n.tagName.toLowerCase()!=="video")return ge("scrollVideo: <video> element not found:",e),dn;let r=n,{trigger:o={},easing:i="linear",once:a=false,axis:m="y",preload:p="auto",triggerElement:y,onReady:S,onComplete:F,onProgress:E}=t,Y=y??r,te=window.matchMedia("(prefers-reduced-motion: reduce)").matches,L=typeof i=="function"?i:ee[i]??ee.linear,ne=de(o.start||"top top"),we=de(o.end||"bottom top");r.pause(),r.hasAttribute("preload")||(r.preload=p);let O=t.from??0,$=t.to,P=0,A=0,b=0,h=false,v=false,G=-1,_=0,W=0,H=false,I=false,re=()=>m==="x"?window.scrollX:window.scrollY,Te=()=>m==="x"?window.innerWidth:window.innerHeight;function ce(){let x=Y.getBoundingClientRect(),T=m==="x"?x.left:x.top,ue=m==="x"?x.width:x.height,me=Le({top:T,height:ue},re(),Te(),ne,we);P=me.tStart,A=me.tEnd,I&&A===P&&ge("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",r);}let N=NaN;function R(x){if(!I)return;let T=$??r.duration??0,ue=O+(T-O)*x;ue!==N&&(N=ue,r.currentTime=ue),r.style.setProperty("--scroll-draw-progress",String(x)),E?.(x);}function k(){if(!h||v||!I||te)return;let x=U(re(),P,A,1),T=a?Math.max(G,L(_=Math.max(_,x))):L(x);W=T,R(T),T>=1&&!H?(H=true,F?.()):T<1&&!a&&(H=false),b=requestAnimationFrame(k);}function u(){if(I=true,$===void 0&&($=r.duration),te){R(1),S?.();return}ce(),S?.(),v?R(W):h&&(b=requestAnimationFrame(k));}r.readyState>=1?u():r.addEventListener("loadedmetadata",u,{once:true}),I||ce();let d=te?()=>{}:dt(x=>{x&&(d(),te=true,cancelAnimationFrame(b),R(1));}),X=new IntersectionObserver(x=>{x.forEach(T=>{h=T.isIntersecting,h&&!v&&I?b=requestAnimationFrame(k):cancelAnimationFrame(b);});}),xe;function V(){clearTimeout(xe),xe=setTimeout(ce,150);}window.addEventListener("resize",V),window.addEventListener("orientationchange",V);let K=ke([Y],V);X.observe(r),Ce(r,{type:"video",getProgress:()=>W,getTrigger:()=>({tStart:P,tEnd:A})});function Pe(){v&&(v=false,h&&I&&(b=requestAnimationFrame(k)));}return {destroy(){cancelAnimationFrame(b),X.disconnect(),r.removeEventListener("loadedmetadata",u),window.removeEventListener("resize",V),window.removeEventListener("orientationchange",V),K(),d(),clearTimeout(xe),Oe(r);},replay(){G=-1,_=0,H=false,W=0,N=NaN,R(0),Pe();},pause(){v=true,cancelAnimationFrame(b);},resume:Pe,seek(x){let T=Math.min(1,Math.max(0,x));W=T,G=T,_=0,v=true,cancelAnimationFrame(b),N=NaN,R(T);},getProgress(){return W}}}function gn(e,t){let n=document.createElement("span");n.textContent=t,n.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;user-select:none",e.appendChild(n);}function gt(e=""){let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),t.textContent=e,t}function hn(e){let t=e.textContent??"";return e.textContent="",t.split(/(\s+)/).filter(Boolean).map(n=>{let r=e.appendChild(gt(n)),o=/^\s+$/.test(n);return o?r.style.whiteSpace="pre":r.style.display="inline-block",o?null:r}).filter(n=>n!==null)}function Yn(e){let t=e.textContent??"";e.textContent="";let n=[],r=null;for(let o of t){let i=gt(o),a=o===" ";a?i.style.whiteSpace="pre":(i.style.display="inline-block",n.push(i)),a||o>"\u0DFF"?r=null:r||(r=e.appendChild(gt()),r.style.cssText="display:inline-block;white-space:nowrap"),(r??e).appendChild(i);}return n}function yn(e){let t=hn(e),n=new Map;for(let i of t){let a=i.offsetTop;n.has(a)||n.set(a,[]),n.get(a).push(i);}let r=[],o=Array.from(n.keys()).sort((i,a)=>i-a);for(let i of o){let a=n.get(i),m=gt();m.style.display="inline-block",a.forEach((p,y)=>{let S=p.nextElementSibling;m.appendChild(p),y<a.length-1&&S&&S.style.whiteSpace==="pre"&&m.appendChild(S);}),r.push(m);}return e.textContent="",r.forEach((i,a)=>{e.appendChild(i),a<r.length-1&&e.appendChild(document.createTextNode(" "));}),r}function Xn(e,t,n,r){if(n<=1||r===0)return e;r=Math.min(r,1/n);let o=(n-1)*r,i=t*r,a=i+(1-o);return a<=i?e>=i?1:0:Math.min(1,Math.max(0,(e-i)/(a-i)))}function Kn(e,t){let n=[];if(t?.y!==void 0&&n.push(`translateY(${t.y*(1-e)}px)`),t?.x!==void 0&&n.push(`translateX(${t.x*(1-e)}px)`),t?.rotate!==void 0&&n.push(`rotate(${t.rotate*(1-e)}deg)`),t?.scale!==void 0){let r=t.scale+(1-t.scale)*e;n.push(`scale(${r})`);}return n.join(" ")}var Ct={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Ot(e,t={}){if(typeof window>"u")return Ct;let n=typeof e=="string"?document.querySelector(e):e;if(!n)return ge("scrollText: element not found:",e),Ct;let r=n;return We(t,(o,i)=>Zn(r,o,i))}function Zn(e,t,n){let{split:r="words",stagger:o=.04,easing:i="ease-out",from:a={opacity:0,y:24},trigger:m={},once:p=true,onComplete:y}=t,S=typeof i=="function"?i:ee[i]??ee["ease-out"],F=de(m.start||"top 85%"),E=de(m.end||"top 40%"),Y=e.innerHTML,te=e.textContent??"",L;r==="chars"?L=Yn(e):r==="lines"?L=yn(e):L=hn(e),gn(e,te);let ne=L.length;function we(u,d){a?.opacity!==void 0&&(u.style.opacity=String(a.opacity+(1-a.opacity)*d));let X=Kn(d,a);X&&(u.style.transform=X);}function O(u){e.style.setProperty("--scroll-draw-progress",String(u)),L.forEach((d,X)=>{let xe=S(Xn(u,X,ne,o));we(d,xe);});}if(n)return O(1),y?.(),{...Ct,destroy:()=>{e.innerHTML=Y;},getProgress:()=>1};O(0);let $=0,P=0,A=0,b=false,h=false,v=-1,G=0,_=false,W=()=>window.scrollY,H=()=>window.innerHeight;function I(){let u=e.getBoundingClientRect(),d=Le({top:u.top,height:u.height},W(),H(),F,E);$=d.tStart,P=d.tEnd;}function re(){if(!b||h)return;let u=U(W(),$,P,1);p&&(v=Math.max(v,u),u=v),G=u,O(u),u>=1&&!_?(_=true,y?.()):u<1&&!p&&(_=false),A=requestAnimationFrame(re);}I();let Te=new IntersectionObserver(u=>{u.forEach(d=>{b=d.isIntersecting,b&&!h?A=requestAnimationFrame(re):cancelAnimationFrame(A);});}),ce;function N(){clearTimeout(ce),ce=setTimeout(()=>{if(r==="lines"){let u=G;e.innerHTML=Y,L=yn(e),gn(e,te),O(u);}I();},150);}window.addEventListener("resize",N),window.addEventListener("orientationchange",N);let R=ke([e],N);Te.observe(e),Ce(e,{type:"text",getProgress:()=>G,getTrigger:()=>({tStart:$,tEnd:P})});function k(){h&&(h=false,b&&(A=requestAnimationFrame(re)));}return {destroy(){cancelAnimationFrame(A),Te.disconnect(),window.removeEventListener("resize",N),window.removeEventListener("orientationchange",N),R(),clearTimeout(ce),e.innerHTML=Y,Oe(e);},replay(){v=-1,_=false,G=0,O(0),k();},pause(){h=true,cancelAnimationFrame(A);},resume:k,seek(u){let d=Math.min(1,Math.max(0,u));G=d,v=d,h=true,cancelAnimationFrame(A),O(d);},getProgress(){return G}}}var nt=e=>typeof e=="function"?e():vue.unref(e);function Ie(e,t,n){let r=null,o=t(),i=()=>{r?.destroy(),r=e.value?n(e.value,ln(o,()=>o)):null;};vue.onMounted(i),vue.watch(()=>an(o=t()),i),vue.onUnmounted(()=>{r?.destroy(),r=null;});}function rr(e={}){let t=vue.ref(null);return Ie(t,()=>nt(e),Tt),t}var bn={preset:0,selector:0,speed:0,fade:1,easing:0,trigger:0,stagger:0,direction:0,once:1,debug:1,axis:0,scrollContainer:0,autoReverse:1,delay:0,strokeColor:0,strokeWidth:0,fillOpacity:0,clip:2,waypoints:0,velocityScale:3,threshold:0,rootMargin:0,repeat:0,repeatDelay:0,morphTo:0,onProgress:0,onStart:0,onComplete:0,onEnter:0,onLeave:0,onEnterBack:0,onLeaveBack:0,autoplay:1,duration:0,native:1},or=[null,Boolean,[Boolean,String],[Boolean,Number]],wn=e=>({type:e,default:void 0}),Pt=vue.defineComponent({name:"ScrollDraw",props:Object.fromEntries(Object.entries(bn).map(([e,t])=>[e,t?wn(or[t]):null])),setup(e,{slots:t}){let n=vue.ref(null);return Ie(n,()=>{let r={};for(let o in bn){let i=e[o];i!=null&&(r[o]=i);}return r},Tt),()=>vue.h("div",{ref:n},t.default?.())}});function sr(e){let t=vue.ref(null);return Ie(t,()=>nt(e),xt),t}var Rt=vue.defineComponent({name:"ScrollAnimate",props:{options:{type:Object,required:true}},setup(e,{slots:t}){let n=vue.ref(null);return Ie(n,()=>e.options,xt),()=>vue.h("div",{ref:n},t.default?.())}});function ir(e){let t=vue.ref(null);return Ie(t,()=>nt(e),Lt),t}var kt=vue.defineComponent({name:"ScrollCounter",props:{to:{type:Number,required:true},from:{type:Number},format:{type:Function},easing:{type:[String,Function]},trigger:{type:Object},once:wn(Boolean),decimals:{type:Number},onComplete:{type:Function}},setup(e){let t=vue.ref(null);return Ie(t,()=>{let n={to:e.to};return e.from!=null&&(n.from=e.from),e.format!=null&&(n.format=e.format),e.easing!=null&&(n.easing=e.easing),e.trigger!=null&&(n.trigger=e.trigger),e.once!=null&&(n.once=e.once),e.decimals!=null&&(n.decimals=e.decimals),e.onComplete!=null&&(n.onComplete=e.onComplete),n},Lt),()=>vue.h("span",{ref:t})}});function ar(e={}){let t=vue.ref(null);return Ie(t,()=>nt(e),At),t}var $t=vue.defineComponent({name:"ScrollVideo",props:{src:{type:String,required:true},options:{type:Object},muted:{type:Boolean,default:true},playsInline:{type:Boolean,default:true},class:{type:String}},setup(e){let t=vue.ref(null);return Ie(t,()=>e.options??{},At),()=>vue.h("video",{ref:t,src:e.src,muted:e.muted,playsinline:e.playsInline,preload:"auto",class:e.class})}});function lr(e={}){let t=vue.ref(null);return Ie(t,()=>nt(e),Ot),t}var It=vue.defineComponent({name:"ScrollText",props:{options:{type:Object},tag:{type:String,default:"p"}},setup(e,{slots:t}){let n=vue.ref(null);return Ie(n,()=>e.options??{},Ot),()=>vue.h(e.tag,{ref:n},t.default?.())}});function Mo(){return {install(e){e.component("ScrollDraw",Pt),e.component("ScrollAnimate",Rt),e.component("ScrollCounter",kt),e.component("ScrollVideo",$t),e.component("ScrollText",It);}}}exports.ScrollAnimate=Rt;exports.ScrollCounter=kt;exports.ScrollDraw=Pt;exports.ScrollText=It;exports.ScrollVideo=$t;exports.createScrollDrawPlugin=Mo;exports.useScrollAnimate=sr;exports.useScrollCounter=ir;exports.useScrollDraw=rr;exports.useScrollText=lr;exports.useScrollVideo=ar;
|
|
1
|
+
'use strict';var vue=require('vue');function Ln({tension:e=2.5,friction:t=2.2}={}){return n=>1-Math.cos(n*Math.PI*e)*Math.pow(1-n,t)}function Cn({bounces:e=3,decay:t=.5}={}){let n=Math.max(1,Math.round(e)),r=Math.max(.01,Math.min(.99,t)),o=Math.sqrt(r),s=0,a=[];for(let p=0;p<n;p++){let g=Math.pow(o,p);a.push(g),s+=g;}let u=[0],f=0;for(let p=0;p<n;p++)f+=a[p]/s,u.push(f);return p=>{if(p<=0)return 0;if(p>=1)return 1;for(let g=0;g<n;g++)if(p<=u[g+1]){let x=(p-u[g])/(u[g+1]-u[g]);if(g===0)return x*(2-x);let y=1-Math.pow(r,g);return y+(1-y)*(2*x-1)*(2*x-1)}return 1}}function An({amplitude:e=1,period:t=.4}={}){let n=Math.max(1,e),r=Math.max(.1,t),o=n<=1?r/4:r/(2*Math.PI)*Math.asin(1/n);return s=>s<=0?0:s>=1?1:n*Math.pow(2,-10*s)*Math.sin((s-o)*(2*Math.PI)/r)+1}var ee={linear:e=>e,"ease-in":e=>e*e,"ease-out":e=>e*(2-e),"ease-in-out":e=>e<.5?2*e*e:-1+(4-2*e)*e,spring:Ln(),bounce:Cn(),elastic:An()};function Qe(e,t,n){return Math.min(n,Math.max(t,e))}function ie(e="top bottom"){let t=e.trim();if(/^\d+(\.\d+)?%$/.test(t))return {element:"top",viewport:t};let[n="top",r="bottom"]=t.split(/\s+/).filter(Boolean);return {element:n,viewport:r}}var qt=(e,t)=>e==="top"?0:e==="center"?.5:e==="bottom"?1:t;function zt(e,t,n,r){return e+n+t*qt(r,0)}function jt(e,t){return t*(/^\d+(\.\d+)?%$/.test(e)?parseFloat(e)/100:qt(e,1))}function z(e,t,n,r){return n===t?0:Qe((e-t)/(n-t)*r,0,1)}function we(e,t,n,r,o){let s=zt(e.top,e.height,t,r.element)-jt(r.viewport,n),a=zt(e.top,e.height,t,o.element)-jt(o.viewport,n);return {tStart:s,tEnd:a}}function ot(e,t,n){let r=e.getBoundingClientRect(),o=n==="x"?r.width:r.height;return t?{top:n==="x"?r.left-t.getBoundingClientRect().left-t.clientLeft+t.scrollLeft:r.top-t.getBoundingClientRect().top-t.clientTop+t.scrollTop,height:o,scroll:0}:{top:n==="x"?r.left:r.top,height:o,scroll:n==="x"?window.scrollX:window.scrollY}}function st(e){let t=parseFloat(e.getAttribute("pathLength")??"");if(t>0)return t;let n=e.tagName.toLowerCase();if(n==="rect"){let r=parseFloat(e.getAttribute("width")??"0"),o=parseFloat(e.getAttribute("height")??"0");return 2*(r+o)}if(n==="circle"){let r=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*r}return e.getTotalLength()}function Yt(e){let t=/^#([a-f\d])([a-f\d])([a-f\d])$/i.exec(e);if(t)return [parseInt(t[1]+t[1],16),parseInt(t[2]+t[2],16),parseInt(t[3]+t[3],16)];let n=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(n)return [parseInt(n[1],16),parseInt(n[2],16),parseInt(n[3],16)];let r=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(e);return r?[parseInt(r[1]),parseInt(r[2]),parseInt(r[3])]:null}function it(e,t,n){let r=Yt(e),o=Yt(t);return !r||!o?e:`rgb(${Math.round(r[0]+(o[0]-r[0])*n)},${Math.round(r[1]+(o[1]-r[1])*n)},${Math.round(r[2]+(o[2]-r[2])*n)})`}var Qt={sketch:{easing:"ease-in",stagger:.1,speed:.9,fade:false},reveal:{easing:"ease-out",fade:true,speed:1.2,once:true},typewriter:{easing:"linear",stagger:.05,speed:1.5},cinematic:{easing:"ease-in-out",fade:true,speed:.75},spring:{easing:"spring",speed:1.1}};var ze=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function ae(e,...t){ze&&console.warn(`[svg-scroll-draw] ${e}`,...t);}var Pn="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",On="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",Ut=33;function kn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function $n(e){let t=[];for(let n=0;n<Ut;n++){let r=n/(Ut-1);t.push(String(Math.round(e(r)*1e5)/1e5));}return `linear(${t.join(",")})`}function at(e){switch(e){case "linear":return "linear";case "ease-in":return Pn;case "ease-out":return On;case "ease-in-out":return kn()?$n(ee["ease-in-out"]):null;default:return null}}var Xt=Symbol.for("svg-scroll-draw.registry");function Kt(){let e=globalThis;return e[Xt]||(e[Xt]=new Map)}function Se(e,t){Kt().set(e,t);}function ve(e){Kt().delete(e);}function lt(e){if(typeof window>"u"||typeof window.matchMedia!="function")return ()=>{};let t=window.matchMedia("(prefers-reduced-motion: reduce)"),n=o=>e(!!o.matches);if(typeof t.addEventListener=="function")return t.addEventListener("change",n),()=>t.removeEventListener("change",n);let r=t;return r.addListener?.(n),()=>r.removeListener?.(n)}function Ve(e,t){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return t(e,true);let n=t(e,false),r=lt(s=>{if(!s)return;r();let a=(n.getProgress?.()??0)>=1;n.destroy(),n=t(a?{...e,onComplete:void 0}:e,true);}),o={};for(let s of Object.keys(n))o[s]=(...a)=>n[s]?.(...a);return o.destroy=()=>{r(),n.destroy();},o}var Ue,ct=new Set,ut=new WeakMap,Xe=new Map,Zt=e=>{let t=e.getBoundingClientRect();return t.width+" "+t.height};function Rn(e){let t=new Set;for(let n of e)for(;n&&n!==document.body;n=n.parentElement)for(let r=n;r;r=r.previousElementSibling)t.add(r);return t}function Jt(e,t){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let n=()=>t();Ue??(Ue=new ResizeObserver(o=>{let s=false;for(let{target:a}of o)ut.get(a)!==Zt(a)&&(s=true),ut.set(a,"");s&&ct.forEach(a=>a());})),ct.add(n);let r=Rn(e);return [document.body,document.documentElement].forEach(o=>o&&r.add(o)),r.forEach(o=>{ut.has(o)||ut.set(o,Zt(o)),Xe.set(o,(Xe.get(o)??0)+1),Ue.observe(o);}),()=>{ct.delete(n)&&(r.forEach(o=>{let s=(Xe.get(o)??1)-1;if(s)return void Xe.set(o,s);Xe.delete(o),Ue?.unobserve(o);}),ct.size||(Ue?.disconnect(),Ue=void 0));}}function Me(e,t,n,r,o){let s,a=NaN,u,f,p=()=>{s=0,r(),!u&&!s&&(a=n())>0&&a<1&&(s=requestAnimationFrame(p));},g=()=>{!s&&!u&&n()!==a&&(s=requestAnimationFrame(p));},x=D=>{u=D,cancelAnimationFrame(s),s=a=NaN,g();},y=()=>{clearTimeout(f),o(),g();},R=()=>{clearTimeout(f),f=setTimeout(y,150);},j=Jt(t,R),w=D=>{e[D]("scroll",g,{passive:true}),window[D]("resize",R),window[D]("orientationchange",R);};return w("addEventListener"),g(),{hold:x,remeasure:y,off(){x(true),w("removeEventListener"),j(),clearTimeout(f);}}}var Dn=0;function Hn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function en(e,t){let n="";try{n=getComputedStyle(e).getPropertyValue(t).trim();}catch{}return n||(e.getAttribute(t)??"").trim()}var tn=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function Nn(e){if(!ze)return;let t=en(e,"stroke");if(!t||t==="none"){ae("Element has no stroke \u2014 path will not be visible.",e);return}let n=(e.getAttribute("fill")??"").trim();n&&!tn.has(n)&&!tn.has(en(e,"fill"))&&ae("Element has a fill \u2014 it may obscure the stroke animation.",e);}function In(e,t,n){let r=document.createElement("div");r.setAttribute("data-svg-scroll-draw-debug",""),r.style.cssText="position:fixed;pointer-events:none;z-index:9999;font-family:monospace;font-size:11px;top:0;left:0;right:0;bottom:0;";function o(){let s=n==="x"?window.scrollX:window.scrollY,a=e-s,u=t-s,f=n==="x";r.innerHTML=`
|
|
2
|
+
<div style="position:absolute;${f?`left:${a}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${a}px;left:0;right:0;border-top:2px dashed #22c55e;`}padding:2px 6px;color:#22c55e;background:rgba(0,0,0,.6)">\u25B6 start</div>
|
|
3
|
+
<div style="position:absolute;${f?`left:${u}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${u}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(r),window.addEventListener("scroll",o,{passive:true}),o(),{el:r,destroy(){window.removeEventListener("scroll",o),r.remove();}}}var nn=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,rn=/[MmLlHhVvCcSsQqTtAaZz]/g;function Vn(e,t,n){if(!ze)return;let r=(e.match(rn)??[]).join("").toUpperCase(),o=(t.match(rn)??[]).join("").toUpperCase(),s=(e.match(nn)??[]).length,a=(t.match(nn)??[]).length;if(r!==o){ae(`morphTo: command sequence differs (${r||"\u2205"} \u2192 ${o||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,n);return}s!==a&&ae(`morphTo: coordinate count differs (${s} \u2192 ${a}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,n);}function Fn(e,t,n){let r=(t.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let a=parseFloat(s),u=r[o++]??a;return String(+(a+(u-a)*n).toFixed(4))})}function wt(e,t={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:Ve(t,(n,r)=>_n(e,n,r))}function _n(e,t,n){let{preset:r,...o}=t,s=r?{...Qt[r],...o}:o,{selector:a="path, polyline, line, polygon, rect, circle",speed:u=1,fade:f=false,easing:p="linear",trigger:g={},stagger:x=0,direction:y="forward",once:R=false,debug:j=false,axis:w="y",scrollContainer:D,autoReverse:ue=false,delay:H=0,strokeColor:M,strokeWidth:C,fillOpacity:O,waypoints:S,velocityScale:A=false,threshold:N=0,rootMargin:te="0px",repeat:q=0,repeatDelay:V=0,morphTo:I,clip:v,autoplay:Q=false,duration:h=1e3,native:P=true,onProgress:Ee,onStart:U,onComplete:_,onEnter:fe,onLeave:Te,onEnterBack:ge,onLeaveBack:me}=s,b=v===true?"left":typeof v=="string"?v:false,E=typeof p=="function"?p:ee[p]??ee.linear,ye=ie(g.start||"top bottom"),He=ie(g.end||"bottom top"),X=typeof D=="string"?document.querySelector(D):D??null,Ae=Array.isArray(M)?M[0]:null,Pe=Array.isArray(M)?M[1]:typeof M=="string"?M:null,he=Array.isArray(C)?C[0]:null,Ne=Array.isArray(C)?C[1]:typeof C=="number"?C:null,Oe=Array.isArray(O)?O[0]:null,be=Array.isArray(O)?O[1]:typeof O=="number"?O:null;function ke(i){let c=i*100;switch(b){case "right":return `inset(0 0 0 ${100-c}%)`;case "top":return `inset(0 0 ${100-c}% 0)`;case "bottom":return `inset(${100-c}% 0 0 0)`;case "center":return `circle(${i*150}% at 50% 50%)`;default:return `inset(0 ${100-c}% 0 0)`}}let l=b?[]:Array.from(e.querySelectorAll(a)),m=[],K=[],k=0,F=0,Y=x,G=0,Ie=0,Z=false,$e=false,Re=0,mt=-1,et=[],tt=-1,pe=false,xe=0,Fe=0,_e,pt=false,dt=null;function kt(){dt?.destroy(),dt=null;}let Ge=new Set,$t=NaN,We=true,nt=-1,Rt=performance.now(),Be=NaN;function rt(){return X?w==="x"?X.scrollLeft:X.scrollTop:w==="x"?window.scrollX:window.scrollY}function Dt(){return X?w==="x"?X.clientWidth:X.clientHeight:w==="x"?window.innerWidth:window.innerHeight}function Ht(){let i=ot(e,X,w);return we(i,i.scroll,Dt(),ye,He)}function wn(){let i=F-k,c=l.length-1,d=X??document.documentElement,L=w==="x"?"Width":"Height";if(Y=x,x>0&&c>0&&i>0){let ne=d[`scroll${L}`]-d[`client${L}`]-1-k-i/u;ne>=0&&(Y=Math.min(x,ne/(c*i)));}let J=Math.max(0,c)*Y*i,le=i/Math.min(u,1);G=k+Math.min(0,J,le,J+le),Ie=k+Math.max(0,J,le,J+le);}function Nt(){(({tStart:k,tEnd:F}=Ht())),wn(),j&&ze&&(kt(),dt=In(k,F,w));}function gt(i,c=Ht){Se(e,{type:"draw",getProgress:()=>i.getProgress(),getTrigger:c});let d=i.destroy;return i.destroy=()=>{d.call(i),ve(e);},i}function It(i,c){return R&&!ue?Math.max(mt,E(et[i]=Math.max(et[i]??0,c))):E(c)}function Sn(i,c){if(e.style.setProperty("--scroll-draw-progress",String(i)),b){let d=c==="reverse"?1-i:i;e.style.clipPath=ke(d);return}l.forEach((d,L)=>yt(d,L,i,c));}function yt(i,c,d,L){i.style.strokeDashoffset=L==="reverse"?`${m[c]*d}`:`${m[c]*(1-d)}`,f&&(i.style.opacity=L==="reverse"?`${1-d}`:`${d}`),Ae&&Pe?i.style.stroke=it(Ae,Pe,d):Pe&&(i.style.stroke=Pe),he!==null&&Ne!==null?i.style.strokeWidth=`${he+(Ne-he)*d}`:Ne!==null&&(i.style.strokeWidth=`${Ne}`),Oe!==null&&be!==null?i.style.fillOpacity=`${Oe+(be-Oe)*d}`:be!==null&&(i.style.fillOpacity=`${be}`),I&&i.tagName.toLowerCase()==="path"&&K[c]&&i.setAttribute("d",Fn(K[c],I,d));}function ht(){if(e.style.setProperty("--scroll-draw-progress","0"),b){e.style.clipPath=ke(y==="reverse"?1:0);return}l.forEach((i,c)=>{i.style.strokeDasharray=`${m[c]}`,i.style.strokeDashoffset=y==="reverse"?"0":`${m[c]}`,f?i.style.opacity=y==="reverse"?"1":"0":i.style.opacity="",Ae&&(i.style.stroke=Ae),he!==null&&(i.style.strokeWidth=`${he}`),Oe!==null&&(i.style.fillOpacity=`${Oe}`),I&&i.tagName.toLowerCase()==="path"&&K[c]&&i.setAttribute("d",K[c]);});}function je(i,c){let d=i.getAttribute("d"),L=st(i);if(I&&K[c]){i.setAttribute("d",I);let J=st(i);i.setAttribute("d",K[c]),L=Math.max(st(i),J),i.setAttribute("d",d);}m[c]=L,i.style.strokeDasharray=`${L}`;}if(l.forEach((i,c)=>{Nn(i);let d=i.tagName.toLowerCase()==="path";d?K.push(i.getAttribute("d")??""):K.push(""),je(i,c);let L=m[c];I&&(d?Vn(K[K.length-1],I,i):ae(`morphTo only applies to <path> elements \u2014 ignored on <${i.tagName}>.`,i)),n?(i.style.strokeDashoffset=y==="reverse"?`${L}`:"0",f&&(i.style.opacity="1"),Pe&&(i.style.stroke=Pe),Ne!==null&&(i.style.strokeWidth=`${Ne}`),be!==null&&(i.style.fillOpacity=`${be}`),I&&i.tagName.toLowerCase()==="path"&&i.setAttribute("d",I)):(i.style.strokeDashoffset=y==="reverse"?"0":`${L}`,f?i.style.opacity=y==="reverse"?"1":"0":i.style.opacity="",Ae&&(i.style.stroke=Ae),he!==null&&(i.style.strokeWidth=`${he}`),Oe!==null&&(i.style.fillOpacity=`${Oe}`));}),n)return b&&(e.style.clipPath=ke(1)),_?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};b&&(e.style.clipPath=ke(y==="reverse"?1:0));let Vt=typeof p=="string"?at(p):null;function vn(){return !(P===false||Q||j&&ze||!Hn()||!l.length||!Vt||b||w!=="y"||X||u!==1||x!==0||R||ue||A!==false||I||S||q||H>0||Ee||U||_||fe||Te||ge||me||M!=null||C!=null||O!=null||(g.start||"top bottom").trim()!=="top bottom"||(g.end||"bottom top").trim()!=="bottom top")}function En(){let i=++Dn,c=`svg-scroll-draw-${i}`,d=`svg-scroll-draw-host-${i}`,L=`--svg-scroll-draw-${i}`,J=y==="reverse"?"0":"var(--ssd-len)",le=y==="reverse"?"var(--ssd-len)":"0",ne=`stroke-dashoffset:${J};`,W=`stroke-dashoffset:${le};`;f&&(ne+=`opacity:${y==="reverse"?1:0};`,W+=`opacity:${y==="reverse"?0:1};`);let B=document.createElement("style");B.setAttribute("data-svg-scroll-draw",""),B.textContent=`@keyframes ${c}{from{${ne}}to{${W}}}.${d}{view-timeline-name:${L};view-timeline-axis:block;}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${Vt};animation-fill-mode:both;animation-timeline:${L};animation-range:cover 0% cover 100%;}`,document.head.appendChild(B),e.classList.add(d);function se(T,$){T.style.setProperty("--ssd-len",String(m[$])),T.style.strokeDasharray=`${m[$]}`,T.style.strokeDashoffset="",T.style.opacity="",T.style.animationPlayState="",T.classList.add(c);}l.forEach(se);let re=false,ce=-1;function de(){if(ce>=0)return ce;let T=e.getBoundingClientRect(),{tStart:$,tEnd:oe}=we({top:T.top,height:T.height},rt(),Dt(),ye,He);return E(z(rt(),$,oe,u))}return {destroy(){e.classList.remove(d),l.forEach(T=>{T.classList.remove(c),T.style.removeProperty("--ssd-len"),T.style.animationPlayState="";}),B.remove();},replay(){re=false,ce=-1,l.forEach(se);},pause(){re=true,l.forEach(T=>{T.style.animationPlayState="paused";});},resume(){re&&(re=false,l.forEach(T=>{T.style.animationPlayState="running";}));},seek(T){let $=Math.min(1,Math.max(0,T));ce=$,re=true,l.forEach((oe,De)=>{oe.classList.remove(c),oe.style.strokeDashoffset=y==="reverse"?`${m[De]*$}`:`${m[De]*(1-$)}`,f&&(oe.style.opacity=y==="reverse"?`${1-$}`:`${$}`);});},getProgress(){return de()},refresh(){l.forEach((T,$)=>{je(T,$),T.style.setProperty("--ssd-len",String(m[$]));});}}}if(vn())return gt(En());function Tn(){let i=Math.max(1,h),c=b?i:i*(1+Math.max(0,l.length-1)*x),d=0,L=0,J=false;function le(ce){let de=true,T=Math.min(1,Math.max(0,ce/c));if(b){let $=Math.min(1,Math.max(0,ce/i)),oe=E($);xe=oe,e.style.setProperty("--scroll-draw-progress",String(oe)),e.style.clipPath=ke(y==="reverse"?1-oe:oe),Ee?.(oe),$<1&&(de=false);}else {l.forEach((oe,De)=>{let Mn=De*x*i,Bt=Math.min(1,Math.max(0,(ce-Mn)/i));yt(oe,De,E(Bt),y),Bt<1&&(de=false);});let $=E(T);xe=$,Ee?.($),e.style.setProperty("--scroll-draw-progress",String($));}if(S){let $=E(T);for(let oe in S){let De=parseFloat(oe);$>=De&&!Ge.has(De)&&(Ge.add(De),S[oe]?.());}}return de}function ne(ce){if(pe)return;let de=ce-d;$e||($e=true,U?.());let T=le(de);if(T&&!Z){Z=true,le(c),_?.(),Fe<(q==="infinite"?1/0:q??0)&&(Fe++,_e=setTimeout(()=>{d=performance.now(),$e=false,Z=false,Ge.clear(),ht(),Re=requestAnimationFrame(ne);},V));return}T||(Re=requestAnimationFrame(ne));}function W(){cancelAnimationFrame(Re),clearTimeout(_e),d=performance.now(),L=0,pe=false,$e=false,Z=false,Fe=0,J=true,xe=0,Ge.clear(),ht(),Re=requestAnimationFrame(ne);}let B=new IntersectionObserver(ce=>{ce.forEach(de=>{de.isIntersecting&&!(R&&Z)?W():!de.isIntersecting&&!R&&!Z&&(cancelAnimationFrame(Re),clearTimeout(_e),J=false);});},{root:X??null,threshold:N,rootMargin:te}),se;function re(){clearTimeout(se),se=setTimeout(()=>l.forEach(je),150);}return window.addEventListener("resize",re),window.addEventListener("orientationchange",re),H>0?setTimeout(()=>B.observe(e),H):B.observe(e),{destroy(){cancelAnimationFrame(Re),clearTimeout(_e),B.disconnect(),window.removeEventListener("resize",re),window.removeEventListener("orientationchange",re),clearTimeout(se);},replay(){Fe=0,W();},pause(){pe||!J||(pe=true,L=performance.now()-d,cancelAnimationFrame(Re));},resume(){pe&&(pe=false,J=true,d=performance.now()-L,Re=requestAnimationFrame(ne));},seek(ce){let de=Math.min(1,Math.max(0,ce));xe=de,pe=true,L=de*c,d=performance.now()-L,cancelAnimationFrame(Re),le(L);},getProgress(){return xe},refresh(){clearTimeout(se),l.forEach(je);}}}if(Q)return gt(Tn());Nt();let Ft=()=>z(rt(),G,Ie,1);function _t(){Z=true,_?.(),Fe<(q==="infinite"?1/0:q)&&(Fe++,_e=setTimeout(()=>{pt=true;},V));}function Gt(){mt=-1,et=[],$e=false,Z=false,pt=false,Ge.clear(),ht(),We=true;}function xn(){let i=performance.now(),c=rt();if(pt&&Ft()%1&&Gt(),!We&&A===false&&c===$t)return;We=false,$t=c;let d=u;if(A!==false){let W=i-Rt,B=W>0?Math.abs(c-(nt<0?c:nt))/W:0;d=u*Math.max(.2,1+B*(typeof A=="number"?A:1)*.04);}nt=c,Rt=i;let L=ue?tt===-1||c>=tt?"forward":"reverse":y;tt=c;let J=F-k,le=true,ne=J===0?0:(c-k)/J;if(isNaN(Be)||(Be<=0&&ne>0&&fe?.(),Be<1&&ne>=1&&Te?.(),Be>=1&&ne<1&&ge?.(),Be>0&&ne<=0&&me?.()),Be=ne,b){let W=It(0,z(c,k,F,d));xe=W,e.style.setProperty("--scroll-draw-progress",String(W));let B=L==="reverse"?1-W:W;e.style.clipPath=ke(B),Ee?.(W),!$e&&z(c,k,F,d)>0&&($e=true,U?.()),W>=1&&!Z?_t():W<1&&!R&&(Z=false);return}if(l.forEach((W,B)=>{let se=B*Y*J,re=It(B,z(c,k+se,F+se,d));yt(W,B,re,L),B===0&&(xe=re,Ee?.(re),e.style.setProperty("--scroll-draw-progress",String(re))),re<1&&(le=false);}),S){let W=E(z(c,k,F,d));for(let B in S){let se=parseFloat(B);W>=se&&!Ge.has(se)&&(Ge.add(se),S[B]?.());}}!$e&&z(c,k,F,d)>0&&($e=true,U?.()),le&&!Z?_t():!le&&!R&&(Z=false);}let qe=Me(X??window,[e],Ft,xn,()=>{let i=m.join();l.forEach(je),Nt(),We=true,m.join()!==i&&Ye();}),bt=H>0;function Ye(){qe.hold(pe||bt);}let Wt;return bt&&(Wt=setTimeout(()=>{bt=false,Ye();},H)),Ye(),gt({destroy(){clearTimeout(_e),clearTimeout(Wt),qe.off(),kt();},replay(){Gt(),tt=-1,nt=-1,Fe=0,pe=false,xe=0,clearTimeout(_e),Ye();},pause(){pe=true,qe.hold(true);},resume(){pe&&(pe=false,We=true,Ye());},seek(i){let c=Math.min(1,Math.max(0,i));xe=c,mt=c,et=[],pe=true,qe.hold(true),Sn(c,y),We=true;},getProgress(){return xe},refresh:qe.remeasure},()=>({tStart:k,tEnd:F}))}var on=new WeakMap,Gn=0;function sn(e){return JSON.stringify(e,(t,n)=>{if(typeof n=="function")return "\u0192";if(typeof Element<"u"&&n instanceof Element){let r=on.get(n);return r===void 0&&on.set(n,r=++Gn),`el#${r}`}return n})}function an(e,t){let n={...e};for(let r of Object.keys(n))typeof n[r]=="function"&&(n[r]=(...o)=>t()[r]?.(...o));return n}function Wn(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function ln(e){let t=[],n=/([\w]+)\(([^)]*)\)/g,r;for(;(r=n.exec(e))!==null;){let o=[],s=[],a=r[2].trim();if(a)for(let u of a.split(/[\s,]+/)){let f=u.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(f?parseFloat(f[1]):0),s.push(f?f[2]:"");}t.push({fn:r[1],nums:o,units:s});}return t}function Bn(e,t,n){let r=ln(e),o=ln(t);return r.length===0||r.length!==o.length?n<1?e:t:r.map((s,a)=>{let u=o[a];return s.fn!==u.fn||s.nums.length!==u.nums.length?n<1?`${s.fn}(${s.nums.map((f,p)=>`${f}${s.units[p]}`).join(", ")})`:`${u.fn}(${u.nums.map((f,p)=>`${f}${u.units[p]}`).join(", ")})`:`${s.fn}(${s.nums.map((f,p)=>`${f+(u.nums[p]-f)*n}${s.units[p]}`).join(", ")})`}).join(" ")}function cn(e,t,n){if(typeof e=="number"&&typeof t=="number")return String(e+(t-e)*n);let r=String(e),o=String(t);if(Wn(r))return it(r,o,n);if(r.includes("("))return Bn(r,o,n);let s=r.match(/^([-+]?[\d.]+)(.*)$/),a=o.match(/^([-+]?[\d.]+)(.*)$/);if(s&&a){let u=parseFloat(s[1]),f=parseFloat(a[1]);return `${u+(f-u)*n}${s[2]||a[2]}`}return n<1?r:o}function zn(e){return e.replace(/([A-Z])/g,t=>`-${t.toLowerCase()}`)}var jn=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),qn=0,un="--scroll-draw-progress";function Yn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var mn={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function St(e,t){return typeof window>"u"?mn:t.respectReducedMotion===false?fn(e,t,false):Ve(t,(n,r)=>fn(e,n,r))}function fn(e,t,n){let{props:r,trigger:o={},easing:s="ease-out",speed:a=1,once:u=false,axis:f="y",scrollContainer:p,native:g=true,velocityScale:x=false,triggerElement:y,onProgress:R,onComplete:j,onEnter:w,onLeave:D,onEnterBack:ue,onLeaveBack:H}=t,M=typeof s=="function"?s:ee[s]??ee["ease-out"],C=ie(o.start||"top bottom"),O=ie(o.end||"bottom top"),S=y??e,A=typeof p=="string"?document.querySelector(p):p??null,N=Object.entries(r).map(([l,m])=>({prop:zn(l),from:Array.isArray(m)?m[0]:"",to:Array.isArray(m)?m[1]:m}));function te(){let l=window.getComputedStyle(e);for(let m of N)m.from===""&&(m.from=l.getPropertyValue(m.prop).trim()||"0");}function q(){for(let l of N)e.style.setProperty(l.prop,String(l.to));}let V=new Map;for(let l of [...N.map(m=>m.prop),un])V.set(l,e.style.getPropertyValue(l));function I(){for(let[l,m]of V)m?e.style.setProperty(l,m):e.style.removeProperty(l);}if(n)return q(),j?.(),{...mn,destroy:I,getProgress:()=>1};te();let v=()=>A?f==="x"?A.scrollLeft:A.scrollTop:f==="x"?window.scrollX:window.scrollY,Q=()=>A?f==="x"?A.clientWidth:A.clientHeight:f==="x"?window.innerWidth:window.innerHeight,h=typeof s=="string"?at(s):null;function P(){if(!g||!Yn()||!h||f!=="y"||A||S!==e||u||a!==1||R||j||w||D||ue||H||x!==false||(o.start||"top bottom").trim()!=="top bottom"||(o.end||"bottom top").trim()!=="bottom top")return false;for(let l of N)if(!jn.has(l.prop))return false;return true}function Ee(){let l=`ssd-a-${++qn}`,m=N.map(G=>`${G.prop}:${G.from}`).join(";"),K=N.map(G=>`${G.prop}:${G.to}`).join(";"),k=document.createElement("style");k.setAttribute("data-ssd-animate",""),k.textContent=`@keyframes ${l}{from{${m}}to{${K}}}.${l}{animation-name:${l};animation-duration:auto;animation-timing-function:${h};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(k),e.classList.add(l);let F=()=>{let G=e.getBoundingClientRect();return we({top:G.top,height:G.height},v(),Q(),C,O)};Se(e,{type:"animate",getProgress:()=>Y.getProgress(),getTrigger:F});let Y={refresh(){},destroy(){e.classList.remove(l),k.remove(),e.style.animationPlayState="",I(),ve(e);},replay(){e.classList.remove(l),e.offsetWidth,e.classList.add(l);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(G){let Ie=Math.min(1,Math.max(0,G));e.classList.remove(l);for(let Z of N)e.style.setProperty(Z.prop,cn(Z.from,Z.to,Ie));},getProgress(){let{tStart:G,tEnd:Ie}=F();return M(z(v(),G,Ie,a))}};return Y}if(P())return Ee();let U=0,_=0,fe=false,Te=-1,ge=0,me=0,b=false,E=NaN,ye=-1,He=0,X=S===e?N:[],Ae=false;function Pe(){let l=e.style,m=X.map(Y=>l.getPropertyValue(Y.prop)),K=l.transition;X.length&&(l.transition="none"),X.forEach(Y=>l.setProperty(Y.prop,V.get(Y.prop)??""));let k=ot(S,A,f);X.forEach((Y,G)=>l.setProperty(Y.prop,m[G])),X.length&&(e.offsetWidth,l.transition=K);let F=we(k,k.scroll,Q(),C,O);Ae&&Math.abs(F.tStart-U)<1&&Math.abs(F.tEnd-_)<1||(Ae=true,U=F.tStart,_=F.tEnd);}function he(l){e.style.setProperty(un,String(l));for(let m of N)e.style.setProperty(m.prop,cn(m.from,m.to,l));R?.(l);}function Ne(l){if(isNaN(E)){E=l;return}E<=0&&l>0&&w?.(),E<1&&l>=1&&D?.(),E>=1&&l<1&&ue?.(),E>0&&l<=0&&H?.(),E=l;}function Oe(){if(fe)return;let l=performance.now(),m=v(),K=a;if(x!==false){let G=l-He,Ie=G>0?Math.abs(m-(ye<0?m:ye))/G:0;K=a*Math.max(.2,1+Ie*(typeof x=="number"?x:1)*.04);}ye=m,He=l;let k=_===U?0:(m-U)/(_-U);Ne(k);let F=z(m,U,_,K),Y=u?Math.max(Te,M(ge=Math.max(ge,F))):M(F);me=Y,he(Y),Y>=1&&!b?(b=true,j?.()):Y<1&&!u&&(b=false);}let be=Me(A??window,[S],()=>z(v(),U,_,Math.min(a,1)),Oe,Pe);Pe(),_===U&&ae("scrollAnimate: zero-length trigger window, so it never animates. In a sticky stage, set triggerElement.",e),ge=z(v(),U,_,a),me=M(ge),he(me),Se(e,{type:"animate",getProgress:()=>me,getTrigger:()=>({tStart:U,tEnd:_})});function ke(){fe=true,be.hold(true);}return {destroy(){fe=true,be.off(),I(),ve(e);},replay(){Te=-1,ge=0,b=false,me=0,fe=false,he(0),be.hold(false);},pause:ke,resume(){fe&&(fe=false,be.hold(false));},seek(l){let m=Math.min(1,Math.max(0,l));me=m,Te=m,ge=0,ke(),he(m);},getProgress(){return me},refresh:be.remeasure}}var vt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Et(e,t){if(typeof window>"u")return vt;let n=typeof e=="string"?document.querySelector(e):e;return n?Ve(t,(r,o)=>Qn(n,r,o)):(ae("scrollCounter: element not found:",e),vt)}function Qn(e,t,n){let{from:r=0,to:o,format:s,easing:a="ease-out",trigger:u={},once:f=true,decimals:p,onComplete:g}=t,x=p!==void 0?h=>h.toFixed(p):s??(h=>String(Math.round(h))),y=typeof a=="function"?a:ee[a]??ee["ease-out"],R=ie(u.start||"top 80%"),j=ie(u.end||"top 20%");if(n)return e.textContent=x(o),g?.(),{...vt,getProgress:()=>1};let w=0,D=0,ue=false,H=-1,M=0,C=0,O=false,S=()=>window.scrollY,A=()=>window.innerHeight;function N(){let h=e.getBoundingClientRect(),P=we({top:h.top,height:h.height},S(),A(),R,j);ue&&Math.abs(P.tStart-w)<1&&Math.abs(P.tEnd-D)<1||(ue=true,w=P.tStart,D=P.tEnd);}let te=e.style.getPropertyValue("--scroll-draw-progress");function q(h){e.textContent=x(r+(o-r)*h),e.style.setProperty("--scroll-draw-progress",String(h));}let V=()=>z(S(),w,D,1);function I(){let h=V(),P=f?Math.max(H,y(M=Math.max(M,h))):y(h);C=P,q(P),P>=1&&!O?(O=true,g?.()):P<1&&!f&&(O=false);}N();{M=z(S(),w,D,1);let h=y(M);C=h,q(h);}let v=Me(window,[e],V,I,N);Se(e,{type:"counter",getProgress:()=>C,getTrigger:()=>({tStart:w,tEnd:D})});let Q=()=>v.hold(false);return {destroy(){v.off(),e.style.setProperty("--scroll-draw-progress",te),ve(e);},replay(){H=-1,M=0,O=false,C=0,q(0),Q();},pause:()=>v.hold(true),resume:Q,seek(h){let P=Math.min(1,Math.max(0,h));C=P,H=P,M=0,v.hold(true),q(P);},getProgress(){return C}}}var pn={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Tt(e,t={}){if(typeof window>"u")return pn;let n=typeof e=="string"?document.querySelector(e):e;if(!n||n.tagName.toLowerCase()!=="video")return ae("scrollVideo: <video> element not found:",e),pn;let r=n,{trigger:o={},easing:s="linear",once:a=false,axis:u="y",preload:f="auto",triggerElement:p,onReady:g,onComplete:x,onProgress:y}=t,R=p??r,j=window.matchMedia("(prefers-reduced-motion: reduce)").matches,w=typeof s=="function"?s:ee[s]??ee.linear,D=ie(o.start||"top top"),ue=ie(o.end||"bottom top");r.pause(),r.hasAttribute("preload")||(r.preload=f);let H=t.from??0,M=t.to,C=0,O=0,S=false,A=-1,N=0,te=0,q=false,V=false,I=()=>u==="x"?window.scrollX:window.scrollY,v=()=>u==="x"?window.innerWidth:window.innerHeight;function Q(){let b=R.getBoundingClientRect(),E=u==="x"?b.left:b.top,ye=u==="x"?b.width:b.height,He=we({top:E,height:ye},I(),v(),D,ue);C=He.tStart,O=He.tEnd,V&&O===C&&ae("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",r);}let h=NaN;function P(b){if(!V)return;let E=M??r.duration??0,ye=H+(E-H)*b;ye!==h&&(h=ye,r.currentTime=ye),r.style.setProperty("--scroll-draw-progress",String(b)),y?.(b);}let Ee=()=>z(I(),C,O,1);function U(){if(!V||j)return;let b=Ee(),E=a?Math.max(A,w(N=Math.max(N,b))):w(b);te=E,P(E),E>=1&&!q?(q=true,x?.()):E<1&&!a&&(q=false);}let _=Me(window,[R],Ee,U,Q),fe=()=>_.hold(S||!V||j);fe();function Te(){if(V=true,M===void 0&&(M=r.duration),j){P(1),g?.();return}Q(),g?.(),S?P(te):fe();}r.readyState>=1?Te():r.addEventListener("loadedmetadata",Te,{once:true}),V||Q();let ge=j?()=>{}:lt(b=>{b&&(ge(),j=true,_.hold(true),P(1));});Se(r,{type:"video",getProgress:()=>te,getTrigger:()=>({tStart:C,tEnd:O})});function me(){S&&(S=false,fe());}return {destroy(){_.off(),r.removeEventListener("loadedmetadata",Te),ge(),ve(r);},replay(){A=-1,N=0,q=false,te=0,h=NaN,P(0),me();},pause(){S=true,_.hold(true);},resume:me,seek(b){let E=Math.min(1,Math.max(0,b));te=E,A=E,N=0,S=true,_.hold(true),h=NaN,P(E);},getProgress(){return te}}}function dn(e,t){let n=document.createElement("span");n.textContent=t,n.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;user-select:none",e.appendChild(n);}function ft(e=""){let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),t.textContent=e,t}function yn(e){let t=e.textContent??"";return e.textContent="",t.split(/(\s+)/).filter(Boolean).map(n=>{let r=e.appendChild(ft(n)),o=/^\s+$/.test(n);return o?r.style.whiteSpace="pre":r.style.display="inline-block",o?null:r}).filter(n=>n!==null)}function Un(e){let t=e.textContent??"";e.textContent="";let n=[],r=null;for(let o of t){let s=ft(o),a=o===" ";a?s.style.whiteSpace="pre":(s.style.display="inline-block",n.push(s)),a||o>"\u0DFF"?r=null:r||(r=e.appendChild(ft()),r.style.cssText="display:inline-block;white-space:nowrap"),(r??e).appendChild(s);}return n}function gn(e){let t=yn(e),n=new Map;for(let s of t){let a=s.offsetTop;n.has(a)||n.set(a,[]),n.get(a).push(s);}let r=[],o=Array.from(n.keys()).sort((s,a)=>s-a);for(let s of o){let a=n.get(s),u=ft();u.style.display="inline-block",a.forEach((f,p)=>{let g=f.nextElementSibling;u.appendChild(f),p<a.length-1&&g&&g.style.whiteSpace==="pre"&&u.appendChild(g);}),r.push(u);}return e.textContent="",r.forEach((s,a)=>{e.appendChild(s),a<r.length-1&&e.appendChild(document.createTextNode(" "));}),r}function Xn(e,t,n,r){if(n<=1||r===0)return e;r=Math.min(r,1/n);let o=(n-1)*r,s=t*r,a=s+(1-o);return a<=s?e>=s?1:0:Qe((e-s)/(a-s),0,1)}function Kn(e,t){let n=[];if(t?.y!==void 0&&n.push(`translateY(${t.y*(1-e)}px)`),t?.x!==void 0&&n.push(`translateX(${t.x*(1-e)}px)`),t?.rotate!==void 0&&n.push(`rotate(${t.rotate*(1-e)}deg)`),t?.scale!==void 0){let r=t.scale+(1-t.scale)*e;n.push(`scale(${r})`);}return n.join(" ")}var xt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Mt(e,t={}){if(typeof window>"u")return xt;let n=typeof e=="string"?document.querySelector(e):e;if(!n)return ae("scrollText: element not found:",e),xt;let r=n;return Ve(t,(o,s)=>Zn(r,o,s))}function Zn(e,t,n){let{split:r="words",stagger:o=.04,easing:s="ease-out",from:a={opacity:0,y:24},trigger:u={},once:f=true,onComplete:p}=t,g=typeof s=="function"?s:ee[s]??ee["ease-out"],x=ie(u.start||"top 85%"),y=ie(u.end||"top 40%"),R=e.innerHTML,j=e.textContent??"",w;r==="chars"?w=Un(e):r==="lines"?w=gn(e):w=yn(e),dn(e,j);let D=w.length;function ue(v,Q){a?.opacity!==void 0&&(v.style.opacity=String(a.opacity+(1-a.opacity)*Q));let h=Kn(Q,a);h&&(v.style.transform=h);}function H(v){e.style.setProperty("--scroll-draw-progress",String(v)),w.forEach((Q,h)=>{let P=g(Xn(v,h,D,o));ue(Q,P);});}if(n)return H(1),p?.(),{...xt,destroy:()=>{e.innerHTML=R;},getProgress:()=>1};H(0);let M=0,C=0,O=-1,S=0,A=false;function N(){({tStart:M,tEnd:C}=we(e.getBoundingClientRect(),window.scrollY,window.innerHeight,x,y));}let te=()=>z(window.scrollY,M,C,1);function q(){let v=f?O=Math.max(O,te()):te();S=v,H(v),v>=1&&!A?(A=true,p?.()):v<1&&!f&&(A=false);}N();let V=Me(window,[e],te,q,()=>{r==="lines"&&(e.innerHTML=R,w=gn(e),dn(e,j),H(S)),N();});Se(e,{type:"text",getProgress:()=>S,getTrigger:()=>({tStart:M,tEnd:C})});let I=()=>V.hold(false);return {destroy(){V.off(),e.innerHTML=R,ve(e);},replay(){O=-1,A=false,S=0,H(0),I();},pause:()=>V.hold(true),resume:I,seek(v){V.hold(true),H(S=O=Qe(v,0,1));},getProgress(){return S}}}var Je=e=>typeof e=="function"?e():vue.unref(e);function Ce(e,t,n){let r=null,o=t(),s=()=>{r?.destroy(),r=e.value?n(e.value,an(o,()=>o)):null;};vue.onMounted(s),vue.watch(()=>sn(o=t()),s),vue.onUnmounted(()=>{r?.destroy(),r=null;});}function rr(e={}){let t=vue.ref(null);return Ce(t,()=>Je(e),wt),t}var hn={preset:0,selector:0,speed:0,fade:1,easing:0,trigger:0,stagger:0,direction:0,once:1,debug:1,axis:0,scrollContainer:0,autoReverse:1,delay:0,strokeColor:0,strokeWidth:0,fillOpacity:0,clip:2,waypoints:0,velocityScale:3,threshold:0,rootMargin:0,repeat:0,repeatDelay:0,morphTo:0,onProgress:0,onStart:0,onComplete:0,onEnter:0,onLeave:0,onEnterBack:0,onLeaveBack:0,autoplay:1,duration:0,native:1},or=[null,Boolean,[Boolean,String],[Boolean,Number]],bn=e=>({type:e,default:void 0}),Lt=vue.defineComponent({name:"ScrollDraw",props:Object.fromEntries(Object.entries(hn).map(([e,t])=>[e,t?bn(or[t]):null])),setup(e,{slots:t}){let n=vue.ref(null);return Ce(n,()=>{let r={};for(let o in hn){let s=e[o];s!=null&&(r[o]=s);}return r},wt),()=>vue.h("div",{ref:n},t.default?.())}});function sr(e){let t=vue.ref(null);return Ce(t,()=>Je(e),St),t}var Ct=vue.defineComponent({name:"ScrollAnimate",props:{options:{type:Object,required:true}},setup(e,{slots:t}){let n=vue.ref(null);return Ce(n,()=>e.options,St),()=>vue.h("div",{ref:n},t.default?.())}});function ir(e){let t=vue.ref(null);return Ce(t,()=>Je(e),Et),t}var At=vue.defineComponent({name:"ScrollCounter",props:{to:{type:Number,required:true},from:{type:Number},format:{type:Function},easing:{type:[String,Function]},trigger:{type:Object},once:bn(Boolean),decimals:{type:Number},onComplete:{type:Function}},setup(e){let t=vue.ref(null);return Ce(t,()=>{let n={to:e.to};return e.from!=null&&(n.from=e.from),e.format!=null&&(n.format=e.format),e.easing!=null&&(n.easing=e.easing),e.trigger!=null&&(n.trigger=e.trigger),e.once!=null&&(n.once=e.once),e.decimals!=null&&(n.decimals=e.decimals),e.onComplete!=null&&(n.onComplete=e.onComplete),n},Et),()=>vue.h("span",{ref:t})}});function ar(e={}){let t=vue.ref(null);return Ce(t,()=>Je(e),Tt),t}var Pt=vue.defineComponent({name:"ScrollVideo",props:{src:{type:String,required:true},options:{type:Object},muted:{type:Boolean,default:true},playsInline:{type:Boolean,default:true},class:{type:String}},setup(e){let t=vue.ref(null);return Ce(t,()=>e.options??{},Tt),()=>vue.h("video",{ref:t,src:e.src,muted:e.muted,playsinline:e.playsInline,preload:"auto",class:e.class})}});function lr(e={}){let t=vue.ref(null);return Ce(t,()=>Je(e),Mt),t}var Ot=vue.defineComponent({name:"ScrollText",props:{options:{type:Object},tag:{type:String,default:"p"}},setup(e,{slots:t}){let n=vue.ref(null);return Ce(n,()=>e.options??{},Mt),()=>vue.h(e.tag,{ref:n},t.default?.())}});function Ao(){return {install(e){e.component("ScrollDraw",Lt),e.component("ScrollAnimate",Ct),e.component("ScrollCounter",At),e.component("ScrollVideo",Pt),e.component("ScrollText",Ot);}}}exports.ScrollAnimate=Ct;exports.ScrollCounter=At;exports.ScrollDraw=Lt;exports.ScrollText=Ot;exports.ScrollVideo=Pt;exports.createScrollDrawPlugin=Ao;exports.useScrollAnimate=sr;exports.useScrollCounter=ir;exports.useScrollDraw=rr;exports.useScrollText=lr;exports.useScrollVideo=ar;
|
package/dist/nuxt/index.d.mts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { ScrollAnimate, ScrollCounter, ScrollDraw, ScrollText, ScrollVideo, useScrollAnimate, useScrollCounter, useScrollDraw, useScrollText, useScrollVideo } from '../vue/index.mjs';
|
|
2
|
-
export { a as ScrollDrawOptions } from '../types-
|
|
2
|
+
export { a as ScrollDrawOptions } from '../types-9bcJdVcg.mjs';
|
|
3
3
|
import { App } from 'vue';
|
|
4
|
-
export { S as ScrollAnimateOptions } from '../engine-
|
|
5
|
-
export { S as ScrollCounterOptions } from '../index-
|
|
4
|
+
export { S as ScrollAnimateOptions } from '../engine-BLWKCfxC.mjs';
|
|
5
|
+
export { S as ScrollCounterOptions } from '../index-DVjblK_4.mjs';
|
|
6
6
|
export { ScrollTextOptions } from '../text/index.mjs';
|
|
7
7
|
export { ScrollVideoOptions } from '../video/index.mjs';
|
|
8
8
|
|
package/dist/nuxt/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { ScrollAnimate, ScrollCounter, ScrollDraw, ScrollText, ScrollVideo, useScrollAnimate, useScrollCounter, useScrollDraw, useScrollText, useScrollVideo } from '../vue/index.js';
|
|
2
|
-
export { a as ScrollDrawOptions } from '../types-
|
|
2
|
+
export { a as ScrollDrawOptions } from '../types-9bcJdVcg.js';
|
|
3
3
|
import { App } from 'vue';
|
|
4
|
-
export { S as ScrollAnimateOptions } from '../engine-
|
|
5
|
-
export { S as ScrollCounterOptions } from '../index-
|
|
4
|
+
export { S as ScrollAnimateOptions } from '../engine-6VsjEwzb.js';
|
|
5
|
+
export { S as ScrollCounterOptions } from '../index-BN8yKeQ3.js';
|
|
6
6
|
export { ScrollTextOptions } from '../text/index.js';
|
|
7
7
|
export { ScrollVideoOptions } from '../video/index.js';
|
|
8
8
|
|
package/dist/nuxt/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import {b,d,f,h,j}from'../chunk-
|
|
1
|
+
import {b,d,f,h,j}from'../chunk-OSGWGHQJ.mjs';export{d as ScrollAnimate,f as ScrollCounter,b as ScrollDraw,j as ScrollText,h as ScrollVideo,c as useScrollAnimate,e as useScrollCounter,a as useScrollDraw,i as useScrollText,g as useScrollVideo}from'../chunk-OSGWGHQJ.mjs';import'../chunk-XSVTHCLO.mjs';import'../chunk-NYQJPPMP.mjs';import'../chunk-XNM3VKEK.mjs';import'../chunk-PAGN26EH.mjs';import'../chunk-VJ5ZU55P.mjs';import'../chunk-K6VATIJH.mjs';import'../chunk-V3Z6G5JE.mjs';import'../chunk-UPWWULKI.mjs';import'../chunk-XC5NR2MU.mjs';import'../chunk-2PYLM3E7.mjs';import'../chunk-NV6YTPHI.mjs';import'../chunk-THPTANES.mjs';import'../chunk-5PJEKEEP.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-BCV4RAIX.mjs';import'../chunk-LFSU6LR3.mjs';function s(){return {install(o){o.component("ScrollDraw",b),o.component("ScrollAnimate",d),o.component("ScrollCounter",f),o.component("ScrollVideo",h),o.component("ScrollText",j);}}}export{s as createScrollDrawPlugin};
|
package/dist/progress/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';function
|
|
1
|
+
'use strict';function J({tension:e=2.5,friction:t=2.2}={}){return n=>1-Math.cos(n*Math.PI*e)*Math.pow(1-n,t)}function Q({bounces:e=3,decay:t=.5}={}){let n=Math.max(1,Math.round(e)),r=Math.max(.01,Math.min(.99,t)),o=Math.sqrt(r),i=0,m=[];for(let s=0;s<n;s++){let u=Math.pow(o,s);m.push(u),i+=u;}let l=[0],d=0;for(let s=0;s<n;s++)d+=m[s]/i,l.push(d);return s=>{if(s<=0)return 0;if(s>=1)return 1;for(let u=0;u<n;u++)if(s<=l[u+1]){let g=(s-l[u])/(l[u+1]-l[u]);if(u===0)return g*(2-g);let b=1-Math.pow(r,u);return b+(1-b)*(2*g-1)*(2*g-1)}return 1}}function U({amplitude:e=1,period:t=.4}={}){let n=Math.max(1,e),r=Math.max(.1,t),o=n<=1?r/4:r/(2*Math.PI)*Math.asin(1/n);return i=>i<=0?0:i>=1?1:n*Math.pow(2,-10*i)*Math.sin((i-o)*(2*Math.PI)/r)+1}var L={linear:e=>e,"ease-in":e=>e*e,"ease-out":e=>e*(2-e),"ease-in-out":e=>e<.5?2*e*e:-1+(4-2*e)*e,spring:J(),bounce:Q(),elastic:U()};function A(e,t,n){return Math.min(n,Math.max(t,e))}function D(e="top bottom"){let t=e.trim();if(/^\d+(\.\d+)?%$/.test(t))return {element:"top",viewport:t};let[n="top",r="bottom"]=t.split(/\s+/).filter(Boolean);return {element:n,viewport:r}}var N=(e,t)=>e==="top"?0:e==="center"?.5:e==="bottom"?1:t;function C(e,t,n,r){return e+n+t*N(r,0)}function I(e,t){return t*(/^\d+(\.\d+)?%$/.test(e)?parseFloat(e)/100:N(e,1))}function S(e,t,n,r){return n===t?0:A((e-t)/(n-t)*r,0,1)}function V(e,t,n,r,o){let i=C(e.top,e.height,t,r.element)-I(r.viewport,n),m=C(e.top,e.height,t,o.element)-I(o.viewport,n);return {tStart:i,tEnd:m}}function F(e,t,n){let r=e.getBoundingClientRect(),o=n==="x"?r.width:r.height;return t?{top:n==="x"?r.left-t.getBoundingClientRect().left-t.clientLeft+t.scrollLeft:r.top-t.getBoundingClientRect().top-t.clientTop+t.scrollTop,height:o,scroll:0}:{top:n==="x"?r.left:r.top,height:o,scroll:n==="x"?window.scrollX:window.scrollY}}var G=Symbol.for("svg-scroll-draw.registry");function W(){let e=globalThis;return e[G]||(e[G]=new Map)}function k(e,t){W().set(e,t);}function z(e){W().delete(e);}var Z=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function q(e,...t){Z&&console.warn(`[svg-scroll-draw] ${e}`,...t);}var E,M=new Set,_=new WeakMap,x=new Map,B=e=>{let t=e.getBoundingClientRect();return t.width+" "+t.height};function ee(e){let t=new Set;for(let n of e)for(;n&&n!==document.body;n=n.parentElement)for(let r=n;r;r=r.previousElementSibling)t.add(r);return t}function Y(e,t){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let n=()=>t();E??(E=new ResizeObserver(o=>{let i=false;for(let{target:m}of o)_.get(m)!==B(m)&&(i=true),_.set(m,"");i&&M.forEach(m=>m());})),M.add(n);let r=ee(e);return [document.body,document.documentElement].forEach(o=>o&&r.add(o)),r.forEach(o=>{_.has(o)||_.set(o,B(o)),x.set(o,(x.get(o)??0)+1),E.observe(o);}),()=>{M.delete(n)&&(r.forEach(o=>{let i=(x.get(o)??1)-1;if(i)return void x.set(o,i);x.delete(o),E?.unobserve(o);}),M.size||(E?.disconnect(),E=void 0));}}function $(e,t,n,r,o){let i,m=NaN,l,d,s=()=>{i=0,r(),!l&&!i&&(m=n())>0&&m<1&&(i=requestAnimationFrame(s));},u=()=>{!i&&!l&&n()!==m&&(i=requestAnimationFrame(s));},g=f=>{l=f,cancelAnimationFrame(i),i=m=NaN,u();},b=()=>{clearTimeout(d),o(),u();},h=()=>{clearTimeout(d),d=setTimeout(b,150);},R=Y(t,h),p=f=>{e[f]("scroll",u,{passive:true}),window[f]("resize",h),window[f]("orientationchange",h);};return p("addEventListener"),u(),{hold:g,remeasure:b,off(){g(true),p("removeEventListener"),R(),clearTimeout(d);}}}var H={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function he(e,t={}){if(typeof window>"u")return H;let n=typeof e=="string"?document.querySelector(e):e;if(!n)return q("scrollProgress: element not found:",e),H;let r=n,{variable:o="--scroll-progress",easedVariable:i="--scroll-progress-eased",trigger:m={},easing:l="linear",speed:d=1,axis:s="y",scrollContainer:u,onProgress:g}=t,b=typeof l=="function"?l:L[l]??L.linear,h=D(m.start||"top bottom"),R=D(m.end||"bottom top"),p=typeof u=="string"?document.querySelector(u):u??null,f=0,w=0,y=0,T=()=>p?s==="x"?p.scrollLeft:p.scrollTop:s==="x"?window.scrollX:window.scrollY,X=()=>p?s==="x"?p.clientWidth:p.clientHeight:s==="x"?window.innerWidth:window.innerHeight;function O(){let a=F(r,p,s),c=V(a,a.scroll,X(),h,R);f=c.tStart,w=c.tEnd;}function P(a,c){r.style.setProperty(o,String(a)),i!=null&&r.style.setProperty(i,String(c)),g?.(a,c);}function K(){let a=S(T(),f,w,d),c=b(a);y=a,P(a,c);}O();{let a=S(T(),f,w,d),c=b(a);y=a,P(a,c);}let v=$(p??window,[r],()=>S(T(),f,w,Math.min(d,1)),K,O);return k(n,{type:"animate",getProgress:()=>y,getTrigger:()=>({tStart:f,tEnd:w})}),{destroy(){v.off(),r.style.removeProperty(o),i!=null&&r.style.removeProperty(i),z(n);},replay:v.remeasure,pause:()=>v.hold(true),resume:()=>v.hold(false),seek(a){let c=Math.min(1,Math.max(0,a)),j=b(c);y=c,v.hold(true),P(c,j);},getProgress(){return y}}}exports.scrollProgress=he;
|
package/dist/progress/index.d.ts
CHANGED
package/dist/progress/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a as a$2}from'../chunk-UPWWULKI.mjs';import {a,b as b$1,
|
|
1
|
+
import {a as a$2}from'../chunk-UPWWULKI.mjs';import {a,b as b$1,e,c}from'../chunk-NV6YTPHI.mjs';import {d}from'../chunk-THPTANES.mjs';import'../chunk-4DOJSIEQ.mjs';import {a as a$1,b as b$2}from'../chunk-BCV4RAIX.mjs';import {b}from'../chunk-LFSU6LR3.mjs';var O={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function X(c$1,D={}){if(typeof window>"u")return O;let g=typeof c$1=="string"?document.querySelector(c$1):c$1;if(!g)return b("scrollProgress: element not found:",c$1),O;let o=g,{variable:h="--scroll-progress",easedVariable:m="--scroll-progress-eased",trigger:E={},easing:p="linear",speed:d$1=1,axis:n="y",scrollContainer:f,onProgress:H}=D,y=typeof p=="function"?p:d[p]??d.linear,k=a(E.start||"top bottom"),q=a(E.end||"bottom top"),t=typeof f=="string"?document.querySelector(f):f??null,s=0,i=0,l=0,w=()=>t?n==="x"?t.scrollLeft:t.scrollTop:n==="x"?window.scrollX:window.scrollY,F=()=>t?n==="x"?t.clientWidth:t.clientHeight:n==="x"?window.innerWidth:window.innerHeight;function x(){let e=a$2(o,t,n),r=c(e,e.scroll,F(),k,q);s=r.tStart,i=r.tEnd;}function P(e,r){o.style.setProperty(h,String(e)),m!=null&&o.style.setProperty(m,String(r)),H?.(e,r);}function G(){let e=b$1(w(),s,i,d$1),r=y(e);l=e,P(e,r);}x();{let e=b$1(w(),s,i,d$1),r=y(e);l=e,P(e,r);}let a$3=e(t??window,[o],()=>b$1(w(),s,i,Math.min(d$1,1)),G,x);return a$1(g,{type:"animate",getProgress:()=>l,getTrigger:()=>({tStart:s,tEnd:i})}),{destroy(){a$3.off(),o.style.removeProperty(h),m!=null&&o.style.removeProperty(m),b$2(g);},replay:a$3.remeasure,pause:()=>a$3.hold(true),resume:()=>a$3.hold(false),seek(e){let r=Math.min(1,Math.max(0,e)),L=y(r);l=r,a$3.hold(true),P(r,L);},getProgress(){return l}}}export{X as scrollProgress};
|
package/dist/react/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';var
|
|
2
|
+
'use strict';var Ur=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Ur__default=/*#__PURE__*/_interopDefault(Ur);function br({tension:e=2.5,friction:n=2.2}={}){return r=>1-Math.cos(r*Math.PI*e)*Math.pow(1-r,n)}function wr({bounces:e=3,decay:n=.5}={}){let r=Math.max(1,Math.round(e)),t=Math.max(.01,Math.min(.99,n)),o=Math.sqrt(t),s=0,a=[];for(let m=0;m<r;m++){let g=Math.pow(o,m);a.push(g),s+=g;}let u=[0],f=0;for(let m=0;m<r;m++)f+=a[m]/s,u.push(f);return m=>{if(m<=0)return 0;if(m>=1)return 1;for(let g=0;g<r;g++)if(m<=u[g+1]){let h=(m-u[g])/(u[g+1]-u[g]);if(g===0)return h*(2-h);let b=1-Math.pow(t,g);return b+(1-b)*(2*h-1)*(2*h-1)}return 1}}function vr({amplitude:e=1,period:n=.4}={}){let r=Math.max(1,e),t=Math.max(.1,n),o=r<=1?t/4:t/(2*Math.PI)*Math.asin(1/r);return s=>s<=0?0:s>=1?1:r*Math.pow(2,-10*s)*Math.sin((s-o)*(2*Math.PI)/t)+1}var Q={linear:e=>e,"ease-in":e=>e*e,"ease-out":e=>e*(2-e),"ease-in-out":e=>e<.5?2*e*e:-1+(4-2*e)*e,spring:br(),bounce:wr(),elastic:vr()};function Ye(e,n,r){return Math.min(r,Math.max(n,e))}function X(e="top bottom"){let n=e.trim();if(/^\d+(\.\d+)?%$/.test(n))return {element:"top",viewport:n};let[r="top",t="bottom"]=n.split(/\s+/).filter(Boolean);return {element:r,viewport:t}}var Dt=(e,n)=>e==="top"?0:e==="center"?.5:e==="bottom"?1:n;function Ot(e,n,r,t){return e+r+n*Dt(t,0)}function Nt(e,n){return n*(/^\d+(\.\d+)?%$/.test(e)?parseFloat(e)/100:Dt(e,1))}function V(e,n,r,t){return r===n?0:Ye((e-n)/(r-n)*t,0,1)}function fe(e,n,r,t,o){let s=Ot(e.top,e.height,n,t.element)-Nt(t.viewport,r),a=Ot(e.top,e.height,n,o.element)-Nt(o.viewport,r);return {tStart:s,tEnd:a}}function ze(e,n,r){let t=e.getBoundingClientRect(),o=r==="x"?t.width:t.height;return n?{top:r==="x"?t.left-n.getBoundingClientRect().left-n.clientLeft+n.scrollLeft:t.top-n.getBoundingClientRect().top-n.clientTop+n.scrollTop,height:o,scroll:0}:{top:r==="x"?t.left:t.top,height:o,scroll:r==="x"?window.scrollX:window.scrollY}}function ot(e){let n=parseFloat(e.getAttribute("pathLength")??"");if(n>0)return n;let r=e.tagName.toLowerCase();if(r==="rect"){let t=parseFloat(e.getAttribute("width")??"0"),o=parseFloat(e.getAttribute("height")??"0");return 2*(t+o)}if(r==="circle"){let t=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*t}return e.getTotalLength()}function Ht(e){let n=/^#([a-f\d])([a-f\d])([a-f\d])$/i.exec(e);if(n)return [parseInt(n[1]+n[1],16),parseInt(n[2]+n[2],16),parseInt(n[3]+n[3],16)];let r=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(r)return [parseInt(r[1],16),parseInt(r[2],16),parseInt(r[3],16)];let t=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(e);return t?[parseInt(t[1]),parseInt(t[2]),parseInt(t[3])]:null}function st(e,n,r){let t=Ht(e),o=Ht(n);return !t||!o?e:`rgb(${Math.round(t[0]+(o[0]-t[0])*r)},${Math.round(t[1]+(o[1]-t[1])*r)},${Math.round(t[2]+(o[2]-t[2])*r)})`}var It={sketch:{easing:"ease-in",stagger:.1,speed:.9,fade:false},reveal:{easing:"ease-out",fade:true,speed:1.2,once:true},typewriter:{easing:"linear",stagger:.05,speed:1.5},cinematic:{easing:"ease-in-out",fade:true,speed:.75},spring:{easing:"spring",speed:1.1}};var Ge=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function le(e,...n){Ge&&console.warn(`[svg-scroll-draw] ${e}`,...n);}var Er="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",Sr="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",Ft=33;function Tr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function xr(e){let n=[];for(let r=0;r<Ft;r++){let t=r/(Ft-1);n.push(String(Math.round(e(t)*1e5)/1e5));}return `linear(${n.join(",")})`}function it(e){switch(e){case "linear":return "linear";case "ease-in":return Er;case "ease-out":return Sr;case "ease-in-out":return Tr()?xr(Q["ease-in-out"]):null;default:return null}}var Vt=Symbol.for("svg-scroll-draw.registry");function _t(){let e=globalThis;return e[Vt]||(e[Vt]=new Map)}function Ee(e,n){_t().set(e,n);}function Se(e){_t().delete(e);}function je(e){if(typeof window>"u"||typeof window.matchMedia!="function")return ()=>{};let n=window.matchMedia("(prefers-reduced-motion: reduce)"),r=o=>e(!!o.matches);if(typeof n.addEventListener=="function")return n.addEventListener("change",r),()=>n.removeEventListener("change",r);let t=n;return t.addListener?.(r),()=>t.removeListener?.(r)}function He(e,n){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return n(e,true);let r=n(e,false),t=je(s=>{if(!s)return;t();let a=(r.getProgress?.()??0)>=1;r.destroy(),r=n(a?{...e,onComplete:void 0}:e,true);}),o={};for(let s of Object.keys(r))o[s]=(...a)=>r[s]?.(...a);return o.destroy=()=>{t(),r.destroy();},o}var Xe,at=new Set,lt=new WeakMap,Ke=new Map,Wt=e=>{let n=e.getBoundingClientRect();return n.width+" "+n.height};function Mr(e){let n=new Set;for(let r of e)for(;r&&r!==document.body;r=r.parentElement)for(let t=r;t;t=t.previousElementSibling)n.add(t);return n}function zt(e,n){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let r=()=>n();Xe??(Xe=new ResizeObserver(o=>{let s=false;for(let{target:a}of o)lt.get(a)!==Wt(a)&&(s=true),lt.set(a,"");s&&at.forEach(a=>a());})),at.add(r);let t=Mr(e);return [document.body,document.documentElement].forEach(o=>o&&t.add(o)),t.forEach(o=>{lt.has(o)||lt.set(o,Wt(o)),Ke.set(o,(Ke.get(o)??0)+1),Xe.observe(o);}),()=>{at.delete(r)&&(t.forEach(o=>{let s=(Ke.get(o)??1)-1;if(s)return void Ke.set(o,s);Ke.delete(o),Xe?.unobserve(o);}),at.size||(Xe?.disconnect(),Xe=void 0));}}function ve(e,n,r,t,o){let s,a=NaN,u,f,m=()=>{s=0,t(),!u&&!s&&(a=r())>0&&a<1&&(s=requestAnimationFrame(m));},g=()=>{!s&&!u&&r()!==a&&(s=requestAnimationFrame(m));},h=k=>{u=k,cancelAnimationFrame(s),s=a=NaN,g();},b=()=>{clearTimeout(f),o(),g();},O=()=>{clearTimeout(f),f=setTimeout(b,150);},H=zt(n,O),w=k=>{e[k]("scroll",g,{passive:true}),window[k]("resize",O),window[k]("orientationchange",O);};return w("addEventListener"),g(),{hold:h,remeasure:b,off(){h(true),w("removeEventListener"),H(),clearTimeout(f);}}}var Pr=0;function Lr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function Gt(e,n){let r="";try{r=getComputedStyle(e).getPropertyValue(n).trim();}catch{}return r||(e.getAttribute(n)??"").trim()}var jt=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function Cr(e){if(!Ge)return;let n=Gt(e,"stroke");if(!n||n==="none"){le("Element has no stroke \u2014 path will not be visible.",e);return}let r=(e.getAttribute("fill")??"").trim();r&&!jt.has(r)&&!jt.has(Gt(e,"fill"))&&le("Element has a fill \u2014 it may obscure the stroke animation.",e);}function Ar(e,n,r){let t=document.createElement("div");t.setAttribute("data-svg-scroll-draw-debug",""),t.style.cssText="position:fixed;pointer-events:none;z-index:9999;font-family:monospace;font-size:11px;top:0;left:0;right:0;bottom:0;";function o(){let s=r==="x"?window.scrollX:window.scrollY,a=e-s,u=n-s,f=r==="x";t.innerHTML=`
|
|
3
3
|
<div style="position:absolute;${f?`left:${a}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${a}px;left:0;right:0;border-top:2px dashed #22c55e;`}padding:2px 6px;color:#22c55e;background:rgba(0,0,0,.6)">\u25B6 start</div>
|
|
4
|
-
<div style="position:absolute;${f?`left:${u}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${u}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(t),window.addEventListener("scroll",o,{passive:true}),o(),{el:t,destroy(){window.removeEventListener("scroll",o),t.remove();}}}var jt=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,Qt=/[MmLlHhVvCcSsQqTtAaZz]/g;function $n(e,r,n){if(!je)return;let t=(e.match(Qt)??[]).join("").toUpperCase(),o=(r.match(Qt)??[]).join("").toUpperCase(),s=(e.match(jt)??[]).length,a=(r.match(jt)??[]).length;if(t!==o){he(`morphTo: command sequence differs (${t||"\u2205"} \u2192 ${o||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,n);return}s!==a&&he(`morphTo: coordinate count differs (${s} \u2192 ${a}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,n);}function kn(e,r,n){let t=(r.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let a=parseFloat(s),u=t[o++]??a;return String(+(a+(u-a)*n).toFixed(4))})}function Ut(e,r={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:_e(r,(n,t)=>On(e,n,t))}function On(e,r,n){let{preset:t,...o}=r,s=t?{...zt[t],...o}:o,{selector:a="path, polyline, line, polygon, rect, circle",speed:u=1,fade:f=false,easing:d="linear",trigger:E={},stagger:S=0,direction:T="forward",once:j=false,debug:Y=false,axis:x="y",scrollContainer:Q,autoReverse:K=false,delay:R=0,strokeColor:O,strokeWidth:A,fillOpacity:M,waypoints:b,velocityScale:h=false,threshold:w=0,rootMargin:W="0px",repeat:z=0,repeatDelay:P=0,morphTo:C,clip:I,autoplay:ee=false,duration:fe=1e3,native:se=true,onProgress:V,onStart:F,onComplete:D,onEnter:m,onLeave:g,onEnterBack:te,onLeaveBack:Me}=s,_=I===true?"left":typeof I=="string"?I:false,ne=typeof d=="function"?d:X[d]??X.linear,$e=oe(E.start||"top bottom"),$=oe(E.end||"bottom top"),L=typeof Q=="string"?document.querySelector(Q):Q??null,pe=Array.isArray(O)?O[0]:null,de=Array.isArray(O)?O[1]:typeof O=="string"?O:null,ke=Array.isArray(A)?A[0]:null,Oe=Array.isArray(A)?A[1]:typeof A=="number"?A:null,Le=Array.isArray(M)?M[0]:null,De=Array.isArray(M)?M[1]:typeof M=="number"?M:null;function Ie(i){let l=i*100;switch(_){case "right":return `inset(0 0 0 ${100-l}%)`;case "top":return `inset(0 0 ${100-l}% 0)`;case "bottom":return `inset(${100-l}% 0 0 0)`;case "center":return `circle(${i*150}% at 50% 50%)`;default:return `inset(0 ${100-l}% 0 0)`}}let H=_?[]:Array.from(e.querySelectorAll(a)),be=[],Se=[],ae=0,re=0,qe=S,rt=0,J=false,c=false,p=0,Pe=false,ge=-1,ie=[],Z=-1,v=false,le=0,we=0,He,gt=null;function xt(){gt?.destroy(),gt=null;}let ze=new Set,Mt=NaN,Ve=true,ot=-1,Lt=performance.now(),We=NaN;function Xe(){return L?x==="x"?L.scrollLeft:L.scrollTop:x==="x"?window.scrollX:window.scrollY}function At(){return L?x==="x"?L.clientWidth:L.clientHeight:x==="x"?window.innerWidth:window.innerHeight}function Pt(){let i=Ge(e,L,x);return Ee(i,i.scroll,At(),$e,$)}function pn(){let i=re-ae,l=H.length-1,y=L??document.documentElement,N=x==="x"?"Width":"Height";if(qe=S,S>0&&l>0&&i>0){let ye=y[`scroll${N}`]-y[`client${N}`]-1-ae-i/u;ye>=0&&(qe=Math.min(S,ye/(l*i)));}rt=re+l*qe*i;}function Ct(){(({tStart:ae,tEnd:re}=Pt())),pn(),Y&&je&&(xt(),gt=Rn(ae,re,x));}function yt(i,l=Pt){Ce(e,{type:"draw",getProgress:()=>i.getProgress(),getTrigger:l});let y=i.destroy;return i.destroy=()=>{y.call(i),Re(e);},i}function Rt(i,l){return j&&!K?Math.max(ge,ne(ie[i]=Math.max(ie[i]??0,l))):ne(l)}function dn(i,l){if(e.style.setProperty("--scroll-draw-progress",String(i)),_){let y=l==="reverse"?1-i:i;e.style.clipPath=Ie(y);return}H.forEach((y,N)=>ht(y,N,i,l));}function ht(i,l,y,N){i.style.strokeDashoffset=N==="reverse"?`${be[l]*y}`:`${be[l]*(1-y)}`,f&&(i.style.opacity=N==="reverse"?`${1-y}`:`${y}`),pe&&de?i.style.stroke=ct(pe,de,y):de&&(i.style.stroke=de),ke!==null&&Oe!==null?i.style.strokeWidth=`${ke+(Oe-ke)*y}`:Oe!==null&&(i.style.strokeWidth=`${Oe}`),Le!==null&&De!==null?i.style.fillOpacity=`${Le+(De-Le)*y}`:De!==null&&(i.style.fillOpacity=`${De}`),C&&i.tagName.toLowerCase()==="path"&&Se[l]&&i.setAttribute("d",kn(Se[l],C,y));}function Ye(){if(e.style.setProperty("--scroll-draw-progress","0"),_){e.style.clipPath=Ie(T==="reverse"?1:0);return}H.forEach((i,l)=>{i.style.strokeDasharray=`${be[l]}`,i.style.strokeDashoffset=T==="reverse"?"0":`${be[l]}`,f?i.style.opacity=T==="reverse"?"1":"0":i.style.opacity="",pe&&(i.style.stroke=pe),ke!==null&&(i.style.strokeWidth=`${ke}`),Le!==null&&(i.style.fillOpacity=`${Le}`),C&&i.tagName.toLowerCase()==="path"&&Se[l]&&i.setAttribute("d",Se[l]);});}function Ke(i,l){let y=i.getAttribute("d"),N=lt(i);if(C&&Se[l]){i.setAttribute("d",C);let ye=lt(i);i.setAttribute("d",Se[l]),N=Math.max(lt(i),ye),i.setAttribute("d",y);}be[l]=N,i.style.strokeDasharray=`${N}`;}if(H.forEach((i,l)=>{Cn(i);let y=i.tagName.toLowerCase()==="path";y?Se.push(i.getAttribute("d")??""):Se.push(""),Ke(i,l);let N=be[l];C&&(y?$n(Se[Se.length-1],C,i):he(`morphTo only applies to <path> elements \u2014 ignored on <${i.tagName}>.`,i)),n?(i.style.strokeDashoffset=T==="reverse"?`${N}`:"0",f&&(i.style.opacity="1"),de&&(i.style.stroke=de),Oe!==null&&(i.style.strokeWidth=`${Oe}`),De!==null&&(i.style.fillOpacity=`${De}`),C&&i.tagName.toLowerCase()==="path"&&i.setAttribute("d",C)):(i.style.strokeDashoffset=T==="reverse"?"0":`${N}`,f?i.style.opacity=T==="reverse"?"1":"0":i.style.opacity="",pe&&(i.style.stroke=pe),ke!==null&&(i.style.strokeWidth=`${ke}`),Le!==null&&(i.style.fillOpacity=`${Le}`));}),n)return _&&(e.style.clipPath=Ie(1)),D?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};_&&(e.style.clipPath=Ie(T==="reverse"?1:0));let $t=typeof d=="string"?ut(d):null;function gn(){return !(se===false||ee||Y&&je||!Pn()||!H.length||!$t||_||x!=="y"||L||u!==1||S!==0||j||K||h!==false||C||b||z||R>0||V||F||D||m||g||te||Me||O!=null||A!=null||M!=null||(E.start||"top bottom").trim()!=="top bottom"||(E.end||"bottom top").trim()!=="bottom top")}function yn(){let i=++An,l=`svg-scroll-draw-${i}`,y=`svg-scroll-draw-host-${i}`,N=`--svg-scroll-draw-${i}`,ye=T==="reverse"?"0":"var(--ssd-len)",Ne=T==="reverse"?"var(--ssd-len)":"0",Te=`stroke-dashoffset:${ye};`,B=`stroke-dashoffset:${Ne};`;f&&(Te+=`opacity:${T==="reverse"?1:0};`,B+=`opacity:${T==="reverse"?0:1};`);let U=document.createElement("style");U.setAttribute("data-svg-scroll-draw",""),U.textContent=`@keyframes ${l}{from{${Te}}to{${B}}}.${y}{view-timeline-name:${N};view-timeline-axis:block;}.${l}{animation-name:${l};animation-duration:auto;animation-timing-function:${$t};animation-fill-mode:both;animation-timeline:${N};animation-range:cover 0% cover 100%;}`,document.head.appendChild(U),e.classList.add(y);function ce(k,q){k.style.setProperty("--ssd-len",String(be[q])),k.style.strokeDasharray=`${be[q]}`,k.style.strokeDashoffset="",k.style.opacity="",k.style.animationPlayState="",k.classList.add(l);}H.forEach(ce);let ue=false,ve=-1;function xe(){if(ve>=0)return ve;let k=e.getBoundingClientRect(),{tStart:q,tEnd:me}=Ee({top:k.top,height:k.height},Xe(),At(),$e,$);return ne(G(Xe(),q,me,u))}return {destroy(){e.classList.remove(y),H.forEach(k=>{k.classList.remove(l),k.style.removeProperty("--ssd-len"),k.style.animationPlayState="";}),U.remove();},replay(){ue=false,ve=-1,H.forEach(ce);},pause(){ue=true,H.forEach(k=>{k.style.animationPlayState="paused";});},resume(){ue&&(ue=false,H.forEach(k=>{k.style.animationPlayState="running";}));},seek(k){let q=Math.min(1,Math.max(0,k));ve=q,ue=true,H.forEach((me,Fe)=>{me.classList.remove(l),me.style.strokeDashoffset=T==="reverse"?`${be[Fe]*q}`:`${be[Fe]*(1-q)}`,f&&(me.style.opacity=T==="reverse"?`${1-q}`:`${q}`);});},getProgress(){return xe()},refresh(){H.forEach((k,q)=>{Ke(k,q),k.style.setProperty("--ssd-len",String(be[q]));});}}}if(gn())return yt(yn());function hn(){let i=Math.max(1,fe),l=_?i:i*(1+Math.max(0,H.length-1)*S),y=0,N=0,ye=false;function Ne(ve){let xe=true,k=Math.min(1,Math.max(0,ve/l));if(_){let q=Math.min(1,Math.max(0,ve/i)),me=ne(q);le=me,e.style.setProperty("--scroll-draw-progress",String(me)),e.style.clipPath=Ie(T==="reverse"?1-me:me),V?.(me),q<1&&(xe=false);}else {H.forEach((me,Fe)=>{let wn=Fe*S*i,It=Math.min(1,Math.max(0,(ve-wn)/i));ht(me,Fe,ne(It),T),It<1&&(xe=false);});let q=ne(k);le=q,V?.(q),e.style.setProperty("--scroll-draw-progress",String(q));}if(b){let q=ne(k);for(let me in b){let Fe=parseFloat(me);q>=Fe&&!ze.has(Fe)&&(ze.add(Fe),b[me]?.());}}return xe}function Te(ve){if(v)return;let xe=ve-y;c||(c=true,F?.());let k=Ne(xe);if(k&&!J){J=true,Ne(l),D?.(),we<(z==="infinite"?1/0:z??0)&&(we++,He=setTimeout(()=>{y=performance.now(),c=false,J=false,ze.clear(),Ye(),p=requestAnimationFrame(Te);},P));return}k||(p=requestAnimationFrame(Te));}function B(){cancelAnimationFrame(p),clearTimeout(He),y=performance.now(),N=0,v=false,c=false,J=false,we=0,ye=true,le=0,ze.clear(),Ye(),p=requestAnimationFrame(Te);}let U=new IntersectionObserver(ve=>{ve.forEach(xe=>{xe.isIntersecting&&!(j&&J)?B():!xe.isIntersecting&&!j&&!J&&(cancelAnimationFrame(p),clearTimeout(He),ye=false);});},{root:L??null,threshold:w,rootMargin:W}),ce;function ue(){clearTimeout(ce),ce=setTimeout(()=>H.forEach(Ke),150);}return window.addEventListener("resize",ue),window.addEventListener("orientationchange",ue),R>0?setTimeout(()=>U.observe(e),R):U.observe(e),{destroy(){cancelAnimationFrame(p),clearTimeout(He),U.disconnect(),window.removeEventListener("resize",ue),window.removeEventListener("orientationchange",ue),clearTimeout(ce);},replay(){we=0,B();},pause(){v||!ye||(v=true,N=performance.now()-y,cancelAnimationFrame(p));},resume(){v&&(v=false,ye=true,y=performance.now()-N,p=requestAnimationFrame(Te));},seek(ve){let xe=Math.min(1,Math.max(0,ve));le=xe,v=true,N=xe*l,y=performance.now()-N,cancelAnimationFrame(p),Ne(N);},getProgress(){return le},refresh(){clearTimeout(ce),H.forEach(Ke);}}}if(ee)return yt(hn());Ct();function kt(){if(v||!Be)return;let i=performance.now(),l=Xe();if(!Ve&&h===false&&l===Mt){wt(l);return}Ve=false,Mt=l;let y=u;if(h!==false){let B=i-Lt,U=B>0?Math.abs(l-(ot<0?l:ot))/B:0;y=u*Math.max(.2,1+U*(typeof h=="number"?h:1)*.04);}ot=l,Lt=i;let N=K?Z===-1||l>=Z?"forward":"reverse":T;Z=l;let ye=re-ae,Ne=true,Te=ye===0?0:(l-ae)/ye;if(isNaN(We)||(We<=0&&Te>0?m?.():We>0&&Te<=0&&Me?.(),We<1&&Te>=1?g?.():We>=1&&Te<1&&te?.()),We=Te,_){let B=Rt(0,G(l,ae,re,y));le=B,e.style.setProperty("--scroll-draw-progress",String(B));let U=N==="reverse"?1-B:B;e.style.clipPath=Ie(U),V?.(B),!c&&G(l,ae,re,y)>0&&(c=true,F?.()),B>=1&&!J?(J=true,D?.(),we<(z==="infinite"?1/0:z??0)&&(we++,He=setTimeout(()=>{ge=-1,ie=[],c=false,J=false,Ye();},P))):B<1&&!j&&(J=false),wt(l);return}if(H.forEach((B,U)=>{let ce=U*qe*ye,ue=Rt(U,G(l,ae+ce,re+ce,y));ht(B,U,ue,N),U===0&&(le=ue,V?.(ue),e.style.setProperty("--scroll-draw-progress",String(ue))),ue<1&&(Ne=false);}),b){let B=ne(G(l,ae,re,y));for(let U in b){let ce=parseFloat(U);B>=ce&&!ze.has(ce)&&(ze.add(ce),b[U]?.());}}!c&&G(l,ae,re,y)>0&&(c=true,F?.()),Ne&&!J?(J=true,D?.(),we<(z==="infinite"?1/0:z??0)&&(we++,He=setTimeout(()=>{ge=-1,ie=[],c=false,J=false,ze.clear(),Ye(),Ve=true;},P))):!Ne&&!j&&(J=false),wt(l);}function bt(i){return i>=re&&i<rt}function wt(i){Pe||bt(i)?p=requestAnimationFrame(kt):Be=false;}function vt(){return Pe||bt(Xe())}let Be=false;function st(){Be||(Be=true,p=requestAnimationFrame(function(){kt();}));}function it(){Be=false,cancelAnimationFrame(p);}let Et=new IntersectionObserver(i=>{i.forEach(l=>{Pe=l.isIntersecting,Pe&&!v?(Ve=true,st()):Be&&!v&&bt(Xe())||it();});},{root:L??null,threshold:w,rootMargin:W});function Ot(){H.forEach(Ke),Ct(),Ve=true;}let at;function Je(){clearTimeout(at),at=setTimeout(Ot,150);}window.addEventListener("resize",Je),window.addEventListener("orientationchange",Je);let bn=Ae([e],Je);return R>0?setTimeout(()=>Et.observe(e),R):Et.observe(e),yt({destroy(){cancelAnimationFrame(p),clearTimeout(He),it(),Et.disconnect(),bn(),window.removeEventListener("resize",Je),window.removeEventListener("orientationchange",Je),clearTimeout(at),xt();},replay(){ge=-1,ie=[],Z=-1,ot=-1,c=false,J=false,we=0,v=false,le=0,ze.clear(),clearTimeout(He),Ye(),Ve=true,vt()&&st();},pause(){v=true,it();},resume(){v&&(v=false,Ve=true,vt()&&st());},seek(i){let l=Math.min(1,Math.max(0,i));le=l,ge=l,ie=[],v=true,it(),dn(l,T),Ve=true;},getProgress(){return le},refresh(){clearTimeout(at),Ot(),vt()&&!v&&st();}},()=>({tStart:ae,tEnd:re}))}var Xt=new WeakMap,In=0;function Yt(e){return JSON.stringify(e,(r,n)=>{if(typeof n=="function")return "\u0192";if(typeof Element<"u"&&n instanceof Element){let t=Xt.get(n);return t===void 0&&Xt.set(n,t=++In),`el#${t}`}return n})}function Kt(e,r){let n={...e};for(let t of Object.keys(n))typeof n[t]=="function"&&(n[t]=(...o)=>r()[t]?.(...o));return n}function Nn(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function Jt(e){let r=[],n=/([\w]+)\(([^)]*)\)/g,t;for(;(t=n.exec(e))!==null;){let o=[],s=[],a=t[2].trim();if(a)for(let u of a.split(/[\s,]+/)){let f=u.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(f?parseFloat(f[1]):0),s.push(f?f[2]:"");}r.push({fn:t[1],nums:o,units:s});}return r}function Fn(e,r,n){let t=Jt(e),o=Jt(r);return t.length===0||t.length!==o.length?n<1?e:r:t.map((s,a)=>{let u=o[a];return s.fn!==u.fn||s.nums.length!==u.nums.length?n<1?`${s.fn}(${s.nums.map((f,d)=>`${f}${s.units[d]}`).join(", ")})`:`${u.fn}(${u.nums.map((f,d)=>`${f}${u.units[d]}`).join(", ")})`:`${s.fn}(${s.nums.map((f,d)=>`${f+(u.nums[d]-f)*n}${s.units[d]}`).join(", ")})`}).join(" ")}function Zt(e,r,n){if(typeof e=="number"&&typeof r=="number")return String(e+(r-e)*n);let t=String(e),o=String(r);if(Nn(t))return ct(t,o,n);if(t.includes("("))return Fn(t,o,n);let s=t.match(/^([-+]?[\d.]+)(.*)$/),a=o.match(/^([-+]?[\d.]+)(.*)$/);if(s&&a){let u=parseFloat(s[1]),f=parseFloat(a[1]);return `${u+(f-u)*n}${s[2]||a[2]}`}return n<1?t:o}function Dn(e){return e.replace(/([A-Z])/g,r=>`-${r.toLowerCase()}`)}var Hn=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),zn=0,en="--scroll-draw-progress";function Vn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var nn={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function rn(e,r){return typeof window>"u"?nn:r.respectReducedMotion===false?tn(e,r,false):_e(r,(n,t)=>tn(e,n,t))}function tn(e,r,n){let{props:t,trigger:o={},easing:s="ease-out",speed:a=1,once:u=false,axis:f="y",scrollContainer:d,native:E=true,velocityScale:S=false,triggerElement:T,onProgress:j,onComplete:Y,onEnter:x,onLeave:Q,onEnterBack:K,onLeaveBack:R}=r,O=typeof s=="function"?s:X[s]??X["ease-out"],A=oe(o.start||"top bottom"),M=oe(o.end||"bottom top"),b=T??e,h=typeof d=="string"?document.querySelector(d):d??null,w=Object.entries(t).map(([c,p])=>({prop:Dn(c),from:Array.isArray(p)?p[0]:"",to:Array.isArray(p)?p[1]:p}));function W(){let c=window.getComputedStyle(e);for(let p of w)p.from===""&&(p.from=c.getPropertyValue(p.prop).trim()||"0");}function z(){for(let c of w)e.style.setProperty(c.prop,String(c.to));}let P=new Map;for(let c of [...w.map(p=>p.prop),en])P.set(c,e.style.getPropertyValue(c));function C(){for(let[c,p]of P)p?e.style.setProperty(c,p):e.style.removeProperty(c);}if(n)return z(),Y?.(),{...nn,destroy:C,getProgress:()=>1};W();let I=()=>h?f==="x"?h.scrollLeft:h.scrollTop:f==="x"?window.scrollX:window.scrollY,ee=()=>h?f==="x"?h.clientWidth:h.clientHeight:f==="x"?window.innerWidth:window.innerHeight,fe=typeof s=="string"?ut(s):null;function se(){if(!E||!Vn()||!fe||f!=="y"||h||b!==e||u||a!==1||j||Y||x||Q||K||R||S!==false||(o.start||"top bottom").trim()!=="top bottom"||(o.end||"bottom top").trim()!=="bottom top")return false;for(let c of w)if(!Hn.has(c.prop))return false;return true}function V(){let c=`ssd-a-${++zn}`,p=w.map(v=>`${v.prop}:${v.from}`).join(";"),Pe=w.map(v=>`${v.prop}:${v.to}`).join(";"),ge=document.createElement("style");ge.setAttribute("data-ssd-animate",""),ge.textContent=`@keyframes ${c}{from{${p}}to{${Pe}}}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${fe};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(ge),e.classList.add(c);let ie=()=>{let v=e.getBoundingClientRect();return Ee({top:v.top,height:v.height},I(),ee(),A,M)};Ce(e,{type:"animate",getProgress:()=>Z.getProgress(),getTrigger:ie});let Z={refresh(){},destroy(){e.classList.remove(c),ge.remove(),e.style.animationPlayState="",C(),Re(e);},replay(){e.classList.remove(c),e.offsetWidth,e.classList.add(c);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(v){let le=Math.min(1,Math.max(0,v));e.classList.remove(c);for(let we of w)e.style.setProperty(we.prop,Zt(we.from,we.to,le));},getProgress(){let{tStart:v,tEnd:le}=ie();return O(G(I(),v,le,a))}};return Z}if(se())return V();let F=0,D=0,m=0,g=NaN,te=false,Me=-1,_=0,ne=0,$e=false,$=NaN,L=-1,pe=0,de=b===e?w:[],ke=false;function Oe(){let c=e.style,p=de.map(Z=>c.getPropertyValue(Z.prop)),Pe=c.transition;de.length&&(c.transition="none"),de.forEach(Z=>c.setProperty(Z.prop,P.get(Z.prop)??""));let ge=Ge(b,h,f);de.forEach((Z,v)=>c.setProperty(Z.prop,p[v])),de.length&&(e.offsetWidth,c.transition=Pe);let ie=Ee(ge,ge.scroll,ee(),A,M);ke&&Math.abs(ie.tStart-F)<1&&Math.abs(ie.tEnd-D)<1||(ke=true,F=ie.tStart,D=ie.tEnd);}function Le(c){e.style.setProperty(en,String(c));for(let p of w)e.style.setProperty(p.prop,Zt(p.from,p.to,c));j?.(c);}function De(c){if(isNaN($)){$=c;return}$<=0&&c>0?x?.():$>0&&c<=0&&R?.(),$<1&&c>=1?Q?.():$>=1&&c<1&&K?.(),$=c;}let Ie=c=>G(c,F,D,Math.min(a,1));function H(){!m&&!te&&Ie(I())!==g&&(m=requestAnimationFrame(be));}function be(){if(te)return;let c=performance.now(),p=I(),Pe=a;if(S!==false){let v=c-pe,le=v>0?Math.abs(p-(L<0?p:L))/v:0;Pe=a*Math.max(.2,1+le*(typeof S=="number"?S:1)*.04);}L=p,pe=c;let ge=D===F?0:(p-F)/(D-F);De(ge);let ie=G(p,F,D,Pe),Z=u?Math.max(Me,O(_=Math.max(_,ie))):O(ie);ne=Z,Le(Z),Z>=1&&!$e?($e=true,Y?.()):Z<1&&!u&&($e=false),!te&&(g=Ie(p),m=g>0&&g<1?requestAnimationFrame(be):0);}Oe(),D===F&&he("scrollAnimate: zero-length trigger window, so it never animates. In a sticky stage, set triggerElement.",e),_=G(I(),F,D,a),ne=O(_),Le(ne);function Se(){Oe(),H();}let ae;function re(){clearTimeout(ae),ae=setTimeout(Se,150);}let qe=h??window;qe.addEventListener("scroll",H,{passive:true}),window.addEventListener("resize",re),window.addEventListener("orientationchange",re);let rt=Ae([b],re);H(),Ce(e,{type:"animate",getProgress:()=>ne,getTrigger:()=>({tStart:F,tEnd:D})});function J(){te=true,cancelAnimationFrame(m),m=0,g=NaN;}return {destroy(){J(),qe.removeEventListener("scroll",H),window.removeEventListener("resize",re),window.removeEventListener("orientationchange",re),rt(),clearTimeout(ae),C(),Re(e);},replay(){Me=-1,_=0,$e=false,ne=0,te=false,Le(0),g=0,H();},pause:J,resume(){te&&(te=false,H());},seek(c){let p=Math.min(1,Math.max(0,c));ne=p,Me=p,_=0,J(),Le(p);},getProgress(){return ne},refresh:Se}}var St={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function on(e,r){if(typeof window>"u")return St;let n=typeof e=="string"?document.querySelector(e):e;return n?_e(r,(t,o)=>_n(n,t,o)):(he("scrollCounter: element not found:",e),St)}function _n(e,r,n){let{from:t=0,to:o,format:s,easing:a="ease-out",trigger:u={},once:f=true,decimals:d,onComplete:E}=r,S=d!==void 0?m=>m.toFixed(d):s??(m=>String(Math.round(m))),T=typeof a=="function"?a:X[a]??X["ease-out"],j=oe(u.start||"top 80%"),Y=oe(u.end||"top 20%");if(n)return e.textContent=S(o),E?.(),{...St,getProgress:()=>1};let x=0,Q=0,K=false,R=0,O=false,A=false,M=-1,b=0,h=0,w=false,W=()=>window.scrollY,z=()=>window.innerHeight;function P(){let m=e.getBoundingClientRect(),g=Ee({top:m.top,height:m.height},W(),z(),j,Y);K&&Math.abs(g.tStart-x)<1&&Math.abs(g.tEnd-Q)<1||(K=true,x=g.tStart,Q=g.tEnd);}let C=e.style.getPropertyValue("--scroll-draw-progress");function I(m){e.textContent=S(t+(o-t)*m),e.style.setProperty("--scroll-draw-progress",String(m));}function ee(){if(!O||A)return;let m=G(W(),x,Q,1),g=f?Math.max(M,T(b=Math.max(b,m))):T(m);h=g,I(g),g>=1&&!w?(w=true,E?.()):g<1&&!f&&(w=false),R=requestAnimationFrame(ee);}P();{b=G(W(),x,Q,1);let m=T(b);h=m,I(m);}let fe=new IntersectionObserver(m=>{m.forEach(g=>{O=g.isIntersecting,O&&!A?R=requestAnimationFrame(ee):cancelAnimationFrame(R);});}),se;function V(){clearTimeout(se),se=setTimeout(P,150);}window.addEventListener("resize",V),window.addEventListener("orientationchange",V);let F=Ae([e],V);fe.observe(e),Ce(e,{type:"counter",getProgress:()=>h,getTrigger:()=>({tStart:x,tEnd:Q})});function D(){A&&(A=false,O&&(R=requestAnimationFrame(ee)));}return {destroy(){cancelAnimationFrame(R),fe.disconnect(),window.removeEventListener("resize",V),window.removeEventListener("orientationchange",V),F(),clearTimeout(se),e.style.setProperty("--scroll-draw-progress",C),Re(e);},replay(){M=-1,b=0,w=false,h=0,I(0),D();},pause(){A=true,cancelAnimationFrame(R);},resume:D,seek(m){let g=Math.min(1,Math.max(0,m));h=g,M=g,b=0,A=true,cancelAnimationFrame(R),I(g);},getProgress(){return h}}}var sn={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function an(e,r={}){if(typeof window>"u")return sn;let n=typeof e=="string"?document.querySelector(e):e;if(!n||n.tagName.toLowerCase()!=="video")return he("scrollVideo: <video> element not found:",e),sn;let t=n,{trigger:o={},easing:s="linear",once:a=false,axis:u="y",preload:f="auto",triggerElement:d,onReady:E,onComplete:S,onProgress:T}=r,j=d??t,Y=window.matchMedia("(prefers-reduced-motion: reduce)").matches,x=typeof s=="function"?s:X[s]??X.linear,Q=oe(o.start||"top top"),K=oe(o.end||"bottom top");t.pause(),t.hasAttribute("preload")||(t.preload=f);let R=r.from??0,O=r.to,A=0,M=0,b=0,h=false,w=false,W=-1,z=0,P=0,C=false,I=false,ee=()=>u==="x"?window.scrollX:window.scrollY,fe=()=>u==="x"?window.innerWidth:window.innerHeight;function se(){let $=j.getBoundingClientRect(),L=u==="x"?$.left:$.top,pe=u==="x"?$.width:$.height,de=Ee({top:L,height:pe},ee(),fe(),Q,K);A=de.tStart,M=de.tEnd,I&&M===A&&he("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",t);}let V=NaN;function F($){if(!I)return;let L=O??t.duration??0,pe=R+(L-R)*$;pe!==V&&(V=pe,t.currentTime=pe),t.style.setProperty("--scroll-draw-progress",String($)),T?.($);}function D(){if(!h||w||!I||Y)return;let $=G(ee(),A,M,1),L=a?Math.max(W,x(z=Math.max(z,$))):x($);P=L,F(L),L>=1&&!C?(C=true,S?.()):L<1&&!a&&(C=false),b=requestAnimationFrame(D);}function m(){if(I=true,O===void 0&&(O=t.duration),Y){F(1),E?.();return}se(),E?.(),w?F(P):h&&(b=requestAnimationFrame(D));}t.readyState>=1?m():t.addEventListener("loadedmetadata",m,{once:true}),I||se();let g=Y?()=>{}:Qe($=>{$&&(g(),Y=true,cancelAnimationFrame(b),F(1));}),te=new IntersectionObserver($=>{$.forEach(L=>{h=L.isIntersecting,h&&!w&&I?b=requestAnimationFrame(D):cancelAnimationFrame(b);});}),Me;function _(){clearTimeout(Me),Me=setTimeout(se,150);}window.addEventListener("resize",_),window.addEventListener("orientationchange",_);let ne=Ae([j],_);te.observe(t),Ce(t,{type:"video",getProgress:()=>P,getTrigger:()=>({tStart:A,tEnd:M})});function $e(){w&&(w=false,h&&I&&(b=requestAnimationFrame(D)));}return {destroy(){cancelAnimationFrame(b),te.disconnect(),t.removeEventListener("loadedmetadata",m),window.removeEventListener("resize",_),window.removeEventListener("orientationchange",_),ne(),g(),clearTimeout(Me),Re(t);},replay(){W=-1,z=0,C=false,P=0,V=NaN,F(0),$e();},pause(){w=true,cancelAnimationFrame(b);},resume:$e,seek($){let L=Math.min(1,Math.max(0,$));P=L,W=L,z=0,w=true,cancelAnimationFrame(b),V=NaN,F(L);},getProgress(){return P}}}function ln(e,r){let n=document.createElement("span");n.textContent=r,n.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;user-select:none",e.appendChild(n);}function pt(e=""){let r=document.createElement("span");return r.setAttribute("aria-hidden","true"),r.textContent=e,r}function un(e){let r=e.textContent??"";return e.textContent="",r.split(/(\s+)/).filter(Boolean).map(n=>{let t=e.appendChild(pt(n)),o=/^\s+$/.test(n);return o?t.style.whiteSpace="pre":t.style.display="inline-block",o?null:t}).filter(n=>n!==null)}function qn(e){let r=e.textContent??"";e.textContent="";let n=[],t=null;for(let o of r){let s=pt(o),a=o===" ";a?s.style.whiteSpace="pre":(s.style.display="inline-block",n.push(s)),a||o>"\u0DFF"?t=null:t||(t=e.appendChild(pt()),t.style.cssText="display:inline-block;white-space:nowrap"),(t??e).appendChild(s);}return n}function cn(e){let r=un(e),n=new Map;for(let s of r){let a=s.offsetTop;n.has(a)||n.set(a,[]),n.get(a).push(s);}let t=[],o=Array.from(n.keys()).sort((s,a)=>s-a);for(let s of o){let a=n.get(s),u=pt();u.style.display="inline-block",a.forEach((f,d)=>{let E=f.nextElementSibling;u.appendChild(f),d<a.length-1&&E&&E.style.whiteSpace==="pre"&&u.appendChild(E);}),t.push(u);}return e.textContent="",t.forEach((s,a)=>{e.appendChild(s),a<t.length-1&&e.appendChild(document.createTextNode(" "));}),t}function Wn(e,r,n,t){if(n<=1||t===0)return e;t=Math.min(t,1/n);let o=(n-1)*t,s=r*t,a=s+(1-o);return a<=s?e>=s?1:0:Math.min(1,Math.max(0,(e-s)/(a-s)))}function Bn(e,r){let n=[];if(r?.y!==void 0&&n.push(`translateY(${r.y*(1-e)}px)`),r?.x!==void 0&&n.push(`translateX(${r.x*(1-e)}px)`),r?.rotate!==void 0&&n.push(`rotate(${r.rotate*(1-e)}deg)`),r?.scale!==void 0){let t=r.scale+(1-r.scale)*e;n.push(`scale(${t})`);}return n.join(" ")}var Tt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function mn(e,r={}){if(typeof window>"u")return Tt;let n=typeof e=="string"?document.querySelector(e):e;if(!n)return he("scrollText: element not found:",e),Tt;let t=n;return _e(r,(o,s)=>Gn(t,o,s))}function Gn(e,r,n){let{split:t="words",stagger:o=.04,easing:s="ease-out",from:a={opacity:0,y:24},trigger:u={},once:f=true,onComplete:d}=r,E=typeof s=="function"?s:X[s]??X["ease-out"],S=oe(u.start||"top 85%"),T=oe(u.end||"top 40%"),j=e.innerHTML,Y=e.textContent??"",x;t==="chars"?x=qn(e):t==="lines"?x=cn(e):x=un(e),ln(e,Y);let Q=x.length;function K(m,g){a?.opacity!==void 0&&(m.style.opacity=String(a.opacity+(1-a.opacity)*g));let te=Bn(g,a);te&&(m.style.transform=te);}function R(m){e.style.setProperty("--scroll-draw-progress",String(m)),x.forEach((g,te)=>{let Me=E(Wn(m,te,Q,o));K(g,Me);});}if(n)return R(1),d?.(),{...Tt,destroy:()=>{e.innerHTML=j;},getProgress:()=>1};R(0);let O=0,A=0,M=0,b=false,h=false,w=-1,W=0,z=false,P=()=>window.scrollY,C=()=>window.innerHeight;function I(){let m=e.getBoundingClientRect(),g=Ee({top:m.top,height:m.height},P(),C(),S,T);O=g.tStart,A=g.tEnd;}function ee(){if(!b||h)return;let m=G(P(),O,A,1);f&&(w=Math.max(w,m),m=w),W=m,R(m),m>=1&&!z?(z=true,d?.()):m<1&&!f&&(z=false),M=requestAnimationFrame(ee);}I();let fe=new IntersectionObserver(m=>{m.forEach(g=>{b=g.isIntersecting,b&&!h?M=requestAnimationFrame(ee):cancelAnimationFrame(M);});}),se;function V(){clearTimeout(se),se=setTimeout(()=>{if(t==="lines"){let m=W;e.innerHTML=j,x=cn(e),ln(e,Y),R(m);}I();},150);}window.addEventListener("resize",V),window.addEventListener("orientationchange",V);let F=Ae([e],V);fe.observe(e),Ce(e,{type:"text",getProgress:()=>W,getTrigger:()=>({tStart:O,tEnd:A})});function D(){h&&(h=false,b&&(M=requestAnimationFrame(ee)));}return {destroy(){cancelAnimationFrame(M),fe.disconnect(),window.removeEventListener("resize",V),window.removeEventListener("orientationchange",V),F(),clearTimeout(se),e.innerHTML=j,Re(e);},replay(){w=-1,z=false,W=0,R(0),D();},pause(){h=true,cancelAnimationFrame(M);},resume:D,seek(m){let g=Math.min(1,Math.max(0,m));W=g,w=g,h=true,cancelAnimationFrame(M),R(g);},getProgress(){return W}}}function Un(e,r={}){let[n,t]=Xn.useState(0),o=Xn.useRef(r);o.current=r;let s=Xn.useRef(0);return Xn.useEffect(()=>{if(typeof window>"u")return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){t(1);return}let a=typeof e=="string"?document.querySelector(e):e.current;if(!a)return;let u=a,{axis:f="y",scrollContainer:d,trigger:E={}}=o.current,S=typeof d=="string"?document.querySelector(d):d??null,T=oe(E.start||"top bottom"),j=oe(E.end||"bottom top"),Y=0,x=0,Q=false,K=0;function R(){return S?f==="x"?S.scrollLeft:S.scrollTop:f==="x"?window.scrollX:window.scrollY}function O(){return S?f==="x"?S.clientWidth:S.clientHeight:f==="x"?window.innerWidth:window.innerHeight}function A(){let P=Ge(u,S,f);({tStart:Y,tEnd:x}=Ee(P,P.scroll,O(),T,j));}function M(){if(!Q)return;let{speed:P=1,easing:C="linear",once:I=false}=o.current,ee=typeof C=="function"?C:X[C]??X.linear,fe=G(R(),Y,x,P),se=ee(I?s.current=Math.max(s.current,fe):fe);t(se),K=requestAnimationFrame(M);}let b=new IntersectionObserver(P=>{P.forEach(C=>{Q=C.isIntersecting,Q?K=requestAnimationFrame(M):cancelAnimationFrame(K);});},{root:S??null,threshold:0});A(),b.observe(u);let h;function w(){clearTimeout(h),h=setTimeout(A,150);}window.addEventListener("resize",w),window.addEventListener("orientationchange",w);let W=Ae([u],w),z=Qe(P=>{P&&(z(),cancelAnimationFrame(K),b.disconnect(),t(1));});return ()=>{z(),W(),cancelAnimationFrame(K),clearTimeout(h),b.disconnect(),window.removeEventListener("resize",w),window.removeEventListener("orientationchange",w);}},[]),n}function tt(e,r,n){let t=Xn.useRef(r);t.current=r;let o=Yt(r);Xn.useEffect(()=>{if(!e.current)return;let s=n(e.current,Kt(t.current,()=>t.current));return ()=>s.destroy()},[o]);}var Kn=/^(data-|aria-)|^(id|role|title|tabIndex|lang|dir|hidden)$/;function nt(e){let r={},n={};for(let[t,o]of Object.entries(e))(Kn.test(t)?n:r)[t]=o;return [r,n]}function wo({children:e,className:r,style:n,...t}){let o=Xn.useRef(null),[s,a]=nt(t);return tt(o,s,Ut),jsxRuntime.jsx("div",{ref:o,className:r,style:n,...a,children:e})}function vo({children:e,className:r,style:n,...t}){let o=Xn.useRef(null),[s,a]=nt(t);return tt(o,s,rn),jsxRuntime.jsx("div",{ref:o,className:r,style:n,...a,children:e})}function Eo({className:e,style:r,...n}){let t=Xn.useRef(null),[o,s]=nt(n);return tt(t,o,on),jsxRuntime.jsx("span",{ref:t,className:e,style:r,...s})}function So({src:e,poster:r,className:n,style:t,muted:o=true,playsInline:s=true,...a}){let u=Xn.useRef(null),[f,d]=nt(a);return tt(u,f,an),jsxRuntime.jsx("video",{...d,ref:u,src:e,poster:r,className:n,style:t,muted:o,playsInline:s,preload:f.preload??"auto"})}function To({children:e,as:r="p",className:n,style:t,...o}){let s=Xn.useRef(null),[a,u]=nt(o);return tt(s,a,mn),Xn__default.default.createElement(r,{...u,ref:s,className:n,style:t},e)}exports.ScrollAnimate=vo;exports.ScrollCounter=Eo;exports.ScrollDraw=wo;exports.ScrollText=To;exports.ScrollVideo=So;exports.useScrollDrawProgress=Un;
|
|
4
|
+
<div style="position:absolute;${f?`left:${u}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${u}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(t),window.addEventListener("scroll",o,{passive:true}),o(),{el:t,destroy(){window.removeEventListener("scroll",o),t.remove();}}}var Bt=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,qt=/[MmLlHhVvCcSsQqTtAaZz]/g;function $r(e,n,r){if(!Ge)return;let t=(e.match(qt)??[]).join("").toUpperCase(),o=(n.match(qt)??[]).join("").toUpperCase(),s=(e.match(Bt)??[]).length,a=(n.match(Bt)??[]).length;if(t!==o){le(`morphTo: command sequence differs (${t||"\u2205"} \u2192 ${o||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,r);return}s!==a&&le(`morphTo: coordinate count differs (${s} \u2192 ${a}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,r);}function kr(e,n,r){let t=(n.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let a=parseFloat(s),u=t[o++]??a;return String(+(a+(u-a)*r).toFixed(4))})}function Qt(e,n={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:He(n,(r,t)=>Rr(e,r,t))}function Rr(e,n,r){let{preset:t,...o}=n,s=t?{...It[t],...o}:o,{selector:a="path, polyline, line, polygon, rect, circle",speed:u=1,fade:f=false,easing:m="linear",trigger:g={},stagger:h=0,direction:b="forward",once:O=false,debug:H=false,axis:w="y",scrollContainer:k,autoReverse:ie=false,delay:R=0,strokeColor:T,strokeWidth:x,fillOpacity:L,waypoints:y,velocityScale:S=false,threshold:N=0,rootMargin:Y="0px",repeat:_=0,repeatDelay:I=0,morphTo:W,clip:M,autoplay:K=false,duration:v=1e3,native:$=true,onProgress:Te,onStart:J,onComplete:G,onEnter:me,onLeave:xe,onEnterBack:ye,onLeaveBack:pe}=s,E=M===true?"left":typeof M=="string"?M:false,P=typeof m=="function"?m:Q[m]??Q.linear,he=X(g.start||"top bottom"),Oe=X(g.end||"bottom top"),Z=typeof k=="string"?document.querySelector(k):k??null,Pe=Array.isArray(T)?T[0]:null,Le=Array.isArray(T)?T[1]:typeof T=="string"?T:null,be=Array.isArray(x)?x[0]:null,Ne=Array.isArray(x)?x[1]:typeof x=="number"?x:null,Ce=Array.isArray(L)?L[0]:null,we=Array.isArray(L)?L[1]:typeof L=="number"?L:null;function Ae(i){let c=i*100;switch(E){case "right":return `inset(0 0 0 ${100-c}%)`;case "top":return `inset(0 0 ${100-c}% 0)`;case "bottom":return `inset(${100-c}% 0 0 0)`;case "center":return `circle(${i*150}% at 50% 50%)`;default:return `inset(0 ${100-c}% 0 0)`}}let l=E?[]:Array.from(e.querySelectorAll(a)),p=[],ee=[],D=0,z=0,U=h,j=0,De=0,te=false,$e=false,ke=0,ft=-1,et=[],tt=-1,de=false,Me=0,Ie=0,Fe,mt=false,pt=null;function vt(){pt?.destroy(),pt=null;}let Ve=new Set,Et=NaN,_e=true,rt=-1,St=performance.now(),We=NaN;function nt(){return Z?w==="x"?Z.scrollLeft:Z.scrollTop:w==="x"?window.scrollX:window.scrollY}function Tt(){return Z?w==="x"?Z.clientWidth:Z.clientHeight:w==="x"?window.innerWidth:window.innerHeight}function xt(){let i=ze(e,Z,w);return fe(i,i.scroll,Tt(),he,Oe)}function fr(){let i=z-D,c=l.length-1,d=Z??document.documentElement,A=w==="x"?"Width":"Height";if(U=h,h>0&&c>0&&i>0){let ne=d[`scroll${A}`]-d[`client${A}`]-1-D-i/u;ne>=0&&(U=Math.min(h,ne/(c*i)));}let re=Math.max(0,c)*U*i,ce=i/Math.min(u,1);j=D+Math.min(0,re,ce,re+ce),De=D+Math.max(0,re,ce,re+ce);}function Mt(){(({tStart:D,tEnd:z}=xt())),fr(),H&&Ge&&(vt(),pt=Ar(D,z,w));}function dt(i,c=xt){Ee(e,{type:"draw",getProgress:()=>i.getProgress(),getTrigger:c});let d=i.destroy;return i.destroy=()=>{d.call(i),Se(e);},i}function Pt(i,c){return O&&!ie?Math.max(ft,P(et[i]=Math.max(et[i]??0,c))):P(c)}function mr(i,c){if(e.style.setProperty("--scroll-draw-progress",String(i)),E){let d=c==="reverse"?1-i:i;e.style.clipPath=Ae(d);return}l.forEach((d,A)=>gt(d,A,i,c));}function gt(i,c,d,A){i.style.strokeDashoffset=A==="reverse"?`${p[c]*d}`:`${p[c]*(1-d)}`,f&&(i.style.opacity=A==="reverse"?`${1-d}`:`${d}`),Pe&&Le?i.style.stroke=st(Pe,Le,d):Le&&(i.style.stroke=Le),be!==null&&Ne!==null?i.style.strokeWidth=`${be+(Ne-be)*d}`:Ne!==null&&(i.style.strokeWidth=`${Ne}`),Ce!==null&&we!==null?i.style.fillOpacity=`${Ce+(we-Ce)*d}`:we!==null&&(i.style.fillOpacity=`${we}`),W&&i.tagName.toLowerCase()==="path"&&ee[c]&&i.setAttribute("d",kr(ee[c],W,d));}function yt(){if(e.style.setProperty("--scroll-draw-progress","0"),E){e.style.clipPath=Ae(b==="reverse"?1:0);return}l.forEach((i,c)=>{i.style.strokeDasharray=`${p[c]}`,i.style.strokeDashoffset=b==="reverse"?"0":`${p[c]}`,f?i.style.opacity=b==="reverse"?"1":"0":i.style.opacity="",Pe&&(i.style.stroke=Pe),be!==null&&(i.style.strokeWidth=`${be}`),Ce!==null&&(i.style.fillOpacity=`${Ce}`),W&&i.tagName.toLowerCase()==="path"&&ee[c]&&i.setAttribute("d",ee[c]);});}function qe(i,c){let d=i.getAttribute("d"),A=ot(i);if(W&&ee[c]){i.setAttribute("d",W);let re=ot(i);i.setAttribute("d",ee[c]),A=Math.max(ot(i),re),i.setAttribute("d",d);}p[c]=A,i.style.strokeDasharray=`${A}`;}if(l.forEach((i,c)=>{Cr(i);let d=i.tagName.toLowerCase()==="path";d?ee.push(i.getAttribute("d")??""):ee.push(""),qe(i,c);let A=p[c];W&&(d?$r(ee[ee.length-1],W,i):le(`morphTo only applies to <path> elements \u2014 ignored on <${i.tagName}>.`,i)),r?(i.style.strokeDashoffset=b==="reverse"?`${A}`:"0",f&&(i.style.opacity="1"),Le&&(i.style.stroke=Le),Ne!==null&&(i.style.strokeWidth=`${Ne}`),we!==null&&(i.style.fillOpacity=`${we}`),W&&i.tagName.toLowerCase()==="path"&&i.setAttribute("d",W)):(i.style.strokeDashoffset=b==="reverse"?"0":`${A}`,f?i.style.opacity=b==="reverse"?"1":"0":i.style.opacity="",Pe&&(i.style.stroke=Pe),be!==null&&(i.style.strokeWidth=`${be}`),Ce!==null&&(i.style.fillOpacity=`${Ce}`));}),r)return E&&(e.style.clipPath=Ae(1)),G?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};E&&(e.style.clipPath=Ae(b==="reverse"?1:0));let Lt=typeof m=="string"?it(m):null;function pr(){return !($===false||K||H&&Ge||!Lr()||!l.length||!Lt||E||w!=="y"||Z||u!==1||h!==0||O||ie||S!==false||W||y||_||R>0||Te||J||G||me||xe||ye||pe||T!=null||x!=null||L!=null||(g.start||"top bottom").trim()!=="top bottom"||(g.end||"bottom top").trim()!=="bottom top")}function dr(){let i=++Pr,c=`svg-scroll-draw-${i}`,d=`svg-scroll-draw-host-${i}`,A=`--svg-scroll-draw-${i}`,re=b==="reverse"?"0":"var(--ssd-len)",ce=b==="reverse"?"var(--ssd-len)":"0",ne=`stroke-dashoffset:${re};`,B=`stroke-dashoffset:${ce};`;f&&(ne+=`opacity:${b==="reverse"?1:0};`,B+=`opacity:${b==="reverse"?0:1};`);let q=document.createElement("style");q.setAttribute("data-svg-scroll-draw",""),q.textContent=`@keyframes ${c}{from{${ne}}to{${B}}}.${d}{view-timeline-name:${A};view-timeline-axis:block;}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${Lt};animation-fill-mode:both;animation-timeline:${A};animation-range:cover 0% cover 100%;}`,document.head.appendChild(q),e.classList.add(d);function ae(C,F){C.style.setProperty("--ssd-len",String(p[F])),C.style.strokeDasharray=`${p[F]}`,C.style.strokeDashoffset="",C.style.opacity="",C.style.animationPlayState="",C.classList.add(c);}l.forEach(ae);let oe=false,ue=-1;function ge(){if(ue>=0)return ue;let C=e.getBoundingClientRect(),{tStart:F,tEnd:se}=fe({top:C.top,height:C.height},nt(),Tt(),he,Oe);return P(V(nt(),F,se,u))}return {destroy(){e.classList.remove(d),l.forEach(C=>{C.classList.remove(c),C.style.removeProperty("--ssd-len"),C.style.animationPlayState="";}),q.remove();},replay(){oe=false,ue=-1,l.forEach(ae);},pause(){oe=true,l.forEach(C=>{C.style.animationPlayState="paused";});},resume(){oe&&(oe=false,l.forEach(C=>{C.style.animationPlayState="running";}));},seek(C){let F=Math.min(1,Math.max(0,C));ue=F,oe=true,l.forEach((se,Re)=>{se.classList.remove(c),se.style.strokeDashoffset=b==="reverse"?`${p[Re]*F}`:`${p[Re]*(1-F)}`,f&&(se.style.opacity=b==="reverse"?`${1-F}`:`${F}`);});},getProgress(){return ge()},refresh(){l.forEach((C,F)=>{qe(C,F),C.style.setProperty("--ssd-len",String(p[F]));});}}}if(pr())return dt(dr());function gr(){let i=Math.max(1,v),c=E?i:i*(1+Math.max(0,l.length-1)*h),d=0,A=0,re=false;function ce(ue){let ge=true,C=Math.min(1,Math.max(0,ue/c));if(E){let F=Math.min(1,Math.max(0,ue/i)),se=P(F);Me=se,e.style.setProperty("--scroll-draw-progress",String(se)),e.style.clipPath=Ae(b==="reverse"?1-se:se),Te?.(se),F<1&&(ge=false);}else {l.forEach((se,Re)=>{let hr=Re*h*i,Rt=Math.min(1,Math.max(0,(ue-hr)/i));gt(se,Re,P(Rt),b),Rt<1&&(ge=false);});let F=P(C);Me=F,Te?.(F),e.style.setProperty("--scroll-draw-progress",String(F));}if(y){let F=P(C);for(let se in y){let Re=parseFloat(se);F>=Re&&!Ve.has(Re)&&(Ve.add(Re),y[se]?.());}}return ge}function ne(ue){if(de)return;let ge=ue-d;$e||($e=true,J?.());let C=ce(ge);if(C&&!te){te=true,ce(c),G?.(),Ie<(_==="infinite"?1/0:_??0)&&(Ie++,Fe=setTimeout(()=>{d=performance.now(),$e=false,te=false,Ve.clear(),yt(),ke=requestAnimationFrame(ne);},I));return}C||(ke=requestAnimationFrame(ne));}function B(){cancelAnimationFrame(ke),clearTimeout(Fe),d=performance.now(),A=0,de=false,$e=false,te=false,Ie=0,re=true,Me=0,Ve.clear(),yt(),ke=requestAnimationFrame(ne);}let q=new IntersectionObserver(ue=>{ue.forEach(ge=>{ge.isIntersecting&&!(O&&te)?B():!ge.isIntersecting&&!O&&!te&&(cancelAnimationFrame(ke),clearTimeout(Fe),re=false);});},{root:Z??null,threshold:N,rootMargin:Y}),ae;function oe(){clearTimeout(ae),ae=setTimeout(()=>l.forEach(qe),150);}return window.addEventListener("resize",oe),window.addEventListener("orientationchange",oe),R>0?setTimeout(()=>q.observe(e),R):q.observe(e),{destroy(){cancelAnimationFrame(ke),clearTimeout(Fe),q.disconnect(),window.removeEventListener("resize",oe),window.removeEventListener("orientationchange",oe),clearTimeout(ae);},replay(){Ie=0,B();},pause(){de||!re||(de=true,A=performance.now()-d,cancelAnimationFrame(ke));},resume(){de&&(de=false,re=true,d=performance.now()-A,ke=requestAnimationFrame(ne));},seek(ue){let ge=Math.min(1,Math.max(0,ue));Me=ge,de=true,A=ge*c,d=performance.now()-A,cancelAnimationFrame(ke),ce(A);},getProgress(){return Me},refresh(){clearTimeout(ae),l.forEach(qe);}}}if(K)return dt(gr());Mt();let Ct=()=>V(nt(),j,De,1);function At(){te=true,G?.(),Ie<(_==="infinite"?1/0:_)&&(Ie++,Fe=setTimeout(()=>{mt=true;},I));}function $t(){ft=-1,et=[],$e=false,te=false,mt=false,Ve.clear(),yt(),_e=true;}function yr(){let i=performance.now(),c=nt();if(mt&&Ct()%1&&$t(),!_e&&S===false&&c===Et)return;_e=false,Et=c;let d=u;if(S!==false){let B=i-St,q=B>0?Math.abs(c-(rt<0?c:rt))/B:0;d=u*Math.max(.2,1+q*(typeof S=="number"?S:1)*.04);}rt=c,St=i;let A=ie?tt===-1||c>=tt?"forward":"reverse":b;tt=c;let re=z-D,ce=true,ne=re===0?0:(c-D)/re;if(isNaN(We)||(We<=0&&ne>0&&me?.(),We<1&&ne>=1&&xe?.(),We>=1&&ne<1&&ye?.(),We>0&&ne<=0&&pe?.()),We=ne,E){let B=Pt(0,V(c,D,z,d));Me=B,e.style.setProperty("--scroll-draw-progress",String(B));let q=A==="reverse"?1-B:B;e.style.clipPath=Ae(q),Te?.(B),!$e&&V(c,D,z,d)>0&&($e=true,J?.()),B>=1&&!te?At():B<1&&!O&&(te=false);return}if(l.forEach((B,q)=>{let ae=q*U*re,oe=Pt(q,V(c,D+ae,z+ae,d));gt(B,q,oe,A),q===0&&(Me=oe,Te?.(oe),e.style.setProperty("--scroll-draw-progress",String(oe))),oe<1&&(ce=false);}),y){let B=P(V(c,D,z,d));for(let q in y){let ae=parseFloat(q);B>=ae&&!Ve.has(ae)&&(Ve.add(ae),y[q]?.());}}!$e&&V(c,D,z,d)>0&&($e=true,J?.()),ce&&!te?At():!ce&&!O&&(te=false);}let Qe=ve(Z??window,[e],Ct,yr,()=>{let i=p.join();l.forEach(qe),Mt(),_e=true,p.join()!==i&&Ue();}),ht=R>0;function Ue(){Qe.hold(de||ht);}let kt;return ht&&(kt=setTimeout(()=>{ht=false,Ue();},R)),Ue(),dt({destroy(){clearTimeout(Fe),clearTimeout(kt),Qe.off(),vt();},replay(){$t(),tt=-1,rt=-1,Ie=0,de=false,Me=0,clearTimeout(Fe),Ue();},pause(){de=true,Qe.hold(true);},resume(){de&&(de=false,_e=true,Ue());},seek(i){let c=Math.min(1,Math.max(0,i));Me=c,ft=c,et=[],de=true,Qe.hold(true),mr(c,b),_e=true;},getProgress(){return Me},refresh:Qe.remeasure},()=>({tStart:D,tEnd:z}))}var Ut=new WeakMap,Or=0;function Yt(e){return JSON.stringify(e,(n,r)=>{if(typeof r=="function")return "\u0192";if(typeof Element<"u"&&r instanceof Element){let t=Ut.get(r);return t===void 0&&Ut.set(r,t=++Or),`el#${t}`}return r})}function Xt(e,n){let r={...e};for(let t of Object.keys(r))typeof r[t]=="function"&&(r[t]=(...o)=>n()[t]?.(...o));return r}function Nr(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function Kt(e){let n=[],r=/([\w]+)\(([^)]*)\)/g,t;for(;(t=r.exec(e))!==null;){let o=[],s=[],a=t[2].trim();if(a)for(let u of a.split(/[\s,]+/)){let f=u.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(f?parseFloat(f[1]):0),s.push(f?f[2]:"");}n.push({fn:t[1],nums:o,units:s});}return n}function Dr(e,n,r){let t=Kt(e),o=Kt(n);return t.length===0||t.length!==o.length?r<1?e:n:t.map((s,a)=>{let u=o[a];return s.fn!==u.fn||s.nums.length!==u.nums.length?r<1?`${s.fn}(${s.nums.map((f,m)=>`${f}${s.units[m]}`).join(", ")})`:`${u.fn}(${u.nums.map((f,m)=>`${f}${u.units[m]}`).join(", ")})`:`${s.fn}(${s.nums.map((f,m)=>`${f+(u.nums[m]-f)*r}${s.units[m]}`).join(", ")})`}).join(" ")}function Jt(e,n,r){if(typeof e=="number"&&typeof n=="number")return String(e+(n-e)*r);let t=String(e),o=String(n);if(Nr(t))return st(t,o,r);if(t.includes("("))return Dr(t,o,r);let s=t.match(/^([-+]?[\d.]+)(.*)$/),a=o.match(/^([-+]?[\d.]+)(.*)$/);if(s&&a){let u=parseFloat(s[1]),f=parseFloat(a[1]);return `${u+(f-u)*r}${s[2]||a[2]}`}return r<1?t:o}function Hr(e){return e.replace(/([A-Z])/g,n=>`-${n.toLowerCase()}`)}var Ir=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),Fr=0,Zt="--scroll-draw-progress";function Vr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var tr={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function rr(e,n){return typeof window>"u"?tr:n.respectReducedMotion===false?er(e,n,false):He(n,(r,t)=>er(e,r,t))}function er(e,n,r){let{props:t,trigger:o={},easing:s="ease-out",speed:a=1,once:u=false,axis:f="y",scrollContainer:m,native:g=true,velocityScale:h=false,triggerElement:b,onProgress:O,onComplete:H,onEnter:w,onLeave:k,onEnterBack:ie,onLeaveBack:R}=n,T=typeof s=="function"?s:Q[s]??Q["ease-out"],x=X(o.start||"top bottom"),L=X(o.end||"bottom top"),y=b??e,S=typeof m=="string"?document.querySelector(m):m??null,N=Object.entries(t).map(([l,p])=>({prop:Hr(l),from:Array.isArray(p)?p[0]:"",to:Array.isArray(p)?p[1]:p}));function Y(){let l=window.getComputedStyle(e);for(let p of N)p.from===""&&(p.from=l.getPropertyValue(p.prop).trim()||"0");}function _(){for(let l of N)e.style.setProperty(l.prop,String(l.to));}let I=new Map;for(let l of [...N.map(p=>p.prop),Zt])I.set(l,e.style.getPropertyValue(l));function W(){for(let[l,p]of I)p?e.style.setProperty(l,p):e.style.removeProperty(l);}if(r)return _(),H?.(),{...tr,destroy:W,getProgress:()=>1};Y();let M=()=>S?f==="x"?S.scrollLeft:S.scrollTop:f==="x"?window.scrollX:window.scrollY,K=()=>S?f==="x"?S.clientWidth:S.clientHeight:f==="x"?window.innerWidth:window.innerHeight,v=typeof s=="string"?it(s):null;function $(){if(!g||!Vr()||!v||f!=="y"||S||y!==e||u||a!==1||O||H||w||k||ie||R||h!==false||(o.start||"top bottom").trim()!=="top bottom"||(o.end||"bottom top").trim()!=="bottom top")return false;for(let l of N)if(!Ir.has(l.prop))return false;return true}function Te(){let l=`ssd-a-${++Fr}`,p=N.map(j=>`${j.prop}:${j.from}`).join(";"),ee=N.map(j=>`${j.prop}:${j.to}`).join(";"),D=document.createElement("style");D.setAttribute("data-ssd-animate",""),D.textContent=`@keyframes ${l}{from{${p}}to{${ee}}}.${l}{animation-name:${l};animation-duration:auto;animation-timing-function:${v};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(D),e.classList.add(l);let z=()=>{let j=e.getBoundingClientRect();return fe({top:j.top,height:j.height},M(),K(),x,L)};Ee(e,{type:"animate",getProgress:()=>U.getProgress(),getTrigger:z});let U={refresh(){},destroy(){e.classList.remove(l),D.remove(),e.style.animationPlayState="",W(),Se(e);},replay(){e.classList.remove(l),e.offsetWidth,e.classList.add(l);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(j){let De=Math.min(1,Math.max(0,j));e.classList.remove(l);for(let te of N)e.style.setProperty(te.prop,Jt(te.from,te.to,De));},getProgress(){let{tStart:j,tEnd:De}=z();return T(V(M(),j,De,a))}};return U}if($())return Te();let J=0,G=0,me=false,xe=-1,ye=0,pe=0,E=false,P=NaN,he=-1,Oe=0,Z=y===e?N:[],Pe=false;function Le(){let l=e.style,p=Z.map(U=>l.getPropertyValue(U.prop)),ee=l.transition;Z.length&&(l.transition="none"),Z.forEach(U=>l.setProperty(U.prop,I.get(U.prop)??""));let D=ze(y,S,f);Z.forEach((U,j)=>l.setProperty(U.prop,p[j])),Z.length&&(e.offsetWidth,l.transition=ee);let z=fe(D,D.scroll,K(),x,L);Pe&&Math.abs(z.tStart-J)<1&&Math.abs(z.tEnd-G)<1||(Pe=true,J=z.tStart,G=z.tEnd);}function be(l){e.style.setProperty(Zt,String(l));for(let p of N)e.style.setProperty(p.prop,Jt(p.from,p.to,l));O?.(l);}function Ne(l){if(isNaN(P)){P=l;return}P<=0&&l>0&&w?.(),P<1&&l>=1&&k?.(),P>=1&&l<1&&ie?.(),P>0&&l<=0&&R?.(),P=l;}function Ce(){if(me)return;let l=performance.now(),p=M(),ee=a;if(h!==false){let j=l-Oe,De=j>0?Math.abs(p-(he<0?p:he))/j:0;ee=a*Math.max(.2,1+De*(typeof h=="number"?h:1)*.04);}he=p,Oe=l;let D=G===J?0:(p-J)/(G-J);Ne(D);let z=V(p,J,G,ee),U=u?Math.max(xe,T(ye=Math.max(ye,z))):T(z);pe=U,be(U),U>=1&&!E?(E=true,H?.()):U<1&&!u&&(E=false);}let we=ve(S??window,[y],()=>V(M(),J,G,Math.min(a,1)),Ce,Le);Le(),G===J&&le("scrollAnimate: zero-length trigger window, so it never animates. In a sticky stage, set triggerElement.",e),ye=V(M(),J,G,a),pe=T(ye),be(pe),Ee(e,{type:"animate",getProgress:()=>pe,getTrigger:()=>({tStart:J,tEnd:G})});function Ae(){me=true,we.hold(true);}return {destroy(){me=true,we.off(),W(),Se(e);},replay(){xe=-1,ye=0,E=false,pe=0,me=false,be(0),we.hold(false);},pause:Ae,resume(){me&&(me=false,we.hold(false));},seek(l){let p=Math.min(1,Math.max(0,l));pe=p,xe=p,ye=0,Ae(),be(p);},getProgress(){return pe},refresh:we.remeasure}}var bt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function nr(e,n){if(typeof window>"u")return bt;let r=typeof e=="string"?document.querySelector(e):e;return r?He(n,(t,o)=>_r(r,t,o)):(le("scrollCounter: element not found:",e),bt)}function _r(e,n,r){let{from:t=0,to:o,format:s,easing:a="ease-out",trigger:u={},once:f=true,decimals:m,onComplete:g}=n,h=m!==void 0?v=>v.toFixed(m):s??(v=>String(Math.round(v))),b=typeof a=="function"?a:Q[a]??Q["ease-out"],O=X(u.start||"top 80%"),H=X(u.end||"top 20%");if(r)return e.textContent=h(o),g?.(),{...bt,getProgress:()=>1};let w=0,k=0,ie=false,R=-1,T=0,x=0,L=false,y=()=>window.scrollY,S=()=>window.innerHeight;function N(){let v=e.getBoundingClientRect(),$=fe({top:v.top,height:v.height},y(),S(),O,H);ie&&Math.abs($.tStart-w)<1&&Math.abs($.tEnd-k)<1||(ie=true,w=$.tStart,k=$.tEnd);}let Y=e.style.getPropertyValue("--scroll-draw-progress");function _(v){e.textContent=h(t+(o-t)*v),e.style.setProperty("--scroll-draw-progress",String(v));}let I=()=>V(y(),w,k,1);function W(){let v=I(),$=f?Math.max(R,b(T=Math.max(T,v))):b(v);x=$,_($),$>=1&&!L?(L=true,g?.()):$<1&&!f&&(L=false);}N();{T=V(y(),w,k,1);let v=b(T);x=v,_(v);}let M=ve(window,[e],I,W,N);Ee(e,{type:"counter",getProgress:()=>x,getTrigger:()=>({tStart:w,tEnd:k})});let K=()=>M.hold(false);return {destroy(){M.off(),e.style.setProperty("--scroll-draw-progress",Y),Se(e);},replay(){R=-1,T=0,L=false,x=0,_(0),K();},pause:()=>M.hold(true),resume:K,seek(v){let $=Math.min(1,Math.max(0,v));x=$,R=$,T=0,M.hold(true),_($);},getProgress(){return x}}}var or={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function sr(e,n={}){if(typeof window>"u")return or;let r=typeof e=="string"?document.querySelector(e):e;if(!r||r.tagName.toLowerCase()!=="video")return le("scrollVideo: <video> element not found:",e),or;let t=r,{trigger:o={},easing:s="linear",once:a=false,axis:u="y",preload:f="auto",triggerElement:m,onReady:g,onComplete:h,onProgress:b}=n,O=m??t,H=window.matchMedia("(prefers-reduced-motion: reduce)").matches,w=typeof s=="function"?s:Q[s]??Q.linear,k=X(o.start||"top top"),ie=X(o.end||"bottom top");t.pause(),t.hasAttribute("preload")||(t.preload=f);let R=n.from??0,T=n.to,x=0,L=0,y=false,S=-1,N=0,Y=0,_=false,I=false,W=()=>u==="x"?window.scrollX:window.scrollY,M=()=>u==="x"?window.innerWidth:window.innerHeight;function K(){let E=O.getBoundingClientRect(),P=u==="x"?E.left:E.top,he=u==="x"?E.width:E.height,Oe=fe({top:P,height:he},W(),M(),k,ie);x=Oe.tStart,L=Oe.tEnd,I&&L===x&&le("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",t);}let v=NaN;function $(E){if(!I)return;let P=T??t.duration??0,he=R+(P-R)*E;he!==v&&(v=he,t.currentTime=he),t.style.setProperty("--scroll-draw-progress",String(E)),b?.(E);}let Te=()=>V(W(),x,L,1);function J(){if(!I||H)return;let E=Te(),P=a?Math.max(S,w(N=Math.max(N,E))):w(E);Y=P,$(P),P>=1&&!_?(_=true,h?.()):P<1&&!a&&(_=false);}let G=ve(window,[O],Te,J,K),me=()=>G.hold(y||!I||H);me();function xe(){if(I=true,T===void 0&&(T=t.duration),H){$(1),g?.();return}K(),g?.(),y?$(Y):me();}t.readyState>=1?xe():t.addEventListener("loadedmetadata",xe,{once:true}),I||K();let ye=H?()=>{}:je(E=>{E&&(ye(),H=true,G.hold(true),$(1));});Ee(t,{type:"video",getProgress:()=>Y,getTrigger:()=>({tStart:x,tEnd:L})});function pe(){y&&(y=false,me());}return {destroy(){G.off(),t.removeEventListener("loadedmetadata",xe),ye(),Se(t);},replay(){S=-1,N=0,_=false,Y=0,v=NaN,$(0),pe();},pause(){y=true,G.hold(true);},resume:pe,seek(E){let P=Math.min(1,Math.max(0,E));Y=P,S=P,N=0,y=true,G.hold(true),v=NaN,$(P);},getProgress(){return Y}}}function ir(e,n){let r=document.createElement("span");r.textContent=n,r.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;user-select:none",e.appendChild(r);}function ct(e=""){let n=document.createElement("span");return n.setAttribute("aria-hidden","true"),n.textContent=e,n}function lr(e){let n=e.textContent??"";return e.textContent="",n.split(/(\s+)/).filter(Boolean).map(r=>{let t=e.appendChild(ct(r)),o=/^\s+$/.test(r);return o?t.style.whiteSpace="pre":t.style.display="inline-block",o?null:t}).filter(r=>r!==null)}function Wr(e){let n=e.textContent??"";e.textContent="";let r=[],t=null;for(let o of n){let s=ct(o),a=o===" ";a?s.style.whiteSpace="pre":(s.style.display="inline-block",r.push(s)),a||o>"\u0DFF"?t=null:t||(t=e.appendChild(ct()),t.style.cssText="display:inline-block;white-space:nowrap"),(t??e).appendChild(s);}return r}function ar(e){let n=lr(e),r=new Map;for(let s of n){let a=s.offsetTop;r.has(a)||r.set(a,[]),r.get(a).push(s);}let t=[],o=Array.from(r.keys()).sort((s,a)=>s-a);for(let s of o){let a=r.get(s),u=ct();u.style.display="inline-block",a.forEach((f,m)=>{let g=f.nextElementSibling;u.appendChild(f),m<a.length-1&&g&&g.style.whiteSpace==="pre"&&u.appendChild(g);}),t.push(u);}return e.textContent="",t.forEach((s,a)=>{e.appendChild(s),a<t.length-1&&e.appendChild(document.createTextNode(" "));}),t}function zr(e,n,r,t){if(r<=1||t===0)return e;t=Math.min(t,1/r);let o=(r-1)*t,s=n*t,a=s+(1-o);return a<=s?e>=s?1:0:Ye((e-s)/(a-s),0,1)}function Gr(e,n){let r=[];if(n?.y!==void 0&&r.push(`translateY(${n.y*(1-e)}px)`),n?.x!==void 0&&r.push(`translateX(${n.x*(1-e)}px)`),n?.rotate!==void 0&&r.push(`rotate(${n.rotate*(1-e)}deg)`),n?.scale!==void 0){let t=n.scale+(1-n.scale)*e;r.push(`scale(${t})`);}return r.join(" ")}var wt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function cr(e,n={}){if(typeof window>"u")return wt;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return le("scrollText: element not found:",e),wt;let t=r;return He(n,(o,s)=>jr(t,o,s))}function jr(e,n,r){let{split:t="words",stagger:o=.04,easing:s="ease-out",from:a={opacity:0,y:24},trigger:u={},once:f=true,onComplete:m}=n,g=typeof s=="function"?s:Q[s]??Q["ease-out"],h=X(u.start||"top 85%"),b=X(u.end||"top 40%"),O=e.innerHTML,H=e.textContent??"",w;t==="chars"?w=Wr(e):t==="lines"?w=ar(e):w=lr(e),ir(e,H);let k=w.length;function ie(M,K){a?.opacity!==void 0&&(M.style.opacity=String(a.opacity+(1-a.opacity)*K));let v=Gr(K,a);v&&(M.style.transform=v);}function R(M){e.style.setProperty("--scroll-draw-progress",String(M)),w.forEach((K,v)=>{let $=g(zr(M,v,k,o));ie(K,$);});}if(r)return R(1),m?.(),{...wt,destroy:()=>{e.innerHTML=O;},getProgress:()=>1};R(0);let T=0,x=0,L=-1,y=0,S=false;function N(){({tStart:T,tEnd:x}=fe(e.getBoundingClientRect(),window.scrollY,window.innerHeight,h,b));}let Y=()=>V(window.scrollY,T,x,1);function _(){let M=f?L=Math.max(L,Y()):Y();y=M,R(M),M>=1&&!S?(S=true,m?.()):M<1&&!f&&(S=false);}N();let I=ve(window,[e],Y,_,()=>{t==="lines"&&(e.innerHTML=O,w=ar(e),ir(e,H),R(y)),N();});Ee(e,{type:"text",getProgress:()=>y,getTrigger:()=>({tStart:T,tEnd:x})});let W=()=>I.hold(false);return {destroy(){I.off(),e.innerHTML=O,Se(e);},replay(){L=-1,S=false,y=0,R(0),W();},pause:()=>I.hold(true),resume:W,seek(M){I.hold(true),R(y=L=Ye(M,0,1));},getProgress(){return y}}}function Qr(e,n={}){let[r,t]=Ur.useState(0),o=Ur.useRef(n);o.current=n;let s=Ur.useRef(0);return Ur.useEffect(()=>{if(typeof window>"u")return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){t(1);return}let a=typeof e=="string"?document.querySelector(e):e.current;if(!a)return;let u=a,{axis:f="y",scrollContainer:m,trigger:g={}}=o.current,h=typeof m=="string"?document.querySelector(m):m??null,b=X(g.start||"top bottom"),O=X(g.end||"bottom top"),H=0,w=0;function k(){return h?f==="x"?h.scrollLeft:h.scrollTop:f==="x"?window.scrollX:window.scrollY}function ie(){return h?f==="x"?h.clientWidth:h.clientHeight:f==="x"?window.innerWidth:window.innerHeight}function R(){let y=ze(u,h,f);({tStart:H,tEnd:w}=fe(y,y.scroll,ie(),b,O));}function T(){let{speed:y=1,easing:S="linear",once:N=false}=o.current,Y=typeof S=="function"?S:Q[S]??Q.linear,_=V(k(),H,w,y),I=Y(N?s.current=Math.max(s.current,_):_);t(I);}R();let x=ve(h??window,[u],()=>V(k(),H,w,Math.min(o.current.speed??1,1)),T,R),L=je(y=>{y&&(L(),x.off(),t(1));});return ()=>{L(),x.off();}},[]),r}function Je(e,n,r){let t=Ur.useRef(n);t.current=n;let o=Yt(n);Ur.useEffect(()=>{if(!e.current)return;let s=r(e.current,Xt(t.current,()=>t.current));return ()=>s.destroy()},[o]);}var Xr=/^(data-|aria-)|^(id|role|title|tabIndex|lang|dir|hidden)$/;function Ze(e){let n={},r={};for(let[t,o]of Object.entries(e))(Xr.test(t)?r:n)[t]=o;return [n,r]}function So({children:e,className:n,style:r,...t}){let o=Ur.useRef(null),[s,a]=Ze(t);return Je(o,s,Qt),jsxRuntime.jsx("div",{ref:o,className:n,style:r,...a,children:e})}function To({children:e,className:n,style:r,...t}){let o=Ur.useRef(null),[s,a]=Ze(t);return Je(o,s,rr),jsxRuntime.jsx("div",{ref:o,className:n,style:r,...a,children:e})}function xo({className:e,style:n,...r}){let t=Ur.useRef(null),[o,s]=Ze(r);return Je(t,o,nr),jsxRuntime.jsx("span",{ref:t,className:e,style:n,...s})}function Mo({src:e,poster:n,className:r,style:t,muted:o=true,playsInline:s=true,...a}){let u=Ur.useRef(null),[f,m]=Ze(a);return Je(u,f,sr),jsxRuntime.jsx("video",{...m,ref:u,src:e,poster:n,className:r,style:t,muted:o,playsInline:s,preload:f.preload??"auto"})}function Po({children:e,as:n="p",className:r,style:t,...o}){let s=Ur.useRef(null),[a,u]=Ze(o);return Je(s,a,cr),Ur__default.default.createElement(n,{...u,ref:s,className:r,style:t},e)}exports.ScrollAnimate=To;exports.ScrollCounter=xo;exports.ScrollDraw=So;exports.ScrollText=Po;exports.ScrollVideo=Mo;exports.useScrollDrawProgress=Qr;
|
package/dist/react/index.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { RefObject } from 'react';
|
|
2
|
-
import { E as EasingName, T as TriggerConfig, a as ScrollDrawOptions } from '../types-
|
|
3
|
-
import { S as ScrollAnimateOptions } from '../engine-
|
|
4
|
-
import { S as ScrollCounterOptions } from '../index-
|
|
2
|
+
import { E as EasingName, T as TriggerConfig, a as ScrollDrawOptions } from '../types-9bcJdVcg.mjs';
|
|
3
|
+
import { S as ScrollAnimateOptions } from '../engine-BLWKCfxC.mjs';
|
|
4
|
+
import { S as ScrollCounterOptions } from '../index-DVjblK_4.mjs';
|
|
5
5
|
import { ScrollVideoOptions } from '../video/index.mjs';
|
|
6
6
|
import { ScrollTextOptions } from '../text/index.mjs';
|
|
7
7
|
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { RefObject } from 'react';
|
|
2
|
-
import { E as EasingName, T as TriggerConfig, a as ScrollDrawOptions } from '../types-
|
|
3
|
-
import { S as ScrollAnimateOptions } from '../engine-
|
|
4
|
-
import { S as ScrollCounterOptions } from '../index-
|
|
2
|
+
import { E as EasingName, T as TriggerConfig, a as ScrollDrawOptions } from '../types-9bcJdVcg.js';
|
|
3
|
+
import { S as ScrollAnimateOptions } from '../engine-6VsjEwzb.js';
|
|
4
|
+
import { S as ScrollCounterOptions } from '../index-BN8yKeQ3.js';
|
|
5
5
|
import { ScrollVideoOptions } from '../video/index.js';
|
|
6
6
|
import { ScrollTextOptions } from '../text/index.js';
|
|
7
7
|
|