animejs 4.1.3 → 4.2.0-beta.0

package/dist/bundles/anime.umd.min.js

@@ -0,0 +1,7 @@
+/**
+ * Anime.js - UMD minified bundle
+ * @version v4.2.0
+ * @license MIT
+ * @copyright 2025 - Julian Garnier
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).anime={})}(this,function(t){"use strict";const e="undefined"!=typeof window,s=e?window:null,i=e?document:null,r={replace:0,none:1,blend:2},n=Symbol(),o=Symbol(),a=Symbol(),h=Symbol(),l=Symbol(),c=Symbol(),d=1e-11,u=1e12,p=1e3,m="",f=(()=>{const t=new Map;return t.set("x","translateX"),t.set("y","translateY"),t.set("z","translateZ"),t})(),g=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],_=g.reduce((t,e)=>({...t,[e]:e+"("}),{}),y=()=>{},v=/(^#([\da-f]{3}){1,2}$)|(^#([\da-f]{4}){1,2}$)/i,b=/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/i,T=/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,S=/hsl\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*\)/i,w=/hsla\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,x=/[-+]?\d*\.?\d+(?:e[-+]?\d)?/gi,k=/^([-+]?\d*\.?\d+(?:e[-+]?\d+)?)([a-z]+|%)$/i,$=/([a-z])([A-Z])/g,E=/(\w+)(\([^)]+\)+)/g,C=/(\*=|\+=|-=)/,B={id:null,keyframes:null,playbackEase:null,playbackRate:1,frameRate:120,loop:0,reversed:!1,alternate:!1,autoplay:!0,duration:p,delay:0,loopDelay:0,ease:"out(2)",composition:r.replace,modifier:t=>t,onBegin:y,onBeforeUpdate:y,onUpdate:y,onLoop:y,onPause:y,onComplete:y,onRender:y},D={current:null,root:i},L={defaults:B,precision:4,timeScale:1,tickThreshold:200},A={version:"4.2.0",engine:null};e&&(s.AnimeJS||(s.AnimeJS=[]),s.AnimeJS.push(A));const N=t=>t.replace($,"$1-$2").toLowerCase(),O=(t,e)=>0===t.indexOf(e),F=Date.now,P=Array.isArray,R=t=>t&&t.constructor===Object,M=t=>"number"==typeof t&&!isNaN(t),z=t=>"string"==typeof t,I=t=>"function"==typeof t,Y=t=>void 0===t,X=t=>Y(t)||null===t,W=t=>e&&t instanceof SVGElement,V=t=>v.test(t),H=t=>O(t,"rgb"),U=t=>O(t,"hsl"),q=t=>!L.defaults.hasOwnProperty(t),j=["opacity","rotate","overflow","color"],Q=t=>z(t)?parseFloat(t):t,G=Math.pow,Z=Math.sqrt,J=Math.sin,K=Math.cos,tt=Math.abs,et=Math.exp,st=Math.ceil,it=Math.floor,rt=Math.asin,nt=Math.max,ot=Math.atan2,at=Math.PI,ht=Math.round,lt=(t,e,s)=>t<e?e:t>s?s:t,ct={},dt=(t,e)=>{if(e<0)return t;if(!e)return ht(t);let s=ct[e];return s||(s=ct[e]=10**e),ht(t*s)/s},ut=(t,e)=>P(e)?e.reduce((e,s)=>tt(s-t)<tt(e-t)?s:e):e?ht(t/e)*e:t,pt=(t,e,s)=>t+(e-t)*s,mt=t=>t===1/0?u:t===-1/0?-u:t,ft=t=>t<=d?d:mt(dt(t,11)),gt=t=>P(t)?[...t]:t,_t=(t,e)=>{const s={...t};for(let i in e){const r=t[i];s[i]=Y(r)?e[i]:r}return s},yt=(t,e,s,i="_prev",r="_next")=>{let n=t._head,o=r;for(s&&(n=t._tail,o=i);n;){const t=n[o];e(n),n=t}},vt=(t,e,s="_prev",i="_next")=>{const r=e[s],n=e[i];r?r[i]=n:t._head=n,n?n[s]=r:t._tail=r,e[s]=null,e[i]=null},bt=(t,e,s,i="_prev",r="_next")=>{let n=t._tail;for(;n&&s&&s(n,e);)n=n[i];const o=n?n[r]:t._head;n?n[r]=e:t._head=e,o?o[i]=e:t._tail=e,e[i]=n,e[r]=o},Tt=(t,e,s)=>(s<0&&(s+=1),s>1&&(s-=1),s<1/6?t+6*(e-t)*s:s<.5?e:s<2/3?t+(e-t)*(2/3-s)*6:t),St=(t,e)=>Y(t)?e:t,wt=(t,e,s,i,r)=>{if(I(t)){const n=()=>{const r=t(e,s,i);return isNaN(+r)?r||0:+r};return r&&(r.func=n),n()}return t},xt=(t,e)=>t[o]?t[a]&&((t,e)=>{if(j.includes(e))return!1;if(t.getAttribute(e)||e in t){if("scale"===e){const e=t.parentNode;return e&&"filter"===e.tagName}return!0}})(t,e)?1:g.includes(e)||f.get(e)?3:O(e,"--")?4:e in t.style?2:e in t?0:1:0,kt=(t,e,s)=>{const i=t.style[e];i&&s&&(s[e]=i);const r=i||getComputedStyle(t[c]||t).getPropertyValue(e);return"auto"===r?"0":r},$t=(t,e,s,i)=>{const r=Y(s)?xt(t,e):s;return 0===r?t[e]||0:1===r?t.getAttribute(e):3===r?((t,e,s)=>{const i=t.style.transform;let r;if(i){const n=t[h];let o;for(;o=E.exec(i);){const t=o[1],i=o[2].slice(1,-1);n[t]=i,t===e&&(r=i,s&&(s[e]=i))}}return i&&!Y(r)?r:O(e,"scale")?"1":O(e,"rotate")||O(e,"skew")?"0deg":"0px"})(t,e,i):4===r?kt(t,e,i).trimStart():kt(t,e,i)},Et=(t,e,s)=>"-"===s?t-e:"+"===s?t+e:t*e,Ct=(t,e)=>{if(e.t=0,e.n=0,e.u=null,e.o=null,e.d=null,e.s=null,!t)return e;const s=+t;if(isNaN(s)){let s=t;"="===s[1]&&(e.o=s[0],s=s.slice(2));const n=!s.includes(" ")&&k.exec(s);if(n)return e.t=1,e.n=+n[1],e.u=n[2],e;if(e.o)return e.n=+s,e;if(V(r=s)||H(r)||U(r))return e.t=2,e.d=H(i=s)?(t=>{const e=b.exec(t)||T.exec(t),s=Y(e[4])?1:+e[4];return[+e[1],+e[2],+e[3],s]})(i):V(i)?(t=>{const e=t.length,s=4===e||5===e;return[+("0x"+t[1]+t[s?1:2]),+("0x"+t[s?2:3]+t[s?2:4]),+("0x"+t[s?3:5]+t[s?3:6]),5===e||9===e?+(+("0x"+t[s?4:7]+t[s?4:8])/255).toFixed(3):1]})(i):U(i)?(t=>{const e=S.exec(t)||w.exec(t),s=+e[1]/360,i=+e[2]/100,r=+e[3]/100,n=Y(e[4])?1:+e[4];let o,a,h;if(0===i)o=a=h=r;else{const t=r<.5?r*(1+i):r+i-r*i,e=2*r-t;o=dt(255*Tt(e,t,s+1/3),0),a=dt(255*Tt(e,t,s),0),h=dt(255*Tt(e,t,s-1/3),0)}return[o,a,h,n]})(i):[0,0,0,1],e;{const t=s.match(x);return e.t=3,e.d=t?t.map(Number):[],e.s=s.split(x)||[],e}}var i,r;return e.n=s,e},Bt=(t,e)=>(e.t=t._valueType,e.n=t._toNumber,e.u=t._unit,e.o=null,e.d=gt(t._toNumbers),e.s=gt(t._strings),e),Dt={t:0,n:0,u:null,o:null,d:null,s:null},Lt=(t,e,s,i,n)=>{const o=t.parent,a=t.duration,l=t.completed,c=t.iterationDuration,u=t.iterationCount,p=t._currentIteration,f=t._loopDelay,g=t._reversed,y=t._alternate,v=t._hasChildren,b=t._delay,T=t._currentTime,S=b+c,w=e-b,x=lt(T,-b,a),k=lt(w,-b,a),$=w-T,E=k>0,C=k>=a,B=a<=d,D=2===n;let A=0,N=w,O=0;if(u>1){const e=~~(k/(c+(C?0:f)));t._currentIteration=lt(e,0,u),C&&t._currentIteration--,A=t._currentIteration%2,N=k%(c+f)||0}const F=g^(y&&A),P=t._ease;let R=C?F?0:a:F?c-N:N;P&&(R=c*P(R/c)||0);const M=(o?o.backwards:w<T)?!F:!!F;if(t._currentTime=w,t._iterationTime=R,t.backwards=M,E&&!t.began?(t.began=!0,s||o&&(M||!o.began)||t.onBegin(t)):w<=0&&(t.began=!1),s||v||!E||t._currentIteration===p||t.onLoop(t),D||1===n&&(e>=b&&e<=S||e<=b&&x>b||e>=S&&x!==a)||R>=S&&x!==a||R<=b&&x>0||e<=x&&x===a&&l||C&&!l&&B){if(E&&(t.computeDeltaTime(x),s||t.onBeforeUpdate(t)),!v){const e=D||(M?-1*$:$)>=L.tickThreshold,n=t._offset+(o?o._offset:0)+b+R;let a,l,c,d,u=t._head,p=0;for(;u;){const t=u._composition,s=u._currentTime,o=u._changeDuration,f=u._absoluteStartTime+u._changeDuration,g=u._nextRep,y=u._prevRep,v=t!==r.none;if((e||(s!==o||n<=f+(g?g._delay:0))&&(0!==s||n>=u._absoluteStartTime))&&(!v||!u._isOverridden&&(!u._isOverlapped||n<=f)&&(!g||g._isOverridden||n<=g._absoluteStartTime)&&(!y||y._isOverridden||n>=y._absoluteStartTime+y._changeDuration+u._delay))){const e=u._currentTime=lt(R-u._startTime,0,o),s=u._ease(e/u._updateDuration),n=u._modifier,m=u._valueType,f=u._tweenType,g=0===f,_=0===m,y=_&&g||0===s||1===s?-1:L.precision;let b,T;if(_)b=T=n(dt(pt(u._fromNumber,u._toNumber,s),y));else if(1===m)T=n(dt(pt(u._fromNumber,u._toNumber,s),y)),b=`${T}${u._unit}`;else if(2===m){const t=u._fromNumbers,e=u._toNumbers,i=dt(lt(n(pt(t[0],e[0],s)),0,255),0),r=dt(lt(n(pt(t[1],e[1],s)),0,255),0),o=dt(lt(n(pt(t[2],e[2],s)),0,255),0),a=lt(n(dt(pt(t[3],e[3],s),y)),0,1);if(b=`rgba(${i},${r},${o},${a})`,v){const t=u._numbers;t[0]=i,t[1]=r,t[2]=o,t[3]=a}}else if(3===m){b=u._strings[0];for(let t=0,e=u._toNumbers.length;t<e;t++){const e=n(dt(pt(u._fromNumbers[t],u._toNumbers[t],s),y)),i=u._strings[t+1];b+=`${i?e+i:e}`,v&&(u._numbers[t]=e)}}if(v&&(u._number=T),i||t===r.blend)u._value=b;else{const t=u.property;a=u.target,g?a[t]=b:1===f?a.setAttribute(t,b):(l=a.style,3===f?(a!==c&&(c=a,d=a[h]),d[t]=b,p=1):2===f?l[t]=b:4===f&&l.setProperty(t,b)),E&&(O=1)}}if(p&&u._renderTransforms){let t=m;for(let e in d)t+=`${_[e]}${d[e]}) `;l.transform=t,p=0}u=u._next}!s&&O&&t.onRender(t)}!s&&E&&t.onUpdate(t)}return o&&B?!s&&(o.began&&!M&&w>=a&&!l||M&&w<=d&&l)&&(t.onComplete(t),t.completed=!M):E&&C?u===1/0?t._startTime+=t.duration:t._currentIteration>=u-1&&(t.paused=!0,l||v||(t.completed=!0,s||o&&(M||!o.began)||(t.onComplete(t),t._resolve(t)))):t.completed=!1,O},At=(t,e,s,i,r)=>{const n=t._currentIteration;if(Lt(t,e,s,i,r),t._hasChildren){const o=t,a=o.backwards,h=i?e:o._iterationTime,l=F();let c=0,u=!0;if(!i&&o._currentIteration!==n){const t=o.iterationDuration;yt(o,e=>{if(a){const i=e.duration,r=e._offset+e._delay;s||!(i<=d)||r&&r+i!==t||e.onComplete(e)}else!e.completed&&!e.backwards&&e._currentTime<e.iterationDuration&&Lt(e,t,s,1,2),e.began=!1,e.completed=!1}),s||o.onLoop(o)}yt(o,t=>{const e=dt((h-t._offset)*t._speed,12),n=t._fps<o._fps?t.requestTick(l):r;c+=Lt(t,e,s,i,n),!t.completed&&u&&(u=!1)},a),!s&&c&&o.onRender(o),(u||a)&&o._currentTime>=o.duration&&(o.paused=!0,o.completed||(o.completed=!0,s||(o.onComplete(o),o._resolve(o))))}},Nt={},Ot=(t,e,s)=>{if(3===s)return f.get(t)||t;if(2===s||1===s&&W(e)&&t in e.style){const e=Nt[t];if(e)return e;{const e=t?N(t):t;return Nt[t]=e,e}}return t},Ft=t=>{if(t._hasChildren)yt(t,Ft,!0);else{const e=t;e.pause(),yt(e,t=>{const s=t.property,i=t.target;if(i[o]){const r=i.style,n=e._inlineStyles[s];if(3===t._tweenType){const e=i[h];if(Y(n)||n===m?delete e[s]:e[s]=n,t._renderTransforms)if(Object.keys(e).length){let t=m;for(let s in e)t+=_[s]+e[s]+") ";r.transform=t}else r.removeProperty("transform")}else Y(n)||n===m?r.removeProperty(s):r[s]=n;e._tail===t&&e.targets.forEach(t=>{t.getAttribute&&t.getAttribute("style")===m&&t.removeAttribute("style")})}})}return t};class Pt{constructor(t=0){this.deltaTime=0,this._currentTime=t,this._elapsedTime=t,this._startTime=t,this._lastTime=t,this._scheduledTime=0,this._frameDuration=dt(p/120,0),this._fps=120,this._speed=1,this._hasChildren=!1,this._head=null,this._tail=null}get fps(){return this._fps}set fps(t){const e=this._frameDuration,s=+t,i=s<d?d:s,r=dt(p/i,0);this._fps=i,this._frameDuration=r,this._scheduledTime+=r-e}get speed(){return this._speed}set speed(t){const e=+t;this._speed=e<d?d:e}requestTick(t){const e=this._scheduledTime,s=this._elapsedTime;if(this._elapsedTime+=t-s,s<e)return 0;const i=this._frameDuration,r=s-e;return this._scheduledTime+=r<i?i:r,1}computeDeltaTime(t){const e=t-this._lastTime;return this.deltaTime=e,this._lastTime=t,e}}const Rt={animation:null,update:y},Mt=(()=>e?requestAnimationFrame:setImmediate)(),zt=(()=>e?cancelAnimationFrame:clearImmediate)();class It extends Pt{constructor(t){super(t),this.useDefaultMainLoop=!0,this.pauseOnDocumentHidden=!0,this.defaults=B,this.paused=!0,this.reqId=0}update(){const t=this._currentTime=F();if(this.requestTick(t)){this.computeDeltaTime(t);const e=this._speed,s=this._fps;let i=this._head;for(;i;){const r=i._next;i.paused?(vt(this,i),this._hasChildren=!!this._tail,i._running=!1,i.completed&&!i._cancelled&&i.cancel()):At(i,(t-i._startTime)*i._speed*e,0,0,i._fps<s?i.requestTick(t):1),i=r}Rt.update()}}wake(){return this.useDefaultMainLoop&&!this.reqId&&(this.requestTick(F()),this.reqId=Mt(Xt)),this}pause(){if(this.reqId)return this.paused=!0,Wt()}resume(){if(this.paused)return this.paused=!1,yt(this,t=>t.resetTime()),this.wake()}get speed(){return this._speed*(1===L.timeScale?1:p)}set speed(t){this._speed=t*L.timeScale,yt(this,t=>t.speed=t._speed)}get timeUnit(){return 1===L.timeScale?"ms":"s"}set timeUnit(t){const e="s"===t,s=e?.001:1;if(L.timeScale!==s){L.timeScale=s,L.tickThreshold=200*s;const t=e?.001:p;this.defaults.duration*=t,this._speed*=t}}get precision(){return L.precision}set precision(t){L.precision=t}}const Yt=(()=>{const t=new It(F());return e&&(A.engine=t,i.addEventListener("visibilitychange",()=>{t.pauseOnDocumentHidden&&(i.hidden?t.pause():t.resume())})),t})(),Xt=()=>{Yt._head?(Yt.reqId=Mt(Xt),Yt.update()):Yt.reqId=0},Wt=()=>(zt(Yt.reqId),Yt.reqId=0,Yt),Vt={_rep:new WeakMap,_add:new Map},Ht=(t,e,s="_rep")=>{const i=Vt[s];let r=i.get(t);return r||(r={},i.set(t,r)),r[e]?r[e]:r[e]={_head:null,_tail:null}},Ut=(t,e)=>t._isOverridden||t._absoluteStartTime>e._absoluteStartTime,qt=t=>{t._isOverlapped=1,t._isOverridden=1,t._changeDuration=d,t._currentTime=d},jt=(t,e)=>{const s=t._composition;if(s===r.replace){const s=t._absoluteStartTime;bt(e,t,Ut,"_prevRep","_nextRep");const i=t._prevRep;if(i){const e=i.parent,r=i._absoluteStartTime+i._changeDuration;if(t.parent.id!==e.id&&e.iterationCount>1&&r+(e.duration-e.iterationDuration)>s){qt(i);let t=i._prevRep;for(;t&&t.parent.id===e.id;)qt(t),t=t._prevRep}const n=s-t._delay;if(r>n){const t=i._startTime,e=r-(t+i._updateDuration),s=dt(n-e-t,12);i._changeDuration=s,i._currentTime=s,i._isOverlapped=1,s<d&&qt(i)}let o=!0;if(yt(e,t=>{t._isOverlapped||(o=!1)}),o){const t=e.parent;if(t){let s=!0;yt(t,t=>{t!==e&&yt(t,t=>{t._isOverlapped||(s=!1)})}),s&&t.cancel()}else e.cancel()}}}else if(s===r.blend){const e=Ht(t.target,t.property,"_add"),s=(t=>{let e=Rt.animation;return e||(e={duration:d,computeDeltaTime:y,_offset:0,_delay:0,_head:null,_tail:null},Rt.animation=e,Rt.update=()=>{t.forEach(t=>{for(let e in t){const s=t[e],i=s._head;if(i){const t=i._valueType,e=3===t||2===t?gt(i._fromNumbers):null;let r=i._fromNumber,n=s._tail;for(;n&&n!==i;){if(e)for(let t=0,s=n._numbers.length;t<s;t++)e[t]+=n._numbers[t];else r+=n._number;n=n._prevAdd}i._toNumber=r,i._toNumbers=e}}}),Lt(e,1,1,0,2)}),e})(Vt._add);let i=e._head;i||(i={...t},i._composition=r.replace,i._updateDuration=d,i._startTime=0,i._numbers=gt(t._fromNumbers),i._number=0,i._next=null,i._prev=null,bt(e,i),bt(s,i));const n=t._toNumber;if(t._fromNumber=i._fromNumber-n,t._toNumber=0,t._numbers=gt(t._fromNumbers),t._number=0,i._fromNumber=n,t._toNumbers){const e=gt(t._toNumbers);e&&e.forEach((e,s)=>{t._fromNumbers[s]=i._fromNumbers[s]-e,t._toNumbers[s]=0}),i._fromNumbers=e}bt(e,t,null,"_prevAdd","_nextAdd")}return t},Qt=t=>{const e=t._composition;if(e!==r.none){const s=t.target,i=t.property,n=Vt._rep.get(s)[i];if(vt(n,t,"_prevRep","_nextRep"),e===r.blend){const e=Vt._add,r=e.get(s);if(!r)return;const n=r[i],o=Rt.animation;vt(n,t,"_prevAdd","_nextAdd");const a=n._head;if(a&&a===n._tail){vt(n,a,"_prevAdd","_nextAdd"),vt(o,a);let t=!0;for(let e in r)if(r[e]._head){t=!1;break}t&&e.delete(s)}}}return t},Gt=(t,e,s)=>{let i=!1;return yt(e,r=>{const n=r.target;if(t.includes(n)){const t=r.property,o=r._tweenType,a=Ot(s,n,o);(!a||a&&a===t)&&(r.parent._tail===r&&3===r._tweenType&&r._prev&&3===r._prev._tweenType&&(r._prev._renderTransforms=1),vt(e,r),Qt(r),i=!0)}},!0),i},Zt=(t,e,s)=>{const i=e||Yt;let r;if(i._hasChildren){let e=0;yt(i,n=>{if(!n._hasChildren)if(r=Gt(t,n,s),r&&!n._head)n.cancel(),vt(i,n);else{const t=n._offset+n._delay+n.duration;t>e&&(e=t)}n._head?Zt(t,n,s):n._hasChildren=!1},!0),Y(i.iterationDuration)||(i.iterationDuration=e)}else r=Gt(t,i,s);r&&!i._head&&(i._hasChildren=!1,i.cancel&&i.cancel())},Jt=t=>(t.paused=!0,t.began=!1,t.completed=!1,t),Kt=t=>t._cancelled?(t._hasChildren?yt(t,Kt):yt(t,t=>{t._composition!==r.none&&jt(t,Ht(t.target,t.property))}),t._cancelled=0,t):t;let te=0;class ee extends Pt{constructor(t={},e=null,s=0){super(0);const{id:i,delay:r,duration:n,reversed:o,alternate:a,loop:h,loopDelay:l,autoplay:c,frameRate:u,playbackRate:p,onComplete:m,onLoop:f,onPause:g,onBegin:_,onBeforeUpdate:v,onUpdate:b}=t;D.current&&D.current.register(this);const T=e?0:Yt._elapsedTime,S=e?e.defaults:L.defaults,w=I(r)||Y(r)?S.delay:+r,x=I(n)||Y(n)?1/0:+n,k=St(h,S.loop),$=St(l,S.loopDelay),E=!0===k||k===1/0||k<0?1/0:k+1;let C=0;e?C=s:(Yt.reqId||Yt.requestTick(F()),C=(Yt._elapsedTime-Yt._startTime)*L.timeScale),this.id=Y(i)?++te:i,this.parent=e,this.duration=mt((x+$)*E-$)||d,this.backwards=!1,this.paused=!0,this.began=!1,this.completed=!1,this.onBegin=_||S.onBegin,this.onBeforeUpdate=v||S.onBeforeUpdate,this.onUpdate=b||S.onUpdate,this.onLoop=f||S.onLoop,this.onPause=g||S.onPause,this.onComplete=m||S.onComplete,this.iterationDuration=x,this.iterationCount=E,this._autoplay=!e&&St(c,S.autoplay),this._offset=C,this._delay=w,this._loopDelay=$,this._iterationTime=0,this._currentIteration=0,this._resolve=y,this._running=!1,this._reversed=+St(o,S.reversed),this._reverse=this._reversed,this._cancelled=0,this._alternate=St(a,S.alternate),this._prev=null,this._next=null,this._elapsedTime=T,this._startTime=T,this._lastTime=T,this._fps=St(u,S.frameRate),this._speed=St(p,S.playbackRate)}get cancelled(){return!!this._cancelled}set cancelled(t){t?this.cancel():this.reset(1).play()}get currentTime(){return lt(dt(this._currentTime,L.precision),-this._delay,this.duration)}set currentTime(t){const e=this.paused;this.pause().seek(+t),e||this.resume()}get iterationCurrentTime(){return dt(this._iterationTime,L.precision)}set iterationCurrentTime(t){this.currentTime=this.iterationDuration*this._currentIteration+t}get progress(){return lt(dt(this._currentTime/this.duration,10),0,1)}set progress(t){this.currentTime=this.duration*t}get iterationProgress(){return lt(dt(this._iterationTime/this.iterationDuration,10),0,1)}set iterationProgress(t){const e=this.iterationDuration;this.currentTime=e*this._currentIteration+e*t}get currentIteration(){return this._currentIteration}set currentIteration(t){this.currentTime=this.iterationDuration*lt(+t,0,this.iterationCount-1)}get reversed(){return!!this._reversed}set reversed(t){t?this.reverse():this.play()}get speed(){return super.speed}set speed(t){super.speed=t,this.resetTime()}reset(t=0){return Kt(this),this._reversed&&!this._reverse&&(this.reversed=!1),this._iterationTime=this.iterationDuration,At(this,0,1,t,2),Jt(this),this._hasChildren&&yt(this,Jt),this}init(t=0){this.fps=this._fps,this.speed=this._speed,!t&&this._hasChildren&&At(this,this.duration,1,t,2),this.reset(t);const e=this._autoplay;return!0===e?this.resume():e&&!Y(e.linked)&&e.link(this),this}resetTime(){const t=1/(this._speed*Yt._speed);return this._startTime=F()-(this._currentTime+this._delay)*t,this}pause(){return this.paused||(this.paused=!0,this.onPause(this)),this}resume(){return this.paused?(this.paused=!1,this.duration<=d&&!this._hasChildren?At(this,d,0,0,2):(this._running||(bt(Yt,this),Yt._hasChildren=!0,this._running=!0),this.resetTime(),this._startTime-=12,Yt.wake()),this):this}restart(){return this.reset(0).resume()}seek(t,e=0,s=0){Kt(this),this.completed=!1;const i=this.paused;return this.paused=!0,At(this,t+this._delay,~~e,~~s,1),i?this:this.resume()}alternate(){const t=this._reversed,e=this.iterationCount,s=this.iterationDuration,i=e===1/0?it(u/s):e;return this._reversed=+(!this._alternate||i%2?!t:t),e===1/0?this.iterationProgress=this._reversed?1-this.iterationProgress:this.iterationProgress:this.seek(s*i-this._currentTime),this.resetTime(),this}play(){return this._reversed&&this.alternate(),this.resume()}reverse(){return this._reversed||this.alternate(),this.resume()}cancel(){return this._hasChildren?yt(this,t=>t.cancel(),!0):yt(this,Qt),this._cancelled=1,this.pause()}stretch(t){const e=this.duration,s=ft(t);if(e===s)return this;const i=t/e,r=t<=d;return this.duration=r?d:s,this.iterationDuration=r?d:ft(this.iterationDuration*i),this._offset*=i,this._delay*=i,this._loopDelay*=i,this}revert(){At(this,0,1,0,1);const t=this._autoplay;return t&&t.linked&&t.linked===this&&t.revert(),this.cancel()}complete(){return this.seek(this.duration).cancel()}then(t=y){const e=this.then,s=()=>{this.then=null,t(this),this.then=e,this._resolve=y};return new Promise(t=>(this._resolve=()=>t(s()),this.completed&&this._resolve(),this))}}function se(t){const e=z(t)?D.root.querySelectorAll(t):t;if(e instanceof NodeList||e instanceof HTMLCollection)return e}function ie(t){if(X(t))return[];if(!e)return P(t)&&t.flat(1/0)||[t];if(P(t)){const e=t.flat(1/0),s=[];for(let t=0,i=e.length;t<i;t++){const i=e[t];if(!X(i)){const t=se(i);if(t)for(let e=0,i=t.length;e<i;e++){const i=t[e];if(!X(i)){let t=!1;for(let e=0,r=s.length;e<r;e++)if(s[e]===i){t=!0;break}t||s.push(i)}}else{let t=!1;for(let e=0,r=s.length;e<r;e++)if(s[e]===i){t=!0;break}t||s.push(i)}}}return s}const s=se(t);return s?Array.from(s):[t]}function re(t){const e=ie(t),s=e.length;if(s)for(let t=0;t<s;t++){const s=e[t];if(!s[n]){s[n]=!0;const t=W(s);(s.nodeType||t)&&(s[o]=!0,s[a]=t,s[h]={})}}return e}const ne={deg:1,rad:180/at,turn:360},oe={},ae=(t,e,s,r=!1)=>{const n=e.u,o=e.n;if(1===e.t&&n===s)return e;const a=o+n+s,h=oe[a];if(Y(h)||r){let r;if(n in ne)r=o*ne[n]/ne[s];else{const e=100,a=t.cloneNode(),h=t.parentNode,l=h&&h!==i?h:i.body;l.appendChild(a);const c=a.style;c.width=e+n;const d=a.offsetWidth||e;c.width=e+s;const u=d/(a.offsetWidth||e);l.removeChild(a),r=u*o}e.n=r,oe[a]=r}else e.n=h;return e.t,e.u=s,e},he=t=>t,le=(t=1.68)=>e=>G(e,+t),ce={in:t=>e=>t(e),out:t=>e=>1-t(1-e),inOut:t=>e=>e<.5?t(2*e)/2:1-t(-2*e+2)/2,outIn:t=>e=>e<.5?(1-t(1-2*e))/2:(t(2*e-1)+1)/2},de=(t,e,s)=>{if(s[t])return s[t];if(t.indexOf("(")<=-1){const i=ce[t]||t.includes("Back")||t.includes("Elastic")?e[t]():e[t];return i?s[t]=i:he}{const i=t.slice(0,-1).split("("),r=e[i[0]];return r?s[t]=r(...i[1].split(",")):he}},ue=(t,e,s)=>(((1-3*s+3*e)*t+(3*s-6*e))*t+3*e)*t,pe=(t=.5,e=0,s=.5,i=1)=>t===e&&s===i?he:r=>0===r||1===r?r:ue(((t,e,s)=>{let i,r,n=0,o=1,a=0;do{r=n+(o-n)/2,i=ue(r,e,s)-t,i>0?o=r:n=r}while(tt(i)>1e-7&&++a<100);return r})(r,t,s),e,i),me=(t=10,e)=>{const s=e?st:it;return e=>s(lt(e,0,1)*t)*(1/t)},fe=(...t)=>{const e=t.length;if(!e)return he;const s=e-1,i=t[0],r=t[s],n=[0],o=[Q(i)];for(let e=1;e<s;e++){const i=t[e],r=z(i)?i.trim().split(" "):[i],a=r[0],h=r[1];n.push(Y(h)?e/s:Q(h)/100),o.push(Q(a))}return o.push(Q(r)),n.push(1),function(t){for(let e=1,s=n.length;e<s;e++){const s=n[e];if(t<=s){const i=n[e-1],r=o[e-1];return r+(o[e]-r)*(t-i)/(s-i)}}return o[o.length-1]}},ge=(t=10,e=1)=>{const s=[0],i=t-1;for(let t=1;t<i;t++){const r=s[t-1],n=t/i,o=n*(1-e)+(n+((t+1)/i-n)*Math.random())*e;s.push(lt(o,r,1))}return s.push(1),fe(...s)},_e=at/2,ye=2*at,ve={[m]:le,Quad:le(2),Cubic:le(3),Quart:le(4),Quint:le(5),Sine:t=>1-K(t*_e),Circ:t=>1-Z(1-t*t),Expo:t=>t?G(2,10*t-10):0,Bounce:t=>{let e,s=4;for(;t<((e=G(2,--s))-1)/11;);return 1/G(4,3-s)-7.5625*G((3*e-2)/22-t,2)},Back:(t=1.70158)=>e=>(+t+1)*e*e*e-+t*e*e,Elastic:(t=1,e=.3)=>{const s=lt(+t,1,10),i=lt(+e,d,2),r=i/ye*rt(1/s),n=ye/i;return t=>0===t||1===t?t:-s*G(2,-10*(1-t))*J((1-t-r)*n)}},be=(()=>{const t={linear:fe,irregular:ge,steps:me,cubicBezier:pe};for(let e in ce)for(let s in ve){const i=ve[s],r=ce[e];t[e+s]=s===m||"Back"===s||"Elastic"===s?(t,e)=>r(i(t,e)):r(i)}return t})(),Te={linear:he},Se=t=>I(t)?t:z(t)?de(t,be,Te):he,we={t:0,n:0,u:null,o:null,d:null,s:null},xe={t:0,n:0,u:null,o:null,d:null,s:null},ke={func:null},$e=[null],Ee=[null,null],Ce={to:null};let Be,De,Le=0;class Ae extends ee{constructor(t,e,s,i,n=!1,o=0,a=0){super(e,s,i);const h=re(t),l=h.length,c=e.keyframes,u=c?_t(((t,e)=>{const s={};if(P(t)){const e=[].concat(...t.map(t=>Object.keys(t))).filter(q);for(let i=0,r=e.length;i<r;i++){const r=e[i],n=t.map(t=>{const e={};for(let s in t){const i=t[s];q(s)?s===r&&(e.to=i):e[s]=i}return e});s[r]=n}}else{const i=St(e.duration,L.defaults.duration),r=Object.keys(t).map(e=>({o:parseFloat(e)/100,p:t[e]})).sort((t,e)=>t.o-e.o);r.forEach(t=>{const e=t.o,r=t.p;for(let t in r)if(q(t)){let n=s[t];n||(n=s[t]=[]);const o=e*i;let a=n.length,h=n[a-1];const l={to:r[t]};let c=0;for(let t=0;t<a;t++)c+=n[t].duration;1===a&&(l.from=h.to),r.ease&&(l.ease=r.ease),l.duration=o-(a?c:0),n.push(l)}return t});for(let t in s){const e=s[t];let i;for(let t=0,s=e.length;t<s;t++){const s=e[t],r=s.ease;s.ease=i||void 0,i=r}e[0].duration||e.shift()}}return s})(c,e),e):e,{delay:m,duration:f,ease:g,playbackEase:_,modifier:y,composition:v,onRender:b}=u,T=s?s.defaults:L.defaults,S=St(_,T.playbackEase),w=S?Se(S):null,x=!Y(g)&&!Y(g.ease),k=x?g.ease:St(g,w?"linear":T.ease),$=x?g.duration:St(f,T.duration),E=St(m,T.delay),C=y||T.modifier,B=Y(v)&&l>=p?r.none:Y(v)?T.composition:v,D={},A=this._offset+(s?s._offset:0);let N=NaN,O=NaN,F=0,z=0;for(let t=0;t<l;t++){const e=h[t],i=o||t,c=a||l;let p=NaN,m=NaN;for(let t in u)if(q(t)){const o=xt(e,t),a=Ot(t,e,o);let h=u[t];const l=P(h);if(n&&!l&&(Ee[0]=h,Ee[1]=h,h=Ee),l){const t=h.length,e=!R(h[0]);2===t&&e?(Ce.to=h,$e[0]=Ce,Be=$e):t>2&&e?(Be=[],h.forEach((t,e)=>{e?1===e?(Ee[1]=t,Be.push(Ee)):Be.push(t):Ee[0]=t})):Be=h}else $e[0]=h,Be=$e;let f=null,g=null,_=NaN,y=0,v=0;for(let t=Be.length;v<t;v++){const n=Be[v];R(n)?De=n:(Ce.to=n,De=Ce),ke.func=null;const h=wt(De.to,e,i,c,ke);let l;R(h)&&!Y(h.to)?(De=h,l=h.to):l=h;const u=wt(De.from,e,i,c),p=De.ease,m=!Y(p)&&!Y(p.ease),b=m?p.ease:p||k,T=m?p.duration:wt(St(De.duration,t>1?wt($,e,i,c)/t:$),e,i,c),S=wt(St(De.delay,v?0:E),e,i,c),w=wt(St(De.composition,B),e,i,c),x=M(w)?w:r[w],L=De.modifier||C,N=!Y(u),O=!Y(l),I=P(l),X=I||N&&O,W=g?y+S:S,V=dt(A+W,12);z||!N&&!I||(z=1);let H=g;if(x!==r.none){f||(f=Ht(e,a));let t=f._head;for(;t&&!t._isOverridden&&t._absoluteStartTime<=V;)if(H=t,t=t._nextRep,t&&t._absoluteStartTime>=V)for(;t;)qt(t),t=t._nextRep}if(X?(Ct(I?wt(l[0],e,i,c):u,we),Ct(I?wt(l[1],e,i,c,ke):l,xe),0===we.t&&(H?1===H._valueType&&(we.t=1,we.u=H._unit):(Ct($t(e,a,o,D),Dt),1===Dt.t&&(we.t=1,we.u=Dt.u)))):(O?Ct(l,xe):g?Bt(g,xe):Ct(s&&H&&H.parent.parent===s?H._value:$t(e,a,o,D),xe),N?Ct(u,we):g?Bt(g,we):Ct(s&&H&&H.parent.parent===s?H._value:$t(e,a,o,D),we)),we.o&&(we.n=Et(H?H._toNumber:Ct($t(e,a,o,D),Dt).n,we.n,we.o)),xe.o&&(xe.n=Et(we.n,xe.n,xe.o)),we.t!==xe.t)if(3===we.t||3===xe.t){const t=3===we.t?we:xe,e=3===we.t?xe:we;e.t=3,e.s=gt(t.s),e.d=t.d.map(()=>e.n)}else if(1===we.t||1===xe.t){const t=1===we.t?we:xe,e=1===we.t?xe:we;e.t=1,e.u=t.u}else if(2===we.t||2===xe.t){const t=2===we.t?we:xe,e=2===we.t?xe:we;e.t=2,e.s=t.s,e.d=[0,0,0,1]}if(we.u!==xe.u){let t=xe.u?we:xe;t=ae(e,t,xe.u?xe.u:we.u,!1)}if(xe.d&&we.d&&xe.d.length!==we.d.length){const t=we.d.length>xe.d.length?we:xe,e=t===we?xe:we;e.d=t.d.map((t,s)=>Y(e.d[s])?0:e.d[s]),e.s=gt(t.s)}const U=dt(+T||d,12),q={parent:this,id:Le++,property:a,target:e,_value:null,_func:ke.func,_ease:Se(b),_fromNumbers:gt(we.d),_toNumbers:gt(xe.d),_strings:gt(xe.s),_fromNumber:we.n,_toNumber:xe.n,_numbers:gt(we.d),_number:we.n,_unit:xe.u,_modifier:L,_currentTime:0,_startTime:W,_delay:+S,_updateDuration:U,_changeDuration:U,_absoluteStartTime:V,_tweenType:o,_valueType:xe.t,_composition:x,_isOverlapped:0,_isOverridden:0,_renderTransforms:0,_prevRep:null,_nextRep:null,_prevAdd:null,_nextAdd:null,_prev:null,_next:null};x!==r.none&&jt(q,f),isNaN(_)&&(_=q._startTime),y=dt(W+U,12),g=q,F++,bt(this,q)}(isNaN(O)||_<O)&&(O=_),(isNaN(N)||y>N)&&(N=y),3===o&&(p=F-v,m=F)}if(!isNaN(p)){let t=0;yt(this,e=>{t>=p&&t<m&&(e._renderTransforms=1,e._composition===r.blend&&yt(Rt.animation,t=>{t.id===e.id&&(t._renderTransforms=1)})),t++})}}l||console.warn("No target found. Make sure the element you're trying to animate is accessible before creating your animation."),O?(yt(this,t=>{t._startTime-t._delay||(t._delay-=O),t._startTime-=O}),N-=O):O=0,N||(N=d,this.iterationCount=0),this.targets=h,this.duration=N===d?d:mt((N+this._loopDelay)*this.iterationCount-this._loopDelay)||d,this.onRender=b||T.onRender,this._ease=w,this._delay=O,this.iterationDuration=N,this._inlineStyles=D,!this._autoplay&&z&&this.onRender(this)}stretch(t){const e=this.duration;if(e===ft(t))return this;const s=t/e;return yt(this,t=>{t._updateDuration=ft(t._updateDuration*s),t._changeDuration=ft(t._changeDuration*s),t._currentTime*=s,t._startTime*=s,t._absoluteStartTime*=s}),super.stretch(t)}refresh(){return yt(this,t=>{const e=t._func;if(e){const s=$t(t.target,t.property,t._tweenType);Ct(s,Dt),Ct(e(),xe),t._fromNumbers=gt(Dt.d),t._fromNumber=Dt.n,t._toNumbers=gt(xe.d),t._strings=gt(xe.s),t._toNumber=xe.o?Et(Dt.n,xe.n,xe.o):xe.n}}),this}revert(){return super.revert(),Ft(this)}then(t){return super.then(t)}}const Ne={_head:null,_tail:null},Oe=(t,e,s)=>{let i=Ne._head;for(;i;){const r=i._next,n=i.$el===t,o=!e||i.property===e,a=!s||i.parent===s;if(n&&o&&a){const t=i.animation;try{t.commitStyles()}catch{}t.cancel(),vt(Ne,i);const e=i.parent;e&&(e._completed++,e.animations.length===e._completed&&(e.completed=!0,e.muteCallbacks||(e.paused=!0,e.onComplete(e),e._resolve(e))))}i=r}},Fe=(t,e,s,i,r)=>{const n=e.animate(i,r),o=r.delay+ +r.duration*r.iterations;n.playbackRate=t._speed,t.paused&&n.pause(),t.duration<o&&(t.duration=o,t.controlAnimation=n),t.animations.push(n),Oe(e,s),bt(Ne,{parent:t,animation:n,$el:e,property:s,_next:null,_prev:null});const a=()=>{Oe(e,s,t)};return n.onremove=a,n.onfinish=a,n};function Pe(t,e,s){const i=re(t);if(!i.length)return;const[r]=i,n=xt(r,e),o=Ot(e,r,n);let a=$t(r,o);if(Y(s))return a;if(Ct(a,Dt),0===Dt.t||1===Dt.t){if(!1===s)return Dt.n;{const t=ae(r,Dt,s,!1);return`${dt(t.n,L.precision)}${t.u}`}}}const Re=(t,e)=>{if(!Y(e))return e.duration=d,e.composition=St(e.composition,r.none),new Ae(t,e,null,0,!0).resume()},Me=(t,e,s)=>{const i=ie(t);for(let t=0,r=i.length;t<r;t++)Oe(i[t],s,e&&e.controlAnimation&&e);return Zt(i,e,s),i},ze=(t,e)=>{let s=t.iterationDuration;if(s===d&&(s=0),Y(e))return s;if(M(+e))return+e;const i=e,r=t?t.labels:null,n=!X(r),o=((t,e)=>{if(O(e,"<")){const s="<"===e[1],i=t._tail,r=i?i._offset+i._delay:0;return s?r:r+i.duration}})(t,i),a=!Y(o),h=C.exec(i);if(h){const t=h[0],e=i.split(t),l=n&&e[0]?r[e[0]]:s,c=a?o:n?l:s,d=+e[1];return Et(c,d,t[0])}return a?o:n?Y(r[i])?s:r[i]:s};function Ie(t,e,s,i,r,n){const o=M(t.duration)&&t.duration<=d?s-d:s;At(e,o,1,1,1);const a=i?new Ae(i,t,e,o,!1,r,n):new ee(t,e,o);return a.init(1),bt(e,a),yt(e,t=>{const s=t._offset+t._delay+t.duration;s>e.iterationDuration&&(e.iterationDuration=s)}),e.duration=function(t){return mt((t.iterationDuration+t._loopDelay)*t.iterationCount-t._loopDelay)||d}(e),e}class Ye extends ee{constructor(t={}){super(t,null,0),this.duration=0,this.labels={};const e=t.defaults,s=L.defaults;this.defaults=e?_t(e,s):s,this.onRender=t.onRender||s.onRender;const i=St(t.playbackEase,s.playbackEase);this._ease=i?Se(i):null,this.iterationDuration=0}add(t,e,s){const i=R(e),r=R(t);if(i||r){if(this._hasChildren=!0,i){const i=e;if(I(s)){const e=s,r=ie(t),n=this.duration,o=this.iterationDuration,a=i.id;let h=0;const l=r.length;r.forEach(t=>{const s={...i};this.duration=n,this.iterationDuration=o,Y(a)||(s.id=a+"-"+h),Ie(s,this,ze(this,e(t,h,l,this)),t,h,l),h++})}else Ie(i,this,ze(this,s),t)}else Ie(t,this,ze(this,e));return this.init(1)}}sync(t,e){if(Y(t)||t&&Y(t.pause))return this;t.pause();const s=+(t.effect?t.effect.getTiming().duration:t.duration);return this.add(t,{currentTime:[0,s],duration:s,ease:"linear"},e)}set(t,e,s){return Y(e)?this:(e.duration=d,e.composition=r.replace,this.add(t,e,s))}call(t,e){return Y(t)||t&&!I(t)?this:this.add({duration:0,onComplete:()=>t(this)},e)}label(t,e){return Y(t)||t&&!z(t)||(this.labels[t]=ze(this,e)),this}remove(t,e){return Zt(ie(t),this,e),this}stretch(t){const e=this.duration;if(e===ft(t))return this;const s=t/e,i=this.labels;yt(this,t=>t.stretch(t.duration*s));for(let t in i)i[t]*=s;return super.stretch(t)}refresh(){return yt(this,t=>{t.refresh&&t.refresh()}),this}revert(){return super.revert(),yt(this,t=>t.revert,!0),Ft(this)}then(t){return super.then(t)}}class Xe{constructor(t,e){D.current&&D.current.register(this);const s=()=>{if(this.callbacks.completed)return;let t=!0;for(let e in this.animations)if(!this.animations[e].paused&&t){t=!1;break}t&&this.callbacks.complete()},i={onBegin:()=>{this.callbacks.completed&&this.callbacks.reset(),this.callbacks.play()},onComplete:s,onPause:s},n={v:1,autoplay:!1},o={};if(this.targets=[],this.animations={},this.callbacks=null,!Y(t)&&!Y(e)){for(let t in e){const s=e[t];q(t)?o[t]=s:O(t,"on")?n[t]=s:i[t]=s}this.callbacks=new Ae({v:0},n);for(let e in o){const s=o[e],n=R(s);let a={},h="+=0";if(n){const t=s.unit;z(t)&&(h+=t)}else a.duration=s;a[e]=n?_t({to:h},s):h;const l=_t(i,a);l.composition=r.replace,l.autoplay=!1;const c=this.animations[e]=new Ae(t,l,null,0,!1).init();this.targets.length||this.targets.push(...c.targets),this[e]=(t,e,s)=>{const i=c._head;if(Y(t)&&i){const t=i._numbers;return t&&t.length?t:i._modifier(i._number)}return yt(c,e=>{if(P(t))for(let s=0,i=t.length;s<i;s++)Y(e._numbers[s])||(e._fromNumbers[s]=e._modifier(e._numbers[s]),e._toNumbers[s]=t[s]);else e._fromNumber=e._modifier(e._number),e._toNumber=t;Y(s)||(e._ease=Se(s)),e._currentTime=0}),Y(e)||c.stretch(e),c.reset(1).resume(),this}}}}revert(){for(let t in this.animations)this[t]=y,this.animations[t].revert();return this.animations={},this.targets.length=0,this.callbacks&&this.callbacks.revert(),this}}const We=(t,e,s,i,r)=>i+(t-e)/(s-e)*(r-i);var Ve=Object.freeze({__proto__:null,clamp:lt,damp:(t,e,s,i)=>i?1===i?e:pt(t,e,1-Math.exp(-i*s*.1)):t,degToRad:t=>t*Math.PI/180,lerp:pt,mapRange:We,padEnd:(t,e,s)=>`${t}`.padEnd(e,s),padStart:(t,e,s)=>`${t}`.padStart(e,s),radToDeg:t=>180*t/Math.PI,round:dt,roundPad:(t,e)=>(+t).toFixed(e),snap:ut,wrap:(t,e,s)=>((t-e)%(s-e)+(s-e))%(s-e)+e});const He=10*p;class Ue{constructor(t={}){this.timeStep=.02,this.restThreshold=5e-4,this.restDuration=200,this.maxDuration=6e4,this.maxRestSteps=this.restDuration/this.timeStep/p,this.maxIterations=this.maxDuration/this.timeStep/p,this.m=lt(St(t.mass,1),0,He),this.s=lt(St(t.stiffness,100),1,He),this.d=lt(St(t.damping,10),.1,He),this.v=lt(St(t.velocity,0),-1e4,He),this.w0=0,this.zeta=0,this.wd=0,this.b=0,this.solverDuration=0,this.duration=0,this.compute(),this.ease=t=>0===t||1===t?t:this.solve(t*this.solverDuration)}solve(t){const{zeta:e,w0:s,wd:i,b:r}=this;let n=t;return n=e<1?et(-n*e*s)*(1*K(i*n)+r*J(i*n)):(1+r*n)*et(-n*s),1-n}compute(){const{maxRestSteps:t,maxIterations:e,restThreshold:s,timeStep:i,m:r,d:n,s:o,v:a}=this,h=this.w0=lt(Z(o/r),d,p),l=this.zeta=n/(2*Z(o*r)),c=this.wd=l<1?h*Z(1-l*l):0;this.b=l<1?(l*h-a)/c:-a+h;let u=0,m=0,f=0;for(;m<t&&f<e;)tt(1-this.solve(u))<s?m++:m=0,this.solverDuration=u,u+=i,f++;this.duration=dt(this.solverDuration*p,0)*L.timeScale}get mass(){return this.m}set mass(t){this.m=lt(St(t,1),0,He),this.compute()}get stiffness(){return this.s}set stiffness(t){this.s=lt(St(t,100),1,He),this.compute()}get damping(){return this.d}set damping(t){this.d=lt(St(t,10),.1,He),this.compute()}get velocity(){return this.v}set velocity(t){this.v=lt(St(t,0),-1e4,He),this.compute()}}const qe=t=>new Ue(t),je=t=>{t.cancelable&&t.preventDefault()};class Qe{constructor(t){this.el=t,this.zIndex=0,this.parentElement=null,this.classList={add:y,remove:y}}get x(){return this.el.x||0}set x(t){this.el.x=t}get y(){return this.el.y||0}set y(t){this.el.y=t}get width(){return this.el.width||0}set width(t){this.el.width=t}get height(){return this.el.height||0}set height(t){this.el.height=t}getBoundingClientRect(){return{top:this.y,right:this.x,bottom:this.y+this.height,left:this.x+this.width}}}class Ge{constructor(t){this.$el=t,this.inlineTransforms=[],this.point=new DOMPoint,this.inversedMatrix=this.getMatrix().inverse()}normalizePoint(t,e){return this.point.x=t,this.point.y=e,this.point.matrixTransform(this.inversedMatrix)}traverseUp(t){let e=this.$el.parentElement,s=0;for(;e&&e!==i;)t(e,s),e=e.parentElement,s++}getMatrix(){const t=new DOMMatrix;return this.traverseUp(e=>{const s=getComputedStyle(e).transform;if(s){const e=new DOMMatrix(s);t.preMultiplySelf(e)}}),t}remove(){this.traverseUp((t,e)=>{this.inlineTransforms[e]=t.style.transform,t.style.transform="none"})}revert(){this.traverseUp((t,e)=>{const s=this.inlineTransforms[e];""===s?t.style.removeProperty("transform"):t.style.transform=s})}}const Ze=(t,e)=>t&&I(t)?t(e):t;let Je=0;class Ke{constructor(t,e={}){if(!t)return;D.current&&D.current.register(this);const r=e.x,n=e.y,o=e.trigger,a=e.modifier,h=e.releaseEase,l=h&&Se(h),c=!Y(h)&&!Y(h.ease),d=R(r)&&!Y(r.mapTo)?r.mapTo:"translateX",p=R(n)&&!Y(n.mapTo)?n.mapTo:"translateY",m=Ze(e.container,this);this.containerArray=P(m)?m:null,this.$container=m&&!this.containerArray?ie(m)[0]:i.body,this.useWin=this.$container===i.body,this.$scrollContainer=this.useWin?s:this.$container,this.$target=R(t)?new Qe(t):ie(t)[0],this.$trigger=ie(o||t)[0],this.fixed="fixed"===Pe(this.$target,"position"),this.isFinePointer=!0,this.containerPadding=[0,0,0,0],this.containerFriction=0,this.releaseContainerFriction=0,this.snapX=0,this.snapY=0,this.scrollSpeed=0,this.scrollThreshold=0,this.dragSpeed=0,this.maxVelocity=0,this.minVelocity=0,this.velocityMultiplier=0,this.cursor=!1,this.releaseXSpring=c?h:qe({mass:St(e.releaseMass,1),stiffness:St(e.releaseStiffness,80),damping:St(e.releaseDamping,20)}),this.releaseYSpring=c?h:qe({mass:St(e.releaseMass,1),stiffness:St(e.releaseStiffness,80),damping:St(e.releaseDamping,20)}),this.releaseEase=l||be.outQuint,this.hasReleaseSpring=c,this.onGrab=e.onGrab||y,this.onDrag=e.onDrag||y,this.onRelease=e.onRelease||y,this.onUpdate=e.onUpdate||y,this.onSettle=e.onSettle||y,this.onSnap=e.onSnap||y,this.onResize=e.onResize||y,this.onAfterResize=e.onAfterResize||y,this.disabled=[0,0];const f={};if(a&&(f.modifier=a),Y(r)||!0===r)f[d]=0;else if(R(r)){const t=r,e={};t.modifier&&(e.modifier=t.modifier),t.composition&&(e.composition=t.composition),f[d]=e}else!1===r&&(f[d]=0,this.disabled[0]=1);if(Y(n)||!0===n)f[p]=0;else if(R(n)){const t=n,e={};t.modifier&&(e.modifier=t.modifier),t.composition&&(e.composition=t.composition),f[p]=e}else!1===n&&(f[p]=0,this.disabled[1]=1);this.animate=new Xe(this.$target,f),this.xProp=d,this.yProp=p,this.destX=0,this.destY=0,this.deltaX=0,this.deltaY=0,this.scroll={x:0,y:0},this.coords=[this.x,this.y,0,0],this.snapped=[0,0],this.pointer=[0,0,0,0,0,0,0,0],this.scrollView=[0,0],this.dragArea=[0,0,0,0],this.containerBounds=[-u,u,u,-u],this.scrollBounds=[0,0,0,0],this.targetBounds=[0,0,0,0],this.window=[0,0],this.velocityStack=[0,0,0],this.velocityStackIndex=0,this.velocityTime=F(),this.velocity=0,this.angle=0,this.cursorStyles=null,this.triggerStyles=null,this.bodyStyles=null,this.targetStyles=null,this.touchActionStyles=null,this.transforms=new Ge(this.$target),this.overshootCoords={x:0,y:0},this.overshootTicker=new ee({autoplay:!1,onUpdate:()=>{this.updated=!0,this.manual=!0,this.disabled[0]||this.animate[this.xProp](this.overshootCoords.x,1),this.disabled[1]||this.animate[this.yProp](this.overshootCoords.y,1)},onComplete:()=>{this.manual=!1,this.disabled[0]||this.animate[this.xProp](this.overshootCoords.x,0),this.disabled[1]||this.animate[this.yProp](this.overshootCoords.y,0)}},null,0).init(),this.updateTicker=new ee({autoplay:!1,onUpdate:()=>this.update()},null,0).init(),this.contained=!Y(m),this.manual=!1,this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.enabled=!1,this.initialized=!1,this.activeProp=this.disabled[1]?d:p,this.animate.callbacks.onRender=()=>{const t=this.updated,e=!(this.grabbed&&t)&&this.released,s=this.x,i=this.y,r=s-this.coords[2],n=i-this.coords[3];this.deltaX=r,this.deltaY=n,this.coords[2]=s,this.coords[3]=i,t&&(r||n)&&this.onUpdate(this),e?(this.computeVelocity(r,n),this.angle=ot(n,r)):this.updated=!1},this.animate.callbacks.onComplete=()=>{!this.grabbed&&this.released&&(this.released=!1),this.manual||(this.deltaX=0,this.deltaY=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.onSettle(this))},this.resizeTicker=new ee({autoplay:!1,duration:150*L.timeScale,onComplete:()=>{this.onResize(this),this.refresh(),this.onAfterResize(this)}}).init(),this.parameters=e,this.resizeObserver=new ResizeObserver(()=>{this.initialized?this.resizeTicker.restart():this.initialized=!0}),this.enable(),this.refresh(),this.resizeObserver.observe(this.$container),R(t)||this.resizeObserver.observe(this.$target)}computeVelocity(t,e){const s=this.velocityTime,i=F(),r=i-s;if(r<17)return this.velocity;this.velocityTime=i;const n=this.velocityStack,o=this.velocityMultiplier,a=this.minVelocity,h=this.maxVelocity,l=this.velocityStackIndex;n[l]=dt(lt(Z(t*t+e*e)/r*o,a,h),5);const c=nt(n[0],n[1],n[2]);return this.velocity=c,this.velocityStackIndex=(l+1)%3,c}setX(t,e=!1){if(this.disabled[0])return;const s=dt(t,5);return this.overshootTicker.pause(),this.manual=!0,this.updated=!e,this.destX=s,this.snapped[0]=ut(s,this.snapX),this.animate[this.xProp](s,0),this.manual=!1,this}setY(t,e=!1){if(this.disabled[1])return;const s=dt(t,5);return this.overshootTicker.pause(),this.manual=!0,this.updated=!e,this.destY=s,this.snapped[1]=ut(s,this.snapY),this.animate[this.yProp](s,0),this.manual=!1,this}get x(){return dt(this.animate[this.xProp](),L.precision)}set x(t){this.setX(t,!1)}get y(){return dt(this.animate[this.yProp](),L.precision)}set y(t){this.setY(t,!1)}get progressX(){return We(this.x,this.containerBounds[3],this.containerBounds[1],0,1)}set progressX(t){this.setX(We(t,0,1,this.containerBounds[3],this.containerBounds[1]),!1)}get progressY(){return We(this.y,this.containerBounds[0],this.containerBounds[2],0,1)}set progressY(t){this.setY(We(t,0,1,this.containerBounds[0],this.containerBounds[2]),!1)}updateScrollCoords(){const t=dt(this.useWin?s.scrollX:this.$container.scrollLeft,0),e=dt(this.useWin?s.scrollY:this.$container.scrollTop,0),[i,r,n,o]=this.containerPadding,a=this.scrollThreshold;this.scroll.x=t,this.scroll.y=e,this.scrollBounds[0]=e-this.targetBounds[0]+i-a,this.scrollBounds[1]=t-this.targetBounds[1]-r+a,this.scrollBounds[2]=e-this.targetBounds[2]-n+a,this.scrollBounds[3]=t-this.targetBounds[3]+o-a}updateBoundingValues(){const t=this.$container;if(!t)return;const e=this.x,r=this.y,n=this.coords[2],o=this.coords[3];this.coords[2]=0,this.coords[3]=0,this.setX(0,!0),this.setY(0,!0),this.transforms.remove();const a=this.window[0]=s.innerWidth,h=this.window[1]=s.innerHeight,l=this.useWin,c=t.scrollWidth,d=t.scrollHeight,u=this.fixed,p=t.getBoundingClientRect(),[m,f,g,_]=this.containerPadding;this.dragArea[0]=l?0:p.left,this.dragArea[1]=l?0:p.top,this.scrollView[0]=l?lt(c,a,c):c,this.scrollView[1]=l?lt(d,h,d):d,this.updateScrollCoords();const{width:y,height:v,left:b,top:T,right:S,bottom:w}=t.getBoundingClientRect();this.dragArea[2]=dt(l?lt(y,a,a):y,0),this.dragArea[3]=dt(l?lt(v,h,h):v,0);const x=Pe(t,"overflow"),k="visible"===x,$="hidden"===x;if(this.canScroll=!u&&this.contained&&(t===i.body&&k||!$&&!k)&&(c>this.dragArea[2]+_-f||d>this.dragArea[3]+m-g)&&(!this.containerArray||this.containerArray&&!P(this.containerArray)),this.contained){const e=this.scroll.x,s=this.scroll.y,i=this.canScroll,r=this.$target.getBoundingClientRect(),n=i?l?0:t.scrollLeft:0,o=i?l?0:t.scrollTop:0,c=i?this.scrollView[0]-n-y:0,d=i?this.scrollView[1]-o-v:0;this.targetBounds[0]=dt(r.top+s-(l?0:T),0),this.targetBounds[1]=dt(r.right+e-(l?a:S),0),this.targetBounds[2]=dt(r.bottom+s-(l?h:w),0),this.targetBounds[3]=dt(r.left+e-(l?0:b),0),this.containerArray?(this.containerBounds[0]=this.containerArray[0]+m,this.containerBounds[1]=this.containerArray[1]-f,this.containerBounds[2]=this.containerArray[2]-g,this.containerBounds[3]=this.containerArray[3]+_):(this.containerBounds[0]=-dt(r.top-(u?lt(T,0,h):T)+o-m,0),this.containerBounds[1]=-dt(r.right-(u?lt(S,0,a):S)-c+f,0),this.containerBounds[2]=-dt(r.bottom-(u?lt(w,0,h):w)-d+g,0),this.containerBounds[3]=-dt(r.left-(u?lt(b,0,a):b)+n-_,0))}this.transforms.revert(),this.coords[2]=n,this.coords[3]=o,this.setX(e,!0),this.setY(r,!0)}isOutOfBounds(t,e,s){if(!this.contained)return 0;const[i,r,n,o]=t,[a,h]=this.disabled,l=!a&&e<o||!a&&e>r,c=!h&&s<i||!h&&s>n;return l&&!c?1:!l&&c?2:l&&c?3:0}refresh(){const t=this.parameters,e=t.x,r=t.y,n=Ze(t.container,this),o=Ze(t.containerPadding,this)||0,a=P(o)?o:[o,o,o,o],h=this.x,l=this.y,c=Ze(t.cursor,this),d={onHover:"grab",onGrab:"grabbing"};if(c){const{onHover:t,onGrab:e}=c;t&&(d.onHover=t),e&&(d.onGrab=e)}this.containerArray=P(n)?n:null,this.$container=n&&!this.containerArray?ie(n)[0]:i.body,this.useWin=this.$container===i.body,this.$scrollContainer=this.useWin?s:this.$container,this.isFinePointer=matchMedia("(pointer:fine)").matches,this.containerPadding=St(a,[0,0,0,0]),this.containerFriction=lt(St(Ze(t.containerFriction,this),.8),0,1),this.releaseContainerFriction=lt(St(Ze(t.releaseContainerFriction,this),this.containerFriction),0,1),this.snapX=Ze(R(e)&&!Y(e.snap)?e.snap:t.snap,this),this.snapY=Ze(R(r)&&!Y(r.snap)?r.snap:t.snap,this),this.scrollSpeed=St(Ze(t.scrollSpeed,this),1.5),this.scrollThreshold=St(Ze(t.scrollThreshold,this),20),this.dragSpeed=St(Ze(t.dragSpeed,this),1),this.minVelocity=St(Ze(t.minVelocity,this),0),this.maxVelocity=St(Ze(t.maxVelocity,this),50),this.velocityMultiplier=St(Ze(t.velocityMultiplier,this),1),this.cursor=!1!==c&&d,this.updateBoundingValues();const[u,p,m,f]=this.containerBounds;this.setX(lt(h,f,p),!0),this.setY(lt(l,u,m),!0)}update(){if(this.updateScrollCoords(),this.canScroll){const[t,e,s,i]=this.containerPadding,[r,n]=this.scrollView,o=this.dragArea[2],a=this.dragArea[3],h=this.scroll.x,l=this.scroll.y,c=this.$container.scrollWidth,d=this.$container.scrollHeight,u=this.useWin?lt(c,this.window[0],c):c,p=this.useWin?lt(d,this.window[1],d):d,m=r-u,f=n-p;this.dragged&&m>0&&(this.coords[0]-=m,this.scrollView[0]=u),this.dragged&&f>0&&(this.coords[1]-=f,this.scrollView[1]=p);const g=10*this.scrollSpeed,_=this.scrollThreshold,[y,v]=this.coords,[b,T,S,w]=this.scrollBounds,x=dt(lt((v-b+t)/_,-1,0)*g,0),k=dt(lt((y-T-e)/_,0,1)*g,0),$=dt(lt((v-S-s)/_,0,1)*g,0),E=dt(lt((y-w+i)/_,-1,0)*g,0);if(x||$||E||k){const[t,e]=this.disabled;let s=h,i=l;t||(s=dt(lt(h+(E||k),0,r-o),0),this.coords[0]-=h-s),e||(i=dt(lt(l+(x||$),0,n-a),0),this.coords[1]-=l-i),this.useWin?this.$scrollContainer.scrollBy(-(h-s),-(l-i)):this.$scrollContainer.scrollTo(s,i)}}const[t,e,s,i]=this.containerBounds,[r,n,o,a,h,l]=this.pointer;this.coords[0]+=(r-h)*this.dragSpeed,this.coords[1]+=(n-l)*this.dragSpeed,this.pointer[4]=r,this.pointer[5]=n;const[c,d]=this.coords,[u,p]=this.snapped,m=(1-this.containerFriction)*this.dragSpeed;this.setX(c>e?e+(c-e)*m:c<i?i+(c-i)*m:c,!1),this.setY(d>s?s+(d-s)*m:d<t?t+(d-t)*m:d,!1),this.computeVelocity(r-h,n-l),this.angle=ot(n-a,r-o);const[f,g]=this.snapped;(f!==u&&this.snapX||g!==p&&this.snapY)&&this.onSnap(this)}stop(){this.updateTicker.pause(),this.overshootTicker.pause();for(let t in this.animate.animations)this.animate.animations[t].pause();return Zt([this],null,"x"),Zt([this],null,"y"),Zt([this],null,"progressX"),Zt([this],null,"progressY"),Zt([this.scroll]),Zt([this.overshootCoords]),this}scrollInView(t,e=0,s=be.inOutQuad){this.updateScrollCoords();const i=this.destX,r=this.destY,n=this.scroll,o=this.scrollBounds,a=this.canScroll;if(!this.containerArray&&this.isOutOfBounds(o,i,r)){const[h,l,c,d]=o,p=dt(lt(r-h,-u,0),0),m=dt(lt(i-l,0,u),0),f=dt(lt(r-c,0,u),0),g=dt(lt(i-d,-u,0),0);new Ae(n,{x:dt(n.x+(g?g-e:m?m+e:0),0),y:dt(n.y+(p?p-e:f?f+e:0),0),duration:Y(t)?350*L.timeScale:t,ease:s,onUpdate:()=>{this.canScroll=!1,this.$scrollContainer.scrollTo(n.x,n.y)}}).init().then(()=>{this.canScroll=a})}return this}handleHover(){this.isFinePointer&&this.cursor&&!this.cursorStyles&&(this.cursorStyles=Re(this.$trigger,{cursor:this.cursor.onHover}))}animateInView(t,e=0,s=be.inOutQuad){this.stop(),this.updateBoundingValues();const i=this.x,r=this.y,[n,o,a,h]=this.containerPadding,l=this.scroll.y-this.targetBounds[0]+n+e,c=this.scroll.x-this.targetBounds[1]-o-e,d=this.scroll.y-this.targetBounds[2]-a-e,u=this.scroll.x-this.targetBounds[3]+h+e,p=this.isOutOfBounds([l,c,d,u],i,r);if(p){const[e,n]=this.disabled,o=lt(ut(i,this.snapX),u,c),a=lt(ut(r,this.snapY),l,d),h=Y(t)?350*L.timeScale:t;e||1!==p&&3!==p||this.animate[this.xProp](o,h,s),n||2!==p&&3!==p||this.animate[this.yProp](a,h,s)}return this}handleDown(t){const e=t.target;if(this.grabbed||"range"===e.type)return;t.stopPropagation(),this.grabbed=!0,this.released=!1,this.stop(),this.updateBoundingValues();const s=t.changedTouches,r=s?s[0].clientX:t.clientX,n=s?s[0].clientY:t.clientY,{x:o,y:a}=this.transforms.normalizePoint(r,n),[h,l,c,d]=this.containerBounds,u=(1-this.containerFriction)*this.dragSpeed,p=this.x,m=this.y;this.coords[0]=this.coords[2]=u?p>l?l+(p-l)/u:p<d?d+(p-d)/u:p:p,this.coords[1]=this.coords[3]=u?m>c?c+(m-c)/u:m<h?h+(m-h)/u:m:m,this.pointer[0]=o,this.pointer[1]=a,this.pointer[2]=o,this.pointer[3]=a,this.pointer[4]=o,this.pointer[5]=a,this.pointer[6]=o,this.pointer[7]=a,this.deltaX=0,this.deltaY=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.angle=0,this.targetStyles&&(this.targetStyles.revert(),this.targetStyles=null);const f=Pe(this.$target,"zIndex",!1);Je=(f>Je?f:Je)+1,this.targetStyles=Re(this.$target,{zIndex:Je}),this.triggerStyles&&(this.triggerStyles.revert(),this.triggerStyles=null),this.cursorStyles&&(this.cursorStyles.revert(),this.cursorStyles=null),this.isFinePointer&&this.cursor&&(this.bodyStyles=Re(i.body,{cursor:this.cursor.onGrab})),this.scrollInView(100,0,be.out(3)),this.onGrab(this),i.addEventListener("touchmove",this),i.addEventListener("touchend",this),i.addEventListener("touchcancel",this),i.addEventListener("mousemove",this),i.addEventListener("mouseup",this),i.addEventListener("selectstart",this)}handleMove(t){if(!this.grabbed)return;const e=t.changedTouches,s=e?e[0].clientX:t.clientX,i=e?e[0].clientY:t.clientY,{x:r,y:n}=this.transforms.normalizePoint(s,i),o=r-this.pointer[6],a=n-this.pointer[7];let h=t.target,l=!1,c=!1,d=!1;for(;e&&h&&h!==this.$trigger;){const t=Pe(h,"overflow-y");if("hidden"!==t&&"visible"!==t){const{scrollTop:t,scrollHeight:e,clientHeight:s}=h;if(e>s){d=!0,l=t<=3,c=t>=e-s-3;break}}h=h.parentElement}d&&(!l&&!c||l&&a<0||c&&a>0)?(this.pointer[0]=r,this.pointer[1]=n,this.pointer[2]=r,this.pointer[3]=n,this.pointer[4]=r,this.pointer[5]=n,this.pointer[6]=r,this.pointer[7]=n):(je(t),this.triggerStyles||(this.triggerStyles=Re(this.$trigger,{pointerEvents:"none"})),this.$trigger.addEventListener("touchstart",je,{passive:!1}),this.$trigger.addEventListener("touchmove",je,{passive:!1}),this.$trigger.addEventListener("touchend",je),(!this.disabled[0]&&tt(o)>3||!this.disabled[1]&&tt(a)>3)&&(this.updateTicker.resume(),this.pointer[2]=this.pointer[0],this.pointer[3]=this.pointer[1],this.pointer[0]=r,this.pointer[1]=n,this.dragged=!0,this.released=!1,this.onDrag(this)))}handleUp(){if(!this.grabbed)return;this.updateTicker.pause(),this.triggerStyles&&(this.triggerStyles.revert(),this.triggerStyles=null),this.bodyStyles&&(this.bodyStyles.revert(),this.bodyStyles=null);const[t,e]=this.disabled,[s,n,o,a,h,l]=this.pointer,[c,d,u,p]=this.containerBounds,[m,f]=this.snapped,g=this.releaseXSpring,_=this.releaseYSpring,y=this.releaseEase,v=this.hasReleaseSpring,b=this.overshootCoords,T=this.x,S=this.y,w=this.computeVelocity(s-h,n-l),x=this.angle=ot(n-a,s-o),k=150*w,$=(1-this.releaseContainerFriction)*this.dragSpeed,E=T+K(x)*k,C=S+J(x)*k,B=E>d?d+(E-d)*$:E<p?p+(E-p)*$:E,D=C>u?u+(C-u)*$:C<c?c+(C-c)*$:C,A=this.destX=lt(dt(ut(B,this.snapX),5),p,d),N=this.destY=lt(dt(ut(D,this.snapY),5),c,u),O=this.isOutOfBounds(this.containerBounds,E,C);let F=0,P=0,R=y,M=y,z=0;if(b.x=T,b.y=S,!t){const t=A===d?T>d?-1:1:T<p?-1:1,s=dt(T-A,0);g.velocity=e&&v?s?k*t/tt(s):0:w;const{ease:i,duration:r,restDuration:n}=g;F=T===A?0:v?r:r-n*L.timeScale,v&&(R=i),F>z&&(z=F)}if(!e){const e=N===u?S>u?-1:1:S<c?-1:1,s=dt(S-N,0);_.velocity=t&&v?s?k*e/tt(s):0:w;const{ease:i,duration:r,restDuration:n}=_;P=S===N?0:v?r:r-n*L.timeScale,v&&(M=i),P>z&&(z=P)}if(!v&&O&&$&&(F||P)){const t=r.blend;new Ae(b,{x:{to:B,duration:.65*F},y:{to:D,duration:.65*P},ease:y,composition:t}).init(),new Ae(b,{x:{to:A,duration:F},y:{to:N,duration:P},ease:y,composition:t}).init(),this.overshootTicker.stretch(nt(F,P)).restart()}else t||this.animate[this.xProp](A,F,R),e||this.animate[this.yProp](N,P,M);this.scrollInView(z,this.scrollThreshold,y);let I=!1;A!==m&&(this.snapped[0]=A,this.snapX&&(I=!0)),N!==f&&this.snapY&&(this.snapped[1]=N,this.snapY&&(I=!0)),I&&this.onSnap(this),this.grabbed=!1,this.dragged=!1,this.updated=!0,this.released=!0,this.onRelease(this),this.$trigger.removeEventListener("touchstart",je),this.$trigger.removeEventListener("touchmove",je),this.$trigger.removeEventListener("touchend",je),i.removeEventListener("touchmove",this),i.removeEventListener("touchend",this),i.removeEventListener("touchcancel",this),i.removeEventListener("mousemove",this),i.removeEventListener("mouseup",this),i.removeEventListener("selectstart",this)}reset(){return this.stop(),this.resizeTicker.pause(),this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.setX(0,!0),this.setY(0,!0),this.coords[0]=0,this.coords[1]=0,this.pointer[0]=0,this.pointer[1]=0,this.pointer[2]=0,this.pointer[3]=0,this.pointer[4]=0,this.pointer[5]=0,this.pointer[6]=0,this.pointer[7]=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.angle=0,this}enable(){return this.enabled||(this.enabled=!0,this.$target.classList.remove("is-disabled"),this.touchActionStyles=Re(this.$trigger,{touchAction:this.disabled[0]?"pan-x":this.disabled[1]?"pan-y":"none"}),this.$trigger.addEventListener("touchstart",this,{passive:!0}),this.$trigger.addEventListener("mousedown",this,{passive:!0}),this.$trigger.addEventListener("mouseenter",this)),this}disable(){return this.enabled=!1,this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.touchActionStyles.revert(),this.cursorStyles&&(this.cursorStyles.revert(),this.cursorStyles=null),this.triggerStyles&&(this.triggerStyles.revert(),this.triggerStyles=null),this.bodyStyles&&(this.bodyStyles.revert(),this.bodyStyles=null),this.targetStyles&&(this.targetStyles.revert(),this.targetStyles=null),this.$target.classList.add("is-disabled"),this.$trigger.removeEventListener("touchstart",this),this.$trigger.removeEventListener("mousedown",this),this.$trigger.removeEventListener("mouseenter",this),i.removeEventListener("touchmove",this),i.removeEventListener("touchend",this),i.removeEventListener("touchcancel",this),i.removeEventListener("mousemove",this),i.removeEventListener("mouseup",this),i.removeEventListener("selectstart",this),this}revert(){return this.reset(),this.disable(),this.$target.classList.remove("is-disabled"),this.updateTicker.revert(),this.overshootTicker.revert(),this.resizeTicker.revert(),this.animate.revert(),this.resizeObserver.disconnect(),this}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":this.handleDown(t);break;case"mousemove":case"touchmove":this.handleMove(t);break;case"mouseup":case"touchend":case"touchcancel":this.handleUp();break;case"mouseenter":this.handleHover();break;case"selectstart":je(t)}}}const ts=(t=y)=>new ee({duration:1*L.timeScale,onComplete:t},null,0).resume(),es=t=>{let e;return(...s)=>{let i,r,n,o;e&&(i=e.currentIteration,r=e.iterationProgress,n=e.reversed,o=e._alternate,e.revert());const a=t(...s);return a&&!I(a)&&a.revert&&(e=a),Y(r)||(e.currentIteration=i,e.iterationProgress=(o&&i%2?!n:n)?1-r:r),a||y}};class ss{constructor(t={}){D.current&&D.current.register(this);const e=t.root;let r=i;e&&(r=e.current||e.nativeElement||ie(e)[0]||i);const n=t.defaults,o=L.defaults,a=t.mediaQueries;if(this.defaults=n?_t(n,o):o,this.root=r,this.constructors=[],this.revertConstructors=[],this.revertibles=[],this.constructorsOnce=[],this.revertConstructorsOnce=[],this.revertiblesOnce=[],this.once=!1,this.onceIndex=0,this.methods={},this.matches={},this.mediaQueryLists={},this.data={},a)for(let t in a){const e=s.matchMedia(a[t]);this.mediaQueryLists[t]=e,e.addEventListener("change",this)}}register(t){(this.once?this.revertiblesOnce:this.revertibles).push(t)}execute(t){let e=D.current,s=D.root,i=L.defaults;D.current=this,D.root=this.root,L.defaults=this.defaults;const r=this.mediaQueryLists;for(let t in r)this.matches[t]=r[t].matches;const n=t(this);return D.current=e,D.root=s,L.defaults=i,n}refresh(){return this.onceIndex=0,this.execute(()=>{let t=this.revertibles.length,e=this.revertConstructors.length;for(;t--;)this.revertibles[t].revert();for(;e--;)this.revertConstructors[e](this);this.revertibles.length=0,this.revertConstructors.length=0,this.constructors.forEach(t=>{const e=t(this);I(e)&&this.revertConstructors.push(e)})}),this}add(t,e){if(this.once=!1,I(t)){const e=t;this.constructors.push(e),this.execute(()=>{const t=e(this);I(t)&&this.revertConstructors.push(t)})}else this.methods[t]=(...t)=>this.execute(()=>e(...t));return this}addOnce(t){if(this.once=!0,I(t)){const e=this.onceIndex++;if(this.constructorsOnce[e])return this;const s=t;this.constructorsOnce[e]=s,this.execute(()=>{const t=s(this);I(t)&&this.revertConstructorsOnce.push(t)})}return this}keepTime(t){this.once=!0;const e=this.onceIndex++,s=this.constructorsOnce[e];if(I(s))return s(this);const i=es(t);let r;return this.constructorsOnce[e]=i,this.execute(()=>{r=i(this)}),r}handleEvent(t){"change"===t.type&&this.refresh()}revert(){const t=this.revertibles,e=this.revertConstructors,s=this.revertiblesOnce,i=this.revertConstructorsOnce,r=this.mediaQueryLists;let n=t.length,o=e.length,a=s.length,h=i.length;for(;n--;)t[n].revert();for(;o--;)e[o](this);for(;a--;)s[a].revert();for(;h--;)i[h](this);for(let t in r)r[t].removeEventListener("change",this);t.length=0,e.length=0,this.constructors.length=0,s.length=0,i.length=0,this.constructorsOnce.length=0,this.onceIndex=0,this.matches={},this.methods={},this.mediaQueryLists={},this.data={}}}const is=(t,e)=>t&&I(t)?t(e):t,rs=new Map;class ns{constructor(t){this.element=t,this.useWin=this.element===i.body,this.winWidth=0,this.winHeight=0,this.width=0,this.height=0,this.left=0,this.top=0,this.zIndex=0,this.scrollX=0,this.scrollY=0,this.prevScrollX=0,this.prevScrollY=0,this.scrollWidth=0,this.scrollHeight=0,this.velocity=0,this.backwardX=!1,this.backwardY=!1,this.scrollTicker=new ee({autoplay:!1,onBegin:()=>this.dataTimer.resume(),onUpdate:()=>{const t=this.backwardX||this.backwardY;yt(this,t=>t.handleScroll(),t)},onComplete:()=>this.dataTimer.pause()}).init(),this.dataTimer=new ee({autoplay:!1,frameRate:30,onUpdate:t=>{const e=t.deltaTime,s=this.prevScrollX,i=this.prevScrollY,r=this.scrollX,n=this.scrollY,o=s-r,a=i-n;this.prevScrollX=r,this.prevScrollY=n,o&&(this.backwardX=s>r),a&&(this.backwardY=i>n),this.velocity=dt(e>0?Math.sqrt(o*o+a*a)/e:0,5)}}).init(),this.resizeTicker=new ee({autoplay:!1,duration:250*L.timeScale,onComplete:()=>{this.updateWindowBounds(),this.refreshScrollObservers(),this.handleScroll()}}).init(),this.wakeTicker=new ee({autoplay:!1,duration:500*L.timeScale,onBegin:()=>{this.scrollTicker.resume()},onComplete:()=>{this.scrollTicker.pause()}}).init(),this._head=null,this._tail=null,this.updateScrollCoords(),this.updateWindowBounds(),this.updateBounds(),this.refreshScrollObservers(),this.handleScroll(),this.resizeObserver=new ResizeObserver(()=>this.resizeTicker.restart()),this.resizeObserver.observe(this.element),(this.useWin?s:this.element).addEventListener("scroll",this,!1)}updateScrollCoords(){const t=this.useWin,e=this.element;this.scrollX=dt(t?s.scrollX:e.scrollLeft,0),this.scrollY=dt(t?s.scrollY:e.scrollTop,0)}updateWindowBounds(){this.winWidth=s.innerWidth,this.winHeight=(()=>{const t=i.createElement("div");i.body.appendChild(t),t.style.height="100lvh";const e=t.offsetHeight;return i.body.removeChild(t),e})()}updateBounds(){const t=getComputedStyle(this.element),e=this.element;let s,i;if(this.scrollWidth=e.scrollWidth+parseFloat(t.marginLeft)+parseFloat(t.marginRight),this.scrollHeight=e.scrollHeight+parseFloat(t.marginTop)+parseFloat(t.marginBottom),this.updateWindowBounds(),this.useWin)s=this.winWidth,i=this.winHeight;else{const t=e.getBoundingClientRect();s=e.clientWidth,i=e.clientHeight,this.top=t.top,this.left=t.left}this.width=s,this.height=i}refreshScrollObservers(){yt(this,t=>{t._debug&&t.removeDebug()}),this.updateBounds(),yt(this,t=>{t.refresh(),t._debug&&t.debug()})}refresh(){this.updateWindowBounds(),this.updateBounds(),this.refreshScrollObservers(),this.handleScroll()}handleScroll(){this.updateScrollCoords(),this.wakeTicker.restart()}handleEvent(t){"scroll"===t.type&&this.handleScroll()}revert(){this.scrollTicker.cancel(),this.dataTimer.cancel(),this.resizeTicker.cancel(),this.wakeTicker.cancel(),this.resizeObserver.disconnect(),(this.useWin?s:this.element).removeEventListener("scroll",this),rs.delete(this.element)}}const os=(t,e,s,i,r)=>{const n="min"===e,o="max"===e,a="top"===e||"left"===e||"start"===e||n?0:"bottom"===e||"right"===e||"end"===e||o?"100%":"center"===e?"50%":e,{n:h,u:l}=Ct(a,Dt);let c=h;return"%"===l?c=h/100*s:l&&(c=ae(t,Dt,"px",!0).n),o&&i<0&&(c+=i),n&&r>0&&(c+=r),c},as=(t,e,s,i,r)=>{let n;if(z(e)){const o=C.exec(e);if(o){const a=o[0],h=a[0],l=e.split(a),c="min"===l[0],d="max"===l[0],u=os(t,l[0],s,i,r),p=os(t,l[1],s,i,r);if(c){const e=Et(os(t,"min",s),p,h);n=e<u?u:e}else if(d){const e=Et(os(t,"max",s),p,h);n=e>u?u:e}else n=Et(u,p,h)}else n=os(t,e,s,i,r)}else n=e;return dt(n,0)},hs=t=>{let e;const s=t.targets;for(let t=0,i=s.length;t<i;t++){const i=s[t];if(i[o]){e=i;break}}return e};let ls=0;const cs=["#FF4B4B","#FF971B","#FFC730","#F9F640","#7AFF5A","#18FF74","#17E09B","#3CFFEC","#05DBE9","#33B3F1","#638CF9","#C563FE","#FF4FCF","#F93F8A"];class ds{constructor(t={}){D.current&&D.current.register(this);const e=St(t.sync,"play pause"),s=e?Se(e):null,r=e&&("linear"===e||e===he),n=e&&!(s===he&&!r),o=e&&(M(e)||!0===e||r),a=e&&z(e)&&!n&&!o,h=a?e.split(" ").map(t=>()=>{const e=this.linked;return e&&e[t]?e[t]():null}):null,l=a&&h.length>2;this.index=ls++,this.id=Y(t.id)?this.index:t.id,this.container=(t=>{const e=t&&ie(t)[0]||i.body;let s=rs.get(e);return s||(s=new ns(e),rs.set(e,s)),s})(t.container),this.target=null,this.linked=null,this.repeat=null,this.horizontal=null,this.enter=null,this.leave=null,this.sync=n||o||!!h,this.syncEase=n?s:null,this.syncSmooth=o?!0===e||r?1:e:null,this.onSyncEnter=h&&!l&&h[0]?h[0]:y,this.onSyncLeave=h&&!l&&h[1]?h[1]:y,this.onSyncEnterForward=h&&l&&h[0]?h[0]:y,this.onSyncLeaveForward=h&&l&&h[1]?h[1]:y,this.onSyncEnterBackward=h&&l&&h[2]?h[2]:y,this.onSyncLeaveBackward=h&&l&&h[3]?h[3]:y,this.onEnter=t.onEnter||y,this.onLeave=t.onLeave||y,this.onEnterForward=t.onEnterForward||y,this.onLeaveForward=t.onLeaveForward||y,this.onEnterBackward=t.onEnterBackward||y,this.onLeaveBackward=t.onLeaveBackward||y,this.onUpdate=t.onUpdate||y,this.onSyncComplete=t.onSyncComplete||y,this.reverted=!1,this.completed=!1,this.began=!1,this.isInView=!1,this.forceEnter=!1,this.hasEntered=!1,this.offset=0,this.offsetStart=0,this.offsetEnd=0,this.distance=0,this.prevProgress=0,this.thresholds=["start","end","end","start"],this.coords=[0,0,0,0],this.debugStyles=null,this.$debug=null,this._params=t,this._debug=St(t.debug,!1),this._next=null,this._prev=null,bt(this.container,this),ts(()=>{if(!this.reverted){if(!this.target){const e=ie(t.target)[0];this.target=e||i.body,this.refresh()}this._debug&&this.debug()}})}link(t){if(t&&(t.pause(),this.linked=t,!this._params.target)){let e;Y(t.targets)?yt(t,t=>{t.targets&&!e&&(e=hs(t))}):e=hs(t),this.target=e||i.body,this.refresh()}return this}get velocity(){return this.container.velocity}get backward(){return this.horizontal?this.container.backwardX:this.container.backwardY}get scroll(){return this.horizontal?this.container.scrollX:this.container.scrollY}get progress(){const t=(this.scroll-this.offsetStart)/this.distance;return t===1/0||isNaN(t)?0:dt(lt(t,0,1),6)}refresh(){this.reverted=!1;const t=this._params;return this.repeat=St(is(t.repeat,this),!0),this.horizontal="x"===St(is(t.axis,this),"y"),this.enter=St(is(t.enter,this),"end start"),this.leave=St(is(t.leave,this),"start end"),this.updateBounds(),this.handleScroll(),this}removeDebug(){return this.$debug&&(this.$debug.parentNode.removeChild(this.$debug),this.$debug=null),this.debugStyles&&(this.debugStyles.revert(),this.$debug=null),this}debug(){this.removeDebug();const t=this.container,e=this.horizontal,s=t.element.querySelector(":scope > .animejs-onscroll-debug"),r=i.createElement("div"),n=i.createElement("div"),o=i.createElement("div"),a=cs[this.index%cs.length],h=t.useWin,l=h?t.winWidth:t.width,c=h?t.winHeight:t.height,d=t.scrollWidth,u=t.scrollHeight,p=this.container.width>360?320:260,m=e?0:10,f=e?10:0,g=e?24:p/2,_=e?g:15,y=e?60:g,v=e?y:_,b=e?"repeat-x":"repeat-y",T=t=>e?"0px "+t+"px":t+"px 2px",S=t=>`linear-gradient(${e?90:0}deg, ${t} 2px, transparent 1px)`,w=(t,e,s,i,r)=>`position:${t};left:${e}px;top:${s}px;width:${i}px;height:${r}px;`;r.style.cssText=`${w("absolute",m,f,e?d:p,e?p:u)}\n      pointer-events: none;\n      z-index: ${this.container.zIndex++};\n      display: flex;\n      flex-direction: ${e?"column":"row"};\n      filter: drop-shadow(0px 1px 0px rgba(0,0,0,.75));\n    `,n.style.cssText=`${w("sticky",0,0,e?l:g,e?g:c)}`,s||(n.style.cssText+=`background:\n        ${S("#FFFF")}${T(g-10)} / 100px 100px ${b},\n        ${S("#FFF8")}${T(g-10)} / 10px 10px ${b};\n      `),o.style.cssText=`${w("relative",0,0,e?d:g,e?g:u)}`,s||(o.style.cssText+=`background:\n        ${S("#FFFF")}${T(0)} / ${e?"100px 10px":"10px 100px"} ${b},\n        ${S("#FFF8")}${T(0)} / ${e?"10px 0px":"0px 10px"} ${b};\n      `);const x=[" enter: "," leave: "];this.coords.forEach((t,s)=>{const r=s>1,h=(r?0:this.offset)+t,m=s%2,f=h<v,g=h>(r?e?l:c:e?d:u)-v,b=(r?m&&!f:!m&&!f)||g,T=i.createElement("div"),S=i.createElement("div"),k=e?b?"right":"left":b?"bottom":"top",$=b?(e?y:_)+(r?e?-1:g?0:-2:e?-1:-2):e?1:0;S.innerHTML=`${this.id}${x[m]}${this.thresholds[s]}`,T.style.cssText=`${w("absolute",0,0,y,_)}\n        display: flex;\n        flex-direction: ${e?"column":"row"};\n        justify-content: flex-${r?"start":"end"};\n        align-items: flex-${b?"end":"start"};\n        border-${k}: 2px solid ${a};\n      `,S.style.cssText=`\n        overflow: hidden;\n        max-width: ${p/2-10}px;\n        height: ${_};\n        margin-${e?b?"right":"left":b?"bottom":"top"}: -2px;\n        padding: 1px;\n        font-family: ui-monospace, monospace;\n        font-size: 10px;\n        letter-spacing: -.025em;\n        line-height: 9px;\n        font-weight: 600;\n        text-align: ${e&&b||!e&&!r?"right":"left"};\n        white-space: pre;\n        text-overflow: ellipsis;\n        color: ${m?a:"rgba(0,0,0,.75)"};\n        background-color: ${m?"rgba(0,0,0,.65)":a};\n        border: 2px solid ${m?a:"transparent"};\n        border-${e?b?"top-left":"top-right":b?"top-left":"bottom-left"}-radius: 5px;\n        border-${e?b?"bottom-left":"bottom-right":b?"top-right":"bottom-right"}-radius: 5px;\n      `,T.appendChild(S);let E=h-$+(e?1:0);T.style[e?"left":"top"]=`${E}px`,(r?n:o).appendChild(T)}),r.appendChild(n),r.appendChild(o),t.element.appendChild(r),s||r.classList.add("animejs-onscroll-debug"),this.$debug=r,"static"===Pe(t.element,"position")&&(this.debugStyles=Re(t.element,{position:"relative "}))}updateBounds(){let t;this._debug&&this.removeDebug();const e=this.target,s=this.container,r=this.horizontal,n=this.linked;let o,a=e;for(n&&(o=n.currentTime,n.seek(0,!0)),a.parentElement;a&&a!==s.element&&a!==i.body;){const e="sticky"===Pe(a,"position")&&Re(a,{position:"static"});a=a.parentElement,e&&(t||(t=[]),t.push(e))}const h=e.getBoundingClientRect(),l=r?h.left+s.scrollX-s.left:h.top+s.scrollY-s.top,c=r?h.width:h.height,d=r?s.width:s.height,u=(r?s.scrollWidth:s.scrollHeight)-d,p=this.enter,m=this.leave;let f="start",g="end",_="end",y="start";if(z(p)){const t=p.split(" ");_=t[0],f=t.length>1?t[1]:f}else if(R(p)){const t=p;Y(t.container)||(_=t.container),Y(t.target)||(f=t.target)}else M(p)&&(_=p);if(z(m)){const t=m.split(" ");y=t[0],g=t.length>1?t[1]:g}else if(R(m)){const t=m;Y(t.container)||(y=t.container),Y(t.target)||(g=t.target)}else M(m)&&(y=m);const v=as(e,f,c),b=as(e,g,c),T=v+l-d,S=b+l-u,w=as(e,_,d,T,S),x=as(e,y,d,T,S),k=v+l-w,$=b+l-x,E=$-k;this.offset=l,this.offsetStart=k,this.offsetEnd=$,this.distance=E<=0?0:E,this.thresholds=[f,g,_,y],this.coords=[v,b,w,x],t&&t.forEach(t=>t.revert()),n&&n.seek(o,!0),this._debug&&this.debug()}handleScroll(){const t=this.linked,e=this.sync,s=this.syncEase,i=this.syncSmooth,r=t&&(s||i),n=this.horizontal,o=this.container,a=this.scroll,h=a<=this.offsetStart,l=a>=this.offsetEnd,c=!h&&!l,d=a===this.offsetStart||a===this.offsetEnd,u=!this.hasEntered&&d,p=this._debug&&this.$debug;let m=!1,f=!1,g=this.progress;if(h&&this.began&&(this.began=!1),g>0&&!this.began&&(this.began=!0),r){const e=t.progress;if(i&&M(i)){if(i<1){const t=1e-4,s=e<g&&1===g?t:e>g&&!g?-t:0;g=dt(pt(e,g,pt(.01,.2,i))+s,6)}}else s&&(g=s(g));m=g!==this.prevProgress,f=1===e,m&&!f&&i&&e&&o.wakeTicker.restart()}if(p){const t=n?o.scrollY:o.scrollX;p.style[n?"top":"left"]=t+10+"px"}(c&&!this.isInView||u&&!this.forceEnter&&!this.hasEntered)&&(c&&(this.isInView=!0),this.forceEnter&&this.hasEntered?c&&(this.forceEnter=!1):(p&&c&&(p.style.zIndex=""+this.container.zIndex++),this.onSyncEnter(this),this.onEnter(this),this.backward?(this.onSyncEnterBackward(this),this.onEnterBackward(this)):(this.onSyncEnterForward(this),this.onEnterForward(this)),this.hasEntered=!0,u&&(this.forceEnter=!0))),(c||!c&&this.isInView)&&(m=!0),m&&(r&&t.seek(t.duration*g),this.onUpdate(this)),!c&&this.isInView&&(this.isInView=!1,this.onSyncLeave(this),this.onLeave(this),this.backward?(this.onSyncLeaveBackward(this),this.onLeaveBackward(this)):(this.onSyncLeaveForward(this),this.onLeaveForward(this)),e&&!i&&(f=!0)),g>=1&&this.began&&!this.completed&&(e&&f||!e)&&(e&&this.onSyncComplete(this),this.completed=!0,(!this.repeat&&!t||!this.repeat&&t&&t.completed)&&this.revert()),g<1&&this.completed&&(this.completed=!1),this.prevProgress=g}revert(){if(this.reverted)return;const t=this.container;return vt(t,this),t._head||t.revert(),this._debug&&this.removeDebug(),this.reverted=!0,this}}var us=Object.freeze({__proto__:null,cubicBezier:pe,eases:be,irregular:ge,linear:fe,none:he,steps:me});const ps=Ve,ms={},fs=t=>(...e)=>{const s=t(...e);return new Proxy(y,{apply:(t,e,[i])=>s(i),get:(t,e)=>fs((...t)=>{const i=ms[e](...t);return t=>i(s(t))})})},gs=(t,e,s=0)=>{const i=(...t)=>(t.length<e.length?fs(((t,e=0)=>(...s)=>e?e=>t(...s,e):e=>t(e,...s))(e,s)):e)(...t);return ms[t]||(ms[t]=i),i},_s=gs("roundPad",ps.roundPad),ys=gs("padStart",ps.padStart),vs=gs("padEnd",ps.padEnd),bs=gs("wrap",ps.wrap),Ts=gs("mapRange",ps.mapRange),Ss=gs("degToRad",ps.degToRad),ws=gs("radToDeg",ps.radToDeg),xs=gs("snap",ps.snap),ks=gs("clamp",ps.clamp),$s=gs("round",ps.round),Es=gs("lerp",ps.lerp,1),Cs=gs("damp",ps.damp,1),Bs=(t=0,e=1,s=0)=>{const i=10**s;return Math.floor((Math.random()*(e-t+1/i)+t)*i)/i};let Ds=0;const Ls=(t,e=0,s=1,i=0)=>{let r=void 0===t?Ds++:t;return(t=e,n=s,o=i)=>{r+=1831565813,r=Math.imul(r^r>>>15,1|r),r^=r+Math.imul(r^r>>>7,61|r);const a=10**o;return Math.floor((((r^r>>>14)>>>0)/4294967296*(n-t+1/a)+t)*a)/a}},As=t=>t[Bs(0,t.length-1)],Ns=t=>{let e,s,i=t.length;for(;i;)s=Bs(0,--i),e=t[i],t[i]=t[s],t[s]=e;return t},Os=(t,e={})=>{let s=[],i=0;const r=e.from,n=e.reversed,o=e.ease,a=!Y(o),h=a&&!Y(o.ease)?o.ease:a?Se(o):null,l=e.grid,c=e.axis,d=e.total,u=Y(r)||0===r||"first"===r,p="center"===r,f="last"===r,g="random"===r,_=P(t),y=e.use,v=Q(_?t[0]:t),b=_?Q(t[1]):0,T=k.exec((_?t[1]:t)+m),S=e.start||0+(_?v:0);let w=u?0:M(r)?r:0;return(t,r,o,a)=>{const[u]=re(t),m=Y(d)?o:d,x=!Y(y)&&(I(y)?y(u,r,m):$t(u,y)),k=M(x)||z(x)&&M(+x)?+x:r;if(p&&(w=(m-1)/2),f&&(w=m-1),!s.length){for(let t=0;t<m;t++){if(l){const e=p?(l[0]-1)/2:w%l[0],i=p?(l[1]-1)/2:it(w/l[0]),r=e-t%l[0],n=i-it(t/l[0]);let o=Z(r*r+n*n);"x"===c&&(o=-r),"y"===c&&(o=-n),s.push(o)}else s.push(tt(w-t));i=nt(...s)}h&&(s=s.map(t=>h(t/i)*i)),n&&(s=s.map(t=>c?t<0?-1*t:-t:tt(i-t))),g&&(s=Ns(s))}const $=_?(b-v)/i:v;let E=(a?ze(a,Y(e.start)?a.iterationDuration:S):S)+($*dt(s[k],2)||0);return e.modifier&&(E=e.modifier(E)),T&&(E=`${E}${T[2]}`),E}};var Fs=Object.freeze({__proto__:null,$:re,clamp:ks,cleanInlineStyles:Ft,createSeededRandom:Ls,damp:Cs,degToRad:Ss,get:Pe,keepTime:es,lerp:Es,mapRange:Ts,padEnd:vs,padStart:ys,radToDeg:ws,random:Bs,randomPick:As,remove:Me,round:$s,roundPad:_s,set:Re,shuffle:Ns,snap:xs,stagger:Os,sync:ts,wrap:bs});const Ps=t=>{const e=ie(t)[0];return e&&W(e)?e:console.warn(`${t} is not a valid SVGGeometryElement`)},Rs=(t,e,s=0)=>t.getPointAtLength(e+s>=1?e+s:0),Ms=(t,e)=>s=>{const i=+t.getTotalLength(),r=s[a],n=t.getCTM();return{from:0,to:i,modifier:s=>{if("a"===e){const e=Rs(t,s,-1),i=Rs(t,s,1);return 180*ot(i.y-e.y,i.x-e.x)/at}{const i=Rs(t,s,0);return"x"===e?r||!n?i.x:i.x*n.a+i.y*n.c+n.e:r||!n?i.y:i.x*n.b+i.y*n.d+n.f}}}},zs=t=>{const e=Ps(t);if(e)return{translateX:Ms(e,"x"),translateY:Ms(e,"y"),rotate:Ms(e,"a")}},Is=(t,e=0,s=0)=>ie(t).map(t=>((t,e,s)=>{const i=p,r=getComputedStyle(t),n=r.strokeLinecap,o="non-scaling-stroke"===r.vectorEffect?t:null;let a=n;const h=new Proxy(t,{get(t,e){const s=t[e];return e===c?t:"setAttribute"===e?(...e)=>{if("draw"===e[0]){const s=e[1].split(" "),r=+s[0],h=+s[1],l=(t=>{let e=1;if(t&&t.getCTM){const s=t.getCTM();s&&(e=(Z(s.a*s.a+s.b*s.b)+Z(s.c*s.c+s.d*s.d))/2)}return e})(o),c=-1e3*r*l,d=h*i*l+c,u=i*l+(0===r&&1===h||1===r&&0===h?0:10*l)-d;if("butt"!==n){const e=r===h?"butt":n;a!==e&&(t.style.strokeLinecap=`${e}`,a=e)}t.setAttribute("stroke-dashoffset",`${c}`),t.setAttribute("stroke-dasharray",`${d} ${u}`)}return Reflect.apply(s,t,e)}:I(s)?(...e)=>Reflect.apply(s,t,e):s}});return"1000"!==t.getAttribute("pathLength")&&(t.setAttribute("pathLength","1000"),h.setAttribute("draw",`${e} ${s}`)),h})(t,e,s)),Ys=(t,e=.33)=>s=>{const i=Ps(t);if(!i)return;const r="path"===s.tagName,n=r?" ":",",o=s[l];o&&s.setAttribute(r?"d":"points",o);let a="",h="";if(e){const t=s.getTotalLength(),o=i.getTotalLength(),l=Math.max(Math.ceil(t*e),Math.ceil(o*e));for(let e=0;e<l;e++){const c=e/(l-1),d=s.getPointAtLength(t*c),u=i.getPointAtLength(o*c),p=r?0===e?"M":"L":"";a+=p+dt(d.x,3)+n+d.y+" ",h+=p+dt(u.x,3)+n+u.y+" "}}else a=s.getAttribute(r?"d":"points"),h=i.getAttribute(r?"d":"points");return s[l]=h,[a,h]};var Xs=Object.freeze({__proto__:null,createDrawable:Is,createMotionPath:zs,morphTo:Ys});const Ws="undefined"!=typeof Intl&&Intl.Segmenter,Vs=/\{value\}/g,Hs=/\{i\}/g,Us=/(\s+)/,qs=/^\s+$/,js="line",Qs="word",Gs="char",Zs="data-line";let Js=null,Ks=null,ti=null;const ei=t=>t.isWordLike||" "===t.segment||M(+t.segment),si=t=>t.setAttribute("aria-hidden","true"),ii=(t,e)=>[...t.querySelectorAll(`[data-${e}]:not([data-${e}] [data-${e}])`)],ri={line:"#00D672",word:"#FF4B4B",char:"#5A87FF"},ni=t=>{if(!t.childElementCount&&!t.textContent.trim()){const e=t.parentElement;t.remove(),e&&ni(e)}},oi=(t,e,s)=>{const i=t.getAttribute(Zs);(null!==i&&+i!==e||"BR"===t.tagName)&&s.add(t);let r=t.childElementCount;for(;r--;)oi(t.children[r],e,s);return s},ai=(t,e={})=>{let s="";const i=z(e.class)?` class="${e.class}"`:"",r=St(e.clone,!1),n=St(e.wrap,!1),o=n?!0===n?"clip":n:!!r&&"clip";return n&&(s+=`<span${o?` style="overflow:${o};"`:""}>`),s+=`<span${i}${r?' style="position:relative;"':""} data-${t}="{i}">`,r?(s+="<span>{value}</span>",s+=`<span inert style="position:absolute;top:${"top"===r?"-100%":"bottom"===r?"100%":"0"};left:${"left"===r?"-100%":"right"===r?"100%":"0"};white-space:nowrap;">{value}</span>`):s+="{value}",s+="</span>",n&&(s+="</span>"),s},hi=(t,e,s,i,r,n,o,a,h)=>{const l=r===js,c=r===Gs,d=`_${r}_`,u=I(t)?t(s):t,p=l?"block":"inline-block";ti.innerHTML=u.replace(Vs,`<i class="${d}"></i>`).replace(Hs,`${c?h:l?o:a}`);const m=ti.content,f=m.firstElementChild,g=m.querySelector(`[data-${r}]`)||f,_=m.querySelectorAll(`i.${d}`),y=_.length;if(y){f.style.display=p,g.style.display=p,g.setAttribute(Zs,`${o}`),l||(g.setAttribute("data-word",`${a}`),c&&g.setAttribute("data-char",`${h}`));let t=y;for(;t--;){const e=_[t],i=e.parentElement;i.style.display=p,l?i.innerHTML=s.innerHTML:i.replaceChild(s.cloneNode(!0),e)}e.push(g),i.appendChild(m)}else console.warn('The expression "{value}" is missing from the provided template.');return n&&(f.style.outline=`1px dotted ${ri[r]}`),f};class li{constructor(t,s={}){Js||(Js=Ws?new Ws([],{granularity:Qs}):{segment:t=>{const e=[],s=t.split(Us);for(let t=0,i=s.length;t<i;t++){const i=s[t];e.push({segment:i,isWordLike:!qs.test(i)})}return e}}),Ks||(Ks=Ws?new Ws([],{granularity:"grapheme"}):{segment:t=>[...t].map(t=>({segment:t}))}),!ti&&e&&(ti=i.createElement("template")),D.current&&D.current.register(this);const{words:r,chars:n,lines:o,accessible:a,includeSpaces:h,debug:l}=s,c=(t=P(t)?t[0]:t)&&t.nodeType?t:(se(t)||[])[0],d=!0===o?{}:o,u=!0===r||Y(r)?{}:r,p=!0===n?{}:n;this.debug=St(l,!1),this.includeSpaces=St(h,!1),this.accessible=St(a,!0),this.linesOnly=d&&!u&&!p,this.lineTemplate=R(d)?ai(js,d):d,this.wordTemplate=R(u)||this.linesOnly?ai(Qs,u):u,this.charTemplate=R(p)?ai(Gs,p):p,this.$target=c,this.html=c&&c.innerHTML,this.lines=[],this.words=[],this.chars=[],this.effects=[],this.effectsCleanups=[],this.cache=null,this.ready=!1,this.width=0,this.resizeTimeout=null;const m=()=>this.html&&(d||u||p)&&this.split();this.resizeObserver=new ResizeObserver(()=>{clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout(()=>{const t=c.offsetWidth;t!==this.width&&(this.width=t,m())},150)}),this.lineTemplate&&!this.ready?i.fonts.ready.then(m):m(),c?this.resizeObserver.observe(c):console.warn("No Text Splitter target found.")}addEffect(t){if(!I(t))return console.warn("Effect must return a function.");const e=es(t);return this.effects.push(e),this.ready&&(this.effectsCleanups[this.effects.length-1]=e(this)),this}revert(){return clearTimeout(this.resizeTimeout),this.lines.length=this.words.length=this.chars.length=0,this.resizeObserver.disconnect(),this.effectsCleanups.forEach(t=>I(t)?t(this):t.revert&&t.revert()),this.$target.innerHTML=this.html,this}splitNode(t){const e=this.wordTemplate,s=this.charTemplate,r=this.includeSpaces,n=this.debug,o=t.nodeType;if(3===o){const o=t.nodeValue;if(o.trim()){const a=[],h=this.words,l=this.chars,c=Js.segment(o),d=i.createDocumentFragment();let u=null;for(const t of c){const e=t.segment,s=ei(t);if(!u||s&&u&&ei(u))a.push(e);else{const t=a.length-1;a[t].includes(" ")||e.includes(" ")?a.push(e):a[t]+=e}u=t}for(let t=0,o=a.length;t<o;t++){const o=a[t];if(o.trim()){const c=a[t+1],u=r&&c&&!c.trim(),p=o,m=s?Ks.segment(p):null,f=s?i.createDocumentFragment():i.createTextNode(u?o+" ":o);if(s){const t=[...m];for(let e=0,r=t.length;e<r;e++){const o=t[e],a=e===r-1&&u?o.segment+" ":o.segment,c=i.createTextNode(a);hi(s,l,c,f,Gs,n,-1,h.length,l.length)}}e?hi(e,h,f,d,Qs,n,-1,h.length,l.length):s?d.appendChild(f):d.appendChild(i.createTextNode(o)),u&&t++}else{if(t&&r)continue;d.appendChild(i.createTextNode(o))}}t.parentNode.replaceChild(d,t)}}else if(1===o){const e=[...t.childNodes];for(let t=0,s=e.length;t<s;t++)this.splitNode(e[t])}}split(t=!1){const e=this.$target,s=!!this.cache&&!t,r=this.lineTemplate,n=this.wordTemplate,o=this.charTemplate,a="loading"!==i.fonts.status,h=r&&a;this.ready=!r||a,(h||t)&&this.effectsCleanups.forEach(t=>I(t)&&t(this)),s||(t&&(e.innerHTML=this.html,this.words.length=this.chars.length=0),this.splitNode(e),this.cache=e.innerHTML),h&&(s&&(e.innerHTML=this.cache),this.lines.length=0,n&&(this.words=ii(e,Qs))),o&&(h||n)&&(this.chars=ii(e,Gs));const l=this.words.length?this.words:this.chars;let c,d=0;for(let t=0,e=l.length;t<e;t++){const e=l[t],{top:s,height:i}=e.getBoundingClientRect();c&&s-c>.5*i&&d++,e.setAttribute(Zs,`${d}`);const r=e.querySelectorAll(`[${Zs}]`);let n=r.length;for(;n--;)r[n].setAttribute(Zs,`${d}`);c=s}if(h){const t=i.createDocumentFragment(),s=new Set,a=[];for(let t=0;t<d+1;t++){const i=e.cloneNode(!0);oi(i,t,new Set).forEach(t=>{const e=t.parentElement;e&&s.add(e),t.remove()}),a.push(i)}s.forEach(ni);for(let e=0,s=a.length;e<s;e++)hi(r,this.lines,a[e],t,js,this.debug,e);e.innerHTML="",e.appendChild(t),n&&(this.words=ii(e,Qs)),o&&(this.chars=ii(e,Gs))}if(this.linesOnly){const t=this.words;let e=t.length;for(;e--;){const s=t[e];s.replaceWith(s.textContent)}t.length=0}if(this.accessible&&(h||!s)){const t=i.createElement("span");t.style.cssText="position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;white-space:nowrap;",t.innerHTML=this.html,e.insertBefore(t,e.firstChild),this.lines.forEach(si),this.words.forEach(si),this.chars.forEach(si)}return this.width=e.offsetWidth,(h||t)&&this.effects.forEach((t,e)=>this.effectsCleanups[e]=t(this)),this}refresh(){this.split(!0)}}const ci=(t,e)=>new li(t,e),di=(t,e)=>(console.warn("text.split() is deprecated, import splitText() directly, or text.splitText()"),new li(t,e));var ui=Object.freeze({__proto__:null,TextSplitter:li,split:di,splitText:ci});const pi=(t,e=100)=>{const s=[];for(let i=0;i<=e;i++)s.push(t(i/e));return`linear(${s.join(", ")})`},mi={in:"ease-in",out:"ease-out",inOut:"ease-in-out"},fi=(()=>{const t={};for(let e in ce)t[e]=t=>ce[e](le(t));return t})(),gi=t=>{let e=mi[t];if(e)return e;if(e="linear",z(t)){if(O(t,"linear")||O(t,"cubic-")||O(t,"steps")||O(t,"ease"))e=t;else if(O(t,"cubicB"))e=N(t);else{const s=de(t,fi,mi);I(s)&&(e=s===he?"linear":pi(s))}mi[t]=e}else if(I(t)){const s=pi(t);s&&(e=s)}else t.ease&&(e=pi(t.ease));return e},_i=["x","y","z"],yi=["perspective","width","height","margin","padding","top","right","bottom","left","borderWidth","fontSize","borderRadius",..._i],vi=(()=>[..._i,...g.filter(t=>["X","Y","Z"].some(e=>t.endsWith(e)))])();let bi=null;const Ti=(t,e,s,i,r)=>{let n=wt(e,s,i,r);return M(n)?yi.includes(t)||O(t,"translate")?`${n}px`:O(t,"rotate")||O(t,"skew")?`${n}deg`:`${n}`:n},Si=(t,e,s,i,r,n)=>{let o="0";const a=Y(i)?getComputedStyle(t)[e]:Ti(e,i,t,r,n);return o=Y(s)?P(i)?i.map(s=>Ti(e,s,t,r,n)):a:[Ti(e,s,t,r,n),a],o};class wi{constructor(t,s){D.current&&D.current.register(this),X(bi)&&(!e||!Y(CSS)&&Object.hasOwnProperty.call(CSS,"registerProperty")?(g.forEach(t=>{const e=O(t,"skew"),s=O(t,"scale"),i=O(t,"rotate"),r=O(t,"translate"),n=i||e,o=n?"<angle>":s?"<number>":r?"<length-percentage>":"*";try{CSS.registerProperty({name:"--"+t,syntax:o,inherits:!1,initialValue:r?"0px":n?"0deg":s?"1":"0"})}catch{}}),bi=!0):bi=!1);const i=re(t),r=i.length;r||console.warn("No target found. Make sure the element you're trying to animate is accessible before creating your animation.");const n=St(s.ease,gi(L.defaults.ease)),o=n.ease&&n,a=St(s.autoplay,L.defaults.autoplay),l=!(!a||!a.link)&&a,c=s.alternate&&!0===s.alternate,d=s.reversed&&!0===s.reversed,u=St(s.loop,L.defaults.loop),v=!0===u||u===1/0?1/0:M(u)?u+1:1,b=c?d?"alternate-reverse":"alternate":d?"reverse":"normal",T=gi(n),S=1===L.timeScale?1:p;this.targets=i,this.animations=[],this.controlAnimation=null,this.onComplete=s.onComplete||y,this.duration=0,this.muteCallbacks=!1,this.completed=!1,this.paused=!a||!1!==l,this.reversed=d,this.autoplay=a,this._speed=St(s.playbackRate,L.defaults.playbackRate),this._resolve=y,this._completed=0,this._inlineStyles=i.map(t=>t.getAttribute("style")),i.forEach((t,e)=>{const i=t[h],a=vi.some(t=>s.hasOwnProperty(t)),l=(o?o.duration:wt(St(s.duration,L.defaults.duration),t,e,r))*S,c=wt(St(s.delay,L.defaults.delay),t,e,r)*S,d=St(s.composition,"replace");for(let o in s){if(!q(o))continue;const h={},u={iterations:v,direction:b,fill:"forwards",easing:T,duration:l,delay:c,composite:d},p=s[o],m=!!a&&(g.includes(o)?o:f.get(o));let _;if(R(p)){const s=p,a=St(s.ease,n),f=a.ease&&a,g=s.to,y=s.from;if(u.duration=(f?f.duration:wt(St(s.duration,l),t,e,r))*S,u.delay=wt(St(s.delay,c),t,e,r)*S,u.composite=St(s.composition,d),u.easing=gi(a),_=Si(t,o,y,g,e,r),m?(h[`--${m}`]=_,i[m]=_):h[o]=Si(t,o,y,g,e,r),Fe(this,t,o,h,u),!Y(y))if(m){const e=`--${m}`;t.style.setProperty(e,h[e][0])}else t.style[o]=h[o][0]}else _=P(p)?p.map(s=>Ti(o,s,t,e,r)):Ti(o,p,t,e,r),m?(h[`--${m}`]=_,i[m]=_):h[o]=_,Fe(this,t,o,h,u)}if(a){let e=m;for(let t in i)e+=`${_[t]}var(--${t})) `;t.style.transform=e}}),l&&this.autoplay.link(this)}forEach(t){const e=z(t)?e=>e[t]():t;return this.animations.forEach(e),this}get speed(){return this._speed}set speed(t){this._speed=+t,this.forEach(e=>e.playbackRate=t)}get currentTime(){const t=this.controlAnimation,e=L.timeScale;return this.completed?this.duration:t?+t.currentTime*(1===e?1:e):0}set currentTime(t){const e=t*(1===L.timeScale?1:p);this.forEach(t=>{e>=this.duration&&t.play(),t.currentTime=e})}get progress(){return this.currentTime/this.duration}set progress(t){this.forEach(e=>e.currentTime=t*this.duration||0)}resume(){return this.paused?(this.paused=!1,this.forEach("play")):this}pause(){return this.paused?this:(this.paused=!0,this.forEach("pause"))}alternate(){return this.reversed=!this.reversed,this.forEach("reverse"),this.paused&&this.forEach("pause"),this}play(){return this.reversed&&this.alternate(),this.resume()}reverse(){return this.reversed||this.alternate(),this.resume()}seek(t,e=!1){return e&&(this.muteCallbacks=!0),t<this.duration&&(this.completed=!1),this.currentTime=t,this.muteCallbacks=!1,this.paused&&this.pause(),this}restart(){return this.completed=!1,this.seek(0,!0).resume()}commitStyles(){return this.forEach("commitStyles")}complete(){return this.seek(this.duration)}cancel(){return this.forEach("cancel"),this.pause()}revert(){return this.cancel(),this.targets.forEach((t,e)=>t.setAttribute("style",this._inlineStyles[e])),this}then(t=y){const e=this.then,s=()=>{this.then=null,t(this),this.then=e,this._resolve=y};return new Promise(t=>(this._resolve=()=>t(s()),this.completed&&this._resolve(),this))}}const xi={animate:(t,e)=>new wi(t,e),convertEase:pi};t.$=re,t.Animatable=Xe,t.Draggable=Ke,t.JSAnimation=Ae,t.Scope=ss,t.ScrollObserver=ds,t.Spring=Ue,t.TextSplitter=li,t.Timeline=Ye,t.Timer=ee,t.WAAPIAnimation=wi,t.animate=(t,e)=>new Ae(t,e,null,0,!1).init(),t.clamp=ks,t.cleanInlineStyles=Ft,t.createAnimatable=(t,e)=>new Xe(t,e),t.createDraggable=(t,e)=>new Ke(t,e),t.createDrawable=Is,t.createMotionPath=zs,t.createScope=t=>new ss(t),t.createSeededRandom=Ls,t.createSpring=qe,t.createTimeline=t=>new Ye(t).init(),t.createTimer=t=>new ee(t,null,0).init(),t.cubicBezier=pe,t.damp=Cs,t.degToRad=Ss,t.eases=be,t.easings=us,t.engine=Yt,t.get=Pe,t.irregular=ge,t.keepTime=es,t.lerp=Es,t.linear=fe,t.mapRange=Ts,t.morphTo=Ys,t.none=he,t.onScroll=(t={})=>new ds(t),t.padEnd=vs,t.padStart=ys,t.radToDeg=ws,t.random=Bs,t.randomPick=As,t.remove=Me,t.round=$s,t.roundPad=_s,t.scrollContainers=rs,t.set=Re,t.shuffle=Ns,t.snap=xs,t.split=di,t.splitText=ci,t.stagger=Os,t.steps=me,t.svg=Xs,t.sync=ts,t.text=ui,t.utils=Fs,t.waapi=xi,t.wrap=bs});

package/dist/modules/animatable/animatable.cjs

@@ -0,0 +1,150 @@
+/**
+ * Anime.js - animatable - CJS
+ * @version v4.2.0
+ * @license MIT
+ * @copyright 2025 - Julian Garnier
+ */
+
+'use strict';
+
+var consts = require('../core/consts.cjs');
+var globals = require('../core/globals.cjs');
+var helpers = require('../core/helpers.cjs');
+var animation = require('../animation/animation.cjs');
+var eases = require('../easings/eases.cjs');
+
+/**
+ * @import {
+ * TargetsParam,
+ * AnimatableParams,
+ * AnimationParams,
+ * TweenParamsOptions,
+ * Tween,
+ * AnimatableProperty,
+ * AnimatableObject,
+ * } from '../types/index.js';
+ */
+
+class Animatable {
+  /**
+   * @param {TargetsParam} targets
+   * @param {AnimatableParams} parameters
+   */
+  constructor(targets, parameters) {
+    if (globals.scope.current) globals.scope.current.register(this);
+    const beginHandler = () => {
+      if (this.callbacks.completed) this.callbacks.reset();
+      this.callbacks.play();
+    };
+    const pauseHandler = () => {
+      if (this.callbacks.completed) return;
+      let paused = true;
+      for (let name in this.animations) {
+        const anim = this.animations[name];
+        if (!anim.paused && paused) {
+          paused = false;
+          break;
+        }
+      }
+      if (paused) {
+        this.callbacks.complete();
+      }
+    };
+    /** @type {AnimationParams} */
+    const globalParams = {
+      onBegin: beginHandler,
+      onComplete: pauseHandler,
+      onPause: pauseHandler,
+    };
+    /** @type {AnimationParams} */
+    const callbacksAnimationParams = { v: 1, autoplay: false };
+    const properties = {};
+    this.targets = [];
+    this.animations = {};
+    /** @type {JSAnimation|null} */
+    this.callbacks = null;
+    if (helpers.isUnd(targets) || helpers.isUnd(parameters)) return;
+    for (let propName in parameters) {
+      const paramValue = parameters[propName];
+      if (helpers.isKey(propName)) {
+        properties[propName] = paramValue;
+      } else if (helpers.stringStartsWith(propName, 'on')) {
+        callbacksAnimationParams[propName] = paramValue;
+      } else {
+        globalParams[propName] = paramValue;
+      }
+    }
+    this.callbacks = new animation.JSAnimation({ v: 0 }, callbacksAnimationParams);
+    for (let propName in properties) {
+      const propValue = properties[propName];
+      const isObjValue = helpers.isObj(propValue);
+      /** @type {TweenParamsOptions} */
+      let propParams = {};
+      let to = '+=0';
+      if (isObjValue) {
+        const unit = propValue.unit;
+        if (helpers.isStr(unit)) to += unit;
+      } else {
+        propParams.duration = propValue;
+      }
+      propParams[propName] = isObjValue ? helpers.mergeObjects({ to }, propValue) : to;
+      const animParams = helpers.mergeObjects(globalParams, propParams);
+      animParams.composition = consts.compositionTypes.replace;
+      animParams.autoplay = false;
+      const animation$1 = this.animations[propName] = new animation.JSAnimation(targets, animParams, null, 0, false).init();
+      if (!this.targets.length) this.targets.push(...animation$1.targets);
+      /** @type {AnimatableProperty} */
+      this[propName] = (to, duration, ease) => {
+        const tween = /** @type {Tween} */(animation$1._head);
+        if (helpers.isUnd(to) && tween) {
+          const numbers = tween._numbers;
+          if (numbers && numbers.length) {
+            return numbers;
+          } else {
+            return tween._modifier(tween._number);
+          }
+        } else {
+          helpers.forEachChildren(animation$1, (/** @type {Tween} */tween) => {
+            if (helpers.isArr(to)) {
+              for (let i = 0, l = /** @type {Array} */(to).length; i < l; i++) {
+                if (!helpers.isUnd(tween._numbers[i])) {
+                  tween._fromNumbers[i] = /** @type {Number} */(tween._modifier(tween._numbers[i]));
+                  tween._toNumbers[i] = to[i];
+                }
+              }
+            } else {
+              tween._fromNumber = /** @type {Number} */(tween._modifier(tween._number));
+              tween._toNumber = /** @type {Number} */(to);
+            }
+            if (!helpers.isUnd(ease)) tween._ease = eases.parseEase(ease);
+            tween._currentTime = 0;
+          });
+          if (!helpers.isUnd(duration)) animation$1.stretch(duration);
+          animation$1.reset(1).resume();
+          return this;
+        }
+      };
+    }
+  }
+
+  revert() {
+    for (let propName in this.animations) {
+      this[propName] = consts.noop;
+      this.animations[propName].revert();
+    }
+    this.animations = {};
+    this.targets.length = 0;
+    if (this.callbacks) this.callbacks.revert();
+    return this;
+  }
+}
+
+/**
+ * @param {TargetsParam} targets
+ * @param {AnimatableParams} parameters
+ * @return {AnimatableObject}
+ */
+const createAnimatable = (targets, parameters) => /** @type {AnimatableObject} */ (new Animatable(targets, parameters));
+
+exports.Animatable = Animatable;
+exports.createAnimatable = createAnimatable;

