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