aptechka 0.29.2 → 0.29.3

package/lib/loading/index.cjs

@@ -1 +1 @@
-"use strict";var g=e=>{throw TypeError(e)};var p=(e,t,s)=>t.has(e)||g("Cannot "+s);var i=(e,t,s)=>(p(e,t,"read from private field"),s?s.call(e):t.get(e)),n=(e,t,s)=>t.has(e)?g("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),c=(e,t,s,d)=>(p(e,t,"write to private field"),d?d.call(e,s):t.set(e,s),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../events-KVanG9sR.cjs"),u=require("../function-MthRj-GJ.cjs");var o,a,r,l,h;class v{constructor(){n(this,o,new Map);n(this,a,!1);n(this,r,u.debounce(()=>{i(this,a)||(c(this,a,!0),f.dispatchEvent(window,"loadingStart",{detail:{}}),i(this,l).call(this))},0));n(this,l,()=>{if(!i(this,a))return;const t=i(this,o).size,s=Array.from(i(this,o)).filter(w=>w[1]).length,d=s/t;f.dispatchEvent(window,"loadingProgress",{detail:{total:t,loaded:s,progress:d}}),d===1&&i(this,h).call(this)});n(this,h,u.debounce(()=>{c(this,a,!1),f.dispatchEvent(window,"loadingComplete",{detail:{total:i(this,o).size}}),i(this,o).clear()},0))}add(t){i(this,o).set(t,!1),i(this,r).call(this)}complete(t){i(this,o).set(t,!0),i(this,l).call(this)}error(t){i(this,o).has(t)&&(console.error(`Failed to load ${t}`),i(this,o).delete(t)),i(this,l).call(this)}}o=new WeakMap,a=new WeakMap,r=new WeakMap,l=new WeakMap,h=new WeakMap;const b=new v;exports.loading=b;
+"use strict";var p=i=>{throw TypeError(i)};var f=(i,t,s)=>t.has(i)||p("Cannot "+s);var e=(i,t,s)=>(f(i,t,"read from private field"),s?s.call(i):t.get(i)),a=(i,t,s)=>t.has(i)?p("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(i):t.set(i,s),g=(i,t,s,l)=>(f(i,t,"write to private field"),l?l.call(i,s):t.set(i,s),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../events-KVanG9sR.cjs"),w=require("../function-MthRj-GJ.cjs");var o,n,h,d,c;class v{constructor(){a(this,o,new Map);a(this,n,!1);a(this,h,w.debounce(()=>{e(this,n)||(g(this,n,!0),r.dispatchEvent(window,"loadingStart"),e(this,d).call(this))},0));a(this,d,()=>{if(!e(this,n))return;const t=e(this,o).size,s=Array.from(e(this,o)).filter(u=>u[1]).length,l=s/t;r.dispatchEvent(window,"loadingProgress",{detail:{total:t,loaded:s,progress:l}}),l===1&&e(this,c).call(this)});a(this,c,w.debounce(()=>{g(this,n,!1),r.dispatchEvent(window,"loadingComplete",{detail:{total:e(this,o).size}}),e(this,o).clear()},0))}get map(){return e(this,o)}add(t){e(this,o).set(t,!1),e(this,h).call(this)}complete(t){e(this,o).set(t,!0),e(this,d).call(this)}error(t){e(this,o).has(t)&&(console.error(`Failed to load ${t}`),e(this,o).delete(t),r.dispatchEvent(window,"loadingError",{detail:{name:t}})),e(this,d).call(this)}}o=new WeakMap,n=new WeakMap,h=new WeakMap,d=new WeakMap,c=new WeakMap;const m=new v;exports.loading=m;

package/lib/loading/index.d.ts

