lwa 0.2.3-alpha → 0.3.0

package/dist/lwa.full.umd.js

@@ -1,2 +1,2 @@
-/* lwa 0.2.3-alpha | 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}));
+/* 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 r=new Set;let o=0,a=!0;function i(){0===r.size?a||(a=!0,cancelAnimationFrame(o)):(new Set(r).forEach((e=>e())),o=requestAnimationFrame(i))}const f={add:function(e){r.add(e),a&&(a=!1,o=requestAnimationFrame(i))},remove:function(e){r.delete(e)}},s={linear:()=>e=>e},c={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)=>{c[e]=()=>e=>Math.pow(e,t+2)})),Object.keys(c).forEach((e=>{const t=c[e];s["easeIn"+e]=t,s["easeOut"+e]=(e,n)=>r=>1-t(e,n)(1-r),s["easeInOut"+e]=(e,n)=>r=>r<.5?t(e,n)(2*r)/2:1-t(e,n)(2-2*r)/2}));const l=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/,u=new RegExp("^([+\\-*/%]=|)("+l.source+")("+/%|px|rpx|em|rem|vw|vh|deg|rad|turn|ex|ch|vmin|vmax|pc|pt|in|cm|mm/.source+"|)$","i"),d=new RegExp(l.source,"g"),g=new RegExp("^([<>]|)([+-]=|)("+l.source+"|)(%|)$");function p(e){return"number"==typeof e}function m(e){return"string"==typeof e}function h(e){return null!==e&&"object"==typeof e}function b(e){return"function"==typeof e}function y(e){return Array.isArray(e)}function w(e){return Array.isArray(e)?e:[e]}function k(e){return b(e)?e:()=>(s[e]||s.linear)(0,0)}const v=Symbol();class x{}class M extends x{constructor(e,t){super(),n(this,"from"),n(this,"to"),this.from=e,this.to=t}}class E extends x{constructor(e,t,r){super(),n(this,"el"),n(this,"prop"),n(this,"totalLength"),this.el=e,this.prop=t,this.totalLength=r}}const S=[];function A(e){const n=[];return y(e)||(e=[e]),e.flat().forEach((e=>{e&&(m(e)?n.push(...Array.from(document.querySelectorAll(e))):!function(e){let n;return h(e)&&Number.isInteger(n=e.length)&&n<t(2,32)}(e)?(h(e)||b(e))&&n.push(e):n.push(...Array.from(e)))})),Array.from(new Set(n))}function O(e,t){return b(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 q(e,t){return y(e=O(e,t))?e.map((e=>q(e,t)[0])):((p(e)||m(e)||e instanceof x)&&(e={value:e}),[e])}function C(e,t,n,r,o,a,i){const f=t.length;let s,c=o||0;i=(null!=i?i:r.duration)/f;const l=t.map(((t,o)=>s=function(t,o,s){var l,d,g,p,h,b,y;const w=O(null!=(l=t.duration)?l:i,e),x=O(null!=(d=t.delay)?d:0===o?r.delay:0,e),E=O(null!=(g=t.endDelay)?g:o===f-1?r.endDelay:0,e),A=O(k(null!=(p=t.easing)?p:r.easing),e),T=O(null!=(h=t.round)?h:r.round,e),q=x+w+E,C=c,j=C+q;if(c+=q,!s){let e;s=(e=a[n])?e[e.length-1]:void 0}const D=t.value;let $,L;const P=D instanceof M;P?(L=O(D.from,e),$=O(D.to,e)):$=D,!P&&s&&(L=s.to);let I=!1;void 0===L&&(L=e.target[n],I=!0);let F="",N="";if(m($)){const e=u.exec($);e&&(F=e[1],$=parseFloat(e[2])||0,N=e[3])}const z={animatedTarget:e,prop:n,duration:w,delay:x,endDelay:E,begin:C,end:j,easing:A,data:{},from:L,to:$,withoutFrom:I,round:T,unit:N,operator:F,between:[]};for(let e=0,n=S.length;e<n&&(null==(y=(b=S[e]).init)?void 0:y.call(b,z,v))!==v;e++);return z}(t,o,s))).sort(((e,t)=>e.begin-t.begin));return{endTime:c,tweens:l}}function j(e,t,n){const r={},o=O(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]=C(e,q(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 D(e,t,n){return e.map((e=>{const r=j(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=S.length-1;e>=0;e--){if(t=null==(r=(n=S[e]).update)?void 0:r.call(n,o,a,v),t===v)return;void 0!==t&&(a=t)}}},getDuration:function(){return Math.max(...t.map((e=>e.end)))},tweens:t=r[e]};var t}))})).flat()}const $={duration:500,delay:0,endDelay:0,easing:"easeInOutQuad",round:0};function L(e){w(e).forEach((e=>{S.includes(e)||(S.push(e),S.sort(((e,t)=>t.order-e.order)))}))}const P="alternate-reverse",I="reverse",F="alternate";function N(e){return e===I||e===P}function z(e){return e===F||e===P}const R={externalTicker:!1,autoplay:!0,direction:"normal",loop:1},X=["begin","loopBegin","complete","loopComplete","pause","play","update"];function Y(e){const t=Object.assign({},R,e),{externalTicker:n,autoplay:r,direction:o,loop:a}=t;let i=!1,s=!0,c=0,l=0,u=a,d=N(o),b=0,w=[];const k=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===u&&l===b}function x(e){let t=!1;e>=b?(e=b,t=!0):e<0&&(e=0),l=e;const n=d?b-l:l;w.forEach((({target:e,begin:t})=>{e.seek(n-t)})),k.emit("update",n,0===b?0:l/b),t&&(k.emit("loopComplete"),--u<0&&(u=0),0===u?(O(),k.emit("complete")):s||(z(o)&&(d=!d),E()))}function M(){if(!s){let e=Date.now();x(e-c+l),c=e}}function E(){i?l=0:(i=!0,k.emit("begin")),k.emit("loopBegin"),S()}function S(){i?s&&(s=!1,v()?(z(o)&&(d=!d),T()):(c=Date.now(),n||f.add(M),k.emit("play"))):E()}function O(){s||(s=!0,n||f.remove(M),k.emit("pause"))}function T(){O(),l=0,i=!1,u=a,d=N(o),S()}function q(e,t,n,r){if(function(e){return h(e)&&"getDuration"in e&&"seek"in e}(e)){let n=b;if(p(r=null!=t?t:">"))n=r;else{const{begin:e,end:t}=w[w.length-1]||{begin:0,end:0},o=t-e,[,a,i,f,s]=g.exec(r)||[,">","","",""];n="<"===a?e:">"===a?t:n;let c=+f;"%"===s&&(c=(a?o:b)/100*+f),n+="-="===i?-c:c}n=Math.max(0,n);const o=n+e.getDuration();w.push({target:e,position:r,begin:n,end:o}),b=Math.max(b,o)}else{(p(n)||m(n))&&(r=n,n=void 0);const o=function(e,t,n){const r=Object.assign({},$,n);return D((o=A(e)).map(((e,t)=>({target:e,index:t,total:o.length}))),y(t)?t:[t],r);var o}(e,t,n);o.forEach(((e,t)=>{q(e,0===t?r:"<")}))}return C}X.forEach((e=>{t[e]&&k.on(e,t[e])})),r&&0!==a&&E();const C={play:S,pause:O,finish:function(){v()||x(b)},restart:T,seek:x,progress:function(e){var t,n,r;x((r=1,((t=e)<(n=0)?n:t>r?r:t)*b))},tick:()=>{n&&M()},getPosition:()=>l,getDuration:()=>b,getProgress:()=>0===b?0:l/b,isReverse:()=>d,add:q,remove:function(e){const t=w.findIndex((t=>t.target===e));-1!==t&&(w.splice(t,1),function(){const e=[...w];w=[],b=0,e.forEach((e=>{q(e.target,e.position)}))}())},clear:function(){O(),b=0,w=[]},events:w,on:k.on,off:k.off,once:k.once};return C}const B={start:0,from:0,direction:"normal",easing:"linear",grid:null,axis:null};const G={order:100,update(e,t,n){const{animatedTarget:r,prop:o,unit:a}=e;let i=y(t)?t[0]:t;return a&&(i+=a),r.target[o]=i,n}},Q={order:0,init(e,t){if(0===e.between.length){const n=w(e.to),r=w(e.from);return e.between=n.map(((t,n)=>({from:+r[n]||0,to:+t||0,round:e.round}))),t}}},Z={},U=["","webkit","Moz"],V=document.documentElement,H=["translateX","translateY","translateZ","scale","scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY","perspective"];let W=null;let _=null;function J(e){return _||(_=ee(["columnCount","fillOpacity","fontSizeAdjust","fontWeight","lineHeight","opacity","orphans","widows","zIndex","zoom","scale","scaleX","scaleY","scaleZ","order","flexGrow","flexShrink","scrollLeft","scrollTop","strokeDashoffset","strokeDasharray"])),_[e]}let K=null;function ee(e){const t={};for(let n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function te(e){return e.replace(/[-]([^-])/g,((e,t)=>t.toUpperCase())).replace(/^./,(e=>e.toLowerCase()))}function ne(e,t){if(Z[e])return Z[e];t=t||V.style;for(let n=0,r=U.length;n<r;n++){const r=U[n];let o=r?r+String(e).replace(/[-]([^-])/g,((e,t)=>t.toUpperCase())).replace(/^./,(e=>e.toUpperCase())):te(String(e));if(o in t)return Z[e]=o}return""}function re(e,t){return t+(Number.isNaN(+t)||J(e)?"":"px")}function oe(e,t){return window.getComputedStyle(e)[ne(t)]}function ae(e,t,n){e.style[ne(t)]=n}function ie(e,t){let n="";t.forEach(((e,t)=>n+=t+"("+e+") ")),ae(e,"transform",n)}let fe=null;function se(e){return fe||(fe={_default:{get:(e,t)=>oe(e,t),set(e,t,n){!function(e,t,n){e.style[ne(t)]=re(String(t),n)}(e,t,n)}}},["scrollTop","scrollLeft"].forEach((e=>{fe[e]={get:(e,t)=>e[t],set(e,t,n){e[t]=n}}})),H.forEach((e=>{fe[e]={get:(e,t)=>le(e).get(t)||"",set(e,t,n){const r=le(e);r.set(t,re(t,n)),ue(r),ie(e,r)}}}))),fe[e]||fe._default}function ce(e){return/rotate|skew/.test(e)?"deg":J(e)?"":"px"}function le(e){const t=e.style.getPropertyValue(ne("transform")),n=/(\w+)\(([^)]+)\)/g;let r;const o=[];for(;r=n.exec(t);)o.push([r[1],r[2]]);return o.sort(((e,t)=>H.indexOf(e[0])-H.indexOf(t[0]))),new Map(o)}function ue(e){const t=[...e].sort(((e,t)=>H.indexOf(e[0])-H.indexOf(t[0])));e.clear(),t.forEach((([t,n])=>{e.set(t,n)}))}function de(e){var t;return(null==(t=u.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=le(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=oe(e,t);return n&&m(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 W||(W=ee(H)),!!W[e]}(t)?"trans":ne(t)?"css":(n=t,K||(K=ee(["value"])),!K[n]&&e.hasAttribute(t)?"attr":"");var n}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:le(o)})),e.withoutFrom){e.from=pe(o,n,e.unit,a);const t=u.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=y(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||ue(e),ie(f,e);break;case"css":ae(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 p(t[3])||(t[3]=1),t}const ve={order:80,init(e,t){if(m(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;p(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 E&&(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=y(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(m(n)&&(t=n.match(d))){e.data.interp=n.split(d);let r,o=e.from;m(o)&&(r=o.match(d))?o=r:y(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 Ae(e,t,n){return Y(n).add(e,t,n)}L(G),L(Q),L([he,ve,xe,Ee,Se]);const Oe=Object.assign(((...e)=>Ae(...e)),{createAnimation:Ae,createTimeline:Y,ticker:f,stagger:function(e,t){let{direction:n,grid:r,axis:o,from:a,start:i,easing:f}=Object.assign({},B,t);f=k(f);let s=y(e);const[c,l]=s?e:[0,e];let u=[],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(!u.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,u.push(f)}else u.push(Math.abs(m-e));d=Math.max(...u)}u=u.map((n=>f(e,t,g)(n/d)*d)),"reverse"===n&&(u=u.map((e=>o?-e:Math.abs(d-e))))}let h=s?(l-c)/d:l;return h===1/0&&(h=0),i+h*(Math.round(100*u[t])/100)}},easings:s,withFrom:function(e,t){return new M(e,t)},random:function(e,t){return Math.floor(Math.random()*(t-e+1)+e)},use:L,css:function e(t,n,r){if(h(n))for(let o in n)e(t,o,n[o]);else{if(void 0===r)return se(n).get(t,n);se(n).set(t,n,r)}},getPrefixedCssProp:ne,geometry:function(e,t=100){return e=m(e)?document.querySelector(e):e,n=>new E(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:Y});return Oe}));

