@infinityfx/lively 3.0.0-beta.0 → 3.0.0-beta.1

package/dist/animations.js

@@ -1,2 +1,2 @@
-import{C as o}from"./pop-0fdae9af.js";export{M as Move,P as Pop}from"./pop-0fdae9af.js";import"./tslib.es6-96c5f7c9.js";var t=new o({opacity:1,duration:.65},{opacity:0}),p=new o({scale:1},{transformOrigin:"left",scale:"0 1"}),s=new o({clipPath:"inset(0% 0% 0% 0%)"},{clipPath:"inset(0% 100% 0% 0%)"});export{t as Fade,p as Scale,s as Wipe};
+import{C as o}from"./pop-8dc5bc17.js";export{M as Move,P as Pop}from"./pop-8dc5bc17.js";import"./tslib.es6-96c5f7c9.js";var t=new o({opacity:1,duration:.65},{opacity:0}),p=new o({scale:1},{transformOrigin:"left",scale:"0 1"}),s=new o({clipPath:"inset(0% 0% 0% 0%)"},{clipPath:"inset(0% 100% 0% 0%)"});export{t as Fade,p as Scale,s as Wipe};
 //# sourceMappingURL=animations.js.map

package/dist/hooks.js

@@ -1,2 +1,2 @@
-import{useRef as n,useState as r,useEffect as t}from"react";import{a as e,b as u}from"./tslib.es6-96c5f7c9.js";import{s as c,a as o,d as i}from"./utils-5bcfdcec.js";function a(r){var t=n(r),e=n([]);function u(n){e.current.includes(n)||e.current.push(n)}function c(n){if(!n)return t.current;var r=function(){return n(t.current)};return r.connect=u,r}return c.connect=u,[c,function(n,r){void 0===r&&(r=0),t.current=n;for(var u=0,c=e.current;u<c.length;u++){(0,c[u])(r)}}]}function s(t){var o=r(t),i=o[0],a=o[1],s=n(null);return[s,i,function(n){var r;return e(this,void 0,void 0,(function(){var t,e;return u(this,(function(u){switch(u.label){case 0:return t=null===(r=s.current)||void 0===r?void 0:r.onUnmount,n||!t?[2,a(n)]:(e=s.current.play(s.current.onUnmount,{reverse:"string"!=typeof t,immediate:!0}),[4,c(1e3*e)]);case 1:return u.sent(),a(n),[2]}}))}))}]}function f(){var n=r(!1),e=n[0],u=n[1];return t((function(){var n=function(n){return u(n.matches)},r=matchMedia("(prefers-reduced-motion: reduce)");return r.addEventListener("change",n),u(r.matches),function(){return r.removeEventListener("change",n)}}),[]),e}function v(){var n=a(0),r=n[0],e=n[1];return t((function(){var n=function(){return e(window.scrollY)};return n(),o("scroll",n),function(){return i("scroll",n)}}),[]),r}export{a as useLink,s as useMount,f as useReducedMotion,v as useScroll};
+import{useRef as n,useState as r,useEffect as t,useCallback as e}from"react";import{a as u,b as c}from"./tslib.es6-96c5f7c9.js";import{s as o,a as i,d as a}from"./utils-5bcfdcec.js";function s(r){var t=n(r),e=n([]);function u(n){e.current.includes(n)||e.current.push(n)}function c(n){if(!n)return t.current;var r=function(){return n(t.current)};return r.connect=u,r}return c.connect=u,[c,function(n,r){void 0===r&&(r=0),t.current=n,requestAnimationFrame((function(){for(var n=0,t=e.current;n<t.length;n++){(0,t[n])(r)}}))}]}function f(t){var e=r(t),i=e[0],a=e[1],s=n(null);return[s,i,function(n){var r;return u(this,void 0,void 0,(function(){var t,e;return c(this,(function(u){switch(u.label){case 0:return t=null===(r=s.current)||void 0===r?void 0:r.onUnmount,n||!t?[2,a(n)]:(e=s.current.play(s.current.onUnmount,{reverse:"string"!=typeof t,immediate:!0}),[4,o(1e3*e)]);case 1:return u.sent(),a(n),[2]}}))}))}]}function v(){var n=r(!1),e=n[0],u=n[1];return t((function(){var n=function(n){return u(n.matches)},r=matchMedia("(prefers-reduced-motion: reduce)");return r.addEventListener("change",n),u(r.matches),function(){return r.removeEventListener("change",n)}}),[]),e}function l(){var n=s(0),r=n[0],e=n[1];return t((function(){var n=function(){return e(window.scrollY)};return n(),i("scroll",n),function(){return a("scroll",n)}}),[]),r}function m(){var r=n(null);return[e((function(n){return function(t){if(!r.current)return n([0,0]);var e=r.current.getTotalLength()*t,u=r.current.getPointAtLength(e),c=u.x,o=u.y;return n([c,o])}}),[r]),r]}export{s as useLink,f as useMount,m as usePath,v as useReducedMotion,l as useScroll};
 //# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../src/hooks/use-link.ts","../src/hooks/use-mount.ts","../src/hooks/use-reduced-motion.ts","../src/hooks/use-scroll.ts"],"sourcesContent":[null,null,null,null],"names":["useLink","initial","internal","useRef","ports","connect","port","current","includes","push","link","transform","transformedLink","value","transition","_i","_a","length","useMount","useState","mounted","setMounted","ref","unMount","onUnmount","duration","play","reverse","immediate","sleep","_b","sent","useReducedMotion","reduced","setReduced","useEffect","change","e","matches","query","matchMedia","addEventListener","removeEventListener","useScroll","update","scroll","window","scrollY","attachEvent","detachEvent"],"mappings":"qKAQwB,SAAAA,EAAiBC,GACrC,IAAMC,EAAWC,EAAUF,GACrBG,EAAQD,EAAe,IAE7B,SAASE,EAAQC,GACRF,EAAMG,QAAQC,SAASF,IAAOF,EAAMG,QAAQE,KAAKH,GAG1D,SAASI,EAAKC,GACV,IAAKA,EAAW,OAAOT,EAASK,QAEhC,IAAMK,EAAkB,WAAM,OAAAD,EAAUT,EAASK,UAGjD,OAFAK,EAAgBP,QAAUA,EAEnBO,EAWX,OARAF,EAAKL,QAAUA,EAQR,CAACK,EANR,SAAgBG,EAAUC,QAAA,IAAAA,IAAAA,EAAc,GACpCZ,EAASK,QAAUM,EAEnB,IAAmB,IAAAE,EAAA,EAAAC,EAAAZ,EAAMG,QAANQ,EAAaC,EAAAC,OAAbF,IAAa,EAAET,EAAnBU,EAAAD,IAAwBD,MCxBvB,SAAAI,EAASjB,GACvB,IAAAe,EAAwBG,EAASlB,GAAhCmB,EAAOJ,EAAA,GAAEK,EAAUL,EAAA,GACpBM,EAAMnB,EAAuB,MAgBnC,MAAO,CAACmB,EAAKF,EAdb,SAAsBP,2GAElB,OADMU,EAAqB,QAAXP,EAAAM,EAAIf,eAAO,IAAAS,OAAA,EAAAA,EAAEQ,UACzBX,IAAUU,EAAS,CAAA,EAAOF,EAAWR,KAEnCY,EAAWH,EAAIf,QAAQmB,KAAKJ,EAAIf,QAAQiB,UAAW,CACrDG,QAA4B,iBAAZJ,EAChBK,WAAW,IAGf,CAAA,EAAMC,EAAiB,IAAXJ,mBAAZK,EAAAC,OAEAV,EAAWR,gBCjBL,SAAUmB,IACd,IAAAhB,EAAwBG,GAAS,GAAhCc,EAAOjB,EAAA,GAAEkB,EAAUlB,EAAA,GAY1B,OAVAmB,GAAU,WACN,IAAMC,EAAS,SAACC,GAA2B,OAAAH,EAAWG,EAAEC,UAElDC,EAAQC,WAAW,oCAIzB,OAHAD,EAAME,iBAAiB,SAAUL,GACjCF,EAAWK,EAAMD,SAEV,WAAM,OAAAC,EAAMG,oBAAoB,SAAUN,MAClD,IAEIH,ECXG,SAAUU,IACd,IAAA3B,EAAiBhB,EAAQ,GAAxBU,EAAIM,EAAA,GAAE4B,EAAM5B,EAAA,GAUnB,OARAmB,GAAU,WACN,IAAMU,EAAS,WAAM,OAAAD,EAAOE,OAAOC,UAInC,OAHAF,IAEAG,EAAY,SAAUH,GACf,WAAM,OAAAI,EAAY,SAAUJ,MACpC,IAEInC"}
