svg-scroll-draw 2.25.0 → 2.26.0

package/dist/chunk-QZKYGS74.mjs

@@ -1 +0,0 @@
-import {a}from'./chunk-7USW2XFB.mjs';import {b as b$1}from'./chunk-LFSU6LR3.mjs';var n={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function b(e,o){if(typeof window>"u")return n;let r=typeof e=="string"?document.querySelector(e):e;return r?a(r,o):(b$1("scrollAnimate: element not found:",e),n)}function P(e,o={}){if(typeof window>"u")return n;let r=typeof e=="string"?document.querySelector(e):e;if(!r)return b$1("scrollParallax: element not found:",e),n;let{speed:c=.3,axis:p="y",easing:f="linear",trigger:u,onProgress:g}=o,i=-c*100,s=r.style,m=!!r.ownerSVGElement,y=s.getPropertyValue("transform-box");m&&s.setProperty("transform-box","fill-box");let l=a(r,{props:p==="x"?{transform:["translateX(0%)",`translateX(${i}%)`]}:{transform:["translateY(0%)",`translateY(${i}%)`]},trigger:u??{start:"top bottom",end:"bottom top"},easing:f,native:false,onProgress:g});return m?{...l,destroy(){l.destroy(),s.setProperty("transform-box",y);}}:l}export{b as a,P as b};

package/dist/chunk-THPTANES.mjs

@@ -1 +0,0 @@
-function M({tension:n=2.5,friction:a=2.2}={}){return t=>1-Math.cos(t*Math.PI*n)*Math.pow(1-t,a)}function p({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],b=0;for(let r=0;r<t;r++)b+=m[r]/u,s.push(b);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 h=1-Math.pow(o,e);return h+(1-h)*(2*i-1)*(2*i-1)}return 1}}function f({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:M(),bounce:p(),elastic:f()};export{M as a,p as b,f as c,l as d};

package/dist/chunk-U5TKLHGW.mjs

@@ -1 +0,0 @@
-import {a}from'./chunk-2PYLM3E7.mjs';import {a as a$1,b as b$1,e,c}from'./chunk-NV6YTPHI.mjs';import {d}from'./chunk-THPTANES.mjs';import {a as a$2,b as b$2}from'./chunk-EBU6E26L.mjs';import {b}from'./chunk-LFSU6LR3.mjs';var C={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function U(t,p){if(typeof window>"u")return C;let a$1=typeof t=="string"?document.querySelector(t):t;return a$1?a(p,(l,c)=>B(a$1,l,c)):(b("scrollCounter: element not found:",t),C)}function B(t,p,a){let{from:l=0,to:c$1,format:F,easing:f="ease-out",trigger:P={},once:E=true,decimals:M,onComplete:v}=p,x=M!==void 0?e=>e.toFixed(M):F??(e=>String(Math.round(e))),d$1=typeof f=="function"?f:d[f]??d["ease-out"],G=a$1(P.start||"top 80%"),L=a$1(P.end||"top 20%");if(a)return t.textContent=x(c$1),v?.(),{...C,getProgress:()=>1};let s=0,i=0,T=false,h=-1,o=0,n=0,u=false,w=()=>window.scrollY,V=()=>window.innerHeight;function A(){let e=t.getBoundingClientRect(),r=c({top:e.top,height:e.height},w(),V(),G,L);T&&Math.abs(r.tStart-s)<1&&Math.abs(r.tEnd-i)<1||(T=true,s=r.tStart,i=r.tEnd);}let _=t.style.getPropertyValue("--scroll-draw-progress");function m(e){t.textContent=x(l+(c$1-l)*e),t.style.setProperty("--scroll-draw-progress",String(e));}let I=()=>b$1(w(),s,i,1);function q(){let e=I(),r=E?Math.max(h,d$1(o=Math.max(o,e))):d$1(e);n=r,m(r),r>=1&&!u?(u=true,v?.()):r<1&&!E&&(u=false);}A();{o=b$1(w(),s,i,1);let e=d$1(o);n=e,m(e);}let g=e(window,[t],I,q,A);a$2(t,{type:"counter",getProgress:()=>n,getTrigger:()=>({tStart:s,tEnd:i})});let O=()=>g.hold(false);return {destroy(){g.off(),t.style.setProperty("--scroll-draw-progress",_),b$2(t);},replay(){h=-1,o=0,u=false,n=0,m(0),O();},pause:()=>g.hold(true),resume:O,seek(e){let r=Math.min(1,Math.max(0,e));n=r,h=r,o=0,g.hold(true),m(r);},getProgress(){return n}}}export{U as a};

package/dist/chunk-V3Z6G5JE.mjs

@@ -1 +0,0 @@
-import {d}from'./chunk-THPTANES.mjs';function u(t){let r=/^#([a-f\d])([a-f\d])([a-f\d])$/i.exec(t);if(r)return [parseInt(r[1]+r[1],16),parseInt(r[2]+r[2],16),parseInt(r[3]+r[3],16)];let e=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);if(e)return [parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16)];let n=/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i.exec(t);return n?[parseInt(n[1]),parseInt(n[2]),parseInt(n[3])]:null}function l(t,r,e){let n=u(t),s=u(r);return !n||!s?t:`rgb(${Math.round(n[0]+(s[0]-n[0])*e)},${Math.round(n[1]+(s[1]-n[1])*e)},${Math.round(n[2]+(s[2]-n[2])*e)})`}var o="cubic-bezier(0.333333, 0, 0.666667, 0.333333)",c="cubic-bezier(0.333333, 0.666667, 0.666667, 1)",a=33;function p(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timing-function: linear(0, 1)")}function f(t){let r=[];for(let e=0;e<a;e++){let n=e/(a-1);r.push(String(Math.round(t(n)*1e5)/1e5));}return `linear(${r.join(",")})`}function g(t){switch(t){case "linear":return "linear";case "ease-in":return o;case "ease-out":return c;case "ease-in-out":return p()?f(d["ease-in-out"]):null;default:return null}}export{l as a,g as b};

package/dist/chunk-WKOT2MND.mjs

@@ -1 +0,0 @@
-import {b,a as a$4}from'./chunk-22P4KBPG.mjs';import {a as a$6}from'./chunk-D2BHE4F2.mjs';import {a,b as b$1}from'./chunk-XSVTHCLO.mjs';import {a as a$3}from'./chunk-BRV2B2YW.mjs';import {a as a$5}from'./chunk-32ZCSGFZ.mjs';import {a as a$2}from'./chunk-U5TKLHGW.mjs';import {a as a$1}from'./chunk-7USW2XFB.mjs';import {b as b$2}from'./chunk-7XOFQCQE.mjs';import {b as b$3}from'./chunk-LFSU6LR3.mjs';import {defineComponent,ref,h,onMounted,watch,onUnmounted,unref}from'vue';var u=e=>typeof e=="function"?e():unref(e);function l(e,t,n,s=a){let o=null,i=t(),O=()=>{o?.destroy(),o=e.value?n(e.value,b$1(i,()=>i),i):null;};onMounted(O),watch(()=>s(i=t()),O),onUnmounted(()=>{o?.destroy(),o=null;});}function K(e={}){let t=ref(null);return l(t,()=>u(e),b$2),t}var C={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},H=[null,Boolean,[Boolean,String],[Boolean,Number]],y=e=>({type:e,default:void 0}),P=defineComponent({name:"ScrollDraw",props:Object.fromEntries(Object.entries(C).map(([e,t])=>[e,t?y(H[t]):null])),setup(e,{slots:t}){let n=ref(null);return l(n,()=>{let s={};for(let o in C){let i=e[o];i!=null&&(s[o]=i);}return s},b$2),()=>h("div",{ref:n},t.default?.())}});function Y(e){let t=ref(null);return l(t,()=>u(e),a$1),t}var _=defineComponent({name:"ScrollAnimate",props:{options:{type:Object,required:true}},setup(e,{slots:t}){let n=ref(null);return l(n,()=>e.options,a$1),()=>h("div",{ref:n},t.default?.())}});function W(e){let t=ref(null);return l(t,()=>u(e),a$2),t}var U=defineComponent({name:"ScrollCounter",props:{to:{type:Number,required:true},from:{type:Number},format:{type:Function},easing:{type:[String,Function]},trigger:{type:Object},once:y(Boolean),decimals:{type:Number},onComplete:{type:Function}},setup(e){let t=ref(null);return l(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},a$2),()=>h("span",{ref:t})}});function $(e={}){let t=ref(null);return l(t,()=>u(e),a$3),t}var z=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=ref(null);return l(t,()=>e.options??{},a$3),()=>h("video",{ref:t,src:e.src,muted:e.muted,playsinline:e.playsInline,preload:"auto",class:e.class})}}),F=(e,{triggerElement:t,...n},s)=>{let o=typeof t=="string"?document.querySelector(t):t;return typeof t=="string"&&!o&&b$3(`<ScrollFrames>: triggerElement "${t}" matches nothing; measuring the canvas.`),a$6(e,{...n,frames:s.frames,triggerElement:o??void 0})};function J(e){let t=ref(null);return l(t,()=>u(e),F,a$4),t}var M={frames:0,count:0,trigger:0,easing:0,once:1,axis:0,triggerElement:0,fit:0,concurrency:0,onReady:0,onLoad:0,onComplete:0,onProgress:0},Q=defineComponent({name:"ScrollFrames",props:Object.fromEntries(Object.entries(M).map(([e,t])=>[e,t?y(Boolean):e==="frames"?{required:true}:null])),setup(e){let t=ref(null);return l(t,()=>{let n={};for(let s in M){let o=e[s];o!=null&&(n[s]=o);}return n},F,a$4),onMounted(()=>b(t.value)),()=>h("canvas",{ref:t,role:"img"})}});function X(e={}){let t=ref(null);return l(t,()=>u(e),a$5),t}var Z=defineComponent({name:"ScrollText",props:{options:{type:Object},tag:{type:String,default:"p"}},setup(e,{slots:t}){let n=ref(null);return l(n,()=>e.options??{},a$5),()=>h(e.tag,{ref:n},t.default?.())}});export{K as a,P as b,Y as c,_ as d,W as e,U as f,$ as g,z as h,J as i,Q as j,X as k,Z as l};

package/dist/chunk-XSVTHCLO.mjs

@@ -1 +0,0 @@
-var i=new WeakMap,u=0;function f(t){return JSON.stringify(t,(o,n)=>{if(typeof n=="function")return "\u0192";if(typeof Element<"u"&&n instanceof Element){let e=i.get(n);return e===void 0&&i.set(n,e=++u),`el#${e}`}return n})}function s(t,o){let n={...t};for(let e of Object.keys(n))typeof n[e]=="function"&&(n[e]=(...r)=>o()[e]?.(...r));return n}export{f as a,s as b};