aptechka 0.4.31 → 0.4.32

package/lib/sequence/index.cjs

@@ -1 +1 @@
-"use strict";var P=(i,t,r)=>new Promise((a,s)=>{var c=o=>{try{n(r.next(o))}catch(f){s(f)}},d=o=>{try{n(r.throw(o))}catch(f){s(f)}},n=o=>o.done?a(o.value):Promise.resolve(o.value).then(c,d);n((r=r.apply(i,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../canvas/index.cjs"),I=require("../class-linked-status/index.cjs"),m=require("../css-property/index.cjs"),O=require("../custom-element/index.cjs"),M=require("../element-resizer/index.cjs"),R=require("../SourceManager-Bl_uduSS.cjs");require("../intersector/index.cjs");const q=require("../canvas-CU5Xjahf.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");var z=Object.defineProperty,L=Object.getOwnPropertyDescriptor,A=(i,t,r,a)=>{for(var s=a>1?void 0:a?L(t,r):t,c=i.length-1,d;c>=0;c--)(d=i[c])&&(s=(a?d(t,r,s):d(s))||s);return a&&s&&z(t,r,s),s},k=(i,t,r)=>{if(!t.has(i))throw TypeError("Cannot "+r)},e=(i,t,r)=>(k(i,t,"read from private field"),r?r.call(i):t.get(i)),h=(i,t,r)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,r)},w=(i,t,r,a)=>(k(i,t,"write to private field"),a?a.call(i,r):t.set(i,r),r),v,l,_,C,g,S,u,b,y,W,p;function D(i){const t=i.match(/\{([\d-]+)\}/);if(t){const r=t[1].split("-");if(r.length===2){const a=parseInt(r[0],10),s=parseInt(r[1],10);return{start:a,end:s}}}return null}exports.SequenceElement=class extends E.CanvasElement{constructor(t){super(),h(this,v,void 0),h(this,l,[]),h(this,_,new m.CSSProperty(this,"--fit","contain")),h(this,C,new m.CSSProperty(this,"--autoplay",!1)),h(this,g,new m.CSSProperty(this,"--offset-x",.5)),h(this,S,new m.CSSProperty(this,"--offset-y",.5)),h(this,u,new I.ClassLinkedStatus(this,{loading:!1,loaded:!1,error:!1})),h(this,b,null),h(this,y,0),h(this,W,1),h(this,p,()=>{if(e(this,l).length){const s=e(this,l)[0];e(this,_).current==="cover"?w(this,b,q.cover(s.naturalWidth,s.naturalHeight,this.width,this.height,e(this,g).current,e(this,S).current)):w(this,b,q.contain(s.naturalWidth,s.naturalHeight,this.width,this.height,e(this,g).current,e(this,S).current))}});const r=(t==null?void 0:t.srcset)||this.getAttribute("srcset"),a=parseInt(((t==null?void 0:t.pad)||this.getAttribute("pad")||"1").toString());if(!r)throw new Error("Sequence Element must have a srcset attribute");e(this,_).subscribe(e(this,p)),e(this,g).subscribe(e(this,p)),e(this,S).subscribe(e(this,p)),w(this,v,new R.SourceManager({srcset:r})),e(this,v).subscribe(s=>P(this,null,function*(){if(s.current){const c=[],d=D(s.current.name);if(d)for(let n=d.start;n<=d.end;n++){const o=s.current.url.replace(/\{([^}]+)\}/,n.toString().padStart(a,"0")),f=new Image;f.src=o,c.push(f)}else{const n=new Image;n.src=s.current.url,c.push(n)}e(this,u).set("loading",!0),e(this,u).set("error",!1),e(this,u).set("loaded",!1);try{yield Promise.all(c.map((n,o)=>new Promise((f,x)=>{n.onload=()=>{f()},n.onerror=T=>{x(`${n.src} Image not found`)}}))),w(this,l,c),e(this,p).call(this),e(this,u).set("loaded",!0)}catch(n){console.error(n),e(this,u).set("error",!0)}e(this,u).set("loading",!1)}})),this.addEventListener("canvasRender",s=>{if(e(this,u).isFalse("loaded")||!e(this,b))return;s.detail.context.clearRect(0,0,s.detail.width,s.detail.height);const c=e(this,l)[e(this,y)];c&&s.detail.context.drawImage(c,...e(this,b)),e(this,C).current&&w(this,y,(e(this,y)+1)%e(this,l).length)})}setProgress(t){e(this,l).length&&w(this,y,Math.floor((e(this,l).length-1)*t))}connectedCallback(){super.connectedCallback(),e(this,C).observe(),e(this,_).observe(),e(this,g).observe(),e(this,S).observe(),e(this,v).connect(),M.elementResizer.subscribe(this,e(this,p))}disconnectedCallback(){super.disconnectedCallback(),e(this,C).unobserve(),e(this,_).unobserve(),e(this,g).unobserve(),e(this,S).unobserve(),w(this,l,[]),e(this,u).reset(),e(this,v).disconnect(),M.elementResizer.unsubscribe(e(this,p))}};v=new WeakMap;l=new WeakMap;_=new WeakMap;C=new WeakMap;g=new WeakMap;S=new WeakMap;u=new WeakMap;b=new WeakMap;y=new WeakMap;W=new WeakMap;p=new WeakMap;exports.SequenceElement=A([O.define("e-sequence")],exports.SequenceElement);
+"use strict";var P=(n,s,t)=>new Promise((i,a)=>{var u=r=>{try{d(t.next(r))}catch(w){a(w)}},o=r=>{try{d(t.throw(r))}catch(w){a(w)}},d=r=>r.done?i(r.value):Promise.resolve(r.value).then(u,o);d((t=t.apply(n,s)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../canvas/index.cjs"),C=require("../css-property/index.cjs"),I=require("../custom-element/index.cjs"),q=require("../element-resizer/index.cjs");require("../window-resizer/index.cjs");require("../Store-BQGNOHlY.cjs");const L=require("../browser-CpzFX2xg.cjs"),W=require("../canvas-CU5Xjahf.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const R=require("../source/index.cjs");var z=Object.defineProperty,O=Object.getOwnPropertyDescriptor,B=(n,s,t,i)=>{for(var a=i>1?void 0:i?O(s,t):s,u=n.length-1,o;u>=0;u--)(o=n[u])&&(a=(i?o(s,t,a):o(a))||a);return i&&a&&z(s,t,a),a},x=(n,s,t)=>{if(!s.has(n))throw TypeError("Cannot "+t)},e=(n,s,t)=>(x(n,s,"read from private field"),t?t.call(n):s.get(n)),c=(n,s,t)=>{if(s.has(n))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(n):s.set(n,t)},m=(n,s,t,i)=>(x(n,s,"write to private field"),i?i.call(n,t):s.set(n,t),t),h,E,g,p,v,S,_,b,l,f;function D(n){const s=n.match(/\{([\d-]+)\}/);if(s){const t=s[1].split("-");if(t.length===2){const i=parseInt(t[0],10),a=parseInt(t[1],10);return{start:i,end:a}}}return null}exports.SequenceElement=class extends R.SourceElement{constructor(s){super(),c(this,h,[]),c(this,E,new C.CSSProperty(this,"--fit","contain")),c(this,g,new C.CSSProperty(this,"--autoplay",!1)),c(this,p,new C.CSSProperty(this,"--offset-x",.5)),c(this,v,new C.CSSProperty(this,"--offset-y",.5)),c(this,S,null),c(this,_,0),c(this,b,1),c(this,l,()=>{if(e(this,h).length){const t=e(this,h)[0];e(this,E).current==="cover"?m(this,S,W.cover(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,p).current,e(this,v).current)):m(this,S,W.contain(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,p).current,e(this,v).current))}}),c(this,f,t=>{if(this.status.isFalse("loaded")||!e(this,S))return;t.detail.context.clearRect(0,0,t.detail.width,t.detail.height);const i=e(this,h)[e(this,_)];i&&t.detail.context.drawImage(i,...e(this,S)),e(this,g).current&&m(this,_,(e(this,_)+1)%e(this,h).length)}),L.isBrowser&&(m(this,b,parseInt(((s==null?void 0:s.pad)||this.getAttribute("pad")||"1").toString())),e(this,E).subscribe(e(this,l)),e(this,p).subscribe(e(this,l)),e(this,v).subscribe(e(this,l)),this.addEventListener("sourceCapture",t=>{this.consumerElement.addEventListener("canvasRender",e(this,f))}),this.addEventListener("sourceRelease",t=>{this.consumerElement.removeEventListener("canvasRender",e(this,f))}))}setProgress(s){e(this,h).length&&m(this,_,Math.floor((e(this,h).length-1)*s))}connectedCallback(){super.connectedCallback(),e(this,g).observe(),e(this,E).observe(),e(this,p).observe(),e(this,v).observe(),q.elementResizer.subscribe(this,e(this,l))}disconnectedCallback(){super.disconnectedCallback(),e(this,g).unobserve(),e(this,E).unobserve(),e(this,p).unobserve(),e(this,v).unobserve(),m(this,h,[]),q.elementResizer.unsubscribe(e(this,l)),this.consumerElement.removeEventListener("canvasRender",e(this,f))}createConsumer(){return new k.CanvasElement}consumeSource(s){return P(this,null,function*(){var t,i,a,u;if(s){this.consumerElement.removeEventListener("canvasRender",e(this,f));const o=[],d=D(s);if(d)for(let r=d.start;r<=d.end;r++){const w=s.replace(/\{([^}]+)\}/,r.toString().padStart(e(this,b),"0")),y=new Image;y.src=w,o.push(y)}else{const r=new Image;r.src=s,o.push(r)}try{yield Promise.all(o.map((r,w)=>new Promise((y,M)=>{r.onload=()=>{y()},r.onerror=T=>{M(`${r.src} Image not found`)}}))),m(this,h,o),e(this,l).call(this),(i=(t=this.consumerElement).onload)==null||i.call(t,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",e(this,f))}catch(r){console.error(r),(u=(a=this.consumerElement).onerror)==null||u.call(a,new Event("error"))}}})}};h=new WeakMap;E=new WeakMap;g=new WeakMap;p=new WeakMap;v=new WeakMap;S=new WeakMap;_=new WeakMap;b=new WeakMap;l=new WeakMap;f=new WeakMap;exports.SequenceElement=B([I.define("e-sequence")],exports.SequenceElement);

package/lib/sequence/index.d.ts

@@ -1,16 +1,18 @@
-import { SourceManagerSourceSet } from '../source';
+import { SourceElement, SourceManagerSourceSet } from '../source';
 import { CanvasElement } from '../canvas';
 
 export interface SequenceElementParameters {
     srcset: SourceManagerSourceSet;
     pad?: number;
 }
-export declare class SequenceElement extends CanvasElement {
+export declare class SequenceElement extends SourceElement<CanvasElement> {
     #private;
     constructor(parameters?: SequenceElementParameters);
     setProgress(value: number): void;
     protected connectedCallback(): void;
     protected disconnectedCallback(): void;
+    protected createConsumer(): CanvasElement;
+    protected consumeSource(url: string | null): Promise<void>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/lib/sequence/index.js

@@ -1,151 +1,166 @@
-var W = (e, r, i) => new Promise((s, n) => {
-  var u = (h) => {
+var y = (s, t, r) => new Promise((a, i) => {
+  var o = (h) => {
     try {
-      g(i.next(h));
-    } catch (S) {
-      n(S);
+      n(r.next(h));
+    } catch (m) {
+      i(m);
     }
-  }, a = (h) => {
+  }, u = (h) => {
     try {
-      g(i.throw(h));
-    } catch (S) {
-      n(S);
+      n(r.throw(h));
+    } catch (m) {
+      i(m);
     }
-  }, g = (h) => h.done ? s(h.value) : Promise.resolve(h.value).then(u, a);
-  g((i = i.apply(e, r)).next());
+  }, n = (h) => h.done ? a(h.value) : Promise.resolve(h.value).then(o, u);
+  n((r = r.apply(s, t)).next());
 });
-import { CanvasElement as x } from "../canvas/index.js";
-import { ClassLinkedStatus as E } from "../class-linked-status/index.js";
-import { CSSProperty as M } from "../css-property/index.js";
-import { define as O } from "../custom-element/index.js";
-import { elementResizer as k } from "../element-resizer/index.js";
-import { S as q } from "../SourceManager-D_8MZ3bR.js";
-import "../intersector/index.js";
-import { c as A, a as D } from "../canvas-DeZ0SLUJ.js";
+import { CanvasElement as I } from "../canvas/index.js";
+import { CSSProperty as C } from "../css-property/index.js";
+import { define as L } from "../custom-element/index.js";
+import { elementResizer as W } from "../element-resizer/index.js";
+import "../window-resizer/index.js";
+import "../Store-Cd-E5W1z.js";
+import { i as x } from "../browser-0zX67oeU.js";
+import { c as R, a as O } from "../canvas-DeZ0SLUJ.js";
 import "../path-data-polyfill-DgeDWYeI.js";
-var L = Object.defineProperty, R = Object.getOwnPropertyDescriptor, z = (e, r, i, s) => {
-  for (var n = s > 1 ? void 0 : s ? R(r, i) : r, u = e.length - 1, a; u >= 0; u--)
-    (a = e[u]) && (n = (s ? a(r, i, n) : a(n)) || n);
-  return s && n && L(r, i, n), n;
-}, P = (e, r, i) => {
-  if (!r.has(e))
-    throw TypeError("Cannot " + i);
-}, t = (e, r, i) => (P(e, r, "read from private field"), i ? i.call(e) : r.get(e)), o = (e, r, i) => {
-  if (r.has(e))
+import { SourceElement as z } from "../source/index.js";
+var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, q = (s, t, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? D(t, r) : t, o = s.length - 1, u; o >= 0; o--)
+    (u = s[o]) && (i = (a ? u(t, r, i) : u(i)) || i);
+  return a && i && B(t, r, i), i;
+}, k = (s, t, r) => {
+  if (!t.has(s))
+    throw TypeError("Cannot " + r);
+}, e = (s, t, r) => (k(s, t, "read from private field"), r ? r.call(s) : t.get(s)), c = (s, t, r) => {
+  if (t.has(s))
     throw TypeError("Cannot add the same private member more than once");
-  r instanceof WeakSet ? r.add(e) : r.set(e, i);
-}, f = (e, r, i, s) => (P(e, r, "write to private field"), s ? s.call(e, i) : r.set(e, i), i), v, c, m, C, p, w, l, _, b, I, d;
-function B(e) {
-  const r = e.match(/\{([\d-]+)\}/);
-  if (r) {
-    const i = r[1].split("-");
-    if (i.length === 2) {
-      const s = parseInt(i[0], 10), n = parseInt(i[1], 10);
-      return { start: s, end: n };
+  t instanceof WeakSet ? t.add(s) : t.set(s, r);
+}, p = (s, t, r, a) => (k(s, t, "write to private field"), a ? a.call(s, r) : t.set(s, r), r), l, E, S, f, v, _, g, b, d, w;
+function A(s) {
+  const t = s.match(/\{([\d-]+)\}/);
+  if (t) {
+    const r = t[1].split("-");
+    if (r.length === 2) {
+      const a = parseInt(r[0], 10), i = parseInt(r[1], 10);
+      return { start: a, end: i };
     }
   }
   return null;
 }
-let y = class extends x {
-  constructor(e) {
-    super(), o(this, v, void 0), o(this, c, []), o(this, m, new M(
+let P = class extends z {
+  constructor(s) {
+    super(), c(this, l, []), c(this, E, new C(
       this,
       "--fit",
       "contain"
-    )), o(this, C, new M(this, "--autoplay", !1)), o(this, p, new M(this, "--offset-x", 0.5)), o(this, w, new M(this, "--offset-y", 0.5)), o(this, l, new E(this, {
-      loading: !1,
-      loaded: !1,
-      error: !1
-    })), o(this, _, null), o(this, b, 0), o(this, I, 1), o(this, d, () => {
-      if (t(this, c).length) {
-        const s = t(this, c)[0];
-        t(this, m).current === "cover" ? f(this, _, A(
-          s.naturalWidth,
-          s.naturalHeight,
-          this.width,
-          this.height,
-          t(this, p).current,
-          t(this, w).current
-        )) : f(this, _, D(
-          s.naturalWidth,
-          s.naturalHeight,
-          this.width,
-          this.height,
-          t(this, p).current,
-          t(this, w).current
+    )), c(this, S, new C(this, "--autoplay", !1)), c(this, f, new C(this, "--offset-x", 0.5)), c(this, v, new C(this, "--offset-y", 0.5)), c(this, _, null), c(this, g, 0), c(this, b, 1), c(this, d, () => {
+      if (e(this, l).length) {
+        const t = e(this, l)[0];
+        e(this, E).current === "cover" ? p(this, _, R(
+          t.naturalWidth,
+          t.naturalHeight,
+          this.consumerElement.width,
+          this.consumerElement.height,
+          e(this, f).current,
+          e(this, v).current
+        )) : p(this, _, O(
+          t.naturalWidth,
+          t.naturalHeight,
+          this.consumerElement.width,
+          this.consumerElement.height,
+          e(this, f).current,
+          e(this, v).current
         ));
       }
-    });
-    const r = (e == null ? void 0 : e.srcset) || this.getAttribute("srcset"), i = parseInt(
-      ((e == null ? void 0 : e.pad) || this.getAttribute("pad") || "1").toString()
+    }), c(this, w, (t) => {
+      if (this.status.isFalse("loaded") || !e(this, _))
+        return;
+      t.detail.context.clearRect(0, 0, t.detail.width, t.detail.height);
+      const r = e(this, l)[e(this, g)];
+      r && t.detail.context.drawImage(r, ...e(this, _)), e(this, S).current && p(this, g, (e(this, g) + 1) % e(this, l).length);
+    }), x && (p(this, b, parseInt(
+      ((s == null ? void 0 : s.pad) || this.getAttribute("pad") || "1").toString()
+    )), e(this, E).subscribe(e(this, d)), e(this, f).subscribe(e(this, d)), e(this, v).subscribe(e(this, d)), this.addEventListener("sourceCapture", (t) => {
+      this.consumerElement.addEventListener(
+        "canvasRender",
+        e(this, w)
+      );
+    }), this.addEventListener("sourceRelease", (t) => {
+      this.consumerElement.removeEventListener(
+        "canvasRender",
+        e(this, w)
+      );
+    }));
+  }
+  setProgress(s) {
+    e(this, l).length && p(this, g, Math.floor((e(this, l).length - 1) * s));
+  }
+  connectedCallback() {
+    super.connectedCallback(), e(this, S).observe(), e(this, E).observe(), e(this, f).observe(), e(this, v).observe(), W.subscribe(this, e(this, d));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), e(this, S).unobserve(), e(this, E).unobserve(), e(this, f).unobserve(), e(this, v).unobserve(), p(this, l, []), W.unsubscribe(e(this, d)), this.consumerElement.removeEventListener(
+      "canvasRender",
+      e(this, w)
     );
-    if (!r)
-      throw new Error("Sequence Element must have a srcset attribute");
-    t(this, m).subscribe(t(this, d)), t(this, p).subscribe(t(this, d)), t(this, w).subscribe(t(this, d)), f(this, v, new q({
-      srcset: r
-    })), t(this, v).subscribe((s) => W(this, null, function* () {
-      if (s.current) {
-        const n = [], u = B(s.current.name);
+  }
+  createConsumer() {
+    return new I();
+  }
+  consumeSource(s) {
+    return y(this, null, function* () {
+      var t, r, a, i;
+      if (s) {
+        this.consumerElement.removeEventListener(
+          "canvasRender",
+          e(this, w)
+        );
+        const o = [], u = A(s);
         if (u)
-          for (let a = u.start; a <= u.end; a++) {
-            const g = s.current.url.replace(
+          for (let n = u.start; n <= u.end; n++) {
+            const h = s.replace(
               /\{([^}]+)\}/,
-              a.toString().padStart(i, "0")
-            ), h = new Image();
-            h.src = g, n.push(h);
+              n.toString().padStart(e(this, b), "0")
+            ), m = new Image();
+            m.src = h, o.push(m);
           }
         else {
-          const a = new Image();
-          a.src = s.current.url, n.push(a);
+          const n = new Image();
+          n.src = s, o.push(n);
         }
-        t(this, l).set("loading", !0), t(this, l).set("error", !1), t(this, l).set("loaded", !1);
         try {
           yield Promise.all(
-            n.map((a, g) => new Promise((h, S) => {
-              a.onload = () => {
-                h();
-              }, a.onerror = (H) => {
-                S(`${a.src} Image not found`);
+            o.map((n, h) => new Promise((m, M) => {
+              n.onload = () => {
+                m();
+              }, n.onerror = (H) => {
+                M(`${n.src} Image not found`);
               };
             }))
-          ), f(this, c, n), t(this, d).call(this), t(this, l).set("loaded", !0);
-        } catch (a) {
-          console.error(a), t(this, l).set("error", !0);
+          ), p(this, l, o), e(this, d).call(this), (r = (t = this.consumerElement).onload) == null || r.call(t, new Event("load")), this.isLazy || this.consumerElement.addEventListener(
+            "canvasRender",
+            e(this, w)
+          );
+        } catch (n) {
+          console.error(n), (i = (a = this.consumerElement).onerror) == null || i.call(a, new Event("error"));
         }
-        t(this, l).set("loading", !1);
       }
-    })), this.addEventListener("canvasRender", (s) => {
-      if (t(this, l).isFalse("loaded") || !t(this, _))
-        return;
-      s.detail.context.clearRect(0, 0, s.detail.width, s.detail.height);
-      const n = t(this, c)[t(this, b)];
-      n && s.detail.context.drawImage(n, ...t(this, _)), t(this, C).current && f(this, b, (t(this, b) + 1) % t(this, c).length);
     });
   }
-  setProgress(e) {
-    t(this, c).length && f(this, b, Math.floor((t(this, c).length - 1) * e));
-  }
-  connectedCallback() {
-    super.connectedCallback(), t(this, C).observe(), t(this, m).observe(), t(this, p).observe(), t(this, w).observe(), t(this, v).connect(), k.subscribe(this, t(this, d));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), t(this, C).unobserve(), t(this, m).unobserve(), t(this, p).unobserve(), t(this, w).unobserve(), f(this, c, []), t(this, l).reset(), t(this, v).disconnect(), k.unsubscribe(t(this, d));
-  }
 };
-v = /* @__PURE__ */ new WeakMap();
-c = /* @__PURE__ */ new WeakMap();
-m = /* @__PURE__ */ new WeakMap();
-C = /* @__PURE__ */ new WeakMap();
-p = /* @__PURE__ */ new WeakMap();
-w = /* @__PURE__ */ new WeakMap();
 l = /* @__PURE__ */ new WeakMap();
+E = /* @__PURE__ */ new WeakMap();
+S = /* @__PURE__ */ new WeakMap();
+f = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
 _ = /* @__PURE__ */ new WeakMap();
+g = /* @__PURE__ */ new WeakMap();
 b = /* @__PURE__ */ new WeakMap();
-I = /* @__PURE__ */ new WeakMap();
 d = /* @__PURE__ */ new WeakMap();
-y = z([
-  O("e-sequence")
-], y);
+w = /* @__PURE__ */ new WeakMap();
+P = q([
+  L("e-sequence")
+], P);
 export {
-  y as SequenceElement
+  P as SequenceElement
 };

package/lib/source/SourceElement.d.ts

@@ -1,17 +1,24 @@
-import { Notifier } from '../notifier';
+import { ClassLinkedStatus } from '../class-linked-status';
 import { CustomElement } from '../custom-element';
 
-export interface SourceConsumer extends HTMLElement {
-    src: string | null;
-}
-export declare abstract class SourceElement<T extends SourceConsumer> extends CustomElement {
+export declare abstract class SourceElement<T extends HTMLElement> extends CustomElement {
     #private;
     constructor();
     get consumerElement(): T;
-    get captureEvent(): Notifier<import('../notifier').ProviderCallback>;
-    get releaseEvent(): Notifier<import('../notifier').ProviderCallback>;
+    get status(): ClassLinkedStatus<{
+        loading: false;
+        loaded: false;
+        error: false;
+    }>;
+    get isLazy(): boolean;
     protected abstract createConsumer(): T;
     protected abstract consumeSource(url: string | null): void;
     protected connectedCallback(): void;
     protected disconnectedCallback(): void;
 }
+declare global {
+    interface HTMLElementEventMap {
+        sourceCapture: CustomEvent;
+        sourceRelase: CustomEvent;
+    }
+}

package/lib/source/index.cjs

@@ -1,5 +1,5 @@
-"use strict";var v=(i,r,t)=>{if(!r.has(i))throw TypeError("Cannot "+t)};var e=(i,r,t)=>(v(i,r,"read from private field"),t?t.call(i):r.get(i)),n=(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)},l=(i,r,t,a)=>(v(i,r,"write to private field"),a?a.call(i,t):r.set(i,t),t);var E=(i,r,t)=>(v(i,r,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("../SourceManager-Bl_uduSS.cjs"),C=require("../custom-element/index.cjs"),A=require("../intersector/index.cjs"),y=require("../loading/index.cjs"),M=require("../notifier/index.cjs");let N=0;var o,s,h,m,c,u,f,g,b,x,p;class k extends C.CustomElement{constructor(){super();n(this,b);n(this,o,null);n(this,s,null);n(this,h,!1);n(this,m,!1);n(this,c,!1);n(this,u,void 0);n(this,f,new M.Notifier);n(this,g,new M.Notifier);n(this,p,t=>{e(this,c)&&!e(this,m)&&t.isIntersecting&&(e(this,o).current&&e(this,o).current!==e(this,o).previous&&E(this,b,x).call(this,e(this,o).current),l(this,m,!0)),t.isIntersecting?e(this,f).notify():e(this,g).notify()});l(this,u,`source-consumer-${++N}`)}get consumerElement(){return e(this,s)}get captureEvent(){return e(this,f)}get releaseEvent(){return e(this,g)}connectedCallback(){const t=this.getAttribute("srcset");t&&(l(this,s,this.createConsumer()),e(this,s).style.cssText=`
+"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-Bl_uduSS.cjs"),k=require("../custom-element/index.cjs"),C=require("../loading/index.cjs"),q=require("../class-linked-status/index.cjs"),x=require("../browser-CpzFX2xg.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");let M=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 q.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)});x.isBrowser&&(u(this,d,`source-consumer-${++M}`),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=`
         display: block;
         width: 100%;
         height: 100%;
-      `,e(this,s).classList.add("source-consumer"),Array.from(this.attributes).forEach(a=>{if(a.nodeName.startsWith("e-")){const S=a.nodeName.slice(2),d=a.nodeValue||"";e(this,s).setAttribute(S,d),e(this,s)[S]=d||!0}}),this.appendChild(e(this,s)),l(this,o,new L.SourceManager({srcset:t})),l(this,c,this.hasAttribute("lazy")),e(this,o).subscribe(a=>{(!e(this,c)||e(this,c)&&e(this,m))&&E(this,b,x).call(this,a.current)}),A.intersector.subscribe(this,e(this,p)),e(this,o).connect())}disconnectedCallback(){A.intersector.unsubscribe(e(this,p)),e(this,f).close(),e(this,g).close(),e(this,o).close(),e(this,s).onloadeddata=null,e(this,s).onload=null,e(this,s).onerror=null,e(this,s).remove()}}o=new WeakMap,s=new WeakMap,h=new WeakMap,m=new WeakMap,c=new WeakMap,u=new WeakMap,f=new WeakMap,g=new WeakMap,b=new WeakSet,x=function(t){if(e(this,s).onloadeddata=null,e(this,s).onload=null,e(this,s).onerror=null,t){const a=this.hasAttribute("keep-source-parameters");this.classList.remove("loaded"),this.classList.add("loading");const S=a?t.url:t.name+t.extension;this.consumeSource(S);const d=()=>{this.classList.remove("error"),this.classList.remove("loading"),this.classList.add("loaded"),!e(this,c)&&!e(this,h)&&y.loading.setLoaded(e(this,u),1),l(this,h,!0)},q=()=>{this.classList.remove("loading"),this.classList.add("error"),!e(this,c)&&!e(this,h)&&y.loading.setError(e(this,u),S),l(this,h,!0)};!e(this,c)&&!e(this,h)&&y.loading.setTotal(e(this,u),1),e(this,s).onloadeddata=()=>{d()},e(this,s).onload=()=>{d()},e(this,s).onerror=q}else this.consumeSource(null)},p=new WeakMap;exports.Source=L.Source;exports.SourceManager=L.SourceManager;exports.SourceSet=L.SourceSet;exports.SourceElement=k;
+      `,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;

package/lib/source/index.d.ts

@@ -1,4 +1,4 @@
 export { Source } from './SourceClass';
-export { SourceSet, type SourceSetMediaSources, type SourceSetMediaBucket } from './SourceSet';
+export { SourceSet, type SourceSetMediaSources, type SourceSetMediaBucket, } from './SourceSet';
 export { SourceManager, type SourceManagerSourceSet, type SourceManagerParameters, } from './SourceManager';
-export { SourceElement, type SourceConsumer } from './SourceElement';
+export { SourceElement } from './SourceElement';

package/lib/source/index.js

@@ -1,90 +1,100 @@
-var v = (i, r, s) => {
+var E = (i, r, s) => {
   if (!r.has(i))
     throw TypeError("Cannot " + s);
 };
-var t = (i, r, s) => (v(i, r, "read from private field"), s ? s.call(i) : r.get(i)), o = (i, r, s) => {
+var t = (i, r, s) => (E(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);
-}, l = (i, r, s, h) => (v(i, r, "write to private field"), h ? h.call(i, s) : r.set(i, s), s);
-var E = (i, r, s) => (v(i, r, "access private method"), s);
-import { S as k } from "../SourceManager-D_8MZ3bR.js";
-import { a as W, b as $ } from "../SourceManager-D_8MZ3bR.js";
-import { CustomElement as w } from "../custom-element/index.js";
-import { intersector as A } from "../intersector/index.js";
-import { loading as S } from "../loading/index.js";
-import { Notifier as x } from "../notifier/index.js";
-let N = 0;
-var n, e, c, m, a, u, f, p, g, y, L;
-class K extends w {
+}, u = (i, r, s, o) => (E(i, r, "write to private field"), o ? o.call(i, s) : r.set(i, s), s);
+var C = (i, r, s) => (E(i, r, "access private method"), s);
+import { S as y } from "../SourceManager-D_8MZ3bR.js";
+import { a as V, b as $ } from "../SourceManager-D_8MZ3bR.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 "../path-data-polyfill-DgeDWYeI.js";
+let z = 0;
+var a, e, c, m, l, d, n, f, g, w, S, b, v;
+class K extends k {
   constructor() {
     super();
-    o(this, g);
-    o(this, n, null);
-    o(this, e, null);
-    o(this, c, !1);
-    o(this, m, !1);
-    o(this, a, !1);
-    o(this, u, void 0);
-    o(this, f, new x());
-    o(this, p, new x());
-    o(this, L, (s) => {
-      t(this, a) && !t(this, m) && s.isIntersecting && (t(this, n).current && t(this, n).current !== t(this, n).previous && E(this, g, y).call(this, t(this, n).current), l(this, m, !0)), s.isIntersecting ? t(this, f).notify() : t(this, p).notify();
+    h(this, g);
+    h(this, a, null);
+    h(this, e, null);
+    h(this, c, !1);
+    h(this, m, !1);
+    h(this, l, !1);
+    h(this, d, "");
+    h(this, n, new x(this, {
+      loading: !1,
+      loaded: !1,
+      error: !1
+    }));
+    h(this, f, null);
+    h(this, S, (s) => {
+      const o = s[0];
+      t(this, l) && !t(this, m) && o.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, m, !0)), o.isIntersecting ? this.dispatchEvent(new CustomEvent("sourceCapture")) : this.dispatchEvent(new CustomEvent("sourceRelease"));
     });
-    l(this, u, `source-consumer-${++N}`);
+    h(this, b, () => {
+      t(this, n).set("loaded", !0), t(this, n).set("error", !1), t(this, n).set("loading", !1), !t(this, l) && !t(this, c) && L.setLoaded(t(this, d), 1), u(this, c, !0);
+    });
+    h(this, v, (s) => {
+      t(this, n).set("loaded", !1), t(this, n).set("error", !0), t(this, n).set("loading", !1), !t(this, l) && !t(this, c) && L.setError(t(this, d), s), u(this, c, !0);
+    });
+    A && (u(this, d, `source-consumer-${++z}`), u(this, f, new IntersectionObserver(
+      t(this, S)
+    )));
   }
   get consumerElement() {
     return t(this, e);
   }
-  get captureEvent() {
-    return t(this, f);
+  get status() {
+    return t(this, n);
   }
-  get releaseEvent() {
-    return t(this, p);
+  get isLazy() {
+    return t(this, l);
   }
   connectedCallback() {
     const s = this.getAttribute("srcset");
-    s && (l(this, e, this.createConsumer()), t(this, e).style.cssText = `
+    s && (u(this, e, this.createConsumer()), t(this, e).style.cssText = `
         display: block;
         width: 100%;
         height: 100%;
-      `, t(this, e).classList.add("source-consumer"), Array.from(this.attributes).forEach((h) => {
-      if (h.nodeName.startsWith("e-")) {
-        const b = h.nodeName.slice(2), d = h.nodeValue || "";
-        t(this, e).setAttribute(b, d), t(this, e)[b] = d || !0;
+      `, t(this, e).classList.add("source-consumer"), Array.from(this.attributes).forEach((o) => {
+      if (o.name !== "srcset") {
+        const p = o.nodeValue || "";
+        o.name in t(this, e) && (t(this, e)[o.name] = p || !0);
       }
-    }), this.appendChild(t(this, e)), l(this, n, new k({
+    }), this.appendChild(t(this, e)), u(this, a, new y({
       srcset: s
-    })), l(this, a, this.hasAttribute("lazy")), t(this, n).subscribe((h) => {
-      (!t(this, a) || t(this, a) && t(this, m)) && E(this, g, y).call(this, h.current);
-    }), A.subscribe(this, t(this, L)), t(this, n).connect());
+    })), u(this, l, this.hasAttribute("lazy")), t(this, a).subscribe((o) => {
+      (!t(this, l) || t(this, l) && t(this, m)) && C(this, g, w).call(this, o.current);
+    }), t(this, f).observe(this), t(this, a).connect());
   }
   disconnectedCallback() {
-    A.unsubscribe(t(this, L)), t(this, f).close(), t(this, p).close(), t(this, n).close(), t(this, e).onloadeddata = null, t(this, e).onload = null, t(this, e).onerror = null, t(this, e).remove();
+    t(this, f).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, n).reset();
   }
 }
-n = new WeakMap(), e = new WeakMap(), c = new WeakMap(), m = new WeakMap(), a = new WeakMap(), u = new WeakMap(), f = new WeakMap(), p = new WeakMap(), g = new WeakSet(), y = function(s) {
+a = new WeakMap(), e = new WeakMap(), c = new WeakMap(), m = new WeakMap(), l = new WeakMap(), d = new WeakMap(), n = new WeakMap(), f = 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) {
-    const h = this.hasAttribute("keep-source-parameters");
-    this.classList.remove("loaded"), this.classList.add("loading");
-    const b = h ? s.url : s.name + s.extension;
-    this.consumeSource(b);
-    const d = () => {
-      this.classList.remove("error"), this.classList.remove("loading"), this.classList.add("loaded"), !t(this, a) && !t(this, c) && S.setLoaded(t(this, u), 1), l(this, c, !0);
-    }, C = () => {
-      this.classList.remove("loading"), this.classList.add("error"), !t(this, a) && !t(this, c) && S.setError(t(this, u), b), l(this, c, !0);
-    };
-    !t(this, a) && !t(this, c) && S.setTotal(t(this, u), 1), t(this, e).onloadeddata = () => {
-      d();
+    const o = this.hasAttribute("keep-source-parameters");
+    t(this, n).set("loaded", !1), t(this, n).set("error", !1), t(this, n).set("loading", !0);
+    const p = o ? 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, b).call(this);
     }, t(this, e).onload = () => {
-      d();
-    }, t(this, e).onerror = C;
+      t(this, b).call(this);
+    }, t(this, e).onerror = () => {
+      t(this, v).call(this, p);
+    };
   } else
     this.consumeSource(null);
-}, L = new WeakMap();
+}, S = new WeakMap(), b = new WeakMap(), v = new WeakMap();
 export {
-  W as Source,
+  V as Source,
   K as SourceElement,
-  k as SourceManager,
+  y as SourceManager,
   $ as SourceSet
 };

package/lib/theme/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../Store-BQGNOHlY.cjs");const r=require("../browser-CpzFX2xg.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const t=require("../tags-CueX-JLX.cjs"),a=require("../createTheme-BSreUYge.cjs"),e=a.createTheme({colorDark:"#1c1c1c",colorDarkAux:"#282828",colorLight:"#ffffff",colorActive:"#00E5B0",tweakerWidth:"500px",tweakerOffset:"20px",tweakerFolderHeight:"40px",heightInput:"30px",borderRadius:"12px",borderRadiusSmall:"4px",gapLarge:"16px",gapMedium:"12px",gapSmall:"8px",gapExtraSmall:"4px",fontSizeLarge:"20px",fontSizeMedium:"16px",fontSizeSmall:"14px",durationShort:"0.2s"},{prefix:"aptechka-"});r.isBrowser&&document.head.appendChild(t.style({":root":e.style}).node);exports.aptechkaTheme=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../Store-BQGNOHlY.cjs");const t=require("../browser-CpzFX2xg.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const r=require("../tags-CueX-JLX.cjs"),i=require("../createTheme-BSreUYge.cjs"),e=i.createTheme({colorDark:"#1c1c1c",colorDarkAux:"#282828",colorLight:"#ffffff",colorActive:"#00E5B0",tweakerWidth:"500px",tweakerOffset:"20px",tweakerFolderHeight:"40px",timelineWidth:"50vw",timelineHeight:"30vh",timelineOffset:"20px",heightInput:"30px",borderRadius:"12px",borderRadiusSmall:"4px",gapLarge:"16px",gapMedium:"12px",gapSmall:"8px",gapExtraSmall:"4px",fontSizeLarge:"20px",fontSizeMedium:"16px",fontSizeSmall:"14px",durationShort:"0.2s"},{prefix:"aptechka-"});t.isBrowser&&document.head.appendChild(r.style({":root":e.style}).node);exports.aptechkaTheme=e;

package/lib/theme/index.d.ts

@@ -31,6 +31,18 @@ export declare const aptechkaTheme: {
         var: "var(--aptechka-tweaker-folder-height)";
         value: "40px";
     };
+    timelineWidth: {
+        var: "var(--aptechka-timeline-width)";
+        value: "50vw";
+    };
+    timelineHeight: {
+        var: "var(--aptechka-timeline-height)";
+        value: "30vh";
+    };
+    timelineOffset: {
+        var: "var(--aptechka-timeline-offset)";
+        value: "20px";
+    };
     heightInput: {
         var: "var(--aptechka-height-input)";
         value: "30px";
@@ -81,6 +93,9 @@ export declare const aptechkaTheme: {
         "--aptechka-tweaker-width": string;
         "--aptechka-tweaker-offset": string;
         "--aptechka-tweaker-folder-height": string;
+        "--aptechka-timeline-width": string;
+        "--aptechka-timeline-height": string;
+        "--aptechka-timeline-offset": string;
         "--aptechka-height-input": string;
         "--aptechka-border-radius-small": string;
         "--aptechka-gap-large": string;