+{"version":3,"file":"hooks.js","sources":["../src/hooks/use-link.ts","../src/hooks/use-mount.ts","../src/hooks/use-reduced-motion.ts","../src/hooks/use-scroll.ts","../src/hooks/use-path.ts"],"sourcesContent":[null,null,null,null,null],"names":["useLink","initial","internal","useRef","ports","connect","port","current","includes","push","link","transform","transformedLink","value","transition","requestAnimationFrame","_i","_a","length","useMount","useState","mounted","setMounted","ref","unMount","onUnmount","duration","play","reverse","immediate","sleep","_b","sent","useReducedMotion","reduced","setReduced","useEffect","change","e","matches","query","matchMedia","addEventListener","removeEventListener","useScroll","update","scroll","window","scrollY","attachEvent","detachEvent","usePath","useCallback","progress","len","getTotalLength","getPointAtLength","x","y"],"mappings":"sLAQwB,SAAAA,EAAiBC,GACrC,IAAMC,EAAWC,EAAUF,GACrBG,EAAQD,EAAe,IAE7B,SAASE,EAAQC,GACRF,EAAMG,QAAQC,SAASF,IAAOF,EAAMG,QAAQE,KAAKH,GAG1D,SAASI,EAAKC,GACV,IAAKA,EAAW,OAAOT,EAASK,QAEhC,IAAMK,EAAkB,WAAM,OAAAD,EAAUT,EAASK,UAGjD,OAFAK,EAAgBP,QAAUA,EAEnBO,EAaX,OAVAF,EAAKL,QAAUA,EAUR,CAACK,EARR,SAAgBG,EAAUC,QAAA,IAAAA,IAAAA,EAAc,GACpCZ,EAASK,QAAUM,EAEnBE,uBAAsB,WAClB,IAAmB,IAAAC,EAAA,EAAAC,EAAAb,EAAMG,QAANS,EAAaC,EAAAC,OAAbF,IAAa,EAAEV,EAAnBW,EAAAD,IAAwBF,SCzB3B,SAAAK,EAASlB,GACvB,IAAAgB,EAAwBG,EAASnB,GAAhCoB,EAAOJ,EAAA,GAAEK,EAAUL,EAAA,GACpBM,EAAMpB,EAAuB,MAgBnC,MAAO,CAACoB,EAAKF,EAdb,SAAsBR,2GAElB,OADMW,EAAqB,QAAXP,EAAAM,EAAIhB,eAAO,IAAAU,OAAA,EAAAA,EAAEQ,UACzBZ,IAAUW,EAAS,CAAA,EAAOF,EAAWT,KAEnCa,EAAWH,EAAIhB,QAAQoB,KAAKJ,EAAIhB,QAAQkB,UAAW,CACrDG,QAA4B,iBAAZJ,EAChBK,WAAW,IAGf,CAAA,EAAMC,EAAiB,IAAXJ,mBAAZK,EAAAC,OAEAV,EAAWT,gBCjBL,SAAUoB,IACd,IAAAhB,EAAwBG,GAAS,GAAhCc,EAAOjB,EAAA,GAAEkB,EAAUlB,EAAA,GAY1B,OAVAmB,GAAU,WACN,IAAMC,EAAS,SAACC,GAA2B,OAAAH,EAAWG,EAAEC,UAElDC,EAAQC,WAAW,oCAIzB,OAHAD,EAAME,iBAAiB,SAAUL,GACjCF,EAAWK,EAAMD,SAEV,WAAM,OAAAC,EAAMG,oBAAoB,SAAUN,MAClD,IAEIH,ECXG,SAAUU,IACd,IAAA3B,EAAiBjB,EAAQ,GAAxBU,EAAIO,EAAA,GAAE4B,EAAM5B,EAAA,GAUnB,OARAmB,GAAU,WACN,IAAMU,EAAS,WAAM,OAAAD,EAAOE,OAAOC,UAInC,OAHAF,IAEAG,EAAY,SAAUH,GACf,WAAM,OAAAI,EAAY,SAAUJ,MACpC,IAEIpC,ECbG,SAAUyC,IACpB,IAAM5B,EAAMpB,EAAuB,MAanC,MAAO,CAXMiD,GAAY,SAACzC,GACtB,OAAO,SAAC0C,GACJ,IAAK9B,EAAIhB,QAAS,OAAOI,EAAU,CAAC,EAAG,IAEvC,IAAM2C,EAAM/B,EAAIhB,QAAQgD,iBAAmBF,EACrCpC,EAAWM,EAAIhB,QAAQiD,iBAAiBF,GAAtCG,EAACxC,EAAAwC,EAAEC,MAEX,OAAO/C,EAAU,CAAC8C,EAAGC,OAE1B,CAACnC,IAEUA"}

package/dist/index.js

