aptechka 0.28.1 → 0.28.2
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/popover/index.cjs +1 -1
- package/lib/popover/index.js +69 -70
- package/package.json +1 -1
package/lib/popover/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
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 E,l,T,p,u,v,g,a,R,L,x,y,H,f;const c=class c extends HTMLElement{constructor(){super(...arguments);o(this,a);o(this,E);o(this,l);o(this,T);o(this,p);o(this,u);o(this,v);o(this,g);o(this,L);o(this,y);o(this,f);h(this,E,-1),h(this,l,new B.Store(!1)),h(this,p,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,E,c.__opened.length-1),e(this,p).current&&e(this,g)&&history.pushState("","",e(this,a,R)),clearTimeout(e(this,T)),this.classList.add("triggered"),this.style.display="block",A.dispatchEvent(this,"popoverTriggered",{custom:!0});const d=()=>{addEventListener("click",e(this,L)),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,a,x).call(this),this.classList.remove("opened"),this.style.opacity="0",A.dispatchEvent(this,"popoverClosing",{custom:!0}),removeEventListener("click",e(this,L)),removeEventListener("keydown",e(this,y)),setTimeout(()=>{this.classList.remove("triggered"),this.style.display="none",A.dispatchEvent(this,"popoverClosed",{custom:!0})},N.getElementTransitionDurationMS(this)+10))},h(this,L,t=>{b(this,a,H).call(this,()=>{var $;const n=t.composedPath()[0],_=n instanceof HTMLElement&&(this.contains(n)||(($=this.shadowRoot)==null?void 0:$.contains(n))),m=n instanceof HTMLElement&&n.hasAttribute("outside");(!_||m)&&this.close()})}),h(this,y,t=>{b(this,a,H).call(this,()=>{t.code==="Escape"&&this.close()})}),h(this,f,()=>{h(this,g,!1),e(this,l).current&&e(this,p).current&&!location.search.includes(this.id)?this.close():!e(this,l).current&&e(this,p).current&&location.search.includes(this.id)&&this.open(),h(this,g,!0)})}get history(){return e(this,p)}get restore(){return e(this,u)}get single(){return e(this,v)}get opened(){return e(this,l)}connectedCallback(){e(this,p).observe(),e(this,u).observe(),e(this,v).observe(),this.style.opacity="0",this.style.display="none",this.setAttribute("popover-target",""),addEventListener("popstate",e(this,f)),setTimeout(()=>{e(this,u).current?e(this,f).call(this):(b(this,a,x).call(this),h(this,g,!0))},0)}disconnectedCallback(){e(this,p).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,f))}};E=new WeakMap,l=new WeakMap,T=new WeakMap,p=new WeakMap,u=new WeakMap,v=new WeakMap,g=new WeakMap,a=new WeakSet,R=function(){return`${location.pathname}${location.search?location.search+"&":"?"}${this.id}`},L=new WeakMap,x=function(){if(e(this,p).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,E)-1]||c.__opened.length===1)&&t()},f=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 m=this.getRootNode();m instanceof ShadowRoot?n=m.host.closest("[popover-target]"):m instanceof HTMLElement&&(n=m.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
|
@@ -1,114 +1,113 @@
|
|
|
1
|
-
var
|
|
1
|
+
var I = (i) => {
|
|
2
2
|
throw TypeError(i);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var e = (i, r, t) => (
|
|
4
|
+
var M = (i, r, t) => r.has(i) || I("Cannot " + t);
|
|
5
|
+
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) ? I("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);
|
|
6
6
|
import { Attribute as x } from "../attribute/index.js";
|
|
7
|
-
import { S as
|
|
8
|
-
import { d as
|
|
9
|
-
import { g as
|
|
10
|
-
import { i as
|
|
11
|
-
var L,
|
|
12
|
-
const
|
|
7
|
+
import { S as N } from "../Store-OTdcl6SX.js";
|
|
8
|
+
import { d as A } from "../events-CsVF98U6.js";
|
|
9
|
+
import { g as B } from "../style-j2TwriJ_.js";
|
|
10
|
+
import { i as P } from "../browser-0zX67oeU.js";
|
|
11
|
+
var L, p, T, l, u, v, g, a, q, E, O, y, $, m;
|
|
12
|
+
const c = class c extends HTMLElement {
|
|
13
13
|
constructor() {
|
|
14
14
|
super(...arguments);
|
|
15
|
-
o(this,
|
|
15
|
+
o(this, a);
|
|
16
16
|
o(this, L);
|
|
17
|
-
o(this,
|
|
18
|
-
o(this,
|
|
17
|
+
o(this, p);
|
|
18
|
+
o(this, T);
|
|
19
19
|
o(this, l);
|
|
20
|
-
o(this, d);
|
|
21
20
|
o(this, u);
|
|
22
21
|
o(this, v);
|
|
22
|
+
o(this, g);
|
|
23
23
|
o(this, E);
|
|
24
24
|
o(this, y);
|
|
25
|
-
o(this,
|
|
26
|
-
h(this, L, -1), h(this,
|
|
27
|
-
if (e(this,
|
|
25
|
+
o(this, m);
|
|
26
|
+
h(this, L, -1), h(this, p, new N(!1)), h(this, l, new x(this, "history", !1)), h(this, u, new x(this, "restore", !1)), h(this, v, new x(this, "single", !1)), h(this, g, !1), this.open = (t = !0) => {
|
|
27
|
+
if (e(this, p).current)
|
|
28
28
|
return;
|
|
29
|
-
e(this,
|
|
29
|
+
e(this, p).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, l).current && e(this, g) && history.pushState("", "", e(this, a, q)), clearTimeout(e(this, T)), this.classList.add("triggered"), this.style.display = "block", A(this, "popoverTriggered", {
|
|
30
30
|
custom: !0
|
|
31
31
|
});
|
|
32
|
-
const
|
|
33
|
-
addEventListener("click", e(this, E)), addEventListener("keydown", e(this, y)), this.style.opacity = "1", this.classList.add("opened"),
|
|
32
|
+
const d = () => {
|
|
33
|
+
addEventListener("click", e(this, E)), addEventListener("keydown", e(this, y)), this.style.opacity = "1", this.classList.add("opened"), A(this, "popoverOpened", {
|
|
34
34
|
custom: !0
|
|
35
35
|
});
|
|
36
36
|
};
|
|
37
|
-
t ? setTimeout(
|
|
37
|
+
t ? setTimeout(d) : d();
|
|
38
38
|
}, this.close = () => {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
this.classList.remove("opened"), this.style.opacity = "0", _(this, "popoverClosing", {
|
|
39
|
+
e(this, p).current && (e(this, p).current = !1, c.__opened = c.__opened.filter((t) => t !== this), b(this, a, O).call(this), this.classList.remove("opened"), this.style.opacity = "0", A(this, "popoverClosing", {
|
|
40
|
+
custom: !0
|
|
41
|
+
}), removeEventListener("click", e(this, E)), removeEventListener("keydown", e(this, y)), setTimeout(() => {
|
|
42
|
+
this.classList.remove("triggered"), this.style.display = "none", A(this, "popoverClosed", {
|
|
45
43
|
custom: !0
|
|
46
|
-
})
|
|
47
|
-
|
|
48
|
-
custom: !0
|
|
49
|
-
});
|
|
50
|
-
}, N(this) + 10);
|
|
51
|
-
}
|
|
44
|
+
});
|
|
45
|
+
}, B(this) + 10));
|
|
52
46
|
}, h(this, E, (t) => {
|
|
53
|
-
|
|
54
|
-
var
|
|
55
|
-
const n = t.composedPath()[0],
|
|
56
|
-
(!
|
|
47
|
+
b(this, a, $).call(this, () => {
|
|
48
|
+
var R;
|
|
49
|
+
const n = t.composedPath()[0], _ = n instanceof HTMLElement && (this.contains(n) || ((R = this.shadowRoot) == null ? void 0 : R.contains(n))), f = n instanceof HTMLElement && n.hasAttribute("outside");
|
|
50
|
+
(!_ || f) && this.close();
|
|
57
51
|
});
|
|
58
52
|
}), h(this, y, (t) => {
|
|
59
|
-
|
|
53
|
+
b(this, a, $).call(this, () => {
|
|
60
54
|
t.code === "Escape" && this.close();
|
|
61
55
|
});
|
|
62
|
-
}), h(this,
|
|
63
|
-
h(this,
|
|
56
|
+
}), h(this, m, () => {
|
|
57
|
+
h(this, g, !1), e(this, p).current && e(this, l).current && !location.search.includes(this.id) ? this.close() : !e(this, p).current && e(this, l).current && location.search.includes(this.id) && this.open(), h(this, g, !0);
|
|
64
58
|
});
|
|
65
59
|
}
|
|
66
60
|
get history() {
|
|
67
61
|
return e(this, l);
|
|
68
62
|
}
|
|
69
63
|
get restore() {
|
|
70
|
-
return e(this,
|
|
64
|
+
return e(this, u);
|
|
71
65
|
}
|
|
72
66
|
get single() {
|
|
73
|
-
return e(this,
|
|
67
|
+
return e(this, v);
|
|
74
68
|
}
|
|
75
69
|
get opened() {
|
|
76
|
-
return e(this,
|
|
70
|
+
return e(this, p);
|
|
77
71
|
}
|
|
78
72
|
connectedCallback() {
|
|
79
|
-
e(this, l).observe(), e(this,
|
|
80
|
-
e(this,
|
|
73
|
+
e(this, l).observe(), e(this, u).observe(), e(this, v).observe(), this.style.opacity = "0", this.style.display = "none", this.setAttribute("popover-target", ""), addEventListener("popstate", e(this, m)), setTimeout(() => {
|
|
74
|
+
e(this, u).current ? e(this, m).call(this) : (b(this, a, O).call(this), h(this, g, !0));
|
|
81
75
|
}, 0);
|
|
82
76
|
}
|
|
83
77
|
disconnectedCallback() {
|
|
84
|
-
e(this, l).unobserve(), e(this,
|
|
78
|
+
e(this, l).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));
|
|
85
79
|
}
|
|
86
80
|
};
|
|
87
|
-
L = new WeakMap(),
|
|
81
|
+
L = new WeakMap(), p = new WeakMap(), T = new WeakMap(), l = new WeakMap(), u = new WeakMap(), v = new WeakMap(), g = new WeakMap(), a = new WeakSet(), q = function() {
|
|
88
82
|
return `${location.pathname}${location.search ? location.search + "&" : "?"}${this.id}`;
|
|
89
|
-
}, E = new WeakMap(),
|
|
90
|
-
(
|
|
91
|
-
|
|
92
|
-
|
|
83
|
+
}, E = new WeakMap(), O = function() {
|
|
84
|
+
if (e(this, l).current) {
|
|
85
|
+
const t = new URL(location.href);
|
|
86
|
+
t.searchParams.delete(this.id), history.replaceState(null, "", t.href);
|
|
87
|
+
}
|
|
88
|
+
}, y = new WeakMap(), $ = function(t) {
|
|
89
|
+
(c.__opened[e(this, L) - 1] || c.__opened.length === 1) && t();
|
|
90
|
+
}, m = new WeakMap(), c.__opened = [];
|
|
91
|
+
let H = c;
|
|
93
92
|
customElements.get("e-popover") || customElements.define("e-popover", H);
|
|
94
|
-
var s,
|
|
93
|
+
var s, w, k, C, S;
|
|
95
94
|
class D extends HTMLElement {
|
|
96
95
|
constructor() {
|
|
97
96
|
super();
|
|
98
97
|
o(this, s);
|
|
99
|
-
o(this,
|
|
98
|
+
o(this, w, () => {
|
|
100
99
|
this.classList.add("triggered");
|
|
101
100
|
});
|
|
102
|
-
o(this,
|
|
101
|
+
o(this, k, () => {
|
|
103
102
|
this.classList.add("opened");
|
|
104
103
|
});
|
|
105
|
-
o(this,
|
|
104
|
+
o(this, C, () => {
|
|
106
105
|
this.classList.remove("opened");
|
|
107
106
|
});
|
|
108
|
-
o(this,
|
|
107
|
+
o(this, S, () => {
|
|
109
108
|
this.classList.remove("triggered");
|
|
110
109
|
});
|
|
111
|
-
|
|
110
|
+
P && (this.addEventListener("click", () => {
|
|
112
111
|
if (e(this, s)) {
|
|
113
112
|
const t = this.getAttribute("type") || "open";
|
|
114
113
|
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();
|
|
@@ -121,52 +120,52 @@ class D extends HTMLElement {
|
|
|
121
120
|
return e(this, s);
|
|
122
121
|
}
|
|
123
122
|
connectedCallback() {
|
|
124
|
-
var
|
|
123
|
+
var d;
|
|
125
124
|
this.hasAttribute("tabindex") || (this.tabIndex = 0);
|
|
126
125
|
const t = this.getAttribute("target");
|
|
127
126
|
if (t) {
|
|
128
127
|
let n = null;
|
|
129
128
|
if (t === "parent") {
|
|
130
|
-
const
|
|
131
|
-
if (
|
|
132
|
-
n =
|
|
129
|
+
const _ = this.closest("[popover-target]");
|
|
130
|
+
if (_)
|
|
131
|
+
n = _;
|
|
133
132
|
else {
|
|
134
133
|
const f = this.getRootNode();
|
|
135
134
|
f instanceof ShadowRoot ? n = f.host.closest("[popover-target]") : f instanceof HTMLElement && (n = f.closest("[popover-target]"));
|
|
136
135
|
}
|
|
137
|
-
} else t === "sibling" ? n = (
|
|
136
|
+
} else t === "sibling" ? n = (d = this.parentElement) == null ? void 0 : d.querySelector("[popover-target]") : n = document.querySelector(`#${t}`) || this.getRootNode().querySelector(`#${t}`);
|
|
138
137
|
n instanceof HTMLElement ? (h(this, s, n), e(this, s).addEventListener(
|
|
139
138
|
"popoverTriggered",
|
|
140
|
-
e(this,
|
|
139
|
+
e(this, w)
|
|
141
140
|
), e(this, s).addEventListener(
|
|
142
141
|
"popoverOpened",
|
|
143
|
-
e(this,
|
|
142
|
+
e(this, k)
|
|
144
143
|
), e(this, s).addEventListener(
|
|
145
144
|
"popoverClosing",
|
|
146
|
-
e(this,
|
|
145
|
+
e(this, C)
|
|
147
146
|
), e(this, s).addEventListener(
|
|
148
147
|
"popoverClosed",
|
|
149
|
-
e(this,
|
|
148
|
+
e(this, S)
|
|
150
149
|
)) : console.warn(this, `target ${t} not found`);
|
|
151
150
|
}
|
|
152
151
|
}
|
|
153
152
|
disconnectedCallback() {
|
|
154
153
|
e(this, s) && (e(this, s).removeEventListener(
|
|
155
154
|
"popoverTriggered",
|
|
156
|
-
e(this,
|
|
155
|
+
e(this, w)
|
|
157
156
|
), e(this, s).removeEventListener(
|
|
158
157
|
"popoverOpened",
|
|
159
|
-
e(this,
|
|
158
|
+
e(this, k)
|
|
160
159
|
), e(this, s).removeEventListener(
|
|
161
160
|
"popoverClosing",
|
|
162
|
-
e(this,
|
|
161
|
+
e(this, C)
|
|
163
162
|
), e(this, s).removeEventListener(
|
|
164
163
|
"popoverClosed",
|
|
165
|
-
e(this,
|
|
164
|
+
e(this, S)
|
|
166
165
|
));
|
|
167
166
|
}
|
|
168
167
|
}
|
|
169
|
-
s = new WeakMap(),
|
|
168
|
+
s = new WeakMap(), w = new WeakMap(), k = new WeakMap(), C = new WeakMap(), S = new WeakMap();
|
|
170
169
|
customElements.get("e-popover-button") || customElements.define("e-popover-button", D);
|
|
171
170
|
export {
|
|
172
171
|
D as PopoverButtonElement,
|