aptechka 0.71.6 → 0.71.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/SourceElement-D3xzMW9v.cjs +5 -0
- package/lib/SourceElement-DdvZ3tM_.js +255 -0
- package/lib/iframe/index.cjs +1 -1
- package/lib/iframe/index.js +1 -1
- package/lib/image/index.cjs +1 -1
- package/lib/image/index.js +1 -1
- package/lib/sequence/index.cjs +1 -1
- package/lib/sequence/index.js +1 -1
- package/lib/source/SourceElement.d.ts +4 -0
- package/lib/source/index.cjs +1 -1
- package/lib/source/index.js +1 -1
- package/lib/utils/metadata.d.ts +1 -0
- package/lib/video/index.cjs +1 -1
- package/lib/video/index.js +10 -10
- package/lib/youtube/index.cjs +1 -1
- package/lib/youtube/index.js +1 -1
- package/package.json +1 -1
- package/lib/SourceElement-Bc5Rwf81.cjs +0 -5
- package/lib/SourceElement-hkzZTDa7.js +0 -225
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";var X=h=>{throw TypeError(h)};var W=(h,a,e)=>a.has(h)||X("Cannot "+e);var t=(h,a,e)=>(W(h,a,"read from private field"),e?e.call(h):a.get(h)),i=(h,a,e)=>a.has(h)?X("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(h):a.set(h,e),s=(h,a,e,n)=>(W(h,a,"write to private field"),n?n.call(h,e):a.set(h,e),e),F=(h,a,e)=>(W(h,a,"access private method"),e);const st=require("./element-linked-store/index.cjs"),it=require("./index-DekP7OZe.cjs"),M=require("./events-KVanG9sR.cjs"),rt=require("./string-DUXXtU8v.cjs");require("construct-style-sheets-polyfill");const Z=require("./loading/index.cjs"),at=require("./order/index.cjs"),Y=require("./window-resizer/index.cjs"),nt=require("./Store-Cd1GlEmZ.cjs");var z,b,V,L,u,p,$;class tt{constructor(a){i(this,z);i(this,b);i(this,V);i(this,L);i(this,u);i(this,p);i(this,$);s(this,z,a);let e=a.split(".");const n=/\b\d{1,2}x\b/g,d=e.find(y=>y.match(n)&&parseInt(y));s(this,V,d?parseInt(d):1),d&&(e=e.slice(0,-1)),s(this,b,e.length>1?e.slice(0,-1).join("."):e.join("."));const l=/\d+max/g,f=/\d+min/g,w=/\d+mar/g,U=/\d+mir/g,K=e.find(y=>y.match(l)),o=e.find(y=>y.match(f)),x=e.find(y=>y.match(w)),Q=e.find(y=>y.match(U));x?(s(this,u,parseInt(x)),s(this,p,"max"),s(this,L,`(max-aspect-ratio: ${t(this,u)})`)):Q?(s(this,u,parseInt(Q)),s(this,p,"max"),s(this,L,`(min-aspect-ratio: ${t(this,u)})`)):K?(s(this,u,parseInt(K)),s(this,p,"max"),s(this,L,`(max-width: ${t(this,u)}px)`)):o?(s(this,u,parseInt(o)),s(this,L,`(min-width: ${t(this,u)}px)`),s(this,p,"min")):(s(this,u,0),s(this,L,`(min-width: ${t(this,u)}px)`),s(this,p,"min")),s(this,b,t(this,b).replace(`.${t(this,u)}${t(this,p)}`,"")),s(this,$,e[e.length-1]===t(this,b)?"":"."+e[e.length-1]),s(this,$,t(this,$).replace(`.${t(this,u)}${t(this,p)}`,""))}get url(){return t(this,z)}get name(){return t(this,b)}get density(){return t(this,V)}get query(){return t(this,L)}get extension(){return t(this,$)}get queryType(){return t(this,p)}get queryValue(){return t(this,u)}}z=new WeakMap,b=new WeakMap,V=new WeakMap,L=new WeakMap,u=new WeakMap,p=new WeakMap,$=new WeakMap;var q;class J{constructor(a,e){i(this,q);s(this,q,new Map);const n=(e==null?void 0:e.mediaBuckets)!==!1,d=typeof a=="string"?n?a.trim().split(",").map(o=>o.trim()).filter(o=>!!o):[a]:a,l=[];d.forEach(o=>{const x=new tt(o);l.push([x.query,x])});const f=l.filter(o=>o[1].queryType.includes("max")).sort((o,x)=>x[1].queryValue-o[1].queryValue),w=l.filter(o=>o[1].queryType.includes("min")&&o[1].queryValue!==0).sort((o,x)=>o[1].queryValue-x[1].queryValue),U=l.filter(o=>o[0]==="(min-width: 0px)");(U?[...U,...f,...w]:[...f,...w]).forEach(o=>{t(this,q).has(o[0])||t(this,q).set(o[0],[]),t(this,q).get(o[0]).push(o[1])})}get mediaBuckets(){return t(this,q)}}q=new WeakMap;var R,A;class et extends nt.Store{constructor(e){super(void 0);i(this,R);i(this,A,()=>{let e;t(this,R).mediaBuckets.forEach((l,f)=>{matchMedia(f).matches&&(e=l)});let n,d=0;e==null||e.forEach(l=>{l.density>d&&l.density<=Math.max(devicePixelRatio,1)&&(d=l.density,n=l)}),e!=null&&e.length&&!n&&(n=e[0]),this.current=n});s(this,R,new J(e.srcset,e.sourceSetOptions))}updateSource(e){s(this,R,new J(e.srcset,e.sourceSetOptions)),t(this,A).call(this)}close(){super.close(),this.disconnect()}connect(){Y.windowResizer.subscribe(t(this,A),at.RESIZE_ORDER.SOURCE_MANAGER),t(this,A).call(this)}disconnect(){Y.windowResizer.unsubscribe(t(this,A))}}R=new WeakMap,A=new WeakMap;function ht(h){if(isNaN(h))return"0:00";const a=Math.floor(Math.max(0,h)),e=Math.floor(a/3600),n=Math.floor(a%3600/60),l=(a%60).toString().padStart(2,"0");if(e>0){const f=n.toString().padStart(2,"0");return`${e}:${f}:${l}`}else return`${n}:${l}`}let ot=0;var m,r,E,S,g,B,I,c,k,C,v,P,O,H,j,_,G,D,N,T;class ct extends HTMLElement{constructor(e){super();i(this,O);i(this,m,null);i(this,r,null);i(this,E,!1);i(this,S,!1);i(this,g,!1);i(this,B,"");i(this,I,"");i(this,c,new st.ElementLinkedStore(this,{loading:!1,loaded:!1,error:!1,clear:!1,playing:!1,metadata:!1}));i(this,k,null);i(this,C);i(this,v,null);i(this,P);i(this,j,e=>{const n=e[0];t(this,g)&&(!t(this,S)||this.hasAttribute("reload-source"))&&n.isIntersecting&&this.triggerLazyLoad(),n.isIntersecting?M.dispatchEvent(this,"sourceCapture",{custom:!0}):(this.hasAttribute("reload-source")&&(F(this,O,H).call(this,void 0),s(this,S,!1)),M.dispatchEvent(this,"sourceRelease",{custom:!0}))});i(this,_,()=>{t(this,c).set("loaded",!0),t(this,c).set("error",!1),t(this,c).set("loading",!1),!t(this,g)&&!t(this,E)&&Z.loading.complete(t(this,I)),M.dispatchEvent(this,"sourceLoaded",{custom:!0});const e=getComputedStyle(this).getPropertyValue("--clear-duration");e?s(this,C,setTimeout(()=>{t(this,c).set("clear",!0)},parseFloat(e)*1e3)):t(this,c).set("clear",!0),s(this,E,!0)});i(this,G,e=>{t(this,c).set("loaded",!1),t(this,c).set("error",!0),t(this,c).set("loading",!1),!t(this,g)&&!t(this,E)&&Z.loading.error(t(this,I)),M.dispatchEvent(this,"sourceError",{custom:!0}),s(this,E,!0)});i(this,D,()=>{t(this,c).set("playing",!0);const e=this.getAttribute("data-global-play-class");e&&e.split(",").forEach(n=>{document.documentElement.classList.add(n.trim())}),M.dispatchEvent(this,"sourcePlay",{custom:!0})});i(this,N,()=>{t(this,c).set("playing",!1);const e=this.getAttribute("data-global-play-class");e&&e.split(",").forEach(n=>{document.documentElement.classList.remove(n.trim())}),M.dispatchEvent(this,"sourcePause",{custom:!0})});i(this,T,()=>{const e=t(this,r);(e.tagName==="VIDEO"||e.tagName==="AUDIO")&&e.readyState>=1&&(t(this,c).set("metadata",!0),M.dispatchEvent(this,"sourceMetadataLoaded",{custom:!0}),this.querySelectorAll("[data-source-duration]").forEach(n=>{n.textContent=ht(e.duration)}))});s(this,P,e==null?void 0:e.sourceSetOptions),it.isBrowser&&window.IntersectionObserver&&s(this,k,new IntersectionObserver(t(this,j)))}get consumerElement(){return t(this,r)}get sourceManager(){return t(this,m)}get status(){return t(this,c)}get isLazy(){return t(this,g)}get currentURL(){return t(this,v)}get isFirstLoadHappened(){return t(this,E)}triggerLazyLoad(){!t(this,S)&&t(this,m).current&&t(this,m).current!==t(this,m).previous&&(s(this,S,!0),F(this,O,H).call(this,t(this,m).current))}connectedCallback(){var d;s(this,B,`source-consumer-${++ot}`);const e=this.getAttribute("srcset")||"",n=this.hasAttribute("notify")?this.closest(this.getAttribute("notify")):null;n&&t(this,c).addElement(n),(d=this.querySelector(".source-consumer"))==null||d.remove(),s(this,r,this.createConsumer()),t(this,r).style.cssText=`
|
|
2
|
+
display: block;
|
|
3
|
+
width: 100%;
|
|
4
|
+
height: 100%;
|
|
5
|
+
`,t(this,r).classList.add("source-consumer"),t(this,r).addEventListener("play",t(this,D)),t(this,r).addEventListener("pause",t(this,N)),t(this,r).addEventListener("loadedmetadata",t(this,T)),t(this,T).call(this),Array.from(this.attributes).forEach(l=>{if(l.name!=="srcset"){const f=l.nodeValue||"",w=rt.kebabToCamel(l.name);w in t(this,r)&&(t(this,r)[w]=f||!0)}}),this.appendChild(t(this,r)),s(this,m,new et({srcset:e,sourceSetOptions:t(this,P)})),s(this,g,this.hasAttribute("lazy")),t(this,m).subscribe(l=>{(!t(this,g)||t(this,g)&&t(this,S))&&F(this,O,H).call(this,l.current)}),t(this,m).connect(),t(this,k).observe(this)}disconnectedCallback(){var e;clearTimeout(t(this,C)),t(this,k).disconnect(),(e=t(this,m))==null||e.close(),t(this,r)&&(this.consumeSource(null),t(this,r).removeEventListener("play",t(this,D)),t(this,r).removeEventListener("pause",t(this,N)),t(this,r).removeEventListener("loadedmetadata",t(this,T)),t(this,r).onloadeddata=null,t(this,r).onload=null,t(this,r).onerror=null,t(this,r).onerror=null,t(this,r).remove()),s(this,E,!1),s(this,S,!1),t(this,c).reset()}}m=new WeakMap,r=new WeakMap,E=new WeakMap,S=new WeakMap,g=new WeakMap,B=new WeakMap,I=new WeakMap,c=new WeakMap,k=new WeakMap,C=new WeakMap,v=new WeakMap,P=new WeakMap,O=new WeakSet,H=function(e){if(clearTimeout(t(this,C)),t(this,r).onloadeddata=null,t(this,r).onload=null,t(this,r).onerror=null,t(this,c).set("loaded",!1),t(this,c).set("error",!1),t(this,c).set("loading",!1),t(this,c).set("clear",!1),t(this,c).set("playing",!1),t(this,c).set("metadata",!1),e){s(this,I,`${t(this,B)}-${e.url}`);const n=this.hasAttribute("keep-source-parameters");t(this,c).set("loading",!0),s(this,v,n?e.url:e.name+e.extension),this.consumeSource(t(this,v)),!t(this,g)&&!t(this,E)&&Z.loading.add(t(this,I)),t(this,r).onloadeddata=()=>{t(this,_).call(this)},t(this,r).onload=()=>{t(this,_).call(this)},t(this,r).onerror=()=>{t(this,G).call(this,t(this,v))}}else s(this,v,null),this.consumeSource(null)},j=new WeakMap,_=new WeakMap,G=new WeakMap,D=new WeakMap,N=new WeakMap,T=new WeakMap;exports.Source=tt;exports.SourceElement=ct;exports.SourceManager=et;exports.SourceSet=J;
|
|
@@ -0,0 +1,255 @@
|
|
|
1
|
+
var Q = (h) => {
|
|
2
|
+
throw TypeError(h);
|
|
3
|
+
};
|
|
4
|
+
var W = (h, a, e) => a.has(h) || Q("Cannot " + e);
|
|
5
|
+
var t = (h, a, e) => (W(h, a, "read from private field"), e ? e.call(h) : a.get(h)), i = (h, a, e) => a.has(h) ? Q("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(h) : a.set(h, e), s = (h, a, e, n) => (W(h, a, "write to private field"), n ? n.call(h, e) : a.set(h, e), e), H = (h, a, e) => (W(h, a, "access private method"), e);
|
|
6
|
+
import { ElementLinkedStore as tt } from "./element-linked-store/index.js";
|
|
7
|
+
import { i as et } from "./index-Bv9zgfdb.js";
|
|
8
|
+
import { d as $ } from "./events-CsVF98U6.js";
|
|
9
|
+
import { k as st } from "./string-BlMQbe8b.js";
|
|
10
|
+
import "construct-style-sheets-polyfill";
|
|
11
|
+
import { loading as Z } from "./loading/index.js";
|
|
12
|
+
import { RESIZE_ORDER as it } from "./order/index.js";
|
|
13
|
+
import { windowResizer as X } from "./window-resizer/index.js";
|
|
14
|
+
import { S as rt } from "./Store-0BVty6AZ.js";
|
|
15
|
+
var V, S, z, x, u, p, q;
|
|
16
|
+
class at {
|
|
17
|
+
constructor(a) {
|
|
18
|
+
i(this, V);
|
|
19
|
+
i(this, S);
|
|
20
|
+
i(this, z);
|
|
21
|
+
i(this, x);
|
|
22
|
+
i(this, u);
|
|
23
|
+
i(this, p);
|
|
24
|
+
i(this, q);
|
|
25
|
+
s(this, V, a);
|
|
26
|
+
let e = a.split(".");
|
|
27
|
+
const n = /\b\d{1,2}x\b/g, d = e.find((y) => y.match(n) && parseInt(y));
|
|
28
|
+
s(this, z, d ? parseInt(d) : 1), d && (e = e.slice(0, -1)), s(this, S, e.length > 1 ? e.slice(0, -1).join(".") : e.join("."));
|
|
29
|
+
const c = /\d+max/g, f = /\d+min/g, w = /\d+mar/g, F = /\d+mir/g, K = e.find((y) => y.match(c)), o = e.find((y) => y.match(f)), E = e.find((y) => y.match(w)), J = e.find((y) => y.match(F));
|
|
30
|
+
E ? (s(this, u, parseInt(E)), s(this, p, "max"), s(this, x, `(max-aspect-ratio: ${t(this, u)})`)) : J ? (s(this, u, parseInt(J)), s(this, p, "max"), s(this, x, `(min-aspect-ratio: ${t(this, u)})`)) : K ? (s(this, u, parseInt(K)), s(this, p, "max"), s(this, x, `(max-width: ${t(this, u)}px)`)) : o ? (s(this, u, parseInt(o)), s(this, x, `(min-width: ${t(this, u)}px)`), s(this, p, "min")) : (s(this, u, 0), s(this, x, `(min-width: ${t(this, u)}px)`), s(this, p, "min")), s(this, S, t(this, S).replace(
|
|
31
|
+
`.${t(this, u)}${t(this, p)}`,
|
|
32
|
+
""
|
|
33
|
+
)), s(this, q, e[e.length - 1] === t(this, S) ? "" : "." + e[e.length - 1]), s(this, q, t(this, q).replace(
|
|
34
|
+
`.${t(this, u)}${t(this, p)}`,
|
|
35
|
+
""
|
|
36
|
+
));
|
|
37
|
+
}
|
|
38
|
+
get url() {
|
|
39
|
+
return t(this, V);
|
|
40
|
+
}
|
|
41
|
+
get name() {
|
|
42
|
+
return t(this, S);
|
|
43
|
+
}
|
|
44
|
+
get density() {
|
|
45
|
+
return t(this, z);
|
|
46
|
+
}
|
|
47
|
+
get query() {
|
|
48
|
+
return t(this, x);
|
|
49
|
+
}
|
|
50
|
+
get extension() {
|
|
51
|
+
return t(this, q);
|
|
52
|
+
}
|
|
53
|
+
get queryType() {
|
|
54
|
+
return t(this, p);
|
|
55
|
+
}
|
|
56
|
+
get queryValue() {
|
|
57
|
+
return t(this, u);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
V = new WeakMap(), S = new WeakMap(), z = new WeakMap(), x = new WeakMap(), u = new WeakMap(), p = new WeakMap(), q = new WeakMap();
|
|
61
|
+
var M;
|
|
62
|
+
class Y {
|
|
63
|
+
constructor(a, e) {
|
|
64
|
+
i(this, M);
|
|
65
|
+
s(this, M, /* @__PURE__ */ new Map());
|
|
66
|
+
const n = (e == null ? void 0 : e.mediaBuckets) !== !1, d = typeof a == "string" ? n ? a.trim().split(",").map((o) => o.trim()).filter((o) => !!o) : [a] : a, c = [];
|
|
67
|
+
d.forEach((o) => {
|
|
68
|
+
const E = new at(o);
|
|
69
|
+
c.push([E.query, E]);
|
|
70
|
+
});
|
|
71
|
+
const f = c.filter((o) => o[1].queryType.includes("max")).sort((o, E) => E[1].queryValue - o[1].queryValue), w = c.filter((o) => o[1].queryType.includes("min") && o[1].queryValue !== 0).sort((o, E) => o[1].queryValue - E[1].queryValue), F = c.filter((o) => o[0] === "(min-width: 0px)");
|
|
72
|
+
(F ? [...F, ...f, ...w] : [...f, ...w]).forEach((o) => {
|
|
73
|
+
t(this, M).has(o[0]) || t(this, M).set(o[0], []), t(this, M).get(o[0]).push(o[1]);
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
get mediaBuckets() {
|
|
77
|
+
return t(this, M);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
M = new WeakMap();
|
|
81
|
+
var k, A;
|
|
82
|
+
class nt extends rt {
|
|
83
|
+
constructor(e) {
|
|
84
|
+
super(void 0);
|
|
85
|
+
i(this, k);
|
|
86
|
+
i(this, A, () => {
|
|
87
|
+
let e;
|
|
88
|
+
t(this, k).mediaBuckets.forEach((c, f) => {
|
|
89
|
+
matchMedia(f).matches && (e = c);
|
|
90
|
+
});
|
|
91
|
+
let n, d = 0;
|
|
92
|
+
e == null || e.forEach((c) => {
|
|
93
|
+
c.density > d && c.density <= Math.max(devicePixelRatio, 1) && (d = c.density, n = c);
|
|
94
|
+
}), e != null && e.length && !n && (n = e[0]), this.current = n;
|
|
95
|
+
});
|
|
96
|
+
s(this, k, new Y(e.srcset, e.sourceSetOptions));
|
|
97
|
+
}
|
|
98
|
+
updateSource(e) {
|
|
99
|
+
s(this, k, new Y(e.srcset, e.sourceSetOptions)), t(this, A).call(this);
|
|
100
|
+
}
|
|
101
|
+
close() {
|
|
102
|
+
super.close(), this.disconnect();
|
|
103
|
+
}
|
|
104
|
+
connect() {
|
|
105
|
+
X.subscribe(t(this, A), it.SOURCE_MANAGER), t(this, A).call(this);
|
|
106
|
+
}
|
|
107
|
+
disconnect() {
|
|
108
|
+
X.unsubscribe(t(this, A));
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
k = new WeakMap(), A = new WeakMap();
|
|
112
|
+
function ht(h) {
|
|
113
|
+
if (isNaN(h)) return "0:00";
|
|
114
|
+
const a = Math.floor(Math.max(0, h)), e = Math.floor(a / 3600), n = Math.floor(a % 3600 / 60), c = (a % 60).toString().padStart(2, "0");
|
|
115
|
+
if (e > 0) {
|
|
116
|
+
const f = n.toString().padStart(2, "0");
|
|
117
|
+
return `${e}:${f}:${c}`;
|
|
118
|
+
} else
|
|
119
|
+
return `${n}:${c}`;
|
|
120
|
+
}
|
|
121
|
+
let ot = 0;
|
|
122
|
+
var m, r, b, L, g, B, I, l, C, O, v, P, R, j, _, D, G, N, U, T;
|
|
123
|
+
class Et extends HTMLElement {
|
|
124
|
+
constructor(e) {
|
|
125
|
+
super();
|
|
126
|
+
i(this, R);
|
|
127
|
+
i(this, m, null);
|
|
128
|
+
i(this, r, null);
|
|
129
|
+
i(this, b, !1);
|
|
130
|
+
i(this, L, !1);
|
|
131
|
+
i(this, g, !1);
|
|
132
|
+
i(this, B, "");
|
|
133
|
+
i(this, I, "");
|
|
134
|
+
i(this, l, new tt(this, {
|
|
135
|
+
loading: !1,
|
|
136
|
+
loaded: !1,
|
|
137
|
+
error: !1,
|
|
138
|
+
clear: !1,
|
|
139
|
+
playing: !1,
|
|
140
|
+
metadata: !1
|
|
141
|
+
}));
|
|
142
|
+
i(this, C, null);
|
|
143
|
+
i(this, O);
|
|
144
|
+
i(this, v, null);
|
|
145
|
+
i(this, P);
|
|
146
|
+
i(this, _, (e) => {
|
|
147
|
+
const n = e[0];
|
|
148
|
+
t(this, g) && (!t(this, L) || this.hasAttribute("reload-source")) && n.isIntersecting && this.triggerLazyLoad(), n.isIntersecting ? $(this, "sourceCapture", { custom: !0 }) : (this.hasAttribute("reload-source") && (H(this, R, j).call(this, void 0), s(this, L, !1)), $(this, "sourceRelease", { custom: !0 }));
|
|
149
|
+
});
|
|
150
|
+
i(this, D, () => {
|
|
151
|
+
t(this, l).set("loaded", !0), t(this, l).set("error", !1), t(this, l).set("loading", !1), !t(this, g) && !t(this, b) && Z.complete(t(this, I)), $(this, "sourceLoaded", { custom: !0 });
|
|
152
|
+
const e = getComputedStyle(this).getPropertyValue("--clear-duration");
|
|
153
|
+
e ? s(this, O, setTimeout(() => {
|
|
154
|
+
t(this, l).set("clear", !0);
|
|
155
|
+
}, parseFloat(e) * 1e3)) : t(this, l).set("clear", !0), s(this, b, !0);
|
|
156
|
+
});
|
|
157
|
+
i(this, G, (e) => {
|
|
158
|
+
t(this, l).set("loaded", !1), t(this, l).set("error", !0), t(this, l).set("loading", !1), !t(this, g) && !t(this, b) && Z.error(t(this, I)), $(this, "sourceError", { custom: !0 }), s(this, b, !0);
|
|
159
|
+
});
|
|
160
|
+
i(this, N, () => {
|
|
161
|
+
t(this, l).set("playing", !0);
|
|
162
|
+
const e = this.getAttribute("data-global-play-class");
|
|
163
|
+
e && e.split(",").forEach((n) => {
|
|
164
|
+
document.documentElement.classList.add(n.trim());
|
|
165
|
+
}), $(this, "sourcePlay", { custom: !0 });
|
|
166
|
+
});
|
|
167
|
+
i(this, U, () => {
|
|
168
|
+
t(this, l).set("playing", !1);
|
|
169
|
+
const e = this.getAttribute("data-global-play-class");
|
|
170
|
+
e && e.split(",").forEach((n) => {
|
|
171
|
+
document.documentElement.classList.remove(n.trim());
|
|
172
|
+
}), $(this, "sourcePause", { custom: !0 });
|
|
173
|
+
});
|
|
174
|
+
i(this, T, () => {
|
|
175
|
+
const e = t(this, r);
|
|
176
|
+
(e.tagName === "VIDEO" || e.tagName === "AUDIO") && e.readyState >= 1 && (t(this, l).set("metadata", !0), $(this, "sourceMetadataLoaded", { custom: !0 }), this.querySelectorAll("[data-source-duration]").forEach((n) => {
|
|
177
|
+
n.textContent = ht(e.duration);
|
|
178
|
+
}));
|
|
179
|
+
});
|
|
180
|
+
s(this, P, e == null ? void 0 : e.sourceSetOptions), et && window.IntersectionObserver && s(this, C, new IntersectionObserver(
|
|
181
|
+
t(this, _)
|
|
182
|
+
));
|
|
183
|
+
}
|
|
184
|
+
get consumerElement() {
|
|
185
|
+
return t(this, r);
|
|
186
|
+
}
|
|
187
|
+
get sourceManager() {
|
|
188
|
+
return t(this, m);
|
|
189
|
+
}
|
|
190
|
+
get status() {
|
|
191
|
+
return t(this, l);
|
|
192
|
+
}
|
|
193
|
+
get isLazy() {
|
|
194
|
+
return t(this, g);
|
|
195
|
+
}
|
|
196
|
+
get currentURL() {
|
|
197
|
+
return t(this, v);
|
|
198
|
+
}
|
|
199
|
+
get isFirstLoadHappened() {
|
|
200
|
+
return t(this, b);
|
|
201
|
+
}
|
|
202
|
+
triggerLazyLoad() {
|
|
203
|
+
!t(this, L) && t(this, m).current && t(this, m).current !== t(this, m).previous && (s(this, L, !0), H(this, R, j).call(this, t(this, m).current));
|
|
204
|
+
}
|
|
205
|
+
connectedCallback() {
|
|
206
|
+
var d;
|
|
207
|
+
s(this, B, `source-consumer-${++ot}`);
|
|
208
|
+
const e = this.getAttribute("srcset") || "", n = this.hasAttribute("notify") ? this.closest(this.getAttribute("notify")) : null;
|
|
209
|
+
n && t(this, l).addElement(n), (d = this.querySelector(".source-consumer")) == null || d.remove(), s(this, r, this.createConsumer()), t(this, r).style.cssText = `
|
|
210
|
+
display: block;
|
|
211
|
+
width: 100%;
|
|
212
|
+
height: 100%;
|
|
213
|
+
`, t(this, r).classList.add("source-consumer"), t(this, r).addEventListener("play", t(this, N)), t(this, r).addEventListener("pause", t(this, U)), t(this, r).addEventListener(
|
|
214
|
+
"loadedmetadata",
|
|
215
|
+
t(this, T)
|
|
216
|
+
), t(this, T).call(this), Array.from(this.attributes).forEach((c) => {
|
|
217
|
+
if (c.name !== "srcset") {
|
|
218
|
+
const f = c.nodeValue || "", w = st(c.name);
|
|
219
|
+
w in t(this, r) && (t(this, r)[w] = f || !0);
|
|
220
|
+
}
|
|
221
|
+
}), this.appendChild(t(this, r)), s(this, m, new nt({
|
|
222
|
+
srcset: e,
|
|
223
|
+
sourceSetOptions: t(this, P)
|
|
224
|
+
})), s(this, g, this.hasAttribute("lazy")), t(this, m).subscribe((c) => {
|
|
225
|
+
(!t(this, g) || t(this, g) && t(this, L)) && H(this, R, j).call(this, c.current);
|
|
226
|
+
}), t(this, m).connect(), t(this, C).observe(this);
|
|
227
|
+
}
|
|
228
|
+
disconnectedCallback() {
|
|
229
|
+
var e;
|
|
230
|
+
clearTimeout(t(this, O)), t(this, C).disconnect(), (e = t(this, m)) == null || e.close(), t(this, r) && (this.consumeSource(null), t(this, r).removeEventListener("play", t(this, N)), t(this, r).removeEventListener("pause", t(this, U)), t(this, r).removeEventListener(
|
|
231
|
+
"loadedmetadata",
|
|
232
|
+
t(this, T)
|
|
233
|
+
), t(this, r).onloadeddata = null, t(this, r).onload = null, t(this, r).onerror = null, t(this, r).onerror = null, t(this, r).remove()), s(this, b, !1), s(this, L, !1), t(this, l).reset();
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
m = new WeakMap(), r = new WeakMap(), b = new WeakMap(), L = new WeakMap(), g = new WeakMap(), B = new WeakMap(), I = new WeakMap(), l = new WeakMap(), C = new WeakMap(), O = new WeakMap(), v = new WeakMap(), P = new WeakMap(), R = new WeakSet(), j = function(e) {
|
|
237
|
+
if (clearTimeout(t(this, O)), t(this, r).onloadeddata = null, t(this, r).onload = null, t(this, r).onerror = null, t(this, l).set("loaded", !1), t(this, l).set("error", !1), t(this, l).set("loading", !1), t(this, l).set("clear", !1), t(this, l).set("playing", !1), t(this, l).set("metadata", !1), e) {
|
|
238
|
+
s(this, I, `${t(this, B)}-${e.url}`);
|
|
239
|
+
const n = this.hasAttribute("keep-source-parameters");
|
|
240
|
+
t(this, l).set("loading", !0), s(this, v, n ? e.url : e.name + e.extension), this.consumeSource(t(this, v)), !t(this, g) && !t(this, b) && Z.add(t(this, I)), t(this, r).onloadeddata = () => {
|
|
241
|
+
t(this, D).call(this);
|
|
242
|
+
}, t(this, r).onload = () => {
|
|
243
|
+
t(this, D).call(this);
|
|
244
|
+
}, t(this, r).onerror = () => {
|
|
245
|
+
t(this, G).call(this, t(this, v));
|
|
246
|
+
};
|
|
247
|
+
} else
|
|
248
|
+
s(this, v, null), this.consumeSource(null);
|
|
249
|
+
}, _ = new WeakMap(), D = new WeakMap(), G = new WeakMap(), N = new WeakMap(), U = new WeakMap(), T = new WeakMap();
|
|
250
|
+
export {
|
|
251
|
+
at as S,
|
|
252
|
+
Et as a,
|
|
253
|
+
Y as b,
|
|
254
|
+
nt as c
|
|
255
|
+
};
|
package/lib/iframe/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var u=r=>{throw TypeError(r)};var a=(r,t,e)=>t.has(r)||u("Cannot "+e);var s=(r,t,e)=>(a(r,t,"read from private field"),e?e.call(r):t.get(r)),o=(r,t,e)=>t.has(r)?u("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(r):t.set(r,e),c=(r,t,e,i)=>(a(r,t,"write to private field"),i?i.call(r,e):t.set(r,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../SourceElement-
|
|
1
|
+
"use strict";var u=r=>{throw TypeError(r)};var a=(r,t,e)=>t.has(r)||u("Cannot "+e);var s=(r,t,e)=>(a(r,t,"read from private field"),e?e.call(r):t.get(r)),o=(r,t,e)=>t.has(r)?u("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(r):t.set(r,e),c=(r,t,e,i)=>(a(r,t,"write to private field"),i?i.call(r,e):t.set(r,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../SourceElement-D3xzMW9v.cjs");require("../window-resizer/index.cjs");require("../Store-Cd1GlEmZ.cjs");const f=require("../index-DekP7OZe.cjs");require("construct-style-sheets-polyfill");var n,l,m;class E extends h.SourceElement{constructor(){super({sourceSetOptions:{mediaBuckets:!1}});o(this,n,null);o(this,l,()=>{var e,i;(i=(e=this.consumerElement).onload)==null||i.call(e,new Event("load"))});o(this,m,()=>{var e,i;(i=(e=this.consumerElement).onload)==null||i.call(e,new Event("error"))})}createConsumer(){return document.createElement("div")}consumeSource(e){s(this,n)&&(s(this,n).onload=null,s(this,n).onerror=null),this.consumerElement.innerHTML=(e==null?void 0:e.replace(/\\u003C/g,"<").replace(/\\u003E/g,">").replace(/\\"/g,'"'))||"",c(this,n,this.consumerElement.querySelector("iframe")),s(this,n)&&(s(this,n).onload=s(this,l),s(this,n).onerror=s(this,m))}}n=new WeakMap,l=new WeakMap,m=new WeakMap;f.isBrowser&&!customElements.get("e-iframe")&&customElements.define("e-iframe",E);exports.IFrameElement=E;
|
package/lib/iframe/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var a = (r) => {
|
|
|
3
3
|
};
|
|
4
4
|
var u = (r, t, e) => t.has(r) || a("Cannot " + e);
|
|
5
5
|
var s = (r, t, e) => (u(r, t, "read from private field"), e ? e.call(r) : t.get(r)), i = (r, t, e) => t.has(r) ? a("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), c = (r, t, e, o) => (u(r, t, "write to private field"), o ? o.call(r, e) : t.set(r, e), e);
|
|
6
|
-
import { a as E } from "../SourceElement-
|
|
6
|
+
import { a as E } from "../SourceElement-DdvZ3tM_.js";
|
|
7
7
|
import "../window-resizer/index.js";
|
|
8
8
|
import "../Store-0BVty6AZ.js";
|
|
9
9
|
import { i as f } from "../index-Bv9zgfdb.js";
|
package/lib/image/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../Viewport-DB0qAZPJ.cjs"),i=require("../SourceElement-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../Viewport-DB0qAZPJ.cjs"),i=require("../SourceElement-D3xzMW9v.cjs");require("../window-resizer/index.cjs");require("../Store-Cd1GlEmZ.cjs");const n=require("../index-DekP7OZe.cjs");require("construct-style-sheets-polyfill");class t extends i.SourceElement{createConsumer(){return document.createElement("img")}consumeSource(e){if(e&&this.hasAttribute("webp")&&s.device.isWebp){const r=e.split(".").slice(0,-1).join(".")+".webp";this.consumerElement.src=r}else this.consumerElement.src=e||""}}n.isBrowser&&!customElements.get("e-image")&&customElements.define("e-image",t);exports.ImageElement=t;
|
package/lib/image/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { d as m } from "../Viewport-DA10iWAO.js";
|
|
2
|
-
import { a as s } from "../SourceElement-
|
|
2
|
+
import { a as s } from "../SourceElement-DdvZ3tM_.js";
|
|
3
3
|
import "../window-resizer/index.js";
|
|
4
4
|
import "../Store-0BVty6AZ.js";
|
|
5
5
|
import { i } from "../index-Bv9zgfdb.js";
|
package/lib/sequence/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var x=s=>{throw TypeError(s)};var I=(s,n,e)=>n.has(s)||x("Cannot "+e);var t=(s,n,e)=>(I(s,n,"read from private field"),e?e.call(s):n.get(s)),c=(s,n,e)=>n.has(s)?x("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(s):n.set(s,e),l=(s,n,e,i)=>(I(s,n,"write to private field"),i?i.call(s,e):n.set(s,e),e);var L=(s,n,e)=>new Promise((i,f)=>{var w=o=>{try{u(e.next(o))}catch(r){f(r)}},y=o=>{try{u(e.throw(o))}catch(r){f(r)}},u=o=>o.done?i(o.value):Promise.resolve(o.value).then(w,y);u((e=e.apply(s,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../css-property/index.cjs"),R=require("../element-resizer/index.cjs"),k=require("../index-DekP7OZe.cjs"),z=require("../canvas-CU5Xjahf.cjs");require("construct-style-sheets-polyfill");const H=require("../SourceElement-
|
|
1
|
+
"use strict";var x=s=>{throw TypeError(s)};var I=(s,n,e)=>n.has(s)||x("Cannot "+e);var t=(s,n,e)=>(I(s,n,"read from private field"),e?e.call(s):n.get(s)),c=(s,n,e)=>n.has(s)?x("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(s):n.set(s,e),l=(s,n,e,i)=>(I(s,n,"write to private field"),i?i.call(s,e):n.set(s,e),e);var L=(s,n,e)=>new Promise((i,f)=>{var w=o=>{try{u(e.next(o))}catch(r){f(r)}},y=o=>{try{u(e.throw(o))}catch(r){f(r)}},u=o=>o.done?i(o.value):Promise.resolve(o.value).then(w,y);u((e=e.apply(s,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../css-property/index.cjs"),R=require("../element-resizer/index.cjs"),k=require("../index-DekP7OZe.cjs"),z=require("../canvas-CU5Xjahf.cjs");require("construct-style-sheets-polyfill");const H=require("../SourceElement-D3xzMW9v.cjs");require("../window-resizer/index.cjs");require("../Store-Cd1GlEmZ.cjs");const M=require("../canvas/index.cjs");function W(s){const n=s.match(/\{([\d-]+)\}/);if(n){const e=n[1].split("-");if(e.length===2){const i=parseInt(e[0],10),f=parseInt(e[1],10);return{start:i,end:f}}}return null}var h,E,S,m,d,b,g,p,a,v;class B extends H.SourceElement{constructor(e){super();c(this,h,[]);c(this,E,new q.CSSProperty(this,"--fit","contain"));c(this,S,new q.CSSProperty(this,"--autoplay",!1));c(this,m,new q.CSSProperty(this,"--offset-x",.5));c(this,d,new q.CSSProperty(this,"--offset-y",.5));c(this,b,null);c(this,g,0);c(this,p,1);c(this,a,()=>{if(t(this,h).length){const e=t(this,h)[0];t(this,E).current==="cover"?l(this,b,z.cover(e.naturalWidth,e.naturalHeight,this.consumerElement.width,this.consumerElement.height,t(this,m).current,t(this,d).current)):l(this,b,z.contain(e.naturalWidth,e.naturalHeight,this.consumerElement.width,this.consumerElement.height,t(this,m).current,t(this,d).current))}});c(this,v,e=>{if(this.status.isFalse("loaded")||!t(this,b))return;e.detail.context.clearRect(0,0,e.detail.width,e.detail.height);const i=t(this,h)[t(this,g)];i&&e.detail.context.drawImage(i,...t(this,b)),t(this,S).current&&l(this,g,(t(this,g)+1)%t(this,h).length)});k.isBrowser&&(l(this,p,parseInt(((e==null?void 0:e.pad)||this.getAttribute("pad")||"1").toString())),t(this,E).subscribe(t(this,a)),t(this,m).subscribe(t(this,a)),t(this,d).subscribe(t(this,a)),this.addEventListener("sourceCapture",i=>{this.consumerElement.addEventListener("canvasRender",t(this,v))}),this.addEventListener("sourceRelease",i=>{this.consumerElement.removeEventListener("canvasRender",t(this,v))}))}setProgress(e){t(this,h).length&&l(this,g,Math.floor((t(this,h).length-1)*e))}connectedCallback(){super.connectedCallback(),t(this,S).observe(),t(this,E).observe(),t(this,m).observe(),t(this,d).observe(),R.elementResizer.subscribe(this,t(this,a))}disconnectedCallback(){super.disconnectedCallback(),t(this,S).unobserve(),t(this,E).unobserve(),t(this,m).unobserve(),t(this,d).unobserve(),l(this,h,[]),R.elementResizer.unsubscribe(t(this,a)),this.consumerElement.removeEventListener("canvasRender",t(this,v))}createConsumer(){return new M.CanvasElement}consumeSource(e){return L(this,null,function*(){var i,f,w,y;if(e){this.consumerElement.removeEventListener("canvasRender",t(this,v));const u=[],o=W(e);if(o)for(let r=o.start;r<=o.end;r++){const P=e.replace(/\{([^}]+)\}/,r.toString().padStart(t(this,p),"0")),C=new Image;C.src=P,u.push(C)}else{const r=new Image;r.src=e,u.push(r)}try{yield Promise.all(u.map((r,P)=>new Promise((C,_)=>{r.onload=()=>{C()},r.onerror=j=>{_(`${r.src} Image not found`)}}))),l(this,h,u),t(this,a).call(this),(f=(i=this.consumerElement).onload)==null||f.call(i,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",t(this,v))}catch(r){console.error(r),(y=(w=this.consumerElement).onerror)==null||y.call(w,new Event("error"))}}})}}h=new WeakMap,E=new WeakMap,S=new WeakMap,m=new WeakMap,d=new WeakMap,b=new WeakMap,g=new WeakMap,p=new WeakMap,a=new WeakMap,v=new WeakMap;k.isBrowser&&!customElements.get("e-sequence")&&customElements.define("e-sequence",B);exports.SequenceElement=B;
|
package/lib/sequence/index.js
CHANGED
|
@@ -24,7 +24,7 @@ import { elementResizer as k } from "../element-resizer/index.js";
|
|
|
24
24
|
import { i as q } from "../index-Bv9zgfdb.js";
|
|
25
25
|
import { c as B, a as H } from "../canvas-DeZ0SLUJ.js";
|
|
26
26
|
import "construct-style-sheets-polyfill";
|
|
27
|
-
import { a as W } from "../SourceElement-
|
|
27
|
+
import { a as W } from "../SourceElement-DdvZ3tM_.js";
|
|
28
28
|
import "../window-resizer/index.js";
|
|
29
29
|
import "../Store-0BVty6AZ.js";
|
|
30
30
|
import { CanvasElement as A } from "../canvas/index.js";
|
|
@@ -6,6 +6,9 @@ export interface SourceEvents {
|
|
|
6
6
|
sourceRelease: CustomEvent;
|
|
7
7
|
sourceLoaded: CustomEvent;
|
|
8
8
|
sourceError: CustomEvent;
|
|
9
|
+
sourcePlay: CustomEvent;
|
|
10
|
+
sourcePause: CustomEvent;
|
|
11
|
+
sourceMetadataLoaded: CustomEvent;
|
|
9
12
|
}
|
|
10
13
|
export interface SourceElementOptions {
|
|
11
14
|
sourceSetOptions?: SourceSetOptions;
|
|
@@ -21,6 +24,7 @@ export declare abstract class SourceElement<T extends HTMLElement> extends HTMLE
|
|
|
21
24
|
error: false;
|
|
22
25
|
clear: false;
|
|
23
26
|
playing: false;
|
|
27
|
+
metadata: false;
|
|
24
28
|
}>;
|
|
25
29
|
get isLazy(): boolean;
|
|
26
30
|
get currentURL(): string | null;
|
package/lib/source/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../SourceElement-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../SourceElement-D3xzMW9v.cjs");exports.Source=e.Source;exports.SourceElement=e.SourceElement;exports.SourceManager=e.SourceManager;exports.SourceSet=e.SourceSet;
|
package/lib/source/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function formatMediaDuration(seconds: number): string;
|
package/lib/video/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var h=
|
|
1
|
+
"use strict";var h=t=>{throw TypeError(t)};var m=(t,s,e)=>s.has(t)||h("Cannot "+e);var i=(t,s,e)=>(m(t,s,"read from private field"),e?e.call(t):s.get(t)),u=(t,s,e)=>s.has(t)?h("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(t):s.set(t,e),c=(t,s,e,l)=>(m(t,s,"write to private field"),l?l.call(t,e):s.set(t,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../SourceElement-D3xzMW9v.cjs");require("../window-resizer/index.cjs");require("../Store-Cd1GlEmZ.cjs");const p=require("../index-DekP7OZe.cjs"),b=require("../events-KVanG9sR.cjs");require("construct-style-sheets-polyfill");const o=require("../ticker/index.cjs");var r,n,a;class d extends E.SourceElement{constructor(){super(...arguments);u(this,r,0);u(this,n,!1);u(this,a,()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const e=this.consumerElement.readyState/4;e!==i(this,r)&&b.dispatchEvent(this,"videoReadyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:i(this,r)}}),e>i(this,r)&&c(this,r,e),this.consumerElement.readyState===4&&(o.ticker.unsubscribe(i(this,a)),i(this,n)&&this.sourceManager.current&&this.consumerElement.play())})}connectedCallback(){super.connectedCallback(),this.addEventListener("sourceCapture",()=>{c(this,n,!1),this.hasAttribute("capture-autoplay")&&(this.sourceManager.current?this.consumerElement.play():c(this,n,!0)),o.ticker.subscribe(i(this,a))}),this.addEventListener("sourceRelease",()=>{this.hasAttribute("capture-autoplay")&&this.consumerElement.pause(),this.hasAttribute("release-pause")&&this.consumerElement.pause(),this.hasAttribute("release-stop")&&(this.consumerElement.pause(),this.consumerElement.currentTime=0),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0),this.hasAttribute("reload-source")&&this.classList.remove("state-0","state-1","state-2","state-3","state-4")}),this.addEventListener("click",()=>{this.hasAttribute("click-controls")&&(this.consumerElement.paused?this.consumerElement.play():this.consumerElement.pause())})}disconnectedCallback(){super.disconnectedCallback(),o.ticker.unsubscribe(i(this,a)),c(this,r,0)}createConsumer(){return document.createElement("video")}consumeSource(e){this.consumerElement.src=e||"",e&&this.hasAttribute("volume")&&(this.consumerElement.volume=parseFloat(this.getAttribute("volume")||"1"))}}r=new WeakMap,n=new WeakMap,a=new WeakMap;p.isBrowser&&!customElements.get("e-video")&&customElements.define("e-video",d);exports.VideoElement=d;
|
package/lib/video/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
var h = (
|
|
2
|
-
throw TypeError(
|
|
1
|
+
var h = (t) => {
|
|
2
|
+
throw TypeError(t);
|
|
3
3
|
};
|
|
4
|
-
var l = (
|
|
5
|
-
var i = (
|
|
6
|
-
import { a as d } from "../SourceElement-
|
|
4
|
+
var l = (t, s, e) => s.has(t) || h("Cannot " + e);
|
|
5
|
+
var i = (t, s, e) => (l(t, s, "read from private field"), e ? e.call(t) : s.get(t)), c = (t, s, e) => s.has(t) ? h("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), o = (t, s, e, m) => (l(t, s, "write to private field"), m ? m.call(t, e) : s.set(t, e), e);
|
|
6
|
+
import { a as d } from "../SourceElement-DdvZ3tM_.js";
|
|
7
7
|
import "../window-resizer/index.js";
|
|
8
8
|
import "../Store-0BVty6AZ.js";
|
|
9
9
|
import { i as p } from "../index-Bv9zgfdb.js";
|
|
@@ -18,13 +18,13 @@ class f extends d {
|
|
|
18
18
|
c(this, a, !1);
|
|
19
19
|
c(this, n, () => {
|
|
20
20
|
this.classList.add(`state-${this.consumerElement.readyState}`);
|
|
21
|
-
const
|
|
22
|
-
|
|
21
|
+
const e = this.consumerElement.readyState / 4;
|
|
22
|
+
e !== i(this, r) && E(this, "videoReadyStateChange", {
|
|
23
23
|
detail: {
|
|
24
24
|
readyState: this.consumerElement.readyState,
|
|
25
25
|
progress: i(this, r)
|
|
26
26
|
}
|
|
27
|
-
}), this.consumerElement.readyState === 4 && (u.unsubscribe(i(this, n)), i(this, a) && this.sourceManager.current && this.consumerElement.play());
|
|
27
|
+
}), e > i(this, r) && o(this, r, e), this.consumerElement.readyState === 4 && (u.unsubscribe(i(this, n)), i(this, a) && this.sourceManager.current && this.consumerElement.play());
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
30
|
connectedCallback() {
|
|
@@ -48,8 +48,8 @@ class f extends d {
|
|
|
48
48
|
createConsumer() {
|
|
49
49
|
return document.createElement("video");
|
|
50
50
|
}
|
|
51
|
-
consumeSource(
|
|
52
|
-
this.consumerElement.src =
|
|
51
|
+
consumeSource(e) {
|
|
52
|
+
this.consumerElement.src = e || "", e && this.hasAttribute("volume") && (this.consumerElement.volume = parseFloat(
|
|
53
53
|
this.getAttribute("volume") || "1"
|
|
54
54
|
));
|
|
55
55
|
}
|
package/lib/youtube/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var v=s=>{throw TypeError(s)};var E=(s,r,t)=>r.has(s)||v("Cannot "+t);var e=(s,r,t)=>(E(s,r,"read from private field"),t?t.call(s):r.get(s)),o=(s,r,t)=>r.has(s)?v("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(s):r.set(s,t),u=(s,r,t,a)=>(E(s,r,"write to private field"),a?a.call(s,t):r.set(s,t),t),w=(s,r,t)=>(E(s,r,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../SourceElement-
|
|
1
|
+
"use strict";var v=s=>{throw TypeError(s)};var E=(s,r,t)=>r.has(s)||v("Cannot "+t);var e=(s,r,t)=>(E(s,r,"read from private field"),t?t.call(s):r.get(s)),o=(s,r,t)=>r.has(s)?v("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(s):r.set(s,t),u=(s,r,t,a)=>(E(s,r,"write to private field"),a?a.call(s,t):r.set(s,t),t),w=(s,r,t)=>(E(s,r,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../SourceElement-D3xzMW9v.cjs");require("../window-resizer/index.cjs");require("../Store-Cd1GlEmZ.cjs");const L=require("../index-DekP7OZe.cjs"),T=require("../events-KVanG9sR.cjs"),_=require("../string-DUXXtU8v.cjs");require("construct-style-sheets-polyfill");var i,c,n,y,l,f,b,R,p,I;const d=class d extends A.SourceElement{constructor(){super();o(this,p);o(this,i);o(this,c);o(this,n,!1);o(this,y,!1);o(this,l,()=>{u(this,n,e(this,n)||this.hasAttribute("autoplay")&&!this.hasAttribute("capture-autoplay")),u(this,i,new window.YT.Player(e(this,c),{playerVars:{mute:this.hasAttribute("muted")?1:0,controls:this.hasAttribute("controls")?1:0},events:{onReady:e(this,f),onError:e(this,b),onStateChange:e(this,R)}}))});o(this,f,()=>{u(this,y,!0),w(this,p,I).call(this)});o(this,b,t=>{var a,h;console.error("YouTube: Ошибка при загрузке видео:",this.currentURL,t),(h=(a=this.consumerElement).onerror)==null||h.call(a,new Event("error"))});o(this,R,()=>{});u(this,c,"yt-"+_.generateId(10)),d.__apiReady||(window.onYouTubeIframeAPIReady=()=>{d.__apiReady=!0,T.dispatchEvent(window,"youTubeIframeAPIReady")}),this.addEventListener("sourceCapture",()=>{this.hasAttribute("capture-autoplay")&&(e(this,y)?e(this,i).playVideo():u(this,n,!0))}),this.addEventListener("sourceRelease",()=>{e(this,i)&&this.hasAttribute("capture-autoplay")&&(e(this,i).pauseVideo(),this.hasAttribute("replay")&&e(this,i).seekTo(0))})}static __onYouTubeIframeAPIReady(){this.__apiReady=!0}createConsumer(){const t=document.createElement("div");return t.id=e(this,c),t}consumeSource(t){var a;if(t){if(!document.getElementById("youtube-script")){const h=document.createElement("script");h.id,h.src="https://www.youtube.com/iframe_api";const g=document.getElementsByTagName("script")[0];(a=g.parentNode)==null||a.insertBefore(h,g)}e(this,i)?w(this,p,I).call(this):d.__apiReady?e(this,l).call(this):addEventListener("youTubeIframeAPIReady",e(this,l))}else e(this,i)&&e(this,i).stopVideo()}disconnectedCallback(){super.disconnectedCallback(),e(this,i)&&e(this,i).destroy(),removeEventListener("youTubeIframeAPIReady",e(this,l))}};i=new WeakMap,c=new WeakMap,n=new WeakMap,y=new WeakMap,l=new WeakMap,f=new WeakMap,b=new WeakMap,R=new WeakMap,p=new WeakSet,I=function(){var t,a;this.currentURL&&(this.currentURL.startsWith("http")?e(this,i).loadVideoByUrl(this.currentURL):e(this,i).loadVideoById(this.currentURL)),e(this,n)?e(this,i).playVideo():e(this,i).stopVideo(),u(this,n,!1),(a=(t=this.consumerElement).onload)==null||a.call(t,new Event("load"))},d.__apiReady=!1;let m=d;L.isBrowser&&!customElements.get("e-youtube")&&customElements.define("e-youtube",m);exports.YouTubeElement=m;
|
package/lib/youtube/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var L = (s) => {
|
|
|
3
3
|
};
|
|
4
4
|
var b = (s, r, t) => r.has(s) || L("Cannot " + t);
|
|
5
5
|
var e = (s, r, t) => (b(s, r, "read from private field"), t ? t.call(s) : r.get(s)), o = (s, r, t) => r.has(s) ? L("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(s) : r.set(s, t), u = (s, r, t, a) => (b(s, r, "write to private field"), a ? a.call(s, t) : r.set(s, t), t), E = (s, r, t) => (b(s, r, "access private method"), t);
|
|
6
|
-
import { a as g } from "../SourceElement-
|
|
6
|
+
import { a as g } from "../SourceElement-DdvZ3tM_.js";
|
|
7
7
|
import "../window-resizer/index.js";
|
|
8
8
|
import "../Store-0BVty6AZ.js";
|
|
9
9
|
import { i as v } from "../index-Bv9zgfdb.js";
|
package/package.json
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"use strict";var Q=o=>{throw TypeError(o)};var N=(o,n,e)=>n.has(o)||Q("Cannot "+e);var t=(o,n,e)=>(N(o,n,"read from private field"),e?e.call(o):n.get(o)),i=(o,n,e)=>n.has(o)?Q("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(o):n.set(o,e),s=(o,n,e,c)=>(N(o,n,"write to private field"),c?c.call(o,e):n.set(o,e),e),D=(o,n,e)=>(N(o,n,"access private method"),e);const et=require("./element-linked-store/index.cjs"),st=require("./index-DekP7OZe.cjs"),F=require("./events-KVanG9sR.cjs"),it=require("./string-DUXXtU8v.cjs");require("construct-style-sheets-polyfill");const W=require("./loading/index.cjs"),rt=require("./order/index.cjs"),X=require("./window-resizer/index.cjs"),nt=require("./Store-Cd1GlEmZ.cjs");var z,q,O,L,u,f,R;class Y{constructor(n){i(this,z);i(this,q);i(this,O);i(this,L);i(this,u);i(this,f);i(this,R);s(this,z,n);let e=n.split(".");const c=/\b\d{1,2}x\b/g,m=e.find(g=>g.match(c)&&parseInt(g));s(this,O,m?parseInt(m):1),m&&(e=e.slice(0,-1)),s(this,q,e.length>1?e.slice(0,-1).join("."):e.join("."));const l=/\d+max/g,x=/\d+min/g,v=/\d+mar/g,U=/\d+mir/g,K=e.find(g=>g.match(l)),h=e.find(g=>g.match(x)),E=e.find(g=>g.match(v)),J=e.find(g=>g.match(U));E?(s(this,u,parseInt(E)),s(this,f,"max"),s(this,L,`(max-aspect-ratio: ${t(this,u)})`)):J?(s(this,u,parseInt(J)),s(this,f,"max"),s(this,L,`(min-aspect-ratio: ${t(this,u)})`)):K?(s(this,u,parseInt(K)),s(this,f,"max"),s(this,L,`(max-width: ${t(this,u)}px)`)):h?(s(this,u,parseInt(h)),s(this,L,`(min-width: ${t(this,u)}px)`),s(this,f,"min")):(s(this,u,0),s(this,L,`(min-width: ${t(this,u)}px)`),s(this,f,"min")),s(this,q,t(this,q).replace(`.${t(this,u)}${t(this,f)}`,"")),s(this,R,e[e.length-1]===t(this,q)?"":"."+e[e.length-1]),s(this,R,t(this,R).replace(`.${t(this,u)}${t(this,f)}`,""))}get url(){return t(this,z)}get name(){return t(this,q)}get density(){return t(this,O)}get query(){return t(this,L)}get extension(){return t(this,R)}get queryType(){return t(this,f)}get queryValue(){return t(this,u)}}z=new WeakMap,q=new WeakMap,O=new WeakMap,L=new WeakMap,u=new WeakMap,f=new WeakMap,R=new WeakMap;var S;class Z{constructor(n,e){i(this,S);s(this,S,new Map);const c=(e==null?void 0:e.mediaBuckets)!==!1,m=typeof n=="string"?c?n.trim().split(",").map(h=>h.trim()).filter(h=>!!h):[n]:n,l=[];m.forEach(h=>{const E=new Y(h);l.push([E.query,E])});const x=l.filter(h=>h[1].queryType.includes("max")).sort((h,E)=>E[1].queryValue-h[1].queryValue),v=l.filter(h=>h[1].queryType.includes("min")&&h[1].queryValue!==0).sort((h,E)=>h[1].queryValue-E[1].queryValue),U=l.filter(h=>h[0]==="(min-width: 0px)");(U?[...U,...x,...v]:[...x,...v]).forEach(h=>{t(this,S).has(h[0])||t(this,S).set(h[0],[]),t(this,S).get(h[0]).push(h[1])})}get mediaBuckets(){return t(this,S)}}S=new WeakMap;var A,k;class tt extends nt.Store{constructor(e){super(void 0);i(this,A);i(this,k,()=>{let e;t(this,A).mediaBuckets.forEach((l,x)=>{matchMedia(x).matches&&(e=l)});let c,m=0;e==null||e.forEach(l=>{l.density>m&&l.density<=Math.max(devicePixelRatio,1)&&(m=l.density,c=l)}),e!=null&&e.length&&!c&&(c=e[0]),this.current=c});s(this,A,new Z(e.srcset,e.sourceSetOptions))}updateSource(e){s(this,A,new Z(e.srcset,e.sourceSetOptions)),t(this,k).call(this)}close(){super.close(),this.disconnect()}connect(){X.windowResizer.subscribe(t(this,k),rt.RESIZE_ORDER.SOURCE_MANAGER),t(this,k).call(this)}disconnect(){X.windowResizer.unsubscribe(t(this,k))}}A=new WeakMap,k=new WeakMap;let ht=0;var d,r,y,b,p,C,M,a,I,$,w,V,T,H,j,B,G,_,P;class at extends HTMLElement{constructor(e){super();i(this,T);i(this,d,null);i(this,r,null);i(this,y,!1);i(this,b,!1);i(this,p,!1);i(this,C,"");i(this,M,"");i(this,a,new et.ElementLinkedStore(this,{loading:!1,loaded:!1,error:!1,clear:!1,playing:!1}));i(this,I,null);i(this,$);i(this,w,null);i(this,V);i(this,j,e=>{const c=e[0];t(this,p)&&(!t(this,b)||this.hasAttribute("reload-source"))&&c.isIntersecting&&this.triggerLazyLoad(),c.isIntersecting?F.dispatchEvent(this,"sourceCapture",{custom:!0}):(this.hasAttribute("reload-source")&&(D(this,T,H).call(this,void 0),s(this,b,!1)),F.dispatchEvent(this,"sourceRelease",{custom:!0}))});i(this,B,()=>{t(this,a).set("loaded",!0),t(this,a).set("error",!1),t(this,a).set("loading",!1),!t(this,p)&&!t(this,y)&&W.loading.complete(t(this,M)),F.dispatchEvent(this,"sourceLoaded",{custom:!0});const e=getComputedStyle(this).getPropertyValue("--clear-duration");e?s(this,$,setTimeout(()=>{t(this,a).set("clear",!0)},parseFloat(e)*1e3)):t(this,a).set("clear",!0),s(this,y,!0)});i(this,G,e=>{t(this,a).set("loaded",!1),t(this,a).set("error",!0),t(this,a).set("loading",!1),!t(this,p)&&!t(this,y)&&W.loading.error(t(this,M)),F.dispatchEvent(this,"sourceError",{custom:!0}),s(this,y,!0)});i(this,_,()=>{t(this,a).set("playing",!0)});i(this,P,()=>{t(this,a).set("playing",!1)});s(this,V,e==null?void 0:e.sourceSetOptions),st.isBrowser&&window.IntersectionObserver&&s(this,I,new IntersectionObserver(t(this,j)))}get consumerElement(){return t(this,r)}get sourceManager(){return t(this,d)}get status(){return t(this,a)}get isLazy(){return t(this,p)}get currentURL(){return t(this,w)}get isFirstLoadHappened(){return t(this,y)}triggerLazyLoad(){!t(this,b)&&t(this,d).current&&t(this,d).current!==t(this,d).previous&&(s(this,b,!0),D(this,T,H).call(this,t(this,d).current))}connectedCallback(){var m;s(this,C,`source-consumer-${++ht}`);const e=this.getAttribute("srcset")||"",c=this.hasAttribute("notify")?this.closest(this.getAttribute("notify")):null;c&&t(this,a).addElement(c),(m=this.querySelector(".source-consumer"))==null||m.remove(),s(this,r,this.createConsumer()),t(this,r).style.cssText=`
|
|
2
|
-
display: block;
|
|
3
|
-
width: 100%;
|
|
4
|
-
height: 100%;
|
|
5
|
-
`,t(this,r).classList.add("source-consumer"),t(this,r).addEventListener("play",t(this,_)),t(this,r).addEventListener("pause",t(this,P)),Array.from(this.attributes).forEach(l=>{if(l.name!=="srcset"){const x=l.nodeValue||"",v=it.kebabToCamel(l.name);v in t(this,r)&&(t(this,r)[v]=x||!0)}}),this.appendChild(t(this,r)),s(this,d,new tt({srcset:e,sourceSetOptions:t(this,V)})),s(this,p,this.hasAttribute("lazy")),t(this,d).subscribe(l=>{(!t(this,p)||t(this,p)&&t(this,b))&&D(this,T,H).call(this,l.current)}),t(this,d).connect(),t(this,I).observe(this)}disconnectedCallback(){var e;clearTimeout(t(this,$)),t(this,I).disconnect(),(e=t(this,d))==null||e.close(),t(this,r)&&(this.consumeSource(null),t(this,r).removeEventListener("play",t(this,_)),t(this,r).removeEventListener("pause",t(this,P)),t(this,r).onloadeddata=null,t(this,r).onload=null,t(this,r).onerror=null,t(this,r).onerror=null,t(this,r).remove()),s(this,y,!1),s(this,b,!1),t(this,a).reset()}}d=new WeakMap,r=new WeakMap,y=new WeakMap,b=new WeakMap,p=new WeakMap,C=new WeakMap,M=new WeakMap,a=new WeakMap,I=new WeakMap,$=new WeakMap,w=new WeakMap,V=new WeakMap,T=new WeakSet,H=function(e){if(clearTimeout(t(this,$)),t(this,r).onloadeddata=null,t(this,r).onload=null,t(this,r).onerror=null,t(this,a).set("loaded",!1),t(this,a).set("error",!1),t(this,a).set("loading",!1),t(this,a).set("clear",!1),t(this,a).set("playing",!1),e){s(this,M,`${t(this,C)}-${e.url}`);const c=this.hasAttribute("keep-source-parameters");t(this,a).set("loading",!0),s(this,w,c?e.url:e.name+e.extension),this.consumeSource(t(this,w)),!t(this,p)&&!t(this,y)&&W.loading.add(t(this,M)),t(this,r).onloadeddata=()=>{t(this,B).call(this)},t(this,r).onload=()=>{t(this,B).call(this)},t(this,r).onerror=()=>{t(this,G).call(this,t(this,w))}}else s(this,w,null),this.consumeSource(null)},j=new WeakMap,B=new WeakMap,G=new WeakMap,_=new WeakMap,P=new WeakMap;exports.Source=Y;exports.SourceElement=at;exports.SourceManager=tt;exports.SourceSet=Z;
|
|
@@ -1,225 +0,0 @@
|
|
|
1
|
-
var J = (o) => {
|
|
2
|
-
throw TypeError(o);
|
|
3
|
-
};
|
|
4
|
-
var N = (o, n, e) => n.has(o) || J("Cannot " + e);
|
|
5
|
-
var t = (o, n, e) => (N(o, n, "read from private field"), e ? e.call(o) : n.get(o)), i = (o, n, e) => n.has(o) ? J("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, e), s = (o, n, e, l) => (N(o, n, "write to private field"), l ? l.call(o, e) : n.set(o, e), e), F = (o, n, e) => (N(o, n, "access private method"), e);
|
|
6
|
-
import { ElementLinkedStore as Y } from "./element-linked-store/index.js";
|
|
7
|
-
import { i as tt } from "./index-Bv9zgfdb.js";
|
|
8
|
-
import { d as H } from "./events-CsVF98U6.js";
|
|
9
|
-
import { k as et } from "./string-BlMQbe8b.js";
|
|
10
|
-
import "construct-style-sheets-polyfill";
|
|
11
|
-
import { loading as W } from "./loading/index.js";
|
|
12
|
-
import { RESIZE_ORDER as st } from "./order/index.js";
|
|
13
|
-
import { windowResizer as Q } from "./window-resizer/index.js";
|
|
14
|
-
import { S as it } from "./Store-0BVty6AZ.js";
|
|
15
|
-
var O, S, C, L, u, f, k;
|
|
16
|
-
class rt {
|
|
17
|
-
constructor(n) {
|
|
18
|
-
i(this, O);
|
|
19
|
-
i(this, S);
|
|
20
|
-
i(this, C);
|
|
21
|
-
i(this, L);
|
|
22
|
-
i(this, u);
|
|
23
|
-
i(this, f);
|
|
24
|
-
i(this, k);
|
|
25
|
-
s(this, O, n);
|
|
26
|
-
let e = n.split(".");
|
|
27
|
-
const l = /\b\d{1,2}x\b/g, m = e.find((g) => g.match(l) && parseInt(g));
|
|
28
|
-
s(this, C, m ? parseInt(m) : 1), m && (e = e.slice(0, -1)), s(this, S, e.length > 1 ? e.slice(0, -1).join(".") : e.join("."));
|
|
29
|
-
const c = /\d+max/g, x = /\d+min/g, v = /\d+mar/g, D = /\d+mir/g, K = e.find((g) => g.match(c)), h = e.find((g) => g.match(x)), b = e.find((g) => g.match(v)), Z = e.find((g) => g.match(D));
|
|
30
|
-
b ? (s(this, u, parseInt(b)), s(this, f, "max"), s(this, L, `(max-aspect-ratio: ${t(this, u)})`)) : Z ? (s(this, u, parseInt(Z)), s(this, f, "max"), s(this, L, `(min-aspect-ratio: ${t(this, u)})`)) : K ? (s(this, u, parseInt(K)), s(this, f, "max"), s(this, L, `(max-width: ${t(this, u)}px)`)) : h ? (s(this, u, parseInt(h)), s(this, L, `(min-width: ${t(this, u)}px)`), s(this, f, "min")) : (s(this, u, 0), s(this, L, `(min-width: ${t(this, u)}px)`), s(this, f, "min")), s(this, S, t(this, S).replace(
|
|
31
|
-
`.${t(this, u)}${t(this, f)}`,
|
|
32
|
-
""
|
|
33
|
-
)), s(this, k, e[e.length - 1] === t(this, S) ? "" : "." + e[e.length - 1]), s(this, k, t(this, k).replace(
|
|
34
|
-
`.${t(this, u)}${t(this, f)}`,
|
|
35
|
-
""
|
|
36
|
-
));
|
|
37
|
-
}
|
|
38
|
-
get url() {
|
|
39
|
-
return t(this, O);
|
|
40
|
-
}
|
|
41
|
-
get name() {
|
|
42
|
-
return t(this, S);
|
|
43
|
-
}
|
|
44
|
-
get density() {
|
|
45
|
-
return t(this, C);
|
|
46
|
-
}
|
|
47
|
-
get query() {
|
|
48
|
-
return t(this, L);
|
|
49
|
-
}
|
|
50
|
-
get extension() {
|
|
51
|
-
return t(this, k);
|
|
52
|
-
}
|
|
53
|
-
get queryType() {
|
|
54
|
-
return t(this, f);
|
|
55
|
-
}
|
|
56
|
-
get queryValue() {
|
|
57
|
-
return t(this, u);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
O = new WeakMap(), S = new WeakMap(), C = new WeakMap(), L = new WeakMap(), u = new WeakMap(), f = new WeakMap(), k = new WeakMap();
|
|
61
|
-
var w;
|
|
62
|
-
class X {
|
|
63
|
-
constructor(n, e) {
|
|
64
|
-
i(this, w);
|
|
65
|
-
s(this, w, /* @__PURE__ */ new Map());
|
|
66
|
-
const l = (e == null ? void 0 : e.mediaBuckets) !== !1, m = typeof n == "string" ? l ? n.trim().split(",").map((h) => h.trim()).filter((h) => !!h) : [n] : n, c = [];
|
|
67
|
-
m.forEach((h) => {
|
|
68
|
-
const b = new rt(h);
|
|
69
|
-
c.push([b.query, b]);
|
|
70
|
-
});
|
|
71
|
-
const x = c.filter((h) => h[1].queryType.includes("max")).sort((h, b) => b[1].queryValue - h[1].queryValue), v = c.filter((h) => h[1].queryType.includes("min") && h[1].queryValue !== 0).sort((h, b) => h[1].queryValue - b[1].queryValue), D = c.filter((h) => h[0] === "(min-width: 0px)");
|
|
72
|
-
(D ? [...D, ...x, ...v] : [...x, ...v]).forEach((h) => {
|
|
73
|
-
t(this, w).has(h[0]) || t(this, w).set(h[0], []), t(this, w).get(h[0]).push(h[1]);
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
get mediaBuckets() {
|
|
77
|
-
return t(this, w);
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
w = new WeakMap();
|
|
81
|
-
var M, A;
|
|
82
|
-
class nt extends it {
|
|
83
|
-
constructor(e) {
|
|
84
|
-
super(void 0);
|
|
85
|
-
i(this, M);
|
|
86
|
-
i(this, A, () => {
|
|
87
|
-
let e;
|
|
88
|
-
t(this, M).mediaBuckets.forEach((c, x) => {
|
|
89
|
-
matchMedia(x).matches && (e = c);
|
|
90
|
-
});
|
|
91
|
-
let l, m = 0;
|
|
92
|
-
e == null || e.forEach((c) => {
|
|
93
|
-
c.density > m && c.density <= Math.max(devicePixelRatio, 1) && (m = c.density, l = c);
|
|
94
|
-
}), e != null && e.length && !l && (l = e[0]), this.current = l;
|
|
95
|
-
});
|
|
96
|
-
s(this, M, new X(e.srcset, e.sourceSetOptions));
|
|
97
|
-
}
|
|
98
|
-
updateSource(e) {
|
|
99
|
-
s(this, M, new X(e.srcset, e.sourceSetOptions)), t(this, A).call(this);
|
|
100
|
-
}
|
|
101
|
-
close() {
|
|
102
|
-
super.close(), this.disconnect();
|
|
103
|
-
}
|
|
104
|
-
connect() {
|
|
105
|
-
Q.subscribe(t(this, A), st.SOURCE_MANAGER), t(this, A).call(this);
|
|
106
|
-
}
|
|
107
|
-
disconnect() {
|
|
108
|
-
Q.unsubscribe(t(this, A));
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
M = new WeakMap(), A = new WeakMap();
|
|
112
|
-
let ht = 0;
|
|
113
|
-
var d, r, y, E, p, V, I, a, R, $, q, z, T, j, _, B, G, P, U;
|
|
114
|
-
class yt extends HTMLElement {
|
|
115
|
-
constructor(e) {
|
|
116
|
-
super();
|
|
117
|
-
i(this, T);
|
|
118
|
-
i(this, d, null);
|
|
119
|
-
i(this, r, null);
|
|
120
|
-
i(this, y, !1);
|
|
121
|
-
i(this, E, !1);
|
|
122
|
-
i(this, p, !1);
|
|
123
|
-
i(this, V, "");
|
|
124
|
-
i(this, I, "");
|
|
125
|
-
i(this, a, new Y(this, {
|
|
126
|
-
loading: !1,
|
|
127
|
-
loaded: !1,
|
|
128
|
-
error: !1,
|
|
129
|
-
clear: !1,
|
|
130
|
-
playing: !1
|
|
131
|
-
}));
|
|
132
|
-
i(this, R, null);
|
|
133
|
-
i(this, $);
|
|
134
|
-
i(this, q, null);
|
|
135
|
-
i(this, z);
|
|
136
|
-
i(this, _, (e) => {
|
|
137
|
-
const l = e[0];
|
|
138
|
-
t(this, p) && (!t(this, E) || this.hasAttribute("reload-source")) && l.isIntersecting && this.triggerLazyLoad(), l.isIntersecting ? H(this, "sourceCapture", { custom: !0 }) : (this.hasAttribute("reload-source") && (F(this, T, j).call(this, void 0), s(this, E, !1)), H(this, "sourceRelease", { custom: !0 }));
|
|
139
|
-
});
|
|
140
|
-
i(this, B, () => {
|
|
141
|
-
t(this, a).set("loaded", !0), t(this, a).set("error", !1), t(this, a).set("loading", !1), !t(this, p) && !t(this, y) && W.complete(t(this, I)), H(this, "sourceLoaded", { custom: !0 });
|
|
142
|
-
const e = getComputedStyle(this).getPropertyValue("--clear-duration");
|
|
143
|
-
e ? s(this, $, setTimeout(() => {
|
|
144
|
-
t(this, a).set("clear", !0);
|
|
145
|
-
}, parseFloat(e) * 1e3)) : t(this, a).set("clear", !0), s(this, y, !0);
|
|
146
|
-
});
|
|
147
|
-
i(this, G, (e) => {
|
|
148
|
-
t(this, a).set("loaded", !1), t(this, a).set("error", !0), t(this, a).set("loading", !1), !t(this, p) && !t(this, y) && W.error(t(this, I)), H(this, "sourceError", { custom: !0 }), s(this, y, !0);
|
|
149
|
-
});
|
|
150
|
-
i(this, P, () => {
|
|
151
|
-
t(this, a).set("playing", !0);
|
|
152
|
-
});
|
|
153
|
-
i(this, U, () => {
|
|
154
|
-
t(this, a).set("playing", !1);
|
|
155
|
-
});
|
|
156
|
-
s(this, z, e == null ? void 0 : e.sourceSetOptions), tt && window.IntersectionObserver && s(this, R, new IntersectionObserver(
|
|
157
|
-
t(this, _)
|
|
158
|
-
));
|
|
159
|
-
}
|
|
160
|
-
get consumerElement() {
|
|
161
|
-
return t(this, r);
|
|
162
|
-
}
|
|
163
|
-
get sourceManager() {
|
|
164
|
-
return t(this, d);
|
|
165
|
-
}
|
|
166
|
-
get status() {
|
|
167
|
-
return t(this, a);
|
|
168
|
-
}
|
|
169
|
-
get isLazy() {
|
|
170
|
-
return t(this, p);
|
|
171
|
-
}
|
|
172
|
-
get currentURL() {
|
|
173
|
-
return t(this, q);
|
|
174
|
-
}
|
|
175
|
-
get isFirstLoadHappened() {
|
|
176
|
-
return t(this, y);
|
|
177
|
-
}
|
|
178
|
-
triggerLazyLoad() {
|
|
179
|
-
!t(this, E) && t(this, d).current && t(this, d).current !== t(this, d).previous && (s(this, E, !0), F(this, T, j).call(this, t(this, d).current));
|
|
180
|
-
}
|
|
181
|
-
connectedCallback() {
|
|
182
|
-
var m;
|
|
183
|
-
s(this, V, `source-consumer-${++ht}`);
|
|
184
|
-
const e = this.getAttribute("srcset") || "", l = this.hasAttribute("notify") ? this.closest(this.getAttribute("notify")) : null;
|
|
185
|
-
l && t(this, a).addElement(l), (m = this.querySelector(".source-consumer")) == null || m.remove(), s(this, r, this.createConsumer()), t(this, r).style.cssText = `
|
|
186
|
-
display: block;
|
|
187
|
-
width: 100%;
|
|
188
|
-
height: 100%;
|
|
189
|
-
`, t(this, r).classList.add("source-consumer"), t(this, r).addEventListener("play", t(this, P)), t(this, r).addEventListener("pause", t(this, U)), Array.from(this.attributes).forEach((c) => {
|
|
190
|
-
if (c.name !== "srcset") {
|
|
191
|
-
const x = c.nodeValue || "", v = et(c.name);
|
|
192
|
-
v in t(this, r) && (t(this, r)[v] = x || !0);
|
|
193
|
-
}
|
|
194
|
-
}), this.appendChild(t(this, r)), s(this, d, new nt({
|
|
195
|
-
srcset: e,
|
|
196
|
-
sourceSetOptions: t(this, z)
|
|
197
|
-
})), s(this, p, this.hasAttribute("lazy")), t(this, d).subscribe((c) => {
|
|
198
|
-
(!t(this, p) || t(this, p) && t(this, E)) && F(this, T, j).call(this, c.current);
|
|
199
|
-
}), t(this, d).connect(), t(this, R).observe(this);
|
|
200
|
-
}
|
|
201
|
-
disconnectedCallback() {
|
|
202
|
-
var e;
|
|
203
|
-
clearTimeout(t(this, $)), t(this, R).disconnect(), (e = t(this, d)) == null || e.close(), t(this, r) && (this.consumeSource(null), t(this, r).removeEventListener("play", t(this, P)), t(this, r).removeEventListener("pause", t(this, U)), t(this, r).onloadeddata = null, t(this, r).onload = null, t(this, r).onerror = null, t(this, r).onerror = null, t(this, r).remove()), s(this, y, !1), s(this, E, !1), t(this, a).reset();
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
d = new WeakMap(), r = new WeakMap(), y = new WeakMap(), E = new WeakMap(), p = new WeakMap(), V = new WeakMap(), I = new WeakMap(), a = new WeakMap(), R = new WeakMap(), $ = new WeakMap(), q = new WeakMap(), z = new WeakMap(), T = new WeakSet(), j = function(e) {
|
|
207
|
-
if (clearTimeout(t(this, $)), t(this, r).onloadeddata = null, t(this, r).onload = null, t(this, r).onerror = null, t(this, a).set("loaded", !1), t(this, a).set("error", !1), t(this, a).set("loading", !1), t(this, a).set("clear", !1), t(this, a).set("playing", !1), e) {
|
|
208
|
-
s(this, I, `${t(this, V)}-${e.url}`);
|
|
209
|
-
const l = this.hasAttribute("keep-source-parameters");
|
|
210
|
-
t(this, a).set("loading", !0), s(this, q, l ? e.url : e.name + e.extension), this.consumeSource(t(this, q)), !t(this, p) && !t(this, y) && W.add(t(this, I)), t(this, r).onloadeddata = () => {
|
|
211
|
-
t(this, B).call(this);
|
|
212
|
-
}, t(this, r).onload = () => {
|
|
213
|
-
t(this, B).call(this);
|
|
214
|
-
}, t(this, r).onerror = () => {
|
|
215
|
-
t(this, G).call(this, t(this, q));
|
|
216
|
-
};
|
|
217
|
-
} else
|
|
218
|
-
s(this, q, null), this.consumeSource(null);
|
|
219
|
-
}, _ = new WeakMap(), B = new WeakMap(), G = new WeakMap(), P = new WeakMap(), U = new WeakMap();
|
|
220
|
-
export {
|
|
221
|
-
rt as S,
|
|
222
|
-
yt as a,
|
|
223
|
-
X as b,
|
|
224
|
-
nt as c
|
|
225
|
-
};
|