aptechka 0.5.37 → 0.5.38

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,_=Object.getOwnPropertyDescriptor,f=(t,e,r,s)=>{for(var a=s>1?void 0:s?_(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))})}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=f([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,44 @@
-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 h } from "../ticker/index.js";
+var E = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, y = (e, t, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? _(t, r) : t, o = e.length - 1, u; o >= 0; o--)
+    (u = e[o]) && (a = (s ? u(t, r, a) : u(a)) || a);
+  return s && a && E(t, r, a), a;
+}, m = (e, t, r) => {
   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) => {
+}, n = (e, t, r) => (m(e, t, "read from private field"), r ? r.call(e) : t.get(e)), l = (e, t, r) => {
   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;
-let p = class extends f {
+}, p = (e, t, r, s) => (m(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r), i, c;
+let d = 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) && p(this, i, e), this.dispatchEvent(
+        new CustomEvent("readyStateChange", {
+          detail: {
+            readyState: this.consumerElement.readyState,
+            progress: n(this, i)
+          }
+        })
+      ), this.consumerElement.readyState === 4 && h.unsubscribe(n(this, c));
     });
   }
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("sourceCapture", () => {
-      l.subscribe(a(this, n)), this.hasAttribute("capture-autoplay") && this.consumerElement.play();
+      h.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));
     });
   }
-  get loading() {
-    return a(this, i);
-  }
   disconnectedCallback() {
-    super.disconnectedCallback(), l.unsubscribe(a(this, n)), a(this, i).close();
+    super.disconnectedCallback(), h.unsubscribe(n(this, c)), p(this, i, 0);
   }
   createConsumer() {
     return document.createElement("video");
@@ -45,10 +48,10 @@ let p = class extends f {
   }
 };
 i = /* @__PURE__ */ new WeakMap();
-n = /* @__PURE__ */ new WeakMap();
-p = _([
-  m("e-video")
-], p);
+c = /* @__PURE__ */ new WeakMap();
+d = y([
+  v("e-video")
+], d);
 export {
-  p as VideoElement
+  d as VideoElement
 };

package/package.json

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