@@ -8,9 +8,13 @@ export interface LoadingEvents {
     loadingComplete: CustomEvent<{
         total: number;
     }>;
+    loadingError: CustomEvent<{
+        name: string;
+    }>;
 }
 declare class Loading {
     #private;
+    get map(): Map<string, boolean>;
     add(resourceName: string): void;
     complete(resourceName: string): void;
     error(resourceName: string): void;

package/lib/loading/index.js

@@ -1,52 +1,57 @@
-var p = (i) => {
-  throw TypeError(i);
+var c = (s) => {
+  throw TypeError(s);
 };
-var g = (i, t, e) => t.has(i) || p("Cannot " + e);
-var s = (i, t, e) => (g(i, t, "read from private field"), e ? e.call(i) : t.get(i)), l = (i, t, e) => t.has(i) ? p("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), c = (i, t, e, r) => (g(i, t, "write to private field"), r ? r.call(i, e) : t.set(i, e), e);
-import { d as f } from "../events-CsVF98U6.js";
+var g = (s, t, e) => t.has(s) || c("Cannot " + e);
+var i = (s, t, e) => (g(s, t, "read from private field"), e ? e.call(s) : t.get(s)), r = (s, t, e) => t.has(s) ? c("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, e), p = (s, t, e, l) => (g(s, t, "write to private field"), l ? l.call(s, e) : t.set(s, e), e);
+import { d as n } from "../events-CsVF98U6.js";
 import { d as w } from "../function-C10DGppn.js";
-var o, a, h, d, n;
+var o, a, h, d, f;
 class u {
   constructor() {
-    l(this, o, /* @__PURE__ */ new Map());
-    l(this, a, !1);
-    l(this, h, w(() => {
-      s(this, a) || (c(this, a, !0), f(window, "loadingStart", {
-        detail: {}
-      }), s(this, d).call(this));
+    r(this, o, /* @__PURE__ */ new Map());
+    r(this, a, !1);
+    r(this, h, w(() => {
+      i(this, a) || (p(this, a, !0), n(window, "loadingStart"), i(this, d).call(this));
     }, 0));
-    l(this, d, () => {
-      if (!s(this, a))
+    r(this, d, () => {
+      if (!i(this, a))
         return;
-      const t = s(this, o).size, e = Array.from(s(this, o)).filter((m) => m[1]).length, r = e / t;
-      f(window, "loadingProgress", {
+      const t = i(this, o).size, e = Array.from(i(this, o)).filter((m) => m[1]).length, l = e / t;
+      n(window, "loadingProgress", {
         detail: {
           total: t,
           loaded: e,
-          progress: r
+          progress: l
         }
-      }), r === 1 && s(this, n).call(this);
+      }), l === 1 && i(this, f).call(this);
     });
-    l(this, n, w(() => {
-      c(this, a, !1), f(window, "loadingComplete", {
+    r(this, f, w(() => {
+      p(this, a, !1), n(window, "loadingComplete", {
         detail: {
-          total: s(this, o).size
+          total: i(this, o).size
         }
-      }), s(this, o).clear();
+      }), i(this, o).clear();
     }, 0));
   }
+  get map() {
+    return i(this, o);
+  }
   add(t) {
-    s(this, o).set(t, !1), s(this, h).call(this);
+    i(this, o).set(t, !1), i(this, h).call(this);
   }
   complete(t) {
-    s(this, o).set(t, !0), s(this, d).call(this);
+    i(this, o).set(t, !0), i(this, d).call(this);
   }
   error(t) {
-    s(this, o).has(t) && (console.error(`Failed to load ${t}`), s(this, o).delete(t)), s(this, d).call(this);
+    i(this, o).has(t) && (console.error(`Failed to load ${t}`), i(this, o).delete(t), n(window, "loadingError", {
+      detail: {
+        name: t
+      }
+    })), i(this, d).call(this);
   }
 }
-o = new WeakMap(), a = new WeakMap(), h = new WeakMap(), d = new WeakMap(), n = new WeakMap();
-const k = new u();
+o = new WeakMap(), a = new WeakMap(), h = new WeakMap(), d = new WeakMap(), f = new WeakMap();
+const b = new u();
 export {
-  k as loading
+  b as loading
 };

package/lib/media-elements/index.cjs

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

package/lib/media-elements/index.js

@@ -1,9 +1,9 @@
-var oe = (r) => {
+var ce = (r) => {
   throw TypeError(r);
 };
-var ee = (r, n, t) => n.has(r) || oe("Cannot " + t);
-var e = (r, n, t) => (ee(r, n, "read from private field"), t ? t.call(r) : n.get(r)), s = (r, n, t) => n.has(r) ? oe("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(r) : n.set(r, t), h = (r, n, t, i) => (ee(r, n, "write to private field"), i ? i.call(r, t) : n.set(r, t), t), b = (r, n, t) => (ee(r, n, "access private method"), t);
-var ce = (r, n, t) => new Promise((i, l) => {
+var te = (r, h, t) => h.has(r) || ce("Cannot " + t);
+var e = (r, h, t) => (te(r, h, "read from private field"), t ? t.call(r) : h.get(r)), s = (r, h, t) => h.has(r) ? ce("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(r) : h.set(r, t), n = (r, h, t, i) => (te(r, h, "write to private field"), i ? i.call(r, t) : h.set(r, t), t), b = (r, h, t) => (te(r, h, "access private method"), t);
+var le = (r, h, t) => new Promise((i, l) => {
   var L = (m) => {
     try {
       E(t.next(m));
@@ -17,23 +17,23 @@ var ce = (r, n, t) => new Promise((i, l) => {
       l(o);
     }
   }, E = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(L, G);
-  E((t = t.apply(r, n)).next());
+  E((t = t.apply(r, h)).next());
 });
-import { SourceManager as pe } from "../source/index.js";
-import { ClassLinkedStatus as fe } from "../class-linked-status/index.js";
-import { i as ne } from "../browser-0zX67oeU.js";
-import { d as se } from "../events-CsVF98U6.js";
-import { k as be } from "../string-f0Dnk0L1.js";
-import { loading as te } from "../loading/index.js";
+import { SourceManager as fe } from "../source/index.js";
+import { ClassLinkedStatus as be } 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 ge } from "../string-f0Dnk0L1.js";
+import { loading as se } from "../loading/index.js";
 import { CSSProperty as D } from "../css-property/index.js";
-import { elementResizer as U } from "../element-resizer/vanilla/index.js";
-import { c as ge, a as ve } from "../canvas-DeZ0SLUJ.js";
+import { elementResizer as Z } from "../element-resizer/vanilla/index.js";
+import { c as ve, a as Ee } from "../canvas-DeZ0SLUJ.js";
 import { ticker as F } from "../ticker/vanilla/index.js";
-import { c as Ee } from "../jss-CjccJC-K.js";
-import { c as we } from "../math-BOBiC4TN.js";
-let Se = 0;
-var u, a, w, H, p, R, c, M, T, Q, Z, K, _;
-class he extends HTMLElement {
+import { c as we } from "../jss-CjccJC-K.js";
+import { c as Se } from "../math-BOBiC4TN.js";
+let Ce = 0;
+var u, a, w, H, p, K, R, c, M, T, Q, _, N, ee;
+class ae extends HTMLElement {
   constructor() {
     super();
     s(this, T);
@@ -42,25 +42,26 @@ class he extends HTMLElement {
     s(this, w, !1);
     s(this, H, !1);
     s(this, p, !1);
+    s(this, K, "");
     s(this, R, "");
-    s(this, c, new fe(this, {
+    s(this, c, new be(this, {
       loading: !1,
       loaded: !1,
       error: !1
     }));
     s(this, M, null);
-    s(this, Z, (t) => {
+    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 ? se(this, "sourceCapture", { custom: !0 }) : (this.hasAttribute("reload-source") && b(this, T, Q).call(this, void 0), se(this, "sourceRelease", { custom: !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), n(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 }));
     });
-    s(this, K, () => {
-      e(this, c).set("loaded", !0), e(this, c).set("error", !1), e(this, c).set("loading", !1), !e(this, p) && !e(this, w) && te.complete(e(this, R)), h(this, w, !0);
+    s(this, N, () => {
+      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)), n(this, w, !0);
     });
-    s(this, _, (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) && te.error(e(this, R)), h(this, w, !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)), n(this, w, !0);
     });
-    ne && window.IntersectionObserver && (h(this, R, `source-consumer-${++Se}`), h(this, M, new IntersectionObserver(
-      e(this, Z)
+    he && window.IntersectionObserver && (n(this, K, `source-consumer-${++Ce}`), n(this, M, new IntersectionObserver(
+      e(this, _)
     )));
   }
   get consumerElement() {
@@ -77,18 +78,18 @@ class he extends HTMLElement {
   }
   connectedCallback() {
     const t = this.getAttribute("srcset");
-    t && (h(this, a, this.createConsumer()), e(this, a).style.cssText = `
+    t && (n(this, a, this.createConsumer()), e(this, a).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 = be(i.name);
+        const l = i.nodeValue || "", L = ge(i.name);
         L in e(this, a) && (e(this, a)[L] = l || !0);
       }
-    }), this.appendChild(e(this, a)), h(this, u, new pe({
+    }), this.appendChild(e(this, a)), n(this, u, new fe({
       srcset: t
-    })), h(this, p, this.hasAttribute("lazy")), e(this, u).subscribe((i) => {
+    })), n(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());
   }
@@ -96,61 +97,62 @@ class he extends HTMLElement {
     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(), w = new WeakMap(), H = new WeakMap(), p = new WeakMap(), R = new WeakMap(), c = new WeakMap(), M = new WeakMap(), T = new WeakSet(), Q = function(t) {
+u = new WeakMap(), a = new WeakMap(), w = new WeakMap(), H = new WeakMap(), p = new WeakMap(), K = 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) {
+    n(this, R, `${e(this, K)}-${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, w) && te.add(e(this, R)), e(this, a).onloadeddata = () => {
-      e(this, K).call(this);
+    this.consumeSource(l), !e(this, p) && !e(this, w) && se.add(e(this, R)), e(this, a).onloadeddata = () => {
+      e(this, N).call(this);
     }, e(this, a).onload = () => {
-      e(this, K).call(this);
+      e(this, N).call(this);
     }, e(this, a).onerror = () => {
-      e(this, _).call(this, l);
+      e(this, ee).call(this, l);
     };
   } else
     this.consumeSource(null);
-}, Z = new WeakMap(), K = new WeakMap(), _ = new WeakMap();
-class Ce extends he {
+}, _ = new WeakMap(), N = new WeakMap(), ee = new WeakMap();
+class ye extends ae {
   createConsumer() {
     return document.createElement("img");
   }
-  consumeSource(n) {
-    this.consumerElement.src = n || "";
+  consumeSource(h) {
+    this.consumerElement.src = h || "";
   }
 }
-customElements.get("e-image") || customElements.define("e-image", Ce);
-var S, g, q, k, I, O, N, X, d, ie, ue, Y, $, re, de;
-class le extends HTMLElement {
+customElements.get("e-image") || customElements.define("e-image", ye);
+var S, g, $, k, I, q, U, X, d, re, de, Y, O, ne, me;
+class ue extends HTMLElement {
   constructor() {
     super();
     s(this, d);
     s(this, S, new D(this, "--fps", 0));
     s(this, g, null);
-    s(this, q, null);
+    s(this, $, null);
     s(this, k, 0);
     s(this, I, 0);
-    s(this, O, 1);
-    s(this, N, 0);
+    s(this, q, 1);
+    s(this, U, 0);
     s(this, X, 1);
     s(this, Y, (t) => {
-      h(this, O, we(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, de).call(this), b(this, d, re).call(this);
+      n(this, q, Se(devicePixelRatio, 1, 2)), n(this, k, t.contentRect.width), n(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, $, (t) => {
-      h(this, N, t.timestamp), h(this, X, t.timeBetweenFrames), b(this, d, re).call(this);
+    s(this, O, (t) => {
+      n(this, U, t.timestamp), n(this, X, t.timeBetweenFrames), b(this, d, ne).call(this);
     });
-    if (ne) {
+    if (he) {
       const t = this.attachShadow({ mode: "open" });
       t.adoptedStyleSheets.push(
-        Ee({
+        we({
           " :host, canvas": {
             display: "block",
             width: "100%",
             height: "100%"
           }
         })
-      ), h(this, g, document.createElement("canvas")), h(this, q, 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, ie).call(this);
+      ), n(this, g, document.createElement("canvas")), n(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);
       });
     }
   }
@@ -161,10 +163,10 @@ class le extends HTMLElement {
     return e(this, g);
   }
   get context() {
-    return e(this, q);
+    return e(this, $);
   }
   get pixelRatio() {
-    return e(this, O);
+    return e(this, q);
   }
   get width() {
     return e(this, k);
@@ -178,34 +180,34 @@ class le extends HTMLElement {
       height: e(this, I),
       element: this,
       canvasElement: e(this, g),
-      pixelRatio: e(this, O),
-      context: e(this, q),
-      timestamp: e(this, N),
+      pixelRatio: e(this, q),
+      context: e(this, $),
+      timestamp: e(this, U),
       timeBetweenFrames: e(this, X)
     };
   }
   connectedCallback() {
-    e(this, S).observe(), U.subscribe(this, e(this, Y)), b(this, d, ie).call(this);
+    e(this, S).observe(), Z.subscribe(this, e(this, Y)), b(this, d, re).call(this);
   }
   disconnectedCallback() {
-    e(this, S).unobserve(), U.unsubscribe(e(this, Y)), b(this, d, ue).call(this);
+    e(this, S).unobserve(), Z.unsubscribe(e(this, Y)), b(this, d, de).call(this);
   }
 }
-S = new WeakMap(), g = new WeakMap(), q = new WeakMap(), k = new WeakMap(), I = new WeakMap(), O = new WeakMap(), N = new WeakMap(), X = new WeakMap(), d = new WeakSet(), ie = function() {
-  F.unsubscribe(e(this, $)), this.hasAttribute("static") || F.subscribe(e(this, $), {
+S = new WeakMap(), g = new WeakMap(), $ = new WeakMap(), k = new WeakMap(), I = new WeakMap(), q = new WeakMap(), U = new WeakMap(), X = new WeakMap(), d = new WeakSet(), re = function() {
+  F.unsubscribe(e(this, O)), this.hasAttribute("static") || F.subscribe(e(this, O), {
     culling: this,
     maxFPS: e(this, S).current
   });
-}, ue = function() {
-  F.unsubscribe(e(this, $));
-}, Y = new WeakMap(), $ = new WeakMap(), re = function() {
+}, de = function() {
+  F.unsubscribe(e(this, O));
+}, Y = new WeakMap(), O = new WeakMap(), ne = function() {
   this.dispatchEvent(
     new CustomEvent("canvasRender", {
       composed: !0,
       detail: this.detail
     })
   );
-}, de = function() {
+}, me = function() {
   this.dispatchEvent(
     new CustomEvent("canvasResize", {
       composed: !0,
@@ -213,11 +215,11 @@ S = new WeakMap(), g = new WeakMap(), q = new WeakMap(), k = new WeakMap(), I =
     })
   );
 };
-customElements.get("e-canvas") || customElements.define("e-canvas", le);
-function ye(r) {
-  const n = r.match(/\{([\d-]+)\}/);
-  if (n) {
-    const t = n[1].split("-");
+customElements.get("e-canvas") || customElements.define("e-canvas", ue);
+function xe(r) {
+  const h = r.match(/\{([\d-]+)\}/);
+  if (h) {
+    const t = h[1].split("-");
     if (t.length === 2) {
       const i = parseInt(t[0], 10), l = parseInt(t[1], 10);
       return { start: i, end: l };
@@ -225,8 +227,8 @@ function ye(r) {
   }
   return null;
 }
-var f, P, V, C, y, A, z, j, v, x;
-class xe extends he {
+var f, P, W, C, y, A, z, j, v, x;
+class Le extends ae {
   constructor(t) {
     super();
     s(this, f, []);
@@ -235,7 +237,7 @@ class xe extends he {
       "--fit",
       "contain"
     ));
-    s(this, V, new D(this, "--autoplay", !1));
+    s(this, W, new D(this, "--autoplay", !1));
     s(this, C, new D(this, "--offset-x", 0.5));
     s(this, y, new D(this, "--offset-y", 0.5));
     s(this, A, null);
@@ -244,14 +246,14 @@ class xe extends he {
     s(this, v, () => {
       if (e(this, f).length) {
         const t = e(this, f)[0];
-        e(this, P).current === "cover" ? h(this, A, ge(
+        e(this, P).current === "cover" ? n(this, A, ve(
           t.naturalWidth,
           t.naturalHeight,
           this.consumerElement.width,
           this.consumerElement.height,
           e(this, C).current,
           e(this, y).current
-        )) : h(this, A, ve(
+        )) : n(this, A, Ee(
           t.naturalWidth,
           t.naturalHeight,
           this.consumerElement.width,
@@ -266,9 +268,9 @@ class xe extends he {
         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, V).current && h(this, z, (e(this, z) + 1) % e(this, f).length);
+      i && t.detail.context.drawImage(i, ...e(this, A)), e(this, W).current && n(this, z, (e(this, z) + 1) % e(this, f).length);
     });
-    ne && (h(this, j, parseInt(
+    he && (n(this, j, 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) => {
       this.consumerElement.addEventListener(
@@ -283,36 +285,36 @@ class xe extends he {
     }));
   }
   setProgress(t) {
-    e(this, f).length && h(this, z, Math.floor((e(this, f).length - 1) * t));
+    e(this, f).length && n(this, z, Math.floor((e(this, f).length - 1) * t));
   }
   connectedCallback() {
-    super.connectedCallback(), e(this, V).observe(), e(this, P).observe(), e(this, C).observe(), e(this, y).observe(), U.subscribe(this, e(this, v));
+    super.connectedCallback(), e(this, W).observe(), e(this, P).observe(), e(this, C).observe(), e(this, y).observe(), Z.subscribe(this, e(this, v));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), e(this, V).unobserve(), e(this, P).unobserve(), e(this, C).unobserve(), e(this, y).unobserve(), h(this, f, []), U.unsubscribe(e(this, v)), this.consumerElement.removeEventListener(
+    super.disconnectedCallback(), e(this, W).unobserve(), e(this, P).unobserve(), e(this, C).unobserve(), e(this, y).unobserve(), n(this, f, []), Z.unsubscribe(e(this, v)), this.consumerElement.removeEventListener(
       "canvasRender",
       e(this, x)
     );
   }
   createConsumer() {
-    return new le();
+    return new ue();
   }
   consumeSource(t) {
-    return ce(this, null, function* () {
+    return le(this, null, function* () {
       var i, l, L, G;
       if (t) {
         this.consumerElement.removeEventListener(
           "canvasRender",
           e(this, x)
         );
-        const E = [], m = ye(t);
+        const E = [], m = xe(t);
         if (m)
           for (let o = m.start; o <= m.end; o++) {
-            const ae = t.replace(
+            const oe = t.replace(
               /\{([^}]+)\}/,
               o.toString().padStart(e(this, j), "0")
             ), J = new Image();
-            J.src = ae, E.push(J);
+            J.src = oe, E.push(J);
           }
         else {
           const o = new Image();
@@ -320,14 +322,14 @@ class xe extends he {
         }
         try {
           yield Promise.all(
-            E.map((o, ae) => new Promise((J, me) => {
+            E.map((o, oe) => new Promise((J, pe) => {
               o.onload = () => {
                 J();
-              }, o.onerror = (Re) => {
-                me(`${o.src} Image not found`);
+              }, o.onerror = (ke) => {
+                pe(`${o.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(
+          ), n(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(
             "canvasRender",
             e(this, x)
           );
@@ -338,27 +340,27 @@ class xe extends he {
     });
   }
 }
-f = new WeakMap(), P = new WeakMap(), V = new WeakMap(), C = new WeakMap(), y = new WeakMap(), A = new WeakMap(), z = new WeakMap(), j = new WeakMap(), v = new WeakMap(), x = new WeakMap();
-customElements.get("e-sequence") || customElements.define("e-sequence", xe);
-var B, W;
-class Le extends he {
+f = new WeakMap(), P = new WeakMap(), W = new WeakMap(), C = new WeakMap(), y = new WeakMap(), A = new WeakMap(), z = new WeakMap(), j = new WeakMap(), v = new WeakMap(), x = new WeakMap();
+customElements.get("e-sequence") || customElements.define("e-sequence", Le);
+var B, V;
+class Re extends ae {
   constructor() {
     super(...arguments);
     s(this, B, 0);
-    s(this, W, () => {
+    s(this, V, () => {
       this.classList.add(`state-${this.consumerElement.readyState}`);
       const t = this.consumerElement.readyState / 4;
-      t > e(this, B) && h(this, B, t), se(this, "videoReadyStateChange", {
+      t > e(this, B) && n(this, B, t), ie(this, "videoReadyStateChange", {
         detail: {
           readyState: this.consumerElement.readyState,
           progress: e(this, B)
         }
-      }), this.consumerElement.readyState === 4 && F.unsubscribe(e(this, W));
+      }), this.consumerElement.readyState === 4 && F.unsubscribe(e(this, V));
     });
   }
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("sourceCapture", () => {
-      F.subscribe(e(this, W)), this.hasAttribute("capture-autoplay") && this.consumerElement.play();
+      F.subscribe(e(this, V)), 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",
@@ -370,7 +372,7 @@ class Le extends he {
     });
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), F.unsubscribe(e(this, W)), h(this, B, 0);
+    super.disconnectedCallback(), F.unsubscribe(e(this, V)), n(this, B, 0);
   }
   createConsumer() {
     return document.createElement("video");
@@ -379,11 +381,11 @@ class Le extends he {
     this.consumerElement.src = t || "";
   }
 }
-B = new WeakMap(), W = new WeakMap();
-customElements.get("e-video") || customElements.define("e-video", Le);
+B = new WeakMap(), V = new WeakMap();
+customElements.get("e-video") || customElements.define("e-video", Re);
 export {
-  Ce as ImageElement,
-  xe as SequenceElement,
-  he as SourceElement,
-  Le as VideoElement
+  ye as ImageElement,
+  Le as SequenceElement,
+  ae as SourceElement,
+  Re as VideoElement
 };

package/package.json

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