aptechka 0.5.37 → 0.5.39

package/lib/source/SourceElement.d.ts

@@ -1,10 +1,12 @@
 import { ClassLinkedStatus } from '../class-linked-status';
+import { SourceManager } from './SourceManager';
 import { CustomElement } from '../custom-element';
 
 export declare abstract class SourceElement<T extends HTMLElement> extends CustomElement {
     #private;
     constructor();
     get consumerElement(): T;
+    get sourceManager(): SourceManager;
     get status(): ClassLinkedStatus<{
         loading: false;
         loaded: false;

package/lib/source/index.cjs

@@ -1,5 +1,5 @@
-"use strict";var L=(i,r,t)=>{if(!r.has(i))throw TypeError("Cannot "+t)};var e=(i,r,t)=>(L(i,r,"read from private field"),t?t.call(i):r.get(i)),a=(i,r,t)=>{if(r.has(i))throw TypeError("Cannot add the same private member more than once");r instanceof WeakSet?r.add(i):r.set(i,t)},u=(i,r,t,n)=>(L(i,r,"write to private field"),n?n.call(i,t):r.set(i,t),t);var y=(i,r,t)=>(L(i,r,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../SourceManager-vSlsMKUE.cjs"),k=require("../custom-element/index.cjs"),C=require("../loading/index.cjs"),x=require("../class-linked-status/index.cjs"),M=require("../browser-CpzFX2xg.cjs");let q=0;var h,s,c,f,l,d,o,m,S,w,b,p,E;class A extends k.CustomElement{constructor(){super();a(this,S);a(this,h,null);a(this,s,null);a(this,c,!1);a(this,f,!1);a(this,l,!1);a(this,d,"");a(this,o,new x.ClassLinkedStatus(this,{loading:!1,loaded:!1,error:!1}));a(this,m,null);a(this,b,t=>{const n=t[0];e(this,l)&&!e(this,f)&&n.isIntersecting&&(e(this,h).current&&e(this,h).current!==e(this,h).previous&&y(this,S,w).call(this,e(this,h).current),u(this,f,!0)),n.isIntersecting?this.dispatchEvent(new CustomEvent("sourceCapture")):this.dispatchEvent(new CustomEvent("sourceRelease"))});a(this,p,()=>{e(this,o).set("loaded",!0),e(this,o).set("error",!1),e(this,o).set("loading",!1),!e(this,l)&&!e(this,c)&&C.loading.setLoaded(e(this,d),1),u(this,c,!0)});a(this,E,t=>{e(this,o).set("loaded",!1),e(this,o).set("error",!0),e(this,o).set("loading",!1),!e(this,l)&&!e(this,c)&&C.loading.setError(e(this,d),t),u(this,c,!0)});M.isBrowser&&(u(this,d,`source-consumer-${++q}`),u(this,m,new IntersectionObserver(e(this,b))))}get consumerElement(){return e(this,s)}get status(){return e(this,o)}get isLazy(){return e(this,l)}connectedCallback(){const t=this.getAttribute("srcset");t&&(u(this,s,this.createConsumer()),e(this,s).style.cssText=`
+"use strict";var C=(i,r,t)=>{if(!r.has(i))throw TypeError("Cannot "+t)};var e=(i,r,t)=>(C(i,r,"read from private field"),t?t.call(i):r.get(i)),a=(i,r,t)=>{if(r.has(i))throw TypeError("Cannot add the same private member more than once");r instanceof WeakSet?r.add(i):r.set(i,t)},u=(i,r,t,o)=>(C(i,r,"write to private field"),o?o.call(i,t):r.set(i,t),t);var p=(i,r,t)=>(C(i,r,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../SourceManager-vSlsMKUE.cjs"),M=require("../custom-element/index.cjs"),w=require("../loading/index.cjs"),k=require("../class-linked-status/index.cjs"),x=require("../browser-CpzFX2xg.cjs");let A=0;var h,s,c,f,l,d,n,m,g,v,E,b,L;class q extends M.CustomElement{constructor(){super();a(this,g);a(this,h,null);a(this,s,null);a(this,c,!1);a(this,f,!1);a(this,l,!1);a(this,d,"");a(this,n,new k.ClassLinkedStatus(this,{loading:!1,loaded:!1,error:!1}));a(this,m,null);a(this,E,t=>{const o=t[0];e(this,l)&&(!e(this,f)||this.hasAttribute("reload-source"))&&o.isIntersecting&&(e(this,h).current&&e(this,h).current!==e(this,h).previous&&p(this,g,v).call(this,e(this,h).current),u(this,f,!0)),o.isIntersecting?this.dispatchEvent(new CustomEvent("sourceCapture")):(this.hasAttribute("reload-source")&&p(this,g,v).call(this,void 0),this.dispatchEvent(new CustomEvent("sourceRelease")))});a(this,b,()=>{e(this,n).set("loaded",!0),e(this,n).set("error",!1),e(this,n).set("loading",!1),!e(this,l)&&!e(this,c)&&w.loading.setLoaded(e(this,d),1),u(this,c,!0)});a(this,L,t=>{e(this,n).set("loaded",!1),e(this,n).set("error",!0),e(this,n).set("loading",!1),!e(this,l)&&!e(this,c)&&w.loading.setError(e(this,d),t),u(this,c,!0)});x.isBrowser&&(u(this,d,`source-consumer-${++A}`),u(this,m,new IntersectionObserver(e(this,E))))}get consumerElement(){return e(this,s)}get sourceManager(){return e(this,h)}get status(){return e(this,n)}get isLazy(){return e(this,l)}connectedCallback(){const t=this.getAttribute("srcset");t&&(u(this,s,this.createConsumer()),e(this,s).style.cssText=`
         display: block;
         width: 100%;
         height: 100%;
-      `,e(this,s).classList.add("source-consumer"),Array.from(this.attributes).forEach(n=>{if(n.name!=="srcset"){const g=n.nodeValue||"";n.name in e(this,s)&&(e(this,s)[n.name]=g||!0)}}),this.appendChild(e(this,s)),u(this,h,new v.SourceManager({srcset:t})),u(this,l,this.hasAttribute("lazy")),e(this,h).subscribe(n=>{(!e(this,l)||e(this,l)&&e(this,f))&&y(this,S,w).call(this,n.current)}),e(this,m).observe(this),e(this,h).connect())}disconnectedCallback(){e(this,m).disconnect(),e(this,h).close(),e(this,s).onloadeddata=null,e(this,s).onload=null,e(this,s).onerror=null,e(this,s).remove(),e(this,o).reset()}}h=new WeakMap,s=new WeakMap,c=new WeakMap,f=new WeakMap,l=new WeakMap,d=new WeakMap,o=new WeakMap,m=new WeakMap,S=new WeakSet,w=function(t){if(e(this,s).onloadeddata=null,e(this,s).onload=null,e(this,s).onerror=null,t){const n=this.hasAttribute("keep-source-parameters");e(this,o).set("loaded",!1),e(this,o).set("error",!1),e(this,o).set("loading",!0);const g=n?t.url:t.name+t.extension;this.consumeSource(g),!e(this,l)&&!e(this,c)&&C.loading.setTotal(e(this,d),1),e(this,s).onloadeddata=()=>{e(this,p).call(this)},e(this,s).onload=()=>{e(this,p).call(this)},e(this,s).onerror=()=>{e(this,E).call(this,g)}}else this.consumeSource(null)},b=new WeakMap,p=new WeakMap,E=new WeakMap;exports.Source=v.Source;exports.SourceManager=v.SourceManager;exports.SourceSet=v.SourceSet;exports.SourceElement=A;
+      `,e(this,s).classList.add("source-consumer"),Array.from(this.attributes).forEach(o=>{if(o.name!=="srcset"){const S=o.nodeValue||"";o.name in e(this,s)&&(e(this,s)[o.name]=S||!0)}}),this.appendChild(e(this,s)),u(this,h,new y.SourceManager({srcset:t})),u(this,l,this.hasAttribute("lazy")),e(this,h).subscribe(o=>{(!e(this,l)||e(this,l)&&e(this,f))&&p(this,g,v).call(this,o.current)}),e(this,m).observe(this),e(this,h).connect())}disconnectedCallback(){e(this,m).disconnect(),e(this,h).close(),e(this,s).onloadeddata=null,e(this,s).onload=null,e(this,s).onerror=null,e(this,s).remove(),e(this,n).reset()}}h=new WeakMap,s=new WeakMap,c=new WeakMap,f=new WeakMap,l=new WeakMap,d=new WeakMap,n=new WeakMap,m=new WeakMap,g=new WeakSet,v=function(t){if(e(this,s).onloadeddata=null,e(this,s).onload=null,e(this,s).onerror=null,e(this,n).set("loaded",!1),e(this,n).set("error",!1),e(this,n).set("loading",!1),t){const o=this.hasAttribute("keep-source-parameters");e(this,n).set("loading",!0);const S=o?t.url:t.name+t.extension;this.consumeSource(S),!e(this,l)&&!e(this,c)&&w.loading.setTotal(e(this,d),1),e(this,s).onloadeddata=()=>{e(this,b).call(this)},e(this,s).onload=()=>{e(this,b).call(this)},e(this,s).onerror=()=>{e(this,L).call(this,S)}}else this.consumeSource(null)},E=new WeakMap,b=new WeakMap,L=new WeakMap;exports.Source=y.Source;exports.SourceManager=y.SourceManager;exports.SourceSet=y.SourceSet;exports.SourceElement=q;

package/lib/source/index.js

@@ -1,54 +1,57 @@
-var E = (i, r, s) => {
+var L = (i, r, s) => {
   if (!r.has(i))
     throw TypeError("Cannot " + s);
 };
-var t = (i, r, s) => (E(i, r, "read from private field"), s ? s.call(i) : r.get(i)), h = (i, r, s) => {
+var t = (i, r, s) => (L(i, r, "read from private field"), s ? s.call(i) : r.get(i)), h = (i, r, s) => {
   if (r.has(i))
     throw TypeError("Cannot add the same private member more than once");
   r instanceof WeakSet ? r.add(i) : r.set(i, s);
-}, u = (i, r, s, n) => (E(i, r, "write to private field"), n ? n.call(i, s) : r.set(i, s), s);
-var C = (i, r, s) => (E(i, r, "access private method"), s);
+}, u = (i, r, s, n) => (L(i, r, "write to private field"), n ? n.call(i, s) : r.set(i, s), s);
+var v = (i, r, s) => (L(i, r, "access private method"), s);
 import { S as y } from "../SourceManager-Q-PB-Rkh.js";
 import { a as R, b as V } from "../SourceManager-Q-PB-Rkh.js";
-import { CustomElement as k } from "../custom-element/index.js";
-import { loading as L } from "../loading/index.js";
-import { ClassLinkedStatus as x } from "../class-linked-status/index.js";
-import { i as A } from "../browser-0zX67oeU.js";
+import { CustomElement as A } from "../custom-element/index.js";
+import { loading as w } from "../loading/index.js";
+import { ClassLinkedStatus as k } from "../class-linked-status/index.js";
+import { i as x } from "../browser-0zX67oeU.js";
 let z = 0;
-var a, e, c, f, l, d, o, m, g, w, S, b, v;
-class F extends k {
+var a, e, c, f, l, d, o, m, p, S, E, b, C;
+class F extends A {
   constructor() {
     super();
-    h(this, g);
+    h(this, p);
     h(this, a, null);
     h(this, e, null);
     h(this, c, !1);
     h(this, f, !1);
     h(this, l, !1);
     h(this, d, "");
-    h(this, o, new x(this, {
+    h(this, o, new k(this, {
       loading: !1,
       loaded: !1,
       error: !1
     }));
     h(this, m, null);
-    h(this, S, (s) => {
+    h(this, E, (s) => {
       const n = s[0];
-      t(this, l) && !t(this, f) && n.isIntersecting && (t(this, a).current && t(this, a).current !== t(this, a).previous && C(this, g, w).call(this, t(this, a).current), u(this, f, !0)), n.isIntersecting ? this.dispatchEvent(new CustomEvent("sourceCapture")) : this.dispatchEvent(new CustomEvent("sourceRelease"));
+      t(this, l) && (!t(this, f) || this.hasAttribute("reload-source")) && n.isIntersecting && (t(this, a).current && t(this, a).current !== t(this, a).previous && v(this, p, S).call(this, t(this, a).current), u(this, f, !0)), n.isIntersecting ? this.dispatchEvent(new CustomEvent("sourceCapture")) : (this.hasAttribute("reload-source") && v(this, p, S).call(this, void 0), this.dispatchEvent(new CustomEvent("sourceRelease")));
     });
     h(this, b, () => {
-      t(this, o).set("loaded", !0), t(this, o).set("error", !1), t(this, o).set("loading", !1), !t(this, l) && !t(this, c) && L.setLoaded(t(this, d), 1), u(this, c, !0);
+      t(this, o).set("loaded", !0), t(this, o).set("error", !1), t(this, o).set("loading", !1), !t(this, l) && !t(this, c) && w.setLoaded(t(this, d), 1), u(this, c, !0);
     });
-    h(this, v, (s) => {
-      t(this, o).set("loaded", !1), t(this, o).set("error", !0), t(this, o).set("loading", !1), !t(this, l) && !t(this, c) && L.setError(t(this, d), s), u(this, c, !0);
+    h(this, C, (s) => {
+      t(this, o).set("loaded", !1), t(this, o).set("error", !0), t(this, o).set("loading", !1), !t(this, l) && !t(this, c) && w.setError(t(this, d), s), u(this, c, !0);
     });
-    A && (u(this, d, `source-consumer-${++z}`), u(this, m, new IntersectionObserver(
-      t(this, S)
+    x && (u(this, d, `source-consumer-${++z}`), u(this, m, new IntersectionObserver(
+      t(this, E)
     )));
   }
   get consumerElement() {
     return t(this, e);
   }
+  get sourceManager() {
+    return t(this, a);
+  }
   get status() {
     return t(this, o);
   }
@@ -63,34 +66,34 @@ class F extends k {
         height: 100%;
       `, t(this, e).classList.add("source-consumer"), Array.from(this.attributes).forEach((n) => {
       if (n.name !== "srcset") {
-        const p = n.nodeValue || "";
-        n.name in t(this, e) && (t(this, e)[n.name] = p || !0);
+        const g = n.nodeValue || "";
+        n.name in t(this, e) && (t(this, e)[n.name] = g || !0);
       }
     }), this.appendChild(t(this, e)), u(this, a, new y({
       srcset: s
     })), u(this, l, this.hasAttribute("lazy")), t(this, a).subscribe((n) => {
-      (!t(this, l) || t(this, l) && t(this, f)) && C(this, g, w).call(this, n.current);
+      (!t(this, l) || t(this, l) && t(this, f)) && v(this, p, S).call(this, n.current);
     }), t(this, m).observe(this), t(this, a).connect());
   }
   disconnectedCallback() {
     t(this, m).disconnect(), t(this, a).close(), t(this, e).onloadeddata = null, t(this, e).onload = null, t(this, e).onerror = null, t(this, e).remove(), t(this, o).reset();
   }
 }
-a = new WeakMap(), e = new WeakMap(), c = new WeakMap(), f = new WeakMap(), l = new WeakMap(), d = new WeakMap(), o = new WeakMap(), m = new WeakMap(), g = new WeakSet(), w = function(s) {
-  if (t(this, e).onloadeddata = null, t(this, e).onload = null, t(this, e).onerror = null, s) {
+a = new WeakMap(), e = new WeakMap(), c = new WeakMap(), f = new WeakMap(), l = new WeakMap(), d = new WeakMap(), o = new WeakMap(), m = new WeakMap(), p = new WeakSet(), S = function(s) {
+  if (t(this, e).onloadeddata = null, t(this, e).onload = null, t(this, e).onerror = null, t(this, o).set("loaded", !1), t(this, o).set("error", !1), t(this, o).set("loading", !1), s) {
     const n = this.hasAttribute("keep-source-parameters");
-    t(this, o).set("loaded", !1), t(this, o).set("error", !1), t(this, o).set("loading", !0);
-    const p = n ? s.url : s.name + s.extension;
-    this.consumeSource(p), !t(this, l) && !t(this, c) && L.setTotal(t(this, d), 1), t(this, e).onloadeddata = () => {
+    t(this, o).set("loading", !0);
+    const g = n ? s.url : s.name + s.extension;
+    this.consumeSource(g), !t(this, l) && !t(this, c) && w.setTotal(t(this, d), 1), t(this, e).onloadeddata = () => {
       t(this, b).call(this);
     }, t(this, e).onload = () => {
       t(this, b).call(this);
     }, t(this, e).onerror = () => {
-      t(this, v).call(this, p);
+      t(this, C).call(this, g);
     };
   } else
     this.consumeSource(null);
-}, S = new WeakMap(), b = new WeakMap(), v = new WeakMap();
+}, E = new WeakMap(), b = new WeakMap(), C = new WeakMap();
 export {
   R as Source,
   F as SourceElement,

package/lib/video/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../Store-C-1ruEIm.cjs");const d=require("../ticker/index.cjs"),h=require("../Damped-3daHRLIW.cjs"),m=require("../custom-element/index.cjs");require("../window-resizer/index.cjs");const p=require("../source/index.cjs");var v=Object.defineProperty,E=Object.getOwnPropertyDescriptor,_=(t,e,r,c)=>{for(var s=c>1?void 0:c?E(e,r):e,u=t.length-1,o;u>=0;u--)(o=t[u])&&(s=(c?o(e,r,s):o(s))||s);return c&&s&&v(e,r,s),s},f=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},a=(t,e,r)=>(f(t,e,"read from private field"),r?r.call(t):e.get(t)),l=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},i,n;exports.VideoElement=class extends p.SourceElement{constructor(){super(...arguments),l(this,i,new h.Damped(0,{damping:15})),l(this,n,()=>{this.classList.add(`state-${this.consumerElement.readyState}`),a(this,i).set(this.consumerElement.readyState/4),this.consumerElement.readyState===4&&d.ticker.unsubscribe(a(this,n))})}connectedCallback(){super.connectedCallback(),this.addEventListener("sourceCapture",()=>{d.ticker.subscribe(a(this,n)),this.hasAttribute("capture-autoplay")&&this.consumerElement.play()}),this.addEventListener("sourceRelease",()=>{this.hasAttribute("capture-autoplay")&&(this.consumerElement.pause(),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0))})}get loading(){return a(this,i)}disconnectedCallback(){super.disconnectedCallback(),d.ticker.unsubscribe(a(this,n)),a(this,i).close()}createConsumer(){return document.createElement("video")}consumeSource(e){this.consumerElement.src=e||""}};i=new WeakMap;n=new WeakMap;exports.VideoElement=_([m.define("e-video")],exports.VideoElement);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../custom-element/index.cjs");require("../window-resizer/index.cjs");require("../Store-C-1ruEIm.cjs");const v=require("../source/index.cjs"),d=require("../ticker/index.cjs");var E=Object.defineProperty,f=Object.getOwnPropertyDescriptor,_=(t,e,r,s)=>{for(var a=s>1?void 0:s?f(e,r):e,o=t.length-1,u;o>=0;o--)(u=t[o])&&(a=(s?u(e,r,a):u(a))||a);return s&&a&&E(e,r,a),a},p=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},n=(t,e,r)=>(p(t,e,"read from private field"),r?r.call(t):e.get(t)),l=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},h=(t,e,r,s)=>(p(t,e,"write to private field"),s?s.call(t,r):e.set(t,r),r),i,c;exports.VideoElement=class extends v.SourceElement{constructor(){super(...arguments),l(this,i,0),l(this,c,()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const e=this.consumerElement.readyState/4;e>n(this,i)&&h(this,i,e),this.dispatchEvent(new CustomEvent("readyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:n(this,i)}})),this.consumerElement.readyState===4&&d.ticker.unsubscribe(n(this,c))})}connectedCallback(){super.connectedCallback(),this.addEventListener("sourceCapture",()=>{d.ticker.subscribe(n(this,c)),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(n(this,c)),h(this,i,0)}createConsumer(){return document.createElement("video")}consumeSource(e){this.consumerElement.src=e||""}};i=new WeakMap;c=new WeakMap;exports.VideoElement=_([m.define("e-video")],exports.VideoElement);

package/lib/video/index.d.ts

@@ -1,10 +1,13 @@
 import { SourceElement } from '../source';
-import { Damped } from '../animation';
 
+export interface ReadyStateChangeEventDetail {
+    readyState: number;
+    progress: number;
+}
+export type ReadyStateChangeEvent = CustomEvent<ReadyStateChangeEventDetail>;
 export declare class VideoElement extends SourceElement<HTMLVideoElement> {
     #private;
     protected connectedCallback(): void;
-    get loading(): Damped;
     protected disconnectedCallback(): void;
     protected createConsumer(): HTMLVideoElement;
     protected consumeSource(url: string | null): void;
@@ -13,4 +16,7 @@ declare global {
     interface HTMLElementTagNameMap {
         'e-video': VideoElement;
     }
+    interface HTMLElementEventMap {
+        readyStateChange: ReadyStateChangeEvent;
+    }
 }

package/lib/video/index.js

@@ -1,41 +1,50 @@
-import "../Store-BQXXikps.js";
-import { ticker as l } from "../ticker/index.js";
-import { D as d } from "../Damped-CH96byE8.js";
-import { define as m } from "../custom-element/index.js";
+import { define as v } from "../custom-element/index.js";
 import "../window-resizer/index.js";
+import "../Store-BQXXikps.js";
 import { SourceElement as f } from "../source/index.js";
-var v = Object.defineProperty, E = Object.getOwnPropertyDescriptor, _ = (e, t, r, c) => {
-  for (var s = c > 1 ? void 0 : c ? E(t, r) : t, o = e.length - 1, u; o >= 0; o--)
-    (u = e[o]) && (s = (c ? u(t, r, s) : u(s)) || s);
-  return c && s && v(t, r, s), s;
-}, y = (e, t, r) => {
+import { ticker as u } from "../ticker/index.js";
+var E = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, y = (e, t, s, r) => {
+  for (var a = r > 1 ? void 0 : r ? _(t, s) : t, o = e.length - 1, h; o >= 0; o--)
+    (h = e[o]) && (a = (r ? h(t, s, a) : h(a)) || a);
+  return r && a && E(t, s, a), a;
+}, m = (e, t, s) => {
   if (!t.has(e))
-    throw TypeError("Cannot " + r);
-}, a = (e, t, r) => (y(e, t, "read from private field"), r ? r.call(e) : t.get(e)), h = (e, t, r) => {
+    throw TypeError("Cannot " + s);
+}, n = (e, t, s) => (m(e, t, "read from private field"), s ? s.call(e) : t.get(e)), l = (e, t, s) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, r);
-}, i, n;
+  t instanceof WeakSet ? t.add(e) : t.set(e, s);
+}, d = (e, t, s, r) => (m(e, t, "write to private field"), r ? r.call(e, s) : t.set(e, s), s), i, c;
 let p = class extends f {
   constructor() {
-    super(...arguments), h(this, i, new d(0, {
-      damping: 15
-    })), h(this, n, () => {
-      this.classList.add(`state-${this.consumerElement.readyState}`), a(this, i).set(this.consumerElement.readyState / 4), this.consumerElement.readyState === 4 && l.unsubscribe(a(this, n));
+    super(...arguments), l(this, i, 0), l(this, c, () => {
+      this.classList.add(`state-${this.consumerElement.readyState}`);
+      const e = this.consumerElement.readyState / 4;
+      e > n(this, i) && d(this, i, e), this.dispatchEvent(
+        new CustomEvent("readyStateChange", {
+          detail: {
+            readyState: this.consumerElement.readyState,
+            progress: n(this, i)
+          }
+        })
+      ), this.consumerElement.readyState === 4 && u.unsubscribe(n(this, c));
     });
   }
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("sourceCapture", () => {
-      l.subscribe(a(this, n)), this.hasAttribute("capture-autoplay") && this.consumerElement.play();
+      u.subscribe(n(this, c)), 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("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"
+      );
     });
   }
-  get loading() {
-    return a(this, i);
-  }
   disconnectedCallback() {
-    super.disconnectedCallback(), l.unsubscribe(a(this, n)), a(this, i).close();
+    super.disconnectedCallback(), u.unsubscribe(n(this, c)), d(this, i, 0);
   }
   createConsumer() {
     return document.createElement("video");
@@ -45,9 +54,9 @@ let p = class extends f {
   }
 };
 i = /* @__PURE__ */ new WeakMap();
-n = /* @__PURE__ */ new WeakMap();
-p = _([
-  m("e-video")
+c = /* @__PURE__ */ new WeakMap();
+p = y([
+  v("e-video")
 ], p);
 export {
   p as VideoElement

package/package.json

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