svg-scroll-draw 2.19.0 → 2.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/dist/angular/index.cjs +2 -2
- package/dist/angular/index.d.mts +3 -3
- package/dist/angular/index.d.ts +3 -3
- package/dist/angular/index.mjs +1 -1
- package/dist/astro/index.cjs +2 -2
- package/dist/astro/index.d.mts +3 -3
- package/dist/astro/index.d.ts +3 -3
- package/dist/astro/index.mjs +1 -1
- package/dist/cdn/svg-scroll-draw.dev.global.js +28 -6
- package/dist/cdn/svg-scroll-draw.global.js +2 -2
- package/dist/{chunk-JPK2NJWO.mjs → chunk-6SSA5V7J.mjs} +1 -1
- package/dist/chunk-LQBXJRFY.mjs +3 -0
- package/dist/{chunk-PKHX3HSS.mjs → chunk-VVFGB4RT.mjs} +1 -1
- package/dist/{engine-C9LKls__.d.ts → engine-DQyBzZDl.d.ts} +1 -1
- package/dist/{engine-CvzRSkuk.d.mts → engine-P8u6OK4m.d.mts} +1 -1
- package/dist/group/index.cjs +3 -3
- package/dist/group/index.d.mts +3 -3
- package/dist/group/index.d.ts +3 -3
- package/dist/group/index.mjs +1 -1
- package/dist/horizontal/index.d.mts +1 -1
- package/dist/horizontal/index.d.ts +1 -1
- package/dist/{index-Zxa5HIes.d.mts → index-CMqK0GCT.d.mts} +2 -2
- package/dist/{index-BlIjovDN.d.mts → index-CdaBYn3A.d.mts} +1 -1
- package/dist/{index-DZjvLJcU.d.ts → index-D3o4vT3e.d.ts} +1 -1
- package/dist/{index-G3VfLIN8.d.ts → index-DPqPEnO-.d.ts} +2 -2
- package/dist/index.cjs +4 -4
- package/dist/index.d.mts +6 -6
- package/dist/index.d.ts +6 -6
- package/dist/index.mjs +1 -1
- package/dist/nuxt/index.cjs +2 -2
- package/dist/nuxt/index.d.mts +3 -3
- package/dist/nuxt/index.d.ts +3 -3
- package/dist/nuxt/index.mjs +1 -1
- package/dist/pin/index.cjs +1 -1
- package/dist/pin/index.d.mts +8 -2
- package/dist/pin/index.d.ts +8 -2
- package/dist/pin/index.mjs +1 -1
- package/dist/progress/index.d.mts +1 -1
- package/dist/progress/index.d.ts +1 -1
- package/dist/react/index.cjs +2 -2
- package/dist/react/index.d.mts +7 -8
- package/dist/react/index.d.ts +7 -8
- package/dist/react/index.mjs +1 -1
- package/dist/reveal/index.d.mts +1 -1
- package/dist/reveal/index.d.ts +1 -1
- package/dist/{scroll-draw-B4CadBz0.d.mts → scroll-draw-Dej-GIRP.d.mts} +1 -1
- package/dist/{scroll-draw-Cs6Z5ype.d.ts → scroll-draw-DsBMkwrX.d.ts} +1 -1
- package/dist/snap/index.d.mts +1 -1
- package/dist/snap/index.d.ts +1 -1
- package/dist/solid/index.cjs +3 -3
- package/dist/solid/index.d.mts +3 -3
- package/dist/solid/index.d.ts +3 -3
- package/dist/solid/index.mjs +1 -1
- package/dist/svelte/index.cjs +2 -2
- package/dist/svelte/index.d.mts +3 -3
- package/dist/svelte/index.d.ts +3 -3
- package/dist/svelte/index.mjs +1 -1
- package/dist/text/index.d.mts +1 -1
- package/dist/text/index.d.ts +1 -1
- package/dist/timeline/index.d.mts +1 -1
- package/dist/timeline/index.d.ts +1 -1
- package/dist/{types-B0YM4nQP.d.mts → types-MswK0erX.d.mts} +6 -0
- package/dist/{types-B0YM4nQP.d.ts → types-MswK0erX.d.ts} +6 -0
- package/dist/video/index.d.mts +1 -1
- package/dist/video/index.d.ts +1 -1
- package/dist/vue/index.cjs +2 -2
- package/dist/vue/index.d.mts +3 -3
- package/dist/vue/index.d.ts +3 -3
- package/dist/vue/index.mjs +1 -1
- package/dist/web-component/index.cjs +3 -3
- package/dist/web-component/index.mjs +1 -1
- package/package.json +3 -3
- package/dist/chunk-WHFRS7IP.mjs +0 -3
package/dist/react/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';var
|
|
2
|
+
'use strict';var Or=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Or__default=/*#__PURE__*/_interopDefault(Or);function lr({bounces:e=3,decay:n=.5}={}){let r=Math.max(1,Math.round(e)),t=Math.max(.01,Math.min(.99,n)),o=Math.sqrt(t),s=0,a=[];for(let d=0;d<r;d++){let x=Math.pow(o,d);a.push(x),s+=x;}let c=[0],m=0;for(let d=0;d<r;d++)m+=a[d]/s,c.push(m);return d=>{if(d<=0)return 0;if(d>=1)return 1;for(let x=0;x<r;x++)if(d<=c[x+1]){let M=(d-c[x])/(c[x+1]-c[x]);if(x===0)return M*(2-M);let P=1-Math.pow(t,x);return P+(1-P)*(2*M-1)*(2*M-1)}return 1}}function cr({amplitude:e=1,period:n=.4}={}){let r=Math.max(1,e),t=Math.max(.1,n),o=r<=1?t/4:t/(2*Math.PI)*Math.asin(1/r);return s=>s<=0?0:s>=1?1:r*Math.pow(2,-10*s)*Math.sin((s-o)*(2*Math.PI)/t)+1}var Z={linear:e=>e,"ease-in":e=>e*e,"ease-out":e=>e*(2-e),"ease-in-out":e=>e<.5?2*e*e:-1+(4-2*e)*e,spring:e=>1-Math.cos(e*Math.PI*2.5)*Math.pow(1-e,2.2),bounce:lr(),elastic:cr()};function Lt(e,n,r){return Math.min(r,Math.max(n,e))}function ce(e="top bottom"){let n=e.trim();if(/^\d+(\.\d+)?%$/.test(n))return {element:"top",viewport:n};let[r="top",t="bottom"]=n.split(/\s+/).filter(Boolean);return {element:r,viewport:t}}function Pt(e,n,r,t){switch(t){case "top":return e+r;case "center":return e+r+n/2;case "bottom":return e+r+n;default:return e+r}}function Ct(e,n){if(/^\d+(\.\d+)?%$/.test(e))return n*(parseFloat(e)/100);switch(e){case "top":return 0;case "center":return n/2;case "bottom":return n;default:return n}}function ee(e,n,r,t){return r===n?0:Lt((e-n)/(r-n)*t,0,1)}function Me(e,n,r,t,o){let s=Pt(e.top,e.height,n,t.element)-Ct(t.viewport,r),a=Pt(e.top,e.height,n,o.element)-Ct(o.viewport,r);return {tStart:s,tEnd:a}}function it(e,n,r){let t=e.getBoundingClientRect(),o=r==="x"?t.width:t.height;return n?{top:r==="x"?t.left-n.getBoundingClientRect().left+n.scrollLeft:t.top-n.getBoundingClientRect().top+n.scrollTop,height:o,scroll:0}:{top:r==="x"?t.left:t.top,height:o,scroll:r==="x"?window.scrollX:window.scrollY}}function Ge(e){let n=e.tagName.toLowerCase();if(n==="rect"){let r=parseFloat(e.getAttribute("width")??"0"),t=parseFloat(e.getAttribute("height")??"0");return 2*(r+t)}if(n==="circle"){let r=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*r}return e.getTotalLength()}function $t(e){let n=/^#([a-f\d])([a-f\d])([a-f\d])$/i.exec(e);if(n)return [parseInt(n[1]+n[1],16),parseInt(n[2]+n[2],16),parseInt(n[3]+n[3],16)];let r=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(r)return [parseInt(r[1],16),parseInt(r[2],16),parseInt(r[3],16)];let t=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(e);return t?[parseInt(t[1]),parseInt(t[2]),parseInt(t[3])]:null}function je(e,n,r){let t=$t(e),o=$t(n);return !t||!o?e:`rgb(${Math.round(t[0]+(o[0]-t[0])*r)},${Math.round(t[1]+(o[1]-t[1])*r)},${Math.round(t[2]+(o[2]-t[2])*r)})`}var kt={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 Ye=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function ve(e,...n){Ye&&console.warn(`[svg-scroll-draw] ${e}`,...n);}var ur="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",mr="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",Rt=33;function fr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function pr(e){let n=[];for(let r=0;r<Rt;r++){let t=r/(Rt-1);n.push(String(Math.round(e(t)*1e5)/1e5));}return `linear(${n.join(",")})`}function at(e){switch(e){case "linear":return "linear";case "ease-in":return ur;case "ease-out":return mr;case "ease-in-out":return fr()?pr(Z["ease-in-out"]):null;default:return null}}var Ot=Symbol.for("svg-scroll-draw.registry");function It(){let e=globalThis;return e[Ot]||(e[Ot]=new Map)}function Re(e,n){It().set(e,n);}function Oe(e){It().delete(e);}var Ke,lt=new Set,ct=new WeakMap,Qe=new Map,Nt=e=>{let n=e.getBoundingClientRect();return n.width+" "+n.height};function dr(e){let n=new Set;for(let r of e)for(;r&&r!==document.body;r=r.parentElement)for(let t=r;t;t=t.previousElementSibling)n.add(t);return n}function Ne(e,n){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let r=()=>n();Ke??(Ke=new ResizeObserver(o=>{let s=false;for(let{target:a}of o)ct.get(a)!==Nt(a)&&(s=true),ct.set(a,"");s&<.forEach(a=>a());})),lt.add(r);let t=dr(e);return [document.body,document.documentElement].forEach(o=>o&&t.add(o)),t.forEach(o=>{ct.has(o)||ct.set(o,Nt(o)),Qe.set(o,(Qe.get(o)??0)+1),Ke.observe(o);}),()=>{lt.delete(r)&&(t.forEach(o=>{let s=(Qe.get(o)??1)-1;if(s)return void Qe.set(o,s);Qe.delete(o),Ke?.unobserve(o);}),lt.size||(Ke?.disconnect(),Ke=void 0));}}var gr=0;function yr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function Ft(e,n){let r="";try{r=getComputedStyle(e).getPropertyValue(n).trim();}catch{}return r||(e.getAttribute(n)??"").trim()}var Dt=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function hr(e){if(!Ye)return;let n=Ft(e,"stroke");if(!n||n==="none"){ve("Element has no stroke \u2014 path will not be visible.",e);return}let r=(e.getAttribute("fill")??"").trim();r&&!Dt.has(r)&&!Dt.has(Ft(e,"fill"))&&ve("Element has a fill \u2014 it may obscure the stroke animation.",e);}function br(e,n,r){let t=document.createElement("div");t.setAttribute("data-svg-scroll-draw-debug",""),t.style.cssText="position:fixed;pointer-events:none;z-index:9999;font-family:monospace;font-size:11px;top:0;left:0;right:0;bottom:0;";function o(){let s=r==="x"?window.scrollX:window.scrollY,a=e-s,c=n-s,m=r==="x";t.innerHTML=`
|
|
3
3
|
<div style="position:absolute;${m?`left:${a}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${a}px;left:0;right:0;border-top:2px dashed #22c55e;`}padding:2px 6px;color:#22c55e;background:rgba(0,0,0,.6)">\u25B6 start</div>
|
|
4
|
-
<div style="position:absolute;${m?`left:${c}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${c}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(t),window.addEventListener("scroll",o,{passive:true}),o(),{el:t,destroy(){window.removeEventListener("scroll",o),t.remove();}}}var It=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,Ft=/[MmLlHhVvCcSsQqTtAaZz]/g;function dr(e,n,r){if(!je)return;let t=(e.match(Ft)??[]).join("").toUpperCase(),o=(n.match(Ft)??[]).join("").toUpperCase(),s=(e.match(It)??[]).length,a=(n.match(It)??[]).length;if(t!==o){we(`morphTo: command sequence differs (${t||"\u2205"} \u2192 ${o||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,r);return}s!==a&&we(`morphTo: coordinate count differs (${s} \u2192 ${a}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,r);}function pt(e,n,r){let t=(n.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let a=parseFloat(s),c=t[o++]??a;return String(+(a+(c-a)*r).toFixed(4))})}function Nt(e,n={}){if(typeof window>"u")return {destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};let{preset:r,...t}=n,o=r?{...Lt[r],...t}:t,s=window.matchMedia("(prefers-reduced-motion: reduce)").matches,{selector:a="path, polyline, line, polygon, rect, circle",speed:c=1,fade:m=false,easing:g="linear",trigger:x={},stagger:C=0,direction:L="forward",once:ee=false,debug:ve=false,axis:z="y",scrollContainer:K,autoReverse:V=false,delay:_=0,strokeColor:O,strokeWidth:$,fillOpacity:k,waypoints:b,velocityScale:P=false,threshold:v=0,rootMargin:w="0px",repeat:y=0,repeatDelay:U=0,morphTo:M,clip:q,autoplay:se=false,duration:he=1e3,native:be=true,onProgress:W,onStart:R,onComplete:f,onEnter:p,onLeave:I,onEnterBack:X,onLeaveBack:Te}=o,S=q===true?"left":typeof q=="string"?q:false,B=typeof g=="function"?g:J[g]??J.linear,ue=ie(x.start??"top bottom"),Ne=ie(x.end??"bottom top"),xe=typeof K=="string"?document.querySelector(K):K??null,Ae=Array.isArray(O)?O[0]:null,me=Array.isArray(O)?O[1]:typeof O=="string"?O:null,te=Array.isArray($)?$[0]:null,ae=Array.isArray($)?$[1]:typeof $=="number"?$:null,le=Array.isArray(k)?k[0]:null,re=Array.isArray(k)?k[1]:typeof k=="number"?k:null;function De(i){let u=i*100;switch(S){case "right":return `inset(0 0 0 ${100-u}%)`;case "top":return `inset(0 0 ${100-u}% 0)`;case "bottom":return `inset(${100-u}% 0 0 0)`;case "center":return `circle(${i*150}% at 50% 50%)`;default:return `inset(0 ${100-u}% 0 0)`}}let Y=S?[]:Array.from(e.querySelectorAll(a)),F=[],fe=[],pe=0,Ce=0,l=false,d=false,G=0,de=false,D=-1,ce=[],$e=-1,ne=false,H=0,Me=0,Le,lt=null;function gt(){lt?.destroy(),lt=null;}let ze=new Set,yt=NaN,Ve=true,Qe=-1,ht=performance.now(),_e=NaN;function ct(){return xe?z==="x"?xe.scrollLeft:xe.scrollTop:z==="x"?window.scrollX:window.scrollY}function bt(){return xe?z==="x"?xe.clientWidth:xe.clientHeight:z==="x"?window.innerWidth:window.innerHeight}function wt(){let i=nt(e,xe,z);return Se(i,i.scroll,bt(),ue,Ne)}function vt(){(({tStart:pe,tEnd:Ce}=wt())),ve&&je&&(gt(),lt=pr(pe,Ce,z));}function ut(i,u=wt){Re(e,{type:"draw",getProgress:()=>i.getProgress(),getTrigger:u});let T=i.destroy;return i.destroy=()=>{T.call(i),Oe(e);},i}function Jt(i,u){if(e.style.setProperty("--scroll-draw-progress",String(i)),S){let T=u==="reverse"?1-i:i;e.style.clipPath=De(T);return}Y.forEach((T,ge)=>{T.style.strokeDashoffset=u==="reverse"?`${F[ge]*i}`:`${F[ge]*(1-i)}`,m&&(T.style.opacity=u==="reverse"?`${1-i}`:`${i}`),Ae&&me?T.style.stroke=We(Ae,me,i):me&&(T.style.stroke=me),te!==null&&ae!==null?T.style.strokeWidth=`${te+(ae-te)*i}`:ae!==null&&(T.style.strokeWidth=`${ae}`),le!==null&&re!==null?T.style.fillOpacity=`${le+(re-le)*i}`:re!==null&&(T.style.fillOpacity=`${re}`),M&&T.tagName.toLowerCase()==="path"&&fe[ge]&&T.setAttribute("d",pt(fe[ge],M,i));});}function Je(){if(e.style.setProperty("--scroll-draw-progress","0"),S){e.style.clipPath=De(0);return}Y.forEach((i,u)=>{i.style.strokeDasharray=`${F[u]}`,i.style.strokeDashoffset=L==="reverse"?"0":`${F[u]}`,m?i.style.opacity=L==="reverse"?"1":"0":i.style.opacity="",Ae&&(i.style.stroke=Ae),te!==null&&(i.style.strokeWidth=`${te}`),le!==null&&(i.style.fillOpacity=`${le}`),M&&i.tagName.toLowerCase()==="path"&&fe[u]&&i.setAttribute("d",fe[u]);});}if(Y.forEach(i=>{fr(i);let u=qe(i);F.push(u);let T=i.tagName.toLowerCase()==="path";T?fe.push(i.getAttribute("d")??""):fe.push(""),M&&(T?dr(fe[fe.length-1],M,i):we(`morphTo only applies to <path> elements \u2014 ignored on <${i.tagName}>.`,i)),s?(i.style.strokeDasharray=`${u}`,i.style.strokeDashoffset=L==="reverse"?`${u}`:"0",m&&(i.style.opacity="1"),me&&(i.style.stroke=me),ae!==null&&(i.style.strokeWidth=`${ae}`),re!==null&&(i.style.fillOpacity=`${re}`),M&&i.tagName.toLowerCase()==="path"&&i.setAttribute("d",M)):(i.style.strokeDasharray=`${u}`,i.style.strokeDashoffset=L==="reverse"?"0":`${u}`,m?i.style.opacity=L==="reverse"?"1":"0":i.style.opacity="",Ae&&(i.style.stroke=Ae),te!==null&&(i.style.strokeWidth=`${te}`),le!==null&&(i.style.fillOpacity=`${le}`));}),S){if(s)return e.style.clipPath=De(1),f?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};e.style.clipPath=De(0);}else if(s)return f?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};let Et=typeof g=="string"?ot(g):null;function Zt(){return !(be===false||!mr()||!Y.length||!Et||S||z!=="y"||xe||c!==1||C!==0||ee||V||P!==false||M||b||y||_>0||W||R||f||p||I||X||Te||O!=null||$!=null||k!=null||(x.start??"top bottom").trim()!=="top bottom"||(x.end??"bottom top").trim()!=="bottom top")}function er(){let i=++ur,u=`svg-scroll-draw-${i}`,T=`svg-scroll-draw-host-${i}`,ge=`--svg-scroll-draw-${i}`,He=L==="reverse"?"0":"var(--ssd-len)",Ie=L==="reverse"?"var(--ssd-len)":"0",ke=`stroke-dashoffset:${He};`,A=`stroke-dashoffset:${Ie};`;m&&(ke+=`opacity:${L==="reverse"?1:0};`,A+=`opacity:${L==="reverse"?0:1};`);let N=document.createElement("style");N.setAttribute("data-svg-scroll-draw",""),N.textContent=`@keyframes ${u}{from{${ke}}to{${A}}}.${T}{view-timeline-name:${ge};view-timeline-axis:block;}.${u}{animation-name:${u};animation-duration:auto;animation-timing-function:${Et};animation-fill-mode:both;animation-timeline:${ge};animation-range:cover 0% cover 100%;}`,document.head.appendChild(N),e.classList.add(T);function ye(h,oe){h.style.setProperty("--ssd-len",String(F[oe])),h.style.strokeDasharray=`${F[oe]}`,h.style.strokeDashoffset="",h.style.opacity="",h.style.animationPlayState="",h.classList.add(u);}Y.forEach(ye);let E=false,j=-1;function Q(){if(j>=0)return j;let h=e.getBoundingClientRect(),{tStart:oe,tEnd:Pe}=Se({top:h.top,height:h.height},ct(),bt(),ue,Ne);return B(Z(ct(),oe,Pe,c))}return {destroy(){e.classList.remove(T),Y.forEach(h=>{h.classList.remove(u),h.style.removeProperty("--ssd-len"),h.style.animationPlayState="";}),N.remove();},replay(){E=false,j=-1,Y.forEach(ye);},pause(){E=true,Y.forEach(h=>{h.style.animationPlayState="paused";});},resume(){E&&(E=false,Y.forEach(h=>{h.style.animationPlayState="running";}));},seek(h){let oe=Math.min(1,Math.max(0,h));j=oe,E=true,Y.forEach((Pe,Ee)=>{Pe.classList.remove(u),Pe.style.strokeDashoffset=L==="reverse"?`${F[Ee]*oe}`:`${F[Ee]*(1-oe)}`,m&&(Pe.style.opacity=L==="reverse"?`${1-oe}`:`${oe}`);});},getProgress(){return Q()},refresh(){Y.forEach((h,oe)=>{F[oe]=qe(h),h.style.setProperty("--ssd-len",String(F[oe])),h.style.strokeDasharray=`${F[oe]}`;});}}}if(Zt())return ut(er());function tr(){let i=Math.max(1,he),u=0,T=0,ge=false;function He(E){let j=true;if(S){let Q=Math.min(1,Math.max(0,E/i)),h=B(Q);H=h,e.style.setProperty("--scroll-draw-progress",String(h)),e.style.clipPath=De(L==="reverse"?1-h:h),W?.(h),Q<1&&(j=false);}else Y.forEach((Q,h)=>{let oe=h*C*i,Pe=Math.min(1,Math.max(0,(E-oe)/i)),Ee=B(Pe);Q.style.strokeDashoffset=L==="reverse"?`${F[h]*Ee}`:`${F[h]*(1-Ee)}`,m&&(Q.style.opacity=L==="reverse"?`${1-Ee}`:`${Ee}`),Ae&&me?Q.style.stroke=We(Ae,me,Ee):me&&(Q.style.stroke=me),te!==null&&ae!==null?Q.style.strokeWidth=`${te+(ae-te)*Ee}`:ae!==null&&(Q.style.strokeWidth=`${ae}`),le!==null&&re!==null?Q.style.fillOpacity=`${le+(re-le)*Ee}`:re!==null&&(Q.style.fillOpacity=`${re}`),M&&Q.tagName.toLowerCase()==="path"&&fe[h]&&Q.setAttribute("d",pt(fe[h],M,Ee)),h===0&&(H=Ee,W?.(Ee),e.style.setProperty("--scroll-draw-progress",String(Ee))),Pe<1&&(j=false);});if(b){let Q=Math.min(1,Math.max(0,E/i)),h=B(Q);for(let oe in b){let Pe=parseFloat(oe);h>=Pe&&!ze.has(Pe)&&(ze.add(Pe),b[oe]?.());}}return j}function Ie(E){if(ne)return;let j=E-u;d||(d=true,R?.());let Q=He(j);if(Q&&!l){l=true,He(i*(1+Math.max(0,Y.length-1)*C)),f?.(),Me<(y==="infinite"?1/0:y??0)&&(Me++,Le=setTimeout(()=>{u=performance.now(),d=false,l=false,ze.clear(),Je(),G=requestAnimationFrame(Ie);},U));return}Q||(G=requestAnimationFrame(Ie));}function ke(){cancelAnimationFrame(G),clearTimeout(Le),u=performance.now(),T=0,ne=false,d=false,l=false,Me=0,ge=true,H=0,ze.clear(),Je(),G=requestAnimationFrame(Ie);}let A=new IntersectionObserver(E=>{E.forEach(j=>{j.isIntersecting&&!(ee&&l)?ke():!j.isIntersecting&&!ee&&!l&&(cancelAnimationFrame(G),clearTimeout(Le),ge=false);});},{root:xe??null,threshold:v,rootMargin:w}),N;function ye(){clearTimeout(N),N=setTimeout(()=>{Y.forEach((E,j)=>{F[j]=qe(E),E.style.strokeDasharray=`${F[j]}`;});},150);}return window.addEventListener("resize",ye),window.addEventListener("orientationchange",ye),_>0?setTimeout(()=>A.observe(e),_):A.observe(e),{destroy(){cancelAnimationFrame(G),clearTimeout(Le),A.disconnect(),window.removeEventListener("resize",ye),window.removeEventListener("orientationchange",ye),clearTimeout(N);},replay(){Me=0,ke();},pause(){ne||!ge||(ne=true,T=performance.now()-u,cancelAnimationFrame(G));},resume(){ne&&(ne=false,ge=true,u=performance.now()-T,G=requestAnimationFrame(Ie));},seek(E){let j=Math.min(1,Math.max(0,E));H=j,ne=true,T=j*i,u=performance.now()-T,cancelAnimationFrame(G),He(T);},getProgress(){return H},refresh(){clearTimeout(N),Y.forEach((E,j)=>{F[j]=qe(E),E.style.strokeDasharray=`${F[j]}`;});}}}if(se)return ut(tr());vt();function Ze(){if(!de||ne)return;let i=performance.now(),u=ct();if(!Ve&&P===false&&u===yt){G=requestAnimationFrame(Ze);return}Ve=false,yt=u;let T=c;if(P!==false){let A=i-ht,N=A>0?Math.abs(u-(Qe<0?u:Qe))/A:0;T=c*Math.max(.2,1+N*(typeof P=="number"?P:1)*.04);}Qe=u,ht=i;let ge=V?$e===-1||u>=$e?"forward":"reverse":L;$e=u;let He=Ce-pe,Ie=true,ke=He===0?0:(u-pe)/He;if(isNaN(_e)||(_e<=0&&ke>0?p?.():_e>0&&ke<=0&&Te?.(),_e<1&&ke>=1?I?.():_e>=1&&ke<1&&X?.()),_e=ke,S){let A=B(Z(u,pe,Ce,T));ee&&!V&&(D=Math.max(D,A),A=D),H=A,e.style.setProperty("--scroll-draw-progress",String(A));let N=ge==="reverse"?1-A:A;e.style.clipPath=De(N),W?.(A),!d&&Z(u,pe,Ce,T)>0&&(d=true,R?.()),A>=1&&!l?(l=true,f?.(),Me<(y==="infinite"?1/0:y??0)&&(Me++,Le=setTimeout(()=>{D=-1,d=false,l=false,e.style.clipPath=De(0);},U))):A<1&&!ee&&(l=false),G=requestAnimationFrame(Ze);return}if(Y.forEach((A,N)=>{let ye=N*C*He,E=B(Z(u,pe+ye,Ce+ye,T));ee&&!V&&(E=ce[N]=Math.max(ce[N]??D,E)),A.style.strokeDashoffset=ge==="reverse"?`${F[N]*E}`:`${F[N]*(1-E)}`,m&&(A.style.opacity=ge==="reverse"?`${1-E}`:`${E}`),Ae&&me?A.style.stroke=We(Ae,me,E):me&&(A.style.stroke=me),te!==null&&ae!==null?A.style.strokeWidth=`${te+(ae-te)*E}`:ae!==null&&(A.style.strokeWidth=`${ae}`),le!==null&&re!==null?A.style.fillOpacity=`${le+(re-le)*E}`:re!==null&&(A.style.fillOpacity=`${re}`),M&&A.tagName.toLowerCase()==="path"&&fe[N]&&A.setAttribute("d",pt(fe[N],M,E)),N===0&&(H=E,W?.(E),e.style.setProperty("--scroll-draw-progress",String(E))),E<1&&(Ie=false);}),b){let A=B(Z(u,pe,Ce,T));for(let N in b){let ye=parseFloat(N);A>=ye&&!ze.has(ye)&&(ze.add(ye),b[N]?.());}}!d&&Z(u,pe,Ce,T)>0&&(d=true,R?.()),Ie&&!l?(l=true,f?.(),Me<(y==="infinite"?1/0:y??0)&&(Me++,Le=setTimeout(()=>{D=-1,ce=[],d=false,l=false,ze.clear(),Je(),Ve=true;},U))):!Ie&&!ee&&(l=false),G=requestAnimationFrame(Ze);}let mt=false;function et(){mt||(mt=true,G=requestAnimationFrame(function(){Ze();}));}function tt(){mt=false,cancelAnimationFrame(G);}let ft=new IntersectionObserver(i=>{i.forEach(u=>{de=u.isIntersecting,de&&!ne?(Ve=true,et()):tt();});},{root:xe??null,threshold:v,rootMargin:w});function St(){Y.forEach((i,u)=>{F[u]=qe(i),i.style.strokeDasharray=`${F[u]}`;}),vt(),Ve=true;}let rt;function Ge(){clearTimeout(rt),rt=setTimeout(St,150);}window.addEventListener("resize",Ge),window.addEventListener("orientationchange",Ge);let rr=Fe([e],Ge);return _>0?setTimeout(()=>ft.observe(e),_):ft.observe(e),ut({destroy(){cancelAnimationFrame(G),clearTimeout(Le),tt(),ft.disconnect(),rr(),window.removeEventListener("resize",Ge),window.removeEventListener("orientationchange",Ge),clearTimeout(rt),gt();},replay(){D=-1,ce=[],$e=-1,Qe=-1,d=false,l=false,Me=0,ne=false,H=0,ze.clear(),clearTimeout(Le),Je(),Ve=true,de&&et();},pause(){ne=true,tt();},resume(){ne&&(ne=false,Ve=true,de&&et());},seek(i){let u=Math.min(1,Math.max(0,i));H=u,D=u,ce=[],ne=true,tt(),Jt(u,L),Ve=true;},getProgress(){return H},refresh(){clearTimeout(rt),St(),de&&!ne&&et();}},()=>({tStart:pe,tEnd:Ce}))}var Dt=new WeakMap,gr=0;function Ht(e){return JSON.stringify(e,(n,r)=>{if(typeof r=="function")return "\u0192";if(typeof Element<"u"&&r instanceof Element){let t=Dt.get(r);return t===void 0&&Dt.set(r,t=++gr),`el#${t}`}return r})}function zt(e,n){let r={...e};for(let t of Object.keys(r))typeof r[t]=="function"&&(r[t]=(...o)=>n()[t]?.(...o));return r}function yr(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function Vt(e){let n=[],r=/([\w]+)\(([^)]*)\)/g,t;for(;(t=r.exec(e))!==null;){let o=[],s=[],a=t[2].trim();if(a)for(let c of a.split(/[\s,]+/)){let m=c.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(m?parseFloat(m[1]):0),s.push(m?m[2]:"");}n.push({fn:t[1],nums:o,units:s});}return n}function hr(e,n,r){let t=Vt(e),o=Vt(n);return t.length===0||t.length!==o.length?r<1?e:n:t.map((s,a)=>{let c=o[a];return s.fn!==c.fn||s.nums.length!==c.nums.length?r<1?`${s.fn}(${s.nums.map((m,g)=>`${m}${s.units[g]}`).join(", ")})`:`${c.fn}(${c.nums.map((m,g)=>`${m}${c.units[g]}`).join(", ")})`:`${s.fn}(${s.nums.map((m,g)=>`${m+(c.nums[g]-m)*r}${s.units[g]}`).join(", ")})`}).join(" ")}function _t(e,n,r){if(typeof e=="number"&&typeof n=="number")return String(e+(n-e)*r);let t=String(e),o=String(n);if(yr(t))return We(t,o,r);if(t.includes("("))return hr(t,o,r);let s=t.match(/^([-+]?[\d.]+)(.*)$/),a=o.match(/^([-+]?[\d.]+)(.*)$/);if(s&&a){let c=parseFloat(s[1]),m=parseFloat(a[1]);return `${c+(m-c)*r}${s[2]||a[2]}`}return r<1?t:o}function br(e){return e.replace(/([A-Z])/g,n=>`-${n.toLowerCase()}`)}var wr=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),vr=0,qt="--scroll-draw-progress";function Er(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}function Wt(e,n){let r={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};if(typeof window>"u")return r;let{props:t,trigger:o={},easing:s="ease-out",speed:a=1,once:c=false,axis:m="y",scrollContainer:g,native:x=true,velocityScale:C=false,respectReducedMotion:L=true,triggerElement:ee,onProgress:ve,onComplete:z,onEnter:K,onLeave:V,onEnterBack:_,onLeaveBack:O}=n,$=L&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,k=typeof s=="function"?s:J[s]??J["ease-out"],b=ie(o.start??"top bottom"),P=ie(o.end??"bottom top"),v=ee??e,w=typeof g=="string"?document.querySelector(g):g??null,y=Object.entries(t).map(([l,d])=>({prop:br(l),from:Array.isArray(d)?d[0]:"",to:Array.isArray(d)?d[1]:d}));function U(){let l=window.getComputedStyle(e);for(let d of y)d.from===""&&(d.from=l.getPropertyValue(d.prop).trim()||"0");}function M(){for(let l of y)e.style.setProperty(l.prop,String(l.to));}let q=new Map;for(let l of [...y.map(d=>d.prop),qt])q.set(l,e.style.getPropertyValue(l));function se(){for(let[l,d]of q)d?e.style.setProperty(l,d):e.style.removeProperty(l);}if($)return M(),z?.(),{...r,destroy:se,getProgress:()=>1};U();let he=typeof s=="string"?ot(s):null;function be(){if(!x||!Er()||!he||m!=="y"||w||v!==e||c||a!==1||ve||z||K||V||_||O||C!==false||(o.start??"top bottom").trim()!=="top bottom"||(o.end??"bottom top").trim()!=="bottom top")return false;for(let l of y)if(!wr.has(l.prop))return false;return true}function W(){let l=`ssd-a-${++vr}`,d=y.map(H=>`${H.prop}:${H.from}`).join(";"),G=y.map(H=>`${H.prop}:${H.to}`).join(";"),de=document.createElement("style");de.setAttribute("data-ssd-animate",""),de.textContent=`@keyframes ${l}{from{${d}}to{${G}}}.${l}{animation-name:${l};animation-duration:auto;animation-timing-function:${he};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(de),e.classList.add(l);let D=()=>m==="x"?window.scrollX:window.scrollY,ce=()=>m==="x"?window.innerWidth:window.innerHeight,$e=()=>{let H=e.getBoundingClientRect();return Se({top:H.top,height:H.height},D(),ce(),b,P)};Re(e,{type:"animate",getProgress:()=>ne.getProgress(),getTrigger:$e});let ne={refresh(){},destroy(){e.classList.remove(l),de.remove(),e.style.animationPlayState="",se(),Oe(e);},replay(){e.classList.remove(l),e.offsetWidth,e.classList.add(l);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(H){let Me=Math.min(1,Math.max(0,H));e.classList.remove(l);for(let Le of y)e.style.setProperty(Le.prop,_t(Le.from,Le.to,Me));},getProgress(){let{tStart:H,tEnd:Me}=$e();return k(Z(D(),H,Me,a))}};return ne}if(be())return W();let R=0,f=0,p=0,I=false,X=false,Te=-1,S=0,B=false,ue=NaN,Ne=-1,xe=0,Ae=()=>w?m==="x"?w.scrollLeft:w.scrollTop:m==="x"?window.scrollX:window.scrollY,me=()=>w?m==="x"?w.clientWidth:w.clientHeight:m==="x"?window.innerWidth:window.innerHeight,te=v===e?y:[],ae=false;function le(){let l=e.style,d=te.map(ce=>l.getPropertyValue(ce.prop)),G=l.transition;te.length&&(l.transition="none"),te.forEach(ce=>l.setProperty(ce.prop,q.get(ce.prop)??""));let de=nt(v,w,m);te.forEach((ce,$e)=>l.setProperty(ce.prop,d[$e])),te.length&&(e.offsetWidth,l.transition=G);let D=Se(de,de.scroll,me(),b,P);ae&&Math.abs(D.tStart-R)<1&&Math.abs(D.tEnd-f)<1||(ae=true,R=D.tStart,f=D.tEnd);}function re(l){e.style.setProperty(qt,String(l));for(let d of y)e.style.setProperty(d.prop,_t(d.from,d.to,l));ve?.(l);}function De(l){if(isNaN(ue)){ue=l;return}ue<=0&&l>0?K?.():ue>0&&l<=0&&O?.(),ue<1&&l>=1?V?.():ue>=1&&l<1&&_?.(),ue=l;}function Y(){if(!I||X)return;let l=performance.now(),d=Ae(),G=a;if(C!==false){let ce=l-xe,$e=ce>0?Math.abs(d-(Ne<0?d:Ne))/ce:0;G=a*Math.max(.2,1+$e*(typeof C=="number"?C:1)*.04);}Ne=d,xe=l;let de=f===R?0:(d-R)/(f-R);De(de);let D=k(Z(d,R,f,G));c&&(Te=Math.max(Te,D),D=Te),S=D,re(D),D>=1&&!B?(B=true,z?.()):D<1&&!c&&(B=false),p=requestAnimationFrame(Y);}le(),f===R&&we("scrollAnimate: the trigger window has zero length (start and end resolve to the same scroll position), so this element will never animate. If the target is inside a position:sticky stage, measure the trigger from the container that holds the scroll room via `triggerElement`.",e);{let l=k(Z(Ae(),R,f,a));c&&l>0&&(Te=l),S=l,re(l);}let F=new IntersectionObserver(l=>{l.forEach(d=>{I=d.isIntersecting,I&&!X?p=requestAnimationFrame(Y):cancelAnimationFrame(p);});},{root:w??null}),fe;function pe(){clearTimeout(fe),fe=setTimeout(le,150);}window.addEventListener("resize",pe),window.addEventListener("orientationchange",pe);let Ce=Fe([v],pe);return F.observe(e),Re(e,{type:"animate",getProgress:()=>S,getTrigger:()=>({tStart:R,tEnd:f})}),{destroy(){cancelAnimationFrame(p),F.disconnect(),window.removeEventListener("resize",pe),window.removeEventListener("orientationchange",pe),Ce(),clearTimeout(fe),se(),Oe(e);},replay(){Te=-1,B=false,S=0,X=false,re(0);},pause(){X=true,cancelAnimationFrame(p);},resume(){X&&(X=false,I&&(p=requestAnimationFrame(Y)));},seek(l){let d=Math.min(1,Math.max(0,l));S=d,Te=d,X=true,cancelAnimationFrame(p),re(d);},getProgress(){return S},refresh(){le();}}}var dt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Bt(e,n){if(typeof window>"u")return dt;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return we("scrollCounter: element not found:",e),dt;let t=r,{from:o=0,to:s,format:a,easing:c="ease-out",trigger:m={},once:g=true,decimals:x,onComplete:C}=n,L=x!==void 0?f=>f.toFixed(x):a??(f=>String(Math.round(f))),ee=typeof c=="function"?c:J[c]??J["ease-out"],ve=ie(m.start??"top 80%"),z=ie(m.end??"top 20%");if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return t.textContent=L(s),C?.(),dt;let V=0,_=0,O=false,$=0,k=false,b=false,P=-1,v=0,w=false,y=()=>window.scrollY,U=()=>window.innerHeight;function M(){let f=t.getBoundingClientRect(),p=Se({top:f.top,height:f.height},y(),U(),ve,z);O&&Math.abs(p.tStart-V)<1&&Math.abs(p.tEnd-_)<1||(O=true,V=p.tStart,_=p.tEnd);}function q(f){t.textContent=L(o+(s-o)*f),t.style.setProperty("--scroll-draw-progress",String(f));}function se(){if(!k||b)return;let f=ee(Z(y(),V,_,1));g&&(P=Math.max(P,f),f=P),v=f,q(f),f>=1&&!w?(w=true,C?.()):f<1&&!g&&(w=false),$=requestAnimationFrame(se);}M();{let f=ee(Z(y(),V,_,1));g&&f>0&&(P=f),v=f,q(f);}let he=new IntersectionObserver(f=>{f.forEach(p=>{k=p.isIntersecting,k&&!b?$=requestAnimationFrame(se):cancelAnimationFrame($);});}),be;function W(){clearTimeout(be),be=setTimeout(M,150);}window.addEventListener("resize",W),window.addEventListener("orientationchange",W);let R=Fe([t],W);return he.observe(t),Re(t,{type:"counter",getProgress:()=>v,getTrigger:()=>({tStart:V,tEnd:_})}),{destroy(){cancelAnimationFrame($),he.disconnect(),window.removeEventListener("resize",W),window.removeEventListener("orientationchange",W),R(),clearTimeout(be),Oe(t);},replay(){P=-1,w=false,v=0,b=false,q(0);},pause(){b=true,cancelAnimationFrame($);},resume(){b&&(b=false,k&&($=requestAnimationFrame(se)));},seek(f){let p=Math.min(1,Math.max(0,f));v=p,P=p,b=true,cancelAnimationFrame($),q(p);},getProgress(){return v}}}var Gt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function jt(e,n={}){if(typeof window>"u")return Gt;let r=typeof e=="string"?document.querySelector(e):e;if(!r||r.tagName.toLowerCase()!=="video")return we("scrollVideo: <video> element not found:",e),Gt;let t=r,{trigger:o={},easing:s="linear",once:a=false,axis:c="y",preload:m="auto",triggerElement:g,onReady:x,onComplete:C,onProgress:L}=n,ee=g??t,ve=window.matchMedia("(prefers-reduced-motion: reduce)").matches,z=typeof s=="function"?s:J[s]??J.linear,K=ie(o.start??"top top"),V=ie(o.end??"bottom top");t.pause(),t.hasAttribute("preload")||(t.preload=m);let _=n.from??0,O=n.to,$=0,k=0,b=0,P=false,v=false,w=-1,y=0,U=false,M=false,q=()=>c==="x"?window.scrollX:window.scrollY,se=()=>c==="x"?window.innerWidth:window.innerHeight;function he(){let S=ee.getBoundingClientRect(),B=c==="x"?S.left:S.top,ue=c==="x"?S.width:S.height,Ne=Se({top:B,height:ue},q(),se(),K,V);$=Ne.tStart,k=Ne.tEnd,M&&k===$&&we("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",t);}let be=NaN;function W(S){if(!M)return;let B=O??t.duration??0,ue=_+(B-_)*S;ue!==be&&(be=ue,t.currentTime=ue),t.style.setProperty("--scroll-draw-progress",String(S)),L?.(S);}function R(){if(!P||v||!M||ve)return;let S=z(Z(q(),$,k,1));a&&(w=Math.max(w,S),S=w),y=S,W(S),S>=1&&!U?(U=true,C?.()):S<1&&!a&&(U=false),b=requestAnimationFrame(R);}function f(){if(M=true,O===void 0&&(O=t.duration),ve){W(1),x?.();return}he(),x?.(),P&&!v&&(b=requestAnimationFrame(R));}t.readyState>=1?f():t.addEventListener("loadedmetadata",f,{once:true}),M||he();let p=new IntersectionObserver(S=>{S.forEach(B=>{P=B.isIntersecting,P&&!v&&M?b=requestAnimationFrame(R):cancelAnimationFrame(b);});}),I;function X(){clearTimeout(I),I=setTimeout(he,150);}window.addEventListener("resize",X),window.addEventListener("orientationchange",X);let Te=Fe([ee],X);return p.observe(t),Re(t,{type:"video",getProgress:()=>y,getTrigger:()=>({tStart:$,tEnd:k})}),{destroy(){cancelAnimationFrame(b),p.disconnect(),t.removeEventListener("loadedmetadata",f),window.removeEventListener("resize",X),window.removeEventListener("orientationchange",X),Te(),clearTimeout(I),Oe(t);},replay(){w=-1,U=false,y=0,v=false,be=NaN,W(0);},pause(){v=true,cancelAnimationFrame(b);},resume(){v&&(v=false,P&&M&&(b=requestAnimationFrame(R)));},seek(S){let B=Math.min(1,Math.max(0,S));y=B,w=B,v=true,cancelAnimationFrame(b),be=NaN,W(B);},getProgress(){return y}}}function Yt(e){let n=e.textContent??"";return e.textContent="",n.split(/(\s+)/).filter(Boolean).map(r=>{let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),/^\s+$/.test(r)?(t.textContent=r,t.style.whiteSpace="pre"):(t.textContent=r,t.style.display="inline-block"),e.appendChild(t),/^\s+$/.test(r)?null:t}).filter(r=>r!==null)}function Sr(e){let n=e.textContent??"";return e.textContent="",n.split("").map(r=>{let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),t.textContent=r,r===" "?t.style.whiteSpace="pre":t.style.display="inline-block",e.appendChild(t),r===" "?null:t}).filter(r=>r!==null)}function Ut(e){let n=Yt(e),r=new Map;for(let s of n){let a=s.offsetTop;r.has(a)||r.set(a,[]),r.get(a).push(s);}let t=[],o=Array.from(r.keys()).sort((s,a)=>s-a);for(let s of o){let a=r.get(s),c=document.createElement("span");c.setAttribute("aria-hidden","true"),c.style.display="inline-block",a.forEach((m,g)=>{let x=m.nextElementSibling;c.appendChild(m),g<a.length-1&&x&&x.style.whiteSpace==="pre"&&c.appendChild(x);}),t.push(c);}return e.textContent="",t.forEach((s,a)=>{e.appendChild(s),a<t.length-1&&e.appendChild(document.createTextNode(" "));}),t}function Tr(e,n,r,t){if(r<=1||t===0)return e;let o=(r-1)*t,s=n*t,a=s+(1-o);return a<=s?e>=s?1:0:Math.min(1,Math.max(0,(e-s)/(a-s)))}function xr(e,n){let r=[];if(n?.y!==void 0&&r.push(`translateY(${n.y*(1-e)}px)`),n?.x!==void 0&&r.push(`translateX(${n.x*(1-e)}px)`),n?.rotate!==void 0&&r.push(`rotate(${n.rotate*(1-e)}deg)`),n?.scale!==void 0){let t=n.scale+(1-n.scale)*e;r.push(`scale(${t})`);}return r.join(" ")||""}var Xt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Kt(e,n={}){if(typeof window>"u")return Xt;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return we("scrollText: element not found:",e),Xt;let t=r,{split:o="words",stagger:s=.04,easing:a="ease-out",from:c={opacity:0,y:24},trigger:m={},once:g=true,onComplete:x}=n,C=window.matchMedia("(prefers-reduced-motion: reduce)").matches,L=typeof a=="function"?a:J[a]??J["ease-out"],ee=ie(m.start??"top 85%"),ve=ie(m.end??"top 40%"),z=t.innerHTML;t.setAttribute("aria-label",t.textContent??"");let K;o==="chars"?K=Sr(t):o==="lines"?K=Ut(t):K=Yt(t);let V=K.length;function _(p,I){c?.opacity!==void 0&&(p.style.opacity=String(c.opacity+(1-c.opacity)*I));let X=xr(I,c);X&&(p.style.transform=X);}function O(p){t.style.setProperty("--scroll-draw-progress",String(p)),K.forEach((I,X)=>{let Te=L(Tr(p,X,V,s));_(I,Te);});}if(C)return O(1),x?.(),{destroy(){t.innerHTML=z,t.removeAttribute("aria-label");},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};O(0);let $=0,k=0,b=0,P=false,v=false,w=-1,y=0,U=false,M=()=>window.scrollY,q=()=>window.innerHeight;function se(){let p=t.getBoundingClientRect(),I=Se({top:p.top,height:p.height},M(),q(),ee,ve);$=I.tStart,k=I.tEnd;}function he(){if(!P||v)return;let p=Z(M(),$,k,1);g&&(w=Math.max(w,p),p=w),y=p,O(p),p>=1&&!U?(U=true,x?.()):p<1&&!g&&(U=false),b=requestAnimationFrame(he);}se();let be=new IntersectionObserver(p=>{p.forEach(I=>{P=I.isIntersecting,P&&!v?b=requestAnimationFrame(he):cancelAnimationFrame(b);});}),W;function R(){clearTimeout(W),W=setTimeout(()=>{if(o==="lines"){let p=y;t.innerHTML=z,t.setAttribute("aria-label",t.textContent??""),K=Ut(t),O(p);}se();},150);}window.addEventListener("resize",R),window.addEventListener("orientationchange",R);let f=Fe([t],R);return be.observe(t),Re(t,{type:"text",getProgress:()=>y,getTrigger:()=>({tStart:$,tEnd:k})}),{destroy(){cancelAnimationFrame(b),be.disconnect(),window.removeEventListener("resize",R),window.removeEventListener("orientationchange",R),f(),clearTimeout(W),t.innerHTML=z,t.removeAttribute("aria-label"),Oe(t);},replay(){w=-1,U=false,y=0,v=false,O(0);},pause(){v=true,cancelAnimationFrame(b);},resume(){v&&(v=false,P&&(b=requestAnimationFrame(he)));},seek(p){let I=Math.min(1,Math.max(0,p));y=I,w=I,v=true,cancelAnimationFrame(b),O(I);},getProgress(){return y}}}function Lr(e,n={}){let[r,t]=Pr.useState(0),o=Pr.useRef(n);o.current=n;let s=Pr.useRef(-1);return Pr.useEffect(()=>{if(typeof window>"u")return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){t(1);return}let a=typeof e=="string"?document.querySelector(e):e.current;if(!a)return;let c=a,{axis:m="y",scrollContainer:g,trigger:x={}}=o.current,C=typeof g=="string"?document.querySelector(g):g??null,L=ie(x.start??"top bottom"),ee=ie(x.end??"bottom top"),ve=0,z=0,K=false,V=0;function _(){return C?m==="x"?C.scrollLeft:C.scrollTop:m==="x"?window.scrollX:window.scrollY}function O(){return C?m==="x"?C.clientWidth:C.clientHeight:m==="x"?window.innerWidth:window.innerHeight}function $(){let w=c.getBoundingClientRect(),y=_(),U=m==="x"?w.left:w.top,M=m==="x"?w.width:w.height,q=Se({top:U,height:M},y,O(),L,ee);ve=q.tStart,z=q.tEnd;}function k(){if(!K)return;let{speed:w=1,easing:y="linear",once:U=false}=o.current,M=typeof y=="function"?y:J[y]??J.linear,q=Z(_(),ve,z,w),se=M(q);U&&(s.current=Math.max(s.current,se),se=s.current),t(se),V=requestAnimationFrame(k);}let b=new IntersectionObserver(w=>{w.forEach(y=>{K=y.isIntersecting,K?V=requestAnimationFrame(k):cancelAnimationFrame(V);});},{root:C??null,threshold:0});$(),b.observe(c);let P;function v(){clearTimeout(P),P=setTimeout($,150);}return window.addEventListener("resize",v),window.addEventListener("orientationchange",v),()=>{cancelAnimationFrame(V),clearTimeout(P),b.disconnect(),window.removeEventListener("resize",v),window.removeEventListener("orientationchange",v);}},[]),r}function Ye(e,n,r){let t=Pr.useRef(n);t.current=n;let o=Ht(n);Pr.useEffect(()=>{if(!e.current)return;let s=r(e.current,zt(t.current,()=>t.current));return ()=>s.destroy()},[o]);}var $r=/^(data-|aria-)|^(id|role|title|tabIndex|lang|dir|hidden)$/;function Ke(e){let n={},r={};for(let[t,o]of Object.entries(e))($r.test(t)?r:n)[t]=o;return [n,r]}function _n({children:e,className:n,style:r,...t}){let o=Pr.useRef(null),[s,a]=Ke(t);return Ye(o,s,Nt),jsxRuntime.jsx("div",{ref:o,className:n,style:r,...a,children:e})}function qn({children:e,className:n,style:r,...t}){let o=Pr.useRef(null),[s,a]=Ke(t);return Ye(o,s,Wt),jsxRuntime.jsx("div",{ref:o,className:n,style:r,...a,children:e})}function Wn({className:e,style:n,...r}){let t=Pr.useRef(null),[o,s]=Ke(r);return Ye(t,o,Bt),jsxRuntime.jsx("span",{ref:t,className:e,style:n,...s})}function Bn({src:e,className:n,style:r,muted:t=true,playsInline:o=true,...s}){let a=Pr.useRef(null),[c,m]=Ke(s);return Ye(a,c,jt),jsxRuntime.jsx("video",{...m,ref:a,src:e,className:n,style:r,muted:t,playsInline:o,preload:"auto"})}function Gn({children:e,as:n="p",className:r,style:t,...o}){let s=Pr.useRef(null),[a,c]=Ke(o);return Ye(s,a,Kt),Pr__default.default.createElement(n,{...c,ref:s,className:r,style:t},e)}exports.ScrollAnimate=qn;exports.ScrollCounter=Wn;exports.ScrollDraw=_n;exports.ScrollText=Gn;exports.ScrollVideo=Bn;exports.useScrollDrawProgress=Lr;
|
|
4
|
+
<div style="position:absolute;${m?`left:${c}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${c}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(t),window.addEventListener("scroll",o,{passive:true}),o(),{el:t,destroy(){window.removeEventListener("scroll",o),t.remove();}}}var Ht=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,zt=/[MmLlHhVvCcSsQqTtAaZz]/g;function wr(e,n,r){if(!Ye)return;let t=(e.match(zt)??[]).join("").toUpperCase(),o=(n.match(zt)??[]).join("").toUpperCase(),s=(e.match(Ht)??[]).length,a=(n.match(Ht)??[]).length;if(t!==o){ve(`morphTo: command sequence differs (${t||"\u2205"} \u2192 ${o||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,r);return}s!==a&&ve(`morphTo: coordinate count differs (${s} \u2192 ${a}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,r);}function gt(e,n,r){let t=(n.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let a=parseFloat(s),c=t[o++]??a;return String(+(a+(c-a)*r).toFixed(4))})}function Vt(e,n={}){if(typeof window>"u")return {destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};let{preset:r,...t}=n,o=r?{...kt[r],...t}:t,s=window.matchMedia("(prefers-reduced-motion: reduce)").matches,{selector:a="path, polyline, line, polygon, rect, circle",speed:c=1,fade:m=false,easing:d="linear",trigger:x={},stagger:M=0,direction:P="forward",once:te=false,debug:Ee=false,axis:H="y",scrollContainer:K,autoReverse:z=false,delay:V=0,strokeColor:I,strokeWidth:$,fillOpacity:k,waypoints:h,velocityScale:C=false,threshold:E=0,rootMargin:b="0px",repeat:g=0,repeatDelay:U=0,morphTo:L,clip:_,autoplay:ie=false,duration:he=1e3,native:be=true,onProgress:q,onStart:O,onComplete:f,onEnter:p,onLeave:N,onEnterBack:X,onLeaveBack:Le}=o,T=_===true?"left":typeof _=="string"?_:false,W=typeof d=="function"?d:Z[d]??Z.linear,pe=ce(x.start??"top bottom"),Fe=ce(x.end??"bottom top"),Se=typeof K=="string"?document.querySelector(K):K??null,Pe=Array.isArray(I)?I[0]:null,de=Array.isArray(I)?I[1]:typeof I=="string"?I:null,re=Array.isArray($)?$[0]:null,ue=Array.isArray($)?$[1]:typeof $=="number"?$:null,me=Array.isArray(k)?k[0]:null,ne=Array.isArray(k)?k[1]:typeof k=="number"?k:null;function De(i){let l=i*100;switch(T){case "right":return `inset(0 0 0 ${100-l}%)`;case "top":return `inset(0 0 ${100-l}% 0)`;case "bottom":return `inset(${100-l}% 0 0 0)`;case "center":return `circle(${i*150}% at 50% 50%)`;default:return `inset(0 ${100-l}% 0 0)`}}let B=T?[]:Array.from(e.querySelectorAll(a)),F=[],ge=[],ae=0,Te=0,u=M,v=0,G=false,Y=false,R=0,le=false,we=-1,He=[],fe=-1,Q=false,xe=0,ze=0,Ve,mt=null;function ht(){mt?.destroy(),mt=null;}let _e=new Set,bt=NaN,qe=true,et=-1,wt=performance.now(),We=NaN;function tt(){return Se?H==="x"?Se.scrollLeft:Se.scrollTop:H==="x"?window.scrollX:window.scrollY}function vt(){return Se?H==="x"?Se.clientWidth:Se.clientHeight:H==="x"?window.innerWidth:window.innerHeight}function Et(){let i=it(e,Se,H);return Me(i,i.scroll,vt(),pe,Fe)}function rr(){let i=Te-ae,l=B.length-1,w=Se??document.documentElement,oe=H==="x"?"Width":"Height";if(u=M,M>0&&l>0&&i>0){let Ce=w[`scroll${oe}`]-w[`client${oe}`]-1-ae-i/c;Ce>=0&&(u=Math.min(M,Ce/(l*i)));}v=Te+l*u*i;}function St(){(({tStart:ae,tEnd:Te}=Et())),rr(),Ee&&Ye&&(ht(),mt=br(ae,Te,H));}function ft(i,l=Et){Re(e,{type:"draw",getProgress:()=>i.getProgress(),getTrigger:l});let w=i.destroy;return i.destroy=()=>{w.call(i),Oe(e);},i}function nr(i,l){if(e.style.setProperty("--scroll-draw-progress",String(i)),T){let w=l==="reverse"?1-i:i;e.style.clipPath=De(w);return}B.forEach((w,oe)=>{w.style.strokeDashoffset=l==="reverse"?`${F[oe]*i}`:`${F[oe]*(1-i)}`,m&&(w.style.opacity=l==="reverse"?`${1-i}`:`${i}`),Pe&&de?w.style.stroke=je(Pe,de,i):de&&(w.style.stroke=de),re!==null&&ue!==null?w.style.strokeWidth=`${re+(ue-re)*i}`:ue!==null&&(w.style.strokeWidth=`${ue}`),me!==null&&ne!==null?w.style.fillOpacity=`${me+(ne-me)*i}`:ne!==null&&(w.style.fillOpacity=`${ne}`),L&&w.tagName.toLowerCase()==="path"&&ge[oe]&&w.setAttribute("d",gt(ge[oe],L,i));});}function rt(){if(e.style.setProperty("--scroll-draw-progress","0"),T){e.style.clipPath=De(0);return}B.forEach((i,l)=>{i.style.strokeDasharray=`${F[l]}`,i.style.strokeDashoffset=P==="reverse"?"0":`${F[l]}`,m?i.style.opacity=P==="reverse"?"1":"0":i.style.opacity="",Pe&&(i.style.stroke=Pe),re!==null&&(i.style.strokeWidth=`${re}`),me!==null&&(i.style.fillOpacity=`${me}`),L&&i.tagName.toLowerCase()==="path"&&ge[l]&&i.setAttribute("d",ge[l]);});}if(B.forEach(i=>{hr(i);let l=Ge(i);F.push(l);let w=i.tagName.toLowerCase()==="path";w?ge.push(i.getAttribute("d")??""):ge.push(""),L&&(w?wr(ge[ge.length-1],L,i):ve(`morphTo only applies to <path> elements \u2014 ignored on <${i.tagName}>.`,i)),s?(i.style.strokeDasharray=`${l}`,i.style.strokeDashoffset=P==="reverse"?`${l}`:"0",m&&(i.style.opacity="1"),de&&(i.style.stroke=de),ue!==null&&(i.style.strokeWidth=`${ue}`),ne!==null&&(i.style.fillOpacity=`${ne}`),L&&i.tagName.toLowerCase()==="path"&&i.setAttribute("d",L)):(i.style.strokeDasharray=`${l}`,i.style.strokeDashoffset=P==="reverse"?"0":`${l}`,m?i.style.opacity=P==="reverse"?"1":"0":i.style.opacity="",Pe&&(i.style.stroke=Pe),re!==null&&(i.style.strokeWidth=`${re}`),me!==null&&(i.style.fillOpacity=`${me}`));}),T){if(s)return e.style.clipPath=De(1),f?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};e.style.clipPath=De(0);}else if(s)return f?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};let Tt=typeof d=="string"?at(d):null;function or(){return !(be===false||!yr()||!B.length||!Tt||T||H!=="y"||Se||c!==1||M!==0||te||z||C!==false||L||h||g||V>0||q||O||f||p||N||X||Le||I!=null||$!=null||k!=null||(x.start??"top bottom").trim()!=="top bottom"||(x.end??"bottom top").trim()!=="bottom top")}function sr(){let i=++gr,l=`svg-scroll-draw-${i}`,w=`svg-scroll-draw-host-${i}`,oe=`--svg-scroll-draw-${i}`,Ce=P==="reverse"?"0":"var(--ssd-len)",Ie=P==="reverse"?"var(--ssd-len)":"0",ke=`stroke-dashoffset:${Ce};`,A=`stroke-dashoffset:${Ie};`;m&&(ke+=`opacity:${P==="reverse"?1:0};`,A+=`opacity:${P==="reverse"?0:1};`);let D=document.createElement("style");D.setAttribute("data-svg-scroll-draw",""),D.textContent=`@keyframes ${l}{from{${ke}}to{${A}}}.${w}{view-timeline-name:${oe};view-timeline-axis:block;}.${l}{animation-name:${l};animation-duration:auto;animation-timing-function:${Tt};animation-fill-mode:both;animation-timeline:${oe};animation-range:cover 0% cover 100%;}`,document.head.appendChild(D),e.classList.add(w);function ye(y,se){y.style.setProperty("--ssd-len",String(F[se])),y.style.strokeDasharray=`${F[se]}`,y.style.strokeDashoffset="",y.style.opacity="",y.style.animationPlayState="",y.classList.add(l);}B.forEach(ye);let S=false,j=-1;function J(){if(j>=0)return j;let y=e.getBoundingClientRect(),{tStart:se,tEnd:$e}=Me({top:y.top,height:y.height},tt(),vt(),pe,Fe);return W(ee(tt(),se,$e,c))}return {destroy(){e.classList.remove(w),B.forEach(y=>{y.classList.remove(l),y.style.removeProperty("--ssd-len"),y.style.animationPlayState="";}),D.remove();},replay(){S=false,j=-1,B.forEach(ye);},pause(){S=true,B.forEach(y=>{y.style.animationPlayState="paused";});},resume(){S&&(S=false,B.forEach(y=>{y.style.animationPlayState="running";}));},seek(y){let se=Math.min(1,Math.max(0,y));j=se,S=true,B.forEach(($e,Ae)=>{$e.classList.remove(l),$e.style.strokeDashoffset=P==="reverse"?`${F[Ae]*se}`:`${F[Ae]*(1-se)}`,m&&($e.style.opacity=P==="reverse"?`${1-se}`:`${se}`);});},getProgress(){return J()},refresh(){B.forEach((y,se)=>{F[se]=Ge(y),y.style.setProperty("--ssd-len",String(F[se])),y.style.strokeDasharray=`${F[se]}`;});}}}if(or())return ft(sr());function ir(){let i=Math.max(1,he),l=0,w=0,oe=false;function Ce(S){let j=true;if(T){let J=Math.min(1,Math.max(0,S/i)),y=W(J);xe=y,e.style.setProperty("--scroll-draw-progress",String(y)),e.style.clipPath=De(P==="reverse"?1-y:y),q?.(y),J<1&&(j=false);}else B.forEach((J,y)=>{let se=y*M*i,$e=Math.min(1,Math.max(0,(S-se)/i)),Ae=W($e);J.style.strokeDashoffset=P==="reverse"?`${F[y]*Ae}`:`${F[y]*(1-Ae)}`,m&&(J.style.opacity=P==="reverse"?`${1-Ae}`:`${Ae}`),Pe&&de?J.style.stroke=je(Pe,de,Ae):de&&(J.style.stroke=de),re!==null&&ue!==null?J.style.strokeWidth=`${re+(ue-re)*Ae}`:ue!==null&&(J.style.strokeWidth=`${ue}`),me!==null&&ne!==null?J.style.fillOpacity=`${me+(ne-me)*Ae}`:ne!==null&&(J.style.fillOpacity=`${ne}`),L&&J.tagName.toLowerCase()==="path"&&ge[y]&&J.setAttribute("d",gt(ge[y],L,Ae)),y===0&&(xe=Ae,q?.(Ae),e.style.setProperty("--scroll-draw-progress",String(Ae))),$e<1&&(j=false);});if(h){let J=Math.min(1,Math.max(0,S/i)),y=W(J);for(let se in h){let $e=parseFloat(se);y>=$e&&!_e.has($e)&&(_e.add($e),h[se]?.());}}return j}function Ie(S){if(Q)return;let j=S-l;Y||(Y=true,O?.());let J=Ce(j);if(J&&!G){G=true,Ce(i*(1+Math.max(0,B.length-1)*M)),f?.(),ze<(g==="infinite"?1/0:g??0)&&(ze++,Ve=setTimeout(()=>{l=performance.now(),Y=false,G=false,_e.clear(),rt(),R=requestAnimationFrame(Ie);},U));return}J||(R=requestAnimationFrame(Ie));}function ke(){cancelAnimationFrame(R),clearTimeout(Ve),l=performance.now(),w=0,Q=false,Y=false,G=false,ze=0,oe=true,xe=0,_e.clear(),rt(),R=requestAnimationFrame(Ie);}let A=new IntersectionObserver(S=>{S.forEach(j=>{j.isIntersecting&&!(te&&G)?ke():!j.isIntersecting&&!te&&!G&&(cancelAnimationFrame(R),clearTimeout(Ve),oe=false);});},{root:Se??null,threshold:E,rootMargin:b}),D;function ye(){clearTimeout(D),D=setTimeout(()=>{B.forEach((S,j)=>{F[j]=Ge(S),S.style.strokeDasharray=`${F[j]}`;});},150);}return window.addEventListener("resize",ye),window.addEventListener("orientationchange",ye),V>0?setTimeout(()=>A.observe(e),V):A.observe(e),{destroy(){cancelAnimationFrame(R),clearTimeout(Ve),A.disconnect(),window.removeEventListener("resize",ye),window.removeEventListener("orientationchange",ye),clearTimeout(D);},replay(){ze=0,ke();},pause(){Q||!oe||(Q=true,w=performance.now()-l,cancelAnimationFrame(R));},resume(){Q&&(Q=false,oe=true,l=performance.now()-w,R=requestAnimationFrame(Ie));},seek(S){let j=Math.min(1,Math.max(0,S));xe=j,Q=true,w=j*i,l=performance.now()-w,cancelAnimationFrame(R),Ce(w);},getProgress(){return xe},refresh(){clearTimeout(D),B.forEach((S,j)=>{F[j]=Ge(S),S.style.strokeDasharray=`${F[j]}`;});}}}if(ie)return ft(ir());St();function xt(){if(Q||!Be)return;let i=performance.now(),l=tt();if(!qe&&C===false&&l===bt){pt(l);return}qe=false,bt=l;let w=c;if(C!==false){let A=i-wt,D=A>0?Math.abs(l-(et<0?l:et))/A:0;w=c*Math.max(.2,1+D*(typeof C=="number"?C:1)*.04);}et=l,wt=i;let oe=z?fe===-1||l>=fe?"forward":"reverse":P;fe=l;let Ce=Te-ae,Ie=true,ke=Ce===0?0:(l-ae)/Ce;if(isNaN(We)||(We<=0&&ke>0?p?.():We>0&&ke<=0&&Le?.(),We<1&&ke>=1?N?.():We>=1&&ke<1&&X?.()),We=ke,T){let A=W(ee(l,ae,Te,w));te&&!z&&(we=Math.max(we,A),A=we),xe=A,e.style.setProperty("--scroll-draw-progress",String(A));let D=oe==="reverse"?1-A:A;e.style.clipPath=De(D),q?.(A),!Y&&ee(l,ae,Te,w)>0&&(Y=true,O?.()),A>=1&&!G?(G=true,f?.(),ze<(g==="infinite"?1/0:g??0)&&(ze++,Ve=setTimeout(()=>{we=-1,Y=false,G=false,e.style.clipPath=De(0);},U))):A<1&&!te&&(G=false),pt(l);return}if(B.forEach((A,D)=>{let ye=D*u*Ce,S=W(ee(l,ae+ye,Te+ye,w));te&&!z&&(S=He[D]=Math.max(He[D]??we,S)),A.style.strokeDashoffset=oe==="reverse"?`${F[D]*S}`:`${F[D]*(1-S)}`,m&&(A.style.opacity=oe==="reverse"?`${1-S}`:`${S}`),Pe&&de?A.style.stroke=je(Pe,de,S):de&&(A.style.stroke=de),re!==null&&ue!==null?A.style.strokeWidth=`${re+(ue-re)*S}`:ue!==null&&(A.style.strokeWidth=`${ue}`),me!==null&&ne!==null?A.style.fillOpacity=`${me+(ne-me)*S}`:ne!==null&&(A.style.fillOpacity=`${ne}`),L&&A.tagName.toLowerCase()==="path"&&ge[D]&&A.setAttribute("d",gt(ge[D],L,S)),D===0&&(xe=S,q?.(S),e.style.setProperty("--scroll-draw-progress",String(S))),S<1&&(Ie=false);}),h){let A=W(ee(l,ae,Te,w));for(let D in h){let ye=parseFloat(D);A>=ye&&!_e.has(ye)&&(_e.add(ye),h[D]?.());}}!Y&&ee(l,ae,Te,w)>0&&(Y=true,O?.()),Ie&&!G?(G=true,f?.(),ze<(g==="infinite"?1/0:g??0)&&(ze++,Ve=setTimeout(()=>{we=-1,He=[],Y=false,G=false,_e.clear(),rt(),qe=true;},U))):!Ie&&!te&&(G=false),pt(l);}function At(i){return i>=Te&&i<v}function pt(i){le||At(i)?R=requestAnimationFrame(xt):Be=false;}let Be=false;function nt(){Be||(Be=true,R=requestAnimationFrame(function(){xt();}));}function ot(){Be=false,cancelAnimationFrame(R);}let dt=new IntersectionObserver(i=>{i.forEach(l=>{le=l.isIntersecting,le&&!Q?(qe=true,nt()):Be&&!Q&&At(tt())||ot();});},{root:Se??null,threshold:E,rootMargin:b});function Mt(){B.forEach((i,l)=>{F[l]=Ge(i),i.style.strokeDasharray=`${F[l]}`;}),St(),qe=true;}let st;function Xe(){clearTimeout(st),st=setTimeout(Mt,150);}window.addEventListener("resize",Xe),window.addEventListener("orientationchange",Xe);let ar=Ne([e],Xe);return V>0?setTimeout(()=>dt.observe(e),V):dt.observe(e),ft({destroy(){cancelAnimationFrame(R),clearTimeout(Ve),ot(),dt.disconnect(),ar(),window.removeEventListener("resize",Xe),window.removeEventListener("orientationchange",Xe),clearTimeout(st),ht();},replay(){we=-1,He=[],fe=-1,et=-1,Y=false,G=false,ze=0,Q=false,xe=0,_e.clear(),clearTimeout(Ve),rt(),qe=true,le&&nt();},pause(){Q=true,ot();},resume(){Q&&(Q=false,qe=true,le&&nt());},seek(i){let l=Math.min(1,Math.max(0,i));xe=l,we=l,He=[],Q=true,ot(),nr(l,P),qe=true;},getProgress(){return xe},refresh(){clearTimeout(st),Mt(),le&&!Q&&nt();}},()=>({tStart:ae,tEnd:Te}))}var _t=new WeakMap,vr=0;function qt(e){return JSON.stringify(e,(n,r)=>{if(typeof r=="function")return "\u0192";if(typeof Element<"u"&&r instanceof Element){let t=_t.get(r);return t===void 0&&_t.set(r,t=++vr),`el#${t}`}return r})}function Wt(e,n){let r={...e};for(let t of Object.keys(r))typeof r[t]=="function"&&(r[t]=(...o)=>n()[t]?.(...o));return r}function Er(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function Bt(e){let n=[],r=/([\w]+)\(([^)]*)\)/g,t;for(;(t=r.exec(e))!==null;){let o=[],s=[],a=t[2].trim();if(a)for(let c of a.split(/[\s,]+/)){let m=c.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(m?parseFloat(m[1]):0),s.push(m?m[2]:"");}n.push({fn:t[1],nums:o,units:s});}return n}function Sr(e,n,r){let t=Bt(e),o=Bt(n);return t.length===0||t.length!==o.length?r<1?e:n:t.map((s,a)=>{let c=o[a];return s.fn!==c.fn||s.nums.length!==c.nums.length?r<1?`${s.fn}(${s.nums.map((m,d)=>`${m}${s.units[d]}`).join(", ")})`:`${c.fn}(${c.nums.map((m,d)=>`${m}${c.units[d]}`).join(", ")})`:`${s.fn}(${s.nums.map((m,d)=>`${m+(c.nums[d]-m)*r}${s.units[d]}`).join(", ")})`}).join(" ")}function Gt(e,n,r){if(typeof e=="number"&&typeof n=="number")return String(e+(n-e)*r);let t=String(e),o=String(n);if(Er(t))return je(t,o,r);if(t.includes("("))return Sr(t,o,r);let s=t.match(/^([-+]?[\d.]+)(.*)$/),a=o.match(/^([-+]?[\d.]+)(.*)$/);if(s&&a){let c=parseFloat(s[1]),m=parseFloat(a[1]);return `${c+(m-c)*r}${s[2]||a[2]}`}return r<1?t:o}function Tr(e){return e.replace(/([A-Z])/g,n=>`-${n.toLowerCase()}`)}var xr=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),Ar=0,jt="--scroll-draw-progress";function Mr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}function Ut(e,n){let r={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};if(typeof window>"u")return r;let{props:t,trigger:o={},easing:s="ease-out",speed:a=1,once:c=false,axis:m="y",scrollContainer:d,native:x=true,velocityScale:M=false,respectReducedMotion:P=true,triggerElement:te,onProgress:Ee,onComplete:H,onEnter:K,onLeave:z,onEnterBack:V,onLeaveBack:I}=n,$=P&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,k=typeof s=="function"?s:Z[s]??Z["ease-out"],h=ce(o.start??"top bottom"),C=ce(o.end??"bottom top"),E=te??e,b=typeof d=="string"?document.querySelector(d):d??null,g=Object.entries(t).map(([u,v])=>({prop:Tr(u),from:Array.isArray(v)?v[0]:"",to:Array.isArray(v)?v[1]:v}));function U(){let u=window.getComputedStyle(e);for(let v of g)v.from===""&&(v.from=u.getPropertyValue(v.prop).trim()||"0");}function L(){for(let u of g)e.style.setProperty(u.prop,String(u.to));}let _=new Map;for(let u of [...g.map(v=>v.prop),jt])_.set(u,e.style.getPropertyValue(u));function ie(){for(let[u,v]of _)v?e.style.setProperty(u,v):e.style.removeProperty(u);}if($)return L(),H?.(),{...r,destroy:ie,getProgress:()=>1};U();let he=typeof s=="string"?at(s):null;function be(){if(!x||!Mr()||!he||m!=="y"||b||E!==e||c||a!==1||Ee||H||K||z||V||I||M!==false||(o.start??"top bottom").trim()!=="top bottom"||(o.end??"bottom top").trim()!=="bottom top")return false;for(let u of g)if(!xr.has(u.prop))return false;return true}function q(){let u=`ssd-a-${++Ar}`,v=g.map(fe=>`${fe.prop}:${fe.from}`).join(";"),G=g.map(fe=>`${fe.prop}:${fe.to}`).join(";"),Y=document.createElement("style");Y.setAttribute("data-ssd-animate",""),Y.textContent=`@keyframes ${u}{from{${v}}to{${G}}}.${u}{animation-name:${u};animation-duration:auto;animation-timing-function:${he};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(Y),e.classList.add(u);let R=()=>m==="x"?window.scrollX:window.scrollY,le=()=>m==="x"?window.innerWidth:window.innerHeight,we=()=>{let fe=e.getBoundingClientRect();return Me({top:fe.top,height:fe.height},R(),le(),h,C)};Re(e,{type:"animate",getProgress:()=>He.getProgress(),getTrigger:we});let He={refresh(){},destroy(){e.classList.remove(u),Y.remove(),e.style.animationPlayState="",ie(),Oe(e);},replay(){e.classList.remove(u),e.offsetWidth,e.classList.add(u);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(fe){let Q=Math.min(1,Math.max(0,fe));e.classList.remove(u);for(let xe of g)e.style.setProperty(xe.prop,Gt(xe.from,xe.to,Q));},getProgress(){let{tStart:fe,tEnd:Q}=we();return k(ee(R(),fe,Q,a))}};return He}if(be())return q();let O=0,f=0,p=0,N=false,X=false,Le=-1,T=0,W=false,pe=NaN,Fe=-1,Se=0,Pe=()=>b?m==="x"?b.scrollLeft:b.scrollTop:m==="x"?window.scrollX:window.scrollY,de=()=>b?m==="x"?b.clientWidth:b.clientHeight:m==="x"?window.innerWidth:window.innerHeight,re=E===e?g:[],ue=false;function me(){let u=e.style,v=re.map(le=>u.getPropertyValue(le.prop)),G=u.transition;re.length&&(u.transition="none"),re.forEach(le=>u.setProperty(le.prop,_.get(le.prop)??""));let Y=it(E,b,m);re.forEach((le,we)=>u.setProperty(le.prop,v[we])),re.length&&(e.offsetWidth,u.transition=G);let R=Me(Y,Y.scroll,de(),h,C);ue&&Math.abs(R.tStart-O)<1&&Math.abs(R.tEnd-f)<1||(ue=true,O=R.tStart,f=R.tEnd);}function ne(u){e.style.setProperty(jt,String(u));for(let v of g)e.style.setProperty(v.prop,Gt(v.from,v.to,u));Ee?.(u);}function De(u){if(isNaN(pe)){pe=u;return}pe<=0&&u>0?K?.():pe>0&&u<=0&&I?.(),pe<1&&u>=1?z?.():pe>=1&&u<1&&V?.(),pe=u;}function B(){if(!N||X)return;let u=performance.now(),v=Pe(),G=a;if(M!==false){let le=u-Se,we=le>0?Math.abs(v-(Fe<0?v:Fe))/le:0;G=a*Math.max(.2,1+we*(typeof M=="number"?M:1)*.04);}Fe=v,Se=u;let Y=f===O?0:(v-O)/(f-O);De(Y);let R=k(ee(v,O,f,G));c&&(Le=Math.max(Le,R),R=Le),T=R,ne(R),R>=1&&!W?(W=true,H?.()):R<1&&!c&&(W=false),p=requestAnimationFrame(B);}me(),f===O&&ve("scrollAnimate: the trigger window has zero length (start and end resolve to the same scroll position), so this element will never animate. If the target is inside a position:sticky stage, measure the trigger from the container that holds the scroll room via `triggerElement`.",e);{let u=k(ee(Pe(),O,f,a));c&&u>0&&(Le=u),T=u,ne(u);}let F=new IntersectionObserver(u=>{u.forEach(v=>{N=v.isIntersecting,N&&!X?p=requestAnimationFrame(B):cancelAnimationFrame(p);});},{root:b??null}),ge;function ae(){clearTimeout(ge),ge=setTimeout(me,150);}window.addEventListener("resize",ae),window.addEventListener("orientationchange",ae);let Te=Ne([E],ae);return F.observe(e),Re(e,{type:"animate",getProgress:()=>T,getTrigger:()=>({tStart:O,tEnd:f})}),{destroy(){cancelAnimationFrame(p),F.disconnect(),window.removeEventListener("resize",ae),window.removeEventListener("orientationchange",ae),Te(),clearTimeout(ge),ie(),Oe(e);},replay(){Le=-1,W=false,T=0,X=false,ne(0);},pause(){X=true,cancelAnimationFrame(p);},resume(){X&&(X=false,N&&(p=requestAnimationFrame(B)));},seek(u){let v=Math.min(1,Math.max(0,u));T=v,Le=v,X=true,cancelAnimationFrame(p),ne(v);},getProgress(){return T},refresh(){me();}}}var yt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Xt(e,n){if(typeof window>"u")return yt;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return ve("scrollCounter: element not found:",e),yt;let t=r,{from:o=0,to:s,format:a,easing:c="ease-out",trigger:m={},once:d=true,decimals:x,onComplete:M}=n,P=x!==void 0?f=>f.toFixed(x):a??(f=>String(Math.round(f))),te=typeof c=="function"?c:Z[c]??Z["ease-out"],Ee=ce(m.start??"top 80%"),H=ce(m.end??"top 20%");if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return t.textContent=P(s),M?.(),yt;let z=0,V=0,I=false,$=0,k=false,h=false,C=-1,E=0,b=false,g=()=>window.scrollY,U=()=>window.innerHeight;function L(){let f=t.getBoundingClientRect(),p=Me({top:f.top,height:f.height},g(),U(),Ee,H);I&&Math.abs(p.tStart-z)<1&&Math.abs(p.tEnd-V)<1||(I=true,z=p.tStart,V=p.tEnd);}function _(f){t.textContent=P(o+(s-o)*f),t.style.setProperty("--scroll-draw-progress",String(f));}function ie(){if(!k||h)return;let f=te(ee(g(),z,V,1));d&&(C=Math.max(C,f),f=C),E=f,_(f),f>=1&&!b?(b=true,M?.()):f<1&&!d&&(b=false),$=requestAnimationFrame(ie);}L();{let f=te(ee(g(),z,V,1));d&&f>0&&(C=f),E=f,_(f);}let he=new IntersectionObserver(f=>{f.forEach(p=>{k=p.isIntersecting,k&&!h?$=requestAnimationFrame(ie):cancelAnimationFrame($);});}),be;function q(){clearTimeout(be),be=setTimeout(L,150);}window.addEventListener("resize",q),window.addEventListener("orientationchange",q);let O=Ne([t],q);return he.observe(t),Re(t,{type:"counter",getProgress:()=>E,getTrigger:()=>({tStart:z,tEnd:V})}),{destroy(){cancelAnimationFrame($),he.disconnect(),window.removeEventListener("resize",q),window.removeEventListener("orientationchange",q),O(),clearTimeout(be),Oe(t);},replay(){C=-1,b=false,E=0,h=false,_(0);},pause(){h=true,cancelAnimationFrame($);},resume(){h&&(h=false,k&&($=requestAnimationFrame(ie)));},seek(f){let p=Math.min(1,Math.max(0,f));E=p,C=p,h=true,cancelAnimationFrame($),_(p);},getProgress(){return E}}}var Yt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Kt(e,n={}){if(typeof window>"u")return Yt;let r=typeof e=="string"?document.querySelector(e):e;if(!r||r.tagName.toLowerCase()!=="video")return ve("scrollVideo: <video> element not found:",e),Yt;let t=r,{trigger:o={},easing:s="linear",once:a=false,axis:c="y",preload:m="auto",triggerElement:d,onReady:x,onComplete:M,onProgress:P}=n,te=d??t,Ee=window.matchMedia("(prefers-reduced-motion: reduce)").matches,H=typeof s=="function"?s:Z[s]??Z.linear,K=ce(o.start??"top top"),z=ce(o.end??"bottom top");t.pause(),t.hasAttribute("preload")||(t.preload=m);let V=n.from??0,I=n.to,$=0,k=0,h=0,C=false,E=false,b=-1,g=0,U=false,L=false,_=()=>c==="x"?window.scrollX:window.scrollY,ie=()=>c==="x"?window.innerWidth:window.innerHeight;function he(){let T=te.getBoundingClientRect(),W=c==="x"?T.left:T.top,pe=c==="x"?T.width:T.height,Fe=Me({top:W,height:pe},_(),ie(),K,z);$=Fe.tStart,k=Fe.tEnd,L&&k===$&&ve("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",t);}let be=NaN;function q(T){if(!L)return;let W=I??t.duration??0,pe=V+(W-V)*T;pe!==be&&(be=pe,t.currentTime=pe),t.style.setProperty("--scroll-draw-progress",String(T)),P?.(T);}function O(){if(!C||E||!L||Ee)return;let T=H(ee(_(),$,k,1));a&&(b=Math.max(b,T),T=b),g=T,q(T),T>=1&&!U?(U=true,M?.()):T<1&&!a&&(U=false),h=requestAnimationFrame(O);}function f(){if(L=true,I===void 0&&(I=t.duration),Ee){q(1),x?.();return}he(),x?.(),C&&!E&&(h=requestAnimationFrame(O));}t.readyState>=1?f():t.addEventListener("loadedmetadata",f,{once:true}),L||he();let p=new IntersectionObserver(T=>{T.forEach(W=>{C=W.isIntersecting,C&&!E&&L?h=requestAnimationFrame(O):cancelAnimationFrame(h);});}),N;function X(){clearTimeout(N),N=setTimeout(he,150);}window.addEventListener("resize",X),window.addEventListener("orientationchange",X);let Le=Ne([te],X);return p.observe(t),Re(t,{type:"video",getProgress:()=>g,getTrigger:()=>({tStart:$,tEnd:k})}),{destroy(){cancelAnimationFrame(h),p.disconnect(),t.removeEventListener("loadedmetadata",f),window.removeEventListener("resize",X),window.removeEventListener("orientationchange",X),Le(),clearTimeout(N),Oe(t);},replay(){b=-1,U=false,g=0,E=false,be=NaN,q(0);},pause(){E=true,cancelAnimationFrame(h);},resume(){E&&(E=false,C&&L&&(h=requestAnimationFrame(O)));},seek(T){let W=Math.min(1,Math.max(0,T));g=W,b=W,E=true,cancelAnimationFrame(h),be=NaN,q(W);},getProgress(){return g}}}function Zt(e){let n=e.textContent??"";return e.textContent="",n.split(/(\s+)/).filter(Boolean).map(r=>{let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),/^\s+$/.test(r)?(t.textContent=r,t.style.whiteSpace="pre"):(t.textContent=r,t.style.display="inline-block"),e.appendChild(t),/^\s+$/.test(r)?null:t}).filter(r=>r!==null)}function Lr(e){let n=e.textContent??"";return e.textContent="",n.split("").map(r=>{let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),t.textContent=r,r===" "?t.style.whiteSpace="pre":t.style.display="inline-block",e.appendChild(t),r===" "?null:t}).filter(r=>r!==null)}function Qt(e){let n=Zt(e),r=new Map;for(let s of n){let a=s.offsetTop;r.has(a)||r.set(a,[]),r.get(a).push(s);}let t=[],o=Array.from(r.keys()).sort((s,a)=>s-a);for(let s of o){let a=r.get(s),c=document.createElement("span");c.setAttribute("aria-hidden","true"),c.style.display="inline-block",a.forEach((m,d)=>{let x=m.nextElementSibling;c.appendChild(m),d<a.length-1&&x&&x.style.whiteSpace==="pre"&&c.appendChild(x);}),t.push(c);}return e.textContent="",t.forEach((s,a)=>{e.appendChild(s),a<t.length-1&&e.appendChild(document.createTextNode(" "));}),t}function Pr(e,n,r,t){if(r<=1||t===0)return e;let o=(r-1)*t,s=n*t,a=s+(1-o);return a<=s?e>=s?1:0:Math.min(1,Math.max(0,(e-s)/(a-s)))}function Cr(e,n){let r=[];if(n?.y!==void 0&&r.push(`translateY(${n.y*(1-e)}px)`),n?.x!==void 0&&r.push(`translateX(${n.x*(1-e)}px)`),n?.rotate!==void 0&&r.push(`rotate(${n.rotate*(1-e)}deg)`),n?.scale!==void 0){let t=n.scale+(1-n.scale)*e;r.push(`scale(${t})`);}return r.join(" ")||""}var Jt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function er(e,n={}){if(typeof window>"u")return Jt;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return ve("scrollText: element not found:",e),Jt;let t=r,{split:o="words",stagger:s=.04,easing:a="ease-out",from:c={opacity:0,y:24},trigger:m={},once:d=true,onComplete:x}=n,M=window.matchMedia("(prefers-reduced-motion: reduce)").matches,P=typeof a=="function"?a:Z[a]??Z["ease-out"],te=ce(m.start??"top 85%"),Ee=ce(m.end??"top 40%"),H=t.innerHTML;t.setAttribute("aria-label",t.textContent??"");let K;o==="chars"?K=Lr(t):o==="lines"?K=Qt(t):K=Zt(t);let z=K.length;function V(p,N){c?.opacity!==void 0&&(p.style.opacity=String(c.opacity+(1-c.opacity)*N));let X=Cr(N,c);X&&(p.style.transform=X);}function I(p){t.style.setProperty("--scroll-draw-progress",String(p)),K.forEach((N,X)=>{let Le=P(Pr(p,X,z,s));V(N,Le);});}if(M)return I(1),x?.(),{destroy(){t.innerHTML=H,t.removeAttribute("aria-label");},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};I(0);let $=0,k=0,h=0,C=false,E=false,b=-1,g=0,U=false,L=()=>window.scrollY,_=()=>window.innerHeight;function ie(){let p=t.getBoundingClientRect(),N=Me({top:p.top,height:p.height},L(),_(),te,Ee);$=N.tStart,k=N.tEnd;}function he(){if(!C||E)return;let p=ee(L(),$,k,1);d&&(b=Math.max(b,p),p=b),g=p,I(p),p>=1&&!U?(U=true,x?.()):p<1&&!d&&(U=false),h=requestAnimationFrame(he);}ie();let be=new IntersectionObserver(p=>{p.forEach(N=>{C=N.isIntersecting,C&&!E?h=requestAnimationFrame(he):cancelAnimationFrame(h);});}),q;function O(){clearTimeout(q),q=setTimeout(()=>{if(o==="lines"){let p=g;t.innerHTML=H,t.setAttribute("aria-label",t.textContent??""),K=Qt(t),I(p);}ie();},150);}window.addEventListener("resize",O),window.addEventListener("orientationchange",O);let f=Ne([t],O);return be.observe(t),Re(t,{type:"text",getProgress:()=>g,getTrigger:()=>({tStart:$,tEnd:k})}),{destroy(){cancelAnimationFrame(h),be.disconnect(),window.removeEventListener("resize",O),window.removeEventListener("orientationchange",O),f(),clearTimeout(q),t.innerHTML=H,t.removeAttribute("aria-label"),Oe(t);},replay(){b=-1,U=false,g=0,E=false,I(0);},pause(){E=true,cancelAnimationFrame(h);},resume(){E&&(E=false,C&&(h=requestAnimationFrame(he)));},seek(p){let N=Math.min(1,Math.max(0,p));g=N,b=N,E=true,cancelAnimationFrame(h),I(N);},getProgress(){return g}}}function Rr(e,n={}){let[r,t]=Or.useState(0),o=Or.useRef(n);o.current=n;let s=Or.useRef(-1);return Or.useEffect(()=>{if(typeof window>"u")return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){t(1);return}let a=typeof e=="string"?document.querySelector(e):e.current;if(!a)return;let c=a,{axis:m="y",scrollContainer:d,trigger:x={}}=o.current,M=typeof d=="string"?document.querySelector(d):d??null,P=ce(x.start??"top bottom"),te=ce(x.end??"bottom top"),Ee=0,H=0,K=false,z=0;function V(){return M?m==="x"?M.scrollLeft:M.scrollTop:m==="x"?window.scrollX:window.scrollY}function I(){return M?m==="x"?M.clientWidth:M.clientHeight:m==="x"?window.innerWidth:window.innerHeight}function $(){let b=c.getBoundingClientRect(),g=V(),U=m==="x"?b.left:b.top,L=m==="x"?b.width:b.height,_=Me({top:U,height:L},g,I(),P,te);Ee=_.tStart,H=_.tEnd;}function k(){if(!K)return;let{speed:b=1,easing:g="linear",once:U=false}=o.current,L=typeof g=="function"?g:Z[g]??Z.linear,_=ee(V(),Ee,H,b),ie=L(_);U&&(s.current=Math.max(s.current,ie),ie=s.current),t(ie),z=requestAnimationFrame(k);}let h=new IntersectionObserver(b=>{b.forEach(g=>{K=g.isIntersecting,K?z=requestAnimationFrame(k):cancelAnimationFrame(z);});},{root:M??null,threshold:0});$(),h.observe(c);let C;function E(){clearTimeout(C),C=setTimeout($,150);}return window.addEventListener("resize",E),window.addEventListener("orientationchange",E),()=>{cancelAnimationFrame(z),clearTimeout(C),h.disconnect(),window.removeEventListener("resize",E),window.removeEventListener("orientationchange",E);}},[]),r}function Je(e,n,r){let t=Or.useRef(n);t.current=n;let o=qt(n);Or.useEffect(()=>{if(!e.current)return;let s=r(e.current,Wt(t.current,()=>t.current));return ()=>s.destroy()},[o]);}var Nr=/^(data-|aria-)|^(id|role|title|tabIndex|lang|dir|hidden)$/;function Ze(e){let n={},r={};for(let[t,o]of Object.entries(e))(Nr.test(t)?r:n)[t]=o;return [n,r]}function jn({children:e,className:n,style:r,...t}){let o=Or.useRef(null),[s,a]=Ze(t);return Je(o,s,Vt),jsxRuntime.jsx("div",{ref:o,className:n,style:r,...a,children:e})}function Un({children:e,className:n,style:r,...t}){let o=Or.useRef(null),[s,a]=Ze(t);return Je(o,s,Ut),jsxRuntime.jsx("div",{ref:o,className:n,style:r,...a,children:e})}function Xn({className:e,style:n,...r}){let t=Or.useRef(null),[o,s]=Ze(r);return Je(t,o,Xt),jsxRuntime.jsx("span",{ref:t,className:e,style:n,...s})}function Yn({src:e,className:n,style:r,muted:t=true,playsInline:o=true,...s}){let a=Or.useRef(null),[c,m]=Ze(s);return Je(a,c,Kt),jsxRuntime.jsx("video",{...m,ref:a,src:e,className:n,style:r,muted:t,playsInline:o,preload:"auto"})}function Kn({children:e,as:n="p",className:r,style:t,...o}){let s=Or.useRef(null),[a,c]=Ze(o);return Je(s,a,er),Or__default.default.createElement(n,{...c,ref:s,className:r,style:t},e)}exports.ScrollAnimate=Un;exports.ScrollCounter=Xn;exports.ScrollDraw=jn;exports.ScrollText=Kn;exports.ScrollVideo=Yn;exports.useScrollDrawProgress=Rr;
|
package/dist/react/index.d.mts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
1
|
import React, { RefObject } from 'react';
|
|
3
|
-
import { E as EasingName, T as TriggerConfig, a as ScrollDrawOptions } from '../types-
|
|
4
|
-
import { S as ScrollAnimateOptions } from '../engine-
|
|
5
|
-
import { S as ScrollCounterOptions } from '../index-
|
|
2
|
+
import { E as EasingName, T as TriggerConfig, a as ScrollDrawOptions } from '../types-MswK0erX.mjs';
|
|
3
|
+
import { S as ScrollAnimateOptions } from '../engine-P8u6OK4m.mjs';
|
|
4
|
+
import { S as ScrollCounterOptions } from '../index-CdaBYn3A.mjs';
|
|
6
5
|
import { ScrollVideoOptions } from '../video/index.mjs';
|
|
7
6
|
import { ScrollTextOptions } from '../text/index.mjs';
|
|
8
7
|
|
|
@@ -40,18 +39,18 @@ type ScrollDrawProps = ScrollDrawOptions & ElementAttrs & {
|
|
|
40
39
|
className?: string;
|
|
41
40
|
style?: React.CSSProperties;
|
|
42
41
|
};
|
|
43
|
-
declare function ScrollDraw({ children, className, style, ...rest }: ScrollDrawProps):
|
|
42
|
+
declare function ScrollDraw({ children, className, style, ...rest }: ScrollDrawProps): React.JSX.Element;
|
|
44
43
|
type ScrollAnimateProps = ScrollAnimateOptions & ElementAttrs & {
|
|
45
44
|
children: React.ReactNode;
|
|
46
45
|
className?: string;
|
|
47
46
|
style?: React.CSSProperties;
|
|
48
47
|
};
|
|
49
|
-
declare function ScrollAnimate({ children, className, style, ...rest }: ScrollAnimateProps):
|
|
48
|
+
declare function ScrollAnimate({ children, className, style, ...rest }: ScrollAnimateProps): React.JSX.Element;
|
|
50
49
|
type ScrollCounterProps = ScrollCounterOptions & ElementAttrs & {
|
|
51
50
|
className?: string;
|
|
52
51
|
style?: React.CSSProperties;
|
|
53
52
|
};
|
|
54
|
-
declare function ScrollCounter({ className, style, ...rest }: ScrollCounterProps):
|
|
53
|
+
declare function ScrollCounter({ className, style, ...rest }: ScrollCounterProps): React.JSX.Element;
|
|
55
54
|
type ScrollVideoProps = ScrollVideoOptions & ElementAttrs & {
|
|
56
55
|
src: string;
|
|
57
56
|
className?: string;
|
|
@@ -59,7 +58,7 @@ type ScrollVideoProps = ScrollVideoOptions & ElementAttrs & {
|
|
|
59
58
|
muted?: boolean;
|
|
60
59
|
playsInline?: boolean;
|
|
61
60
|
};
|
|
62
|
-
declare function ScrollVideo({ src, className, style, muted, playsInline, ...rest }: ScrollVideoProps):
|
|
61
|
+
declare function ScrollVideo({ src, className, style, muted, playsInline, ...rest }: ScrollVideoProps): React.JSX.Element;
|
|
63
62
|
type ScrollTextProps = ScrollTextOptions & ElementAttrs & {
|
|
64
63
|
children: string;
|
|
65
64
|
as?: keyof React.JSX.IntrinsicElements;
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
1
|
import React, { RefObject } from 'react';
|
|
3
|
-
import { E as EasingName, T as TriggerConfig, a as ScrollDrawOptions } from '../types-
|
|
4
|
-
import { S as ScrollAnimateOptions } from '../engine-
|
|
5
|
-
import { S as ScrollCounterOptions } from '../index-
|
|
2
|
+
import { E as EasingName, T as TriggerConfig, a as ScrollDrawOptions } from '../types-MswK0erX.js';
|
|
3
|
+
import { S as ScrollAnimateOptions } from '../engine-DQyBzZDl.js';
|
|
4
|
+
import { S as ScrollCounterOptions } from '../index-D3o4vT3e.js';
|
|
6
5
|
import { ScrollVideoOptions } from '../video/index.js';
|
|
7
6
|
import { ScrollTextOptions } from '../text/index.js';
|
|
8
7
|
|
|
@@ -40,18 +39,18 @@ type ScrollDrawProps = ScrollDrawOptions & ElementAttrs & {
|
|
|
40
39
|
className?: string;
|
|
41
40
|
style?: React.CSSProperties;
|
|
42
41
|
};
|
|
43
|
-
declare function ScrollDraw({ children, className, style, ...rest }: ScrollDrawProps):
|
|
42
|
+
declare function ScrollDraw({ children, className, style, ...rest }: ScrollDrawProps): React.JSX.Element;
|
|
44
43
|
type ScrollAnimateProps = ScrollAnimateOptions & ElementAttrs & {
|
|
45
44
|
children: React.ReactNode;
|
|
46
45
|
className?: string;
|
|
47
46
|
style?: React.CSSProperties;
|
|
48
47
|
};
|
|
49
|
-
declare function ScrollAnimate({ children, className, style, ...rest }: ScrollAnimateProps):
|
|
48
|
+
declare function ScrollAnimate({ children, className, style, ...rest }: ScrollAnimateProps): React.JSX.Element;
|
|
50
49
|
type ScrollCounterProps = ScrollCounterOptions & ElementAttrs & {
|
|
51
50
|
className?: string;
|
|
52
51
|
style?: React.CSSProperties;
|
|
53
52
|
};
|
|
54
|
-
declare function ScrollCounter({ className, style, ...rest }: ScrollCounterProps):
|
|
53
|
+
declare function ScrollCounter({ className, style, ...rest }: ScrollCounterProps): React.JSX.Element;
|
|
55
54
|
type ScrollVideoProps = ScrollVideoOptions & ElementAttrs & {
|
|
56
55
|
src: string;
|
|
57
56
|
className?: string;
|
|
@@ -59,7 +58,7 @@ type ScrollVideoProps = ScrollVideoOptions & ElementAttrs & {
|
|
|
59
58
|
muted?: boolean;
|
|
60
59
|
playsInline?: boolean;
|
|
61
60
|
};
|
|
62
|
-
declare function ScrollVideo({ src, className, style, muted, playsInline, ...rest }: ScrollVideoProps):
|
|
61
|
+
declare function ScrollVideo({ src, className, style, muted, playsInline, ...rest }: ScrollVideoProps): React.JSX.Element;
|
|
63
62
|
type ScrollTextProps = ScrollTextOptions & ElementAttrs & {
|
|
64
63
|
children: string;
|
|
65
64
|
as?: keyof React.JSX.IntrinsicElements;
|
package/dist/react/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {a as a$1,b as b$1}from'../chunk-XSVTHCLO.mjs';import {a as a$4}from'../chunk-7SBTYJGH.mjs';import {a as a$5}from'../chunk-I45LCJUP.mjs';import {a as a$3}from'../chunk-KHQ7OGQK.mjs';import {a as a$2}from'../chunk-BFX2CSQ3.mjs';import {b as b$2}from'../chunk-
|
|
2
|
+
import {a as a$1,b as b$1}from'../chunk-XSVTHCLO.mjs';import {a as a$4}from'../chunk-7SBTYJGH.mjs';import {a as a$5}from'../chunk-I45LCJUP.mjs';import {a as a$3}from'../chunk-KHQ7OGQK.mjs';import {a as a$2}from'../chunk-BFX2CSQ3.mjs';import {b as b$2}from'../chunk-LQBXJRFY.mjs';import'../chunk-OJFWQ6CU.mjs';import'../chunk-YWKPTYSG.mjs';import'../chunk-YZV4Z3EQ.mjs';import {a,c,b}from'../chunk-A4JCC3QQ.mjs';import {d as d$1}from'../chunk-DM6EDKWH.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-BCV4RAIX.mjs';import'../chunk-LFSU6LR3.mjs';import Y,{useState,useRef,useEffect}from'react';import {jsx}from'react/jsx-runtime';function K(n,t={}){let[o,e]=useState(0),r=useRef(t);r.current=t;let s=useRef(-1);return useEffect(()=>{if(typeof window>"u")return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){e(1);return}let i=typeof n=="string"?document.querySelector(n):n.current;if(!i)return;let u=i,{axis:l="y",scrollContainer:E,trigger:h={}}=r.current,a$1=typeof E=="string"?document.querySelector(E):E??null,X=a(h.start??"top bottom"),$=a(h.end??"bottom top"),A=0,C=0,O=false,g=0;function D(){return a$1?l==="x"?a$1.scrollLeft:a$1.scrollTop:l==="x"?window.scrollX:window.scrollY}function B(){return a$1?l==="x"?a$1.clientWidth:a$1.clientHeight:l==="x"?window.innerWidth:window.innerHeight}function N(){let c$1=u.getBoundingClientRect(),p=D(),x=l==="x"?c$1.left:c$1.top,R=l==="x"?c$1.width:c$1.height,y=c({top:x,height:R},p,B(),X,$);A=y.tStart,C=y.tEnd;}function L(){if(!O)return;let{speed:c=1,easing:p="linear",once:x=false}=r.current,R=typeof p=="function"?p:d$1[p]??d$1.linear,y=b(D(),A,C,c),T=R(y);x&&(s.current=Math.max(s.current,T),T=s.current),e(T),g=requestAnimationFrame(L);}let H=new IntersectionObserver(c=>{c.forEach(p=>{O=p.isIntersecting,O?g=requestAnimationFrame(L):cancelAnimationFrame(g);});},{root:a$1??null,threshold:0});N(),H.observe(u);let b$1;function S(){clearTimeout(b$1),b$1=setTimeout(N,150);}return window.addEventListener("resize",S),window.addEventListener("orientationchange",S),()=>{cancelAnimationFrame(g),clearTimeout(b$1),H.disconnect(),window.removeEventListener("resize",S),window.removeEventListener("orientationchange",S);}},[]),o}function d(n,t,o){let e=useRef(t);e.current=t;let r=a$1(t);useEffect(()=>{if(!n.current)return;let s=o(n.current,b$1(e.current,()=>e.current));return ()=>s.destroy()},[r]);}var Z=/^(data-|aria-)|^(id|role|title|tabIndex|lang|dir|hidden)$/;function f(n){let t={},o={};for(let[e,r]of Object.entries(n))(Z.test(e)?o:t)[e]=r;return [t,o]}function pe({children:n,className:t,style:o,...e}){let r=useRef(null),[s,i]=f(e);return d(r,s,b$2),jsx("div",{ref:r,className:t,style:o,...i,children:n})}function ue({children:n,className:t,style:o,...e}){let r=useRef(null),[s,i]=f(e);return d(r,s,a$2),jsx("div",{ref:r,className:t,style:o,...i,children:n})}function me({className:n,style:t,...o}){let e=useRef(null),[r,s]=f(o);return d(e,r,a$3),jsx("span",{ref:e,className:n,style:t,...s})}function de({src:n,className:t,style:o,muted:e=true,playsInline:r=true,...s}){let i=useRef(null),[u,l]=f(s);return d(i,u,a$4),jsx("video",{...l,ref:i,src:n,className:t,style:o,muted:e,playsInline:r,preload:"auto"})}function fe({children:n,as:t="p",className:o,style:e,...r}){let s=useRef(null),[i,u]=f(r);return d(s,i,a$5),Y.createElement(t,{...u,ref:s,className:o,style:e},n)}export{ue as ScrollAnimate,me as ScrollCounter,pe as ScrollDraw,fe as ScrollText,de as ScrollVideo,K as useScrollDrawProgress};
|
package/dist/reveal/index.d.mts
CHANGED
package/dist/reveal/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as ScrollDrawOptions, S as ScrollDrawInstance } from './types-
|
|
1
|
+
import { a as ScrollDrawOptions, S as ScrollDrawInstance } from './types-MswK0erX.mjs';
|
|
2
2
|
|
|
3
3
|
declare function scrollDraw(target: string | Element, options?: ScrollDrawOptions): ScrollDrawInstance;
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as ScrollDrawOptions, S as ScrollDrawInstance } from './types-
|
|
1
|
+
import { a as ScrollDrawOptions, S as ScrollDrawInstance } from './types-MswK0erX.js';
|
|
2
2
|
|
|
3
3
|
declare function scrollDraw(target: string | Element, options?: ScrollDrawOptions): ScrollDrawInstance;
|
|
4
4
|
|
package/dist/snap/index.d.mts
CHANGED
package/dist/snap/index.d.ts
CHANGED
package/dist/solid/index.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
'use strict';var solidJs=require('solid-js');function
|
|
2
|
-
<div style="position:absolute;${m?`left:${
|
|
3
|
-
<div style="position:absolute;${m?`left:${u}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${u}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(t),window.addEventListener("scroll",s,{passive:true}),s(),{el:t,destroy(){window.removeEventListener("scroll",s),t.remove();}}}var Rt=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,Ht=/[MmLlHhVvCcSsQqTtAaZz]/g;function ur(e,n,r){if(!je)return;let t=(e.match(Ht)??[]).join("").toUpperCase(),s=(n.match(Ht)??[]).join("").toUpperCase(),o=(e.match(Rt)??[]).length,l=(n.match(Rt)??[]).length;if(t!==s){be(`morphTo: command sequence differs (${t||"\u2205"} \u2192 ${s||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,r);return}o!==l&&be(`morphTo: coordinate count differs (${o} \u2192 ${l}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,r);}function ut(e,n,r){let t=(n.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),s=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,o=>{let l=parseFloat(o),u=t[s++]??l;return String(+(l+(u-l)*r).toFixed(4))})}function mt(e,n={}){if(typeof window>"u")return {destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};let{preset:r,...t}=n,s=r?{...Ct[r],...t}:t,o=window.matchMedia("(prefers-reduced-motion: reduce)").matches,{selector:l="path, polyline, line, polygon, rect, circle",speed:u=1,fade:m=false,easing:g="linear",trigger:T={},stagger:q=0,direction:A="forward",once:J=false,debug:$e=false,axis:j="y",scrollContainer:ae,autoReverse:ee=false,delay:U=0,strokeColor:D,strokeWidth:C,fillOpacity:k,waypoints:b,velocityScale:P=false,threshold:x=0,rootMargin:M="0px",repeat:E=0,repeatDelay:te=0,morphTo:L,clip:re,autoplay:we=false,duration:ge=1e3,native:ye=true,onProgress:N,onStart:$,onComplete:f,onEnter:p,onLeave:O,onEnterBack:W,onLeaveBack:Ee}=s,w=re===true?"left":typeof re=="string"?re:false,V=typeof g=="function"?g:ie[g]??ie.linear,le=he(T.start??"top bottom"),He=he(T.end??"bottom top"),Se=typeof ae=="string"?document.querySelector(ae):ae??null,Te=Array.isArray(D)?D[0]:null,ce=Array.isArray(D)?D[1]:typeof D=="string"?D:null,Y=Array.isArray(C)?C[0]:null,ne=Array.isArray(C)?C[1]:typeof C=="number"?C:null,oe=Array.isArray(k)?k[0]:null,X=Array.isArray(k)?k[1]:typeof k=="number"?k:null;function Ne(i){let c=i*100;switch(w){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 B=w?[]:Array.from(e.querySelectorAll(l)),I=[],ue=[],me=0,Ce=0,a=false,d=false,z=0,fe=false,R=-1,se=[],Pe=-1,K=false,H=0,xe=0,Me,st=null;function ht(){st?.destroy(),st=null;}let ze=new Set,bt=NaN,_e=true,Xe=-1,wt=performance.now(),qe=NaN;function it(){return Se?j==="x"?Se.scrollLeft:Se.scrollTop:j==="x"?window.scrollX:window.scrollY}function vt(){return Se?j==="x"?Se.clientWidth:Se.clientHeight:j==="x"?window.innerWidth:window.innerHeight}function Et(){let i=tt(e,Se,j);return Le(i,i.scroll,vt(),le,He)}function St(){(({tStart:me,tEnd:Ce}=Et())),$e&&je&&(ht(),st=cr(me,Ce,j));}function at(i,c=Et){Oe(e,{type:"draw",getProgress:()=>i.getProgress(),getTrigger:c});let v=i.destroy;return i.destroy=()=>{v.call(i),Ie(e);},i}function Yt(i,c){if(e.style.setProperty("--scroll-draw-progress",String(i)),w){let v=c==="reverse"?1-i:i;e.style.clipPath=Ne(v);return}B.forEach((v,pe)=>{v.style.strokeDashoffset=c==="reverse"?`${I[pe]*i}`:`${I[pe]*(1-i)}`,m&&(v.style.opacity=c==="reverse"?`${1-i}`:`${i}`),Te&&ce?v.style.stroke=Be(Te,ce,i):ce&&(v.style.stroke=ce),Y!==null&&ne!==null?v.style.strokeWidth=`${Y+(ne-Y)*i}`:ne!==null&&(v.style.strokeWidth=`${ne}`),oe!==null&&X!==null?v.style.fillOpacity=`${oe+(X-oe)*i}`:X!==null&&(v.style.fillOpacity=`${X}`),L&&v.tagName.toLowerCase()==="path"&&ue[pe]&&v.setAttribute("d",ut(ue[pe],L,i));});}function Ke(){if(e.style.setProperty("--scroll-draw-progress","0"),w){e.style.clipPath=Ne(0);return}B.forEach((i,c)=>{i.style.strokeDasharray=`${I[c]}`,i.style.strokeDashoffset=A==="reverse"?"0":`${I[c]}`,m?i.style.opacity=A==="reverse"?"1":"0":i.style.opacity="",Te&&(i.style.stroke=Te),Y!==null&&(i.style.strokeWidth=`${Y}`),oe!==null&&(i.style.fillOpacity=`${oe}`),L&&i.tagName.toLowerCase()==="path"&&ue[c]&&i.setAttribute("d",ue[c]);});}if(B.forEach(i=>{lr(i);let c=We(i);I.push(c);let v=i.tagName.toLowerCase()==="path";v?ue.push(i.getAttribute("d")??""):ue.push(""),L&&(v?ur(ue[ue.length-1],L,i):be(`morphTo only applies to <path> elements \u2014 ignored on <${i.tagName}>.`,i)),o?(i.style.strokeDasharray=`${c}`,i.style.strokeDashoffset=A==="reverse"?`${c}`:"0",m&&(i.style.opacity="1"),ce&&(i.style.stroke=ce),ne!==null&&(i.style.strokeWidth=`${ne}`),X!==null&&(i.style.fillOpacity=`${X}`),L&&i.tagName.toLowerCase()==="path"&&i.setAttribute("d",L)):(i.style.strokeDasharray=`${c}`,i.style.strokeDashoffset=A==="reverse"?"0":`${c}`,m?i.style.opacity=A==="reverse"?"1":"0":i.style.opacity="",Te&&(i.style.stroke=Te),Y!==null&&(i.style.strokeWidth=`${Y}`),oe!==null&&(i.style.fillOpacity=`${oe}`));}),w){if(o)return e.style.clipPath=Ne(1),f?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};e.style.clipPath=Ne(0);}else if(o)return f?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};let Tt=typeof g=="string"?rt(g):null;function Xt(){return !(ye===false||!ar()||!B.length||!Tt||w||j!=="y"||Se||u!==1||q!==0||J||ee||P!==false||L||b||E||U>0||N||$||f||p||O||W||Ee||D!=null||C!=null||k!=null||(T.start??"top bottom").trim()!=="top bottom"||(T.end??"bottom top").trim()!=="bottom top")}function Kt(){let i=++ir,c=`svg-scroll-draw-${i}`,v=`svg-scroll-draw-host-${i}`,pe=`--svg-scroll-draw-${i}`,Ve=A==="reverse"?"0":"var(--ssd-len)",Fe=A==="reverse"?"var(--ssd-len)":"0",ke=`stroke-dashoffset:${Ve};`,S=`stroke-dashoffset:${Fe};`;m&&(ke+=`opacity:${A==="reverse"?1:0};`,S+=`opacity:${A==="reverse"?0:1};`);let F=document.createElement("style");F.setAttribute("data-svg-scroll-draw",""),F.textContent=`@keyframes ${c}{from{${ke}}to{${S}}}.${v}{view-timeline-name:${pe};view-timeline-axis:block;}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${Tt};animation-fill-mode:both;animation-timeline:${pe};animation-range:cover 0% cover 100%;}`,document.head.appendChild(F),e.classList.add(v);function de(y,Q){y.style.setProperty("--ssd-len",String(I[Q])),y.style.strokeDasharray=`${I[Q]}`,y.style.strokeDashoffset="",y.style.opacity="",y.style.animationPlayState="",y.classList.add(c);}B.forEach(de);let h=false,_=-1;function G(){if(_>=0)return _;let y=e.getBoundingClientRect(),{tStart:Q,tEnd:Ae}=Le({top:y.top,height:y.height},it(),vt(),le,He);return V(Z(it(),Q,Ae,u))}return {destroy(){e.classList.remove(v),B.forEach(y=>{y.classList.remove(c),y.style.removeProperty("--ssd-len"),y.style.animationPlayState="";}),F.remove();},replay(){h=false,_=-1,B.forEach(de);},pause(){h=true,B.forEach(y=>{y.style.animationPlayState="paused";});},resume(){h&&(h=false,B.forEach(y=>{y.style.animationPlayState="running";}));},seek(y){let Q=Math.min(1,Math.max(0,y));_=Q,h=true,B.forEach((Ae,ve)=>{Ae.classList.remove(c),Ae.style.strokeDashoffset=A==="reverse"?`${I[ve]*Q}`:`${I[ve]*(1-Q)}`,m&&(Ae.style.opacity=A==="reverse"?`${1-Q}`:`${Q}`);});},getProgress(){return G()},refresh(){B.forEach((y,Q)=>{I[Q]=We(y),y.style.setProperty("--ssd-len",String(I[Q])),y.style.strokeDasharray=`${I[Q]}`;});}}}if(Xt())return at(Kt());function Qt(){let i=Math.max(1,ge),c=0,v=0,pe=false;function Ve(h){let _=true;if(w){let G=Math.min(1,Math.max(0,h/i)),y=V(G);H=y,e.style.setProperty("--scroll-draw-progress",String(y)),e.style.clipPath=Ne(A==="reverse"?1-y:y),N?.(y),G<1&&(_=false);}else B.forEach((G,y)=>{let Q=y*q*i,Ae=Math.min(1,Math.max(0,(h-Q)/i)),ve=V(Ae);G.style.strokeDashoffset=A==="reverse"?`${I[y]*ve}`:`${I[y]*(1-ve)}`,m&&(G.style.opacity=A==="reverse"?`${1-ve}`:`${ve}`),Te&&ce?G.style.stroke=Be(Te,ce,ve):ce&&(G.style.stroke=ce),Y!==null&&ne!==null?G.style.strokeWidth=`${Y+(ne-Y)*ve}`:ne!==null&&(G.style.strokeWidth=`${ne}`),oe!==null&&X!==null?G.style.fillOpacity=`${oe+(X-oe)*ve}`:X!==null&&(G.style.fillOpacity=`${X}`),L&&G.tagName.toLowerCase()==="path"&&ue[y]&&G.setAttribute("d",ut(ue[y],L,ve)),y===0&&(H=ve,N?.(ve),e.style.setProperty("--scroll-draw-progress",String(ve))),Ae<1&&(_=false);});if(b){let G=Math.min(1,Math.max(0,h/i)),y=V(G);for(let Q in b){let Ae=parseFloat(Q);y>=Ae&&!ze.has(Ae)&&(ze.add(Ae),b[Q]?.());}}return _}function Fe(h){if(K)return;let _=h-c;d||(d=true,$?.());let G=Ve(_);if(G&&!a){a=true,Ve(i*(1+Math.max(0,B.length-1)*q)),f?.(),xe<(E==="infinite"?1/0:E??0)&&(xe++,Me=setTimeout(()=>{c=performance.now(),d=false,a=false,ze.clear(),Ke(),z=requestAnimationFrame(Fe);},te));return}G||(z=requestAnimationFrame(Fe));}function ke(){cancelAnimationFrame(z),clearTimeout(Me),c=performance.now(),v=0,K=false,d=false,a=false,xe=0,pe=true,H=0,ze.clear(),Ke(),z=requestAnimationFrame(Fe);}let S=new IntersectionObserver(h=>{h.forEach(_=>{_.isIntersecting&&!(J&&a)?ke():!_.isIntersecting&&!J&&!a&&(cancelAnimationFrame(z),clearTimeout(Me),pe=false);});},{root:Se??null,threshold:x,rootMargin:M}),F;function de(){clearTimeout(F),F=setTimeout(()=>{B.forEach((h,_)=>{I[_]=We(h),h.style.strokeDasharray=`${I[_]}`;});},150);}return window.addEventListener("resize",de),window.addEventListener("orientationchange",de),U>0?setTimeout(()=>S.observe(e),U):S.observe(e),{destroy(){cancelAnimationFrame(z),clearTimeout(Me),S.disconnect(),window.removeEventListener("resize",de),window.removeEventListener("orientationchange",de),clearTimeout(F);},replay(){xe=0,ke();},pause(){K||!pe||(K=true,v=performance.now()-c,cancelAnimationFrame(z));},resume(){K&&(K=false,pe=true,c=performance.now()-v,z=requestAnimationFrame(Fe));},seek(h){let _=Math.min(1,Math.max(0,h));H=_,K=true,v=_*i,c=performance.now()-v,cancelAnimationFrame(z),Ve(v);},getProgress(){return H},refresh(){clearTimeout(F),B.forEach((h,_)=>{I[_]=We(h),h.style.strokeDasharray=`${I[_]}`;});}}}if(we)return at(Qt());St();function Qe(){if(!fe||K)return;let i=performance.now(),c=it();if(!_e&&P===false&&c===bt){z=requestAnimationFrame(Qe);return}_e=false,bt=c;let v=u;if(P!==false){let S=i-wt,F=S>0?Math.abs(c-(Xe<0?c:Xe))/S:0;v=u*Math.max(.2,1+F*(typeof P=="number"?P:1)*.04);}Xe=c,wt=i;let pe=ee?Pe===-1||c>=Pe?"forward":"reverse":A;Pe=c;let Ve=Ce-me,Fe=true,ke=Ve===0?0:(c-me)/Ve;if(isNaN(qe)||(qe<=0&&ke>0?p?.():qe>0&&ke<=0&&Ee?.(),qe<1&&ke>=1?O?.():qe>=1&&ke<1&&W?.()),qe=ke,w){let S=V(Z(c,me,Ce,v));J&&!ee&&(R=Math.max(R,S),S=R),H=S,e.style.setProperty("--scroll-draw-progress",String(S));let F=pe==="reverse"?1-S:S;e.style.clipPath=Ne(F),N?.(S),!d&&Z(c,me,Ce,v)>0&&(d=true,$?.()),S>=1&&!a?(a=true,f?.(),xe<(E==="infinite"?1/0:E??0)&&(xe++,Me=setTimeout(()=>{R=-1,d=false,a=false,e.style.clipPath=Ne(0);},te))):S<1&&!J&&(a=false),z=requestAnimationFrame(Qe);return}if(B.forEach((S,F)=>{let de=F*q*Ve,h=V(Z(c,me+de,Ce+de,v));J&&!ee&&(h=se[F]=Math.max(se[F]??R,h)),S.style.strokeDashoffset=pe==="reverse"?`${I[F]*h}`:`${I[F]*(1-h)}`,m&&(S.style.opacity=pe==="reverse"?`${1-h}`:`${h}`),Te&&ce?S.style.stroke=Be(Te,ce,h):ce&&(S.style.stroke=ce),Y!==null&&ne!==null?S.style.strokeWidth=`${Y+(ne-Y)*h}`:ne!==null&&(S.style.strokeWidth=`${ne}`),oe!==null&&X!==null?S.style.fillOpacity=`${oe+(X-oe)*h}`:X!==null&&(S.style.fillOpacity=`${X}`),L&&S.tagName.toLowerCase()==="path"&&ue[F]&&S.setAttribute("d",ut(ue[F],L,h)),F===0&&(H=h,N?.(h),e.style.setProperty("--scroll-draw-progress",String(h))),h<1&&(Fe=false);}),b){let S=V(Z(c,me,Ce,v));for(let F in b){let de=parseFloat(F);S>=de&&!ze.has(de)&&(ze.add(de),b[F]?.());}}!d&&Z(c,me,Ce,v)>0&&(d=true,$?.()),Fe&&!a?(a=true,f?.(),xe<(E==="infinite"?1/0:E??0)&&(xe++,Me=setTimeout(()=>{R=-1,se=[],d=false,a=false,ze.clear(),Ke(),_e=true;},te))):!Fe&&!J&&(a=false),z=requestAnimationFrame(Qe);}let lt=false;function Ze(){lt||(lt=true,z=requestAnimationFrame(function(){Qe();}));}function Je(){lt=false,cancelAnimationFrame(z);}let ct=new IntersectionObserver(i=>{i.forEach(c=>{fe=c.isIntersecting,fe&&!K?(_e=true,Ze()):Je();});},{root:Se??null,threshold:x,rootMargin:M});function xt(){B.forEach((i,c)=>{I[c]=We(i),i.style.strokeDasharray=`${I[c]}`;}),St(),_e=true;}let et;function Ge(){clearTimeout(et),et=setTimeout(xt,150);}window.addEventListener("resize",Ge),window.addEventListener("orientationchange",Ge);let Zt=De([e],Ge);return U>0?setTimeout(()=>ct.observe(e),U):ct.observe(e),at({destroy(){cancelAnimationFrame(z),clearTimeout(Me),Je(),ct.disconnect(),Zt(),window.removeEventListener("resize",Ge),window.removeEventListener("orientationchange",Ge),clearTimeout(et),ht();},replay(){R=-1,se=[],Pe=-1,Xe=-1,d=false,a=false,xe=0,K=false,H=0,ze.clear(),clearTimeout(Me),Ke(),_e=true,fe&&Ze();},pause(){K=true,Je();},resume(){K&&(K=false,_e=true,fe&&Ze());},seek(i){let c=Math.min(1,Math.max(0,i));H=c,R=c,se=[],K=true,Je(),Yt(c,A),_e=true;},getProgress(){return H},refresh(){clearTimeout(et),xt(),fe&&!K&&Ze();}},()=>({tStart:me,tEnd:Ce}))}var Nt=new WeakMap,mr=0;function Vt(e){return JSON.stringify(e,(n,r)=>{if(typeof r=="function")return "\u0192";if(typeof Element<"u"&&r instanceof Element){let t=Nt.get(r);return t===void 0&&Nt.set(r,t=++mr),`el#${t}`}return r})}function zt(e,n){let r={...e};for(let t of Object.keys(r))typeof r[t]=="function"&&(r[t]=(...s)=>n()[t]?.(...s));return r}function fr(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function _t(e){let n=[],r=/([\w]+)\(([^)]*)\)/g,t;for(;(t=r.exec(e))!==null;){let s=[],o=[],l=t[2].trim();if(l)for(let u of l.split(/[\s,]+/)){let m=u.match(/^([-+]?[\d.eE]+)(.*)$/);s.push(m?parseFloat(m[1]):0),o.push(m?m[2]:"");}n.push({fn:t[1],nums:s,units:o});}return n}function pr(e,n,r){let t=_t(e),s=_t(n);return t.length===0||t.length!==s.length?r<1?e:n:t.map((o,l)=>{let u=s[l];return o.fn!==u.fn||o.nums.length!==u.nums.length?r<1?`${o.fn}(${o.nums.map((m,g)=>`${m}${o.units[g]}`).join(", ")})`:`${u.fn}(${u.nums.map((m,g)=>`${m}${u.units[g]}`).join(", ")})`:`${o.fn}(${o.nums.map((m,g)=>`${m+(u.nums[g]-m)*r}${o.units[g]}`).join(", ")})`}).join(" ")}function qt(e,n,r){if(typeof e=="number"&&typeof n=="number")return String(e+(n-e)*r);let t=String(e),s=String(n);if(fr(t))return Be(t,s,r);if(t.includes("("))return pr(t,s,r);let o=t.match(/^([-+]?[\d.]+)(.*)$/),l=s.match(/^([-+]?[\d.]+)(.*)$/);if(o&&l){let u=parseFloat(o[1]),m=parseFloat(l[1]);return `${u+(m-u)*r}${o[2]||l[2]}`}return r<1?t:s}function dr(e){return e.replace(/([A-Z])/g,n=>`-${n.toLowerCase()}`)}var gr=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),yr=0,Wt="--scroll-draw-progress";function hr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}function ft(e,n){let r={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};if(typeof window>"u")return r;let{props:t,trigger:s={},easing:o="ease-out",speed:l=1,once:u=false,axis:m="y",scrollContainer:g,native:T=true,velocityScale:q=false,respectReducedMotion:A=true,triggerElement:J,onProgress:$e,onComplete:j,onEnter:ae,onLeave:ee,onEnterBack:U,onLeaveBack:D}=n,C=A&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,k=typeof o=="function"?o:ie[o]??ie["ease-out"],b=he(s.start??"top bottom"),P=he(s.end??"bottom top"),x=J??e,M=typeof g=="string"?document.querySelector(g):g??null,E=Object.entries(t).map(([a,d])=>({prop:dr(a),from:Array.isArray(d)?d[0]:"",to:Array.isArray(d)?d[1]:d}));function te(){let a=window.getComputedStyle(e);for(let d of E)d.from===""&&(d.from=a.getPropertyValue(d.prop).trim()||"0");}function L(){for(let a of E)e.style.setProperty(a.prop,String(a.to));}let re=new Map;for(let a of [...E.map(d=>d.prop),Wt])re.set(a,e.style.getPropertyValue(a));function we(){for(let[a,d]of re)d?e.style.setProperty(a,d):e.style.removeProperty(a);}if(C)return L(),j?.(),{...r,destroy:we,getProgress:()=>1};te();let ge=typeof o=="string"?rt(o):null;function ye(){if(!T||!hr()||!ge||m!=="y"||M||x!==e||u||l!==1||$e||j||ae||ee||U||D||q!==false||(s.start??"top bottom").trim()!=="top bottom"||(s.end??"bottom top").trim()!=="bottom top")return false;for(let a of E)if(!gr.has(a.prop))return false;return true}function N(){let a=`ssd-a-${++yr}`,d=E.map(H=>`${H.prop}:${H.from}`).join(";"),z=E.map(H=>`${H.prop}:${H.to}`).join(";"),fe=document.createElement("style");fe.setAttribute("data-ssd-animate",""),fe.textContent=`@keyframes ${a}{from{${d}}to{${z}}}.${a}{animation-name:${a};animation-duration:auto;animation-timing-function:${ge};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(fe),e.classList.add(a);let R=()=>m==="x"?window.scrollX:window.scrollY,se=()=>m==="x"?window.innerWidth:window.innerHeight,Pe=()=>{let H=e.getBoundingClientRect();return Le({top:H.top,height:H.height},R(),se(),b,P)};Oe(e,{type:"animate",getProgress:()=>K.getProgress(),getTrigger:Pe});let K={refresh(){},destroy(){e.classList.remove(a),fe.remove(),e.style.animationPlayState="",we(),Ie(e);},replay(){e.classList.remove(a),e.offsetWidth,e.classList.add(a);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(H){let xe=Math.min(1,Math.max(0,H));e.classList.remove(a);for(let Me of E)e.style.setProperty(Me.prop,qt(Me.from,Me.to,xe));},getProgress(){let{tStart:H,tEnd:xe}=Pe();return k(Z(R(),H,xe,l))}};return K}if(ye())return N();let $=0,f=0,p=0,O=false,W=false,Ee=-1,w=0,V=false,le=NaN,He=-1,Se=0,Te=()=>M?m==="x"?M.scrollLeft:M.scrollTop:m==="x"?window.scrollX:window.scrollY,ce=()=>M?m==="x"?M.clientWidth:M.clientHeight:m==="x"?window.innerWidth:window.innerHeight,Y=x===e?E:[],ne=false;function oe(){let a=e.style,d=Y.map(se=>a.getPropertyValue(se.prop)),z=a.transition;Y.length&&(a.transition="none"),Y.forEach(se=>a.setProperty(se.prop,re.get(se.prop)??""));let fe=tt(x,M,m);Y.forEach((se,Pe)=>a.setProperty(se.prop,d[Pe])),Y.length&&(e.offsetWidth,a.transition=z);let R=Le(fe,fe.scroll,ce(),b,P);ne&&Math.abs(R.tStart-$)<1&&Math.abs(R.tEnd-f)<1||(ne=true,$=R.tStart,f=R.tEnd);}function X(a){e.style.setProperty(Wt,String(a));for(let d of E)e.style.setProperty(d.prop,qt(d.from,d.to,a));$e?.(a);}function Ne(a){if(isNaN(le)){le=a;return}le<=0&&a>0?ae?.():le>0&&a<=0&&D?.(),le<1&&a>=1?ee?.():le>=1&&a<1&&U?.(),le=a;}function B(){if(!O||W)return;let a=performance.now(),d=Te(),z=l;if(q!==false){let se=a-Se,Pe=se>0?Math.abs(d-(He<0?d:He))/se:0;z=l*Math.max(.2,1+Pe*(typeof q=="number"?q:1)*.04);}He=d,Se=a;let fe=f===$?0:(d-$)/(f-$);Ne(fe);let R=k(Z(d,$,f,z));u&&(Ee=Math.max(Ee,R),R=Ee),w=R,X(R),R>=1&&!V?(V=true,j?.()):R<1&&!u&&(V=false),p=requestAnimationFrame(B);}oe(),f===$&&be("scrollAnimate: the trigger window has zero length (start and end resolve to the same scroll position), so this element will never animate. If the target is inside a position:sticky stage, measure the trigger from the container that holds the scroll room via `triggerElement`.",e);{let a=k(Z(Te(),$,f,l));u&&a>0&&(Ee=a),w=a,X(a);}let I=new IntersectionObserver(a=>{a.forEach(d=>{O=d.isIntersecting,O&&!W?p=requestAnimationFrame(B):cancelAnimationFrame(p);});},{root:M??null}),ue;function me(){clearTimeout(ue),ue=setTimeout(oe,150);}window.addEventListener("resize",me),window.addEventListener("orientationchange",me);let Ce=De([x],me);return I.observe(e),Oe(e,{type:"animate",getProgress:()=>w,getTrigger:()=>({tStart:$,tEnd:f})}),{destroy(){cancelAnimationFrame(p),I.disconnect(),window.removeEventListener("resize",me),window.removeEventListener("orientationchange",me),Ce(),clearTimeout(ue),we(),Ie(e);},replay(){Ee=-1,V=false,w=0,W=false,X(0);},pause(){W=true,cancelAnimationFrame(p);},resume(){W&&(W=false,O&&(p=requestAnimationFrame(B)));},seek(a){let d=Math.min(1,Math.max(0,a));w=d,Ee=d,W=true,cancelAnimationFrame(p),X(d);},getProgress(){return w},refresh(){oe();}}}var pt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function dt(e,n){if(typeof window>"u")return pt;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return be("scrollCounter: element not found:",e),pt;let t=r,{from:s=0,to:o,format:l,easing:u="ease-out",trigger:m={},once:g=true,decimals:T,onComplete:q}=n,A=T!==void 0?f=>f.toFixed(T):l??(f=>String(Math.round(f))),J=typeof u=="function"?u:ie[u]??ie["ease-out"],$e=he(m.start??"top 80%"),j=he(m.end??"top 20%");if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return t.textContent=A(o),q?.(),pt;let ee=0,U=0,D=false,C=0,k=false,b=false,P=-1,x=0,M=false,E=()=>window.scrollY,te=()=>window.innerHeight;function L(){let f=t.getBoundingClientRect(),p=Le({top:f.top,height:f.height},E(),te(),$e,j);D&&Math.abs(p.tStart-ee)<1&&Math.abs(p.tEnd-U)<1||(D=true,ee=p.tStart,U=p.tEnd);}function re(f){t.textContent=A(s+(o-s)*f),t.style.setProperty("--scroll-draw-progress",String(f));}function we(){if(!k||b)return;let f=J(Z(E(),ee,U,1));g&&(P=Math.max(P,f),f=P),x=f,re(f),f>=1&&!M?(M=true,q?.()):f<1&&!g&&(M=false),C=requestAnimationFrame(we);}L();{let f=J(Z(E(),ee,U,1));g&&f>0&&(P=f),x=f,re(f);}let ge=new IntersectionObserver(f=>{f.forEach(p=>{k=p.isIntersecting,k&&!b?C=requestAnimationFrame(we):cancelAnimationFrame(C);});}),ye;function N(){clearTimeout(ye),ye=setTimeout(L,150);}window.addEventListener("resize",N),window.addEventListener("orientationchange",N);let $=De([t],N);return ge.observe(t),Oe(t,{type:"counter",getProgress:()=>x,getTrigger:()=>({tStart:ee,tEnd:U})}),{destroy(){cancelAnimationFrame(C),ge.disconnect(),window.removeEventListener("resize",N),window.removeEventListener("orientationchange",N),$(),clearTimeout(ye),Ie(t);},replay(){P=-1,M=false,x=0,b=false,re(0);},pause(){b=true,cancelAnimationFrame(C);},resume(){b&&(b=false,k&&(C=requestAnimationFrame(we)));},seek(f){let p=Math.min(1,Math.max(0,f));x=p,P=p,b=true,cancelAnimationFrame(C),re(p);},getProgress(){return x}}}var Bt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function gt(e,n={}){if(typeof window>"u")return Bt;let r=typeof e=="string"?document.querySelector(e):e;if(!r||r.tagName.toLowerCase()!=="video")return be("scrollVideo: <video> element not found:",e),Bt;let t=r,{trigger:s={},easing:o="linear",once:l=false,axis:u="y",preload:m="auto",triggerElement:g,onReady:T,onComplete:q,onProgress:A}=n,J=g??t,$e=window.matchMedia("(prefers-reduced-motion: reduce)").matches,j=typeof o=="function"?o:ie[o]??ie.linear,ae=he(s.start??"top top"),ee=he(s.end??"bottom top");t.pause(),t.hasAttribute("preload")||(t.preload=m);let U=n.from??0,D=n.to,C=0,k=0,b=0,P=false,x=false,M=-1,E=0,te=false,L=false,re=()=>u==="x"?window.scrollX:window.scrollY,we=()=>u==="x"?window.innerWidth:window.innerHeight;function ge(){let w=J.getBoundingClientRect(),V=u==="x"?w.left:w.top,le=u==="x"?w.width:w.height,He=Le({top:V,height:le},re(),we(),ae,ee);C=He.tStart,k=He.tEnd,L&&k===C&&be("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",t);}let ye=NaN;function N(w){if(!L)return;let V=D??t.duration??0,le=U+(V-U)*w;le!==ye&&(ye=le,t.currentTime=le),t.style.setProperty("--scroll-draw-progress",String(w)),A?.(w);}function $(){if(!P||x||!L||$e)return;let w=j(Z(re(),C,k,1));l&&(M=Math.max(M,w),w=M),E=w,N(w),w>=1&&!te?(te=true,q?.()):w<1&&!l&&(te=false),b=requestAnimationFrame($);}function f(){if(L=true,D===void 0&&(D=t.duration),$e){N(1),T?.();return}ge(),T?.(),P&&!x&&(b=requestAnimationFrame($));}t.readyState>=1?f():t.addEventListener("loadedmetadata",f,{once:true}),L||ge();let p=new IntersectionObserver(w=>{w.forEach(V=>{P=V.isIntersecting,P&&!x&&L?b=requestAnimationFrame($):cancelAnimationFrame(b);});}),O;function W(){clearTimeout(O),O=setTimeout(ge,150);}window.addEventListener("resize",W),window.addEventListener("orientationchange",W);let Ee=De([J],W);return p.observe(t),Oe(t,{type:"video",getProgress:()=>E,getTrigger:()=>({tStart:C,tEnd:k})}),{destroy(){cancelAnimationFrame(b),p.disconnect(),t.removeEventListener("loadedmetadata",f),window.removeEventListener("resize",W),window.removeEventListener("orientationchange",W),Ee(),clearTimeout(O),Ie(t);},replay(){M=-1,te=false,E=0,x=false,ye=NaN,N(0);},pause(){x=true,cancelAnimationFrame(b);},resume(){x&&(x=false,P&&L&&(b=requestAnimationFrame($)));},seek(w){let V=Math.min(1,Math.max(0,w));E=V,M=V,x=true,cancelAnimationFrame(b),ye=NaN,N(V);},getProgress(){return E}}}function Ut(e){let n=e.textContent??"";return e.textContent="",n.split(/(\s+)/).filter(Boolean).map(r=>{let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),/^\s+$/.test(r)?(t.textContent=r,t.style.whiteSpace="pre"):(t.textContent=r,t.style.display="inline-block"),e.appendChild(t),/^\s+$/.test(r)?null:t}).filter(r=>r!==null)}function br(e){let n=e.textContent??"";return e.textContent="",n.split("").map(r=>{let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),t.textContent=r,r===" "?t.style.whiteSpace="pre":t.style.display="inline-block",e.appendChild(t),r===" "?null:t}).filter(r=>r!==null)}function Gt(e){let n=Ut(e),r=new Map;for(let o of n){let l=o.offsetTop;r.has(l)||r.set(l,[]),r.get(l).push(o);}let t=[],s=Array.from(r.keys()).sort((o,l)=>o-l);for(let o of s){let l=r.get(o),u=document.createElement("span");u.setAttribute("aria-hidden","true"),u.style.display="inline-block",l.forEach((m,g)=>{let T=m.nextElementSibling;u.appendChild(m),g<l.length-1&&T&&T.style.whiteSpace==="pre"&&u.appendChild(T);}),t.push(u);}return e.textContent="",t.forEach((o,l)=>{e.appendChild(o),l<t.length-1&&e.appendChild(document.createTextNode(" "));}),t}function wr(e,n,r,t){if(r<=1||t===0)return e;let s=(r-1)*t,o=n*t,l=o+(1-s);return l<=o?e>=o?1:0:Math.min(1,Math.max(0,(e-o)/(l-o)))}function vr(e,n){let r=[];if(n?.y!==void 0&&r.push(`translateY(${n.y*(1-e)}px)`),n?.x!==void 0&&r.push(`translateX(${n.x*(1-e)}px)`),n?.rotate!==void 0&&r.push(`rotate(${n.rotate*(1-e)}deg)`),n?.scale!==void 0){let t=n.scale+(1-n.scale)*e;r.push(`scale(${t})`);}return r.join(" ")||""}var jt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function yt(e,n={}){if(typeof window>"u")return jt;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return be("scrollText: element not found:",e),jt;let t=r,{split:s="words",stagger:o=.04,easing:l="ease-out",from:u={opacity:0,y:24},trigger:m={},once:g=true,onComplete:T}=n,q=window.matchMedia("(prefers-reduced-motion: reduce)").matches,A=typeof l=="function"?l:ie[l]??ie["ease-out"],J=he(m.start??"top 85%"),$e=he(m.end??"top 40%"),j=t.innerHTML;t.setAttribute("aria-label",t.textContent??"");let ae;s==="chars"?ae=br(t):s==="lines"?ae=Gt(t):ae=Ut(t);let ee=ae.length;function U(p,O){u?.opacity!==void 0&&(p.style.opacity=String(u.opacity+(1-u.opacity)*O));let W=vr(O,u);W&&(p.style.transform=W);}function D(p){t.style.setProperty("--scroll-draw-progress",String(p)),ae.forEach((O,W)=>{let Ee=A(wr(p,W,ee,o));U(O,Ee);});}if(q)return D(1),T?.(),{destroy(){t.innerHTML=j,t.removeAttribute("aria-label");},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};D(0);let C=0,k=0,b=0,P=false,x=false,M=-1,E=0,te=false,L=()=>window.scrollY,re=()=>window.innerHeight;function we(){let p=t.getBoundingClientRect(),O=Le({top:p.top,height:p.height},L(),re(),J,$e);C=O.tStart,k=O.tEnd;}function ge(){if(!P||x)return;let p=Z(L(),C,k,1);g&&(M=Math.max(M,p),p=M),E=p,D(p),p>=1&&!te?(te=true,T?.()):p<1&&!g&&(te=false),b=requestAnimationFrame(ge);}we();let ye=new IntersectionObserver(p=>{p.forEach(O=>{P=O.isIntersecting,P&&!x?b=requestAnimationFrame(ge):cancelAnimationFrame(b);});}),N;function $(){clearTimeout(N),N=setTimeout(()=>{if(s==="lines"){let p=E;t.innerHTML=j,t.setAttribute("aria-label",t.textContent??""),ae=Gt(t),D(p);}we();},150);}window.addEventListener("resize",$),window.addEventListener("orientationchange",$);let f=De([t],$);return ye.observe(t),Oe(t,{type:"text",getProgress:()=>E,getTrigger:()=>({tStart:C,tEnd:k})}),{destroy(){cancelAnimationFrame(b),ye.disconnect(),window.removeEventListener("resize",$),window.removeEventListener("orientationchange",$),f(),clearTimeout(N),t.innerHTML=j,t.removeAttribute("aria-label"),Ie(t);},replay(){M=-1,te=false,E=0,x=false,D(0);},pause(){x=true,cancelAnimationFrame(b);},resume(){x&&(x=false,P&&(b=requestAnimationFrame(ge)));},seek(p){let O=Math.min(1,Math.max(0,p));E=O,M=O,x=true,cancelAnimationFrame(b),D(O);},getProgress(){return E}}}function Re(e,n){let r,t,s,o;return solidJs.createEffect(()=>{o=typeof e=="function"?e():e;let l=Vt(o);!r||l===s||(s=l,solidJs.untrack(()=>{t?.destroy(),t=n(r,zt(o,()=>o));}));}),solidJs.onCleanup(()=>{t?.destroy(),t=s=void 0;}),{ref:l=>{r=l;},getInstance:()=>t}}function Pn(e={}){return Re(e,mt).ref}function kn(e={}){return Re(e,mt)}function On(e){return Re(e,ft).ref}function In(e){return Re(e,ft)}function Fn(e){return Re(e,dt).ref}function Dn(e){return Re(e,dt)}function Rn(e={}){return Re(e,gt).ref}function Hn(e={}){return Re(e,gt)}function Nn(e={}){return Re(e,yt).ref}function Vn(e={}){return Re(e,yt)}exports.createScrollAnimate=In;exports.createScrollCounter=Dn;exports.createScrollDraw=kn;exports.createScrollText=Vn;exports.createScrollVideo=Hn;exports.useScrollAnimate=On;exports.useScrollCounter=Fn;exports.useScrollDraw=Pn;exports.useScrollText=Nn;exports.useScrollVideo=Rn;
|
|
1
|
+
'use strict';var solidJs=require('solid-js');function or({bounces:e=3,decay:n=.5}={}){let r=Math.max(1,Math.round(e)),t=Math.max(.01,Math.min(.99,n)),i=Math.sqrt(t),s=0,a=[];for(let d=0;d<r;d++){let T=Math.pow(i,d);a.push(T),s+=T;}let u=[0],m=0;for(let d=0;d<r;d++)m+=a[d]/s,u.push(m);return d=>{if(d<=0)return 0;if(d>=1)return 1;for(let T=0;T<r;T++)if(d<=u[T+1]){let R=(d-u[T])/(u[T+1]-u[T]);if(T===0)return R*(2-R);let A=1-Math.pow(t,T);return A+(1-A)*(2*R-1)*(2*R-1)}return 1}}function sr({amplitude:e=1,period:n=.4}={}){let r=Math.max(1,e),t=Math.max(.1,n),i=r<=1?t/4:t/(2*Math.PI)*Math.asin(1/r);return s=>s<=0?0:s>=1?1:r*Math.pow(2,-10*s)*Math.sin((s-i)*(2*Math.PI)/t)+1}var ce={linear:e=>e,"ease-in":e=>e*e,"ease-out":e=>e*(2-e),"ease-in-out":e=>e<.5?2*e*e:-1+(4-2*e)*e,spring:e=>1-Math.cos(e*Math.PI*2.5)*Math.pow(1-e,2.2),bounce:or(),elastic:sr()};function Ct(e,n,r){return Math.min(r,Math.max(n,e))}function be(e="top bottom"){let n=e.trim();if(/^\d+(\.\d+)?%$/.test(n))return {element:"top",viewport:n};let[r="top",t="bottom"]=n.split(/\s+/).filter(Boolean);return {element:r,viewport:t}}function Pt(e,n,r,t){switch(t){case "top":return e+r;case "center":return e+r+n/2;case "bottom":return e+r+n;default:return e+r}}function kt(e,n){if(/^\d+(\.\d+)?%$/.test(e))return n*(parseFloat(e)/100);switch(e){case "top":return 0;case "center":return n/2;case "bottom":return n;default:return n}}function te(e,n,r,t){return r===n?0:Ct((e-n)/(r-n)*t,0,1)}function Ce(e,n,r,t,i){let s=Pt(e.top,e.height,n,t.element)-kt(t.viewport,r),a=Pt(e.top,e.height,n,i.element)-kt(i.viewport,r);return {tStart:s,tEnd:a}}function ot(e,n,r){let t=e.getBoundingClientRect(),i=r==="x"?t.width:t.height;return n?{top:r==="x"?t.left-n.getBoundingClientRect().left+n.scrollLeft:t.top-n.getBoundingClientRect().top+n.scrollTop,height:i,scroll:0}:{top:r==="x"?t.left:t.top,height:i,scroll:r==="x"?window.scrollX:window.scrollY}}function je(e){let n=e.tagName.toLowerCase();if(n==="rect"){let r=parseFloat(e.getAttribute("width")??"0"),t=parseFloat(e.getAttribute("height")??"0");return 2*(r+t)}if(n==="circle"){let r=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*r}return e.getTotalLength()}function Ot(e){let n=/^#([a-f\d])([a-f\d])([a-f\d])$/i.exec(e);if(n)return [parseInt(n[1]+n[1],16),parseInt(n[2]+n[2],16),parseInt(n[3]+n[3],16)];let r=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(r)return [parseInt(r[1],16),parseInt(r[2],16),parseInt(r[3],16)];let t=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(e);return t?[parseInt(t[1]),parseInt(t[2]),parseInt(t[3])]:null}function Ue(e,n,r){let t=Ot(e),i=Ot(n);return !t||!i?e:`rgb(${Math.round(t[0]+(i[0]-t[0])*r)},${Math.round(t[1]+(i[1]-t[1])*r)},${Math.round(t[2]+(i[2]-t[2])*r)})`}var It={sketch:{easing:"ease-in",stagger:.1,speed:.9,fade:false},reveal:{easing:"ease-out",fade:true,speed:1.2,once:true},typewriter:{easing:"linear",stagger:.05,speed:1.5},cinematic:{easing:"ease-in-out",fade:true,speed:.75},spring:{easing:"spring",speed:1.1}};var Xe=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function we(e,...n){Xe&&console.warn(`[svg-scroll-draw] ${e}`,...n);}var ir="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",ar="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",Ft=33;function lr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function cr(e){let n=[];for(let r=0;r<Ft;r++){let t=r/(Ft-1);n.push(String(Math.round(e(t)*1e5)/1e5));}return `linear(${n.join(",")})`}function st(e){switch(e){case "linear":return "linear";case "ease-in":return ir;case "ease-out":return ar;case "ease-in-out":return lr()?cr(ce["ease-in-out"]):null;default:return null}}var Dt=Symbol.for("svg-scroll-draw.registry");function Rt(){let e=globalThis;return e[Dt]||(e[Dt]=new Map)}function Oe(e,n){Rt().set(e,n);}function Ie(e){Rt().delete(e);}var Ke,it=new Set,at=new WeakMap,Qe=new Map,Ht=e=>{let n=e.getBoundingClientRect();return n.width+" "+n.height};function ur(e){let n=new Set;for(let r of e)for(;r&&r!==document.body;r=r.parentElement)for(let t=r;t;t=t.previousElementSibling)n.add(t);return n}function De(e,n){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let r=()=>n();Ke??(Ke=new ResizeObserver(i=>{let s=false;for(let{target:a}of i)at.get(a)!==Ht(a)&&(s=true),at.set(a,"");s&&it.forEach(a=>a());})),it.add(r);let t=ur(e);return [document.body,document.documentElement].forEach(i=>i&&t.add(i)),t.forEach(i=>{at.has(i)||at.set(i,Ht(i)),Qe.set(i,(Qe.get(i)??0)+1),Ke.observe(i);}),()=>{it.delete(r)&&(t.forEach(i=>{let s=(Qe.get(i)??1)-1;if(s)return void Qe.set(i,s);Qe.delete(i),Ke?.unobserve(i);}),it.size||(Ke?.disconnect(),Ke=void 0));}}var mr=0;function fr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function Nt(e,n){let r="";try{r=getComputedStyle(e).getPropertyValue(n).trim();}catch{}return r||(e.getAttribute(n)??"").trim()}var Vt=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function pr(e){if(!Xe)return;let n=Nt(e,"stroke");if(!n||n==="none"){we("Element has no stroke \u2014 path will not be visible.",e);return}let r=(e.getAttribute("fill")??"").trim();r&&!Vt.has(r)&&!Vt.has(Nt(e,"fill"))&&we("Element has a fill \u2014 it may obscure the stroke animation.",e);}function dr(e,n,r){let t=document.createElement("div");t.setAttribute("data-svg-scroll-draw-debug",""),t.style.cssText="position:fixed;pointer-events:none;z-index:9999;font-family:monospace;font-size:11px;top:0;left:0;right:0;bottom:0;";function i(){let s=r==="x"?window.scrollX:window.scrollY,a=e-s,u=n-s,m=r==="x";t.innerHTML=`
|
|
2
|
+
<div style="position:absolute;${m?`left:${a}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${a}px;left:0;right:0;border-top:2px dashed #22c55e;`}padding:2px 6px;color:#22c55e;background:rgba(0,0,0,.6)">\u25B6 start</div>
|
|
3
|
+
<div style="position:absolute;${m?`left:${u}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${u}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(t),window.addEventListener("scroll",i,{passive:true}),i(),{el:t,destroy(){window.removeEventListener("scroll",i),t.remove();}}}var zt=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,_t=/[MmLlHhVvCcSsQqTtAaZz]/g;function gr(e,n,r){if(!Xe)return;let t=(e.match(_t)??[]).join("").toUpperCase(),i=(n.match(_t)??[]).join("").toUpperCase(),s=(e.match(zt)??[]).length,a=(n.match(zt)??[]).length;if(t!==i){we(`morphTo: command sequence differs (${t||"\u2205"} \u2192 ${i||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,r);return}s!==a&&we(`morphTo: coordinate count differs (${s} \u2192 ${a}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,r);}function ft(e,n,r){let t=(n.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),i=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let a=parseFloat(s),u=t[i++]??a;return String(+(a+(u-a)*r).toFixed(4))})}function pt(e,n={}){if(typeof window>"u")return {destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};let{preset:r,...t}=n,i=r?{...It[r],...t}:t,s=window.matchMedia("(prefers-reduced-motion: reduce)").matches,{selector:a="path, polyline, line, polygon, rect, circle",speed:u=1,fade:m=false,easing:d="linear",trigger:T={},stagger:R=0,direction:A="forward",once:re=false,debug:Pe=false,axis:G="y",scrollContainer:ue,autoReverse:ne=false,delay:Y=0,strokeColor:H,strokeWidth:P,fillOpacity:O,waypoints:w,velocityScale:k=false,threshold:x=0,rootMargin:M="0px",repeat:E=0,repeatDelay:oe=0,morphTo:L,clip:se,autoplay:ve=false,duration:ge=1e3,native:ye=true,onProgress:N,onStart:C,onComplete:f,onEnter:p,onLeave:I,onEnterBack:q,onLeaveBack:Me}=i,v=se===true?"left":typeof se=="string"?se:false,V=typeof d=="function"?d:ce[d]??ce.linear,me=be(T.start??"top bottom"),He=be(T.end??"bottom top"),Ee=typeof ue=="string"?document.querySelector(ue):ue??null,Ae=Array.isArray(H)?H[0]:null,fe=Array.isArray(H)?H[1]:typeof H=="string"?H:null,X=Array.isArray(P)?P[0]:null,ie=Array.isArray(P)?P[1]:typeof P=="number"?P:null,ae=Array.isArray(O)?O[0]:null,K=Array.isArray(O)?O[1]:typeof O=="number"?O:null;function Ne(o){let l=o*100;switch(v){case "right":return `inset(0 0 0 ${100-l}%)`;case "top":return `inset(0 0 ${100-l}% 0)`;case "bottom":return `inset(${100-l}% 0 0 0)`;case "center":return `circle(${o*150}% at 50% 50%)`;default:return `inset(0 ${100-l}% 0 0)`}}let z=v?[]:Array.from(e.querySelectorAll(a)),F=[],pe=[],J=0,Se=0,c=R,h=0,_=false,B=false,$=0,ee=false,he=-1,Ve=[],le=-1,j=false,Te=0,ze=0,_e,lt=null;function wt(){lt?.destroy(),lt=null;}let We=new Set,vt=NaN,qe=true,Ze=-1,Et=performance.now(),Be=NaN;function Je(){return Ee?G==="x"?Ee.scrollLeft:Ee.scrollTop:G==="x"?window.scrollX:window.scrollY}function St(){return Ee?G==="x"?Ee.clientWidth:Ee.clientHeight:G==="x"?window.innerWidth:window.innerHeight}function Tt(){let o=ot(e,Ee,G);return Ce(o,o.scroll,St(),me,He)}function Zt(){let o=Se-J,l=z.length-1,y=Ee??document.documentElement,Q=G==="x"?"Width":"Height";if(c=R,R>0&&l>0&&o>0){let Le=y[`scroll${Q}`]-y[`client${Q}`]-1-J-o/u;Le>=0&&(c=Math.min(R,Le/(l*o)));}h=Se+l*c*o;}function xt(){(({tStart:J,tEnd:Se}=Tt())),Zt(),Pe&&Xe&&(wt(),lt=dr(J,Se,G));}function ct(o,l=Tt){Oe(e,{type:"draw",getProgress:()=>o.getProgress(),getTrigger:l});let y=o.destroy;return o.destroy=()=>{y.call(o),Ie(e);},o}function Jt(o,l){if(e.style.setProperty("--scroll-draw-progress",String(o)),v){let y=l==="reverse"?1-o:o;e.style.clipPath=Ne(y);return}z.forEach((y,Q)=>{y.style.strokeDashoffset=l==="reverse"?`${F[Q]*o}`:`${F[Q]*(1-o)}`,m&&(y.style.opacity=l==="reverse"?`${1-o}`:`${o}`),Ae&&fe?y.style.stroke=Ue(Ae,fe,o):fe&&(y.style.stroke=fe),X!==null&&ie!==null?y.style.strokeWidth=`${X+(ie-X)*o}`:ie!==null&&(y.style.strokeWidth=`${ie}`),ae!==null&&K!==null?y.style.fillOpacity=`${ae+(K-ae)*o}`:K!==null&&(y.style.fillOpacity=`${K}`),L&&y.tagName.toLowerCase()==="path"&&pe[Q]&&y.setAttribute("d",ft(pe[Q],L,o));});}function et(){if(e.style.setProperty("--scroll-draw-progress","0"),v){e.style.clipPath=Ne(0);return}z.forEach((o,l)=>{o.style.strokeDasharray=`${F[l]}`,o.style.strokeDashoffset=A==="reverse"?"0":`${F[l]}`,m?o.style.opacity=A==="reverse"?"1":"0":o.style.opacity="",Ae&&(o.style.stroke=Ae),X!==null&&(o.style.strokeWidth=`${X}`),ae!==null&&(o.style.fillOpacity=`${ae}`),L&&o.tagName.toLowerCase()==="path"&&pe[l]&&o.setAttribute("d",pe[l]);});}if(z.forEach(o=>{pr(o);let l=je(o);F.push(l);let y=o.tagName.toLowerCase()==="path";y?pe.push(o.getAttribute("d")??""):pe.push(""),L&&(y?gr(pe[pe.length-1],L,o):we(`morphTo only applies to <path> elements \u2014 ignored on <${o.tagName}>.`,o)),s?(o.style.strokeDasharray=`${l}`,o.style.strokeDashoffset=A==="reverse"?`${l}`:"0",m&&(o.style.opacity="1"),fe&&(o.style.stroke=fe),ie!==null&&(o.style.strokeWidth=`${ie}`),K!==null&&(o.style.fillOpacity=`${K}`),L&&o.tagName.toLowerCase()==="path"&&o.setAttribute("d",L)):(o.style.strokeDasharray=`${l}`,o.style.strokeDashoffset=A==="reverse"?"0":`${l}`,m?o.style.opacity=A==="reverse"?"1":"0":o.style.opacity="",Ae&&(o.style.stroke=Ae),X!==null&&(o.style.strokeWidth=`${X}`),ae!==null&&(o.style.fillOpacity=`${ae}`));}),v){if(s)return e.style.clipPath=Ne(1),f?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};e.style.clipPath=Ne(0);}else if(s)return f?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};let Mt=typeof d=="string"?st(d):null;function er(){return !(ye===false||!fr()||!z.length||!Mt||v||G!=="y"||Ee||u!==1||R!==0||re||ne||k!==false||L||w||E||Y>0||N||C||f||p||I||q||Me||H!=null||P!=null||O!=null||(T.start??"top bottom").trim()!=="top bottom"||(T.end??"bottom top").trim()!=="bottom top")}function tr(){let o=++mr,l=`svg-scroll-draw-${o}`,y=`svg-scroll-draw-host-${o}`,Q=`--svg-scroll-draw-${o}`,Le=A==="reverse"?"0":"var(--ssd-len)",Fe=A==="reverse"?"var(--ssd-len)":"0",ke=`stroke-dashoffset:${Le};`,S=`stroke-dashoffset:${Fe};`;m&&(ke+=`opacity:${A==="reverse"?1:0};`,S+=`opacity:${A==="reverse"?0:1};`);let D=document.createElement("style");D.setAttribute("data-svg-scroll-draw",""),D.textContent=`@keyframes ${l}{from{${ke}}to{${S}}}.${y}{view-timeline-name:${Q};view-timeline-axis:block;}.${l}{animation-name:${l};animation-duration:auto;animation-timing-function:${Mt};animation-fill-mode:both;animation-timeline:${Q};animation-range:cover 0% cover 100%;}`,document.head.appendChild(D),e.classList.add(y);function de(g,Z){g.style.setProperty("--ssd-len",String(F[Z])),g.style.strokeDasharray=`${F[Z]}`,g.style.strokeDashoffset="",g.style.opacity="",g.style.animationPlayState="",g.classList.add(l);}z.forEach(de);let b=false,W=-1;function U(){if(W>=0)return W;let g=e.getBoundingClientRect(),{tStart:Z,tEnd:$e}=Ce({top:g.top,height:g.height},Je(),St(),me,He);return V(te(Je(),Z,$e,u))}return {destroy(){e.classList.remove(y),z.forEach(g=>{g.classList.remove(l),g.style.removeProperty("--ssd-len"),g.style.animationPlayState="";}),D.remove();},replay(){b=false,W=-1,z.forEach(de);},pause(){b=true,z.forEach(g=>{g.style.animationPlayState="paused";});},resume(){b&&(b=false,z.forEach(g=>{g.style.animationPlayState="running";}));},seek(g){let Z=Math.min(1,Math.max(0,g));W=Z,b=true,z.forEach(($e,xe)=>{$e.classList.remove(l),$e.style.strokeDashoffset=A==="reverse"?`${F[xe]*Z}`:`${F[xe]*(1-Z)}`,m&&($e.style.opacity=A==="reverse"?`${1-Z}`:`${Z}`);});},getProgress(){return U()},refresh(){z.forEach((g,Z)=>{F[Z]=je(g),g.style.setProperty("--ssd-len",String(F[Z])),g.style.strokeDasharray=`${F[Z]}`;});}}}if(er())return ct(tr());function rr(){let o=Math.max(1,ge),l=0,y=0,Q=false;function Le(b){let W=true;if(v){let U=Math.min(1,Math.max(0,b/o)),g=V(U);Te=g,e.style.setProperty("--scroll-draw-progress",String(g)),e.style.clipPath=Ne(A==="reverse"?1-g:g),N?.(g),U<1&&(W=false);}else z.forEach((U,g)=>{let Z=g*R*o,$e=Math.min(1,Math.max(0,(b-Z)/o)),xe=V($e);U.style.strokeDashoffset=A==="reverse"?`${F[g]*xe}`:`${F[g]*(1-xe)}`,m&&(U.style.opacity=A==="reverse"?`${1-xe}`:`${xe}`),Ae&&fe?U.style.stroke=Ue(Ae,fe,xe):fe&&(U.style.stroke=fe),X!==null&&ie!==null?U.style.strokeWidth=`${X+(ie-X)*xe}`:ie!==null&&(U.style.strokeWidth=`${ie}`),ae!==null&&K!==null?U.style.fillOpacity=`${ae+(K-ae)*xe}`:K!==null&&(U.style.fillOpacity=`${K}`),L&&U.tagName.toLowerCase()==="path"&&pe[g]&&U.setAttribute("d",ft(pe[g],L,xe)),g===0&&(Te=xe,N?.(xe),e.style.setProperty("--scroll-draw-progress",String(xe))),$e<1&&(W=false);});if(w){let U=Math.min(1,Math.max(0,b/o)),g=V(U);for(let Z in w){let $e=parseFloat(Z);g>=$e&&!We.has($e)&&(We.add($e),w[Z]?.());}}return W}function Fe(b){if(j)return;let W=b-l;B||(B=true,C?.());let U=Le(W);if(U&&!_){_=true,Le(o*(1+Math.max(0,z.length-1)*R)),f?.(),ze<(E==="infinite"?1/0:E??0)&&(ze++,_e=setTimeout(()=>{l=performance.now(),B=false,_=false,We.clear(),et(),$=requestAnimationFrame(Fe);},oe));return}U||($=requestAnimationFrame(Fe));}function ke(){cancelAnimationFrame($),clearTimeout(_e),l=performance.now(),y=0,j=false,B=false,_=false,ze=0,Q=true,Te=0,We.clear(),et(),$=requestAnimationFrame(Fe);}let S=new IntersectionObserver(b=>{b.forEach(W=>{W.isIntersecting&&!(re&&_)?ke():!W.isIntersecting&&!re&&!_&&(cancelAnimationFrame($),clearTimeout(_e),Q=false);});},{root:Ee??null,threshold:x,rootMargin:M}),D;function de(){clearTimeout(D),D=setTimeout(()=>{z.forEach((b,W)=>{F[W]=je(b),b.style.strokeDasharray=`${F[W]}`;});},150);}return window.addEventListener("resize",de),window.addEventListener("orientationchange",de),Y>0?setTimeout(()=>S.observe(e),Y):S.observe(e),{destroy(){cancelAnimationFrame($),clearTimeout(_e),S.disconnect(),window.removeEventListener("resize",de),window.removeEventListener("orientationchange",de),clearTimeout(D);},replay(){ze=0,ke();},pause(){j||!Q||(j=true,y=performance.now()-l,cancelAnimationFrame($));},resume(){j&&(j=false,Q=true,l=performance.now()-y,$=requestAnimationFrame(Fe));},seek(b){let W=Math.min(1,Math.max(0,b));Te=W,j=true,y=W*o,l=performance.now()-y,cancelAnimationFrame($),Le(y);},getProgress(){return Te},refresh(){clearTimeout(D),z.forEach((b,W)=>{F[W]=je(b),b.style.strokeDasharray=`${F[W]}`;});}}}if(ve)return ct(rr());xt();function At(){if(j||!Ge)return;let o=performance.now(),l=Je();if(!qe&&k===false&&l===vt){ut(l);return}qe=false,vt=l;let y=u;if(k!==false){let S=o-Et,D=S>0?Math.abs(l-(Ze<0?l:Ze))/S:0;y=u*Math.max(.2,1+D*(typeof k=="number"?k:1)*.04);}Ze=l,Et=o;let Q=ne?le===-1||l>=le?"forward":"reverse":A;le=l;let Le=Se-J,Fe=true,ke=Le===0?0:(l-J)/Le;if(isNaN(Be)||(Be<=0&&ke>0?p?.():Be>0&&ke<=0&&Me?.(),Be<1&&ke>=1?I?.():Be>=1&&ke<1&&q?.()),Be=ke,v){let S=V(te(l,J,Se,y));re&&!ne&&(he=Math.max(he,S),S=he),Te=S,e.style.setProperty("--scroll-draw-progress",String(S));let D=Q==="reverse"?1-S:S;e.style.clipPath=Ne(D),N?.(S),!B&&te(l,J,Se,y)>0&&(B=true,C?.()),S>=1&&!_?(_=true,f?.(),ze<(E==="infinite"?1/0:E??0)&&(ze++,_e=setTimeout(()=>{he=-1,B=false,_=false,e.style.clipPath=Ne(0);},oe))):S<1&&!re&&(_=false),ut(l);return}if(z.forEach((S,D)=>{let de=D*c*Le,b=V(te(l,J+de,Se+de,y));re&&!ne&&(b=Ve[D]=Math.max(Ve[D]??he,b)),S.style.strokeDashoffset=Q==="reverse"?`${F[D]*b}`:`${F[D]*(1-b)}`,m&&(S.style.opacity=Q==="reverse"?`${1-b}`:`${b}`),Ae&&fe?S.style.stroke=Ue(Ae,fe,b):fe&&(S.style.stroke=fe),X!==null&&ie!==null?S.style.strokeWidth=`${X+(ie-X)*b}`:ie!==null&&(S.style.strokeWidth=`${ie}`),ae!==null&&K!==null?S.style.fillOpacity=`${ae+(K-ae)*b}`:K!==null&&(S.style.fillOpacity=`${K}`),L&&S.tagName.toLowerCase()==="path"&&pe[D]&&S.setAttribute("d",ft(pe[D],L,b)),D===0&&(Te=b,N?.(b),e.style.setProperty("--scroll-draw-progress",String(b))),b<1&&(Fe=false);}),w){let S=V(te(l,J,Se,y));for(let D in w){let de=parseFloat(D);S>=de&&!We.has(de)&&(We.add(de),w[D]?.());}}!B&&te(l,J,Se,y)>0&&(B=true,C?.()),Fe&&!_?(_=true,f?.(),ze<(E==="infinite"?1/0:E??0)&&(ze++,_e=setTimeout(()=>{he=-1,Ve=[],B=false,_=false,We.clear(),et(),qe=true;},oe))):!Fe&&!re&&(_=false),ut(l);}function Lt(o){return o>=Se&&o<h}function ut(o){ee||Lt(o)?$=requestAnimationFrame(At):Ge=false;}let Ge=false;function tt(){Ge||(Ge=true,$=requestAnimationFrame(function(){At();}));}function rt(){Ge=false,cancelAnimationFrame($);}let mt=new IntersectionObserver(o=>{o.forEach(l=>{ee=l.isIntersecting,ee&&!j?(qe=true,tt()):Ge&&!j&&Lt(Je())||rt();});},{root:Ee??null,threshold:x,rootMargin:M});function $t(){z.forEach((o,l)=>{F[l]=je(o),o.style.strokeDasharray=`${F[l]}`;}),xt(),qe=true;}let nt;function Ye(){clearTimeout(nt),nt=setTimeout($t,150);}window.addEventListener("resize",Ye),window.addEventListener("orientationchange",Ye);let nr=De([e],Ye);return Y>0?setTimeout(()=>mt.observe(e),Y):mt.observe(e),ct({destroy(){cancelAnimationFrame($),clearTimeout(_e),rt(),mt.disconnect(),nr(),window.removeEventListener("resize",Ye),window.removeEventListener("orientationchange",Ye),clearTimeout(nt),wt();},replay(){he=-1,Ve=[],le=-1,Ze=-1,B=false,_=false,ze=0,j=false,Te=0,We.clear(),clearTimeout(_e),et(),qe=true,ee&&tt();},pause(){j=true,rt();},resume(){j&&(j=false,qe=true,ee&&tt());},seek(o){let l=Math.min(1,Math.max(0,o));Te=l,he=l,Ve=[],j=true,rt(),Jt(l,A),qe=true;},getProgress(){return Te},refresh(){clearTimeout(nt),$t(),ee&&!j&&tt();}},()=>({tStart:J,tEnd:Se}))}var Wt=new WeakMap,yr=0;function qt(e){return JSON.stringify(e,(n,r)=>{if(typeof r=="function")return "\u0192";if(typeof Element<"u"&&r instanceof Element){let t=Wt.get(r);return t===void 0&&Wt.set(r,t=++yr),`el#${t}`}return r})}function Bt(e,n){let r={...e};for(let t of Object.keys(r))typeof r[t]=="function"&&(r[t]=(...i)=>n()[t]?.(...i));return r}function hr(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function Gt(e){let n=[],r=/([\w]+)\(([^)]*)\)/g,t;for(;(t=r.exec(e))!==null;){let i=[],s=[],a=t[2].trim();if(a)for(let u of a.split(/[\s,]+/)){let m=u.match(/^([-+]?[\d.eE]+)(.*)$/);i.push(m?parseFloat(m[1]):0),s.push(m?m[2]:"");}n.push({fn:t[1],nums:i,units:s});}return n}function br(e,n,r){let t=Gt(e),i=Gt(n);return t.length===0||t.length!==i.length?r<1?e:n:t.map((s,a)=>{let u=i[a];return s.fn!==u.fn||s.nums.length!==u.nums.length?r<1?`${s.fn}(${s.nums.map((m,d)=>`${m}${s.units[d]}`).join(", ")})`:`${u.fn}(${u.nums.map((m,d)=>`${m}${u.units[d]}`).join(", ")})`:`${s.fn}(${s.nums.map((m,d)=>`${m+(u.nums[d]-m)*r}${s.units[d]}`).join(", ")})`}).join(" ")}function jt(e,n,r){if(typeof e=="number"&&typeof n=="number")return String(e+(n-e)*r);let t=String(e),i=String(n);if(hr(t))return Ue(t,i,r);if(t.includes("("))return br(t,i,r);let s=t.match(/^([-+]?[\d.]+)(.*)$/),a=i.match(/^([-+]?[\d.]+)(.*)$/);if(s&&a){let u=parseFloat(s[1]),m=parseFloat(a[1]);return `${u+(m-u)*r}${s[2]||a[2]}`}return r<1?t:i}function wr(e){return e.replace(/([A-Z])/g,n=>`-${n.toLowerCase()}`)}var vr=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),Er=0,Ut="--scroll-draw-progress";function Sr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}function dt(e,n){let r={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};if(typeof window>"u")return r;let{props:t,trigger:i={},easing:s="ease-out",speed:a=1,once:u=false,axis:m="y",scrollContainer:d,native:T=true,velocityScale:R=false,respectReducedMotion:A=true,triggerElement:re,onProgress:Pe,onComplete:G,onEnter:ue,onLeave:ne,onEnterBack:Y,onLeaveBack:H}=n,P=A&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,O=typeof s=="function"?s:ce[s]??ce["ease-out"],w=be(i.start??"top bottom"),k=be(i.end??"bottom top"),x=re??e,M=typeof d=="string"?document.querySelector(d):d??null,E=Object.entries(t).map(([c,h])=>({prop:wr(c),from:Array.isArray(h)?h[0]:"",to:Array.isArray(h)?h[1]:h}));function oe(){let c=window.getComputedStyle(e);for(let h of E)h.from===""&&(h.from=c.getPropertyValue(h.prop).trim()||"0");}function L(){for(let c of E)e.style.setProperty(c.prop,String(c.to));}let se=new Map;for(let c of [...E.map(h=>h.prop),Ut])se.set(c,e.style.getPropertyValue(c));function ve(){for(let[c,h]of se)h?e.style.setProperty(c,h):e.style.removeProperty(c);}if(P)return L(),G?.(),{...r,destroy:ve,getProgress:()=>1};oe();let ge=typeof s=="string"?st(s):null;function ye(){if(!T||!Sr()||!ge||m!=="y"||M||x!==e||u||a!==1||Pe||G||ue||ne||Y||H||R!==false||(i.start??"top bottom").trim()!=="top bottom"||(i.end??"bottom top").trim()!=="bottom top")return false;for(let c of E)if(!vr.has(c.prop))return false;return true}function N(){let c=`ssd-a-${++Er}`,h=E.map(le=>`${le.prop}:${le.from}`).join(";"),_=E.map(le=>`${le.prop}:${le.to}`).join(";"),B=document.createElement("style");B.setAttribute("data-ssd-animate",""),B.textContent=`@keyframes ${c}{from{${h}}to{${_}}}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${ge};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(B),e.classList.add(c);let $=()=>m==="x"?window.scrollX:window.scrollY,ee=()=>m==="x"?window.innerWidth:window.innerHeight,he=()=>{let le=e.getBoundingClientRect();return Ce({top:le.top,height:le.height},$(),ee(),w,k)};Oe(e,{type:"animate",getProgress:()=>Ve.getProgress(),getTrigger:he});let Ve={refresh(){},destroy(){e.classList.remove(c),B.remove(),e.style.animationPlayState="",ve(),Ie(e);},replay(){e.classList.remove(c),e.offsetWidth,e.classList.add(c);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(le){let j=Math.min(1,Math.max(0,le));e.classList.remove(c);for(let Te of E)e.style.setProperty(Te.prop,jt(Te.from,Te.to,j));},getProgress(){let{tStart:le,tEnd:j}=he();return O(te($(),le,j,a))}};return Ve}if(ye())return N();let C=0,f=0,p=0,I=false,q=false,Me=-1,v=0,V=false,me=NaN,He=-1,Ee=0,Ae=()=>M?m==="x"?M.scrollLeft:M.scrollTop:m==="x"?window.scrollX:window.scrollY,fe=()=>M?m==="x"?M.clientWidth:M.clientHeight:m==="x"?window.innerWidth:window.innerHeight,X=x===e?E:[],ie=false;function ae(){let c=e.style,h=X.map(ee=>c.getPropertyValue(ee.prop)),_=c.transition;X.length&&(c.transition="none"),X.forEach(ee=>c.setProperty(ee.prop,se.get(ee.prop)??""));let B=ot(x,M,m);X.forEach((ee,he)=>c.setProperty(ee.prop,h[he])),X.length&&(e.offsetWidth,c.transition=_);let $=Ce(B,B.scroll,fe(),w,k);ie&&Math.abs($.tStart-C)<1&&Math.abs($.tEnd-f)<1||(ie=true,C=$.tStart,f=$.tEnd);}function K(c){e.style.setProperty(Ut,String(c));for(let h of E)e.style.setProperty(h.prop,jt(h.from,h.to,c));Pe?.(c);}function Ne(c){if(isNaN(me)){me=c;return}me<=0&&c>0?ue?.():me>0&&c<=0&&H?.(),me<1&&c>=1?ne?.():me>=1&&c<1&&Y?.(),me=c;}function z(){if(!I||q)return;let c=performance.now(),h=Ae(),_=a;if(R!==false){let ee=c-Ee,he=ee>0?Math.abs(h-(He<0?h:He))/ee:0;_=a*Math.max(.2,1+he*(typeof R=="number"?R:1)*.04);}He=h,Ee=c;let B=f===C?0:(h-C)/(f-C);Ne(B);let $=O(te(h,C,f,_));u&&(Me=Math.max(Me,$),$=Me),v=$,K($),$>=1&&!V?(V=true,G?.()):$<1&&!u&&(V=false),p=requestAnimationFrame(z);}ae(),f===C&&we("scrollAnimate: the trigger window has zero length (start and end resolve to the same scroll position), so this element will never animate. If the target is inside a position:sticky stage, measure the trigger from the container that holds the scroll room via `triggerElement`.",e);{let c=O(te(Ae(),C,f,a));u&&c>0&&(Me=c),v=c,K(c);}let F=new IntersectionObserver(c=>{c.forEach(h=>{I=h.isIntersecting,I&&!q?p=requestAnimationFrame(z):cancelAnimationFrame(p);});},{root:M??null}),pe;function J(){clearTimeout(pe),pe=setTimeout(ae,150);}window.addEventListener("resize",J),window.addEventListener("orientationchange",J);let Se=De([x],J);return F.observe(e),Oe(e,{type:"animate",getProgress:()=>v,getTrigger:()=>({tStart:C,tEnd:f})}),{destroy(){cancelAnimationFrame(p),F.disconnect(),window.removeEventListener("resize",J),window.removeEventListener("orientationchange",J),Se(),clearTimeout(pe),ve(),Ie(e);},replay(){Me=-1,V=false,v=0,q=false,K(0);},pause(){q=true,cancelAnimationFrame(p);},resume(){q&&(q=false,I&&(p=requestAnimationFrame(z)));},seek(c){let h=Math.min(1,Math.max(0,c));v=h,Me=h,q=true,cancelAnimationFrame(p),K(h);},getProgress(){return v},refresh(){ae();}}}var gt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function yt(e,n){if(typeof window>"u")return gt;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return we("scrollCounter: element not found:",e),gt;let t=r,{from:i=0,to:s,format:a,easing:u="ease-out",trigger:m={},once:d=true,decimals:T,onComplete:R}=n,A=T!==void 0?f=>f.toFixed(T):a??(f=>String(Math.round(f))),re=typeof u=="function"?u:ce[u]??ce["ease-out"],Pe=be(m.start??"top 80%"),G=be(m.end??"top 20%");if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return t.textContent=A(s),R?.(),gt;let ne=0,Y=0,H=false,P=0,O=false,w=false,k=-1,x=0,M=false,E=()=>window.scrollY,oe=()=>window.innerHeight;function L(){let f=t.getBoundingClientRect(),p=Ce({top:f.top,height:f.height},E(),oe(),Pe,G);H&&Math.abs(p.tStart-ne)<1&&Math.abs(p.tEnd-Y)<1||(H=true,ne=p.tStart,Y=p.tEnd);}function se(f){t.textContent=A(i+(s-i)*f),t.style.setProperty("--scroll-draw-progress",String(f));}function ve(){if(!O||w)return;let f=re(te(E(),ne,Y,1));d&&(k=Math.max(k,f),f=k),x=f,se(f),f>=1&&!M?(M=true,R?.()):f<1&&!d&&(M=false),P=requestAnimationFrame(ve);}L();{let f=re(te(E(),ne,Y,1));d&&f>0&&(k=f),x=f,se(f);}let ge=new IntersectionObserver(f=>{f.forEach(p=>{O=p.isIntersecting,O&&!w?P=requestAnimationFrame(ve):cancelAnimationFrame(P);});}),ye;function N(){clearTimeout(ye),ye=setTimeout(L,150);}window.addEventListener("resize",N),window.addEventListener("orientationchange",N);let C=De([t],N);return ge.observe(t),Oe(t,{type:"counter",getProgress:()=>x,getTrigger:()=>({tStart:ne,tEnd:Y})}),{destroy(){cancelAnimationFrame(P),ge.disconnect(),window.removeEventListener("resize",N),window.removeEventListener("orientationchange",N),C(),clearTimeout(ye),Ie(t);},replay(){k=-1,M=false,x=0,w=false,se(0);},pause(){w=true,cancelAnimationFrame(P);},resume(){w&&(w=false,O&&(P=requestAnimationFrame(ve)));},seek(f){let p=Math.min(1,Math.max(0,f));x=p,k=p,w=true,cancelAnimationFrame(P),se(p);},getProgress(){return x}}}var Yt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function ht(e,n={}){if(typeof window>"u")return Yt;let r=typeof e=="string"?document.querySelector(e):e;if(!r||r.tagName.toLowerCase()!=="video")return we("scrollVideo: <video> element not found:",e),Yt;let t=r,{trigger:i={},easing:s="linear",once:a=false,axis:u="y",preload:m="auto",triggerElement:d,onReady:T,onComplete:R,onProgress:A}=n,re=d??t,Pe=window.matchMedia("(prefers-reduced-motion: reduce)").matches,G=typeof s=="function"?s:ce[s]??ce.linear,ue=be(i.start??"top top"),ne=be(i.end??"bottom top");t.pause(),t.hasAttribute("preload")||(t.preload=m);let Y=n.from??0,H=n.to,P=0,O=0,w=0,k=false,x=false,M=-1,E=0,oe=false,L=false,se=()=>u==="x"?window.scrollX:window.scrollY,ve=()=>u==="x"?window.innerWidth:window.innerHeight;function ge(){let v=re.getBoundingClientRect(),V=u==="x"?v.left:v.top,me=u==="x"?v.width:v.height,He=Ce({top:V,height:me},se(),ve(),ue,ne);P=He.tStart,O=He.tEnd,L&&O===P&&we("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",t);}let ye=NaN;function N(v){if(!L)return;let V=H??t.duration??0,me=Y+(V-Y)*v;me!==ye&&(ye=me,t.currentTime=me),t.style.setProperty("--scroll-draw-progress",String(v)),A?.(v);}function C(){if(!k||x||!L||Pe)return;let v=G(te(se(),P,O,1));a&&(M=Math.max(M,v),v=M),E=v,N(v),v>=1&&!oe?(oe=true,R?.()):v<1&&!a&&(oe=false),w=requestAnimationFrame(C);}function f(){if(L=true,H===void 0&&(H=t.duration),Pe){N(1),T?.();return}ge(),T?.(),k&&!x&&(w=requestAnimationFrame(C));}t.readyState>=1?f():t.addEventListener("loadedmetadata",f,{once:true}),L||ge();let p=new IntersectionObserver(v=>{v.forEach(V=>{k=V.isIntersecting,k&&!x&&L?w=requestAnimationFrame(C):cancelAnimationFrame(w);});}),I;function q(){clearTimeout(I),I=setTimeout(ge,150);}window.addEventListener("resize",q),window.addEventListener("orientationchange",q);let Me=De([re],q);return p.observe(t),Oe(t,{type:"video",getProgress:()=>E,getTrigger:()=>({tStart:P,tEnd:O})}),{destroy(){cancelAnimationFrame(w),p.disconnect(),t.removeEventListener("loadedmetadata",f),window.removeEventListener("resize",q),window.removeEventListener("orientationchange",q),Me(),clearTimeout(I),Ie(t);},replay(){M=-1,oe=false,E=0,x=false,ye=NaN,N(0);},pause(){x=true,cancelAnimationFrame(w);},resume(){x&&(x=false,k&&L&&(w=requestAnimationFrame(C)));},seek(v){let V=Math.min(1,Math.max(0,v));E=V,M=V,x=true,cancelAnimationFrame(w),ye=NaN,N(V);},getProgress(){return E}}}function Qt(e){let n=e.textContent??"";return e.textContent="",n.split(/(\s+)/).filter(Boolean).map(r=>{let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),/^\s+$/.test(r)?(t.textContent=r,t.style.whiteSpace="pre"):(t.textContent=r,t.style.display="inline-block"),e.appendChild(t),/^\s+$/.test(r)?null:t}).filter(r=>r!==null)}function Tr(e){let n=e.textContent??"";return e.textContent="",n.split("").map(r=>{let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),t.textContent=r,r===" "?t.style.whiteSpace="pre":t.style.display="inline-block",e.appendChild(t),r===" "?null:t}).filter(r=>r!==null)}function Xt(e){let n=Qt(e),r=new Map;for(let s of n){let a=s.offsetTop;r.has(a)||r.set(a,[]),r.get(a).push(s);}let t=[],i=Array.from(r.keys()).sort((s,a)=>s-a);for(let s of i){let a=r.get(s),u=document.createElement("span");u.setAttribute("aria-hidden","true"),u.style.display="inline-block",a.forEach((m,d)=>{let T=m.nextElementSibling;u.appendChild(m),d<a.length-1&&T&&T.style.whiteSpace==="pre"&&u.appendChild(T);}),t.push(u);}return e.textContent="",t.forEach((s,a)=>{e.appendChild(s),a<t.length-1&&e.appendChild(document.createTextNode(" "));}),t}function xr(e,n,r,t){if(r<=1||t===0)return e;let i=(r-1)*t,s=n*t,a=s+(1-i);return a<=s?e>=s?1:0:Math.min(1,Math.max(0,(e-s)/(a-s)))}function Mr(e,n){let r=[];if(n?.y!==void 0&&r.push(`translateY(${n.y*(1-e)}px)`),n?.x!==void 0&&r.push(`translateX(${n.x*(1-e)}px)`),n?.rotate!==void 0&&r.push(`rotate(${n.rotate*(1-e)}deg)`),n?.scale!==void 0){let t=n.scale+(1-n.scale)*e;r.push(`scale(${t})`);}return r.join(" ")||""}var Kt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function bt(e,n={}){if(typeof window>"u")return Kt;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return we("scrollText: element not found:",e),Kt;let t=r,{split:i="words",stagger:s=.04,easing:a="ease-out",from:u={opacity:0,y:24},trigger:m={},once:d=true,onComplete:T}=n,R=window.matchMedia("(prefers-reduced-motion: reduce)").matches,A=typeof a=="function"?a:ce[a]??ce["ease-out"],re=be(m.start??"top 85%"),Pe=be(m.end??"top 40%"),G=t.innerHTML;t.setAttribute("aria-label",t.textContent??"");let ue;i==="chars"?ue=Tr(t):i==="lines"?ue=Xt(t):ue=Qt(t);let ne=ue.length;function Y(p,I){u?.opacity!==void 0&&(p.style.opacity=String(u.opacity+(1-u.opacity)*I));let q=Mr(I,u);q&&(p.style.transform=q);}function H(p){t.style.setProperty("--scroll-draw-progress",String(p)),ue.forEach((I,q)=>{let Me=A(xr(p,q,ne,s));Y(I,Me);});}if(R)return H(1),T?.(),{destroy(){t.innerHTML=G,t.removeAttribute("aria-label");},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};H(0);let P=0,O=0,w=0,k=false,x=false,M=-1,E=0,oe=false,L=()=>window.scrollY,se=()=>window.innerHeight;function ve(){let p=t.getBoundingClientRect(),I=Ce({top:p.top,height:p.height},L(),se(),re,Pe);P=I.tStart,O=I.tEnd;}function ge(){if(!k||x)return;let p=te(L(),P,O,1);d&&(M=Math.max(M,p),p=M),E=p,H(p),p>=1&&!oe?(oe=true,T?.()):p<1&&!d&&(oe=false),w=requestAnimationFrame(ge);}ve();let ye=new IntersectionObserver(p=>{p.forEach(I=>{k=I.isIntersecting,k&&!x?w=requestAnimationFrame(ge):cancelAnimationFrame(w);});}),N;function C(){clearTimeout(N),N=setTimeout(()=>{if(i==="lines"){let p=E;t.innerHTML=G,t.setAttribute("aria-label",t.textContent??""),ue=Xt(t),H(p);}ve();},150);}window.addEventListener("resize",C),window.addEventListener("orientationchange",C);let f=De([t],C);return ye.observe(t),Oe(t,{type:"text",getProgress:()=>E,getTrigger:()=>({tStart:P,tEnd:O})}),{destroy(){cancelAnimationFrame(w),ye.disconnect(),window.removeEventListener("resize",C),window.removeEventListener("orientationchange",C),f(),clearTimeout(N),t.innerHTML=G,t.removeAttribute("aria-label"),Ie(t);},replay(){M=-1,oe=false,E=0,x=false,H(0);},pause(){x=true,cancelAnimationFrame(w);},resume(){x&&(x=false,k&&(w=requestAnimationFrame(ge)));},seek(p){let I=Math.min(1,Math.max(0,p));E=I,M=I,x=true,cancelAnimationFrame(w),H(I);},getProgress(){return E}}}function Re(e,n){let r,t,i,s;return solidJs.createEffect(()=>{s=typeof e=="function"?e():e;let a=qt(s);!r||a===i||(i=a,solidJs.untrack(()=>{t?.destroy(),t=n(r,Bt(s,()=>s));}));}),solidJs.onCleanup(()=>{t?.destroy(),t=i=void 0;}),{ref:a=>{r=a;},getInstance:()=>t}}function Dn(e={}){return Re(e,pt).ref}function Rn(e={}){return Re(e,pt)}function Hn(e){return Re(e,dt).ref}function Nn(e){return Re(e,dt)}function Vn(e){return Re(e,yt).ref}function zn(e){return Re(e,yt)}function _n(e={}){return Re(e,ht).ref}function Wn(e={}){return Re(e,ht)}function qn(e={}){return Re(e,bt).ref}function Bn(e={}){return Re(e,bt)}exports.createScrollAnimate=Nn;exports.createScrollCounter=zn;exports.createScrollDraw=Rn;exports.createScrollText=Bn;exports.createScrollVideo=Wn;exports.useScrollAnimate=Hn;exports.useScrollCounter=Vn;exports.useScrollDraw=Dn;exports.useScrollText=qn;exports.useScrollVideo=_n;
|
package/dist/solid/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { S as ScrollDrawInstance, a as ScrollDrawOptions } from '../types-
|
|
2
|
-
import { S as ScrollAnimateOptions } from '../engine-
|
|
3
|
-
import { S as ScrollCounterOptions } from '../index-
|
|
1
|
+
import { S as ScrollDrawInstance, a as ScrollDrawOptions } from '../types-MswK0erX.mjs';
|
|
2
|
+
import { S as ScrollAnimateOptions } from '../engine-P8u6OK4m.mjs';
|
|
3
|
+
import { S as ScrollCounterOptions } from '../index-CdaBYn3A.mjs';
|
|
4
4
|
import { ScrollVideoOptions } from '../video/index.mjs';
|
|
5
5
|
import { ScrollTextOptions } from '../text/index.mjs';
|
|
6
6
|
|
package/dist/solid/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { S as ScrollDrawInstance, a as ScrollDrawOptions } from '../types-
|
|
2
|
-
import { S as ScrollAnimateOptions } from '../engine-
|
|
3
|
-
import { S as ScrollCounterOptions } from '../index-
|
|
1
|
+
import { S as ScrollDrawInstance, a as ScrollDrawOptions } from '../types-MswK0erX.js';
|
|
2
|
+
import { S as ScrollAnimateOptions } from '../engine-DQyBzZDl.js';
|
|
3
|
+
import { S as ScrollCounterOptions } from '../index-D3o4vT3e.js';
|
|
4
4
|
import { ScrollVideoOptions } from '../video/index.js';
|
|
5
5
|
import { ScrollTextOptions } from '../text/index.js';
|
|
6
6
|
|