svg-scroll-draw 2.23.3 → 2.23.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/README.md +12 -12
  2. package/dist/angular/index.cjs +3 -3
  3. package/dist/angular/index.d.mts +3 -3
  4. package/dist/angular/index.d.ts +3 -3
  5. package/dist/angular/index.mjs +1 -1
  6. package/dist/astro/index.cjs +3 -3
  7. package/dist/astro/index.d.mts +3 -3
  8. package/dist/astro/index.d.ts +3 -3
  9. package/dist/astro/index.mjs +1 -1
  10. package/dist/cdn/svg-scroll-draw.dev.global.js +222 -292
  11. package/dist/cdn/svg-scroll-draw.global.js +2 -2
  12. package/dist/{chunk-BLY6F6EC.mjs → chunk-22B37AWY.mjs} +1 -1
  13. package/dist/{chunk-YNNA33A5.mjs → chunk-BSW7W2Y5.mjs} +1 -1
  14. package/dist/{chunk-ETACBG7W.mjs → chunk-CZLUBJAI.mjs} +1 -1
  15. package/dist/chunk-K6VATIJH.mjs +3 -0
  16. package/dist/chunk-NV6YTPHI.mjs +1 -0
  17. package/dist/chunk-NYQJPPMP.mjs +1 -0
  18. package/dist/{chunk-4I7MLTP5.mjs → chunk-OSGWGHQJ.mjs} +1 -1
  19. package/dist/chunk-PAGN26EH.mjs +1 -0
  20. package/dist/chunk-THPTANES.mjs +1 -0
  21. package/dist/{chunk-OJFWQ6CU.mjs → chunk-V3Z6G5JE.mjs} +1 -1
  22. package/dist/chunk-VJ5ZU55P.mjs +1 -0
  23. package/dist/chunk-XC5NR2MU.mjs +1 -0
  24. package/dist/chunk-XNM3VKEK.mjs +1 -0
  25. package/dist/cinematic/index.cjs +2 -2
  26. package/dist/cinematic/index.mjs +1 -1
  27. package/dist/{engine-B7UpB4fT.d.ts → engine-6VsjEwzb.d.ts} +1 -1
  28. package/dist/{engine-o1VSQ1lX.d.mts → engine-BLWKCfxC.d.mts} +1 -1
  29. package/dist/group/index.cjs +2 -2
  30. package/dist/group/index.d.mts +3 -3
  31. package/dist/group/index.d.ts +3 -3
  32. package/dist/group/index.mjs +1 -1
  33. package/dist/horizontal/index.cjs +1 -1
  34. package/dist/horizontal/index.d.mts +11 -8
  35. package/dist/horizontal/index.d.ts +11 -8
  36. package/dist/horizontal/index.mjs +1 -1
  37. package/dist/{index-D3o4vT3e.d.ts → index-BN8yKeQ3.d.ts} +1 -1
  38. package/dist/{index-BY-CNE8c.d.mts → index-DAiRJgtF.d.mts} +2 -2
  39. package/dist/{index-CdaBYn3A.d.mts → index-DVjblK_4.d.mts} +1 -1
  40. package/dist/{index-DqXXiDIk.d.ts → index-hSQqLVbg.d.ts} +2 -2
  41. package/dist/index.cjs +3 -3
  42. package/dist/index.d.mts +6 -6
  43. package/dist/index.d.ts +6 -6
  44. package/dist/index.mjs +1 -1
  45. package/dist/nuxt/index.cjs +3 -3
  46. package/dist/nuxt/index.d.mts +3 -3
  47. package/dist/nuxt/index.d.ts +3 -3
  48. package/dist/nuxt/index.mjs +1 -1
  49. package/dist/progress/index.cjs +1 -1
  50. package/dist/progress/index.d.mts +1 -1
  51. package/dist/progress/index.d.ts +1 -1
  52. package/dist/progress/index.mjs +1 -1
  53. package/dist/react/index.cjs +2 -2
  54. package/dist/react/index.d.mts +6 -4
  55. package/dist/react/index.d.ts +6 -4
  56. package/dist/react/index.mjs +1 -1
  57. package/dist/reveal/index.cjs +1 -1
  58. package/dist/reveal/index.d.mts +10 -4
  59. package/dist/reveal/index.d.ts +10 -4
  60. package/dist/reveal/index.mjs +1 -1
  61. package/dist/{scroll-draw-DsBMkwrX.d.ts → scroll-draw-BsU_Ohmu.d.ts} +1 -1
  62. package/dist/{scroll-draw-Dej-GIRP.d.mts → scroll-draw-Fzir8hlU.d.mts} +1 -1
  63. package/dist/snap/index.cjs +1 -1
  64. package/dist/snap/index.d.mts +1 -1
  65. package/dist/snap/index.d.ts +1 -1
  66. package/dist/snap/index.mjs +1 -1
  67. package/dist/solid/index.cjs +2 -2
  68. package/dist/solid/index.d.mts +3 -3
  69. package/dist/solid/index.d.ts +3 -3
  70. package/dist/solid/index.mjs +1 -1
  71. package/dist/svelte/index.cjs +2 -2
  72. package/dist/svelte/index.d.mts +3 -3
  73. package/dist/svelte/index.d.ts +3 -3
  74. package/dist/svelte/index.mjs +1 -1
  75. package/dist/text/index.cjs +1 -1
  76. package/dist/text/index.d.mts +1 -1
  77. package/dist/text/index.d.ts +1 -1
  78. package/dist/text/index.mjs +1 -1
  79. package/dist/timeline/index.cjs +9 -9
  80. package/dist/timeline/index.d.mts +1 -1
  81. package/dist/timeline/index.d.ts +1 -1
  82. package/dist/timeline/index.mjs +8 -8
  83. package/dist/{types-MswK0erX.d.mts → types-9bcJdVcg.d.mts} +6 -2
  84. package/dist/{types-MswK0erX.d.ts → types-9bcJdVcg.d.ts} +6 -2
  85. package/dist/video/index.cjs +1 -1
  86. package/dist/video/index.d.mts +1 -1
  87. package/dist/video/index.d.ts +1 -1
  88. package/dist/video/index.mjs +1 -1
  89. package/dist/vue/index.cjs +3 -3
  90. package/dist/vue/index.d.mts +3 -3
  91. package/dist/vue/index.d.ts +3 -3
  92. package/dist/vue/index.mjs +1 -1
  93. package/dist/web-component/index.cjs +3 -3
  94. package/dist/web-component/index.mjs +1 -1
  95. package/package.json +1 -1
  96. package/dist/chunk-23EALNDF.mjs +0 -3
  97. package/dist/chunk-4H2SGMAQ.mjs +0 -1
  98. package/dist/chunk-A4JCC3QQ.mjs +0 -1
  99. package/dist/chunk-DM6EDKWH.mjs +0 -1
  100. package/dist/chunk-GMBIGV3M.mjs +0 -1
  101. package/dist/chunk-LGJQWZHH.mjs +0 -1
  102. package/dist/chunk-V4L3ELVC.mjs +0 -1
  103. package/dist/chunk-YZV4Z3EQ.mjs +0 -1
@@ -1,4 +1,4 @@
1
- import { T as TriggerConfig, E as EasingName, S as ScrollDrawInstance } from '../types-MswK0erX.mjs';
1
+ import { T as TriggerConfig, E as EasingName, S as ScrollDrawInstance } from '../types-9bcJdVcg.mjs';
2
2
 
