aptechka 0.15.0 → 0.16.0
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,21 +1,405 @@
|
|
|
1
|
-
var
|
|
2
|
-
throw TypeError(
|
|
1
|
+
var vt = (r) => {
|
|
2
|
+
throw TypeError(r);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var e = (
|
|
6
|
-
import { i as
|
|
7
|
-
import {
|
|
8
|
-
import { d as
|
|
9
|
-
import { d as
|
|
10
|
-
import { s as
|
|
4
|
+
var Xe = (r, s, t) => s.has(r) || vt("Cannot " + t);
|
|
5
|
+
var e = (r, s, t) => (Xe(r, s, "read from private field"), t ? t.call(r) : s.get(r)), o = (r, s, t) => s.has(r) ? vt("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(r) : s.set(r, t), c = (r, s, t, i) => (Xe(r, s, "write to private field"), i ? i.call(r, t) : s.set(r, t), t), l = (r, s, t) => (Xe(r, s, "access private method"), t);
|
|
6
|
+
import { i as X } from "../browser-0zX67oeU.js";
|
|
7
|
+
import { S as P, s as B, a as j } from "../Store-OTdcl6SX.js";
|
|
8
|
+
import { d as Et, a as Ut, c as Xt } from "../file-BEr-o55N.js";
|
|
9
|
+
import { d as Qt } from "../function-C10DGppn.js";
|
|
10
|
+
import { s as xt } from "../gestures-D2Fdra_G.js";
|
|
11
11
|
import "../ticker/index.js";
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
|
|
12
|
+
import { c as Oe, u as jt } from "../string-f0Dnk0L1.js";
|
|
13
|
+
import { i as yt } from "../object-D6MVWB4l.js";
|
|
14
|
+
import { connector as es } from "../connector/index.js";
|
|
15
|
+
import { a as ts } from "../Viewport-taEXS8Uv.js";
|
|
16
|
+
import { c as ss } from "../math-BOBiC4TN.js";
|
|
17
|
+
import { n as St, t as is } from "../polyfills-X6KXuHg-.js";
|
|
18
|
+
import { elementResizer as kt } from "../element-resizer/index.js";
|
|
19
|
+
import { g as ns } from "../style-j2TwriJ_.js";
|
|
20
|
+
const os = /* @__PURE__ */ new Set([
|
|
21
|
+
// 'a', 'style', 'title', 'script',
|
|
22
|
+
"animate",
|
|
23
|
+
"animateMotion",
|
|
24
|
+
"animateTransform",
|
|
25
|
+
"circle",
|
|
26
|
+
"clipPath",
|
|
27
|
+
"defs",
|
|
28
|
+
"desc",
|
|
29
|
+
"ellipse",
|
|
30
|
+
"feBlend",
|
|
31
|
+
"feColorMatrix",
|
|
32
|
+
"feComponentTransfer",
|
|
33
|
+
"feComposite",
|
|
34
|
+
"feConvolveMatrix",
|
|
35
|
+
"feDiffuseLighting",
|
|
36
|
+
"feDisplacementMap",
|
|
37
|
+
"feDistantLight",
|
|
38
|
+
"feDropShadow",
|
|
39
|
+
"feFlood",
|
|
40
|
+
"feFuncA",
|
|
41
|
+
"feFuncB",
|
|
42
|
+
"feFuncG",
|
|
43
|
+
"feFuncR",
|
|
44
|
+
"feGaussianBlur",
|
|
45
|
+
"feImage",
|
|
46
|
+
"feMerge",
|
|
47
|
+
"feMergeNode",
|
|
48
|
+
"feMorphology",
|
|
49
|
+
"feOffset",
|
|
50
|
+
"fePointLight",
|
|
51
|
+
"feSpecularLighting",
|
|
52
|
+
"feSpotLight",
|
|
53
|
+
"feTile",
|
|
54
|
+
"feTurbulence",
|
|
55
|
+
"filter",
|
|
56
|
+
"foreignObject",
|
|
57
|
+
"g",
|
|
58
|
+
"image",
|
|
59
|
+
"line",
|
|
60
|
+
"linearGradient",
|
|
61
|
+
"listener",
|
|
62
|
+
"marker",
|
|
63
|
+
"mask",
|
|
64
|
+
"metadata",
|
|
65
|
+
"mpath",
|
|
66
|
+
"path",
|
|
67
|
+
"pattern",
|
|
68
|
+
"polygon",
|
|
69
|
+
"polyline",
|
|
70
|
+
"radialGradient",
|
|
71
|
+
"rect",
|
|
72
|
+
"set",
|
|
73
|
+
"solidColor",
|
|
74
|
+
"stop",
|
|
75
|
+
"svg",
|
|
76
|
+
"switch",
|
|
77
|
+
"symbol",
|
|
78
|
+
"text",
|
|
79
|
+
"textPath",
|
|
80
|
+
"title",
|
|
81
|
+
"tspan",
|
|
82
|
+
"view",
|
|
83
|
+
"use"
|
|
84
|
+
]);
|
|
85
|
+
var d, $, v, be, I, H, a, Ct, Lt, Tt, Qe, je, zt, Mt, At, Nt, et, tt, Rt, st, it, Ft, nt, Be, ot, rt, at, We, qe;
|
|
86
|
+
const Je = class Je {
|
|
87
|
+
constructor(...s) {
|
|
88
|
+
o(this, a);
|
|
89
|
+
o(this, d, null);
|
|
90
|
+
o(this, $, /* @__PURE__ */ new Set());
|
|
91
|
+
o(this, v, /* @__PURE__ */ new Set());
|
|
92
|
+
o(this, be);
|
|
93
|
+
o(this, I);
|
|
94
|
+
o(this, H);
|
|
95
|
+
o(this, We, (s) => {
|
|
96
|
+
e(this, $).forEach((t) => {
|
|
97
|
+
t(s);
|
|
98
|
+
}), e(this, $).clear();
|
|
99
|
+
});
|
|
100
|
+
o(this, qe, (s, t) => {
|
|
101
|
+
e(this, v).forEach((i) => {
|
|
102
|
+
i(s, t);
|
|
103
|
+
}), e(this, v).clear(), l(this, a, it).call(this);
|
|
104
|
+
});
|
|
105
|
+
if (X) {
|
|
106
|
+
const t = s[0], i = s[1];
|
|
107
|
+
c(this, d, l(this, a, Ct).call(this, t, i == null ? void 0 : i.forceSvg)), l(this, a, Tt).call(this, i);
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
get node() {
|
|
111
|
+
return e(this, d);
|
|
112
|
+
}
|
|
113
|
+
set node(s) {
|
|
114
|
+
var t;
|
|
115
|
+
l(this, a, it).call(this), c(this, d, s), (t = e(this, be)) == null || t.call(this), e(this, d) instanceof Element && c(this, I, [
|
|
116
|
+
...e(this, d).querySelectorAll("store-root")
|
|
117
|
+
]), l(this, a, st).call(this), l(this, a, Qe).call(this);
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
d = new WeakMap(), $ = new WeakMap(), v = new WeakMap(), be = new WeakMap(), I = new WeakMap(), H = new WeakMap(), a = new WeakSet(), Ct = function(s, t) {
|
|
121
|
+
let i = null;
|
|
122
|
+
if (s instanceof Node)
|
|
123
|
+
i = s;
|
|
124
|
+
else if (typeof s == "string")
|
|
125
|
+
if (!s.includes("<") && s.includes("-"))
|
|
126
|
+
i = new (customElements.get(s))();
|
|
127
|
+
else if (s.includes("<")) {
|
|
128
|
+
const n = document.createElement("div");
|
|
129
|
+
n.innerHTML = s, i = n.firstElementChild;
|
|
130
|
+
} else os.has(s) || t ? i = document.createElementNS(
|
|
131
|
+
"http://www.w3.org/2000/svg",
|
|
132
|
+
s
|
|
133
|
+
) : i = document.createElement(s);
|
|
134
|
+
else
|
|
135
|
+
i = document.createElement("div");
|
|
136
|
+
return i;
|
|
137
|
+
}, Lt = function(s) {
|
|
138
|
+
return s instanceof HTMLElement || s instanceof SVGElement;
|
|
139
|
+
}, Tt = function(s) {
|
|
140
|
+
if (!s) return;
|
|
141
|
+
const t = l(this, a, Lt).call(this, e(this, d)), i = s.ref;
|
|
142
|
+
delete s.ref, s != null && s.onConnect && (e(this, $).add(s.onConnect), delete s.onConnect), s != null && s.onDisconnect && (e(this, v).add(s.onDisconnect), delete s.onDisconnect);
|
|
143
|
+
let n, h;
|
|
144
|
+
for (const u in s) {
|
|
145
|
+
const m = s[u];
|
|
146
|
+
u === "class" && t ? l(this, a, je).call(this, m) : u === "style" && t ? l(this, a, At).call(this, m) : u === "lightChildren" ? l(this, a, Be).call(this, e(this, d), m) : u === "children" ? l(this, a, Be).call(this, e(this, d) instanceof Element ? e(this, d).shadowRoot || e(this, d) : e(this, d), m) : u === "connectedClass" ? e(this, $).add(() => {
|
|
147
|
+
requestAnimationFrame(() => {
|
|
148
|
+
e(this, d).classList.add(
|
|
149
|
+
typeof m == "boolean" ? "connected" : m
|
|
150
|
+
);
|
|
151
|
+
});
|
|
152
|
+
}) : u.startsWith("on") ? (h || (h = {}), h[u] = m) : (n || (n = {}), n[u] = m);
|
|
153
|
+
}
|
|
154
|
+
l(this, a, Ft).call(this, n), l(this, a, Rt).call(this, h), i && (typeof i == "function" ? i(e(this, d)) : i.current = e(this, d)), l(this, a, Qe).call(this);
|
|
155
|
+
}, Qe = function() {
|
|
156
|
+
if (X && (e(this, v).size || e(this, $).size)) {
|
|
157
|
+
const s = e(this, d) instanceof DocumentFragment ? e(this, d).firstChild : e(this, d);
|
|
158
|
+
c(this, be, es.subscribe(
|
|
159
|
+
s,
|
|
160
|
+
{
|
|
161
|
+
connectCallback: e(this, We),
|
|
162
|
+
disconnectCallback: e(this, qe),
|
|
163
|
+
unsubscribeAfterDisconnect: !0,
|
|
164
|
+
maxWaitSec: 20
|
|
165
|
+
}
|
|
166
|
+
));
|
|
167
|
+
}
|
|
168
|
+
}, je = function(s) {
|
|
169
|
+
if (s) {
|
|
170
|
+
if (typeof s == "string")
|
|
171
|
+
e(this, d).classList.add(s);
|
|
172
|
+
else if (Array.isArray(s))
|
|
173
|
+
s.forEach((t) => {
|
|
174
|
+
t && l(this, a, je).call(this, t);
|
|
175
|
+
});
|
|
176
|
+
else if (typeof s == "object")
|
|
177
|
+
if (s instanceof P)
|
|
178
|
+
l(this, a, zt).call(this, s);
|
|
179
|
+
else
|
|
180
|
+
for (const t in s) {
|
|
181
|
+
const i = s[t];
|
|
182
|
+
i instanceof P ? l(this, a, Mt).call(this, t, i) : i ? e(this, d).classList.add(t) : e(this, d).classList.remove(t);
|
|
183
|
+
}
|
|
184
|
+
} else return;
|
|
185
|
+
}, zt = function(s) {
|
|
186
|
+
e(this, v).add(
|
|
187
|
+
s.subscribe(({ current: t, previous: i }) => {
|
|
188
|
+
i && [i].flat().forEach((n) => {
|
|
189
|
+
n && e(this, d).classList.remove(n);
|
|
190
|
+
}), t && [t].flat().forEach((n) => {
|
|
191
|
+
n && e(this, d).classList.add(n);
|
|
192
|
+
});
|
|
193
|
+
})
|
|
194
|
+
);
|
|
195
|
+
}, Mt = function(s, t) {
|
|
196
|
+
e(this, v).add(
|
|
197
|
+
t.subscribe(({ current: i }) => {
|
|
198
|
+
i ? e(this, d).classList.add(s) : e(this, d).classList.remove(s);
|
|
199
|
+
})
|
|
200
|
+
);
|
|
201
|
+
}, At = function(s) {
|
|
202
|
+
if (!s)
|
|
203
|
+
return;
|
|
204
|
+
e(this, d).tagName === "style" || e(this, d).tagName === "STYLE" ? l(this, a, et).call(this, s) : l(this, a, Nt).call(this, s);
|
|
205
|
+
}, Nt = function(s) {
|
|
206
|
+
for (const t in s) {
|
|
207
|
+
const i = t, n = s[i];
|
|
208
|
+
n instanceof P ? e(this, v).add(
|
|
209
|
+
n.subscribe(({ current: h }) => {
|
|
210
|
+
l(this, a, tt).call(this, i, h);
|
|
211
|
+
})
|
|
212
|
+
) : l(this, a, tt).call(this, i, n);
|
|
213
|
+
}
|
|
214
|
+
}, et = function(s) {
|
|
215
|
+
for (const t in s) {
|
|
216
|
+
const i = s[t];
|
|
217
|
+
if (typeof i == "object" && !(i instanceof P))
|
|
218
|
+
e(this, d).appendChild(
|
|
219
|
+
document.createTextNode(`${t} {`)
|
|
220
|
+
), l(this, a, et).call(this, i), e(this, d).appendChild(document.createTextNode("}"));
|
|
221
|
+
else if (i instanceof P) {
|
|
222
|
+
const n = document.createTextNode("");
|
|
223
|
+
e(this, v).add(
|
|
224
|
+
i.subscribe((h) => {
|
|
225
|
+
h.current ? n.nodeValue = `${Oe(t)}: ${h.current};` : n.nodeValue = "";
|
|
226
|
+
})
|
|
227
|
+
), e(this, d).appendChild(n);
|
|
228
|
+
} else
|
|
229
|
+
e(this, d).appendChild(
|
|
230
|
+
document.createTextNode(`${Oe(t)}: ${i};`)
|
|
231
|
+
);
|
|
232
|
+
}
|
|
233
|
+
}, tt = function(s, t) {
|
|
234
|
+
s.includes("--") ? t ? e(this, d).style.setProperty(s, t.toString()) : e(this, d).style.removeProperty(s) : t ? e(this, d).style[s] = t.toString() : e(this, d).style[s] = "";
|
|
235
|
+
}, Rt = function(s) {
|
|
236
|
+
if (s) {
|
|
237
|
+
e(this, H) || c(this, H, []);
|
|
238
|
+
for (const t in s) {
|
|
239
|
+
const i = t, n = jt(
|
|
240
|
+
i.split("on").slice(1).join("on")
|
|
241
|
+
), h = s[i];
|
|
242
|
+
typeof h == "object" ? e(this, H).push({
|
|
243
|
+
name: n,
|
|
244
|
+
callback: h.callback,
|
|
245
|
+
options: h.options
|
|
246
|
+
}) : typeof h == "function" && e(this, H).push({
|
|
247
|
+
name: n,
|
|
248
|
+
callback: h
|
|
249
|
+
});
|
|
250
|
+
}
|
|
251
|
+
l(this, a, st).call(this);
|
|
252
|
+
}
|
|
253
|
+
}, st = function() {
|
|
254
|
+
var s;
|
|
255
|
+
(s = e(this, H)) == null || s.forEach((t) => {
|
|
256
|
+
e(this, d).addEventListener(
|
|
257
|
+
t.name,
|
|
258
|
+
t.callback,
|
|
259
|
+
t.options
|
|
260
|
+
);
|
|
261
|
+
});
|
|
262
|
+
}, it = function() {
|
|
263
|
+
var s;
|
|
264
|
+
(s = e(this, H)) == null || s.forEach((t) => {
|
|
265
|
+
e(this, d).removeEventListener(
|
|
266
|
+
t.name,
|
|
267
|
+
t.callback,
|
|
268
|
+
t.options
|
|
269
|
+
);
|
|
270
|
+
});
|
|
271
|
+
}, Ft = function(s) {
|
|
272
|
+
for (const t in s) {
|
|
273
|
+
const i = s[t];
|
|
274
|
+
i instanceof P ? e(this, v).add(
|
|
275
|
+
i.subscribe(({ current: n }) => {
|
|
276
|
+
l(this, a, nt).call(this, t, n);
|
|
277
|
+
})
|
|
278
|
+
) : l(this, a, nt).call(this, t, i);
|
|
279
|
+
}
|
|
280
|
+
}, nt = function(s, t) {
|
|
281
|
+
var n, h;
|
|
282
|
+
const i = e(this, d);
|
|
283
|
+
if (s in i && !((h = (n = i.constructor) == null ? void 0 : n.observedAttributes) != null && h.includes(s)))
|
|
284
|
+
t != null && (i[s] = t.toString());
|
|
285
|
+
else if (t != null) {
|
|
286
|
+
const u = t.toString();
|
|
287
|
+
s.includes("xlink") ? i.setAttributeNS("http://www.w3.org/1999/xlink", s, u) : i.setAttribute(s, u);
|
|
288
|
+
}
|
|
289
|
+
}, Be = function(s, t) {
|
|
290
|
+
t && (t = [t].flat(), t.forEach((i) => {
|
|
291
|
+
if (i instanceof P) {
|
|
292
|
+
const n = document.createElement("div");
|
|
293
|
+
n.style.display = "contents", s.appendChild(n), e(this, I) || c(this, I, []);
|
|
294
|
+
const h = e(this, I).length;
|
|
295
|
+
n.setAttribute("store-root", ""), e(this, I).push(n), e(this, v).add(
|
|
296
|
+
i.subscribe(({ current: u, previous: m }) => {
|
|
297
|
+
const S = e(this, I)[h];
|
|
298
|
+
S.dispatchEvent(
|
|
299
|
+
new CustomEvent("beforeChildrenChange", {
|
|
300
|
+
bubbles: !0,
|
|
301
|
+
composed: !0
|
|
302
|
+
})
|
|
303
|
+
);
|
|
304
|
+
const C = Array.from(S.childNodes), b = Array.isArray(u) ? u : [u], pe = Array.isArray(m) ? m : [m], _e = [], E = [];
|
|
305
|
+
C.length && pe.forEach((N, F) => {
|
|
306
|
+
b.includes(N) ? E.push(N) : _e.push(C[F]);
|
|
307
|
+
}), b.forEach((N, F) => {
|
|
308
|
+
if (E[F] != null) {
|
|
309
|
+
if (N !== E[F]) {
|
|
310
|
+
const _ = l(this, a, rt).call(this, N), W = C[F];
|
|
311
|
+
_ instanceof Node && !W.isEqualNode(_) ? S.replaceChild(_, W) : S.removeChild(W);
|
|
312
|
+
}
|
|
313
|
+
} else {
|
|
314
|
+
const _ = l(this, a, rt).call(this, N);
|
|
315
|
+
_ instanceof Node && n.appendChild(_);
|
|
316
|
+
}
|
|
317
|
+
}), _e.forEach((N) => {
|
|
318
|
+
S.removeChild(N);
|
|
319
|
+
}), S.dispatchEvent(
|
|
320
|
+
new CustomEvent("afterChildrenChange", {
|
|
321
|
+
bubbles: !0,
|
|
322
|
+
composed: !0
|
|
323
|
+
})
|
|
324
|
+
);
|
|
325
|
+
})
|
|
326
|
+
);
|
|
327
|
+
} else if (i instanceof Je)
|
|
328
|
+
l(this, a, ot).call(this, s, i.node);
|
|
329
|
+
else if (i instanceof Function)
|
|
330
|
+
l(this, a, Be).call(this, s, yt(i) ? new i() : i());
|
|
331
|
+
else {
|
|
332
|
+
const n = l(this, a, at).call(this, i);
|
|
333
|
+
n instanceof Node && l(this, a, ot).call(this, s, n);
|
|
334
|
+
}
|
|
335
|
+
}));
|
|
336
|
+
}, ot = function(s, t) {
|
|
337
|
+
!(s instanceof ShadowRoot) && t instanceof HTMLElement && t.tagName === "STYLE" ? (e(this, $).add(() => {
|
|
338
|
+
[...document.head.querySelectorAll("style")].find((n) => n.outerHTML === t.outerHTML) || document.head.appendChild(t);
|
|
339
|
+
}), e(this, v).add(() => {
|
|
340
|
+
t.remove();
|
|
341
|
+
})) : s.appendChild(t);
|
|
342
|
+
}, rt = function(s) {
|
|
343
|
+
return s instanceof Je ? s.node : typeof s == "function" ? yt(s) ? new s() : s() : l(this, a, at).call(this, s);
|
|
344
|
+
}, at = function(s) {
|
|
345
|
+
if (s instanceof Node)
|
|
346
|
+
return s;
|
|
347
|
+
if (s != null) {
|
|
348
|
+
const t = String(s);
|
|
349
|
+
if (t.trim().startsWith("<") && t.trim().endsWith(">")) {
|
|
350
|
+
const i = document.createElement("div");
|
|
351
|
+
return i.innerHTML = t, i.firstElementChild;
|
|
352
|
+
} else
|
|
353
|
+
return document.createTextNode(t);
|
|
354
|
+
} else
|
|
355
|
+
return;
|
|
356
|
+
}, We = new WeakMap(), qe = new WeakMap();
|
|
357
|
+
let A = Je;
|
|
358
|
+
function g(...r) {
|
|
359
|
+
return new A(...r);
|
|
360
|
+
}
|
|
361
|
+
function rs(r) {
|
|
362
|
+
return new A("a", r);
|
|
363
|
+
}
|
|
364
|
+
function ee(r) {
|
|
365
|
+
return new A("button", r);
|
|
366
|
+
}
|
|
367
|
+
function w(r) {
|
|
368
|
+
return new A("div", r);
|
|
369
|
+
}
|
|
370
|
+
function Ve(r) {
|
|
371
|
+
return new A("input", r);
|
|
372
|
+
}
|
|
373
|
+
function Pt(r) {
|
|
374
|
+
return new A("label", r);
|
|
375
|
+
}
|
|
376
|
+
function me(r) {
|
|
377
|
+
return new A("slot", r);
|
|
378
|
+
}
|
|
379
|
+
function lt(r) {
|
|
380
|
+
return new A("span", r);
|
|
381
|
+
}
|
|
382
|
+
function $t(r) {
|
|
383
|
+
return new A("style", {
|
|
384
|
+
style: r
|
|
385
|
+
});
|
|
386
|
+
}
|
|
387
|
+
function k(r) {
|
|
388
|
+
const s = new CSSStyleSheet();
|
|
389
|
+
return s.replaceSync($t(r).node.innerHTML), s;
|
|
390
|
+
}
|
|
391
|
+
function as(r, s) {
|
|
392
|
+
const t = s == null ? void 0 : s.prefix, i = {
|
|
393
|
+
style: {}
|
|
394
|
+
};
|
|
395
|
+
for (const n in r)
|
|
396
|
+
i[n] = {
|
|
397
|
+
var: `var(--${t}${Oe(n)})`,
|
|
398
|
+
value: r[n]
|
|
399
|
+
}, i.style[`--${t}${Oe(n)}`] = r[n];
|
|
400
|
+
return i;
|
|
401
|
+
}
|
|
402
|
+
const f = as(
|
|
19
403
|
{
|
|
20
404
|
colorMain: "#1c1c1c",
|
|
21
405
|
colorMainAux: "#282828",
|
|
@@ -26,13 +410,13 @@ const h = bt(
|
|
|
26
410
|
},
|
|
27
411
|
{ prefix: "aptechka-" }
|
|
28
412
|
);
|
|
29
|
-
if (
|
|
30
|
-
const
|
|
31
|
-
":root":
|
|
413
|
+
if (X) {
|
|
414
|
+
const r = $t({
|
|
415
|
+
":root": f.style
|
|
32
416
|
}).node;
|
|
33
|
-
|
|
417
|
+
r.setAttribute("data-permanent", ""), document.head.appendChild(r);
|
|
34
418
|
}
|
|
35
|
-
const
|
|
419
|
+
const It = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.536 3.464C19.07 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536M16.75 12a.75.75 0 0 1-.75.75H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 .75.75" clip-rule="evenodd"/></svg>', Ht = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593c.734-.737 1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.601 3.601 0 0 0 15.24 2Z"/><path d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847c.843.847.843 2.21.843 4.936v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936v-4.82Z"/></svg>', ls = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z" clip-rule="evenodd"/></svg>', hs = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>', Dt = `<svg
|
|
36
420
|
xmlns="http://www.w3.org/2000/svg"
|
|
37
421
|
width="32"
|
|
38
422
|
height="32"
|
|
@@ -41,57 +425,57 @@ const Qe = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewB
|
|
|
41
425
|
<path d="m12.37 15.835l6.43-6.63C19.201 8.79 18.958 8 18.43 8H5.57c-.528 0-.771.79-.37 1.205l6.43 6.63c.213.22.527.22.74 0Z" />
|
|
42
426
|
</svg>
|
|
43
427
|
`;
|
|
44
|
-
var
|
|
45
|
-
class
|
|
428
|
+
var q, L, D;
|
|
429
|
+
class cs {
|
|
46
430
|
constructor() {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
this.scrollValue = 0,
|
|
431
|
+
o(this, q);
|
|
432
|
+
o(this, L);
|
|
433
|
+
o(this, D);
|
|
434
|
+
this.scrollValue = 0, c(this, q, ""), c(this, L, []), c(this, D, {}), c(this, q, B.name + "-tweaker");
|
|
51
435
|
}
|
|
52
|
-
openPanel(
|
|
53
|
-
e(this,
|
|
436
|
+
openPanel(s) {
|
|
437
|
+
e(this, L).includes(s) || e(this, L).push(s);
|
|
54
438
|
}
|
|
55
|
-
closePanel(
|
|
56
|
-
|
|
439
|
+
closePanel(s) {
|
|
440
|
+
c(this, L, e(this, L).filter((t) => t !== s));
|
|
57
441
|
}
|
|
58
|
-
isPanelOpened(
|
|
59
|
-
return e(this,
|
|
442
|
+
isPanelOpened(s) {
|
|
443
|
+
return e(this, L).includes(s);
|
|
60
444
|
}
|
|
61
|
-
changedSizes(
|
|
62
|
-
return e(this,
|
|
445
|
+
changedSizes(s) {
|
|
446
|
+
return e(this, D)[s];
|
|
63
447
|
}
|
|
64
|
-
changeSize(
|
|
65
|
-
t ? e(this,
|
|
448
|
+
changeSize(s, t) {
|
|
449
|
+
t ? e(this, D)[s] = t : delete e(this, D)[s];
|
|
66
450
|
}
|
|
67
451
|
save() {
|
|
68
|
-
const
|
|
69
|
-
openedPanels: e(this,
|
|
70
|
-
changedSizes: e(this,
|
|
452
|
+
const s = {
|
|
453
|
+
openedPanels: e(this, L),
|
|
454
|
+
changedSizes: e(this, D),
|
|
71
455
|
scrollValue: this.scrollValue
|
|
72
456
|
};
|
|
73
|
-
localStorage.setItem(e(this,
|
|
457
|
+
localStorage.setItem(e(this, q), JSON.stringify(s)), B.saveState();
|
|
74
458
|
}
|
|
75
459
|
load() {
|
|
76
|
-
|
|
77
|
-
const
|
|
78
|
-
if (
|
|
460
|
+
B.loadState();
|
|
461
|
+
const s = localStorage.getItem(e(this, q));
|
|
462
|
+
if (s)
|
|
79
463
|
try {
|
|
80
|
-
const t = JSON.parse(
|
|
81
|
-
t.openedPanels &&
|
|
464
|
+
const t = JSON.parse(s);
|
|
465
|
+
t.openedPanels && c(this, L, t.openedPanels), t.changedSizes && c(this, D, t.changedSizes), t.scrollValue && (this.scrollValue = t.scrollValue);
|
|
82
466
|
} catch (t) {
|
|
83
467
|
console.error(t);
|
|
84
468
|
}
|
|
85
469
|
}
|
|
86
470
|
}
|
|
87
|
-
|
|
88
|
-
const
|
|
471
|
+
q = new WeakMap(), L = new WeakMap(), D = new WeakMap();
|
|
472
|
+
const x = new cs(), ds = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path d="m243.33 90.91l-128.41 128.4a16 16 0 0 1-22.63 0l-71.62-72a16 16 0 0 1 0-22.61l24-24a16 16 0 0 1 22.57-.06l36.64 35.27l.11.11l92.73-91.37a16 16 0 0 1 22.58 0l24 23.56a16 16 0 0 1 .03 22.7Z"/></svg>', us = k({
|
|
89
473
|
":host": {
|
|
90
474
|
position: "relative",
|
|
91
475
|
display: "inline-block",
|
|
92
476
|
width: "30px",
|
|
93
477
|
height: "30px",
|
|
94
|
-
borderRadius:
|
|
478
|
+
borderRadius: f.borderRadiusSmall.var,
|
|
95
479
|
overflow: "hidden"
|
|
96
480
|
},
|
|
97
481
|
"label, .fake": {
|
|
@@ -114,12 +498,12 @@ const v = new Lt(), Rt = '<svg xmlns="http://www.w3.org/2000/svg" width="32" hei
|
|
|
114
498
|
display: "flex",
|
|
115
499
|
alignItems: "center",
|
|
116
500
|
justifyContent: "center",
|
|
117
|
-
backgroundColor:
|
|
501
|
+
backgroundColor: f.colorMainAux.var
|
|
118
502
|
},
|
|
119
503
|
".default svg": {
|
|
120
504
|
width: "60%",
|
|
121
505
|
height: "60%",
|
|
122
|
-
fill:
|
|
506
|
+
fill: f.colorFont.var,
|
|
123
507
|
opacity: 0,
|
|
124
508
|
transition: "var(--duration-short)"
|
|
125
509
|
},
|
|
@@ -127,35 +511,35 @@ const v = new Lt(), Rt = '<svg xmlns="http://www.w3.org/2000/svg" width="32" hei
|
|
|
127
511
|
opacity: 1
|
|
128
512
|
}
|
|
129
513
|
});
|
|
130
|
-
var
|
|
131
|
-
const
|
|
514
|
+
var K, te, J, we;
|
|
515
|
+
const pt = class pt extends HTMLElement {
|
|
132
516
|
constructor() {
|
|
133
517
|
super();
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(
|
|
138
|
-
children:
|
|
518
|
+
o(this, J);
|
|
519
|
+
o(this, K, null);
|
|
520
|
+
o(this, te);
|
|
521
|
+
this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(us), c(this, te, this.attachInternals()), g(this, {
|
|
522
|
+
children: Pt({
|
|
139
523
|
children: [
|
|
140
|
-
|
|
524
|
+
lt({
|
|
141
525
|
class: "fake",
|
|
142
|
-
children:
|
|
526
|
+
children: me({
|
|
143
527
|
children: [
|
|
144
|
-
|
|
528
|
+
lt({
|
|
145
529
|
class: "default",
|
|
146
|
-
children: [
|
|
530
|
+
children: [ds]
|
|
147
531
|
})
|
|
148
532
|
]
|
|
149
533
|
})
|
|
150
534
|
}),
|
|
151
|
-
|
|
152
|
-
ref: (
|
|
153
|
-
|
|
535
|
+
Ve({
|
|
536
|
+
ref: (i) => {
|
|
537
|
+
c(this, K, i), i.required = this.hasAttribute("required"), i.value = this.getAttribute("value") || "", i.checked = this.hasAttribute("checked"), i.name = this.getAttribute("name") || "", l(this, J, we).call(this);
|
|
154
538
|
},
|
|
155
539
|
class: "real",
|
|
156
540
|
type: "checkbox",
|
|
157
541
|
onChange: () => {
|
|
158
|
-
|
|
542
|
+
l(this, J, we).call(this), this.dispatchEvent(
|
|
159
543
|
new Event("change", {
|
|
160
544
|
composed: !0
|
|
161
545
|
})
|
|
@@ -167,47 +551,47 @@ const Ke = class Ke extends HTMLElement {
|
|
|
167
551
|
});
|
|
168
552
|
}
|
|
169
553
|
get checked() {
|
|
170
|
-
return e(this,
|
|
554
|
+
return e(this, K).checked;
|
|
171
555
|
}
|
|
172
556
|
set checked(t) {
|
|
173
|
-
e(this,
|
|
557
|
+
e(this, K).checked = t, l(this, J, we).call(this);
|
|
174
558
|
}
|
|
175
559
|
get value() {
|
|
176
|
-
return e(this,
|
|
560
|
+
return e(this, K).value;
|
|
177
561
|
}
|
|
178
562
|
set value(t) {
|
|
179
|
-
e(this,
|
|
563
|
+
e(this, K).value = t, l(this, J, we).call(this);
|
|
180
564
|
}
|
|
181
565
|
};
|
|
182
|
-
|
|
183
|
-
this.checked ? e(this,
|
|
184
|
-
},
|
|
185
|
-
let
|
|
186
|
-
customElements.get("e-checkbox") || customElements.define("e-checkbox",
|
|
187
|
-
var
|
|
188
|
-
class
|
|
566
|
+
K = new WeakMap(), te = new WeakMap(), J = new WeakSet(), we = function() {
|
|
567
|
+
this.checked ? e(this, te).setFormValue(this.value) : e(this, te).setFormValue(null), this.classList.toggle("checked", this.checked);
|
|
568
|
+
}, pt.formAssociated = !0;
|
|
569
|
+
let ht = pt;
|
|
570
|
+
customElements.get("e-checkbox") || customElements.define("e-checkbox", ht);
|
|
571
|
+
var O;
|
|
572
|
+
class ge extends HTMLElement {
|
|
189
573
|
constructor(...t) {
|
|
190
574
|
super();
|
|
191
|
-
|
|
192
|
-
|
|
575
|
+
o(this, O);
|
|
576
|
+
c(this, O, t);
|
|
193
577
|
}
|
|
194
578
|
addStore(t) {
|
|
195
|
-
e(this,
|
|
579
|
+
e(this, O).push(t);
|
|
196
580
|
}
|
|
197
581
|
get firstStore() {
|
|
198
|
-
return e(this,
|
|
582
|
+
return e(this, O)[0];
|
|
199
583
|
}
|
|
200
584
|
get stores() {
|
|
201
|
-
return e(this,
|
|
585
|
+
return e(this, O);
|
|
202
586
|
}
|
|
203
587
|
updateStores(t) {
|
|
204
|
-
e(this,
|
|
205
|
-
|
|
588
|
+
e(this, O).forEach((i) => {
|
|
589
|
+
i.current = t;
|
|
206
590
|
});
|
|
207
591
|
}
|
|
208
592
|
}
|
|
209
|
-
|
|
210
|
-
const
|
|
593
|
+
O = new WeakMap();
|
|
594
|
+
const fs = k({
|
|
211
595
|
":host": {
|
|
212
596
|
width: "100%",
|
|
213
597
|
display: "inline-flex",
|
|
@@ -217,20 +601,20 @@ const Ft = w({
|
|
|
217
601
|
"--size": "calc(var(--height-input) * 0.8)",
|
|
218
602
|
width: "var(--size)",
|
|
219
603
|
height: "var(--size)",
|
|
220
|
-
borderRadius:
|
|
604
|
+
borderRadius: f.borderRadiusSmall.var
|
|
221
605
|
}
|
|
222
606
|
});
|
|
223
|
-
class
|
|
224
|
-
constructor(...
|
|
225
|
-
super(...
|
|
607
|
+
class Vt extends ge {
|
|
608
|
+
constructor(...s) {
|
|
609
|
+
super(...s), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(fs), g(this, {
|
|
226
610
|
children: [
|
|
227
|
-
|
|
228
|
-
onChange: (
|
|
229
|
-
this.updateStores(
|
|
611
|
+
g("e-checkbox", {
|
|
612
|
+
onChange: (i) => {
|
|
613
|
+
this.updateStores(i.currentTarget.checked);
|
|
230
614
|
},
|
|
231
|
-
ref: (
|
|
232
|
-
this.firstStore.subscribe((
|
|
233
|
-
|
|
615
|
+
ref: (i) => {
|
|
616
|
+
this.firstStore.subscribe((n) => {
|
|
617
|
+
i.checked = n.current;
|
|
234
618
|
});
|
|
235
619
|
}
|
|
236
620
|
})
|
|
@@ -240,9 +624,9 @@ class st extends se {
|
|
|
240
624
|
}
|
|
241
625
|
customElements.get("e-tweaker-boolean-manager") || customElements.define(
|
|
242
626
|
"e-tweaker-boolean-manager",
|
|
243
|
-
|
|
627
|
+
Vt
|
|
244
628
|
);
|
|
245
|
-
const
|
|
629
|
+
const ms = k({
|
|
246
630
|
":host": {
|
|
247
631
|
width: "100%",
|
|
248
632
|
display: "inline-flex",
|
|
@@ -253,7 +637,7 @@ const It = w({
|
|
|
253
637
|
height: "var(--height-input)",
|
|
254
638
|
padding: "0",
|
|
255
639
|
background: "none",
|
|
256
|
-
borderRadius:
|
|
640
|
+
borderRadius: f.borderRadius.var,
|
|
257
641
|
border: "none",
|
|
258
642
|
blockSize: "unset"
|
|
259
643
|
},
|
|
@@ -261,48 +645,48 @@ const It = w({
|
|
|
261
645
|
boxSizing: "border-box",
|
|
262
646
|
padding: "0px",
|
|
263
647
|
border: "none",
|
|
264
|
-
borderRadius:
|
|
648
|
+
borderRadius: f.borderRadius.var,
|
|
265
649
|
height: "calc(var(--height-input) * 0.93)"
|
|
266
650
|
}
|
|
267
651
|
});
|
|
268
|
-
class
|
|
269
|
-
constructor(...
|
|
270
|
-
super(...
|
|
652
|
+
class _t extends ge {
|
|
653
|
+
constructor(...s) {
|
|
654
|
+
super(...s), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(ms), g(this, {
|
|
271
655
|
children: [
|
|
272
|
-
|
|
656
|
+
Ve({
|
|
273
657
|
type: "color",
|
|
274
658
|
value: this.firstStore,
|
|
275
|
-
onInput: (
|
|
276
|
-
this.updateStores(
|
|
659
|
+
onInput: (i) => {
|
|
660
|
+
this.updateStores(i.currentTarget.value);
|
|
277
661
|
}
|
|
278
662
|
})
|
|
279
663
|
]
|
|
280
664
|
});
|
|
281
665
|
}
|
|
282
666
|
}
|
|
283
|
-
customElements.get("e-tweaker-color-manager") || customElements.define("e-tweaker-color-manager",
|
|
284
|
-
const
|
|
667
|
+
customElements.get("e-tweaker-color-manager") || customElements.define("e-tweaker-color-manager", _t);
|
|
668
|
+
const gs = k({
|
|
285
669
|
a: {
|
|
286
670
|
color: "inherit",
|
|
287
671
|
fontSize: "var(--font-size-small)"
|
|
288
672
|
}
|
|
289
673
|
});
|
|
290
|
-
class
|
|
291
|
-
constructor(...
|
|
292
|
-
var
|
|
293
|
-
super(...
|
|
674
|
+
class Bt extends ge {
|
|
675
|
+
constructor(...s) {
|
|
676
|
+
var i;
|
|
677
|
+
super(...s), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(gs), g(this, {
|
|
294
678
|
children: [
|
|
295
|
-
|
|
679
|
+
rs({
|
|
296
680
|
href: this.firstStore,
|
|
297
|
-
target: (
|
|
681
|
+
target: (i = this.firstStore.__manager) != null && i.sameWindow ? "_self" : "_blank",
|
|
298
682
|
children: this.firstStore
|
|
299
683
|
})
|
|
300
684
|
]
|
|
301
685
|
});
|
|
302
686
|
}
|
|
303
687
|
}
|
|
304
|
-
customElements.get("e-tweaker-link-manager") || customElements.define("e-tweaker-link-manager",
|
|
305
|
-
const
|
|
688
|
+
customElements.get("e-tweaker-link-manager") || customElements.define("e-tweaker-link-manager", Bt);
|
|
689
|
+
const ps = k({
|
|
306
690
|
":host": {
|
|
307
691
|
width: "100%",
|
|
308
692
|
display: "flex",
|
|
@@ -327,7 +711,7 @@ const Pt = w({
|
|
|
327
711
|
margin: "0",
|
|
328
712
|
padding: "0 var(--gap-small)",
|
|
329
713
|
backgroundColor: "rgba(255, 255, 255, 0.1)",
|
|
330
|
-
borderRadius:
|
|
714
|
+
borderRadius: f.borderRadius.var
|
|
331
715
|
},
|
|
332
716
|
".drag": {
|
|
333
717
|
position: "relative",
|
|
@@ -343,12 +727,12 @@ const Pt = w({
|
|
|
343
727
|
width: "100%",
|
|
344
728
|
zIndex: "-1",
|
|
345
729
|
height: "1px",
|
|
346
|
-
borderBottom: `1px solid ${
|
|
730
|
+
borderBottom: `1px solid ${f.colorFont.var}`,
|
|
347
731
|
transform: "translateY(-50%)",
|
|
348
732
|
opacity: "0.3"
|
|
349
733
|
},
|
|
350
734
|
":host(.infinite) .drag::before": {
|
|
351
|
-
borderBottom: `1px dashed ${
|
|
735
|
+
borderBottom: `1px dashed ${f.colorFont.var}`
|
|
352
736
|
},
|
|
353
737
|
".drag-knob": {
|
|
354
738
|
"--size": "calc(var(--height-input) * 0.4)",
|
|
@@ -358,95 +742,95 @@ const Pt = w({
|
|
|
358
742
|
".drag-knob-inner": {
|
|
359
743
|
width: "100%",
|
|
360
744
|
height: "100%",
|
|
361
|
-
backgroundColor:
|
|
362
|
-
borderRadius:
|
|
745
|
+
backgroundColor: f.colorFont.var,
|
|
746
|
+
borderRadius: f.borderRadiusSmall.var,
|
|
363
747
|
transition: "opacity var(--duration-short)"
|
|
364
748
|
},
|
|
365
749
|
":host(.infinite) .grabbing .drag-knob-inner": {
|
|
366
750
|
opacity: 0.3
|
|
367
751
|
}
|
|
368
752
|
});
|
|
369
|
-
var
|
|
370
|
-
class
|
|
753
|
+
var Y, se, ie, V, Z, ve, ye, R, G, Se, ke, p, Q, ct, dt, Ke, Ee;
|
|
754
|
+
class Kt extends ge {
|
|
371
755
|
constructor(...t) {
|
|
372
|
-
var
|
|
756
|
+
var n, h, u, m;
|
|
373
757
|
super(...t);
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
const
|
|
386
|
-
return
|
|
387
|
-
const
|
|
388
|
-
|
|
389
|
-
}), e(this,
|
|
758
|
+
o(this, p);
|
|
759
|
+
o(this, Y, []);
|
|
760
|
+
o(this, se, []);
|
|
761
|
+
o(this, ie);
|
|
762
|
+
o(this, V);
|
|
763
|
+
o(this, Z);
|
|
764
|
+
o(this, ve);
|
|
765
|
+
o(this, ye);
|
|
766
|
+
o(this, R);
|
|
767
|
+
o(this, G, !1);
|
|
768
|
+
o(this, Se, (t) => {
|
|
769
|
+
const i = l(this, p, Q).call(this, t);
|
|
770
|
+
return i.map((n, h) => {
|
|
771
|
+
const u = typeof n == "string" ? parseFloat(n) || e(this, V) : n, m = ss(u, e(this, V), e(this, Z)), S = is(m, e(this, ie));
|
|
772
|
+
i[h] = S;
|
|
773
|
+
}), e(this, ye) === "number" ? i[0] : i;
|
|
390
774
|
});
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
const
|
|
394
|
-
|
|
395
|
-
}),
|
|
775
|
+
o(this, ke, () => {
|
|
776
|
+
l(this, p, Q).call(this).map((t, i) => {
|
|
777
|
+
const n = e(this, Y)[i];
|
|
778
|
+
n && (n.value = (t || 0).toString());
|
|
779
|
+
}), l(this, p, ct).call(this);
|
|
396
780
|
});
|
|
397
|
-
|
|
398
|
-
|
|
781
|
+
o(this, Ee, () => {
|
|
782
|
+
l(this, p, ct).call(this);
|
|
399
783
|
});
|
|
400
|
-
this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(
|
|
401
|
-
class: e(this,
|
|
402
|
-
children:
|
|
784
|
+
this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(ps), c(this, V, St((n = this.firstStore.__manager) == null ? void 0 : n.min, -1 / 0)), c(this, Z, St((h = this.firstStore.__manager) == null ? void 0 : h.max, 1 / 0)), c(this, ie, ((u = this.firstStore.__manager) == null ? void 0 : u.step) || 0.01), c(this, ve, ((m = this.firstStore.__manager) == null ? void 0 : m.ease) || 1), c(this, ye, Array.isArray(this.firstStore.current) ? "array" : "number"), c(this, R, isFinite(e(this, Z)) && isFinite(e(this, V))), g(this, {
|
|
785
|
+
class: e(this, R) ? "" : "infinite",
|
|
786
|
+
children: l(this, p, Q).call(this).map((S, C) => w({
|
|
403
787
|
class: "inputs-wrapper",
|
|
404
788
|
children: [
|
|
405
|
-
|
|
789
|
+
Ve({
|
|
406
790
|
type: "number",
|
|
407
|
-
step: e(this,
|
|
408
|
-
min: e(this,
|
|
409
|
-
max: e(this,
|
|
410
|
-
ref: (b) => e(this,
|
|
411
|
-
value:
|
|
791
|
+
step: e(this, ie),
|
|
792
|
+
min: e(this, V),
|
|
793
|
+
max: e(this, Z),
|
|
794
|
+
ref: (b) => e(this, Y).push(b),
|
|
795
|
+
value: S,
|
|
412
796
|
onChange: () => {
|
|
413
797
|
this.updateStores(
|
|
414
|
-
e(this,
|
|
798
|
+
e(this, Y).map((b) => parseFloat(b.value))
|
|
415
799
|
);
|
|
416
800
|
}
|
|
417
801
|
}),
|
|
418
|
-
|
|
802
|
+
w({
|
|
419
803
|
class: "drag",
|
|
420
804
|
children: [
|
|
421
|
-
|
|
805
|
+
w({
|
|
422
806
|
class: "drag-knob",
|
|
423
|
-
ref: (b) => e(this,
|
|
807
|
+
ref: (b) => e(this, se).push(b),
|
|
424
808
|
onPointerdown: (b) => {
|
|
425
|
-
b.preventDefault(),
|
|
426
|
-
const
|
|
427
|
-
if (
|
|
428
|
-
const
|
|
429
|
-
|
|
430
|
-
(
|
|
431
|
-
const
|
|
432
|
-
if (
|
|
433
|
-
const
|
|
434
|
-
|
|
809
|
+
b.preventDefault(), c(this, G, !0);
|
|
810
|
+
const pe = l(this, p, Q).call(this), _e = pe[C], E = e(this, se)[C], N = e(this, Y)[C];
|
|
811
|
+
if (E && N) {
|
|
812
|
+
const F = E.parentElement, _ = l(this, p, dt).call(this);
|
|
813
|
+
F.classList.add("grabbing"), xt(
|
|
814
|
+
(W) => {
|
|
815
|
+
const bt = W.x - b.x, Jt = e(this, R) ? F.offsetWidth / (_ || 1) : 1, Yt = _e + bt / Jt * e(this, ve);
|
|
816
|
+
if (pe[C] = Yt, !e(this, R)) {
|
|
817
|
+
const Gt = l(this, p, Ke).call(this, E, 0);
|
|
818
|
+
E.style.transform = `translateX(${Gt + bt}px)`;
|
|
435
819
|
}
|
|
436
|
-
this.updateStores([...
|
|
820
|
+
this.updateStores([...pe]);
|
|
437
821
|
},
|
|
438
822
|
() => {
|
|
439
|
-
if (
|
|
440
|
-
const
|
|
441
|
-
|
|
442
|
-
|
|
823
|
+
if (c(this, G, !1), !e(this, R)) {
|
|
824
|
+
const W = l(this, p, Ke).call(this, E, 0);
|
|
825
|
+
E.style.transition = "transform 0.1s", E.style.transform = `translateX(${W}px)`, F.classList.remove("grabbing"), setTimeout(() => {
|
|
826
|
+
E.style.transition = "";
|
|
443
827
|
}, 100);
|
|
444
828
|
}
|
|
445
829
|
}
|
|
446
830
|
);
|
|
447
831
|
}
|
|
448
832
|
},
|
|
449
|
-
children:
|
|
833
|
+
children: w({
|
|
450
834
|
class: "drag-knob-inner"
|
|
451
835
|
})
|
|
452
836
|
})
|
|
@@ -457,30 +841,30 @@ class rt extends se {
|
|
|
457
841
|
});
|
|
458
842
|
}
|
|
459
843
|
connectedCallback() {
|
|
460
|
-
this.firstStore.addMiddleware(e(this,
|
|
844
|
+
this.firstStore.addMiddleware(e(this, Se)), this.firstStore.subscribe(e(this, ke)), kt.subscribe(this, e(this, Ee));
|
|
461
845
|
}
|
|
462
846
|
disconnectedCallback() {
|
|
463
|
-
this.firstStore.removeMiddleware(e(this,
|
|
847
|
+
this.firstStore.removeMiddleware(e(this, Se)), this.firstStore.unsubscribe(e(this, ke)), kt.unsubscribe(e(this, Ee));
|
|
464
848
|
}
|
|
465
849
|
}
|
|
466
|
-
|
|
850
|
+
Y = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), V = new WeakMap(), Z = new WeakMap(), ve = new WeakMap(), ye = new WeakMap(), R = new WeakMap(), G = new WeakMap(), Se = new WeakMap(), ke = new WeakMap(), p = new WeakSet(), Q = function(t = this.firstStore.current) {
|
|
467
851
|
return Array.isArray(t) ? t : [t];
|
|
468
|
-
},
|
|
469
|
-
|
|
470
|
-
const
|
|
471
|
-
if (
|
|
472
|
-
const
|
|
473
|
-
|
|
852
|
+
}, ct = function() {
|
|
853
|
+
l(this, p, Q).call(this).map((t, i) => {
|
|
854
|
+
const n = e(this, se)[i];
|
|
855
|
+
if (n && (!e(this, G) || e(this, G) && e(this, R))) {
|
|
856
|
+
const h = l(this, p, Ke).call(this, n, t);
|
|
857
|
+
n.style.transform = `translateX(${h}px)`;
|
|
474
858
|
}
|
|
475
859
|
});
|
|
476
|
-
},
|
|
477
|
-
return e(this,
|
|
478
|
-
},
|
|
479
|
-
const
|
|
480
|
-
return (
|
|
481
|
-
},
|
|
482
|
-
customElements.get("e-tweaker-number-manager") || customElements.define("e-tweaker-number-manager",
|
|
483
|
-
const
|
|
860
|
+
}, dt = function() {
|
|
861
|
+
return e(this, R) ? e(this, Z) - e(this, V) : 0;
|
|
862
|
+
}, Ke = function(t, i) {
|
|
863
|
+
const n = t.parentElement, h = l(this, p, dt).call(this), u = h ? i / h : 0.5;
|
|
864
|
+
return (n.offsetWidth - t.offsetWidth) * u;
|
|
865
|
+
}, Ee = new WeakMap();
|
|
866
|
+
customElements.get("e-tweaker-number-manager") || customElements.define("e-tweaker-number-manager", Kt);
|
|
867
|
+
const ws = k({
|
|
484
868
|
":host": {
|
|
485
869
|
position: "relative"
|
|
486
870
|
},
|
|
@@ -515,109 +899,109 @@ const $t = w({
|
|
|
515
899
|
paddingTop: "var(--gap, 0px)"
|
|
516
900
|
}
|
|
517
901
|
});
|
|
518
|
-
var
|
|
519
|
-
const
|
|
902
|
+
var ne, oe, T, U, re, ae, Ye, xe, ft;
|
|
903
|
+
const wt = class wt extends HTMLElement {
|
|
520
904
|
constructor() {
|
|
521
905
|
super();
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
906
|
+
o(this, xe);
|
|
907
|
+
o(this, ne, null);
|
|
908
|
+
o(this, oe, "");
|
|
909
|
+
o(this, T, null);
|
|
910
|
+
o(this, U, !1);
|
|
911
|
+
o(this, re);
|
|
912
|
+
o(this, ae, null);
|
|
913
|
+
o(this, Ye, () => {
|
|
914
|
+
Et(this);
|
|
531
915
|
});
|
|
532
|
-
|
|
916
|
+
X && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(ws), c(this, ne, this.attachInternals()), c(this, ae, new ResizeObserver(e(this, Ye))), g(this, {
|
|
533
917
|
children: [
|
|
534
|
-
|
|
918
|
+
ee({
|
|
535
919
|
class: "head",
|
|
536
|
-
children:
|
|
920
|
+
children: me({ name: "head" }),
|
|
537
921
|
onClick: () => {
|
|
538
922
|
this.opened ? this.close() : this.open();
|
|
539
923
|
}
|
|
540
924
|
}),
|
|
541
|
-
|
|
925
|
+
w({
|
|
542
926
|
class: "body",
|
|
543
927
|
style: {
|
|
544
928
|
height: "0px"
|
|
545
929
|
},
|
|
546
|
-
children:
|
|
930
|
+
children: w({
|
|
547
931
|
class: "body-inner",
|
|
548
|
-
children:
|
|
932
|
+
children: me()
|
|
549
933
|
}),
|
|
550
|
-
ref: (
|
|
551
|
-
|
|
934
|
+
ref: (i) => {
|
|
935
|
+
c(this, T, i);
|
|
552
936
|
}
|
|
553
937
|
})
|
|
554
938
|
]
|
|
555
939
|
}));
|
|
556
940
|
}
|
|
557
941
|
get value() {
|
|
558
|
-
return e(this,
|
|
942
|
+
return e(this, oe);
|
|
559
943
|
}
|
|
560
944
|
set value(t) {
|
|
561
|
-
|
|
945
|
+
c(this, oe, t), this.dispatchEvent(
|
|
562
946
|
new Event("change", {
|
|
563
947
|
bubbles: !0,
|
|
564
948
|
composed: !0
|
|
565
949
|
})
|
|
566
|
-
), e(this,
|
|
950
|
+
), e(this, ne).setFormValue(e(this, oe));
|
|
567
951
|
}
|
|
568
952
|
get internals() {
|
|
569
|
-
return e(this,
|
|
953
|
+
return e(this, ne);
|
|
570
954
|
}
|
|
571
955
|
get opened() {
|
|
572
|
-
return e(this,
|
|
956
|
+
return e(this, U);
|
|
573
957
|
}
|
|
574
958
|
open() {
|
|
575
|
-
clearTimeout(e(this,
|
|
576
|
-
this.classList.add("opened"), e(this,
|
|
959
|
+
clearTimeout(e(this, re)), c(this, U, !0), e(this, T).style.display = "grid", this.classList.add("triggered"), setTimeout(() => {
|
|
960
|
+
this.classList.add("opened"), e(this, T).style.height = e(this, T).scrollHeight + "px", l(this, xe, ft).call(this);
|
|
577
961
|
}, 0);
|
|
578
962
|
}
|
|
579
963
|
close() {
|
|
580
|
-
|
|
581
|
-
this.classList.remove("triggered"), e(this,
|
|
582
|
-
},
|
|
964
|
+
c(this, U, !1), e(this, T).style.height = "0px", this.classList.remove("opened"), l(this, xe, ft).call(this), c(this, re, setTimeout(() => {
|
|
965
|
+
this.classList.remove("triggered"), e(this, T).style.display = "none";
|
|
966
|
+
}, ns(e(this, T))));
|
|
583
967
|
}
|
|
584
968
|
connectedCallback() {
|
|
585
|
-
e(this,
|
|
969
|
+
e(this, ae).observe(e(this, T));
|
|
586
970
|
}
|
|
587
971
|
disconnectedCallback() {
|
|
588
|
-
clearTimeout(e(this,
|
|
972
|
+
clearTimeout(e(this, re)), e(this, ae).disconnect();
|
|
589
973
|
}
|
|
590
974
|
};
|
|
591
|
-
|
|
592
|
-
|
|
975
|
+
ne = new WeakMap(), oe = new WeakMap(), T = new WeakMap(), U = new WeakMap(), re = new WeakMap(), ae = new WeakMap(), Ye = new WeakMap(), xe = new WeakSet(), ft = function() {
|
|
976
|
+
Ut(this), this.dispatchEvent(
|
|
593
977
|
new CustomEvent("selectToggle", {
|
|
594
978
|
bubbles: !0,
|
|
595
979
|
composed: !0,
|
|
596
980
|
detail: {
|
|
597
|
-
opened: e(this,
|
|
981
|
+
opened: e(this, U)
|
|
598
982
|
}
|
|
599
983
|
})
|
|
600
984
|
);
|
|
601
|
-
},
|
|
602
|
-
let
|
|
603
|
-
customElements.get("e-select") || customElements.define("e-select",
|
|
604
|
-
var
|
|
605
|
-
class
|
|
985
|
+
}, wt.formAssociated = !0;
|
|
986
|
+
let ut = wt;
|
|
987
|
+
customElements.get("e-select") || customElements.define("e-select", ut);
|
|
988
|
+
var Ce;
|
|
989
|
+
class Ot extends HTMLElement {
|
|
606
990
|
constructor() {
|
|
607
991
|
super(...arguments);
|
|
608
|
-
|
|
992
|
+
o(this, Ce, null);
|
|
609
993
|
}
|
|
610
994
|
get selectElement() {
|
|
611
|
-
return e(this,
|
|
995
|
+
return e(this, Ce);
|
|
612
996
|
}
|
|
613
997
|
connectedCallback() {
|
|
614
|
-
var
|
|
615
|
-
const t = (
|
|
616
|
-
t ?
|
|
998
|
+
var i, n;
|
|
999
|
+
const t = (n = (i = this.assignedSlot) == null ? void 0 : i.getRootNode()) == null ? void 0 : n.host;
|
|
1000
|
+
t ? c(this, Ce, t) : console.log(this, "e-select not found");
|
|
617
1001
|
}
|
|
618
1002
|
}
|
|
619
|
-
|
|
620
|
-
const
|
|
1003
|
+
Ce = new WeakMap();
|
|
1004
|
+
const bs = k({
|
|
621
1005
|
":host": {
|
|
622
1006
|
width: "100%",
|
|
623
1007
|
height: "40px",
|
|
@@ -625,42 +1009,42 @@ const Vt = w({
|
|
|
625
1009
|
alignItems: "center"
|
|
626
1010
|
}
|
|
627
1011
|
});
|
|
628
|
-
var
|
|
629
|
-
class
|
|
1012
|
+
var le, Le, mt;
|
|
1013
|
+
class vs extends Ot {
|
|
630
1014
|
constructor() {
|
|
631
1015
|
super();
|
|
632
|
-
|
|
633
|
-
|
|
1016
|
+
o(this, Le);
|
|
1017
|
+
o(this, le, () => {
|
|
634
1018
|
this.selectElement.value === this.value ? this.style.display = "none" : this.style.display = "";
|
|
635
1019
|
});
|
|
636
|
-
|
|
1020
|
+
X && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(bs), g(this, {
|
|
637
1021
|
tabindex: 0,
|
|
638
1022
|
onClick: () => {
|
|
639
|
-
|
|
1023
|
+
l(this, Le, mt).call(this);
|
|
640
1024
|
},
|
|
641
|
-
onKeydown: (
|
|
642
|
-
|
|
1025
|
+
onKeydown: (i) => {
|
|
1026
|
+
i.code === "Space" && l(this, Le, mt).call(this);
|
|
643
1027
|
},
|
|
644
|
-
children:
|
|
1028
|
+
children: me()
|
|
645
1029
|
}));
|
|
646
1030
|
}
|
|
647
1031
|
get value() {
|
|
648
1032
|
return (this.hasAttribute("value") ? this.getAttribute("value") : this.innerText) || "";
|
|
649
1033
|
}
|
|
650
1034
|
connectedCallback() {
|
|
651
|
-
super.connectedCallback(), this.hasAttribute("default") && (this.selectElement.value || (this.selectElement.value = this.value)), this.selectElement.addEventListener("change", e(this,
|
|
652
|
-
e(this,
|
|
1035
|
+
super.connectedCallback(), this.hasAttribute("default") && (this.selectElement.value || (this.selectElement.value = this.value)), this.selectElement.addEventListener("change", e(this, le)), setTimeout(() => {
|
|
1036
|
+
e(this, le).call(this);
|
|
653
1037
|
});
|
|
654
1038
|
}
|
|
655
1039
|
disconnectedCallback() {
|
|
656
|
-
this.selectElement.removeEventListener("change", e(this,
|
|
1040
|
+
this.selectElement.removeEventListener("change", e(this, le));
|
|
657
1041
|
}
|
|
658
1042
|
}
|
|
659
|
-
|
|
1043
|
+
le = new WeakMap(), Le = new WeakSet(), mt = function() {
|
|
660
1044
|
this.selectElement.value = this.value, this.selectElement.close();
|
|
661
1045
|
};
|
|
662
|
-
customElements.get("e-select-option") || customElements.define("e-select-option",
|
|
663
|
-
const
|
|
1046
|
+
customElements.get("e-select-option") || customElements.define("e-select-option", vs);
|
|
1047
|
+
const ys = k({
|
|
664
1048
|
":host": {
|
|
665
1049
|
width: "100%",
|
|
666
1050
|
height: "40px",
|
|
@@ -672,7 +1056,7 @@ const Nt = w({
|
|
|
672
1056
|
flexShrink: "0",
|
|
673
1057
|
width: "var(--arrow-size, 1em)",
|
|
674
1058
|
height: "var(--arrow-size, 1em)",
|
|
675
|
-
fill: `var(--arrow-color, ${
|
|
1059
|
+
fill: `var(--arrow-color, ${f.colorMain.var})`,
|
|
676
1060
|
transitionProperty: "transform",
|
|
677
1061
|
transitionDuration: "var(--duration, var(--duration-short))"
|
|
678
1062
|
},
|
|
@@ -680,44 +1064,44 @@ const Nt = w({
|
|
|
680
1064
|
transform: "scaleY(-1)"
|
|
681
1065
|
}
|
|
682
1066
|
});
|
|
683
|
-
var
|
|
684
|
-
class
|
|
1067
|
+
var Te, he, ze;
|
|
1068
|
+
class Ss extends Ot {
|
|
685
1069
|
constructor() {
|
|
686
1070
|
super();
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
const
|
|
1071
|
+
o(this, Te, null);
|
|
1072
|
+
o(this, he, () => {
|
|
1073
|
+
const i = this.selectElement.shadowRoot.querySelector(
|
|
690
1074
|
".body slot"
|
|
691
|
-
).assignedElements().find((
|
|
692
|
-
|
|
1075
|
+
).assignedElements().find((n) => n.value === this.selectElement.value);
|
|
1076
|
+
i && (e(this, Te).innerHTML = i.innerHTML);
|
|
693
1077
|
});
|
|
694
|
-
|
|
1078
|
+
o(this, ze, () => {
|
|
695
1079
|
this.classList.toggle("opened", this.selectElement.opened);
|
|
696
1080
|
});
|
|
697
|
-
|
|
1081
|
+
X && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(ys), g(this, {
|
|
698
1082
|
children: [
|
|
699
|
-
|
|
700
|
-
|
|
1083
|
+
me(),
|
|
1084
|
+
me({
|
|
701
1085
|
name: "arrow",
|
|
702
|
-
children:
|
|
1086
|
+
children: g(Dt, { class: "default-arrow" })
|
|
703
1087
|
})
|
|
704
1088
|
]
|
|
705
1089
|
}), this.slot = "head");
|
|
706
1090
|
}
|
|
707
1091
|
connectedCallback() {
|
|
708
|
-
super.connectedCallback(),
|
|
1092
|
+
super.connectedCallback(), c(this, Te, this.querySelector("[data-value-holder]") || this), this.selectElement.addEventListener("change", e(this, he)), e(this, he).call(this), this.selectElement.addEventListener("selectToggle", e(this, ze));
|
|
709
1093
|
}
|
|
710
1094
|
disconnectedCallback() {
|
|
711
|
-
this.selectElement.removeEventListener("change", e(this,
|
|
1095
|
+
this.selectElement.removeEventListener("change", e(this, he)), this.selectElement.removeEventListener("selectToggle", e(this, ze));
|
|
712
1096
|
}
|
|
713
1097
|
}
|
|
714
|
-
|
|
715
|
-
customElements.get("e-select-head") || customElements.define("e-select-head",
|
|
716
|
-
const
|
|
1098
|
+
Te = new WeakMap(), he = new WeakMap(), ze = new WeakMap();
|
|
1099
|
+
customElements.get("e-select-head") || customElements.define("e-select-head", Ss);
|
|
1100
|
+
const ks = k({
|
|
717
1101
|
"e-select": {
|
|
718
1102
|
display: "block",
|
|
719
1103
|
width: "100%",
|
|
720
|
-
"--arrow-color":
|
|
1104
|
+
"--arrow-color": f.colorFont.var
|
|
721
1105
|
},
|
|
722
1106
|
"e-select-head": {
|
|
723
1107
|
width: "100%",
|
|
@@ -734,12 +1118,12 @@ const _t = w({
|
|
|
734
1118
|
fontSize: "var(--font-size-small)"
|
|
735
1119
|
},
|
|
736
1120
|
"e-select-option:hover": {
|
|
737
|
-
color:
|
|
1121
|
+
color: f.colorActive.var
|
|
738
1122
|
},
|
|
739
1123
|
svg: {
|
|
740
1124
|
width: "16px",
|
|
741
1125
|
height: "16px",
|
|
742
|
-
fill:
|
|
1126
|
+
fill: f.colorFont.var,
|
|
743
1127
|
transitionProperty: "transform",
|
|
744
1128
|
transitionDuration: "var(--duration-short)"
|
|
745
1129
|
},
|
|
@@ -747,30 +1131,30 @@ const _t = w({
|
|
|
747
1131
|
transform: "scaleY(-1)"
|
|
748
1132
|
}
|
|
749
1133
|
});
|
|
750
|
-
class
|
|
751
|
-
constructor(...
|
|
752
|
-
var
|
|
753
|
-
super(...
|
|
754
|
-
const
|
|
755
|
-
|
|
756
|
-
children:
|
|
1134
|
+
class Zt extends ge {
|
|
1135
|
+
constructor(...s) {
|
|
1136
|
+
var n;
|
|
1137
|
+
super(...s), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(ks);
|
|
1138
|
+
const i = ((n = this.firstStore.__manager) == null ? void 0 : n.variants) || [];
|
|
1139
|
+
g(this, {
|
|
1140
|
+
children: g("e-select", {
|
|
757
1141
|
value: this.firstStore,
|
|
758
|
-
onChange: (
|
|
759
|
-
this.updateStores(
|
|
1142
|
+
onChange: (h) => {
|
|
1143
|
+
this.updateStores(h.currentTarget.value);
|
|
760
1144
|
},
|
|
761
1145
|
lightChildren: [
|
|
762
|
-
|
|
1146
|
+
g("e-select-head", {
|
|
763
1147
|
lightChildren: [
|
|
764
|
-
|
|
1148
|
+
lt({
|
|
765
1149
|
"data-value-holder": ""
|
|
766
1150
|
})
|
|
767
1151
|
]
|
|
768
1152
|
}),
|
|
769
1153
|
// @ts-ignore
|
|
770
|
-
...
|
|
771
|
-
(
|
|
772
|
-
lightChildren:
|
|
773
|
-
default:
|
|
1154
|
+
...i.map(
|
|
1155
|
+
(h, u) => g("e-select-option", {
|
|
1156
|
+
lightChildren: h,
|
|
1157
|
+
default: u === 0 ? !0 : null
|
|
774
1158
|
})
|
|
775
1159
|
)
|
|
776
1160
|
]
|
|
@@ -778,8 +1162,8 @@ class at extends se {
|
|
|
778
1162
|
});
|
|
779
1163
|
}
|
|
780
1164
|
}
|
|
781
|
-
customElements.get("e-tweaker-select-manager") || customElements.define("e-tweaker-select-manager",
|
|
782
|
-
const
|
|
1165
|
+
customElements.get("e-tweaker-select-manager") || customElements.define("e-tweaker-select-manager", Zt);
|
|
1166
|
+
const Es = k({
|
|
783
1167
|
":host": {
|
|
784
1168
|
width: "100%",
|
|
785
1169
|
display: "flex",
|
|
@@ -798,20 +1182,20 @@ const Ot = w({
|
|
|
798
1182
|
margin: "0",
|
|
799
1183
|
padding: "0 var(--gap-small)",
|
|
800
1184
|
backgroundColor: "rgba(255, 255, 255, 0.1)",
|
|
801
|
-
borderRadius:
|
|
1185
|
+
borderRadius: f.borderRadius.var
|
|
802
1186
|
}
|
|
803
1187
|
});
|
|
804
|
-
class
|
|
805
|
-
constructor(...
|
|
806
|
-
super(...
|
|
1188
|
+
class Wt extends ge {
|
|
1189
|
+
constructor(...s) {
|
|
1190
|
+
super(...s), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Es), g(this, {
|
|
807
1191
|
children: [
|
|
808
|
-
|
|
1192
|
+
Ve({
|
|
809
1193
|
class: "text-input",
|
|
810
1194
|
type: "string",
|
|
811
1195
|
value: this.firstStore,
|
|
812
|
-
onChange: (
|
|
1196
|
+
onChange: (i) => {
|
|
813
1197
|
this.updateStores(
|
|
814
|
-
|
|
1198
|
+
i.currentTarget.value
|
|
815
1199
|
);
|
|
816
1200
|
}
|
|
817
1201
|
})
|
|
@@ -819,21 +1203,21 @@ class lt extends se {
|
|
|
819
1203
|
});
|
|
820
1204
|
}
|
|
821
1205
|
}
|
|
822
|
-
customElements.get("e-tweaker-string-manager") || customElements.define("e-tweaker-string-manager",
|
|
823
|
-
const
|
|
824
|
-
boolean:
|
|
825
|
-
color:
|
|
826
|
-
link:
|
|
827
|
-
number:
|
|
828
|
-
select:
|
|
829
|
-
string:
|
|
830
|
-
},
|
|
1206
|
+
customElements.get("e-tweaker-string-manager") || customElements.define("e-tweaker-string-manager", Wt);
|
|
1207
|
+
const xs = {
|
|
1208
|
+
boolean: Vt,
|
|
1209
|
+
color: _t,
|
|
1210
|
+
link: Bt,
|
|
1211
|
+
number: Kt,
|
|
1212
|
+
select: Zt,
|
|
1213
|
+
string: Wt
|
|
1214
|
+
}, Cs = k({
|
|
831
1215
|
":host": {
|
|
832
1216
|
display: "grid",
|
|
833
1217
|
gridAutoFlow: "column",
|
|
834
1218
|
gridTemplateColumns: "0.5fr 1fr",
|
|
835
1219
|
alignItems: "center",
|
|
836
|
-
color:
|
|
1220
|
+
color: f.colorFont.var,
|
|
837
1221
|
gap: "var(--gap-medium)"
|
|
838
1222
|
},
|
|
839
1223
|
":host(.disabled)": {
|
|
@@ -856,7 +1240,7 @@ const Zt = {
|
|
|
856
1240
|
margin: "0",
|
|
857
1241
|
border: "none",
|
|
858
1242
|
background: "none",
|
|
859
|
-
fill:
|
|
1243
|
+
fill: f.colorFont.var,
|
|
860
1244
|
transitionDuration: "var(--duration-short)",
|
|
861
1245
|
transitionProperty: "fill, opacity",
|
|
862
1246
|
opacity: "0"
|
|
@@ -865,65 +1249,65 @@ const Zt = {
|
|
|
865
1249
|
opacity: "1"
|
|
866
1250
|
},
|
|
867
1251
|
".head-button:hover": {
|
|
868
|
-
fill:
|
|
1252
|
+
fill: f.colorActive.var
|
|
869
1253
|
},
|
|
870
1254
|
".head-button svg": {
|
|
871
1255
|
width: "100%",
|
|
872
1256
|
height: "100%"
|
|
873
1257
|
}
|
|
874
1258
|
});
|
|
875
|
-
var
|
|
876
|
-
class
|
|
1259
|
+
var z, ce, de, ue, fe, Me, Ae;
|
|
1260
|
+
class gt extends HTMLElement {
|
|
877
1261
|
constructor(t) {
|
|
878
|
-
var
|
|
1262
|
+
var h, u;
|
|
879
1263
|
super();
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
1264
|
+
o(this, z, []);
|
|
1265
|
+
o(this, ce);
|
|
1266
|
+
o(this, de);
|
|
1267
|
+
o(this, ue, !1);
|
|
1268
|
+
o(this, fe);
|
|
1269
|
+
o(this, Me, () => {
|
|
1270
|
+
j.current.find((t) => e(this, z).includes(t)) || this.remove();
|
|
887
1271
|
});
|
|
888
|
-
|
|
889
|
-
e(this,
|
|
890
|
-
|
|
1272
|
+
o(this, Ae, (t) => {
|
|
1273
|
+
e(this, ue) && ((t.metaKey || t.ctrlKey) && t.code === "KeyC" ? navigator.clipboard.writeText(e(this, z)[0].current) : (t.metaKey || t.ctrlKey) && t.code === "KeyR" && (e(this, z).forEach((i) => {
|
|
1274
|
+
i.reset();
|
|
891
1275
|
}), t.preventDefault()));
|
|
892
1276
|
});
|
|
893
|
-
|
|
894
|
-
const
|
|
895
|
-
|
|
896
|
-
e(this,
|
|
897
|
-
)), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(
|
|
1277
|
+
c(this, z, [t.store]), c(this, ce, t.store.name), c(this, de, e(this, ce).split(".").slice(-1).toString());
|
|
1278
|
+
const i = ((h = t.store.__manager) == null ? void 0 : h.type) || "string";
|
|
1279
|
+
c(this, fe, new xs[i](
|
|
1280
|
+
e(this, z)[0]
|
|
1281
|
+
)), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Cs), g(this, {
|
|
898
1282
|
class: {
|
|
899
|
-
disabled: ((
|
|
1283
|
+
disabled: ((u = t.store.__manager) == null ? void 0 : u.disabled) || !1
|
|
900
1284
|
},
|
|
901
1285
|
onPointerleave: () => {
|
|
902
|
-
|
|
1286
|
+
c(this, ue, !1);
|
|
903
1287
|
},
|
|
904
1288
|
onPointerenter: () => {
|
|
905
|
-
|
|
1289
|
+
c(this, ue, !0);
|
|
906
1290
|
},
|
|
907
1291
|
children: [
|
|
908
|
-
|
|
1292
|
+
w({
|
|
909
1293
|
class: "head",
|
|
910
1294
|
children: [
|
|
911
|
-
|
|
912
|
-
|
|
1295
|
+
w({ class: "name", children: e(this, de) + ":" }),
|
|
1296
|
+
w({
|
|
913
1297
|
class: "head-buttons",
|
|
914
1298
|
children: [
|
|
915
|
-
|
|
1299
|
+
ee({
|
|
916
1300
|
class: "head-button",
|
|
917
|
-
children:
|
|
1301
|
+
children: Ht,
|
|
918
1302
|
onClick: () => {
|
|
919
|
-
navigator.clipboard.writeText(e(this,
|
|
1303
|
+
navigator.clipboard.writeText(e(this, z)[0].current);
|
|
920
1304
|
}
|
|
921
1305
|
}),
|
|
922
|
-
|
|
1306
|
+
ee({
|
|
923
1307
|
class: "head-button",
|
|
924
|
-
children:
|
|
1308
|
+
children: It,
|
|
925
1309
|
onClick: () => {
|
|
926
|
-
e(this,
|
|
1310
|
+
e(this, z).forEach((m) => {
|
|
927
1311
|
m.reset();
|
|
928
1312
|
});
|
|
929
1313
|
}
|
|
@@ -932,36 +1316,36 @@ class Ze extends HTMLElement {
|
|
|
932
1316
|
})
|
|
933
1317
|
]
|
|
934
1318
|
}),
|
|
935
|
-
e(this,
|
|
1319
|
+
e(this, fe)
|
|
936
1320
|
]
|
|
937
1321
|
});
|
|
938
1322
|
}
|
|
939
1323
|
get key() {
|
|
940
|
-
return e(this,
|
|
1324
|
+
return e(this, ce);
|
|
941
1325
|
}
|
|
942
1326
|
get name() {
|
|
943
|
-
return e(this,
|
|
1327
|
+
return e(this, de);
|
|
944
1328
|
}
|
|
945
1329
|
get stores() {
|
|
946
|
-
return e(this,
|
|
1330
|
+
return e(this, z);
|
|
947
1331
|
}
|
|
948
1332
|
addStore(t) {
|
|
949
|
-
e(this,
|
|
1333
|
+
e(this, fe).addStore(t);
|
|
950
1334
|
}
|
|
951
1335
|
connectedCallback() {
|
|
952
|
-
|
|
1336
|
+
j.subscribe(e(this, Me)), addEventListener("keydown", e(this, Ae)), Et(this);
|
|
953
1337
|
}
|
|
954
1338
|
disconnectedCallback() {
|
|
955
|
-
|
|
1339
|
+
j.unsubscribe(e(this, Me)), removeEventListener("keydown", e(this, Ae));
|
|
956
1340
|
}
|
|
957
1341
|
}
|
|
958
|
-
|
|
959
|
-
customElements.get("e-tweaker-field") || customElements.define("e-tweaker-field",
|
|
960
|
-
const
|
|
1342
|
+
z = new WeakMap(), ce = new WeakMap(), de = new WeakMap(), ue = new WeakMap(), fe = new WeakMap(), Me = new WeakMap(), Ae = new WeakMap();
|
|
1343
|
+
customElements.get("e-tweaker-field") || customElements.define("e-tweaker-field", gt);
|
|
1344
|
+
const Ls = k({
|
|
961
1345
|
".wrapper": {
|
|
962
1346
|
boxSizing: "border-box",
|
|
963
1347
|
backgroundColor: "rgba(255, 255, 255, 0.1)",
|
|
964
|
-
borderRadius:
|
|
1348
|
+
borderRadius: f.borderRadius.var
|
|
965
1349
|
},
|
|
966
1350
|
".head": {
|
|
967
1351
|
boxSizing: "border-box",
|
|
@@ -972,12 +1356,12 @@ const Bt = w({
|
|
|
972
1356
|
display: "flex",
|
|
973
1357
|
alignItems: "center",
|
|
974
1358
|
justifyContent: "space-between",
|
|
975
|
-
backgroundColor:
|
|
976
|
-
borderRadius:
|
|
1359
|
+
backgroundColor: f.colorMainAux.var,
|
|
1360
|
+
borderRadius: f.borderRadius.var
|
|
977
1361
|
},
|
|
978
1362
|
".name": {
|
|
979
1363
|
fontSize: "var(--font-size-large)",
|
|
980
|
-
color:
|
|
1364
|
+
color: f.colorFont.var
|
|
981
1365
|
},
|
|
982
1366
|
".body": {
|
|
983
1367
|
display: "none",
|
|
@@ -1005,63 +1389,63 @@ const Bt = w({
|
|
|
1005
1389
|
".arrow": {
|
|
1006
1390
|
width: "20px",
|
|
1007
1391
|
height: "20px",
|
|
1008
|
-
fill:
|
|
1392
|
+
fill: f.colorFont.var,
|
|
1009
1393
|
transition: "transform var(--duration-short)"
|
|
1010
1394
|
},
|
|
1011
1395
|
".opened .arrow": {
|
|
1012
1396
|
transform: "scaleY(-1)"
|
|
1013
1397
|
}
|
|
1014
1398
|
});
|
|
1015
|
-
var
|
|
1016
|
-
const
|
|
1399
|
+
var M, Ne, y, Re, Fe, Pe, $e, Ge;
|
|
1400
|
+
const Ue = class Ue extends HTMLElement {
|
|
1017
1401
|
constructor(t) {
|
|
1018
1402
|
super();
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
let
|
|
1028
|
-
t.forEach((
|
|
1029
|
-
|
|
1030
|
-
}), e(this,
|
|
1031
|
-
(
|
|
1032
|
-
), e(this,
|
|
1403
|
+
o(this, M);
|
|
1404
|
+
o(this, Ne, new P(null));
|
|
1405
|
+
o(this, y, new P([]));
|
|
1406
|
+
o(this, Re);
|
|
1407
|
+
o(this, Fe, null);
|
|
1408
|
+
o(this, Pe, null);
|
|
1409
|
+
o(this, $e, null);
|
|
1410
|
+
o(this, Ge, (t) => {
|
|
1411
|
+
let i = [], n = [];
|
|
1412
|
+
t.forEach((h) => {
|
|
1413
|
+
i = [...i, ...h.removedNodes], n = [...n, ...h.addedNodes];
|
|
1414
|
+
}), e(this, y).current = e(this, y).current.filter(
|
|
1415
|
+
(h) => !i.includes(h)
|
|
1416
|
+
), e(this, M) && !e(this, y).current.length && !n.length && this.remove();
|
|
1033
1417
|
});
|
|
1034
|
-
this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(
|
|
1418
|
+
this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Ls), c(this, M, t.key), c(this, Re, new MutationObserver(e(this, Ge))), g(this, {
|
|
1035
1419
|
children: [
|
|
1036
|
-
|
|
1420
|
+
w({
|
|
1037
1421
|
class: "wrapper",
|
|
1038
1422
|
children: [
|
|
1039
|
-
|
|
1423
|
+
w({
|
|
1040
1424
|
class: "head",
|
|
1041
|
-
onClick: (
|
|
1042
|
-
this.classList.toggle("opened"), this.classList.contains("opened") ?
|
|
1425
|
+
onClick: (n) => {
|
|
1426
|
+
this.classList.toggle("opened"), this.classList.contains("opened") ? x.openPanel(e(this, M)) : x.closePanel(e(this, M));
|
|
1043
1427
|
},
|
|
1044
1428
|
children: [
|
|
1045
|
-
e(this,
|
|
1429
|
+
e(this, M) ? w({
|
|
1046
1430
|
class: "name",
|
|
1047
|
-
children: [e(this,
|
|
1431
|
+
children: [e(this, M).split(".").slice(-1).toString()]
|
|
1048
1432
|
}) : null,
|
|
1049
|
-
e(this,
|
|
1050
|
-
|
|
1433
|
+
e(this, Ne),
|
|
1434
|
+
g(Dt, {
|
|
1051
1435
|
class: "arrow"
|
|
1052
1436
|
})
|
|
1053
1437
|
]
|
|
1054
1438
|
}),
|
|
1055
|
-
|
|
1439
|
+
w({
|
|
1056
1440
|
class: "body",
|
|
1057
|
-
ref: (
|
|
1058
|
-
|
|
1441
|
+
ref: (n) => {
|
|
1442
|
+
c(this, Fe, n);
|
|
1059
1443
|
},
|
|
1060
|
-
children:
|
|
1444
|
+
children: w({
|
|
1061
1445
|
class: "body-content",
|
|
1062
|
-
children: e(this,
|
|
1063
|
-
ref: (
|
|
1064
|
-
|
|
1446
|
+
children: e(this, y),
|
|
1447
|
+
ref: (n) => {
|
|
1448
|
+
c(this, Pe, n), c(this, $e, n.firstElementChild);
|
|
1065
1449
|
}
|
|
1066
1450
|
})
|
|
1067
1451
|
})
|
|
@@ -1071,37 +1455,37 @@ const Me = class Me extends HTMLElement {
|
|
|
1071
1455
|
}), t != null && t.storeBox && this.handleStore(t.storeBox);
|
|
1072
1456
|
}
|
|
1073
1457
|
get key() {
|
|
1074
|
-
return e(this,
|
|
1458
|
+
return e(this, M);
|
|
1075
1459
|
}
|
|
1076
1460
|
get head() {
|
|
1077
|
-
return e(this,
|
|
1461
|
+
return e(this, Ne);
|
|
1078
1462
|
}
|
|
1079
1463
|
get content() {
|
|
1080
|
-
return e(this,
|
|
1464
|
+
return e(this, y);
|
|
1081
1465
|
}
|
|
1082
1466
|
get bodyElement() {
|
|
1083
|
-
return e(this,
|
|
1467
|
+
return e(this, Fe);
|
|
1084
1468
|
}
|
|
1085
1469
|
get contentElement() {
|
|
1086
|
-
return e(this,
|
|
1470
|
+
return e(this, Pe);
|
|
1087
1471
|
}
|
|
1088
1472
|
connectedCallback() {
|
|
1089
|
-
|
|
1473
|
+
x.isPanelOpened(e(this, M)) && this.classList.add("opened"), setTimeout(() => {
|
|
1090
1474
|
this.classList.add("transition-allowed");
|
|
1091
|
-
}), e(this,
|
|
1475
|
+
}), e(this, Re).observe(e(this, $e), {
|
|
1092
1476
|
childList: !0
|
|
1093
1477
|
});
|
|
1094
1478
|
}
|
|
1095
1479
|
handleStore(t) {
|
|
1096
1480
|
if (t.remainingFolders.length) {
|
|
1097
|
-
const
|
|
1098
|
-
|
|
1481
|
+
const n = t.store.name.split("."), h = n.slice(0, n.length - t.remainingFolders.length).join("."), u = e(this, y).current.find((m) => m.key === h);
|
|
1482
|
+
u instanceof Ue ? u.handleStore({
|
|
1099
1483
|
store: t.store,
|
|
1100
1484
|
remainingFolders: t.remainingFolders.slice(1)
|
|
1101
|
-
}) : e(this,
|
|
1102
|
-
...e(this,
|
|
1103
|
-
new
|
|
1104
|
-
key:
|
|
1485
|
+
}) : e(this, y).current = [
|
|
1486
|
+
...e(this, y).current,
|
|
1487
|
+
new Ue({
|
|
1488
|
+
key: h,
|
|
1105
1489
|
storeBox: {
|
|
1106
1490
|
store: t.store,
|
|
1107
1491
|
remainingFolders: t.remainingFolders.slice(1)
|
|
@@ -1109,22 +1493,22 @@ const Me = class Me extends HTMLElement {
|
|
|
1109
1493
|
})
|
|
1110
1494
|
];
|
|
1111
1495
|
} else {
|
|
1112
|
-
const
|
|
1113
|
-
(
|
|
1496
|
+
const i = e(this, y).current.find(
|
|
1497
|
+
(n) => n.key === t.store.name
|
|
1114
1498
|
);
|
|
1115
|
-
|
|
1116
|
-
...e(this,
|
|
1117
|
-
new
|
|
1499
|
+
i instanceof gt ? i.addStore(t.store) : e(this, y).current = [
|
|
1500
|
+
...e(this, y).current,
|
|
1501
|
+
new gt({
|
|
1118
1502
|
store: t.store
|
|
1119
1503
|
})
|
|
1120
1504
|
];
|
|
1121
1505
|
}
|
|
1122
1506
|
}
|
|
1123
1507
|
};
|
|
1124
|
-
|
|
1125
|
-
let
|
|
1126
|
-
customElements.get("e-tweaker-folder") || customElements.define("e-tweaker-folder",
|
|
1127
|
-
const
|
|
1508
|
+
M = new WeakMap(), Ne = new WeakMap(), y = new WeakMap(), Re = new WeakMap(), Fe = new WeakMap(), Pe = new WeakMap(), $e = new WeakMap(), Ge = new WeakMap();
|
|
1509
|
+
let Ze = Ue;
|
|
1510
|
+
customElements.get("e-tweaker-folder") || customElements.define("e-tweaker-folder", Ze);
|
|
1511
|
+
const Ts = k({
|
|
1128
1512
|
":host": {
|
|
1129
1513
|
"--tweaker-width": "550px",
|
|
1130
1514
|
"--tweaker-offset": "20px",
|
|
@@ -1143,8 +1527,8 @@ const jt = w({
|
|
|
1143
1527
|
top: "var(--tweaker-offset)",
|
|
1144
1528
|
right: "var(--tweaker-offset)",
|
|
1145
1529
|
width: "var(--tweaker-width)",
|
|
1146
|
-
backgroundColor:
|
|
1147
|
-
borderRadius:
|
|
1530
|
+
backgroundColor: f.colorMain.var,
|
|
1531
|
+
borderRadius: f.borderRadius.var,
|
|
1148
1532
|
transition: "opacity 0.1s",
|
|
1149
1533
|
zIndex: "100",
|
|
1150
1534
|
opacity: "0.1"
|
|
@@ -1173,12 +1557,12 @@ const jt = w({
|
|
|
1173
1557
|
margin: "0",
|
|
1174
1558
|
background: "none",
|
|
1175
1559
|
border: "none",
|
|
1176
|
-
fill:
|
|
1560
|
+
fill: f.colorFont.var,
|
|
1177
1561
|
transitionProperty: "fill",
|
|
1178
1562
|
transitionDuration: "var(--duration-short)"
|
|
1179
1563
|
},
|
|
1180
1564
|
".tweaker-button:hover": {
|
|
1181
|
-
fill:
|
|
1565
|
+
fill: f.colorActive.var
|
|
1182
1566
|
},
|
|
1183
1567
|
".tweaker-button svg": {
|
|
1184
1568
|
width: "100%",
|
|
@@ -1199,7 +1583,7 @@ const jt = w({
|
|
|
1199
1583
|
":host .body-content::-webkit-scrollbar": {
|
|
1200
1584
|
display: "none"
|
|
1201
1585
|
},
|
|
1202
|
-
[`@media ${
|
|
1586
|
+
[`@media ${ts["<=mobile"]}`]: {
|
|
1203
1587
|
":host": {
|
|
1204
1588
|
position: "absolute",
|
|
1205
1589
|
top: "0",
|
|
@@ -1216,80 +1600,80 @@ const jt = w({
|
|
|
1216
1600
|
}
|
|
1217
1601
|
}
|
|
1218
1602
|
});
|
|
1219
|
-
var
|
|
1220
|
-
class
|
|
1603
|
+
var Ie, He, De;
|
|
1604
|
+
class qt extends Ze {
|
|
1221
1605
|
constructor() {
|
|
1222
1606
|
super({
|
|
1223
1607
|
key: ""
|
|
1224
1608
|
});
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1609
|
+
o(this, Ie, !1);
|
|
1610
|
+
o(this, He, () => {
|
|
1611
|
+
x.save();
|
|
1228
1612
|
});
|
|
1229
|
-
|
|
1230
|
-
|
|
1613
|
+
o(this, De, Qt(() => {
|
|
1614
|
+
j.current.forEach((t) => {
|
|
1231
1615
|
if (t.name) {
|
|
1232
|
-
const
|
|
1616
|
+
const i = t.name.split(".");
|
|
1233
1617
|
this.handleStore({
|
|
1234
1618
|
store: t,
|
|
1235
|
-
remainingFolders:
|
|
1619
|
+
remainingFolders: i.length > 1 ? i.slice(0, -1) : []
|
|
1236
1620
|
});
|
|
1237
1621
|
}
|
|
1238
|
-
}), e(this,
|
|
1239
|
-
top:
|
|
1622
|
+
}), e(this, Ie) || (c(this, Ie, !0), this.contentElement.scroll({
|
|
1623
|
+
top: x.scrollValue
|
|
1240
1624
|
}), this.contentElement.addEventListener("scroll", () => {
|
|
1241
|
-
|
|
1625
|
+
x.scrollValue = this.contentElement.scrollTop;
|
|
1242
1626
|
}));
|
|
1243
1627
|
}, 10));
|
|
1244
|
-
|
|
1245
|
-
|
|
1628
|
+
x.load(), this.shadowRoot.adoptedStyleSheets.push(Ts), this.head.current = [
|
|
1629
|
+
w({
|
|
1246
1630
|
class: "tweaker-buttons",
|
|
1247
1631
|
onClick: (t) => {
|
|
1248
1632
|
t.stopPropagation();
|
|
1249
1633
|
},
|
|
1250
1634
|
children: [
|
|
1251
|
-
|
|
1635
|
+
ee({
|
|
1252
1636
|
class: "tweaker-button",
|
|
1253
|
-
children:
|
|
1637
|
+
children: It,
|
|
1254
1638
|
onClick: () => {
|
|
1255
|
-
|
|
1639
|
+
B.resetState();
|
|
1256
1640
|
}
|
|
1257
1641
|
}),
|
|
1258
|
-
|
|
1642
|
+
ee({
|
|
1259
1643
|
class: ["tweaker-button"],
|
|
1260
|
-
children: [
|
|
1644
|
+
children: [Ht],
|
|
1261
1645
|
onClick: () => {
|
|
1262
1646
|
navigator.clipboard.writeText(
|
|
1263
|
-
JSON.stringify(
|
|
1647
|
+
JSON.stringify(B.getState())
|
|
1264
1648
|
);
|
|
1265
1649
|
}
|
|
1266
1650
|
}),
|
|
1267
|
-
|
|
1651
|
+
ee({
|
|
1268
1652
|
class: "tweaker-button",
|
|
1269
|
-
children:
|
|
1653
|
+
children: ls,
|
|
1270
1654
|
onClick: () => {
|
|
1271
|
-
|
|
1655
|
+
Xt(B.name, B.getState());
|
|
1272
1656
|
}
|
|
1273
1657
|
}),
|
|
1274
|
-
|
|
1658
|
+
Pt({
|
|
1275
1659
|
class: "tweaker-button",
|
|
1276
1660
|
children: [
|
|
1277
|
-
|
|
1278
|
-
|
|
1661
|
+
hs,
|
|
1662
|
+
Ve({
|
|
1279
1663
|
type: "file",
|
|
1280
1664
|
style: {
|
|
1281
1665
|
display: "none"
|
|
1282
1666
|
},
|
|
1283
1667
|
onChange: (t) => {
|
|
1284
|
-
var
|
|
1285
|
-
const
|
|
1286
|
-
if (
|
|
1287
|
-
const
|
|
1288
|
-
|
|
1289
|
-
var
|
|
1290
|
-
const
|
|
1291
|
-
|
|
1292
|
-
},
|
|
1668
|
+
var h;
|
|
1669
|
+
const n = (h = t.currentTarget.files) == null ? void 0 : h[0];
|
|
1670
|
+
if (n) {
|
|
1671
|
+
const u = new FileReader();
|
|
1672
|
+
u.onload = (m) => {
|
|
1673
|
+
var C, b;
|
|
1674
|
+
const S = (b = (C = m.target) == null ? void 0 : C.result) == null ? void 0 : b.toString();
|
|
1675
|
+
S && B.loadState(S);
|
|
1676
|
+
}, u.readAsText(n);
|
|
1293
1677
|
}
|
|
1294
1678
|
}
|
|
1295
1679
|
})
|
|
@@ -1297,41 +1681,41 @@ class ht extends Te {
|
|
|
1297
1681
|
})
|
|
1298
1682
|
]
|
|
1299
1683
|
})
|
|
1300
|
-
],
|
|
1684
|
+
], g(this.bodyElement, {
|
|
1301
1685
|
children: [
|
|
1302
|
-
|
|
1686
|
+
w({
|
|
1303
1687
|
class: "resize",
|
|
1304
1688
|
onPointerdown: (t) => {
|
|
1305
1689
|
t.preventDefault();
|
|
1306
|
-
const
|
|
1307
|
-
|
|
1308
|
-
(
|
|
1309
|
-
const
|
|
1310
|
-
this.style.width = m + "px",
|
|
1690
|
+
const i = this.getBoundingClientRect(), n = this.contentElement.scrollTop;
|
|
1691
|
+
xt(
|
|
1692
|
+
(h) => {
|
|
1693
|
+
const u = t.x - h.x, m = Math.max(400, i.width + u);
|
|
1694
|
+
this.style.width = m + "px", x.changeSize("tweaker", m);
|
|
1311
1695
|
},
|
|
1312
1696
|
() => {
|
|
1313
1697
|
setTimeout(() => {
|
|
1314
1698
|
this.contentElement.scroll({
|
|
1315
|
-
top:
|
|
1699
|
+
top: n
|
|
1316
1700
|
});
|
|
1317
1701
|
}, 10);
|
|
1318
1702
|
}
|
|
1319
1703
|
);
|
|
1320
1704
|
},
|
|
1321
1705
|
onDblclick: () => {
|
|
1322
|
-
this.style.width = "",
|
|
1706
|
+
this.style.width = "", x.changeSize("tweaker", null);
|
|
1323
1707
|
}
|
|
1324
1708
|
})
|
|
1325
1709
|
]
|
|
1326
1710
|
});
|
|
1327
1711
|
}
|
|
1328
1712
|
connectedCallback() {
|
|
1329
|
-
super.connectedCallback(), window.addEventListener("beforeunload", e(this,
|
|
1713
|
+
super.connectedCallback(), window.addEventListener("beforeunload", e(this, He)), j.subscribe(e(this, De)), x.changedSizes("tweaker") && (this.style.width = x.changedSizes("tweaker") + "px");
|
|
1330
1714
|
}
|
|
1331
1715
|
disconnectedCallback() {
|
|
1332
|
-
window.removeEventListener("beforeunload", e(this,
|
|
1716
|
+
window.removeEventListener("beforeunload", e(this, He)), x.save(), j.unsubscribe(e(this, De));
|
|
1333
1717
|
}
|
|
1334
1718
|
}
|
|
1335
|
-
|
|
1336
|
-
customElements.get("e-tweaker") || customElements.define("e-tweaker",
|
|
1337
|
-
|
|
1719
|
+
Ie = new WeakMap(), He = new WeakMap(), De = new WeakMap();
|
|
1720
|
+
customElements.get("e-tweaker") || customElements.define("e-tweaker", qt);
|
|
1721
|
+
X && document.body.appendChild(new qt());
|