aptechka 0.29.8 → 0.30.0

package/lib/canvas/index.cjs

@@ -0,0 +1 @@
+"use strict";var f=i=>{throw TypeError(i)};var R=(i,s,e)=>s.has(i)||f("Cannot "+e);var t=(i,s,e)=>(R(i,s,"read from private field"),e?e.call(i):s.get(i)),n=(i,s,e)=>s.has(i)?f("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(i):s.set(i,e),a=(i,s,e,d)=>(R(i,s,"write to private field"),d?d.call(i,e):s.set(i,e),e),o=(i,s,e)=>(R(i,s,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../css-property/index.cjs"),C=require("../element-resizer/vanilla/index.cjs"),w=require("../ticker/vanilla/index.cjs"),z=require("../browser-CpzFX2xg.cjs"),_=require("../jss-GJLvaNfT.cjs"),B=require("../math-GDWEqu7y.cjs");var c,r,m,l,u,p,b,g,h,E,k,x,v,S,P;class y extends HTMLElement{constructor(){super();n(this,h);n(this,c,new q.CSSProperty(this,"--fps",0));n(this,r,null);n(this,m,null);n(this,l,0);n(this,u,0);n(this,p,1);n(this,b,0);n(this,g,1);n(this,x,e=>{a(this,p,B.clamp(devicePixelRatio,1,2)),a(this,l,e.contentRect.width),a(this,u,e.contentRect.height),t(this,r).width=t(this,l)*this.pixelRatio,t(this,r).height=t(this,u)*this.pixelRatio,this.context.scale(this.pixelRatio,this.pixelRatio),o(this,h,P).call(this),o(this,h,S).call(this)});n(this,v,e=>{a(this,b,e.timestamp),a(this,g,e.timeBetweenFrames),o(this,h,S).call(this)});if(z.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets.push(_.createStylesheet({" :host, canvas":{display:"block",width:"100%",height:"100%"}})),a(this,r,document.createElement("canvas")),a(this,m,t(this,r).getContext("2d")),e.appendChild(t(this,r)),t(this,c).subscribe(d=>{typeof d.previous!="undefined"&&d.current!==d.previous&&o(this,h,E).call(this)})}}get fpsCSSProperty(){return t(this,c)}get canvasElement(){return t(this,r)}get context(){return t(this,m)}get pixelRatio(){return t(this,p)}get width(){return t(this,l)}get height(){return t(this,u)}get detail(){return{width:t(this,l),height:t(this,u),element:this,canvasElement:t(this,r),pixelRatio:t(this,p),context:t(this,m),timestamp:t(this,b),timeBetweenFrames:t(this,g)}}connectedCallback(){t(this,c).observe(),C.elementResizer.subscribe(this,t(this,x)),o(this,h,E).call(this)}disconnectedCallback(){t(this,c).unobserve(),C.elementResizer.unsubscribe(t(this,x)),o(this,h,k).call(this)}}c=new WeakMap,r=new WeakMap,m=new WeakMap,l=new WeakMap,u=new WeakMap,p=new WeakMap,b=new WeakMap,g=new WeakMap,h=new WeakSet,E=function(){w.ticker.unsubscribe(t(this,v)),this.hasAttribute("static")||w.ticker.subscribe(t(this,v),{culling:this,maxFPS:t(this,c).current})},k=function(){w.ticker.unsubscribe(t(this,v))},x=new WeakMap,v=new WeakMap,S=function(){this.dispatchEvent(new CustomEvent("canvasRender",{composed:!0,detail:this.detail}))},P=function(){this.dispatchEvent(new CustomEvent("canvasResize",{composed:!0,detail:this.detail}))};customElements.get("e-canvas")||customElements.define("e-canvas",y);exports.CanvasElement=y;

package/lib/canvas/index.js