package/dist/lwa.mjs

@@ -1,45 +1,8 @@
-/* lwa 0.2.3-alpha | 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;
 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;
@@ -55,19 +18,19 @@ function step() {
     stop();
   } else {
     new Set(ticks).forEach((tick) => tick());
-    id = request(step);
+    id = requestAnimationFrame(step);
   }
 }
 function run() {
   if (paused) {
     paused = false;
-    id = request(step);
+    id = requestAnimationFrame(step);
   }
 }
 function stop() {
   if (!paused) {
     paused = true;
-    cancel(id);
+    cancelAnimationFrame(id);
   }
 }
 const ticker = {
@@ -825,31 +788,49 @@ const transformValues = [
   "skewY",
   "perspective"
 ];
-const transformValuesMap = arrayToObject(transformValues);
-const optionalUnitProperties = arrayToObject([
-  "columnCount",
-  "fillOpacity",
-  "fontSizeAdjust",
-  "fontWeight",
-  "lineHeight",
-  "opacity",
-  "orphans",
-  "widows",
-  "zIndex",
-  "zoom",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "scaleZ",
-  "order",
-  "flexGrow",
-  "flexShrink",
-  "scrollLeft",
-  "scrollTop",
-  "strokeDashoffset",
-  "strokeDasharray"
-]);
-const domDotAttributes = arrayToObject(["value"]);
+let transformValuesMap = null;
+function isTransform(prop) {
+  if (!transformValuesMap) {
+    transformValuesMap = arrayToObject(transformValues);
+  }
+  return !!transformValuesMap[prop];
+}
+let optionalUnitProperties = null;
+function isOptionalUnitProperty(prop) {
+  if (!optionalUnitProperties) {
+    optionalUnitProperties = arrayToObject([
+      "columnCount",
+      "fillOpacity",
+      "fontSizeAdjust",
+      "fontWeight",
+      "lineHeight",
+      "opacity",
+      "orphans",
+      "widows",
+      "zIndex",
+      "zoom",
+      "scale",
+      "scaleX",
+      "scaleY",
+      "scaleZ",
+      "order",
+      "flexGrow",
+      "flexShrink",
+      "scrollLeft",
+      "scrollTop",
+      "strokeDashoffset",
+      "strokeDasharray"
+    ]);
+  }
+  return optionalUnitProperties[prop];
+}
+let domDotAttributes = null;
+function isDomDotAttribute(attr) {
+  if (!domDotAttributes) {
+    domDotAttributes = arrayToObject(["value"]);
+  }
+  return domDotAttributes[attr];
+}
 function arrayToObject(array) {
   const map = {};
   for (let i = 0, l = array.length; i < l; i++) {
@@ -874,14 +855,14 @@ function getPrefixedCssProp(name, host) {
   for (let i = 0, l = prefixes.length; i < l; i++) {
     const prefix = prefixes[i];
     let fitName = prefix ? prefix + pascalCase(String(name)) : camalCase(String(name));
-    if (fitName in html.style) {
+    if (fitName in host) {
       return cssProps[name] = fitName;
     }
   }
   return "";
 }
 function combinedWithUnit(prop, value) {
-  return value + (!Number.isNaN(+value) && !optionalUnitProperties[prop] ? "px" : "");
+  return value + (!Number.isNaN(+value) && !isOptionalUnitProperty(prop) ? "px" : "");
 }
 function getStyle(elem, prop) {
   return window.getComputedStyle(elem)[getPrefixedCssProp(prop)];
@@ -900,39 +881,45 @@ function setStyleFromTransformMap(elem, map) {
   map.forEach((val, key) => value += key + "(" + val + ") ");
   setStyleIgnoreUnit(elem, "transform", value);
 }
-const cssHooks = {
-  _default: {
-    get(elem, prop) {
-      return getStyle(elem, prop);
-    },
-    set(elem, prop, value) {
-      setStyle(elem, prop, value);
-    }
+let cssHooks = null;
+function getCssHook(prop) {
+  if (!cssHooks) {
+    cssHooks = {
+      _default: {
+        get(elem, prop2) {
+          return getStyle(elem, prop2);
+        },
+        set(elem, prop2, value) {
+          setStyle(elem, prop2, value);
+        }
+      }
+    };
+    ["scrollTop", "scrollLeft"].forEach((item) => {
+      cssHooks[item] = {
+        get(elem, prop2) {
+          return elem[prop2];
+        },
+        set(elem, prop2, value) {
+          elem[prop2] = value;
+        }
+      };
+    });
+    transformValues.forEach((item) => {
+      cssHooks[item] = {
+        get(elem, prop2) {
+          return getTransformValuesMap(elem).get(prop2) || "";
+        },
+        set(elem, prop2, value) {
+          const transformValuesMap2 = getTransformValuesMap(elem);
+          transformValuesMap2.set(prop2, combinedWithUnit(prop2, value));
+          sortTransformValues(transformValuesMap2);
+          setStyleFromTransformMap(elem, transformValuesMap2);
+        }
+      };
+    });
   }
-};
-["scrollTop", "scrollLeft"].forEach((item) => {
-  cssHooks[item] = {
-    get(elem, prop) {
-      return elem[prop];
-    },
-    set(elem, prop, value) {
-      elem[prop] = value;
-    }
-  };
-});
-transformValues.forEach((item) => {
-  cssHooks[item] = {
-    get(elem, prop) {
-      return getTransformValuesMap(elem).get(prop) || "";
-    },
-    set(elem, prop, value) {
-      const transformValuesMap2 = getTransformValuesMap(elem);
-      transformValuesMap2.set(prop, combinedWithUnit(prop, value));
-      sortTransformValues(transformValuesMap2);
-      setStyleFromTransformMap(elem, transformValuesMap2);
-    }
-  };
-});
+  return cssHooks[prop] || cssHooks._default;
+}
 function css(elem, prop, value) {
   if (isObject(prop)) {
     for (let i in prop) {
@@ -943,20 +930,13 @@ function css(elem, prop, value) {
       );
     }
   } else if (value === void 0) {
-    return (cssHooks[prop] && cssHooks[prop].get || cssHooks._default.get)(
-      elem,
-      prop
-    );
+    return getCssHook(prop).get(elem, prop);
   } else {
-    (cssHooks[prop] && cssHooks[prop].set || cssHooks._default.set)(
-      elem,
-      prop,
-      value
-    );
+    getCssHook(prop).set(elem, prop, value);
   }
 }
 function getDefaultUnit(prop) {
-  return /rotate|skew/.test(prop) ? "deg" : optionalUnitProperties[prop] ? "" : "px";
+  return /rotate|skew/.test(prop) ? "deg" : isOptionalUnitProperty(prop) ? "" : "px";
 }
 function getTransformValuesMap(target) {
   const value = target.style.getPropertyValue(getPrefixedCssProp("transform"));
@@ -1020,10 +1000,7 @@ function getOriginalValue(target, prop, unit, propType) {
   }
 }
 function getPropType(target, prop) {
-  return isTransform(prop) ? "trans" : getPrefixedCssProp(prop) ? "css" : !domDotAttributes[prop] && target.hasAttribute(prop) ? "attr" : "";
-}
-function isTransform(prop) {
-  return !!transformValuesMap[prop];
+  return isTransform(prop) ? "trans" : getPrefixedCssProp(prop) ? "css" : !isDomDotAttribute(prop) && target.hasAttribute(prop) ? "attr" : "";
 }
 const cssPlugin = definePlugin({
   order: 90,

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 { }