3
3
  interface ScrollVideoOptions {
4
4
  trigger?: TriggerConfig;
@@ -1,4 +1,4 @@
1
- import { T as TriggerConfig, E as EasingName, S as ScrollDrawInstance } from '../types-MswK0erX.js';
1
+ import { T as TriggerConfig, E as EasingName, S as ScrollDrawInstance } from '../types-9bcJdVcg.js';
2
2
 
3
3
  interface ScrollVideoOptions {
4
4
  trigger?: TriggerConfig;
@@ -1 +1 @@
1
- export{a as scrollVideo}from'../chunk-GMBIGV3M.mjs';import'../chunk-A4JCC3QQ.mjs';import'../chunk-DM6EDKWH.mjs';import'../chunk-5PJEKEEP.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-BCV4RAIX.mjs';import'../chunk-LFSU6LR3.mjs';
1
+ export{a as scrollVideo}from'../chunk-NYQJPPMP.mjs';import'../chunk-NV6YTPHI.mjs';import'../chunk-THPTANES.mjs';import'../chunk-5PJEKEEP.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-BCV4RAIX.mjs';import'../chunk-LFSU6LR3.mjs';
@@ -1,3 +1,3 @@
1
- 'use strict';var vue=require('vue');function vn({bounces:e=3,decay:n=.5}={}){let t=Math.max(1,Math.round(e)),r=Math.max(.01,Math.min(.99,n)),s=Math.sqrt(r),i=0,l=[];for(let d=0;d<t;d++){let v=Math.pow(s,d);l.push(v),i+=v;}let m=[0],f=0;for(let d=0;d<t;d++)f+=l[d]/i,m.push(f);return d=>{if(d<=0)return 0;if(d>=1)return 1;for(let v=0;v<t;v++)if(d<=m[v+1]){let R=(d-m[v])/(m[v+1]-m[v]);if(v===0)return R*(2-R);let E=1-Math.pow(r,v);return E+(1-E)*(2*R-1)*(2*R-1)}return 1}}function En({amplitude:e=1,period:n=.4}={}){let t=Math.max(1,e),r=Math.max(.1,n),s=t<=1?r/4:r/(2*Math.PI)*Math.asin(1/t);return i=>i<=0?0:i>=1?1:t*Math.pow(2,-10*i)*Math.sin((i-s)*(2*Math.PI)/r)+1}var ne={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:vn(),elastic:En()};function Nt(e,n,t){return Math.min(t,Math.max(n,e))}function fe(e="top bottom"){let n=e.trim();if(/^\d+(\.\d+)?%$/.test(n))return {element:"top",viewport:n};let[t="top",r="bottom"]=n.split(/\s+/).filter(Boolean);return {element:t,viewport:r}}function Vt(e,n,t,r){switch(r){case "top":return e+t;case "center":return e+t+n/2;case "bottom":return e+t+n;default:return e+t}}function zt(e,n){if(/^\d+(\.\d+)?%$/.test(e))return n*(parseFloat(e)/100);switch(e){case "top":return 0;case "center":return n/2;case "bottom":return n;default:return n}}function ee(e,n,t,r){return t===n?0:Nt((e-n)/(t-n)*r,0,1)}function Te(e,n,t,r,s){let i=Vt(e.top,e.height,n,r.element)-zt(r.viewport,t),l=Vt(e.top,e.height,n,s.element)-zt(s.viewport,t);return {tStart:i,tEnd:l}}function lt(e,n,t){let r=e.getBoundingClientRect(),s=t==="x"?r.width:r.height;return n?{top:t==="x"?r.left-n.getBoundingClientRect().left-n.clientLeft+n.scrollLeft:r.top-n.getBoundingClientRect().top-n.clientTop+n.scrollTop,height:s,scroll:0}:{top:t==="x"?r.left:r.top,height:s,scroll:t==="x"?window.scrollX:window.scrollY}}function Qe(e){let n=e.tagName.toLowerCase();if(n==="rect"){let t=parseFloat(e.getAttribute("width")??"0"),r=parseFloat(e.getAttribute("height")??"0");return 2*(t+r)}if(n==="circle"){let t=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*t}return e.getTotalLength()}function _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 t=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(t)return [parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16)];let r=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(e);return r?[parseInt(r[1]),parseInt(r[2]),parseInt(r[3])]:null}function ct(e,n,t){let r=_t(e),s=_t(n);return !r||!s?e:`rgb(${Math.round(r[0]+(s[0]-r[0])*t)},${Math.round(r[1]+(s[1]-r[1])*t)},${Math.round(r[2]+(s[2]-r[2])*t)})`}var qt={sketch:{easing:"ease-in",stagger:.1,speed:.9,fade:false},reveal:{easing:"ease-out",fade:true,speed:1.2,once:true},typewriter:{easing:"linear",stagger:.05,speed:1.5},cinematic:{easing:"ease-in-out",fade:true,speed:.75},spring:{easing:"spring",speed:1.1}};var Ke=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function pe(e,...n){Ke&&console.warn(`[svg-scroll-draw] ${e}`,...n);}var Sn="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",Tn="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",Bt=33;function xn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function Mn(e){let n=[];for(let t=0;t<Bt;t++){let r=t/(Bt-1);n.push(String(Math.round(e(r)*1e5)/1e5));}return `linear(${n.join(",")})`}function ut(e){switch(e){case "linear":return "linear";case "ease-in":return Sn;case "ease-out":return Tn;case "ease-in-out":return xn()?Mn(ne["ease-in-out"]):null;default:return null}}var Wt=Symbol.for("svg-scroll-draw.registry");function Gt(){let e=globalThis;return e[Wt]||(e[Wt]=new Map)}function Le(e,n){Gt().set(e,n);}function Ae(e){Gt().delete(e);}var Ze,mt=new Set,ft=new WeakMap,Je=new Map,jt=e=>{let n=e.getBoundingClientRect();return n.width+" "+n.height};function Ln(e){let n=new Set;for(let t of e)for(;t&&t!==document.body;t=t.parentElement)for(let r=t;r;r=r.previousElementSibling)n.add(r);return n}function Re(e,n){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let t=()=>n();Ze??(Ze=new ResizeObserver(s=>{let i=false;for(let{target:l}of s)ft.get(l)!==jt(l)&&(i=true),ft.set(l,"");i&&mt.forEach(l=>l());})),mt.add(t);let r=Ln(e);return [document.body,document.documentElement].forEach(s=>s&&r.add(s)),r.forEach(s=>{ft.has(s)||ft.set(s,jt(s)),Je.set(s,(Je.get(s)??0)+1),Ze.observe(s);}),()=>{mt.delete(t)&&(r.forEach(s=>{let i=(Je.get(s)??1)-1;if(i)return void Je.set(s,i);Je.delete(s),Ze?.unobserve(s);}),mt.size||(Ze?.disconnect(),Ze=void 0));}}function pt(e){if(typeof window>"u"||typeof window.matchMedia!="function")return ()=>{};let n=window.matchMedia("(prefers-reduced-motion: reduce)"),t=s=>e(!!s.matches);if(typeof n.addEventListener=="function")return n.addEventListener("change",t),()=>n.removeEventListener("change",t);let r=n;return r.addListener?.(t),()=>r.removeListener?.(t)}function We(e,n){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return n(e,true);let t=n(e,false),r=pt(i=>{if(!i)return;r();let l=(t.getProgress?.()??0)>=1;t.destroy(),t=n(l?{...e,onComplete:void 0}:e,true);}),s={};for(let i of Object.keys(t))s[i]=(...l)=>t[i]?.(...l);return s.destroy=()=>{r(),t.destroy();},s}var An=0;function Cn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function Qt(e,n){let t="";try{t=getComputedStyle(e).getPropertyValue(n).trim();}catch{}return t||(e.getAttribute(n)??"").trim()}var Ut=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function Pn(e){if(!Ke)return;let n=Qt(e,"stroke");if(!n||n==="none"){pe("Element has no stroke \u2014 path will not be visible.",e);return}let t=(e.getAttribute("fill")??"").trim();t&&!Ut.has(t)&&!Ut.has(Qt(e,"fill"))&&pe("Element has a fill \u2014 it may obscure the stroke animation.",e);}function On(e,n,t){let r=document.createElement("div");r.setAttribute("data-svg-scroll-draw-debug",""),r.style.cssText="position:fixed;pointer-events:none;z-index:9999;font-family:monospace;font-size:11px;top:0;left:0;right:0;bottom:0;";function s(){let i=t==="x"?window.scrollX:window.scrollY,l=e-i,m=n-i,f=t==="x";r.innerHTML=`
2
- <div style="position:absolute;${f?`left:${l}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${l}px;left:0;right:0;border-top:2px dashed #22c55e;`}padding:2px 6px;color:#22c55e;background:rgba(0,0,0,.6)">\u25B6 start</div>
3
- <div style="position:absolute;${f?`left:${m}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${m}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(r),window.addEventListener("scroll",s,{passive:true}),s(),{el:r,destroy(){window.removeEventListener("scroll",s),r.remove();}}}var Yt=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,Xt=/[MmLlHhVvCcSsQqTtAaZz]/g;function $n(e,n,t){if(!Ke)return;let r=(e.match(Xt)??[]).join("").toUpperCase(),s=(n.match(Xt)??[]).join("").toUpperCase(),i=(e.match(Yt)??[]).length,l=(n.match(Yt)??[]).length;if(r!==s){pe(`morphTo: command sequence differs (${r||"\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.`,t);return}i!==l&&pe(`morphTo: coordinate count differs (${i} \u2192 ${l}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,t);}function kn(e,n,t){let r=(n.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),s=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,i=>{let l=parseFloat(i),m=r[s++]??l;return String(+(l+(m-l)*t).toFixed(4))})}function Et(e,n={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:We(n,(t,r)=>Rn(e,t,r))}function Rn(e,n,t){let{preset:r,...s}=n,i=r?{...qt[r],...s}:s,{selector:l="path, polyline, line, polygon, rect, circle",speed:m=1,fade:f=false,easing:d="linear",trigger:v={},stagger:R=0,direction:E="forward",once:Z=false,debug:re=false,axis:M="y",scrollContainer:oe,autoReverse:ye=false,delay:C=0,strokeColor:P,strokeWidth:L,fillOpacity:A,waypoints:b,velocityScale:h=false,threshold:w=0,rootMargin:Y="0px",repeat:_=0,repeatDelay:X=0,morphTo:I,clip:D,autoplay:ce=false,duration:he=1e3,native:te=true,onProgress:G,onStart:p,onComplete:u,onEnter:T,onLeave:ue,onEnterBack:me,onLeaveBack:Ce}=i,H=D===true?"left":typeof D=="string"?D:false,J=typeof d=="function"?d:ne[d]??ne.linear,O=fe(v.start||"top bottom"),$=fe(v.end||"bottom top"),q=typeof oe=="string"?document.querySelector(oe):oe??null,ve=Array.isArray(P)?P[0]:null,Ee=Array.isArray(P)?P[1]:typeof P=="string"?P:null,Pe=Array.isArray(L)?L[0]:null,Oe=Array.isArray(L)?L[1]:typeof L=="number"?L:null,Se=Array.isArray(A)?A[0]:null,ze=Array.isArray(A)?A[1]:typeof A=="number"?A:null;function $e(o){let a=o*100;switch(H){case "right":return `inset(0 0 0 ${100-a}%)`;case "top":return `inset(0 0 ${100-a}% 0)`;case "bottom":return `inset(${100-a}% 0 0 0)`;case "center":return `circle(${o*150}% at 50% 50%)`;default:return `inset(0 ${100-a}% 0 0)`}}let B=H?[]:Array.from(e.querySelectorAll(l)),N=[],de=[],ge=0,c=0,g=R,De=0,k=false,V=false,x=0,z=false,xe=-1,Me=[],rt=-1,se=false,ke=0,He=0,_e,dt=null;function At(){dt?.destroy(),dt=null;}let qe=new Set,Ct=NaN,Be=true,ot=-1,Pt=performance.now(),Ge=NaN;function Ue(){return q?M==="x"?q.scrollLeft:q.scrollTop:M==="x"?window.scrollX:window.scrollY}function Ot(){return q?M==="x"?q.clientWidth:q.clientHeight:M==="x"?window.innerWidth:window.innerHeight}function $t(){let o=lt(e,q,M);return Te(o,o.scroll,Ot(),O,$)}function pn(){let o=c-ge,a=B.length-1,y=q??document.documentElement,j=M==="x"?"Width":"Height";if(g=R,R>0&&a>0&&o>0){let be=y[`scroll${j}`]-y[`client${j}`]-1-ge-o/m;be>=0&&(g=Math.min(R,be/(a*o)));}De=c+a*g*o;}function kt(){(({tStart:ge,tEnd:c}=$t())),pn(),re&&Ke&&(At(),dt=On(ge,c,M));}function gt(o,a=$t){Le(e,{type:"draw",getProgress:()=>o.getProgress(),getTrigger:a});let y=o.destroy;return o.destroy=()=>{y.call(o),Ae(e);},o}function Rt(o,a){return Z&&!ye?Math.max(xe,J(Me[o]=Math.max(Me[o]??0,a))):J(a)}function dn(o,a){if(e.style.setProperty("--scroll-draw-progress",String(o)),H){let y=a==="reverse"?1-o:o;e.style.clipPath=$e(y);return}B.forEach((y,j)=>yt(y,j,o,a));}function yt(o,a,y,j){o.style.strokeDashoffset=j==="reverse"?`${N[a]*y}`:`${N[a]*(1-y)}`,f&&(o.style.opacity=j==="reverse"?`${1-y}`:`${y}`),ve&&Ee?o.style.stroke=ct(ve,Ee,y):Ee&&(o.style.stroke=Ee),Pe!==null&&Oe!==null?o.style.strokeWidth=`${Pe+(Oe-Pe)*y}`:Oe!==null&&(o.style.strokeWidth=`${Oe}`),Se!==null&&ze!==null?o.style.fillOpacity=`${Se+(ze-Se)*y}`:ze!==null&&(o.style.fillOpacity=`${ze}`),I&&o.tagName.toLowerCase()==="path"&&de[a]&&o.setAttribute("d",kn(de[a],I,y));}function Ye(){if(e.style.setProperty("--scroll-draw-progress","0"),H){e.style.clipPath=$e(E==="reverse"?1:0);return}B.forEach((o,a)=>{o.style.strokeDasharray=`${N[a]}`,o.style.strokeDashoffset=E==="reverse"?"0":`${N[a]}`,f?o.style.opacity=E==="reverse"?"1":"0":o.style.opacity="",ve&&(o.style.stroke=ve),Pe!==null&&(o.style.strokeWidth=`${Pe}`),Se!==null&&(o.style.fillOpacity=`${Se}`),I&&o.tagName.toLowerCase()==="path"&&de[a]&&o.setAttribute("d",de[a]);});}if(B.forEach(o=>{Pn(o);let a=Qe(o);N.push(a);let y=o.tagName.toLowerCase()==="path";y?de.push(o.getAttribute("d")??""):de.push(""),I&&(y?$n(de[de.length-1],I,o):pe(`morphTo only applies to <path> elements \u2014 ignored on <${o.tagName}>.`,o)),t?(o.style.strokeDasharray=`${a}`,o.style.strokeDashoffset=E==="reverse"?`${a}`:"0",f&&(o.style.opacity="1"),Ee&&(o.style.stroke=Ee),Oe!==null&&(o.style.strokeWidth=`${Oe}`),ze!==null&&(o.style.fillOpacity=`${ze}`),I&&o.tagName.toLowerCase()==="path"&&o.setAttribute("d",I)):(o.style.strokeDasharray=`${a}`,o.style.strokeDashoffset=E==="reverse"?"0":`${a}`,f?o.style.opacity=E==="reverse"?"1":"0":o.style.opacity="",ve&&(o.style.stroke=ve),Pe!==null&&(o.style.strokeWidth=`${Pe}`),Se!==null&&(o.style.fillOpacity=`${Se}`));}),t)return H&&(e.style.clipPath=$e(1)),u?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};H&&(e.style.clipPath=$e(E==="reverse"?1:0));let It=typeof d=="string"?ut(d):null;function gn(){return !(te===false||ce||re||!Cn()||!B.length||!It||H||M!=="y"||q||m!==1||R!==0||Z||ye||h!==false||I||b||_||C>0||G||p||u||T||ue||me||Ce||P!=null||L!=null||A!=null||(v.start||"top bottom").trim()!=="top bottom"||(v.end||"bottom top").trim()!=="bottom top")}function yn(){let o=++An,a=`svg-scroll-draw-${o}`,y=`svg-scroll-draw-host-${o}`,j=`--svg-scroll-draw-${o}`,be=E==="reverse"?"0":"var(--ssd-len)",Ne=E==="reverse"?"var(--ssd-len)":"0",we=`stroke-dashoffset:${be};`,W=`stroke-dashoffset:${Ne};`;f&&(we+=`opacity:${E==="reverse"?1:0};`,W+=`opacity:${E==="reverse"?0:1};`);let Q=document.createElement("style");Q.setAttribute("data-svg-scroll-draw",""),Q.textContent=`@keyframes ${a}{from{${we}}to{${W}}}.${y}{view-timeline-name:${j};view-timeline-axis:block;}.${a}{animation-name:${a};animation-duration:auto;animation-timing-function:${It};animation-fill-mode:both;animation-timeline:${j};animation-range:cover 0% cover 100%;}`,document.head.appendChild(Q),e.classList.add(y);function ie(S,F){S.style.setProperty("--ssd-len",String(N[F])),S.style.strokeDasharray=`${N[F]}`,S.style.strokeDashoffset="",S.style.opacity="",S.style.animationPlayState="",S.classList.add(a);}B.forEach(ie);let ae=false,U=-1;function K(){if(U>=0)return U;let S=e.getBoundingClientRect(),{tStart:F,tEnd:le}=Te({top:S.top,height:S.height},Ue(),Ot(),O,$);return J(ee(Ue(),F,le,m))}return {destroy(){e.classList.remove(y),B.forEach(S=>{S.classList.remove(a),S.style.removeProperty("--ssd-len"),S.style.animationPlayState="";}),Q.remove();},replay(){ae=false,U=-1,B.forEach(ie);},pause(){ae=true,B.forEach(S=>{S.style.animationPlayState="paused";});},resume(){ae&&(ae=false,B.forEach(S=>{S.style.animationPlayState="running";}));},seek(S){let F=Math.min(1,Math.max(0,S));U=F,ae=true,B.forEach((le,Ve)=>{le.classList.remove(a),le.style.strokeDashoffset=E==="reverse"?`${N[Ve]*F}`:`${N[Ve]*(1-F)}`,f&&(le.style.opacity=E==="reverse"?`${1-F}`:`${F}`);});},getProgress(){return K()},refresh(){B.forEach((S,F)=>{N[F]=Qe(S),S.style.setProperty("--ssd-len",String(N[F])),S.style.strokeDasharray=`${N[F]}`;});}}}if(gn())return gt(yn());function hn(){let o=Math.max(1,he),a=H?o:o*(1+Math.max(0,B.length-1)*R),y=0,j=0,be=false;function Ne(U){let K=true,S=Math.min(1,Math.max(0,U/a));if(H){let F=Math.min(1,Math.max(0,U/o)),le=J(F);ke=le,e.style.setProperty("--scroll-draw-progress",String(le)),e.style.clipPath=$e(E==="reverse"?1-le:le),G?.(le),F<1&&(K=false);}else {B.forEach((le,Ve)=>{let wn=Ve*R*o,Ht=Math.min(1,Math.max(0,(U-wn)/o));yt(le,Ve,J(Ht),E),Ht<1&&(K=false);});let F=J(S);ke=F,G?.(F),e.style.setProperty("--scroll-draw-progress",String(F));}if(b){let F=J(S);for(let le in b){let Ve=parseFloat(le);F>=Ve&&!qe.has(Ve)&&(qe.add(Ve),b[le]?.());}}return K}function we(U){if(se)return;let K=U-y;V||(V=true,p?.());let S=Ne(K);if(S&&!k){k=true,Ne(a),u?.(),He<(_==="infinite"?1/0:_??0)&&(He++,_e=setTimeout(()=>{y=performance.now(),V=false,k=false,qe.clear(),Ye(),x=requestAnimationFrame(we);},X));return}S||(x=requestAnimationFrame(we));}function W(){cancelAnimationFrame(x),clearTimeout(_e),y=performance.now(),j=0,se=false,V=false,k=false,He=0,be=true,ke=0,qe.clear(),Ye(),x=requestAnimationFrame(we);}let Q=new IntersectionObserver(U=>{U.forEach(K=>{K.isIntersecting&&!(Z&&k)?W():!K.isIntersecting&&!Z&&!k&&(cancelAnimationFrame(x),clearTimeout(_e),be=false);});},{root:q??null,threshold:w,rootMargin:Y}),ie;function ae(){clearTimeout(ie),ie=setTimeout(()=>{B.forEach((U,K)=>{N[K]=Qe(U),U.style.strokeDasharray=`${N[K]}`;});},150);}return window.addEventListener("resize",ae),window.addEventListener("orientationchange",ae),C>0?setTimeout(()=>Q.observe(e),C):Q.observe(e),{destroy(){cancelAnimationFrame(x),clearTimeout(_e),Q.disconnect(),window.removeEventListener("resize",ae),window.removeEventListener("orientationchange",ae),clearTimeout(ie);},replay(){He=0,W();},pause(){se||!be||(se=true,j=performance.now()-y,cancelAnimationFrame(x));},resume(){se&&(se=false,be=true,y=performance.now()-j,x=requestAnimationFrame(we));},seek(U){let K=Math.min(1,Math.max(0,U));ke=K,se=true,j=K*a,y=performance.now()-j,cancelAnimationFrame(x),Ne(j);},getProgress(){return ke},refresh(){clearTimeout(ie),B.forEach((U,K)=>{N[K]=Qe(U),U.style.strokeDasharray=`${N[K]}`;});}}}if(ce)return gt(hn());kt();function Ft(){if(se||!je)return;let o=performance.now(),a=Ue();if(!Be&&h===false&&a===Ct){bt(a);return}Be=false,Ct=a;let y=m;if(h!==false){let W=o-Pt,Q=W>0?Math.abs(a-(ot<0?a:ot))/W:0;y=m*Math.max(.2,1+Q*(typeof h=="number"?h:1)*.04);}ot=a,Pt=o;let j=ye?rt===-1||a>=rt?"forward":"reverse":E;rt=a;let be=c-ge,Ne=true,we=be===0?0:(a-ge)/be;if(isNaN(Ge)||(Ge<=0&&we>0?T?.():Ge>0&&we<=0&&Ce?.(),Ge<1&&we>=1?ue?.():Ge>=1&&we<1&&me?.()),Ge=we,H){let W=Rt(0,ee(a,ge,c,y));ke=W,e.style.setProperty("--scroll-draw-progress",String(W));let Q=j==="reverse"?1-W:W;e.style.clipPath=$e(Q),G?.(W),!V&&ee(a,ge,c,y)>0&&(V=true,p?.()),W>=1&&!k?(k=true,u?.(),He<(_==="infinite"?1/0:_??0)&&(He++,_e=setTimeout(()=>{xe=-1,Me=[],V=false,k=false,Ye();},X))):W<1&&!Z&&(k=false),bt(a);return}if(B.forEach((W,Q)=>{let ie=Q*g*be,ae=Rt(Q,ee(a,ge+ie,c+ie,y));yt(W,Q,ae,j),Q===0&&(ke=ae,G?.(ae),e.style.setProperty("--scroll-draw-progress",String(ae))),ae<1&&(Ne=false);}),b){let W=J(ee(a,ge,c,y));for(let Q in b){let ie=parseFloat(Q);W>=ie&&!qe.has(ie)&&(qe.add(ie),b[Q]?.());}}!V&&ee(a,ge,c,y)>0&&(V=true,p?.()),Ne&&!k?(k=true,u?.(),He<(_==="infinite"?1/0:_??0)&&(He++,_e=setTimeout(()=>{xe=-1,Me=[],V=false,k=false,qe.clear(),Ye(),Be=true;},X))):!Ne&&!Z&&(k=false),bt(a);}function ht(o){return o>=c&&o<De}function bt(o){z||ht(o)?x=requestAnimationFrame(Ft):je=false;}function wt(){return z||ht(Ue())}let je=false;function st(){je||(je=true,x=requestAnimationFrame(function(){Ft();}));}function it(){je=false,cancelAnimationFrame(x);}let vt=new IntersectionObserver(o=>{o.forEach(a=>{z=a.isIntersecting,z&&!se?(Be=true,st()):je&&!se&&ht(Ue())||it();});},{root:q??null,threshold:w,rootMargin:Y});function Dt(){B.forEach((o,a)=>{N[a]=Qe(o),o.style.strokeDasharray=`${N[a]}`;}),kt(),Be=true;}let at;function Xe(){clearTimeout(at),at=setTimeout(Dt,150);}window.addEventListener("resize",Xe),window.addEventListener("orientationchange",Xe);let bn=Re([e],Xe);return C>0?setTimeout(()=>vt.observe(e),C):vt.observe(e),gt({destroy(){cancelAnimationFrame(x),clearTimeout(_e),it(),vt.disconnect(),bn(),window.removeEventListener("resize",Xe),window.removeEventListener("orientationchange",Xe),clearTimeout(at),At();},replay(){xe=-1,Me=[],rt=-1,ot=-1,V=false,k=false,He=0,se=false,ke=0,qe.clear(),clearTimeout(_e),Ye(),Be=true,wt()&&st();},pause(){se=true,it();},resume(){se&&(se=false,Be=true,wt()&&st());},seek(o){let a=Math.min(1,Math.max(0,o));ke=a,xe=a,Me=[],se=true,it(),dn(a,E),Be=true;},getProgress(){return ke},refresh(){clearTimeout(at),Dt(),wt()&&!se&&st();}},()=>({tStart:ge,tEnd:c}))}var Kt=new WeakMap,In=0;function Zt(e){return JSON.stringify(e,(n,t)=>{if(typeof t=="function")return "\u0192";if(typeof Element<"u"&&t instanceof Element){let r=Kt.get(t);return r===void 0&&Kt.set(t,r=++In),`el#${r}`}return t})}function Jt(e,n){let t={...e};for(let r of Object.keys(t))typeof t[r]=="function"&&(t[r]=(...s)=>n()[r]?.(...s));return t}function Fn(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function en(e){let n=[],t=/([\w]+)\(([^)]*)\)/g,r;for(;(r=t.exec(e))!==null;){let s=[],i=[],l=r[2].trim();if(l)for(let m of l.split(/[\s,]+/)){let f=m.match(/^([-+]?[\d.eE]+)(.*)$/);s.push(f?parseFloat(f[1]):0),i.push(f?f[2]:"");}n.push({fn:r[1],nums:s,units:i});}return n}function Dn(e,n,t){let r=en(e),s=en(n);return r.length===0||r.length!==s.length?t<1?e:n:r.map((i,l)=>{let m=s[l];return i.fn!==m.fn||i.nums.length!==m.nums.length?t<1?`${i.fn}(${i.nums.map((f,d)=>`${f}${i.units[d]}`).join(", ")})`:`${m.fn}(${m.nums.map((f,d)=>`${f}${m.units[d]}`).join(", ")})`:`${i.fn}(${i.nums.map((f,d)=>`${f+(m.nums[d]-f)*t}${i.units[d]}`).join(", ")})`}).join(" ")}function tn(e,n,t){if(typeof e=="number"&&typeof n=="number")return String(e+(n-e)*t);let r=String(e),s=String(n);if(Fn(r))return ct(r,s,t);if(r.includes("("))return Dn(r,s,t);let i=r.match(/^([-+]?[\d.]+)(.*)$/),l=s.match(/^([-+]?[\d.]+)(.*)$/);if(i&&l){let m=parseFloat(i[1]),f=parseFloat(l[1]);return `${m+(f-m)*t}${i[2]||l[2]}`}return t<1?r:s}function Hn(e){return e.replace(/([A-Z])/g,n=>`-${n.toLowerCase()}`)}var Nn=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),Vn=0,nn="--scroll-draw-progress";function zn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var on={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function St(e,n){return typeof window>"u"?on:n.respectReducedMotion===false?rn(e,n,false):We(n,(t,r)=>rn(e,t,r))}function rn(e,n,t){let{props:r,trigger:s={},easing:i="ease-out",speed:l=1,once:m=false,axis:f="y",scrollContainer:d,native:v=true,velocityScale:R=false,triggerElement:E,onProgress:Z,onComplete:re,onEnter:M,onLeave:oe,onEnterBack:ye,onLeaveBack:C}=n,P=typeof i=="function"?i:ne[i]??ne["ease-out"],L=fe(s.start||"top bottom"),A=fe(s.end||"bottom top"),b=E??e,h=typeof d=="string"?document.querySelector(d):d??null,w=Object.entries(r).map(([c,g])=>({prop:Hn(c),from:Array.isArray(g)?g[0]:"",to:Array.isArray(g)?g[1]:g}));function Y(){let c=window.getComputedStyle(e);for(let g of w)g.from===""&&(g.from=c.getPropertyValue(g.prop).trim()||"0");}function _(){for(let c of w)e.style.setProperty(c.prop,String(c.to));}let X=new Map;for(let c of [...w.map(g=>g.prop),nn])X.set(c,e.style.getPropertyValue(c));function I(){for(let[c,g]of X)g?e.style.setProperty(c,g):e.style.removeProperty(c);}if(t)return _(),re?.(),{...on,destroy:I,getProgress:()=>1};Y();let D=()=>h?f==="x"?h.scrollLeft:h.scrollTop:f==="x"?window.scrollX:window.scrollY,ce=()=>h?f==="x"?h.clientWidth:h.clientHeight:f==="x"?window.innerWidth:window.innerHeight,he=typeof i=="string"?ut(i):null;function te(){if(!v||!zn()||!he||f!=="y"||h||b!==e||m||l!==1||Z||re||M||oe||ye||C||R!==false||(s.start||"top bottom").trim()!=="top bottom"||(s.end||"bottom top").trim()!=="bottom top")return false;for(let c of w)if(!Nn.has(c.prop))return false;return true}function G(){let c=`ssd-a-${++Vn}`,g=w.map(z=>`${z.prop}:${z.from}`).join(";"),De=w.map(z=>`${z.prop}:${z.to}`).join(";"),k=document.createElement("style");k.setAttribute("data-ssd-animate",""),k.textContent=`@keyframes ${c}{from{${g}}to{${De}}}.${c}{animation-name:${c};animation-duration:auto;animation-timing-function:${he};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(k),e.classList.add(c);let V=()=>{let z=e.getBoundingClientRect();return Te({top:z.top,height:z.height},D(),ce(),L,A)};Le(e,{type:"animate",getProgress:()=>x.getProgress(),getTrigger:V});let x={refresh(){},destroy(){e.classList.remove(c),k.remove(),e.style.animationPlayState="",I(),Ae(e);},replay(){e.classList.remove(c),e.offsetWidth,e.classList.add(c);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(z){let xe=Math.min(1,Math.max(0,z));e.classList.remove(c);for(let Me of w)e.style.setProperty(Me.prop,tn(Me.from,Me.to,xe));},getProgress(){let{tStart:z,tEnd:xe}=V();return P(ee(D(),z,xe,l))}};return x}if(te())return G();let p=0,u=0,T=0,ue=false,me=false,Ce=-1,H=0,J=0,O=false,$=NaN,q=-1,ve=0,Ee=b===e?w:[],Pe=false;function Oe(){let c=e.style,g=Ee.map(x=>c.getPropertyValue(x.prop)),De=c.transition;Ee.length&&(c.transition="none"),Ee.forEach(x=>c.setProperty(x.prop,X.get(x.prop)??""));let k=lt(b,h,f);Ee.forEach((x,z)=>c.setProperty(x.prop,g[z])),Ee.length&&(e.offsetWidth,c.transition=De);let V=Te(k,k.scroll,ce(),L,A);Pe&&Math.abs(V.tStart-p)<1&&Math.abs(V.tEnd-u)<1||(Pe=true,p=V.tStart,u=V.tEnd);}function Se(c){e.style.setProperty(nn,String(c));for(let g of w)e.style.setProperty(g.prop,tn(g.from,g.to,c));Z?.(c);}function ze(c){if(isNaN($)){$=c;return}$<=0&&c>0?M?.():$>0&&c<=0&&C?.(),$<1&&c>=1?oe?.():$>=1&&c<1&&ye?.(),$=c;}function $e(){if(!ue||me)return;let c=performance.now(),g=D(),De=l;if(R!==false){let z=c-ve,xe=z>0?Math.abs(g-(q<0?g:q))/z:0;De=l*Math.max(.2,1+xe*(typeof R=="number"?R:1)*.04);}q=g,ve=c;let k=u===p?0:(g-p)/(u-p);ze(k);let V=ee(g,p,u,De),x=m?Math.max(Ce,P(H=Math.max(H,V))):P(V);J=x,Se(x),x>=1&&!O?(O=true,re?.()):x<1&&!m&&(O=false),T=requestAnimationFrame($e);}Oe(),u===p&&pe("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),H=ee(D(),p,u,l),J=P(H),Se(J);let B=new IntersectionObserver(c=>{c.forEach(g=>{ue=g.isIntersecting,ue&&!me?T=requestAnimationFrame($e):cancelAnimationFrame(T);});},{root:h??null}),N;function de(){clearTimeout(N),N=setTimeout(Oe,150);}window.addEventListener("resize",de),window.addEventListener("orientationchange",de);let ge=Re([b],de);return B.observe(e),Le(e,{type:"animate",getProgress:()=>J,getTrigger:()=>({tStart:p,tEnd:u})}),{destroy(){cancelAnimationFrame(T),B.disconnect(),window.removeEventListener("resize",de),window.removeEventListener("orientationchange",de),ge(),clearTimeout(N),I(),Ae(e);},replay(){Ce=-1,H=0,O=false,J=0,me=false,Se(0);},pause(){me=true,cancelAnimationFrame(T);},resume(){me&&(me=false,ue&&(T=requestAnimationFrame($e)));},seek(c){let g=Math.min(1,Math.max(0,c));J=g,Ce=g,H=0,me=true,cancelAnimationFrame(T),Se(g);},getProgress(){return J},refresh(){Oe();}}}var Tt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function xt(e,n){if(typeof window>"u")return Tt;let t=typeof e=="string"?document.querySelector(e):e;return t?We(n,(r,s)=>_n(t,r,s)):(pe("scrollCounter: element not found:",e),Tt)}function _n(e,n,t){let{from:r=0,to:s,format:i,easing:l="ease-out",trigger:m={},once:f=true,decimals:d,onComplete:v}=n,R=d!==void 0?p=>p.toFixed(d):i??(p=>String(Math.round(p))),E=typeof l=="function"?l:ne[l]??ne["ease-out"],Z=fe(m.start||"top 80%"),re=fe(m.end||"top 20%");if(t)return e.textContent=R(s),v?.(),{...Tt,getProgress:()=>1};let M=0,oe=0,ye=false,C=0,P=false,L=false,A=-1,b=0,h=0,w=false,Y=()=>window.scrollY,_=()=>window.innerHeight;function X(){let p=e.getBoundingClientRect(),u=Te({top:p.top,height:p.height},Y(),_(),Z,re);ye&&Math.abs(u.tStart-M)<1&&Math.abs(u.tEnd-oe)<1||(ye=true,M=u.tStart,oe=u.tEnd);}function I(p){e.textContent=R(r+(s-r)*p),e.style.setProperty("--scroll-draw-progress",String(p));}function D(){if(!P||L)return;let p=ee(Y(),M,oe,1),u=f?Math.max(A,E(b=Math.max(b,p))):E(p);h=u,I(u),u>=1&&!w?(w=true,v?.()):u<1&&!f&&(w=false),C=requestAnimationFrame(D);}X();{b=ee(Y(),M,oe,1);let p=E(b);h=p,I(p);}let ce=new IntersectionObserver(p=>{p.forEach(u=>{P=u.isIntersecting,P&&!L?C=requestAnimationFrame(D):cancelAnimationFrame(C);});}),he;function te(){clearTimeout(he),he=setTimeout(X,150);}window.addEventListener("resize",te),window.addEventListener("orientationchange",te);let G=Re([e],te);return ce.observe(e),Le(e,{type:"counter",getProgress:()=>h,getTrigger:()=>({tStart:M,tEnd:oe})}),{destroy(){cancelAnimationFrame(C),ce.disconnect(),window.removeEventListener("resize",te),window.removeEventListener("orientationchange",te),G(),clearTimeout(he),Ae(e);},replay(){A=-1,b=0,w=false,h=0,L=false,I(0);},pause(){L=true,cancelAnimationFrame(C);},resume(){L&&(L=false,P&&(C=requestAnimationFrame(D)));},seek(p){let u=Math.min(1,Math.max(0,p));h=u,A=u,b=0,L=true,cancelAnimationFrame(C),I(u);},getProgress(){return h}}}var sn={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Mt(e,n={}){if(typeof window>"u")return sn;let t=typeof e=="string"?document.querySelector(e):e;if(!t||t.tagName.toLowerCase()!=="video")return pe("scrollVideo: <video> element not found:",e),sn;let r=t,{trigger:s={},easing:i="linear",once:l=false,axis:m="y",preload:f="auto",triggerElement:d,onReady:v,onComplete:R,onProgress:E}=n,Z=d??r,re=window.matchMedia("(prefers-reduced-motion: reduce)").matches,M=typeof i=="function"?i:ne[i]??ne.linear,oe=fe(s.start||"top top"),ye=fe(s.end||"bottom top");r.pause(),r.hasAttribute("preload")||(r.preload=f);let C=n.from??0,P=n.to,L=0,A=0,b=0,h=false,w=false,Y=-1,_=0,X=0,I=false,D=false,ce=()=>m==="x"?window.scrollX:window.scrollY,he=()=>m==="x"?window.innerWidth:window.innerHeight;function te(){let O=Z.getBoundingClientRect(),$=m==="x"?O.left:O.top,q=m==="x"?O.width:O.height,ve=Te({top:$,height:q},ce(),he(),oe,ye);L=ve.tStart,A=ve.tEnd,D&&A===L&&pe("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",r);}let G=NaN;function p(O){if(!D)return;let $=P??r.duration??0,q=C+($-C)*O;q!==G&&(G=q,r.currentTime=q),r.style.setProperty("--scroll-draw-progress",String(O)),E?.(O);}function u(){if(!h||w||!D||re)return;let O=ee(ce(),L,A,1),$=l?Math.max(Y,M(_=Math.max(_,O))):M(O);X=$,p($),$>=1&&!I?(I=true,R?.()):$<1&&!l&&(I=false),b=requestAnimationFrame(u);}function T(){if(D=true,P===void 0&&(P=r.duration),re){p(1),v?.();return}te(),v?.(),h&&!w&&(b=requestAnimationFrame(u));}r.readyState>=1?T():r.addEventListener("loadedmetadata",T,{once:true}),D||te();let ue=re?()=>{}:pt(O=>{O&&(ue(),re=true,cancelAnimationFrame(b),p(1));}),me=new IntersectionObserver(O=>{O.forEach($=>{h=$.isIntersecting,h&&!w&&D?b=requestAnimationFrame(u):cancelAnimationFrame(b);});}),Ce;function H(){clearTimeout(Ce),Ce=setTimeout(te,150);}window.addEventListener("resize",H),window.addEventListener("orientationchange",H);let J=Re([Z],H);return me.observe(r),Le(r,{type:"video",getProgress:()=>X,getTrigger:()=>({tStart:L,tEnd:A})}),{destroy(){cancelAnimationFrame(b),me.disconnect(),r.removeEventListener("loadedmetadata",T),window.removeEventListener("resize",H),window.removeEventListener("orientationchange",H),J(),ue(),clearTimeout(Ce),Ae(r);},replay(){Y=-1,_=0,I=false,X=0,w=false,G=NaN,p(0);},pause(){w=true,cancelAnimationFrame(b);},resume(){w&&(w=false,h&&D&&(b=requestAnimationFrame(u)));},seek(O){let $=Math.min(1,Math.max(0,O));X=$,Y=$,_=0,w=true,cancelAnimationFrame(b),G=NaN,p($);},getProgress(){return X}}}function an(e,n){let t=document.createElement("span");t.textContent=n,t.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;user-select:none",e.appendChild(t);}function un(e){let n=e.textContent??"";return e.textContent="",n.split(/(\s+)/).filter(Boolean).map(t=>{let r=document.createElement("span");return r.setAttribute("aria-hidden","true"),/^\s+$/.test(t)?(r.textContent=t,r.style.whiteSpace="pre"):(r.textContent=t,r.style.display="inline-block"),e.appendChild(r),/^\s+$/.test(t)?null:r}).filter(t=>t!==null)}function qn(e){let n=e.textContent??"";return e.textContent="",n.split("").map(t=>{let r=document.createElement("span");return r.setAttribute("aria-hidden","true"),r.textContent=t,t===" "?r.style.whiteSpace="pre":r.style.display="inline-block",e.appendChild(r),t===" "?null:r}).filter(t=>t!==null)}function ln(e){let n=un(e),t=new Map;for(let i of n){let l=i.offsetTop;t.has(l)||t.set(l,[]),t.get(l).push(i);}let r=[],s=Array.from(t.keys()).sort((i,l)=>i-l);for(let i of s){let l=t.get(i),m=document.createElement("span");m.setAttribute("aria-hidden","true"),m.style.display="inline-block",l.forEach((f,d)=>{let v=f.nextElementSibling;m.appendChild(f),d<l.length-1&&v&&v.style.whiteSpace==="pre"&&m.appendChild(v);}),r.push(m);}return e.textContent="",r.forEach((i,l)=>{e.appendChild(i),l<r.length-1&&e.appendChild(document.createTextNode(" "));}),r}function Bn(e,n,t,r){if(t<=1||r===0)return e;let s=(t-1)*r,i=n*r,l=i+(1-s);return l<=i?e>=i?1:0:Math.min(1,Math.max(0,(e-i)/(l-i)))}function Wn(e,n){let t=[];if(n?.y!==void 0&&t.push(`translateY(${n.y*(1-e)}px)`),n?.x!==void 0&&t.push(`translateX(${n.x*(1-e)}px)`),n?.rotate!==void 0&&t.push(`rotate(${n.rotate*(1-e)}deg)`),n?.scale!==void 0){let r=n.scale+(1-n.scale)*e;t.push(`scale(${r})`);}return t.join(" ")||""}var cn={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Lt(e,n={}){if(typeof window>"u")return cn;let t=typeof e=="string"?document.querySelector(e):e;if(!t)return pe("scrollText: element not found:",e),cn;let r=t;return We(n,(s,i)=>Gn(r,s,i))}function Gn(e,n,t){let{split:r="words",stagger:s=.04,easing:i="ease-out",from:l={opacity:0,y:24},trigger:m={},once:f=true,onComplete:d}=n,v=typeof i=="function"?i:ne[i]??ne["ease-out"],R=fe(m.start||"top 85%"),E=fe(m.end||"top 40%"),Z=e.innerHTML,re=e.textContent??"",M;r==="chars"?M=qn(e):r==="lines"?M=ln(e):M=un(e),an(e,re);let oe=M.length;function ye(u,T){l?.opacity!==void 0&&(u.style.opacity=String(l.opacity+(1-l.opacity)*T));let ue=Wn(T,l);ue&&(u.style.transform=ue);}function C(u){e.style.setProperty("--scroll-draw-progress",String(u)),M.forEach((T,ue)=>{let me=v(Bn(u,ue,oe,s));ye(T,me);});}if(t)return C(1),d?.(),{destroy(){e.innerHTML=Z;},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};C(0);let P=0,L=0,A=0,b=false,h=false,w=-1,Y=0,_=false,X=()=>window.scrollY,I=()=>window.innerHeight;function D(){let u=e.getBoundingClientRect(),T=Te({top:u.top,height:u.height},X(),I(),R,E);P=T.tStart,L=T.tEnd;}function ce(){if(!b||h)return;let u=ee(X(),P,L,1);f&&(w=Math.max(w,u),u=w),Y=u,C(u),u>=1&&!_?(_=true,d?.()):u<1&&!f&&(_=false),A=requestAnimationFrame(ce);}D();let he=new IntersectionObserver(u=>{u.forEach(T=>{b=T.isIntersecting,b&&!h?A=requestAnimationFrame(ce):cancelAnimationFrame(A);});}),te;function G(){clearTimeout(te),te=setTimeout(()=>{if(r==="lines"){let u=Y;e.innerHTML=Z,M=ln(e),an(e,re),C(u);}D();},150);}window.addEventListener("resize",G),window.addEventListener("orientationchange",G);let p=Re([e],G);return he.observe(e),Le(e,{type:"text",getProgress:()=>Y,getTrigger:()=>({tStart:P,tEnd:L})}),{destroy(){cancelAnimationFrame(A),he.disconnect(),window.removeEventListener("resize",G),window.removeEventListener("orientationchange",G),p(),clearTimeout(te),e.innerHTML=Z,Ae(e);},replay(){w=-1,_=false,Y=0,h=false,C(0);},pause(){h=true,cancelAnimationFrame(A);},resume(){h&&(h=false,b&&(A=requestAnimationFrame(ce)));},seek(u){let T=Math.min(1,Math.max(0,u));Y=T,w=T,h=true,cancelAnimationFrame(A),C(T);},getProgress(){return Y}}}var nt=e=>typeof e=="function"?e():vue.unref(e);function Fe(e,n,t){let r=null,s=n(),i=()=>{r?.destroy(),r=e.value?t(e.value,Jt(s,()=>s)):null;};vue.onMounted(i),vue.watch(()=>Zt(s=n()),i),vue.onUnmounted(()=>{r?.destroy(),r=null;});}function uo(e={}){let n=vue.ref(null);return Fe(n,()=>nt(e),Et),n}var mn={preset:0,selector:0,speed:0,fade:1,easing:0,trigger:0,stagger:0,direction:0,once:1,debug:1,axis:0,scrollContainer:0,autoReverse:1,delay:0,strokeColor:0,strokeWidth:0,fillOpacity:0,clip:2,waypoints:0,velocityScale:3,threshold:0,rootMargin:0,repeat:0,repeatDelay:0,morphTo:0,onProgress:0,onStart:0,onComplete:0,onEnter:0,onLeave:0,onEnterBack:0,onLeaveBack:0,autoplay:1,duration:0,native:1},Xn=[null,Boolean,[Boolean,String],[Boolean,Number]],fn=e=>({type:e,default:void 0}),mo=vue.defineComponent({name:"ScrollDraw",props:Object.fromEntries(Object.entries(mn).map(([e,n])=>[e,n?fn(Xn[n]):null])),setup(e,{slots:n}){let t=vue.ref(null);return Fe(t,()=>{let r={};for(let s in mn){let i=e[s];i!=null&&(r[s]=i);}return r},Et),()=>vue.h("div",{ref:t},n.default?.())}});function fo(e){let n=vue.ref(null);return Fe(n,()=>nt(e),St),n}var po=vue.defineComponent({name:"ScrollAnimate",props:{options:{type:Object,required:true}},setup(e,{slots:n}){let t=vue.ref(null);return Fe(t,()=>e.options,St),()=>vue.h("div",{ref:t},n.default?.())}});function go(e){let n=vue.ref(null);return Fe(n,()=>nt(e),xt),n}var yo=vue.defineComponent({name:"ScrollCounter",props:{to:{type:Number,required:true},from:{type:Number},format:{type:Function},easing:{type:[String,Function]},trigger:{type:Object},once:fn(Boolean),decimals:{type:Number},onComplete:{type:Function}},setup(e){let n=vue.ref(null);return Fe(n,()=>{let t={to:e.to};return e.from!=null&&(t.from=e.from),e.format!=null&&(t.format=e.format),e.easing!=null&&(t.easing=e.easing),e.trigger!=null&&(t.trigger=e.trigger),e.once!=null&&(t.once=e.once),e.decimals!=null&&(t.decimals=e.decimals),e.onComplete!=null&&(t.onComplete=e.onComplete),t},xt),()=>vue.h("span",{ref:n})}});function ho(e={}){let n=vue.ref(null);return Fe(n,()=>nt(e),Mt),n}var bo=vue.defineComponent({name:"ScrollVideo",props:{src:{type:String,required:true},options:{type:Object},muted:{type:Boolean,default:true},playsInline:{type:Boolean,default:true},class:{type:String}},setup(e){let n=vue.ref(null);return Fe(n,()=>e.options??{},Mt),()=>vue.h("video",{ref:n,src:e.src,muted:e.muted,playsinline:e.playsInline,preload:"auto",class:e.class})}});function wo(e={}){let n=vue.ref(null);return Fe(n,()=>nt(e),Lt),n}var vo=vue.defineComponent({name:"ScrollText",props:{options:{type:Object},tag:{type:String,default:"p"}},setup(e,{slots:n}){let t=vue.ref(null);return Fe(t,()=>e.options??{},Lt),()=>vue.h(e.tag,{ref:t},n.default?.())}});exports.ScrollAnimate=po;exports.ScrollCounter=yo;exports.ScrollDraw=mo;exports.ScrollText=vo;exports.ScrollVideo=bo;exports.useScrollAnimate=fo;exports.useScrollCounter=go;exports.useScrollDraw=uo;exports.useScrollText=wo;exports.useScrollVideo=ho;
1
+ 'use strict';var vue=require('vue');function En({tension:e=2.5,friction:t=2.2}={}){return n=>1-Math.cos(n*Math.PI*e)*Math.pow(1-n,t)}function Sn({bounces:e=3,decay:t=.5}={}){let n=Math.max(1,Math.round(e)),r=Math.max(.01,Math.min(.99,t)),o=Math.sqrt(r),s=0,a=[];for(let p=0;p<n;p++){let g=Math.pow(o,p);a.push(g),s+=g;}let c=[0],f=0;for(let p=0;p<n;p++)f+=a[p]/s,c.push(f);return p=>{if(p<=0)return 0;if(p>=1)return 1;for(let g=0;g<n;g++)if(p<=c[g+1]){let x=(p-c[g])/(c[g+1]-c[g]);if(g===0)return x*(2-x);let y=1-Math.pow(r,g);return y+(1-y)*(2*x-1)*(2*x-1)}return 1}}function Tn({amplitude:e=1,period:t=.4}={}){let n=Math.max(1,e),r=Math.max(.1,t),o=n<=1?r/4:r/(2*Math.PI)*Math.asin(1/n);return s=>s<=0?0:s>=1?1:n*Math.pow(2,-10*s)*Math.sin((s-o)*(2*Math.PI)/r)+1}var ee={linear:e=>e,"ease-in":e=>e*e,"ease-out":e=>e*(2-e),"ease-in-out":e=>e<.5?2*e*e:-1+(4-2*e)*e,spring:En(),bounce:Sn(),elastic:Tn()};function Qe(e,t,n){return Math.min(n,Math.max(t,e))}function ie(e="top bottom"){let t=e.trim();if(/^\d+(\.\d+)?%$/.test(t))return {element:"top",viewport:t};let[n="top",r="bottom"]=t.split(/\s+/).filter(Boolean);return {element:n,viewport:r}}var Gt=(e,t)=>e==="top"?0:e==="center"?.5:e==="bottom"?1:t;function Vt(e,t,n,r){return e+n+t*Gt(r,0)}function _t(e,t){return t*(/^\d+(\.\d+)?%$/.test(e)?parseFloat(e)/100:Gt(e,1))}function z(e,t,n,r){return n===t?0:Qe((e-t)/(n-t)*r,0,1)}function we(e,t,n,r,o){let s=Vt(e.top,e.height,t,r.element)-_t(r.viewport,n),a=Vt(e.top,e.height,t,o.element)-_t(o.viewport,n);return {tStart:s,tEnd:a}}function ot(e,t,n){let r=e.getBoundingClientRect(),o=n==="x"?r.width:r.height;return t?{top:n==="x"?r.left-t.getBoundingClientRect().left-t.clientLeft+t.scrollLeft:r.top-t.getBoundingClientRect().top-t.clientTop+t.scrollTop,height:o,scroll:0}:{top:n==="x"?r.left:r.top,height:o,scroll:n==="x"?window.scrollX:window.scrollY}}function st(e){let t=parseFloat(e.getAttribute("pathLength")??"");if(t>0)return t;let n=e.tagName.toLowerCase();if(n==="rect"){let r=parseFloat(e.getAttribute("width")??"0"),o=parseFloat(e.getAttribute("height")??"0");return 2*(r+o)}if(n==="circle"){let r=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*r}return e.getTotalLength()}function Wt(e){let t=/^#([a-f\d])([a-f\d])([a-f\d])$/i.exec(e);if(t)return [parseInt(t[1]+t[1],16),parseInt(t[2]+t[2],16),parseInt(t[3]+t[3],16)];let n=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(n)return [parseInt(n[1],16),parseInt(n[2],16),parseInt(n[3],16)];let r=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(e);return r?[parseInt(r[1]),parseInt(r[2]),parseInt(r[3])]:null}function it(e,t,n){let r=Wt(e),o=Wt(t);return !r||!o?e:`rgb(${Math.round(r[0]+(o[0]-r[0])*n)},${Math.round(r[1]+(o[1]-r[1])*n)},${Math.round(r[2]+(o[2]-r[2])*n)})`}var Bt={sketch:{easing:"ease-in",stagger:.1,speed:.9,fade:false},reveal:{easing:"ease-out",fade:true,speed:1.2,once:true},typewriter:{easing:"linear",stagger:.05,speed:1.5},cinematic:{easing:"ease-in-out",fade:true,speed:.75},spring:{easing:"spring",speed:1.1}};var ze=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function ae(e,...t){ze&&console.warn(`[svg-scroll-draw] ${e}`,...t);}var xn="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",Mn="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",zt=33;function Ln(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function Cn(e){let t=[];for(let n=0;n<zt;n++){let r=n/(zt-1);t.push(String(Math.round(e(r)*1e5)/1e5));}return `linear(${t.join(",")})`}function at(e){switch(e){case "linear":return "linear";case "ease-in":return xn;case "ease-out":return Mn;case "ease-in-out":return Ln()?Cn(ee["ease-in-out"]):null;default:return null}}var jt=Symbol.for("svg-scroll-draw.registry");function qt(){let e=globalThis;return e[jt]||(e[jt]=new Map)}function ve(e,t){qt().set(e,t);}function Ee(e){qt().delete(e);}function lt(e){if(typeof window>"u"||typeof window.matchMedia!="function")return ()=>{};let t=window.matchMedia("(prefers-reduced-motion: reduce)"),n=o=>e(!!o.matches);if(typeof t.addEventListener=="function")return t.addEventListener("change",n),()=>t.removeEventListener("change",n);let r=t;return r.addListener?.(n),()=>r.removeListener?.(n)}function Fe(e,t){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return t(e,true);let n=t(e,false),r=lt(s=>{if(!s)return;r();let a=(n.getProgress?.()??0)>=1;n.destroy(),n=t(a?{...e,onComplete:void 0}:e,true);}),o={};for(let s of Object.keys(n))o[s]=(...a)=>n[s]?.(...a);return o.destroy=()=>{r(),n.destroy();},o}var Ue,ut=new Set,ct=new WeakMap,Xe=new Map,Yt=e=>{let t=e.getBoundingClientRect();return t.width+" "+t.height};function An(e){let t=new Set;for(let n of e)for(;n&&n!==document.body;n=n.parentElement)for(let r=n;r;r=r.previousElementSibling)t.add(r);return t}function Qt(e,t){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let n=()=>t();Ue??(Ue=new ResizeObserver(o=>{let s=false;for(let{target:a}of o)ct.get(a)!==Yt(a)&&(s=true),ct.set(a,"");s&&ut.forEach(a=>a());})),ut.add(n);let r=An(e);return [document.body,document.documentElement].forEach(o=>o&&r.add(o)),r.forEach(o=>{ct.has(o)||ct.set(o,Yt(o)),Xe.set(o,(Xe.get(o)??0)+1),Ue.observe(o);}),()=>{ut.delete(n)&&(r.forEach(o=>{let s=(Xe.get(o)??1)-1;if(s)return void Xe.set(o,s);Xe.delete(o),Ue?.unobserve(o);}),ut.size||(Ue?.disconnect(),Ue=void 0));}}function Me(e,t,n,r,o){let s,a=NaN,c,f,p=()=>{s=0,r(),!c&&!s&&(a=n())>0&&a<1&&(s=requestAnimationFrame(p));},g=()=>{!s&&!c&&n()!==a&&(s=requestAnimationFrame(p));},x=H=>{c=H,cancelAnimationFrame(s),s=a=NaN,g();},y=()=>{clearTimeout(f),o(),g();},R=()=>{clearTimeout(f),f=setTimeout(y,150);},j=Qt(t,R),w=H=>{e[H]("scroll",g,{passive:true}),window[H]("resize",R),window[H]("orientationchange",R);};return w("addEventListener"),g(),{hold:x,remeasure:y,off(){x(true),w("removeEventListener"),j(),clearTimeout(f);}}}var Pn=0;function On(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function Ut(e,t){let n="";try{n=getComputedStyle(e).getPropertyValue(t).trim();}catch{}return n||(e.getAttribute(t)??"").trim()}var Xt=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function kn(e){if(!ze)return;let t=Ut(e,"stroke");if(!t||t==="none"){ae("Element has no stroke \u2014 path will not be visible.",e);return}let n=(e.getAttribute("fill")??"").trim();n&&!Xt.has(n)&&!Xt.has(Ut(e,"fill"))&&ae("Element has a fill \u2014 it may obscure the stroke animation.",e);}function $n(e,t,n){let r=document.createElement("div");r.setAttribute("data-svg-scroll-draw-debug",""),r.style.cssText="position:fixed;pointer-events:none;z-index:9999;font-family:monospace;font-size:11px;top:0;left:0;right:0;bottom:0;";function o(){let s=n==="x"?window.scrollX:window.scrollY,a=e-s,c=t-s,f=n==="x";r.innerHTML=`
2
+ <div style="position:absolute;${f?`left:${a}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${a}px;left:0;right:0;border-top:2px dashed #22c55e;`}padding:2px 6px;color:#22c55e;background:rgba(0,0,0,.6)">\u25B6 start</div>
3
+ <div style="position:absolute;${f?`left:${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(r),window.addEventListener("scroll",o,{passive:true}),o(),{el:r,destroy(){window.removeEventListener("scroll",o),r.remove();}}}var Kt=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,Zt=/[MmLlHhVvCcSsQqTtAaZz]/g;function Rn(e,t,n){if(!ze)return;let r=(e.match(Zt)??[]).join("").toUpperCase(),o=(t.match(Zt)??[]).join("").toUpperCase(),s=(e.match(Kt)??[]).length,a=(t.match(Kt)??[]).length;if(r!==o){ae(`morphTo: command sequence differs (${r||"\u2205"} \u2192 ${o||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,n);return}s!==a&&ae(`morphTo: coordinate count differs (${s} \u2192 ${a}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,n);}function Hn(e,t,n){let r=(t.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),o=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,s=>{let a=parseFloat(s),c=r[o++]??a;return String(+(a+(c-a)*n).toFixed(4))})}function wt(e,t={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:Fe(t,(n,r)=>Nn(e,n,r))}function Nn(e,t,n){let{preset:r,...o}=t,s=r?{...Bt[r],...o}:o,{selector:a="path, polyline, line, polygon, rect, circle",speed:c=1,fade:f=false,easing:p="linear",trigger:g={},stagger:x=0,direction:y="forward",once:R=false,debug:j=false,axis:w="y",scrollContainer:H,autoReverse:ce=false,delay:N=0,strokeColor:M,strokeWidth:C,fillOpacity:O,waypoints:v,velocityScale:A=false,threshold:D=0,rootMargin:te="0px",repeat:q=0,repeatDelay:F=0,morphTo:I,clip:E,autoplay:Q=false,duration:h=1e3,native:P=true,onProgress:Se,onStart:U,onComplete:_,onEnter:fe,onLeave:Te,onEnterBack:ge,onLeaveBack:me}=s,b=E===true?"left":typeof E=="string"?E:false,S=typeof p=="function"?p:ee[p]??ee.linear,ye=ie(g.start||"top bottom"),Ne=ie(g.end||"bottom top"),X=typeof H=="string"?document.querySelector(H):H??null,Ae=Array.isArray(M)?M[0]:null,Pe=Array.isArray(M)?M[1]:typeof M=="string"?M:null,he=Array.isArray(C)?C[0]:null,De=Array.isArray(C)?C[1]:typeof C=="number"?C:null,Oe=Array.isArray(O)?O[0]:null,be=Array.isArray(O)?O[1]:typeof O=="number"?O:null;function ke(i){let u=i*100;switch(b){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 l=b?[]:Array.from(e.querySelectorAll(a)),m=[],K=[],k=0,V=0,Y=x,G=0,Ie=0,Z=false,$e=false,Re=0,mt=-1,et=[],tt=-1,pe=false,xe=0,Ve=0,_e,pt=false,dt=null;function Lt(){dt?.destroy(),dt=null;}let Ge=new Set,Ct=NaN,We=true,nt=-1,At=performance.now(),Be=NaN;function rt(){return X?w==="x"?X.scrollLeft:X.scrollTop:w==="x"?window.scrollX:window.scrollY}function Pt(){return X?w==="x"?X.clientWidth:X.clientHeight:w==="x"?window.innerWidth:window.innerHeight}function Ot(){let i=ot(e,X,w);return we(i,i.scroll,Pt(),ye,Ne)}function dn(){let i=V-k,u=l.length-1,d=X??document.documentElement,L=w==="x"?"Width":"Height";if(Y=x,x>0&&u>0&&i>0){let ne=d[`scroll${L}`]-d[`client${L}`]-1-k-i/c;ne>=0&&(Y=Math.min(x,ne/(u*i)));}let J=Math.max(0,u)*Y*i,le=i/Math.min(c,1);G=k+Math.min(0,J,le,J+le),Ie=k+Math.max(0,J,le,J+le);}function kt(){(({tStart:k,tEnd:V}=Ot())),dn(),j&&ze&&(Lt(),dt=$n(k,V,w));}function gt(i,u=Ot){ve(e,{type:"draw",getProgress:()=>i.getProgress(),getTrigger:u});let d=i.destroy;return i.destroy=()=>{d.call(i),Ee(e);},i}function $t(i,u){return R&&!ce?Math.max(mt,S(et[i]=Math.max(et[i]??0,u))):S(u)}function gn(i,u){if(e.style.setProperty("--scroll-draw-progress",String(i)),b){let d=u==="reverse"?1-i:i;e.style.clipPath=ke(d);return}l.forEach((d,L)=>yt(d,L,i,u));}function yt(i,u,d,L){i.style.strokeDashoffset=L==="reverse"?`${m[u]*d}`:`${m[u]*(1-d)}`,f&&(i.style.opacity=L==="reverse"?`${1-d}`:`${d}`),Ae&&Pe?i.style.stroke=it(Ae,Pe,d):Pe&&(i.style.stroke=Pe),he!==null&&De!==null?i.style.strokeWidth=`${he+(De-he)*d}`:De!==null&&(i.style.strokeWidth=`${De}`),Oe!==null&&be!==null?i.style.fillOpacity=`${Oe+(be-Oe)*d}`:be!==null&&(i.style.fillOpacity=`${be}`),I&&i.tagName.toLowerCase()==="path"&&K[u]&&i.setAttribute("d",Hn(K[u],I,d));}function ht(){if(e.style.setProperty("--scroll-draw-progress","0"),b){e.style.clipPath=ke(y==="reverse"?1:0);return}l.forEach((i,u)=>{i.style.strokeDasharray=`${m[u]}`,i.style.strokeDashoffset=y==="reverse"?"0":`${m[u]}`,f?i.style.opacity=y==="reverse"?"1":"0":i.style.opacity="",Ae&&(i.style.stroke=Ae),he!==null&&(i.style.strokeWidth=`${he}`),Oe!==null&&(i.style.fillOpacity=`${Oe}`),I&&i.tagName.toLowerCase()==="path"&&K[u]&&i.setAttribute("d",K[u]);});}function je(i,u){let d=i.getAttribute("d"),L=st(i);if(I&&K[u]){i.setAttribute("d",I);let J=st(i);i.setAttribute("d",K[u]),L=Math.max(st(i),J),i.setAttribute("d",d);}m[u]=L,i.style.strokeDasharray=`${L}`;}if(l.forEach((i,u)=>{kn(i);let d=i.tagName.toLowerCase()==="path";d?K.push(i.getAttribute("d")??""):K.push(""),je(i,u);let L=m[u];I&&(d?Rn(K[K.length-1],I,i):ae(`morphTo only applies to <path> elements \u2014 ignored on <${i.tagName}>.`,i)),n?(i.style.strokeDashoffset=y==="reverse"?`${L}`:"0",f&&(i.style.opacity="1"),Pe&&(i.style.stroke=Pe),De!==null&&(i.style.strokeWidth=`${De}`),be!==null&&(i.style.fillOpacity=`${be}`),I&&i.tagName.toLowerCase()==="path"&&i.setAttribute("d",I)):(i.style.strokeDashoffset=y==="reverse"?"0":`${L}`,f?i.style.opacity=y==="reverse"?"1":"0":i.style.opacity="",Ae&&(i.style.stroke=Ae),he!==null&&(i.style.strokeWidth=`${he}`),Oe!==null&&(i.style.fillOpacity=`${Oe}`));}),n)return b&&(e.style.clipPath=ke(1)),_?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};b&&(e.style.clipPath=ke(y==="reverse"?1:0));let Rt=typeof p=="string"?at(p):null;function yn(){return !(P===false||Q||j&&ze||!On()||!l.length||!Rt||b||w!=="y"||X||c!==1||x!==0||R||ce||A!==false||I||v||q||N>0||Se||U||_||fe||Te||ge||me||M!=null||C!=null||O!=null||(g.start||"top bottom").trim()!=="top bottom"||(g.end||"bottom top").trim()!=="bottom top")}function hn(){let i=++Pn,u=`svg-scroll-draw-${i}`,d=`svg-scroll-draw-host-${i}`,L=`--svg-scroll-draw-${i}`,J=y==="reverse"?"0":"var(--ssd-len)",le=y==="reverse"?"var(--ssd-len)":"0",ne=`stroke-dashoffset:${J};`,W=`stroke-dashoffset:${le};`;f&&(ne+=`opacity:${y==="reverse"?1:0};`,W+=`opacity:${y==="reverse"?0:1};`);let B=document.createElement("style");B.setAttribute("data-svg-scroll-draw",""),B.textContent=`@keyframes ${u}{from{${ne}}to{${W}}}.${d}{view-timeline-name:${L};view-timeline-axis:block;}.${u}{animation-name:${u};animation-duration:auto;animation-timing-function:${Rt};animation-fill-mode:both;animation-timeline:${L};animation-range:cover 0% cover 100%;}`,document.head.appendChild(B),e.classList.add(d);function se(T,$){T.style.setProperty("--ssd-len",String(m[$])),T.style.strokeDasharray=`${m[$]}`,T.style.strokeDashoffset="",T.style.opacity="",T.style.animationPlayState="",T.classList.add(u);}l.forEach(se);let re=false,ue=-1;function de(){if(ue>=0)return ue;let T=e.getBoundingClientRect(),{tStart:$,tEnd:oe}=we({top:T.top,height:T.height},rt(),Pt(),ye,Ne);return S(z(rt(),$,oe,c))}return {destroy(){e.classList.remove(d),l.forEach(T=>{T.classList.remove(u),T.style.removeProperty("--ssd-len"),T.style.animationPlayState="";}),B.remove();},replay(){re=false,ue=-1,l.forEach(se);},pause(){re=true,l.forEach(T=>{T.style.animationPlayState="paused";});},resume(){re&&(re=false,l.forEach(T=>{T.style.animationPlayState="running";}));},seek(T){let $=Math.min(1,Math.max(0,T));ue=$,re=true,l.forEach((oe,He)=>{oe.classList.remove(u),oe.style.strokeDashoffset=y==="reverse"?`${m[He]*$}`:`${m[He]*(1-$)}`,f&&(oe.style.opacity=y==="reverse"?`${1-$}`:`${$}`);});},getProgress(){return de()},refresh(){l.forEach((T,$)=>{je(T,$),T.style.setProperty("--ssd-len",String(m[$]));});}}}if(yn())return gt(hn());function bn(){let i=Math.max(1,h),u=b?i:i*(1+Math.max(0,l.length-1)*x),d=0,L=0,J=false;function le(ue){let de=true,T=Math.min(1,Math.max(0,ue/u));if(b){let $=Math.min(1,Math.max(0,ue/i)),oe=S($);xe=oe,e.style.setProperty("--scroll-draw-progress",String(oe)),e.style.clipPath=ke(y==="reverse"?1-oe:oe),Se?.(oe),$<1&&(de=false);}else {l.forEach((oe,He)=>{let vn=He*x*i,Ft=Math.min(1,Math.max(0,(ue-vn)/i));yt(oe,He,S(Ft),y),Ft<1&&(de=false);});let $=S(T);xe=$,Se?.($),e.style.setProperty("--scroll-draw-progress",String($));}if(v){let $=S(T);for(let oe in v){let He=parseFloat(oe);$>=He&&!Ge.has(He)&&(Ge.add(He),v[oe]?.());}}return de}function ne(ue){if(pe)return;let de=ue-d;$e||($e=true,U?.());let T=le(de);if(T&&!Z){Z=true,le(u),_?.(),Ve<(q==="infinite"?1/0:q??0)&&(Ve++,_e=setTimeout(()=>{d=performance.now(),$e=false,Z=false,Ge.clear(),ht(),Re=requestAnimationFrame(ne);},F));return}T||(Re=requestAnimationFrame(ne));}function W(){cancelAnimationFrame(Re),clearTimeout(_e),d=performance.now(),L=0,pe=false,$e=false,Z=false,Ve=0,J=true,xe=0,Ge.clear(),ht(),Re=requestAnimationFrame(ne);}let B=new IntersectionObserver(ue=>{ue.forEach(de=>{de.isIntersecting&&!(R&&Z)?W():!de.isIntersecting&&!R&&!Z&&(cancelAnimationFrame(Re),clearTimeout(_e),J=false);});},{root:X??null,threshold:D,rootMargin:te}),se;function re(){clearTimeout(se),se=setTimeout(()=>l.forEach(je),150);}return window.addEventListener("resize",re),window.addEventListener("orientationchange",re),N>0?setTimeout(()=>B.observe(e),N):B.observe(e),{destroy(){cancelAnimationFrame(Re),clearTimeout(_e),B.disconnect(),window.removeEventListener("resize",re),window.removeEventListener("orientationchange",re),clearTimeout(se);},replay(){Ve=0,W();},pause(){pe||!J||(pe=true,L=performance.now()-d,cancelAnimationFrame(Re));},resume(){pe&&(pe=false,J=true,d=performance.now()-L,Re=requestAnimationFrame(ne));},seek(ue){let de=Math.min(1,Math.max(0,ue));xe=de,pe=true,L=de*u,d=performance.now()-L,cancelAnimationFrame(Re),le(L);},getProgress(){return xe},refresh(){clearTimeout(se),l.forEach(je);}}}if(Q)return gt(bn());kt();let Ht=()=>z(rt(),G,Ie,1);function Nt(){Z=true,_?.(),Ve<(q==="infinite"?1/0:q)&&(Ve++,_e=setTimeout(()=>{pt=true;},F));}function Dt(){mt=-1,et=[],$e=false,Z=false,pt=false,Ge.clear(),ht(),We=true;}function wn(){let i=performance.now(),u=rt();if(pt&&Ht()%1&&Dt(),!We&&A===false&&u===Ct)return;We=false,Ct=u;let d=c;if(A!==false){let W=i-At,B=W>0?Math.abs(u-(nt<0?u:nt))/W:0;d=c*Math.max(.2,1+B*(typeof A=="number"?A:1)*.04);}nt=u,At=i;let L=ce?tt===-1||u>=tt?"forward":"reverse":y;tt=u;let J=V-k,le=true,ne=J===0?0:(u-k)/J;if(isNaN(Be)||(Be<=0&&ne>0&&fe?.(),Be<1&&ne>=1&&Te?.(),Be>=1&&ne<1&&ge?.(),Be>0&&ne<=0&&me?.()),Be=ne,b){let W=$t(0,z(u,k,V,d));xe=W,e.style.setProperty("--scroll-draw-progress",String(W));let B=L==="reverse"?1-W:W;e.style.clipPath=ke(B),Se?.(W),!$e&&z(u,k,V,d)>0&&($e=true,U?.()),W>=1&&!Z?Nt():W<1&&!R&&(Z=false);return}if(l.forEach((W,B)=>{let se=B*Y*J,re=$t(B,z(u,k+se,V+se,d));yt(W,B,re,L),B===0&&(xe=re,Se?.(re),e.style.setProperty("--scroll-draw-progress",String(re))),re<1&&(le=false);}),v){let W=S(z(u,k,V,d));for(let B in v){let se=parseFloat(B);W>=se&&!Ge.has(se)&&(Ge.add(se),v[B]?.());}}!$e&&z(u,k,V,d)>0&&($e=true,U?.()),le&&!Z?Nt():!le&&!R&&(Z=false);}let qe=Me(X??window,[e],Ht,wn,()=>{let i=m.join();l.forEach(je),kt(),We=true,m.join()!==i&&Ye();}),bt=N>0;function Ye(){qe.hold(pe||bt);}let It;return bt&&(It=setTimeout(()=>{bt=false,Ye();},N)),Ye(),gt({destroy(){clearTimeout(_e),clearTimeout(It),qe.off(),Lt();},replay(){Dt(),tt=-1,nt=-1,Ve=0,pe=false,xe=0,clearTimeout(_e),Ye();},pause(){pe=true,qe.hold(true);},resume(){pe&&(pe=false,We=true,Ye());},seek(i){let u=Math.min(1,Math.max(0,i));xe=u,mt=u,et=[],pe=true,qe.hold(true),gn(u,y),We=true;},getProgress(){return xe},refresh:qe.remeasure},()=>({tStart:k,tEnd:V}))}var Jt=new WeakMap,Dn=0;function en(e){return JSON.stringify(e,(t,n)=>{if(typeof n=="function")return "\u0192";if(typeof Element<"u"&&n instanceof Element){let r=Jt.get(n);return r===void 0&&Jt.set(n,r=++Dn),`el#${r}`}return n})}function tn(e,t){let n={...e};for(let r of Object.keys(n))typeof n[r]=="function"&&(n[r]=(...o)=>t()[r]?.(...o));return n}function In(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function nn(e){let t=[],n=/([\w]+)\(([^)]*)\)/g,r;for(;(r=n.exec(e))!==null;){let o=[],s=[],a=r[2].trim();if(a)for(let c of a.split(/[\s,]+/)){let f=c.match(/^([-+]?[\d.eE]+)(.*)$/);o.push(f?parseFloat(f[1]):0),s.push(f?f[2]:"");}t.push({fn:r[1],nums:o,units:s});}return t}function Fn(e,t,n){let r=nn(e),o=nn(t);return r.length===0||r.length!==o.length?n<1?e:t:r.map((s,a)=>{let c=o[a];return s.fn!==c.fn||s.nums.length!==c.nums.length?n<1?`${s.fn}(${s.nums.map((f,p)=>`${f}${s.units[p]}`).join(", ")})`:`${c.fn}(${c.nums.map((f,p)=>`${f}${c.units[p]}`).join(", ")})`:`${s.fn}(${s.nums.map((f,p)=>`${f+(c.nums[p]-f)*n}${s.units[p]}`).join(", ")})`}).join(" ")}function rn(e,t,n){if(typeof e=="number"&&typeof t=="number")return String(e+(t-e)*n);let r=String(e),o=String(t);if(In(r))return it(r,o,n);if(r.includes("("))return Fn(r,o,n);let s=r.match(/^([-+]?[\d.]+)(.*)$/),a=o.match(/^([-+]?[\d.]+)(.*)$/);if(s&&a){let c=parseFloat(s[1]),f=parseFloat(a[1]);return `${c+(f-c)*n}${s[2]||a[2]}`}return n<1?r:o}function Vn(e){return e.replace(/([A-Z])/g,t=>`-${t.toLowerCase()}`)}var _n=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),Gn=0,on="--scroll-draw-progress";function Wn(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var an={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function vt(e,t){return typeof window>"u"?an:t.respectReducedMotion===false?sn(e,t,false):Fe(t,(n,r)=>sn(e,n,r))}function sn(e,t,n){let{props:r,trigger:o={},easing:s="ease-out",speed:a=1,once:c=false,axis:f="y",scrollContainer:p,native:g=true,velocityScale:x=false,triggerElement:y,onProgress:R,onComplete:j,onEnter:w,onLeave:H,onEnterBack:ce,onLeaveBack:N}=t,M=typeof s=="function"?s:ee[s]??ee["ease-out"],C=ie(o.start||"top bottom"),O=ie(o.end||"bottom top"),v=y??e,A=typeof p=="string"?document.querySelector(p):p??null,D=Object.entries(r).map(([l,m])=>({prop:Vn(l),from:Array.isArray(m)?m[0]:"",to:Array.isArray(m)?m[1]:m}));function te(){let l=window.getComputedStyle(e);for(let m of D)m.from===""&&(m.from=l.getPropertyValue(m.prop).trim()||"0");}function q(){for(let l of D)e.style.setProperty(l.prop,String(l.to));}let F=new Map;for(let l of [...D.map(m=>m.prop),on])F.set(l,e.style.getPropertyValue(l));function I(){for(let[l,m]of F)m?e.style.setProperty(l,m):e.style.removeProperty(l);}if(n)return q(),j?.(),{...an,destroy:I,getProgress:()=>1};te();let E=()=>A?f==="x"?A.scrollLeft:A.scrollTop:f==="x"?window.scrollX:window.scrollY,Q=()=>A?f==="x"?A.clientWidth:A.clientHeight:f==="x"?window.innerWidth:window.innerHeight,h=typeof s=="string"?at(s):null;function P(){if(!g||!Wn()||!h||f!=="y"||A||v!==e||c||a!==1||R||j||w||H||ce||N||x!==false||(o.start||"top bottom").trim()!=="top bottom"||(o.end||"bottom top").trim()!=="bottom top")return false;for(let l of D)if(!_n.has(l.prop))return false;return true}function Se(){let l=`ssd-a-${++Gn}`,m=D.map(G=>`${G.prop}:${G.from}`).join(";"),K=D.map(G=>`${G.prop}:${G.to}`).join(";"),k=document.createElement("style");k.setAttribute("data-ssd-animate",""),k.textContent=`@keyframes ${l}{from{${m}}to{${K}}}.${l}{animation-name:${l};animation-duration:auto;animation-timing-function:${h};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(k),e.classList.add(l);let V=()=>{let G=e.getBoundingClientRect();return we({top:G.top,height:G.height},E(),Q(),C,O)};ve(e,{type:"animate",getProgress:()=>Y.getProgress(),getTrigger:V});let Y={refresh(){},destroy(){e.classList.remove(l),k.remove(),e.style.animationPlayState="",I(),Ee(e);},replay(){e.classList.remove(l),e.offsetWidth,e.classList.add(l);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(G){let Ie=Math.min(1,Math.max(0,G));e.classList.remove(l);for(let Z of D)e.style.setProperty(Z.prop,rn(Z.from,Z.to,Ie));},getProgress(){let{tStart:G,tEnd:Ie}=V();return M(z(E(),G,Ie,a))}};return Y}if(P())return Se();let U=0,_=0,fe=false,Te=-1,ge=0,me=0,b=false,S=NaN,ye=-1,Ne=0,X=v===e?D:[],Ae=false;function Pe(){let l=e.style,m=X.map(Y=>l.getPropertyValue(Y.prop)),K=l.transition;X.length&&(l.transition="none"),X.forEach(Y=>l.setProperty(Y.prop,F.get(Y.prop)??""));let k=ot(v,A,f);X.forEach((Y,G)=>l.setProperty(Y.prop,m[G])),X.length&&(e.offsetWidth,l.transition=K);let V=we(k,k.scroll,Q(),C,O);Ae&&Math.abs(V.tStart-U)<1&&Math.abs(V.tEnd-_)<1||(Ae=true,U=V.tStart,_=V.tEnd);}function he(l){e.style.setProperty(on,String(l));for(let m of D)e.style.setProperty(m.prop,rn(m.from,m.to,l));R?.(l);}function De(l){if(isNaN(S)){S=l;return}S<=0&&l>0&&w?.(),S<1&&l>=1&&H?.(),S>=1&&l<1&&ce?.(),S>0&&l<=0&&N?.(),S=l;}function Oe(){if(fe)return;let l=performance.now(),m=E(),K=a;if(x!==false){let G=l-Ne,Ie=G>0?Math.abs(m-(ye<0?m:ye))/G:0;K=a*Math.max(.2,1+Ie*(typeof x=="number"?x:1)*.04);}ye=m,Ne=l;let k=_===U?0:(m-U)/(_-U);De(k);let V=z(m,U,_,K),Y=c?Math.max(Te,M(ge=Math.max(ge,V))):M(V);me=Y,he(Y),Y>=1&&!b?(b=true,j?.()):Y<1&&!c&&(b=false);}let be=Me(A??window,[v],()=>z(E(),U,_,Math.min(a,1)),Oe,Pe);Pe(),_===U&&ae("scrollAnimate: zero-length trigger window, so it never animates. In a sticky stage, set triggerElement.",e),ge=z(E(),U,_,a),me=M(ge),he(me),ve(e,{type:"animate",getProgress:()=>me,getTrigger:()=>({tStart:U,tEnd:_})});function ke(){fe=true,be.hold(true);}return {destroy(){fe=true,be.off(),I(),Ee(e);},replay(){Te=-1,ge=0,b=false,me=0,fe=false,he(0),be.hold(false);},pause:ke,resume(){fe&&(fe=false,be.hold(false));},seek(l){let m=Math.min(1,Math.max(0,l));me=m,Te=m,ge=0,ke(),he(m);},getProgress(){return me},refresh:be.remeasure}}var Et={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function St(e,t){if(typeof window>"u")return Et;let n=typeof e=="string"?document.querySelector(e):e;return n?Fe(t,(r,o)=>Bn(n,r,o)):(ae("scrollCounter: element not found:",e),Et)}function Bn(e,t,n){let{from:r=0,to:o,format:s,easing:a="ease-out",trigger:c={},once:f=true,decimals:p,onComplete:g}=t,x=p!==void 0?h=>h.toFixed(p):s??(h=>String(Math.round(h))),y=typeof a=="function"?a:ee[a]??ee["ease-out"],R=ie(c.start||"top 80%"),j=ie(c.end||"top 20%");if(n)return e.textContent=x(o),g?.(),{...Et,getProgress:()=>1};let w=0,H=0,ce=false,N=-1,M=0,C=0,O=false,v=()=>window.scrollY,A=()=>window.innerHeight;function D(){let h=e.getBoundingClientRect(),P=we({top:h.top,height:h.height},v(),A(),R,j);ce&&Math.abs(P.tStart-w)<1&&Math.abs(P.tEnd-H)<1||(ce=true,w=P.tStart,H=P.tEnd);}let te=e.style.getPropertyValue("--scroll-draw-progress");function q(h){e.textContent=x(r+(o-r)*h),e.style.setProperty("--scroll-draw-progress",String(h));}let F=()=>z(v(),w,H,1);function I(){let h=F(),P=f?Math.max(N,y(M=Math.max(M,h))):y(h);C=P,q(P),P>=1&&!O?(O=true,g?.()):P<1&&!f&&(O=false);}D();{M=z(v(),w,H,1);let h=y(M);C=h,q(h);}let E=Me(window,[e],F,I,D);ve(e,{type:"counter",getProgress:()=>C,getTrigger:()=>({tStart:w,tEnd:H})});let Q=()=>E.hold(false);return {destroy(){E.off(),e.style.setProperty("--scroll-draw-progress",te),Ee(e);},replay(){N=-1,M=0,O=false,C=0,q(0),Q();},pause:()=>E.hold(true),resume:Q,seek(h){let P=Math.min(1,Math.max(0,h));C=P,N=P,M=0,E.hold(true),q(P);},getProgress(){return C}}}var ln={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Tt(e,t={}){if(typeof window>"u")return ln;let n=typeof e=="string"?document.querySelector(e):e;if(!n||n.tagName.toLowerCase()!=="video")return ae("scrollVideo: <video> element not found:",e),ln;let r=n,{trigger:o={},easing:s="linear",once:a=false,axis:c="y",preload:f="auto",triggerElement:p,onReady:g,onComplete:x,onProgress:y}=t,R=p??r,j=window.matchMedia("(prefers-reduced-motion: reduce)").matches,w=typeof s=="function"?s:ee[s]??ee.linear,H=ie(o.start||"top top"),ce=ie(o.end||"bottom top");r.pause(),r.hasAttribute("preload")||(r.preload=f);let N=t.from??0,M=t.to,C=0,O=0,v=false,A=-1,D=0,te=0,q=false,F=false,I=()=>c==="x"?window.scrollX:window.scrollY,E=()=>c==="x"?window.innerWidth:window.innerHeight;function Q(){let b=R.getBoundingClientRect(),S=c==="x"?b.left:b.top,ye=c==="x"?b.width:b.height,Ne=we({top:S,height:ye},I(),E(),H,ce);C=Ne.tStart,O=Ne.tEnd,F&&O===C&&ae("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",r);}let h=NaN;function P(b){if(!F)return;let S=M??r.duration??0,ye=N+(S-N)*b;ye!==h&&(h=ye,r.currentTime=ye),r.style.setProperty("--scroll-draw-progress",String(b)),y?.(b);}let Se=()=>z(I(),C,O,1);function U(){if(!F||j)return;let b=Se(),S=a?Math.max(A,w(D=Math.max(D,b))):w(b);te=S,P(S),S>=1&&!q?(q=true,x?.()):S<1&&!a&&(q=false);}let _=Me(window,[R],Se,U,Q),fe=()=>_.hold(v||!F||j);fe();function Te(){if(F=true,M===void 0&&(M=r.duration),j){P(1),g?.();return}Q(),g?.(),v?P(te):fe();}r.readyState>=1?Te():r.addEventListener("loadedmetadata",Te,{once:true}),F||Q();let ge=j?()=>{}:lt(b=>{b&&(ge(),j=true,_.hold(true),P(1));});ve(r,{type:"video",getProgress:()=>te,getTrigger:()=>({tStart:C,tEnd:O})});function me(){v&&(v=false,fe());}return {destroy(){_.off(),r.removeEventListener("loadedmetadata",Te),ge(),Ee(r);},replay(){A=-1,D=0,q=false,te=0,h=NaN,P(0),me();},pause(){v=true,_.hold(true);},resume:me,seek(b){let S=Math.min(1,Math.max(0,b));te=S,A=S,D=0,v=true,_.hold(true),h=NaN,P(S);},getProgress(){return te}}}function un(e,t){let n=document.createElement("span");n.textContent=t,n.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;user-select:none",e.appendChild(n);}function ft(e=""){let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),t.textContent=e,t}function fn(e){let t=e.textContent??"";return e.textContent="",t.split(/(\s+)/).filter(Boolean).map(n=>{let r=e.appendChild(ft(n)),o=/^\s+$/.test(n);return o?r.style.whiteSpace="pre":r.style.display="inline-block",o?null:r}).filter(n=>n!==null)}function zn(e){let t=e.textContent??"";e.textContent="";let n=[],r=null;for(let o of t){let s=ft(o),a=o===" ";a?s.style.whiteSpace="pre":(s.style.display="inline-block",n.push(s)),a||o>"\u0DFF"?r=null:r||(r=e.appendChild(ft()),r.style.cssText="display:inline-block;white-space:nowrap"),(r??e).appendChild(s);}return n}function cn(e){let t=fn(e),n=new Map;for(let s of t){let a=s.offsetTop;n.has(a)||n.set(a,[]),n.get(a).push(s);}let r=[],o=Array.from(n.keys()).sort((s,a)=>s-a);for(let s of o){let a=n.get(s),c=ft();c.style.display="inline-block",a.forEach((f,p)=>{let g=f.nextElementSibling;c.appendChild(f),p<a.length-1&&g&&g.style.whiteSpace==="pre"&&c.appendChild(g);}),r.push(c);}return e.textContent="",r.forEach((s,a)=>{e.appendChild(s),a<r.length-1&&e.appendChild(document.createTextNode(" "));}),r}function jn(e,t,n,r){if(n<=1||r===0)return e;r=Math.min(r,1/n);let o=(n-1)*r,s=t*r,a=s+(1-o);return a<=s?e>=s?1:0:Qe((e-s)/(a-s),0,1)}function qn(e,t){let n=[];if(t?.y!==void 0&&n.push(`translateY(${t.y*(1-e)}px)`),t?.x!==void 0&&n.push(`translateX(${t.x*(1-e)}px)`),t?.rotate!==void 0&&n.push(`rotate(${t.rotate*(1-e)}deg)`),t?.scale!==void 0){let r=t.scale+(1-t.scale)*e;n.push(`scale(${r})`);}return n.join(" ")}var xt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Mt(e,t={}){if(typeof window>"u")return xt;let n=typeof e=="string"?document.querySelector(e):e;if(!n)return ae("scrollText: element not found:",e),xt;let r=n;return Fe(t,(o,s)=>Yn(r,o,s))}function Yn(e,t,n){let{split:r="words",stagger:o=.04,easing:s="ease-out",from:a={opacity:0,y:24},trigger:c={},once:f=true,onComplete:p}=t,g=typeof s=="function"?s:ee[s]??ee["ease-out"],x=ie(c.start||"top 85%"),y=ie(c.end||"top 40%"),R=e.innerHTML,j=e.textContent??"",w;r==="chars"?w=zn(e):r==="lines"?w=cn(e):w=fn(e),un(e,j);let H=w.length;function ce(E,Q){a?.opacity!==void 0&&(E.style.opacity=String(a.opacity+(1-a.opacity)*Q));let h=qn(Q,a);h&&(E.style.transform=h);}function N(E){e.style.setProperty("--scroll-draw-progress",String(E)),w.forEach((Q,h)=>{let P=g(jn(E,h,H,o));ce(Q,P);});}if(n)return N(1),p?.(),{...xt,destroy:()=>{e.innerHTML=R;},getProgress:()=>1};N(0);let M=0,C=0,O=-1,v=0,A=false;function D(){({tStart:M,tEnd:C}=we(e.getBoundingClientRect(),window.scrollY,window.innerHeight,x,y));}let te=()=>z(window.scrollY,M,C,1);function q(){let E=f?O=Math.max(O,te()):te();v=E,N(E),E>=1&&!A?(A=true,p?.()):E<1&&!f&&(A=false);}D();let F=Me(window,[e],te,q,()=>{r==="lines"&&(e.innerHTML=R,w=cn(e),un(e,j),N(v)),D();});ve(e,{type:"text",getProgress:()=>v,getTrigger:()=>({tStart:M,tEnd:C})});let I=()=>F.hold(false);return {destroy(){F.off(),e.innerHTML=R,Ee(e);},replay(){O=-1,A=false,v=0,N(0),I();},pause:()=>F.hold(true),resume:I,seek(E){F.hold(true),N(v=O=Qe(E,0,1));},getProgress(){return v}}}var Je=e=>typeof e=="function"?e():vue.unref(e);function Ce(e,t,n){let r=null,o=t(),s=()=>{r?.destroy(),r=e.value?n(e.value,tn(o,()=>o)):null;};vue.onMounted(s),vue.watch(()=>en(o=t()),s),vue.onUnmounted(()=>{r?.destroy(),r=null;});}function yo(e={}){let t=vue.ref(null);return Ce(t,()=>Je(e),wt),t}var mn={preset:0,selector:0,speed:0,fade:1,easing:0,trigger:0,stagger:0,direction:0,once:1,debug:1,axis:0,scrollContainer:0,autoReverse:1,delay:0,strokeColor:0,strokeWidth:0,fillOpacity:0,clip:2,waypoints:0,velocityScale:3,threshold:0,rootMargin:0,repeat:0,repeatDelay:0,morphTo:0,onProgress:0,onStart:0,onComplete:0,onEnter:0,onLeave:0,onEnterBack:0,onLeaveBack:0,autoplay:1,duration:0,native:1},Zn=[null,Boolean,[Boolean,String],[Boolean,Number]],pn=e=>({type:e,default:void 0}),ho=vue.defineComponent({name:"ScrollDraw",props:Object.fromEntries(Object.entries(mn).map(([e,t])=>[e,t?pn(Zn[t]):null])),setup(e,{slots:t}){let n=vue.ref(null);return Ce(n,()=>{let r={};for(let o in mn){let s=e[o];s!=null&&(r[o]=s);}return r},wt),()=>vue.h("div",{ref:n},t.default?.())}});function bo(e){let t=vue.ref(null);return Ce(t,()=>Je(e),vt),t}var wo=vue.defineComponent({name:"ScrollAnimate",props:{options:{type:Object,required:true}},setup(e,{slots:t}){let n=vue.ref(null);return Ce(n,()=>e.options,vt),()=>vue.h("div",{ref:n},t.default?.())}});function vo(e){let t=vue.ref(null);return Ce(t,()=>Je(e),St),t}var Eo=vue.defineComponent({name:"ScrollCounter",props:{to:{type:Number,required:true},from:{type:Number},format:{type:Function},easing:{type:[String,Function]},trigger:{type:Object},once:pn(Boolean),decimals:{type:Number},onComplete:{type:Function}},setup(e){let t=vue.ref(null);return Ce(t,()=>{let n={to:e.to};return e.from!=null&&(n.from=e.from),e.format!=null&&(n.format=e.format),e.easing!=null&&(n.easing=e.easing),e.trigger!=null&&(n.trigger=e.trigger),e.once!=null&&(n.once=e.once),e.decimals!=null&&(n.decimals=e.decimals),e.onComplete!=null&&(n.onComplete=e.onComplete),n},St),()=>vue.h("span",{ref:t})}});function So(e={}){let t=vue.ref(null);return Ce(t,()=>Je(e),Tt),t}var To=vue.defineComponent({name:"ScrollVideo",props:{src:{type:String,required:true},options:{type:Object},muted:{type:Boolean,default:true},playsInline:{type:Boolean,default:true},class:{type:String}},setup(e){let t=vue.ref(null);return Ce(t,()=>e.options??{},Tt),()=>vue.h("video",{ref:t,src:e.src,muted:e.muted,playsinline:e.playsInline,preload:"auto",class:e.class})}});function xo(e={}){let t=vue.ref(null);return Ce(t,()=>Je(e),Mt),t}var Mo=vue.defineComponent({name:"ScrollText",props:{options:{type:Object},tag:{type:String,default:"p"}},setup(e,{slots:t}){let n=vue.ref(null);return Ce(n,()=>e.options??{},Mt),()=>vue.h(e.tag,{ref:n},t.default?.())}});exports.ScrollAnimate=wo;exports.ScrollCounter=Eo;exports.ScrollDraw=ho;exports.ScrollText=Mo;exports.ScrollVideo=To;exports.useScrollAnimate=bo;exports.useScrollCounter=vo;exports.useScrollDraw=yo;exports.useScrollText=xo;exports.useScrollVideo=So;
@@ -1,8 +1,8 @@
1
1
  import * as vue from 'vue';
2
2
  import { Ref } from 'vue';
3
- import { a as ScrollDrawOptions } from '../types-MswK0erX.mjs';
4
- import { S as ScrollAnimateOptions } from '../engine-o1VSQ1lX.mjs';
5
- import { S as ScrollCounterOptions } from '../index-CdaBYn3A.mjs';
3
+ import { a as ScrollDrawOptions } from '../types-9bcJdVcg.mjs';
4
+ import { S as ScrollAnimateOptions } from '../engine-BLWKCfxC.mjs';
5
+ import { S as ScrollCounterOptions } from '../index-DVjblK_4.mjs';
6
6
  import { ScrollVideoOptions } from '../video/index.mjs';
7
7
  import { ScrollTextOptions } from '../text/index.mjs';
8
8
 
@@ -1,8 +1,8 @@
1
1
  import * as vue from 'vue';
2
2
  import { Ref } from 'vue';
3
- import { a as ScrollDrawOptions } from '../types-MswK0erX.js';
4
- import { S as ScrollAnimateOptions } from '../engine-B7UpB4fT.js';
5
- import { S as ScrollCounterOptions } from '../index-D3o4vT3e.js';
3
+ import { a as ScrollDrawOptions } from '../types-9bcJdVcg.js';
4
+ import { S as ScrollAnimateOptions } from '../engine-6VsjEwzb.js';
5
+ import { S as ScrollCounterOptions } from '../index-BN8yKeQ3.js';
6
6
  import { ScrollVideoOptions } from '../video/index.js';
7
7
  import { ScrollTextOptions } from '../text/index.js';
8
8
 
@@ -1 +1 @@
1
- export{d as ScrollAnimate,f as ScrollCounter,b as ScrollDraw,j as ScrollText,h as ScrollVideo,c as useScrollAnimate,e as useScrollCounter,a as useScrollDraw,i as useScrollText,g as useScrollVideo}from'../chunk-4I7MLTP5.mjs';import'../chunk-XSVTHCLO.mjs';import'../chunk-GMBIGV3M.mjs';import'../chunk-4H2SGMAQ.mjs';import'../chunk-LGJQWZHH.mjs';import'../chunk-V4L3ELVC.mjs';import'../chunk-23EALNDF.mjs';import'../chunk-OJFWQ6CU.mjs';import'../chunk-UPWWULKI.mjs';import'../chunk-YZV4Z3EQ.mjs';import'../chunk-2PYLM3E7.mjs';import'../chunk-A4JCC3QQ.mjs';import'../chunk-DM6EDKWH.mjs';import'../chunk-5PJEKEEP.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-BCV4RAIX.mjs';import'../chunk-LFSU6LR3.mjs';
1
+ export{d as ScrollAnimate,f as ScrollCounter,b as ScrollDraw,j as ScrollText,h as ScrollVideo,c as useScrollAnimate,e as useScrollCounter,a as useScrollDraw,i as useScrollText,g as useScrollVideo}from'../chunk-OSGWGHQJ.mjs';import'../chunk-XSVTHCLO.mjs';import'../chunk-NYQJPPMP.mjs';import'../chunk-XNM3VKEK.mjs';import'../chunk-PAGN26EH.mjs';import'../chunk-VJ5ZU55P.mjs';import'../chunk-K6VATIJH.mjs';import'../chunk-V3Z6G5JE.mjs';import'../chunk-UPWWULKI.mjs';import'../chunk-XC5NR2MU.mjs';import'../chunk-2PYLM3E7.mjs';import'../chunk-NV6YTPHI.mjs';import'../chunk-THPTANES.mjs';import'../chunk-5PJEKEEP.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-BCV4RAIX.mjs';import'../chunk-LFSU6LR3.mjs';
@@ -1,3 +1,3 @@
1
- 'use strict';function jt({bounces:e=3,decay:r=.5}={}){let n=Math.max(1,Math.round(e)),o=Math.max(.01,Math.min(.99,r)),i=Math.sqrt(o),a=0,u=[];for(let m=0;m<n;m++){let v=Math.pow(i,m);u.push(v),a+=v;}let b=[0],L=0;for(let m=0;m<n;m++)L+=u[m]/a,b.push(L);return m=>{if(m<=0)return 0;if(m>=1)return 1;for(let v=0;v<n;v++)if(m<=b[v+1]){let $=(m-b[v])/(b[v+1]-b[v]);if(v===0)return $*(2-$);let p=1-Math.pow(o,v);return p+(1-p)*(2*$-1)*(2*$-1)}return 1}}function Xt({amplitude:e=1,period:r=.4}={}){let n=Math.max(1,e),o=Math.max(.1,r),i=n<=1?o/4:o/(2*Math.PI)*Math.asin(1/n);return a=>a<=0?0:a>=1?1:n*Math.pow(2,-10*a)*Math.sin((a-i)*(2*Math.PI)/o)+1}var Se={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:jt(),elastic:Xt()};function yt(e,r,n){return Math.min(n,Math.max(r,e))}function Ue(e="top bottom"){let r=e.trim();if(/^\d+(\.\d+)?%$/.test(r))return {element:"top",viewport:r};let[n="top",o="bottom"]=r.split(/\s+/).filter(Boolean);return {element:n,viewport:o}}function bt(e,r,n,o){switch(o){case "top":return e+n;case "center":return e+n+r/2;case "bottom":return e+n+r;default:return e+n}}function vt(e,r){if(/^\d+(\.\d+)?%$/.test(e))return r*(parseFloat(e)/100);switch(e){case "top":return 0;case "center":return r/2;case "bottom":return r;default:return r}}function re(e,r,n,o){return n===r?0:yt((e-r)/(n-r)*o,0,1)}function je(e,r,n,o,i){let a=bt(e.top,e.height,r,o.element)-vt(o.viewport,n),u=bt(e.top,e.height,r,i.element)-vt(i.viewport,n);return {tStart:a,tEnd:u}}function wt(e,r,n){let o=e.getBoundingClientRect(),i=n==="x"?o.width:o.height;return r?{top:n==="x"?o.left-r.getBoundingClientRect().left-r.clientLeft+r.scrollLeft:o.top-r.getBoundingClientRect().top-r.clientTop+r.scrollTop,height:i,scroll:0}:{top:n==="x"?o.left:o.top,height:i,scroll:n==="x"?window.scrollX:window.scrollY}}function me(e){let r=e.tagName.toLowerCase();if(r==="rect"){let n=parseFloat(e.getAttribute("width")??"0"),o=parseFloat(e.getAttribute("height")??"0");return 2*(n+o)}if(r==="circle"){let n=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*n}return e.getTotalLength()}function Et(e){let r=/^#([a-f\d])([a-f\d])([a-f\d])$/i.exec(e);if(r)return [parseInt(r[1]+r[1],16),parseInt(r[2]+r[2],16),parseInt(r[3]+r[3],16)];let n=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(n)return [parseInt(n[1],16),parseInt(n[2],16),parseInt(n[3],16)];let o=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(e);return o?[parseInt(o[1]),parseInt(o[2]),parseInt(o[3])]:null}function St(e,r,n){let o=Et(e),i=Et(r);return !o||!i?e:`rgb(${Math.round(o[0]+(i[0]-o[0])*n)},${Math.round(o[1]+(i[1]-o[1])*n)},${Math.round(o[2]+(i[2]-o[2])*n)})`}var xt={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 de(e,...r){xe&&console.warn(`[svg-scroll-draw] ${e}`,...r);}var Yt="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",Jt="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",Mt=33;function Kt(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function Zt(e){let r=[];for(let n=0;n<Mt;n++){let o=n/(Mt-1);r.push(String(Math.round(e(o)*1e5)/1e5));}return `linear(${r.join(",")})`}function Tt(e){switch(e){case "linear":return "linear";case "ease-in":return Yt;case "ease-out":return Jt;case "ease-in-out":return Kt()?Zt(Se["ease-in-out"]):null;default:return null}}var At=Symbol.for("svg-scroll-draw.registry");function Lt(){let e=globalThis;return e[At]||(e[At]=new Map)}function kt(e,r){Lt().set(e,r);}function $t(e){Lt().delete(e);}var Me,Oe=new Set,Ie=new WeakMap,Te=new Map,Pt=e=>{let r=e.getBoundingClientRect();return r.width+" "+r.height};function er(e){let r=new Set;for(let n of e)for(;n&&n!==document.body;n=n.parentElement)for(let o=n;o;o=o.previousElementSibling)r.add(o);return r}function Dt(e,r){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let n=()=>r();Me??(Me=new ResizeObserver(i=>{let a=false;for(let{target:u}of i)Ie.get(u)!==Pt(u)&&(a=true),Ie.set(u,"");a&&Oe.forEach(u=>u());})),Oe.add(n);let o=er(e);return [document.body,document.documentElement].forEach(i=>i&&o.add(i)),o.forEach(i=>{Ie.has(i)||Ie.set(i,Pt(i)),Te.set(i,(Te.get(i)??0)+1),Me.observe(i);}),()=>{Oe.delete(n)&&(o.forEach(i=>{let a=(Te.get(i)??1)-1;if(a)return void Te.set(i,a);Te.delete(i),Me?.unobserve(i);}),Oe.size||(Me?.disconnect(),Me=void 0));}}function Rt(e){if(typeof window>"u"||typeof window.matchMedia!="function")return ()=>{};let r=window.matchMedia("(prefers-reduced-motion: reduce)"),n=i=>e(!!i.matches);if(typeof r.addEventListener=="function")return r.addEventListener("change",n),()=>r.removeEventListener("change",n);let o=r;return o.addListener?.(n),()=>o.removeListener?.(n)}function Ct(e,r){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return r(e,true);let n=r(e,false),o=Rt(a=>{if(!a)return;o();let u=(n.getProgress?.()??0)>=1;n.destroy(),n=r(u?{...e,onComplete:void 0}:e,true);}),i={};for(let a of Object.keys(n))i[a]=(...u)=>n[a]?.(...u);return i.destroy=()=>{o(),n.destroy();},i}var tr=0;function rr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function Ot(e,r){let n="";try{n=getComputedStyle(e).getPropertyValue(r).trim();}catch{}return n||(e.getAttribute(r)??"").trim()}var It=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function nr(e){if(!xe)return;let r=Ot(e,"stroke");if(!r||r==="none"){de("Element has no stroke \u2014 path will not be visible.",e);return}let n=(e.getAttribute("fill")??"").trim();n&&!It.has(n)&&!It.has(Ot(e,"fill"))&&de("Element has a fill \u2014 it may obscure the stroke animation.",e);}function or(e,r,n){let o=document.createElement("div");o.setAttribute("data-svg-scroll-draw-debug",""),o.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 a=n==="x"?window.scrollX:window.scrollY,u=e-a,b=r-a,L=n==="x";o.innerHTML=`
2
- <div style="position:absolute;${L?`left:${u}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${u}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;${L?`left:${b}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${b}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(o),window.addEventListener("scroll",i,{passive:true}),i(),{el:o,destroy(){window.removeEventListener("scroll",i),o.remove();}}}var _t=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,Ft=/[MmLlHhVvCcSsQqTtAaZz]/g;function sr(e,r,n){if(!xe)return;let o=(e.match(Ft)??[]).join("").toUpperCase(),i=(r.match(Ft)??[]).join("").toUpperCase(),a=(e.match(_t)??[]).length,u=(r.match(_t)??[]).length;if(o!==i){de(`morphTo: command sequence differs (${o||"\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.`,n);return}a!==u&&de(`morphTo: coordinate count differs (${a} \u2192 ${u}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,n);}function ir(e,r,n){let o=(r.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),i=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,a=>{let u=parseFloat(a),b=o[i++]??u;return String(+(u+(b-u)*n).toFixed(4))})}function Nt(e,r={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:Ct(r,(n,o)=>ar(e,n,o))}function ar(e,r,n){let{preset:o,...i}=r,a=o?{...xt[o],...i}:i,{selector:u="path, polyline, line, polygon, rect, circle",speed:b=1,fade:L=false,easing:m="linear",trigger:v={},stagger:$=0,direction:p="forward",once:ne=false,debug:Xe=false,axis:W="y",scrollContainer:_e,autoReverse:Fe=false,delay:pe=0,strokeColor:X,strokeWidth:Y,fillOpacity:J,waypoints:K,velocityScale:ge=false,threshold:Ye=0,rootMargin:Je="0px",repeat:Z=0,repeatDelay:Ne=0,morphTo:G,clip:Ve,autoplay:Ke=false,duration:Vt=1e3,native:zt=true,onProgress:he,onStart:Ae,onComplete:ye,onEnter:Ze,onLeave:et,onEnterBack:tt,onLeaveBack:rt}=a,F=Ve===true?"left":typeof Ve=="string"?Ve:false,q=typeof m=="function"?m:Se[m]??Se.linear,nt=Ue(v.start||"top bottom"),ot=Ue(v.end||"bottom top"),I=typeof _e=="string"?document.querySelector(_e):_e??null,oe=Array.isArray(X)?X[0]:null,se=Array.isArray(X)?X[1]:typeof X=="string"?X:null,ee=Array.isArray(Y)?Y[0]:null,ie=Array.isArray(Y)?Y[1]:typeof Y=="number"?Y:null,te=Array.isArray(J)?J[0]:null,ae=Array.isArray(J)?J[1]:typeof J=="number"?J:null;function le(t){let s=t*100;switch(F){case "right":return `inset(0 0 0 ${100-s}%)`;case "top":return `inset(0 0 ${100-s}% 0)`;case "bottom":return `inset(${100-s}% 0 0 0)`;case "center":return `circle(${t*150}% at 50% 50%)`;default:return `inset(0 ${100-s}% 0 0)`}}let E=F?[]:Array.from(e.querySelectorAll(u)),S=[],B=[],C=0,O=0,Le=$,st=0,k=false,_=false,P=0,ke=false,be=-1,ue=[],$e=-1,x=false,N=0,V=0,Q,ze=null;function it(){ze?.destroy(),ze=null;}let U=new Set,at=NaN,j=true,Pe=-1,lt=performance.now(),ce=NaN;function ve(){return I?W==="x"?I.scrollLeft:I.scrollTop:W==="x"?window.scrollX:window.scrollY}function ut(){return I?W==="x"?I.clientWidth:I.clientHeight:W==="x"?window.innerWidth:window.innerHeight}function ct(){let t=wt(e,I,W);return je(t,t.scroll,ut(),nt,ot)}function Ht(){let t=O-C,s=E.length-1,l=I??document.documentElement,g=W==="x"?"Width":"Height";if(Le=$,$>0&&s>0&&t>0){let D=l[`scroll${g}`]-l[`client${g}`]-1-C-t/b;D>=0&&(Le=Math.min($,D/(s*t)));}st=O+s*Le*t;}function ft(){(({tStart:C,tEnd:O}=ct())),Ht(),Xe&&xe&&(it(),ze=or(C,O,W));}function He(t,s=ct){kt(e,{type:"draw",getProgress:()=>t.getProgress(),getTrigger:s});let l=t.destroy;return t.destroy=()=>{l.call(t),$t(e);},t}function mt(t,s){return ne&&!Fe?Math.max(be,q(ue[t]=Math.max(ue[t]??0,s))):q(s)}function Wt(t,s){if(e.style.setProperty("--scroll-draw-progress",String(t)),F){let l=s==="reverse"?1-t:t;e.style.clipPath=le(l);return}E.forEach((l,g)=>We(l,g,t,s));}function We(t,s,l,g){t.style.strokeDashoffset=g==="reverse"?`${S[s]*l}`:`${S[s]*(1-l)}`,L&&(t.style.opacity=g==="reverse"?`${1-l}`:`${l}`),oe&&se?t.style.stroke=St(oe,se,l):se&&(t.style.stroke=se),ee!==null&&ie!==null?t.style.strokeWidth=`${ee+(ie-ee)*l}`:ie!==null&&(t.style.strokeWidth=`${ie}`),te!==null&&ae!==null?t.style.fillOpacity=`${te+(ae-te)*l}`:ae!==null&&(t.style.fillOpacity=`${ae}`),G&&t.tagName.toLowerCase()==="path"&&B[s]&&t.setAttribute("d",ir(B[s],G,l));}function we(){if(e.style.setProperty("--scroll-draw-progress","0"),F){e.style.clipPath=le(p==="reverse"?1:0);return}E.forEach((t,s)=>{t.style.strokeDasharray=`${S[s]}`,t.style.strokeDashoffset=p==="reverse"?"0":`${S[s]}`,L?t.style.opacity=p==="reverse"?"1":"0":t.style.opacity="",oe&&(t.style.stroke=oe),ee!==null&&(t.style.strokeWidth=`${ee}`),te!==null&&(t.style.fillOpacity=`${te}`),G&&t.tagName.toLowerCase()==="path"&&B[s]&&t.setAttribute("d",B[s]);});}if(E.forEach(t=>{nr(t);let s=me(t);S.push(s);let l=t.tagName.toLowerCase()==="path";l?B.push(t.getAttribute("d")??""):B.push(""),G&&(l?sr(B[B.length-1],G,t):de(`morphTo only applies to <path> elements \u2014 ignored on <${t.tagName}>.`,t)),n?(t.style.strokeDasharray=`${s}`,t.style.strokeDashoffset=p==="reverse"?`${s}`:"0",L&&(t.style.opacity="1"),se&&(t.style.stroke=se),ie!==null&&(t.style.strokeWidth=`${ie}`),ae!==null&&(t.style.fillOpacity=`${ae}`),G&&t.tagName.toLowerCase()==="path"&&t.setAttribute("d",G)):(t.style.strokeDasharray=`${s}`,t.style.strokeDashoffset=p==="reverse"?"0":`${s}`,L?t.style.opacity=p==="reverse"?"1":"0":t.style.opacity="",oe&&(t.style.stroke=oe),ee!==null&&(t.style.strokeWidth=`${ee}`),te!==null&&(t.style.fillOpacity=`${te}`));}),n)return F&&(e.style.clipPath=le(1)),ye?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};F&&(e.style.clipPath=le(p==="reverse"?1:0));let dt=typeof m=="string"?Tt(m):null;function Gt(){return !(zt===false||Ke||Xe||!rr()||!E.length||!dt||F||W!=="y"||I||b!==1||$!==0||ne||Fe||ge!==false||G||K||Z||pe>0||he||Ae||ye||Ze||et||tt||rt||X!=null||Y!=null||J!=null||(v.start||"top bottom").trim()!=="top bottom"||(v.end||"bottom top").trim()!=="bottom top")}function qt(){let t=++tr,s=`svg-scroll-draw-${t}`,l=`svg-scroll-draw-host-${t}`,g=`--svg-scroll-draw-${t}`,D=p==="reverse"?"0":"var(--ssd-len)",z=p==="reverse"?"var(--ssd-len)":"0",R=`stroke-dashoffset:${D};`,d=`stroke-dashoffset:${z};`;L&&(R+=`opacity:${p==="reverse"?1:0};`,d+=`opacity:${p==="reverse"?0:1};`);let h=document.createElement("style");h.setAttribute("data-svg-scroll-draw",""),h.textContent=`@keyframes ${s}{from{${R}}to{${d}}}.${l}{view-timeline-name:${g};view-timeline-axis:block;}.${s}{animation-name:${s};animation-duration:auto;animation-timing-function:${dt};animation-fill-mode:both;animation-timeline:${g};animation-range:cover 0% cover 100%;}`,document.head.appendChild(h),e.classList.add(l);function M(c,f){c.style.setProperty("--ssd-len",String(S[f])),c.style.strokeDasharray=`${S[f]}`,c.style.strokeDashoffset="",c.style.opacity="",c.style.animationPlayState="",c.classList.add(s);}E.forEach(M);let T=false,y=-1;function w(){if(y>=0)return y;let c=e.getBoundingClientRect(),{tStart:f,tEnd:A}=je({top:c.top,height:c.height},ve(),ut(),nt,ot);return q(re(ve(),f,A,b))}return {destroy(){e.classList.remove(l),E.forEach(c=>{c.classList.remove(s),c.style.removeProperty("--ssd-len"),c.style.animationPlayState="";}),h.remove();},replay(){T=false,y=-1,E.forEach(M);},pause(){T=true,E.forEach(c=>{c.style.animationPlayState="paused";});},resume(){T&&(T=false,E.forEach(c=>{c.style.animationPlayState="running";}));},seek(c){let f=Math.min(1,Math.max(0,c));y=f,T=true,E.forEach((A,H)=>{A.classList.remove(s),A.style.strokeDashoffset=p==="reverse"?`${S[H]*f}`:`${S[H]*(1-f)}`,L&&(A.style.opacity=p==="reverse"?`${1-f}`:`${f}`);});},getProgress(){return w()},refresh(){E.forEach((c,f)=>{S[f]=me(c),c.style.setProperty("--ssd-len",String(S[f])),c.style.strokeDasharray=`${S[f]}`;});}}}if(Gt())return He(qt());function Bt(){let t=Math.max(1,Vt),s=F?t:t*(1+Math.max(0,E.length-1)*$),l=0,g=0,D=false;function z(y){let w=true,c=Math.min(1,Math.max(0,y/s));if(F){let f=Math.min(1,Math.max(0,y/t)),A=q(f);N=A,e.style.setProperty("--scroll-draw-progress",String(A)),e.style.clipPath=le(p==="reverse"?1-A:A),he?.(A),f<1&&(w=false);}else {E.forEach((A,H)=>{let Ut=H*$*t,ht=Math.min(1,Math.max(0,(y-Ut)/t));We(A,H,q(ht),p),ht<1&&(w=false);});let f=q(c);N=f,he?.(f),e.style.setProperty("--scroll-draw-progress",String(f));}if(K){let f=q(c);for(let A in K){let H=parseFloat(A);f>=H&&!U.has(H)&&(U.add(H),K[A]?.());}}return w}function R(y){if(x)return;let w=y-l;_||(_=true,Ae?.());let c=z(w);if(c&&!k){k=true,z(s),ye?.(),V<(Z==="infinite"?1/0:Z??0)&&(V++,Q=setTimeout(()=>{l=performance.now(),_=false,k=false,U.clear(),we(),P=requestAnimationFrame(R);},Ne));return}c||(P=requestAnimationFrame(R));}function d(){cancelAnimationFrame(P),clearTimeout(Q),l=performance.now(),g=0,x=false,_=false,k=false,V=0,D=true,N=0,U.clear(),we(),P=requestAnimationFrame(R);}let h=new IntersectionObserver(y=>{y.forEach(w=>{w.isIntersecting&&!(ne&&k)?d():!w.isIntersecting&&!ne&&!k&&(cancelAnimationFrame(P),clearTimeout(Q),D=false);});},{root:I??null,threshold:Ye,rootMargin:Je}),M;function T(){clearTimeout(M),M=setTimeout(()=>{E.forEach((y,w)=>{S[w]=me(y),y.style.strokeDasharray=`${S[w]}`;});},150);}return window.addEventListener("resize",T),window.addEventListener("orientationchange",T),pe>0?setTimeout(()=>h.observe(e),pe):h.observe(e),{destroy(){cancelAnimationFrame(P),clearTimeout(Q),h.disconnect(),window.removeEventListener("resize",T),window.removeEventListener("orientationchange",T),clearTimeout(M);},replay(){V=0,d();},pause(){x||!D||(x=true,g=performance.now()-l,cancelAnimationFrame(P));},resume(){x&&(x=false,D=true,l=performance.now()-g,P=requestAnimationFrame(R));},seek(y){let w=Math.min(1,Math.max(0,y));N=w,x=true,g=w*s,l=performance.now()-g,cancelAnimationFrame(P),z(g);},getProgress(){return N},refresh(){clearTimeout(M),E.forEach((y,w)=>{S[w]=me(y),y.style.strokeDasharray=`${S[w]}`;});}}}if(Ke)return He(Bt());ft();function pt(){if(x||!fe)return;let t=performance.now(),s=ve();if(!j&&ge===false&&s===at){qe(s);return}j=false,at=s;let l=b;if(ge!==false){let d=t-lt,h=d>0?Math.abs(s-(Pe<0?s:Pe))/d:0;l=b*Math.max(.2,1+h*(typeof ge=="number"?ge:1)*.04);}Pe=s,lt=t;let g=Fe?$e===-1||s>=$e?"forward":"reverse":p;$e=s;let D=O-C,z=true,R=D===0?0:(s-C)/D;if(isNaN(ce)||(ce<=0&&R>0?Ze?.():ce>0&&R<=0&&rt?.(),ce<1&&R>=1?et?.():ce>=1&&R<1&&tt?.()),ce=R,F){let d=mt(0,re(s,C,O,l));N=d,e.style.setProperty("--scroll-draw-progress",String(d));let h=g==="reverse"?1-d:d;e.style.clipPath=le(h),he?.(d),!_&&re(s,C,O,l)>0&&(_=true,Ae?.()),d>=1&&!k?(k=true,ye?.(),V<(Z==="infinite"?1/0:Z??0)&&(V++,Q=setTimeout(()=>{be=-1,ue=[],_=false,k=false,we();},Ne))):d<1&&!ne&&(k=false),qe(s);return}if(E.forEach((d,h)=>{let M=h*Le*D,T=mt(h,re(s,C+M,O+M,l));We(d,h,T,g),h===0&&(N=T,he?.(T),e.style.setProperty("--scroll-draw-progress",String(T))),T<1&&(z=false);}),K){let d=q(re(s,C,O,l));for(let h in K){let M=parseFloat(h);d>=M&&!U.has(M)&&(U.add(M),K[h]?.());}}!_&&re(s,C,O,l)>0&&(_=true,Ae?.()),z&&!k?(k=true,ye?.(),V<(Z==="infinite"?1/0:Z??0)&&(V++,Q=setTimeout(()=>{be=-1,ue=[],_=false,k=false,U.clear(),we(),j=true;},Ne))):!z&&!ne&&(k=false),qe(s);}function Ge(t){return t>=O&&t<st}function qe(t){ke||Ge(t)?P=requestAnimationFrame(pt):fe=false;}function Be(){return ke||Ge(ve())}let fe=false;function De(){fe||(fe=true,P=requestAnimationFrame(function(){pt();}));}function Re(){fe=false,cancelAnimationFrame(P);}let Qe=new IntersectionObserver(t=>{t.forEach(s=>{ke=s.isIntersecting,ke&&!x?(j=true,De()):fe&&!x&&Ge(ve())||Re();});},{root:I??null,threshold:Ye,rootMargin:Je});function gt(){E.forEach((t,s)=>{S[s]=me(t),t.style.strokeDasharray=`${S[s]}`;}),ft(),j=true;}let Ce;function Ee(){clearTimeout(Ce),Ce=setTimeout(gt,150);}window.addEventListener("resize",Ee),window.addEventListener("orientationchange",Ee);let Qt=Dt([e],Ee);return pe>0?setTimeout(()=>Qe.observe(e),pe):Qe.observe(e),He({destroy(){cancelAnimationFrame(P),clearTimeout(Q),Re(),Qe.disconnect(),Qt(),window.removeEventListener("resize",Ee),window.removeEventListener("orientationchange",Ee),clearTimeout(Ce),it();},replay(){be=-1,ue=[],$e=-1,Pe=-1,_=false,k=false,V=0,x=false,N=0,U.clear(),clearTimeout(Q),we(),j=true,Be()&&De();},pause(){x=true,Re();},resume(){x&&(x=false,j=true,Be()&&De());},seek(t){let s=Math.min(1,Math.max(0,t));N=s,be=s,ue=[],x=true,Re(),Wt(s,p),j=true;},getProgress(){return N},refresh(){clearTimeout(Ce),gt(),Be()&&!x&&De();}},()=>({tStart:C,tEnd:O}))}if(typeof HTMLElement<"u"&&typeof customElements<"u"&&!customElements.get("scroll-draw")){let e=["speed","easing","stagger","direction","selector","fade","once"];class r extends HTMLElement{constructor(){super(...arguments);this.instance=null;this.key="";}connectedCallback(){this.build();}attributeChangedCallback(){this.instance&&this.build();}build(){let i=JSON.stringify(e.map($=>this.getAttribute($)));if(this.instance&&i===this.key)return;this.instance?.destroy(),this.key=i;let a={},u=this.getAttribute("speed"),b=this.getAttribute("easing"),L=this.getAttribute("stagger"),m=this.getAttribute("direction"),v=this.getAttribute("selector");u&&(a.speed=parseFloat(u)),b&&(a.easing=b),L&&(a.stagger=parseFloat(L)),m&&(a.direction=m),v&&(a.selector=v),this.hasAttribute("fade")&&(a.fade=this.getAttribute("fade")!=="false"),this.hasAttribute("once")&&(a.once=this.getAttribute("once")!=="false"),this.instance=Nt(this,a);}disconnectedCallback(){this.instance?.destroy(),this.instance=null;}}r.observedAttributes=e,customElements.define("scroll-draw",r);}
1
+ 'use strict';function jt({tension:e=2.5,friction:r=2.2}={}){return n=>1-Math.cos(n*Math.PI*e)*Math.pow(1-n,r)}function Yt({bounces:e=3,decay:r=.5}={}){let n=Math.max(1,Math.round(e)),o=Math.max(.01,Math.min(.99,r)),i=Math.sqrt(o),a=0,u=[];for(let d=0;d<n;d++){let p=Math.pow(i,d);u.push(p),a+=p;}let m=[0],y=0;for(let d=0;d<n;d++)y+=u[d]/a,m.push(y);return d=>{if(d<=0)return 0;if(d>=1)return 1;for(let p=0;p<n;p++)if(d<=m[p+1]){let E=(d-m[p])/(m[p+1]-m[p]);if(p===0)return E*(2-E);let g=1-Math.pow(o,p);return g+(1-g)*(2*E-1)*(2*E-1)}return 1}}function Xt({amplitude:e=1,period:r=.4}={}){let n=Math.max(1,e),o=Math.max(.1,r),i=n<=1?o/4:o/(2*Math.PI)*Math.asin(1/n);return a=>a<=0?0:a>=1?1:n*Math.pow(2,-10*a)*Math.sin((a-i)*(2*Math.PI)/o)+1}var ve={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:jt(),bounce:Yt(),elastic:Xt()};function dt(e,r,n){return Math.min(n,Math.max(r,e))}function We(e="top bottom"){let r=e.trim();if(/^\d+(\.\d+)?%$/.test(r))return {element:"top",viewport:r};let[n="top",o="bottom"]=r.split(/\s+/).filter(Boolean);return {element:n,viewport:o}}var ht=(e,r)=>e==="top"?0:e==="center"?.5:e==="bottom"?1:r;function pt(e,r,n,o){return e+n+r*ht(o,0)}function gt(e,r){return r*(/^\d+(\.\d+)?%$/.test(e)?parseFloat(e)/100:ht(e,1))}function U(e,r,n,o){return n===r?0:dt((e-r)/(n-r)*o,0,1)}function ze(e,r,n,o,i){let a=pt(e.top,e.height,r,o.element)-gt(o.viewport,n),u=pt(e.top,e.height,r,i.element)-gt(i.viewport,n);return {tStart:a,tEnd:u}}function yt(e,r,n){let o=e.getBoundingClientRect(),i=n==="x"?o.width:o.height;return r?{top:n==="x"?o.left-r.getBoundingClientRect().left-r.clientLeft+r.scrollLeft:o.top-r.getBoundingClientRect().top-r.clientTop+r.scrollTop,height:i,scroll:0}:{top:n==="x"?o.left:o.top,height:i,scroll:n==="x"?window.scrollX:window.scrollY}}function Pe(e){let r=parseFloat(e.getAttribute("pathLength")??"");if(r>0)return r;let n=e.tagName.toLowerCase();if(n==="rect"){let o=parseFloat(e.getAttribute("width")??"0"),i=parseFloat(e.getAttribute("height")??"0");return 2*(o+i)}if(n==="circle"){let o=parseFloat(e.getAttribute("r")??"0");return 2*Math.PI*o}return e.getTotalLength()}function bt(e){let r=/^#([a-f\d])([a-f\d])([a-f\d])$/i.exec(e);if(r)return [parseInt(r[1]+r[1],16),parseInt(r[2]+r[2],16),parseInt(r[3]+r[3],16)];let n=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(n)return [parseInt(n[1],16),parseInt(n[2],16),parseInt(n[3],16)];let o=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(e);return o?[parseInt(o[1]),parseInt(o[2]),parseInt(o[3])]:null}function vt(e,r,n){let o=bt(e),i=bt(r);return !o||!i?e:`rgb(${Math.round(o[0]+(i[0]-o[0])*n)},${Math.round(o[1]+(i[1]-o[1])*n)},${Math.round(o[2]+(i[2]-o[2])*n)})`}var wt={sketch:{easing:"ease-in",stagger:.1,speed:.9,fade:false},reveal:{easing:"ease-out",fade:true,speed:1.2,once:true},typewriter:{easing:"linear",stagger:.05,speed:1.5},cinematic:{easing:"ease-in-out",fade:true,speed:.75},spring:{easing:"spring",speed:1.1}};var ce=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function fe(e,...r){ce&&console.warn(`[svg-scroll-draw] ${e}`,...r);}var Jt="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",Kt="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",Et=33;function Zt(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function er(e){let r=[];for(let n=0;n<Et;n++){let o=n/(Et-1);r.push(String(Math.round(e(o)*1e5)/1e5));}return `linear(${r.join(",")})`}function St(e){switch(e){case "linear":return "linear";case "ease-in":return Jt;case "ease-out":return Kt;case "ease-in-out":return Zt()?er(ve["ease-in-out"]):null;default:return null}}var xt=Symbol.for("svg-scroll-draw.registry");function Mt(){let e=globalThis;return e[xt]||(e[xt]=new Map)}function Tt(e,r){Mt().set(e,r);}function At(e){Mt().delete(e);}function Lt(e){if(typeof window>"u"||typeof window.matchMedia!="function")return ()=>{};let r=window.matchMedia("(prefers-reduced-motion: reduce)"),n=i=>e(!!i.matches);if(typeof r.addEventListener=="function")return r.addEventListener("change",n),()=>r.removeEventListener("change",n);let o=r;return o.addListener?.(n),()=>o.removeListener?.(n)}function kt(e,r){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return r(e,true);let n=r(e,false),o=Lt(a=>{if(!a)return;o();let u=(n.getProgress?.()??0)>=1;n.destroy(),n=r(u?{...e,onComplete:void 0}:e,true);}),i={};for(let a of Object.keys(n))i[a]=(...u)=>n[a]?.(...u);return i.destroy=()=>{o(),n.destroy();},i}var we,De=new Set,Ce=new WeakMap,Ee=new Map,$t=e=>{let r=e.getBoundingClientRect();return r.width+" "+r.height};function tr(e){let r=new Set;for(let n of e)for(;n&&n!==document.body;n=n.parentElement)for(let o=n;o;o=o.previousElementSibling)r.add(o);return r}function Pt(e,r){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let n=()=>r();we??(we=new ResizeObserver(i=>{let a=false;for(let{target:u}of i)Ce.get(u)!==$t(u)&&(a=true),Ce.set(u,"");a&&De.forEach(u=>u());})),De.add(n);let o=tr(e);return [document.body,document.documentElement].forEach(i=>i&&o.add(i)),o.forEach(i=>{Ce.has(i)||Ce.set(i,$t(i)),Ee.set(i,(Ee.get(i)??0)+1),we.observe(i);}),()=>{De.delete(n)&&(o.forEach(i=>{let a=(Ee.get(i)??1)-1;if(a)return void Ee.set(i,a);Ee.delete(i),we?.unobserve(i);}),De.size||(we?.disconnect(),we=void 0));}}function Dt(e,r,n,o,i){let a,u=NaN,m,y,d=()=>{a=0,o(),!m&&!a&&(u=n())>0&&u<1&&(a=requestAnimationFrame(d));},p=()=>{!a&&!m&&n()!==u&&(a=requestAnimationFrame(d));},E=W=>{m=W,cancelAnimationFrame(a),a=u=NaN,p();},g=()=>{clearTimeout(y),i(),p();},N=()=>{clearTimeout(y),y=setTimeout(g,150);},Se=Pt(r,N),R=W=>{e[W]("scroll",p,{passive:true}),window[W]("resize",N),window[W]("orientationchange",N);};return R("addEventListener"),p(),{hold:E,remeasure:g,off(){E(true),R("removeEventListener"),Se(),clearTimeout(y);}}}var rr=0;function nr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function Ct(e,r){let n="";try{n=getComputedStyle(e).getPropertyValue(r).trim();}catch{}return n||(e.getAttribute(r)??"").trim()}var Ot=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function or(e){if(!ce)return;let r=Ct(e,"stroke");if(!r||r==="none"){fe("Element has no stroke \u2014 path will not be visible.",e);return}let n=(e.getAttribute("fill")??"").trim();n&&!Ot.has(n)&&!Ot.has(Ct(e,"fill"))&&fe("Element has a fill \u2014 it may obscure the stroke animation.",e);}function sr(e,r,n){let o=document.createElement("div");o.setAttribute("data-svg-scroll-draw-debug",""),o.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 a=n==="x"?window.scrollX:window.scrollY,u=e-a,m=r-a,y=n==="x";o.innerHTML=`
2
+ <div style="position:absolute;${y?`left:${u}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${u}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;${y?`left:${m}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${m}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(o),window.addEventListener("scroll",i,{passive:true}),i(),{el:o,destroy(){window.removeEventListener("scroll",i),o.remove();}}}var Rt=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,It=/[MmLlHhVvCcSsQqTtAaZz]/g;function ir(e,r,n){if(!ce)return;let o=(e.match(It)??[]).join("").toUpperCase(),i=(r.match(It)??[]).join("").toUpperCase(),a=(e.match(Rt)??[]).length,u=(r.match(Rt)??[]).length;if(o!==i){fe(`morphTo: command sequence differs (${o||"\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.`,n);return}a!==u&&fe(`morphTo: coordinate count differs (${a} \u2192 ${u}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,n);}function ar(e,r,n){let o=(r.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),i=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,a=>{let u=parseFloat(a),m=o[i++]??u;return String(+(u+(m-u)*n).toFixed(4))})}function Nt(e,r={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:kt(r,(n,o)=>lr(e,n,o))}function lr(e,r,n){let{preset:o,...i}=r,a=o?{...wt[o],...i}:i,{selector:u="path, polyline, line, polygon, rect, circle",speed:m=1,fade:y=false,easing:d="linear",trigger:p={},stagger:E=0,direction:g="forward",once:N=false,debug:Se=false,axis:R="y",scrollContainer:W,autoReverse:Oe=false,delay:me=0,strokeColor:j,strokeWidth:Y,fillOpacity:X,waypoints:J,velocityScale:de=false,threshold:Ft=0,rootMargin:_t="0px",repeat:pe=0,repeatDelay:qe=0,morphTo:F,clip:Re,autoplay:Be=false,duration:Vt=1e3,native:Ht=true,onProgress:ge,onStart:xe,onComplete:Me,onEnter:Qe,onLeave:Ue,onEnterBack:je,onLeaveBack:Ye}=a,_=Re===true?"left":typeof Re=="string"?Re:false,Q=typeof d=="function"?d:ve[d]??ve.linear,Xe=We(p.start||"top bottom"),Je=We(p.end||"bottom top"),I=typeof W=="string"?document.querySelector(W):W??null,ne=Array.isArray(j)?j[0]:null,oe=Array.isArray(j)?j[1]:typeof j=="string"?j:null,K=Array.isArray(Y)?Y[0]:null,se=Array.isArray(Y)?Y[1]:typeof Y=="number"?Y:null,Z=Array.isArray(X)?X[0]:null,ie=Array.isArray(X)?X[1]:typeof X=="number"?X:null;function ae(t){let s=t*100;switch(_){case "right":return `inset(0 0 0 ${100-s}%)`;case "top":return `inset(0 0 ${100-s}% 0)`;case "bottom":return `inset(${100-s}% 0 0 0)`;case "center":return `circle(${t*150}% at 50% 50%)`;default:return `inset(0 ${100-s}% 0 0)`}}let w=_?[]:Array.from(e.querySelectorAll(u)),P=[],V=[],L=0,H=0,Te=E,Ke=0,Ze=0,O=false,z=false,q=0,Ie=-1,Ae=[],Le=-1,D=false,G=0,ee=0,te,Ne=false,Fe=null;function et(){Fe?.destroy(),Fe=null;}let re=new Set,tt=NaN,le=true,ke=-1,rt=performance.now(),ue=NaN;function $e(){return I?R==="x"?I.scrollLeft:I.scrollTop:R==="x"?window.scrollX:window.scrollY}function nt(){return I?R==="x"?I.clientWidth:I.clientHeight:R==="x"?window.innerWidth:window.innerHeight}function ot(){let t=yt(e,I,R);return ze(t,t.scroll,nt(),Xe,Je)}function Gt(){let t=H-L,s=w.length-1,l=I??document.documentElement,f=R==="x"?"Width":"Height";if(Te=E,E>0&&s>0&&t>0){let x=l[`scroll${f}`]-l[`client${f}`]-1-L-t/m;x>=0&&(Te=Math.min(E,x/(s*t)));}let S=Math.max(0,s)*Te*t,k=t/Math.min(m,1);Ke=L+Math.min(0,S,k,S+k),Ze=L+Math.max(0,S,k,S+k);}function st(){(({tStart:L,tEnd:H}=ot())),Gt(),Se&&ce&&(et(),Fe=sr(L,H,R));}function _e(t,s=ot){Tt(e,{type:"draw",getProgress:()=>t.getProgress(),getTrigger:s});let l=t.destroy;return t.destroy=()=>{l.call(t),At(e);},t}function it(t,s){return N&&!Oe?Math.max(Ie,Q(Ae[t]=Math.max(Ae[t]??0,s))):Q(s)}function Wt(t,s){if(e.style.setProperty("--scroll-draw-progress",String(t)),_){let l=s==="reverse"?1-t:t;e.style.clipPath=ae(l);return}w.forEach((l,f)=>Ve(l,f,t,s));}function Ve(t,s,l,f){t.style.strokeDashoffset=f==="reverse"?`${P[s]*l}`:`${P[s]*(1-l)}`,y&&(t.style.opacity=f==="reverse"?`${1-l}`:`${l}`),ne&&oe?t.style.stroke=vt(ne,oe,l):oe&&(t.style.stroke=oe),K!==null&&se!==null?t.style.strokeWidth=`${K+(se-K)*l}`:se!==null&&(t.style.strokeWidth=`${se}`),Z!==null&&ie!==null?t.style.fillOpacity=`${Z+(ie-Z)*l}`:ie!==null&&(t.style.fillOpacity=`${ie}`),F&&t.tagName.toLowerCase()==="path"&&V[s]&&t.setAttribute("d",ar(V[s],F,l));}function He(){if(e.style.setProperty("--scroll-draw-progress","0"),_){e.style.clipPath=ae(g==="reverse"?1:0);return}w.forEach((t,s)=>{t.style.strokeDasharray=`${P[s]}`,t.style.strokeDashoffset=g==="reverse"?"0":`${P[s]}`,y?t.style.opacity=g==="reverse"?"1":"0":t.style.opacity="",ne&&(t.style.stroke=ne),K!==null&&(t.style.strokeWidth=`${K}`),Z!==null&&(t.style.fillOpacity=`${Z}`),F&&t.tagName.toLowerCase()==="path"&&V[s]&&t.setAttribute("d",V[s]);});}function he(t,s){let l=t.getAttribute("d"),f=Pe(t);if(F&&V[s]){t.setAttribute("d",F);let S=Pe(t);t.setAttribute("d",V[s]),f=Math.max(Pe(t),S),t.setAttribute("d",l);}P[s]=f,t.style.strokeDasharray=`${f}`;}if(w.forEach((t,s)=>{or(t);let l=t.tagName.toLowerCase()==="path";l?V.push(t.getAttribute("d")??""):V.push(""),he(t,s);let f=P[s];F&&(l?ir(V[V.length-1],F,t):fe(`morphTo only applies to <path> elements \u2014 ignored on <${t.tagName}>.`,t)),n?(t.style.strokeDashoffset=g==="reverse"?`${f}`:"0",y&&(t.style.opacity="1"),oe&&(t.style.stroke=oe),se!==null&&(t.style.strokeWidth=`${se}`),ie!==null&&(t.style.fillOpacity=`${ie}`),F&&t.tagName.toLowerCase()==="path"&&t.setAttribute("d",F)):(t.style.strokeDashoffset=g==="reverse"?"0":`${f}`,y?t.style.opacity=g==="reverse"?"1":"0":t.style.opacity="",ne&&(t.style.stroke=ne),K!==null&&(t.style.strokeWidth=`${K}`),Z!==null&&(t.style.fillOpacity=`${Z}`));}),n)return _&&(e.style.clipPath=ae(1)),Me?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};_&&(e.style.clipPath=ae(g==="reverse"?1:0));let at=typeof d=="string"?St(d):null;function zt(){return !(Ht===false||Be||Se&&ce||!nr()||!w.length||!at||_||R!=="y"||I||m!==1||E!==0||N||Oe||de!==false||F||J||pe||me>0||ge||xe||Me||Qe||Ue||je||Ye||j!=null||Y!=null||X!=null||(p.start||"top bottom").trim()!=="top bottom"||(p.end||"bottom top").trim()!=="bottom top")}function qt(){let t=++rr,s=`svg-scroll-draw-${t}`,l=`svg-scroll-draw-host-${t}`,f=`--svg-scroll-draw-${t}`,S=g==="reverse"?"0":"var(--ssd-len)",k=g==="reverse"?"var(--ssd-len)":"0",x=`stroke-dashoffset:${S};`,b=`stroke-dashoffset:${k};`;y&&(x+=`opacity:${g==="reverse"?1:0};`,b+=`opacity:${g==="reverse"?0:1};`);let v=document.createElement("style");v.setAttribute("data-svg-scroll-draw",""),v.textContent=`@keyframes ${s}{from{${x}}to{${b}}}.${l}{view-timeline-name:${f};view-timeline-axis:block;}.${s}{animation-name:${s};animation-duration:auto;animation-timing-function:${at};animation-fill-mode:both;animation-timeline:${f};animation-range:cover 0% cover 100%;}`,document.head.appendChild(v),e.classList.add(l);function A(c,h){c.style.setProperty("--ssd-len",String(P[h])),c.style.strokeDasharray=`${P[h]}`,c.style.strokeDashoffset="",c.style.opacity="",c.style.animationPlayState="",c.classList.add(s);}w.forEach(A);let M=false,$=-1;function C(){if($>=0)return $;let c=e.getBoundingClientRect(),{tStart:h,tEnd:T}=ze({top:c.top,height:c.height},$e(),nt(),Xe,Je);return Q(U($e(),h,T,m))}return {destroy(){e.classList.remove(l),w.forEach(c=>{c.classList.remove(s),c.style.removeProperty("--ssd-len"),c.style.animationPlayState="";}),v.remove();},replay(){M=false,$=-1,w.forEach(A);},pause(){M=true,w.forEach(c=>{c.style.animationPlayState="paused";});},resume(){M&&(M=false,w.forEach(c=>{c.style.animationPlayState="running";}));},seek(c){let h=Math.min(1,Math.max(0,c));$=h,M=true,w.forEach((T,B)=>{T.classList.remove(s),T.style.strokeDashoffset=g==="reverse"?`${P[B]*h}`:`${P[B]*(1-h)}`,y&&(T.style.opacity=g==="reverse"?`${1-h}`:`${h}`);});},getProgress(){return C()},refresh(){w.forEach((c,h)=>{he(c,h),c.style.setProperty("--ssd-len",String(P[h]));});}}}if(zt())return _e(qt());function Bt(){let t=Math.max(1,Vt),s=_?t:t*(1+Math.max(0,w.length-1)*E),l=0,f=0,S=false;function k($){let C=true,c=Math.min(1,Math.max(0,$/s));if(_){let h=Math.min(1,Math.max(0,$/t)),T=Q(h);G=T,e.style.setProperty("--scroll-draw-progress",String(T)),e.style.clipPath=ae(g==="reverse"?1-T:T),ge?.(T),h<1&&(C=false);}else {w.forEach((T,B)=>{let Ut=B*E*t,mt=Math.min(1,Math.max(0,($-Ut)/t));Ve(T,B,Q(mt),g),mt<1&&(C=false);});let h=Q(c);G=h,ge?.(h),e.style.setProperty("--scroll-draw-progress",String(h));}if(J){let h=Q(c);for(let T in J){let B=parseFloat(T);h>=B&&!re.has(B)&&(re.add(B),J[T]?.());}}return C}function x($){if(D)return;let C=$-l;z||(z=true,xe?.());let c=k(C);if(c&&!O){O=true,k(s),Me?.(),ee<(pe==="infinite"?1/0:pe??0)&&(ee++,te=setTimeout(()=>{l=performance.now(),z=false,O=false,re.clear(),He(),q=requestAnimationFrame(x);},qe));return}c||(q=requestAnimationFrame(x));}function b(){cancelAnimationFrame(q),clearTimeout(te),l=performance.now(),f=0,D=false,z=false,O=false,ee=0,S=true,G=0,re.clear(),He(),q=requestAnimationFrame(x);}let v=new IntersectionObserver($=>{$.forEach(C=>{C.isIntersecting&&!(N&&O)?b():!C.isIntersecting&&!N&&!O&&(cancelAnimationFrame(q),clearTimeout(te),S=false);});},{root:I??null,threshold:Ft,rootMargin:_t}),A;function M(){clearTimeout(A),A=setTimeout(()=>w.forEach(he),150);}return window.addEventListener("resize",M),window.addEventListener("orientationchange",M),me>0?setTimeout(()=>v.observe(e),me):v.observe(e),{destroy(){cancelAnimationFrame(q),clearTimeout(te),v.disconnect(),window.removeEventListener("resize",M),window.removeEventListener("orientationchange",M),clearTimeout(A);},replay(){ee=0,b();},pause(){D||!S||(D=true,f=performance.now()-l,cancelAnimationFrame(q));},resume(){D&&(D=false,S=true,l=performance.now()-f,q=requestAnimationFrame(x));},seek($){let C=Math.min(1,Math.max(0,$));G=C,D=true,f=C*s,l=performance.now()-f,cancelAnimationFrame(q),k(f);},getProgress(){return G},refresh(){clearTimeout(A),w.forEach(he);}}}if(Be)return _e(Bt());st();let lt=()=>U($e(),Ke,Ze,1);function ut(){O=true,Me?.(),ee<(pe==="infinite"?1/0:pe)&&(ee++,te=setTimeout(()=>{Ne=true;},qe));}function ct(){Ie=-1,Ae=[],z=false,O=false,Ne=false,re.clear(),He(),le=true;}function Qt(){let t=performance.now(),s=$e();if(Ne&&lt()%1&&ct(),!le&&de===false&&s===tt)return;le=false,tt=s;let l=m;if(de!==false){let b=t-rt,v=b>0?Math.abs(s-(ke<0?s:ke))/b:0;l=m*Math.max(.2,1+v*(typeof de=="number"?de:1)*.04);}ke=s,rt=t;let f=Oe?Le===-1||s>=Le?"forward":"reverse":g;Le=s;let S=H-L,k=true,x=S===0?0:(s-L)/S;if(isNaN(ue)||(ue<=0&&x>0&&Qe?.(),ue<1&&x>=1&&Ue?.(),ue>=1&&x<1&&je?.(),ue>0&&x<=0&&Ye?.()),ue=x,_){let b=it(0,U(s,L,H,l));G=b,e.style.setProperty("--scroll-draw-progress",String(b));let v=f==="reverse"?1-b:b;e.style.clipPath=ae(v),ge?.(b),!z&&U(s,L,H,l)>0&&(z=true,xe?.()),b>=1&&!O?ut():b<1&&!N&&(O=false);return}if(w.forEach((b,v)=>{let A=v*Te*S,M=it(v,U(s,L+A,H+A,l));Ve(b,v,M,f),v===0&&(G=M,ge?.(M),e.style.setProperty("--scroll-draw-progress",String(M))),M<1&&(k=false);}),J){let b=Q(U(s,L,H,l));for(let v in J){let A=parseFloat(v);b>=A&&!re.has(A)&&(re.add(A),J[v]?.());}}!z&&U(s,L,H,l)>0&&(z=true,xe?.()),k&&!O?ut():!k&&!N&&(O=false);}let ye=Dt(I??window,[e],lt,Qt,()=>{let t=P.join();w.forEach(he),st(),le=true,P.join()!==t&&be();}),Ge=me>0;function be(){ye.hold(D||Ge);}let ft;return Ge&&(ft=setTimeout(()=>{Ge=false,be();},me)),be(),_e({destroy(){clearTimeout(te),clearTimeout(ft),ye.off(),et();},replay(){ct(),Le=-1,ke=-1,ee=0,D=false,G=0,clearTimeout(te),be();},pause(){D=true,ye.hold(true);},resume(){D&&(D=false,le=true,be());},seek(t){let s=Math.min(1,Math.max(0,t));G=s,Ie=s,Ae=[],D=true,ye.hold(true),Wt(s,g),le=true;},getProgress(){return G},refresh:ye.remeasure},()=>({tStart:L,tEnd:H}))}if(typeof HTMLElement<"u"&&typeof customElements<"u"&&!customElements.get("scroll-draw")){let e=["speed","easing","stagger","direction","selector","fade","once"];class r extends HTMLElement{constructor(){super(...arguments);this.instance=null;this.key="";}connectedCallback(){this.build();}attributeChangedCallback(){this.instance&&this.build();}build(){let i=JSON.stringify(e.map(E=>this.getAttribute(E)));if(this.instance&&i===this.key)return;this.instance?.destroy(),this.key=i;let a={},u=this.getAttribute("speed"),m=this.getAttribute("easing"),y=this.getAttribute("stagger"),d=this.getAttribute("direction"),p=this.getAttribute("selector");u&&(a.speed=parseFloat(u)),m&&(a.easing=m),y&&(a.stagger=parseFloat(y)),d&&(a.direction=d),p&&(a.selector=p),this.hasAttribute("fade")&&(a.fade=this.getAttribute("fade")!=="false"),this.hasAttribute("once")&&(a.once=this.getAttribute("once")!=="false"),this.instance=Nt(this,a);}disconnectedCallback(){this.instance?.destroy(),this.instance=null;}}r.observedAttributes=e,customElements.define("scroll-draw",r);}
@@ -1 +1 @@
1
- import {b}from'../chunk-23EALNDF.mjs';import'../chunk-OJFWQ6CU.mjs';import'../chunk-UPWWULKI.mjs';import'../chunk-YZV4Z3EQ.mjs';import'../chunk-2PYLM3E7.mjs';import'../chunk-A4JCC3QQ.mjs';import'../chunk-DM6EDKWH.mjs';import'../chunk-5PJEKEEP.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-BCV4RAIX.mjs';import'../chunk-LFSU6LR3.mjs';if(typeof HTMLElement<"u"&&typeof customElements<"u"&&!customElements.get("scroll-draw")){let e=["speed","easing","stagger","direction","selector","fade","once"];class s extends HTMLElement{constructor(){super(...arguments);this.instance=null;this.key="";}connectedCallback(){this.build();}attributeChangedCallback(){this.instance&&this.build();}build(){let i=JSON.stringify(e.map(d=>this.getAttribute(d)));if(this.instance&&i===this.key)return;this.instance?.destroy(),this.key=i;let t={},n=this.getAttribute("speed"),r=this.getAttribute("easing"),a=this.getAttribute("stagger"),c=this.getAttribute("direction"),o=this.getAttribute("selector");n&&(t.speed=parseFloat(n)),r&&(t.easing=r),a&&(t.stagger=parseFloat(a)),c&&(t.direction=c),o&&(t.selector=o),this.hasAttribute("fade")&&(t.fade=this.getAttribute("fade")!=="false"),this.hasAttribute("once")&&(t.once=this.getAttribute("once")!=="false"),this.instance=b(this,t);}disconnectedCallback(){this.instance?.destroy(),this.instance=null;}}s.observedAttributes=e,customElements.define("scroll-draw",s);}
1
+ import {b}from'../chunk-K6VATIJH.mjs';import'../chunk-V3Z6G5JE.mjs';import'../chunk-UPWWULKI.mjs';import'../chunk-XC5NR2MU.mjs';import'../chunk-2PYLM3E7.mjs';import'../chunk-NV6YTPHI.mjs';import'../chunk-THPTANES.mjs';import'../chunk-5PJEKEEP.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-BCV4RAIX.mjs';import'../chunk-LFSU6LR3.mjs';if(typeof HTMLElement<"u"&&typeof customElements<"u"&&!customElements.get("scroll-draw")){let e=["speed","easing","stagger","direction","selector","fade","once"];class s extends HTMLElement{constructor(){super(...arguments);this.instance=null;this.key="";}connectedCallback(){this.build();}attributeChangedCallback(){this.instance&&this.build();}build(){let i=JSON.stringify(e.map(d=>this.getAttribute(d)));if(this.instance&&i===this.key)return;this.instance?.destroy(),this.key=i;let t={},n=this.getAttribute("speed"),r=this.getAttribute("easing"),a=this.getAttribute("stagger"),c=this.getAttribute("direction"),o=this.getAttribute("selector");n&&(t.speed=parseFloat(n)),r&&(t.easing=r),a&&(t.stagger=parseFloat(a)),c&&(t.direction=c),o&&(t.selector=o),this.hasAttribute("fade")&&(t.fade=this.getAttribute("fade")!=="false"),this.hasAttribute("once")&&(t.once=this.getAttribute("once")!=="false"),this.instance=b(this,t);}disconnectedCallback(){this.instance?.destroy(),this.instance=null;}}s.observedAttributes=e,customElements.define("scroll-draw",s);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "svg-scroll-draw",
3
- "version": "2.23.3",
3
+ "version": "2.23.5",
4
4
  "description": "Scroll-driven animation for the web — draw SVG paths, reveal elements, pin sections, scrub video. Zero dependencies, native CSS fast path, works with React, Vue, Svelte, Solid, Angular, Astro and vanilla JS",
5
5
  "keywords": [
6
6
  "svg",
@@ -1,3 +0,0 @@
1
- import {b as b$1,a as a$6}from'./chunk-OJFWQ6CU.mjs';import {a as a$3}from'./chunk-UPWWULKI.mjs';import {a as a$2}from'./chunk-YZV4Z3EQ.mjs';import {a}from'./chunk-2PYLM3E7.mjs';import {a as a$1,d as d$1,c,b as b$3}from'./chunk-A4JCC3QQ.mjs';import {d}from'./chunk-DM6EDKWH.mjs';import {a as a$5,b as b$2}from'./chunk-BCV4RAIX.mjs';import {b,a as a$4}from'./chunk-LFSU6LR3.mjs';var bt={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 Ft=0;function Nt(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")&&CSS.supports("view-timeline-name: --x")}function Et(r,y){let u="";try{u=getComputedStyle(r).getPropertyValue(y).trim();}catch{}return u||(r.getAttribute(y)??"").trim()}var Tt=new Set(["","none","transparent","rgba(0, 0, 0, 0)"]);function Ht(r){if(!a$4)return;let y=Et(r,"stroke");if(!y||y==="none"){b("Element has no stroke \u2014 path will not be visible.",r);return}let u=(r.getAttribute("fill")??"").trim();u&&!Tt.has(u)&&!Tt.has(Et(r,"fill"))&&b("Element has a fill \u2014 it may obscure the stroke animation.",r);}function It(r,y,u){let h=document.createElement("div");h.setAttribute("data-svg-scroll-draw-debug",""),h.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 A(){let F=u==="x"?window.scrollX:window.scrollY,P=r-F,D=y-F,N=u==="x";h.innerHTML=`
2
- <div style="position:absolute;${N?`left:${P}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${P}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;${N?`left:${D}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${D}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(h),window.addEventListener("scroll",A,{passive:true}),A(),{el:h,destroy(){window.removeEventListener("scroll",A),h.remove();}}}var St=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,$t=/[MmLlHhVvCcSsQqTtAaZz]/g;function Rt(r,y,u){if(!a$4)return;let h=(r.match($t)??[]).join("").toUpperCase(),A=(y.match($t)??[]).join("").toUpperCase(),F=(r.match(St)??[]).length,P=(y.match(St)??[]).length;if(h!==A){b(`morphTo: command sequence differs (${h||"\u2205"} \u2192 ${A||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,u);return}F!==P&&b(`morphTo: coordinate count differs (${F} \u2192 ${P}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,u);}function zt(r,y,u){let h=(y.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),A=0;return r.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,F=>{let P=parseFloat(F),D=h[A++]??P;return String(+(P+(D-P)*u).toFixed(4))})}function Kt(r,y={}){return typeof window>"u"?{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0}:a(y,(u,h)=>Vt(r,u,h))}function Vt(r,y,u){let{preset:h,...A}=y,F=h?{...bt[h],...A}:A,{selector:P="path, polyline, line, polygon, rect, circle",speed:D=1,fade:N=false,easing:me="linear",trigger:Ee={},stagger:U=0,direction:d$2="forward",once:te=false,debug:_e=false,axis:z="y",scrollContainer:De,autoReverse:Ce=false,delay:pe=0,strokeColor:j,strokeWidth:X,fillOpacity:Y,waypoints:Q,velocityScale:de=false,threshold:Ue=0,rootMargin:je="0px",repeat:Z=0,repeatDelay:Oe=0,morphTo:V,clip:Fe,autoplay:Xe=false,duration:kt=1e3,native:xt=true,onProgress:ye,onStart:Te,onComplete:he,onEnter:Ye,onLeave:Qe,onEnterBack:Ze,onLeaveBack:Je}=F,C=Fe===true?"left":typeof Fe=="string"?Fe:false,W=typeof me=="function"?me:d[me]??d.linear,Ke=a$1(Ee.start||"top bottom"),et=a$1(Ee.end||"bottom top"),L=typeof De=="string"?document.querySelector(De):De??null,re=Array.isArray(j)?j[0]:null,se=Array.isArray(j)?j[1]:typeof j=="string"?j:null,J=Array.isArray(X)?X[0]:null,ne=Array.isArray(X)?X[1]:typeof X=="number"?X:null,K=Array.isArray(Y)?Y[0]:null,oe=Array.isArray(Y)?Y[1]:typeof Y=="number"?Y:null;function ie(e){let t=e*100;switch(C){case "right":return `inset(0 0 0 ${100-t}%)`;case "top":return `inset(0 0 ${100-t}% 0)`;case "bottom":return `inset(${100-t}% 0 0 0)`;case "center":return `circle(${e*150}% at 50% 50%)`;default:return `inset(0 ${100-t}% 0 0)`}}let m=C?[]:Array.from(r.querySelectorAll(P)),p=[],q=[],k=0,x=0,Se=U,tt=0,E=false,M=false,T=0,$e=false,ge=-1,ae=[],ke=-1,g=false,O=0,H=0,G,Ne=null;function rt(){Ne?.destroy(),Ne=null;}let B=new Set,st=NaN,_=true,xe=-1,nt=performance.now(),le=NaN;function ve(){return L?z==="x"?L.scrollLeft:L.scrollTop:z==="x"?window.scrollX:window.scrollY}function ot(){return L?z==="x"?L.clientWidth:L.clientHeight:z==="x"?window.innerWidth:window.innerHeight}function it(){let e=a$3(r,L,z);return c(e,e.scroll,ot(),Ke,et)}function At(){let e=x-k,t=m.length-1,s=L??document.documentElement,a=z==="x"?"Width":"Height";if(Se=U,U>0&&t>0&&e>0){let S=s[`scroll${a}`]-s[`client${a}`]-1-k-e/D;S>=0&&(Se=Math.min(U,S/(t*e)));}tt=x+t*Se*e;}function at(){(({tStart:k,tEnd:x}=it())),At(),_e&&a$4&&(rt(),Ne=It(k,x,z));}function He(e,t=it){a$5(r,{type:"draw",getProgress:()=>e.getProgress(),getTrigger:t});let s=e.destroy;return e.destroy=()=>{s.call(e),b$2(r);},e}function lt(e,t){return te&&!Ce?Math.max(ge,W(ae[e]=Math.max(ae[e]??0,t))):W(t)}function Pt(e,t){if(r.style.setProperty("--scroll-draw-progress",String(e)),C){let s=t==="reverse"?1-e:e;r.style.clipPath=ie(s);return}m.forEach((s,a)=>Ie(s,a,e,t));}function Ie(e,t,s,a){e.style.strokeDashoffset=a==="reverse"?`${p[t]*s}`:`${p[t]*(1-s)}`,N&&(e.style.opacity=a==="reverse"?`${1-s}`:`${s}`),re&&se?e.style.stroke=a$6(re,se,s):se&&(e.style.stroke=se),J!==null&&ne!==null?e.style.strokeWidth=`${J+(ne-J)*s}`:ne!==null&&(e.style.strokeWidth=`${ne}`),K!==null&&oe!==null?e.style.fillOpacity=`${K+(oe-K)*s}`:oe!==null&&(e.style.fillOpacity=`${oe}`),V&&e.tagName.toLowerCase()==="path"&&q[t]&&e.setAttribute("d",zt(q[t],V,s));}function we(){if(r.style.setProperty("--scroll-draw-progress","0"),C){r.style.clipPath=ie(d$2==="reverse"?1:0);return}m.forEach((e,t)=>{e.style.strokeDasharray=`${p[t]}`,e.style.strokeDashoffset=d$2==="reverse"?"0":`${p[t]}`,N?e.style.opacity=d$2==="reverse"?"1":"0":e.style.opacity="",re&&(e.style.stroke=re),J!==null&&(e.style.strokeWidth=`${J}`),K!==null&&(e.style.fillOpacity=`${K}`),V&&e.tagName.toLowerCase()==="path"&&q[t]&&e.setAttribute("d",q[t]);});}if(m.forEach(e=>{Ht(e);let t=a$2(e);p.push(t);let s=e.tagName.toLowerCase()==="path";s?q.push(e.getAttribute("d")??""):q.push(""),V&&(s?Rt(q[q.length-1],V,e):b(`morphTo only applies to <path> elements \u2014 ignored on <${e.tagName}>.`,e)),u?(e.style.strokeDasharray=`${t}`,e.style.strokeDashoffset=d$2==="reverse"?`${t}`:"0",N&&(e.style.opacity="1"),se&&(e.style.stroke=se),ne!==null&&(e.style.strokeWidth=`${ne}`),oe!==null&&(e.style.fillOpacity=`${oe}`),V&&e.tagName.toLowerCase()==="path"&&e.setAttribute("d",V)):(e.style.strokeDasharray=`${t}`,e.style.strokeDashoffset=d$2==="reverse"?"0":`${t}`,N?e.style.opacity=d$2==="reverse"?"1":"0":e.style.opacity="",re&&(e.style.stroke=re),J!==null&&(e.style.strokeWidth=`${J}`),K!==null&&(e.style.fillOpacity=`${K}`));}),u)return C&&(r.style.clipPath=ie(1)),he?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};C&&(r.style.clipPath=ie(d$2==="reverse"?1:0));let ft=typeof me=="string"?b$1(me):null;function Lt(){return !(xt===false||Xe||_e||!Nt()||!m.length||!ft||C||z!=="y"||L||D!==1||U!==0||te||Ce||de!==false||V||Q||Z||pe>0||ye||Te||he||Ye||Qe||Ze||Je||j!=null||X!=null||Y!=null||(Ee.start||"top bottom").trim()!=="top bottom"||(Ee.end||"bottom top").trim()!=="bottom top")}function Mt(){let e=++Ft,t=`svg-scroll-draw-${e}`,s=`svg-scroll-draw-host-${e}`,a=`--svg-scroll-draw-${e}`,S=d$2==="reverse"?"0":"var(--ssd-len)",I=d$2==="reverse"?"var(--ssd-len)":"0",$=`stroke-dashoffset:${S};`,i=`stroke-dashoffset:${I};`;N&&($+=`opacity:${d$2==="reverse"?1:0};`,i+=`opacity:${d$2==="reverse"?0:1};`);let l=document.createElement("style");l.setAttribute("data-svg-scroll-draw",""),l.textContent=`@keyframes ${t}{from{${$}}to{${i}}}.${s}{view-timeline-name:${a};view-timeline-axis:block;}.${t}{animation-name:${t};animation-duration:auto;animation-timing-function:${ft};animation-fill-mode:both;animation-timeline:${a};animation-range:cover 0% cover 100%;}`,document.head.appendChild(l),r.classList.add(s);function v(n,o){n.style.setProperty("--ssd-len",String(p[o])),n.style.strokeDasharray=`${p[o]}`,n.style.strokeDashoffset="",n.style.opacity="",n.style.animationPlayState="",n.classList.add(t);}m.forEach(v);let w=false,f=-1;function c$1(){if(f>=0)return f;let n=r.getBoundingClientRect(),{tStart:o,tEnd:b}=c({top:n.top,height:n.height},ve(),ot(),Ke,et);return W(b$3(ve(),o,b,D))}return {destroy(){r.classList.remove(s),m.forEach(n=>{n.classList.remove(t),n.style.removeProperty("--ssd-len"),n.style.animationPlayState="";}),l.remove();},replay(){w=false,f=-1,m.forEach(v);},pause(){w=true,m.forEach(n=>{n.style.animationPlayState="paused";});},resume(){w&&(w=false,m.forEach(n=>{n.style.animationPlayState="running";}));},seek(n){let o=Math.min(1,Math.max(0,n));f=o,w=true,m.forEach((b,R)=>{b.classList.remove(t),b.style.strokeDashoffset=d$2==="reverse"?`${p[R]*o}`:`${p[R]*(1-o)}`,N&&(b.style.opacity=d$2==="reverse"?`${1-o}`:`${o}`);});},getProgress(){return c$1()},refresh(){m.forEach((n,o)=>{p[o]=a$2(n),n.style.setProperty("--ssd-len",String(p[o])),n.style.strokeDasharray=`${p[o]}`;});}}}if(Lt())return He(Mt());function Dt(){let e=Math.max(1,kt),t=C?e:e*(1+Math.max(0,m.length-1)*U),s=0,a=0,S=false;function I(f){let c=true,n=Math.min(1,Math.max(0,f/t));if(C){let o=Math.min(1,Math.max(0,f/e)),b=W(o);O=b,r.style.setProperty("--scroll-draw-progress",String(b)),r.style.clipPath=ie(d$2==="reverse"?1-b:b),ye?.(b),o<1&&(c=false);}else {m.forEach((b,R)=>{let Ot=R*U*e,mt=Math.min(1,Math.max(0,(f-Ot)/e));Ie(b,R,W(mt),d$2),mt<1&&(c=false);});let o=W(n);O=o,ye?.(o),r.style.setProperty("--scroll-draw-progress",String(o));}if(Q){let o=W(n);for(let b in Q){let R=parseFloat(b);o>=R&&!B.has(R)&&(B.add(R),Q[b]?.());}}return c}function $(f){if(g)return;let c=f-s;M||(M=true,Te?.());let n=I(c);if(n&&!E){E=true,I(t),he?.(),H<(Z==="infinite"?1/0:Z??0)&&(H++,G=setTimeout(()=>{s=performance.now(),M=false,E=false,B.clear(),we(),T=requestAnimationFrame($);},Oe));return}n||(T=requestAnimationFrame($));}function i(){cancelAnimationFrame(T),clearTimeout(G),s=performance.now(),a=0,g=false,M=false,E=false,H=0,S=true,O=0,B.clear(),we(),T=requestAnimationFrame($);}let l=new IntersectionObserver(f=>{f.forEach(c=>{c.isIntersecting&&!(te&&E)?i():!c.isIntersecting&&!te&&!E&&(cancelAnimationFrame(T),clearTimeout(G),S=false);});},{root:L??null,threshold:Ue,rootMargin:je}),v;function w(){clearTimeout(v),v=setTimeout(()=>{m.forEach((f,c)=>{p[c]=a$2(f),f.style.strokeDasharray=`${p[c]}`;});},150);}return window.addEventListener("resize",w),window.addEventListener("orientationchange",w),pe>0?setTimeout(()=>l.observe(r),pe):l.observe(r),{destroy(){cancelAnimationFrame(T),clearTimeout(G),l.disconnect(),window.removeEventListener("resize",w),window.removeEventListener("orientationchange",w),clearTimeout(v);},replay(){H=0,i();},pause(){g||!S||(g=true,a=performance.now()-s,cancelAnimationFrame(T));},resume(){g&&(g=false,S=true,s=performance.now()-a,T=requestAnimationFrame($));},seek(f){let c=Math.min(1,Math.max(0,f));O=c,g=true,a=c*t,s=performance.now()-a,cancelAnimationFrame(T),I(a);},getProgress(){return O},refresh(){clearTimeout(v),m.forEach((f,c)=>{p[c]=a$2(f),f.style.strokeDasharray=`${p[c]}`;});}}}if(Xe)return He(Dt());at();function ct(){if(g||!fe)return;let e=performance.now(),t=ve();if(!_&&de===false&&t===st){ze(t);return}_=false,st=t;let s=D;if(de!==false){let i=e-nt,l=i>0?Math.abs(t-(xe<0?t:xe))/i:0;s=D*Math.max(.2,1+l*(typeof de=="number"?de:1)*.04);}xe=t,nt=e;let a=Ce?ke===-1||t>=ke?"forward":"reverse":d$2;ke=t;let S=x-k,I=true,$=S===0?0:(t-k)/S;if(isNaN(le)||(le<=0&&$>0?Ye?.():le>0&&$<=0&&Je?.(),le<1&&$>=1?Qe?.():le>=1&&$<1&&Ze?.()),le=$,C){let i=lt(0,b$3(t,k,x,s));O=i,r.style.setProperty("--scroll-draw-progress",String(i));let l=a==="reverse"?1-i:i;r.style.clipPath=ie(l),ye?.(i),!M&&b$3(t,k,x,s)>0&&(M=true,Te?.()),i>=1&&!E?(E=true,he?.(),H<(Z==="infinite"?1/0:Z??0)&&(H++,G=setTimeout(()=>{ge=-1,ae=[],M=false,E=false,we();},Oe))):i<1&&!te&&(E=false),ze(t);return}if(m.forEach((i,l)=>{let v=l*Se*S,w=lt(l,b$3(t,k+v,x+v,s));Ie(i,l,w,a),l===0&&(O=w,ye?.(w),r.style.setProperty("--scroll-draw-progress",String(w))),w<1&&(I=false);}),Q){let i=W(b$3(t,k,x,s));for(let l in Q){let v=parseFloat(l);i>=v&&!B.has(v)&&(B.add(v),Q[l]?.());}}!M&&b$3(t,k,x,s)>0&&(M=true,Te?.()),I&&!E?(E=true,he?.(),H<(Z==="infinite"?1/0:Z??0)&&(H++,G=setTimeout(()=>{ge=-1,ae=[],M=false,E=false,B.clear(),we(),_=true;},Oe))):!I&&!te&&(E=false),ze(t);}function Re(e){return e>=x&&e<tt}function ze(e){$e||Re(e)?T=requestAnimationFrame(ct):fe=false;}function Ve(){return $e||Re(ve())}let fe=false;function Ae(){fe||(fe=true,T=requestAnimationFrame(function(){ct();}));}function Pe(){fe=false,cancelAnimationFrame(T);}let We=new IntersectionObserver(e=>{e.forEach(t=>{$e=t.isIntersecting,$e&&!g?(_=true,Ae()):fe&&!g&&Re(ve())||Pe();});},{root:L??null,threshold:Ue,rootMargin:je});function ut(){m.forEach((e,t)=>{p[t]=a$2(e),e.style.strokeDasharray=`${p[t]}`;}),at(),_=true;}let Le;function be(){clearTimeout(Le),Le=setTimeout(ut,150);}window.addEventListener("resize",be),window.addEventListener("orientationchange",be);let Ct=d$1([r],be);return pe>0?setTimeout(()=>We.observe(r),pe):We.observe(r),He({destroy(){cancelAnimationFrame(T),clearTimeout(G),Pe(),We.disconnect(),Ct(),window.removeEventListener("resize",be),window.removeEventListener("orientationchange",be),clearTimeout(Le),rt();},replay(){ge=-1,ae=[],ke=-1,xe=-1,M=false,E=false,H=0,g=false,O=0,B.clear(),clearTimeout(G),we(),_=true,Ve()&&Ae();},pause(){g=true,Pe();},resume(){g&&(g=false,_=true,Ve()&&Ae());},seek(e){let t=Math.min(1,Math.max(0,e));O=t,ge=t,ae=[],g=true,Pe(),Pt(t,d$2),_=true;},getProgress(){return O},refresh(){clearTimeout(Le),ut(),Ve()&&!g&&Ae();}},()=>({tStart:k,tEnd:x}))}export{bt as a,Kt as b};
@@ -1 +0,0 @@
1
- import {a}from'./chunk-2PYLM3E7.mjs';import {a as a$1,d as d$1,c,b as b$2}from'./chunk-A4JCC3QQ.mjs';import {d}from'./chunk-DM6EDKWH.mjs';import {a as a$2,b as b$1}from'./chunk-BCV4RAIX.mjs';import {b}from'./chunk-LFSU6LR3.mjs';function B(e,r){let t=document.createElement("span");t.textContent=r,t.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;user-select:none",e.appendChild(t);}function _(e){let r=e.textContent??"";return e.textContent="",r.split(/(\s+)/).filter(Boolean).map(t=>{let n=document.createElement("span");return n.setAttribute("aria-hidden","true"),/^\s+$/.test(t)?(n.textContent=t,n.style.whiteSpace="pre"):(n.textContent=t,n.style.display="inline-block"),e.appendChild(n),/^\s+$/.test(t)?null:n}).filter(t=>t!==null)}function Q(e){let r=e.textContent??"";return e.textContent="",r.split("").map(t=>{let n=document.createElement("span");return n.setAttribute("aria-hidden","true"),n.textContent=t,t===" "?n.style.whiteSpace="pre":n.style.display="inline-block",e.appendChild(n),t===" "?null:n}).filter(t=>t!==null)}function W(e){let r=_(e),t=new Map;for(let s of r){let i=s.offsetTop;t.has(i)||t.set(i,[]),t.get(i).push(s);}let n=[],c=Array.from(t.keys()).sort((s,i)=>s-i);for(let s of c){let i=t.get(s),l=document.createElement("span");l.setAttribute("aria-hidden","true"),l.style.display="inline-block",i.forEach((g,b)=>{let h=g.nextElementSibling;l.appendChild(g),b<i.length-1&&h&&h.style.whiteSpace==="pre"&&l.appendChild(h);}),n.push(l);}return e.textContent="",n.forEach((s,i)=>{e.appendChild(s),i<n.length-1&&e.appendChild(document.createTextNode(" "));}),n}function Z(e,r,t,n){if(t<=1||n===0)return e;let c=(t-1)*n,s=r*n,i=s+(1-c);return i<=s?e>=s?1:0:Math.min(1,Math.max(0,(e-s)/(i-s)))}function ee(e,r){let t=[];if(r?.y!==void 0&&t.push(`translateY(${r.y*(1-e)}px)`),r?.x!==void 0&&t.push(`translateX(${r.x*(1-e)}px)`),r?.rotate!==void 0&&t.push(`rotate(${r.rotate*(1-e)}deg)`),r?.scale!==void 0){let n=r.scale+(1-r.scale)*e;t.push(`scale(${n})`);}return t.join(" ")||""}var Y={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function le(e,r={}){if(typeof window>"u")return Y;let t=typeof e=="string"?document.querySelector(e):e;if(!t)return b("scrollText: element not found:",e),Y;let n=t;return a(r,(c,s)=>te(n,c,s))}function te(e,r,t){let{split:n="words",stagger:c$1=.04,easing:s="ease-out",from:i={opacity:0,y:24},trigger:l={},once:g=true,onComplete:b}=r,h=typeof s=="function"?s:d[s]??d["ease-out"],j=a$1(l.start||"top 85%"),G=a$1(l.end||"top 40%"),S=e.innerHTML,I=e.textContent??"",m;n==="chars"?m=Q(e):n==="lines"?m=W(e):m=_(e),B(e,I);let U=m.length;function V(o,a){i?.opacity!==void 0&&(o.style.opacity=String(i.opacity+(1-i.opacity)*a));let E=ee(a,i);E&&(o.style.transform=E);}function d$2(o){e.style.setProperty("--scroll-draw-progress",String(o)),m.forEach((a,E)=>{let K=h(Z(o,E,U,c$1));V(a,K);});}if(t)return d$2(1),b?.(),{destroy(){e.innerHTML=S;},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};d$2(0);let C=0,M=0,p=0,x=false,u=false,y=-1,f=0,w=false,F=()=>window.scrollY,X=()=>window.innerHeight;function P(){let o=e.getBoundingClientRect(),a=c({top:o.top,height:o.height},F(),X(),j,G);C=a.tStart,M=a.tEnd;}function L(){if(!x||u)return;let o=b$2(F(),C,M,1);g&&(y=Math.max(y,o),o=y),f=o,d$2(o),o>=1&&!w?(w=true,b?.()):o<1&&!g&&(w=false),p=requestAnimationFrame(L);}P();let O=new IntersectionObserver(o=>{o.forEach(a=>{x=a.isIntersecting,x&&!u?p=requestAnimationFrame(L):cancelAnimationFrame(p);});}),v;function T(){clearTimeout(v),v=setTimeout(()=>{if(n==="lines"){let o=f;e.innerHTML=S,m=W(e),B(e,I),d$2(o);}P();},150);}window.addEventListener("resize",T),window.addEventListener("orientationchange",T);let J=d$1([e],T);return O.observe(e),a$2(e,{type:"text",getProgress:()=>f,getTrigger:()=>({tStart:C,tEnd:M})}),{destroy(){cancelAnimationFrame(p),O.disconnect(),window.removeEventListener("resize",T),window.removeEventListener("orientationchange",T),J(),clearTimeout(v),e.innerHTML=S,b$1(e);},replay(){y=-1,w=false,f=0,u=false,d$2(0);},pause(){u=true,cancelAnimationFrame(p);},resume(){u&&(u=false,x&&(p=requestAnimationFrame(L)));},seek(o){let a=Math.min(1,Math.max(0,o));f=a,y=a,u=true,cancelAnimationFrame(p),d$2(a);},getProgress(){return f}}}export{le as a};
@@ -1 +0,0 @@
1
- import {a as a$1}from'./chunk-4DOJSIEQ.mjs';function w(t="top bottom"){let e=t.trim();if(/^\d+(\.\d+)?%$/.test(e))return {element:"top",viewport:e};let[n="top",o="bottom"]=e.split(/\s+/).filter(Boolean);return {element:n,viewport:o}}function b(t,e,n,o){switch(o){case "top":return t+n;case "center":return t+n+e/2;case "bottom":return t+n+e;default:return t+n}}function l(t,e){if(/^\d+(\.\d+)?%$/.test(t))return e*(parseFloat(t)/100);switch(t){case "top":return 0;case "center":return e/2;case "bottom":return e;default:return e}}function v(t,e,n,o){return n===e?0:a$1((t-e)/(n-e)*o,0,1)}function E(t,e,n,o,r){let u=b(t.top,t.height,e,o.element)-l(o.viewport,n),i=b(t.top,t.height,e,r.element)-l(r.viewport,n);return {tStart:u,tEnd:i}}var s,c=new Set,d=new WeakMap,m=new Map,a=t=>{let e=t.getBoundingClientRect();return e.width+" "+e.height};function p(t){let e=new Set;for(let n of t)for(;n&&n!==document.body;n=n.parentElement)for(let o=n;o;o=o.previousElementSibling)e.add(o);return e}function x(t,e){if(typeof ResizeObserver>"u"||typeof document>"u")return ()=>{};let n=()=>e();s??(s=new ResizeObserver(r=>{let u=false;for(let{target:i}of r)d.get(i)!==a(i)&&(u=true),d.set(i,"");u&&c.forEach(i=>i());})),c.add(n);let o=p(t);return [document.body,document.documentElement].forEach(r=>r&&o.add(r)),o.forEach(r=>{d.has(r)||d.set(r,a(r)),m.set(r,(m.get(r)??0)+1),s.observe(r);}),()=>{c.delete(n)&&(o.forEach(r=>{let u=(m.get(r)??1)-1;if(u)return void m.set(r,u);m.delete(r),s?.unobserve(r);}),c.size||(s?.disconnect(),s=void 0));}}export{w as a,v as b,E as c,x as d};
@@ -1 +0,0 @@
1
- function f({tension:n=2.5,friction:a=2.2}={}){return t=>1-Math.cos(t*Math.PI*n)*Math.pow(1-t,a)}function M({bounces:n=3,decay:a=.5}={}){let t=Math.max(1,Math.round(n)),o=Math.max(.01,Math.min(.99,a)),c=Math.sqrt(o),u=0,m=[];for(let r=0;r<t;r++){let e=Math.pow(c,r);m.push(e),u+=e;}let s=[0],h=0;for(let r=0;r<t;r++)h+=m[r]/u,s.push(h);return r=>{if(r<=0)return 0;if(r>=1)return 1;for(let e=0;e<t;e++)if(r<=s[e+1]){let i=(r-s[e])/(s[e+1]-s[e]);if(e===0)return i*(2-i);let b=1-Math.pow(o,e);return b+(1-b)*(2*i-1)*(2*i-1)}return 1}}function p({amplitude:n=1,period:a=.4}={}){let t=Math.max(1,n),o=Math.max(.1,a),c=t<=1?o/4:o/(2*Math.PI)*Math.asin(1/t);return u=>u<=0?0:u>=1?1:t*Math.pow(2,-10*u)*Math.sin((u-c)*(2*Math.PI)/o)+1}var l={linear:n=>n,"ease-in":n=>n*n,"ease-out":n=>n*(2-n),"ease-in-out":n=>n<.5?2*n*n:-1+(4-2*n)*n,spring:n=>1-Math.cos(n*Math.PI*2.5)*Math.pow(1-n,2.2),bounce:M(),elastic:p()};export{f as a,M as b,p as c,l as d};
@@ -1 +0,0 @@
1
- import {a,d as d$1,c,b as b$2}from'./chunk-A4JCC3QQ.mjs';import {d}from'./chunk-DM6EDKWH.mjs';import {a as a$1}from'./chunk-5PJEKEEP.mjs';import {a as a$2,b as b$1}from'./chunk-BCV4RAIX.mjs';import {b}from'./chunk-LFSU6LR3.mjs';var j={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function le(m,E={}){if(typeof window>"u")return j;let b$3=typeof m=="string"?document.querySelector(m):m;if(!b$3||b$3.tagName.toLowerCase()!=="video")return b("scrollVideo: <video> element not found:",m),j;let t=b$3,{trigger:P={},easing:T="linear",once:C=false,axis:u="y",preload:J="auto",triggerElement:K,onReady:I,onComplete:Q,onProgress:U}=E,R=K??t,f=window.matchMedia("(prefers-reduced-motion: reduce)").matches,V=typeof T=="function"?T:d[T]??d.linear,Z=a(P.start||"top top"),$=a(P.end||"bottom top");t.pause(),t.hasAttribute("preload")||(t.preload=J);let q=E.from??0,A=E.to,g=0,p=0,o=0,a$3=false,n=false,S=-1,w=0,s=0,v=false,i=false,O=()=>u==="x"?window.scrollX:window.scrollY,ee=()=>u==="x"?window.innerWidth:window.innerHeight;function x(){let e=R.getBoundingClientRect(),r=u==="x"?e.left:e.top,d=u==="x"?e.width:e.height,H=c({top:r,height:d},O(),ee(),Z,$);g=H.tStart,p=H.tEnd,i&&p===g&&b("scrollVideo: zero-length trigger window, so it never scrubs. In a sticky stage, set triggerElement.",t);}let h=NaN;function l(e){if(!i)return;let r=A??t.duration??0,d=q+(r-q)*e;d!==h&&(h=d,t.currentTime=d),t.style.setProperty("--scroll-draw-progress",String(e)),U?.(e);}function y(){if(!a$3||n||!i||f)return;let e=b$2(O(),g,p,1),r=C?Math.max(S,V(w=Math.max(w,e))):V(e);s=r,l(r),r>=1&&!v?(v=true,Q?.()):r<1&&!C&&(v=false),o=requestAnimationFrame(y);}function L(){if(i=true,A===void 0&&(A=t.duration),f){l(1),I?.();return}x(),I?.(),a$3&&!n&&(o=requestAnimationFrame(y));}t.readyState>=1?L():t.addEventListener("loadedmetadata",L,{once:true}),i||x();let k=f?()=>{}:a$1(e=>{e&&(k(),f=true,cancelAnimationFrame(o),l(1));}),D=new IntersectionObserver(e=>{e.forEach(r=>{a$3=r.isIntersecting,a$3&&!n&&i?o=requestAnimationFrame(y):cancelAnimationFrame(o);});}),N;function c$1(){clearTimeout(N),N=setTimeout(x,150);}window.addEventListener("resize",c$1),window.addEventListener("orientationchange",c$1);let te=d$1([R],c$1);return D.observe(t),a$2(t,{type:"video",getProgress:()=>s,getTrigger:()=>({tStart:g,tEnd:p})}),{destroy(){cancelAnimationFrame(o),D.disconnect(),t.removeEventListener("loadedmetadata",L),window.removeEventListener("resize",c$1),window.removeEventListener("orientationchange",c$1),te(),k(),clearTimeout(N),b$1(t);},replay(){S=-1,w=0,v=false,s=0,n=false,h=NaN,l(0);},pause(){n=true,cancelAnimationFrame(o);},resume(){n&&(n=false,a$3&&i&&(o=requestAnimationFrame(y)));},seek(e){let r=Math.min(1,Math.max(0,e));s=r,S=r,w=0,n=true,cancelAnimationFrame(o),h=NaN,l(r);},getProgress(){return s}}}export{le as a};
@@ -1 +0,0 @@
1
- import {a}from'./chunk-2PYLM3E7.mjs';import {a as a$1,b as b$1,d as d$1,c}from'./chunk-A4JCC3QQ.mjs';import {d}from'./chunk-DM6EDKWH.mjs';import {a as a$2,b as b$2}from'./chunk-BCV4RAIX.mjs';import {b}from'./chunk-LFSU6LR3.mjs';var F={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function $(r,w){if(typeof window>"u")return F;let m=typeof r=="string"?document.querySelector(r):r;return m?a(w,(l,f)=>j(m,l,f)):(b("scrollCounter: element not found:",r),F)}function j(r,w,m){let{from:l=0,to:f,format:B,easing:h="ease-out",trigger:M={},once:x=true,decimals:I,onComplete:P}=w,z=I!==void 0?e=>e.toFixed(I):B??(e=>String(Math.round(e))),b=typeof h=="function"?h:d[h]??d["ease-out"],G=a$1(M.start||"top 80%"),V=a$1(M.end||"top 20%");if(m)return r.textContent=z(f),P?.(),{...F,getProgress:()=>1};let a=0,c$1=0,L=false,n=0,g=false,o=false,y=-1,i=0,s=0,p=false,v=()=>window.scrollY,W=()=>window.innerHeight;function O(){let e=r.getBoundingClientRect(),t=c({top:e.top,height:e.height},v(),W(),G,V);L&&Math.abs(t.tStart-a)<1&&Math.abs(t.tEnd-c$1)<1||(L=true,a=t.tStart,c$1=t.tEnd);}function d$2(e){r.textContent=z(l+(f-l)*e),r.style.setProperty("--scroll-draw-progress",String(e));}function S(){if(!g||o)return;let e=b$1(v(),a,c$1,1),t=x?Math.max(y,b(i=Math.max(i,e))):b(e);s=t,d$2(t),t>=1&&!p?(p=true,P?.()):t<1&&!x&&(p=false),n=requestAnimationFrame(S);}O();{i=b$1(v(),a,c$1,1);let e=b(i);s=e,d$2(e);}let R=new IntersectionObserver(e=>{e.forEach(t=>{g=t.isIntersecting,g&&!o?n=requestAnimationFrame(S):cancelAnimationFrame(n);});}),C;function u(){clearTimeout(C),C=setTimeout(O,150);}window.addEventListener("resize",u),window.addEventListener("orientationchange",u);let Y=d$1([r],u);return R.observe(r),a$2(r,{type:"counter",getProgress:()=>s,getTrigger:()=>({tStart:a,tEnd:c$1})}),{destroy(){cancelAnimationFrame(n),R.disconnect(),window.removeEventListener("resize",u),window.removeEventListener("orientationchange",u),Y(),clearTimeout(C),b$2(r);},replay(){y=-1,i=0,p=false,s=0,o=false,d$2(0);},pause(){o=true,cancelAnimationFrame(n);},resume(){o&&(o=false,g&&(n=requestAnimationFrame(S)));},seek(e){let t=Math.min(1,Math.max(0,e));s=t,y=t,i=0,o=true,cancelAnimationFrame(n),d$2(t);},getProgress(){return s}}}export{$ as a};
@@ -1 +0,0 @@
1
- import {b,a as a$4}from'./chunk-OJFWQ6CU.mjs';import {a as a$3}from'./chunk-UPWWULKI.mjs';import {a}from'./chunk-2PYLM3E7.mjs';import {a as a$1,b as b$2,d as d$1,c}from'./chunk-A4JCC3QQ.mjs';import {d}from'./chunk-DM6EDKWH.mjs';import {a as a$2,b as b$3}from'./chunk-BCV4RAIX.mjs';import {b as b$1}from'./chunk-LFSU6LR3.mjs';function $e(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function de(e){let i=[],l=/([\w]+)\(([^)]*)\)/g,s;for(;(s=l.exec(e))!==null;){let m=[],r=[],u=s[2].trim();if(u)for(let c of u.split(/[\s,]+/)){let o=c.match(/^([-+]?[\d.eE]+)(.*)$/);m.push(o?parseFloat(o[1]):0),r.push(o?o[2]:"");}i.push({fn:s[1],nums:m,units:r});}return i}function Ce(e,i,l){let s=de(e),m=de(i);return s.length===0||s.length!==m.length?l<1?e:i:s.map((r,u)=>{let c=m[u];return r.fn!==c.fn||r.nums.length!==c.nums.length?l<1?`${r.fn}(${r.nums.map((o,p)=>`${o}${r.units[p]}`).join(", ")})`:`${c.fn}(${c.nums.map((o,p)=>`${o}${c.units[p]}`).join(", ")})`:`${r.fn}(${r.nums.map((o,p)=>`${o+(c.nums[p]-o)*l}${r.units[p]}`).join(", ")})`}).join(" ")}function ye(e,i,l){if(typeof e=="number"&&typeof i=="number")return String(e+(i-e)*l);let s=String(e),m=String(i);if($e(s))return a$4(s,m,l);if(s.includes("("))return Ce(s,m,l);let r=s.match(/^([-+]?[\d.]+)(.*)$/),u=m.match(/^([-+]?[\d.]+)(.*)$/);if(r&&u){let c=parseFloat(r[1]),o=parseFloat(u[1]);return `${c+(o-c)*l}${r[2]||u[2]}`}return l<1?s:m}function He(e){return e.replace(/([A-Z])/g,i=>`-${i.toLowerCase()}`)}var xe=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),Fe=0,he="--scroll-draw-progress";function Ie(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}var be={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function De(e,i){return typeof window>"u"?be:i.respectReducedMotion===false?Ee(e,i,false):a(i,(l,s)=>Ee(e,l,s))}function Ee(e,i,l){let{props:s,trigger:m={},easing:r="ease-out",speed:u=1,once:c$1=false,axis:o="y",scrollContainer:p,native:ve=true,velocityScale:C=false,triggerElement:Se,onProgress:J,onComplete:O,onEnter:K,onLeave:Q,onEnterBack:ee,onLeaveBack:te}=i,H=typeof r=="function"?r:d[r]??d["ease-out"],ne=a$1(m.start||"top bottom"),re=a$1(m.end||"bottom top"),x=Se??e,d$2=typeof p=="string"?document.querySelector(p):p??null,y=Object.entries(s).map(([t,n])=>({prop:He(t),from:Array.isArray(n)?n[0]:"",to:Array.isArray(n)?n[1]:n}));function we(){let t=window.getComputedStyle(e);for(let n of y)n.from===""&&(n.from=t.getPropertyValue(n.prop).trim()||"0");}function Te(){for(let t of y)e.style.setProperty(t.prop,String(t.to));}let z=new Map;for(let t of [...y.map(n=>n.prop),he])z.set(t,e.style.getPropertyValue(t));function W(){for(let[t,n]of z)n?e.style.setProperty(t,n):e.style.removeProperty(t);}if(l)return Te(),O?.(),{...be,destroy:W,getProgress:()=>1};we();let F=()=>d$2?o==="x"?d$2.scrollLeft:d$2.scrollTop:o==="x"?window.scrollX:window.scrollY,oe=()=>d$2?o==="x"?d$2.clientWidth:d$2.clientHeight:o==="x"?window.innerWidth:window.innerHeight,se=typeof r=="string"?b(r):null;function Le(){if(!ve||!Ie()||!se||o!=="y"||d$2||x!==e||c$1||u!==1||J||O||K||Q||ee||te||C!==false||(m.start||"top bottom").trim()!=="top bottom"||(m.end||"bottom top").trim()!=="bottom top")return false;for(let t of y)if(!xe.has(t.prop))return false;return true}function Pe(){let t=`ssd-a-${++Fe}`,n=y.map(a=>`${a.prop}:${a.from}`).join(";"),P=y.map(a=>`${a.prop}:${a.to}`).join(";"),E=document.createElement("style");E.setAttribute("data-ssd-animate",""),E.textContent=`@keyframes ${t}{from{${n}}to{${P}}}.${t}{animation-name:${t};animation-duration:auto;animation-timing-function:${se};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(E),e.classList.add(t);let g=()=>{let a=e.getBoundingClientRect();return c({top:a.top,height:a.height},F(),oe(),ne,re)};a$2(e,{type:"animate",getProgress:()=>f.getProgress(),getTrigger:g});let f={refresh(){},destroy(){e.classList.remove(t),E.remove(),e.style.animationPlayState="",W(),b$3(e);},replay(){e.classList.remove(t),e.offsetWidth,e.classList.add(t);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(a){let $=Math.min(1,Math.max(0,a));e.classList.remove(t);for(let k of y)e.style.setProperty(k.prop,ye(k.from,k.to,$));},getProgress(){let{tStart:a,tEnd:$}=g();return H(b$2(F(),a,$,u))}};return f}if(Le())return Pe();let h=0,b$4=0,v=0,I=false,S=false,B=-1,L=0,w=0,N=false,T=NaN,j=-1,ie=0,M=x===e?y:[],ae=false;function D(){let t=e.style,n=M.map(f=>t.getPropertyValue(f.prop)),P=t.transition;M.length&&(t.transition="none"),M.forEach(f=>t.setProperty(f.prop,z.get(f.prop)??""));let E=a$3(x,d$2,o);M.forEach((f,a)=>t.setProperty(f.prop,n[a])),M.length&&(e.offsetWidth,t.transition=P);let g=c(E,E.scroll,oe(),ne,re);ae&&Math.abs(g.tStart-h)<1&&Math.abs(g.tEnd-b$4)<1||(ae=true,h=g.tStart,b$4=g.tEnd);}function R(t){e.style.setProperty(he,String(t));for(let n of y)e.style.setProperty(n.prop,ye(n.from,n.to,t));J?.(t);}function Me(t){if(isNaN(T)){T=t;return}T<=0&&t>0?K?.():T>0&&t<=0&&te?.(),T<1&&t>=1?Q?.():T>=1&&t<1&&ee?.(),T=t;}function _(){if(!I||S)return;let t=performance.now(),n=F(),P=u;if(C!==false){let a=t-ie,$=a>0?Math.abs(n-(j<0?n:j))/a:0;P=u*Math.max(.2,1+$*(typeof C=="number"?C:1)*.04);}j=n,ie=t;let E=b$4===h?0:(n-h)/(b$4-h);Me(E);let g=b$2(n,h,b$4,P),f=c$1?Math.max(B,H(L=Math.max(L,g))):H(g);w=f,R(f),f>=1&&!N?(N=true,O?.()):f<1&&!c$1&&(N=false),v=requestAnimationFrame(_);}D(),b$4===h&&b$1("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),L=b$2(F(),h,b$4,u),w=H(L),R(w);let le=new IntersectionObserver(t=>{t.forEach(n=>{I=n.isIntersecting,I&&!S?v=requestAnimationFrame(_):cancelAnimationFrame(v);});},{root:d$2??null}),q;function A(){clearTimeout(q),q=setTimeout(D,150);}window.addEventListener("resize",A),window.addEventListener("orientationchange",A);let Ae=d$1([x],A);return le.observe(e),a$2(e,{type:"animate",getProgress:()=>w,getTrigger:()=>({tStart:h,tEnd:b$4})}),{destroy(){cancelAnimationFrame(v),le.disconnect(),window.removeEventListener("resize",A),window.removeEventListener("orientationchange",A),Ae(),clearTimeout(q),W(),b$3(e);},replay(){B=-1,L=0,N=false,w=0,S=false,R(0);},pause(){S=true,cancelAnimationFrame(v);},resume(){S&&(S=false,I&&(v=requestAnimationFrame(_)));},seek(t){let n=Math.min(1,Math.max(0,t));w=n,B=n,L=0,S=true,cancelAnimationFrame(v),R(n);},getProgress(){return w},refresh(){D();}}}export{De as a};
@@ -1 +0,0 @@
1
- function a(t){let r=t.tagName.toLowerCase();if(r==="rect"){let e=parseFloat(t.getAttribute("width")??"0"),n=parseFloat(t.getAttribute("height")??"0");return 2*(e+n)}if(r==="circle"){let e=parseFloat(t.getAttribute("r")??"0");return 2*Math.PI*e}return t.getTotalLength()}export{a};