svg-scroll-draw 2.25.0 → 2.26.0

package/dist/solid/index.cjs

@@ -1,3 +1,3 @@
-'use strict';var solidJs=require('solid-js');function dr({tension:e=2.5,friction:n=2.2}={}){return t=>1-Math.cos(t*Math.PI*e)*Math.pow(1-t,n)}function gr({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),s=0,a=[];for(let p=0;p<t;p++){let g=Math.pow(o,p);a.push(g),s+=g;}let u=[0],f=0;for(let p=0;p<t;p++)f+=a[p]/s,u.push(f);return p=>{if(p<=0)return 0;if(p>=1)return 1;for(let g=0;g<t;g++)if(p<=u[g+1]){let x=(p-u[g])/(u[g+1]-u[g]);if(g===0)return x*(2-x);let y=1-Math.pow(r,g);return y+(1-y)*(2*x-1)*(2*x-1)}return 1}}function yr({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 s=>s<=0?0:s>=1?1:t*Math.pow(2,-10*s)*Math.sin((s-o)*(2*Math.PI)/r)+1}var ee={linear:e=>e,"ease-in":e=>e*e,"ease-out":e=>e*(2-e),"ease-in-out":e=>e<.5?2*e*e:-1+(4-2*e)*e,spring:dr(),bounce:gr(),elastic:yr()};function Qe(e,n,t){return Math.min(t,Math.max(n,e))}function ie(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}}var Rt=(e,n)=>e==="top"?0:e==="center"?.5:e==="bottom"?1:n;function It(e,n,t,r){return e+t+n*Rt(r,0)}function Nt(e,n){return n*(/^\d+(\.\d+)?%$/.test(e)?parseFloat(e)/100:Rt(e,1))}function B(e,n,t,r){return t===n?0:Qe((e-n)/(t-n)*r,0,1)}function we(e,n,t,r,o){let s=It(e.top,e.height,n,r.element)-Nt(r.viewport,t),a=It(e.top,e.height,n,o.element)-Nt(o.viewport,t);return {tStart:s,tEnd:a}}function et(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.clientLeft+n.scrollLeft:r.top-n.getBoundingClientRect().top-n.clientTop+n.scrollTop,height:o,scroll:0}:{top:t==="x"?r.left:r.top,height:o,scroll:t==="x"?window.scrollX:window.scrollY}}function tt(e){let n=parseFloat(e.getAttribute("pathLength")??"");if(n>0)return n;let t=e.tagName.toLowerCase();if(t==="rect"){let r=parseFloat(e.getAttribute("width")??"0"),o=parseFloat(e.getAttribute("height")??"0");return 2*(r+o)}if(t==="circle"){let r=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*r}return e.getTotalLength()}function Vt(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 rt(e,n,t){let r=Vt(e),o=Vt(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 Ft={sketch:{easing:"ease-in",stagger:.1,speed:.9,fade:false},reveal:{easing:"ease-out",fade:true,speed:1.2,once:true},typewriter:{easing:"linear",stagger:.05,speed:1.5},cinematic:{easing:"ease-in-out",fade:true,speed:.75},spring:{easing:"spring",speed:1.1}};var Ge=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function ae(e,...n){Ge&&console.warn(`[svg-scroll-draw] ${e}`,...n);}var hr="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",br="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",_t=33;function wr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function vr(e){let n=[];for(let t=0;t<_t;t++){let r=t/(_t-1);n.push(String(Math.round(e(r)*1e5)/1e5));}return `linear(${n.join(",")})`}function nt(e){switch(e){case "linear":return "linear";case "ease-in":return hr;case "ease-out":return br;case "ease-in-out":return wr()?vr(ee["ease-in-out"]):null;default:return null}}var Wt=Symbol.for("svg-scroll-draw.registry");function zt(){let e=globalThis;return e[Wt]||(e[Wt]=new Map)}function ve(e,n){zt().set(e,n);}function Ee(e){zt().delete(e);}function ot(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 Re(e,n){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return n(e,true);let t=n(e,false),r=ot(s=>{if(!s)return;r();let a=(t.getProgress?.()??0)>=1;t.destroy(),t=n(a?{...e,onComplete:void 0}:e,true);}),o={};for(let s of Object.keys(t))o[s]=(...a)=>t[s]?.(...a);return o.destroy=()=>{r(),t.destroy();},o}var Ye,st=new Set,it=new WeakMap,Ue=new Map,Gt=e=>{let n=e.getBoundingClientRect();return n.width+" "+n.height};function Er(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 Bt(e,n){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let t=()=>n();Ye??(Ye=new ResizeObserver(o=>{let s=false;for(let{target:a}of o)it.get(a)!==Gt(a)&&(s=true),it.set(a,"");s&&st.forEach(a=>a());})),st.add(t);let r=Er(e);return [document.body,document.documentElement].forEach(o=>o&&r.add(o)),r.forEach(o=>{it.has(o)||it.set(o,Gt(o)),Ue.set(o,(Ue.get(o)??0)+1),Ye.observe(o);}),()=>{st.delete(t)&&(r.forEach(o=>{let s=(Ue.get(o)??1)-1;if(s)return void Ue.set(o,s);Ue.delete(o),Ye?.unobserve(o);}),st.size||(Ye?.disconnect(),Ye=void 0));}}function Me(e,n,t,r,o){let s,a=NaN,u,f,p=()=>{s=0,r(),!u&&!s&&(a=t())>0&&a<1&&(s=requestAnimationFrame(p));},g=()=>{!s&&!u&&t()!==a&&(s=requestAnimationFrame(p));},x=D=>{u=D,cancelAnimationFrame(s),s=a=NaN,g();},y=()=>{clearTimeout(f),o(),g();},H=()=>{clearTimeout(f),f=setTimeout(y,150);},j=Bt(n,H),w=D=>{e[D]("scroll",g,{passive:true}),window[D]("resize",H),window[D]("orientationchange",H);};return w("addEventListener"),g(),{hold:x,remeasure:y,off(){x(true),w("removeEventListener"),j(),clearTimeout(f);}}}var Sr=0;function Tr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function jt(e,n){let t="";try{t=getComputedStyle(e).getPropertyValue(n).trim();}catch{}return t||(e.getAttribute(n)??"").trim()}var qt=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function xr(e){if(!Ge)return;let n=jt(e,"stroke");if(!n||n==="none"){ae("Element has no stroke \u2014 path will not be visible.",e);return}let t=(e.getAttribute("fill")??"").trim();t&&!qt.has(t)&&!qt.has(jt(e,"fill"))&&ae("Element has a fill \u2014 it may obscure the stroke animation.",e);}function Mr(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 s=t==="x"?window.scrollX:window.scrollY,a=e-s,u=n-s,f=t==="x";r.innerHTML=`
-      <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>
-      <div style="position:absolute;${f?`left:${u}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${u}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(r),window.addEventListener("scroll",o,{passive:true}),o(),{el:r,destroy(){window.removeEventListener("scroll",o),r.remove();}}}var Qt=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,Yt=/[MmLlHhVvCcSsQqTtAaZz]/g;function Lr(e,n,t){if(!Ge)return;let r=(e.match(Yt)??[]).join("").toUpperCase(),o=(n.match(Yt)??[]).join("").toUpperCase(),s=(e.match(Qt)??[]).length,a=(n.match(Qt)??[]).length;if(r!==o){ae(`morphTo: command sequence differs (${r||"\u2205"} \u2192 ${o||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,t);return}s!==a&&ae(`morphTo: coordinate count differs (${s} \u2192 ${a}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,t);}function Ar(e,n,t){let r=(n.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let a=parseFloat(s),u=r[o++]??a;return String(+(a+(u-a)*t).toFixed(4))})}function gt(e,n={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:Re(n,(t,r)=>Cr(e,t,r))}function Cr(e,n,t){let{preset:r,...o}=n,s=r?{...Ft[r],...o}:o,{selector:a="path, polyline, line, polygon, rect, circle",speed:u=1,fade:f=false,easing:p="linear",trigger:g={},stagger:x=0,direction:y="forward",once:H=false,debug:j=false,axis:w="y",scrollContainer:D,autoReverse:ue=false,delay:I=0,strokeColor:M,strokeWidth:A,fillOpacity:$,waypoints:v,velocityScale:C=false,threshold:N=0,rootMargin:te="0px",repeat:q=0,repeatDelay:V=0,morphTo:R,clip:E,autoplay:Y=false,duration:h=1e3,native:P=true,onProgress:Se,onStart:U,onComplete:_,onEnter:fe,onLeave:Te,onEnterBack:ge,onLeaveBack:me}=s,b=E===true?"left":typeof E=="string"?E:false,S=typeof p=="function"?p:ee[p]??ee.linear,ye=ie(g.start||"top bottom"),De=ie(g.end||"bottom top"),X=typeof D=="string"?document.querySelector(D):D??null,Ae=Array.isArray(M)?M[0]:null,Ce=Array.isArray(M)?M[1]:typeof M=="string"?M:null,he=Array.isArray(A)?A[0]:null,Ie=Array.isArray(A)?A[1]:typeof A=="number"?A:null,Pe=Array.isArray($)?$[0]:null,be=Array.isArray($)?$[1]:typeof $=="number"?$:null;function $e(i){let c=i*100;switch(b){case "right":return `inset(0 0 0 ${100-c}%)`;case "top":return `inset(0 0 ${100-c}% 0)`;case "bottom":return `inset(${100-c}% 0 0 0)`;case "center":return `circle(${i*150}% at 50% 50%)`;default:return `inset(0 ${100-c}% 0 0)`}}let l=b?[]:Array.from(e.querySelectorAll(a)),m=[],K=[],O=0,F=0,Q=x,W=0,Ne=0,Z=false,Oe=false,ke=0,lt=-1,Xe=[],Ke=-1,pe=false,xe=0,Ve=0,Fe,ct=false,ut=null;function St(){ut?.destroy(),ut=null;}let _e=new Set,Tt=NaN,We=true,Ze=-1,xt=performance.now(),ze=NaN;function Je(){return X?w==="x"?X.scrollLeft:X.scrollTop:w==="x"?window.scrollX:window.scrollY}function Mt(){return X?w==="x"?X.clientWidth:X.clientHeight:w==="x"?window.innerWidth:window.innerHeight}function Lt(){let i=et(e,X,w);return we(i,i.scroll,Mt(),ye,De)}function ar(){let i=F-O,c=l.length-1,d=X??document.documentElement,L=w==="x"?"Width":"Height";if(Q=x,x>0&&c>0&&i>0){let re=d[`scroll${L}`]-d[`client${L}`]-1-O-i/u;re>=0&&(Q=Math.min(x,re/(c*i)));}let J=Math.max(0,c)*Q*i,le=i/Math.min(u,1);W=O+Math.min(0,J,le,J+le),Ne=O+Math.max(0,J,le,J+le);}function At(){(({tStart:O,tEnd:F}=Lt())),ar(),j&&Ge&&(St(),ut=Mr(O,F,w));}function ft(i,c=Lt){ve(e,{type:"draw",getProgress:()=>i.getProgress(),getTrigger:c});let d=i.destroy;return i.destroy=()=>{d.call(i),Ee(e);},i}function Ct(i,c){return H&&!ue?Math.max(lt,S(Xe[i]=Math.max(Xe[i]??0,c))):S(c)}function lr(i,c){if(e.style.setProperty("--scroll-draw-progress",String(i)),b){let d=c==="reverse"?1-i:i;e.style.clipPath=$e(d);return}l.forEach((d,L)=>mt(d,L,i,c));}function mt(i,c,d,L){i.style.strokeDashoffset=L==="reverse"?`${m[c]*d}`:`${m[c]*(1-d)}`,f&&(i.style.opacity=L==="reverse"?`${1-d}`:`${d}`),Ae&&Ce?i.style.stroke=rt(Ae,Ce,d):Ce&&(i.style.stroke=Ce),he!==null&&Ie!==null?i.style.strokeWidth=`${he+(Ie-he)*d}`:Ie!==null&&(i.style.strokeWidth=`${Ie}`),Pe!==null&&be!==null?i.style.fillOpacity=`${Pe+(be-Pe)*d}`:be!==null&&(i.style.fillOpacity=`${be}`),R&&i.tagName.toLowerCase()==="path"&&K[c]&&i.setAttribute("d",Ar(K[c],R,d));}function pt(){if(e.style.setProperty("--scroll-draw-progress","0"),b){e.style.clipPath=$e(y==="reverse"?1:0);return}l.forEach((i,c)=>{i.style.strokeDasharray=`${m[c]}`,i.style.strokeDashoffset=y==="reverse"?"0":`${m[c]}`,f?i.style.opacity=y==="reverse"?"1":"0":i.style.opacity="",Ae&&(i.style.stroke=Ae),he!==null&&(i.style.strokeWidth=`${he}`),Pe!==null&&(i.style.fillOpacity=`${Pe}`),R&&i.tagName.toLowerCase()==="path"&&K[c]&&i.setAttribute("d",K[c]);});}function Be(i,c){let d=i.getAttribute("d"),L=tt(i);if(R&&K[c]){i.setAttribute("d",R);let J=tt(i);i.setAttribute("d",K[c]),L=Math.max(tt(i),J),i.setAttribute("d",d);}m[c]=L,i.style.strokeDasharray=`${L}`;}if(l.forEach((i,c)=>{xr(i);let d=i.tagName.toLowerCase()==="path";d?K.push(i.getAttribute("d")??""):K.push(""),Be(i,c);let L=m[c];R&&(d?Lr(K[K.length-1],R,i):ae(`morphTo only applies to <path> elements \u2014 ignored on <${i.tagName}>.`,i)),t?(i.style.strokeDashoffset=y==="reverse"?`${L}`:"0",f&&(i.style.opacity="1"),Ce&&(i.style.stroke=Ce),Ie!==null&&(i.style.strokeWidth=`${Ie}`),be!==null&&(i.style.fillOpacity=`${be}`),R&&i.tagName.toLowerCase()==="path"&&i.setAttribute("d",R)):(i.style.strokeDashoffset=y==="reverse"?"0":`${L}`,f?i.style.opacity=y==="reverse"?"1":"0":i.style.opacity="",Ae&&(i.style.stroke=Ae),he!==null&&(i.style.strokeWidth=`${he}`),Pe!==null&&(i.style.fillOpacity=`${Pe}`));}),t)return b&&(e.style.clipPath=$e(1)),_?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};b&&(e.style.clipPath=$e(y==="reverse"?1:0));let Pt=typeof p=="string"?nt(p):null;function cr(){return !(P===false||Y||j&&Ge||!Tr()||!l.length||!Pt||b||w!=="y"||X||u!==1||x!==0||H||ue||C!==false||R||v||q||I>0||Se||U||_||fe||Te||ge||me||M!=null||A!=null||$!=null||(g.start||"top bottom").trim()!=="top bottom"||(g.end||"bottom top").trim()!=="bottom top")}function ur(){let i=++Sr,c=`svg-scroll-draw-${i}`,d=`svg-scroll-draw-host-${i}`,L=`--svg-scroll-draw-${i}`,J=y==="reverse"?"0":"var(--ssd-len)",le=y==="reverse"?"var(--ssd-len)":"0",re=`stroke-dashoffset:${J};`,z=`stroke-dashoffset:${le};`;f&&(re+=`opacity:${y==="reverse"?1:0};`,z+=`opacity:${y==="reverse"?0:1};`);let G=document.createElement("style");G.setAttribute("data-svg-scroll-draw",""),G.textContent=`@keyframes ${c}{from{${re}}to{${z}}}.${d}{view-timeline-name:${L};view-timeline-axis:block;}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${Pt};animation-fill-mode:both;animation-timeline:${L};animation-range:cover 0% cover 100%;}`,document.head.appendChild(G),e.classList.add(d);function se(T,k){T.style.setProperty("--ssd-len",String(m[k])),T.style.strokeDasharray=`${m[k]}`,T.style.strokeDashoffset="",T.style.opacity="",T.style.animationPlayState="",T.classList.add(c);}l.forEach(se);let ne=false,ce=-1;function de(){if(ce>=0)return ce;let T=e.getBoundingClientRect(),{tStart:k,tEnd:oe}=we({top:T.top,height:T.height},Je(),Mt(),ye,De);return S(B(Je(),k,oe,u))}return {destroy(){e.classList.remove(d),l.forEach(T=>{T.classList.remove(c),T.style.removeProperty("--ssd-len"),T.style.animationPlayState="";}),G.remove();},replay(){ne=false,ce=-1,l.forEach(se);},pause(){ne=true,l.forEach(T=>{T.style.animationPlayState="paused";});},resume(){ne&&(ne=false,l.forEach(T=>{T.style.animationPlayState="running";}));},seek(T){let k=Math.min(1,Math.max(0,T));ce=k,ne=true,l.forEach((oe,He)=>{oe.classList.remove(c),oe.style.strokeDashoffset=y==="reverse"?`${m[He]*k}`:`${m[He]*(1-k)}`,f&&(oe.style.opacity=y==="reverse"?`${1-k}`:`${k}`);});},getProgress(){return de()},refresh(){l.forEach((T,k)=>{Be(T,k),T.style.setProperty("--ssd-len",String(m[k]));});}}}if(cr())return ft(ur());function fr(){let i=Math.max(1,h),c=b?i:i*(1+Math.max(0,l.length-1)*x),d=0,L=0,J=false;function le(ce){let de=true,T=Math.min(1,Math.max(0,ce/c));if(b){let k=Math.min(1,Math.max(0,ce/i)),oe=S(k);xe=oe,e.style.setProperty("--scroll-draw-progress",String(oe)),e.style.clipPath=$e(y==="reverse"?1-oe:oe),Se?.(oe),k<1&&(de=false);}else {l.forEach((oe,He)=>{let pr=He*x*i,Dt=Math.min(1,Math.max(0,(ce-pr)/i));mt(oe,He,S(Dt),y),Dt<1&&(de=false);});let k=S(T);xe=k,Se?.(k),e.style.setProperty("--scroll-draw-progress",String(k));}if(v){let k=S(T);for(let oe in v){let He=parseFloat(oe);k>=He&&!_e.has(He)&&(_e.add(He),v[oe]?.());}}return de}function re(ce){if(pe)return;let de=ce-d;Oe||(Oe=true,U?.());let T=le(de);if(T&&!Z){Z=true,le(c),_?.(),Ve<(q==="infinite"?1/0:q??0)&&(Ve++,Fe=setTimeout(()=>{d=performance.now(),Oe=false,Z=false,_e.clear(),pt(),ke=requestAnimationFrame(re);},V));return}T||(ke=requestAnimationFrame(re));}function z(){cancelAnimationFrame(ke),clearTimeout(Fe),d=performance.now(),L=0,pe=false,Oe=false,Z=false,Ve=0,J=true,xe=0,_e.clear(),pt(),ke=requestAnimationFrame(re);}let G=new IntersectionObserver(ce=>{ce.forEach(de=>{de.isIntersecting&&!(H&&Z)?z():!de.isIntersecting&&!H&&!Z&&(cancelAnimationFrame(ke),clearTimeout(Fe),J=false);});},{root:X??null,threshold:N,rootMargin:te}),se;function ne(){clearTimeout(se),se=setTimeout(()=>l.forEach(Be),150);}return window.addEventListener("resize",ne),window.addEventListener("orientationchange",ne),I>0?setTimeout(()=>G.observe(e),I):G.observe(e),{destroy(){cancelAnimationFrame(ke),clearTimeout(Fe),G.disconnect(),window.removeEventListener("resize",ne),window.removeEventListener("orientationchange",ne),clearTimeout(se);},replay(){Ve=0,z();},pause(){pe||!J||(pe=true,L=performance.now()-d,cancelAnimationFrame(ke));},resume(){pe&&(pe=false,J=true,d=performance.now()-L,ke=requestAnimationFrame(re));},seek(ce){let de=Math.min(1,Math.max(0,ce));xe=de,pe=true,L=de*c,d=performance.now()-L,cancelAnimationFrame(ke),le(L);},getProgress(){return xe},refresh(){clearTimeout(se),l.forEach(Be);}}}if(Y)return ft(fr());At();let $t=()=>B(Je(),W,Ne,1);function Ot(){Z=true,_?.(),Ve<(q==="infinite"?1/0:q)&&(Ve++,Fe=setTimeout(()=>{ct=true;},V));}function kt(){lt=-1,Xe=[],Oe=false,Z=false,ct=false,_e.clear(),pt(),We=true;}function mr(){let i=performance.now(),c=Je();if(ct&&$t()%1&&kt(),!We&&C===false&&c===Tt)return;We=false,Tt=c;let d=u;if(C!==false){let z=i-xt,G=z>0?Math.abs(c-(Ze<0?c:Ze))/z:0;d=u*Math.max(.2,1+G*(typeof C=="number"?C:1)*.04);}Ze=c,xt=i;let L=ue?Ke===-1||c>=Ke?"forward":"reverse":y;Ke=c;let J=F-O,le=true,re=J===0?0:(c-O)/J;if(isNaN(ze)||(ze<=0&&re>0&&fe?.(),ze<1&&re>=1&&Te?.(),ze>=1&&re<1&&ge?.(),ze>0&&re<=0&&me?.()),ze=re,b){let z=Ct(0,B(c,O,F,d));xe=z,e.style.setProperty("--scroll-draw-progress",String(z));let G=L==="reverse"?1-z:z;e.style.clipPath=$e(G),Se?.(z),!Oe&&B(c,O,F,d)>0&&(Oe=true,U?.()),z>=1&&!Z?Ot():z<1&&!H&&(Z=false);return}if(l.forEach((z,G)=>{let se=G*Q*J,ne=Ct(G,B(c,O+se,F+se,d));mt(z,G,ne,L),G===0&&(xe=ne,Se?.(ne),e.style.setProperty("--scroll-draw-progress",String(ne))),ne<1&&(le=false);}),v){let z=S(B(c,O,F,d));for(let G in v){let se=parseFloat(G);z>=se&&!_e.has(se)&&(_e.add(se),v[G]?.());}}!Oe&&B(c,O,F,d)>0&&(Oe=true,U?.()),le&&!Z?Ot():!le&&!H&&(Z=false);}let je=Me(X??window,[e],$t,mr,()=>{let i=m.join();l.forEach(Be),At(),We=true,m.join()!==i&&qe();}),dt=I>0;function qe(){je.hold(pe||dt);}let Ht;return dt&&(Ht=setTimeout(()=>{dt=false,qe();},I)),qe(),ft({destroy(){clearTimeout(Fe),clearTimeout(Ht),je.off(),St();},replay(){kt(),Ke=-1,Ze=-1,Ve=0,pe=false,xe=0,clearTimeout(Fe),qe();},pause(){pe=true,je.hold(true);},resume(){pe&&(pe=false,We=true,qe());},seek(i){let c=Math.min(1,Math.max(0,i));xe=c,lt=c,Xe=[],pe=true,je.hold(true),lr(c,y),We=true;},getProgress(){return xe},refresh:je.remeasure},()=>({tStart:O,tEnd:F}))}var Ut=new WeakMap,Pr=0;function Xt(e){return JSON.stringify(e,(n,t)=>{if(typeof t=="function")return "\u0192";if(typeof Element<"u"&&t instanceof Element){let r=Ut.get(t);return r===void 0&&Ut.set(t,r=++Pr),`el#${r}`}return t})}function Kt(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 $r(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function Zt(e){let n=[],t=/([\w]+)\(([^)]*)\)/g,r;for(;(r=t.exec(e))!==null;){let o=[],s=[],a=r[2].trim();if(a)for(let u of a.split(/[\s,]+/)){let f=u.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(f?parseFloat(f[1]):0),s.push(f?f[2]:"");}n.push({fn:r[1],nums:o,units:s});}return n}function Or(e,n,t){let r=Zt(e),o=Zt(n);return r.length===0||r.length!==o.length?t<1?e:n:r.map((s,a)=>{let u=o[a];return s.fn!==u.fn||s.nums.length!==u.nums.length?t<1?`${s.fn}(${s.nums.map((f,p)=>`${f}${s.units[p]}`).join(", ")})`:`${u.fn}(${u.nums.map((f,p)=>`${f}${u.units[p]}`).join(", ")})`:`${s.fn}(${s.nums.map((f,p)=>`${f+(u.nums[p]-f)*t}${s.units[p]}`).join(", ")})`}).join(" ")}function Jt(e,n,t){if(typeof e=="number"&&typeof n=="number")return String(e+(n-e)*t);let r=String(e),o=String(n);if($r(r))return rt(r,o,t);if(r.includes("("))return Or(r,o,t);let s=r.match(/^([-+]?[\d.]+)(.*)$/),a=o.match(/^([-+]?[\d.]+)(.*)$/);if(s&&a){let u=parseFloat(s[1]),f=parseFloat(a[1]);return `${u+(f-u)*t}${s[2]||a[2]}`}return t<1?r:o}function kr(e){return e.replace(/([A-Z])/g,n=>`-${n.toLowerCase()}`)}var Hr=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),Dr=0,er="--scroll-draw-progress";function Ir(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var rr={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function yt(e,n){return typeof window>"u"?rr:n.respectReducedMotion===false?tr(e,n,false):Re(n,(t,r)=>tr(e,t,r))}function tr(e,n,t){let{props:r,trigger:o={},easing:s="ease-out",speed:a=1,once:u=false,axis:f="y",scrollContainer:p,native:g=true,velocityScale:x=false,triggerElement:y,onProgress:H,onComplete:j,onEnter:w,onLeave:D,onEnterBack:ue,onLeaveBack:I}=n,M=typeof s=="function"?s:ee[s]??ee["ease-out"],A=ie(o.start||"top bottom"),$=ie(o.end||"bottom top"),v=y??e,C=typeof p=="string"?document.querySelector(p):p??null,N=Object.entries(r).map(([l,m])=>({prop:kr(l),from:Array.isArray(m)?m[0]:"",to:Array.isArray(m)?m[1]:m}));function te(){let l=window.getComputedStyle(e);for(let m of N)m.from===""&&(m.from=l.getPropertyValue(m.prop).trim()||"0");}function q(){for(let l of N)e.style.setProperty(l.prop,String(l.to));}let V=new Map;for(let l of [...N.map(m=>m.prop),er])V.set(l,e.style.getPropertyValue(l));function R(){for(let[l,m]of V)m?e.style.setProperty(l,m):e.style.removeProperty(l);}if(t)return q(),j?.(),{...rr,destroy:R,getProgress:()=>1};te();let E=()=>C?f==="x"?C.scrollLeft:C.scrollTop:f==="x"?window.scrollX:window.scrollY,Y=()=>C?f==="x"?C.clientWidth:C.clientHeight:f==="x"?window.innerWidth:window.innerHeight,h=typeof s=="string"?nt(s):null;function P(){if(!g||!Ir()||!h||f!=="y"||C||v!==e||u||a!==1||H||j||w||D||ue||I||x!==false||(o.start||"top bottom").trim()!=="top bottom"||(o.end||"bottom top").trim()!=="bottom top")return  false;for(let l of N)if(!Hr.has(l.prop))return  false;return  true}function Se(){let l=`ssd-a-${++Dr}`,m=N.map(W=>`${W.prop}:${W.from}`).join(";"),K=N.map(W=>`${W.prop}:${W.to}`).join(";"),O=document.createElement("style");O.setAttribute("data-ssd-animate",""),O.textContent=`@keyframes ${l}{from{${m}}to{${K}}}.${l}{animation-name:${l};animation-duration:auto;animation-timing-function:${h};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(O),e.classList.add(l);let F=()=>{let W=e.getBoundingClientRect();return we({top:W.top,height:W.height},E(),Y(),A,$)};ve(e,{type:"animate",getProgress:()=>Q.getProgress(),getTrigger:F});let Q={refresh(){},destroy(){e.classList.remove(l),O.remove(),e.style.animationPlayState="",R(),Ee(e);},replay(){e.classList.remove(l),e.offsetWidth,e.classList.add(l);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(W){let Ne=Math.min(1,Math.max(0,W));e.classList.remove(l);for(let Z of N)e.style.setProperty(Z.prop,Jt(Z.from,Z.to,Ne));},getProgress(){let{tStart:W,tEnd:Ne}=F();return M(B(E(),W,Ne,a))}};return Q}if(P())return Se();let U=0,_=0,fe=false,Te=-1,ge=0,me=0,b=false,S=NaN,ye=-1,De=0,X=v===e?N:[],Ae=false;function Ce(){let l=e.style,m=X.map(Q=>l.getPropertyValue(Q.prop)),K=l.transition;X.length&&(l.transition="none"),X.forEach(Q=>l.setProperty(Q.prop,V.get(Q.prop)??""));let O=et(v,C,f);X.forEach((Q,W)=>l.setProperty(Q.prop,m[W])),X.length&&(e.offsetWidth,l.transition=K);let F=we(O,O.scroll,Y(),A,$);Ae&&Math.abs(F.tStart-U)<1&&Math.abs(F.tEnd-_)<1||(Ae=true,U=F.tStart,_=F.tEnd);}function he(l){e.style.setProperty(er,String(l));for(let m of N)e.style.setProperty(m.prop,Jt(m.from,m.to,l));H?.(l);}function Ie(l){if(isNaN(S)){S=l;return}S<=0&&l>0&&w?.(),S<1&&l>=1&&D?.(),S>=1&&l<1&&ue?.(),S>0&&l<=0&&I?.(),S=l;}function Pe(){if(fe)return;let l=performance.now(),m=E(),K=a;if(x!==false){let W=l-De,Ne=W>0?Math.abs(m-(ye<0?m:ye))/W:0;K=a*Math.max(.2,1+Ne*(typeof x=="number"?x:1)*.04);}ye=m,De=l;let O=_===U?0:(m-U)/(_-U);Ie(O);let F=B(m,U,_,K),Q=u?Math.max(Te,M(ge=Math.max(ge,F))):M(F);me=Q,he(Q),Q>=1&&!b?(b=true,j?.()):Q<1&&!u&&(b=false);}let be=Me(C??window,[v],()=>B(E(),U,_,Math.min(a,1)),Pe,Ce);Ce(),_===U&&ae("scrollAnimate: zero-length trigger window, so it never animates. In a sticky stage, set triggerElement.",e),ge=B(E(),U,_,a),me=M(ge),he(me),ve(e,{type:"animate",getProgress:()=>me,getTrigger:()=>({tStart:U,tEnd:_})});function $e(){fe=true,be.hold(true);}return {destroy(){fe=true,be.off(),R(),Ee(e);},replay(){Te=-1,ge=0,b=false,me=0,fe=false,he(0),be.hold(false);},pause:$e,resume(){fe&&(fe=false,be.hold(false));},seek(l){let m=Math.min(1,Math.max(0,l));me=m,Te=m,ge=0,$e(),he(m);},getProgress(){return me},refresh:be.remeasure}}var ht={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function bt(e,n){if(typeof window>"u")return ht;let t=typeof e=="string"?document.querySelector(e):e;return t?Re(n,(r,o)=>Nr(t,r,o)):(ae("scrollCounter: element not found:",e),ht)}function Nr(e,n,t){let{from:r=0,to:o,format:s,easing:a="ease-out",trigger:u={},once:f=true,decimals:p,onComplete:g}=n,x=p!==void 0?h=>h.toFixed(p):s??(h=>String(Math.round(h))),y=typeof a=="function"?a:ee[a]??ee["ease-out"],H=ie(u.start||"top 80%"),j=ie(u.end||"top 20%");if(t)return e.textContent=x(o),g?.(),{...ht,getProgress:()=>1};let w=0,D=0,ue=false,I=-1,M=0,A=0,$=false,v=()=>window.scrollY,C=()=>window.innerHeight;function N(){let h=e.getBoundingClientRect(),P=we({top:h.top,height:h.height},v(),C(),H,j);ue&&Math.abs(P.tStart-w)<1&&Math.abs(P.tEnd-D)<1||(ue=true,w=P.tStart,D=P.tEnd);}let te=e.style.getPropertyValue("--scroll-draw-progress");function q(h){e.textContent=x(r+(o-r)*h),e.style.setProperty("--scroll-draw-progress",String(h));}let V=()=>B(v(),w,D,1);function R(){let h=V(),P=f?Math.max(I,y(M=Math.max(M,h))):y(h);A=P,q(P),P>=1&&!$?($=true,g?.()):P<1&&!f&&($=false);}N();{M=B(v(),w,D,1);let h=y(M);A=h,q(h);}let E=Me(window,[e],V,R,N);ve(e,{type:"counter",getProgress:()=>A,getTrigger:()=>({tStart:w,tEnd:D})});let Y=()=>E.hold(false);return {destroy(){E.off(),e.style.setProperty("--scroll-draw-progress",te),Ee(e);},replay(){I=-1,M=0,$=false,A=0,q(0),Y();},pause:()=>E.hold(true),resume:Y,seek(h){let P=Math.min(1,Math.max(0,h));A=P,I=P,M=0,E.hold(true),q(P);},getProgress(){return A}}}var nr={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function wt(e,n={}){if(typeof window>"u")return nr;let t=typeof e=="string"?document.querySelector(e):e;if(!t||t.tagName.toLowerCase()!=="video")return ae("scrollVideo: <video> element not found:",e),nr;let r=t,{trigger:o={},easing:s="linear",once:a=false,axis:u="y",preload:f="auto",triggerElement:p,onReady:g,onComplete:x,onProgress:y}=n,H=p??r,j=window.matchMedia("(prefers-reduced-motion: reduce)").matches,w=typeof s=="function"?s:ee[s]??ee.linear,D=ie(o.start||"top top"),ue=ie(o.end||"bottom top");r.pause(),r.hasAttribute("preload")||(r.preload=f);let I=n.from??0,M=n.to,A=0,$=0,v=false,C=-1,N=0,te=0,q=false,V=false,R=()=>u==="x"?window.scrollX:window.scrollY,E=()=>u==="x"?window.innerWidth:window.innerHeight;function Y(){let b=H.getBoundingClientRect(),S=u==="x"?b.left:b.top,ye=u==="x"?b.width:b.height,De=we({top:S,height:ye},R(),E(),D,ue);A=De.tStart,$=De.tEnd,V&&$===A&&ae("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",r);}let h=NaN;function P(b){if(!V)return;let S=M??r.duration??0,ye=I+(S-I)*b;ye!==h&&(h=ye,r.currentTime=ye),r.style.setProperty("--scroll-draw-progress",String(b)),y?.(b);}let Se=()=>B(R(),A,$,1);function U(){if(!V||j)return;let b=Se(),S=a?Math.max(C,w(N=Math.max(N,b))):w(b);te=S,P(S),S>=1&&!q?(q=true,x?.()):S<1&&!a&&(q=false);}let _=Me(window,[H],Se,U,Y),fe=()=>_.hold(v||!V||j);fe();function Te(){if(V=true,M===void 0&&(M=r.duration),j){P(1),g?.();return}Y(),g?.(),v?P(te):fe();}r.readyState>=1?Te():r.addEventListener("loadedmetadata",Te,{once:true}),V||Y();let ge=j?()=>{}:ot(b=>{b&&(ge(),j=true,_.hold(true),P(1));});ve(r,{type:"video",getProgress:()=>te,getTrigger:()=>({tStart:A,tEnd:$})});function me(){v&&(v=false,fe());}return {destroy(){_.off(),r.removeEventListener("loadedmetadata",Te),ge(),Ee(r);},replay(){C=-1,N=0,q=false,te=0,h=NaN,P(0),me();},pause(){v=true,_.hold(true);},resume:me,seek(b){let S=Math.min(1,Math.max(0,b));te=S,C=S,N=0,v=true,_.hold(true),h=NaN,P(S);},getProgress(){return te}}}function or(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 at(e=""){let n=document.createElement("span");return n.setAttribute("aria-hidden","true"),n.textContent=e,n}function ir(e){let n=e.textContent??"";return e.textContent="",n.split(/(\s+)/).filter(Boolean).map(t=>{let r=e.appendChild(at(t)),o=/^\s+$/.test(t);return o?r.style.whiteSpace="pre":r.style.display="inline-block",o?null:r}).filter(t=>t!==null)}function Rr(e){let n=e.textContent??"";e.textContent="";let t=[],r=null;for(let o of n){let s=at(o),a=o===" ";a?s.style.whiteSpace="pre":(s.style.display="inline-block",t.push(s)),a||o>"\u0DFF"?r=null:r||(r=e.appendChild(at()),r.style.cssText="display:inline-block;white-space:nowrap"),(r??e).appendChild(s);}return t}function sr(e){let n=ir(e),t=new Map;for(let s of n){let a=s.offsetTop;t.has(a)||t.set(a,[]),t.get(a).push(s);}let r=[],o=Array.from(t.keys()).sort((s,a)=>s-a);for(let s of o){let a=t.get(s),u=at();u.style.display="inline-block",a.forEach((f,p)=>{let g=f.nextElementSibling;u.appendChild(f),p<a.length-1&&g&&g.style.whiteSpace==="pre"&&u.appendChild(g);}),r.push(u);}return e.textContent="",r.forEach((s,a)=>{e.appendChild(s),a<r.length-1&&e.appendChild(document.createTextNode(" "));}),r}function Vr(e,n,t,r){if(t<=1||r===0)return e;r=Math.min(r,1/t);let o=(t-1)*r,s=n*r,a=s+(1-o);return a<=s?e>=s?1:0:Qe((e-s)/(a-s),0,1)}function Fr(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 vt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Et(e,n={}){if(typeof window>"u")return vt;let t=typeof e=="string"?document.querySelector(e):e;if(!t)return ae("scrollText: element not found:",e),vt;let r=t;return Re(n,(o,s)=>_r(r,o,s))}function _r(e,n,t){let{split:r="words",stagger:o=.04,easing:s="ease-out",from:a={opacity:0,y:24},trigger:u={},once:f=true,onComplete:p}=n,g=typeof s=="function"?s:ee[s]??ee["ease-out"],x=ie(u.start||"top 85%"),y=ie(u.end||"top 40%"),H=e.innerHTML,j=e.textContent??"",w;r==="chars"?w=Rr(e):r==="lines"?w=sr(e):w=ir(e),or(e,j);let D=w.length;function ue(E,Y){a?.opacity!==void 0&&(E.style.opacity=String(a.opacity+(1-a.opacity)*Y));let h=Fr(Y,a);h&&(E.style.transform=h);}function I(E){e.style.setProperty("--scroll-draw-progress",String(E)),w.forEach((Y,h)=>{let P=g(Vr(E,h,D,o));ue(Y,P);});}if(t)return I(1),p?.(),{...vt,destroy:()=>{e.innerHTML=H;},getProgress:()=>1};I(0);let M=0,A=0,$=-1,v=0,C=false;function N(){({tStart:M,tEnd:A}=we(e.getBoundingClientRect(),window.scrollY,window.innerHeight,x,y));}let te=()=>B(window.scrollY,M,A,1);function q(){let E=f?$=Math.max($,te()):te();v=E,I(E),E>=1&&!C?(C=true,p?.()):E<1&&!f&&(C=false);}N();let V=Me(window,[e],te,q,()=>{r==="lines"&&(e.innerHTML=H,w=sr(e),or(e,j),I(v)),N();});ve(e,{type:"text",getProgress:()=>v,getTrigger:()=>({tStart:M,tEnd:A})});let R=()=>V.hold(false);return {destroy(){V.off(),e.innerHTML=H,Ee(e);},replay(){$=-1,C=false,v=0,I(0),R();},pause:()=>V.hold(true),resume:R,seek(E){V.hold(true),I(v=$=Qe(E,0,1));},getProgress(){return v}}}function Le(e,n){let t,r,o,s;return solidJs.createEffect(()=>{s=typeof e=="function"?e():e;let a=Xt(s);!t||a===o||(o=a,solidJs.untrack(()=>{r?.destroy(),r=n(t,Kt(s,()=>s));}));}),solidJs.onCleanup(()=>{r?.destroy(),r=o=void 0;}),{ref:a=>{t=a;},getInstance:()=>r}}function ao(e={}){return Le(e,gt).ref}function lo(e={}){return Le(e,gt)}function co(e){return Le(e,yt).ref}function uo(e){return Le(e,yt)}function fo(e){return Le(e,bt).ref}function mo(e){return Le(e,bt)}function po(e={}){return Le(e,wt).ref}function go(e={}){return Le(e,wt)}function yo(e={}){return Le(e,Et).ref}function ho(e={}){return Le(e,Et)}exports.createScrollAnimate=uo;exports.createScrollCounter=mo;exports.createScrollDraw=lo;exports.createScrollText=ho;exports.createScrollVideo=go;exports.useScrollAnimate=co;exports.useScrollCounter=fo;exports.useScrollDraw=ao;exports.useScrollText=yo;exports.useScrollVideo=po;
+'use strict';var solidJs=require('solid-js');var Ke=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function $(e,...n){Ke&&console.warn(`[svg-scroll-draw] ${e}`,...n);}function Tr({tension:e=2.5,friction:n=2.2}={}){return t=>1-Math.cos(t*Math.PI*e)*Math.pow(1-t,n)}function xr({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),s=0,i=[];for(let g=0;g<t;g++){let w=Math.pow(o,g);i.push(w),s+=w;}let l=[0],m=0;for(let g=0;g<t;g++)m+=i[g]/s,l.push(m);return g=>{if(g<=0)return 0;if(g>=1)return 1;for(let w=0;w<t;w++)if(g<=l[w+1]){let P=(g-l[w])/(l[w+1]-l[w]);if(w===0)return P*(2-P);let S=1-Math.pow(r,w);return S+(1-S)*(2*P-1)*(2*P-1)}return 1}}function Lr({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 s=>s<=0?0:s>=1?1:t*Math.pow(2,-10*s)*Math.sin((s-o)*(2*Math.PI)/r)+1}var Xe={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:Tr(),bounce:xr(),elastic:Lr()};function Ar(e,n,t,r){let o=(s,i,l)=>((1+3*s-3*i)*l+3*i-6*s)*l*l+3*s*l;return s=>{if(s<=0||s>=1)return +(s>0);let i=s;for(let l=0;l<8;l++)i-=(o(e,t,i)-s)/((3*(1+3*e-3*t)*i+6*t-12*e)*i+3*e);if(!(i>=0&&i<=1&&Math.abs(o(e,t,i)-s)<1e-9))for(let l=0,m=0,g=1;l<30;l++)i=(m+g)/2,o(e,t,i)<s?m=i:g=i;return o(n,r,i)}}function Et(e){let n=/^cubic-bezier\((.*)\)$/.exec(e==="ease"?"cubic-bezier(.25,.1,.25,1)":e.trim()),t=n?n[1].split(",").map(parseFloat):[];if(t.length===4&&t.every(Number.isFinite)&&t[0]*(1-t[0])>=0&&t[2]*(1-t[2])>=0)return [Ar(t[0],t[1],t[2],t[3]),`cubic-bezier(${t})`]}var _t=new Set;function Re(e,n="linear"){if(typeof e=="function")return e;if(e==null)return Xe[n];if({}.hasOwnProperty.call(Xe,e))return Xe[e];let t=Et(String(e));return t?t[0]:(!_t.has(e)&&_t.add(e)&&$(`Unknown easing ${JSON.stringify(e)}: use a name, cubic-bezier() or a function.`),Xe[n])}function rt(e,n,t){return Math.min(t,Math.max(n,e))}function ae(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}}var Gt=(e,n)=>e==="top"?0:e==="center"?.5:e==="bottom"?1:n;function zt(e,n,t,r){return e+t+n*Gt(r,0)}function Wt(e,n){return n*(/^\d+(\.\d+)?%$/.test(e)?parseFloat(e)/100:Gt(e,1))}function Y(e,n,t,r){return t===n?0:rt((e-n)/(t-n)*r,0,1)}function Le(e,n,t,r,o){let s=zt(e.top,e.height,n,r.element)-Wt(r.viewport,t),i=zt(e.top,e.height,n,o.element)-Wt(o.viewport,t);return {tStart:s,tEnd:i}}function lt(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.clientLeft+n.scrollLeft:r.top-n.getBoundingClientRect().top-n.clientTop+n.scrollTop,height:o,scroll:0}:{top:t==="x"?r.left:r.top,height:o,scroll:t==="x"?window.scrollX:window.scrollY}}function ct(e){let n=parseFloat(e.getAttribute("pathLength")??"");if(n>0)return n;let t=e.tagName.toLowerCase();if(t==="rect"){let r=parseFloat(e.getAttribute("width")??"0"),o=parseFloat(e.getAttribute("height")??"0");return 2*(r+o)}if(t==="circle"){let r=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*r}return e.getTotalLength()}function ut(e){return `${e} ${e*2}`}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 ft(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 qt={sketch:{easing:"ease-in",stagger:.1,speed:.9,fade:false},reveal:{easing:"ease-out",fade:true,speed:1.2,once:true},typewriter:{easing:"linear",stagger:.05,speed:1.5},cinematic:{easing:"ease-in-out",fade:true,speed:.75},spring:{easing:"spring",speed:1.1}};var Cr="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",Pr="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",jt=33;function Or(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function $r(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 mt(e){switch(e){case "linear":return "linear";case "ease-in":return Cr;case "ease-out":return Pr;case "ease-in-out":return Or()?$r(Xe["ease-in-out"]):null;default:return Et(e)?.[1]??null}}var Ut=Symbol.for("svg-scroll-draw.registry");function Yt(){let e=globalThis;return e[Ut]||(e[Ut]=new Map)}function Oe(e,n){Yt().set(e,n);}function $e(e){Yt().delete(e);}function Je(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 qe(e,n){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return n(e,true);let t=n(e,false),r=Je(s=>{if(!s)return;r();let i=(t.getProgress?.()??0)>=1;t.destroy(),t=n(i?{...e,onComplete:void 0}:e,true);}),o={};for(let s of Object.keys(t))o[s]=(...i)=>t[s]?.(...i);return o.destroy=()=>{r(),t.destroy();},o}var nt,pt=new Set,dt=new WeakMap,ot=new Map,Qt=e=>{let n=e.getBoundingClientRect();return n.width+" "+n.height};function kr(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 Kt(e,n){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let t=()=>n();nt??(nt=new ResizeObserver(o=>{let s=false;for(let{target:i}of o)dt.get(i)!==Qt(i)&&(s=true),dt.set(i,"");s&&pt.forEach(i=>i());})),pt.add(t);let r=kr(e);return [document.body,document.documentElement].forEach(o=>o&&r.add(o)),r.forEach(o=>{dt.has(o)||dt.set(o,Qt(o)),ot.set(o,(ot.get(o)??0)+1),nt.observe(o);}),()=>{pt.delete(t)&&(r.forEach(o=>{let s=(ot.get(o)??1)-1;if(s)return void ot.set(o,s);ot.delete(o),nt?.unobserve(o);}),pt.size||(nt?.disconnect(),nt=void 0));}}function De(e,n,t,r,o){let s,i=NaN,l,m,g=()=>{s=0,r(),!l&&!s&&(i=t())>0&&i<1&&(s=requestAnimationFrame(g));},w=()=>{!s&&!l&&t()!==i&&(s=requestAnimationFrame(g));},P=z=>{l=z,cancelAnimationFrame(s),s=i=NaN,w();},S=()=>{clearTimeout(m),o(),w();},G=()=>{clearTimeout(m),m=setTimeout(S,150);},Q=Kt(n,G),v=z=>{e[z]("scroll",w,{passive:true}),window[z]("resize",G),window[z]("orientationchange",G);};return v("addEventListener"),w(),{hold:P,remeasure:S,off(){P(true),v("removeEventListener"),Q(),clearTimeout(m);}}}var Fr=0;function Hr(){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 Jt=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function Ir(e){if(!Ke)return;let n=Xt(e,"stroke");if(!n||n==="none"){$("Element has no stroke \u2014 path will not be visible.",e);return}let t=(e.getAttribute("fill")??"").trim();t&&!Jt.has(t)&&!Jt.has(Xt(e,"fill"))&&$("Element has a fill \u2014 it may obscure the stroke animation.",e);}function Rr(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 s=t==="x"?window.scrollX:window.scrollY,i=e-s,l=n-s,m=t==="x";r.innerHTML=`
+      <div style="position:absolute;${m?`left:${i}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${i}px;left:0;right:0;border-top:2px dashed #22c55e;`}padding:2px 6px;color:#22c55e;background:rgba(0,0,0,.6)">\u25B6 start</div>
+      <div style="position:absolute;${m?`left:${l}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${l}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,er=/[MmLlHhVvCcSsQqTtAaZz]/g;function Dr(e,n,t){if(!Ke)return;let r=(e.match(er)??[]).join("").toUpperCase(),o=(n.match(er)??[]).join("").toUpperCase(),s=(e.match(Zt)??[]).length,i=(n.match(Zt)??[]).length;if(r!==o){$(`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}s!==i&&$(`morphTo: coordinate count differs (${s} \u2192 ${i}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,t);}function Nr(e,n,t){let r=(n.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let i=parseFloat(s),l=r[o++]??i;return String(+(i+(l-i)*t).toFixed(4))})}function St(e,n={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:qe(n,(t,r)=>Vr(e,t,r))}function Vr(e,n,t){let{preset:r,...o}=n,s=r?{...qt[r],...o}:o,{selector:i="path, polyline, line, polygon, rect, circle",speed:l=1,fade:m=false,easing:g="linear",trigger:w={},stagger:P=0,direction:S="forward",once:G=false,debug:Q=false,axis:v="y",scrollContainer:z,autoReverse:Z=false,delay:O=0,strokeColor:C,strokeWidth:L,fillOpacity:k,waypoints:h,velocityScale:F=false,threshold:W=0,rootMargin:se="0px",repeat:K=0,repeatDelay:V=0,morphTo:R,clip:M,autoplay:X=false,duration:E=1e3,native:A=true,onProgress:he,onStart:D,onComplete:q,onEnter:ue,onLeave:Ee,onEnterBack:fe,onLeaveBack:ie}=s,T=M===true?"left":typeof M=="string"?M:false,x=Re(g),re=ae(w.start||"top bottom"),ke=ae(w.end||"bottom top"),J=typeof z=="string"?document.querySelector(z):z??null,Fe=Array.isArray(C)?C[0]:null,Se=Array.isArray(C)?C[1]:typeof C=="string"?C:null,ye=Array.isArray(L)?L[0]:null,_e=Array.isArray(L)?L[1]:typeof L=="number"?L:null,He=Array.isArray(k)?k[0]:null,Me=Array.isArray(k)?k[1]:typeof k=="number"?k:null;function Ae(a){let f=a*100;switch(T){case "right":return `inset(0 0 0 ${100-f}%)`;case "top":return `inset(0 0 ${100-f}% 0)`;case "bottom":return `inset(${100-f}% 0 0 0)`;case "center":return `circle(${a*150}% at 50% 50%)`;default:return `inset(0 ${100-f}% 0 0)`}}let c=T?[]:Array.from(e.querySelectorAll(i)),d=[],ne=[],H=0,_=0,B=P,j=0,Ne=0,oe=false,Ie=false,be=0,Ye=-1,je=[],Ue=-1,me=false,u=0,p=0,b,le=false,we=null;function ze(){we?.destroy(),we=null;}let Ce=new Set,We=NaN,Ge=true,it=-1,Pt=performance.now(),Qe=NaN;function at(){return J?v==="x"?J.scrollLeft:J.scrollTop:v==="x"?window.scrollX:window.scrollY}function Ot(){return J?v==="x"?J.clientWidth:J.clientHeight:v==="x"?window.innerWidth:window.innerHeight}function $t(){let a=lt(e,J,v);return Le(a,a.scroll,Ot(),re,ke)}function yr(){let a=_-H,f=c.length-1,y=J??document.documentElement,N=v==="x"?"Width":"Height";if(B=P,P>0&&f>0&&a>0){let pe=y[`scroll${N}`]-y[`client${N}`]-1-H-a/l;pe>=0&&(B=Math.min(P,pe/(f*a)));}let ce=Math.max(0,f)*B*a,Te=a/Math.min(l,1);j=H+Math.min(0,ce,Te,ce+Te),Ne=H+Math.max(0,ce,Te,ce+Te);}function kt(){(({tStart:H,tEnd:_}=$t())),yr(),Q&&Ke&&(ze(),we=Rr(H,_,v));}function yt(a,f=$t){Oe(e,{type:"draw",getProgress:()=>a.getProgress(),getTrigger:f});let y=a.destroy;return a.destroy=()=>{y.call(a),$e(e);},a}function Ft(a,f){return G&&!Z?Math.max(Ye,x(je[a]=Math.max(je[a]??0,f))):x(f)}function br(a,f){if(e.style.setProperty("--scroll-draw-progress",String(a)),T){let y=f==="reverse"?1-a:a;e.style.clipPath=Ae(y);return}c.forEach((y,N)=>bt(y,N,a,f));}function bt(a,f,y,N){a.style.strokeDashoffset=N==="reverse"?`${d[f]*y}`:`${d[f]*(1-y)}`,m&&(a.style.opacity=N==="reverse"?`${1-y}`:`${y}`),Fe&&Se?a.style.stroke=ft(Fe,Se,y):Se&&(a.style.stroke=Se),ye!==null&&_e!==null?a.style.strokeWidth=`${ye+(_e-ye)*y}`:_e!==null&&(a.style.strokeWidth=`${_e}`),He!==null&&Me!==null?a.style.fillOpacity=`${He+(Me-He)*y}`:Me!==null&&(a.style.fillOpacity=`${Me}`),R&&a.tagName.toLowerCase()==="path"&&ne[f]&&a.setAttribute("d",Nr(ne[f],R,y));}function wt(){if(e.style.setProperty("--scroll-draw-progress","0"),T){e.style.clipPath=Ae(S==="reverse"?1:0);return}c.forEach((a,f)=>{a.style.strokeDasharray=ut(d[f]),a.style.strokeDashoffset=S==="reverse"?"0":`${d[f]}`,m?a.style.opacity=S==="reverse"?"1":"0":a.style.opacity="",Fe&&(a.style.stroke=Fe),ye!==null&&(a.style.strokeWidth=`${ye}`),He!==null&&(a.style.fillOpacity=`${He}`),R&&a.tagName.toLowerCase()==="path"&&ne[f]&&a.setAttribute("d",ne[f]);});}function Ze(a,f){let y=a.getAttribute("d"),N=ct(a);if(R&&ne[f]){a.setAttribute("d",R);let ce=ct(a);a.setAttribute("d",ne[f]),N=Math.max(ct(a),ce),a.setAttribute("d",y);}d[f]=N,a.style.strokeDasharray=ut(N);}if(c.forEach((a,f)=>{Ir(a);let y=a.tagName.toLowerCase()==="path";y?ne.push(a.getAttribute("d")??""):ne.push(""),Ze(a,f);let N=d[f];R&&(y?Dr(ne[ne.length-1],R,a):$(`morphTo only applies to <path> elements \u2014 ignored on <${a.tagName}>.`,a)),t?(a.style.strokeDashoffset=S==="reverse"?`${N}`:"0",m&&(a.style.opacity="1"),Se&&(a.style.stroke=Se),_e!==null&&(a.style.strokeWidth=`${_e}`),Me!==null&&(a.style.fillOpacity=`${Me}`),R&&a.tagName.toLowerCase()==="path"&&a.setAttribute("d",R)):(a.style.strokeDashoffset=S==="reverse"?"0":`${N}`,m?a.style.opacity=S==="reverse"?"1":"0":a.style.opacity="",Fe&&(a.style.stroke=Fe),ye!==null&&(a.style.strokeWidth=`${ye}`),He!==null&&(a.style.fillOpacity=`${He}`));}),t)return T&&(e.style.clipPath=Ae(1)),q?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};T&&(e.style.clipPath=Ae(S==="reverse"?1:0));let Ht=typeof g=="string"?mt(g):null;function wr(){return !(A===false||X||Q&&Ke||!Hr()||!c.length||!Ht||T||v!=="y"||J||l!==1||P!==0||G||Z||F!==false||R||h||K||O>0||he||D||q||ue||Ee||fe||ie||C!=null||L!=null||k!=null||(w.start||"top bottom").trim()!=="top bottom"||(w.end||"bottom top").trim()!=="bottom top")}function vr(){let a=++Fr,f=`svg-scroll-draw-${a}`,y=`svg-scroll-draw-host-${a}`,N=`--svg-scroll-draw-${a}`,ce=S==="reverse"?"0":"var(--ssd-len)",Te=S==="reverse"?"var(--ssd-len)":"0",pe=`stroke-dashoffset:${ce};`,ee=`stroke-dashoffset:${Te};`;m&&(pe+=`opacity:${S==="reverse"?1:0};`,ee+=`opacity:${S==="reverse"?0:1};`);let te=document.createElement("style");te.setAttribute("data-svg-scroll-draw",""),te.textContent=`@keyframes ${f}{from{${pe}}to{${ee}}}.${y}{view-timeline-name:${N};view-timeline-axis:block;}.${f}{animation-name:${f};animation-duration:auto;animation-timing-function:${Ht};animation-fill-mode:both;animation-timeline:${N};animation-range:cover 0% cover 100%;}`,document.head.appendChild(te),e.classList.add(y);function ve(I,U){I.style.setProperty("--ssd-len",String(d[U])),I.style.strokeDasharray=ut(d[U]),I.style.strokeDashoffset="",I.style.opacity="",I.style.animationPlayState="",I.classList.add(f);}c.forEach(ve);let de=false,xe=-1;function Pe(){if(xe>=0)return xe;let I=e.getBoundingClientRect(),{tStart:U,tEnd:ge}=Le({top:I.top,height:I.height},at(),Ot(),re,ke);return x(Y(at(),U,ge,l))}return {destroy(){e.classList.remove(y),c.forEach(I=>{I.classList.remove(f),I.style.removeProperty("--ssd-len"),I.style.animationPlayState="";}),te.remove();},replay(){de=false,xe=-1,c.forEach(ve);},pause(){de=true,c.forEach(I=>{I.style.animationPlayState="paused";});},resume(){de&&(de=false,c.forEach(I=>{I.style.animationPlayState="running";}));},seek(I){let U=Math.min(1,Math.max(0,I));xe=U,de=true,c.forEach((ge,Be)=>{ge.classList.remove(f),ge.style.strokeDashoffset=S==="reverse"?`${d[Be]*U}`:`${d[Be]*(1-U)}`,m&&(ge.style.opacity=S==="reverse"?`${1-U}`:`${U}`);});},getProgress(){return Pe()},refresh(){c.forEach((I,U)=>{Ze(I,U),I.style.setProperty("--ssd-len",String(d[U]));});}}}if(wr())return yt(vr());function Er(){let a=Math.max(1,E),f=T?a:a*(1+Math.max(0,c.length-1)*P),y=0,N=0,ce=false;function Te(xe){let Pe=true,I=Math.min(1,Math.max(0,xe/f));if(T){let U=Math.min(1,Math.max(0,xe/a)),ge=x(U);u=ge,e.style.setProperty("--scroll-draw-progress",String(ge)),e.style.clipPath=Ae(S==="reverse"?1-ge:ge),he?.(ge),U<1&&(Pe=false);}else {c.forEach((ge,Be)=>{let Mr=Be*P*a,Vt=Math.min(1,Math.max(0,(xe-Mr)/a));bt(ge,Be,x(Vt),S),Vt<1&&(Pe=false);});let U=x(I);u=U,he?.(U),e.style.setProperty("--scroll-draw-progress",String(U));}if(h){let U=x(I);for(let ge in h){let Be=parseFloat(ge);U>=Be&&!Ce.has(Be)&&(Ce.add(Be),h[ge]?.());}}return Pe}function pe(xe){if(me)return;let Pe=xe-y;Ie||(Ie=true,D?.());let I=Te(Pe);if(I&&!oe){oe=true,Te(f),q?.(),p<(K==="infinite"?1/0:K??0)&&(p++,b=setTimeout(()=>{y=performance.now(),Ie=false,oe=false,Ce.clear(),wt(),be=requestAnimationFrame(pe);},V));return}I||(be=requestAnimationFrame(pe));}function ee(){cancelAnimationFrame(be),clearTimeout(b),y=performance.now(),N=0,me=false,Ie=false,oe=false,p=0,ce=true,u=0,Ce.clear(),wt(),be=requestAnimationFrame(pe);}let te=new IntersectionObserver(xe=>{xe.forEach(Pe=>{Pe.isIntersecting&&!(G&&oe)?ee():!Pe.isIntersecting&&!G&&!oe&&(cancelAnimationFrame(be),clearTimeout(b),ce=false);});},{root:J??null,threshold:W,rootMargin:se}),ve;function de(){clearTimeout(ve),ve=setTimeout(()=>c.forEach(Ze),150);}return window.addEventListener("resize",de),window.addEventListener("orientationchange",de),O>0?setTimeout(()=>te.observe(e),O):te.observe(e),{destroy(){cancelAnimationFrame(be),clearTimeout(b),te.disconnect(),window.removeEventListener("resize",de),window.removeEventListener("orientationchange",de),clearTimeout(ve);},replay(){p=0,ee();},pause(){me||!ce||(me=true,N=performance.now()-y,cancelAnimationFrame(be));},resume(){me&&(me=false,ce=true,y=performance.now()-N,be=requestAnimationFrame(pe));},seek(xe){let Pe=Math.min(1,Math.max(0,xe));u=Pe,me=true,N=Pe*f,y=performance.now()-N,cancelAnimationFrame(be),Te(N);},getProgress(){return u},refresh(){clearTimeout(ve),c.forEach(Ze);}}}if(X)return yt(Er());kt();let It=()=>Y(at(),j,Ne,1);function Rt(){oe=true,q?.(),p<(K==="infinite"?1/0:K)&&(p++,b=setTimeout(()=>{le=true;},V));}function Dt(){Ye=-1,je=[],Ie=false,oe=false,le=false,Ce.clear(),wt(),Ge=true;}function Sr(){let a=performance.now(),f=at();if(le&&It()%1&&Dt(),!Ge&&F===false&&f===We)return;Ge=false,We=f;let y=l;if(F!==false){let ee=a-Pt,te=ee>0?Math.abs(f-(it<0?f:it))/ee:0;y=l*Math.max(.2,1+te*(typeof F=="number"?F:1)*.04);}it=f,Pt=a;let N=Z?Ue===-1||f>=Ue?"forward":"reverse":S;Ue=f;let ce=_-H,Te=true,pe=ce===0?0:(f-H)/ce;if(isNaN(Qe)||(Qe<=0&&pe>0&&ue?.(),Qe<1&&pe>=1&&Ee?.(),Qe>=1&&pe<1&&fe?.(),Qe>0&&pe<=0&&ie?.()),Qe=pe,T){let ee=Ft(0,Y(f,H,_,y));u=ee,e.style.setProperty("--scroll-draw-progress",String(ee));let te=N==="reverse"?1-ee:ee;e.style.clipPath=Ae(te),he?.(ee),!Ie&&Y(f,H,_,y)>0&&(Ie=true,D?.()),ee>=1&&!oe?Rt():ee<1&&!G&&(oe=false);return}if(c.forEach((ee,te)=>{let ve=te*B*ce,de=Ft(te,Y(f,H+ve,_+ve,y));bt(ee,te,de,N),te===0&&(u=de,he?.(de),e.style.setProperty("--scroll-draw-progress",String(de))),de<1&&(Te=false);}),h){let ee=x(Y(f,H,_,y));for(let te in h){let ve=parseFloat(te);ee>=ve&&!Ce.has(ve)&&(Ce.add(ve),h[te]?.());}}!Ie&&Y(f,H,_,y)>0&&(Ie=true,D?.()),Te&&!oe?Rt():!Te&&!G&&(oe=false);}let et=De(J??window,[e],It,Sr,()=>{let a=d.join();c.forEach(Ze),kt(),Ge=true,d.join()!==a&&tt();}),vt=O>0;function tt(){et.hold(me||vt);}let Nt;return vt&&(Nt=setTimeout(()=>{vt=false,tt();},O)),tt(),yt({destroy(){clearTimeout(b),clearTimeout(Nt),et.off(),ze();},replay(){Dt(),Ue=-1,it=-1,p=0,me=false,u=0,clearTimeout(b),tt();},pause(){me=true,et.hold(true);},resume(){me&&(me=false,Ge=true,tt());},seek(a){let f=Math.min(1,Math.max(0,a));u=f,Ye=f,je=[],me=true,et.hold(true),br(f,S),Ge=true;},getProgress(){return u},refresh:et.remeasure},()=>({tStart:H,tEnd:_}))}var tr=new WeakMap,_r=0;function st(e){return JSON.stringify(e,(n,t)=>{if(typeof t=="function")return "\u0192";if(typeof Element<"u"&&t instanceof Element){let r=tr.get(t);return r===void 0&&tr.set(t,r=++_r),`el#${r}`}return t})}function rr(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 zr(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function nr(e){let n=[],t=/([\w]+)\(([^)]*)\)/g,r;for(;(r=t.exec(e))!==null;){let o=[],s=[],i=r[2].trim();if(i)for(let l of i.split(/[\s,]+/)){let m=l.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(m?parseFloat(m[1]):0),s.push(m?m[2]:"");}n.push({fn:r[1],nums:o,units:s});}return n}function Wr(e,n,t){let r=nr(e),o=nr(n);return r.length===0||r.length!==o.length?t<1?e:n:r.map((s,i)=>{let l=o[i];return s.fn!==l.fn||s.nums.length!==l.nums.length?t<1?`${s.fn}(${s.nums.map((m,g)=>`${m}${s.units[g]}`).join(", ")})`:`${l.fn}(${l.nums.map((m,g)=>`${m}${l.units[g]}`).join(", ")})`:`${s.fn}(${s.nums.map((m,g)=>`${m+(l.nums[g]-m)*t}${s.units[g]}`).join(", ")})`}).join(" ")}function or(e,n,t){if(typeof e=="number"&&typeof n=="number")return String(e+(n-e)*t);let r=String(e),o=String(n);if(zr(r))return ft(r,o,t);if(r.includes("("))return Wr(r,o,t);let s=r.match(/^([-+]?[\d.]+)(.*)$/),i=o.match(/^([-+]?[\d.]+)(.*)$/);if(s&&i){let l=parseFloat(s[1]),m=parseFloat(i[1]);return `${l+(m-l)*t}${s[2]||i[2]}`}return t<1?r:o}function Gr(e){return e.replace(/([A-Z])/g,n=>`-${n.toLowerCase()}`)}var Br=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),qr=0,sr="--scroll-draw-progress";function jr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var ar={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Mt(e,n){return typeof window>"u"?ar:n.respectReducedMotion===false?ir(e,n,false):qe(n,(t,r)=>ir(e,t,r))}function ir(e,n,t){let{props:r,trigger:o={},easing:s="ease-out",speed:i=1,once:l=false,axis:m="y",scrollContainer:g,native:w=true,velocityScale:P=false,triggerElement:S,onProgress:G,onComplete:Q,onEnter:v,onLeave:z,onEnterBack:Z,onLeaveBack:O}=n,C=Re(s,"ease-out"),L=ae(o.start||"top bottom"),k=ae(o.end||"bottom top"),h=S??e,F=typeof g=="string"?document.querySelector(g):g??null,W=Object.entries(r).map(([c,d])=>({prop:Gr(c),from:Array.isArray(d)?d[0]:"",to:Array.isArray(d)?d[1]:d}));function se(){let c=window.getComputedStyle(e);for(let d of W)d.from===""&&(d.from=c.getPropertyValue(d.prop).trim()||"0");}function K(){for(let c of W)e.style.setProperty(c.prop,String(c.to));}let V=new Map;for(let c of [...W.map(d=>d.prop),sr])V.set(c,e.style.getPropertyValue(c));function R(){for(let[c,d]of V)d?e.style.setProperty(c,d):e.style.removeProperty(c);}if(t)return K(),Q?.(),{...ar,destroy:R,getProgress:()=>1};se();let M=()=>F?m==="x"?F.scrollLeft:F.scrollTop:m==="x"?window.scrollX:window.scrollY,X=()=>F?m==="x"?F.clientWidth:F.clientHeight:m==="x"?window.innerWidth:window.innerHeight,E=typeof s=="string"?mt(s):null;function A(){if(!w||!jr()||!E||m!=="y"||F||h!==e||l||i!==1||G||Q||v||z||Z||O||P!==false||(o.start||"top bottom").trim()!=="top bottom"||(o.end||"bottom top").trim()!=="bottom top")return  false;for(let c of W)if(!Br.has(c.prop))return  false;return  true}function he(){let c=`ssd-a-${++qr}`,d=W.map(j=>`${j.prop}:${j.from}`).join(";"),ne=W.map(j=>`${j.prop}:${j.to}`).join(";"),H=document.createElement("style");H.setAttribute("data-ssd-animate",""),H.textContent=`@keyframes ${c}{from{${d}}to{${ne}}}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${E};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(H),e.classList.add(c);let _=()=>{let j=e.getBoundingClientRect();return Le({top:j.top,height:j.height},M(),X(),L,k)};Oe(e,{type:"animate",getProgress:()=>B.getProgress(),getTrigger:_});let B={refresh(){},destroy(){e.classList.remove(c),H.remove(),e.style.animationPlayState="",R(),$e(e);},replay(){e.classList.remove(c),e.offsetWidth,e.classList.add(c);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(j){let Ne=Math.min(1,Math.max(0,j));e.classList.remove(c);for(let oe of W)e.style.setProperty(oe.prop,or(oe.from,oe.to,Ne));},getProgress(){let{tStart:j,tEnd:Ne}=_();return C(Y(M(),j,Ne,i))}};return B}if(A())return he();let D=0,q=0,ue=false,Ee=-1,fe=0,ie=0,T=false,x=NaN,re=-1,ke=0,J=h===e?W:[],Fe=false;function Se(){let c=e.style,d=J.map(B=>c.getPropertyValue(B.prop)),ne=c.transition;J.length&&(c.transition="none"),J.forEach(B=>c.setProperty(B.prop,V.get(B.prop)??""));let H=lt(h,F,m);J.forEach((B,j)=>c.setProperty(B.prop,d[j])),J.length&&(e.offsetWidth,c.transition=ne);let _=Le(H,H.scroll,X(),L,k);Fe&&Math.abs(_.tStart-D)<1&&Math.abs(_.tEnd-q)<1||(Fe=true,D=_.tStart,q=_.tEnd);}function ye(c){e.style.setProperty(sr,String(c));for(let d of W)e.style.setProperty(d.prop,or(d.from,d.to,c));G?.(c);}function _e(c){if(isNaN(x)){x=c;return}x<=0&&c>0&&v?.(),x<1&&c>=1&&z?.(),x>=1&&c<1&&Z?.(),x>0&&c<=0&&O?.(),x=c;}function He(){if(ue)return;let c=performance.now(),d=M(),ne=i;if(P!==false){let j=c-ke,Ne=j>0?Math.abs(d-(re<0?d:re))/j:0;ne=i*Math.max(.2,1+Ne*(typeof P=="number"?P:1)*.04);}re=d,ke=c;let H=q===D?0:(d-D)/(q-D);_e(H);let _=Y(d,D,q,ne),B=l?Math.max(Ee,C(fe=Math.max(fe,_))):C(_);ie=B,ye(B),B>=1&&!T?(T=true,Q?.()):B<1&&!l&&(T=false);}let Me=De(F??window,[h],()=>Y(M(),D,q,Math.min(i,1)),He,Se);Se(),q===D&&$("scrollAnimate: zero-length trigger window, so it never animates. In a sticky stage, set triggerElement.",e),fe=Y(M(),D,q,i),ie=C(fe),ye(ie),Oe(e,{type:"animate",getProgress:()=>ie,getTrigger:()=>({tStart:D,tEnd:q})});function Ae(){ue=true,Me.hold(true);}return {destroy(){ue=true,Me.off(),R(),$e(e);},replay(){Ee=-1,fe=0,T=false,ie=0,ue=false,ye(0),Me.hold(false);},pause:Ae,resume(){ue&&(ue=false,Me.hold(false));},seek(c){let d=Math.min(1,Math.max(0,c));ie=d,Ee=d,fe=0,Ae(),ye(d);},getProgress(){return ie},refresh:Me.remeasure}}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?qe(n,(r,o)=>Ur(t,r,o)):($("scrollCounter: element not found:",e),Tt)}function Ur(e,n,t){let{from:r=0,to:o,format:s,easing:i="ease-out",trigger:l={},once:m=true,decimals:g,onComplete:w}=n,P=g!==void 0?E=>E.toFixed(g):s??(E=>String(Math.round(E))),S=Re(i,"ease-out"),G=ae(l.start||"top 80%"),Q=ae(l.end||"top 20%");if(t)return e.textContent=P(o),w?.(),{...Tt,getProgress:()=>1};let v=0,z=0,Z=false,O=-1,C=0,L=0,k=false,h=()=>window.scrollY,F=()=>window.innerHeight;function W(){let E=e.getBoundingClientRect(),A=Le({top:E.top,height:E.height},h(),F(),G,Q);Z&&Math.abs(A.tStart-v)<1&&Math.abs(A.tEnd-z)<1||(Z=true,v=A.tStart,z=A.tEnd);}let se=e.style.getPropertyValue("--scroll-draw-progress");function K(E){e.textContent=P(r+(o-r)*E),e.style.setProperty("--scroll-draw-progress",String(E));}let V=()=>Y(h(),v,z,1);function R(){let E=V(),A=m?Math.max(O,S(C=Math.max(C,E))):S(E);L=A,K(A),A>=1&&!k?(k=true,w?.()):A<1&&!m&&(k=false);}W();{C=Y(h(),v,z,1);let E=S(C);L=E,K(E);}let M=De(window,[e],V,R,W);Oe(e,{type:"counter",getProgress:()=>L,getTrigger:()=>({tStart:v,tEnd:z})});let X=()=>M.hold(false);return {destroy(){M.off(),e.style.setProperty("--scroll-draw-progress",se),$e(e);},replay(){O=-1,C=0,k=false,L=0,K(0),X();},pause:()=>M.hold(true),resume:X,seek(E){let A=Math.min(1,Math.max(0,E));L=A,O=A,C=0,M.hold(true),K(A);},getProgress(){return L}}}var lr={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Lt(e,n={}){if(typeof window>"u")return lr;let t=typeof e=="string"?document.querySelector(e):e;if(!t||t.tagName.toLowerCase()!=="video")return $("scrollVideo: <video> element not found:",e),lr;let r=t,{trigger:o={},easing:s="linear",once:i=false,axis:l="y",preload:m="auto",triggerElement:g,onReady:w,onComplete:P,onProgress:S}=n,G=g??r,Q=window.matchMedia("(prefers-reduced-motion: reduce)").matches,v=Re(s),z=ae(o.start||"top top"),Z=ae(o.end||"bottom top");r.pause(),r.hasAttribute("preload")||(r.preload=m);let O=n.from??0,C=n.to,L=0,k=0,h=false,F=-1,W=0,se=0,K=false,V=false,R=()=>l==="x"?window.scrollX:window.scrollY,M=()=>l==="x"?window.innerWidth:window.innerHeight;function X(){let T=G.getBoundingClientRect(),x=l==="x"?T.left:T.top,re=l==="x"?T.width:T.height,ke=Le({top:x,height:re},R(),M(),z,Z);L=ke.tStart,k=ke.tEnd,V&&k===L&&$("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",r);}let E=NaN;function A(T){if(!V)return;let x=C??r.duration??0,re=O+(x-O)*T;re!==E&&(E=re,r.currentTime=re),r.style.setProperty("--scroll-draw-progress",String(T)),S?.(T);}let he=()=>Y(R(),L,k,1);function D(){if(!V||Q)return;let T=he(),x=i?Math.max(F,v(W=Math.max(W,T))):v(T);se=x,A(x),x>=1&&!K?(K=true,P?.()):x<1&&!i&&(K=false);}let q=De(window,[G],he,D,X),ue=()=>q.hold(h||!V||Q);ue();function Ee(){if(V=true,C===void 0&&(C=r.duration),Q){A(1),w?.();return}X(),w?.(),h?A(se):ue();}r.readyState>=1?Ee():r.addEventListener("loadedmetadata",Ee,{once:true}),V||X();let fe=Q?()=>{}:Je(T=>{T&&(fe(),Q=true,q.hold(true),A(1));});Oe(r,{type:"video",getProgress:()=>se,getTrigger:()=>({tStart:L,tEnd:k})});function ie(){h&&(h=false,ue());}return {destroy(){q.off(),r.removeEventListener("loadedmetadata",Ee),fe(),$e(r);},replay(){F=-1,W=0,K=false,se=0,E=NaN,A(0),ie();},pause(){h=true,q.hold(true);},resume:ie,seek(T){let x=Math.min(1,Math.max(0,T));se=x,F=x,W=0,h=true,q.hold(true),E=NaN,A(x);},getProgress(){return se}}}var Yr=1e4;function cr(e){let{frames:n,count:t}=e;if(typeof n!="function")return st(e);let r=Number.isFinite(t)?Math.min(Math.max(Math.floor(t),0),Yr):0,o;try{o=Array.from({length:r},(s,i)=>n(i));}catch{o=["throws"];}return st({...e,frames:o})}function ur(e,n="<ScrollFrames>"){if(!e||e.getAttribute("aria-hidden")==="true")return;let t=e.getAttribute("role");t==="presentation"||t==="none"||e.getAttribute("aria-label")||e.getAttribute("aria-labelledby")||$(`${n}: the canvas has no aria-label. Say what the frames show, or set aria-hidden="true" if they are decoration.`,e);}var gt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Qr(e){let n=e>1?[0,e-1]:[0],t=[[0,e-1]];for(let r=0;r<t.length;r++){let[o,s]=t[r];if(s-o<2)continue;let i=o+s>>1;n.push(i),t.push([o,i],[i,s]);}return n}function fr(e,n){if(typeof window>"u")return gt;let t=typeof e=="string"?document.querySelector(e):e;if(!t||t.tagName.toLowerCase()!=="canvas")return $("scrollFrames: <canvas> element not found:",e),gt;let r=t,{frames:o,trigger:s={},easing:i="linear",once:l=false,axis:m="y",fit:g="cover",triggerElement:w,onReady:P,onLoad:S,onComplete:G,onProgress:Q}=n||{},v=Array.isArray(o)?o:null,z=n?.count,Z=Math.floor(v?Math.min(z??v.length,v.length):z??NaN);if(!(v||typeof o=="function")||!Number.isFinite(Z)||Z<1)return $("scrollFrames: no frames. Pass `frames` as an array of URLs, or a function with a finite `count` of 1 or more.",r),gt;let O=n.concurrency??6;(!Number.isFinite(O)||O<1)&&($("scrollFrames: `concurrency` must be a finite number of 1 or more; using 6.",n.concurrency),O=6),O=Math.floor(O);let C=r.getContext("2d");if(!C)return $("scrollFrames: the canvas has no 2D context.",r),gt;let L=Z-1,k=w??r,h=window.matchMedia("(prefers-reduced-motion: reduce)").matches,F=Re(i),W=u=>{let p=F(u);return p===p?p:0},se=ae(s.start||"top top"),K=ae(s.end||"bottom top"),V=0,R=0,M=false,X=-1,E=0,A=0,he=false,D=false,q=false,ue=false,Ee=0,fe=-1,ie=new Array(Z),T=new Uint8Array(Z),x=new Set,re=h?[L]:Qr(Z),ke=0,J=0,Fe=false,Se=(u,...p)=>{if(u)try{u(...p);}catch(b){typeof reportError=="function"?reportError(b):setTimeout(()=>{throw b});}},ye=false,_e=u=>{let p;try{p=v?v[u]:o(u);}catch(b){p=b;}return typeof p=="string"&&p?p:(ye||(ye=true,$(`scrollFrames: no URL for frame ${u}; it is skipped for its nearest neighbour.`,p)),null)},He=()=>m==="x"?window.scrollX:window.scrollY,Me=()=>m==="x"?window.innerWidth:window.innerHeight;function Ae(){!Fe&&J===re.length&&(Fe=true,Se(S));}function c(){for(;!D&&x.size<O&&ke<re.length;){let u=re[ke++];T[u]||d(u);}}function d(u){T[u]=1;let p=_e(u);if(p===null){J++,queueMicrotask(()=>{D||Ae();});return}let b=new Image,le=false,we=ze=>{le||D||(le=true,b.onload=b.onerror=null,x.delete(b),ze?ie[u]=b:$("scrollFrames: a frame failed to load; its nearest neighbour shows instead:",p),J++,c(),_(),Ae());};x.add(b),b.decoding="async",b.onerror=()=>we(false),b.src=p,typeof b.decode=="function"?b.decode().then(()=>we(true),()=>{b.complete?we(b.naturalWidth>0):b.onload=()=>we(true);}):b.onload=()=>we(true);}function ne(u){for(let p=0;p<=L;p++){if(ie[u-p])return u-p;if(ie[u+p])return u+p}return  -1}function H(){let u=r.clientWidth,p=r.clientHeight;if(!u||!p)return;let b=Math.min(window.devicePixelRatio||1,2),le=Math.round(u*b),we=Math.round(p*b);if(Math.abs(r.width-le)<=1&&Math.abs(r.height-we)<=1)return;r.width=le,r.height=we,fe=-1;let ze=r.clientWidth,Ce=r.clientHeight;if(ze!==u||Ce!==p){let We=r.style;ze!==u&&Ce!==p?(We.width=`${u}px`,We.height=`${p}px`):We.aspectRatio=`${u} / ${p}`;}}function _(){let u=ne(Ee);if(u<0||u===fe)return;let p=ie[u],b=r.width,le=r.height,we=p.naturalWidth||b,ze=p.naturalHeight||le,Ce=(g==="contain"?Math.min:Math.max)(b/we,le/ze),We=we*Ce,Ge=ze*Ce;C.clearRect(0,0,b,le),C.drawImage(p,(b-We)/2,(le-Ge)/2,We,Ge),fe=u,q||(q=true,Se(P));}function B(u){Ee=Math.min(L,Math.max(0,Math.round(u*L))),r.style.setProperty("--scroll-draw-progress",String(u)),_(),Se(Q,u,Ee);}function j(){let u=k.getBoundingClientRect(),p=m==="x"?u.left:u.top,b=m==="x"?u.width:u.height,le=Le({top:p,height:b},He(),Me(),se,K);V=le.tStart,R=le.tEnd,R===V&&b>0&&!h&&!ue&&(ue=true,$("scrollFrames: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",r));}let Ne=()=>Y(He(),V,R,1);function oe(){if(h)return;let u=Ne(),p=l?Math.max(X,W(E=Math.max(E,u))):W(u);A=p,B(p),p>=1&&!he?(he=true,Se(G)):p<1&&!l&&(he=false);}function Ie(){A=1,B(1);}H(),h||j();let be=De(window,[k],Ne,oe,()=>{H(),h||j(),_();}),Ye=()=>be.hold(M||h);Ye(),h&&Ie(),c();let je=typeof ResizeObserver=="function"?new ResizeObserver(()=>{H(),_();}):null;je?.observe(r);let Ue=h?()=>{}:Je(u=>{u&&(Ue(),h=true,be.hold(true),re=re.slice(0,ke),T[L]||re.push(L),Ae(),Ie(),c());});Oe(r,{type:"frames",getProgress:()=>A,getTrigger:()=>({tStart:V,tEnd:R})});function me(){D||!M||(M=false,Ye());}return {destroy(){if(!D){D=true,be.off(),je?.disconnect(),Ue();for(let u of x)u.onload=u.onerror=null,u.src="";x.clear(),$e(r);}},replay(){D||(X=-1,E=0,he=false,A=0,B(0),me());},pause(){D||(M=true,be.hold(true));},resume:me,seek(u){if(D)return;let p=Math.min(1,Math.max(0,u===u?u:0));A=p,X=p,E=0,M=true,be.hold(true),B(p);},getProgress(){return A}}}function mr(e,{triggerElement:n,...t},r){let o=n;return typeof n=="string"&&typeof document<"u"&&(o=document.querySelector(n),o||$(`scrollFrames: triggerElement "${n}" matches nothing; measuring the canvas.`)),fr(e,{...t,frames:r.frames,triggerElement:o??void 0})}function pr(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 ht(e=""){let n=document.createElement("span");return n.setAttribute("aria-hidden","true"),n.textContent=e,n}function gr(e){let n=e.textContent??"";return e.textContent="",n.split(/(\s+)/).filter(Boolean).map(t=>{let r=e.appendChild(ht(t)),o=/^\s+$/.test(t);return o?r.style.whiteSpace="pre":r.style.display="inline-block",o?null:r}).filter(t=>t!==null)}function Kr(e){let n=e.textContent??"";e.textContent="";let t=[],r=null;for(let o of n){let s=ht(o),i=o===" ";i?s.style.whiteSpace="pre":(s.style.display="inline-block",t.push(s)),i||o>"\u0DFF"?r=null:r||(r=e.appendChild(ht()),r.style.cssText="display:inline-block;white-space:nowrap"),(r??e).appendChild(s);}return t}function dr(e){let n=gr(e),t=new Map;for(let s of n){let i=s.offsetTop;t.has(i)||t.set(i,[]),t.get(i).push(s);}let r=[],o=Array.from(t.keys()).sort((s,i)=>s-i);for(let s of o){let i=t.get(s),l=ht();l.style.display="inline-block",i.forEach((m,g)=>{let w=m.nextElementSibling;l.appendChild(m),g<i.length-1&&w&&w.style.whiteSpace==="pre"&&l.appendChild(w);}),r.push(l);}return e.textContent="",r.forEach((s,i)=>{e.appendChild(s),i<r.length-1&&e.appendChild(document.createTextNode(" "));}),r}function Xr(e,n,t,r){if(t<=1||r===0)return e;r=Math.min(r,1/t);let o=(t-1)*r,s=n*r,i=s+(1-o);return i<=s?e>=s?1:0:rt((e-s)/(i-s),0,1)}function Jr(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 At={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Ct(e,n={}){if(typeof window>"u")return At;let t=typeof e=="string"?document.querySelector(e):e;if(!t)return $("scrollText: element not found:",e),At;let r=t;return qe(n,(o,s)=>Zr(r,o,s))}function Zr(e,n,t){let{split:r="words",stagger:o=.04,easing:s="ease-out",from:i={opacity:0,y:24},trigger:l={},once:m=true,onComplete:g}=n,w=Re(s,"ease-out"),P=ae(l.start||"top 85%"),S=ae(l.end||"top 40%"),G=e.innerHTML,Q=e.textContent??"",v;r==="chars"?v=Kr(e):r==="lines"?v=dr(e):v=gr(e),pr(e,Q);let z=v.length;function Z(M,X){i?.opacity!==void 0&&(M.style.opacity=String(i.opacity+(1-i.opacity)*X));let E=Jr(X,i);E&&(M.style.transform=E);}function O(M){e.style.setProperty("--scroll-draw-progress",String(M)),v.forEach((X,E)=>{let A=w(Xr(M,E,z,o));Z(X,A);});}if(t)return O(1),g?.(),{...At,destroy:()=>{e.innerHTML=G;},getProgress:()=>1};O(0);let C=0,L=0,k=-1,h=0,F=false;function W(){({tStart:C,tEnd:L}=Le(e.getBoundingClientRect(),window.scrollY,window.innerHeight,P,S));}let se=()=>Y(window.scrollY,C,L,1);function K(){let M=m?k=Math.max(k,se()):se();h=M,O(M),M>=1&&!F?(F=true,g?.()):M<1&&!m&&(F=false);}W();let V=De(window,[e],se,K,()=>{r==="lines"&&(e.innerHTML=G,v=dr(e),pr(e,Q),O(h)),W();});Oe(e,{type:"text",getProgress:()=>h,getTrigger:()=>({tStart:C,tEnd:L})});let R=()=>V.hold(false);return {destroy(){V.off(),e.innerHTML=G,$e(e);},replay(){k=-1,F=false,h=0,O(0),R();},pause:()=>V.hold(true),resume:R,seek(M){V.hold(true),O(h=k=rt(M,0,1));},getProgress(){return h}}}function Ve(e,n,t=st){let r,o,s,i;return solidJs.createEffect(()=>{i=typeof e=="function"?e():e;let l=t(i);!r||l===s||(s=l,solidJs.untrack(()=>{o?.destroy(),o=n(r,rr(i,()=>i),i);}));}),solidJs.onCleanup(()=>{o?.destroy(),o=s=void 0;}),{ref:l=>{r=l;},getInstance:()=>o}}function Vo(e={}){return Ve(e,St).ref}function _o(e={}){return Ve(e,St)}function zo(e){return Ve(e,Mt).ref}function Wo(e){return Ve(e,Mt)}function Go(e){return Ve(e,xt).ref}function Bo(e){return Ve(e,xt)}function qo(e={}){return Ve(e,Lt).ref}function jo(e={}){return Ve(e,Lt)}function hr(e,n){let t=false;return Ve(e,(r,o,s)=>(t||ur(r,n),t=true,mr(r,o,s)),cr)}function Uo(e){return hr(e,"useScrollFrames").ref}function Yo(e){return hr(e,"createScrollFrames")}function Qo(e={}){return Ve(e,Ct).ref}function Ko(e={}){return Ve(e,Ct)}exports.createScrollAnimate=Wo;exports.createScrollCounter=Bo;exports.createScrollDraw=_o;exports.createScrollFrames=Yo;exports.createScrollText=Ko;exports.createScrollVideo=jo;exports.useScrollAnimate=zo;exports.useScrollCounter=Go;exports.useScrollDraw=Vo;exports.useScrollFrames=Uo;exports.useScrollText=Qo;exports.useScrollVideo=qo;

package/dist/solid/index.d.mts

@@ -1,7 +1,9 @@
-import { S as ScrollDrawInstance, a as ScrollDrawOptions } from '../types-9bcJdVcg.mjs';
-import { S as ScrollAnimateOptions } from '../engine-BLWKCfxC.mjs';
-import { S as ScrollCounterOptions } from '../index-DVjblK_4.mjs';
+import { F as FramesInput } from '../wrapper-BOHrDnBO.mjs';
+import { S as ScrollDrawInstance, a as ScrollDrawOptions } from '../types-iITMwrru.mjs';
+import { S as ScrollAnimateOptions } from '../engine-Bi2x8-X-.mjs';
+import { S as ScrollCounterOptions } from '../index-BMMZ8aW7.mjs';
 import { ScrollVideoOptions } from '../video/index.mjs';
+export { ScrollFramesOptions } from '../frames/index.mjs';
 import { ScrollTextOptions } from '../text/index.mjs';
 
 /** Options as a plain object, or an accessor that keeps them live. */
@@ -111,6 +113,40 @@ declare function createScrollVideo(options?: MaybeAccessor<ScrollVideoOptions>):
     ref: (node: HTMLVideoElement) => void;
     getInstance: () => ScrollDrawInstance | undefined;
 };
+/**
+ * SolidJS hook — scrub an image sequence on a <canvas> with the scroll
+ * (scrollFrames). The canvas is yours, so give it role="img" and an
+ * aria-label saying what the frames show; in development the hook warns when
+ * it has no name (unless it is aria-hidden="true" or role="presentation").
+ *
+ * Pass an accessor to keep the options live: a new film starts only when the
+ * URLs or another option changed, and callbacks are read live.
+ * `triggerElement` takes an element or a selector, found when the film starts.
+ *
+ * @example
+ * import { useScrollFrames } from 'svg-scroll-draw/solid';
+ *
+ * function Film() {
+ *   const ref = useScrollFrames({
+ *     frames: (i) => `/film/${i + 1}.jpg`, count: 120,
+ *     triggerElement: '#track', trigger: { start: 'top top', end: 'bottom bottom' },
+ *   });
+ *   return <canvas ref={ref} role="img" aria-label="The headphones turning" />;
+ * }
+ */
+declare function useScrollFrames(options: MaybeAccessor<FramesInput>): (node: HTMLCanvasElement) => void;
+/**
+ * Returns both the ref setter and a getter for the live film instance.
+ *
+ * @example
+ * const { ref, getInstance } = createScrollFrames(() => ({ frames: urls(), fit: 'contain' }));
+ * <canvas ref={ref} role="img" aria-label="The headphones turning" />
+ * <button onClick={() => getInstance()?.replay()}>Replay</button>
+ */
+declare function createScrollFrames(options: MaybeAccessor<FramesInput>): {
+    ref: (node: HTMLCanvasElement) => void;
+    getInstance: () => ScrollDrawInstance | undefined;
+};
 /**
  * SolidJS hook — split text and stagger-animate each piece on scroll.
  *
@@ -136,4 +172,4 @@ declare function createScrollText(options?: MaybeAccessor<ScrollTextOptions>): {
     getInstance: () => ScrollDrawInstance | undefined;
 };
 
-export { type MaybeAccessor, ScrollAnimateOptions, ScrollCounterOptions, ScrollDrawOptions, ScrollTextOptions, ScrollVideoOptions, createScrollAnimate, createScrollCounter, createScrollDraw, createScrollText, createScrollVideo, useScrollAnimate, useScrollCounter, useScrollDraw, useScrollText, useScrollVideo };
+export { type MaybeAccessor, ScrollAnimateOptions, ScrollCounterOptions, ScrollDrawOptions, ScrollTextOptions, ScrollVideoOptions, createScrollAnimate, createScrollCounter, createScrollDraw, createScrollFrames, createScrollText, createScrollVideo, useScrollAnimate, useScrollCounter, useScrollDraw, useScrollFrames, useScrollText, useScrollVideo };

package/dist/solid/index.d.ts

@@ -1,7 +1,9 @@
-import { S as ScrollDrawInstance, a as ScrollDrawOptions } from '../types-9bcJdVcg.js';
-import { S as ScrollAnimateOptions } from '../engine-6VsjEwzb.js';
-import { S as ScrollCounterOptions } from '../index-BN8yKeQ3.js';
+import { F as FramesInput } from '../wrapper-Cm7JTIVl.js';
+import { S as ScrollDrawInstance, a as ScrollDrawOptions } from '../types-iITMwrru.js';
+import { S as ScrollAnimateOptions } from '../engine-DAlvk6i0.js';
+import { S as ScrollCounterOptions } from '../index-MdQ4ti_z.js';
 import { ScrollVideoOptions } from '../video/index.js';
+export { ScrollFramesOptions } from '../frames/index.js';
 import { ScrollTextOptions } from '../text/index.js';
 
 /** Options as a plain object, or an accessor that keeps them live. */
@@ -111,6 +113,40 @@ declare function createScrollVideo(options?: MaybeAccessor<ScrollVideoOptions>):
     ref: (node: HTMLVideoElement) => void;
     getInstance: () => ScrollDrawInstance | undefined;
 };
+/**
+ * SolidJS hook — scrub an image sequence on a <canvas> with the scroll
+ * (scrollFrames). The canvas is yours, so give it role="img" and an
+ * aria-label saying what the frames show; in development the hook warns when
+ * it has no name (unless it is aria-hidden="true" or role="presentation").
+ *
+ * Pass an accessor to keep the options live: a new film starts only when the
+ * URLs or another option changed, and callbacks are read live.
+ * `triggerElement` takes an element or a selector, found when the film starts.
+ *
+ * @example
+ * import { useScrollFrames } from 'svg-scroll-draw/solid';
+ *
+ * function Film() {
+ *   const ref = useScrollFrames({
+ *     frames: (i) => `/film/${i + 1}.jpg`, count: 120,
+ *     triggerElement: '#track', trigger: { start: 'top top', end: 'bottom bottom' },
+ *   });
+ *   return <canvas ref={ref} role="img" aria-label="The headphones turning" />;
+ * }
+ */
+declare function useScrollFrames(options: MaybeAccessor<FramesInput>): (node: HTMLCanvasElement) => void;
+/**
+ * Returns both the ref setter and a getter for the live film instance.
+ *
+ * @example
+ * const { ref, getInstance } = createScrollFrames(() => ({ frames: urls(), fit: 'contain' }));
+ * <canvas ref={ref} role="img" aria-label="The headphones turning" />
+ * <button onClick={() => getInstance()?.replay()}>Replay</button>
+ */
+declare function createScrollFrames(options: MaybeAccessor<FramesInput>): {
+    ref: (node: HTMLCanvasElement) => void;
+    getInstance: () => ScrollDrawInstance | undefined;
+};
 /**
  * SolidJS hook — split text and stagger-animate each piece on scroll.
  *
@@ -136,4 +172,4 @@ declare function createScrollText(options?: MaybeAccessor<ScrollTextOptions>): {
     getInstance: () => ScrollDrawInstance | undefined;
 };
 
-export { type MaybeAccessor, ScrollAnimateOptions, ScrollCounterOptions, ScrollDrawOptions, ScrollTextOptions, ScrollVideoOptions, createScrollAnimate, createScrollCounter, createScrollDraw, createScrollText, createScrollVideo, useScrollAnimate, useScrollCounter, useScrollDraw, useScrollText, useScrollVideo };
+export { type MaybeAccessor, ScrollAnimateOptions, ScrollCounterOptions, ScrollDrawOptions, ScrollTextOptions, ScrollVideoOptions, createScrollAnimate, createScrollCounter, createScrollDraw, createScrollFrames, createScrollText, createScrollVideo, useScrollAnimate, useScrollCounter, useScrollDraw, useScrollFrames, useScrollText, useScrollVideo };

package/dist/solid/index.mjs

@@ -1 +1 @@
-import {a,b}from'../chunk-XSVTHCLO.mjs';import {a as a$3}from'../chunk-BRV2B2YW.mjs';import {a as a$4}from'../chunk-32ZCSGFZ.mjs';import {a as a$2}from'../chunk-U5TKLHGW.mjs';import {a as a$1}from'../chunk-7USW2XFB.mjs';import {b as b$1}from'../chunk-7XOFQCQE.mjs';import'../chunk-V3Z6G5JE.mjs';import'../chunk-UPWWULKI.mjs';import'../chunk-XC5NR2MU.mjs';import'../chunk-2PYLM3E7.mjs';import'../chunk-NV6YTPHI.mjs';import'../chunk-THPTANES.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-5PJEKEEP.mjs';import'../chunk-EBU6E26L.mjs';import'../chunk-LFSU6LR3.mjs';import {createEffect,onCleanup,untrack}from'solid-js';function o(e,f){let l,t,c,r;return createEffect(()=>{r=typeof e=="function"?e():e;let n=a(r);!l||n===c||(c=n,untrack(()=>{t?.destroy(),t=f(l,b(r,()=>r));}));}),onCleanup(()=>{t?.destroy(),t=c=void 0;}),{ref:n=>{l=n;},getInstance:()=>t}}function D(e={}){return o(e,b$1).ref}function V(e={}){return o(e,b$1)}function C(e){return o(e,a$1).ref}function H(e){return o(e,a$1)}function L(e){return o(e,a$2).ref}function g(e){return o(e,a$2)}function I(e={}){return o(e,a$3).ref}function k(e={}){return o(e,a$3)}function v(e={}){return o(e,a$4).ref}function j(e={}){return o(e,a$4)}export{H as createScrollAnimate,g as createScrollCounter,V as createScrollDraw,j as createScrollText,k as createScrollVideo,C as useScrollAnimate,L as useScrollCounter,D as useScrollDraw,v as useScrollText,I as useScrollVideo};
+import {a as a$1}from'../chunk-NJV6S5LD.mjs';import {a,c,d,b}from'../chunk-KN2YB54Z.mjs';import {a as a$4}from'../chunk-HJTHOZK5.mjs';import'../chunk-GBFWTY5L.mjs';import {a as a$5}from'../chunk-UF3MO5XQ.mjs';import {a as a$3}from'../chunk-Z72TVDHY.mjs';import {a as a$2}from'../chunk-HAGTU5EX.mjs';import {b as b$1}from'../chunk-XLXVGQ3P.mjs';import'../chunk-7LDSB4FT.mjs';import'../chunk-UPWWULKI.mjs';import'../chunk-XC5NR2MU.mjs';import'../chunk-YOOPMYT6.mjs';import'../chunk-2PYLM3E7.mjs';import'../chunk-NV6YTPHI.mjs';import'../chunk-IXR6RML7.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-5PJEKEEP.mjs';import'../chunk-EBU6E26L.mjs';import'../chunk-LFSU6LR3.mjs';import {createEffect,onCleanup,untrack}from'solid-js';function r(e,i,c=a){let o,t,n,l;return createEffect(()=>{l=typeof e=="function"?e():e;let s=c(l);!o||s===n||(n=s,untrack(()=>{t?.destroy(),t=i(o,b(l,()=>l),l);}));}),onCleanup(()=>{t?.destroy(),t=n=void 0;}),{ref:s=>{o=s;},getInstance:()=>t}}function g(e={}){return r(e,b$1).ref}function k(e={}){return r(e,b$1)}function v(e){return r(e,a$2).ref}function K(e){return r(e,a$2)}function h(e){return r(e,a$3).ref}function j(e){return r(e,a$3)}function q(e={}){return r(e,a$4).ref}function z(e={}){return r(e,a$4)}function M(e,i){let c$1=false;return r(e,(o,t,n)=>(c$1||d(o,i),c$1=true,a$1(o,t,n)),c)}function B(e){return M(e,"useScrollFrames").ref}function G(e){return M(e,"createScrollFrames")}function J(e={}){return r(e,a$5).ref}function N(e={}){return r(e,a$5)}export{K as createScrollAnimate,j as createScrollCounter,k as createScrollDraw,G as createScrollFrames,N as createScrollText,z as createScrollVideo,v as useScrollAnimate,h as useScrollCounter,g as useScrollDraw,B as useScrollFrames,J as useScrollText,q as useScrollVideo};

package/dist/svelte/index.cjs

@@ -1,3 +1,3 @@
-'use strict';function gn({tension:e=2.5,friction:t=2.2}={}){return n=>1-Math.cos(n*Math.PI*e)*Math.pow(1-n,t)}function yn({bounces:e=3,decay:t=.5}={}){let n=Math.max(1,Math.round(e)),r=Math.max(.01,Math.min(.99,t)),o=Math.sqrt(r),s=0,a=[];for(let p=0;p<n;p++){let g=Math.pow(o,p);a.push(g),s+=g;}let u=[0],f=0;for(let p=0;p<n;p++)f+=a[p]/s,u.push(f);return p=>{if(p<=0)return 0;if(p>=1)return 1;for(let g=0;g<n;g++)if(p<=u[g+1]){let x=(p-u[g])/(u[g+1]-u[g]);if(g===0)return x*(2-x);let y=1-Math.pow(r,g);return y+(1-y)*(2*x-1)*(2*x-1)}return 1}}function hn({amplitude:e=1,period:t=.4}={}){let n=Math.max(1,e),r=Math.max(.1,t),o=n<=1?r/4:r/(2*Math.PI)*Math.asin(1/n);return s=>s<=0?0:s>=1?1:n*Math.pow(2,-10*s)*Math.sin((s-o)*(2*Math.PI)/r)+1}var ee={linear:e=>e,"ease-in":e=>e*e,"ease-out":e=>e*(2-e),"ease-in-out":e=>e<.5?2*e*e:-1+(4-2*e)*e,spring:gn(),bounce:yn(),elastic:hn()};function qe(e,t,n){return Math.min(n,Math.max(t,e))}function ie(e="top bottom"){let t=e.trim();if(/^\d+(\.\d+)?%$/.test(t))return {element:"top",viewport:t};let[n="top",r="bottom"]=t.split(/\s+/).filter(Boolean);return {element:n,viewport:r}}var Ft=(e,t)=>e==="top"?0:e==="center"?.5:e==="bottom"?1:t;function Rt(e,t,n,r){return e+n+t*Ft(r,0)}function Vt(e,t){return t*(/^\d+(\.\d+)?%$/.test(e)?parseFloat(e)/100:Ft(e,1))}function B(e,t,n,r){return n===t?0:qe((e-t)/(n-t)*r,0,1)}function we(e,t,n,r,o){let s=Rt(e.top,e.height,t,r.element)-Vt(r.viewport,n),a=Rt(e.top,e.height,t,o.element)-Vt(o.viewport,n);return {tStart:s,tEnd:a}}function et(e,t,n){let r=e.getBoundingClientRect(),o=n==="x"?r.width:r.height;return t?{top:n==="x"?r.left-t.getBoundingClientRect().left-t.clientLeft+t.scrollLeft:r.top-t.getBoundingClientRect().top-t.clientTop+t.scrollTop,height:o,scroll:0}:{top:n==="x"?r.left:r.top,height:o,scroll:n==="x"?window.scrollX:window.scrollY}}function tt(e){let t=parseFloat(e.getAttribute("pathLength")??"");if(t>0)return t;let n=e.tagName.toLowerCase();if(n==="rect"){let r=parseFloat(e.getAttribute("width")??"0"),o=parseFloat(e.getAttribute("height")??"0");return 2*(r+o)}if(n==="circle"){let r=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*r}return e.getTotalLength()}function _t(e){let t=/^#([a-f\d])([a-f\d])([a-f\d])$/i.exec(e);if(t)return [parseInt(t[1]+t[1],16),parseInt(t[2]+t[2],16),parseInt(t[3]+t[3],16)];let n=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(n)return [parseInt(n[1],16),parseInt(n[2],16),parseInt(n[3],16)];let r=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(e);return r?[parseInt(r[1]),parseInt(r[2]),parseInt(r[3])]:null}function nt(e,t,n){let r=_t(e),o=_t(t);return !r||!o?e:`rgb(${Math.round(r[0]+(o[0]-r[0])*n)},${Math.round(r[1]+(o[1]-r[1])*n)},${Math.round(r[2]+(o[2]-r[2])*n)})`}var Wt={sketch:{easing:"ease-in",stagger:.1,speed:.9,fade:false},reveal:{easing:"ease-out",fade:true,speed:1.2,once:true},typewriter:{easing:"linear",stagger:.05,speed:1.5},cinematic:{easing:"ease-in-out",fade:true,speed:.75},spring:{easing:"spring",speed:1.1}};var ze=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function ae(e,...t){ze&&console.warn(`[svg-scroll-draw] ${e}`,...t);}var bn="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",wn="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",zt=33;function vn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function En(e){let t=[];for(let n=0;n<zt;n++){let r=n/(zt-1);t.push(String(Math.round(e(r)*1e5)/1e5));}return `linear(${t.join(",")})`}function rt(e){switch(e){case "linear":return "linear";case "ease-in":return bn;case "ease-out":return wn;case "ease-in-out":return vn()?En(ee["ease-in-out"]):null;default:return null}}var Gt=Symbol.for("svg-scroll-draw.registry");function Bt(){let e=globalThis;return e[Gt]||(e[Gt]=new Map)}function ve(e,t){Bt().set(e,t);}function Ee(e){Bt().delete(e);}function ot(e){if(typeof window>"u"||typeof window.matchMedia!="function")return ()=>{};let t=window.matchMedia("(prefers-reduced-motion: reduce)"),n=o=>e(!!o.matches);if(typeof t.addEventListener=="function")return t.addEventListener("change",n),()=>t.removeEventListener("change",n);let r=t;return r.addListener?.(n),()=>r.removeListener?.(n)}function Ne(e,t){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return t(e,true);let n=t(e,false),r=ot(s=>{if(!s)return;r();let a=(n.getProgress?.()??0)>=1;n.destroy(),n=t(a?{...e,onComplete:void 0}:e,true);}),o={};for(let s of Object.keys(n))o[s]=(...a)=>n[s]?.(...a);return o.destroy=()=>{r(),n.destroy();},o}var Qe,st=new Set,it=new WeakMap,Ye=new Map,jt=e=>{let t=e.getBoundingClientRect();return t.width+" "+t.height};function Sn(e){let t=new Set;for(let n of e)for(;n&&n!==document.body;n=n.parentElement)for(let r=n;r;r=r.previousElementSibling)t.add(r);return t}function qt(e,t){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let n=()=>t();Qe??(Qe=new ResizeObserver(o=>{let s=false;for(let{target:a}of o)it.get(a)!==jt(a)&&(s=true),it.set(a,"");s&&st.forEach(a=>a());})),st.add(n);let r=Sn(e);return [document.body,document.documentElement].forEach(o=>o&&r.add(o)),r.forEach(o=>{it.has(o)||it.set(o,jt(o)),Ye.set(o,(Ye.get(o)??0)+1),Qe.observe(o);}),()=>{st.delete(n)&&(r.forEach(o=>{let s=(Ye.get(o)??1)-1;if(s)return void Ye.set(o,s);Ye.delete(o),Qe?.unobserve(o);}),st.size||(Qe?.disconnect(),Qe=void 0));}}function Me(e,t,n,r,o){let s,a=NaN,u,f,p=()=>{s=0,r(),!u&&!s&&(a=n())>0&&a<1&&(s=requestAnimationFrame(p));},g=()=>{!s&&!u&&n()!==a&&(s=requestAnimationFrame(p));},x=H=>{u=H,cancelAnimationFrame(s),s=a=NaN,g();},y=()=>{clearTimeout(f),o(),g();},I=()=>{clearTimeout(f),f=setTimeout(y,150);},j=qt(t,I),w=H=>{e[H]("scroll",g,{passive:true}),window[H]("resize",I),window[H]("orientationchange",I);};return w("addEventListener"),g(),{hold:x,remeasure:y,off(){x(true),w("removeEventListener"),j(),clearTimeout(f);}}}var Tn=0;function xn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function Qt(e,t){let n="";try{n=getComputedStyle(e).getPropertyValue(t).trim();}catch{}return n||(e.getAttribute(t)??"").trim()}var Yt=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function Mn(e){if(!ze)return;let t=Qt(e,"stroke");if(!t||t==="none"){ae("Element has no stroke \u2014 path will not be visible.",e);return}let n=(e.getAttribute("fill")??"").trim();n&&!Yt.has(n)&&!Yt.has(Qt(e,"fill"))&&ae("Element has a fill \u2014 it may obscure the stroke animation.",e);}function Ln(e,t,n){let r=document.createElement("div");r.setAttribute("data-svg-scroll-draw-debug",""),r.style.cssText="position:fixed;pointer-events:none;z-index:9999;font-family:monospace;font-size:11px;top:0;left:0;right:0;bottom:0;";function o(){let s=n==="x"?window.scrollX:window.scrollY,a=e-s,u=t-s,f=n==="x";r.innerHTML=`
-      <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>
-      <div style="position:absolute;${f?`left:${u}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${u}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(r),window.addEventListener("scroll",o,{passive:true}),o(),{el:r,destroy(){window.removeEventListener("scroll",o),r.remove();}}}var Ut=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,Xt=/[MmLlHhVvCcSsQqTtAaZz]/g;function An(e,t,n){if(!ze)return;let r=(e.match(Xt)??[]).join("").toUpperCase(),o=(t.match(Xt)??[]).join("").toUpperCase(),s=(e.match(Ut)??[]).length,a=(t.match(Ut)??[]).length;if(r!==o){ae(`morphTo: command sequence differs (${r||"\u2205"} \u2192 ${o||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,n);return}s!==a&&ae(`morphTo: coordinate count differs (${s} \u2192 ${a}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,n);}function Cn(e,t,n){let r=(t.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let a=parseFloat(s),u=r[o++]??a;return String(+(a+(u-a)*n).toFixed(4))})}function gt(e,t={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:Ne(t,(n,r)=>Pn(e,n,r))}function Pn(e,t,n){let{preset:r,...o}=t,s=r?{...Wt[r],...o}:o,{selector:a="path, polyline, line, polygon, rect, circle",speed:u=1,fade:f=false,easing:p="linear",trigger:g={},stagger:x=0,direction:y="forward",once:I=false,debug:j=false,axis:w="y",scrollContainer:H,autoReverse:ue=false,delay:D=0,strokeColor:M,strokeWidth:A,fillOpacity:$,waypoints:v,velocityScale:C=false,threshold:N=0,rootMargin:te="0px",repeat:q=0,repeatDelay:V=0,morphTo:R,clip:E,autoplay:Y=false,duration:h=1e3,native:P=true,onProgress:Se,onStart:U,onComplete:_,onEnter:fe,onLeave:Te,onEnterBack:ge,onLeaveBack:me}=s,b=E===true?"left":typeof E=="string"?E:false,S=typeof p=="function"?p:ee[p]??ee.linear,ye=ie(g.start||"top bottom"),Ie=ie(g.end||"bottom top"),X=typeof H=="string"?document.querySelector(H):H??null,Le=Array.isArray(M)?M[0]:null,Ae=Array.isArray(M)?M[1]:typeof M=="string"?M:null,he=Array.isArray(A)?A[0]:null,He=Array.isArray(A)?A[1]:typeof A=="number"?A:null,Ce=Array.isArray($)?$[0]:null,be=Array.isArray($)?$[1]:typeof $=="number"?$:null;function Pe(i){let c=i*100;switch(b){case "right":return `inset(0 0 0 ${100-c}%)`;case "top":return `inset(0 0 ${100-c}% 0)`;case "bottom":return `inset(${100-c}% 0 0 0)`;case "center":return `circle(${i*150}% at 50% 50%)`;default:return `inset(0 ${100-c}% 0 0)`}}let l=b?[]:Array.from(e.querySelectorAll(a)),m=[],K=[],k=0,F=0,Q=x,W=0,De=0,Z=false,$e=false,ke=0,lt=-1,Xe=[],Ke=-1,pe=false,xe=0,Re=0,Ve,ct=false,ut=null;function xt(){ut?.destroy(),ut=null;}let Fe=new Set,Mt=NaN,_e=true,Ze=-1,Lt=performance.now(),We=NaN;function Je(){return X?w==="x"?X.scrollLeft:X.scrollTop:w==="x"?window.scrollX:window.scrollY}function At(){return X?w==="x"?X.clientWidth:X.clientHeight:w==="x"?window.innerWidth:window.innerHeight}function Ct(){let i=et(e,X,w);return we(i,i.scroll,At(),ye,Ie)}function ln(){let i=F-k,c=l.length-1,d=X??document.documentElement,L=w==="x"?"Width":"Height";if(Q=x,x>0&&c>0&&i>0){let ne=d[`scroll${L}`]-d[`client${L}`]-1-k-i/u;ne>=0&&(Q=Math.min(x,ne/(c*i)));}let J=Math.max(0,c)*Q*i,le=i/Math.min(u,1);W=k+Math.min(0,J,le,J+le),De=k+Math.max(0,J,le,J+le);}function Pt(){(({tStart:k,tEnd:F}=Ct())),ln(),j&&ze&&(xt(),ut=Ln(k,F,w));}function ft(i,c=Ct){ve(e,{type:"draw",getProgress:()=>i.getProgress(),getTrigger:c});let d=i.destroy;return i.destroy=()=>{d.call(i),Ee(e);},i}function $t(i,c){return I&&!ue?Math.max(lt,S(Xe[i]=Math.max(Xe[i]??0,c))):S(c)}function cn(i,c){if(e.style.setProperty("--scroll-draw-progress",String(i)),b){let d=c==="reverse"?1-i:i;e.style.clipPath=Pe(d);return}l.forEach((d,L)=>mt(d,L,i,c));}function mt(i,c,d,L){i.style.strokeDashoffset=L==="reverse"?`${m[c]*d}`:`${m[c]*(1-d)}`,f&&(i.style.opacity=L==="reverse"?`${1-d}`:`${d}`),Le&&Ae?i.style.stroke=nt(Le,Ae,d):Ae&&(i.style.stroke=Ae),he!==null&&He!==null?i.style.strokeWidth=`${he+(He-he)*d}`:He!==null&&(i.style.strokeWidth=`${He}`),Ce!==null&&be!==null?i.style.fillOpacity=`${Ce+(be-Ce)*d}`:be!==null&&(i.style.fillOpacity=`${be}`),R&&i.tagName.toLowerCase()==="path"&&K[c]&&i.setAttribute("d",Cn(K[c],R,d));}function pt(){if(e.style.setProperty("--scroll-draw-progress","0"),b){e.style.clipPath=Pe(y==="reverse"?1:0);return}l.forEach((i,c)=>{i.style.strokeDasharray=`${m[c]}`,i.style.strokeDashoffset=y==="reverse"?"0":`${m[c]}`,f?i.style.opacity=y==="reverse"?"1":"0":i.style.opacity="",Le&&(i.style.stroke=Le),he!==null&&(i.style.strokeWidth=`${he}`),Ce!==null&&(i.style.fillOpacity=`${Ce}`),R&&i.tagName.toLowerCase()==="path"&&K[c]&&i.setAttribute("d",K[c]);});}function Ge(i,c){let d=i.getAttribute("d"),L=tt(i);if(R&&K[c]){i.setAttribute("d",R);let J=tt(i);i.setAttribute("d",K[c]),L=Math.max(tt(i),J),i.setAttribute("d",d);}m[c]=L,i.style.strokeDasharray=`${L}`;}if(l.forEach((i,c)=>{Mn(i);let d=i.tagName.toLowerCase()==="path";d?K.push(i.getAttribute("d")??""):K.push(""),Ge(i,c);let L=m[c];R&&(d?An(K[K.length-1],R,i):ae(`morphTo only applies to <path> elements \u2014 ignored on <${i.tagName}>.`,i)),n?(i.style.strokeDashoffset=y==="reverse"?`${L}`:"0",f&&(i.style.opacity="1"),Ae&&(i.style.stroke=Ae),He!==null&&(i.style.strokeWidth=`${He}`),be!==null&&(i.style.fillOpacity=`${be}`),R&&i.tagName.toLowerCase()==="path"&&i.setAttribute("d",R)):(i.style.strokeDashoffset=y==="reverse"?"0":`${L}`,f?i.style.opacity=y==="reverse"?"1":"0":i.style.opacity="",Le&&(i.style.stroke=Le),he!==null&&(i.style.strokeWidth=`${he}`),Ce!==null&&(i.style.fillOpacity=`${Ce}`));}),n)return b&&(e.style.clipPath=Pe(1)),_?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};b&&(e.style.clipPath=Pe(y==="reverse"?1:0));let kt=typeof p=="string"?rt(p):null;function un(){return !(P===false||Y||j&&ze||!xn()||!l.length||!kt||b||w!=="y"||X||u!==1||x!==0||I||ue||C!==false||R||v||q||D>0||Se||U||_||fe||Te||ge||me||M!=null||A!=null||$!=null||(g.start||"top bottom").trim()!=="top bottom"||(g.end||"bottom top").trim()!=="bottom top")}function fn(){let i=++Tn,c=`svg-scroll-draw-${i}`,d=`svg-scroll-draw-host-${i}`,L=`--svg-scroll-draw-${i}`,J=y==="reverse"?"0":"var(--ssd-len)",le=y==="reverse"?"var(--ssd-len)":"0",ne=`stroke-dashoffset:${J};`,z=`stroke-dashoffset:${le};`;f&&(ne+=`opacity:${y==="reverse"?1:0};`,z+=`opacity:${y==="reverse"?0:1};`);let G=document.createElement("style");G.setAttribute("data-svg-scroll-draw",""),G.textContent=`@keyframes ${c}{from{${ne}}to{${z}}}.${d}{view-timeline-name:${L};view-timeline-axis:block;}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${kt};animation-fill-mode:both;animation-timeline:${L};animation-range:cover 0% cover 100%;}`,document.head.appendChild(G),e.classList.add(d);function se(T,O){T.style.setProperty("--ssd-len",String(m[O])),T.style.strokeDasharray=`${m[O]}`,T.style.strokeDashoffset="",T.style.opacity="",T.style.animationPlayState="",T.classList.add(c);}l.forEach(se);let re=false,ce=-1;function de(){if(ce>=0)return ce;let T=e.getBoundingClientRect(),{tStart:O,tEnd:oe}=we({top:T.top,height:T.height},Je(),At(),ye,Ie);return S(B(Je(),O,oe,u))}return {destroy(){e.classList.remove(d),l.forEach(T=>{T.classList.remove(c),T.style.removeProperty("--ssd-len"),T.style.animationPlayState="";}),G.remove();},replay(){re=false,ce=-1,l.forEach(se);},pause(){re=true,l.forEach(T=>{T.style.animationPlayState="paused";});},resume(){re&&(re=false,l.forEach(T=>{T.style.animationPlayState="running";}));},seek(T){let O=Math.min(1,Math.max(0,T));ce=O,re=true,l.forEach((oe,Oe)=>{oe.classList.remove(c),oe.style.strokeDashoffset=y==="reverse"?`${m[Oe]*O}`:`${m[Oe]*(1-O)}`,f&&(oe.style.opacity=y==="reverse"?`${1-O}`:`${O}`);});},getProgress(){return de()},refresh(){l.forEach((T,O)=>{Ge(T,O),T.style.setProperty("--ssd-len",String(m[O]));});}}}if(un())return ft(fn());function mn(){let i=Math.max(1,h),c=b?i:i*(1+Math.max(0,l.length-1)*x),d=0,L=0,J=false;function le(ce){let de=true,T=Math.min(1,Math.max(0,ce/c));if(b){let O=Math.min(1,Math.max(0,ce/i)),oe=S(O);xe=oe,e.style.setProperty("--scroll-draw-progress",String(oe)),e.style.clipPath=Pe(y==="reverse"?1-oe:oe),Se?.(oe),O<1&&(de=false);}else {l.forEach((oe,Oe)=>{let dn=Oe*x*i,Nt=Math.min(1,Math.max(0,(ce-dn)/i));mt(oe,Oe,S(Nt),y),Nt<1&&(de=false);});let O=S(T);xe=O,Se?.(O),e.style.setProperty("--scroll-draw-progress",String(O));}if(v){let O=S(T);for(let oe in v){let Oe=parseFloat(oe);O>=Oe&&!Fe.has(Oe)&&(Fe.add(Oe),v[oe]?.());}}return de}function ne(ce){if(pe)return;let de=ce-d;$e||($e=true,U?.());let T=le(de);if(T&&!Z){Z=true,le(c),_?.(),Re<(q==="infinite"?1/0:q??0)&&(Re++,Ve=setTimeout(()=>{d=performance.now(),$e=false,Z=false,Fe.clear(),pt(),ke=requestAnimationFrame(ne);},V));return}T||(ke=requestAnimationFrame(ne));}function z(){cancelAnimationFrame(ke),clearTimeout(Ve),d=performance.now(),L=0,pe=false,$e=false,Z=false,Re=0,J=true,xe=0,Fe.clear(),pt(),ke=requestAnimationFrame(ne);}let G=new IntersectionObserver(ce=>{ce.forEach(de=>{de.isIntersecting&&!(I&&Z)?z():!de.isIntersecting&&!I&&!Z&&(cancelAnimationFrame(ke),clearTimeout(Ve),J=false);});},{root:X??null,threshold:N,rootMargin:te}),se;function re(){clearTimeout(se),se=setTimeout(()=>l.forEach(Ge),150);}return window.addEventListener("resize",re),window.addEventListener("orientationchange",re),D>0?setTimeout(()=>G.observe(e),D):G.observe(e),{destroy(){cancelAnimationFrame(ke),clearTimeout(Ve),G.disconnect(),window.removeEventListener("resize",re),window.removeEventListener("orientationchange",re),clearTimeout(se);},replay(){Re=0,z();},pause(){pe||!J||(pe=true,L=performance.now()-d,cancelAnimationFrame(ke));},resume(){pe&&(pe=false,J=true,d=performance.now()-L,ke=requestAnimationFrame(ne));},seek(ce){let de=Math.min(1,Math.max(0,ce));xe=de,pe=true,L=de*c,d=performance.now()-L,cancelAnimationFrame(ke),le(L);},getProgress(){return xe},refresh(){clearTimeout(se),l.forEach(Ge);}}}if(Y)return ft(mn());Pt();let Ot=()=>B(Je(),W,De,1);function It(){Z=true,_?.(),Re<(q==="infinite"?1/0:q)&&(Re++,Ve=setTimeout(()=>{ct=true;},V));}function Ht(){lt=-1,Xe=[],$e=false,Z=false,ct=false,Fe.clear(),pt(),_e=true;}function pn(){let i=performance.now(),c=Je();if(ct&&Ot()%1&&Ht(),!_e&&C===false&&c===Mt)return;_e=false,Mt=c;let d=u;if(C!==false){let z=i-Lt,G=z>0?Math.abs(c-(Ze<0?c:Ze))/z:0;d=u*Math.max(.2,1+G*(typeof C=="number"?C:1)*.04);}Ze=c,Lt=i;let L=ue?Ke===-1||c>=Ke?"forward":"reverse":y;Ke=c;let J=F-k,le=true,ne=J===0?0:(c-k)/J;if(isNaN(We)||(We<=0&&ne>0&&fe?.(),We<1&&ne>=1&&Te?.(),We>=1&&ne<1&&ge?.(),We>0&&ne<=0&&me?.()),We=ne,b){let z=$t(0,B(c,k,F,d));xe=z,e.style.setProperty("--scroll-draw-progress",String(z));let G=L==="reverse"?1-z:z;e.style.clipPath=Pe(G),Se?.(z),!$e&&B(c,k,F,d)>0&&($e=true,U?.()),z>=1&&!Z?It():z<1&&!I&&(Z=false);return}if(l.forEach((z,G)=>{let se=G*Q*J,re=$t(G,B(c,k+se,F+se,d));mt(z,G,re,L),G===0&&(xe=re,Se?.(re),e.style.setProperty("--scroll-draw-progress",String(re))),re<1&&(le=false);}),v){let z=S(B(c,k,F,d));for(let G in v){let se=parseFloat(G);z>=se&&!Fe.has(se)&&(Fe.add(se),v[G]?.());}}!$e&&B(c,k,F,d)>0&&($e=true,U?.()),le&&!Z?It():!le&&!I&&(Z=false);}let Be=Me(X??window,[e],Ot,pn,()=>{let i=m.join();l.forEach(Ge),Pt(),_e=true,m.join()!==i&&je();}),dt=D>0;function je(){Be.hold(pe||dt);}let Dt;return dt&&(Dt=setTimeout(()=>{dt=false,je();},D)),je(),ft({destroy(){clearTimeout(Ve),clearTimeout(Dt),Be.off(),xt();},replay(){Ht(),Ke=-1,Ze=-1,Re=0,pe=false,xe=0,clearTimeout(Ve),je();},pause(){pe=true,Be.hold(true);},resume(){pe&&(pe=false,_e=true,je());},seek(i){let c=Math.min(1,Math.max(0,i));xe=c,lt=c,Xe=[],pe=true,Be.hold(true),cn(c,y),_e=true;},getProgress(){return xe},refresh:Be.remeasure},()=>({tStart:k,tEnd:F}))}var Kt=new WeakMap,$n=0;function yt(e){return JSON.stringify(e,(t,n)=>{if(typeof n=="function")return "\u0192";if(typeof Element<"u"&&n instanceof Element){let r=Kt.get(n);return r===void 0&&Kt.set(n,r=++$n),`el#${r}`}return n})}function ht(e,t){let n={...e};for(let r of Object.keys(n))typeof n[r]=="function"&&(n[r]=(...o)=>t()[r]?.(...o));return n}function kn(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function Zt(e){let t=[],n=/([\w]+)\(([^)]*)\)/g,r;for(;(r=n.exec(e))!==null;){let o=[],s=[],a=r[2].trim();if(a)for(let u of a.split(/[\s,]+/)){let f=u.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(f?parseFloat(f[1]):0),s.push(f?f[2]:"");}t.push({fn:r[1],nums:o,units:s});}return t}function On(e,t,n){let r=Zt(e),o=Zt(t);return r.length===0||r.length!==o.length?n<1?e:t:r.map((s,a)=>{let u=o[a];return s.fn!==u.fn||s.nums.length!==u.nums.length?n<1?`${s.fn}(${s.nums.map((f,p)=>`${f}${s.units[p]}`).join(", ")})`:`${u.fn}(${u.nums.map((f,p)=>`${f}${u.units[p]}`).join(", ")})`:`${s.fn}(${s.nums.map((f,p)=>`${f+(u.nums[p]-f)*n}${s.units[p]}`).join(", ")})`}).join(" ")}function Jt(e,t,n){if(typeof e=="number"&&typeof t=="number")return String(e+(t-e)*n);let r=String(e),o=String(t);if(kn(r))return nt(r,o,n);if(r.includes("("))return On(r,o,n);let s=r.match(/^([-+]?[\d.]+)(.*)$/),a=o.match(/^([-+]?[\d.]+)(.*)$/);if(s&&a){let u=parseFloat(s[1]),f=parseFloat(a[1]);return `${u+(f-u)*n}${s[2]||a[2]}`}return n<1?r:o}function In(e){return e.replace(/([A-Z])/g,t=>`-${t.toLowerCase()}`)}var Hn=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),Dn=0,en="--scroll-draw-progress";function Nn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var nn={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function bt(e,t){return typeof window>"u"?nn:t.respectReducedMotion===false?tn(e,t,false):Ne(t,(n,r)=>tn(e,n,r))}function tn(e,t,n){let{props:r,trigger:o={},easing:s="ease-out",speed:a=1,once:u=false,axis:f="y",scrollContainer:p,native:g=true,velocityScale:x=false,triggerElement:y,onProgress:I,onComplete:j,onEnter:w,onLeave:H,onEnterBack:ue,onLeaveBack:D}=t,M=typeof s=="function"?s:ee[s]??ee["ease-out"],A=ie(o.start||"top bottom"),$=ie(o.end||"bottom top"),v=y??e,C=typeof p=="string"?document.querySelector(p):p??null,N=Object.entries(r).map(([l,m])=>({prop:In(l),from:Array.isArray(m)?m[0]:"",to:Array.isArray(m)?m[1]:m}));function te(){let l=window.getComputedStyle(e);for(let m of N)m.from===""&&(m.from=l.getPropertyValue(m.prop).trim()||"0");}function q(){for(let l of N)e.style.setProperty(l.prop,String(l.to));}let V=new Map;for(let l of [...N.map(m=>m.prop),en])V.set(l,e.style.getPropertyValue(l));function R(){for(let[l,m]of V)m?e.style.setProperty(l,m):e.style.removeProperty(l);}if(n)return q(),j?.(),{...nn,destroy:R,getProgress:()=>1};te();let E=()=>C?f==="x"?C.scrollLeft:C.scrollTop:f==="x"?window.scrollX:window.scrollY,Y=()=>C?f==="x"?C.clientWidth:C.clientHeight:f==="x"?window.innerWidth:window.innerHeight,h=typeof s=="string"?rt(s):null;function P(){if(!g||!Nn()||!h||f!=="y"||C||v!==e||u||a!==1||I||j||w||H||ue||D||x!==false||(o.start||"top bottom").trim()!=="top bottom"||(o.end||"bottom top").trim()!=="bottom top")return  false;for(let l of N)if(!Hn.has(l.prop))return  false;return  true}function Se(){let l=`ssd-a-${++Dn}`,m=N.map(W=>`${W.prop}:${W.from}`).join(";"),K=N.map(W=>`${W.prop}:${W.to}`).join(";"),k=document.createElement("style");k.setAttribute("data-ssd-animate",""),k.textContent=`@keyframes ${l}{from{${m}}to{${K}}}.${l}{animation-name:${l};animation-duration:auto;animation-timing-function:${h};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(k),e.classList.add(l);let F=()=>{let W=e.getBoundingClientRect();return we({top:W.top,height:W.height},E(),Y(),A,$)};ve(e,{type:"animate",getProgress:()=>Q.getProgress(),getTrigger:F});let Q={refresh(){},destroy(){e.classList.remove(l),k.remove(),e.style.animationPlayState="",R(),Ee(e);},replay(){e.classList.remove(l),e.offsetWidth,e.classList.add(l);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(W){let De=Math.min(1,Math.max(0,W));e.classList.remove(l);for(let Z of N)e.style.setProperty(Z.prop,Jt(Z.from,Z.to,De));},getProgress(){let{tStart:W,tEnd:De}=F();return M(B(E(),W,De,a))}};return Q}if(P())return Se();let U=0,_=0,fe=false,Te=-1,ge=0,me=0,b=false,S=NaN,ye=-1,Ie=0,X=v===e?N:[],Le=false;function Ae(){let l=e.style,m=X.map(Q=>l.getPropertyValue(Q.prop)),K=l.transition;X.length&&(l.transition="none"),X.forEach(Q=>l.setProperty(Q.prop,V.get(Q.prop)??""));let k=et(v,C,f);X.forEach((Q,W)=>l.setProperty(Q.prop,m[W])),X.length&&(e.offsetWidth,l.transition=K);let F=we(k,k.scroll,Y(),A,$);Le&&Math.abs(F.tStart-U)<1&&Math.abs(F.tEnd-_)<1||(Le=true,U=F.tStart,_=F.tEnd);}function he(l){e.style.setProperty(en,String(l));for(let m of N)e.style.setProperty(m.prop,Jt(m.from,m.to,l));I?.(l);}function He(l){if(isNaN(S)){S=l;return}S<=0&&l>0&&w?.(),S<1&&l>=1&&H?.(),S>=1&&l<1&&ue?.(),S>0&&l<=0&&D?.(),S=l;}function Ce(){if(fe)return;let l=performance.now(),m=E(),K=a;if(x!==false){let W=l-Ie,De=W>0?Math.abs(m-(ye<0?m:ye))/W:0;K=a*Math.max(.2,1+De*(typeof x=="number"?x:1)*.04);}ye=m,Ie=l;let k=_===U?0:(m-U)/(_-U);He(k);let F=B(m,U,_,K),Q=u?Math.max(Te,M(ge=Math.max(ge,F))):M(F);me=Q,he(Q),Q>=1&&!b?(b=true,j?.()):Q<1&&!u&&(b=false);}let be=Me(C??window,[v],()=>B(E(),U,_,Math.min(a,1)),Ce,Ae);Ae(),_===U&&ae("scrollAnimate: zero-length trigger window, so it never animates. In a sticky stage, set triggerElement.",e),ge=B(E(),U,_,a),me=M(ge),he(me),ve(e,{type:"animate",getProgress:()=>me,getTrigger:()=>({tStart:U,tEnd:_})});function Pe(){fe=true,be.hold(true);}return {destroy(){fe=true,be.off(),R(),Ee(e);},replay(){Te=-1,ge=0,b=false,me=0,fe=false,he(0),be.hold(false);},pause:Pe,resume(){fe&&(fe=false,be.hold(false));},seek(l){let m=Math.min(1,Math.max(0,l));me=m,Te=m,ge=0,Pe(),he(m);},getProgress(){return me},refresh:be.remeasure}}var wt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function vt(e,t){if(typeof window>"u")return wt;let n=typeof e=="string"?document.querySelector(e):e;return n?Ne(t,(r,o)=>Rn(n,r,o)):(ae("scrollCounter: element not found:",e),wt)}function Rn(e,t,n){let{from:r=0,to:o,format:s,easing:a="ease-out",trigger:u={},once:f=true,decimals:p,onComplete:g}=t,x=p!==void 0?h=>h.toFixed(p):s??(h=>String(Math.round(h))),y=typeof a=="function"?a:ee[a]??ee["ease-out"],I=ie(u.start||"top 80%"),j=ie(u.end||"top 20%");if(n)return e.textContent=x(o),g?.(),{...wt,getProgress:()=>1};let w=0,H=0,ue=false,D=-1,M=0,A=0,$=false,v=()=>window.scrollY,C=()=>window.innerHeight;function N(){let h=e.getBoundingClientRect(),P=we({top:h.top,height:h.height},v(),C(),I,j);ue&&Math.abs(P.tStart-w)<1&&Math.abs(P.tEnd-H)<1||(ue=true,w=P.tStart,H=P.tEnd);}let te=e.style.getPropertyValue("--scroll-draw-progress");function q(h){e.textContent=x(r+(o-r)*h),e.style.setProperty("--scroll-draw-progress",String(h));}let V=()=>B(v(),w,H,1);function R(){let h=V(),P=f?Math.max(D,y(M=Math.max(M,h))):y(h);A=P,q(P),P>=1&&!$?($=true,g?.()):P<1&&!f&&($=false);}N();{M=B(v(),w,H,1);let h=y(M);A=h,q(h);}let E=Me(window,[e],V,R,N);ve(e,{type:"counter",getProgress:()=>A,getTrigger:()=>({tStart:w,tEnd:H})});let Y=()=>E.hold(false);return {destroy(){E.off(),e.style.setProperty("--scroll-draw-progress",te),Ee(e);},replay(){D=-1,M=0,$=false,A=0,q(0),Y();},pause:()=>E.hold(true),resume:Y,seek(h){let P=Math.min(1,Math.max(0,h));A=P,D=P,M=0,E.hold(true),q(P);},getProgress(){return A}}}var rn={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Et(e,t={}){if(typeof window>"u")return rn;let n=typeof e=="string"?document.querySelector(e):e;if(!n||n.tagName.toLowerCase()!=="video")return ae("scrollVideo: <video> element not found:",e),rn;let r=n,{trigger:o={},easing:s="linear",once:a=false,axis:u="y",preload:f="auto",triggerElement:p,onReady:g,onComplete:x,onProgress:y}=t,I=p??r,j=window.matchMedia("(prefers-reduced-motion: reduce)").matches,w=typeof s=="function"?s:ee[s]??ee.linear,H=ie(o.start||"top top"),ue=ie(o.end||"bottom top");r.pause(),r.hasAttribute("preload")||(r.preload=f);let D=t.from??0,M=t.to,A=0,$=0,v=false,C=-1,N=0,te=0,q=false,V=false,R=()=>u==="x"?window.scrollX:window.scrollY,E=()=>u==="x"?window.innerWidth:window.innerHeight;function Y(){let b=I.getBoundingClientRect(),S=u==="x"?b.left:b.top,ye=u==="x"?b.width:b.height,Ie=we({top:S,height:ye},R(),E(),H,ue);A=Ie.tStart,$=Ie.tEnd,V&&$===A&&ae("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",r);}let h=NaN;function P(b){if(!V)return;let S=M??r.duration??0,ye=D+(S-D)*b;ye!==h&&(h=ye,r.currentTime=ye),r.style.setProperty("--scroll-draw-progress",String(b)),y?.(b);}let Se=()=>B(R(),A,$,1);function U(){if(!V||j)return;let b=Se(),S=a?Math.max(C,w(N=Math.max(N,b))):w(b);te=S,P(S),S>=1&&!q?(q=true,x?.()):S<1&&!a&&(q=false);}let _=Me(window,[I],Se,U,Y),fe=()=>_.hold(v||!V||j);fe();function Te(){if(V=true,M===void 0&&(M=r.duration),j){P(1),g?.();return}Y(),g?.(),v?P(te):fe();}r.readyState>=1?Te():r.addEventListener("loadedmetadata",Te,{once:true}),V||Y();let ge=j?()=>{}:ot(b=>{b&&(ge(),j=true,_.hold(true),P(1));});ve(r,{type:"video",getProgress:()=>te,getTrigger:()=>({tStart:A,tEnd:$})});function me(){v&&(v=false,fe());}return {destroy(){_.off(),r.removeEventListener("loadedmetadata",Te),ge(),Ee(r);},replay(){C=-1,N=0,q=false,te=0,h=NaN,P(0),me();},pause(){v=true,_.hold(true);},resume:me,seek(b){let S=Math.min(1,Math.max(0,b));te=S,C=S,N=0,v=true,_.hold(true),h=NaN,P(S);},getProgress(){return te}}}function on(e,t){let n=document.createElement("span");n.textContent=t,n.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;user-select:none",e.appendChild(n);}function at(e=""){let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),t.textContent=e,t}function an(e){let t=e.textContent??"";return e.textContent="",t.split(/(\s+)/).filter(Boolean).map(n=>{let r=e.appendChild(at(n)),o=/^\s+$/.test(n);return o?r.style.whiteSpace="pre":r.style.display="inline-block",o?null:r}).filter(n=>n!==null)}function Vn(e){let t=e.textContent??"";e.textContent="";let n=[],r=null;for(let o of t){let s=at(o),a=o===" ";a?s.style.whiteSpace="pre":(s.style.display="inline-block",n.push(s)),a||o>"\u0DFF"?r=null:r||(r=e.appendChild(at()),r.style.cssText="display:inline-block;white-space:nowrap"),(r??e).appendChild(s);}return n}function sn(e){let t=an(e),n=new Map;for(let s of t){let a=s.offsetTop;n.has(a)||n.set(a,[]),n.get(a).push(s);}let r=[],o=Array.from(n.keys()).sort((s,a)=>s-a);for(let s of o){let a=n.get(s),u=at();u.style.display="inline-block",a.forEach((f,p)=>{let g=f.nextElementSibling;u.appendChild(f),p<a.length-1&&g&&g.style.whiteSpace==="pre"&&u.appendChild(g);}),r.push(u);}return e.textContent="",r.forEach((s,a)=>{e.appendChild(s),a<r.length-1&&e.appendChild(document.createTextNode(" "));}),r}function Fn(e,t,n,r){if(n<=1||r===0)return e;r=Math.min(r,1/n);let o=(n-1)*r,s=t*r,a=s+(1-o);return a<=s?e>=s?1:0:qe((e-s)/(a-s),0,1)}function _n(e,t){let n=[];if(t?.y!==void 0&&n.push(`translateY(${t.y*(1-e)}px)`),t?.x!==void 0&&n.push(`translateX(${t.x*(1-e)}px)`),t?.rotate!==void 0&&n.push(`rotate(${t.rotate*(1-e)}deg)`),t?.scale!==void 0){let r=t.scale+(1-t.scale)*e;n.push(`scale(${r})`);}return n.join(" ")}var St={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Tt(e,t={}){if(typeof window>"u")return St;let n=typeof e=="string"?document.querySelector(e):e;if(!n)return ae("scrollText: element not found:",e),St;let r=n;return Ne(t,(o,s)=>Wn(r,o,s))}function Wn(e,t,n){let{split:r="words",stagger:o=.04,easing:s="ease-out",from:a={opacity:0,y:24},trigger:u={},once:f=true,onComplete:p}=t,g=typeof s=="function"?s:ee[s]??ee["ease-out"],x=ie(u.start||"top 85%"),y=ie(u.end||"top 40%"),I=e.innerHTML,j=e.textContent??"",w;r==="chars"?w=Vn(e):r==="lines"?w=sn(e):w=an(e),on(e,j);let H=w.length;function ue(E,Y){a?.opacity!==void 0&&(E.style.opacity=String(a.opacity+(1-a.opacity)*Y));let h=_n(Y,a);h&&(E.style.transform=h);}function D(E){e.style.setProperty("--scroll-draw-progress",String(E)),w.forEach((Y,h)=>{let P=g(Fn(E,h,H,o));ue(Y,P);});}if(n)return D(1),p?.(),{...St,destroy:()=>{e.innerHTML=I;},getProgress:()=>1};D(0);let M=0,A=0,$=-1,v=0,C=false;function N(){({tStart:M,tEnd:A}=we(e.getBoundingClientRect(),window.scrollY,window.innerHeight,x,y));}let te=()=>B(window.scrollY,M,A,1);function q(){let E=f?$=Math.max($,te()):te();v=E,D(E),E>=1&&!C?(C=true,p?.()):E<1&&!f&&(C=false);}N();let V=Me(window,[e],te,q,()=>{r==="lines"&&(e.innerHTML=I,w=sn(e),on(e,j),D(v)),N();});ve(e,{type:"text",getProgress:()=>v,getTrigger:()=>({tStart:M,tEnd:A})});let R=()=>V.hold(false);return {destroy(){V.off(),e.innerHTML=I,Ee(e);},replay(){$=-1,C=false,v=0,D(0),R();},pause:()=>V.hold(true),resume:R,seek(E){V.hold(true),D(v=$=qe(E,0,1));},getProgress(){return v}}}function Ue(e,t,n){let r=t,o=yt(t),s=n(e,ht(t,()=>r));return {update(a){r=a;let u=yt(a);u!==o&&(o=u,s.destroy(),s=n(e,ht(a,()=>r)));},destroy(){s.destroy();}}}function ro(e,t={}){return Ue(e,t,gt)}function oo(e={}){let t=null;function n(r){return t=gt(r,e),{destroy(){t?.destroy(),t=null;}}}return {action:n,getInstance:()=>t}}function so(e,t){return Ue(e,t,bt)}function io(e){let t=null;function n(r){return t=bt(r,e),{destroy(){t?.destroy(),t=null;}}}return {action:n,getInstance:()=>t}}function ao(e,t){return Ue(e,t,vt)}function lo(e){let t=null;function n(r){return t=vt(r,e),{destroy(){t?.destroy(),t=null;}}}return {action:n,getInstance:()=>t}}function co(e,t={}){return Ue(e,t,Et)}function uo(e={}){let t=null;function n(r){return t=Et(r,e),{destroy(){t?.destroy(),t=null;}}}return {action:n,getInstance:()=>t}}function fo(e,t={}){return Ue(e,t,Tt)}function mo(e={}){let t=null;function n(r){return t=Tt(r,e),{destroy(){t?.destroy(),t=null;}}}return {action:n,getInstance:()=>t}}exports.createScrollAnimate=io;exports.createScrollCounter=lo;exports.createScrollDraw=oo;exports.createScrollText=mo;exports.createScrollVideo=uo;exports.scrollAnimate=so;exports.scrollCounterAction=ao;exports.scrollDraw=ro;exports.scrollTextAction=fo;exports.scrollVideoAction=co;
+'use strict';var Qe=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function k(e,...t){Qe&&console.warn(`[svg-scroll-draw] ${e}`,...t);}function Tr({tension:e=2.5,friction:t=2.2}={}){return r=>1-Math.cos(r*Math.PI*e)*Math.pow(1-r,t)}function Mr({bounces:e=3,decay:t=.5}={}){let r=Math.max(1,Math.round(e)),n=Math.max(.01,Math.min(.99,t)),o=Math.sqrt(n),s=0,i=[];for(let g=0;g<r;g++){let w=Math.pow(o,g);i.push(w),s+=w;}let l=[0],m=0;for(let g=0;g<r;g++)m+=i[g]/s,l.push(m);return g=>{if(g<=0)return 0;if(g>=1)return 1;for(let w=0;w<r;w++)if(g<=l[w+1]){let P=(g-l[w])/(l[w+1]-l[w]);if(w===0)return P*(2-P);let S=1-Math.pow(n,w);return S+(1-S)*(2*P-1)*(2*P-1)}return 1}}function xr({amplitude:e=1,period:t=.4}={}){let r=Math.max(1,e),n=Math.max(.1,t),o=r<=1?n/4:n/(2*Math.PI)*Math.asin(1/r);return s=>s<=0?0:s>=1?1:r*Math.pow(2,-10*s)*Math.sin((s-o)*(2*Math.PI)/n)+1}var Ke={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:Tr(),bounce:Mr(),elastic:xr()};function Lr(e,t,r,n){let o=(s,i,l)=>((1+3*s-3*i)*l+3*i-6*s)*l*l+3*s*l;return s=>{if(s<=0||s>=1)return +(s>0);let i=s;for(let l=0;l<8;l++)i-=(o(e,r,i)-s)/((3*(1+3*e-3*r)*i+6*r-12*e)*i+3*e);if(!(i>=0&&i<=1&&Math.abs(o(e,r,i)-s)<1e-9))for(let l=0,m=0,g=1;l<30;l++)i=(m+g)/2,o(e,r,i)<s?m=i:g=i;return o(t,n,i)}}function Et(e){let t=/^cubic-bezier\((.*)\)$/.exec(e==="ease"?"cubic-bezier(.25,.1,.25,1)":e.trim()),r=t?t[1].split(",").map(parseFloat):[];if(r.length===4&&r.every(Number.isFinite)&&r[0]*(1-r[0])>=0&&r[2]*(1-r[2])>=0)return [Lr(r[0],r[1],r[2],r[3]),`cubic-bezier(${r})`]}var Gt=new Set;function Re(e,t="linear"){if(typeof e=="function")return e;if(e==null)return Ke[t];if({}.hasOwnProperty.call(Ke,e))return Ke[e];let r=Et(String(e));return r?r[0]:(!Gt.has(e)&&Gt.add(e)&&k(`Unknown easing ${JSON.stringify(e)}: use a name, cubic-bezier() or a function.`),Ke[t])}function rt(e,t,r){return Math.min(r,Math.max(t,e))}function ae(e="top bottom"){let t=e.trim();if(/^\d+(\.\d+)?%$/.test(t))return {element:"top",viewport:t};let[r="top",n="bottom"]=t.split(/\s+/).filter(Boolean);return {element:r,viewport:n}}var jt=(e,t)=>e==="top"?0:e==="center"?.5:e==="bottom"?1:t;function Bt(e,t,r,n){return e+r+t*jt(n,0)}function qt(e,t){return t*(/^\d+(\.\d+)?%$/.test(e)?parseFloat(e)/100:jt(e,1))}function Y(e,t,r,n){return r===t?0:rt((e-t)/(r-t)*n,0,1)}function Le(e,t,r,n,o){let s=Bt(e.top,e.height,t,n.element)-qt(n.viewport,r),i=Bt(e.top,e.height,t,o.element)-qt(o.viewport,r);return {tStart:s,tEnd:i}}function lt(e,t,r){let n=e.getBoundingClientRect(),o=r==="x"?n.width:n.height;return t?{top:r==="x"?n.left-t.getBoundingClientRect().left-t.clientLeft+t.scrollLeft:n.top-t.getBoundingClientRect().top-t.clientTop+t.scrollTop,height:o,scroll:0}:{top:r==="x"?n.left:n.top,height:o,scroll:r==="x"?window.scrollX:window.scrollY}}function ct(e){let t=parseFloat(e.getAttribute("pathLength")??"");if(t>0)return t;let r=e.tagName.toLowerCase();if(r==="rect"){let n=parseFloat(e.getAttribute("width")??"0"),o=parseFloat(e.getAttribute("height")??"0");return 2*(n+o)}if(r==="circle"){let n=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*n}return e.getTotalLength()}function ut(e){return `${e} ${e*2}`}function Ut(e){let t=/^#([a-f\d])([a-f\d])([a-f\d])$/i.exec(e);if(t)return [parseInt(t[1]+t[1],16),parseInt(t[2]+t[2],16),parseInt(t[3]+t[3],16)];let r=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(r)return [parseInt(r[1],16),parseInt(r[2],16),parseInt(r[3],16)];let 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 ft(e,t,r){let n=Ut(e),o=Ut(t);return !n||!o?e:`rgb(${Math.round(n[0]+(o[0]-n[0])*r)},${Math.round(n[1]+(o[1]-n[1])*r)},${Math.round(n[2]+(o[2]-n[2])*r)})`}var Yt={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 Ar="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",Cr="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",Qt=33;function Pr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function $r(e){let t=[];for(let r=0;r<Qt;r++){let n=r/(Qt-1);t.push(String(Math.round(e(n)*1e5)/1e5));}return `linear(${t.join(",")})`}function mt(e){switch(e){case "linear":return "linear";case "ease-in":return Ar;case "ease-out":return Cr;case "ease-in-out":return Pr()?$r(Ke["ease-in-out"]):null;default:return Et(e)?.[1]??null}}var Kt=Symbol.for("svg-scroll-draw.registry");function Xt(){let e=globalThis;return e[Kt]||(e[Kt]=new Map)}function $e(e,t){Xt().set(e,t);}function ke(e){Xt().delete(e);}function Xe(e){if(typeof window>"u"||typeof window.matchMedia!="function")return ()=>{};let t=window.matchMedia("(prefers-reduced-motion: reduce)"),r=o=>e(!!o.matches);if(typeof t.addEventListener=="function")return t.addEventListener("change",r),()=>t.removeEventListener("change",r);let n=t;return n.addListener?.(r),()=>n.removeListener?.(r)}function Be(e,t){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return t(e,true);let r=t(e,false),n=Xe(s=>{if(!s)return;n();let i=(r.getProgress?.()??0)>=1;r.destroy(),r=t(i?{...e,onComplete:void 0}:e,true);}),o={};for(let s of Object.keys(r))o[s]=(...i)=>r[s]?.(...i);return o.destroy=()=>{n(),r.destroy();},o}var nt,pt=new Set,dt=new WeakMap,ot=new Map,Jt=e=>{let t=e.getBoundingClientRect();return t.width+" "+t.height};function kr(e){let t=new Set;for(let r of e)for(;r&&r!==document.body;r=r.parentElement)for(let n=r;n;n=n.previousElementSibling)t.add(n);return t}function Zt(e,t){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let r=()=>t();nt??(nt=new ResizeObserver(o=>{let s=false;for(let{target:i}of o)dt.get(i)!==Jt(i)&&(s=true),dt.set(i,"");s&&pt.forEach(i=>i());})),pt.add(r);let n=kr(e);return [document.body,document.documentElement].forEach(o=>o&&n.add(o)),n.forEach(o=>{dt.has(o)||dt.set(o,Jt(o)),ot.set(o,(ot.get(o)??0)+1),nt.observe(o);}),()=>{pt.delete(r)&&(n.forEach(o=>{let s=(ot.get(o)??1)-1;if(s)return void ot.set(o,s);ot.delete(o),nt?.unobserve(o);}),pt.size||(nt?.disconnect(),nt=void 0));}}function De(e,t,r,n,o){let s,i=NaN,l,m,g=()=>{s=0,n(),!l&&!s&&(i=r())>0&&i<1&&(s=requestAnimationFrame(g));},w=()=>{!s&&!l&&r()!==i&&(s=requestAnimationFrame(g));},P=z=>{l=z,cancelAnimationFrame(s),s=i=NaN,w();},S=()=>{clearTimeout(m),o(),w();},G=()=>{clearTimeout(m),m=setTimeout(S,150);},Q=Zt(t,G),v=z=>{e[z]("scroll",w,{passive:true}),window[z]("resize",G),window[z]("orientationchange",G);};return v("addEventListener"),w(),{hold:P,remeasure:S,off(){P(true),v("removeEventListener"),Q(),clearTimeout(m);}}}var Or=0;function Fr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function er(e,t){let r="";try{r=getComputedStyle(e).getPropertyValue(t).trim();}catch{}return r||(e.getAttribute(t)??"").trim()}var tr=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function Ir(e){if(!Qe)return;let t=er(e,"stroke");if(!t||t==="none"){k("Element has no stroke \u2014 path will not be visible.",e);return}let r=(e.getAttribute("fill")??"").trim();r&&!tr.has(r)&&!tr.has(er(e,"fill"))&&k("Element has a fill \u2014 it may obscure the stroke animation.",e);}function Hr(e,t,r){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=r==="x"?window.scrollX:window.scrollY,i=e-s,l=t-s,m=r==="x";n.innerHTML=`
+      <div style="position:absolute;${m?`left:${i}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${i}px;left:0;right:0;border-top:2px dashed #22c55e;`}padding:2px 6px;color:#22c55e;background:rgba(0,0,0,.6)">\u25B6 start</div>
+      <div style="position:absolute;${m?`left:${l}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${l}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 rr=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,nr=/[MmLlHhVvCcSsQqTtAaZz]/g;function Rr(e,t,r){if(!Qe)return;let n=(e.match(nr)??[]).join("").toUpperCase(),o=(t.match(nr)??[]).join("").toUpperCase(),s=(e.match(rr)??[]).length,i=(t.match(rr)??[]).length;if(n!==o){k(`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.`,r);return}s!==i&&k(`morphTo: coordinate count differs (${s} \u2192 ${i}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,r);}function Dr(e,t,r){let n=(t.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let i=parseFloat(s),l=n[o++]??i;return String(+(i+(l-i)*r).toFixed(4))})}function St(e,t={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:Be(t,(r,n)=>Nr(e,r,n))}function Nr(e,t,r){let{preset:n,...o}=t,s=n?{...Yt[n],...o}:o,{selector:i="path, polyline, line, polygon, rect, circle",speed:l=1,fade:m=false,easing:g="linear",trigger:w={},stagger:P=0,direction:S="forward",once:G=false,debug:Q=false,axis:v="y",scrollContainer:z,autoReverse:Z=false,delay:$=0,strokeColor:C,strokeWidth:L,fillOpacity:O,waypoints:h,velocityScale:F=false,threshold:W=0,rootMargin:se="0px",repeat:K=0,repeatDelay:V=0,morphTo:R,clip:T,autoplay:X=false,duration:E=1e3,native:A=true,onProgress:he,onStart:D,onComplete:q,onEnter:ue,onLeave:Ee,onEnterBack:fe,onLeaveBack:ie}=s,M=T===true?"left":typeof T=="string"?T:false,x=Re(g),re=ae(w.start||"top bottom"),Oe=ae(w.end||"bottom top"),J=typeof z=="string"?document.querySelector(z):z??null,Fe=Array.isArray(C)?C[0]:null,Se=Array.isArray(C)?C[1]:typeof C=="string"?C:null,ye=Array.isArray(L)?L[0]:null,Ve=Array.isArray(L)?L[1]:typeof L=="number"?L:null,Ie=Array.isArray(O)?O[0]:null,Te=Array.isArray(O)?O[1]:typeof O=="number"?O:null;function Ae(a){let f=a*100;switch(M){case "right":return `inset(0 0 0 ${100-f}%)`;case "top":return `inset(0 0 ${100-f}% 0)`;case "bottom":return `inset(${100-f}% 0 0 0)`;case "center":return `circle(${a*150}% at 50% 50%)`;default:return `inset(0 ${100-f}% 0 0)`}}let c=M?[]:Array.from(e.querySelectorAll(i)),d=[],ne=[],I=0,_=0,B=P,j=0,Ne=0,oe=false,He=false,be=0,Ue=-1,qe=[],je=-1,me=false,u=0,p=0,b,le=false,we=null;function _e(){we?.destroy(),we=null;}let Ce=new Set,ze=NaN,We=true,it=-1,Ot=performance.now(),Ye=NaN;function at(){return J?v==="x"?J.scrollLeft:J.scrollTop:v==="x"?window.scrollX:window.scrollY}function Ft(){return J?v==="x"?J.clientWidth:J.clientHeight:v==="x"?window.innerWidth:window.innerHeight}function It(){let a=lt(e,J,v);return Le(a,a.scroll,Ft(),re,Oe)}function hr(){let a=_-I,f=c.length-1,y=J??document.documentElement,N=v==="x"?"Width":"Height";if(B=P,P>0&&f>0&&a>0){let pe=y[`scroll${N}`]-y[`client${N}`]-1-I-a/l;pe>=0&&(B=Math.min(P,pe/(f*a)));}let ce=Math.max(0,f)*B*a,Me=a/Math.min(l,1);j=I+Math.min(0,ce,Me,ce+Me),Ne=I+Math.max(0,ce,Me,ce+Me);}function Ht(){(({tStart:I,tEnd:_}=It())),hr(),Q&&Qe&&(_e(),we=Hr(I,_,v));}function yt(a,f=It){$e(e,{type:"draw",getProgress:()=>a.getProgress(),getTrigger:f});let y=a.destroy;return a.destroy=()=>{y.call(a),ke(e);},a}function Rt(a,f){return G&&!Z?Math.max(Ue,x(qe[a]=Math.max(qe[a]??0,f))):x(f)}function yr(a,f){if(e.style.setProperty("--scroll-draw-progress",String(a)),M){let y=f==="reverse"?1-a:a;e.style.clipPath=Ae(y);return}c.forEach((y,N)=>bt(y,N,a,f));}function bt(a,f,y,N){a.style.strokeDashoffset=N==="reverse"?`${d[f]*y}`:`${d[f]*(1-y)}`,m&&(a.style.opacity=N==="reverse"?`${1-y}`:`${y}`),Fe&&Se?a.style.stroke=ft(Fe,Se,y):Se&&(a.style.stroke=Se),ye!==null&&Ve!==null?a.style.strokeWidth=`${ye+(Ve-ye)*y}`:Ve!==null&&(a.style.strokeWidth=`${Ve}`),Ie!==null&&Te!==null?a.style.fillOpacity=`${Ie+(Te-Ie)*y}`:Te!==null&&(a.style.fillOpacity=`${Te}`),R&&a.tagName.toLowerCase()==="path"&&ne[f]&&a.setAttribute("d",Dr(ne[f],R,y));}function wt(){if(e.style.setProperty("--scroll-draw-progress","0"),M){e.style.clipPath=Ae(S==="reverse"?1:0);return}c.forEach((a,f)=>{a.style.strokeDasharray=ut(d[f]),a.style.strokeDashoffset=S==="reverse"?"0":`${d[f]}`,m?a.style.opacity=S==="reverse"?"1":"0":a.style.opacity="",Fe&&(a.style.stroke=Fe),ye!==null&&(a.style.strokeWidth=`${ye}`),Ie!==null&&(a.style.fillOpacity=`${Ie}`),R&&a.tagName.toLowerCase()==="path"&&ne[f]&&a.setAttribute("d",ne[f]);});}function Ze(a,f){let y=a.getAttribute("d"),N=ct(a);if(R&&ne[f]){a.setAttribute("d",R);let ce=ct(a);a.setAttribute("d",ne[f]),N=Math.max(ct(a),ce),a.setAttribute("d",y);}d[f]=N,a.style.strokeDasharray=ut(N);}if(c.forEach((a,f)=>{Ir(a);let y=a.tagName.toLowerCase()==="path";y?ne.push(a.getAttribute("d")??""):ne.push(""),Ze(a,f);let N=d[f];R&&(y?Rr(ne[ne.length-1],R,a):k(`morphTo only applies to <path> elements \u2014 ignored on <${a.tagName}>.`,a)),r?(a.style.strokeDashoffset=S==="reverse"?`${N}`:"0",m&&(a.style.opacity="1"),Se&&(a.style.stroke=Se),Ve!==null&&(a.style.strokeWidth=`${Ve}`),Te!==null&&(a.style.fillOpacity=`${Te}`),R&&a.tagName.toLowerCase()==="path"&&a.setAttribute("d",R)):(a.style.strokeDashoffset=S==="reverse"?"0":`${N}`,m?a.style.opacity=S==="reverse"?"1":"0":a.style.opacity="",Fe&&(a.style.stroke=Fe),ye!==null&&(a.style.strokeWidth=`${ye}`),Ie!==null&&(a.style.fillOpacity=`${Ie}`));}),r)return M&&(e.style.clipPath=Ae(1)),q?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};M&&(e.style.clipPath=Ae(S==="reverse"?1:0));let Dt=typeof g=="string"?mt(g):null;function br(){return !(A===false||X||Q&&Qe||!Fr()||!c.length||!Dt||M||v!=="y"||J||l!==1||P!==0||G||Z||F!==false||R||h||K||$>0||he||D||q||ue||Ee||fe||ie||C!=null||L!=null||O!=null||(w.start||"top bottom").trim()!=="top bottom"||(w.end||"bottom top").trim()!=="bottom top")}function wr(){let a=++Or,f=`svg-scroll-draw-${a}`,y=`svg-scroll-draw-host-${a}`,N=`--svg-scroll-draw-${a}`,ce=S==="reverse"?"0":"var(--ssd-len)",Me=S==="reverse"?"var(--ssd-len)":"0",pe=`stroke-dashoffset:${ce};`,ee=`stroke-dashoffset:${Me};`;m&&(pe+=`opacity:${S==="reverse"?1:0};`,ee+=`opacity:${S==="reverse"?0:1};`);let te=document.createElement("style");te.setAttribute("data-svg-scroll-draw",""),te.textContent=`@keyframes ${f}{from{${pe}}to{${ee}}}.${y}{view-timeline-name:${N};view-timeline-axis:block;}.${f}{animation-name:${f};animation-duration:auto;animation-timing-function:${Dt};animation-fill-mode:both;animation-timeline:${N};animation-range:cover 0% cover 100%;}`,document.head.appendChild(te),e.classList.add(y);function ve(H,U){H.style.setProperty("--ssd-len",String(d[U])),H.style.strokeDasharray=ut(d[U]),H.style.strokeDashoffset="",H.style.opacity="",H.style.animationPlayState="",H.classList.add(f);}c.forEach(ve);let de=false,xe=-1;function Pe(){if(xe>=0)return xe;let H=e.getBoundingClientRect(),{tStart:U,tEnd:ge}=Le({top:H.top,height:H.height},at(),Ft(),re,Oe);return x(Y(at(),U,ge,l))}return {destroy(){e.classList.remove(y),c.forEach(H=>{H.classList.remove(f),H.style.removeProperty("--ssd-len"),H.style.animationPlayState="";}),te.remove();},replay(){de=false,xe=-1,c.forEach(ve);},pause(){de=true,c.forEach(H=>{H.style.animationPlayState="paused";});},resume(){de&&(de=false,c.forEach(H=>{H.style.animationPlayState="running";}));},seek(H){let U=Math.min(1,Math.max(0,H));xe=U,de=true,c.forEach((ge,Ge)=>{ge.classList.remove(f),ge.style.strokeDashoffset=S==="reverse"?`${d[Ge]*U}`:`${d[Ge]*(1-U)}`,m&&(ge.style.opacity=S==="reverse"?`${1-U}`:`${U}`);});},getProgress(){return Pe()},refresh(){c.forEach((H,U)=>{Ze(H,U),H.style.setProperty("--ssd-len",String(d[U]));});}}}if(br())return yt(wr());function vr(){let a=Math.max(1,E),f=M?a:a*(1+Math.max(0,c.length-1)*P),y=0,N=0,ce=false;function Me(xe){let Pe=true,H=Math.min(1,Math.max(0,xe/f));if(M){let U=Math.min(1,Math.max(0,xe/a)),ge=x(U);u=ge,e.style.setProperty("--scroll-draw-progress",String(ge)),e.style.clipPath=Ae(S==="reverse"?1-ge:ge),he?.(ge),U<1&&(Pe=false);}else {c.forEach((ge,Ge)=>{let Sr=Ge*P*a,Wt=Math.min(1,Math.max(0,(xe-Sr)/a));bt(ge,Ge,x(Wt),S),Wt<1&&(Pe=false);});let U=x(H);u=U,he?.(U),e.style.setProperty("--scroll-draw-progress",String(U));}if(h){let U=x(H);for(let ge in h){let Ge=parseFloat(ge);U>=Ge&&!Ce.has(Ge)&&(Ce.add(Ge),h[ge]?.());}}return Pe}function pe(xe){if(me)return;let Pe=xe-y;He||(He=true,D?.());let H=Me(Pe);if(H&&!oe){oe=true,Me(f),q?.(),p<(K==="infinite"?1/0:K??0)&&(p++,b=setTimeout(()=>{y=performance.now(),He=false,oe=false,Ce.clear(),wt(),be=requestAnimationFrame(pe);},V));return}H||(be=requestAnimationFrame(pe));}function ee(){cancelAnimationFrame(be),clearTimeout(b),y=performance.now(),N=0,me=false,He=false,oe=false,p=0,ce=true,u=0,Ce.clear(),wt(),be=requestAnimationFrame(pe);}let te=new IntersectionObserver(xe=>{xe.forEach(Pe=>{Pe.isIntersecting&&!(G&&oe)?ee():!Pe.isIntersecting&&!G&&!oe&&(cancelAnimationFrame(be),clearTimeout(b),ce=false);});},{root:J??null,threshold:W,rootMargin:se}),ve;function de(){clearTimeout(ve),ve=setTimeout(()=>c.forEach(Ze),150);}return window.addEventListener("resize",de),window.addEventListener("orientationchange",de),$>0?setTimeout(()=>te.observe(e),$):te.observe(e),{destroy(){cancelAnimationFrame(be),clearTimeout(b),te.disconnect(),window.removeEventListener("resize",de),window.removeEventListener("orientationchange",de),clearTimeout(ve);},replay(){p=0,ee();},pause(){me||!ce||(me=true,N=performance.now()-y,cancelAnimationFrame(be));},resume(){me&&(me=false,ce=true,y=performance.now()-N,be=requestAnimationFrame(pe));},seek(xe){let Pe=Math.min(1,Math.max(0,xe));u=Pe,me=true,N=Pe*f,y=performance.now()-N,cancelAnimationFrame(be),Me(N);},getProgress(){return u},refresh(){clearTimeout(ve),c.forEach(Ze);}}}if(X)return yt(vr());Ht();let Nt=()=>Y(at(),j,Ne,1);function Vt(){oe=true,q?.(),p<(K==="infinite"?1/0:K)&&(p++,b=setTimeout(()=>{le=true;},V));}function _t(){Ue=-1,qe=[],He=false,oe=false,le=false,Ce.clear(),wt(),We=true;}function Er(){let a=performance.now(),f=at();if(le&&Nt()%1&&_t(),!We&&F===false&&f===ze)return;We=false,ze=f;let y=l;if(F!==false){let ee=a-Ot,te=ee>0?Math.abs(f-(it<0?f:it))/ee:0;y=l*Math.max(.2,1+te*(typeof F=="number"?F:1)*.04);}it=f,Ot=a;let N=Z?je===-1||f>=je?"forward":"reverse":S;je=f;let ce=_-I,Me=true,pe=ce===0?0:(f-I)/ce;if(isNaN(Ye)||(Ye<=0&&pe>0&&ue?.(),Ye<1&&pe>=1&&Ee?.(),Ye>=1&&pe<1&&fe?.(),Ye>0&&pe<=0&&ie?.()),Ye=pe,M){let ee=Rt(0,Y(f,I,_,y));u=ee,e.style.setProperty("--scroll-draw-progress",String(ee));let te=N==="reverse"?1-ee:ee;e.style.clipPath=Ae(te),he?.(ee),!He&&Y(f,I,_,y)>0&&(He=true,D?.()),ee>=1&&!oe?Vt():ee<1&&!G&&(oe=false);return}if(c.forEach((ee,te)=>{let ve=te*B*ce,de=Rt(te,Y(f,I+ve,_+ve,y));bt(ee,te,de,N),te===0&&(u=de,he?.(de),e.style.setProperty("--scroll-draw-progress",String(de))),de<1&&(Me=false);}),h){let ee=x(Y(f,I,_,y));for(let te in h){let ve=parseFloat(te);ee>=ve&&!Ce.has(ve)&&(Ce.add(ve),h[te]?.());}}!He&&Y(f,I,_,y)>0&&(He=true,D?.()),Me&&!oe?Vt():!Me&&!G&&(oe=false);}let et=De(J??window,[e],Nt,Er,()=>{let a=d.join();c.forEach(Ze),Ht(),We=true,d.join()!==a&&tt();}),vt=$>0;function tt(){et.hold(me||vt);}let zt;return vt&&(zt=setTimeout(()=>{vt=false,tt();},$)),tt(),yt({destroy(){clearTimeout(b),clearTimeout(zt),et.off(),_e();},replay(){_t(),je=-1,it=-1,p=0,me=false,u=0,clearTimeout(b),tt();},pause(){me=true,et.hold(true);},resume(){me&&(me=false,We=true,tt());},seek(a){let f=Math.min(1,Math.max(0,a));u=f,Ue=f,qe=[],me=true,et.hold(true),yr(f,S),We=true;},getProgress(){return u},refresh:et.remeasure},()=>({tStart:I,tEnd:_}))}var or=new WeakMap,Vr=0;function st(e){return JSON.stringify(e,(t,r)=>{if(typeof r=="function")return "\u0192";if(typeof Element<"u"&&r instanceof Element){let n=or.get(r);return n===void 0&&or.set(r,n=++Vr),`el#${n}`}return r})}function Tt(e,t){let r={...e};for(let n of Object.keys(r))typeof r[n]=="function"&&(r[n]=(...o)=>t()[n]?.(...o));return r}function _r(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function sr(e){let t=[],r=/([\w]+)\(([^)]*)\)/g,n;for(;(n=r.exec(e))!==null;){let o=[],s=[],i=n[2].trim();if(i)for(let l of i.split(/[\s,]+/)){let m=l.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(m?parseFloat(m[1]):0),s.push(m?m[2]:"");}t.push({fn:n[1],nums:o,units:s});}return t}function zr(e,t,r){let n=sr(e),o=sr(t);return n.length===0||n.length!==o.length?r<1?e:t:n.map((s,i)=>{let l=o[i];return s.fn!==l.fn||s.nums.length!==l.nums.length?r<1?`${s.fn}(${s.nums.map((m,g)=>`${m}${s.units[g]}`).join(", ")})`:`${l.fn}(${l.nums.map((m,g)=>`${m}${l.units[g]}`).join(", ")})`:`${s.fn}(${s.nums.map((m,g)=>`${m+(l.nums[g]-m)*r}${s.units[g]}`).join(", ")})`}).join(" ")}function ir(e,t,r){if(typeof e=="number"&&typeof t=="number")return String(e+(t-e)*r);let n=String(e),o=String(t);if(_r(n))return ft(n,o,r);if(n.includes("("))return zr(n,o,r);let s=n.match(/^([-+]?[\d.]+)(.*)$/),i=o.match(/^([-+]?[\d.]+)(.*)$/);if(s&&i){let l=parseFloat(s[1]),m=parseFloat(i[1]);return `${l+(m-l)*r}${s[2]||i[2]}`}return r<1?n:o}function Wr(e){return e.replace(/([A-Z])/g,t=>`-${t.toLowerCase()}`)}var Gr=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),Br=0,ar="--scroll-draw-progress";function qr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var cr={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Mt(e,t){return typeof window>"u"?cr:t.respectReducedMotion===false?lr(e,t,false):Be(t,(r,n)=>lr(e,r,n))}function lr(e,t,r){let{props:n,trigger:o={},easing:s="ease-out",speed:i=1,once:l=false,axis:m="y",scrollContainer:g,native:w=true,velocityScale:P=false,triggerElement:S,onProgress:G,onComplete:Q,onEnter:v,onLeave:z,onEnterBack:Z,onLeaveBack:$}=t,C=Re(s,"ease-out"),L=ae(o.start||"top bottom"),O=ae(o.end||"bottom top"),h=S??e,F=typeof g=="string"?document.querySelector(g):g??null,W=Object.entries(n).map(([c,d])=>({prop:Wr(c),from:Array.isArray(d)?d[0]:"",to:Array.isArray(d)?d[1]:d}));function se(){let c=window.getComputedStyle(e);for(let d of W)d.from===""&&(d.from=c.getPropertyValue(d.prop).trim()||"0");}function K(){for(let c of W)e.style.setProperty(c.prop,String(c.to));}let V=new Map;for(let c of [...W.map(d=>d.prop),ar])V.set(c,e.style.getPropertyValue(c));function R(){for(let[c,d]of V)d?e.style.setProperty(c,d):e.style.removeProperty(c);}if(r)return K(),Q?.(),{...cr,destroy:R,getProgress:()=>1};se();let T=()=>F?m==="x"?F.scrollLeft:F.scrollTop:m==="x"?window.scrollX:window.scrollY,X=()=>F?m==="x"?F.clientWidth:F.clientHeight:m==="x"?window.innerWidth:window.innerHeight,E=typeof s=="string"?mt(s):null;function A(){if(!w||!qr()||!E||m!=="y"||F||h!==e||l||i!==1||G||Q||v||z||Z||$||P!==false||(o.start||"top bottom").trim()!=="top bottom"||(o.end||"bottom top").trim()!=="bottom top")return  false;for(let c of W)if(!Gr.has(c.prop))return  false;return  true}function he(){let c=`ssd-a-${++Br}`,d=W.map(j=>`${j.prop}:${j.from}`).join(";"),ne=W.map(j=>`${j.prop}:${j.to}`).join(";"),I=document.createElement("style");I.setAttribute("data-ssd-animate",""),I.textContent=`@keyframes ${c}{from{${d}}to{${ne}}}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${E};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(I),e.classList.add(c);let _=()=>{let j=e.getBoundingClientRect();return Le({top:j.top,height:j.height},T(),X(),L,O)};$e(e,{type:"animate",getProgress:()=>B.getProgress(),getTrigger:_});let B={refresh(){},destroy(){e.classList.remove(c),I.remove(),e.style.animationPlayState="",R(),ke(e);},replay(){e.classList.remove(c),e.offsetWidth,e.classList.add(c);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(j){let Ne=Math.min(1,Math.max(0,j));e.classList.remove(c);for(let oe of W)e.style.setProperty(oe.prop,ir(oe.from,oe.to,Ne));},getProgress(){let{tStart:j,tEnd:Ne}=_();return C(Y(T(),j,Ne,i))}};return B}if(A())return he();let D=0,q=0,ue=false,Ee=-1,fe=0,ie=0,M=false,x=NaN,re=-1,Oe=0,J=h===e?W:[],Fe=false;function Se(){let c=e.style,d=J.map(B=>c.getPropertyValue(B.prop)),ne=c.transition;J.length&&(c.transition="none"),J.forEach(B=>c.setProperty(B.prop,V.get(B.prop)??""));let I=lt(h,F,m);J.forEach((B,j)=>c.setProperty(B.prop,d[j])),J.length&&(e.offsetWidth,c.transition=ne);let _=Le(I,I.scroll,X(),L,O);Fe&&Math.abs(_.tStart-D)<1&&Math.abs(_.tEnd-q)<1||(Fe=true,D=_.tStart,q=_.tEnd);}function ye(c){e.style.setProperty(ar,String(c));for(let d of W)e.style.setProperty(d.prop,ir(d.from,d.to,c));G?.(c);}function Ve(c){if(isNaN(x)){x=c;return}x<=0&&c>0&&v?.(),x<1&&c>=1&&z?.(),x>=1&&c<1&&Z?.(),x>0&&c<=0&&$?.(),x=c;}function Ie(){if(ue)return;let c=performance.now(),d=T(),ne=i;if(P!==false){let j=c-Oe,Ne=j>0?Math.abs(d-(re<0?d:re))/j:0;ne=i*Math.max(.2,1+Ne*(typeof P=="number"?P:1)*.04);}re=d,Oe=c;let I=q===D?0:(d-D)/(q-D);Ve(I);let _=Y(d,D,q,ne),B=l?Math.max(Ee,C(fe=Math.max(fe,_))):C(_);ie=B,ye(B),B>=1&&!M?(M=true,Q?.()):B<1&&!l&&(M=false);}let Te=De(F??window,[h],()=>Y(T(),D,q,Math.min(i,1)),Ie,Se);Se(),q===D&&k("scrollAnimate: zero-length trigger window, so it never animates. In a sticky stage, set triggerElement.",e),fe=Y(T(),D,q,i),ie=C(fe),ye(ie),$e(e,{type:"animate",getProgress:()=>ie,getTrigger:()=>({tStart:D,tEnd:q})});function Ae(){ue=true,Te.hold(true);}return {destroy(){ue=true,Te.off(),R(),ke(e);},replay(){Ee=-1,fe=0,M=false,ie=0,ue=false,ye(0),Te.hold(false);},pause:Ae,resume(){ue&&(ue=false,Te.hold(false));},seek(c){let d=Math.min(1,Math.max(0,c));ie=d,Ee=d,fe=0,Ae(),ye(d);},getProgress(){return ie},refresh:Te.remeasure}}var xt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Lt(e,t){if(typeof window>"u")return xt;let r=typeof e=="string"?document.querySelector(e):e;return r?Be(t,(n,o)=>jr(r,n,o)):(k("scrollCounter: element not found:",e),xt)}function jr(e,t,r){let{from:n=0,to:o,format:s,easing:i="ease-out",trigger:l={},once:m=true,decimals:g,onComplete:w}=t,P=g!==void 0?E=>E.toFixed(g):s??(E=>String(Math.round(E))),S=Re(i,"ease-out"),G=ae(l.start||"top 80%"),Q=ae(l.end||"top 20%");if(r)return e.textContent=P(o),w?.(),{...xt,getProgress:()=>1};let v=0,z=0,Z=false,$=-1,C=0,L=0,O=false,h=()=>window.scrollY,F=()=>window.innerHeight;function W(){let E=e.getBoundingClientRect(),A=Le({top:E.top,height:E.height},h(),F(),G,Q);Z&&Math.abs(A.tStart-v)<1&&Math.abs(A.tEnd-z)<1||(Z=true,v=A.tStart,z=A.tEnd);}let se=e.style.getPropertyValue("--scroll-draw-progress");function K(E){e.textContent=P(n+(o-n)*E),e.style.setProperty("--scroll-draw-progress",String(E));}let V=()=>Y(h(),v,z,1);function R(){let E=V(),A=m?Math.max($,S(C=Math.max(C,E))):S(E);L=A,K(A),A>=1&&!O?(O=true,w?.()):A<1&&!m&&(O=false);}W();{C=Y(h(),v,z,1);let E=S(C);L=E,K(E);}let T=De(window,[e],V,R,W);$e(e,{type:"counter",getProgress:()=>L,getTrigger:()=>({tStart:v,tEnd:z})});let X=()=>T.hold(false);return {destroy(){T.off(),e.style.setProperty("--scroll-draw-progress",se),ke(e);},replay(){$=-1,C=0,O=false,L=0,K(0),X();},pause:()=>T.hold(true),resume:X,seek(E){let A=Math.min(1,Math.max(0,E));L=A,$=A,C=0,T.hold(true),K(A);},getProgress(){return L}}}var ur={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function At(e,t={}){if(typeof window>"u")return ur;let r=typeof e=="string"?document.querySelector(e):e;if(!r||r.tagName.toLowerCase()!=="video")return k("scrollVideo: <video> element not found:",e),ur;let n=r,{trigger:o={},easing:s="linear",once:i=false,axis:l="y",preload:m="auto",triggerElement:g,onReady:w,onComplete:P,onProgress:S}=t,G=g??n,Q=window.matchMedia("(prefers-reduced-motion: reduce)").matches,v=Re(s),z=ae(o.start||"top top"),Z=ae(o.end||"bottom top");n.pause(),n.hasAttribute("preload")||(n.preload=m);let $=t.from??0,C=t.to,L=0,O=0,h=false,F=-1,W=0,se=0,K=false,V=false,R=()=>l==="x"?window.scrollX:window.scrollY,T=()=>l==="x"?window.innerWidth:window.innerHeight;function X(){let M=G.getBoundingClientRect(),x=l==="x"?M.left:M.top,re=l==="x"?M.width:M.height,Oe=Le({top:x,height:re},R(),T(),z,Z);L=Oe.tStart,O=Oe.tEnd,V&&O===L&&k("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",n);}let E=NaN;function A(M){if(!V)return;let x=C??n.duration??0,re=$+(x-$)*M;re!==E&&(E=re,n.currentTime=re),n.style.setProperty("--scroll-draw-progress",String(M)),S?.(M);}let he=()=>Y(R(),L,O,1);function D(){if(!V||Q)return;let M=he(),x=i?Math.max(F,v(W=Math.max(W,M))):v(M);se=x,A(x),x>=1&&!K?(K=true,P?.()):x<1&&!i&&(K=false);}let q=De(window,[G],he,D,X),ue=()=>q.hold(h||!V||Q);ue();function Ee(){if(V=true,C===void 0&&(C=n.duration),Q){A(1),w?.();return}X(),w?.(),h?A(se):ue();}n.readyState>=1?Ee():n.addEventListener("loadedmetadata",Ee,{once:true}),V||X();let fe=Q?()=>{}:Xe(M=>{M&&(fe(),Q=true,q.hold(true),A(1));});$e(n,{type:"video",getProgress:()=>se,getTrigger:()=>({tStart:L,tEnd:O})});function ie(){h&&(h=false,ue());}return {destroy(){q.off(),n.removeEventListener("loadedmetadata",Ee),fe(),ke(n);},replay(){F=-1,W=0,K=false,se=0,E=NaN,A(0),ie();},pause(){h=true,q.hold(true);},resume:ie,seek(M){let x=Math.min(1,Math.max(0,M));se=x,F=x,W=0,h=true,q.hold(true),E=NaN,A(x);},getProgress(){return se}}}var Ur=1e4;function fr(e){let{frames:t,count:r}=e;if(typeof t!="function")return st(e);let n=Number.isFinite(r)?Math.min(Math.max(Math.floor(r),0),Ur):0,o;try{o=Array.from({length:n},(s,i)=>t(i));}catch{o=["throws"];}return st({...e,frames:o})}function Ct(e,t="<ScrollFrames>"){if(!e||e.getAttribute("aria-hidden")==="true")return;let r=e.getAttribute("role");r==="presentation"||r==="none"||e.getAttribute("aria-label")||e.getAttribute("aria-labelledby")||k(`${t}: the canvas has no aria-label. Say what the frames show, or set aria-hidden="true" if they are decoration.`,e);}var gt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Yr(e){let t=e>1?[0,e-1]:[0],r=[[0,e-1]];for(let n=0;n<r.length;n++){let[o,s]=r[n];if(s-o<2)continue;let i=o+s>>1;t.push(i),r.push([o,i],[i,s]);}return t}function mr(e,t){if(typeof window>"u")return gt;let r=typeof e=="string"?document.querySelector(e):e;if(!r||r.tagName.toLowerCase()!=="canvas")return k("scrollFrames: <canvas> element not found:",e),gt;let n=r,{frames:o,trigger:s={},easing:i="linear",once:l=false,axis:m="y",fit:g="cover",triggerElement:w,onReady:P,onLoad:S,onComplete:G,onProgress:Q}=t||{},v=Array.isArray(o)?o:null,z=t?.count,Z=Math.floor(v?Math.min(z??v.length,v.length):z??NaN);if(!(v||typeof o=="function")||!Number.isFinite(Z)||Z<1)return k("scrollFrames: no frames. Pass `frames` as an array of URLs, or a function with a finite `count` of 1 or more.",n),gt;let $=t.concurrency??6;(!Number.isFinite($)||$<1)&&(k("scrollFrames: `concurrency` must be a finite number of 1 or more; using 6.",t.concurrency),$=6),$=Math.floor($);let C=n.getContext("2d");if(!C)return k("scrollFrames: the canvas has no 2D context.",n),gt;let L=Z-1,O=w??n,h=window.matchMedia("(prefers-reduced-motion: reduce)").matches,F=Re(i),W=u=>{let p=F(u);return p===p?p:0},se=ae(s.start||"top top"),K=ae(s.end||"bottom top"),V=0,R=0,T=false,X=-1,E=0,A=0,he=false,D=false,q=false,ue=false,Ee=0,fe=-1,ie=new Array(Z),M=new Uint8Array(Z),x=new Set,re=h?[L]:Yr(Z),Oe=0,J=0,Fe=false,Se=(u,...p)=>{if(u)try{u(...p);}catch(b){typeof reportError=="function"?reportError(b):setTimeout(()=>{throw b});}},ye=false,Ve=u=>{let p;try{p=v?v[u]:o(u);}catch(b){p=b;}return typeof p=="string"&&p?p:(ye||(ye=true,k(`scrollFrames: no URL for frame ${u}; it is skipped for its nearest neighbour.`,p)),null)},Ie=()=>m==="x"?window.scrollX:window.scrollY,Te=()=>m==="x"?window.innerWidth:window.innerHeight;function Ae(){!Fe&&J===re.length&&(Fe=true,Se(S));}function c(){for(;!D&&x.size<$&&Oe<re.length;){let u=re[Oe++];M[u]||d(u);}}function d(u){M[u]=1;let p=Ve(u);if(p===null){J++,queueMicrotask(()=>{D||Ae();});return}let b=new Image,le=false,we=_e=>{le||D||(le=true,b.onload=b.onerror=null,x.delete(b),_e?ie[u]=b:k("scrollFrames: a frame failed to load; its nearest neighbour shows instead:",p),J++,c(),_(),Ae());};x.add(b),b.decoding="async",b.onerror=()=>we(false),b.src=p,typeof b.decode=="function"?b.decode().then(()=>we(true),()=>{b.complete?we(b.naturalWidth>0):b.onload=()=>we(true);}):b.onload=()=>we(true);}function ne(u){for(let p=0;p<=L;p++){if(ie[u-p])return u-p;if(ie[u+p])return u+p}return  -1}function I(){let u=n.clientWidth,p=n.clientHeight;if(!u||!p)return;let b=Math.min(window.devicePixelRatio||1,2),le=Math.round(u*b),we=Math.round(p*b);if(Math.abs(n.width-le)<=1&&Math.abs(n.height-we)<=1)return;n.width=le,n.height=we,fe=-1;let _e=n.clientWidth,Ce=n.clientHeight;if(_e!==u||Ce!==p){let ze=n.style;_e!==u&&Ce!==p?(ze.width=`${u}px`,ze.height=`${p}px`):ze.aspectRatio=`${u} / ${p}`;}}function _(){let u=ne(Ee);if(u<0||u===fe)return;let p=ie[u],b=n.width,le=n.height,we=p.naturalWidth||b,_e=p.naturalHeight||le,Ce=(g==="contain"?Math.min:Math.max)(b/we,le/_e),ze=we*Ce,We=_e*Ce;C.clearRect(0,0,b,le),C.drawImage(p,(b-ze)/2,(le-We)/2,ze,We),fe=u,q||(q=true,Se(P));}function B(u){Ee=Math.min(L,Math.max(0,Math.round(u*L))),n.style.setProperty("--scroll-draw-progress",String(u)),_(),Se(Q,u,Ee);}function j(){let u=O.getBoundingClientRect(),p=m==="x"?u.left:u.top,b=m==="x"?u.width:u.height,le=Le({top:p,height:b},Ie(),Te(),se,K);V=le.tStart,R=le.tEnd,R===V&&b>0&&!h&&!ue&&(ue=true,k("scrollFrames: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",n));}let Ne=()=>Y(Ie(),V,R,1);function oe(){if(h)return;let u=Ne(),p=l?Math.max(X,W(E=Math.max(E,u))):W(u);A=p,B(p),p>=1&&!he?(he=true,Se(G)):p<1&&!l&&(he=false);}function He(){A=1,B(1);}I(),h||j();let be=De(window,[O],Ne,oe,()=>{I(),h||j(),_();}),Ue=()=>be.hold(T||h);Ue(),h&&He(),c();let qe=typeof ResizeObserver=="function"?new ResizeObserver(()=>{I(),_();}):null;qe?.observe(n);let je=h?()=>{}:Xe(u=>{u&&(je(),h=true,be.hold(true),re=re.slice(0,Oe),M[L]||re.push(L),Ae(),He(),c());});$e(n,{type:"frames",getProgress:()=>A,getTrigger:()=>({tStart:V,tEnd:R})});function me(){D||!T||(T=false,Ue());}return {destroy(){if(!D){D=true,be.off(),qe?.disconnect(),je();for(let u of x)u.onload=u.onerror=null,u.src="";x.clear(),ke(n);}},replay(){D||(X=-1,E=0,he=false,A=0,B(0),me());},pause(){D||(T=true,be.hold(true));},resume:me,seek(u){if(D)return;let p=Math.min(1,Math.max(0,u===u?u:0));A=p,X=p,E=0,T=true,be.hold(true),B(p);},getProgress(){return A}}}function Pt(e,{triggerElement:t,...r},n){let o=t;return typeof t=="string"&&typeof document<"u"&&(o=document.querySelector(t),o||k(`scrollFrames: triggerElement "${t}" matches nothing; measuring the canvas.`)),mr(e,{...r,frames:n.frames,triggerElement:o??void 0})}function pr(e,t){let r=document.createElement("span");r.textContent=t,r.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;user-select:none",e.appendChild(r);}function ht(e=""){let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),t.textContent=e,t}function gr(e){let t=e.textContent??"";return e.textContent="",t.split(/(\s+)/).filter(Boolean).map(r=>{let n=e.appendChild(ht(r)),o=/^\s+$/.test(r);return o?n.style.whiteSpace="pre":n.style.display="inline-block",o?null:n}).filter(r=>r!==null)}function Qr(e){let t=e.textContent??"";e.textContent="";let r=[],n=null;for(let o of t){let s=ht(o),i=o===" ";i?s.style.whiteSpace="pre":(s.style.display="inline-block",r.push(s)),i||o>"\u0DFF"?n=null:n||(n=e.appendChild(ht()),n.style.cssText="display:inline-block;white-space:nowrap"),(n??e).appendChild(s);}return r}function dr(e){let t=gr(e),r=new Map;for(let s of t){let i=s.offsetTop;r.has(i)||r.set(i,[]),r.get(i).push(s);}let n=[],o=Array.from(r.keys()).sort((s,i)=>s-i);for(let s of o){let i=r.get(s),l=ht();l.style.display="inline-block",i.forEach((m,g)=>{let w=m.nextElementSibling;l.appendChild(m),g<i.length-1&&w&&w.style.whiteSpace==="pre"&&l.appendChild(w);}),n.push(l);}return e.textContent="",n.forEach((s,i)=>{e.appendChild(s),i<n.length-1&&e.appendChild(document.createTextNode(" "));}),n}function Kr(e,t,r,n){if(r<=1||n===0)return e;n=Math.min(n,1/r);let o=(r-1)*n,s=t*n,i=s+(1-o);return i<=s?e>=s?1:0:rt((e-s)/(i-s),0,1)}function Xr(e,t){let r=[];if(t?.y!==void 0&&r.push(`translateY(${t.y*(1-e)}px)`),t?.x!==void 0&&r.push(`translateX(${t.x*(1-e)}px)`),t?.rotate!==void 0&&r.push(`rotate(${t.rotate*(1-e)}deg)`),t?.scale!==void 0){let n=t.scale+(1-t.scale)*e;r.push(`scale(${n})`);}return r.join(" ")}var $t={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function kt(e,t={}){if(typeof window>"u")return $t;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return k("scrollText: element not found:",e),$t;let n=r;return Be(t,(o,s)=>Jr(n,o,s))}function Jr(e,t,r){let{split:n="words",stagger:o=.04,easing:s="ease-out",from:i={opacity:0,y:24},trigger:l={},once:m=true,onComplete:g}=t,w=Re(s,"ease-out"),P=ae(l.start||"top 85%"),S=ae(l.end||"top 40%"),G=e.innerHTML,Q=e.textContent??"",v;n==="chars"?v=Qr(e):n==="lines"?v=dr(e):v=gr(e),pr(e,Q);let z=v.length;function Z(T,X){i?.opacity!==void 0&&(T.style.opacity=String(i.opacity+(1-i.opacity)*X));let E=Xr(X,i);E&&(T.style.transform=E);}function $(T){e.style.setProperty("--scroll-draw-progress",String(T)),v.forEach((X,E)=>{let A=w(Kr(T,E,z,o));Z(X,A);});}if(r)return $(1),g?.(),{...$t,destroy:()=>{e.innerHTML=G;},getProgress:()=>1};$(0);let C=0,L=0,O=-1,h=0,F=false;function W(){({tStart:C,tEnd:L}=Le(e.getBoundingClientRect(),window.scrollY,window.innerHeight,P,S));}let se=()=>Y(window.scrollY,C,L,1);function K(){let T=m?O=Math.max(O,se()):se();h=T,$(T),T>=1&&!F?(F=true,g?.()):T<1&&!m&&(F=false);}W();let V=De(window,[e],se,K,()=>{n==="lines"&&(e.innerHTML=G,v=dr(e),pr(e,Q),$(h)),W();});$e(e,{type:"text",getProgress:()=>h,getTrigger:()=>({tStart:C,tEnd:L})});let R=()=>V.hold(false);return {destroy(){V.off(),e.innerHTML=G,ke(e);},replay(){O=-1,F=false,h=0,$(0),R();},pause:()=>V.hold(true),resume:R,seek(T){V.hold(true),$(h=O=rt(T,0,1));},getProgress(){return h}}}function Je(e,t,r,n=st){let o=t,s=n(t),i=r(e,Tt(t,()=>o),t);return {update(l){o=l;let m=n(l);m!==s&&(s=m,i.destroy(),i=r(e,Tt(l,()=>o),l));},destroy(){i.destroy();}}}function Io(e,t={}){return Je(e,t,St)}function Ho(e={}){let t=null;function r(n){return t=St(n,e),{destroy(){t?.destroy(),t=null;}}}return {action:r,getInstance:()=>t}}function Ro(e,t){return Je(e,t,Mt)}function Do(e){let t=null;function r(n){return t=Mt(n,e),{destroy(){t?.destroy(),t=null;}}}return {action:r,getInstance:()=>t}}function No(e,t){return Je(e,t,Lt)}function Vo(e){let t=null;function r(n){return t=Lt(n,e),{destroy(){t?.destroy(),t=null;}}}return {action:r,getInstance:()=>t}}function _o(e,t={}){return Je(e,t,At)}function zo(e={}){let t=null;function r(n){return t=At(n,e),{destroy(){t?.destroy(),t=null;}}}return {action:r,getInstance:()=>t}}function Wo(e,t){return Ct(e,"scrollFramesAction"),Je(e,t,Pt,fr)}function Go(e){let t=null;function r(n){return Ct(n,"createScrollFrames"),t=Pt(n,e,e),{destroy(){t?.destroy(),t=null;}}}return {action:r,getInstance:()=>t}}function Bo(e,t={}){return Je(e,t,kt)}function qo(e={}){let t=null;function r(n){return t=kt(n,e),{destroy(){t?.destroy(),t=null;}}}return {action:r,getInstance:()=>t}}exports.createScrollAnimate=Do;exports.createScrollCounter=Vo;exports.createScrollDraw=Ho;exports.createScrollFrames=Go;exports.createScrollText=qo;exports.createScrollVideo=zo;exports.scrollAnimate=Ro;exports.scrollCounterAction=No;exports.scrollDraw=Io;exports.scrollFramesAction=Wo;exports.scrollTextAction=Bo;exports.scrollVideoAction=_o;