lwa 0.2.2 → 0.2.3

package/dist/lwa.cjs

@@ -0,0 +1,2 @@
+/* lwa 0.2.3 | MIT license | https://github.com/sutras/lwa */
+"use strict";var e=Object.defineProperty,t=Math.pow,n=(t,n,r)=>((t,n,r)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[n]=r)(t,"symbol"!=typeof n?n+"":n,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const{request:r,cancel:o}=function(){if("function"==typeof requestAnimationFrame)return{request:requestAnimationFrame,cancel:cancelAnimationFrame};const e=[];let t,n=1,r=0;function o(){t=void 0;const n=e.slice();r+=e.length,e.length=0,n.forEach((e=>{0!==e&&e(Date.now())}))}return{request:r=>(e.push(r),t||(t=setTimeout(o,1e3/60)),n++),cancel(t){e[t-r]=0}}}(),a=new Set;let i=0,f=!0;function s(){0===a.size?f||(f=!0,o(i)):(new Set(a).forEach((e=>e())),i=r(s))}const c={add:function(e){a.add(e),f&&(f=!1,i=r(s))},remove:function(e){a.delete(e)}},u={linear:()=>e=>e},l={Sine:()=>e=>1-Math.cos(e*Math.PI/2),Expo:()=>e=>e?Math.pow(1024,e-1):0,Circ:()=>e=>1-Math.sqrt(1-e*e),Elastic:()=>e=>0===e||1===e?e:-Math.pow(2,10*e-10)*Math.sin(2*(10*e-10.75)*Math.PI/3),Back:()=>e=>{const t=1.70158;return e*e*((t+1)*e-t)},Bounce:()=>e=>{const t=7.5625,n=2.75;return 1-((e=1-e)<1/n?t*e*e:e<2/n?t*(e-=1.5/n)*e+.75:e<2.5/n?t*(e-=2.25/n)*e+.9375:t*(e-=2.625/n)*e+.984375)}};["Quad","Cubic","Quart","Quint"].forEach(((e,t)=>{l[e]=()=>e=>Math.pow(e,t+2)})),Object.keys(l).forEach((e=>{const t=l[e];u["easeIn"+e]=t,u["easeOut"+e]=(e,n)=>r=>1-t(e,n)(1-r),u["easeInOut"+e]=(e,n)=>r=>r<.5?t(e,n)(2*r)/2:1-t(e,n)(2-2*r)/2}));const d=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/,g=new RegExp("^([+\\-*/%]=|)("+d.source+")("+/%|px|rpx|em|rem|vw|vh|deg|rad|turn|ex|ch|vmin|vmax|pc|pt|in|cm|mm/.source+"|)$","i"),p=new RegExp(d.source,"g"),m=new RegExp("^([<>]|)([+-]=|)("+d.source+"|)(%|)$");function h(e){return"number"==typeof e}function b(e){return"string"==typeof e}function y(e){return null!==e&&"object"==typeof e}function w(e){return"function"==typeof e}function x(e){return Array.isArray(e)}function k(e){return Array.isArray(e)?e:[e]}function v(e){return w(e)?e:()=>(u[e]||u.linear)(0,0)}const M=Symbol();class E{}class S extends E{constructor(e,t){super(),n(this,"from"),n(this,"to"),this.from=e,this.to=t}}class q extends E{constructor(e,t,r){super(),n(this,"el"),n(this,"prop"),n(this,"totalLength"),this.el=e,this.prop=t,this.totalLength=r}}const A=[];function O(e){const n=[];return x(e)||(e=[e]),e.flat().forEach((e=>{e&&(b(e)?n.push(...Array.from(document.querySelectorAll(e))):!function(e){let n;return y(e)&&Number.isInteger(n=e.length)&&n<t(2,32)}(e)?(y(e)||w(e))&&n.push(e):n.push(...Array.from(e)))})),Array.from(new Set(n))}function P(e,t){return w(e)?e(t.target,t.index,t.total):e}function T(e,t){const{duration:n,delay:r,begin:o,easing:a,between:i}=t;return i.map((t=>function(t){const{from:i,to:f,round:s}=t;let c=e<=o+r?i:e>=o+r+n?f:i+a((e-o-r)/n)*(f-i);return s&&(c=Math.round(c*s)/s),c}(t)))}function C(e,t){return x(e=P(e,t))?e.map((e=>C(e,t)[0])):((h(e)||b(e)||e instanceof E)&&(e={value:e}),[e])}function D(e,t,n,r,o,a,i){const f=t.length;let s,c=o||0;i=(null!=i?i:r.duration)/f;const u=t.map(((t,o)=>s=function(t,o,s){var u,l,d,p,m,h,y;const w=P(null!=(u=t.duration)?u:i,e),x=P(null!=(l=t.delay)?l:0===o?r.delay:0,e),k=P(null!=(d=t.endDelay)?d:o===f-1?r.endDelay:0,e),E=P(v(null!=(p=t.easing)?p:r.easing),e),q=P(null!=(m=t.round)?m:r.round,e),O=x+w+k,T=c,C=T+O;if(c+=O,!s){let e;s=(e=a[n])?e[e.length-1]:void 0}const D=t.value;let $,j;const L=D instanceof S;L?(j=P(D.from,e),$=P(D.to,e)):$=D,!L&&s&&(j=s.to);let I=!1;void 0===j&&(j=e.target[n],I=!0);let F="",N="";if(b($)){const e=g.exec($);e&&(F=e[1],$=parseFloat(e[2])||0,N=e[3])}const z={animatedTarget:e,prop:n,duration:w,delay:x,endDelay:k,begin:T,end:C,easing:E,data:{},from:j,to:$,withoutFrom:I,round:q,unit:N,operator:F,between:[]};for(let e=0,n=A.length;e<n&&(null==(y=(h=A[e]).init)?void 0:y.call(h,z,M))!==M;e++);return z}(t,o,s))).sort(((e,t)=>e.begin-t.begin));return{endTime:c,tweens:u}}function $(e,t,n){const r={},o=P(n.duration,e)/t.length;let a=0;return t.forEach((t=>{const i=function(e,t,n,r,o,a){let i={};for(let f in t){const s=t[f];null!=s&&(i[f]=D(e,C(s,e),f,n,r,o,a))}return i}(e,t,n,a,r,o);for(let e in i)a=Math.max(a,i[e].endTime),r[e]=(r[e]||[]).concat(i[e].tweens)})),r}function j(e,t,n){return e.map((e=>{const r=$(e,t,n);return Object.keys(r).map((e=>{return{seek:function(e){var n,r;let o;for(let a,i=0;a=t[i++];){if(a.begin<=e&&a.end>=e){o=a;break}e>a.end&&(!t[i+1]||t[i+1].begin>e)&&(o=a)}if(o){let t,a=T(e,o);for(let e=A.length-1;e>=0;e--){if(t=null==(r=(n=A[e]).update)?void 0:r.call(n,o,a,M),t===M)return;void 0!==t&&(a=t)}}},getDuration:function(){return Math.max(...t.map((e=>e.end)))},tweens:t=r[e]};var t}))})).flat()}const L={duration:500,delay:0,endDelay:0,easing:"easeInOutQuad",round:0};function I(e){k(e).forEach((e=>{A.includes(e)||(A.push(e),A.sort(((e,t)=>t.order-e.order)))}))}const F="alternate-reverse",N="reverse",z="alternate";function R(e){return e===N||e===F}function X(e){return e===z||e===F}const Y={externalTicker:!1,autoplay:!0,direction:"normal",loop:1},B=["begin","loopBegin","complete","loopComplete","pause","play","update"];function G(e){const t=Object.assign({},Y,e),{externalTicker:n,autoplay:r,direction:o,loop:a}=t;let i=!1,f=!0,s=0,u=0,l=a,d=R(o),g=0,p=[];const w=function(){const e={};function t(t,n){let r=e[t];r||(r=e[t]=new Set),r.add(n)}function n(t,n){if(n){const r=e[t];r&&(r.delete(n),0===r.size&&delete e[t])}else delete e[t]}return{on:t,off:n,once:function(e,r){t(e,(function t(...o){r(...o),n(e,t)}))},emit:function(t,...n){const r=e[t];r&&r.forEach((e=>{e(...n)}))}}}();function k(){return 0===l&&u===g}function v(e){let t=!1;e>=g?(e=g,t=!0):e<0&&(e=0),u=e;const n=d?g-u:u;p.forEach((({target:e,begin:t})=>{e.seek(n-t)})),w.emit("update",n,0===g?0:u/g),t&&(w.emit("loopComplete"),--l<0&&(l=0),0===l?(q(),w.emit("complete")):f||(X(o)&&(d=!d),E()))}function M(){if(!f){let e=Date.now();v(e-s+u),s=e}}function E(){i?u=0:(i=!0,w.emit("begin")),w.emit("loopBegin"),S()}function S(){i?f&&(f=!1,k()?(X(o)&&(d=!d),A()):(s=Date.now(),n||c.add(M),w.emit("play"))):E()}function q(){f||(f=!0,n||c.remove(M),w.emit("pause"))}function A(){q(),u=0,i=!1,l=a,d=R(o),S()}function P(e,t,n,r){if(function(e){return y(e)&&"getDuration"in e&&"seek"in e}(e)){let n=g;if(h(r=null!=t?t:">"))n=r;else{const{begin:e,end:t}=p[p.length-1]||{begin:0,end:0},o=t-e,[,a,i,f,s]=m.exec(r)||[,">","","",""];n="<"===a?e:">"===a?t:n;let c=+f;"%"===s&&(c=(a?o:g)/100*+f),n+="-="===i?-c:c}n=Math.max(0,n);const o=n+e.getDuration();p.push({target:e,position:r,begin:n,end:o}),g=Math.max(g,o)}else{(h(n)||b(n))&&(r=n,n=void 0);const o=function(e,t,n){const r=Object.assign({},L,n);return j((o=O(e)).map(((e,t)=>({target:e,index:t,total:o.length}))),x(t)?t:[t],r);var o}(e,t,n);o.forEach(((e,t)=>{P(e,0===t?r:"<")}))}return T}B.forEach((e=>{t[e]&&w.on(e,t[e])})),r&&0!==a&&E();const T={play:S,pause:q,finish:function(){k()||v(g)},restart:A,seek:v,progress:function(e){var t,n,r;v((r=1,((t=e)<(n=0)?n:t>r?r:t)*g))},tick:()=>{n&&M()},getPosition:()=>u,getDuration:()=>g,getProgress:()=>0===g?0:u/g,isReverse:()=>d,add:P,remove:function(e){const t=p.findIndex((t=>t.target===e));-1!==t&&(p.splice(t,1),function(){const e=[...p];p=[],g=0,e.forEach((e=>{P(e.target,e.position)}))}())},clear:function(){q(),g=0,p=[]},events:p,on:w.on,off:w.off,once:w.once};return T}const Q={start:0,from:0,direction:"normal",easing:"linear",grid:null,axis:null};const Z={order:100,update(e,t,n){const{animatedTarget:r,prop:o,unit:a}=e;let i=x(t)?t[0]:t;return a&&(i+=a),r.target[o]=i,n}},U={order:0,init(e,t){if(0===e.between.length){const n=k(e.to),r=k(e.from);return e.between=n.map(((t,n)=>({from:+r[n]||0,to:+t||0,round:e.round}))),t}}},V={},_=["","webkit","Moz"],H=document.documentElement,W=["translateX","translateY","translateZ","scale","scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY","perspective"],J=te(W),K=te(["columnCount","fillOpacity","fontSizeAdjust","fontWeight","lineHeight","opacity","orphans","widows","zIndex","zoom","scale","scaleX","scaleY","scaleZ","order","flexGrow","flexShrink","scrollLeft","scrollTop","strokeDashoffset","strokeDasharray"]),ee=te(["value"]);function te(e){const t={};for(let n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function ne(e){return e.replace(/[-]([^-])/g,((e,t)=>t.toUpperCase())).replace(/^./,(e=>e.toLowerCase()))}function re(e,t){if(V[e])return V[e];t=t||H.style;for(let n=0,r=_.length;n<r;n++){const t=_[n];let r=t?t+String(e).replace(/[-]([^-])/g,((e,t)=>t.toUpperCase())).replace(/^./,(e=>e.toUpperCase())):ne(String(e));if(r in H.style)return V[e]=r}return""}function oe(e,t){return t+(Number.isNaN(+t)||K[e]?"":"px")}function ae(e,t){return window.getComputedStyle(e)[re(t)]}function ie(e,t,n){e.style[re(t)]=n}function fe(e,t){let n="";t.forEach(((e,t)=>n+=t+"("+e+") ")),ie(e,"transform",n)}const se={_default:{get:(e,t)=>ae(e,t),set(e,t,n){!function(e,t,n){e.style[re(t)]=oe(String(t),n)}(e,t,n)}}};function ce(e){return/rotate|skew/.test(e)?"deg":K[e]?"":"px"}function ue(e){const t=e.style.getPropertyValue(re("transform")),n=/(\w+)\(([^)]+)\)/g;let r;const o=[];for(;r=n.exec(t);)o.push([r[1],r[2]]);return o.sort(((e,t)=>W.indexOf(e[0])-W.indexOf(t[0]))),new Map(o)}function le(e){const t=[...e].sort(((e,t)=>W.indexOf(e[0])-W.indexOf(t[0])));e.clear(),t.forEach((([t,n])=>{e.set(t,n)}))}function de(e){var t;return(null==(t=g.exec(e))?void 0:t[3])||""}function ge(e,t,n){if(-1!==[de(String(t)),"deg","rad","turn"].indexOf(n))return t;const r=document.createElement(e.tagName);r.style.position="absolute",r.style.width=100+n;const o=e.parentNode&&e.parentNode!==document?e.parentNode:document.body;o.appendChild(r);const a=100/r.offsetWidth;return o.removeChild(r),a*parseFloat(String(t))}function pe(e,t,n,r){switch(r){case"trans":return function(e,t,n){let r=ue(e).get(t)||(/scale/.test(t)?1:0+ce(t));return n?ge(e,r,n):r}(e,t,n);case"css":return function(e,t,n){let r=ae(e,t);return n&&b(r)?ge(e,r,n):r}(e,t,n);case"attr":return function(e,t){return e.getAttribute(t)}(e,t)}}function me(e,t){return function(e){return!!J[e]}(t)?"trans":re(t)?"css":!ee[t]&&e.hasAttribute(t)?"attr":""}["scrollTop","scrollLeft"].forEach((e=>{se[e]={get:(e,t)=>e[t],set(e,t,n){e[t]=n}}})),W.forEach((e=>{se[e]={get:(e,t)=>ue(e).get(t)||"",set(e,t,n){const r=ue(e);r.set(t,oe(t,n)),le(r),fe(e,r)}}}));const he={order:90,init(e){const{animatedTarget:t,prop:n,data:r}=e,o=t.target;if(function(e){return e instanceof HTMLElement||e instanceof SVGElement}(o)){const a=me(o,n);if(a){if(r.css=a,"trans"===a&&(t.transforms||(t.transforms={map:ue(o)})),e.withoutFrom){e.from=pe(o,n,e.unit,a);const t=g.exec(e.from);t&&(e.from=parseFloat(t[2]))}e.unit||(e.unit=ce(n))}}},update(e,t,n){const r=e.data.css;if(r){const{animatedTarget:o,prop:a,unit:i}=e,f=o.target;let s=x(t)?t[0]:t;switch("attr"!==r&&(s+=i),r){case"trans":let e=o.transforms.map;const t=e.has(a);e.set(a,s),t||le(e),fe(f,e);break;case"css":ie(f,a,s);break;case"attr":f.setAttribute(a,s)}return n}}},be={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"778899",lightslategrey:"778899",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"00ff00",limegreen:"32cd32",linen:"faf0e6",magenta:"ff00ff",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"ff0000",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"ffffff",whitesmoke:"f5f5f5",yellow:"ffff00",yellowgreen:"9acd32"};function ye(e){let t,n=/[0-9a-f]{2}/gi,r=[];for(;t=n.exec(e);)r.push(parseInt(t[0],16));return r}function we(e){let t,n=/[.\d]+/g,r=[];for(;t=n.exec(e);)r.push(+t[0]);return r}function xe(e){let t;if(e=String(e),/^#?[0-9a-f]{3}$/i.test(e))t=ye(e.replace(/(.)(.)(.)$/,"$1$1$2$2$3$3"));else if(/^#?([0-9a-f]{6})$/i.test(e))t=ye(RegExp.$1);else if(/^rgb/i.test(e))t=we(e);else if(/^hsl/i.test(e)){const n=we(e);n[0]/=360,n[1]/=100,n[2]/=100,t=function(e,t,n){let r,o,a;function i(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(0==t)r=o=a=n;else{let f=n<.5?n*(1+t):n+t-n*t,s=2*n-f;r=i(s,f,e+1/3),o=i(s,f,e),a=i(s,f,e-1/3)}return[Math.round(255*r),Math.round(255*o),Math.round(255*a)]}(...n).concat(n[3])}else t=be.hasOwnProperty(e=e.toLowerCase())?ye(be[e]):[0,0,0,1];return h(t[3])||(t[3]=1),t}const ke={order:80,init(e,t){if(b(e.to)&&(n=e.to,be.hasOwnProperty(String(n).toLowerCase())||/^(?:rgb|hsl|#(?:[0-9a-f]{6}|[0-9a-f]{3})$)/i.test(n))){const n=e.data,r=xe(String(e.from)),o=xe(e.to);return e.between=o.map(((e,t)=>({from:r[t],to:e,round:3===t?0:1}))),e.unit="",n.color={},t}var n},update(e,t){if(e.data.color)return"rgba("+t.join(",")+")"}};const ve={order:70,init(e){if(e.operator){let t=e.from;h(t)||(t=Number(t)||0),e.to=function(e,t,n){switch(n[0]){case"+":return e+t;case"-":return e-t;case"*":return e*t;case"/":return e/t;case"%":return e%t}return 0}(t,e.to,e.operator),e.from=t}}};function Me(e,t){return function(e,t){return Math.atan2(t.y-e.y,t.x-e.x)}(e,t)/Math.PI*180}const Ee={order:60,init(e){const{data:t,to:n}=e;n instanceof q&&(t.svg=n,e.from=0,e.to=n.totalLength,e.unit="")},update(e,t){const n=e.data.svg;if(n){let e=function(e){return n.el.getPointAtLength(r+e)};const r=x(t)?t[0]:t,o=e(-1),a=e(0);switch(n.prop){case"x":return a.x+"px";case"y":return a.y+"px";case"angle":return Me(o,a)+"deg"}}}},Se={order:50,init(e){let t,n=e.to;if(b(n)&&(t=n.match(p))){e.data.interp=n.split(p);let r,o=e.from;b(o)&&(r=o.match(p))?o=r:x(o)||(o=[e.from]),e.from=o,e.to=t}},update(e,t){const n=e.data.interp;if(n)return t.map(((e,t)=>n[t]+e)).join("")}};I(Z),I(U),exports.colorPlugin=ke,exports.createAnimation=function(e,t,n){return G(n).add(e,t,n)},exports.createTimeline=G,exports.css=function e(t,n,r){if(y(n))for(let o in n)e(t,o,n[o]);else{if(void 0===r)return(se[n]&&se[n].get||se._default.get)(t,n);(se[n]&&se[n].set||se._default.set)(t,n,r)}},exports.cssPlugin=he,exports.easings=u,exports.geometry=function(e,t=100){return e=b(e)?document.querySelector(e):e,n=>new q(e,n,e.getTotalLength()*(t/100))},exports.getPrefixedCssProp=re,exports.interpPlugin=Se,exports.random=function(e,t){return Math.floor(Math.random()*(t-e+1)+e)},exports.relativePlugin=ve,exports.setDashoffset=e=>{if(e instanceof SVGGeometryElement){let t=e.getTotalLength();return e.setAttribute("stroke-dasharray",String(t)),t}return 0},exports.stagger=function(e,t){let{direction:n,grid:r,axis:o,from:a,start:i,easing:f}=Object.assign({},Q,t);f=v(f);let s=x(e);const[c,u]=s?e:[0,e];let l=[],d=0;return i=i||c,(e,t,g)=>{const p="center"===a,m="first"===a?0:p?(g-1)/2:"last"===a?g-1:a;if(!l.length){for(let e=0;e<g;e++){if(r){const[t,n]=r,a=(p?(n-1)/2:m%n)-e%n,i=(p?(t-1)/2:~~(m/n))-~~(e/n);let f=Math.sqrt(a*a+i*i);f="x"===o?-a:"y"===o?-i:f,l.push(f)}else l.push(Math.abs(m-e));d=Math.max(...l)}l=l.map((n=>f(e,t,g)(n/d)*d)),"reverse"===n&&(l=l.map((e=>o?-e:Math.abs(d-e))))}let h=s?(u-c)/d:u;return h===1/0&&(h=0),i+h*(Math.round(100*l[t])/100)}},exports.svgPlugin=Ee,exports.ticker=c,exports.use=I,exports.withFrom=function(e,t){return new S(e,t)};

package/dist/{lwa.es.js → lwa.full.es.js}

@@ -1,4 +1,4 @@
-/* lwa 0.2.2 | MIT license | https://github.com/sutras/lwa */
+/* lwa 0.2.3 | MIT license | https://github.com/sutras/lwa */
 var __defProp = Object.defineProperty;
 var __pow = Math.pow;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;

package/dist/{lwa.umd.js → lwa.full.umd.js}

@@ -1,2 +1,2 @@
-/* lwa 0.2.2 | MIT license | https://github.com/sutras/lwa */
+/* lwa 0.2.3 | MIT license | https://github.com/sutras/lwa */
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).lwa=t()}(this,(function(){"use strict";var e=Object.defineProperty,t=Math.pow,n=(t,n,r)=>((t,n,r)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[n]=r)(t,"symbol"!=typeof n?n+"":n,r);const{request:r,cancel:o}=function(){if("function"==typeof requestAnimationFrame)return{request:requestAnimationFrame,cancel:cancelAnimationFrame};const e=[];let t,n=1,r=0;function o(){t=void 0;const n=e.slice();r+=e.length,e.length=0,n.forEach((e=>{0!==e&&e(Date.now())}))}return{request:r=>(e.push(r),t||(t=setTimeout(o,1e3/60)),n++),cancel(t){e[t-r]=0}}}(),a=new Set;let i=0,f=!0;function s(){0===a.size?f||(f=!0,o(i)):(new Set(a).forEach((e=>e())),i=r(s))}const c={add:function(e){a.add(e),f&&(f=!1,i=r(s))},remove:function(e){a.delete(e)}},u={linear:()=>e=>e},l={Sine:()=>e=>1-Math.cos(e*Math.PI/2),Expo:()=>e=>e?Math.pow(1024,e-1):0,Circ:()=>e=>1-Math.sqrt(1-e*e),Elastic:()=>e=>0===e||1===e?e:-Math.pow(2,10*e-10)*Math.sin(2*(10*e-10.75)*Math.PI/3),Back:()=>e=>{const t=1.70158;return e*e*((t+1)*e-t)},Bounce:()=>e=>{const t=7.5625,n=2.75;return 1-((e=1-e)<1/n?t*e*e:e<2/n?t*(e-=1.5/n)*e+.75:e<2.5/n?t*(e-=2.25/n)*e+.9375:t*(e-=2.625/n)*e+.984375)}};["Quad","Cubic","Quart","Quint"].forEach(((e,t)=>{l[e]=()=>e=>Math.pow(e,t+2)})),Object.keys(l).forEach((e=>{const t=l[e];u["easeIn"+e]=t,u["easeOut"+e]=(e,n)=>r=>1-t(e,n)(1-r),u["easeInOut"+e]=(e,n)=>r=>r<.5?t(e,n)(2*r)/2:1-t(e,n)(2-2*r)/2}));const d=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/,g=new RegExp("^([+\\-*/%]=|)("+d.source+")("+/%|px|rpx|em|rem|vw|vh|deg|rad|turn|ex|ch|vmin|vmax|pc|pt|in|cm|mm/.source+"|)$","i"),p=new RegExp(d.source,"g"),m=new RegExp("^([<>]|)([+-]=|)("+d.source+"|)(%|)$");function h(e){return"number"==typeof e}function b(e){return"string"==typeof e}function y(e){return null!==e&&"object"==typeof e}function w(e){return"function"==typeof e}function k(e){return Array.isArray(e)}function v(e){return Array.isArray(e)?e:[e]}function x(e){return w(e)?e:()=>(u[e]||u.linear)(0,0)}const M=Symbol();class E{}class S extends E{constructor(e,t){super(),n(this,"from"),n(this,"to"),this.from=e,this.to=t}}class q extends E{constructor(e,t,r){super(),n(this,"el"),n(this,"prop"),n(this,"totalLength"),this.el=e,this.prop=t,this.totalLength=r}}const A=[];function O(e){const n=[];return k(e)||(e=[e]),e.flat().forEach((e=>{e&&(b(e)?n.push(...Array.from(document.querySelectorAll(e))):!function(e){let n;return y(e)&&Number.isInteger(n=e.length)&&n<t(2,32)}(e)?(y(e)||w(e))&&n.push(e):n.push(...Array.from(e)))})),Array.from(new Set(n))}function T(e,t){return w(e)?e(t.target,t.index,t.total):e}function C(e,t){const{duration:n,delay:r,begin:o,easing:a,between:i}=t;return i.map((t=>function(t){const{from:i,to:f,round:s}=t;let c=e<=o+r?i:e>=o+r+n?f:i+a((e-o-r)/n)*(f-i);return s&&(c=Math.round(c*s)/s),c}(t)))}function D(e,t){return k(e=T(e,t))?e.map((e=>D(e,t)[0])):((h(e)||b(e)||e instanceof E)&&(e={value:e}),[e])}function j(e,t,n,r,o,a,i){const f=t.length;let s,c=o||0;i=(null!=i?i:r.duration)/f;const u=t.map(((t,o)=>s=function(t,o,s){var u,l,d,p,m,h,y;const w=T(null!=(u=t.duration)?u:i,e),k=T(null!=(l=t.delay)?l:0===o?r.delay:0,e),v=T(null!=(d=t.endDelay)?d:o===f-1?r.endDelay:0,e),E=T(x(null!=(p=t.easing)?p:r.easing),e),q=T(null!=(m=t.round)?m:r.round,e),O=k+w+v,C=c,D=C+O;if(c+=O,!s){let e;s=(e=a[n])?e[e.length-1]:void 0}const j=t.value;let $,L;const P=j instanceof S;P?(L=T(j.from,e),$=T(j.to,e)):$=j,!P&&s&&(L=s.to);let I=!1;void 0===L&&(L=e.target[n],I=!0);let F="",N="";if(b($)){const e=g.exec($);e&&(F=e[1],$=parseFloat(e[2])||0,N=e[3])}const z={animatedTarget:e,prop:n,duration:w,delay:k,endDelay:v,begin:C,end:D,easing:E,data:{},from:L,to:$,withoutFrom:I,round:q,unit:N,operator:F,between:[]};for(let e=0,n=A.length;e<n&&(null==(y=(h=A[e]).init)?void 0:y.call(h,z,M))!==M;e++);return z}(t,o,s))).sort(((e,t)=>e.begin-t.begin));return{endTime:c,tweens:u}}function $(e,t,n){const r={},o=T(n.duration,e)/t.length;let a=0;return t.forEach((t=>{const i=function(e,t,n,r,o,a){let i={};for(let f in t){const s=t[f];null!=s&&(i[f]=j(e,D(s,e),f,n,r,o,a))}return i}(e,t,n,a,r,o);for(let e in i)a=Math.max(a,i[e].endTime),r[e]=(r[e]||[]).concat(i[e].tweens)})),r}function L(e,t,n){return e.map((e=>{const r=$(e,t,n);return Object.keys(r).map((e=>{return{seek:function(e){var n,r;let o;for(let a,i=0;a=t[i++];){if(a.begin<=e&&a.end>=e){o=a;break}e>a.end&&(!t[i+1]||t[i+1].begin>e)&&(o=a)}if(o){let t,a=C(e,o);for(let e=A.length-1;e>=0;e--){if(t=null==(r=(n=A[e]).update)?void 0:r.call(n,o,a,M),t===M)return;void 0!==t&&(a=t)}}},getDuration:function(){return Math.max(...t.map((e=>e.end)))},tweens:t=r[e]};var t}))})).flat()}const P={duration:500,delay:0,endDelay:0,easing:"easeInOutQuad",round:0};function I(e){v(e).forEach((e=>{A.includes(e)||(A.push(e),A.sort(((e,t)=>t.order-e.order)))}))}const F="alternate-reverse",N="reverse",z="alternate";function R(e){return e===N||e===F}function X(e){return e===z||e===F}const Y={externalTicker:!1,autoplay:!0,direction:"normal",loop:1},B=["begin","loopBegin","complete","loopComplete","pause","play","update"];function G(e){const t=Object.assign({},Y,e),{externalTicker:n,autoplay:r,direction:o,loop:a}=t;let i=!1,f=!0,s=0,u=0,l=a,d=R(o),g=0,p=[];const w=function(){const e={};function t(t,n){let r=e[t];r||(r=e[t]=new Set),r.add(n)}function n(t,n){if(n){const r=e[t];r&&(r.delete(n),0===r.size&&delete e[t])}else delete e[t]}return{on:t,off:n,once:function(e,r){t(e,(function t(...o){r(...o),n(e,t)}))},emit:function(t,...n){const r=e[t];r&&r.forEach((e=>{e(...n)}))}}}();function v(){return 0===l&&u===g}function x(e){let t=!1;e>=g?(e=g,t=!0):e<0&&(e=0),u=e;const n=d?g-u:u;p.forEach((({target:e,begin:t})=>{e.seek(n-t)})),w.emit("update",n,0===g?0:u/g),t&&(w.emit("loopComplete"),--l<0&&(l=0),0===l?(q(),w.emit("complete")):f||(X(o)&&(d=!d),E()))}function M(){if(!f){let e=Date.now();x(e-s+u),s=e}}function E(){i?u=0:(i=!0,w.emit("begin")),w.emit("loopBegin"),S()}function S(){i?f&&(f=!1,v()?(X(o)&&(d=!d),A()):(s=Date.now(),n||c.add(M),w.emit("play"))):E()}function q(){f||(f=!0,n||c.remove(M),w.emit("pause"))}function A(){q(),u=0,i=!1,l=a,d=R(o),S()}function T(e,t,n,r){if(function(e){return y(e)&&"getDuration"in e&&"seek"in e}(e)){let n=g;if(h(r=null!=t?t:">"))n=r;else{const{begin:e,end:t}=p[p.length-1]||{begin:0,end:0},o=t-e,[,a,i,f,s]=m.exec(r)||[,">","","",""];n="<"===a?e:">"===a?t:n;let c=+f;"%"===s&&(c=(a?o:g)/100*+f),n+="-="===i?-c:c}n=Math.max(0,n);const o=n+e.getDuration();p.push({target:e,position:r,begin:n,end:o}),g=Math.max(g,o)}else{(h(n)||b(n))&&(r=n,n=void 0);const o=function(e,t,n){const r=Object.assign({},P,n);return L((o=O(e)).map(((e,t)=>({target:e,index:t,total:o.length}))),k(t)?t:[t],r);var o}(e,t,n);o.forEach(((e,t)=>{T(e,0===t?r:"<")}))}return C}B.forEach((e=>{t[e]&&w.on(e,t[e])})),r&&0!==a&&E();const C={play:S,pause:q,finish:function(){v()||x(g)},restart:A,seek:x,progress:function(e){var t,n,r;x((r=1,((t=e)<(n=0)?n:t>r?r:t)*g))},tick:()=>{n&&M()},getPosition:()=>u,getDuration:()=>g,getProgress:()=>0===g?0:u/g,isReverse:()=>d,add:T,remove:function(e){const t=p.findIndex((t=>t.target===e));-1!==t&&(p.splice(t,1),function(){const e=[...p];p=[],g=0,e.forEach((e=>{T(e.target,e.position)}))}())},clear:function(){q(),g=0,p=[]},events:p,on:w.on,off:w.off,once:w.once};return C}const Q={start:0,from:0,direction:"normal",easing:"linear",grid:null,axis:null};const Z={order:100,update(e,t,n){const{animatedTarget:r,prop:o,unit:a}=e;let i=k(t)?t[0]:t;return a&&(i+=a),r.target[o]=i,n}},U={order:0,init(e,t){if(0===e.between.length){const n=v(e.to),r=v(e.from);return e.between=n.map(((t,n)=>({from:+r[n]||0,to:+t||0,round:e.round}))),t}}},V={},_=["","webkit","Moz"],H=document.documentElement,W=["translateX","translateY","translateZ","scale","scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY","perspective"],J=te(W),K=te(["columnCount","fillOpacity","fontSizeAdjust","fontWeight","lineHeight","opacity","orphans","widows","zIndex","zoom","scale","scaleX","scaleY","scaleZ","order","flexGrow","flexShrink","scrollLeft","scrollTop","strokeDashoffset","strokeDasharray"]),ee=te(["value"]);function te(e){const t={};for(let n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function ne(e){return e.replace(/[-]([^-])/g,((e,t)=>t.toUpperCase())).replace(/^./,(e=>e.toLowerCase()))}function re(e,t){if(V[e])return V[e];t=t||H.style;for(let n=0,r=_.length;n<r;n++){const t=_[n];let r=t?t+String(e).replace(/[-]([^-])/g,((e,t)=>t.toUpperCase())).replace(/^./,(e=>e.toUpperCase())):ne(String(e));if(r in H.style)return V[e]=r}return""}function oe(e,t){return t+(Number.isNaN(+t)||K[e]?"":"px")}function ae(e,t){return window.getComputedStyle(e)[re(t)]}function ie(e,t,n){e.style[re(t)]=n}function fe(e,t){let n="";t.forEach(((e,t)=>n+=t+"("+e+") ")),ie(e,"transform",n)}const se={_default:{get:(e,t)=>ae(e,t),set(e,t,n){!function(e,t,n){e.style[re(t)]=oe(String(t),n)}(e,t,n)}}};function ce(e){return/rotate|skew/.test(e)?"deg":K[e]?"":"px"}function ue(e){const t=e.style.getPropertyValue(re("transform")),n=/(\w+)\(([^)]+)\)/g;let r;const o=[];for(;r=n.exec(t);)o.push([r[1],r[2]]);return o.sort(((e,t)=>W.indexOf(e[0])-W.indexOf(t[0]))),new Map(o)}function le(e){const t=[...e].sort(((e,t)=>W.indexOf(e[0])-W.indexOf(t[0])));e.clear(),t.forEach((([t,n])=>{e.set(t,n)}))}function de(e){var t;return(null==(t=g.exec(e))?void 0:t[3])||""}function ge(e,t,n){if(-1!==[de(String(t)),"deg","rad","turn"].indexOf(n))return t;const r=document.createElement(e.tagName);r.style.position="absolute",r.style.width=100+n;const o=e.parentNode&&e.parentNode!==document?e.parentNode:document.body;o.appendChild(r);const a=100/r.offsetWidth;return o.removeChild(r),a*parseFloat(String(t))}function pe(e,t,n,r){switch(r){case"trans":return function(e,t,n){let r=ue(e).get(t)||(/scale/.test(t)?1:0+ce(t));return n?ge(e,r,n):r}(e,t,n);case"css":return function(e,t,n){let r=ae(e,t);return n&&b(r)?ge(e,r,n):r}(e,t,n);case"attr":return function(e,t){return e.getAttribute(t)}(e,t)}}function me(e,t){return function(e){return!!J[e]}(t)?"trans":re(t)?"css":!ee[t]&&e.hasAttribute(t)?"attr":""}["scrollTop","scrollLeft"].forEach((e=>{se[e]={get:(e,t)=>e[t],set(e,t,n){e[t]=n}}})),W.forEach((e=>{se[e]={get:(e,t)=>ue(e).get(t)||"",set(e,t,n){const r=ue(e);r.set(t,oe(t,n)),le(r),fe(e,r)}}}));const he={order:90,init(e){const{animatedTarget:t,prop:n,data:r}=e,o=t.target;if(function(e){return e instanceof HTMLElement||e instanceof SVGElement}(o)){const a=me(o,n);if(a){if(r.css=a,"trans"===a&&(t.transforms||(t.transforms={map:ue(o)})),e.withoutFrom){e.from=pe(o,n,e.unit,a);const t=g.exec(e.from);t&&(e.from=parseFloat(t[2]))}e.unit||(e.unit=ce(n))}}},update(e,t,n){const r=e.data.css;if(r){const{animatedTarget:o,prop:a,unit:i}=e,f=o.target;let s=k(t)?t[0]:t;switch("attr"!==r&&(s+=i),r){case"trans":let e=o.transforms.map;const t=e.has(a);e.set(a,s),t||le(e),fe(f,e);break;case"css":ie(f,a,s);break;case"attr":f.setAttribute(a,s)}return n}}},be={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"778899",lightslategrey:"778899",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"00ff00",limegreen:"32cd32",linen:"faf0e6",magenta:"ff00ff",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"ff0000",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"ffffff",whitesmoke:"f5f5f5",yellow:"ffff00",yellowgreen:"9acd32"};function ye(e){let t,n=/[0-9a-f]{2}/gi,r=[];for(;t=n.exec(e);)r.push(parseInt(t[0],16));return r}function we(e){let t,n=/[.\d]+/g,r=[];for(;t=n.exec(e);)r.push(+t[0]);return r}function ke(e){let t;if(e=String(e),/^#?[0-9a-f]{3}$/i.test(e))t=ye(e.replace(/(.)(.)(.)$/,"$1$1$2$2$3$3"));else if(/^#?([0-9a-f]{6})$/i.test(e))t=ye(RegExp.$1);else if(/^rgb/i.test(e))t=we(e);else if(/^hsl/i.test(e)){const n=we(e);n[0]/=360,n[1]/=100,n[2]/=100,t=function(e,t,n){let r,o,a;function i(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(0==t)r=o=a=n;else{let f=n<.5?n*(1+t):n+t-n*t,s=2*n-f;r=i(s,f,e+1/3),o=i(s,f,e),a=i(s,f,e-1/3)}return[Math.round(255*r),Math.round(255*o),Math.round(255*a)]}(...n).concat(n[3])}else t=be.hasOwnProperty(e=e.toLowerCase())?ye(be[e]):[0,0,0,1];return h(t[3])||(t[3]=1),t}const ve={order:80,init(e,t){if(b(e.to)&&(n=e.to,be.hasOwnProperty(String(n).toLowerCase())||/^(?:rgb|hsl|#(?:[0-9a-f]{6}|[0-9a-f]{3})$)/i.test(n))){const n=e.data,r=ke(String(e.from)),o=ke(e.to);return e.between=o.map(((e,t)=>({from:r[t],to:e,round:3===t?0:1}))),e.unit="",n.color={},t}var n},update(e,t){if(e.data.color)return"rgba("+t.join(",")+")"}};const xe={order:70,init(e){if(e.operator){let t=e.from;h(t)||(t=Number(t)||0),e.to=function(e,t,n){switch(n[0]){case"+":return e+t;case"-":return e-t;case"*":return e*t;case"/":return e/t;case"%":return e%t}return 0}(t,e.to,e.operator),e.from=t}}};function Me(e,t){return function(e,t){return Math.atan2(t.y-e.y,t.x-e.x)}(e,t)/Math.PI*180}const Ee={order:60,init(e){const{data:t,to:n}=e;n instanceof q&&(t.svg=n,e.from=0,e.to=n.totalLength,e.unit="")},update(e,t){const n=e.data.svg;if(n){let e=function(e){return n.el.getPointAtLength(r+e)};const r=k(t)?t[0]:t,o=e(-1),a=e(0);switch(n.prop){case"x":return a.x+"px";case"y":return a.y+"px";case"angle":return Me(o,a)+"deg"}}}},Se={order:50,init(e){let t,n=e.to;if(b(n)&&(t=n.match(p))){e.data.interp=n.split(p);let r,o=e.from;b(o)&&(r=o.match(p))?o=r:k(o)||(o=[e.from]),e.from=o,e.to=t}},update(e,t){const n=e.data.interp;if(n)return t.map(((e,t)=>n[t]+e)).join("")}};function qe(e,t,n){return G(n).add(e,t,n)}I(Z),I(U),I([he,ve,xe,Ee,Se]);const Ae=Object.assign(((...e)=>qe(...e)),{createAnimation:qe,createTimeline:G,ticker:c,stagger:function(e,t){let{direction:n,grid:r,axis:o,from:a,start:i,easing:f}=Object.assign({},Q,t);f=x(f);let s=k(e);const[c,u]=s?e:[0,e];let l=[],d=0;return i=i||c,(e,t,g)=>{const p="center"===a,m="first"===a?0:p?(g-1)/2:"last"===a?g-1:a;if(!l.length){for(let e=0;e<g;e++){if(r){const[t,n]=r,a=(p?(n-1)/2:m%n)-e%n,i=(p?(t-1)/2:~~(m/n))-~~(e/n);let f=Math.sqrt(a*a+i*i);f="x"===o?-a:"y"===o?-i:f,l.push(f)}else l.push(Math.abs(m-e));d=Math.max(...l)}l=l.map((n=>f(e,t,g)(n/d)*d)),"reverse"===n&&(l=l.map((e=>o?-e:Math.abs(d-e))))}let h=s?(u-c)/d:u;return h===1/0&&(h=0),i+h*(Math.round(100*l[t])/100)}},easings:u,withFrom:function(e,t){return new S(e,t)},random:function(e,t){return Math.floor(Math.random()*(t-e+1)+e)},use:I,css:function e(t,n,r){if(y(n))for(let o in n)e(t,o,n[o]);else{if(void 0===r)return(se[n]&&se[n].get||se._default.get)(t,n);(se[n]&&se[n].set||se._default.set)(t,n,r)}},getPrefixedCssProp:re,geometry:function(e,t=100){return e=b(e)?document.querySelector(e):e,n=>new q(e,n,e.getTotalLength()*(t/100))},setDashoffset:e=>{if(e instanceof SVGGeometryElement){let t=e.getTotalLength();return e.setAttribute("stroke-dasharray",String(t)),t}return 0},timeline:G});return Ae}));

package/dist/{lwa.js → lwa.mjs}

@@ -1,4 +1,4 @@
-/* lwa 0.2.2 | MIT license | https://github.com/sutras/lwa */
+/* lwa 0.2.3 | MIT license | https://github.com/sutras/lwa */
 var __defProp = Object.defineProperty;
 var __pow = Math.pow;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;

package/dist/lwa.slim.d.ts

@@ -0,0 +1,223 @@
+declare function add(tick: () => void): void;
+
+declare interface AnimatedTarget {
+    target: object;
+    index: number;
+    total: number;
+}
+
+declare type BaseValue = number | string;
+
+declare interface Between {
+    from: number;
+    to: number;
+    round: number;
+}
+
+export declare function createAnimation(target: string | unknown[] | object, keyframes: Properties | Properties[], options?: TweenOptions & TimelineOptions): {
+    play: () => void;
+    pause: () => void;
+    finish: () => void;
+    restart: () => void;
+    seek: (nextPosition: number) => void;
+    progress: (p: number) => void;
+    tick: () => void;
+    getPosition(): number;
+    getDuration(): number;
+    getProgress(): number;
+    isReverse(): boolean;
+    add: {
+        (target: string | unknown[] | object, keyframes: Properties | Properties[], options?: TweenOptions, position?: number | string): any;
+        (target: string | unknown[] | object, keyframes: Properties | Properties[], position?: number | string): any;
+        (target: TimelineEventTarget, position?: number | string): any;
+    };
+    remove: (target: TimelineEventTarget) => void;
+    clear: () => void;
+    events: TimelineEvent[];
+    on: <U extends "pause" | "play" | "complete" | "update" | "begin" | "loopBegin" | "loopComplete">(type: U, callback: {
+        begin: () => void;
+        loopBegin: () => void;
+        complete: () => void;
+        loopComplete: () => void;
+        pause: () => void;
+        play: () => void;
+        update: (position: number, progress: number) => void;
+    }[U]) => void;
+    off: <U extends "pause" | "play" | "complete" | "update" | "begin" | "loopBegin" | "loopComplete">(type: U, callback?: {
+        begin: () => void;
+        loopBegin: () => void;
+        complete: () => void;
+        loopComplete: () => void;
+        pause: () => void;
+        play: () => void;
+        update: (position: number, progress: number) => void;
+    }[U] | undefined) => void;
+    once: <U extends "pause" | "play" | "complete" | "update" | "begin" | "loopBegin" | "loopComplete">(type: U, callback: {
+        begin: () => void;
+        loopBegin: () => void;
+        complete: () => void;
+        loopComplete: () => void;
+        pause: () => void;
+        play: () => void;
+        update: (position: number, progress: number) => void;
+    }[U]) => void;
+};
+
+export declare function createTimeline(options?: TimelineOptions): {
+    play: () => void;
+    pause: () => void;
+    finish: () => void;
+    restart: () => void;
+    seek: (nextPosition: number) => void;
+    progress: (p: number) => void;
+    tick: () => void;
+    getPosition(): number;
+    getDuration(): number;
+    getProgress(): number;
+    isReverse(): boolean;
+    add: {
+        (target: string | unknown[] | object, keyframes: Properties | Properties[], options?: TweenOptions, position?: number | string): any;
+        (target: string | unknown[] | object, keyframes: Properties | Properties[], position?: number | string): any;
+        (target: TimelineEventTarget, position?: number | string): any;
+    };
+    remove: (target: TimelineEventTarget) => void;
+    clear: () => void;
+    events: TimelineEvent[];
+    on: <U extends "pause" | "play" | "complete" | "update" | "begin" | "loopBegin" | "loopComplete">(type: U, callback: {
+        begin: () => void;
+        loopBegin: () => void;
+        complete: () => void;
+        loopComplete: () => void;
+        pause: () => void;
+        play: () => void;
+        update: (position: number, progress: number) => void;
+    }[U]) => void;
+    off: <U extends "pause" | "play" | "complete" | "update" | "begin" | "loopBegin" | "loopComplete">(type: U, callback?: {
+        begin: () => void;
+        loopBegin: () => void;
+        complete: () => void;
+        loopComplete: () => void;
+        pause: () => void;
+        play: () => void;
+        update: (position: number, progress: number) => void;
+    }[U] | undefined) => void;
+    once: <U extends "pause" | "play" | "complete" | "update" | "begin" | "loopBegin" | "loopComplete">(type: U, callback: {
+        begin: () => void;
+        loopBegin: () => void;
+        complete: () => void;
+        loopComplete: () => void;
+        pause: () => void;
+        play: () => void;
+        update: (position: number, progress: number) => void;
+    }[U]) => void;
+};
+
+declare type Direction = "normal" | "reverse" | "alternate" | "alternate-reverse";
+
+export declare type Easing = keyof typeof easings | FunctionalValue<(k: number) => number>;
+
+export declare type Easings = {
+    linear: (...args: any[]) => (p: number) => number;
+} & {
+    [p in EasingStuffNames as `${"easeIn" | "easeOut" | "easeInOut"}${p}`]: (...args: any[]) => (p: number) => number;
+};
+
+export declare const easings: Easings;
+
+declare type EasingStuffNames = "Quad" | "Cubic" | "Quart" | "Quint" | "Sine" | "Expo" | "Circ" | "Elastic" | "Back" | "Bounce";
+
+declare type FunctionalValue<T> = (target: object, index: number, total: number) => T;
+
+declare type MayFunctionValue<T> = T | FunctionalValue<T>;
+
+declare interface ObjectValue extends TweenOptions {
+    value: BaseValue | SpecialValue;
+}
+
+export declare interface Properties {
+    [p: string]: Value;
+}
+
+declare function remove(tick: () => void): void;
+
+declare type SingleValue = BaseValue | SpecialValue | ObjectValue;
+
+declare class SpecialValue {
+}
+
+export declare const ticker: {
+    add: typeof add;
+    remove: typeof remove;
+};
+
+export declare type Timeline = ReturnType<typeof createTimeline>;
+
+declare interface TimelineCallbackOptions {
+    begin?: () => void;
+    loopBegin?: () => void;
+    complete?: () => void;
+    loopComplete?: () => void;
+    pause?: () => void;
+    play?: () => void;
+    update?: (position: number, progress: number) => void;
+}
+
+declare interface TimelineEvent {
+    target: TimelineEventTarget;
+    position: number | string;
+    begin: number;
+    end: number;
+}
+
+declare interface TimelineEventTarget {
+    getDuration: () => number;
+    seek: (position: number) => void;
+    tweens?: Tween[];
+    events?: TimelineEvent[];
+}
+
+export declare interface TimelineOptions extends TimelineCallbackOptions {
+    externalTicker?: boolean;
+    autoplay?: boolean;
+    direction?: Direction;
+    loop?: number;
+}
+
+declare interface Tween<T extends {} = {}, U = {}> {
+    animatedTarget: AnimatedTarget & U;
+    prop: string;
+    duration: number;
+    delay: number;
+    endDelay: number;
+    begin: number;
+    end: number;
+    easing: (k: number) => number;
+    data: T;
+    from: unknown;
+    to: unknown;
+    withoutFrom: boolean;
+    round: number;
+    unit: string;
+    operator: string;
+    between: Between[];
+}
+
+export declare interface TweenOptions {
+    duration?: number | FunctionalValue<number>;
+    delay?: number | FunctionalValue<number>;
+    endDelay?: number | FunctionalValue<number>;
+    easing?: Easing;
+    round?: number | FunctionalValue<number>;
+}
+
+declare type Value = MayFunctionValue<SingleValue | SingleValue[]>;
+
+export declare function withFrom(from: MayFunctionValue<BaseValue>, to: MayFunctionValue<BaseValue>): WithFromValue;
+
+declare class WithFromValue extends SpecialValue {
+    from: MayFunctionValue<BaseValue>;
+    to: MayFunctionValue<BaseValue>;
+    constructor(from: MayFunctionValue<BaseValue>, to: MayFunctionValue<BaseValue>);
+}
+
+export { }

package/dist/lwa.slim.js

@@ -0,0 +1,749 @@
+/* lwa 0.2.3 | MIT license | https://github.com/sutras/lwa */
+var __defProp = Object.defineProperty;
+var __pow = Math.pow;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+function getAnimationFrameController() {
+  if (typeof requestAnimationFrame === "function") {
+    return {
+      request: requestAnimationFrame,
+      cancel: cancelAnimationFrame
+    };
+  }
+  const fps = 60;
+  const callbacks = [];
+  let id2 = 1;
+  let cursor = 0;
+  let timer;
+  function playAll() {
+    timer = void 0;
+    const cloned = callbacks.slice();
+    cursor += callbacks.length;
+    callbacks.length = 0;
+    cloned.forEach((callback) => {
+      if (callback !== 0) {
+        callback(Date.now());
+      }
+    });
+  }
+  return {
+    request(handler) {
+      callbacks.push(handler);
+      if (!timer) {
+        timer = setTimeout(playAll, 1e3 / fps);
+      }
+      return id2++;
+    },
+    cancel(id22) {
+      callbacks[id22 - cursor] = 0;
+    }
+  };
+}
+const { request, cancel } = getAnimationFrameController();
+const ticks = /* @__PURE__ */ new Set();
+let id = 0;
+let paused = true;
+function add(tick) {
+  ticks.add(tick);
+  run();
+}
+function remove(tick) {
+  ticks.delete(tick);
+}
+function step() {
+  if (ticks.size === 0) {
+    stop();
+  } else {
+    new Set(ticks).forEach((tick) => tick());
+    id = request(step);
+  }
+}
+function run() {
+  if (paused) {
+    paused = false;
+    id = request(step);
+  }
+}
+function stop() {
+  if (!paused) {
+    paused = true;
+    cancel(id);
+  }
+}
+const ticker = {
+  add,
+  remove
+};
+const easings = {
+  linear: () => (p) => p
+};
+const easingStuff = {
+  Sine: () => (p) => 1 - Math.cos(p * Math.PI / 2),
+  Expo: () => (p) => p ? Math.pow(1024, p - 1) : 0,
+  Circ: () => (p) => 1 - Math.sqrt(1 - p * p),
+  Elastic: () => (p) => p === 0 || p === 1 ? p : -Math.pow(2, 10 * p - 10) * Math.sin((p * 10 - 10.75) * 2 * Math.PI / 3),
+  Back: () => (p) => {
+    const s = 1.70158;
+    return p * p * ((s + 1) * p - s);
+  },
+  Bounce: () => (p) => {
+    p = 1 - p;
+    const s = 7.5625;
+    const k = 2.75;
+    return 1 - (p < 1 / k ? s * p * p : p < 2 / k ? s * (p -= 1.5 / k) * p + 0.75 : p < 2.5 / k ? s * (p -= 2.25 / k) * p + 0.9375 : s * (p -= 2.625 / k) * p + 0.984375);
+  }
+};
+const powerNames = ["Quad", "Cubic", "Quart", "Quint"];
+powerNames.forEach((name, i) => {
+  easingStuff[name] = () => (p) => Math.pow(p, i + 2);
+});
+Object.keys(easingStuff).forEach((name) => {
+  const easeIn = easingStuff[name];
+  easings["easeIn" + name] = easeIn;
+  easings["easeOut" + name] = (a, b) => (p) => 1 - easeIn(a, b)(1 - p);
+  easings["easeInOut" + name] = (a, b) => (p) => p < 0.5 ? easeIn(a, b)(p * 2) / 2 : 1 - easeIn(a, b)(2 - 2 * p) / 2;
+});
+const rNum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/;
+const rUnit = /%|px|rpx|em|rem|vw|vh|deg|rad|turn|ex|ch|vmin|vmax|pc|pt|in|cm|mm/;
+const rCssNumVal = new RegExp(
+  "^([+\\-*/%]=|)(" + rNum.source + ")(" + rUnit.source + "|)$",
+  "i"
+);
+const rTimelinePos = new RegExp(
+  "^([<>]|)([+-]=|)(" + rNum.source + "|)(%|)$"
+);
+function isNumber(target) {
+  return typeof target === "number";
+}
+function isString(target) {
+  return typeof target === "string";
+}
+function isObject(target) {
+  return target !== null && typeof target === "object";
+}
+function isFunction(target) {
+  return typeof target === "function";
+}
+function isArrayLike(target) {
+  let l;
+  return isObject(target) && Number.isInteger(l = target.length) && l < __pow(2, 32);
+}
+function isArray(target) {
+  return Array.isArray(target);
+}
+function minmax(n, min, max) {
+  return n < min ? min : n > max ? max : n;
+}
+function toArray(target) {
+  return Array.isArray(target) ? target : [target];
+}
+const defaultEasing = "easeInOutQuad";
+function getEasing(ease) {
+  return isFunction(ease) ? ease : () => (easings[ease] || easings.linear)(0, 0);
+}
+function createEmitter() {
+  const events = {};
+  function on(type, callback) {
+    let callbacks = events[type];
+    if (!callbacks) {
+      callbacks = events[type] = /* @__PURE__ */ new Set();
+    }
+    callbacks.add(callback);
+  }
+  function off(type, callback) {
+    if (callback) {
+      const callbacks = events[type];
+      if (callbacks) {
+        callbacks.delete(callback);
+        if (callbacks.size === 0) {
+          delete events[type];
+        }
+      }
+    } else {
+      delete events[type];
+    }
+  }
+  function once(type, callback) {
+    on(type, function fn(...args) {
+      callback(...args);
+      off(type, fn);
+    });
+  }
+  function emit(type, ...args) {
+    const callbacks = events[type];
+    if (callbacks) {
+      callbacks.forEach((callback) => {
+        callback(...args);
+      });
+    }
+  }
+  return {
+    on,
+    off,
+    once,
+    emit
+  };
+}
+const TERMINATE = Symbol();
+class SpecialValue {
+}
+class WithFromValue extends SpecialValue {
+  constructor(from, to) {
+    super();
+    __publicField(this, "from");
+    __publicField(this, "to");
+    this.from = from;
+    this.to = to;
+  }
+}
+const plugins = [];
+function parseTarget(target) {
+  const result = [];
+  if (!isArray(target)) {
+    target = [target];
+  }
+  target.flat().forEach((item) => {
+    if (item) {
+      if (isString(item)) {
+        result.push(...Array.from(document.querySelectorAll(item)));
+      } else if (isArrayLike(item)) {
+        result.push(...Array.from(item));
+      } else if (isObject(item) || isFunction(item)) {
+        result.push(item);
+      }
+    }
+  });
+  return Array.from(new Set(result));
+}
+function getFuncValue(value, animatedTarget) {
+  return isFunction(value) ? value(animatedTarget.target, animatedTarget.index, animatedTarget.total) : value;
+}
+function getTweenValue(position, tween) {
+  const { duration, delay, begin, easing, between } = tween;
+  function getBetweenValue(between2) {
+    const { from, to, round } = between2;
+    let value = position <= begin + delay ? from : position >= begin + delay + duration ? to : from + easing((position - begin - delay) / duration) * (to - from);
+    if (round) {
+      value = Math.round(value * round) / round;
+    }
+    return value;
+  }
+  return between.map((item) => getBetweenValue(item));
+}
+function getAnimatedTargets(targets) {
+  return targets.map((target, i) => ({
+    target,
+    index: i,
+    total: targets.length
+  }));
+}
+function structureValue(value, animatedTarget) {
+  value = getFuncValue(value, animatedTarget);
+  if (isArray(value)) {
+    return value.map((value2) => structureValue(value2, animatedTarget)[0]);
+  }
+  if (isNumber(value) || isString(value) || value instanceof SpecialValue) {
+    value = { value };
+  }
+  return [value];
+}
+function normalizeTweens(animatedTarget, objectValues, prop, options, beginTime, animationProperties, averageDuration) {
+  const l = objectValues.length;
+  let endTime = beginTime || 0;
+  let prevTween;
+  averageDuration = (averageDuration != null ? averageDuration : options.duration) / l;
+  function normalizeTween(objectValue, index, prevTween2) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const duration = getFuncValue(
+      (_a = objectValue.duration) != null ? _a : averageDuration,
+      animatedTarget
+    );
+    const delay = getFuncValue(
+      (_b = objectValue.delay) != null ? _b : index === 0 ? options.delay : 0,
+      animatedTarget
+    );
+    const endDelay = getFuncValue(
+      (_c = objectValue.endDelay) != null ? _c : index === l - 1 ? options.endDelay : 0,
+      animatedTarget
+    );
+    const easing = getFuncValue(
+      getEasing((_d = objectValue.easing) != null ? _d : options.easing),
+      animatedTarget
+    );
+    const round = getFuncValue(
+      (_e = objectValue.round) != null ? _e : options.round,
+      animatedTarget
+    );
+    const total = delay + duration + endDelay;
+    const begin = endTime;
+    const end = begin + total;
+    endTime += total;
+    if (!prevTween2) {
+      let values;
+      prevTween2 = (values = animationProperties[prop]) ? values[values.length - 1] : void 0;
+    }
+    const value = objectValue.value;
+    let to;
+    let from;
+    const withFromValue = value instanceof WithFromValue;
+    if (withFromValue) {
+      from = getFuncValue(value.from, animatedTarget);
+      to = getFuncValue(value.to, animatedTarget);
+    } else {
+      to = value;
+    }
+    if (!withFromValue && prevTween2) {
+      from = prevTween2.to;
+    }
+    let withoutFrom = false;
+    if (from === void 0) {
+      from = animatedTarget.target[prop];
+      withoutFrom = true;
+    }
+    let operator = "";
+    let unit = "";
+    if (isString(to)) {
+      const parts = rCssNumVal.exec(to);
+      if (parts) {
+        operator = parts[1];
+        to = parseFloat(parts[2]) || 0;
+        unit = parts[3];
+      }
+    }
+    const tween = {
+      animatedTarget,
+      prop,
+      duration,
+      delay,
+      endDelay,
+      begin,
+      end,
+      easing,
+      data: {},
+      from,
+      to,
+      withoutFrom,
+      round,
+      unit,
+      operator,
+      between: []
+    };
+    for (let i = 0, l2 = plugins.length; i < l2; i++) {
+      const retValue = (_g = (_f = plugins[i]).init) == null ? void 0 : _g.call(_f, tween, TERMINATE);
+      if (retValue === TERMINATE) {
+        break;
+      }
+    }
+    return tween;
+  }
+  const tweens = objectValues.map(
+    (objectValue, index) => prevTween = normalizeTween(objectValue, index, prevTween)
+  ).sort((a, b) => a.begin - b.begin);
+  return {
+    endTime,
+    tweens
+  };
+}
+function getOneKeyframeTween(animatedTarget, properties, options, beginTime, animationProperties, averageDuration) {
+  let props = {};
+  for (let p in properties) {
+    const value = properties[p];
+    if (value !== null && value !== void 0) {
+      props[p] = normalizeTweens(
+        animatedTarget,
+        structureValue(value, animatedTarget),
+        p,
+        options,
+        beginTime,
+        animationProperties,
+        averageDuration
+      );
+    }
+  }
+  return props;
+}
+function getAnimationProperties(animatedTarget, keyframes, options) {
+  const animationProperties = {};
+  const averageDuration = getFuncValue(options.duration, animatedTarget) / keyframes.length;
+  let endTime = 0;
+  keyframes.forEach((properties) => {
+    const oneKeyframeTween = getOneKeyframeTween(
+      animatedTarget,
+      properties,
+      options,
+      endTime,
+      animationProperties,
+      averageDuration
+    );
+    for (let p in oneKeyframeTween) {
+      endTime = Math.max(endTime, oneKeyframeTween[p].endTime);
+      animationProperties[p] = (animationProperties[p] || []).concat(
+        oneKeyframeTween[p].tweens
+      );
+    }
+  });
+  return animationProperties;
+}
+function createAnimation$1(tweens) {
+  function seek(position) {
+    var _a, _b;
+    let currTween;
+    for (let i = 0, tween; tween = tweens[i++]; ) {
+      if (tween.begin <= position && tween.end >= position) {
+        currTween = tween;
+        break;
+      }
+      if (position > tween.end) {
+        if (!tweens[i + 1] || tweens[i + 1].begin > position) {
+          currTween = tween;
+        }
+      }
+    }
+    if (currTween) {
+      let value = getTweenValue(position, currTween);
+      let currentValue;
+      for (let i = plugins.length - 1; i >= 0; i--) {
+        currentValue = (_b = (_a = plugins[i]).update) == null ? void 0 : _b.call(_a, currTween, value, TERMINATE);
+        if (currentValue === TERMINATE) {
+          return;
+        }
+        if (currentValue !== void 0) {
+          value = currentValue;
+        }
+      }
+    }
+  }
+  function getDuration() {
+    return Math.max(...tweens.map((tween) => tween.end));
+  }
+  return {
+    seek,
+    getDuration,
+    tweens
+  };
+}
+function getAnimations(animationTargets, keyframes, options) {
+  return animationTargets.map((animatedTarget) => {
+    const animationProperties = getAnimationProperties(
+      animatedTarget,
+      keyframes,
+      options
+    );
+    return Object.keys(animationProperties).map(
+      (p) => createAnimation$1(animationProperties[p])
+    );
+  }).flat();
+}
+const defaultTweenOptions = {
+  duration: 500,
+  delay: 0,
+  endDelay: 0,
+  easing: defaultEasing,
+  round: 0
+};
+function createAnimations(target, keyframes, options) {
+  const tweenOptions = Object.assign({}, defaultTweenOptions, options);
+  return getAnimations(
+    getAnimatedTargets(parseTarget(target)),
+    isArray(keyframes) ? keyframes : [keyframes],
+    tweenOptions
+  );
+}
+function withFrom(from, to) {
+  return new WithFromValue(from, to);
+}
+function use(plugin) {
+  toArray(plugin).forEach((plugin2) => {
+    if (!plugins.includes(plugin2)) {
+      plugins.push(plugin2);
+      plugins.sort((a, b) => b.order - a.order);
+    }
+  });
+}
+const DIRECTION_ALTERNATE_REVERSE = "alternate-reverse";
+const DIRECTION_REVERSE = "reverse";
+const DIRECTION_ALTERNATE = "alternate";
+function isReverse(direction) {
+  return direction === DIRECTION_REVERSE || direction === DIRECTION_ALTERNATE_REVERSE;
+}
+function isAlternate(direction) {
+  return direction === DIRECTION_ALTERNATE || direction === DIRECTION_ALTERNATE_REVERSE;
+}
+function isTimelineEventTarget(target) {
+  return isObject(target) && "getDuration" in target && "seek" in target;
+}
+const defaultTimelineOptions = {
+  externalTicker: false,
+  autoplay: true,
+  direction: "normal",
+  loop: 1
+};
+const callbackNames = [
+  "begin",
+  "loopBegin",
+  "complete",
+  "loopComplete",
+  "pause",
+  "play",
+  "update"
+];
+function createTimeline(options) {
+  const mergedOptions = Object.assign({}, defaultTimelineOptions, options);
+  const { externalTicker, autoplay, direction, loop } = mergedOptions;
+  let firstTime = false;
+  let paused2 = true;
+  let prevTickTime = 0;
+  let position = 0;
+  let currentLoop = loop;
+  let reverse = isReverse(direction);
+  let duration = 0;
+  let events = [];
+  const emitter = createEmitter();
+  callbackNames.forEach((name) => {
+    if (mergedOptions[name]) {
+      emitter.on(name, mergedOptions[name]);
+    }
+  });
+  function isCompleted() {
+    return currentLoop === 0 && position === duration;
+  }
+  function seek(nextPosition) {
+    let finished = false;
+    if (nextPosition >= duration) {
+      nextPosition = duration;
+      finished = true;
+    } else if (nextPosition < 0) {
+      nextPosition = 0;
+    }
+    position = nextPosition;
+    const seekPosition = reverse ? duration - position : position;
+    events.forEach(({ target, begin }) => {
+      target.seek(seekPosition - begin);
+    });
+    emitter.emit(
+      "update",
+      seekPosition,
+      duration === 0 ? 0 : position / duration
+    );
+    if (finished) {
+      emitter.emit("loopComplete");
+      if (--currentLoop < 0) {
+        currentLoop = 0;
+      }
+      if (currentLoop === 0) {
+        pause();
+        emitter.emit("complete");
+      } else {
+        if (!paused2) {
+          if (isAlternate(direction)) {
+            reverse = !reverse;
+          }
+          start();
+        }
+      }
+    }
+  }
+  function progress(p) {
+    seek(minmax(p, 0, 1) * duration);
+  }
+  function tick() {
+    if (!paused2) {
+      let currTime = Date.now();
+      seek(currTime - prevTickTime + position);
+      prevTickTime = currTime;
+    }
+  }
+  function start() {
+    if (!firstTime) {
+      firstTime = true;
+      emitter.emit("begin");
+    } else {
+      position = 0;
+    }
+    emitter.emit("loopBegin");
+    play();
+  }
+  function play() {
+    if (!firstTime) {
+      start();
+    } else {
+      if (paused2) {
+        paused2 = false;
+        if (isCompleted()) {
+          if (isAlternate(direction)) {
+            reverse = !reverse;
+          }
+          restart();
+        } else {
+          prevTickTime = Date.now();
+          if (!externalTicker) {
+            ticker.add(tick);
+          }
+          emitter.emit("play");
+        }
+      }
+    }
+  }
+  function pause() {
+    if (!paused2) {
+      paused2 = true;
+      if (!externalTicker) {
+        ticker.remove(tick);
+      }
+      emitter.emit("pause");
+    }
+  }
+  function restart() {
+    pause();
+    position = 0;
+    firstTime = false;
+    currentLoop = loop;
+    reverse = isReverse(direction);
+    play();
+  }
+  function finish() {
+    if (!isCompleted()) {
+      seek(duration);
+    }
+  }
+  function add2(target, positionOrKeyframes, optionsOrPosition, position2) {
+    if (isTimelineEventTarget(target)) {
+      position2 = positionOrKeyframes != null ? positionOrKeyframes : ">";
+      let begin = duration;
+      if (isNumber(position2)) {
+        begin = position2;
+      } else {
+        const { begin: prevBegin, end: prevEnd } = events[events.length - 1] || {
+          begin: 0,
+          end: 0
+        };
+        const prevDuration = prevEnd - prevBegin;
+        const [, bracket, relative, num, unit] = rTimelinePos.exec(
+          position2
+        ) || [, ">", "", "", ""];
+        begin = bracket === "<" ? prevBegin : bracket === ">" ? prevEnd : begin;
+        let value = +num;
+        if (unit === "%") {
+          value = (bracket ? prevDuration : duration) / 100 * +num;
+        }
+        begin += relative === "-=" ? -value : value;
+      }
+      begin = Math.max(0, begin);
+      const end = begin + target.getDuration();
+      events.push({ target, position: position2, begin, end });
+      duration = Math.max(duration, end);
+    } else {
+      if (isNumber(optionsOrPosition) || isString(optionsOrPosition)) {
+        position2 = optionsOrPosition;
+        optionsOrPosition = void 0;
+      }
+      const animations = createAnimations(
+        target,
+        positionOrKeyframes,
+        optionsOrPosition
+      );
+      animations.forEach((animation, index) => {
+        add2(animation, index === 0 ? position2 : "<");
+      });
+    }
+    return timeline;
+  }
+  function remove2(target) {
+    const index = events.findIndex((e) => e.target === target);
+    if (index !== -1) {
+      events.splice(index, 1);
+      update();
+    }
+  }
+  function update() {
+    const oldEvents = [...events];
+    events = [];
+    duration = 0;
+    oldEvents.forEach((event) => {
+      add2(event.target, event.position);
+    });
+  }
+  function clear() {
+    pause();
+    duration = 0;
+    events = [];
+  }
+  if (autoplay && loop !== 0) {
+    start();
+  }
+  const timeline = {
+    play,
+    pause,
+    finish,
+    restart,
+    seek,
+    progress,
+    tick: () => {
+      if (externalTicker) {
+        tick();
+      }
+    },
+    getPosition() {
+      return position;
+    },
+    getDuration() {
+      return duration;
+    },
+    getProgress() {
+      return duration === 0 ? 0 : position / duration;
+    },
+    isReverse() {
+      return reverse;
+    },
+    add: add2,
+    remove: remove2,
+    clear,
+    events,
+    on: emitter.on,
+    off: emitter.off,
+    once: emitter.once
+  };
+  return timeline;
+}
+function definePlugin(plugin) {
+  return plugin;
+}
+const updatePlugin = definePlugin({
+  order: 100,
+  update(tween, value, terminate) {
+    const { animatedTarget, prop, unit } = tween;
+    let val = isArray(value) ? value[0] : value;
+    if (unit) {
+      val += unit;
+    }
+    animatedTarget.target[prop] = val;
+    return terminate;
+  }
+});
+const initPlugin = definePlugin({
+  order: 0,
+  init(tween, terminate) {
+    if (tween.between.length === 0) {
+      const to = toArray(tween.to);
+      const from = toArray(tween.from);
+      tween.between = to.map((value, i) => ({
+        from: +from[i] || 0,
+        to: +value || 0,
+        round: tween.round
+      }));
+      return terminate;
+    }
+  }
+});
+use(updatePlugin);
+use(initPlugin);
+function createAnimation(target, keyframes, options) {
+  return createTimeline(options).add(target, keyframes, options);
+}
+export {
+  createAnimation,
+  createTimeline,
+  easings,
+  ticker,
+  withFrom
+};

package/package.json

@@ -1,19 +1,39 @@
 {
   "name": "lwa",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "轻量级动画库",
-  "type": "module",
-  "main": "./dist/lwa.js",
-  "module": "./dist/lwa.js",
+  "main": "./dist/lwa.cjs",
+  "module": "./dist/lwa.mjs",
   "types": "./dist/lwa.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/lwa.d.ts",
+      "node": {
+        "import": {
+          "production": "./dist/lwa.mjs",
+          "development": "./dist/lwa.mjs",
+          "default": "./dist/lwa.mjs"
+        },
+        "require": {
+          "production": "./dist/lwa.cjs",
+          "development": "./dist/lwa.cjs",
+          "default": "./dist/lwa.cjs"
+        }
+      },
+      "import": "./dist/lwa.mjs",
+      "require": "./dist/lwa.cjs"
+    },
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
   "scripts": {
     "dev": "vite",
     "build:docs": "vue-tsc -b && vite build",
     "preview": "vite preview",
-    "deploy": "node deploy.js",
+    "deploy": "node deploy.mjs",
     "buildDocsAndDeploy": "npm run build:docs && npm run deploy",
-    "build:dts": "tsc -p tsconfig.lib.json && api-extractor run --local --verbose",
-    "build:lib": "node build-lib.js && npm run build:dts"
+    "build:dts": "node build-dts.mjs",
+    "build:lib": "node build-lib.mjs && npm run build:dts"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.47.0",