package/dist/modules/animatable/animatable.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @import {
+ * TargetsParam,
+ * AnimatableParams,
+ * AnimationParams,
+ * TweenParamsOptions,
+ * Tween,
+ * AnimatableProperty,
+ * AnimatableObject,
+ * } from '../types/index.js';
+ */
+export class Animatable {
+    /**
+     * @param {TargetsParam} targets
+     * @param {AnimatableParams} parameters
+     */
+    constructor(targets: TargetsParam, parameters: AnimatableParams);
+    targets: (HTMLElement | SVGElement | import("../types/index.js").JSTarget)[];
+    animations: {};
+    /** @type {JSAnimation|null} */
+    callbacks: JSAnimation | null;
+    revert(): this;
+}
+export function createAnimatable(targets: TargetsParam, parameters: AnimatableParams): AnimatableObject;
+import { JSAnimation } from '../animation/animation.js';
+import type { TargetsParam } from '../types/index.js';
+import type { AnimatableParams } from '../types/index.js';
+import type { AnimatableObject } from '../types/index.js';

package/dist/modules/animatable/animatable.js

@@ -0,0 +1,147 @@
+/**
+ * Anime.js - animatable - ESM
+ * @version v4.2.0
+ * @license MIT
+ * @copyright 2025 - Julian Garnier
+ */
+
+import { compositionTypes, noop } from '../core/consts.js';
+import { scope } from '../core/globals.js';
+import { isUnd, isKey, stringStartsWith, isObj, mergeObjects, forEachChildren, isStr, isArr } from '../core/helpers.js';
+import { JSAnimation } from '../animation/animation.js';
+import { parseEase } from '../easings/eases.js';
+
+/**
+ * @import {
+ * TargetsParam,
+ * AnimatableParams,
+ * AnimationParams,
+ * TweenParamsOptions,
+ * Tween,
+ * AnimatableProperty,
+ * AnimatableObject,
+ * } from '../types/index.js';
+ */
+
+class Animatable {
+  /**
+   * @param {TargetsParam} targets
+   * @param {AnimatableParams} parameters
+   */
+  constructor(targets, parameters) {
+    if (scope.current) scope.current.register(this);
+    const beginHandler = () => {
+      if (this.callbacks.completed) this.callbacks.reset();
+      this.callbacks.play();
+    };
+    const pauseHandler = () => {
+      if (this.callbacks.completed) return;
+      let paused = true;
+      for (let name in this.animations) {
+        const anim = this.animations[name];
+        if (!anim.paused && paused) {
+          paused = false;
+          break;
+        }
+      }
+      if (paused) {
+        this.callbacks.complete();
+      }
+    };
+    /** @type {AnimationParams} */
+    const globalParams = {
+      onBegin: beginHandler,
+      onComplete: pauseHandler,
+      onPause: pauseHandler,
+    };
+    /** @type {AnimationParams} */
+    const callbacksAnimationParams = { v: 1, autoplay: false };
+    const properties = {};
+    this.targets = [];
+    this.animations = {};
+    /** @type {JSAnimation|null} */
+    this.callbacks = null;
+    if (isUnd(targets) || isUnd(parameters)) return;
+    for (let propName in parameters) {
+      const paramValue = parameters[propName];
+      if (isKey(propName)) {
+        properties[propName] = paramValue;
+      } else if (stringStartsWith(propName, 'on')) {
+        callbacksAnimationParams[propName] = paramValue;
+      } else {
+        globalParams[propName] = paramValue;
+      }
+    }
+    this.callbacks = new JSAnimation({ v: 0 }, callbacksAnimationParams);
+    for (let propName in properties) {
+      const propValue = properties[propName];
+      const isObjValue = isObj(propValue);
+      /** @type {TweenParamsOptions} */
+      let propParams = {};
+      let to = '+=0';
+      if (isObjValue) {
+        const unit = propValue.unit;
+        if (isStr(unit)) to += unit;
+      } else {
+        propParams.duration = propValue;
+      }
+      propParams[propName] = isObjValue ? mergeObjects({ to }, propValue) : to;
+      const animParams = mergeObjects(globalParams, propParams);
+      animParams.composition = compositionTypes.replace;
+      animParams.autoplay = false;
+      const animation = this.animations[propName] = new JSAnimation(targets, animParams, null, 0, false).init();
+      if (!this.targets.length) this.targets.push(...animation.targets);
+      /** @type {AnimatableProperty} */
+      this[propName] = (to, duration, ease) => {
+        const tween = /** @type {Tween} */(animation._head);
+        if (isUnd(to) && tween) {
+          const numbers = tween._numbers;
+          if (numbers && numbers.length) {
+            return numbers;
+          } else {
+            return tween._modifier(tween._number);
+          }
+        } else {
+          forEachChildren(animation, (/** @type {Tween} */tween) => {
+            if (isArr(to)) {
+              for (let i = 0, l = /** @type {Array} */(to).length; i < l; i++) {
+                if (!isUnd(tween._numbers[i])) {
+                  tween._fromNumbers[i] = /** @type {Number} */(tween._modifier(tween._numbers[i]));
+                  tween._toNumbers[i] = to[i];
+                }
+              }
+            } else {
+              tween._fromNumber = /** @type {Number} */(tween._modifier(tween._number));
+              tween._toNumber = /** @type {Number} */(to);
+            }
+            if (!isUnd(ease)) tween._ease = parseEase(ease);
+            tween._currentTime = 0;
+          });
+          if (!isUnd(duration)) animation.stretch(duration);
+          animation.reset(1).resume();
+          return this;
+        }
+      };
+    }
+  }
+
+  revert() {
+    for (let propName in this.animations) {
+      this[propName] = noop;
+      this.animations[propName].revert();
+    }
+    this.animations = {};
+    this.targets.length = 0;
+    if (this.callbacks) this.callbacks.revert();
+    return this;
+  }
+}
+
+/**
+ * @param {TargetsParam} targets
+ * @param {AnimatableParams} parameters
+ * @return {AnimatableObject}
+ */
+const createAnimatable = (targets, parameters) => /** @type {AnimatableObject} */ (new Animatable(targets, parameters));
+
+export { Animatable, createAnimatable };

package/dist/modules/animatable/index.cjs

@@ -0,0 +1,15 @@
+/**
+ * Anime.js - animatable - CJS
+ * @version v4.2.0
+ * @license MIT
+ * @copyright 2025 - Julian Garnier
+ */
+
+'use strict';
+
+var animatable = require('./animatable.cjs');
+
+
+
+exports.Animatable = animatable.Animatable;
+exports.createAnimatable = animatable.createAnimatable;

package/dist/modules/animatable/index.d.ts

@@ -0,0 +1 @@
+export * from "./animatable.js";

package/dist/modules/animatable/index.js

@@ -0,0 +1,8 @@
+/**
+ * Anime.js - animatable - ESM
+ * @version v4.2.0
+ * @license MIT
+ * @copyright 2025 - Julian Garnier
+ */
+
+export { Animatable, createAnimatable } from './animatable.js';