aptechka 0.29.6 → 0.29.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.
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";var ce=
|
|
1
|
+
"use strict";var ce=r=>{throw TypeError(r)};var se=(r,n,t)=>n.has(r)||ce("Cannot "+t);var e=(r,n,t)=>(se(r,n,"read from private field"),t?t.call(r):n.get(r)),s=(r,n,t)=>n.has(r)?ce("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(r):n.set(r,t),h=(r,n,t,i)=>(se(r,n,"write to private field"),i?i.call(r,t):n.set(r,t),t),f=(r,n,t)=>(se(r,n,"access private method"),t);var le=(r,n,t)=>new Promise((i,l)=>{var R=m=>{try{E(t.next(m))}catch(o){l(o)}},Y=m=>{try{E(t.throw(m))}catch(o){l(o)}},E=m=>m.done?i(m.value):Promise.resolve(m.value).then(R,Y);E((t=t.apply(r,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ee=require("../device/index.cjs"),Se=require("../source/index.cjs"),we=require("../class-linked-status/index.cjs"),ae=require("../browser-CpzFX2xg.cjs"),ne=require("../events-KVanG9sR.cjs"),ye=require("../string-DhgS_iFl.cjs"),ie=require("../loading/index.cjs"),j=require("../css-property/index.cjs"),Q=require("../element-resizer/vanilla/index.cjs"),ue=require("../canvas-CU5Xjahf.cjs"),_=require("../ticker/vanilla/index.cjs"),Ce=require("../jss-GJLvaNfT.cjs"),xe=require("../math-GDWEqu7y.cjs");let Re=0;var u,a,S,B,p,V,k,c,M,F,J,Z,U,ee;class te extends HTMLElement{constructor(){super();s(this,F);s(this,u,null);s(this,a,null);s(this,S,!1);s(this,B,!1);s(this,p,!1);s(this,V,"");s(this,k,"");s(this,c,new we.ClassLinkedStatus(this,{loading:!1,loaded:!1,error:!1}));s(this,M,null);s(this,Z,t=>{const i=t[0];e(this,p)&&(!e(this,B)||this.hasAttribute("reload-source"))&&i.isIntersecting&&(e(this,u).current&&e(this,u).current!==e(this,u).previous&&f(this,F,J).call(this,e(this,u).current),h(this,B,!0)),i.isIntersecting?ne.dispatchEvent(this,"sourceCapture",{custom:!0}):(this.hasAttribute("reload-source")&&f(this,F,J).call(this,void 0),ne.dispatchEvent(this,"sourceRelease",{custom:!0}))});s(this,U,()=>{e(this,c).set("loaded",!0),e(this,c).set("error",!1),e(this,c).set("loading",!1),!e(this,p)&&!e(this,S)&&ie.loading.complete(e(this,k)),h(this,S,!0)});s(this,ee,t=>{e(this,c).set("loaded",!1),e(this,c).set("error",!0),e(this,c).set("loading",!1),!e(this,p)&&!e(this,S)&&ie.loading.error(e(this,k)),h(this,S,!0)});ae.isBrowser&&window.IntersectionObserver&&(h(this,V,`source-consumer-${++Re}`),h(this,M,new IntersectionObserver(e(this,Z))))}get consumerElement(){return e(this,a)}get sourceManager(){return e(this,u)}get status(){return e(this,c)}get isLazy(){return e(this,p)}connectedCallback(){const t=this.getAttribute("srcset");t&&(h(this,a,this.createConsumer()),e(this,a).style.cssText=`
|
|
2
2
|
display: block;
|
|
3
3
|
width: 100%;
|
|
4
4
|
height: 100%;
|
|
5
|
-
`,e(this,a).classList.add("source-consumer"),Array.from(this.attributes).forEach(i=>{if(i.name!=="srcset"){const l=i.nodeValue||"",R=ye.kebabToCamel(i.name);R in e(this,a)&&(e(this,a)[R]=l||!0)}}),this.appendChild(e(this,a)),
|
|
5
|
+
`,e(this,a).classList.add("source-consumer"),Array.from(this.attributes).forEach(i=>{if(i.name!=="srcset"){const l=i.nodeValue||"",R=ye.kebabToCamel(i.name);R in e(this,a)&&(e(this,a)[R]=l||!0)}}),this.appendChild(e(this,a)),h(this,u,new Se.SourceManager({srcset:t})),h(this,p,this.hasAttribute("lazy")),e(this,u).subscribe(i=>{(!e(this,p)||e(this,p)&&e(this,B))&&f(this,F,J).call(this,i.current)}),e(this,M).observe(this),e(this,u).connect())}disconnectedCallback(){e(this,M).disconnect(),e(this,u).close(),e(this,a).onloadeddata=null,e(this,a).onload=null,e(this,a).onerror=null,e(this,a).remove(),e(this,c).reset()}}u=new WeakMap,a=new WeakMap,S=new WeakMap,B=new WeakMap,p=new WeakMap,V=new WeakMap,k=new WeakMap,c=new WeakMap,M=new WeakMap,F=new WeakSet,J=function(t){if(e(this,a).onloadeddata=null,e(this,a).onload=null,e(this,a).onerror=null,e(this,c).set("loaded",!1),e(this,c).set("error",!1),e(this,c).set("loading",!1),t){h(this,k,`${e(this,V)}-${t.url}`);const i=this.hasAttribute("keep-source-parameters");e(this,c).set("loading",!0);const l=i?t.url:t.name+t.extension;this.consumeSource(l),!e(this,p)&&!e(this,S)&&ie.loading.add(e(this,k)),e(this,a).onloadeddata=()=>{e(this,U).call(this)},e(this,a).onload=()=>{e(this,U).call(this)},e(this,a).onerror=()=>{e(this,ee).call(this,l)}}else this.consumeSource(null)},Z=new WeakMap,U=new WeakMap,ee=new WeakMap;class de extends te{createConsumer(){return document.createElement("img")}consumeSource(n){if(n&&this.hasAttribute("webp")&&Ee.device.isWebp){const t=n.split(".").slice(0,-1).join(".")+".webp";this.consumerElement.src=t}else this.consumerElement.src=n||""}}customElements.get("e-image")||customElements.define("e-image",de);var w,g,H,L,P,T,D,K,d,re,pe,N,$,he,be;class me extends HTMLElement{constructor(){super();s(this,d);s(this,w,new j.CSSProperty(this,"--fps",0));s(this,g,null);s(this,H,null);s(this,L,0);s(this,P,0);s(this,T,1);s(this,D,0);s(this,K,1);s(this,N,t=>{h(this,T,xe.clamp(devicePixelRatio,1,2)),h(this,L,t.contentRect.width),h(this,P,t.contentRect.height),e(this,g).width=e(this,L)*this.pixelRatio,e(this,g).height=e(this,P)*this.pixelRatio,this.context.scale(this.pixelRatio,this.pixelRatio),f(this,d,be).call(this),f(this,d,he).call(this)});s(this,$,t=>{h(this,D,t.timestamp),h(this,K,t.timeBetweenFrames),f(this,d,he).call(this)});if(ae.isBrowser){const t=this.attachShadow({mode:"open"});t.adoptedStyleSheets.push(Ce.createStylesheet({" :host, canvas":{display:"block",width:"100%",height:"100%"}})),h(this,g,document.createElement("canvas")),h(this,H,e(this,g).getContext("2d")),t.appendChild(e(this,g)),e(this,w).subscribe(i=>{typeof i.previous!="undefined"&&i.current!==i.previous&&f(this,d,re).call(this)})}}get fpsCSSProperty(){return e(this,w)}get canvasElement(){return e(this,g)}get context(){return e(this,H)}get pixelRatio(){return e(this,T)}get width(){return e(this,L)}get height(){return e(this,P)}get detail(){return{width:e(this,L),height:e(this,P),element:this,canvasElement:e(this,g),pixelRatio:e(this,T),context:e(this,H),timestamp:e(this,D),timeBetweenFrames:e(this,K)}}connectedCallback(){e(this,w).observe(),Q.elementResizer.subscribe(this,e(this,N)),f(this,d,re).call(this)}disconnectedCallback(){e(this,w).unobserve(),Q.elementResizer.unsubscribe(e(this,N)),f(this,d,pe).call(this)}}w=new WeakMap,g=new WeakMap,H=new WeakMap,L=new WeakMap,P=new WeakMap,T=new WeakMap,D=new WeakMap,K=new WeakMap,d=new WeakSet,re=function(){_.ticker.unsubscribe(e(this,$)),this.hasAttribute("static")||_.ticker.subscribe(e(this,$),{culling:this,maxFPS:e(this,w).current})},pe=function(){_.ticker.unsubscribe(e(this,$))},N=new WeakMap,$=new WeakMap,he=function(){this.dispatchEvent(new CustomEvent("canvasRender",{composed:!0,detail:this.detail}))},be=function(){this.dispatchEvent(new CustomEvent("canvasResize",{composed:!0,detail:this.detail}))};customElements.get("e-canvas")||customElements.define("e-canvas",me);function ke(r){const n=r.match(/\{([\d-]+)\}/);if(n){const t=n[1].split("-");if(t.length===2){const i=parseInt(t[0],10),l=parseInt(t[1],10);return{start:i,end:l}}}return null}var b,q,O,y,C,I,z,X,v,x;class fe extends te{constructor(t){super();s(this,b,[]);s(this,q,new j.CSSProperty(this,"--fit","contain"));s(this,O,new j.CSSProperty(this,"--autoplay",!1));s(this,y,new j.CSSProperty(this,"--offset-x",.5));s(this,C,new j.CSSProperty(this,"--offset-y",.5));s(this,I,null);s(this,z,0);s(this,X,1);s(this,v,()=>{if(e(this,b).length){const t=e(this,b)[0];e(this,q).current==="cover"?h(this,I,ue.cover(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,y).current,e(this,C).current)):h(this,I,ue.contain(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,y).current,e(this,C).current))}});s(this,x,t=>{if(this.status.isFalse("loaded")||!e(this,I))return;t.detail.context.clearRect(0,0,t.detail.width,t.detail.height);const i=e(this,b)[e(this,z)];i&&t.detail.context.drawImage(i,...e(this,I)),e(this,O).current&&h(this,z,(e(this,z)+1)%e(this,b).length)});ae.isBrowser&&(h(this,X,parseInt(((t==null?void 0:t.pad)||this.getAttribute("pad")||"1").toString())),e(this,q).subscribe(e(this,v)),e(this,y).subscribe(e(this,v)),e(this,C).subscribe(e(this,v)),this.addEventListener("sourceCapture",i=>{this.consumerElement.addEventListener("canvasRender",e(this,x))}),this.addEventListener("sourceRelease",i=>{this.consumerElement.removeEventListener("canvasRender",e(this,x))}))}setProgress(t){e(this,b).length&&h(this,z,Math.floor((e(this,b).length-1)*t))}connectedCallback(){super.connectedCallback(),e(this,O).observe(),e(this,q).observe(),e(this,y).observe(),e(this,C).observe(),Q.elementResizer.subscribe(this,e(this,v))}disconnectedCallback(){super.disconnectedCallback(),e(this,O).unobserve(),e(this,q).unobserve(),e(this,y).unobserve(),e(this,C).unobserve(),h(this,b,[]),Q.elementResizer.unsubscribe(e(this,v)),this.consumerElement.removeEventListener("canvasRender",e(this,x))}createConsumer(){return new me}consumeSource(t){return le(this,null,function*(){var i,l,R,Y;if(t){this.consumerElement.removeEventListener("canvasRender",e(this,x));const E=[],m=ke(t);if(m)for(let o=m.start;o<=m.end;o++){const oe=t.replace(/\{([^}]+)\}/,o.toString().padStart(e(this,X),"0")),G=new Image;G.src=oe,E.push(G)}else{const o=new Image;o.src=t,E.push(o)}try{yield Promise.all(E.map((o,oe)=>new Promise((G,ve)=>{o.onload=()=>{G()},o.onerror=Le=>{ve(`${o.src} Image not found`)}}))),h(this,b,E),e(this,v).call(this),(l=(i=this.consumerElement).onload)==null||l.call(i,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",e(this,x))}catch(o){console.error(o),(Y=(R=this.consumerElement).onerror)==null||Y.call(R,new Event("error"))}}})}}b=new WeakMap,q=new WeakMap,O=new WeakMap,y=new WeakMap,C=new WeakMap,I=new WeakMap,z=new WeakMap,X=new WeakMap,v=new WeakMap,x=new WeakMap;customElements.get("e-sequence")||customElements.define("e-sequence",fe);var A,W;class ge extends te{constructor(){super(...arguments);s(this,A,0);s(this,W,()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const t=this.consumerElement.readyState/4;t>e(this,A)&&h(this,A,t),ne.dispatchEvent(this,"videoReadyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:e(this,A)}}),this.consumerElement.readyState===4&&_.ticker.unsubscribe(e(this,W))})}connectedCallback(){super.connectedCallback(),this.addEventListener("sourceCapture",()=>{_.ticker.subscribe(e(this,W)),this.hasAttribute("capture-autoplay")&&this.consumerElement.play()}),this.addEventListener("sourceRelease",()=>{this.hasAttribute("capture-autoplay")&&(this.consumerElement.pause(),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0)),this.hasAttribute("reload-source")&&this.classList.remove("state-0","state-1","state-2","state-3","state-4")})}disconnectedCallback(){super.disconnectedCallback(),_.ticker.unsubscribe(e(this,W)),h(this,A,0)}createConsumer(){return document.createElement("video")}consumeSource(t){this.consumerElement.src=t||""}}A=new WeakMap,W=new WeakMap;customElements.get("e-video")||customElements.define("e-video",ge);exports.ImageElement=de;exports.SequenceElement=fe;exports.SourceElement=te;exports.VideoElement=ge;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
var ce = (
|
|
2
|
-
throw TypeError(
|
|
1
|
+
var ce = (n) => {
|
|
2
|
+
throw TypeError(n);
|
|
3
3
|
};
|
|
4
|
-
var te = (
|
|
5
|
-
var e = (
|
|
6
|
-
var le = (
|
|
4
|
+
var te = (n, r, t) => r.has(n) || ce("Cannot " + t);
|
|
5
|
+
var e = (n, r, t) => (te(n, r, "read from private field"), t ? t.call(n) : r.get(n)), s = (n, r, t) => r.has(n) ? ce("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(n) : r.set(n, t), h = (n, r, t, i) => (te(n, r, "write to private field"), i ? i.call(n, t) : r.set(n, t), t), b = (n, r, t) => (te(n, r, "access private method"), t);
|
|
6
|
+
var le = (n, r, t) => new Promise((i, l) => {
|
|
7
7
|
var L = (m) => {
|
|
8
8
|
try {
|
|
9
9
|
E(t.next(m));
|
|
@@ -17,22 +17,23 @@ var le = (r, h, t) => new Promise((i, l) => {
|
|
|
17
17
|
l(o);
|
|
18
18
|
}
|
|
19
19
|
}, E = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(L, G);
|
|
20
|
-
E((t = t.apply(
|
|
20
|
+
E((t = t.apply(n, r)).next());
|
|
21
21
|
});
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
22
|
+
import { device as fe } from "../device/index.js";
|
|
23
|
+
import { SourceManager as be } from "../source/index.js";
|
|
24
|
+
import { ClassLinkedStatus as ge } from "../class-linked-status/index.js";
|
|
24
25
|
import { i as he } from "../browser-0zX67oeU.js";
|
|
25
26
|
import { d as ie } from "../events-CsVF98U6.js";
|
|
26
|
-
import { k as
|
|
27
|
+
import { k as ve } from "../string-f0Dnk0L1.js";
|
|
27
28
|
import { loading as se } from "../loading/index.js";
|
|
28
|
-
import { CSSProperty as
|
|
29
|
+
import { CSSProperty as V } from "../css-property/index.js";
|
|
29
30
|
import { elementResizer as Z } from "../element-resizer/vanilla/index.js";
|
|
30
|
-
import { c as
|
|
31
|
+
import { c as Ee, a as we } from "../canvas-DeZ0SLUJ.js";
|
|
31
32
|
import { ticker as F } from "../ticker/vanilla/index.js";
|
|
32
|
-
import { c as
|
|
33
|
-
import { c as
|
|
34
|
-
let
|
|
35
|
-
var u, a, w, H, p,
|
|
33
|
+
import { c as Se } from "../jss-CjccJC-K.js";
|
|
34
|
+
import { c as Ce } from "../math-BOBiC4TN.js";
|
|
35
|
+
let ye = 0;
|
|
36
|
+
var u, a, w, H, p, j, R, c, M, T, Q, _, D, ee;
|
|
36
37
|
class ae extends HTMLElement {
|
|
37
38
|
constructor() {
|
|
38
39
|
super();
|
|
@@ -42,9 +43,9 @@ class ae extends HTMLElement {
|
|
|
42
43
|
s(this, w, !1);
|
|
43
44
|
s(this, H, !1);
|
|
44
45
|
s(this, p, !1);
|
|
45
|
-
s(this,
|
|
46
|
+
s(this, j, "");
|
|
46
47
|
s(this, R, "");
|
|
47
|
-
s(this, c, new
|
|
48
|
+
s(this, c, new ge(this, {
|
|
48
49
|
loading: !1,
|
|
49
50
|
loaded: !1,
|
|
50
51
|
error: !1
|
|
@@ -52,15 +53,15 @@ class ae extends HTMLElement {
|
|
|
52
53
|
s(this, M, null);
|
|
53
54
|
s(this, _, (t) => {
|
|
54
55
|
const i = t[0];
|
|
55
|
-
e(this, p) && (!e(this, H) || this.hasAttribute("reload-source")) && i.isIntersecting && (e(this, u).current && e(this, u).current !== e(this, u).previous && b(this, T, Q).call(this, e(this, u).current),
|
|
56
|
+
e(this, p) && (!e(this, H) || this.hasAttribute("reload-source")) && i.isIntersecting && (e(this, u).current && e(this, u).current !== e(this, u).previous && b(this, T, Q).call(this, e(this, u).current), h(this, H, !0)), i.isIntersecting ? ie(this, "sourceCapture", { custom: !0 }) : (this.hasAttribute("reload-source") && b(this, T, Q).call(this, void 0), ie(this, "sourceRelease", { custom: !0 }));
|
|
56
57
|
});
|
|
57
|
-
s(this,
|
|
58
|
-
e(this, c).set("loaded", !0), e(this, c).set("error", !1), e(this, c).set("loading", !1), !e(this, p) && !e(this, w) && se.complete(e(this, R)),
|
|
58
|
+
s(this, D, () => {
|
|
59
|
+
e(this, c).set("loaded", !0), e(this, c).set("error", !1), e(this, c).set("loading", !1), !e(this, p) && !e(this, w) && se.complete(e(this, R)), h(this, w, !0);
|
|
59
60
|
});
|
|
60
61
|
s(this, ee, (t) => {
|
|
61
|
-
e(this, c).set("loaded", !1), e(this, c).set("error", !0), e(this, c).set("loading", !1), !e(this, p) && !e(this, w) && se.error(e(this, R)),
|
|
62
|
+
e(this, c).set("loaded", !1), e(this, c).set("error", !0), e(this, c).set("loading", !1), !e(this, p) && !e(this, w) && se.error(e(this, R)), h(this, w, !0);
|
|
62
63
|
});
|
|
63
|
-
he && window.IntersectionObserver && (
|
|
64
|
+
he && window.IntersectionObserver && (h(this, j, `source-consumer-${++ye}`), h(this, M, new IntersectionObserver(
|
|
64
65
|
e(this, _)
|
|
65
66
|
)));
|
|
66
67
|
}
|
|
@@ -78,18 +79,18 @@ class ae extends HTMLElement {
|
|
|
78
79
|
}
|
|
79
80
|
connectedCallback() {
|
|
80
81
|
const t = this.getAttribute("srcset");
|
|
81
|
-
t && (
|
|
82
|
+
t && (h(this, a, this.createConsumer()), e(this, a).style.cssText = `
|
|
82
83
|
display: block;
|
|
83
84
|
width: 100%;
|
|
84
85
|
height: 100%;
|
|
85
86
|
`, e(this, a).classList.add("source-consumer"), Array.from(this.attributes).forEach((i) => {
|
|
86
87
|
if (i.name !== "srcset") {
|
|
87
|
-
const l = i.nodeValue || "", L =
|
|
88
|
+
const l = i.nodeValue || "", L = ve(i.name);
|
|
88
89
|
L in e(this, a) && (e(this, a)[L] = l || !0);
|
|
89
90
|
}
|
|
90
|
-
}), this.appendChild(e(this, a)),
|
|
91
|
+
}), this.appendChild(e(this, a)), h(this, u, new be({
|
|
91
92
|
srcset: t
|
|
92
|
-
})),
|
|
93
|
+
})), h(this, p, this.hasAttribute("lazy")), e(this, u).subscribe((i) => {
|
|
93
94
|
(!e(this, p) || e(this, p) && e(this, H)) && b(this, T, Q).call(this, i.current);
|
|
94
95
|
}), e(this, M).observe(this), e(this, u).connect());
|
|
95
96
|
}
|
|
@@ -97,61 +98,65 @@ class ae extends HTMLElement {
|
|
|
97
98
|
e(this, M).disconnect(), e(this, u).close(), e(this, a).onloadeddata = null, e(this, a).onload = null, e(this, a).onerror = null, e(this, a).remove(), e(this, c).reset();
|
|
98
99
|
}
|
|
99
100
|
}
|
|
100
|
-
u = new WeakMap(), a = new WeakMap(), w = new WeakMap(), H = new WeakMap(), p = new WeakMap(),
|
|
101
|
+
u = new WeakMap(), a = new WeakMap(), w = new WeakMap(), H = new WeakMap(), p = new WeakMap(), j = new WeakMap(), R = new WeakMap(), c = new WeakMap(), M = new WeakMap(), T = new WeakSet(), Q = function(t) {
|
|
101
102
|
if (e(this, a).onloadeddata = null, e(this, a).onload = null, e(this, a).onerror = null, e(this, c).set("loaded", !1), e(this, c).set("error", !1), e(this, c).set("loading", !1), t) {
|
|
102
|
-
|
|
103
|
+
h(this, R, `${e(this, j)}-${t.url}`);
|
|
103
104
|
const i = this.hasAttribute("keep-source-parameters");
|
|
104
105
|
e(this, c).set("loading", !0);
|
|
105
106
|
const l = i ? t.url : t.name + t.extension;
|
|
106
107
|
this.consumeSource(l), !e(this, p) && !e(this, w) && se.add(e(this, R)), e(this, a).onloadeddata = () => {
|
|
107
|
-
e(this,
|
|
108
|
+
e(this, D).call(this);
|
|
108
109
|
}, e(this, a).onload = () => {
|
|
109
|
-
e(this,
|
|
110
|
+
e(this, D).call(this);
|
|
110
111
|
}, e(this, a).onerror = () => {
|
|
111
112
|
e(this, ee).call(this, l);
|
|
112
113
|
};
|
|
113
114
|
} else
|
|
114
115
|
this.consumeSource(null);
|
|
115
|
-
}, _ = new WeakMap(),
|
|
116
|
-
class
|
|
116
|
+
}, _ = new WeakMap(), D = new WeakMap(), ee = new WeakMap();
|
|
117
|
+
class xe extends ae {
|
|
117
118
|
createConsumer() {
|
|
118
119
|
return document.createElement("img");
|
|
119
120
|
}
|
|
120
|
-
consumeSource(
|
|
121
|
-
this.
|
|
121
|
+
consumeSource(r) {
|
|
122
|
+
if (r && this.hasAttribute("webp") && fe.isWebp) {
|
|
123
|
+
const t = r.split(".").slice(0, -1).join(".") + ".webp";
|
|
124
|
+
this.consumerElement.src = t;
|
|
125
|
+
} else
|
|
126
|
+
this.consumerElement.src = r || "";
|
|
122
127
|
}
|
|
123
128
|
}
|
|
124
|
-
customElements.get("e-image") || customElements.define("e-image",
|
|
125
|
-
var S, g, $, k, I,
|
|
129
|
+
customElements.get("e-image") || customElements.define("e-image", xe);
|
|
130
|
+
var S, g, $, k, I, W, K, N, d, re, de, X, q, ne, me;
|
|
126
131
|
class ue extends HTMLElement {
|
|
127
132
|
constructor() {
|
|
128
133
|
super();
|
|
129
134
|
s(this, d);
|
|
130
|
-
s(this, S, new
|
|
135
|
+
s(this, S, new V(this, "--fps", 0));
|
|
131
136
|
s(this, g, null);
|
|
132
137
|
s(this, $, null);
|
|
133
138
|
s(this, k, 0);
|
|
134
139
|
s(this, I, 0);
|
|
135
|
-
s(this,
|
|
136
|
-
s(this,
|
|
137
|
-
s(this,
|
|
138
|
-
s(this,
|
|
139
|
-
|
|
140
|
+
s(this, W, 1);
|
|
141
|
+
s(this, K, 0);
|
|
142
|
+
s(this, N, 1);
|
|
143
|
+
s(this, X, (t) => {
|
|
144
|
+
h(this, W, Ce(devicePixelRatio, 1, 2)), h(this, k, t.contentRect.width), h(this, I, t.contentRect.height), e(this, g).width = e(this, k) * this.pixelRatio, e(this, g).height = e(this, I) * this.pixelRatio, this.context.scale(this.pixelRatio, this.pixelRatio), b(this, d, me).call(this), b(this, d, ne).call(this);
|
|
140
145
|
});
|
|
141
|
-
s(this,
|
|
142
|
-
|
|
146
|
+
s(this, q, (t) => {
|
|
147
|
+
h(this, K, t.timestamp), h(this, N, t.timeBetweenFrames), b(this, d, ne).call(this);
|
|
143
148
|
});
|
|
144
149
|
if (he) {
|
|
145
150
|
const t = this.attachShadow({ mode: "open" });
|
|
146
151
|
t.adoptedStyleSheets.push(
|
|
147
|
-
|
|
152
|
+
Se({
|
|
148
153
|
" :host, canvas": {
|
|
149
154
|
display: "block",
|
|
150
155
|
width: "100%",
|
|
151
156
|
height: "100%"
|
|
152
157
|
}
|
|
153
158
|
})
|
|
154
|
-
),
|
|
159
|
+
), h(this, g, document.createElement("canvas")), h(this, $, e(this, g).getContext("2d")), t.appendChild(e(this, g)), e(this, S).subscribe((i) => {
|
|
155
160
|
typeof i.previous != "undefined" && i.current !== i.previous && b(this, d, re).call(this);
|
|
156
161
|
});
|
|
157
162
|
}
|
|
@@ -166,7 +171,7 @@ class ue extends HTMLElement {
|
|
|
166
171
|
return e(this, $);
|
|
167
172
|
}
|
|
168
173
|
get pixelRatio() {
|
|
169
|
-
return e(this,
|
|
174
|
+
return e(this, W);
|
|
170
175
|
}
|
|
171
176
|
get width() {
|
|
172
177
|
return e(this, k);
|
|
@@ -180,27 +185,27 @@ class ue extends HTMLElement {
|
|
|
180
185
|
height: e(this, I),
|
|
181
186
|
element: this,
|
|
182
187
|
canvasElement: e(this, g),
|
|
183
|
-
pixelRatio: e(this,
|
|
188
|
+
pixelRatio: e(this, W),
|
|
184
189
|
context: e(this, $),
|
|
185
|
-
timestamp: e(this,
|
|
186
|
-
timeBetweenFrames: e(this,
|
|
190
|
+
timestamp: e(this, K),
|
|
191
|
+
timeBetweenFrames: e(this, N)
|
|
187
192
|
};
|
|
188
193
|
}
|
|
189
194
|
connectedCallback() {
|
|
190
|
-
e(this, S).observe(), Z.subscribe(this, e(this,
|
|
195
|
+
e(this, S).observe(), Z.subscribe(this, e(this, X)), b(this, d, re).call(this);
|
|
191
196
|
}
|
|
192
197
|
disconnectedCallback() {
|
|
193
|
-
e(this, S).unobserve(), Z.unsubscribe(e(this,
|
|
198
|
+
e(this, S).unobserve(), Z.unsubscribe(e(this, X)), b(this, d, de).call(this);
|
|
194
199
|
}
|
|
195
200
|
}
|
|
196
|
-
S = new WeakMap(), g = new WeakMap(), $ = new WeakMap(), k = new WeakMap(), I = new WeakMap(),
|
|
197
|
-
F.unsubscribe(e(this,
|
|
201
|
+
S = new WeakMap(), g = new WeakMap(), $ = new WeakMap(), k = new WeakMap(), I = new WeakMap(), W = new WeakMap(), K = new WeakMap(), N = new WeakMap(), d = new WeakSet(), re = function() {
|
|
202
|
+
F.unsubscribe(e(this, q)), this.hasAttribute("static") || F.subscribe(e(this, q), {
|
|
198
203
|
culling: this,
|
|
199
204
|
maxFPS: e(this, S).current
|
|
200
205
|
});
|
|
201
206
|
}, de = function() {
|
|
202
|
-
F.unsubscribe(e(this,
|
|
203
|
-
},
|
|
207
|
+
F.unsubscribe(e(this, q));
|
|
208
|
+
}, X = new WeakMap(), q = new WeakMap(), ne = function() {
|
|
204
209
|
this.dispatchEvent(
|
|
205
210
|
new CustomEvent("canvasRender", {
|
|
206
211
|
composed: !0,
|
|
@@ -216,10 +221,10 @@ S = new WeakMap(), g = new WeakMap(), $ = new WeakMap(), k = new WeakMap(), I =
|
|
|
216
221
|
);
|
|
217
222
|
};
|
|
218
223
|
customElements.get("e-canvas") || customElements.define("e-canvas", ue);
|
|
219
|
-
function
|
|
220
|
-
const
|
|
221
|
-
if (
|
|
222
|
-
const t =
|
|
224
|
+
function Le(n) {
|
|
225
|
+
const r = n.match(/\{([\d-]+)\}/);
|
|
226
|
+
if (r) {
|
|
227
|
+
const t = r[1].split("-");
|
|
223
228
|
if (t.length === 2) {
|
|
224
229
|
const i = parseInt(t[0], 10), l = parseInt(t[1], 10);
|
|
225
230
|
return { start: i, end: l };
|
|
@@ -227,33 +232,33 @@ function xe(r) {
|
|
|
227
232
|
}
|
|
228
233
|
return null;
|
|
229
234
|
}
|
|
230
|
-
var f, P,
|
|
231
|
-
class
|
|
235
|
+
var f, P, O, C, y, A, z, Y, v, x;
|
|
236
|
+
class Re extends ae {
|
|
232
237
|
constructor(t) {
|
|
233
238
|
super();
|
|
234
239
|
s(this, f, []);
|
|
235
|
-
s(this, P, new
|
|
240
|
+
s(this, P, new V(
|
|
236
241
|
this,
|
|
237
242
|
"--fit",
|
|
238
243
|
"contain"
|
|
239
244
|
));
|
|
240
|
-
s(this,
|
|
241
|
-
s(this, C, new
|
|
242
|
-
s(this, y, new
|
|
245
|
+
s(this, O, new V(this, "--autoplay", !1));
|
|
246
|
+
s(this, C, new V(this, "--offset-x", 0.5));
|
|
247
|
+
s(this, y, new V(this, "--offset-y", 0.5));
|
|
243
248
|
s(this, A, null);
|
|
244
249
|
s(this, z, 0);
|
|
245
|
-
s(this,
|
|
250
|
+
s(this, Y, 1);
|
|
246
251
|
s(this, v, () => {
|
|
247
252
|
if (e(this, f).length) {
|
|
248
253
|
const t = e(this, f)[0];
|
|
249
|
-
e(this, P).current === "cover" ?
|
|
254
|
+
e(this, P).current === "cover" ? h(this, A, Ee(
|
|
250
255
|
t.naturalWidth,
|
|
251
256
|
t.naturalHeight,
|
|
252
257
|
this.consumerElement.width,
|
|
253
258
|
this.consumerElement.height,
|
|
254
259
|
e(this, C).current,
|
|
255
260
|
e(this, y).current
|
|
256
|
-
)) :
|
|
261
|
+
)) : h(this, A, we(
|
|
257
262
|
t.naturalWidth,
|
|
258
263
|
t.naturalHeight,
|
|
259
264
|
this.consumerElement.width,
|
|
@@ -268,9 +273,9 @@ class Le extends ae {
|
|
|
268
273
|
return;
|
|
269
274
|
t.detail.context.clearRect(0, 0, t.detail.width, t.detail.height);
|
|
270
275
|
const i = e(this, f)[e(this, z)];
|
|
271
|
-
i && t.detail.context.drawImage(i, ...e(this, A)), e(this,
|
|
276
|
+
i && t.detail.context.drawImage(i, ...e(this, A)), e(this, O).current && h(this, z, (e(this, z) + 1) % e(this, f).length);
|
|
272
277
|
});
|
|
273
|
-
he && (
|
|
278
|
+
he && (h(this, Y, parseInt(
|
|
274
279
|
((t == null ? void 0 : t.pad) || this.getAttribute("pad") || "1").toString()
|
|
275
280
|
)), e(this, P).subscribe(e(this, v)), e(this, C).subscribe(e(this, v)), e(this, y).subscribe(e(this, v)), this.addEventListener("sourceCapture", (i) => {
|
|
276
281
|
this.consumerElement.addEventListener(
|
|
@@ -285,13 +290,13 @@ class Le extends ae {
|
|
|
285
290
|
}));
|
|
286
291
|
}
|
|
287
292
|
setProgress(t) {
|
|
288
|
-
e(this, f).length &&
|
|
293
|
+
e(this, f).length && h(this, z, Math.floor((e(this, f).length - 1) * t));
|
|
289
294
|
}
|
|
290
295
|
connectedCallback() {
|
|
291
|
-
super.connectedCallback(), e(this,
|
|
296
|
+
super.connectedCallback(), e(this, O).observe(), e(this, P).observe(), e(this, C).observe(), e(this, y).observe(), Z.subscribe(this, e(this, v));
|
|
292
297
|
}
|
|
293
298
|
disconnectedCallback() {
|
|
294
|
-
super.disconnectedCallback(), e(this,
|
|
299
|
+
super.disconnectedCallback(), e(this, O).unobserve(), e(this, P).unobserve(), e(this, C).unobserve(), e(this, y).unobserve(), h(this, f, []), Z.unsubscribe(e(this, v)), this.consumerElement.removeEventListener(
|
|
295
300
|
"canvasRender",
|
|
296
301
|
e(this, x)
|
|
297
302
|
);
|
|
@@ -307,12 +312,12 @@ class Le extends ae {
|
|
|
307
312
|
"canvasRender",
|
|
308
313
|
e(this, x)
|
|
309
314
|
);
|
|
310
|
-
const E = [], m =
|
|
315
|
+
const E = [], m = Le(t);
|
|
311
316
|
if (m)
|
|
312
317
|
for (let o = m.start; o <= m.end; o++) {
|
|
313
318
|
const oe = t.replace(
|
|
314
319
|
/\{([^}]+)\}/,
|
|
315
|
-
o.toString().padStart(e(this,
|
|
320
|
+
o.toString().padStart(e(this, Y), "0")
|
|
316
321
|
), J = new Image();
|
|
317
322
|
J.src = oe, E.push(J);
|
|
318
323
|
}
|
|
@@ -325,11 +330,11 @@ class Le extends ae {
|
|
|
325
330
|
E.map((o, oe) => new Promise((J, pe) => {
|
|
326
331
|
o.onload = () => {
|
|
327
332
|
J();
|
|
328
|
-
}, o.onerror = (
|
|
333
|
+
}, o.onerror = (Ie) => {
|
|
329
334
|
pe(`${o.src} Image not found`);
|
|
330
335
|
};
|
|
331
336
|
}))
|
|
332
|
-
),
|
|
337
|
+
), h(this, f, E), e(this, v).call(this), (l = (i = this.consumerElement).onload) == null || l.call(i, new Event("load")), this.isLazy || this.consumerElement.addEventListener(
|
|
333
338
|
"canvasRender",
|
|
334
339
|
e(this, x)
|
|
335
340
|
);
|
|
@@ -340,27 +345,27 @@ class Le extends ae {
|
|
|
340
345
|
});
|
|
341
346
|
}
|
|
342
347
|
}
|
|
343
|
-
f = new WeakMap(), P = new WeakMap(),
|
|
344
|
-
customElements.get("e-sequence") || customElements.define("e-sequence",
|
|
345
|
-
var B,
|
|
346
|
-
class
|
|
348
|
+
f = new WeakMap(), P = new WeakMap(), O = new WeakMap(), C = new WeakMap(), y = new WeakMap(), A = new WeakMap(), z = new WeakMap(), Y = new WeakMap(), v = new WeakMap(), x = new WeakMap();
|
|
349
|
+
customElements.get("e-sequence") || customElements.define("e-sequence", Re);
|
|
350
|
+
var B, U;
|
|
351
|
+
class ke extends ae {
|
|
347
352
|
constructor() {
|
|
348
353
|
super(...arguments);
|
|
349
354
|
s(this, B, 0);
|
|
350
|
-
s(this,
|
|
355
|
+
s(this, U, () => {
|
|
351
356
|
this.classList.add(`state-${this.consumerElement.readyState}`);
|
|
352
357
|
const t = this.consumerElement.readyState / 4;
|
|
353
|
-
t > e(this, B) &&
|
|
358
|
+
t > e(this, B) && h(this, B, t), ie(this, "videoReadyStateChange", {
|
|
354
359
|
detail: {
|
|
355
360
|
readyState: this.consumerElement.readyState,
|
|
356
361
|
progress: e(this, B)
|
|
357
362
|
}
|
|
358
|
-
}), this.consumerElement.readyState === 4 && F.unsubscribe(e(this,
|
|
363
|
+
}), this.consumerElement.readyState === 4 && F.unsubscribe(e(this, U));
|
|
359
364
|
});
|
|
360
365
|
}
|
|
361
366
|
connectedCallback() {
|
|
362
367
|
super.connectedCallback(), this.addEventListener("sourceCapture", () => {
|
|
363
|
-
F.subscribe(e(this,
|
|
368
|
+
F.subscribe(e(this, U)), this.hasAttribute("capture-autoplay") && this.consumerElement.play();
|
|
364
369
|
}), this.addEventListener("sourceRelease", () => {
|
|
365
370
|
this.hasAttribute("capture-autoplay") && (this.consumerElement.pause(), this.hasAttribute("replay") && (this.consumerElement.currentTime = 0)), this.hasAttribute("reload-source") && this.classList.remove(
|
|
366
371
|
"state-0",
|
|
@@ -372,7 +377,7 @@ class Re extends ae {
|
|
|
372
377
|
});
|
|
373
378
|
}
|
|
374
379
|
disconnectedCallback() {
|
|
375
|
-
super.disconnectedCallback(), F.unsubscribe(e(this,
|
|
380
|
+
super.disconnectedCallback(), F.unsubscribe(e(this, U)), h(this, B, 0);
|
|
376
381
|
}
|
|
377
382
|
createConsumer() {
|
|
378
383
|
return document.createElement("video");
|
|
@@ -381,11 +386,11 @@ class Re extends ae {
|
|
|
381
386
|
this.consumerElement.src = t || "";
|
|
382
387
|
}
|
|
383
388
|
}
|
|
384
|
-
B = new WeakMap(),
|
|
385
|
-
customElements.get("e-video") || customElements.define("e-video",
|
|
389
|
+
B = new WeakMap(), U = new WeakMap();
|
|
390
|
+
customElements.get("e-video") || customElements.define("e-video", ke);
|
|
386
391
|
export {
|
|
387
|
-
|
|
388
|
-
|
|
392
|
+
xe as ImageElement,
|
|
393
|
+
Re as SequenceElement,
|
|
389
394
|
ae as SourceElement,
|
|
390
|
-
|
|
395
|
+
ke as VideoElement
|
|
391
396
|
};
|
package/lib/popover/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var P=i=>{throw TypeError(i)};var M=(i,r,t)=>r.has(i)||P("Cannot "+t);var e=(i,r,t)=>(M(i,r,"read from private field"),t?t.call(i):r.get(i)),o=(i,r,t)=>r.has(i)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(i):r.set(i,t),h=(i,r,t,d)=>(M(i,r,"write to private field"),d?d.call(i,t):r.set(i,t),t),b=(i,r,t)=>(M(i,r,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("../attribute/index.cjs"),B=require("../Store-CDb6RMce.cjs"),A=require("../events-KVanG9sR.cjs"),N=require("../style-At6aDoqG.cjs"),j=require("../browser-CpzFX2xg.cjs");var L,l,T,a,u,v,g,p,R,E,x,y,H,m;const c=class c extends HTMLElement{constructor(){super(...arguments);o(this,p);o(this,L);o(this,l);o(this,T);o(this,a);o(this,u);o(this,v);o(this,g);o(this,E);o(this,y);o(this,m);h(this,L,-1),h(this,l,new B.Store(!1)),h(this,a,new O.Attribute(this,"history",!1)),h(this,u,new O.Attribute(this,"restore",!1)),h(this,v,new O.Attribute(this,"single",!1)),h(this,g,!1),this.open=(t=!0)=>{if(e(this,l).current)return;e(this,l).current=!0,e(this,v).current&&(c.__opened.forEach(n=>n.close()),c.__opened=[]),c.__opened.push(this),h(this,L,c.__opened.length-1),e(this,a).current&&e(this,g)&&history.pushState("","",e(this,p,R)),clearTimeout(e(this,T)),this.classList.remove("closing"),this.classList.add("triggered"),this.style.display="block",A.dispatchEvent(this,"popoverTriggered",{custom:!0});const d=()=>{addEventListener("click",e(this,E)),addEventListener("keydown",e(this,y)),this.style.opacity="1",this.classList.add("opened"),A.dispatchEvent(this,"popoverOpened",{custom:!0})};t?setTimeout(d):d()},this.close=()=>{e(this,l).current&&(e(this,l).current=!1,c.__opened=c.__opened.filter(t=>t!==this),b(this,p,x).call(this),this.classList.remove("opened"),this.classList.add("closing"),this.style.opacity="0",A.dispatchEvent(this,"popoverClosing",{custom:!0}),removeEventListener("click",e(this,E)),removeEventListener("keydown",e(this,y)),setTimeout(()=>{this.classList.remove("triggered"),this.classList.remove("closing"),this.style.display="none",A.dispatchEvent(this,"popoverClosed",{custom:!0})},N.getElementTransitionDurationMS(this)+10))},h(this,E,t=>{b(this,p,H).call(this,()=>{var $;const n=t.composedPath()[0],_=n instanceof HTMLElement&&(this.contains(n)||(($=this.shadowRoot)==null?void 0:$.contains(n))),f=n instanceof HTMLElement&&n.hasAttribute("data-outside");(!_||f)&&this.close()})}),h(this,y,t=>{b(this,p,H).call(this,()=>{t.code==="Escape"&&this.close()})}),h(this,m,()=>{h(this,g,!1),e(this,l).current&&e(this,a).current&&!location.search.includes(this.id)?this.close():!e(this,l).current&&e(this,a).current&&location.search.includes(this.id)&&this.open(),h(this,g,!0)})}get history(){return e(this,a)}get restore(){return e(this,u)}get single(){return e(this,v)}get opened(){return e(this,l)}connectedCallback(){e(this,a).observe(),e(this,u).observe(),e(this,v).observe(),this.style.opacity="0",this.style.display="none",this.setAttribute("popover-target",""),this.classList.remove("closing"),this.classList.remove("closed"),this.classList.remove("triggered"),this.classList.remove("opened"),addEventListener("popstate",e(this,m)),setTimeout(()=>{e(this,u).current?e(this,m).call(this):(b(this,p,x).call(this),h(this,g,!0))},0)}disconnectedCallback(){e(this,a).unobserve(),e(this,u).unobserve(),e(this,v).unobserve(),this.style.opacity="",this.style.display="",this.removeAttribute("popover-target"),c.__opened=c.__opened.filter(t=>t!==this),clearTimeout(e(this,T)),removeEventListener("popstate",e(this,m))}};L=new WeakMap,l=new WeakMap,T=new WeakMap,a=new WeakMap,u=new WeakMap,v=new WeakMap,g=new WeakMap,p=new WeakSet,R=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.id}`},E=new WeakMap,x=function(){if(e(this,a).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(null,"",t.href)}},y=new WeakMap,H=function(t){(c.__opened[e(this,L)-1]||c.__opened.length===1)&&t()},m=new WeakMap,c.__opened=[];let q=c;customElements.get("e-popover")||customElements.define("e-popover",q);var s,w,k,S,C;class I extends HTMLElement{constructor(){super();o(this,s);o(this,w,()=>{this.classList.add("triggered")});o(this,k,()=>{this.classList.add("opened")});o(this,S,()=>{this.classList.remove("opened")});o(this,C,()=>{this.classList.remove("triggered")});j.isBrowser&&(this.addEventListener("click",()=>{if(e(this,s)){const t=this.getAttribute("type")||"open";t==="open"||t==="toggle"&&!e(this,s).opened.current?e(this,s).open():(t==="close"||t==="toggle"&&e(this,s).opened.current)&&e(this,s).close()}}),this.addEventListener("keydown",t=>{t.code==="Space"&&t.currentTarget.click()}))}get popoverElement(){return e(this,s)}connectedCallback(){var d;this.hasAttribute("tabindex")||(this.tabIndex=0);const t=this.getAttribute("target");if(t){let n=null;if(t==="parent"){const _=this.closest("[popover-target]");if(_)n=_;else{const f=this.getRootNode();f instanceof ShadowRoot?n=f.host.closest("[popover-target]"):f instanceof HTMLElement&&(n=f.closest("[popover-target]"))}}else t==="sibling"?n=(d=this.parentElement)==null?void 0:d.querySelector("[popover-target]"):n=document.querySelector(`#${t}`)||this.getRootNode().querySelector(`#${t}`);n instanceof HTMLElement?(h(this,s,n),e(this,s).addEventListener("popoverTriggered",e(this,w)),e(this,s).addEventListener("popoverOpened",e(this,k)),e(this,s).addEventListener("popoverClosing",e(this,S)),e(this,s).addEventListener("popoverClosed",e(this,C))):console.warn(this,`target ${t} not found`)}}disconnectedCallback(){e(this,s)&&(e(this,s).removeEventListener("popoverTriggered",e(this,w)),e(this,s).removeEventListener("popoverOpened",e(this,k)),e(this,s).removeEventListener("popoverClosing",e(this,S)),e(this,s).removeEventListener("popoverClosed",e(this,C)))}}s=new WeakMap,w=new WeakMap,k=new WeakMap,S=new WeakMap,C=new WeakMap;customElements.get("e-popover-button")||customElements.define("e-popover-button",I);exports.PopoverButtonElement=I;exports.PopoverElement=q;
|
|
1
|
+
"use strict";var P=i=>{throw TypeError(i)};var M=(i,r,t)=>r.has(i)||P("Cannot "+t);var e=(i,r,t)=>(M(i,r,"read from private field"),t?t.call(i):r.get(i)),o=(i,r,t)=>r.has(i)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(i):r.set(i,t),h=(i,r,t,d)=>(M(i,r,"write to private field"),d?d.call(i,t):r.set(i,t),t),b=(i,r,t)=>(M(i,r,"access private method"),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("../attribute/index.cjs"),B=require("../Store-CDb6RMce.cjs"),A=require("../events-KVanG9sR.cjs"),N=require("../style-At6aDoqG.cjs"),j=require("../browser-CpzFX2xg.cjs");var L,l,T,a,u,v,g,p,R,E,x,y,H,m;const c=class c extends HTMLElement{constructor(){super(...arguments);o(this,p);o(this,L);o(this,l);o(this,T);o(this,a);o(this,u);o(this,v);o(this,g);o(this,E);o(this,y);o(this,m);h(this,L,-1),h(this,l,new B.Store(!1)),h(this,a,new O.Attribute(this,"history",!1)),h(this,u,new O.Attribute(this,"restore",!1)),h(this,v,new O.Attribute(this,"single",!1)),h(this,g,!1),this.open=(t=!0)=>{if(e(this,l).current)return;e(this,l).current=!0,e(this,v).current&&(c.__opened.forEach(n=>n.close()),c.__opened=[]),c.__opened.push(this),h(this,L,c.__opened.length-1),e(this,a).current&&e(this,g)&&history.pushState("","",e(this,p,R)),clearTimeout(e(this,T)),this.classList.remove("closing"),this.classList.add("triggered"),this.style.display="block",A.dispatchEvent(this,"popoverTriggered",{custom:!0});const d=()=>{addEventListener("click",e(this,E)),addEventListener("keydown",e(this,y)),this.style.opacity="1",this.classList.add("opened"),A.dispatchEvent(this,"popoverOpened",{custom:!0})};t?setTimeout(d,10):d()},this.close=()=>{e(this,l).current&&(e(this,l).current=!1,c.__opened=c.__opened.filter(t=>t!==this),b(this,p,x).call(this),this.classList.remove("opened"),this.classList.add("closing"),this.style.opacity="0",A.dispatchEvent(this,"popoverClosing",{custom:!0}),removeEventListener("click",e(this,E)),removeEventListener("keydown",e(this,y)),setTimeout(()=>{this.classList.remove("triggered"),this.classList.remove("closing"),this.style.display="none",A.dispatchEvent(this,"popoverClosed",{custom:!0})},N.getElementTransitionDurationMS(this)+10))},h(this,E,t=>{b(this,p,H).call(this,()=>{var $;const n=t.composedPath()[0],_=n instanceof HTMLElement&&(this.contains(n)||(($=this.shadowRoot)==null?void 0:$.contains(n))),f=n instanceof HTMLElement&&n.hasAttribute("data-outside");(!_||f)&&this.close()})}),h(this,y,t=>{b(this,p,H).call(this,()=>{t.code==="Escape"&&this.close()})}),h(this,m,()=>{h(this,g,!1),e(this,l).current&&e(this,a).current&&!location.search.includes(this.id)?this.close():!e(this,l).current&&e(this,a).current&&location.search.includes(this.id)&&this.open(),h(this,g,!0)})}get history(){return e(this,a)}get restore(){return e(this,u)}get single(){return e(this,v)}get opened(){return e(this,l)}connectedCallback(){e(this,a).observe(),e(this,u).observe(),e(this,v).observe(),this.style.opacity="0",this.style.display="none",this.setAttribute("popover-target",""),this.classList.remove("closing"),this.classList.remove("closed"),this.classList.remove("triggered"),this.classList.remove("opened"),addEventListener("popstate",e(this,m)),setTimeout(()=>{e(this,u).current?e(this,m).call(this):(b(this,p,x).call(this),h(this,g,!0))},0)}disconnectedCallback(){e(this,a).unobserve(),e(this,u).unobserve(),e(this,v).unobserve(),this.style.opacity="",this.style.display="",this.removeAttribute("popover-target"),c.__opened=c.__opened.filter(t=>t!==this),clearTimeout(e(this,T)),removeEventListener("popstate",e(this,m))}};L=new WeakMap,l=new WeakMap,T=new WeakMap,a=new WeakMap,u=new WeakMap,v=new WeakMap,g=new WeakMap,p=new WeakSet,R=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.id}`},E=new WeakMap,x=function(){if(e(this,a).current){const t=new URL(location.href);t.searchParams.delete(this.id),history.replaceState(null,"",t.href)}},y=new WeakMap,H=function(t){(c.__opened[e(this,L)-1]||c.__opened.length===1)&&t()},m=new WeakMap,c.__opened=[];let q=c;customElements.get("e-popover")||customElements.define("e-popover",q);var s,w,k,S,C;class I extends HTMLElement{constructor(){super();o(this,s);o(this,w,()=>{this.classList.add("triggered")});o(this,k,()=>{this.classList.add("opened")});o(this,S,()=>{this.classList.remove("opened")});o(this,C,()=>{this.classList.remove("triggered")});j.isBrowser&&(this.addEventListener("click",()=>{if(e(this,s)){const t=this.getAttribute("type")||"open";t==="open"||t==="toggle"&&!e(this,s).opened.current?e(this,s).open():(t==="close"||t==="toggle"&&e(this,s).opened.current)&&e(this,s).close()}}),this.addEventListener("keydown",t=>{t.code==="Space"&&t.currentTarget.click()}))}get popoverElement(){return e(this,s)}connectedCallback(){var d;this.hasAttribute("tabindex")||(this.tabIndex=0);const t=this.getAttribute("target");if(t){let n=null;if(t==="parent"){const _=this.closest("[popover-target]");if(_)n=_;else{const f=this.getRootNode();f instanceof ShadowRoot?n=f.host.closest("[popover-target]"):f instanceof HTMLElement&&(n=f.closest("[popover-target]"))}}else t==="sibling"?n=(d=this.parentElement)==null?void 0:d.querySelector("[popover-target]"):n=document.querySelector(`#${t}`)||this.getRootNode().querySelector(`#${t}`);n instanceof HTMLElement?(h(this,s,n),e(this,s).addEventListener("popoverTriggered",e(this,w)),e(this,s).addEventListener("popoverOpened",e(this,k)),e(this,s).addEventListener("popoverClosing",e(this,S)),e(this,s).addEventListener("popoverClosed",e(this,C))):console.warn(this,`target ${t} not found`)}}disconnectedCallback(){e(this,s)&&(e(this,s).removeEventListener("popoverTriggered",e(this,w)),e(this,s).removeEventListener("popoverOpened",e(this,k)),e(this,s).removeEventListener("popoverClosing",e(this,S)),e(this,s).removeEventListener("popoverClosed",e(this,C)))}}s=new WeakMap,w=new WeakMap,k=new WeakMap,S=new WeakMap,C=new WeakMap;customElements.get("e-popover-button")||customElements.define("e-popover-button",I);exports.PopoverButtonElement=I;exports.PopoverElement=q;
|
package/lib/popover/index.js
CHANGED
|
@@ -34,7 +34,7 @@ const c = class c extends HTMLElement {
|
|
|
34
34
|
custom: !0
|
|
35
35
|
});
|
|
36
36
|
};
|
|
37
|
-
t ? setTimeout(d) : d();
|
|
37
|
+
t ? setTimeout(d, 10) : d();
|
|
38
38
|
}, this.close = () => {
|
|
39
39
|
e(this, l).current && (e(this, l).current = !1, c.__opened = c.__opened.filter((t) => t !== this), b(this, p, O).call(this), this.classList.remove("opened"), this.classList.add("closing"), this.style.opacity = "0", A(this, "popoverClosing", {
|
|
40
40
|
custom: !0
|