@xplor-education/react-wrappers 3.0.0 → 3.1.1
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/dist/components.cjs +26 -31
- package/dist/components.js +153 -158
- package/package.json +1 -1
package/dist/components.js
CHANGED
|
@@ -7,7 +7,7 @@ const kt = "xplor-component-library", V = (
|
|
|
7
7
|
var wt = Object.defineProperty, _t = (e, n) => {
|
|
8
8
|
for (var t in n)
|
|
9
9
|
wt(e, t, { get: n[t], enumerable: !0 });
|
|
10
|
-
}, Ct = "http://www.w3.org/2000/svg", $t = "http://www.w3.org/1999/xhtml", Kn = /* @__PURE__ */ ((e) => (e.Undefined = "undefined", e.Null = "null", e.String = "string", e.Number = "number", e.SpecialNumber = "number", e.Boolean = "boolean", e.BigInt = "bigint", e))(Kn || {}), Yn = /* @__PURE__ */ ((e) => (e.Array = "array", e.Date = "date", e.Map = "map", e.Object = "object", e.RegularExpression = "regexp", e.Set = "set", e.Channel = "channel", e.Symbol = "symbol", e))(Yn || {}), sn = "type", dn = "value",
|
|
10
|
+
}, Ct = "http://www.w3.org/2000/svg", $t = "http://www.w3.org/1999/xhtml", Kn = /* @__PURE__ */ ((e) => (e.Undefined = "undefined", e.Null = "null", e.String = "string", e.Number = "number", e.SpecialNumber = "number", e.Boolean = "boolean", e.BigInt = "bigint", e))(Kn || {}), Yn = /* @__PURE__ */ ((e) => (e.Array = "array", e.Date = "date", e.Map = "map", e.Object = "object", e.RegularExpression = "regexp", e.Set = "set", e.Channel = "channel", e.Symbol = "symbol", e))(Yn || {}), sn = "type", dn = "value", pn = "serialized:", O = (e) => {
|
|
11
11
|
if (e.__stencil__getHostRef)
|
|
12
12
|
return e.__stencil__getHostRef();
|
|
13
13
|
}, It = (e, n) => {
|
|
@@ -20,7 +20,7 @@ var wt = Object.defineProperty, _t = (e, n) => {
|
|
|
20
20
|
t.$onReadyPromise$ = new Promise((i) => t.$onReadyResolve$ = i), e["s-p"] = [], e["s-rc"] = [];
|
|
21
21
|
const o = t;
|
|
22
22
|
return e.__stencil__getHostRef = () => o, o;
|
|
23
|
-
},
|
|
23
|
+
}, Tn = (e, n) => n in e, Q = (e, n) => (0, console.error)(e, n), nn = /* @__PURE__ */ new Map(), St = "r", Et = "o", zt = "s", Tt = "t", Dt = "c", W = "s-id", gn = "sty-id", Dn = "c-id", Lt = "slot-fb{display:contents}slot-fb[hidden]{display:none}", C = typeof window < "u" ? window : {}, y = C.HTMLElement || class {
|
|
24
24
|
}, $ = {
|
|
25
25
|
$flags$: 0,
|
|
26
26
|
$resourcesUrl$: "",
|
|
@@ -45,15 +45,15 @@ var wt = Object.defineProperty, _t = (e, n) => {
|
|
|
45
45
|
} catch {
|
|
46
46
|
}
|
|
47
47
|
return n;
|
|
48
|
-
})(), Mt = (e) => Promise.resolve(e),
|
|
48
|
+
})(), Mt = (e) => Promise.resolve(e), vn = /* @__PURE__ */ (() => {
|
|
49
49
|
try {
|
|
50
50
|
return new CSSStyleSheet(), typeof new CSSStyleSheet().replaceSync == "function";
|
|
51
51
|
} catch {
|
|
52
52
|
}
|
|
53
53
|
return !1;
|
|
54
|
-
})(),
|
|
55
|
-
e.push(t),
|
|
56
|
-
},
|
|
54
|
+
})(), xn = !1, Ln = [], Vn = [], At = (e, n) => (t) => {
|
|
55
|
+
e.push(t), xn || (xn = !0, $.$flags$ & 4 ? an(mn) : $.raf(mn));
|
|
56
|
+
}, Fn = (e) => {
|
|
57
57
|
for (let n = 0; n < e.length; n++)
|
|
58
58
|
try {
|
|
59
59
|
e[n](performance.now());
|
|
@@ -61,9 +61,9 @@ var wt = Object.defineProperty, _t = (e, n) => {
|
|
|
61
61
|
Q(t);
|
|
62
62
|
}
|
|
63
63
|
e.length = 0;
|
|
64
|
-
},
|
|
65
|
-
Ln
|
|
66
|
-
}, an = (e) => Mt().then(e), Bt = /* @__PURE__ */ At(Vn), Xt = (e) => e != null && e !== void 0,
|
|
64
|
+
}, mn = () => {
|
|
65
|
+
Fn(Ln), Fn(Vn), (xn = Ln.length > 0) && $.raf(mn);
|
|
66
|
+
}, an = (e) => Mt().then(e), Bt = /* @__PURE__ */ At(Vn), Xt = (e) => e != null && e !== void 0, kn = (e) => (e = typeof e, e === "object" || e === "function");
|
|
67
67
|
function Ot(e) {
|
|
68
68
|
var n, t, o;
|
|
69
69
|
return (o = (t = (n = e.head) == null ? void 0 : n.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : t.getAttribute("content")) != null ? o : void 0;
|
|
@@ -145,11 +145,11 @@ var Pt = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), jt = class X {
|
|
|
145
145
|
_t(Ht, {
|
|
146
146
|
err: () => Qn,
|
|
147
147
|
map: () => Rt,
|
|
148
|
-
ok: () =>
|
|
148
|
+
ok: () => hn,
|
|
149
149
|
unwrap: () => qt,
|
|
150
150
|
unwrapErr: () => Ut
|
|
151
151
|
});
|
|
152
|
-
var
|
|
152
|
+
var hn = (e) => ({
|
|
153
153
|
isOk: !0,
|
|
154
154
|
isErr: !1,
|
|
155
155
|
value: e
|
|
@@ -161,7 +161,7 @@ var mn = (e) => ({
|
|
|
161
161
|
function Rt(e, n) {
|
|
162
162
|
if (e.isOk) {
|
|
163
163
|
const t = n(e.value);
|
|
164
|
-
return t instanceof Promise ? t.then((o) =>
|
|
164
|
+
return t instanceof Promise ? t.then((o) => hn(o)) : hn(t);
|
|
165
165
|
}
|
|
166
166
|
if (e.isErr) {
|
|
167
167
|
const t = e.value;
|
|
@@ -179,11 +179,11 @@ var qt = (e) => {
|
|
|
179
179
|
throw e.value;
|
|
180
180
|
};
|
|
181
181
|
function Wt(e) {
|
|
182
|
-
return typeof e != "string" || !e.startsWith(
|
|
182
|
+
return typeof e != "string" || !e.startsWith(pn) ? e : jt.fromLocalValue(JSON.parse(atob(e.slice(pn.length))));
|
|
183
183
|
}
|
|
184
184
|
function Kt(e) {
|
|
185
185
|
const n = this.attachShadow({ mode: "open" });
|
|
186
|
-
if (
|
|
186
|
+
if (vn) {
|
|
187
187
|
const t = new CSSStyleSheet();
|
|
188
188
|
t.replaceSync(Cr), n.adoptedStyleSheets.push(t);
|
|
189
189
|
}
|
|
@@ -191,7 +191,7 @@ function Kt(e) {
|
|
|
191
191
|
var Gn = (e) => {
|
|
192
192
|
const n = en(e, "childNodes");
|
|
193
193
|
e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && Zn(n, e.tagName).forEach((o) => {
|
|
194
|
-
o.nodeType === 1 && o.tagName === "SLOT-FB" && (Vt(o,
|
|
194
|
+
o.nodeType === 1 && o.tagName === "SLOT-FB" && (Vt(o, wn(o), !1).length ? o.hidden = !0 : o.hidden = !1);
|
|
195
195
|
});
|
|
196
196
|
let t = 0;
|
|
197
197
|
for (t = 0; t < n.length; t++) {
|
|
@@ -217,9 +217,9 @@ var Vt = (e, n, t = !0) => {
|
|
|
217
217
|
(t && e["s-sr"] || !e["s-sr"]) && o.push(e);
|
|
218
218
|
let i = e;
|
|
219
219
|
for (; i = i.nextSibling; )
|
|
220
|
-
|
|
220
|
+
wn(i) === n && (t || !i["s-sr"]) && o.push(i);
|
|
221
221
|
return o;
|
|
222
|
-
},
|
|
222
|
+
}, Mn = (e, n) => e.nodeType === 1 ? e.getAttribute("slot") === null && n === "" || e.getAttribute("slot") === n : e["s-sn"] === n ? !0 : n === "", Qt = (e, n, t, o) => {
|
|
223
223
|
if (e["s-ol"] && e["s-ol"].isConnected)
|
|
224
224
|
return;
|
|
225
225
|
const i = document.createTextNode("");
|
|
@@ -234,7 +234,7 @@ var Vt = (e, n, t = !0) => {
|
|
|
234
234
|
} else
|
|
235
235
|
l.call(a, i);
|
|
236
236
|
e["s-ol"] = i, e["s-sh"] = n["s-hn"];
|
|
237
|
-
},
|
|
237
|
+
}, wn = (e) => typeof e["s-sn"] == "string" ? e["s-sn"] : e.nodeType === 1 && e.getAttribute("slot") || void 0;
|
|
238
238
|
function Jn(e) {
|
|
239
239
|
if (e.assignedElements || e.assignedNodes || !e["s-sr"]) return;
|
|
240
240
|
const n = (t) => (function(o) {
|
|
@@ -246,7 +246,7 @@ function Jn(e) {
|
|
|
246
246
|
`);
|
|
247
247
|
const l = this["s-cr"].parentElement;
|
|
248
248
|
return (l.__childNodes ? l.childNodes : Yt(l.childNodes)).forEach((c) => {
|
|
249
|
-
a ===
|
|
249
|
+
a === wn(c) && i.push(c);
|
|
250
250
|
}), t ? i.filter(
|
|
251
251
|
(c) => c.nodeType === 1
|
|
252
252
|
/* ElementNode */
|
|
@@ -266,7 +266,7 @@ var B = (e, n = "") => () => {
|
|
|
266
266
|
let o = null, i = null, a = null, l = !1, s = !1;
|
|
267
267
|
const c = [], d = (g) => {
|
|
268
268
|
for (let x = 0; x < g.length; x++)
|
|
269
|
-
o = g[x], Array.isArray(o) ? d(o) : o != null && typeof o != "boolean" && ((l = typeof e != "function" && !
|
|
269
|
+
o = g[x], Array.isArray(o) ? d(o) : o != null && typeof o != "boolean" && ((l = typeof e != "function" && !kn(o)) && (o = String(o)), l && s ? c[c.length - 1].$text$ += o : c.push(l ? q(null, o) : o), s = l);
|
|
270
270
|
};
|
|
271
271
|
if (d(t), n) {
|
|
272
272
|
n.key && (i = n.key), n.name && (a = n.name);
|
|
@@ -293,9 +293,9 @@ var B = (e, n = "") => () => {
|
|
|
293
293
|
};
|
|
294
294
|
return t.$attrs$ = null, t.$key$ = null, t.$name$ = null, t;
|
|
295
295
|
}, b = {}, Gt = (e) => e && e.$tag$ === b, Zt = {
|
|
296
|
-
forEach: (e, n) => e.map(
|
|
297
|
-
map: (e, n) => e.map(
|
|
298
|
-
},
|
|
296
|
+
forEach: (e, n) => e.map(An).forEach(n),
|
|
297
|
+
map: (e, n) => e.map(An).map(n).map(Jt)
|
|
298
|
+
}, An = (e) => ({
|
|
299
299
|
vattrs: e.$attrs$,
|
|
300
300
|
vchildren: e.$children$,
|
|
301
301
|
vkey: e.$key$,
|
|
@@ -316,10 +316,10 @@ var B = (e, n = "") => () => {
|
|
|
316
316
|
var Z;
|
|
317
317
|
if (!(D & 31))
|
|
318
318
|
return;
|
|
319
|
-
const yt = E || _,
|
|
320
|
-
if (
|
|
321
|
-
const vt =
|
|
322
|
-
|
|
319
|
+
const yt = E || _, zn = e.getAttribute(yt);
|
|
320
|
+
if (zn !== null) {
|
|
321
|
+
const vt = Cn(
|
|
322
|
+
zn,
|
|
323
323
|
D
|
|
324
324
|
);
|
|
325
325
|
(Z = o == null ? void 0 : o.$instanceValues$) == null || Z.set(_, vt);
|
|
@@ -330,7 +330,7 @@ var B = (e, n = "") => () => {
|
|
|
330
330
|
const _ = o.$cmpMeta$;
|
|
331
331
|
_ && _.$flags$ & 10 && e["s-sc"] ? (h = e["s-sc"], e.classList.add(h + "-h")) : e["s-sc"] && delete e["s-sc"];
|
|
332
332
|
}
|
|
333
|
-
C.document && (!$.$orgLocNodes$ || !$.$orgLocNodes$.size) &&
|
|
333
|
+
C.document && (!$.$orgLocNodes$ || !$.$orgLocNodes$.size) && un(C.document.body, $.$orgLocNodes$ = /* @__PURE__ */ new Map()), e[W] = t, e.removeAttribute(W), o.$vnode$ = bn(
|
|
334
334
|
g,
|
|
335
335
|
s,
|
|
336
336
|
c,
|
|
@@ -351,10 +351,10 @@ var B = (e, n = "") => () => {
|
|
|
351
351
|
})) : w.$flags$ |= 1), D && D.isConnected && (l && D["s-en"] === "" && D.parentNode.insertBefore(E, D.nextSibling), D.parentNode.removeChild(D), l || (E["s-oo"] = parseInt(w.$nodeId$))), $.$orgLocNodes$.delete(_);
|
|
352
352
|
}
|
|
353
353
|
const F = [], P = d.length;
|
|
354
|
-
let L = 0, I, U,
|
|
354
|
+
let L = 0, I, U, En, z;
|
|
355
355
|
for (L; L < P; L++)
|
|
356
356
|
if (I = d[L], !(!I || !I.length))
|
|
357
|
-
for (
|
|
357
|
+
for (En = I.length, U = 0, U; U < En; U++) {
|
|
358
358
|
if (z = I[U], F[z.hostId] || (F[z.hostId] = $.$orgLocNodes$.get(z.hostId)), !F[z.hostId]) continue;
|
|
359
359
|
const _ = F[z.hostId];
|
|
360
360
|
(!_.shadowRoot || !l) && (z.slot["s-cr"] = _["s-cr"], !z.slot["s-cr"] && _.shadowRoot ? z.slot["s-cr"] = _ : z.slot["s-cr"] = (_.__childNodes || _.childNodes)[0], Qt(z.node, z.slot, !1, z.node["s-oo"])), _.shadowRoot && z.node.parentElement !== _ && _.appendChild(z.node);
|
|
@@ -373,12 +373,12 @@ var B = (e, n = "") => () => {
|
|
|
373
373
|
}
|
|
374
374
|
}
|
|
375
375
|
$.$orgLocNodes$.delete(e["s-id"]), o.$hostElement$ = e, a();
|
|
376
|
-
},
|
|
376
|
+
}, bn = (e, n, t, o, i, a, l, s = []) => {
|
|
377
377
|
let c, d, p, g;
|
|
378
378
|
const x = i["s-sc"];
|
|
379
379
|
if (a.nodeType === 1) {
|
|
380
|
-
if (c = a.getAttribute(
|
|
381
|
-
p =
|
|
380
|
+
if (c = a.getAttribute(Dn), c && (d = c.split("."), d[0] === l || d[0] === "0")) {
|
|
381
|
+
p = Bn({
|
|
382
382
|
$flags$: 0,
|
|
383
383
|
$hostId$: d[0],
|
|
384
384
|
$nodeId$: d[1],
|
|
@@ -389,9 +389,9 @@ var B = (e, n = "") => () => {
|
|
|
389
389
|
// If we don't add the initial classes to the VNode, the first `vdom-render.ts` patch
|
|
390
390
|
// won't try to reconcile them. Classes set on the node will be blown away.
|
|
391
391
|
$attrs$: { class: a.className || "" }
|
|
392
|
-
}), n.push(p), a.removeAttribute(
|
|
392
|
+
}), n.push(p), a.removeAttribute(Dn), e.$children$ || (e.$children$ = []), x && (a["s-si"] = x, p.$attrs$.class += " " + x);
|
|
393
393
|
const k = p.$elm$.getAttribute("s-sn");
|
|
394
|
-
typeof k == "string" && (p.$tag$ === "slot-fb" && (
|
|
394
|
+
typeof k == "string" && (p.$tag$ === "slot-fb" && (Xn(
|
|
395
395
|
k,
|
|
396
396
|
d[2],
|
|
397
397
|
p,
|
|
@@ -405,7 +405,7 @@ var B = (e, n = "") => () => {
|
|
|
405
405
|
}
|
|
406
406
|
if (a.shadowRoot)
|
|
407
407
|
for (g = a.shadowRoot.childNodes.length - 1; g >= 0; g--)
|
|
408
|
-
|
|
408
|
+
bn(
|
|
409
409
|
e,
|
|
410
410
|
n,
|
|
411
411
|
t,
|
|
@@ -417,7 +417,7 @@ var B = (e, n = "") => () => {
|
|
|
417
417
|
);
|
|
418
418
|
const h = a.__childNodes || a.childNodes;
|
|
419
419
|
for (g = h.length - 1; g >= 0; g--)
|
|
420
|
-
|
|
420
|
+
bn(
|
|
421
421
|
e,
|
|
422
422
|
n,
|
|
423
423
|
t,
|
|
@@ -429,7 +429,7 @@ var B = (e, n = "") => () => {
|
|
|
429
429
|
);
|
|
430
430
|
} else if (a.nodeType === 8) {
|
|
431
431
|
if (d = a.nodeValue.split("."), d[1] === l || d[1] === "0") {
|
|
432
|
-
if (c = d[0], p =
|
|
432
|
+
if (c = d[0], p = Bn({
|
|
433
433
|
$hostId$: d[1],
|
|
434
434
|
$nodeId$: d[2],
|
|
435
435
|
$depth$: d[3],
|
|
@@ -442,13 +442,13 @@ var B = (e, n = "") => () => {
|
|
|
442
442
|
$tag$: null,
|
|
443
443
|
$text$: null
|
|
444
444
|
}), c === Tt)
|
|
445
|
-
p.$elm$ =
|
|
445
|
+
p.$elm$ = Pn(
|
|
446
446
|
a,
|
|
447
447
|
3
|
|
448
448
|
/* TextNode */
|
|
449
449
|
), p.$elm$ && p.$elm$.nodeType === 3 && (p.$text$ = p.$elm$.textContent, n.push(p), a.remove(), l === p.$hostId$ && (e.$children$ || (e.$children$ = []), e.$children$[p.$index$] = p), o && p.$depth$ === "0" && (o[p.$index$] = p.$elm$));
|
|
450
450
|
else if (c === Dt)
|
|
451
|
-
p.$elm$ =
|
|
451
|
+
p.$elm$ = Pn(
|
|
452
452
|
a,
|
|
453
453
|
8
|
|
454
454
|
/* CommentNode */
|
|
@@ -456,7 +456,7 @@ var B = (e, n = "") => () => {
|
|
|
456
456
|
else if (p.$hostId$ === l)
|
|
457
457
|
if (c === zt) {
|
|
458
458
|
const h = a["s-sn"] = d[5] || "";
|
|
459
|
-
|
|
459
|
+
Xn(
|
|
460
460
|
h,
|
|
461
461
|
d[2],
|
|
462
462
|
p,
|
|
@@ -475,22 +475,22 @@ var B = (e, n = "") => () => {
|
|
|
475
475
|
} else
|
|
476
476
|
a.nodeType === 3 && !a.wholeText.trim() && a.remove();
|
|
477
477
|
return e;
|
|
478
|
-
},
|
|
478
|
+
}, un = (e, n) => {
|
|
479
479
|
if (e.nodeType === 1) {
|
|
480
480
|
const t = e[W] || e.getAttribute(W);
|
|
481
481
|
t && n.set(t, e);
|
|
482
482
|
let o = 0;
|
|
483
483
|
if (e.shadowRoot)
|
|
484
484
|
for (; o < e.shadowRoot.childNodes.length; o++)
|
|
485
|
-
|
|
485
|
+
un(e.shadowRoot.childNodes[o], n);
|
|
486
486
|
const i = e.__childNodes || e.childNodes;
|
|
487
487
|
for (o = 0; o < i.length; o++)
|
|
488
|
-
|
|
488
|
+
un(i[o], n);
|
|
489
489
|
} else if (e.nodeType === 8) {
|
|
490
490
|
const t = e.nodeValue.split(".");
|
|
491
491
|
t[0] === Et && (n.set(t[1] + "." + t[2], e), e.nodeValue = "", e["s-en"] = t[3]);
|
|
492
492
|
}
|
|
493
|
-
},
|
|
493
|
+
}, Bn = (e) => ({ ...{
|
|
494
494
|
$flags$: 0,
|
|
495
495
|
$hostId$: null,
|
|
496
496
|
$nodeId$: null,
|
|
@@ -504,29 +504,29 @@ var B = (e, n = "") => () => {
|
|
|
504
504
|
$tag$: null,
|
|
505
505
|
$text$: null
|
|
506
506
|
}, ...e });
|
|
507
|
-
function
|
|
507
|
+
function Xn(e, n, t, o, i, a, l, s, c) {
|
|
508
508
|
o["s-sr"] = !0, t.$name$ = e || null, t.$tag$ = "slot";
|
|
509
509
|
const d = i != null && i.$elm$ ? i.$elm$["s-id"] || i.$elm$.getAttribute("s-id") : "";
|
|
510
510
|
if (s && C.document) {
|
|
511
511
|
const p = t.$elm$ = C.document.createElement(t.$tag$);
|
|
512
|
-
t.$name$ && t.$elm$.setAttribute("name", e), d && d !== t.$hostId$ ? i.$elm$.insertBefore(p, i.$elm$.children[0]) : o.parentNode.insertBefore(p, o),
|
|
512
|
+
t.$name$ && t.$elm$.setAttribute("name", e), d && d !== t.$hostId$ ? i.$elm$.insertBefore(p, i.$elm$.children[0]) : o.parentNode.insertBefore(p, o), On(c, n, e, o, t.$hostId$), o.remove(), t.$depth$ === "0" && (s[t.$index$] = t.$elm$);
|
|
513
513
|
} else {
|
|
514
514
|
const p = t.$elm$, g = d && d !== t.$hostId$ && i.$elm$.shadowRoot;
|
|
515
|
-
|
|
515
|
+
On(c, n, e, o, g ? d : t.$hostId$), Jn(o), g && i.$elm$.insertBefore(p, i.$elm$.children[0]);
|
|
516
516
|
}
|
|
517
517
|
a.push(t), l.push(t), i.$children$ || (i.$children$ = []), i.$children$[t.$index$] = t;
|
|
518
518
|
}
|
|
519
|
-
var
|
|
519
|
+
var On = (e, n, t, o, i) => {
|
|
520
520
|
let a = o.nextSibling;
|
|
521
521
|
for (e[n] = e[n] || []; a && ((a.getAttribute && a.getAttribute("slot") || a["s-sn"]) === t || t === "" && !a["s-sn"] && (a.nodeType === 8 && a.nodeValue.indexOf(".") !== 1 || a.nodeType === 3)); )
|
|
522
522
|
a["s-sn"] = t, e[n].push({ slot: o, node: a, hostId: i }), a = a.nextSibling;
|
|
523
|
-
},
|
|
523
|
+
}, Pn = (e, n) => {
|
|
524
524
|
let t = e;
|
|
525
525
|
do
|
|
526
526
|
t = t.nextSibling;
|
|
527
527
|
while (t && (t.nodeType !== n || !t.nodeValue));
|
|
528
528
|
return t;
|
|
529
|
-
},
|
|
529
|
+
}, _n = (e) => {
|
|
530
530
|
const n = Pt(e);
|
|
531
531
|
return new RegExp(
|
|
532
532
|
// First capture group: match any context before the selector that's not inside @supports selector()
|
|
@@ -535,16 +535,16 @@ var Xn = (e, n, t, o, i) => {
|
|
|
535
535
|
"g"
|
|
536
536
|
);
|
|
537
537
|
};
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
var
|
|
538
|
+
_n("::slotted");
|
|
539
|
+
_n(":host");
|
|
540
|
+
_n(":host-context");
|
|
541
|
+
var Cn = (e, n, t) => {
|
|
542
542
|
if (typeof e == "string" && (e.startsWith("{") && e.endsWith("}") || e.startsWith("[") && e.endsWith("]")))
|
|
543
543
|
try {
|
|
544
544
|
return e = JSON.parse(e), e;
|
|
545
545
|
} catch {
|
|
546
546
|
}
|
|
547
|
-
return typeof e == "string" && e.startsWith(
|
|
547
|
+
return typeof e == "string" && e.startsWith(pn) ? (e = Wt(e), e) : e != null && !kn(e) ? n & 4 ? e === "false" ? !1 : e === "" || !!e : n & 2 ? typeof e == "string" ? parseFloat(e) : typeof e == "number" ? e : NaN : n & 1 ? String(e) : e : e;
|
|
548
548
|
}, nr = (e) => e, m = (e, n, t) => {
|
|
549
549
|
const o = nr(e);
|
|
550
550
|
return {
|
|
@@ -560,10 +560,10 @@ var _n = (e, n, t) => {
|
|
|
560
560
|
return e.dispatchEvent(o), o;
|
|
561
561
|
}, H = /* @__PURE__ */ new WeakMap(), ne = (e, n, t) => {
|
|
562
562
|
let o = nn.get(e);
|
|
563
|
-
|
|
563
|
+
vn && t ? (o = o || new CSSStyleSheet(), typeof o == "string" ? o = n : o.replaceSync(n)) : o = n, nn.set(e, o);
|
|
564
564
|
}, ee = (e, n, t) => {
|
|
565
565
|
var o;
|
|
566
|
-
const i =
|
|
566
|
+
const i = $n(n), a = nn.get(i);
|
|
567
567
|
if (!C.document)
|
|
568
568
|
return i;
|
|
569
569
|
if (e = e.nodeType === 11 ? e : C.document, a)
|
|
@@ -571,7 +571,7 @@ var _n = (e, n, t) => {
|
|
|
571
571
|
e = e.head || e;
|
|
572
572
|
let l = H.get(e), s;
|
|
573
573
|
if (l || H.set(e, l = /* @__PURE__ */ new Set()), !l.has(i)) {
|
|
574
|
-
if (e.host && (s = e.querySelector(`[${
|
|
574
|
+
if (e.host && (s = e.querySelector(`[${gn}="${i}"]`)))
|
|
575
575
|
s.innerHTML = a;
|
|
576
576
|
else {
|
|
577
577
|
s = C.document.createElement("style"), s.innerHTML = a;
|
|
@@ -584,7 +584,7 @@ var _n = (e, n, t) => {
|
|
|
584
584
|
(p == null ? void 0 : p.parentNode) === e ? p : null
|
|
585
585
|
);
|
|
586
586
|
} else if ("host" in e)
|
|
587
|
-
if (
|
|
587
|
+
if (vn) {
|
|
588
588
|
const d = new CSSStyleSheet();
|
|
589
589
|
d.replaceSync(a), e.adoptedStyleSheets = [d, ...e.adoptedStyleSheets];
|
|
590
590
|
} else {
|
|
@@ -605,20 +605,20 @@ var _n = (e, n, t) => {
|
|
|
605
605
|
n
|
|
606
606
|
);
|
|
607
607
|
o & 10 && (t["s-sc"] = a, t.classList.add(a + "-h")), i();
|
|
608
|
-
},
|
|
608
|
+
}, $n = (e, n) => "sc-" + e.$tagName$, tr = (e) => e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{"), rr = () => {
|
|
609
609
|
if (!C.document)
|
|
610
610
|
return;
|
|
611
|
-
const e = C.document.querySelectorAll(`[${
|
|
611
|
+
const e = C.document.querySelectorAll(`[${gn}]`);
|
|
612
612
|
let n = 0;
|
|
613
613
|
for (; n < e.length; n++)
|
|
614
|
-
ne(e[n].getAttribute(
|
|
615
|
-
},
|
|
614
|
+
ne(e[n].getAttribute(gn), tr(e[n].innerHTML), !0);
|
|
615
|
+
}, jn = (e, n, t, o, i, a, l) => {
|
|
616
616
|
if (t === o)
|
|
617
617
|
return;
|
|
618
|
-
let s =
|
|
618
|
+
let s = Tn(e, n), c = n.toLowerCase();
|
|
619
619
|
if (n === "class") {
|
|
620
|
-
const d = e.classList, p =
|
|
621
|
-
let g =
|
|
620
|
+
const d = e.classList, p = Hn(t);
|
|
621
|
+
let g = Hn(o);
|
|
622
622
|
e["s-si"] && l ? (g.push(e["s-si"]), p.forEach((x) => {
|
|
623
623
|
x.startsWith(e["s-si"]) && g.push(x);
|
|
624
624
|
}), g = [...new Set(g)], d.add(...g)) : (d.remove(...p.filter((x) => x && !g.includes(x))), d.add(...g.filter((x) => x && !p.includes(x))));
|
|
@@ -630,12 +630,12 @@ var _n = (e, n, t) => {
|
|
|
630
630
|
} else if (n !== "key") if (n === "ref")
|
|
631
631
|
o && o(e);
|
|
632
632
|
else if (!e.__lookupSetter__(n) && n[0] === "o" && n[1] === "n") {
|
|
633
|
-
if (n[2] === "-" ? n = n.slice(3) :
|
|
633
|
+
if (n[2] === "-" ? n = n.slice(3) : Tn(C, c) ? n = c.slice(2) : n = c[2] + n.slice(3), t || o) {
|
|
634
634
|
const d = n.endsWith(te);
|
|
635
635
|
n = n.replace(ir, ""), t && $.rel(e, n, t, d), o && $.ael(e, n, o, d);
|
|
636
636
|
}
|
|
637
637
|
} else {
|
|
638
|
-
const d =
|
|
638
|
+
const d = kn(o);
|
|
639
639
|
if ((s || d && o !== null) && !i)
|
|
640
640
|
try {
|
|
641
641
|
if (e.tagName.includes("-"))
|
|
@@ -648,10 +648,10 @@ var _n = (e, n, t) => {
|
|
|
648
648
|
}
|
|
649
649
|
o == null || o === !1 ? (o !== !1 || e.getAttribute(n) === "") && e.removeAttribute(n) : (!s || a & 4 || i) && !d && e.nodeType === 1 && (o = o === !0 ? "" : o, e.setAttribute(n, o));
|
|
650
650
|
}
|
|
651
|
-
}, or = /\s/,
|
|
651
|
+
}, or = /\s/, Hn = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(or)), te = "Capture", ir = new RegExp(te + "$"), fn = (e, n, t, o) => {
|
|
652
652
|
const i = n.$elm$.nodeType === 11 && n.$elm$.host ? n.$elm$.host : n.$elm$, a = e && e.$attrs$ || {}, l = n.$attrs$ || {};
|
|
653
|
-
for (const s of
|
|
654
|
-
s in l ||
|
|
653
|
+
for (const s of Rn(Object.keys(a)))
|
|
654
|
+
s in l || jn(
|
|
655
655
|
i,
|
|
656
656
|
s,
|
|
657
657
|
a[s],
|
|
@@ -660,8 +660,8 @@ var _n = (e, n, t) => {
|
|
|
660
660
|
n.$flags$,
|
|
661
661
|
o
|
|
662
662
|
);
|
|
663
|
-
for (const s of
|
|
664
|
-
|
|
663
|
+
for (const s of Rn(Object.keys(l)))
|
|
664
|
+
jn(
|
|
665
665
|
i,
|
|
666
666
|
s,
|
|
667
667
|
a[s],
|
|
@@ -671,7 +671,7 @@ var _n = (e, n, t) => {
|
|
|
671
671
|
o
|
|
672
672
|
);
|
|
673
673
|
};
|
|
674
|
-
function
|
|
674
|
+
function Rn(e) {
|
|
675
675
|
return e.includes("ref") ? (
|
|
676
676
|
// we need to sort these to ensure that `'ref'` is the last attr
|
|
677
677
|
[...e.filter((n) => n !== "ref"), "ref"]
|
|
@@ -680,11 +680,11 @@ function Hn(e) {
|
|
|
680
680
|
e
|
|
681
681
|
);
|
|
682
682
|
}
|
|
683
|
-
var N, tn, ln,
|
|
683
|
+
var N, tn, ln, yn = !1, rn = !1, In = !1, T = !1, on = (e, n, t) => {
|
|
684
684
|
var o;
|
|
685
685
|
const i = n.$children$[t];
|
|
686
686
|
let a = 0, l, s, c;
|
|
687
|
-
if (
|
|
687
|
+
if (yn || (In = !0, i.$tag$ === "slot" && (i.$flags$ |= i.$children$ ? (
|
|
688
688
|
// slot element has fallback content
|
|
689
689
|
// still create an element that "mocks" the slot element
|
|
690
690
|
2
|
|
@@ -696,7 +696,7 @@ var N, tn, ln, fn = !1, rn = !1, $n = !1, T = !1, on = (e, n, t) => {
|
|
|
696
696
|
))), i.$text$ !== null)
|
|
697
697
|
l = i.$elm$ = C.document.createTextNode(i.$text$);
|
|
698
698
|
else if (i.$flags$ & 1)
|
|
699
|
-
l = i.$elm$ = C.document.createTextNode(""),
|
|
699
|
+
l = i.$elm$ = C.document.createTextNode(""), fn(null, i, T);
|
|
700
700
|
else {
|
|
701
701
|
if (T || (T = i.$tag$ === "svg"), !C.document)
|
|
702
702
|
throw new Error(
|
|
@@ -704,8 +704,8 @@ var N, tn, ln, fn = !1, rn = !1, $n = !1, T = !1, on = (e, n, t) => {
|
|
|
704
704
|
);
|
|
705
705
|
if (l = i.$elm$ = C.document.createElementNS(
|
|
706
706
|
T ? Ct : $t,
|
|
707
|
-
!
|
|
708
|
-
), T && i.$tag$ === "foreignObject" && (T = !1),
|
|
707
|
+
!yn && V.slotRelocation && i.$flags$ & 2 ? "slot-fb" : i.$tag$
|
|
708
|
+
), T && i.$tag$ === "foreignObject" && (T = !1), fn(null, i, T), Xt(N) && l["s-si"] !== N && l.classList.add(l["s-si"] = N), i.$children$)
|
|
709
709
|
for (a = 0; a < i.$children$.length; ++a)
|
|
710
710
|
s = on(e, i, a), s && l.appendChild(s);
|
|
711
711
|
i.$tag$ === "svg" ? T = !1 : l.tagName === "foreignObject" && (T = !0);
|
|
@@ -716,7 +716,7 @@ var N, tn, ln, fn = !1, rn = !1, $n = !1, T = !1, on = (e, n, t) => {
|
|
|
716
716
|
const t = Array.from(e.__childNodes || e.childNodes);
|
|
717
717
|
for (let o = t.length - 1; o >= 0; o--) {
|
|
718
718
|
const i = t[o];
|
|
719
|
-
i["s-hn"] !== ln && i["s-ol"] && (A(Y(i).parentNode, i, Y(i)), i["s-ol"].remove(), i["s-ol"] = void 0, i["s-sh"] = void 0,
|
|
719
|
+
i["s-hn"] !== ln && i["s-ol"] && (A(Y(i).parentNode, i, Y(i)), i["s-ol"].remove(), i["s-ol"] = void 0, i["s-sh"] = void 0, In = !0), n && K(i, n);
|
|
720
720
|
}
|
|
721
721
|
$.$flags$ &= -2;
|
|
722
722
|
}, re = (e, n, t, o, i, a) => {
|
|
@@ -773,7 +773,7 @@ var N, tn, ln, fn = !1, rn = !1, $n = !1, T = !1, on = (e, n, t) => {
|
|
|
773
773
|
}, J = (e, n, t = !1) => e.$tag$ === n.$tag$ ? e.$tag$ === "slot" ? e.$name$ === n.$name$ : t ? (t && !e.$key$ && n.$key$ && (e.$key$ = n.$key$), !0) : e.$key$ === n.$key$ : !1, Y = (e) => e && e["s-ol"] || e, j = (e, n, t = !1) => {
|
|
774
774
|
const o = n.$elm$ = e.$elm$, i = e.$children$, a = n.$children$, l = n.$tag$, s = n.$text$;
|
|
775
775
|
let c;
|
|
776
|
-
s === null ? (T = l === "svg" ? !0 : l === "foreignObject" ? !1 : T,
|
|
776
|
+
s === null ? (T = l === "svg" ? !0 : l === "foreignObject" ? !1 : T, fn(e, n, T, t), i !== null && a !== null ? ar(o, i, n, a, t) : a !== null ? (e.$text$ !== null && (o.textContent = ""), re(o, null, n, a, 0, a.length - 1)) : (
|
|
777
777
|
// don't do this on initial render as it can cause non-hydrated content to be removed
|
|
778
778
|
!t && V.updatable && i !== null && oe(i, 0, i.length - 1)
|
|
779
779
|
), T && l === "svg" && (T = !1)) : (c = o["s-cr"]) ? c.parentNode.textContent = s : e.$text$ !== s && (o.data = s);
|
|
@@ -786,13 +786,13 @@ var N, tn, ln, fn = !1, rn = !1, $n = !1, T = !1, on = (e, n, t) => {
|
|
|
786
786
|
const l = a["s-sn"];
|
|
787
787
|
for (o = t.length - 1; o >= 0; o--)
|
|
788
788
|
if (n = t[o], !n["s-cn"] && !n["s-nr"] && n["s-hn"] !== a["s-hn"])
|
|
789
|
-
if (
|
|
789
|
+
if (Mn(n, l)) {
|
|
790
790
|
let s = M.find((c) => c.$nodeToRelocate$ === n);
|
|
791
791
|
rn = !0, n["s-sn"] = n["s-sn"] || l, s ? (s.$nodeToRelocate$["s-sh"] = a["s-hn"], s.$slotRefNode$ = a) : (n["s-sh"] = a["s-hn"], M.push({
|
|
792
792
|
$slotRefNode$: a,
|
|
793
793
|
$nodeToRelocate$: n
|
|
794
794
|
})), n["s-sr"] && M.map((c) => {
|
|
795
|
-
|
|
795
|
+
Mn(c.$nodeToRelocate$, n["s-sn"]) && (s = M.find((d) => d.$nodeToRelocate$ === n), s && !c.$slotRefNode$ && (c.$slotRefNode$ = s.$slotRefNode$));
|
|
796
796
|
});
|
|
797
797
|
} else M.some((s) => s.$nodeToRelocate$ === n) || M.push({
|
|
798
798
|
$nodeToRelocate$: n
|
|
@@ -827,9 +827,9 @@ var lr = (e, n, t = !1) => {
|
|
|
827
827
|
if (ln = s.tagName, t && g.$attrs$)
|
|
828
828
|
for (const x of Object.keys(g.$attrs$))
|
|
829
829
|
s.hasAttribute(x) && !["key", "ref", "style", "class"].includes(x) && (g.$attrs$[x] = s[x]);
|
|
830
|
-
g.$tag$ = null, g.$flags$ |= 4, e.$vnode$ = g, g.$elm$ = d.$elm$ = s.shadowRoot || s, N = s["s-sc"],
|
|
830
|
+
g.$tag$ = null, g.$flags$ |= 4, e.$vnode$ = g, g.$elm$ = d.$elm$ = s.shadowRoot || s, N = s["s-sc"], yn = !!(c.$flags$ & 1) && !(c.$flags$ & 128), tn = s["s-cr"], rn = !1, j(d, g, t);
|
|
831
831
|
{
|
|
832
|
-
if ($.$flags$ |= 1,
|
|
832
|
+
if ($.$flags$ |= 1, In) {
|
|
833
833
|
ie(g.$elm$);
|
|
834
834
|
for (const x of M) {
|
|
835
835
|
const h = x.$nodeToRelocate$;
|
|
@@ -877,7 +877,7 @@ var lr = (e, n, t = !1) => {
|
|
|
877
877
|
)
|
|
878
878
|
);
|
|
879
879
|
}
|
|
880
|
-
},
|
|
880
|
+
}, Sn = (e, n) => {
|
|
881
881
|
if (e.$flags$ |= 16, e.$flags$ & 4) {
|
|
882
882
|
e.$flags$ |= 512;
|
|
883
883
|
return;
|
|
@@ -890,8 +890,8 @@ var lr = (e, n, t = !1) => {
|
|
|
890
890
|
`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
|
|
891
891
|
);
|
|
892
892
|
let a;
|
|
893
|
-
return n ? a = R(i, "componentWillLoad", void 0, t) : a = R(i, "componentWillUpdate", void 0, t), a =
|
|
894
|
-
},
|
|
893
|
+
return n ? a = R(i, "componentWillLoad", void 0, t) : a = R(i, "componentWillUpdate", void 0, t), a = qn(a, () => R(i, "componentWillRender", void 0, t)), o(), qn(a, () => cr(e, i, n));
|
|
894
|
+
}, qn = (e, n) => dr(e) ? e.then(n).catch((t) => {
|
|
895
895
|
console.error(t), n();
|
|
896
896
|
}) : n(), dr = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", cr = async (e, n, t) => {
|
|
897
897
|
var o;
|
|
@@ -912,7 +912,7 @@ var lr = (e, n, t = !1) => {
|
|
|
912
912
|
return null;
|
|
913
913
|
}, gr = (e) => {
|
|
914
914
|
const n = e.$cmpMeta$.$tagName$, t = e.$hostElement$, o = B("postUpdate", n), i = t, a = e.$ancestorComponent$;
|
|
915
|
-
R(i, "componentDidRender", void 0, t), e.$flags$ & 64 ? (R(i, "componentDidUpdate", void 0, t), o()) : (e.$flags$ |= 64, mr(t), R(i, "componentDidLoad", void 0, t), o(), e.$onReadyResolve$(t), a || xr()), e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0), e.$flags$ & 512 && an(() =>
|
|
915
|
+
R(i, "componentDidRender", void 0, t), e.$flags$ & 64 ? (R(i, "componentDidUpdate", void 0, t), o()) : (e.$flags$ |= 64, mr(t), R(i, "componentDidLoad", void 0, t), o(), e.$onReadyResolve$(t), a || xr()), e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0), e.$flags$ & 512 && an(() => Sn(e, !1)), e.$flags$ &= -517;
|
|
916
916
|
}, xr = (e) => {
|
|
917
917
|
an(() => Nn(C, "appload", { detail: { namespace: kt } }));
|
|
918
918
|
}, R = (e, n, t, o) => {
|
|
@@ -925,9 +925,9 @@ var lr = (e, n, t = !1) => {
|
|
|
925
925
|
}, mr = (e) => {
|
|
926
926
|
var n;
|
|
927
927
|
return e.setAttribute((n = V.hydratedSelectorName) != null ? n : "hydrated", "");
|
|
928
|
-
}, hr = (e, n) => O(e).$instanceValues$.get(n),
|
|
928
|
+
}, hr = (e, n) => O(e).$instanceValues$.get(n), Un = (e, n, t, o) => {
|
|
929
929
|
const i = O(e), a = e, l = i.$instanceValues$.get(n), s = i.$flags$, c = a;
|
|
930
|
-
t =
|
|
930
|
+
t = Cn(
|
|
931
931
|
t,
|
|
932
932
|
o.$members$[n][0]
|
|
933
933
|
);
|
|
@@ -948,7 +948,7 @@ var lr = (e, n, t = !1) => {
|
|
|
948
948
|
if ((s & 18) === 2) {
|
|
949
949
|
if (c.componentShouldUpdate && c.componentShouldUpdate(t, l, n) === !1)
|
|
950
950
|
return;
|
|
951
|
-
|
|
951
|
+
Sn(i, !1);
|
|
952
952
|
}
|
|
953
953
|
}
|
|
954
954
|
}
|
|
@@ -973,15 +973,15 @@ var lr = (e, n, t = !1) => {
|
|
|
973
973
|
if (p) {
|
|
974
974
|
const h = c & 32 ? this[s] : x.$hostElement$[s];
|
|
975
975
|
typeof h > "u" && x.$instanceValues$.get(s) ? g = x.$instanceValues$.get(s) : !x.$instanceValues$.get(s) && h && x.$instanceValues$.set(s, h), p.apply(this, [
|
|
976
|
-
|
|
976
|
+
Cn(
|
|
977
977
|
g,
|
|
978
978
|
c
|
|
979
979
|
)
|
|
980
|
-
]), g = c & 32 ? this[s] : x.$hostElement$[s],
|
|
980
|
+
]), g = c & 32 ? this[s] : x.$hostElement$[s], Un(this, s, g, n);
|
|
981
981
|
return;
|
|
982
982
|
}
|
|
983
983
|
{
|
|
984
|
-
|
|
984
|
+
Un(this, s, g, n);
|
|
985
985
|
return;
|
|
986
986
|
}
|
|
987
987
|
}
|
|
@@ -1027,7 +1027,7 @@ var lr = (e, n, t = !1) => {
|
|
|
1027
1027
|
}
|
|
1028
1028
|
}
|
|
1029
1029
|
return e;
|
|
1030
|
-
},
|
|
1030
|
+
}, Wn = async (e, n, t, o) => {
|
|
1031
1031
|
let i;
|
|
1032
1032
|
if (!(n.$flags$ & 32)) {
|
|
1033
1033
|
n.$flags$ |= 32;
|
|
@@ -1042,14 +1042,14 @@ var lr = (e, n, t = !1) => {
|
|
|
1042
1042
|
if (i && i.style) {
|
|
1043
1043
|
let s;
|
|
1044
1044
|
typeof i.style == "string" && (s = i.style);
|
|
1045
|
-
const c =
|
|
1045
|
+
const c = $n(t);
|
|
1046
1046
|
if (!nn.has(c)) {
|
|
1047
1047
|
const d = B("registerStyles", t.$tagName$);
|
|
1048
1048
|
ne(c, s, !!(t.$flags$ & 1)), d();
|
|
1049
1049
|
}
|
|
1050
1050
|
}
|
|
1051
1051
|
}
|
|
1052
|
-
const a = n.$ancestorComponent$, l = () =>
|
|
1052
|
+
const a = n.$ancestorComponent$, l = () => Sn(n, !0);
|
|
1053
1053
|
a && a["s-rc"] ? a["s-rc"].push(l) : l();
|
|
1054
1054
|
}, ur = (e, n) => {
|
|
1055
1055
|
}, fr = (e) => {
|
|
@@ -1065,7 +1065,7 @@ var lr = (e, n, t = !1) => {
|
|
|
1065
1065
|
const a = ee(e.shadowRoot, t);
|
|
1066
1066
|
e.classList.remove(a + "-h", a + "-s");
|
|
1067
1067
|
} else if (t.$flags$ & 2) {
|
|
1068
|
-
const a =
|
|
1068
|
+
const a = $n(t);
|
|
1069
1069
|
e["s-sc"] = a;
|
|
1070
1070
|
}
|
|
1071
1071
|
Nt(e, t.$tagName$, i, n);
|
|
@@ -1085,7 +1085,7 @@ var lr = (e, n, t = !1) => {
|
|
|
1085
1085
|
const s = e[a];
|
|
1086
1086
|
delete e[a], e[a] = s;
|
|
1087
1087
|
}
|
|
1088
|
-
}), V.initializeNextTick ? an(() =>
|
|
1088
|
+
}), V.initializeNextTick ? an(() => Wn(e, n, t)) : Wn(e, n, t);
|
|
1089
1089
|
}
|
|
1090
1090
|
o();
|
|
1091
1091
|
}
|
|
@@ -13347,7 +13347,7 @@ ul.mdc-list li.mdc-list-item {
|
|
|
13347
13347
|
super(), this.__registerHost(), this.__attachShadow();
|
|
13348
13348
|
}
|
|
13349
13349
|
render() {
|
|
13350
|
-
return r(b, { key: "
|
|
13350
|
+
return r(b, { key: "51c3f9372a79efeeffc662149ada3cd50c76fcbf" }, r("select", { key: "5bf6285178fd454f76089f62ad17d49654e88bf8", class: "xplor-dropdown", onChange: this.handleChange }, this.options.map((n) => r("option", { value: n, selected: this.selected === n }, n))));
|
|
13351
13351
|
}
|
|
13352
13352
|
static get style() {
|
|
13353
13353
|
return Fi;
|
|
@@ -16019,7 +16019,7 @@ ol.mdc-list.sc-xplor-inline-date-picker li.mdc-list-item.sc-xplor-inline-date-pi
|
|
|
16019
16019
|
}
|
|
16020
16020
|
render() {
|
|
16021
16021
|
const n = this.getSidebarDate(), t = this.startWeekOnSunday ? this.dayNames : this.dayNamesStartMonday;
|
|
16022
|
-
return r(b, { key: "
|
|
16022
|
+
return r(b, { key: "031460c16f831f29173bbac372ee4de5b0473828" }, r("div", { key: "b0d890fec94358a882d10a30b229196ee8fc4ea5", class: "xplor-inline-date-picker", style: { "--picker-color": this.color } }, r("div", { key: "2d5496299d0091d1960fb8507726f15828d68313", class: "xplor-inline-date-picker__sidebar" }, r("div", { key: "b1645b35975a52e916eb6d18ccda16c3b90519c3", class: "xplor-inline-date-picker__sidebar-year" }, n.year), r("div", { key: "b812bbbd4686d06d6c4c602846c870777847c9ca", class: "xplor-inline-date-picker__sidebar-day" }, n.day, ","), r("div", { key: "d78744d1b353ddafa302693ac105837f33be736e", class: "xplor-inline-date-picker__sidebar-date" }, n.date)), r("div", { key: "1e0519719bff8801a3f6a7d23c8140b4017656d8", class: "xplor-inline-date-picker__calendar" }, r("div", { key: "1f13bb35c2bbbc921f6f4d0a4dde12e47d010c81", class: "xplor-inline-date-picker__header" }, r("button", { key: "dd726c543dc74ed85bb3dd128b45e5a74ffde1f6", type: "button", class: "xplor-inline-date-picker__arrow", onClick: this.previousMonth, "aria-label": "Previous month" }, "‹"), r("div", { key: "ffb6cf26f1b1a0ef2c75ccb827f38110a6cfbdbe", class: "xplor-inline-date-picker__title" }, this.monthNames[this.currentMonth], " ", this.currentYear), r("button", { key: "69b0c08aae5b24b2814c37be40de942ed2ff8abb", type: "button", class: "xplor-inline-date-picker__arrow", onClick: this.nextMonth, "aria-label": "Next month" }, "›")), r("div", { key: "25ef6b996fdccc121b44f6dafe018aef316ab09d", class: "xplor-inline-date-picker__weekdays" }, t.map((o) => r("div", { class: "xplor-inline-date-picker__weekday" }, o))), r("div", { key: "6d092079f76ab7c06fcdb07c8d43d0cd9ace8faa", class: "xplor-inline-date-picker__days", role: "grid" }, this.renderCalendarDays()))));
|
|
16023
16023
|
}
|
|
16024
16024
|
get el() {
|
|
16025
16025
|
return this;
|
|
@@ -17636,7 +17636,6 @@ ol.mdc-list.sc-xplor-drag-and-drop-input li.mdc-list-item.sc-xplor-drag-and-drop
|
|
|
17636
17636
|
|
|
17637
17637
|
.drag-drop-zone.sc-xplor-drag-and-drop-input {
|
|
17638
17638
|
position: relative;
|
|
17639
|
-
padding-bottom: 2.5rem;
|
|
17640
17639
|
}
|
|
17641
17640
|
|
|
17642
17641
|
.drag-drop-input-hidden.sc-xplor-drag-and-drop-input {
|
|
@@ -17648,7 +17647,7 @@ ol.mdc-list.sc-xplor-drag-and-drop-input li.mdc-list-item.sc-xplor-drag-and-drop
|
|
|
17648
17647
|
border-radius: 8px;
|
|
17649
17648
|
border: 2px dashed var(--color-secondary);
|
|
17650
17649
|
min-height: 160px;
|
|
17651
|
-
padding:
|
|
17650
|
+
padding: 1.5rem;
|
|
17652
17651
|
text-align: center;
|
|
17653
17652
|
transition: all 0.2s ease;
|
|
17654
17653
|
cursor: default;
|
|
@@ -17670,8 +17669,7 @@ ol.mdc-list.sc-xplor-drag-and-drop-input li.mdc-list-item.sc-xplor-drag-and-drop
|
|
|
17670
17669
|
display: flex;
|
|
17671
17670
|
flex-direction: column;
|
|
17672
17671
|
align-items: center;
|
|
17673
|
-
gap: 0.
|
|
17674
|
-
padding: 0.25rem 0 0;
|
|
17672
|
+
gap: 0.75rem;
|
|
17675
17673
|
}
|
|
17676
17674
|
|
|
17677
17675
|
.drag-drop-card__icon.sc-xplor-drag-and-drop-input {
|
|
@@ -17700,10 +17698,7 @@ ol.mdc-list.sc-xplor-drag-and-drop-input li.mdc-list-item.sc-xplor-drag-and-drop
|
|
|
17700
17698
|
}
|
|
17701
17699
|
|
|
17702
17700
|
.drag-drop-card__action.sc-xplor-drag-and-drop-input {
|
|
17703
|
-
|
|
17704
|
-
left: 50%;
|
|
17705
|
-
bottom: 0;
|
|
17706
|
-
transform: translateX(-50%);
|
|
17701
|
+
margin-top: 0.25rem;
|
|
17707
17702
|
}
|
|
17708
17703
|
|
|
17709
17704
|
.file-info.sc-xplor-drag-and-drop-input {
|
|
@@ -17832,9 +17827,9 @@ ol.mdc-list.sc-xplor-drag-and-drop-input li.mdc-list-item.sc-xplor-drag-and-drop
|
|
|
17832
17827
|
font-size: 13px;
|
|
17833
17828
|
line-height: 18px;
|
|
17834
17829
|
}
|
|
17835
|
-
}`,
|
|
17830
|
+
}`, cn = "*/*", Ye = /* @__PURE__ */ v(class extends y {
|
|
17836
17831
|
constructor() {
|
|
17837
|
-
super(), this.__registerHost(), this.fileSelect = m(this, "fileSelect"), this.fileClear = m(this, "fileClear"), this.disabled = !1, this.accepts =
|
|
17832
|
+
super(), this.__registerHost(), this.fileSelect = m(this, "fileSelect"), this.fileClear = m(this, "fileClear"), this.disabled = !1, this.accepts = cn, this.label = "Drag and drop your files here", this.browseLabel = "Browse Files", this.progress = -1, this.dragover = !1, this.currentFile = null, this.onDrop = (n) => {
|
|
17838
17833
|
var t, o;
|
|
17839
17834
|
if (n.preventDefault(), this.dragover = !1, this.disabled)
|
|
17840
17835
|
return;
|
|
@@ -17856,7 +17851,7 @@ ol.mdc-list.sc-xplor-drag-and-drop-input li.mdc-list-item.sc-xplor-drag-and-drop
|
|
|
17856
17851
|
}, this.getAcceptsLabel = () => {
|
|
17857
17852
|
var n;
|
|
17858
17853
|
const t = (n = this.accepts) === null || n === void 0 ? void 0 : n.trim();
|
|
17859
|
-
return !t || t ===
|
|
17854
|
+
return !t || t === cn ? "*" : t;
|
|
17860
17855
|
}, this.formatFileSize = (n) => {
|
|
17861
17856
|
if (n === 0)
|
|
17862
17857
|
return "0 Bytes";
|
|
@@ -17879,7 +17874,7 @@ ol.mdc-list.sc-xplor-drag-and-drop-input li.mdc-list-item.sc-xplor-drag-and-drop
|
|
|
17879
17874
|
"drag-drop-card": !0,
|
|
17880
17875
|
"drag-drop-card--dragover": this.dragover,
|
|
17881
17876
|
"drag-drop-card--disabled": this.disabled
|
|
17882
|
-
}, onDrop: this.onDrop, onDragOver: this.onDragOver, onDragEnter: this.onDragEnter, onDragLeave: this.onDragLeave, role: "region", "aria-label": t }, r("div", { key: "49325fd7ff2d44a045eba593e2cb3708316a5be4", class: "drag-drop-card__content" }, r("svg", { key: "23b8f38df073266201a01ec78a45b1cac924a3e4", class: "drag-drop-card__icon", xmlns: "http://www.w3.org/2000/svg", width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, r("path", { key: "eb1c750d1657fd578cf15c9bc16d5d1885d703e8", d: "M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04Z", fill: "currentColor", opacity: "0.3" }), r("path", { key: "04dc16407d2abd999fbef9cc02346d499644f0a7", d: "M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04ZM14 13V17H10V13H7L12 8L17 13H14Z", fill: "currentColor" })), r("h3", { key: "82c31b56cb5f17445748e0bfb8668caef4ceea59", class: "drag-drop-card__title" }, this.label), r("p", { key: "
|
|
17877
|
+
}, onDrop: this.onDrop, onDragOver: this.onDragOver, onDragEnter: this.onDragEnter, onDragLeave: this.onDragLeave, role: "region", "aria-label": t }, r("div", { key: "49325fd7ff2d44a045eba593e2cb3708316a5be4", class: "drag-drop-card__content" }, r("svg", { key: "23b8f38df073266201a01ec78a45b1cac924a3e4", class: "drag-drop-card__icon", xmlns: "http://www.w3.org/2000/svg", width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, r("path", { key: "eb1c750d1657fd578cf15c9bc16d5d1885d703e8", d: "M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04Z", fill: "currentColor", opacity: "0.3" }), r("path", { key: "04dc16407d2abd999fbef9cc02346d499644f0a7", d: "M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04ZM14 13V17H10V13H7L12 8L17 13H14Z", fill: "currentColor" })), r("h3", { key: "82c31b56cb5f17445748e0bfb8668caef4ceea59", class: "drag-drop-card__title" }, this.label), this.accepts && this.accepts !== cn && r("p", { key: "cd9a640967ce9cd8c959000771d78a57fe1df4ea", class: "drag-drop-card__accepts" }, "Accepted file types: ", this.getAcceptsLabel()), r("div", { key: "c9a3987e06aceba90a379f6f5264998c218497a1", class: "drag-drop-card__action" }, r("xplor-button", { key: "a26dd92027f90fb052ce3fa5cc456b18b5732b41", text: this.browseLabel, type: this.disabled ? "disabled" : "secondary", clickAction: this.openFileDialog, "aria-label": this.browseLabel }))))), this.currentFile && r("div", { key: "75258825a2415d4f78dc05caa4931c2b65675c10", class: "file-info", "aria-live": "polite" }, this.showProgress() && r("p", { key: "643fca5089d411ac0c2ac7cb2d8548450e18df49", class: "file-info__status" }, "Uploading ", this.progress === 100 ? "1" : "0", " / 1"), r("div", { key: "6829f00a6550dee83fc60496c6534272443c2974", class: "file-info__card" }, r("div", { key: "cb234a2213fc3ae39993b11cb3d99878d643878f", class: "file-info__icon", "aria-hidden": "true" }, r("svg", { key: "f657669caa7dd95b095b419908f94cf16e8530d7", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor" }, r("path", { key: "ef502814c77090e682f8b7e3e2d41dc3434a14fa", d: "M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2ZM6 20V4H13V9H18V20H6Z" }))), r("div", { key: "6bcc15939b14fbcfa71408e733489933e9322efa", class: "file-info__details" }, r("p", { key: "9840cd50a70cfec9ceb8588116677ed0da2d5b14", class: "file-info__name" }, this.currentFile.name), r("p", { key: "f8aaf5f729278070ebd1d3a8137460dab67a130a", class: "file-info__meta" }, this.formatFileSize(this.currentFile.size), this.currentFile.lastModified ? ` | Last modified: ${this.formatDate(this.currentFile.lastModified)}` : ""), this.showProgress() && r("div", { key: "e30ab7e1514f72034cac41f748df00cd19423d2d", class: "file-info__progress-row" }, r("div", { key: "4ef4e335b0154adc44d940784ac0f01358fa4fd0", class: "file-info__progress-bar", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `Upload progress: ${Math.round(n)}%` }, r("div", { key: "3328873cc9d457401ccfe46c3cee8c7c7d5280ab", class: "file-info__progress-fill", style: { width: `${n}%` } })), r("span", { key: "f3fab0a39db233a16bb1fefdbb15c2174808543d", class: "file-info__progress-text", "aria-hidden": "true" }, Math.round(this.progress), "%"))), r("button", { key: "70ff008be7088ff5744130ffecab2694eceff8ff", class: "file-info__remove", onClick: () => this.clearCurrentFile(), "aria-label": `Remove file ${this.currentFile.name}` }, r("svg", { key: "0c6957c250bde4af18641704ba8b248ff8b815b4", xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, r("path", { key: "0131e03966350788114f5ac999488c19d0186f90", d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12Z" }))))), r("input", { key: "a40511c99ac1292d5eb5a37be23a235b5103ab65", id: "drag-drop-file-select", type: "file", disabled: this.disabled, accept: this.accepts, class: "drag-drop-input-hidden", ref: (o) => this.fileInputEl = o, onChange: this.onFileSelect, "aria-label": `${this.browseLabel} - ${this.label}`, tabindex: -1 }));
|
|
17883
17878
|
}
|
|
17884
17879
|
static get style() {
|
|
17885
17880
|
return ra;
|
|
@@ -18242,16 +18237,16 @@ const Ve = /* @__PURE__ */ v(class extends y {
|
|
|
18242
18237
|
this.contentEl && (this.contentHeight = this.contentEl.scrollHeight);
|
|
18243
18238
|
}
|
|
18244
18239
|
render() {
|
|
18245
|
-
return r(b, { key: "
|
|
18240
|
+
return r(b, { key: "3db1f2fc99643b6c032e49d12c8eedb06ae2ceb9" }, r("div", { key: "ba08fc1332346fd14e2614184a2da5f99c90e217", class: {
|
|
18246
18241
|
"expansion-panel": !0,
|
|
18247
18242
|
"expansion-panel--open": this.open,
|
|
18248
18243
|
"expansion-panel--disabled": this.disabled
|
|
18249
|
-
} }, r("button", { key: "
|
|
18244
|
+
} }, r("button", { key: "b370c00ac9b58af67594679a7c28915d7ecaf622", class: "expansion-panel__header", onClick: this.handleToggle, disabled: this.disabled, "aria-expanded": this.open ? "true" : "false", "aria-controls": `${this.panelId}-content`, type: "button" }, r("div", { key: "7a2a65a0189cb9fbdbca615091f6e13e3d94b748", class: "expansion-panel__header-content" }, r("slot", { key: "a20162d047d41cf219fb412973a92c3f16844640", name: "header" })), r("span", { key: "4dd148cb2d4461285fce95de5bf8cbb3df36e7b7", class: {
|
|
18250
18245
|
"expansion-panel__icon": !0,
|
|
18251
18246
|
"expansion-panel__icon--open": this.open
|
|
18252
|
-
} }, "▼")), r("div", { key: "
|
|
18247
|
+
} }, "▼")), r("div", { key: "9d8a260d927387f5dd1e7e3d429f86d31f2689bf", class: "expansion-panel__content", id: `${this.panelId}-content`, role: "region", "aria-labelledby": this.panelId, style: {
|
|
18253
18248
|
maxHeight: this.open ? `${this.contentHeight}px` : "0"
|
|
18254
|
-
} }, r("div", { key: "
|
|
18249
|
+
} }, r("div", { key: "0ac08b6ca30a0fabc7e44f2c8737ee29fccec08a", class: "expansion-panel__content-inner", ref: (n) => this.contentEl = n }, r("slot", { key: "94753fe13b1378a95cac9cb4c940aedbc127c1b0" })))));
|
|
18255
18250
|
}
|
|
18256
18251
|
get el() {
|
|
18257
18252
|
return this;
|
|
@@ -18553,7 +18548,7 @@ ol.mdc-list.sc-xplor-expansion-panels li.mdc-list-item.sc-xplor-expansion-panels
|
|
|
18553
18548
|
this.value = this.multiple ? Array.from(this.openPanels) : Array.from(this.openPanels)[0] || "";
|
|
18554
18549
|
}
|
|
18555
18550
|
render() {
|
|
18556
|
-
return r(b, { key: "
|
|
18551
|
+
return r(b, { key: "70452b8f734ded39c59a984b6a21e010d6512905" }, r("div", { key: "60ba67dc176b9cc141dd12d56e9f3e977eccd859", class: "expansion-panels", "aria-label": "Accordion" }, r("slot", { key: "99b9f4d51d54b8145ea0964638eecf687c2c8432" })));
|
|
18557
18552
|
}
|
|
18558
18553
|
static get style() {
|
|
18559
18554
|
return ma;
|
|
@@ -19373,9 +19368,9 @@ ol.mdc-list.sc-xplor-inline-checkbox li.mdc-list-item.sc-xplor-inline-checkbox,
|
|
|
19373
19368
|
"xplor-inline-checkbox--disabled": this.disabled,
|
|
19374
19369
|
"xplor-inline-checkbox--checked": this.checked
|
|
19375
19370
|
};
|
|
19376
|
-
return r(b, { key: "
|
|
19371
|
+
return r(b, { key: "34aa08258f2a12280c9709f94883af3e0423175f" }, r("label", { key: "fd6fe47c8e1da57aba09a4ce7cbc95f7e1947dfe", class: n }, r("input", { key: "17a4c41cb304ae9826476d22ffa18d9bf5810ed5", type: "checkbox", class: "xplor-inline-checkbox__input", checked: this.checked, value: this.value, disabled: this.disabled, indeterminate: this.indeterminate, onChange: this.handleChange, style: {
|
|
19377
19372
|
accentColor: this.color
|
|
19378
|
-
} }), this.label && r("span", { key: "
|
|
19373
|
+
} }), this.label && r("span", { key: "31afabdf1498e609f06530f1db28a05b2a0ba00b", class: "xplor-inline-checkbox__label" }, this.label), r("slot", { key: "2a32c92c16906869dd82272590dd83ebc1905e71" })));
|
|
19379
19374
|
}
|
|
19380
19375
|
static get style() {
|
|
19381
19376
|
return _a;
|
|
@@ -19736,7 +19731,7 @@ ol.mdc-list.sc-xplor-inline-switch li.mdc-list-item.sc-xplor-inline-switch, ul.m
|
|
|
19736
19731
|
"xplor-inline-switch--disabled": this.disabled,
|
|
19737
19732
|
"xplor-inline-switch--checked": this.checked
|
|
19738
19733
|
};
|
|
19739
|
-
return r(b, { key: "
|
|
19734
|
+
return r(b, { key: "ac7b6e824b55bd184f81fd5a36174ee765bd649d" }, r("label", { key: "e4042ad1236aba72343231013d9d0784593dcf26", class: n, style: { "--switch-color": this.color } }, r("input", { key: "9e5b96a0367a55785f0c87f74cf9ba0850e227c6", type: "checkbox", class: "xplor-inline-switch__input", checked: this.checked, value: this.value, disabled: this.disabled, onChange: this.handleChange }), r("span", { key: "c35a3721624cfddd2448d9420a5e8c85a8a51108", class: "xplor-inline-switch__track" }, r("span", { key: "6b9026daf7d5641378d8243ed7b1b7e424db8171", class: "xplor-inline-switch__thumb" })), this.label && r("span", { key: "46423101cb78df16e84b5b79baa9a2a8c88bc91b", class: "xplor-inline-switch__label" }, this.label), r("slot", { key: "0841e31a5d0a9b27c3e8eeafff0218e92a4bf24a" })));
|
|
19740
19735
|
}
|
|
19741
19736
|
static get style() {
|
|
19742
19737
|
return za;
|
|
@@ -20152,7 +20147,7 @@ const Ne = /* @__PURE__ */ v(class extends y {
|
|
|
20152
20147
|
"xplor-input-file": !0,
|
|
20153
20148
|
"xplor-input-file--disabled": this.disabled
|
|
20154
20149
|
}, t = this.selectedFiles.slice(0, this.maxChips), o = this.selectedFiles.length - this.maxChips;
|
|
20155
|
-
return r(b, { key: "
|
|
20150
|
+
return r(b, { key: "855205ba51f297ec42d8e0a6e6a8632575f14266" }, r("div", { key: "b3f5e11bae52b44c70d44964128e7a921002dbb1", class: n }, this.label && r("label", { key: "8ed4472b4d74227d3f383733d70fdce13724b3c2", class: "xplor-input-file__label", htmlFor: this.inputId }, this.label), r("div", { key: "3796c38f41eb6cabb61a71341e2172d6afe588da", class: "xplor-input-file__field" }, r("span", { key: "5c252125213d25d051549308974241fa1764e77c", class: "xplor-input-file__icon" }, this.prependInnerIcon), r("div", { key: "eb7e79be04bd2c7d6c5a38669486fafa79da2886", class: "xplor-input-file__content" }, this.selectedFiles.length === 0 ? r("span", { class: "xplor-input-file__placeholder" }, this.placeholder) : r("div", { class: "xplor-input-file__chips" }, t.map((i) => r("div", { class: "xplor-input-file__chip", key: i.name }, r("span", { class: "xplor-input-file__chip-text" }, i.name), this.showSize && i.size && r("span", { class: "xplor-input-file__chip-size" }, "(", this.formatFileSize(i.size), ")"))), o > 0 && r("span", { class: "xplor-input-file__additional" }, "+", o, " additional file", o > 1 ? "s" : ""))), this.selectedFiles.length > 0 && !this.disabled && r("button", { key: "3de68e44d93f65880e9db5d94a285bc36f5a5b27", type: "button", class: "xplor-input-file__clear", onClick: this.handleClear, "aria-label": "Clear" }, "✕"), r("input", { key: "2744056445124a7c857f4b56271cd343e50ed9f2", id: this.inputId, ref: (i) => this.fileInputRef = i, type: "file", class: "xplor-input-file__input", multiple: this.multiple, accept: this.accept, disabled: this.disabled, onChange: this.handleFileChange, "aria-label": this.label || "Choose file" })), this.counter && this.selectedFiles.length > 0 && r("div", { key: "3bd470d17e927b0fbe7776ad67513bb52d91109e", class: "xplor-input-file__counter" }, this.selectedFiles.length, " file", this.selectedFiles.length > 1 ? "s" : "", " selected")));
|
|
20156
20151
|
}
|
|
20157
20152
|
static get style() {
|
|
20158
20153
|
return Fa;
|
|
@@ -20553,9 +20548,9 @@ const nt = /* @__PURE__ */ v(class extends y {
|
|
|
20553
20548
|
"xplor-input-search--focused": this.isFocused,
|
|
20554
20549
|
"xplor-input-search--disabled": this.disabled
|
|
20555
20550
|
};
|
|
20556
|
-
return r(b, { key: "
|
|
20551
|
+
return r(b, { key: "159334f666a4d38aaeeba61788fc73ae85511f1c" }, r("div", { key: "de6a7c4d9097bdabc955bd2f85ce9c6f9f35aa19", class: n }, r("div", { key: "b14ca74cb368ef4efa67330f5b5fc76b54828c33", class: "xplor-input-search__field" }, r("input", { key: "1f8e4d2842d4f45fa3ca7e2b3de7b697a75abd02", id: this.inputId, type: "search", class: "xplor-input-search__input", value: this.value, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: () => this.isFocused = !0, onBlur: () => this.isFocused = !1, style: {
|
|
20557
20552
|
backgroundColor: this.bgColor
|
|
20558
|
-
}, role: "searchbox", "aria-label": "Search" }), r("slot", { key: "
|
|
20553
|
+
}, role: "searchbox", "aria-label": "Search" }), r("slot", { key: "3b914900d3b529b142ec31d8835ebfa83497b877", name: "append-inner" }, r("button", { key: "83ffab122b79d64e5fadb6ff0abf508847ecb721", type: "button", class: "xplor-input-search__button", onClick: this.handleSearch, disabled: this.disabled, "data-testid": "input-search-button", "aria-label": "Search" }, r("svg", { key: "b0d8e393c391b3ca214bb1cd8b1673eb3b634a88", viewBox: "0 0 24 24", class: "xplor-input-search__icon" }, r("path", { key: "78d38f7b9e578cf8519edcc7eea19ffa294aba74", d: "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" })))))));
|
|
20559
20554
|
}
|
|
20560
20555
|
static get style() {
|
|
20561
20556
|
return Oa;
|
|
@@ -21396,10 +21391,10 @@ ol.mdc-list.sc-xplor-input-send li.mdc-list-item.sc-xplor-input-send, ul.mdc-lis
|
|
|
21396
21391
|
this.internalValue = this.value;
|
|
21397
21392
|
}
|
|
21398
21393
|
render() {
|
|
21399
|
-
return r(b, { key: "
|
|
21394
|
+
return r(b, { key: "bcce41da602a265f2ee48f278e1f173dcb7a478c" }, r("div", { key: "5db92c3276ea1e021fa872d8f7b34e0c20b6d6ea", class: {
|
|
21400
21395
|
"input-send": !0,
|
|
21401
21396
|
"input-send--disabled": this.disabled
|
|
21402
|
-
} }, r("input", { key: "
|
|
21397
|
+
} }, r("input", { key: "9395e4d6f8190e3010fd9c0323a4a4c51643c998", ref: (n) => this.inputEl = n, type: "text", class: "input-send__input", placeholder: this.placeholder, value: this.internalValue, onInput: this.handleInput, onKeyDown: this.handleKeyDown, disabled: this.disabled, maxLength: this.maxLength, "aria-label": this.placeholder || "Type a message" }), r("xplor-button", { key: "f4d9784400fd7c31c2766af49fe3971216f5828f", class: "input-send__button", text: this.buttonText, type: this.disabled || !this.internalValue.trim() ? "disabled" : this.buttonType, onClick: this.handleSend })));
|
|
21403
21398
|
}
|
|
21404
21399
|
static get style() {
|
|
21405
21400
|
return Ya;
|
|
@@ -21788,9 +21783,9 @@ const rt = /* @__PURE__ */ v(class extends y {
|
|
|
21788
21783
|
"xplor-input-text-area--disabled": this.disabled,
|
|
21789
21784
|
"xplor-input-text-area--error": !!this.error
|
|
21790
21785
|
}, t = this.clearable && this.value && !this.readonly && !this.disabled, o = this.hideDetails === !1 || this.hideDetails === "auto" && (this.error || this.helperText);
|
|
21791
|
-
return r(b, { key: "
|
|
21786
|
+
return r(b, { key: "8d29b69ab2e27bd4e1b285cf2c592b22a79518f2" }, r("div", { key: "d6fa4df24c83488f1e88e8e9ddffeed3c4ebd0d7", class: n }, this.label && r("label", { key: "5be952c8c6ce762a578d22da1b883512118ea3d4", class: "xplor-input-text-area__label", htmlFor: this.inputId }, this.label, this.required && r("span", { key: "20c3fd980d575e9e0c3f5573d02556bf9e14099e", class: "xplor-input-text-area__required" }, "*")), r("div", { key: "bd37545a117401be68d17f0346321e35d39e544a", class: "xplor-input-text-area__field" }, r("textarea", { key: "164d86d89c96572adca9deec4292b8339c8efd50", id: this.inputId, class: "xplor-input-text-area__input", value: this.value, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, required: this.required, rows: this.rows, onInput: this.handleInput, onChange: this.handleChange, onFocus: () => this.isFocused = !0, onBlur: () => this.isFocused = !1, style: {
|
|
21792
21787
|
backgroundColor: this.bgColor
|
|
21793
|
-
}, "aria-invalid": this.error ? "true" : void 0, "aria-required": this.required ? "true" : void 0, "aria-describedby": this.error ? this.errorId : this.helperText ? this.helperId : void 0 }), t && r("button", { key: "
|
|
21788
|
+
}, "aria-invalid": this.error ? "true" : void 0, "aria-required": this.required ? "true" : void 0, "aria-describedby": this.error ? this.errorId : this.helperText ? this.helperId : void 0 }), t && r("button", { key: "a818cd20c397af9517c1ed013f534ee2d53ccfc3", type: "button", class: "xplor-input-text-area__clear", onClick: this.handleClear, "aria-label": "Clear" }, "✕")), o && r("div", { key: "6b2a6d5a6d8d7e66eef815dbebf3e2ea1c4f80b7", class: "xplor-input-text-area__details" }, this.error && r("div", { key: "8e22ad68e9a5609b7abfa30751685c570c0e3dca", class: "xplor-input-text-area__error-message", id: this.errorId }, this.error), !this.error && this.helperText && r("div", { key: "0eaa1976d2ac0c2e25c301fd23e690f28d9a3494", class: "xplor-input-text-area__helper-text", id: this.helperId }, this.helperText))));
|
|
21794
21789
|
}
|
|
21795
21790
|
static get style() {
|
|
21796
21791
|
return Za;
|
|
@@ -22166,9 +22161,9 @@ const ot = /* @__PURE__ */ v(class extends y {
|
|
|
22166
22161
|
"input-secondary--error": !!this.error,
|
|
22167
22162
|
"input-secondary--dirty": this.isDirty
|
|
22168
22163
|
}, t = this.hideDetails === !1 || this.hideDetails === "auto" && (this.error || this.helperText);
|
|
22169
|
-
return r(b, { key: "
|
|
22164
|
+
return r(b, { key: "805c82be35d46be51ebc3e29e78345ae81bf1368" }, r("div", { key: "df8e81a6553efbd0dade36a7d5871e8d1d789213", class: n }, this.label && r("label", { key: "289689dbe52f2ae19af90664ae99240eee499d61", class: "input-secondary__label", htmlFor: this.inputId }, this.label, this.required && r("span", { key: "7e711647c5cdc04033f2f774eee8d810835685ae", class: "input-secondary__required" }, "*")), r("div", { key: "6cab22daaade60aa7e5130afda2f2692c1ae73b1", class: "input-secondary__field" }, r("input", { key: "eb9cc2994c5f68d15683c4584ac270bcb5c20664", id: this.inputId, type: this.type, class: "input-secondary__input", value: this.value, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, style: {
|
|
22170
22165
|
backgroundColor: this.bgColor
|
|
22171
|
-
}, "aria-invalid": this.error ? "true" : void 0, "aria-required": this.required ? "true" : void 0, "aria-describedby": this.error ? this.errorId : this.helperText ? this.helperId : void 0 }), r("slot", { key: "
|
|
22166
|
+
}, "aria-invalid": this.error ? "true" : void 0, "aria-required": this.required ? "true" : void 0, "aria-describedby": this.error ? this.errorId : this.helperText ? this.helperId : void 0 }), r("slot", { key: "e51cb67efac2e7037c2a903d78164348ce56998d", name: "append-inner" })), t && r("div", { key: "5c490ba173da365e8b9393ffee34a4259e9b3dbd", class: "input-secondary__details" }, this.error && r("div", { key: "4415c1feb83542ef0f0202fc48dfb13effc9d4c4", class: "input-secondary__error-message", id: this.errorId }, this.error), !this.error && this.helperText && r("div", { key: "fb7e6c208fef2ea8139325438c19612538e1d845", class: "input-secondary__helper-text", id: this.helperId }, this.helperText)), r("slot", { key: "e2479a9561cb0bf63f1115b2fc0b1d768bc705ed", name: "append" })));
|
|
22172
22167
|
}
|
|
22173
22168
|
static get style() {
|
|
22174
22169
|
return tl;
|
|
@@ -22537,9 +22532,9 @@ const it = /* @__PURE__ */ v(class extends y {
|
|
|
22537
22532
|
"xplor-input-text--disabled": this.disabled,
|
|
22538
22533
|
"xplor-input-text--error": !!this.error
|
|
22539
22534
|
}, t = this.hideDetails === !1 || this.hideDetails === "auto" && (this.error || this.helperText);
|
|
22540
|
-
return r(b, { key: "
|
|
22535
|
+
return r(b, { key: "c7da02996d0b420a58337eb30bec6d38fe9e395f" }, r("div", { key: "229582f2e17300332a14fd58ff60cd1a43d10f40", class: n }, this.label && r("label", { key: "2fc2d7c76396e98397df42d6b793d070d061c918", class: "xplor-input-text__label", htmlFor: this.inputId }, this.label, this.required && r("span", { key: "2bc7348d1a415a36aae485c61743b0fd3f98d363", class: "xplor-input-text__required" }, "*")), r("div", { key: "f6f79203738d3827dbd06faaea60f94022d5d965", class: "xplor-input-text__field" }, r("input", { key: "ff6a346441f195cd71c5e6c585fffd24b79ce181", id: this.inputId, type: this.type, class: "xplor-input-text__input", value: this.value, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, style: {
|
|
22541
22536
|
backgroundColor: this.bgColor
|
|
22542
|
-
}, "aria-invalid": this.error ? "true" : void 0, "aria-required": this.required ? "true" : void 0, "aria-describedby": this.error ? this.errorId : this.helperText ? this.helperId : void 0 }), r("slot", { key: "
|
|
22537
|
+
}, "aria-invalid": this.error ? "true" : void 0, "aria-required": this.required ? "true" : void 0, "aria-describedby": this.error ? this.errorId : this.helperText ? this.helperId : void 0 }), r("slot", { key: "fa160af8991c46e7418960e2058d85a912aa182c", name: "append-inner" })), t && r("div", { key: "bd131696fea277bcc3c727cb2a9a901a9c360f53", class: "xplor-input-text__details" }, this.error && r("div", { key: "7a5351abc5cb7ed0dc1a5a71262f86a34230020a", class: "xplor-input-text__error-message", id: this.errorId }, this.error), !this.error && this.helperText && r("div", { key: "7457664c7a216c5c4a9c18de4030a76796dd97bc", class: "xplor-input-text__helper-text", id: this.helperId }, this.helperText)), r("slot", { key: "2acc8a1746276cb19b6d8a0b2dd0054a5fa7f6ac", name: "append" })));
|
|
22543
22538
|
}
|
|
22544
22539
|
static get style() {
|
|
22545
22540
|
return ll;
|
|
@@ -22866,7 +22861,7 @@ ol.mdc-list.sc-xplor-input-title li.mdc-list-item.sc-xplor-input-title, ul.mdc-l
|
|
|
22866
22861
|
};
|
|
22867
22862
|
}
|
|
22868
22863
|
render() {
|
|
22869
|
-
return r(b, { key: "
|
|
22864
|
+
return r(b, { key: "ef2d69909fe74019c12da557fa136e0389336e05" }, r("input", { key: "dfdc0a0072ec511a1edfc68a6fad9e4169064f8f", type: "text", class: "xplor-input-title", value: this.value, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, "aria-label": this.ariaLabel, onInput: this.handleInput, onChange: this.handleChange }));
|
|
22870
22865
|
}
|
|
22871
22866
|
static get style() {
|
|
22872
22867
|
return gl;
|
|
@@ -22894,7 +22889,7 @@ const ml = at, hl = xl, bl = ":host{display:block}.x-link{display:block;padding:
|
|
|
22894
22889
|
super(), this.__registerHost(), this.__attachShadow(), this.imageAlt = "";
|
|
22895
22890
|
}
|
|
22896
22891
|
render() {
|
|
22897
|
-
return r(b, { key: "
|
|
22892
|
+
return r(b, { key: "1d0963855eaf79dacbae5d6a5b86cc6b6ae84632", class: `theme-${this.brand}` }, r("a", { key: "d95d148b5745909e17a51e7d44e6412956a4844b", class: "x-link", href: "https://google.com" }, " ", "googole this is a link", " "), r("div", { key: "05c27ca582f5d298e00a46240700088f3ef1c250", class: "bg-black p-2 rounded-md flex justify-center" }, r("h1", { key: "9f4180eef39b9006277a72534d385ce3b742e40c", class: "text-primary font-sans" }, "This is a Stencil component using Tailwind")), r("div", { key: "fe5ffb8f988e0df18e53a04873d6dfe63e7ca26e", class: "bg-white py-24 sm:py-32" }, r("div", { key: "09bd7b00cd955c991e662f3f71addac329d4b189", class: "mx-auto grid max-w-7xl gap-20 px-6 lg:px-8 xl:grid-cols-3" }, r("div", { key: "36f6bd91ab4db26df78b21e533c2f584ba656d26", class: "max-w-xl" }, r("h2", { key: "165380866054da7add2a455b15370f4cd8a7ad65", class: "text-pretty text-3xl font-semibold tracking-tight text-gray-900 sm:text-4xl" }, "Meet our leadership"), r("p", { key: "726b4e94c27bafe707c6a48f6604a28cb15d1c47", class: "mt-6 text-lg/8 text-gray-600" }, "We’re a dynamic group of individuals who are passionate about what we do and dedicated to delivering the best results for our clients.")), r("ul", { key: "a884c969151b0b935d40e5a98d9418d5a8bcc415", role: "list", class: "grid gap-x-8 gap-y-12 sm:grid-cols-2 sm:gap-y-16 xl:col-span-2" }, r("li", { key: "c5b4adca7d9a2038462dcd2958b95b5a7c661314" }, r("div", { key: "4a013658a1982d345000bbce12ace33b5e6bd2d8", class: "flex items-center gap-x-6" }, r("img", { key: "c93cc4184e758ca5d1b9942bbbec8a5afb219732", class: "size-16 rounded-full", src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", alt: this.imageAlt }), r("div", { key: "a05b6b18dbf663af70b0c7840d034973b2cc15df" }, r("h3", { key: "7d6ff8ca21af23e69497e067f346b3b0b61de42c", class: "text-base/7 font-semibold tracking-tight text-gray-900" }, "Leslie Alexander"), r("p", { key: "33528098f6f09a748251f49a8e0b377992f2c4e1", class: "text-sm/6 font-semibold text-indigo-600" }, "Co-Founder / CEO"))))))));
|
|
22898
22893
|
}
|
|
22899
22894
|
static get style() {
|
|
22900
22895
|
return bl;
|
|
@@ -23380,7 +23375,7 @@ const ct = /* @__PURE__ */ v(class extends y {
|
|
|
23380
23375
|
super(), this.__registerHost(), this.xplorClose = m(this, "xplorClose"), this.open = !1, this.width = "600px", this.maxWidth = "90%", this.maxHeight = "90%", this.loading = !1;
|
|
23381
23376
|
}
|
|
23382
23377
|
render() {
|
|
23383
|
-
return r(b, { key: "
|
|
23378
|
+
return r(b, { key: "884f843600d455676714efef74a7102467cf7fe5" }, r("xplor-modal", { key: "c3886708722829887adb5213f4eb98470ad16132", open: this.open, width: this.width, maxWidth: this.maxWidth, maxHeight: this.maxHeight, loading: this.loading, persistent: !0, onXplorClose: () => this.xplorClose.emit() }, r("slot", { key: "0f6b7f60e3f9354994b00f15ee7056c2b5f4a454", name: "title", slot: "title" }), r("slot", { key: "03a625acfe4a23677d1e532d56b0797c9d0f6457", name: "subtitle", slot: "subtitle" }), r("slot", { key: "57d9c7c4897299b0bb84de291e202d6c00d3914f", name: "body", slot: "body" }), r("slot", { key: "9290ae4fede095d8e11f32396029e59da7212e16", name: "actions", slot: "actions" })));
|
|
23384
23379
|
}
|
|
23385
23380
|
}, [4, "xplor-modal-persistent", {
|
|
23386
23381
|
open: [4],
|
|
@@ -24199,10 +24194,10 @@ ul.mdc-list li.mdc-list-item {
|
|
|
24199
24194
|
return n ? Array.from(n.querySelectorAll(`xplor-radio-btn[name="${this.name}"]`)).filter((o) => o !== this.el) : [];
|
|
24200
24195
|
}
|
|
24201
24196
|
render() {
|
|
24202
|
-
return r("label", { key: "
|
|
24197
|
+
return r("label", { key: "305a0c3d610686e8c11180c15db8d1ce4ca98c60", class: {
|
|
24203
24198
|
"radio-wrapper": !0,
|
|
24204
24199
|
"radio-wrapper--disabled": this.disabled
|
|
24205
|
-
} }, r("div", { key: "
|
|
24200
|
+
} }, r("div", { key: "ed0dd418bf295430c8cf1edd4b43519b3cf04018", class: this.getRadioClass(), onClick: this.handleClick, onMouseEnter: () => this.isHovered = !0, onMouseLeave: () => this.isHovered = !1, onMouseDown: () => this.isPressed = !0, onMouseUp: () => this.isPressed = !1, onFocus: () => this.isFocused = !0, onBlur: () => this.isFocused = !1, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, tabIndex: this.disabled ? -1 : 0, role: "radio", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), "aria-label": this.label }, r("div", { key: "ae6dd96a65601ba50d3e6e919b95983d3e47e8e5", class: { "radio-inner": !0, "radio-inner--visible": this.checked } })), this.label && r("span", { key: "b5647a8ad15d03187ba2f8c670846e9025ffba7e", class: "label" }, this.label));
|
|
24206
24201
|
}
|
|
24207
24202
|
get el() {
|
|
24208
24203
|
return this;
|
|
@@ -25303,11 +25298,11 @@ ol.mdc-list.sc-xplor-section-card li.mdc-list-item.sc-xplor-section-card, ul.mdc
|
|
|
25303
25298
|
super(), this.__registerHost(), this.outlined = !0, this.rounded = !0, this.padding = "1.5rem";
|
|
25304
25299
|
}
|
|
25305
25300
|
render() {
|
|
25306
|
-
return r(b, { key: "
|
|
25301
|
+
return r(b, { key: "f0bb8af2883a5441f3e325c4267ad3cec5716c9a" }, r("div", { key: "a7611e3f28ca8d84782146adb2b906c789f4a338", class: {
|
|
25307
25302
|
"section-card": !0,
|
|
25308
25303
|
"section-card--outlined": this.outlined,
|
|
25309
25304
|
"section-card--rounded": this.rounded
|
|
25310
|
-
}, style: { padding: this.padding } }, r("slot", { key: "
|
|
25305
|
+
}, style: { padding: this.padding } }, r("slot", { key: "e1a7153c70bf52f1d539dfc4f0b95d571aaa97da", name: "title" }), r("slot", { key: "90d1df5bf54fc04271e0f762a6f6df09f9a5cc32", name: "subtitle" }), r("div", { key: "81c011fa1950cee54769b7940b92722d3dcdd4d5", class: "section-card__body" }, r("slot", { key: "5c8bba79d0900c8db7feb677ff1a6dc379bcad65", name: "body" }), r("slot", { key: "75faafcde4f79d7c7df0be49986420f147ccfde5" })), r("div", { key: "f1f14d4cacef1580309321953d95d6b64825332e", class: "section-card__actions" }, r("slot", { key: "8e0520be390119389ac64f7fddd86c9e81ccd47c", name: "actions" }))));
|
|
25311
25306
|
}
|
|
25312
25307
|
static get style() {
|
|
25313
25308
|
return Ml;
|
|
@@ -25600,11 +25595,11 @@ ol.mdc-list.sc-xplor-section-heading li.mdc-list-item.sc-xplor-section-heading,
|
|
|
25600
25595
|
}
|
|
25601
25596
|
render() {
|
|
25602
25597
|
const n = `h${this.level}`;
|
|
25603
|
-
return r(b, { key: "
|
|
25598
|
+
return r(b, { key: "8d792fa1f7111c3de496e616c6c0d59a9f3bff0d" }, r(n, { key: "56cc9b857b645d2b6de1d9b736b77c47011bc0aa", class: {
|
|
25604
25599
|
"section-heading": !0,
|
|
25605
25600
|
"section-heading--small": this.size === "small",
|
|
25606
25601
|
"section-heading--large": this.size === "large"
|
|
25607
|
-
} }, r("slot", { key: "
|
|
25602
|
+
} }, r("slot", { key: "c5820f563cbb67872c43018493553d9f1fe703f3" }, this.text)));
|
|
25608
25603
|
}
|
|
25609
25604
|
static get style() {
|
|
25610
25605
|
return Ol;
|
|
@@ -25718,14 +25713,14 @@ const jl = mt, Hl = Pl, Rl = (e) => {
|
|
|
25718
25713
|
let n = "xpl-table";
|
|
25719
25714
|
this.striped && (n += " xpl-table--striped"), this.freeze && (n += " xpl-table--freeze"), this.hasScrolled && (n += " xpl-table--has-scrolled");
|
|
25720
25715
|
const t = this.getPaginatedData();
|
|
25721
|
-
return r(b, { key: "
|
|
25716
|
+
return r(b, { key: "34a091e309fac05f19d2e895d6eaf9bcd6bd52b2", class: "xplor-table" }, r("div", { key: "63f1baa12c4a579a94e88b6afa955cedc55ebcbc", class: "bg-white rounded-lg shadow-sm border border-gray-200 p-6 max-w-6xl mx-auto" }, r("div", { key: "a51f74e5a00e6286dc69d1cf63cbedbc52cf2323", class: "xpl-table-container", onScroll: this.onScroll, ref: (o) => {
|
|
25722
25717
|
this.container = o;
|
|
25723
|
-
} }, r("div", { key: "
|
|
25724
|
-
key: "
|
|
25718
|
+
} }, r("div", { key: "dd162973f151d437264803738951403fd118a325", class: "mb-6" }, r("h1", { key: "cd20f65851fe73c7e22eca544c19460d1e8cfa41", class: "text-xl font-semibold text-gray-900 mb-4" }, "Head Counts Report"), r("div", { key: "4ccbb826c4d36a04d7abb229cb30b33b721302aa", class: "flex flex-wrap items-center gap-4 mb-6" }, r("div", { key: "2ec4358cab245173935bfd10750d426a95327649", class: "flex items-center gap-2" }, r("label", { key: "8a42d1fc73b38675efbb4d489ef52f490d355155", class: "text-sm text-gray-600 font-medium" }, "Date Range"), r("select", {
|
|
25719
|
+
key: "bf158ae8de2d8350cb4a17882e876374f56d1191",
|
|
25725
25720
|
class: "border border-gray-300 rounded px-3 py-1.5 text-sm bg-white focus:outline-none focus:ring-2 focus:ring-teal-500 focus:border-teal-500",
|
|
25726
25721
|
// value={this.selectedDateRange}
|
|
25727
25722
|
onInput: this.handleDateRangeChange
|
|
25728
|
-
}, r("option", { key: "
|
|
25723
|
+
}, r("option", { key: "8d30107e14b3ae11283eab5c0dc5bb5e1625f206", value: "All" }, "All"), r("option", { key: "e6ff573c014679027844de6fa074987c2af2747b", value: "Today" }, "Today"), r("option", { key: "b2442d598fd4901bee4864d5eafb73fc36defed6", value: "This Week" }, "This Week"), r("option", { key: "b8d65f2882d81ba062e005c19d8969df2ddf541b", value: "This Month" }, "This Month"), r("option", { key: "e64697e70ba6daa1cedb3d4b35318cd473ad55ff", value: "Custom" }, "Custom Range")), r("button", { key: "5aca4cd7f522efa1fb6669a281c2f124a5f3c08a", class: "p-1.5 border border-gray-300 rounded hover:bg-gray-50" }, r("svg", { key: "c64b7b245059c5c93abb2f8d1fba598d59d2697e", class: "w-4 h-4 text-gray-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, r("path", { key: "d7f81604c3df7684dd33105f369ece2f25002426", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })))), r("button", { key: "77e48fda9b868095074045507842dcb32a7ac3fb", onClick: this.handleFilterReports, class: "bg-teal-600 hover:bg-teal-700 text-white px-4 py-1.5 rounded text-sm font-medium transition-colors" }, "Filter Reports"), r("button", { key: "7f7a214ecb2e66828438dce866e134fe75910ebb", onClick: this.handleDownloadAll, class: "flex items-center gap-2 text-gray-600 hover:text-gray-800 text-sm" }, r("svg", { key: "af830e634d4115487fb3e5ebc4ab085a864990ff", class: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, r("path", { key: "396c756b2fbe057f019872573f0fb44a6ef882f2", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" })), "Download All"))), r("table", { key: "984119ef9ca031d2cf21f40f888653e508157176", class: `w-full ${n}` }, this.columns && r("thead", { key: "a3ffca2c981bfbc8323d537507c2b416f4f39306" }, this.columns.map((o, i) => {
|
|
25729
25724
|
const a = Rl(this.sortTypeArray[i]), l = !!(this.isSortable && this.sortableColumns[i]);
|
|
25730
25725
|
return r("th", { class: "text-left py-3 px-4 text-sm font-medium text-gray-600", "aria-sort": l && this.sortTypeArray[i] ? this.sortTypeArray[i] === "asc" ? "ascending" : "descending" : l ? "none" : void 0 }, this.multiselect && i === 0 ? r("label", { onClick: (s) => {
|
|
25731
25726
|
s.preventDefault(), s.stopPropagation(), l && this.sortBy(i);
|
|
@@ -25742,7 +25737,7 @@ const jl = mt, Hl = Pl, Rl = (e) => {
|
|
|
25742
25737
|
value: `select-all-${this.selectAllValue}`,
|
|
25743
25738
|
"aria-label": "Select all rows"
|
|
25744
25739
|
}), o, l && !!this.sortTypeArray[i] && r("xpl-icon", { icon: a, size: 16 })) : r("label", { onClick: () => l && this.sortBy(i), class: l ? "cursor-pointer" : "", "aria-label": l ? `Sort by ${o}` : void 0 }, o, l && !!this.sortTypeArray[i] && r("svg", { width: "11", height: "6", viewBox: "0 0 11 6", xmlns: "http://www.w3.org/2000/svg" }, r("path", { d: "M10.5 5.5L5.5 0.5L0.5 5.5L10.5 5.5Z", fill: "currentColor" }))));
|
|
25745
|
-
})), r("tbody", { key: "
|
|
25740
|
+
})), r("tbody", { key: "b1794bf469839753599bca48a72153c8f53544e6" }, t.map((o, i) => r("tr", { class: "border-b border-gray-100 hover:bg-gray-50" }, o.map((a, l) => r("td", { class: "py-3 px-4 text-sm text-gray-900" }, this.multiselect && l === 0 ? r("label", { class: "flex items-center gap-2", htmlFor: `__xpl-table-row-${i}` }, r("input", { id: `__xpl-table-row-${i}`, checked: !!this.selected[i], type: "checkbox", onChange: (s) => this.selectOne(s, i), value: this.selectedValues.length > 0 ? this.selectedValues[i] : `xpl-table-checkbox-${i}` }), r("div", { innerHTML: a })) : r("div", { innerHTML: a }))))))), r("div", { key: "130cceed1d88934092f1a3a92a67d984b8bd465b", id: "pagination", class: "w-full flex items-center justify-between mt-6 text-sm" }, r("div", { key: "616ce36b0aa536f161eb9aa30b41acb18153208b", class: "flex items-center gap-2" }, r("button", { key: "10977dacc1cf364504c1cff031beb62a423f48be", onClick: () => this.handlePagination("first"), class: "p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50", disabled: this.currentPage === 1 }, r("svg", { key: "3e7fe6e2411178be935d7c210eb5c6cf081a2d54", class: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, r("path", { key: "167a9ccaac38d293a86ff3983e5d0d6a222c91b4", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M11 19l-7-7 7-7m8 14l-7-7 7-7" }))), r("button", { key: "9ee908d6b52468a365c7173e3e3367b7b1945061", onClick: () => this.handlePagination("prev"), class: "p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50", disabled: this.currentPage === 1 }, r("svg", { key: "286915694ecc0b480bf25e15baf3eb6423b68919", class: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, r("path", { key: "f6983747c83e973f777bcadb9045c53da5d10674", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" })))), r("span", { key: "1c619cd20140f8d73d461b4f2b661116b0059353", class: "text-gray-600" }, "Page ", this.currentPage, " of ", this.totalPages), r("div", { key: "1201039d99ac6d48f1075b36a602333dfe6d54e5", class: "flex items-center gap-2" }, r("button", { key: "828195335b1064d85f625f476b63da21ff37af71", onClick: () => this.handlePagination("next"), class: "p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50", disabled: this.currentPage === this.totalPages }, r("svg", { key: "7c2770e6e31871e8ded8b3831695f1f39bd5b7ec", class: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, r("path", { key: "2f260f911a89596b76826930f2d4c5f25aab180a", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" }))), r("button", { key: "aed318f01b51e8f78ab7b2d10543b00154970b0e", onClick: () => this.handlePagination("last"), class: "p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50", disabled: this.currentPage === this.totalPages }, r("svg", { key: "70e04a5ce5106d5c1b3c3f653d156608c03dc0f8", class: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, r("path", { key: "25d7d949b2aa75ce8d268d8a472becd75b9eb3cb", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M13 5l7 7-7 7M5 5l7 7-7 7" }))))))));
|
|
25746
25741
|
}
|
|
25747
25742
|
get el() {
|
|
25748
25743
|
return this;
|
|
@@ -26054,11 +26049,11 @@ ol.mdc-list.sc-xplor-text-bubble li.mdc-list-item.sc-xplor-text-bubble, ul.mdc-l
|
|
|
26054
26049
|
super(), this.__registerHost(), this.color = "orange";
|
|
26055
26050
|
}
|
|
26056
26051
|
render() {
|
|
26057
|
-
return r(b, { key: "
|
|
26052
|
+
return r(b, { key: "935620a5fe11efe0b04bb35b1f2a61782f628fef" }, r("div", { key: "54efffa810a98239e535863a74bbcaa13dddb01e", class: {
|
|
26058
26053
|
"text-bubble": !0,
|
|
26059
26054
|
"text-bubble--green": this.color === "green",
|
|
26060
26055
|
"text-bubble--orange": this.color === "orange"
|
|
26061
|
-
} }, r("slot", { key: "
|
|
26056
|
+
} }, r("slot", { key: "c44912756dc8798305a68fa9ef2496610e0b73dd" })));
|
|
26062
26057
|
}
|
|
26063
26058
|
static get style() {
|
|
26064
26059
|
return Kl;
|
|
@@ -27379,10 +27374,10 @@ ol.mdc-list.sc-xplor-text-field li.mdc-list-item.sc-xplor-text-field, ul.mdc-lis
|
|
|
27379
27374
|
}
|
|
27380
27375
|
render() {
|
|
27381
27376
|
const n = this.isFocused || this.hasValue;
|
|
27382
|
-
return r(b, { key: "
|
|
27377
|
+
return r(b, { key: "7f96fd0fd49e24f55f29c839ce949ed4852ccd09" }, r("div", { key: "a92aff2394b383f4e2189d239928b09e83df69c9", class: this.computedClasses }, r("div", { key: "80a9df3c874ba25b6d9072b01f113bd3615291de", class: "xplor-text-field__wrapper", style: { backgroundColor: this.bgColor } }, r("div", { key: "42de5abcd54384fd509d9788eb9534a1de2cc65a", class: "xplor-text-field__input-wrapper" }, this.label && r("label", { key: "4668b75b97b1e95c3817924bd8d3a9c1355ba7ab", class: {
|
|
27383
27378
|
"xplor-text-field__label": !0,
|
|
27384
27379
|
"xplor-text-field__label--floating": n
|
|
27385
|
-
} }, r("slot", { key: "
|
|
27380
|
+
} }, r("slot", { key: "c6f596aa30b8d263072a43f133bd2f049c22ed36", name: "label" }, this.label), this.required && r("span", { key: "4efc5c1726c5e0841502bb85726eb638391c60d1", class: "xplor-text-field__required" }, "*")), r("input", { key: "2f226f284910e76ecc23e6cc3416c32782678a73", ref: (t) => this.inputElement = t, class: "xplor-text-field__input", type: this.type, value: this.value, placeholder: this.isFocused ? this.placeholder : "", disabled: this.disabled, readonly: this.readonly, required: this.required, maxlength: this.maxlength, min: this.min, max: this.max, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-invalid": this.hasError ? "true" : "false", "aria-describedby": this.hasError ? "error-messages" : void 0 }), r("div", { key: "6068500f640c4144b8bbf1dcaaf8b216de9281c1", class: "xplor-text-field__append-inner" }, this.clearable && this.hasValue && !this.disabled && !this.readonly && r("button", { key: "94eedd8a810932066690bf5dc6613d54dc7377e6", type: "button", class: "xplor-text-field__clear-btn", onClick: this.handleClear, "aria-label": "Clear" }, r("svg", { key: "c325d1129f9987992183ffd1ce7e585e70fb3db3", width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor" }, r("path", { key: "02845166093ed8edc7670149cedb4e042d8626f4", d: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" }))), r("slot", { key: "af66e74670e30d12a5dc2f94bce768fc32a9716a", name: "append-inner" })), r("fieldset", { key: "3c4b60c284876a8c198d9a332db6fca5e9d91c81", class: "xplor-text-field__outline" }, r("legend", { key: "9d97a8b65d1787f5e8f4d0a4892fb9c85f839553", class: { "xplor-text-field__outline-legend": !0, "xplor-text-field__outline-legend--floating": n } }, n && this.label ? r("span", null, this.label, this.required && "*") : r("span", null, "")))), r("div", { key: "53440d0311b2147598fa1dbf241629d7ec401d82", class: "xplor-text-field__append" }, r("slot", { key: "71caef9c6e34db94282fcb36ee341477c7523023", name: "append" }))), this.showDetails && r("div", { key: "2b468deb8dabcd038e7728512cf68702cfad7d02", class: "xplor-text-field__details" }, this.hasError && r("div", { key: "103e96cac4c46e52bbb5700fc9c64fc3ef7dc114", id: "error-messages", class: "xplor-text-field__error-messages" }, this.errorMessages.map((t) => r("div", { class: "xplor-text-field__error" }, t))))));
|
|
27386
27381
|
}
|
|
27387
27382
|
get el() {
|
|
27388
27383
|
return this;
|
|
@@ -27958,16 +27953,16 @@ ol.mdc-list.sc-xplor-time-picker li.mdc-list-item.sc-xplor-time-picker, ul.mdc-l
|
|
|
27958
27953
|
return r("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, r("polyline", { points: "6 9 12 15 18 9" }));
|
|
27959
27954
|
}
|
|
27960
27955
|
render() {
|
|
27961
|
-
const n = this.hideDetails === !1 || this.hideDetails === "auto" && this.error, t = r("svg", { key: "
|
|
27962
|
-
return r(b, { key: "
|
|
27956
|
+
const n = this.hideDetails === !1 || this.hideDetails === "auto" && this.error, t = r("svg", { key: "17e815e14889cbd5a7b8d9f2fc7a119c38978245", class: "time-picker__icon-svg", viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, r("circle", { key: "f2dd15cf2d0e2dd5e83665b268729ad42bd2f691", cx: "12", cy: "12", r: "10" }), r("polyline", { key: "1a75a6347d834e0709e4dd44ad0afd32520615ff", points: "12 6 12 12 16 14" }));
|
|
27957
|
+
return r(b, { key: "0b7f26197f0e8a6b6b26aa07f623cc4a64ba0ea4" }, r("div", { key: "f6e15abeed537c65f0e690d44cd8ce8412426a23", class: {
|
|
27963
27958
|
"time-picker": !0,
|
|
27964
27959
|
"time-picker--disabled": this.disabled,
|
|
27965
27960
|
"time-picker--error": !!this.error,
|
|
27966
27961
|
"time-picker--open": this.isOpen
|
|
27967
|
-
} }, this.label && r("label", { key: "
|
|
27968
|
-
r("div", { key: "
|
|
27969
|
-
r("div", { key: "
|
|
27970
|
-
], r("div", { key: "
|
|
27962
|
+
} }, this.label && r("label", { key: "3a824d847af9373e93bb72026fddaa899633462f", class: "time-picker__label" }, this.label, this.required && r("span", { key: "70a02a316b6a610178d0d67912d285585f778d35", class: "time-picker__required" }, "*")), r("div", { key: "99f32b42a52ab84ad9399b5eebd4fc3dd52c03c7", class: "time-picker__field" }, r("input", { key: "48ad49c0173ebfebdb2cf328cd8658df40824068", type: "text", class: "time-picker__input", value: this.inputText, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onInput: this.handleInputChange, style: { backgroundColor: this.bgColor } }), r("div", { key: "375560c783c400b52bcf96ac3b14ac285ab26b40", class: "time-picker__actions" }, this.clearable && this.value && !this.disabled && !this.readonly && r("button", { key: "0716d483500bd91e0ae289568b6e22d80e667cd5", type: "button", class: "time-picker__clear", onClick: this.handleClear, "aria-label": "Clear" }, "×"), r("button", { key: "118766793e1c508c0acccc1b9a3ea486c4e2d1dc", type: "button", class: "time-picker__icon-btn", onClick: this.toggleDropdown, disabled: this.disabled, "aria-label": "Open time picker" }, t))), n && r("div", { key: "b758cd4077af9f46c95ae9aee64cca1610cc6246", class: "time-picker__details" }, this.error && r("div", { key: "37f5fe76dbb2c39147202e549ed24ceaf74da530", class: "time-picker__error-message" }, this.error)), this.isOpen && r("div", { key: "cad94d2b88058f488951c437e6a1c77601f7fc2e", class: "time-picker__dropdown" }, r("div", { key: "1a2a60fc179eeacaf4891a8e99cbb7d0a871686c", class: "time-picker__columns" }, r("div", { key: "e9b84703525a010884064c1b7a61f5db726b7dff", class: "time-picker__column" }, r("button", { key: "155f2c76f63b8ad0be071456fc1ac8ed36c28912", type: "button", class: "time-picker__spinner-btn", onClick: this.incrementHours, "aria-label": "Increase hours" }, this.renderChevronUp()), r("div", { key: "6f49e3b3ebed597ef27b61e0144bf65f288620a8", class: "time-picker__value" }, String(this.hours).padStart(2, "0")), r("button", { key: "7d14a1f6dd7ab392a76d936e054ca3c308da7666", type: "button", class: "time-picker__spinner-btn", onClick: this.decrementHours, "aria-label": "Decrease hours" }, this.renderChevronDown())), r("div", { key: "9244f886b97f2ae29e71ada6070b75bcec71e22b", class: "time-picker__separator" }, ":"), r("div", { key: "34a8f59c8fa8486c947e0d6079b6df773a86f187", class: "time-picker__column" }, r("button", { key: "f996fa4638ae84bbcd3bce34c0c40669021a0e61", type: "button", class: "time-picker__spinner-btn", onClick: this.incrementMinutes, "aria-label": "Increase minutes" }, this.renderChevronUp()), r("div", { key: "161581c941572a3d0390b0efdbbf6c24e0ca4830", class: "time-picker__value" }, String(this.minutes).padStart(2, "0")), r("button", { key: "9fa3ee821b78caf94b388b335980ab7cc28110a5", type: "button", class: "time-picker__spinner-btn", onClick: this.decrementMinutes, "aria-label": "Decrease minutes" }, this.renderChevronDown())), this.showSeconds && [
|
|
27963
|
+
r("div", { key: "4362983fe6d9ce187354b5423ff352ac13ee8917", class: "time-picker__separator" }, ":"),
|
|
27964
|
+
r("div", { key: "8dda8c23ab9774bd946136054c537dd0adb8e45b", class: "time-picker__column" }, r("button", { key: "40338612d17dc3a8cf323e6c29942cb0cc0233c7", type: "button", class: "time-picker__spinner-btn", onClick: this.incrementSeconds, "aria-label": "Increase seconds" }, this.renderChevronUp()), r("div", { key: "ff2d19c8f91070d5b53264266ff6541924613c38", class: "time-picker__value" }, String(this.seconds).padStart(2, "0")), r("button", { key: "985894586447b8e62c4c7c4075cfae8f8cc2eacf", type: "button", class: "time-picker__spinner-btn", onClick: this.decrementSeconds, "aria-label": "Decrease seconds" }, this.renderChevronDown()))
|
|
27965
|
+
], r("div", { key: "22ea57820f5e2fb0beea1f2302efc009daf9b687", class: "time-picker__column time-picker__column--period" }, r("button", { key: "2d9bd33e505e980debd0fc692ddf072b3bb3eacd", type: "button", class: "time-picker__spinner-btn", onClick: this.togglePeriod, "aria-label": "Toggle AM/PM" }, this.renderChevronUp()), r("div", { key: "d7540347cfa54e16f25e506701d1f1ff03452537", class: "time-picker__value time-picker__value--period" }, this.period), r("button", { key: "31b927a17b3be2749ac62968539fb7873bcd2f0e", type: "button", class: "time-picker__spinner-btn", onClick: this.togglePeriod, "aria-label": "Toggle AM/PM" }, this.renderChevronDown()))))));
|
|
27971
27966
|
}
|
|
27972
27967
|
get el() {
|
|
27973
27968
|
return this;
|