@xplor-education/react-wrappers 3.0.0 → 3.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.cjs +106 -57
- package/dist/components.js +239 -188
- 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;
|
|
@@ -21684,12 +21679,6 @@ ol.mdc-list.sc-xplor-input-text-area li.mdc-list-item.sc-xplor-input-text-area,
|
|
|
21684
21679
|
.xplor-input-text-area.sc-xplor-input-text-area {
|
|
21685
21680
|
display: flex;
|
|
21686
21681
|
flex-direction: column;
|
|
21687
|
-
gap: 0.25rem;
|
|
21688
|
-
}
|
|
21689
|
-
.xplor-input-text-area__label.sc-xplor-input-text-area {
|
|
21690
|
-
font-size: 0.875rem;
|
|
21691
|
-
color: rgba(0, 0, 0, 0.6);
|
|
21692
|
-
margin-bottom: 0.25rem;
|
|
21693
21682
|
}
|
|
21694
21683
|
.xplor-input-text-area__required.sc-xplor-input-text-area {
|
|
21695
21684
|
color: #d32f2f;
|
|
@@ -21700,6 +21689,20 @@ ol.mdc-list.sc-xplor-input-text-area li.mdc-list-item.sc-xplor-input-text-area,
|
|
|
21700
21689
|
display: flex;
|
|
21701
21690
|
align-items: flex-start;
|
|
21702
21691
|
}
|
|
21692
|
+
.xplor-input-text-area__label.sc-xplor-input-text-area {
|
|
21693
|
+
position: absolute;
|
|
21694
|
+
left: 1rem;
|
|
21695
|
+
top: 0.875rem;
|
|
21696
|
+
font-size: 1rem;
|
|
21697
|
+
color: rgba(0, 0, 0, 0.6);
|
|
21698
|
+
pointer-events: none;
|
|
21699
|
+
padding: 0 0.25rem;
|
|
21700
|
+
transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
21701
|
+
max-width: calc(100% - 2rem);
|
|
21702
|
+
overflow: hidden;
|
|
21703
|
+
text-overflow: ellipsis;
|
|
21704
|
+
white-space: nowrap;
|
|
21705
|
+
}
|
|
21703
21706
|
.xplor-input-text-area__input.sc-xplor-input-text-area {
|
|
21704
21707
|
width: 100%;
|
|
21705
21708
|
padding: 0.875rem 1rem;
|
|
@@ -21710,18 +21713,13 @@ ol.mdc-list.sc-xplor-input-text-area li.mdc-list-item.sc-xplor-input-text-area,
|
|
|
21710
21713
|
outline: none;
|
|
21711
21714
|
resize: vertical;
|
|
21712
21715
|
min-height: 56px;
|
|
21713
|
-
transition: border-color 0.
|
|
21716
|
+
transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
21714
21717
|
}
|
|
21715
21718
|
.xplor-input-text-area__input.sc-xplor-input-text-area::placeholder {
|
|
21716
21719
|
color: rgba(0, 0, 0, 0.38);
|
|
21717
21720
|
}
|
|
21718
21721
|
.xplor-input-text-area__input.sc-xplor-input-text-area:hover:not(:disabled) {
|
|
21719
|
-
border-color: rgba(0, 0, 0, 0.
|
|
21720
|
-
}
|
|
21721
|
-
.xplor-input-text-area__input.sc-xplor-input-text-area:focus {
|
|
21722
|
-
border-color: #008480;
|
|
21723
|
-
border-width: 2px;
|
|
21724
|
-
padding: calc(0.875rem - 1px) calc(1rem - 1px);
|
|
21722
|
+
border-color: rgba(0, 0, 0, 0.87);
|
|
21725
21723
|
}
|
|
21726
21724
|
.xplor-input-text-area__input.sc-xplor-input-text-area:disabled {
|
|
21727
21725
|
background-color: rgba(0, 0, 0, 0.04);
|
|
@@ -21754,9 +21752,32 @@ ol.mdc-list.sc-xplor-input-text-area li.mdc-list-item.sc-xplor-input-text-area,
|
|
|
21754
21752
|
.xplor-input-text-area__clear.sc-xplor-input-text-area:active {
|
|
21755
21753
|
background-color: rgba(0, 0, 0, 0.08);
|
|
21756
21754
|
}
|
|
21755
|
+
.xplor-input-text-area--floating.sc-xplor-input-text-area .xplor-input-text-area__label.sc-xplor-input-text-area {
|
|
21756
|
+
top: 0;
|
|
21757
|
+
transform: translateY(-50%);
|
|
21758
|
+
font-size: 0.75rem;
|
|
21759
|
+
}
|
|
21760
|
+
.xplor-input-text-area--focused.sc-xplor-input-text-area .xplor-input-text-area__input.sc-xplor-input-text-area {
|
|
21761
|
+
border-color: #008480;
|
|
21762
|
+
border-width: 2px;
|
|
21763
|
+
padding: calc(0.875rem - 1px) calc(1rem - 1px);
|
|
21764
|
+
}
|
|
21765
|
+
.xplor-input-text-area--focused.sc-xplor-input-text-area .xplor-input-text-area__label.sc-xplor-input-text-area {
|
|
21766
|
+
color: #008480;
|
|
21767
|
+
}
|
|
21757
21768
|
.xplor-input-text-area--error.sc-xplor-input-text-area .xplor-input-text-area__input.sc-xplor-input-text-area {
|
|
21758
21769
|
border-color: #d32f2f;
|
|
21759
21770
|
}
|
|
21771
|
+
.xplor-input-text-area--error.sc-xplor-input-text-area .xplor-input-text-area__label.sc-xplor-input-text-area {
|
|
21772
|
+
color: #d32f2f;
|
|
21773
|
+
}
|
|
21774
|
+
.xplor-input-text-area--error.xplor-input-text-area--focused.sc-xplor-input-text-area .xplor-input-text-area__input.sc-xplor-input-text-area {
|
|
21775
|
+
border-color: #d32f2f;
|
|
21776
|
+
border-width: 2px;
|
|
21777
|
+
}
|
|
21778
|
+
.xplor-input-text-area--disabled.sc-xplor-input-text-area .xplor-input-text-area__label.sc-xplor-input-text-area {
|
|
21779
|
+
color: rgba(0, 0, 0, 0.38);
|
|
21780
|
+
}
|
|
21760
21781
|
.xplor-input-text-area__details.sc-xplor-input-text-area {
|
|
21761
21782
|
min-height: 1.25rem;
|
|
21762
21783
|
padding: 0 1rem;
|
|
@@ -21782,15 +21803,16 @@ const rt = /* @__PURE__ */ v(class extends y {
|
|
|
21782
21803
|
};
|
|
21783
21804
|
}
|
|
21784
21805
|
render() {
|
|
21785
|
-
const n = {
|
|
21806
|
+
const n = this.value != null && this.value !== "", t = this.isFocused || n, o = {
|
|
21786
21807
|
"xplor-input-text-area": !0,
|
|
21787
21808
|
"xplor-input-text-area--focused": this.isFocused,
|
|
21809
|
+
"xplor-input-text-area--floating": t,
|
|
21788
21810
|
"xplor-input-text-area--disabled": this.disabled,
|
|
21789
21811
|
"xplor-input-text-area--error": !!this.error
|
|
21790
|
-
},
|
|
21791
|
-
return r(b, { key: "
|
|
21812
|
+
}, i = this.clearable && this.value && !this.readonly && !this.disabled, a = this.hideDetails === !1 || this.hideDetails === "auto" && (this.error || this.helperText);
|
|
21813
|
+
return r(b, { key: "03e7821b3945d7d8e00a5ce1551a6b26d21001fa" }, r("div", { key: "36f0e99d90b1adb5cb38a8ca8d987511569b39e6", class: o }, r("div", { key: "7f8880ab17fdfd446f7bf08dc3db46584cb5419e", class: "xplor-input-text-area__field" }, r("textarea", { key: "fd8941771e1378818d9b668315013fa66ed49c78", id: this.inputId, class: "xplor-input-text-area__input", value: this.value, placeholder: t ? 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
21814
|
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 }),
|
|
21815
|
+
}, "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 }), this.label && r("label", { key: "6df4ae89eff4ff09d6b2e09a9c002c60d1ca8b27", class: "xplor-input-text-area__label", htmlFor: this.inputId, style: { backgroundColor: this.bgColor } }, this.label, this.required && r("span", { key: "d5e01ae02bdd95ba101f4e335c01557d0c49247b", class: "xplor-input-text-area__required" }, "*")), i && r("button", { key: "e38945bc2f3e46d0583d2c28e0b03d659eb4887a", type: "button", class: "xplor-input-text-area__clear", onClick: this.handleClear, "aria-label": "Clear" }, "✕")), a && r("div", { key: "e9deb3dfb6d8fbe9e677cf726c21bcee9b7cf5e5", class: "xplor-input-text-area__details" }, this.error && r("div", { key: "cdb4c09dd0e9b2e5f71e10b01b7662d6cbfe5fe9", class: "xplor-input-text-area__error-message", id: this.errorId }, this.error), !this.error && this.helperText && r("div", { key: "baa31eb60d09957f394f839f86bca1d1d90e9d9c", class: "xplor-input-text-area__helper-text", id: this.helperId }, this.helperText))));
|
|
21794
21816
|
}
|
|
21795
21817
|
static get style() {
|
|
21796
21818
|
return Za;
|
|
@@ -22166,9 +22188,9 @@ const ot = /* @__PURE__ */ v(class extends y {
|
|
|
22166
22188
|
"input-secondary--error": !!this.error,
|
|
22167
22189
|
"input-secondary--dirty": this.isDirty
|
|
22168
22190
|
}, t = this.hideDetails === !1 || this.hideDetails === "auto" && (this.error || this.helperText);
|
|
22169
|
-
return r(b, { key: "
|
|
22191
|
+
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
22192
|
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: "
|
|
22193
|
+
}, "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
22194
|
}
|
|
22173
22195
|
static get style() {
|
|
22174
22196
|
return tl;
|
|
@@ -22456,12 +22478,6 @@ ol.mdc-list.sc-xplor-input-text li.mdc-list-item.sc-xplor-input-text, ul.mdc-lis
|
|
|
22456
22478
|
.xplor-input-text.sc-xplor-input-text {
|
|
22457
22479
|
display: flex;
|
|
22458
22480
|
flex-direction: column;
|
|
22459
|
-
gap: 0.25rem;
|
|
22460
|
-
}
|
|
22461
|
-
.xplor-input-text__label.sc-xplor-input-text {
|
|
22462
|
-
font-size: 0.875rem;
|
|
22463
|
-
color: rgba(0, 0, 0, 0.6);
|
|
22464
|
-
margin-bottom: 0.25rem;
|
|
22465
22481
|
}
|
|
22466
22482
|
.xplor-input-text__required.sc-xplor-input-text {
|
|
22467
22483
|
color: #d32f2f;
|
|
@@ -22472,6 +22488,21 @@ ol.mdc-list.sc-xplor-input-text li.mdc-list-item.sc-xplor-input-text, ul.mdc-lis
|
|
|
22472
22488
|
display: flex;
|
|
22473
22489
|
align-items: center;
|
|
22474
22490
|
}
|
|
22491
|
+
.xplor-input-text__label.sc-xplor-input-text {
|
|
22492
|
+
position: absolute;
|
|
22493
|
+
left: 1rem;
|
|
22494
|
+
top: 50%;
|
|
22495
|
+
transform: translateY(-50%);
|
|
22496
|
+
font-size: 1rem;
|
|
22497
|
+
color: rgba(0, 0, 0, 0.6);
|
|
22498
|
+
pointer-events: none;
|
|
22499
|
+
padding: 0 0.25rem;
|
|
22500
|
+
transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
22501
|
+
max-width: calc(100% - 2rem);
|
|
22502
|
+
overflow: hidden;
|
|
22503
|
+
text-overflow: ellipsis;
|
|
22504
|
+
white-space: nowrap;
|
|
22505
|
+
}
|
|
22475
22506
|
.xplor-input-text__input.sc-xplor-input-text {
|
|
22476
22507
|
width: 100%;
|
|
22477
22508
|
padding: 0.875rem 1rem;
|
|
@@ -22480,18 +22511,14 @@ ol.mdc-list.sc-xplor-input-text li.mdc-list-item.sc-xplor-input-text, ul.mdc-lis
|
|
|
22480
22511
|
border: 1px solid rgba(0, 0, 0, 0.23);
|
|
22481
22512
|
border-radius: 1rem;
|
|
22482
22513
|
outline: none;
|
|
22483
|
-
transition: border-color 0.
|
|
22514
|
+
transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
22515
|
+
min-height: 3rem;
|
|
22484
22516
|
}
|
|
22485
22517
|
.xplor-input-text__input.sc-xplor-input-text::placeholder {
|
|
22486
22518
|
color: rgba(0, 0, 0, 0.38);
|
|
22487
22519
|
}
|
|
22488
22520
|
.xplor-input-text__input.sc-xplor-input-text:hover:not(:disabled) {
|
|
22489
|
-
border-color: rgba(0, 0, 0, 0.
|
|
22490
|
-
}
|
|
22491
|
-
.xplor-input-text__input.sc-xplor-input-text:focus {
|
|
22492
|
-
border-color: #008480;
|
|
22493
|
-
border-width: 2px;
|
|
22494
|
-
padding: calc(0.875rem - 1px) calc(1rem - 1px);
|
|
22521
|
+
border-color: rgba(0, 0, 0, 0.87);
|
|
22495
22522
|
}
|
|
22496
22523
|
.xplor-input-text__input.sc-xplor-input-text:disabled {
|
|
22497
22524
|
background-color: rgba(0, 0, 0, 0.04);
|
|
@@ -22501,9 +22528,32 @@ ol.mdc-list.sc-xplor-input-text li.mdc-list-item.sc-xplor-input-text, ul.mdc-lis
|
|
|
22501
22528
|
.xplor-input-text__input.sc-xplor-input-text:read-only {
|
|
22502
22529
|
background-color: rgba(0, 0, 0, 0.04);
|
|
22503
22530
|
}
|
|
22531
|
+
.xplor-input-text--floating.sc-xplor-input-text .xplor-input-text__label.sc-xplor-input-text {
|
|
22532
|
+
top: 0;
|
|
22533
|
+
transform: translateY(-50%);
|
|
22534
|
+
font-size: 0.75rem;
|
|
22535
|
+
}
|
|
22536
|
+
.xplor-input-text--focused.sc-xplor-input-text .xplor-input-text__input.sc-xplor-input-text {
|
|
22537
|
+
border-color: #008480;
|
|
22538
|
+
border-width: 2px;
|
|
22539
|
+
padding: calc(0.875rem - 1px) calc(1rem - 1px);
|
|
22540
|
+
}
|
|
22541
|
+
.xplor-input-text--focused.sc-xplor-input-text .xplor-input-text__label.sc-xplor-input-text {
|
|
22542
|
+
color: #008480;
|
|
22543
|
+
}
|
|
22504
22544
|
.xplor-input-text--error.sc-xplor-input-text .xplor-input-text__input.sc-xplor-input-text {
|
|
22505
22545
|
border-color: #d32f2f;
|
|
22506
22546
|
}
|
|
22547
|
+
.xplor-input-text--error.sc-xplor-input-text .xplor-input-text__label.sc-xplor-input-text {
|
|
22548
|
+
color: #d32f2f;
|
|
22549
|
+
}
|
|
22550
|
+
.xplor-input-text--error.xplor-input-text--focused.sc-xplor-input-text .xplor-input-text__input.sc-xplor-input-text {
|
|
22551
|
+
border-color: #d32f2f;
|
|
22552
|
+
border-width: 2px;
|
|
22553
|
+
}
|
|
22554
|
+
.xplor-input-text--disabled.sc-xplor-input-text .xplor-input-text__label.sc-xplor-input-text {
|
|
22555
|
+
color: rgba(0, 0, 0, 0.38);
|
|
22556
|
+
}
|
|
22507
22557
|
.xplor-input-text__details.sc-xplor-input-text {
|
|
22508
22558
|
min-height: 1.25rem;
|
|
22509
22559
|
padding: 0 1rem;
|
|
@@ -22531,15 +22581,16 @@ const it = /* @__PURE__ */ v(class extends y {
|
|
|
22531
22581
|
};
|
|
22532
22582
|
}
|
|
22533
22583
|
render() {
|
|
22534
|
-
const n = {
|
|
22584
|
+
const n = this.value != null && this.value !== "", t = this.isFocused || n, o = {
|
|
22535
22585
|
"xplor-input-text": !0,
|
|
22536
22586
|
"xplor-input-text--focused": this.isFocused,
|
|
22587
|
+
"xplor-input-text--floating": t,
|
|
22537
22588
|
"xplor-input-text--disabled": this.disabled,
|
|
22538
22589
|
"xplor-input-text--error": !!this.error
|
|
22539
|
-
},
|
|
22540
|
-
return r(b, { key: "
|
|
22590
|
+
}, i = this.hideDetails === !1 || this.hideDetails === "auto" && (this.error || this.helperText);
|
|
22591
|
+
return r(b, { key: "ad1ea36a553bd5e2f5f20c22d890bfad0c26acb3" }, r("div", { key: "e4c0a0a4c63b1a5c8396004e79274b67ecf739eb", class: o }, r("div", { key: "fae83f51d4cce2ff16c4a62c18ca824c6fa3dca8", class: "xplor-input-text__field" }, r("input", { key: "333a51d2b0be3015c8ea73f968c15af7932c60b5", id: this.inputId, type: this.type, class: "xplor-input-text__input", value: this.value, placeholder: t ? 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
22592
|
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: "
|
|
22593
|
+
}, "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 }), this.label && r("label", { key: "0b09ac4c387ebbab0ff3f347af7f9d9f3c4eecee", class: "xplor-input-text__label", htmlFor: this.inputId, style: { backgroundColor: this.bgColor } }, this.label, this.required && r("span", { key: "df37f253d33b836f4c3d314c91dcd175afaa78ea", class: "xplor-input-text__required" }, "*")), r("slot", { key: "3a45420f690eb79f22788a26e2b3dcb3b72c4a55", name: "append-inner" })), i && r("div", { key: "4b9ab78e1362a44e9d9f0297424b8069a3f69840", class: "xplor-input-text__details" }, this.error && r("div", { key: "eb69eade9944edb5f088b279603d6c98800122a2", class: "xplor-input-text__error-message", id: this.errorId }, this.error), !this.error && this.helperText && r("div", { key: "433ad514edd52b3eb544fd1f5ec7e0ab96fae3b1", class: "xplor-input-text__helper-text", id: this.helperId }, this.helperText)), r("slot", { key: "05881a3abae9226639eb0ffe646f9bd5cd92343c", name: "append" })));
|
|
22543
22594
|
}
|
|
22544
22595
|
static get style() {
|
|
22545
22596
|
return ll;
|
|
@@ -22866,7 +22917,7 @@ ol.mdc-list.sc-xplor-input-title li.mdc-list-item.sc-xplor-input-title, ul.mdc-l
|
|
|
22866
22917
|
};
|
|
22867
22918
|
}
|
|
22868
22919
|
render() {
|
|
22869
|
-
return r(b, { key: "
|
|
22920
|
+
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
22921
|
}
|
|
22871
22922
|
static get style() {
|
|
22872
22923
|
return gl;
|
|
@@ -22894,7 +22945,7 @@ const ml = at, hl = xl, bl = ":host{display:block}.x-link{display:block;padding:
|
|
|
22894
22945
|
super(), this.__registerHost(), this.__attachShadow(), this.imageAlt = "";
|
|
22895
22946
|
}
|
|
22896
22947
|
render() {
|
|
22897
|
-
return r(b, { key: "
|
|
22948
|
+
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
22949
|
}
|
|
22899
22950
|
static get style() {
|
|
22900
22951
|
return bl;
|
|
@@ -23380,7 +23431,7 @@ const ct = /* @__PURE__ */ v(class extends y {
|
|
|
23380
23431
|
super(), this.__registerHost(), this.xplorClose = m(this, "xplorClose"), this.open = !1, this.width = "600px", this.maxWidth = "90%", this.maxHeight = "90%", this.loading = !1;
|
|
23381
23432
|
}
|
|
23382
23433
|
render() {
|
|
23383
|
-
return r(b, { key: "
|
|
23434
|
+
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
23435
|
}
|
|
23385
23436
|
}, [4, "xplor-modal-persistent", {
|
|
23386
23437
|
open: [4],
|
|
@@ -24199,10 +24250,10 @@ ul.mdc-list li.mdc-list-item {
|
|
|
24199
24250
|
return n ? Array.from(n.querySelectorAll(`xplor-radio-btn[name="${this.name}"]`)).filter((o) => o !== this.el) : [];
|
|
24200
24251
|
}
|
|
24201
24252
|
render() {
|
|
24202
|
-
return r("label", { key: "
|
|
24253
|
+
return r("label", { key: "305a0c3d610686e8c11180c15db8d1ce4ca98c60", class: {
|
|
24203
24254
|
"radio-wrapper": !0,
|
|
24204
24255
|
"radio-wrapper--disabled": this.disabled
|
|
24205
|
-
} }, r("div", { key: "
|
|
24256
|
+
} }, 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
24257
|
}
|
|
24207
24258
|
get el() {
|
|
24208
24259
|
return this;
|
|
@@ -25303,11 +25354,11 @@ ol.mdc-list.sc-xplor-section-card li.mdc-list-item.sc-xplor-section-card, ul.mdc
|
|
|
25303
25354
|
super(), this.__registerHost(), this.outlined = !0, this.rounded = !0, this.padding = "1.5rem";
|
|
25304
25355
|
}
|
|
25305
25356
|
render() {
|
|
25306
|
-
return r(b, { key: "
|
|
25357
|
+
return r(b, { key: "f0bb8af2883a5441f3e325c4267ad3cec5716c9a" }, r("div", { key: "a7611e3f28ca8d84782146adb2b906c789f4a338", class: {
|
|
25307
25358
|
"section-card": !0,
|
|
25308
25359
|
"section-card--outlined": this.outlined,
|
|
25309
25360
|
"section-card--rounded": this.rounded
|
|
25310
|
-
}, style: { padding: this.padding } }, r("slot", { key: "
|
|
25361
|
+
}, 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
25362
|
}
|
|
25312
25363
|
static get style() {
|
|
25313
25364
|
return Ml;
|
|
@@ -25600,11 +25651,11 @@ ol.mdc-list.sc-xplor-section-heading li.mdc-list-item.sc-xplor-section-heading,
|
|
|
25600
25651
|
}
|
|
25601
25652
|
render() {
|
|
25602
25653
|
const n = `h${this.level}`;
|
|
25603
|
-
return r(b, { key: "
|
|
25654
|
+
return r(b, { key: "8d792fa1f7111c3de496e616c6c0d59a9f3bff0d" }, r(n, { key: "56cc9b857b645d2b6de1d9b736b77c47011bc0aa", class: {
|
|
25604
25655
|
"section-heading": !0,
|
|
25605
25656
|
"section-heading--small": this.size === "small",
|
|
25606
25657
|
"section-heading--large": this.size === "large"
|
|
25607
|
-
} }, r("slot", { key: "
|
|
25658
|
+
} }, r("slot", { key: "c5820f563cbb67872c43018493553d9f1fe703f3" }, this.text)));
|
|
25608
25659
|
}
|
|
25609
25660
|
static get style() {
|
|
25610
25661
|
return Ol;
|
|
@@ -25718,14 +25769,14 @@ const jl = mt, Hl = Pl, Rl = (e) => {
|
|
|
25718
25769
|
let n = "xpl-table";
|
|
25719
25770
|
this.striped && (n += " xpl-table--striped"), this.freeze && (n += " xpl-table--freeze"), this.hasScrolled && (n += " xpl-table--has-scrolled");
|
|
25720
25771
|
const t = this.getPaginatedData();
|
|
25721
|
-
return r(b, { key: "
|
|
25772
|
+
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
25773
|
this.container = o;
|
|
25723
|
-
} }, r("div", { key: "
|
|
25724
|
-
key: "
|
|
25774
|
+
} }, 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", {
|
|
25775
|
+
key: "bf158ae8de2d8350cb4a17882e876374f56d1191",
|
|
25725
25776
|
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
25777
|
// value={this.selectedDateRange}
|
|
25727
25778
|
onInput: this.handleDateRangeChange
|
|
25728
|
-
}, r("option", { key: "
|
|
25779
|
+
}, 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
25780
|
const a = Rl(this.sortTypeArray[i]), l = !!(this.isSortable && this.sortableColumns[i]);
|
|
25730
25781
|
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
25782
|
s.preventDefault(), s.stopPropagation(), l && this.sortBy(i);
|
|
@@ -25742,7 +25793,7 @@ const jl = mt, Hl = Pl, Rl = (e) => {
|
|
|
25742
25793
|
value: `select-all-${this.selectAllValue}`,
|
|
25743
25794
|
"aria-label": "Select all rows"
|
|
25744
25795
|
}), 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: "
|
|
25796
|
+
})), 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
25797
|
}
|
|
25747
25798
|
get el() {
|
|
25748
25799
|
return this;
|
|
@@ -26054,11 +26105,11 @@ ol.mdc-list.sc-xplor-text-bubble li.mdc-list-item.sc-xplor-text-bubble, ul.mdc-l
|
|
|
26054
26105
|
super(), this.__registerHost(), this.color = "orange";
|
|
26055
26106
|
}
|
|
26056
26107
|
render() {
|
|
26057
|
-
return r(b, { key: "
|
|
26108
|
+
return r(b, { key: "935620a5fe11efe0b04bb35b1f2a61782f628fef" }, r("div", { key: "54efffa810a98239e535863a74bbcaa13dddb01e", class: {
|
|
26058
26109
|
"text-bubble": !0,
|
|
26059
26110
|
"text-bubble--green": this.color === "green",
|
|
26060
26111
|
"text-bubble--orange": this.color === "orange"
|
|
26061
|
-
} }, r("slot", { key: "
|
|
26112
|
+
} }, r("slot", { key: "c44912756dc8798305a68fa9ef2496610e0b73dd" })));
|
|
26062
26113
|
}
|
|
26063
26114
|
static get style() {
|
|
26064
26115
|
return Kl;
|
|
@@ -27379,10 +27430,10 @@ ol.mdc-list.sc-xplor-text-field li.mdc-list-item.sc-xplor-text-field, ul.mdc-lis
|
|
|
27379
27430
|
}
|
|
27380
27431
|
render() {
|
|
27381
27432
|
const n = this.isFocused || this.hasValue;
|
|
27382
|
-
return r(b, { key: "
|
|
27433
|
+
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
27434
|
"xplor-text-field__label": !0,
|
|
27384
27435
|
"xplor-text-field__label--floating": n
|
|
27385
|
-
} }, r("slot", { key: "
|
|
27436
|
+
} }, 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
27437
|
}
|
|
27387
27438
|
get el() {
|
|
27388
27439
|
return this;
|
|
@@ -27958,16 +28009,16 @@ ol.mdc-list.sc-xplor-time-picker li.mdc-list-item.sc-xplor-time-picker, ul.mdc-l
|
|
|
27958
28009
|
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
28010
|
}
|
|
27960
28011
|
render() {
|
|
27961
|
-
const n = this.hideDetails === !1 || this.hideDetails === "auto" && this.error, t = r("svg", { key: "
|
|
27962
|
-
return r(b, { key: "
|
|
28012
|
+
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" }));
|
|
28013
|
+
return r(b, { key: "0b7f26197f0e8a6b6b26aa07f623cc4a64ba0ea4" }, r("div", { key: "f6e15abeed537c65f0e690d44cd8ce8412426a23", class: {
|
|
27963
28014
|
"time-picker": !0,
|
|
27964
28015
|
"time-picker--disabled": this.disabled,
|
|
27965
28016
|
"time-picker--error": !!this.error,
|
|
27966
28017
|
"time-picker--open": this.isOpen
|
|
27967
|
-
} }, this.label && r("label", { key: "
|
|
27968
|
-
r("div", { key: "
|
|
27969
|
-
r("div", { key: "
|
|
27970
|
-
], r("div", { key: "
|
|
28018
|
+
} }, 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 && [
|
|
28019
|
+
r("div", { key: "4362983fe6d9ce187354b5423ff352ac13ee8917", class: "time-picker__separator" }, ":"),
|
|
28020
|
+
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()))
|
|
28021
|
+
], 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
28022
|
}
|
|
27972
28023
|
get el() {
|
|
27973
28024
|
return this;
|