@@ -0,0 +1,108 @@
+var S = (i) => {
+  throw TypeError(i);
+};
+var x = (i, s, e) => s.has(i) || S("Cannot " + e);
+var t = (i, s, e) => (x(i, s, "read from private field"), e ? e.call(i) : s.get(i)), h = (i, s, e) => s.has(i) ? S("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, e), a = (i, s, e, p) => (x(i, s, "write to private field"), p ? p.call(i, e) : s.set(i, e), e), c = (i, s, e) => (x(i, s, "access private method"), e);
+import { CSSProperty as P } from "../css-property/index.js";
+import { elementResizer as C } from "../element-resizer/vanilla/index.js";
+import { ticker as w } from "../ticker/vanilla/index.js";
+import { i as z } from "../browser-0zX67oeU.js";
+import { c as B } from "../jss-CjccJC-K.js";
+import { c as F } from "../math-BOBiC4TN.js";
+var o, r, d, m, l, u, b, f, n, R, y, g, v, E, k;
+class L extends HTMLElement {
+  constructor() {
+    super();
+    h(this, n);
+    h(this, o, new P(this, "--fps", 0));
+    h(this, r, null);
+    h(this, d, null);
+    h(this, m, 0);
+    h(this, l, 0);
+    h(this, u, 1);
+    h(this, b, 0);
+    h(this, f, 1);
+    h(this, g, (e) => {
+      a(this, u, F(devicePixelRatio, 1, 2)), a(this, m, e.contentRect.width), a(this, l, e.contentRect.height), t(this, r).width = t(this, m) * this.pixelRatio, t(this, r).height = t(this, l) * this.pixelRatio, this.context.scale(this.pixelRatio, this.pixelRatio), c(this, n, k).call(this), c(this, n, E).call(this);
+    });
+    h(this, v, (e) => {
+      a(this, b, e.timestamp), a(this, f, e.timeBetweenFrames), c(this, n, E).call(this);
+    });
+    if (z) {
+      const e = this.attachShadow({ mode: "open" });
+      e.adoptedStyleSheets.push(
+        B({
+          " :host, canvas": {
+            display: "block",
+            width: "100%",
+            height: "100%"
+          }
+        })
+      ), a(this, r, document.createElement("canvas")), a(this, d, t(this, r).getContext("2d")), e.appendChild(t(this, r)), t(this, o).subscribe((p) => {
+        typeof p.previous != "undefined" && p.current !== p.previous && c(this, n, R).call(this);
+      });
+    }
+  }
+  get fpsCSSProperty() {
+    return t(this, o);
+  }
+  get canvasElement() {
+    return t(this, r);
+  }
+  get context() {
+    return t(this, d);
+  }
+  get pixelRatio() {
+    return t(this, u);
+  }
+  get width() {
+    return t(this, m);
+  }
+  get height() {
+    return t(this, l);
+  }
+  get detail() {
+    return {
+      width: t(this, m),
+      height: t(this, l),
+      element: this,
+      canvasElement: t(this, r),
+      pixelRatio: t(this, u),
+      context: t(this, d),
+      timestamp: t(this, b),
+      timeBetweenFrames: t(this, f)
+    };
+  }
+  connectedCallback() {
+    t(this, o).observe(), C.subscribe(this, t(this, g)), c(this, n, R).call(this);
+  }
+  disconnectedCallback() {
+    t(this, o).unobserve(), C.unsubscribe(t(this, g)), c(this, n, y).call(this);
+  }
+}
+o = new WeakMap(), r = new WeakMap(), d = new WeakMap(), m = new WeakMap(), l = new WeakMap(), u = new WeakMap(), b = new WeakMap(), f = new WeakMap(), n = new WeakSet(), R = function() {
+  w.unsubscribe(t(this, v)), this.hasAttribute("static") || w.subscribe(t(this, v), {
+    culling: this,
+    maxFPS: t(this, o).current
+  });
+}, y = function() {
+  w.unsubscribe(t(this, v));
+}, g = new WeakMap(), v = new WeakMap(), E = function() {
+  this.dispatchEvent(
+    new CustomEvent("canvasRender", {
+      composed: !0,
+      detail: this.detail
+    })
+  );
+}, k = function() {
+  this.dispatchEvent(
+    new CustomEvent("canvasResize", {
+      composed: !0,
+      detail: this.detail
+    })
+  );
+};
+customElements.get("e-canvas") || customElements.define("e-canvas", L);
+export {
+  L as CanvasElement
+};

package/lib/media-elements/index.cjs

@@ -1,5 +1,5 @@
-"use strict";var ce=r=>{throw TypeError(r)};var se=(r,n,t)=>n.has(r)||ce("Cannot "+t);var e=(r,n,t)=>(se(r,n,"read from private field"),t?t.call(r):n.get(r)),s=(r,n,t)=>n.has(r)?ce("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(r):n.set(r,t),h=(r,n,t,i)=>(se(r,n,"write to private field"),i?i.call(r,t):n.set(r,t),t),f=(r,n,t)=>(se(r,n,"access private method"),t);var le=(r,n,t)=>new Promise((i,l)=>{var R=m=>{try{E(t.next(m))}catch(o){l(o)}},Y=m=>{try{E(t.throw(m))}catch(o){l(o)}},E=m=>m.done?i(m.value):Promise.resolve(m.value).then(R,Y);E((t=t.apply(r,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ee=require("../device/index.cjs"),Se=require("../source/index.cjs"),we=require("../class-linked-status/index.cjs"),ae=require("../browser-CpzFX2xg.cjs"),ne=require("../events-KVanG9sR.cjs"),ye=require("../string-DhgS_iFl.cjs"),ie=require("../loading/index.cjs"),j=require("../css-property/index.cjs"),Q=require("../element-resizer/vanilla/index.cjs"),ue=require("../canvas-CU5Xjahf.cjs"),_=require("../ticker/vanilla/index.cjs"),Ce=require("../jss-GJLvaNfT.cjs"),xe=require("../math-GDWEqu7y.cjs");let Re=0;var u,a,S,B,p,V,k,c,M,F,J,Z,U,ee;class te extends HTMLElement{constructor(){super();s(this,F);s(this,u,null);s(this,a,null);s(this,S,!1);s(this,B,!1);s(this,p,!1);s(this,V,"");s(this,k,"");s(this,c,new we.ClassLinkedStatus(this,{loading:!1,loaded:!1,error:!1}));s(this,M,null);s(this,Z,t=>{const i=t[0];e(this,p)&&(!e(this,B)||this.hasAttribute("reload-source"))&&i.isIntersecting&&(e(this,u).current&&e(this,u).current!==e(this,u).previous&&f(this,F,J).call(this,e(this,u).current),h(this,B,!0)),i.isIntersecting?ne.dispatchEvent(this,"sourceCapture",{custom:!0}):(this.hasAttribute("reload-source")&&f(this,F,J).call(this,void 0),ne.dispatchEvent(this,"sourceRelease",{custom:!0}))});s(this,U,()=>{e(this,c).set("loaded",!0),e(this,c).set("error",!1),e(this,c).set("loading",!1),!e(this,p)&&!e(this,S)&&ie.loading.complete(e(this,k)),h(this,S,!0)});s(this,ee,t=>{e(this,c).set("loaded",!1),e(this,c).set("error",!0),e(this,c).set("loading",!1),!e(this,p)&&!e(this,S)&&ie.loading.error(e(this,k)),h(this,S,!0)});ae.isBrowser&&window.IntersectionObserver&&(h(this,V,`source-consumer-${++Re}`),h(this,M,new IntersectionObserver(e(this,Z))))}get consumerElement(){return e(this,a)}get sourceManager(){return e(this,u)}get status(){return e(this,c)}get isLazy(){return e(this,p)}connectedCallback(){const t=this.getAttribute("srcset");t&&(h(this,a,this.createConsumer()),e(this,a).style.cssText=`
+"use strict";var X=r=>{throw TypeError(r)};var F=(r,s,t)=>s.has(r)||X("Cannot "+t);var e=(r,s,t)=>(F(r,s,"read from private field"),t?t.call(r):s.get(r)),i=(r,s,t)=>s.has(r)?X("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(r):s.set(r,t),a=(r,s,t,n)=>(F(r,s,"write to private field"),n?n.call(r,t):s.set(r,t),t),$=(r,s,t)=>(F(r,s,"access private method"),t);var Y=(r,s,t)=>new Promise((n,l)=>{var y=d=>{try{g(t.next(d))}catch(c){l(c)}},H=d=>{try{g(t.throw(d))}catch(c){l(c)}},g=d=>d.done?n(d.value):Promise.resolve(d.value).then(y,H);g((t=t.apply(r,s)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("../device/index.cjs"),re=require("../source/index.cjs"),ne=require("../class-linked-status/index.cjs"),Q=require("../browser-CpzFX2xg.cjs"),K=require("../events-KVanG9sR.cjs"),oe=require("../string-DhgS_iFl.cjs"),U=require("../loading/index.cjs"),B=require("../css-property/index.cjs"),G=require("../element-resizer/vanilla/index.cjs"),J=require("../canvas-CU5Xjahf.cjs"),ae=require("../canvas/index.cjs"),D=require("../ticker/vanilla/index.cjs");let ce=0;var u,o,p,q,m,_,C,h,I,P,O,W,z,V;class j extends HTMLElement{constructor(){super();i(this,P);i(this,u,null);i(this,o,null);i(this,p,!1);i(this,q,!1);i(this,m,!1);i(this,_,"");i(this,C,"");i(this,h,new ne.ClassLinkedStatus(this,{loading:!1,loaded:!1,error:!1}));i(this,I,null);i(this,W,t=>{const n=t[0];e(this,m)&&(!e(this,q)||this.hasAttribute("reload-source"))&&n.isIntersecting&&(e(this,u).current&&e(this,u).current!==e(this,u).previous&&$(this,P,O).call(this,e(this,u).current),a(this,q,!0)),n.isIntersecting?K.dispatchEvent(this,"sourceCapture",{custom:!0}):(this.hasAttribute("reload-source")&&$(this,P,O).call(this,void 0),K.dispatchEvent(this,"sourceRelease",{custom:!0}))});i(this,z,()=>{e(this,h).set("loaded",!0),e(this,h).set("error",!1),e(this,h).set("loading",!1),!e(this,m)&&!e(this,p)&&U.loading.complete(e(this,C)),a(this,p,!0)});i(this,V,t=>{e(this,h).set("loaded",!1),e(this,h).set("error",!0),e(this,h).set("loading",!1),!e(this,m)&&!e(this,p)&&U.loading.error(e(this,C)),a(this,p,!0)});Q.isBrowser&&window.IntersectionObserver&&(a(this,_,`source-consumer-${++ce}`),a(this,I,new IntersectionObserver(e(this,W))))}get consumerElement(){return e(this,o)}get sourceManager(){return e(this,u)}get status(){return e(this,h)}get isLazy(){return e(this,m)}connectedCallback(){const t=this.getAttribute("srcset");t&&(a(this,o,this.createConsumer()),e(this,o).style.cssText=`
         display: block;
         width: 100%;
         height: 100%;
-      `,e(this,a).classList.add("source-consumer"),Array.from(this.attributes).forEach(i=>{if(i.name!=="srcset"){const l=i.nodeValue||"",R=ye.kebabToCamel(i.name);R in e(this,a)&&(e(this,a)[R]=l||!0)}}),this.appendChild(e(this,a)),h(this,u,new Se.SourceManager({srcset:t})),h(this,p,this.hasAttribute("lazy")),e(this,u).subscribe(i=>{(!e(this,p)||e(this,p)&&e(this,B))&&f(this,F,J).call(this,i.current)}),e(this,M).observe(this),e(this,u).connect())}disconnectedCallback(){e(this,M).disconnect(),e(this,u).close(),e(this,a).onloadeddata=null,e(this,a).onload=null,e(this,a).onerror=null,e(this,a).remove(),e(this,c).reset()}}u=new WeakMap,a=new WeakMap,S=new WeakMap,B=new WeakMap,p=new WeakMap,V=new WeakMap,k=new WeakMap,c=new WeakMap,M=new WeakMap,F=new WeakSet,J=function(t){if(e(this,a).onloadeddata=null,e(this,a).onload=null,e(this,a).onerror=null,e(this,c).set("loaded",!1),e(this,c).set("error",!1),e(this,c).set("loading",!1),t){h(this,k,`${e(this,V)}-${t.url}`);const i=this.hasAttribute("keep-source-parameters");e(this,c).set("loading",!0);const l=i?t.url:t.name+t.extension;this.consumeSource(l),!e(this,p)&&!e(this,S)&&ie.loading.add(e(this,k)),e(this,a).onloadeddata=()=>{e(this,U).call(this)},e(this,a).onload=()=>{e(this,U).call(this)},e(this,a).onerror=()=>{e(this,ee).call(this,l)}}else this.consumeSource(null)},Z=new WeakMap,U=new WeakMap,ee=new WeakMap;class de extends te{createConsumer(){return document.createElement("img")}consumeSource(n){if(n&&this.hasAttribute("webp")&&Ee.device.isWebp){const t=n.split(".").slice(0,-1).join(".")+".webp";this.consumerElement.src=t}else this.consumerElement.src=n||""}}customElements.get("e-image")||customElements.define("e-image",de);var w,g,H,L,P,T,D,K,d,re,pe,N,$,he,be;class me extends HTMLElement{constructor(){super();s(this,d);s(this,w,new j.CSSProperty(this,"--fps",0));s(this,g,null);s(this,H,null);s(this,L,0);s(this,P,0);s(this,T,1);s(this,D,0);s(this,K,1);s(this,N,t=>{h(this,T,xe.clamp(devicePixelRatio,1,2)),h(this,L,t.contentRect.width),h(this,P,t.contentRect.height),e(this,g).width=e(this,L)*this.pixelRatio,e(this,g).height=e(this,P)*this.pixelRatio,this.context.scale(this.pixelRatio,this.pixelRatio),f(this,d,be).call(this),f(this,d,he).call(this)});s(this,$,t=>{h(this,D,t.timestamp),h(this,K,t.timeBetweenFrames),f(this,d,he).call(this)});if(ae.isBrowser){const t=this.attachShadow({mode:"open"});t.adoptedStyleSheets.push(Ce.createStylesheet({" :host, canvas":{display:"block",width:"100%",height:"100%"}})),h(this,g,document.createElement("canvas")),h(this,H,e(this,g).getContext("2d")),t.appendChild(e(this,g)),e(this,w).subscribe(i=>{typeof i.previous!="undefined"&&i.current!==i.previous&&f(this,d,re).call(this)})}}get fpsCSSProperty(){return e(this,w)}get canvasElement(){return e(this,g)}get context(){return e(this,H)}get pixelRatio(){return e(this,T)}get width(){return e(this,L)}get height(){return e(this,P)}get detail(){return{width:e(this,L),height:e(this,P),element:this,canvasElement:e(this,g),pixelRatio:e(this,T),context:e(this,H),timestamp:e(this,D),timeBetweenFrames:e(this,K)}}connectedCallback(){e(this,w).observe(),Q.elementResizer.subscribe(this,e(this,N)),f(this,d,re).call(this)}disconnectedCallback(){e(this,w).unobserve(),Q.elementResizer.unsubscribe(e(this,N)),f(this,d,pe).call(this)}}w=new WeakMap,g=new WeakMap,H=new WeakMap,L=new WeakMap,P=new WeakMap,T=new WeakMap,D=new WeakMap,K=new WeakMap,d=new WeakSet,re=function(){_.ticker.unsubscribe(e(this,$)),this.hasAttribute("static")||_.ticker.subscribe(e(this,$),{culling:this,maxFPS:e(this,w).current})},pe=function(){_.ticker.unsubscribe(e(this,$))},N=new WeakMap,$=new WeakMap,he=function(){this.dispatchEvent(new CustomEvent("canvasRender",{composed:!0,detail:this.detail}))},be=function(){this.dispatchEvent(new CustomEvent("canvasResize",{composed:!0,detail:this.detail}))};customElements.get("e-canvas")||customElements.define("e-canvas",me);function ke(r){const n=r.match(/\{([\d-]+)\}/);if(n){const t=n[1].split("-");if(t.length===2){const i=parseInt(t[0],10),l=parseInt(t[1],10);return{start:i,end:l}}}return null}var b,q,O,y,C,I,z,X,v,x;class fe extends te{constructor(t){super();s(this,b,[]);s(this,q,new j.CSSProperty(this,"--fit","contain"));s(this,O,new j.CSSProperty(this,"--autoplay",!1));s(this,y,new j.CSSProperty(this,"--offset-x",.5));s(this,C,new j.CSSProperty(this,"--offset-y",.5));s(this,I,null);s(this,z,0);s(this,X,1);s(this,v,()=>{if(e(this,b).length){const t=e(this,b)[0];e(this,q).current==="cover"?h(this,I,ue.cover(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,y).current,e(this,C).current)):h(this,I,ue.contain(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,y).current,e(this,C).current))}});s(this,x,t=>{if(this.status.isFalse("loaded")||!e(this,I))return;t.detail.context.clearRect(0,0,t.detail.width,t.detail.height);const i=e(this,b)[e(this,z)];i&&t.detail.context.drawImage(i,...e(this,I)),e(this,O).current&&h(this,z,(e(this,z)+1)%e(this,b).length)});ae.isBrowser&&(h(this,X,parseInt(((t==null?void 0:t.pad)||this.getAttribute("pad")||"1").toString())),e(this,q).subscribe(e(this,v)),e(this,y).subscribe(e(this,v)),e(this,C).subscribe(e(this,v)),this.addEventListener("sourceCapture",i=>{this.consumerElement.addEventListener("canvasRender",e(this,x))}),this.addEventListener("sourceRelease",i=>{this.consumerElement.removeEventListener("canvasRender",e(this,x))}))}setProgress(t){e(this,b).length&&h(this,z,Math.floor((e(this,b).length-1)*t))}connectedCallback(){super.connectedCallback(),e(this,O).observe(),e(this,q).observe(),e(this,y).observe(),e(this,C).observe(),Q.elementResizer.subscribe(this,e(this,v))}disconnectedCallback(){super.disconnectedCallback(),e(this,O).unobserve(),e(this,q).unobserve(),e(this,y).unobserve(),e(this,C).unobserve(),h(this,b,[]),Q.elementResizer.unsubscribe(e(this,v)),this.consumerElement.removeEventListener("canvasRender",e(this,x))}createConsumer(){return new me}consumeSource(t){return le(this,null,function*(){var i,l,R,Y;if(t){this.consumerElement.removeEventListener("canvasRender",e(this,x));const E=[],m=ke(t);if(m)for(let o=m.start;o<=m.end;o++){const oe=t.replace(/\{([^}]+)\}/,o.toString().padStart(e(this,X),"0")),G=new Image;G.src=oe,E.push(G)}else{const o=new Image;o.src=t,E.push(o)}try{yield Promise.all(E.map((o,oe)=>new Promise((G,ve)=>{o.onload=()=>{G()},o.onerror=Le=>{ve(`${o.src} Image not found`)}}))),h(this,b,E),e(this,v).call(this),(l=(i=this.consumerElement).onload)==null||l.call(i,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",e(this,x))}catch(o){console.error(o),(Y=(R=this.consumerElement).onerror)==null||Y.call(R,new Event("error"))}}})}}b=new WeakMap,q=new WeakMap,O=new WeakMap,y=new WeakMap,C=new WeakMap,I=new WeakMap,z=new WeakMap,X=new WeakMap,v=new WeakMap,x=new WeakMap;customElements.get("e-sequence")||customElements.define("e-sequence",fe);var A,W;class ge extends te{constructor(){super(...arguments);s(this,A,0);s(this,W,()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const t=this.consumerElement.readyState/4;t>e(this,A)&&h(this,A,t),ne.dispatchEvent(this,"videoReadyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:e(this,A)}}),this.consumerElement.readyState===4&&_.ticker.unsubscribe(e(this,W))})}connectedCallback(){super.connectedCallback(),this.addEventListener("sourceCapture",()=>{_.ticker.subscribe(e(this,W)),this.hasAttribute("capture-autoplay")&&this.consumerElement.play()}),this.addEventListener("sourceRelease",()=>{this.hasAttribute("capture-autoplay")&&(this.consumerElement.pause(),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0)),this.hasAttribute("reload-source")&&this.classList.remove("state-0","state-1","state-2","state-3","state-4")})}disconnectedCallback(){super.disconnectedCallback(),_.ticker.unsubscribe(e(this,W)),h(this,A,0)}createConsumer(){return document.createElement("video")}consumeSource(t){this.consumerElement.src=t||""}}A=new WeakMap,W=new WeakMap;customElements.get("e-video")||customElements.define("e-video",ge);exports.ImageElement=de;exports.SequenceElement=fe;exports.SourceElement=te;exports.VideoElement=ge;
+      `,e(this,o).classList.add("source-consumer"),Array.from(this.attributes).forEach(n=>{if(n.name!=="srcset"){const l=n.nodeValue||"",y=oe.kebabToCamel(n.name);y in e(this,o)&&(e(this,o)[y]=l||!0)}}),this.appendChild(e(this,o)),a(this,u,new re.SourceManager({srcset:t})),a(this,m,this.hasAttribute("lazy")),e(this,u).subscribe(n=>{(!e(this,m)||e(this,m)&&e(this,q))&&$(this,P,O).call(this,n.current)}),e(this,I).observe(this),e(this,u).connect())}disconnectedCallback(){e(this,I).disconnect(),e(this,u).close(),e(this,o).onloadeddata=null,e(this,o).onload=null,e(this,o).onerror=null,e(this,o).remove(),e(this,h).reset()}}u=new WeakMap,o=new WeakMap,p=new WeakMap,q=new WeakMap,m=new WeakMap,_=new WeakMap,C=new WeakMap,h=new WeakMap,I=new WeakMap,P=new WeakSet,O=function(t){if(e(this,o).onloadeddata=null,e(this,o).onload=null,e(this,o).onerror=null,e(this,h).set("loaded",!1),e(this,h).set("error",!1),e(this,h).set("loading",!1),t){a(this,C,`${e(this,_)}-${t.url}`);const n=this.hasAttribute("keep-source-parameters");e(this,h).set("loading",!0);const l=n?t.url:t.name+t.extension;this.consumeSource(l),!e(this,m)&&!e(this,p)&&U.loading.add(e(this,C)),e(this,o).onloadeddata=()=>{e(this,z).call(this)},e(this,o).onload=()=>{e(this,z).call(this)},e(this,o).onerror=()=>{e(this,V).call(this,l)}}else this.consumeSource(null)},W=new WeakMap,z=new WeakMap,V=new WeakMap;class Z extends j{createConsumer(){return document.createElement("img")}consumeSource(s){if(s&&this.hasAttribute("webp")&&ie.device.isWebp){const t=s.split(".").slice(0,-1).join(".")+".webp";this.consumerElement.src=t}else this.consumerElement.src=s||""}}customElements.get("e-image")||customElements.define("e-image",Z);function he(r){const s=r.match(/\{([\d-]+)\}/);if(s){const t=s[1].split("-");if(t.length===2){const n=parseInt(t[0],10),l=parseInt(t[1],10);return{start:n,end:l}}}return null}var f,w,R,E,v,L,k,M,b,S;class ee extends j{constructor(t){super();i(this,f,[]);i(this,w,new B.CSSProperty(this,"--fit","contain"));i(this,R,new B.CSSProperty(this,"--autoplay",!1));i(this,E,new B.CSSProperty(this,"--offset-x",.5));i(this,v,new B.CSSProperty(this,"--offset-y",.5));i(this,L,null);i(this,k,0);i(this,M,1);i(this,b,()=>{if(e(this,f).length){const t=e(this,f)[0];e(this,w).current==="cover"?a(this,L,J.cover(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,E).current,e(this,v).current)):a(this,L,J.contain(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,E).current,e(this,v).current))}});i(this,S,t=>{if(this.status.isFalse("loaded")||!e(this,L))return;t.detail.context.clearRect(0,0,t.detail.width,t.detail.height);const n=e(this,f)[e(this,k)];n&&t.detail.context.drawImage(n,...e(this,L)),e(this,R).current&&a(this,k,(e(this,k)+1)%e(this,f).length)});Q.isBrowser&&(a(this,M,parseInt(((t==null?void 0:t.pad)||this.getAttribute("pad")||"1").toString())),e(this,w).subscribe(e(this,b)),e(this,E).subscribe(e(this,b)),e(this,v).subscribe(e(this,b)),this.addEventListener("sourceCapture",n=>{this.consumerElement.addEventListener("canvasRender",e(this,S))}),this.addEventListener("sourceRelease",n=>{this.consumerElement.removeEventListener("canvasRender",e(this,S))}))}setProgress(t){e(this,f).length&&a(this,k,Math.floor((e(this,f).length-1)*t))}connectedCallback(){super.connectedCallback(),e(this,R).observe(),e(this,w).observe(),e(this,E).observe(),e(this,v).observe(),G.elementResizer.subscribe(this,e(this,b))}disconnectedCallback(){super.disconnectedCallback(),e(this,R).unobserve(),e(this,w).unobserve(),e(this,E).unobserve(),e(this,v).unobserve(),a(this,f,[]),G.elementResizer.unsubscribe(e(this,b)),this.consumerElement.removeEventListener("canvasRender",e(this,S))}createConsumer(){return new ae.CanvasElement}consumeSource(t){return Y(this,null,function*(){var n,l,y,H;if(t){this.consumerElement.removeEventListener("canvasRender",e(this,S));const g=[],d=he(t);if(d)for(let c=d.start;c<=d.end;c++){const N=t.replace(/\{([^}]+)\}/,c.toString().padStart(e(this,M),"0")),T=new Image;T.src=N,g.push(T)}else{const c=new Image;c.src=t,g.push(c)}try{yield Promise.all(g.map((c,N)=>new Promise((T,se)=>{c.onload=()=>{T()},c.onerror=le=>{se(`${c.src} Image not found`)}}))),a(this,f,g),e(this,b).call(this),(l=(n=this.consumerElement).onload)==null||l.call(n,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",e(this,S))}catch(c){console.error(c),(H=(y=this.consumerElement).onerror)==null||H.call(y,new Event("error"))}}})}}f=new WeakMap,w=new WeakMap,R=new WeakMap,E=new WeakMap,v=new WeakMap,L=new WeakMap,k=new WeakMap,M=new WeakMap,b=new WeakMap,S=new WeakMap;customElements.get("e-sequence")||customElements.define("e-sequence",ee);var x,A;class te extends j{constructor(){super(...arguments);i(this,x,0);i(this,A,()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const t=this.consumerElement.readyState/4;t>e(this,x)&&a(this,x,t),K.dispatchEvent(this,"videoReadyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:e(this,x)}}),this.consumerElement.readyState===4&&D.ticker.unsubscribe(e(this,A))})}connectedCallback(){super.connectedCallback(),this.addEventListener("sourceCapture",()=>{D.ticker.subscribe(e(this,A)),this.hasAttribute("capture-autoplay")&&this.consumerElement.play()}),this.addEventListener("sourceRelease",()=>{this.hasAttribute("capture-autoplay")&&(this.consumerElement.pause(),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0)),this.hasAttribute("reload-source")&&this.classList.remove("state-0","state-1","state-2","state-3","state-4")})}disconnectedCallback(){super.disconnectedCallback(),D.ticker.unsubscribe(e(this,A)),a(this,x,0)}createConsumer(){return document.createElement("video")}consumeSource(t){this.consumerElement.src=t||""}}x=new WeakMap,A=new WeakMap;customElements.get("e-video")||customElements.define("e-video",te);exports.ImageElement=Z;exports.SequenceElement=ee;exports.SourceElement=j;exports.VideoElement=te;