@@ -1,2 +1,2 @@
-import{_ as t,a as r,b as e,c as i}from"./tslib.es6-96c5f7c9.js";import{jsx as n,Fragment as a}from"react/jsx-runtime";import{forwardRef as o,useRef as s,useImperativeHandle as u,useEffect as c,useLayoutEffect as d,Children as f,isValidElement as h,cloneElement as l}from"react";import{C as p,M as g,P as v}from"./pop-0fdae9af.js";import{a as m,d as y,m as b}from"./utils-5bcfdcec.js";var w=function(){function t(t){var r=t.stagger,e=void 0===r?.1:r,i=t.staggerLimit,n=void 0===i?10:i,a=t.deform,o=void 0===a||a;this.targets=[],this.targetMap={},this.tracks=[],this.links={},this.stagger=e,this.staggerLimit=n-1,this.deform=o}return t.prototype.time=function(t){return t.duration+this.stagger*Math.min(this.staggerLimit,this.targets.length-1)},t.prototype.port=function(t,r,e){for(var i,n=r(),a=0,o=this.targets;a<o.length;a++){var s=o[a];if(e)s.animate(((i={})[t]=n,i),{duration:1e3*e,fill:"both",easing:"ease"}).commitStyles();else s.style[t]=n}},t.prototype.insert=function(t,r){var e=this.targetMap[t];r?void 0!==e?this.targets[e]=r:this.targetMap[t]=this.targets.push(r)-1:void 0!==e&&(this.targets.splice(e,1),this.targetMap[t]=void 0)},t.prototype.clear=function(t,r){var e,i=this.tracks[t];if(r){var n=i.findIndex((function(t){return t===r}));n>=0&&i.splice(n,1),"paused"===(null===(e=i[0])||void 0===e?void 0:e.playState)&&i[0].play()}else i.forEach((function(t){return t.cancel()})),this.tracks[t]=[]},t.prototype.enqueue=function(t,r){for(var e=this,i=void 0===r?{}:r,n=i.composite,a=void 0!==n&&n,o=i.immediate,s=void 0!==o&&o,u=i.reverse,c=void 0!==u&&u,d=i.delay,f=void 0===d?0:d,h=function(r){Array.isArray(l.tracks[r])||(l.tracks[r]=[]);var i=l.tracks[r].length&&!(a||s);s&&l.clear(r);var n=t.play(l.targets[r],{deform:l.deform,delay:f+Math.min(r,l.staggerLimit)*(l.stagger<0?t.duration/l.targets.length:l.stagger),composite:a,reverse:c,paused:!!i});l.tracks[r].push(n),n.onfinish=function(){return e.clear(r,n)}},l=this,p=0;p<this.targets.length;p++)h(p)},t.prototype.pause=function(){for(var t=0,r=this.tracks;t<r.length;t++)for(var e=0,i=r[t];e<i.length;e++){i[e].pause()}},t.prototype.play=function(){for(var t,r=0,e=this.tracks;r<e.length;r++){null===(t=e[r][0])||void 0===t||t.play()}},t}(),M=function(){function t(){this.data=[],this.isEmpty=!0}return t.prototype.read=function(t){return t.map((function(t){var r=t.getBoundingClientRect(),e=r.x,i=r.y,n=r.width,a=r.height,o=getComputedStyle(t);return{x:e,y:i,width:n,height:a,borderRadius:o.borderRadius,opacity:o.opacity,backgroundColor:o.backgroundColor,color:o.color,rotate:o.rotate}}))},t.prototype.update=function(t){this.data=t,this.isEmpty=!t.length},t.prototype.computeDifference=function(t){for(var r=new Array(t.length),e=0;e<t.length;e++)if(r[e]=this.data[e]?{translate:["".concat(this.data[e].x-t[e].x,"px ").concat(this.data[e].y-t[e].y,"px"),"0px 0px"],scale:[this.data[e].width/t[e].width,this.data[e].height/t[e].height]}:{opacity:[0,1]},this.data[e])for(var i=0,n=["borderRadius","opacity","backgroundColor","color","rotate"];i<n.length;i++){var a=n[i];r[e][a]=[this.data[e][a],t[e][a]]}return r},t}(),k=o((function(o,g){var v=o.children,x=o.animations,L=o.playbook,A=void 0===L?[]:L,C=o.animate,E=o.initial,_=o.stagger,R=o.staggerLimit,U=o.viewportMargin,j=void 0===U?.5:U,V=o.deform,B=o.adapative,N=void 0!==B&&B,S=o.onMount,W=void 0!==S&&S,X=o.onUnmount,q=void 0!==X&&X,z=o.onEnter,D=void 0!==z&&z,H=o.onLeave,I=void 0!==H&&H,P=o.noCascade,F=void 0!==P&&P,G=o.order,J=o.text,K=void 0!==J&&J,O=o.disabled,Q=void 0!==O&&O,T=o.paused,Y=void 0!==T&&T,Z=void 0!==G?G:1,$=s(!1),tt=s({}),rt=s(new w({stagger:K?-1:_,staggerLimit:K?Number.MAX_VALUE:R,deform:V})),et=s(new M),it=s([]);if(!tt.current.__initialized)for(var nt in tt.current.__initialized=!0,tt.current.animate=p.from(C,E,rt.current),x)tt.current[nt]=p.from(x[nt],E);var at=[],ot=function(t,r,e){if(void 0===r&&(r={}),void 0===e&&(e=1),!t||Q||Z>1&&e<2)return 0;"string"!=typeof t&&(t="animate");var i=tt.current[t];if(!i)return 0;for(var n=0,a=r.delay||0,o=rt.current.time(i),s=0,u=at;s<u.length;s++){var c=u[s];if(c){var d=c.play(t,b({delay:a+o},r),e+1);n=Math.max(n,d)}}var f=(r.reverse?n:a)*(Z/e);return rt.current.enqueue(i,b({delay:f},r)),o+f};u(g,(function(){return{play:ot,onUnmount:q}}),[]),c((function(){(Y||Q)&&rt.current.pause(),Y||Q||rt.current.play()}),[Y,Q]),c((function(){for(var r=0;r<A.length;r++){var e=A[r],i=e.name,n=e.trigger,a=t(e,["name","trigger"]);n!==it.current[r]&&n&&ot(i,a),it.current[r]=n}}),[A]),("undefined"==typeof window?c:d)((function(){if(N&&!(Z>1)&&"undefined"!=typeof window){var t=et.current.read(rt.current.targets);if(!et.current.isEmpty){var r=et.current.computeDifference(t);p.transition(rt.current.targets,r,"boolean"==typeof N?void 0:N)}et.current.update(t)}})),c((function(){function t(){if(D||I){for(var t={left:Number.MAX_VALUE,top:Number.MAX_VALUE,right:0,bottom:0},r=0,e=rt.current.targets;r<e.length;r++){var i=e[r].getBoundingClientRect(),n=i.left,a=i.top,o=i.right,s=i.bottom;t.left=Math.min(n,t.left),t.top=Math.min(a,t.top),t.right=Math.max(o,t.right),t.bottom=Math.max(s,t.bottom)}var u=t.right-t.left,c=t.bottom-t.top;t.top+=c*j,t.bottom-=c*j,t.left+=u*j,t.right-=u*j;var d=t.top<window.innerHeight&&t.left<window.innerWidth&&t.bottom>0&&t.right>0;d&&!$.current&&D&&ot(D),!d&&$.current&&ot(I||D,{reverse:!I}),$.current=d}}return m("scroll",t),r(void 0,void 0,void 0,(function(){return e(this,(function(r){switch(r.label){case 0:return[4,document.fonts.ready];case 1:return r.sent(),W?ot(W,{immediate:!0}):t(),[2]}}))})),function(){return y("scroll",t)}}),[]);var st=0,ut=function(t,r,e){return void 0===r&&(r=!0),f.map(t,(function(t){var e=h(t),a=e&&t.type===k,o=e?t.props:{},s={};if(a){if(!F){var u=at.length++;s.order=void 0!==o.order?o.order:(void 0!==G?G:1)+1,s.paused=Y,s.ref=function(t){return at[u]=t},b(s,o,{animate:C,initial:E,animations:x,stagger:_,staggerLimit:R})}}else if(r){var c=st++;s.pathLength=1,s.ref=function(t){return rt.current.insert(c,t)},s.style=b({WebkitBackfaceVisibility:"hidden"},E||tt.current.animate.initial,o.style)}if(!e){if(!r)return t;if(K&&"string"==typeof t){var d=t.split(""),f=st;return st+=d.length,d.map((function(t,r){return n("span",i({ref:function(t){return rt.current.insert(f+r,t)},style:{minWidth:" "===t?"0.35em":0}},{children:t}))}))}return n("div",i({},s,{children:t}))}return l(t,s,ut(o.children,!1))}))};return n(a,{children:ut(v)})})),x=o((function(r,e){var o=r.children,s=r.animations,u=void 0===s?[g,v]:s,c=r.levels,d=void 0===c?2:c,p=t(r,["children","animations","levels"]);return n(a,{children:function t(r,a){void 0===a&&(a=d);for(var o,s=d-a;!(o=u[s])&&s>=0;)s--;return a<1||f.count(r)<1?r:n(k,i({},p,{ref:e,animate:o},{children:f.map(r,(function(r){return h(r)?l(r,{},t(r.props.children,a-1)):r}))}))}(o)})}));export{k as Animatable,x as Animate};
+import{_ as t,a as e,b as i,c as r}from"./tslib.es6-96c5f7c9.js";import{jsx as n,Fragment as a}from"react/jsx-runtime";import{forwardRef as o,useRef as s,useImperativeHandle as c,useEffect as u,useLayoutEffect as h,Children as d,isValidElement as p,cloneElement as f}from"react";import{A as l,C as v,M as m,P as g}from"./pop-8dc5bc17.js";import{a as y,d as k,m as b}from"./utils-5bcfdcec.js";var w=function(){function t(){this.data=[]}return t.prototype.get=function(t){var e=t.getBoundingClientRect(),i=e.x,r=e.y,n=e.width,a=e.height,o=getComputedStyle(t),s=o.borderRadius,c=o.opacity,u=o.backgroundColor,h=o.color,d=o.rotate;return{x:i-window.scrollX,y:r+window.scrollY,width:n,height:a,borderRadius:s,opacity:c,backgroundColor:u,color:h,rotate:d}},t.prototype.set=function(t){this.data=t},t.prototype.read=function(t){var e=this;return t.map((function(t){return e.get(t.element)}))},t.prototype.update=function(t,e){var i=this.get(e);this.data[t]=i},t.prototype.computeDifference=function(t){for(var e=new Array(t.length),i=0;i<t.length;i++)if(e[i]=this.data[i]?{translate:["".concat(this.data[i].x-t[i].x,"px ").concat(this.data[i].y-t[i].y,"px"),"0px 0px"],scale:[this.data[i].width/t[i].width,this.data[i].height/t[i].height]}:{},this.data[i])for(var r=0,n=["borderRadius","opacity","backgroundColor","color","rotate"];r<n.length;r++){var a=n[r];e[i][a]=[this.data[i][a],t[i][a]]}return e},t}(),M=function(){function t(t){this.playing=0,this.active=[],this.queue=[],this.onupdate=null,this.element=t}return t.prototype.push=function(t){this.active.push(t),this.playing++,t.onfinish=this.next.bind(this)},t.prototype.enqueue=function(t){this.queue.push(t)},t.prototype.next=function(){var t;null===(t=this.onupdate)||void 0===t||t.call(this),--this.playing>0||(this.active=this.queue.length?this.queue.splice(0,1):[],this.active.forEach((function(t){return t.play()})))},t.prototype.clear=function(){this.active.forEach((function(t){return t.remove()})),this.active=[],this.queue=[],this.playing=0},t.prototype.pause=function(){for(var t=0,e=this.active;t<e.length;t++){e[t].pause()}},t.prototype.play=function(){for(var t=0,e=this.active;t<e.length;t++){e[t].play()}},t.prototype.step=function(){for(var t=0,e=this.active;t<e.length;t++){e[t].step()}},t}(),x=function(){function t(t){var e=t.stagger,i=void 0===e?.1:e,r=t.staggerLimit,n=void 0===r?10:r,a=t.deform,o=void 0===a||a;this.paused=!1,this.trackMap={},this.tracks=[],this.cache=new w,this.frame=0,this.stagger=i,this.staggerLimit=n-1,this.deform=o}return t.prototype.step=function(){cancelAnimationFrame(this.frame),this.tracks.forEach((function(t){return t.step()})),this.frame=requestAnimationFrame(this.step.bind(this))},t.prototype.time=function(t){return t.duration+this.stagger*Math.min(this.staggerLimit,this.tracks.length-1)},t.prototype.port=function(t,e,i){var r;if(!this.paused)for(var n=e(),a=0,o=this.tracks;a<o.length;a++){var s=o[a];if(i){var c=new l(s.element,((r={})[t]=n,r),{duration:1e3*i,fill:"both",easing:"ease"});this.deform&&c.correct()}else s.element.style[t]=n}},t.prototype.transition=function(t){if(void 0===t&&(t=.5),!this.paused){for(var e=this.cache.read(this.tracks),i=this.cache.computeDifference(e),r=0;r<this.tracks.length;r++){var n=new l(this.tracks[r].element,i[r],{duration:1e3*t,fill:"both",easing:"ease",composite:"add"});this.deform&&n.correct()}this.cache.set(e)}},t.prototype.insert=function(t,e){var i=this,r=this.trackMap[t];if(e)if(void 0!==r)this.tracks[r].element=e;else{var n=this.tracks.push(new M(e))-1;this.trackMap[t]=n,this.tracks[n].onupdate=function(){var t=i.tracks[n];t&&i.cache.update(n,t.element)}}else void 0!==r&&(this.tracks.splice(r,1),this.trackMap[t]=void 0);this.frame=requestAnimationFrame(this.step.bind(this))},t.prototype.add=function(t,e){for(var i=void 0===e?{}:e,r=i.composite,n=void 0!==r&&r,a=i.immediate,o=void 0!==a&&a,s=i.reverse,c=void 0!==s&&s,u=i.delay,h=void 0===u?0:u,d=0;d<this.tracks.length;d++){var p=this.tracks[d].active.length&&!(n||o);o&&this.tracks[d].clear();var f=t.play(this.tracks[d].element,{deform:this.deform,delay:h+Math.min(d,this.staggerLimit)*(this.stagger<0?t.duration/this.tracks.length:this.stagger),composite:n,reverse:c,paused:!!p});p?this.tracks[d].enqueue(f):this.tracks[d].push(f)}},t.prototype.pause=function(){for(var t=0,e=this.tracks;t<e.length;t++){e[t].pause()}this.paused=!0},t.prototype.play=function(){for(var t=0,e=this.tracks;t<e.length;t++){e[t].play()}this.paused=!1},t}(),L=o((function(o,l){var m=o.children,g=o.animations,w=o.playbook,M=void 0===w?[]:w,A=o.animate,q=o.initial,C=o.stagger,_=o.staggerLimit,E=o.deform,R=o.order,U=o.viewportMargin,j=void 0===U?.5:U,V=o.adapative,X=void 0!==V&&V,B=o.onMount,F=void 0!==B&&B,N=o.onUnmount,W=void 0!==N&&N,z=o.onEnter,D=void 0!==z&&z,H=o.onLeave,P=void 0!==H&&H,S=o.noCascade,Y=void 0!==S&&S,G=o.text,I=void 0!==G&&G,J=o.disabled,K=void 0!==J&&J,O=o.paused,Q=void 0!==O&&O,T=void 0!==R?R:1,Z=s(!1),$=s({}),tt=s(new x({stagger:I?-1:C,staggerLimit:I?Number.MAX_VALUE:_,deform:E})),et=s([]);if(!$.current.__initialized)for(var it in $.current.__initialized=!0,$.current.animate=v.from(A,q,tt.current),g)$.current[it]=v.from(g[it],q);var rt=[],nt=function(t,e,i){if(void 0===e&&(e={}),void 0===i&&(i=1),!t||K||T>1&&i<2)return 0;"string"!=typeof t&&(t="animate");var r=$.current[t];if(!r)return 0;for(var n=0,a=e.delay||0,o=tt.current.time(r),s=0,c=rt;s<c.length;s++){var u=c[s];if(u){var h=u.play(t,b({delay:a+o},e),i+1);n=Math.max(n,h)}}var d=(e.reverse?n:a)*(T/i);return tt.current.add(r,b({delay:d},e)),o+d};c(l,(function(){return{play:nt,onUnmount:W}}),[]),u((function(){(Q||K)&&tt.current.pause(),Q||K||tt.current.play()}),[Q,K]),u((function(){for(var e=0;e<M.length;e++){var i=M[e],r=i.name,n=i.trigger,a=t(i,["name","trigger"]);n!==et.current[e]&&n&&nt(r,a),et.current[e]=n}}),[M]),("undefined"==typeof window?u:h)((function(){!X||T>1||"undefined"==typeof window||tt.current.transition("boolean"==typeof X?void 0:X)})),u((function(){function t(){if(D||P){for(var t={left:Number.MAX_VALUE,top:Number.MAX_VALUE,right:0,bottom:0},e=0,i=tt.current.tracks;e<i.length;e++){var r=i[e].element.getBoundingClientRect(),n=r.left,a=r.top,o=r.right,s=r.bottom;t.left=Math.min(n,t.left),t.top=Math.min(a,t.top),t.right=Math.max(o,t.right),t.bottom=Math.max(s,t.bottom)}var c=t.right-t.left,u=t.bottom-t.top;t.top+=u*j,t.bottom-=u*j,t.left+=c*j,t.right-=c*j;var h=t.top<window.innerHeight&&t.left<window.innerWidth&&t.bottom>0&&t.right>0;h&&!Z.current&&D&&nt(D),!h&&Z.current&&nt(P||D,{reverse:!P}),Z.current=h}}return y("scroll",t),e(void 0,void 0,void 0,(function(){return i(this,(function(e){switch(e.label){case 0:return[4,document.fonts.ready];case 1:return e.sent(),F?nt(F,{immediate:!0}):t(),[2]}}))})),function(){return k("scroll",t)}}),[]);var at=0,ot=function(t,e,i){return void 0===e&&(e=!0),d.map(t,(function(t){var i=p(t),a=i&&t.type===L,o=i?t.props:{},s={};if(a){if(!Y){var c=rt.length++;s.order=void 0!==o.order?o.order:(void 0!==R?R:1)+1,s.paused=Q,s.ref=function(t){return rt[c]=t},b(s,o,{animate:A,initial:q,animations:g,stagger:C,staggerLimit:_,deform:E})}}else if(e){var u=at++;s.pathLength=1,s.ref=function(t){return tt.current.insert(u,t)},s.style=b({WebkitBackfaceVisibility:"hidden"},q||$.current.animate.initial,o.style)}if(!i){if(!e)return t;if(I&&"string"==typeof t){var h=t.split(""),d=at;return at+=h.length,h.map((function(t,e){return n("span",r({ref:function(t){return tt.current.insert(d+e,t)},style:{minWidth:" "===t?"0.35em":0}},{children:t}))}))}return n("div",r({},s,{children:t}))}return f(t,s,ot(o.children,!1))}))};return n(a,{children:ot(m)})})),A=o((function(e,i){var o=e.children,s=e.animations,c=void 0===s?[m,g]:s,u=e.levels,h=void 0===u?2:u,l=t(e,["children","animations","levels"]);return n(a,{children:function t(e,a){void 0===a&&(a=h);for(var o,s=h-a;!(o=c[s])&&s>=0;)s--;return a<1||d.count(e)<1?e:n(L,r({},l,{ref:i,animate:o},{children:d.map(e,(function(e){return p(e)?f(e,{},t(e.props.children,a-1)):e}))}))}(o)})}));export{L as Animatable,A as Animate};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/core/timeline.ts","../src/core/cache.ts","../src/animatable.tsx","../src/animate.tsx"],"sourcesContent":[null,null,null,null],"names":["Timeline","_a","_b","stagger","_c","staggerLimit","_d","deform","this","targets","targetMap","tracks","links","prototype","time","clip","duration","Math","min","length","port","key","link","transition","val","_i","el","animate","fill","easing","commitStyles","style","insert","element","idx","undefined","push","splice","clear","trackIndex","id","track","findIndex","playState","play","forEach","animation","cancel","enqueue","_this","composite","immediate","_e","reverse","_f","delay","i","Array","isArray","this_1","queued","paused","onfinish","pause","track_1","StyleCache","data","isEmpty","read","elements","map","getBoundingClientRect","x","y","width","height","getComputedStyle","borderRadius","opacity","backgroundColor","color","rotate","update","computeDifference","keyframes","translate","concat","scale","Animatable","forwardRef","ref","children","animations","playbook","initial","viewportMargin","adapative","onMount","onUnmount","_g","onEnter","_h","onLeave","_j","noCascade","order","_k","text","_l","disabled","_m","cascadeOrder","isVisible","useRef","clipMap","timeline","Number","MAX_VALUE","cache","playbookState","current","__initialized","name_1","Clip","from","nodes","options","layer","cascadeDelay","layerDelay","nodes_1","node","delay_1","merge","max","useImperativeHandle","useEffect","name_2","name","trigger","__rest","window","useLayoutEffect","cached","scroll","box","left","top","right","bottom","top_1","w","h","inView","innerHeight","innerWidth","attachEvent","__awaiter","document","fonts","ready","sent","detachEvent","elementIndex","render","isDirectChild","isParent","Children","child","valid","isValidElement","isAnimatable","type","childProps","props","i_1","i_2","pathLength","WebkitBackfaceVisibility","arr","split","offset_1","char","_jsx","__assign","minWidth","cloneElement","Animate","Move","Pop","levels","level","count"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/core/cache.ts","../src/core/track.ts","../src/core/timeline.ts","../src/animatable.tsx","../src/animate.tsx"],"sourcesContent":[null,null,null,null,null],"names":["StyleCache","this","data","prototype","get","element","_a","getBoundingClientRect","x","y","width","height","_b","getComputedStyle","borderRadius","opacity","backgroundColor","color","rotate","window","scrollX","scrollY","set","read","tracks","_this","map","track","update","index","computeDifference","keyframes","Array","length","i","translate","concat","scale","_i","key","Track","playing","active","queue","onupdate","push","action","onfinish","next","bind","enqueue","call","splice","forEach","play","clear","remove","pause","step","Timeline","stagger","_c","staggerLimit","_d","deform","paused","trackMap","cache","frame","cancelAnimationFrame","requestAnimationFrame","time","clip","duration","Math","min","port","link","transition","val","Action","fill","easing","correct","style","composite","insert","idx","undefined","idx_1","add","immediate","_e","reverse","_f","delay","queued","Animatable","forwardRef","ref","children","animations","playbook","animate","initial","order","viewportMargin","adapative","onMount","onUnmount","_g","onEnter","_h","onLeave","_j","noCascade","_k","text","_l","disabled","_m","cascadeOrder","isVisible","useRef","clipMap","timeline","Number","MAX_VALUE","playbookState","current","__initialized","name_1","Clip","from","nodes","animation","options","layer","cascadeDelay","layerDelay","nodes_1","node","delay_1","merge","max","useImperativeHandle","useEffect","name_2","name","trigger","__rest","useLayoutEffect","scroll","box","left","top","right","bottom","top_1","w","h","inView","innerHeight","innerWidth","attachEvent","__awaiter","document","fonts","ready","sent","detachEvent","elementIndex","render","isDirectChild","isParent","Children","child","valid","isValidElement","isAnimatable","type","childProps","props","i_1","el","i_2","pathLength","WebkitBackfaceVisibility","arr","split","offset_1","char","_jsx","__assign","minWidth","cloneElement","Animate","Move","Pop","levels","level","count"],"mappings":"wYAcA,IAAAA,EAAA,WAAA,SAAAA,IAEIC,KAAIC,KAAgB,GAmDxB,OAjDIF,EAAGG,UAAAC,IAAH,SAAIC,GACM,IAAAC,EAA0BD,EAAQE,wBAAhCC,EAACF,EAAAE,EAAEC,MAAGC,UAAOC,WACfC,EAA4DC,iBAAiBR,GAA3ES,iBAAcC,YAASC,oBAAiBC,UAAOC,WAEvD,MAAO,CACHV,EAAGA,EAAIW,OAAOC,QACdX,EAAGA,EAAIU,OAAOE,QACdX,MAAKA,EACLC,OAAMA,EACNG,aAAYA,EACZC,QAAOA,EACPC,gBAAeA,EACfC,MAAKA,EACLC,OAAMA,IAIdlB,EAAGG,UAAAmB,IAAH,SAAIpB,GACAD,KAAKC,KAAOA,GAGhBF,EAAIG,UAAAoB,KAAJ,SAAKC,GAAL,IAECC,EAAAxB,KADG,OAAOuB,EAAOE,KAAI,SAAAC,GAAS,OAAAF,EAAKrB,IAAIuB,EAAMtB,aAG9CL,EAAAG,UAAAyB,OAAA,SAAOC,EAAexB,GAClB,IAAMH,EAAOD,KAAKG,IAAIC,GACtBJ,KAAKC,KAAK2B,GAAS3B,GAGvBF,EAAiBG,UAAA2B,kBAAjB,SAAkB5B,GAGd,IAFA,IAAM6B,EAAwC,IAAIC,MAAM9B,EAAK+B,QAEpDC,EAAI,EAAGA,EAAIhC,EAAK+B,OAAQC,IAM7B,GALAH,EAAUG,GAAKjC,KAAKC,KAAKgC,GAAK,CAC1BC,UAAW,CAAC,GAAAC,OAAGnC,KAAKC,KAAKgC,GAAG1B,EAAIN,EAAKgC,GAAG1B,EAAO,OAAA4B,OAAAnC,KAAKC,KAAKgC,GAAGzB,EAAIP,EAAKgC,GAAGzB,EAAK,MAAE,WAC/E4B,MAAO,CAACpC,KAAKC,KAAKgC,GAAGxB,MAAQR,EAAKgC,GAAGxB,MAAOT,KAAKC,KAAKgC,GAAGvB,OAAST,EAAKgC,GAAGvB,SAC1E,GAECV,KAAKC,KAAKgC,GAEf,IAAkB,QAAA5B,EAAA,CAAC,eAAgB,UAAW,kBAAmB,QAAS,UAAxDgC,EAAiEhC,EAAA2B,OAAjEK,IAAmE,CAAhF,IAAMC,EAAGjC,EAAAgC,GACVP,EAAUG,GAAGK,GAAO,CAACtC,KAAKC,KAAKgC,GAAGK,GAAerC,EAAKgC,GAAGK,IAIjE,OAAOR,GAGd/B,KCjEDwC,EAAA,WAQI,SAAAA,EAAYnC,GALZJ,KAAOwC,QAAW,EAClBxC,KAAMyC,OAAa,GACnBzC,KAAK0C,MAAa,GAClB1C,KAAQ2C,SAAwB,KAG5B3C,KAAKI,QAAUA,EA0CvB,OAvCImC,EAAIrC,UAAA0C,KAAJ,SAAKC,GACD7C,KAAKyC,OAAOG,KAAKC,GACjB7C,KAAKwC,UAELK,EAAOC,SAAW9C,KAAK+C,KAAKC,KAAKhD,OAGrCuC,EAAOrC,UAAA+C,QAAP,SAAQJ,GACJ7C,KAAK0C,MAAME,KAAKC,IAGpBN,EAAArC,UAAA6C,KAAA,iBACiB,QAAb1C,EAAAL,KAAK2C,gBAAQ,IAAAtC,GAAAA,EAAA6C,KAAAlD,QAEPA,KAAKwC,QAAU,IAErBxC,KAAKyC,OAASzC,KAAK0C,MAAMV,OAAShC,KAAK0C,MAAMS,OAAO,EAAG,GAAK,GAC5DnD,KAAKyC,OAAOW,SAAQ,SAAAP,GAAU,OAAAA,EAAOQ,YAGzCd,EAAArC,UAAAoD,MAAA,WACItD,KAAKyC,OAAOW,SAAQ,SAAAP,GAAU,OAAAA,EAAOU,YACrCvD,KAAKyC,OAAS,GACdzC,KAAK0C,MAAQ,GACb1C,KAAKwC,QAAU,GAGnBD,EAAArC,UAAAsD,MAAA,WACI,IAAqB,IAAAnB,EAAA,EAAAhC,EAAAL,KAAKyC,OAALJ,EAAWhC,EAAA2B,OAAXK,IAAW,CAAfhC,EAAAgC,GAAwBmB,UAG7CjB,EAAArC,UAAAmD,KAAA,WACI,IAAqB,IAAAhB,EAAA,EAAAhC,EAAAL,KAAKyC,OAALJ,EAAWhC,EAAA2B,OAAXK,IAAW,CAAfhC,EAAAgC,GAAwBgB,SAG7Cd,EAAArC,UAAAuD,KAAA,WACI,IAAqB,IAAApB,EAAA,EAAAhC,EAAAL,KAAKyC,OAALJ,EAAWhC,EAAA2B,OAAXK,IAAW,CAAfhC,EAAAgC,GAAwBoB,SAGhDlB,KC/CDmB,EAAA,WAWI,SAAAA,EAAYrD,GAAE,IAAAM,EAAAN,EAAAsD,QAAAA,OAAO,IAAAhD,EAAG,GAAGA,EAAEiD,iBAAAC,OAAe,IAAAD,EAAA,KAAIE,EAAAzD,EAAA0D,OAAAA,OAAM,IAAAD,GAAOA,EAN7D9D,KAAMgE,QAAY,EAClBhE,KAAQiE,SAA0C,GAClDjE,KAAMuB,OAAY,GAClBvB,KAAKkE,MAAe,IAAInE,EACxBC,KAAKmE,MAAW,EAGZnE,KAAK2D,QAAUA,EACf3D,KAAK6D,aAAeA,EAAe,EACnC7D,KAAK+D,OAASA,EAmGtB,OAhGIL,EAAAxD,UAAAuD,KAAA,WACIW,qBAAqBpE,KAAKmE,OAE1BnE,KAAKuB,OAAO6B,SAAQ,SAAA1B,GAAS,OAAAA,EAAM+B,UAEnCzD,KAAKmE,MAAQE,sBAAsBrE,KAAKyD,KAAKT,KAAKhD,QAGtD0D,EAAIxD,UAAAoE,KAAJ,SAAKC,GACD,OAAOA,EAAKC,SAAWxE,KAAK2D,QAAUc,KAAKC,IAAI1E,KAAK6D,aAAc7D,KAAKuB,OAAOS,OAAS,IAG3F0B,EAAAxD,UAAAyE,KAAA,SAAKrC,EAAasC,EAAiBC,SAC/B,IAAI7E,KAAKgE,OAIT,IAFA,IAAMc,EAAMF,IAEQvC,EAAA,EAAA1B,EAAAX,KAAKuB,OAALc,EAAA1B,EAAAqB,OAAAK,IAAa,CAA5B,IAAMX,EAAKf,EAAA0B,GACZ,GAAIwC,EAAY,CACZ,IAAMhC,EAAS,IAAIkC,EAAOrD,EAAMtB,UAAWC,EAAA,IAACiC,GAAMwC,EAAOzE,GAAA,CAAEmE,SAAuB,IAAbK,EAAmBG,KAAM,OAAQC,OAAQ,SAC1GjF,KAAK+D,QAAQlB,EAAOqC,eACrBxD,EAAMtB,QAAQ+E,MAAM7C,GAAgBwC,IAInDpB,EAAUxD,UAAA2E,WAAV,SAAWL,GACP,QADO,IAAAA,IAAAA,EAAc,KACjBxE,KAAKgE,OAAT,CAKA,IAHA,IAAM/D,EAAOD,KAAKkE,MAAM5C,KAAKtB,KAAKuB,QAC5BO,EAAY9B,KAAKkE,MAAMrC,kBAAkB5B,GAEtCgC,EAAI,EAAGA,EAAIjC,KAAKuB,OAAOS,OAAQC,IAAK,CACzC,IAAMY,EAAS,IAAIkC,EAAO/E,KAAKuB,OAAOU,GAAG7B,QAAS0B,EAAUG,GAAI,CAC5DuC,SAAqB,IAAXA,EACVQ,KAAM,OACNC,OAAQ,OACRG,UAAW,QAEXpF,KAAK+D,QAAQlB,EAAOqC,UAG5BlF,KAAKkE,MAAM7C,IAAIpB,KAGnByD,EAAAxD,UAAAmF,OAAA,SAAO/C,EAAalC,GAApB,IAqBCoB,EAAAxB,KApBSsF,EAAMtF,KAAKiE,SAAS3B,GAE1B,GAAIlC,EACA,QAAYmF,IAARD,EACAtF,KAAKuB,OAAO+D,GAAKlF,QAAUA,MACxB,CACH,IAAMoF,EAAMxF,KAAKuB,OAAOqB,KAAK,IAAIL,EAAMnC,IAAY,EACnDJ,KAAKiE,SAAS3B,GAAOkD,EACrBxF,KAAKuB,OAAOiE,GAAK7C,SAAW,WACxB,IAAMjB,EAAQF,EAAKD,OAAOiE,GACtB9D,GAAOF,EAAK0C,MAAMvC,OAAO6D,EAAK9D,EAAMtB,oBAIpCmF,IAARD,IACAtF,KAAKuB,OAAO4B,OAAOmC,EAAK,GACxBtF,KAAKiE,SAAS3B,QAAOiD,GAG7BvF,KAAKmE,MAAQE,sBAAsBrE,KAAKyD,KAAKT,KAAKhD,QAGtD0D,EAAAxD,UAAAuF,IAAA,SAAIlB,EAAYlE,GAEZ,IAFY,IAAAM,OAAA,IAAAN,EAAuE,GAAEA,EAAvEuD,EAAAjD,EAAAyE,UAAAA,OAAY,IAAAxB,GAAKA,EAAEE,EAAiBnD,EAAA+E,UAAjBA,OAAS,IAAA5B,GAAQA,EAAE6B,EAAAhF,EAAAiF,QAAAA,OAAU,IAAAD,GAAKA,EAAEE,EAASlF,EAAAmF,MAATA,OAAK,IAAAD,EAAG,EAACA,EAErE5D,EAAI,EAAGA,EAAIjC,KAAKuB,OAAOS,OAAQC,IAAK,CAEzC,IAAM8D,EAAS/F,KAAKuB,OAAOU,GAAGQ,OAAOT,UAAYoD,GAAaM,GAC1DA,GAAW1F,KAAKuB,OAAOU,GAAGqB,QAE9B,IAAMT,EAAS0B,EAAKlB,KAAKrD,KAAKuB,OAAOU,GAAG7B,QAAS,CAC7C2D,OAAQ/D,KAAK+D,OACb+B,MAAOA,EAAQrB,KAAKC,IAAIzC,EAAGjC,KAAK6D,eAAiB7D,KAAK2D,QAAU,EAAIY,EAAKC,SAAWxE,KAAKuB,OAAOS,OAAShC,KAAK2D,SAC9GyB,UAASA,EACTQ,QAAOA,EACP5B,SAAU+B,IAGdA,EAAS/F,KAAKuB,OAAOU,GAAGgB,QAAQJ,GAAU7C,KAAKuB,OAAOU,GAAGW,KAAKC,KAItEa,EAAAxD,UAAAsD,MAAA,WACI,IAAoB,IAAAnB,EAAA,EAAAhC,EAAAL,KAAKuB,OAALc,EAAWhC,EAAA2B,OAAXK,IAAW,CAAfhC,EAAAgC,GAAuBmB,QACvCxD,KAAKgE,QAAS,GAGlBN,EAAAxD,UAAAmD,KAAA,WACI,IAAoB,IAAAhB,EAAA,EAAAhC,EAAAL,KAAKuB,OAALc,EAAWhC,EAAA2B,OAAXK,IAAW,CAAfhC,EAAAgC,GAAuBgB,OACvCrD,KAAKgE,QAAS,GAGrBN,KCtEKsC,EAAaC,GAA4C,SAAC5F,EAmB1C6F,OAlBlBC,EAAQ9F,EAAA8F,SACRC,EAAU/F,EAAA+F,WACVzF,EAAaN,EAAAgG,SAAbA,OAAW,IAAA1F,EAAA,KACX2F,YACAC,YACA5C,EAAOtD,EAAAsD,QACPE,EAAYxD,EAAAwD,aACZE,EAAM1D,EAAA0D,OACNyC,EAAKnG,EAAAmG,MACL5C,EAAoBvD,EAAAoG,eAApBA,OAAc,IAAA7C,EAAG,GAAGA,EACpBE,EAAiBzD,EAAAqG,UAAjBA,OAAY,IAAA5C,KACZ6B,EAAAtF,EAAAsG,QAAAA,OAAU,IAAAhB,KACVE,EAAAxF,EAAAuG,UAAAA,OAAS,IAAAf,GAAQA,EACjBgB,YAAAC,cAAeD,EACfE,EAAe1G,EAAA2G,QAAfA,OAAU,IAAAD,GAAKA,EACfE,EAAiB5G,EAAA6G,UAAjBA,OAAY,IAAAD,KACZE,EAAA9G,EAAA+G,KAAAA,OAAI,IAAAD,GAAQA,EACZE,EAAAhH,EAAAiH,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,WAAAvD,OAAS,IAAAuD,GAAKA,EAERC,OAAyBjC,IAAViB,EAAsBA,EAAQ,EAC7CiB,EAAYC,GAAO,GACnBC,EAAUD,EAAgC,IAE1CE,GAAWF,EAAO,IAAIhE,EAAS,CACjCC,QAASyD,GAAQ,EAAIzD,EACrBE,aAAcuD,EAAOS,OAAOC,UAAYjE,EACxCE,OAAMA,KAEJgE,GAAgBL,EAAkB,IAExC,IAAKC,EAAQK,QAAQC,cAIjB,IAAK,IAAMC,MAHVP,EAAQK,QAAgBC,eAAgB,EACzCN,EAAQK,QAAQ1B,QAAU6B,EAAKC,KAAK9B,EAASC,EAASqB,GAASI,SAE5C5B,EACfuB,EAAQK,QAAQE,IAAQC,EAAKC,KAAKhC,EAAW8B,IAAO3B,GAI5D,IAAI8B,GAAmC,GAEjChF,GAAO,SAACiF,EAA6BC,EAA2BC,GAClE,QADuC,IAAAD,IAAAA,EAAyB,SAAE,IAAAC,IAAAA,EAAS,IACtEF,GAAahB,GAAaE,EAAe,GAAKgB,EAAQ,EAAI,OAAO,EAC7C,iBAAdF,IAAwBA,EAAY,WAC/C,IAAM/D,EAAOoD,EAAQK,QAAQM,GAE7B,IAAK/D,EAAM,OAAO,EAMlB,IAJA,IAAIkE,EAAe,EACfC,EAAcH,EAAQzC,OAAS,EAC/BtB,EAAWoD,GAASI,QAAQ1D,KAAKC,OAElBoE,EAAAN,GAAAhG,EAAKsG,EAAA3G,OAALK,IAAO,CAArB,IAAMuG,EAAID,EAAAtG,GACX,GAAKuG,EAAL,CAEA,IAAMC,EAAQD,EAAKvF,KAAKiF,EAAWQ,EAAM,CACrChD,MAAO4C,EAAalE,GACrB+D,GAAUC,EAAQ,GAErBC,EAAehE,KAAKsE,IAAIN,EAAcI,IAG1C,IAAM/C,GAASyC,EAAQ3C,QAAU6C,EAAeC,IAAelB,EAAegB,GAG9E,OAFAZ,GAASI,QAAQvC,IAAIlB,EAAMuE,EAAM,CAAEhD,MAAKA,GAAIyC,IAErC/D,EAAWsB,GAGtBkD,EAAoB9C,GAAK,WAAM,MAAC,CAC5B7C,KAAIA,GACJuD,UAASA,KACT,IAEJqC,GAAU,YACFjF,GAAUsD,IAAUM,GAASI,QAAQxE,QACpCQ,GAAWsD,GAAUM,GAASI,QAAQ3E,SAC5C,CAACW,EAAQsD,IAEZ2B,GAAU,WACN,IAAK,IAAIhH,EAAI,EAAGA,EAAIoE,EAASrE,OAAQC,IAAK,CACtC,IAAM5B,EAAgCgG,EAASpE,GAAvCiH,EAAI7I,EAAA8I,KAAEC,YAAYb,EAApBc,EAAAhJ,EAAA,CAAA,OAAA,YAEF+I,IAAYrB,GAAcC,QAAQ/F,IAAMmH,GAAS/F,GAAK6F,EAAMX,GAEhER,GAAcC,QAAQ/F,GAAKmH,KAEhC,CAAC/C,KAEe,oBAAXnF,OAAyB+H,EAAYK,IAAiB,YACrD5C,GAAac,EAAe,GAAuB,oBAAXtG,QAE7C0G,GAASI,QAAQnD,WAAgC,kBAAd6B,OAA0BnB,EAAYmB,MAG7EuC,GAAU,WAEN,SAASM,IACL,GAAKzC,GAAYE,EAAjB,CAIA,IAFA,IAAMwC,EAAM,CAAEC,KAAM5B,OAAOC,UAAW4B,IAAK7B,OAAOC,UAAW6B,MAAO,EAAGC,OAAQ,GAEpCvH,EAAA,EAAvBhC,EAAAuH,GAASI,QAAQzG,OAAjBc,EAAAhC,EAAA2B,OAAAK,IAAyB,CAAxC,IACK1B,EADMN,EAAAgC,GAC+BjC,QAAQE,wBAA3CmJ,SAAMI,QAAKF,UAAOC,WAE1BJ,EAAIC,KAAOhF,KAAKC,IAAI+E,EAAMD,EAAIC,MAC9BD,EAAIE,IAAMjF,KAAKC,IAAImF,EAAKL,EAAIE,KAC5BF,EAAIG,MAAQlF,KAAKsE,IAAIY,EAAOH,EAAIG,OAChCH,EAAII,OAASnF,KAAKsE,IAAIa,EAAQJ,EAAII,QAGtC,IAAME,EAAIN,EAAIG,MAAQH,EAAIC,KAAMM,EAAIP,EAAII,OAASJ,EAAIE,IACrDF,EAAIE,KAAOK,EAAItD,EACf+C,EAAII,QAAUG,EAAItD,EAClB+C,EAAIC,MAAQK,EAAIrD,EAChB+C,EAAIG,OAASG,EAAIrD,EAEjB,IAAMuD,EAASR,EAAIE,IAAMxI,OAAO+I,aAC5BT,EAAIC,KAAOvI,OAAOgJ,YAClBV,EAAII,OAAS,GACbJ,EAAIG,MAAQ,EAEZK,IAAWvC,EAAUO,SAAWlB,GAChCzD,GAAKyD,IAEJkD,GAAUvC,EAAUO,SACrB3E,GAAK2D,GAAWF,EAAS,CAAElB,SAAUoB,IAGzCS,EAAUO,QAAUgC,GAWxB,OARAG,EAAY,SAAUZ,GAErBa,OAAA,OAAA,OAAA,GAAA,sDACG,KAAA,EAAA,MAAA,CAAA,EAAMC,SAASC,MAAMC,qBAArBlK,EAAAmK,OAEA7D,EAAUtD,GAAKsD,EAAS,CAAEjB,WAAW,IAAU6D,eAG5C,WAAM,OAAAkB,EAAY,SAAUlB,MACpC,IAEH,IAAImB,GAAe,EAEbC,GAAS,SAACxE,EAA2ByE,EAAsBC,GAC7D,YADuC,IAAAD,IAAAA,GAAoB,GACpDE,EAASrJ,IAAI0E,GAAU,SAAA4E,GAC1B,IAAMC,EAAQC,EAAeF,GACvBG,EAAeF,GAASD,EAAMI,OAASnF,EAEvCoF,EAAkBJ,EAAQD,EAAMM,MAAQ,GACxCA,EAMF,GAEJ,GAAIH,GACA,IAAKhE,EAAW,CACZ,IAAMoE,EAAIjD,GAAMrG,SAEhBqJ,EAAM7E,WAA6BjB,IAArB6F,EAAW5E,MAAsB4E,EAAW5E,YAAmBjB,IAAViB,EAAsBA,EAAQ,GAAK,EACtG6E,EAAMrH,OAASA,EACfqH,EAAMnF,IAAM,SAAAqF,GAAM,OAAAlD,GAAMiD,GAAKC,GAE7BzC,EAAMuC,EAAOD,EAAY,CAAE9E,QAAOA,EAAEC,QAAOA,EAAEH,WAAUA,EAAEzC,QAAOA,EAAEE,aAAYA,EAAEE,OAAMA,UAG1F,GAAI6G,EAAe,CACf,IAAMY,EAAId,KAEVW,EAAMI,WAAa,EACnBJ,EAAMnF,IAAM,SAAAqF,GAAM,OAAA3D,GAASI,QAAQ3C,OAAOmG,EAAGD,IAC7CF,EAAMlG,MAAQ2D,EAAM,CAAE4C,yBAA0B,UAAYnF,GAAWoB,EAAQK,QAAQ1B,QAAQC,QAAS6E,EAAWjG,OAG3H,IAAK6F,EAAO,CACR,IAAKJ,EAAe,OAAOG,EAC3B,GAAI3D,GAAyB,iBAAV2D,EAAoB,CACnC,IAAMY,EAAMZ,EAAMa,MAAM,IAAKC,EAASnB,GAGtC,OAFAA,IAAgBiB,EAAI3J,OAEb2J,EAAIlK,KAAI,SAACqK,EAAM7J,GAAM,OAAA8J,EAAM,OAAAC,EAAA,CAAA9F,IAAK,SAAAqF,GAAM,OAAA3D,GAASI,QAAQ3C,OAAOwG,EAAS5J,EAAGsJ,IAAKpG,MAAO,CAAE8G,SAAmB,MAATH,EAAe,SAAW,IAAM,CAAA3F,SAAA2F,QAG7I,OAAOC,EAAS,MAAAC,EAAA,GAAAX,EAAQ,CAAAlF,SAAA4E,KAG5B,OAAOmB,EAAanB,EAAOM,EAAOV,GAAOS,EAAWjF,UAAU,QAItE,OAAO4F,cAAGpB,GAAOxE,QC5OfgG,EAAUlG,GAAyC,SAAC5F,EAA8D6F,GAA5D,IAAAC,EAAQ9F,EAAA8F,SAAExF,EAAwBN,EAAA+F,WAAxBA,OAAa,IAAAzF,EAAA,CAACyL,EAAMC,KAAMzI,EAAAvD,EAAAiM,OAAAA,OAAS,IAAA1I,EAAA,IAAMyH,EAArDhC,EAAAhJ,EAAA,CAAA,WAAA,aAAA,WAoBtD,OAAO0L,cAlBP,SAASpB,EAAOxE,EAA2BoG,QAAA,IAAAA,IAAAA,EAAcD,GAGrD,IAFA,IAA0B/H,EAAtBe,EAAMgH,EAASC,IAEVhI,EAAO6B,EAAWd,KAASA,GAAO,GACvCA,IAGJ,OAAIiH,EAAQ,GAAKzB,EAAS0B,MAAMrG,GAAY,EAAUA,EAE/C4F,EAAC/F,EAAegG,EAAA,GAAAX,GAAOnF,IAAKA,EAAKI,QAAS/B,GAAI,CAAA4B,SAChD2E,EAASrJ,IAAI0E,GAAU,SAAA4E,GACpB,OAAKE,EAAeF,GAEbmB,EAAanB,EAAO,GAAIJ,EAAOI,EAAMM,MAAMlF,SAAUoG,EAAQ,IAFjCxB,QAOrCJ,CAAOxE"}

