@infinityfx/lively 4.0.0-beta.13 → 4.0.0-beta.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- import{StyleCache as t}from"./cache.js";import{lengthToOffset as e}from"./utils.js";class s{constructor(e,s,i){this.playing=0,this.active=[],this.queue=[],this.paused=!1,this.scale=[1,1],this.correctedBorderRadius="",this.element=e,this.deform=s,this.cache=new t(e,i)}push(t){t.onfinish=this.next.bind(this),this.playing&&"none"===t.composite?(this.queue.push(t),t.animation.pause()):(this.active.push(t),"none"===t.composite&&this.playing++,this.paused&&t.animation.pause())}next(){this.cache.update(),--this.playing>0||(this.active=this.queue.length?this.queue.splice(0,1):[],this.playing=this.active.length,this.pause(!1))}clear(t){this.active.forEach((e=>{e.onfinish=null;try{t?e.commit||"combine"===e.composite||e.animation.cancel():e.animation.finish()}catch(t){e.animation.cancel()}})),t||(this.active=[],this.queue=[],this.playing=0)}pause(t){for(const e of this.active)e.animation[t?"pause":"play"]();this.paused=t}step(t){for(const e of this.active)e.step(t);this.active.length&&this.correct()}transition(t,e){this.clear(!0);const s=this.cache.difference(null==t?void 0:t.cache.data,e);this.cache.update(),null==t||t.clear(),null==t||t.cache.update(),s.forEach((t=>t.play(this,{commit:!1})))}apply(t,s){const i="strokeLength"===t;this.element.style[i?"strokeDashoffset":t]=i?e(s):s}decomposeScale(){const[t,e]=this.cache.computed.scale.split(" ");let s=Math.max(parseFloat(t)||1,1e-4);/%$/.test(t)&&(s/=100);let i=e?Math.max(parseFloat(e),1e-4):s;return/%$/.test(e)&&(i/=100),[s,i]}computeBorderRadius(){const t=this.cache.computed,e=t.borderRadius.split(/\s*\/\s*/);e.length<2&&(e[1]=e[0]);const s=t.borderRadius!==this.correctedBorderRadius?[1,1]:this.scale;this.scale=this.decomposeScale(),this.element.style.borderRadius=e.map(((t,e)=>t.split(" ").map((t=>{var i;return parseFloat(t)*s[e]/this.scale[e]+((null===(i=t.match(/[^\d\.]+$/))||void 0===i?void 0:i[0])||"px")})).join(" "))).join("/"),this.correctedBorderRadius=t.borderRadius}correct(){if(this.deform)return;this.computeBorderRadius();const[t,e]=this.decomposeScale();for(let s=0;s<this.element.children.length;s++){const i=this.element.children[s],a=i.offsetLeft,o=i.offsetTop,c=i.offsetWidth,h=i.offsetHeight,[n,r]=getComputedStyle(i).translate.split(" ").map(parseFloat);i.style.transform=`translate(${-n||0}px, ${-r||0}px) scale(${1/t}, ${1/e}) translate(${a*(1-t)+c/2*(1-t)+(n||0)}px, ${o*(1-e)+h/2*(1-e)+(r||0)}px)`}}}export{s as default};
1
+ import{StyleCache as t}from"./cache.js";import{lengthToOffset as e}from"./utils.js";class s{constructor(e,s,i){this.playing=0,this.active=[],this.queue=[],this.paused=!1,this.scale=[1,1],this.correctedBorderRadius="",this.element=e,this.deform=s,this.cache=new t(e,i)}push(t){t.onfinish=this.next.bind(this),this.playing&&"none"===t.composite?(this.queue.push(t),t.animation.pause()):(this.active.push(t),"none"===t.composite&&this.playing++,this.paused&&t.animation.pause())}next(){this.cache.update(),--this.playing>0||(this.active=this.queue.length?this.queue.splice(0,1):[],this.playing=this.active.length,this.pause(!1))}clear(t){this.active.forEach((e=>{e.onfinish=null;try{t?e.commit||"combine"===e.composite||e.animation.cancel():e.animation.finish()}catch(t){e.animation.cancel()}})),t||(this.active=[],this.queue=[],this.playing=0),this.deform||(this.element.style.borderRadius="",this.correctedBorderRadius=this.cache.data.borderRadius=this.cache.computed.borderRadius,this.scale=[1,1])}pause(t){for(const e of this.active)e.animation[t?"pause":"play"]();this.paused=t}step(t){for(const e of this.active)e.step(t);this.correct()}transition(t,e){this.clear(!0);const s=this.cache.difference(null==t?void 0:t.cache.data,e);this.cache.update(),null==t||t.clear(),null==t||t.cache.update(),s.forEach((t=>t.play(this,{commit:!1})))}apply(t,s){const i="strokeLength"===t;this.element.style[i?"strokeDashoffset":t]=i?e(s):s}decomposeScale(){const[t,e]=this.cache.computed.scale.split(" ");let s=Math.max(parseFloat(t)||1,1e-5);/%$/.test(t)&&(s/=100);let i=e?Math.max(parseFloat(e)||1,1e-5):s;return/%$/.test(e)&&(i/=100),[s,i]}computeBorderRadius(){const t=this.cache.computed,e=t.borderRadius.split(/\s*\/\s*/);e.length<2&&(e[1]=e[0]);const s=t.borderRadius!==this.correctedBorderRadius?[1,1]:this.scale;this.scale=this.decomposeScale(),this.element.style.borderRadius=e.map(((t,e)=>t.split(" ").map((t=>{var i;return parseFloat(t)*s[e]/this.scale[e]+((null===(i=t.match(/[^\d\.]+$/))||void 0===i?void 0:i[0])||"px")})).join(" "))).join("/"),this.correctedBorderRadius=t.borderRadius}correct(){if(this.paused||this.deform||!this.active.length)return;this.computeBorderRadius();const[t,e]=this.decomposeScale();for(let s=0;s<this.element.children.length;s++){const i=this.element.children[s],a=i.offsetLeft,c=i.offsetTop,o=i.offsetWidth,h=i.offsetHeight,[r,n]=getComputedStyle(i).translate.split(" ").map(parseFloat);i.style.transform=`translate(${-r||0}px, ${-n||0}px) scale(${1/t}, ${1/e}) translate(${a*(1-t)+o/2*(1-t)+(r||0)}px, ${c*(1-e)+h/2*(1-e)+(n||0)}px)`}}}export{s as default};
2
2
  //# sourceMappingURL=track.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"track.js","sources":["../../src/core/track.ts"],"sourcesContent":[null],"names":["Track","constructor","element","deform","cachable","this","playing","active","queue","paused","scale","correctedBorderRadius","cache","StyleCache","push","action","onfinish","next","bind","composite","animation","pause","update","length","splice","clear","partial","forEach","commit","cancel","finish","ex","value","step","index","correct","transition","previous","options","clips","difference","data","clip","play","apply","prop","val","isStroke","style","lengthToOffset","decomposeScale","xString","yString","computed","split","x","Math","max","parseFloat","test","y","computeBorderRadius","radii","borderRadius","previousScale","map","axis","i","radius","_a","match","join","children","child","l","offsetLeft","t","offsetTop","w","offsetWidth","h","offsetHeight","tx","ty","getComputedStyle","translate","transform"],"mappings":"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"}
1
+ {"version":3,"file":"track.js","sources":["../../src/core/track.ts"],"sourcesContent":[null],"names":["Track","constructor","element","deform","cachable","this","playing","active","queue","paused","scale","correctedBorderRadius","cache","StyleCache","push","action","onfinish","next","bind","composite","animation","pause","update","length","splice","clear","partial","forEach","commit","cancel","finish","ex","style","borderRadius","data","computed","value","step","index","correct","transition","previous","options","clips","difference","clip","play","apply","prop","val","isStroke","lengthToOffset","decomposeScale","xString","yString","split","x","Math","max","parseFloat","test","y","computeBorderRadius","radii","previousScale","map","axis","i","radius","_a","match","join","children","child","l","offsetLeft","t","offsetTop","w","offsetWidth","h","offsetHeight","tx","ty","getComputedStyle","translate","transform"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@infinityfx/lively",
3
- "version": "4.0.0-beta.13",
3
+ "version": "4.0.0-beta.14",
4
4
  "type": "module",
5
5
  "description": "Feature complete, lightweight react animation library.",
6
6
  "main": "dist/index.js",