package/lib/media-elements/index.js

@@ -1,72 +1,71 @@
-var ce = (n) => {
-  throw TypeError(n);
+var Y = (r) => {
+  throw TypeError(r);
 };
-var te = (n, r, t) => r.has(n) || ce("Cannot " + t);
-var e = (n, r, t) => (te(n, r, "read from private field"), t ? t.call(n) : r.get(n)), s = (n, r, t) => r.has(n) ? ce("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(n) : r.set(n, t), h = (n, r, t, i) => (te(n, r, "write to private field"), i ? i.call(n, t) : r.set(n, t), t), b = (n, r, t) => (te(n, r, "access private method"), t);
-var le = (n, r, t) => new Promise((i, l) => {
-  var L = (m) => {
+var V = (r, s, t) => s.has(r) || Y("Cannot " + t);
+var e = (r, s, t) => (V(r, s, "read from private field"), t ? t.call(r) : s.get(r)), i = (r, s, t) => s.has(r) ? Y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(r) : s.set(r, t), a = (r, s, t, n) => (V(r, s, "write to private field"), n ? n.call(r, t) : s.set(r, t), t), q = (r, s, t) => (V(r, s, "access private method"), t);
+var G = (r, s, t) => new Promise((n, l) => {
+  var S = (m) => {
     try {
-      E(t.next(m));
-    } catch (o) {
-      l(o);
+      b(t.next(m));
+    } catch (h) {
+      l(h);
     }
-  }, G = (m) => {
+  }, T = (m) => {
     try {
-      E(t.throw(m));
-    } catch (o) {
-      l(o);
+      b(t.throw(m));
+    } catch (h) {
+      l(h);
     }
-  }, E = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(L, G);
-  E((t = t.apply(n, r)).next());
+  }, b = (m) => m.done ? n(m.value) : Promise.resolve(m.value).then(S, T);
+  b((t = t.apply(r, s)).next());
 });
-import { device as fe } from "../device/index.js";
-import { SourceManager as be } from "../source/index.js";
-import { ClassLinkedStatus as ge } from "../class-linked-status/index.js";
-import { i as he } from "../browser-0zX67oeU.js";
-import { d as ie } from "../events-CsVF98U6.js";
-import { k as ve } from "../string-f0Dnk0L1.js";
-import { loading as se } from "../loading/index.js";
-import { CSSProperty as V } from "../css-property/index.js";
-import { elementResizer as Z } from "../element-resizer/vanilla/index.js";
-import { c as Ee, a as we } from "../canvas-DeZ0SLUJ.js";
-import { ticker as F } from "../ticker/vanilla/index.js";
-import { c as Se } from "../jss-CjccJC-K.js";
-import { c as Ce } from "../math-BOBiC4TN.js";
-let ye = 0;
-var u, a, w, H, p, j, R, c, M, T, Q, _, D, ee;
-class ae extends HTMLElement {
+import { device as _ } from "../device/index.js";
+import { SourceManager as ee } from "../source/index.js";
+import { ClassLinkedStatus as te } from "../class-linked-status/index.js";
+import { i as Q } from "../browser-0zX67oeU.js";
+import { d as K } from "../events-CsVF98U6.js";
+import { k as se } from "../string-f0Dnk0L1.js";
+import { loading as j } from "../loading/index.js";
+import { CSSProperty as B } from "../css-property/index.js";
+import { elementResizer as J } from "../element-resizer/vanilla/index.js";
+import { c as ie, a as re } from "../canvas-DeZ0SLUJ.js";
+import { CanvasElement as ne } from "../canvas/index.js";
+import { ticker as D } from "../ticker/vanilla/index.js";
+let oe = 0;
+var u, o, g, x, d, H, C, c, A, R, O, F, M, U;
+class N extends HTMLElement {
   constructor() {
     super();
-    s(this, T);
-    s(this, u, null);
-    s(this, a, null);
-    s(this, w, !1);
-    s(this, H, !1);
-    s(this, p, !1);
-    s(this, j, "");
-    s(this, R, "");
-    s(this, c, new ge(this, {
+    i(this, R);
+    i(this, u, null);
+    i(this, o, null);
+    i(this, g, !1);
+    i(this, x, !1);
+    i(this, d, !1);
+    i(this, H, "");
+    i(this, C, "");
+    i(this, c, new te(this, {
       loading: !1,
       loaded: !1,
       error: !1
     }));
-    s(this, M, null);
-    s(this, _, (t) => {
-      const i = t[0];
-      e(this, p) && (!e(this, H) || this.hasAttribute("reload-source")) && i.isIntersecting && (e(this, u).current && e(this, u).current !== e(this, u).previous && b(this, T, Q).call(this, e(this, u).current), h(this, H, !0)), i.isIntersecting ? ie(this, "sourceCapture", { custom: !0 }) : (this.hasAttribute("reload-source") && b(this, T, Q).call(this, void 0), ie(this, "sourceRelease", { custom: !0 }));
+    i(this, A, null);
+    i(this, F, (t) => {
+      const n = t[0];
+      e(this, d) && (!e(this, x) || this.hasAttribute("reload-source")) && n.isIntersecting && (e(this, u).current && e(this, u).current !== e(this, u).previous && q(this, R, O).call(this, e(this, u).current), a(this, x, !0)), n.isIntersecting ? K(this, "sourceCapture", { custom: !0 }) : (this.hasAttribute("reload-source") && q(this, R, O).call(this, void 0), K(this, "sourceRelease", { custom: !0 }));
     });
-    s(this, D, () => {
-      e(this, c).set("loaded", !0), e(this, c).set("error", !1), e(this, c).set("loading", !1), !e(this, p) && !e(this, w) && se.complete(e(this, R)), h(this, w, !0);
+    i(this, M, () => {
+      e(this, c).set("loaded", !0), e(this, c).set("error", !1), e(this, c).set("loading", !1), !e(this, d) && !e(this, g) && j.complete(e(this, C)), a(this, g, !0);
     });
-    s(this, ee, (t) => {
-      e(this, c).set("loaded", !1), e(this, c).set("error", !0), e(this, c).set("loading", !1), !e(this, p) && !e(this, w) && se.error(e(this, R)), h(this, w, !0);
+    i(this, U, (t) => {
+      e(this, c).set("loaded", !1), e(this, c).set("error", !0), e(this, c).set("loading", !1), !e(this, d) && !e(this, g) && j.error(e(this, C)), a(this, g, !0);
     });
-    he && window.IntersectionObserver && (h(this, j, `source-consumer-${++ye}`), h(this, M, new IntersectionObserver(
-      e(this, _)
+    Q && window.IntersectionObserver && (a(this, H, `source-consumer-${++oe}`), a(this, A, new IntersectionObserver(
+      e(this, F)
     )));
   }
   get consumerElement() {
-    return e(this, a);
+    return e(this, o);
   }
   get sourceManager() {
     return e(this, u);
@@ -75,297 +74,203 @@ class ae extends HTMLElement {
     return e(this, c);
   }
   get isLazy() {
-    return e(this, p);
+    return e(this, d);
   }
   connectedCallback() {
     const t = this.getAttribute("srcset");
-    t && (h(this, a, this.createConsumer()), e(this, a).style.cssText = `
+    t && (a(this, o, this.createConsumer()), e(this, o).style.cssText = `
         display: block;
         width: 100%;
         height: 100%;
-      `, e(this, a).classList.add("source-consumer"), Array.from(this.attributes).forEach((i) => {
-      if (i.name !== "srcset") {
-        const l = i.nodeValue || "", L = ve(i.name);
-        L in e(this, a) && (e(this, a)[L] = l || !0);
+      `, e(this, o).classList.add("source-consumer"), Array.from(this.attributes).forEach((n) => {
+      if (n.name !== "srcset") {
+        const l = n.nodeValue || "", S = se(n.name);
+        S in e(this, o) && (e(this, o)[S] = l || !0);
       }
-    }), this.appendChild(e(this, a)), h(this, u, new be({
+    }), this.appendChild(e(this, o)), a(this, u, new ee({
       srcset: t
-    })), h(this, p, this.hasAttribute("lazy")), e(this, u).subscribe((i) => {
-      (!e(this, p) || e(this, p) && e(this, H)) && b(this, T, Q).call(this, i.current);
-    }), e(this, M).observe(this), e(this, u).connect());
+    })), a(this, d, this.hasAttribute("lazy")), e(this, u).subscribe((n) => {
+      (!e(this, d) || e(this, d) && e(this, x)) && q(this, R, O).call(this, n.current);
+    }), e(this, A).observe(this), e(this, u).connect());
   }
   disconnectedCallback() {
-    e(this, M).disconnect(), e(this, u).close(), e(this, a).onloadeddata = null, e(this, a).onload = null, e(this, a).onerror = null, e(this, a).remove(), e(this, c).reset();
+    e(this, A).disconnect(), e(this, u).close(), e(this, o).onloadeddata = null, e(this, o).onload = null, e(this, o).onerror = null, e(this, o).remove(), e(this, c).reset();
   }
 }
-u = new WeakMap(), a = new WeakMap(), w = new WeakMap(), H = new WeakMap(), p = new WeakMap(), j = new WeakMap(), R = new WeakMap(), c = new WeakMap(), M = new WeakMap(), T = new WeakSet(), Q = function(t) {
-  if (e(this, a).onloadeddata = null, e(this, a).onload = null, e(this, a).onerror = null, e(this, c).set("loaded", !1), e(this, c).set("error", !1), e(this, c).set("loading", !1), t) {
-    h(this, R, `${e(this, j)}-${t.url}`);
-    const i = this.hasAttribute("keep-source-parameters");
+u = new WeakMap(), o = new WeakMap(), g = new WeakMap(), x = new WeakMap(), d = new WeakMap(), H = new WeakMap(), C = new WeakMap(), c = new WeakMap(), A = new WeakMap(), R = new WeakSet(), O = function(t) {
+  if (e(this, o).onloadeddata = null, e(this, o).onload = null, e(this, o).onerror = null, e(this, c).set("loaded", !1), e(this, c).set("error", !1), e(this, c).set("loading", !1), t) {
+    a(this, C, `${e(this, H)}-${t.url}`);
+    const n = this.hasAttribute("keep-source-parameters");
     e(this, c).set("loading", !0);
-    const l = i ? t.url : t.name + t.extension;
-    this.consumeSource(l), !e(this, p) && !e(this, w) && se.add(e(this, R)), e(this, a).onloadeddata = () => {
-      e(this, D).call(this);
-    }, e(this, a).onload = () => {
-      e(this, D).call(this);
-    }, e(this, a).onerror = () => {
-      e(this, ee).call(this, l);
+    const l = n ? t.url : t.name + t.extension;
+    this.consumeSource(l), !e(this, d) && !e(this, g) && j.add(e(this, C)), e(this, o).onloadeddata = () => {
+      e(this, M).call(this);
+    }, e(this, o).onload = () => {
+      e(this, M).call(this);
+    }, e(this, o).onerror = () => {
+      e(this, U).call(this, l);
     };
   } else
     this.consumeSource(null);
-}, _ = new WeakMap(), D = new WeakMap(), ee = new WeakMap();
-class xe extends ae {
+}, F = new WeakMap(), M = new WeakMap(), U = new WeakMap();
+class ae extends N {
   createConsumer() {
     return document.createElement("img");
   }
-  consumeSource(r) {
-    if (r && this.hasAttribute("webp") && fe.isWebp) {
-      const t = r.split(".").slice(0, -1).join(".") + ".webp";
+  consumeSource(s) {
+    if (s && this.hasAttribute("webp") && _.isWebp) {
+      const t = s.split(".").slice(0, -1).join(".") + ".webp";
       this.consumerElement.src = t;
     } else
-      this.consumerElement.src = r || "";
+      this.consumerElement.src = s || "";
   }
 }
-customElements.get("e-image") || customElements.define("e-image", xe);
-var S, g, $, k, I, W, K, N, d, re, de, X, q, ne, me;
-class ue extends HTMLElement {
-  constructor() {
-    super();
-    s(this, d);
-    s(this, S, new V(this, "--fps", 0));
-    s(this, g, null);
-    s(this, $, null);
-    s(this, k, 0);
-    s(this, I, 0);
-    s(this, W, 1);
-    s(this, K, 0);
-    s(this, N, 1);
-    s(this, X, (t) => {
-      h(this, W, Ce(devicePixelRatio, 1, 2)), h(this, k, t.contentRect.width), h(this, I, t.contentRect.height), e(this, g).width = e(this, k) * this.pixelRatio, e(this, g).height = e(this, I) * this.pixelRatio, this.context.scale(this.pixelRatio, this.pixelRatio), b(this, d, me).call(this), b(this, d, ne).call(this);
-    });
-    s(this, q, (t) => {
-      h(this, K, t.timestamp), h(this, N, t.timeBetweenFrames), b(this, d, ne).call(this);
-    });
-    if (he) {
-      const t = this.attachShadow({ mode: "open" });
-      t.adoptedStyleSheets.push(
-        Se({
-          " :host, canvas": {
-            display: "block",
-            width: "100%",
-            height: "100%"
-          }
-        })
-      ), h(this, g, document.createElement("canvas")), h(this, $, e(this, g).getContext("2d")), t.appendChild(e(this, g)), e(this, S).subscribe((i) => {
-        typeof i.previous != "undefined" && i.current !== i.previous && b(this, d, re).call(this);
-      });
-    }
-  }
-  get fpsCSSProperty() {
-    return e(this, S);
-  }
-  get canvasElement() {
-    return e(this, g);
-  }
-  get context() {
-    return e(this, $);
-  }
-  get pixelRatio() {
-    return e(this, W);
-  }
-  get width() {
-    return e(this, k);
-  }
-  get height() {
-    return e(this, I);
-  }
-  get detail() {
-    return {
-      width: e(this, k),
-      height: e(this, I),
-      element: this,
-      canvasElement: e(this, g),
-      pixelRatio: e(this, W),
-      context: e(this, $),
-      timestamp: e(this, K),
-      timeBetweenFrames: e(this, N)
-    };
-  }
-  connectedCallback() {
-    e(this, S).observe(), Z.subscribe(this, e(this, X)), b(this, d, re).call(this);
-  }
-  disconnectedCallback() {
-    e(this, S).unobserve(), Z.unsubscribe(e(this, X)), b(this, d, de).call(this);
-  }
-}
-S = new WeakMap(), g = new WeakMap(), $ = new WeakMap(), k = new WeakMap(), I = new WeakMap(), W = new WeakMap(), K = new WeakMap(), N = new WeakMap(), d = new WeakSet(), re = function() {
-  F.unsubscribe(e(this, q)), this.hasAttribute("static") || F.subscribe(e(this, q), {
-    culling: this,
-    maxFPS: e(this, S).current
-  });
-}, de = function() {
-  F.unsubscribe(e(this, q));
-}, X = new WeakMap(), q = new WeakMap(), ne = function() {
-  this.dispatchEvent(
-    new CustomEvent("canvasRender", {
-      composed: !0,
-      detail: this.detail
-    })
-  );
-}, me = function() {
-  this.dispatchEvent(
-    new CustomEvent("canvasResize", {
-      composed: !0,
-      detail: this.detail
-    })
-  );
-};
-customElements.get("e-canvas") || customElements.define("e-canvas", ue);
-function Le(n) {
-  const r = n.match(/\{([\d-]+)\}/);
-  if (r) {
-    const t = r[1].split("-");
+customElements.get("e-image") || customElements.define("e-image", ae);
+function he(r) {
+  const s = r.match(/\{([\d-]+)\}/);
+  if (s) {
+    const t = s[1].split("-");
     if (t.length === 2) {
-      const i = parseInt(t[0], 10), l = parseInt(t[1], 10);
-      return { start: i, end: l };
+      const n = parseInt(t[0], 10), l = parseInt(t[1], 10);
+      return { start: n, end: l };
     }
   }
   return null;
 }
-var f, P, O, C, y, A, z, Y, v, x;
-class Re extends ae {
+var f, w, P, E, v, L, k, $, p, y;
+class ce extends N {
   constructor(t) {
     super();
-    s(this, f, []);
-    s(this, P, new V(
+    i(this, f, []);
+    i(this, w, new B(
       this,
       "--fit",
       "contain"
     ));
-    s(this, O, new V(this, "--autoplay", !1));
-    s(this, C, new V(this, "--offset-x", 0.5));
-    s(this, y, new V(this, "--offset-y", 0.5));
-    s(this, A, null);
-    s(this, z, 0);
-    s(this, Y, 1);
-    s(this, v, () => {
+    i(this, P, new B(this, "--autoplay", !1));
+    i(this, E, new B(this, "--offset-x", 0.5));
+    i(this, v, new B(this, "--offset-y", 0.5));
+    i(this, L, null);
+    i(this, k, 0);
+    i(this, $, 1);
+    i(this, p, () => {
       if (e(this, f).length) {
         const t = e(this, f)[0];
-        e(this, P).current === "cover" ? h(this, A, Ee(
+        e(this, w).current === "cover" ? a(this, L, ie(
           t.naturalWidth,
           t.naturalHeight,
           this.consumerElement.width,
           this.consumerElement.height,
-          e(this, C).current,
-          e(this, y).current
-        )) : h(this, A, we(
+          e(this, E).current,
+          e(this, v).current
+        )) : a(this, L, re(
           t.naturalWidth,
           t.naturalHeight,
           this.consumerElement.width,
           this.consumerElement.height,
-          e(this, C).current,
-          e(this, y).current
+          e(this, E).current,
+          e(this, v).current
         ));
       }
     });
-    s(this, x, (t) => {
-      if (this.status.isFalse("loaded") || !e(this, A))
+    i(this, y, (t) => {
+      if (this.status.isFalse("loaded") || !e(this, L))
         return;
       t.detail.context.clearRect(0, 0, t.detail.width, t.detail.height);
-      const i = e(this, f)[e(this, z)];
-      i && t.detail.context.drawImage(i, ...e(this, A)), e(this, O).current && h(this, z, (e(this, z) + 1) % e(this, f).length);
+      const n = e(this, f)[e(this, k)];
+      n && t.detail.context.drawImage(n, ...e(this, L)), e(this, P).current && a(this, k, (e(this, k) + 1) % e(this, f).length);
     });
-    he && (h(this, Y, parseInt(
+    Q && (a(this, $, parseInt(
       ((t == null ? void 0 : t.pad) || this.getAttribute("pad") || "1").toString()
-    )), e(this, P).subscribe(e(this, v)), e(this, C).subscribe(e(this, v)), e(this, y).subscribe(e(this, v)), this.addEventListener("sourceCapture", (i) => {
+    )), e(this, w).subscribe(e(this, p)), e(this, E).subscribe(e(this, p)), e(this, v).subscribe(e(this, p)), this.addEventListener("sourceCapture", (n) => {
       this.consumerElement.addEventListener(
         "canvasRender",
-        e(this, x)
+        e(this, y)
       );
-    }), this.addEventListener("sourceRelease", (i) => {
+    }), this.addEventListener("sourceRelease", (n) => {
       this.consumerElement.removeEventListener(
         "canvasRender",
-        e(this, x)
+        e(this, y)
       );
     }));
   }
   setProgress(t) {
-    e(this, f).length && h(this, z, Math.floor((e(this, f).length - 1) * t));
+    e(this, f).length && a(this, k, Math.floor((e(this, f).length - 1) * t));
   }
   connectedCallback() {
-    super.connectedCallback(), e(this, O).observe(), e(this, P).observe(), e(this, C).observe(), e(this, y).observe(), Z.subscribe(this, e(this, v));
+    super.connectedCallback(), e(this, P).observe(), e(this, w).observe(), e(this, E).observe(), e(this, v).observe(), J.subscribe(this, e(this, p));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), e(this, O).unobserve(), e(this, P).unobserve(), e(this, C).unobserve(), e(this, y).unobserve(), h(this, f, []), Z.unsubscribe(e(this, v)), this.consumerElement.removeEventListener(
+    super.disconnectedCallback(), e(this, P).unobserve(), e(this, w).unobserve(), e(this, E).unobserve(), e(this, v).unobserve(), a(this, f, []), J.unsubscribe(e(this, p)), this.consumerElement.removeEventListener(
       "canvasRender",
-      e(this, x)
+      e(this, y)
     );
   }
   createConsumer() {
-    return new ue();
+    return new ne();
   }
   consumeSource(t) {
-    return le(this, null, function* () {
-      var i, l, L, G;
+    return G(this, null, function* () {
+      var n, l, S, T;
       if (t) {
         this.consumerElement.removeEventListener(
           "canvasRender",
-          e(this, x)
+          e(this, y)
         );
-        const E = [], m = Le(t);
+        const b = [], m = he(t);
         if (m)
-          for (let o = m.start; o <= m.end; o++) {
-            const oe = t.replace(
+          for (let h = m.start; h <= m.end; h++) {
+            const X = t.replace(
               /\{([^}]+)\}/,
-              o.toString().padStart(e(this, Y), "0")
-            ), J = new Image();
-            J.src = oe, E.push(J);
+              h.toString().padStart(e(this, $), "0")
+            ), W = new Image();
+            W.src = X, b.push(W);
           }
         else {
-          const o = new Image();
-          o.src = t, E.push(o);
+          const h = new Image();
+          h.src = t, b.push(h);
         }
         try {
           yield Promise.all(
-            E.map((o, oe) => new Promise((J, pe) => {
-              o.onload = () => {
-                J();
-              }, o.onerror = (Ie) => {
-                pe(`${o.src} Image not found`);
+            b.map((h, X) => new Promise((W, Z) => {
+              h.onload = () => {
+                W();
+              }, h.onerror = (ue) => {
+                Z(`${h.src} Image not found`);
               };
             }))
-          ), h(this, f, E), e(this, v).call(this), (l = (i = this.consumerElement).onload) == null || l.call(i, new Event("load")), this.isLazy || this.consumerElement.addEventListener(
+          ), a(this, f, b), e(this, p).call(this), (l = (n = this.consumerElement).onload) == null || l.call(n, new Event("load")), this.isLazy || this.consumerElement.addEventListener(
             "canvasRender",
-            e(this, x)
+            e(this, y)
           );
-        } catch (o) {
-          console.error(o), (G = (L = this.consumerElement).onerror) == null || G.call(L, new Event("error"));
+        } catch (h) {
+          console.error(h), (T = (S = this.consumerElement).onerror) == null || T.call(S, new Event("error"));
         }
       }
     });
   }
 }
-f = new WeakMap(), P = new WeakMap(), O = new WeakMap(), C = new WeakMap(), y = new WeakMap(), A = new WeakMap(), z = new WeakMap(), Y = new WeakMap(), v = new WeakMap(), x = new WeakMap();
-customElements.get("e-sequence") || customElements.define("e-sequence", Re);
-var B, U;
-class ke extends ae {
+f = new WeakMap(), w = new WeakMap(), P = new WeakMap(), E = new WeakMap(), v = new WeakMap(), L = new WeakMap(), k = new WeakMap(), $ = new WeakMap(), p = new WeakMap(), y = new WeakMap();
+customElements.get("e-sequence") || customElements.define("e-sequence", ce);
+var I, z;
+class le extends N {
   constructor() {
     super(...arguments);
-    s(this, B, 0);
-    s(this, U, () => {
+    i(this, I, 0);
+    i(this, z, () => {
       this.classList.add(`state-${this.consumerElement.readyState}`);
       const t = this.consumerElement.readyState / 4;
-      t > e(this, B) && h(this, B, t), ie(this, "videoReadyStateChange", {
+      t > e(this, I) && a(this, I, t), K(this, "videoReadyStateChange", {
         detail: {
           readyState: this.consumerElement.readyState,
-          progress: e(this, B)
+          progress: e(this, I)
         }
-      }), this.consumerElement.readyState === 4 && F.unsubscribe(e(this, U));
+      }), this.consumerElement.readyState === 4 && D.unsubscribe(e(this, z));
     });
   }
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("sourceCapture", () => {
-      F.subscribe(e(this, U)), this.hasAttribute("capture-autoplay") && this.consumerElement.play();
+      D.subscribe(e(this, z)), this.hasAttribute("capture-autoplay") && this.consumerElement.play();
     }), this.addEventListener("sourceRelease", () => {
       this.hasAttribute("capture-autoplay") && (this.consumerElement.pause(), this.hasAttribute("replay") && (this.consumerElement.currentTime = 0)), this.hasAttribute("reload-source") && this.classList.remove(
         "state-0",
@@ -377,7 +282,7 @@ class ke extends ae {
     });
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), F.unsubscribe(e(this, U)), h(this, B, 0);
+    super.disconnectedCallback(), D.unsubscribe(e(this, z)), a(this, I, 0);
   }
   createConsumer() {
     return document.createElement("video");
@@ -386,11 +291,11 @@ class ke extends ae {
     this.consumerElement.src = t || "";
   }
 }
-B = new WeakMap(), U = new WeakMap();
-customElements.get("e-video") || customElements.define("e-video", ke);
+I = new WeakMap(), z = new WeakMap();
+customElements.get("e-video") || customElements.define("e-video", le);
 export {
-  xe as ImageElement,
-  Re as SequenceElement,
-  ae as SourceElement,
-  ke as VideoElement
+  ae as ImageElement,
+  ce as SequenceElement,
+  N as SourceElement,
+  le as VideoElement
 };

package/lib/slicer/index.cjs

@@ -1,11 +1,11 @@
-"use strict";var f=s=>{throw TypeError(s)};var E=(s,t,n)=>t.has(s)||f("Cannot "+n);var e=(s,t,n)=>(E(s,t,"read from private field"),n?n.call(s):t.get(s)),h=(s,t,n)=>t.has(s)?f("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(s):t.set(s,n),i=(s,t,n,d)=>(E(s,t,"write to private field"),d?d.call(s,n):t.set(s,n),n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var p,o;class L{constructor(t){h(this,p);h(this,o);i(this,p,t.index),i(this,o,document.createElement("span")),e(this,o).classList.add("letter"),t.clone?e(this,o).innerHTML=`
+"use strict";var T=i=>{throw TypeError(i)};var E=(i,t,s)=>t.has(i)||T("Cannot "+s);var e=(i,t,s)=>(E(i,t,"read from private field"),s?s.call(i):t.get(i)),l=(i,t,s)=>t.has(i)?T("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(i):t.set(i,s),r=(i,t,s,n)=>(E(i,t,"write to private field"),n?n.call(i,s):t.set(i,s),s),m=(i,t,s)=>(E(i,t,"access private method"),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../media/index.cjs");var y,o;class w{constructor(t){l(this,y);l(this,o);r(this,y,t.index),r(this,o,document.createElement("span")),e(this,o).classList.add("letter"),t.clone?e(this,o).innerHTML=`
         <span class="original">${t.text}</span>
         <span class="clone" aria-hidden>${t.text}</span>
       `:e(this,o).innerHTML=`
         <span class="value">${t.text}</span>
-      `}get index(){return e(this,p)}get element(){return e(this,o)}}p=new WeakMap,o=new WeakMap;var y,c,a;class T{constructor(t){h(this,y);h(this,c);h(this,a);i(this,y,t.index),i(this,c,document.createElement("span")),i(this,a,[]),t.letters&&t.lettersAcc!==void 0?(i(this,a,t.text.split("").map((n,d)=>new L({index:t.lettersAcc+d,text:n,clone:t.clone}))),e(this,c).append(...e(this,a).map(n=>n.element))):t.clone?e(this,c).innerHTML=`
+      `}get index(){return e(this,y)}get element(){return e(this,o)}}y=new WeakMap,o=new WeakMap;var f,c,a;class M{constructor(t){l(this,f);l(this,c);l(this,a);r(this,f,t.index),r(this,c,document.createElement("span")),r(this,a,[]),t.letters&&t.lettersAcc!==void 0?(r(this,a,t.text.split("").map((s,n)=>new w({index:t.lettersAcc+n,text:s,clone:t.clone}))),e(this,c).append(...e(this,a).map(s=>s.element))):t.clone?e(this,c).innerHTML=`
           <span class="original">${t.text}</span>
           <span class="clone" aria-hidden>${t.text}</span>
         `:e(this,c).innerHTML=`
           <span class="value">${t.text}</span>
-        `,e(this,c).classList.add("word")}get index(){return e(this,y)}get element(){return e(this,c)}get letters(){return e(this,a)}}y=new WeakMap,c=new WeakMap,a=new WeakMap;var g,l,u;class b extends HTMLElement{constructor(){super(...arguments);h(this,g,"");h(this,l,[]);h(this,u,[])}get wordsArray(){return e(this,l)}get lettersArray(){return e(this,u)}get originalText(){return e(this,g)}connectedCallback(){var d;i(this,g,((d=this.textContent)==null?void 0:d.trim())||""),this.innerHTML="";let n=0;i(this,l,e(this,g).replace(/  +/g," ").split(" ").map((r,m)=>{const x=new T({index:m,text:r,letters:this.hasAttribute("letters"),lettersAcc:n,clone:this.hasAttribute("clone")});return n+=x.letters.length,e(this,u).push(...x.letters),x})),this.hasAttribute("index")&&(e(this,l).forEach(r=>{r.element.style.setProperty("--word-index",r.index.toString())}),e(this,u).forEach(r=>{r.element.style.setProperty("--letter-index",r.index.toString())})),e(this,l).forEach((r,m)=>{if(this.appendChild(r.element),m!==e(this,l).length-1){const x=document.createElement("span");x.innerHTML="&nbsp;",this.appendChild(x)}}),this.style.setProperty("--words-length",e(this,l).length.toString()),this.style.setProperty("--letters-length",e(this,u).length.toString())}disconnectedCallback(){i(this,l,[]),this.textContent=e(this,g),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")}}g=new WeakMap,l=new WeakMap,u=new WeakMap;customElements.get("e-slicer")||customElements.define("e-slicer",b);exports.Letter=L;exports.SlicerElement=b;exports.Word=T;
+        `,e(this,c).classList.add("word")}get index(){return e(this,f)}get element(){return e(this,c)}get letters(){return e(this,a)}}f=new WeakMap,c=new WeakMap,a=new WeakMap;var u,h,g,x,d,L,A;class S extends HTMLElement{constructor(){super(...arguments);l(this,d);l(this,u,"");l(this,h,[]);l(this,g,[]);l(this,x,null)}get wordsArray(){return e(this,h)}get lettersArray(){return e(this,g)}get originalText(){return e(this,u)}connectedCallback(){var s;r(this,u,((s=this.textContent)==null?void 0:s.trim())||""),this.hasAttribute("media")?(r(this,x,new v.Media(this.getAttribute("media"))),e(this,x).subscribe(n=>{n.current?m(this,d,L).call(this):!n.current&&n.previous&&m(this,d,A).call(this)})):m(this,d,L).call(this)}disconnectedCallback(){var s;m(this,d,A).call(this),(s=e(this,x))==null||s.close()}}u=new WeakMap,h=new WeakMap,g=new WeakMap,x=new WeakMap,d=new WeakSet,L=function(){this.innerHTML="";let s=0;r(this,h,e(this,u).replace(/  +/g," ").split(" ").map((n,b)=>{const p=new M({index:b,text:n,letters:this.hasAttribute("letters"),lettersAcc:s,clone:this.hasAttribute("clone")});return s+=p.letters.length,e(this,g).push(...p.letters),p})),this.hasAttribute("index")&&(e(this,h).forEach(n=>{n.element.style.setProperty("--word-index",n.index.toString())}),e(this,g).forEach(n=>{n.element.style.setProperty("--letter-index",n.index.toString())})),e(this,h).forEach((n,b)=>{if(this.appendChild(n.element),b!==e(this,h).length-1){const p=document.createElement("span");p.innerHTML="&nbsp;",this.appendChild(p)}}),this.style.setProperty("--words-length",e(this,h).length.toString()),this.style.setProperty("--letters-length",e(this,g).length.toString())},A=function(){r(this,h,[]),this.textContent=e(this,u),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")};customElements.get("e-slicer")||customElements.define("e-slicer",S);exports.Letter=w;exports.SlicerElement=S;exports.Word=M;

package/lib/slicer/index.js

@@ -1,14 +1,15 @@
-var f = (s) => {
-  throw TypeError(s);
+var w = (i) => {
+  throw TypeError(i);
 };
-var E = (s, t, n) => t.has(s) || f("Cannot " + n);
-var e = (s, t, n) => (E(s, t, "read from private field"), n ? n.call(s) : t.get(s)), h = (s, t, n) => t.has(s) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, n), i = (s, t, n, d) => (E(s, t, "write to private field"), d ? d.call(s, n) : t.set(s, n), n);
-var u, o;
-class L {
+var A = (i, t, s) => t.has(i) || w("Cannot " + s);
+var e = (i, t, s) => (A(i, t, "read from private field"), s ? s.call(i) : t.get(i)), l = (i, t, s) => t.has(i) ? w("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), r = (i, t, s, n) => (A(i, t, "write to private field"), n ? n.call(i, s) : t.set(i, s), s), m = (i, t, s) => (A(i, t, "access private method"), s);
+import { Media as T } from "../media/index.js";
+var f, o;
+class M {
   constructor(t) {
-    h(this, u);
-    h(this, o);
-    i(this, u, t.index), i(this, o, document.createElement("span")), e(this, o).classList.add("letter"), t.clone ? e(this, o).innerHTML = `
+    l(this, f);
+    l(this, o);
+    r(this, f, t.index), r(this, o, document.createElement("span")), e(this, o).classList.add("letter"), t.clone ? e(this, o).innerHTML = `
         <span class="original">${t.text}</span>
         <span class="clone" aria-hidden>${t.text}</span>
       ` : e(this, o).innerHTML = `
@@ -16,24 +17,24 @@ class L {
       `;
   }
   get index() {
-    return e(this, u);
+    return e(this, f);
   }
   get element() {
     return e(this, o);
   }
 }
-u = new WeakMap(), o = new WeakMap();
+f = new WeakMap(), o = new WeakMap();
 var y, c, a;
-class T {
+class H {
   constructor(t) {
-    h(this, y);
-    h(this, c);
-    h(this, a);
-    i(this, y, t.index), i(this, c, document.createElement("span")), i(this, a, []), t.letters && t.lettersAcc !== void 0 ? (i(this, a, t.text.split("").map((n, d) => new L({
-      index: t.lettersAcc + d,
-      text: n,
+    l(this, y);
+    l(this, c);
+    l(this, a);
+    r(this, y, t.index), r(this, c, document.createElement("span")), r(this, a, []), t.letters && t.lettersAcc !== void 0 ? (r(this, a, t.text.split("").map((s, n) => new M({
+      index: t.lettersAcc + n,
+      text: s,
       clone: t.clone
-    }))), e(this, c).append(...e(this, a).map((n) => n.element))) : t.clone ? e(this, c).innerHTML = `
+    }))), e(this, c).append(...e(this, a).map((s) => s.element))) : t.clone ? e(this, c).innerHTML = `
           <span class="original">${t.text}</span>
           <span class="clone" aria-hidden>${t.text}</span>
         ` : e(this, c).innerHTML = `
@@ -51,58 +52,67 @@ class T {
   }
 }
 y = new WeakMap(), c = new WeakMap(), a = new WeakMap();
-var g, l, x;
-class w extends HTMLElement {
+var u, h, p, x, d, E, L;
+class v extends HTMLElement {
   constructor() {
     super(...arguments);
-    h(this, g, "");
-    h(this, l, []);
-    h(this, x, []);
+    l(this, d);
+    l(this, u, "");
+    l(this, h, []);
+    l(this, p, []);
+    l(this, x, null);
   }
   get wordsArray() {
-    return e(this, l);
+    return e(this, h);
   }
   get lettersArray() {
-    return e(this, x);
+    return e(this, p);
   }
   get originalText() {
-    return e(this, g);
+    return e(this, u);
   }
   connectedCallback() {
-    var d;
-    i(this, g, ((d = this.textContent) == null ? void 0 : d.trim()) || ""), this.innerHTML = "";
-    let n = 0;
-    i(this, l, e(this, g).replace(/  +/g, " ").split(" ").map((r, m) => {
-      const p = new T({
-        index: m,
-        text: r,
-        letters: this.hasAttribute("letters"),
-        lettersAcc: n,
-        clone: this.hasAttribute("clone")
-      });
-      return n += p.letters.length, e(this, x).push(...p.letters), p;
-    })), this.hasAttribute("index") && (e(this, l).forEach((r) => {
-      r.element.style.setProperty("--word-index", r.index.toString());
-    }), e(this, x).forEach((r) => {
-      r.element.style.setProperty(
-        "--letter-index",
-        r.index.toString()
-      );
-    })), e(this, l).forEach((r, m) => {
-      if (this.appendChild(r.element), m !== e(this, l).length - 1) {
-        const p = document.createElement("span");
-        p.innerHTML = "&nbsp;", this.appendChild(p);
-      }
-    }), this.style.setProperty("--words-length", e(this, l).length.toString()), this.style.setProperty("--letters-length", e(this, x).length.toString());
+    var s;
+    r(this, u, ((s = this.textContent) == null ? void 0 : s.trim()) || ""), this.hasAttribute("media") ? (r(this, x, new T(this.getAttribute("media"))), e(this, x).subscribe((n) => {
+      n.current ? m(this, d, E).call(this) : !n.current && n.previous && m(this, d, L).call(this);
+    })) : m(this, d, E).call(this);
   }
   disconnectedCallback() {
-    i(this, l, []), this.textContent = e(this, g), this.style.removeProperty("--words-length"), this.style.removeProperty("--letters-length");
+    var s;
+    m(this, d, L).call(this), (s = e(this, x)) == null || s.close();
   }
 }
-g = new WeakMap(), l = new WeakMap(), x = new WeakMap();
-customElements.get("e-slicer") || customElements.define("e-slicer", w);
+u = new WeakMap(), h = new WeakMap(), p = new WeakMap(), x = new WeakMap(), d = new WeakSet(), E = function() {
+  this.innerHTML = "";
+  let s = 0;
+  r(this, h, e(this, u).replace(/  +/g, " ").split(" ").map((n, b) => {
+    const g = new H({
+      index: b,
+      text: n,
+      letters: this.hasAttribute("letters"),
+      lettersAcc: s,
+      clone: this.hasAttribute("clone")
+    });
+    return s += g.letters.length, e(this, p).push(...g.letters), g;
+  })), this.hasAttribute("index") && (e(this, h).forEach((n) => {
+    n.element.style.setProperty("--word-index", n.index.toString());
+  }), e(this, p).forEach((n) => {
+    n.element.style.setProperty(
+      "--letter-index",
+      n.index.toString()
+    );
+  })), e(this, h).forEach((n, b) => {
+    if (this.appendChild(n.element), b !== e(this, h).length - 1) {
+      const g = document.createElement("span");
+      g.innerHTML = "&nbsp;", this.appendChild(g);
+    }
+  }), this.style.setProperty("--words-length", e(this, h).length.toString()), this.style.setProperty("--letters-length", e(this, p).length.toString());
+}, L = function() {
+  r(this, h, []), this.textContent = e(this, u), this.style.removeProperty("--words-length"), this.style.removeProperty("--letters-length");
+};
+customElements.get("e-slicer") || customElements.define("e-slicer", v);
 export {
-  L as Letter,
-  w as SlicerElement,
-  T as Word
+  M as Letter,
+  v as SlicerElement,
+  H as Word
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.29.8",
+  "version": "0.30.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"