package/dist/pop-8dc5bc17.js

@@ -0,0 +1,2 @@
+import{_ as t,c as e}from"./tslib.es6-96c5f7c9.js";var i=function(){function t(t,e,i,n){void 0===n&&(n={});var a=this;this.paused=!1,this.deform=!0,this.onfinish=null,this.element=t,this.computed=getComputedStyle(t),this.animation=t.animate(e,i),this.animation.onfinish=function(){var t;null!==a.element.offsetParent&&a.animation.commitStyles(),a.animation.cancel(),null===(t=a.onfinish)||void 0===t||t.call(a)},this.dynamic=n}return t.prototype.correct=function(){this.deform=!1},t.prototype.decomposeScale=function(t){var e=t.toString().split(" "),i=e[0],n=e[1],a=parseFloat(i);/%$/.test(i)&&(a/=100);var o=n?parseFloat(n):a;return/%$/.test(n)&&(o/=100),[a,o]},t.prototype.parseRadius=function(){if("cachedBorderRadius"in this.element)return this.element.cachedBorderRadius;var t=this.computed.borderRadius.toString().split(" ")[0];return this.element.cachedBorderRadius=parseFloat(t)||0},t.prototype.step=function(){var t,e,i;if(!this.paused){var n=(null===(t=this.animation.effect)||void 0===t?void 0:t.getComputedTiming().progress)||0;for(var a in this.dynamic)this.element.style[a]=null===(i=(e=this.dynamic)[a])||void 0===i?void 0:i.call(e,n);if(!this.deform){var o=this.decomposeScale(this.computed.scale),r=o[0],s=o[1],l=this.parseRadius();this.element.style.borderRadius="".concat(l/r,"px / ").concat(l/s,"px");for(var c=0;c<this.element.children.length;c++){this.element.children[c].style.transform="scale(".concat(1/r,", ").concat(1/s,")")}}}},t.prototype.play=function(){this.animation.play(),this.paused=!1},t.prototype.pause=function(){this.animation.pause(),this.paused=!0},t.prototype.remove=function(){this.animation.cancel()},t}(),n=function(){function n(e,i){var n=e.duration,a=void 0===n?1:n,o=e.delay,r=void 0===o?0:o,s=e.repeat,l=void 0===s?1:s,c=e.alternate,d=void 0!==c&&c,p=e.easing,u=void 0===p?"ease":p,h=t(e,["duration","delay","repeat","alternate","easing"]);void 0===i&&(i={}),this.dynamic={};var f={};for(var m in h){var v=h[m],y=i[m];if(v instanceof Function)"connect"in v||(this.dynamic[m]=v);else{var g=Array.isArray(v)?v:[v];g.length<2&&void 0!==y&&g.unshift(y),null===g[0]&&(void 0!==y?g[0]=y:g.splice(0,1));for(var b=0;b<g.length;b++){var x=this.parse(g[b]),R=x[0],S=x[1];void 0!==S&&(null===R&&(R=g.length<2?1:Math.round(b/(g.length-1)*1e3)/1e3),R in f||(f[R]={offset:R}),f[R][m]=S)}}}this.keyframes=Object.values(f),this.initial=i,this.duration=a,this.delay=r,this.repeat=l,this.alternate=d,this.easing=u}return n.prototype.parse=function(t){return null===t?[null,void 0]:"object"==typeof t?[t.offset||null,t.set]:[null,t]},n.from=function(t,i,a){if(void 0!==t&&!(t instanceof n)&&a)for(var o in t){var r=t[o];r instanceof Function&&"connect"in r&&r.connect(a.port.bind(a,o,r))}return t instanceof n?t:new n(e({},t),i)},n.prototype.unique=function(t){var e=new n(t);return e.keyframes=this.keyframes,e},n.prototype.play=function(t,e){var n=void 0===e?{}:e,a=n.composite,o=void 0!==a&&a,r=n.reverse,s=void 0!==r&&r,l=n.delay,c=n.deform,d=void 0===c||c,p=n.paused,u=void 0!==p&&p,h=new i(t,this.keyframes,{duration:1e3*this.duration,delay:1e3*(l||this.delay),iterations:this.repeat,direction:this.alternate?s?"alternate-reverse":"alternate":s?"reverse":"normal",fill:"both",composite:o?"add":"replace",easing:this.easing},this.dynamic);return d||h.correct(),u&&h.pause(),h},n}(),a=new n({opacity:1,translate:"0px 0px",duration:.5},{opacity:0,translate:"0px 20px"}),o=new n({opacity:1,scale:1,duration:.25},{opacity:0,scale:.85});export{i as A,n as C,a as M,o as P};
+//# sourceMappingURL=pop-8dc5bc17.js.map

package/dist/pop-8dc5bc17.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pop-8dc5bc17.js","sources":["../src/core/action.ts","../src/core/clip.ts","../src/animations/move.ts","../src/animations/pop.ts"],"sourcesContent":[null,null,null,null],"names":["Action","element","keyframes","config","dynamic","_this","this","paused","deform","onfinish","computed","getComputedStyle","animation","animate","offsetParent","commitStyles","cancel","_a","call","prototype","correct","decomposeScale","val","toString","split","xString","yString","x","parseFloat","test","y","parseRadius","cachedBorderRadius","radius","borderRadius","step","progress","effect","getComputedTiming","key","style","_c","_b","_d","scale","concat","i","children","length","transform","play","pause","remove","Clip","initial","duration","delay","repeat","_e","alternate","_f","easing","properties","__rest","prop","init","Function","arr","Array","isArray","undefined","unshift","splice","_g","parse","val_1","Math","round","offset","Object","values","value","set","from","data","timeline","connect","port","bind","__assign","unique","clip","composite","reverse","action","iterations","direction","fill","Move","opacity","translate","Pop"],"mappings":"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"}

package/dist/types/animatable.d.ts

@@ -23,15 +23,15 @@ export type AnimatableProps = {
     initial?: React.CSSProperties;
     stagger?: number;
     staggerLimit?: number;
-    viewportMargin?: number;
     deform?: boolean;
+    order?: number;
+    viewportMargin?: number;
     adapative?: boolean | number;
     onMount?: boolean | string;
     onUnmount?: boolean | string;
     onEnter?: boolean | string;
     onLeave?: boolean | string;
     noCascade?: boolean;
-    order?: number;
     text?: boolean;
     disabled?: boolean;
     paused?: boolean;

package/dist/types/core/action.d.ts

@@ -0,0 +1,18 @@
+import type { DynamicProperties } from "./clip";
+export default class Action {
+    element: HTMLElement;
+    computed: CSSStyleDeclaration;
+    animation: Animation;
+    dynamic: DynamicProperties;
+    paused: boolean;
+    deform: boolean;
+    onfinish: (() => void) | null;
+    constructor(element: HTMLElement, keyframes: Keyframe[] | PropertyIndexedKeyframes, config: KeyframeAnimationOptions, dynamic?: DynamicProperties);
+    correct(): void;
+    decomposeScale(val: string | number): number[];
+    parseRadius(): number;
+    step(): void;
+    play(): void;
+    pause(): void;
+    remove(): void;
+}

package/dist/types/core/cache.d.ts

@@ -1,3 +1,4 @@
+import Track from "./track";
 type CacheData = {
     x: number;
     y: number;
@@ -11,8 +12,7 @@ type CacheData = {
 };
 export default class StyleCache {
     data: CacheData[];
-    isEmpty: boolean;
-    read(elements: HTMLElement[]): {
+    get(element: HTMLElement): {
         x: number;
         y: number;
         width: number;
@@ -22,8 +22,10 @@ export default class StyleCache {
         backgroundColor: string;
         color: string;
         rotate: string;
-    }[];
-    update(data: CacheData[]): void;
+    };
+    set(data: CacheData[]): void;
+    read(tracks: Track[]): CacheData[];
+    update(index: number, element: HTMLElement): void;
     computeDifference(data: CacheData[]): PropertyIndexedKeyframes[];
 }
 export {};

package/dist/types/core/clip.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { Link } from "../hooks/use-link";
+import Action from "./action";
 import Timeline from "./timeline";
 type Easing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end';
 type CSSKeys = keyof React.CSSProperties;
@@ -10,7 +11,7 @@ type AnimatableProperty = string | number | null | {
     offset?: number;
 };
 type AnimatableProperties = {
-    [key in CSSKeys]?: Link<any> | AnimatableProperty | AnimatableProperty[];
+    [key in CSSKeys]?: Link<any> | ((progress: number) => any) | AnimatableProperty | AnimatableProperty[];
 };
 type ClipConfig = {
     duration?: number;
@@ -20,14 +21,13 @@ type ClipConfig = {
     easing?: Easing;
 };
 export type ClipProperties = ClipConfig & AnimatableProperties;
+export type DynamicProperties = {
+    [key in CSSKeys]?: (progress: number) => any;
+};
 export default class Clip {
     keyframes: Keyframe[];
-    correction: {
-        x: number;
-        y: number;
-        offset: number;
-    }[];
     initial: React.CSSProperties;
+    dynamic: DynamicProperties;
     duration: number;
     delay: number;
     repeat: number;
@@ -35,10 +35,7 @@ export default class Clip {
     easing: Easing;
     constructor({ duration, delay, repeat, alternate, easing, ...properties }: ClipProperties, initial?: React.CSSProperties);
     parse(value: AnimatableProperty | undefined): [number | null, string | number | undefined];
-    decomposeScale(val: string | number): number[];
-    parseRadius(keyframe: Keyframe, element: HTMLElement): number;
     static from(data?: ClipProperties | Clip, initial?: React.CSSProperties, timeline?: Timeline): Clip;
-    static transition(elements: HTMLElement[], keyframes: PropertyIndexedKeyframes[], duration?: number): void;
     unique(config: ClipConfig): Clip;
     play(element: HTMLElement, { composite, reverse, delay, deform, paused }?: {
         composite?: boolean;
@@ -46,6 +43,6 @@ export default class Clip {
         delay?: number;
         deform?: boolean;
         paused?: boolean;
-    }): Animation;
+    }): Action;
 }
 export {};

package/dist/types/core/timeline.d.ts

@@ -1,27 +1,29 @@
 import type { Link } from "../hooks/use-link";
+import StyleCache from "./cache";
 import Clip from "./clip";
+import Track from "./track";
 export default class Timeline {
     stagger: number;
     staggerLimit: number;
     deform: boolean;
-    targets: HTMLElement[];
-    targetMap: {
+    paused: boolean;
+    trackMap: {
         [key: number]: number | undefined;
     };
-    tracks: Animation[][];
-    links: {
-        [key: string]: Link<any>;
-    };
+    tracks: Track[];
+    cache: StyleCache;
+    frame: number;
     constructor({ stagger, staggerLimit, deform }: {
         stagger?: number | undefined;
         staggerLimit?: number | undefined;
         deform?: boolean | undefined;
     });
+    step(): void;
     time(clip: Clip): number;
     port(key: string, link: Link<any>, transition: number): void;
+    transition(duration?: number): void;
     insert(key: number, element: HTMLElement | null): void;
-    clear(trackIndex: number, id?: Animation): void;
-    enqueue(clip: Clip, { composite, immediate, reverse, delay }?: {
+    add(clip: Clip, { composite, immediate, reverse, delay }?: {
         composite?: boolean | undefined;
         immediate?: boolean | undefined;
         reverse?: boolean | undefined;

package/dist/types/core/track.d.ts

@@ -0,0 +1,16 @@
+import Action from "./action";
+export default class Track {
+    element: HTMLElement;
+    playing: number;
+    active: Action[];
+    queue: Action[];
+    onupdate: (() => void) | null;
+    constructor(element: HTMLElement);
+    push(action: Action): void;
+    enqueue(action: Action): void;
+    next(): void;
+    clear(): void;
+    pause(): void;
+    play(): void;
+    step(): void;
+}

package/dist/types/hooks/use-path.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function usePath(): [(transform: (value: [number, number]) => any) => (progress: number) => any, React.Ref<SVGPathElement>];

package/dist/types/hooks.d.ts

@@ -2,4 +2,5 @@ import useLink from "./hooks/use-link";
 import useMount from "./hooks/use-mount";
 import useReducedMotion from "./hooks/use-reduced-motion";
 import useScroll from "./hooks/use-scroll";
-export { useLink, useMount, useReducedMotion, useScroll };
+import usePath from "./hooks/use-path";
+export { useLink, useMount, useReducedMotion, useScroll, usePath };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@infinityfx/lively",
-	"version": "3.0.0-beta.0",
+	"version": "3.0.0-beta.1",
 	"type": "module",
 	"description": "Feature complete, lightweight react animation library.",
 	"main": "dist/cjs/index.js",

package/tsconfig.json

@@ -18,6 +18,7 @@
     "isolatedModules": true
   },
   "exclude": [
-    "node_modules"
+    "node_modules",
+    "dist"
   ]
 }

package/dist/pop-0fdae9af.js

@@ -1,2 +0,0 @@
-import{_ as e,c as t}from"./tslib.es6-96c5f7c9.js";var a=function(){function a(t,a){var i=t.duration,r=void 0===i?1:i,o=t.delay,n=void 0===o?0:o,s=t.repeat,l=void 0===s?1:s,c=t.alternate,d=void 0!==c&&c,f=t.easing,p=void 0===f?"ease":f,u=e(t,["duration","delay","repeat","alternate","easing"]);void 0===a&&(a={});var v={},h={};for(var y in u){var m=u[y],g=a[y];if(!(m instanceof Function)){var b=Array.isArray(m)?m:[m];b.length<2&&void 0!==g&&b.unshift(g),null===b[0]&&(void 0!==g?b[0]=g:b.splice(0,1));for(var x=0;x<b.length;x++){var S=this.parse(b[x]),k=S[0],j=S[1];if(void 0!==j){if(null===k&&(k=b.length<2?1:Math.round(x/(b.length-1)*1e3)/1e3),k in v||(v[k]={offset:k}),"scale"===y){var w=this.decomposeScale(j),F=w[0],R=w[1];h[k]={offset:k,x:F,y:R}}v[k][y]=j}}}}this.keyframes=Object.values(v),this.correction=Object.values(h),this.initial=a,this.duration=r,this.delay=n,this.repeat=l,this.alternate=d,this.easing=p}return a.prototype.parse=function(e){return null===e?[null,void 0]:"object"==typeof e?[e.offset||null,e.set]:[null,e]},a.prototype.decomposeScale=function(e){var t=e.toString().split(" "),a=t[0],i=t[1],r=parseFloat(a);/%$/.test(a)&&(r/=100);var o=i?parseFloat(i):r;return/%$/.test(i)&&(o/=100),[r,o]},a.prototype.parseRadius=function(e,t){var a,i=(null!==(a=e.borderRadius)&&void 0!==a?a:getComputedStyle(t).borderRadius).toString().split(" ")[0];return parseFloat(i)||0},a.from=function(e,i,r){if(void 0!==e&&!(e instanceof a)&&r)for(var o in e){var n=e[o];n instanceof Function&&n.connect(r.port.bind(r,o,n))}return e instanceof a?e:new a(t({},e),i)},a.transition=function(e,t,a){if(void 0===a&&(a=.5),e.length===t.length)for(var i=0;i<e.length;i++){e[i].animate(t[i],{duration:1e3*a,fill:"both",easing:"ease",composite:"replace"}).commitStyles()}},a.prototype.unique=function(e){var t=new a(e);return t.keyframes=this.keyframes,t},a.prototype.play=function(e,t){var a=void 0===t?{}:t,i=a.composite,r=void 0!==i&&i,o=a.reverse,n=void 0!==o&&o,s=a.delay,l=a.deform,c=void 0===l||l,d=a.paused,f=void 0!==d&&d,p={duration:1e3*this.duration,delay:1e3*(s||this.delay),iterations:this.repeat,direction:this.alternate?n?"alternate-reverse":"alternate":n?"reverse":"normal",fill:"both",composite:r?"add":"replace",easing:this.easing},u=this.keyframes;if(!c&&this.correction.length){u=new Array(u.length);for(var v=0;v<this.keyframes.length;v++){var h=this.parseRadius(this.keyframes[v],e);u[v]=Object.assign({borderRadius:"".concat(h/this.correction[v].x,"px / ").concat(h/this.correction[v].y,"px")},this.keyframes[v])}for(v=0;v<e.children.length;v++){var y=e.children[v].animate(this.correction.map((function(e){var t=e.x,a=e.y;return{offset:e.offset,transform:"scale(".concat(1/t,", ").concat(1/a,")")}})),p);y.commitStyles(),f&&y.pause()}}var m=e.animate(u,p);return m.commitStyles(),f&&m.pause(),m},a}(),i=new a({opacity:1,translate:"0px 0px",duration:.5},{opacity:0,translate:"0px 20px"}),r=new a({opacity:1,scale:1,duration:.25},{opacity:0,scale:.85});export{a as C,i as M,r as P};
-//# sourceMappingURL=pop-0fdae9af.js.map

package/dist/pop-0fdae9af.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pop-0fdae9af.js","sources":["../src/core/clip.ts","../src/animations/move.ts","../src/animations/pop.ts"],"sourcesContent":[null,null,null],"names":["Clip","_a","initial","_b","duration","_c","delay","_d","repeat","_e","alternate","_f","easing","properties","__rest","keyframes","correction","prop","val","init","Function","arr","Array","isArray","length","undefined","unshift","splice","i","_g","this","parse","key","val_1","Math","round","offset","_h","decomposeScale","x","y","Object","values","prototype","value","set","toString","split","xString","yString","parseFloat","test","parseRadius","keyframe","element","radius","borderRadius","getComputedStyle","from","data","timeline","connect","port","bind","__assign","transition","elements","animate","fill","composite","commitStyles","unique","config","clip","play","reverse","deform","paused","iterations","direction","assign","concat","children","animation_1","map","transform","pause","animation","Move","opacity","translate","Pop","scale"],"mappings":"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"}