@webority/ui-react 0.93.0 → 0.94.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/canvas-kit/kit.js +525 -460
- package/dist/canvas-kit/manifest.json +19 -3
- package/dist/canvas-kit/release.json +6 -6
- package/dist/components/AppCompareTable.js +1 -1
- package/dist/components/AppKanban.js +1 -1
- package/dist/components/AppNumberInput.js +1 -1
- package/dist/components/AppSectionHero.js +1 -1
- package/dist/components/AppSelect.js +1 -1
- package/dist/guidance.json +1 -1
- package/dist/lib/sectionShell.js +1 -1
- package/dist/lib/shellCookie.js +1 -1
- package/dist/types/components/AppNumberInput.d.ts +3 -3
- package/dist/types/components/AppSectionHero.d.ts +3 -0
- package/dist/types/components/AppSelect.d.ts +2 -2
- package/dist/types/lib/sectionShell.d.ts +3 -1
- package/dist/types/lib/shellCookie.d.ts +2 -2
- package/package.json +5 -5
package/dist/canvas-kit/kit.js
CHANGED
|
@@ -62867,7 +62867,9 @@ function iWe({ comment: e, topLevel: r = !1, readOnly: i }) {
|
|
|
62867
62867
|
//#endregion
|
|
62868
62868
|
//#region dist/components/AppCompareTable.js
|
|
62869
62869
|
function aWe(e) {
|
|
62870
|
-
let { columns: r
|
|
62870
|
+
let { columns: r, rows: i, caption: a, className: o = "", ...s } = e;
|
|
62871
|
+
if (!Array.isArray(r)) throw Error("<AppCompareTable> columns is required: pass the feature-name column, then one per option.");
|
|
62872
|
+
if (!Array.isArray(i)) throw Error("<AppCompareTable> rows is required: pass one row per capability.");
|
|
62871
62873
|
U("AppCompareTable", s);
|
|
62872
62874
|
let c = (e) => e === !0 ? t("span", {
|
|
62873
62875
|
className: "compare-yes",
|
|
@@ -85899,7 +85901,11 @@ var TXe = [
|
|
|
85899
85901
|
"sm",
|
|
85900
85902
|
"lg",
|
|
85901
85903
|
"xl"
|
|
85902
|
-
], EXe = [
|
|
85904
|
+
], EXe = [
|
|
85905
|
+
"off",
|
|
85906
|
+
"border",
|
|
85907
|
+
"above"
|
|
85908
|
+
], DXe = (e, t) => ({
|
|
85903
85909
|
value: e.value,
|
|
85904
85910
|
label: t,
|
|
85905
85911
|
icon: e.icon
|
|
@@ -85980,7 +85986,7 @@ var TXe = [
|
|
|
85980
85986
|
]
|
|
85981
85987
|
}),
|
|
85982
85988
|
re ? n("div", {
|
|
85983
|
-
className: "field-float",
|
|
85989
|
+
className: _ === "above" ? "field-float wui-float-above" : "field-float",
|
|
85984
85990
|
children: [le, n("label", {
|
|
85985
85991
|
className: "float-label",
|
|
85986
85992
|
htmlFor: ne,
|
|
@@ -88375,7 +88381,9 @@ Hs("wui-kanban", class extends Us {
|
|
|
88375
88381
|
//#region dist/components/AppKanban.js
|
|
88376
88382
|
var $Qe = (e) => e.key ?? e.id, e$e = (e) => e.column, t$e = ["rupees", "paise"], n$e = ["inline", "stacked"];
|
|
88377
88383
|
function r$e(e) {
|
|
88378
|
-
let { columns: r
|
|
88384
|
+
let { columns: r, cards: i, renderCard: a, renderColumnActions: o, getCardKey: s = $Qe, getCardColumn: c = e$e, getCardValue: l, cardLabel: u, isCardLocked: d, onLocked: f, onMove: p, accept: g, filter: _, boardId: v, ariaLabel: b = "Board", emptyText: C = MZ.empty, readOnly: w = !1, swipeHint: T = !1, fill: E = !1, columnWidth: D, fillOffset: O, activeCardKey: k, headLayout: A = "inline", summaryFormat: j, summaryUnit: M, className: N = "", id: P, ...F } = e;
|
|
88385
|
+
if (!Array.isArray(r)) throw Error("<AppKanban> columns is required: pass the board's stage columns.");
|
|
88386
|
+
if (!Array.isArray(i)) throw Error("<AppKanban> cards is required: pass the cards, an empty array for an empty board.");
|
|
88379
88387
|
U("AppKanban", F), H("AppKanban", "summaryFormat", j, jZ), H("AppKanban", "summaryUnit", M, t$e), H("AppKanban", "headLayout", A, n$e);
|
|
88380
88388
|
for (let e of r) H("AppKanban", "columns[].tone", e.tone, MQe);
|
|
88381
88389
|
let I = h(), L = P || `kanban-${I.replace(/[^a-zA-Z0-9_-]/g, "")}`, R = x(null), [ee, te] = S(() => /* @__PURE__ */ new Map()), [z, ne] = S(() => /* @__PURE__ */ new Set()), [re, ie] = S(() => /* @__PURE__ */ new Set()), ae = y(() => new Map(i.map((e) => [String(s(e)), e])), [i, s]), B = x(null);
|
|
@@ -90968,7 +90976,7 @@ var J1e = [
|
|
|
90968
90976
|
return typeof f == "number" && (t = Math.max(t, f)), typeof p == "number" && (t = Math.min(t, p)), t;
|
|
90969
90977
|
}, M = (e) => Y1e(e, _), [N, P] = S(() => M(u));
|
|
90970
90978
|
m(() => {
|
|
90971
|
-
P((e) => wQ(e) === (u ??
|
|
90979
|
+
P((e) => wQ(e) === (u ?? null) ? e : Y1e(u, _));
|
|
90972
90980
|
}, [u, _]);
|
|
90973
90981
|
let F = (e) => {
|
|
90974
90982
|
let t = (wQ(N) ?? j(0)) + e * g, n = j(A(t));
|
|
@@ -90988,7 +90996,7 @@ var J1e = [
|
|
|
90988
90996
|
n !== null && d?.(n);
|
|
90989
90997
|
}, ae = (e) => {
|
|
90990
90998
|
let t = wQ(e.target.value);
|
|
90991
|
-
if (t === null) P(""), d?.(
|
|
90999
|
+
if (t === null) P(""), d?.(null);
|
|
90992
91000
|
else {
|
|
90993
91001
|
let e = j(A(t));
|
|
90994
91002
|
P(M(e)), d?.(e);
|
|
@@ -125412,14 +125420,21 @@ var h9 = [
|
|
|
125412
125420
|
"h4",
|
|
125413
125421
|
"h5",
|
|
125414
125422
|
"h6"
|
|
125415
|
-
], g9 = ["start", "center"], _9 = ["default", "muted"]
|
|
125423
|
+
], g9 = ["start", "center"], _9 = ["default", "muted"], Jdt = [
|
|
125424
|
+
"neutral",
|
|
125425
|
+
"primary",
|
|
125426
|
+
"success",
|
|
125427
|
+
"warning",
|
|
125428
|
+
"danger",
|
|
125429
|
+
"info"
|
|
125430
|
+
];
|
|
125416
125431
|
function v9(e, t) {
|
|
125417
125432
|
return h9.includes(e) ? e : t;
|
|
125418
125433
|
}
|
|
125419
|
-
function
|
|
125434
|
+
function Ydt(e) {
|
|
125420
125435
|
return h9[Math.min(h9.indexOf(e) + 1, 5)];
|
|
125421
125436
|
}
|
|
125422
|
-
function
|
|
125437
|
+
function Xdt({ className: e, src: n, alt: r, width: i, height: a }) {
|
|
125423
125438
|
return t("img", {
|
|
125424
125439
|
className: e,
|
|
125425
125440
|
src: n,
|
|
@@ -125430,50 +125445,50 @@ function Ydt({ className: e, src: n, alt: r, width: i, height: a }) {
|
|
|
125430
125445
|
decoding: "async"
|
|
125431
125446
|
});
|
|
125432
125447
|
}
|
|
125433
|
-
function y9({ component: e, kind: r, title: i, as: a, eyebrow: o, subtitle: s, align: c, variant: l,
|
|
125448
|
+
function y9({ component: e, kind: r, title: i, as: a, eyebrow: o, subtitle: s, align: c, variant: l, eyebrowTone: u, actions: d, extraClass: f, className: p, rest: m, children: h }) {
|
|
125434
125449
|
if (i == null || i === "") throw Error(`${e} needs a title: every section opens with its heading.`);
|
|
125435
|
-
let
|
|
125450
|
+
let g = a, _ = m.id ? `${m.id}-title` : void 0, v = Jdt.includes(u);
|
|
125436
125451
|
return t("section", {
|
|
125437
125452
|
className: [
|
|
125438
125453
|
"wui-section",
|
|
125439
125454
|
`wui-section-${r}`,
|
|
125440
125455
|
c === "center" ? "wui-section-center" : "",
|
|
125441
125456
|
l === "muted" ? "wui-section-muted" : "",
|
|
125442
|
-
|
|
125443
|
-
|
|
125457
|
+
f,
|
|
125458
|
+
p
|
|
125444
125459
|
].filter(Boolean).join(" "),
|
|
125445
|
-
"aria-labelledby":
|
|
125446
|
-
...
|
|
125460
|
+
"aria-labelledby": _,
|
|
125461
|
+
...m,
|
|
125447
125462
|
children: n("div", {
|
|
125448
125463
|
className: "wui-section-inner",
|
|
125449
125464
|
children: [n("div", {
|
|
125450
125465
|
className: "wui-section-head",
|
|
125451
125466
|
children: [
|
|
125452
125467
|
o != null && o !== "" && t("div", {
|
|
125453
|
-
className: "wui-section-eyebrow",
|
|
125468
|
+
className: v ? `wui-section-eyebrow wui-section-eyebrow-pill wui-section-eyebrow-${u}` : "wui-section-eyebrow",
|
|
125454
125469
|
children: o
|
|
125455
125470
|
}),
|
|
125456
|
-
t(
|
|
125471
|
+
t(g, {
|
|
125457
125472
|
className: "wui-section-title",
|
|
125458
|
-
id:
|
|
125473
|
+
id: _,
|
|
125459
125474
|
children: i
|
|
125460
125475
|
}),
|
|
125461
125476
|
s != null && s !== "" && t("p", {
|
|
125462
125477
|
className: "wui-section-subtitle",
|
|
125463
125478
|
children: s
|
|
125464
125479
|
}),
|
|
125465
|
-
|
|
125480
|
+
d != null && d !== !1 && t("div", {
|
|
125466
125481
|
className: "wui-section-actions",
|
|
125467
|
-
children:
|
|
125482
|
+
children: d
|
|
125468
125483
|
})
|
|
125469
125484
|
]
|
|
125470
|
-
}),
|
|
125485
|
+
}), h]
|
|
125471
125486
|
})
|
|
125472
125487
|
});
|
|
125473
125488
|
}
|
|
125474
125489
|
//#endregion
|
|
125475
125490
|
//#region dist/components/AppSectionCallToAction.js
|
|
125476
|
-
function
|
|
125491
|
+
function Zdt(e) {
|
|
125477
125492
|
let { title: n, actions: r, as: i = "h2", eyebrow: a, subtitle: o, align: s = "center", variant: c = "default", className: l = "", ...u } = e;
|
|
125478
125493
|
return U("AppSectionCallToAction", u), H("AppSectionCallToAction", "as", i, h9), H("AppSectionCallToAction", "align", s, g9), H("AppSectionCallToAction", "variant", c, _9), t(y9, {
|
|
125479
125494
|
component: "AppSectionCallToAction",
|
|
@@ -125494,10 +125509,10 @@ function Xdt(e) {
|
|
|
125494
125509
|
}
|
|
125495
125510
|
//#endregion
|
|
125496
125511
|
//#region dist/components/AppSectionFaq.js
|
|
125497
|
-
function
|
|
125512
|
+
function Qdt(e, t) {
|
|
125498
125513
|
return Array.isArray(t) ? a.map(e, (e) => !d(e) || e.type !== us ? e : s(e, { openItems: t.map((t) => e.props.items?.[t]?.key ?? String(t)) })) : e;
|
|
125499
125514
|
}
|
|
125500
|
-
function
|
|
125515
|
+
function $dt(e) {
|
|
125501
125516
|
let { title: n, as: r = "h2", eyebrow: i, subtitle: a, align: o = "center", variant: s = "default", children: c, openItems: l, className: u = "", ...d } = e;
|
|
125502
125517
|
return U("AppSectionFaq", d), H("AppSectionFaq", "as", r, h9), H("AppSectionFaq", "align", o, g9), H("AppSectionFaq", "variant", s, _9), t(y9, {
|
|
125503
125518
|
component: "AppSectionFaq",
|
|
@@ -125515,17 +125530,17 @@ function Qdt(e) {
|
|
|
125515
125530
|
},
|
|
125516
125531
|
children: c != null && c !== !1 && t("div", {
|
|
125517
125532
|
className: "wui-section-faq-body",
|
|
125518
|
-
children:
|
|
125533
|
+
children: Qdt(c, l)
|
|
125519
125534
|
})
|
|
125520
125535
|
});
|
|
125521
125536
|
}
|
|
125522
125537
|
//#endregion
|
|
125523
125538
|
//#region dist/components/AppSectionFeatures.js
|
|
125524
|
-
var
|
|
125525
|
-
function
|
|
125539
|
+
var eft = ["grid", "rows"];
|
|
125540
|
+
function tft(e) {
|
|
125526
125541
|
let { title: r, items: i = [], layout: a = "grid", as: o = "h2", eyebrow: s, subtitle: c, align: l = "center", variant: u = "default", className: d = "", ...f } = e;
|
|
125527
|
-
U("AppSectionFeatures", f), H("AppSectionFeatures", "layout", a,
|
|
125528
|
-
let p = v9(o, "h2"), m =
|
|
125542
|
+
U("AppSectionFeatures", f), H("AppSectionFeatures", "layout", a, eft), H("AppSectionFeatures", "as", o, h9), H("AppSectionFeatures", "align", l, g9), H("AppSectionFeatures", "variant", u, _9);
|
|
125543
|
+
let p = v9(o, "h2"), m = Ydt(p);
|
|
125529
125544
|
return t(y9, {
|
|
125530
125545
|
component: "AppSectionFeatures",
|
|
125531
125546
|
kind: "features",
|
|
@@ -125574,9 +125589,9 @@ function eft(e) {
|
|
|
125574
125589
|
}
|
|
125575
125590
|
//#endregion
|
|
125576
125591
|
//#region dist/components/AppSectionHero.js
|
|
125577
|
-
function
|
|
125578
|
-
let { title: n, as: r = "h1", eyebrow: i, subtitle: a, align: o = "start", variant: s = "default",
|
|
125579
|
-
return U("AppSectionHero",
|
|
125592
|
+
function nft(e) {
|
|
125593
|
+
let { title: n, as: r = "h1", eyebrow: i, subtitle: a, align: o = "start", variant: s = "default", eyebrowTone: c, actions: l, media: u, className: d = "", ...f } = e;
|
|
125594
|
+
return U("AppSectionHero", f), H("AppSectionHero", "as", r, h9), H("AppSectionHero", "align", o, g9), H("AppSectionHero", "variant", s, _9), c !== void 0 && H("AppSectionHero", "eyebrowTone", c, Jdt), t(y9, {
|
|
125580
125595
|
component: "AppSectionHero",
|
|
125581
125596
|
kind: "hero",
|
|
125582
125597
|
title: n,
|
|
@@ -125585,22 +125600,23 @@ function tft(e) {
|
|
|
125585
125600
|
subtitle: a,
|
|
125586
125601
|
align: o,
|
|
125587
125602
|
variant: s,
|
|
125588
|
-
|
|
125589
|
-
|
|
125603
|
+
eyebrowTone: c,
|
|
125604
|
+
actions: l,
|
|
125605
|
+
className: d,
|
|
125590
125606
|
rest: {
|
|
125591
125607
|
...V("AppSectionHero", e),
|
|
125592
|
-
...
|
|
125608
|
+
...f
|
|
125593
125609
|
},
|
|
125594
|
-
children:
|
|
125610
|
+
children: u != null && u !== !1 && t("div", {
|
|
125595
125611
|
className: "wui-section-media",
|
|
125596
|
-
children:
|
|
125612
|
+
children: u
|
|
125597
125613
|
})
|
|
125598
125614
|
});
|
|
125599
125615
|
}
|
|
125600
125616
|
//#endregion
|
|
125601
125617
|
//#region dist/components/AppSectionLogos.js
|
|
125602
125618
|
var b9 = (e) => typeof e == "string" && e.trim() !== "" ? e : void 0;
|
|
125603
|
-
function
|
|
125619
|
+
function rft(e) {
|
|
125604
125620
|
let { title: n, items: r = [], as: i = "h2", eyebrow: a, subtitle: o, align: s = "center", variant: c = "default", className: l = "", ...u } = e;
|
|
125605
125621
|
U("AppSectionLogos", u), H("AppSectionLogos", "as", i, h9), H("AppSectionLogos", "align", s, g9), H("AppSectionLogos", "variant", c, _9);
|
|
125606
125622
|
for (let e of r) {
|
|
@@ -125624,7 +125640,7 @@ function nft(e) {
|
|
|
125624
125640
|
children: r.length > 0 && t("ul", {
|
|
125625
125641
|
className: "wui-section-logos-list",
|
|
125626
125642
|
children: r.map((e) => {
|
|
125627
|
-
let n = b9(e.src), r = b9(e.name) ?? b9(e.label), i = n ? t(
|
|
125643
|
+
let n = b9(e.src), r = b9(e.name) ?? b9(e.label), i = n ? t(Xdt, {
|
|
125628
125644
|
className: "wui-section-logo-img",
|
|
125629
125645
|
src: e.src,
|
|
125630
125646
|
alt: b9(e.alt) ?? r,
|
|
@@ -125647,7 +125663,7 @@ function nft(e) {
|
|
|
125647
125663
|
}
|
|
125648
125664
|
//#endregion
|
|
125649
125665
|
//#region dist/components/AppSectionPricing.js
|
|
125650
|
-
function
|
|
125666
|
+
function ift(e) {
|
|
125651
125667
|
let { title: n, as: r = "h2", eyebrow: i, subtitle: a, align: o = "center", variant: s = "default", children: c, className: l = "", ...u } = e;
|
|
125652
125668
|
return U("AppSectionPricing", u), H("AppSectionPricing", "as", r, h9), H("AppSectionPricing", "align", o, g9), H("AppSectionPricing", "variant", s, _9), t(y9, {
|
|
125653
125669
|
component: "AppSectionPricing",
|
|
@@ -125671,7 +125687,7 @@ function rft(e) {
|
|
|
125671
125687
|
}
|
|
125672
125688
|
//#endregion
|
|
125673
125689
|
//#region dist/components/AppSectionTestimonials.js
|
|
125674
|
-
function
|
|
125690
|
+
function aft(e) {
|
|
125675
125691
|
let { title: r, items: i = [], as: a = "h2", eyebrow: o, subtitle: s, align: c = "center", variant: l = "default", className: u = "", ...d } = e;
|
|
125676
125692
|
return U("AppSectionTestimonials", d), H("AppSectionTestimonials", "as", a, h9), H("AppSectionTestimonials", "align", c, g9), H("AppSectionTestimonials", "variant", l, _9), t(y9, {
|
|
125677
125693
|
component: "AppSectionTestimonials",
|
|
@@ -125696,7 +125712,7 @@ function ift(e) {
|
|
|
125696
125712
|
children: e.quote
|
|
125697
125713
|
}), n("figcaption", {
|
|
125698
125714
|
className: "wui-section-testimonial-author",
|
|
125699
|
-
children: [e.avatar && t(
|
|
125715
|
+
children: [e.avatar && t(Xdt, {
|
|
125700
125716
|
className: "wui-section-testimonial-avatar",
|
|
125701
125717
|
src: e.avatar,
|
|
125702
125718
|
alt: "",
|
|
@@ -125719,57 +125735,68 @@ function ift(e) {
|
|
|
125719
125735
|
}
|
|
125720
125736
|
//#endregion
|
|
125721
125737
|
//#region dist/lib/navMatch.js
|
|
125722
|
-
var
|
|
125738
|
+
var oft = /^[a-z][a-z0-9+.-]*:/i;
|
|
125723
125739
|
function x9(e) {
|
|
125724
125740
|
if (typeof e != "string" || e.trim() === "") return null;
|
|
125725
125741
|
let t = e.trim(), n = t.search(/[?#]/);
|
|
125726
|
-
if (n >= 0 && (t = t.slice(0, n)), t.startsWith("~/") && (t = t.slice(1)), t === "" || t.startsWith("//") ||
|
|
125742
|
+
if (n >= 0 && (t = t.slice(0, n)), t.startsWith("~/") && (t = t.slice(1)), t === "" || t.startsWith("//") || oft.test(t)) return null;
|
|
125727
125743
|
for (t[0] !== "/" && (t = `/${t}`); t.length > 1 && t.endsWith("/");) t = t.slice(0, -1);
|
|
125728
125744
|
return t;
|
|
125729
125745
|
}
|
|
125730
|
-
function
|
|
125746
|
+
function sft(e, t, n) {
|
|
125731
125747
|
return e.toLowerCase() === t.toLowerCase() ? !0 : n || t === "/" ? !1 : e.toLowerCase().startsWith(`${t.toLowerCase()}/`);
|
|
125732
125748
|
}
|
|
125733
|
-
function
|
|
125749
|
+
function cft(e, t) {
|
|
125734
125750
|
return e == null || t == null ? e : e.toLowerCase() === t.toLowerCase() ? "/" : e.toLowerCase().startsWith(`${t.toLowerCase()}/`) ? e.slice(t.length) : e;
|
|
125735
125751
|
}
|
|
125736
|
-
function
|
|
125752
|
+
function lft(e, t, { exact: n = !1, also: r, pathBase: i } = {}) {
|
|
125737
125753
|
let a = x9(e);
|
|
125738
125754
|
if (a == null) return -1;
|
|
125739
125755
|
let o = x9(i);
|
|
125740
125756
|
o === "/" && (o = null);
|
|
125741
125757
|
let s = -1, c = (e, t) => {
|
|
125742
|
-
e != null &&
|
|
125758
|
+
e != null && sft(a, e, t) && (s = Math.max(s, e.length));
|
|
125743
125759
|
};
|
|
125744
|
-
c(
|
|
125745
|
-
for (let e of r ?? []) c(
|
|
125760
|
+
c(cft(x9(t), o), n);
|
|
125761
|
+
for (let e of r ?? []) c(cft(x9(e), o), !1);
|
|
125746
125762
|
return s;
|
|
125747
125763
|
}
|
|
125748
125764
|
//#endregion
|
|
125749
125765
|
//#region dist/lib/shellCookie.js
|
|
125750
|
-
var
|
|
125751
|
-
function
|
|
125752
|
-
|
|
125753
|
-
|
|
125754
|
-
|
|
125755
|
-
|
|
125766
|
+
var uft = "wui-shell-collapsed", dft = (e) => e instanceof DOMException && e.name === "SecurityError";
|
|
125767
|
+
function fft(e = uft, t = document) {
|
|
125768
|
+
let n;
|
|
125769
|
+
try {
|
|
125770
|
+
n = t.cookie;
|
|
125771
|
+
} catch (e) {
|
|
125772
|
+
if (dft(e)) return null;
|
|
125773
|
+
throw e;
|
|
125774
|
+
}
|
|
125775
|
+
for (let t of n.split(";")) {
|
|
125776
|
+
let n = t.indexOf("=");
|
|
125777
|
+
if (n < 0 || t.slice(0, n).trim() !== e) continue;
|
|
125778
|
+
let r = t.slice(n + 1).trim();
|
|
125756
125779
|
return r === "1" || r !== "0" && null;
|
|
125757
125780
|
}
|
|
125758
125781
|
return null;
|
|
125759
125782
|
}
|
|
125760
|
-
function
|
|
125761
|
-
|
|
125783
|
+
function pft(e, t = uft, n = document) {
|
|
125784
|
+
try {
|
|
125785
|
+
n.cookie = `${t}=${e ? "1" : "0"}; Path=/; Max-Age=31536000; SameSite=Lax`;
|
|
125786
|
+
} catch (e) {
|
|
125787
|
+
if (!dft(e)) throw e;
|
|
125788
|
+
}
|
|
125762
125789
|
}
|
|
125763
125790
|
//#endregion
|
|
125764
125791
|
//#region dist/components/AppShell.js
|
|
125765
|
-
var
|
|
125792
|
+
var mft = 99, hft = 4, gft = 5, _ft = ["prefix", "exact"], vft = ["comfortable", "compact"], yft = ["default", "primary"], bft = [
|
|
125766
125793
|
"linear",
|
|
125767
125794
|
"outline",
|
|
125768
125795
|
"bold",
|
|
125769
125796
|
"bulk",
|
|
125770
125797
|
"broken",
|
|
125771
125798
|
"twotone"
|
|
125772
|
-
],
|
|
125799
|
+
], xft = /* @__PURE__ */ new Set([
|
|
125773
125800
|
"key",
|
|
125774
125801
|
"label",
|
|
125775
125802
|
"icon",
|
|
@@ -125786,17 +125813,17 @@ var fft = 99, pft = 4, mft = 5, hft = ["prefix", "exact"], gft = ["comfortable",
|
|
|
125786
125813
|
"tab",
|
|
125787
125814
|
"tabLabel",
|
|
125788
125815
|
"children"
|
|
125789
|
-
]), S9 = (e) => e >
|
|
125790
|
-
function
|
|
125816
|
+
]), S9 = (e) => e > mft ? `${mft}+` : String(e);
|
|
125817
|
+
function Sft(e) {
|
|
125791
125818
|
let { groups: r = [], brand: i, sidebarStart: a, sidebarStartCompact: o, sidebarFooter: s, topbarStart: c, topbarEnd: l, footer: u, launcher: d, children: f, collapsed: p, onCollapsedChange: h, noSidebar: g = !1, density: _ = "comfortable", itemHeight: v, iconVariant: b, topbarTone: C = "default", navLabel: w = "Main navigation", linkComponent: T, currentPath: E, rememberCollapsed: D = !1, collapsedCookie: O = "wui-shell-collapsed", tabBarLabel: k = "Quick navigation", moreLabel: A = "More", userMenu: j, notifications: M, search: N, className: P = "", style: F, ...I } = e;
|
|
125792
|
-
U("AppShell", I), H("AppShell", "density", _,
|
|
125819
|
+
U("AppShell", I), H("AppShell", "density", _, vft), H("AppShell", "topbarTone", C, yft), H("AppShell", "iconVariant", b, bft);
|
|
125793
125820
|
let L = v > 0 ? {
|
|
125794
125821
|
...F,
|
|
125795
125822
|
"--wui-nav-item-height": `${v}px`
|
|
125796
|
-
} : F, [R, ee] = S(() => D && p === void 0 && typeof document < "u" ?
|
|
125823
|
+
} : F, [R, ee] = S(() => D && p === void 0 && typeof document < "u" ? fft(O) ?? !1 : !1), [te, z] = S(!1), [ne, re] = S(!1), [ie, ae] = S(!1), B = x(null), oe = p ?? R, se = () => {
|
|
125797
125824
|
let e = !oe;
|
|
125798
|
-
p === void 0 && ee(e), D &&
|
|
125799
|
-
}, ce = y(() =>
|
|
125825
|
+
p === void 0 && ee(e), D && pft(e, O), h?.(e);
|
|
125826
|
+
}, ce = y(() => Cft(r, E), [r, E]), le = g ? null : Tft(ce);
|
|
125800
125827
|
return m(() => {
|
|
125801
125828
|
let e = () => re(window.scrollY > 4);
|
|
125802
125829
|
return e(), window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
|
|
@@ -125865,7 +125892,7 @@ function bft(e) {
|
|
|
125865
125892
|
className: "app-nav-group-label",
|
|
125866
125893
|
children: e.label
|
|
125867
125894
|
}),
|
|
125868
|
-
e.items.map((e) => t(
|
|
125895
|
+
e.items.map((e) => t(Oft, {
|
|
125869
125896
|
item: e,
|
|
125870
125897
|
linkComponent: T,
|
|
125871
125898
|
onNavigate: () => z(!1),
|
|
@@ -125916,14 +125943,14 @@ function bft(e) {
|
|
|
125916
125943
|
})
|
|
125917
125944
|
}),
|
|
125918
125945
|
c,
|
|
125919
|
-
N && t(
|
|
125946
|
+
N && t(Nft, { config: N })
|
|
125920
125947
|
]
|
|
125921
125948
|
}), n("div", {
|
|
125922
125949
|
className: "app-topbar-end",
|
|
125923
125950
|
children: [
|
|
125924
125951
|
l,
|
|
125925
|
-
M && t(
|
|
125926
|
-
j && t(
|
|
125952
|
+
M && t(jft, { config: M }),
|
|
125953
|
+
j && t(Aft, {
|
|
125927
125954
|
config: j,
|
|
125928
125955
|
linkComponent: T
|
|
125929
125956
|
})
|
|
@@ -125948,7 +125975,7 @@ function bft(e) {
|
|
|
125948
125975
|
le && n("nav", {
|
|
125949
125976
|
className: "wui-tabbar",
|
|
125950
125977
|
"aria-label": k,
|
|
125951
|
-
children: [le.tabs.map((e) => t(
|
|
125978
|
+
children: [le.tabs.map((e) => t(Eft, {
|
|
125952
125979
|
tab: e,
|
|
125953
125980
|
linkComponent: T,
|
|
125954
125981
|
iconVariant: b
|
|
@@ -125978,7 +126005,7 @@ function bft(e) {
|
|
|
125978
126005
|
]
|
|
125979
126006
|
});
|
|
125980
126007
|
}
|
|
125981
|
-
function
|
|
126008
|
+
function Cft(e, t) {
|
|
125982
126009
|
let n = (e) => (e ?? []).map((e) => Array.isArray(e.children) ? {
|
|
125983
126010
|
...e,
|
|
125984
126011
|
children: n(e.children)
|
|
@@ -125989,35 +126016,35 @@ function xft(e, t) {
|
|
|
125989
126016
|
for (let t of e) i.push(t), t.children && a(t.children);
|
|
125990
126017
|
};
|
|
125991
126018
|
for (let e of r) a(e.items);
|
|
125992
|
-
for (let e of i) U("AppShell items",
|
|
126019
|
+
for (let e of i) U("AppShell items", wft(e)), H("AppShell", "match", e.match, _ft), H("AppShell", "iconVariant", e.iconVariant, bft);
|
|
125993
126020
|
let o = null;
|
|
125994
126021
|
if (t != null && !i.some((e) => e.active === !0)) {
|
|
125995
126022
|
let e = -1;
|
|
125996
126023
|
for (let n of i) {
|
|
125997
126024
|
if (n.active != null || n.children?.length && !n.href) continue;
|
|
125998
|
-
let r =
|
|
126025
|
+
let r = lft(t, n.href, {
|
|
125999
126026
|
exact: n.match === "exact",
|
|
126000
126027
|
also: n.matchAlso
|
|
126001
126028
|
});
|
|
126002
126029
|
if (r < 0) continue;
|
|
126003
|
-
let i = n.match === "exact" &&
|
|
126030
|
+
let i = n.match === "exact" && lft(t, n.href, { exact: !0 }) >= 0 ? Infinity : r;
|
|
126004
126031
|
i > e && (e = i, o = n);
|
|
126005
126032
|
}
|
|
126006
126033
|
}
|
|
126007
126034
|
for (let e of i) e.active = e.active ?? e === o;
|
|
126008
126035
|
return r;
|
|
126009
126036
|
}
|
|
126010
|
-
function
|
|
126011
|
-
return Object.fromEntries(Object.entries(e).filter(([e]) => !
|
|
126037
|
+
function wft(e) {
|
|
126038
|
+
return Object.fromEntries(Object.entries(e).filter(([e]) => !xft.has(e)));
|
|
126012
126039
|
}
|
|
126013
|
-
function
|
|
126040
|
+
function Tft(e) {
|
|
126014
126041
|
let t = [], n = (e) => {
|
|
126015
126042
|
for (let r of e) r.children?.length ? n(r.children) : t.push(r);
|
|
126016
126043
|
};
|
|
126017
126044
|
for (let t of e) n(t.items);
|
|
126018
126045
|
let r = t.filter((e) => e.tab);
|
|
126019
126046
|
if (r.length === 0) return null;
|
|
126020
|
-
let i = r.length < t.length, a = i ?
|
|
126047
|
+
let i = r.length < t.length, a = i ? hft : gft;
|
|
126021
126048
|
if (r.length > a) throw Error(`<AppShell>: ${r.length} items carry tab: true, but the phone tab bar holds ${a} (${i ? "4 plus More, because other items exist" : "5 when every item is a tab"}). Flag fewer items.`);
|
|
126022
126049
|
return {
|
|
126023
126050
|
tabs: r,
|
|
@@ -126025,7 +126052,7 @@ function Cft(e) {
|
|
|
126025
126052
|
moreActive: t.some((e) => !e.tab && e.active)
|
|
126026
126053
|
};
|
|
126027
126054
|
}
|
|
126028
|
-
function
|
|
126055
|
+
function Eft({ tab: r, linkComponent: i, iconVariant: a }) {
|
|
126029
126056
|
let o = `wui-tabbar-item${r.active ? " active" : ""}`, s = n(e, { children: [
|
|
126030
126057
|
r.icon && t("span", {
|
|
126031
126058
|
className: "wui-tabbar-icon",
|
|
@@ -126057,15 +126084,15 @@ function wft({ tab: r, linkComponent: i, iconVariant: a }) {
|
|
|
126057
126084
|
children: s
|
|
126058
126085
|
});
|
|
126059
126086
|
}
|
|
126060
|
-
function
|
|
126087
|
+
function Dft(e) {
|
|
126061
126088
|
for (let t of e) {
|
|
126062
126089
|
if (t.active) return t;
|
|
126063
|
-
let e = t.children?.length ?
|
|
126090
|
+
let e = t.children?.length ? Dft(t.children) : void 0;
|
|
126064
126091
|
if (e) return e;
|
|
126065
126092
|
}
|
|
126066
126093
|
}
|
|
126067
|
-
function
|
|
126068
|
-
let c = o > 0, l = o > 1 ? ` wui-nav-depth-${Math.min(o, 6)}` : "", u = Array.isArray(r.children) && r.children.length > 0, d = u ?
|
|
126094
|
+
function Oft({ item: r, linkComponent: i, onNavigate: a, depth: o = 0, iconVariant: s }) {
|
|
126095
|
+
let c = o > 0, l = o > 1 ? ` wui-nav-depth-${Math.min(o, 6)}` : "", u = Array.isArray(r.children) && r.children.length > 0, d = u ? Dft(r.children) : void 0, f = !!d, p = d ? d.key ?? d.href ?? d.label : null, [h, g] = S(f);
|
|
126069
126096
|
m(() => {
|
|
126070
126097
|
p != null && g(!0);
|
|
126071
126098
|
}, [p]);
|
|
@@ -126102,7 +126129,7 @@ function Eft({ item: r, linkComponent: i, onNavigate: a, depth: o = 0, iconVaria
|
|
|
126102
126129
|
"aria-hidden": !h || void 0,
|
|
126103
126130
|
children: t("div", {
|
|
126104
126131
|
className: "app-nav-sub-inner",
|
|
126105
|
-
children: r.children.map((e) => t(
|
|
126132
|
+
children: r.children.map((e) => t(Oft, {
|
|
126106
126133
|
item: e,
|
|
126107
126134
|
linkComponent: i,
|
|
126108
126135
|
onNavigate: a,
|
|
@@ -126181,7 +126208,7 @@ function Eft({ item: r, linkComponent: i, onNavigate: a, depth: o = 0, iconVaria
|
|
|
126181
126208
|
children: b
|
|
126182
126209
|
});
|
|
126183
126210
|
}
|
|
126184
|
-
function
|
|
126211
|
+
function kft() {
|
|
126185
126212
|
let [e, t] = S(!1), n = x(null);
|
|
126186
126213
|
return m(() => {
|
|
126187
126214
|
if (!e) return;
|
|
@@ -126199,8 +126226,8 @@ function Dft() {
|
|
|
126199
126226
|
ref: n
|
|
126200
126227
|
};
|
|
126201
126228
|
}
|
|
126202
|
-
function
|
|
126203
|
-
let a = h(), { open: o, setOpen: s, ref: c } =
|
|
126229
|
+
function Aft({ config: r, linkComponent: i }) {
|
|
126230
|
+
let a = h(), { open: o, setOpen: s, ref: c } = kft(), { name: l, role: u, photo: d, profileHref: f, profileLabel: p = "My profile", onLogout: m, logoutAction: g, logoutLabel: _ = "Sign out", items: v = [] } = r;
|
|
126204
126231
|
if (!l) throw Error("<AppShell> userMenu.name is required; the trigger and the avatar are named from it.");
|
|
126205
126232
|
let y = () => s(!1), b = (e, n, r, a) => i ? t(i, {
|
|
126206
126233
|
className: "dropdown-item",
|
|
@@ -126311,8 +126338,8 @@ function Oft({ config: r, linkComponent: i }) {
|
|
|
126311
126338
|
})]
|
|
126312
126339
|
});
|
|
126313
126340
|
}
|
|
126314
|
-
function
|
|
126315
|
-
let i = h(), { open: a, setOpen: o, ref: s } =
|
|
126341
|
+
function jft({ config: r }) {
|
|
126342
|
+
let i = h(), { open: a, setOpen: o, ref: s } = kft(), { unread: c = 0, items: l, loading: u = !1, onOpen: d, onMarkAllRead: f, viewAllHref: p, label: g = "Notifications", emptyText: _ = "You are all caught up." } = r, [v, y] = S(""), b = x(c);
|
|
126316
126343
|
m(() => {
|
|
126317
126344
|
b.current !== c && (b.current = c, y(c === 0 ? "No unread notifications" : `${S9(c)} unread notifications`));
|
|
126318
126345
|
}, [c]);
|
|
@@ -126428,8 +126455,8 @@ function kft({ config: r }) {
|
|
|
126428
126455
|
]
|
|
126429
126456
|
});
|
|
126430
126457
|
}
|
|
126431
|
-
var
|
|
126432
|
-
function
|
|
126458
|
+
var Mft = (e) => !!e && (e.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName));
|
|
126459
|
+
function Nft({ config: e }) {
|
|
126433
126460
|
let r = h(), { value: i = "", onChange: a, results: o = null, loading: s = !1, onSelect: c, onSubmit: l, placeholder: u = "Search" } = e, [d, f] = S(!1), [p, g] = S(!1), [_, v] = S({
|
|
126434
126461
|
results: null,
|
|
126435
126462
|
index: -1
|
|
@@ -126439,7 +126466,7 @@ function jft({ config: e }) {
|
|
|
126439
126466
|
}), w = x(null), T = x(null), E = x([]), D = y(() => (o ?? []).flatMap((e) => e.hits ?? []), [o]), O = o != null && !p, k = D.length;
|
|
126440
126467
|
m(() => {
|
|
126441
126468
|
let e = (e) => {
|
|
126442
|
-
e.key !== "/" || e.ctrlKey || e.metaKey || e.altKey ||
|
|
126469
|
+
e.key !== "/" || e.ctrlKey || e.metaKey || e.altKey || Mft(e.target) || (e.preventDefault(), f(!0), T.current?.focus());
|
|
126443
126470
|
}, t = (e) => {
|
|
126444
126471
|
w.current?.contains(e.target) || (g(!0), f(!1));
|
|
126445
126472
|
};
|
|
@@ -126579,7 +126606,7 @@ Hs("wui-shortcuts", class extends Us {
|
|
|
126579
126606
|
};
|
|
126580
126607
|
}
|
|
126581
126608
|
connectedCallback() {
|
|
126582
|
-
this._doc = this.ownerDocument, this._doc.addEventListener("keydown", this._onKeyDown), this._doc.addEventListener("click", this._onDocClick), this.addEventListener("click", this._onClick);
|
|
126609
|
+
this._doc = this.ownerDocument, this._doc.addEventListener("keydown", this._onKeyDown), this._doc.addEventListener("click", this._onDocClick), this.addEventListener("click", this._onClick), this._place();
|
|
126583
126610
|
}
|
|
126584
126611
|
disconnectedCallback() {
|
|
126585
126612
|
this._doc?.removeEventListener("keydown", this._onKeyDown), this._doc?.removeEventListener("click", this._onDocClick), this.removeEventListener("click", this._onClick), this._doc = null;
|
|
@@ -126595,13 +126622,32 @@ Hs("wui-shortcuts", class extends Us {
|
|
|
126595
126622
|
setOpen(e, { focus: t = !0 } = {}) {
|
|
126596
126623
|
let n = this._sheet();
|
|
126597
126624
|
if (!n) return;
|
|
126598
|
-
n.hidden = !e;
|
|
126625
|
+
n.hidden = !e, e && this._place();
|
|
126599
126626
|
let r = this.querySelector(".wui-shortcut-toggle");
|
|
126600
126627
|
r?.setAttribute("aria-expanded", String(e)), t && (e ? n.querySelector(".wui-shortcut-close")?.focus() : r?.focus());
|
|
126601
126628
|
}
|
|
126602
126629
|
_sheet() {
|
|
126603
126630
|
return this.querySelector(".wui-shortcut-sheet");
|
|
126604
126631
|
}
|
|
126632
|
+
_place() {
|
|
126633
|
+
let e = this._sheet();
|
|
126634
|
+
if (!e || e.hidden) return;
|
|
126635
|
+
e.classList.remove("wui-shortcut-sheet-below", "wui-shortcut-sheet-start");
|
|
126636
|
+
let t = this.ownerDocument.defaultView, n = {
|
|
126637
|
+
top: 0,
|
|
126638
|
+
left: 0,
|
|
126639
|
+
right: t.innerWidth,
|
|
126640
|
+
bottom: t.innerHeight
|
|
126641
|
+
};
|
|
126642
|
+
for (let e = this.parentElement; e && e !== this.ownerDocument.documentElement; e = e.parentElement) {
|
|
126643
|
+
let r = t.getComputedStyle(e);
|
|
126644
|
+
if (r.overflowX === "visible" && r.overflowY === "visible") continue;
|
|
126645
|
+
let i = e.getBoundingClientRect();
|
|
126646
|
+
n.top = Math.max(n.top, i.top), n.left = Math.max(n.left, i.left), n.right = Math.min(n.right, i.right), n.bottom = Math.min(n.bottom, i.bottom);
|
|
126647
|
+
}
|
|
126648
|
+
let r = e.getBoundingClientRect();
|
|
126649
|
+
r.top < n.top && e.classList.add("wui-shortcut-sheet-below"), r.left < n.left && e.classList.add("wui-shortcut-sheet-start");
|
|
126650
|
+
}
|
|
126605
126651
|
_scope() {
|
|
126606
126652
|
return this.closest(`[${he}]`);
|
|
126607
126653
|
}
|
|
@@ -126655,7 +126701,7 @@ Hs("wui-shortcuts", class extends Us {
|
|
|
126655
126701
|
});
|
|
126656
126702
|
//#endregion
|
|
126657
126703
|
//#region dist/components/AppShortcutLegend.js
|
|
126658
|
-
function
|
|
126704
|
+
function Pft(e) {
|
|
126659
126705
|
let { shortcuts: r = [], items: i, search: a, className: o = "", ...s } = e;
|
|
126660
126706
|
U("AppShortcutLegend", s);
|
|
126661
126707
|
let c = h(), l = x(null), u = r.filter((e) => De(e.key) !== "?"), d = x(u);
|
|
@@ -126720,7 +126766,7 @@ function Mft(e) {
|
|
|
126720
126766
|
}
|
|
126721
126767
|
//#endregion
|
|
126722
126768
|
//#region ../elements/dist/WuiShowMore-D3VHRZJg.js
|
|
126723
|
-
var
|
|
126769
|
+
var Fft = 3, Ift = "Show more", Lft = "Show less";
|
|
126724
126770
|
//#endregion
|
|
126725
126771
|
//#region ../elements/dist/elements/show-more.js
|
|
126726
126772
|
Hs("wui-show-more", class extends Us {
|
|
@@ -126730,7 +126776,7 @@ Hs("wui-show-more", class extends Us {
|
|
|
126730
126776
|
connectedCallback() {
|
|
126731
126777
|
if (this._toggle = this.querySelector(".wui-show-more-toggle"), !this._toggle) return;
|
|
126732
126778
|
let e = Number.parseInt(this.getAttribute("lines"), 10);
|
|
126733
|
-
this.style.setProperty("--wui-show-more-lines", String(e >= 1 ? e :
|
|
126779
|
+
this.style.setProperty("--wui-show-more-lines", String(e >= 1 ? e : Fft)), this._toggle.addEventListener("click", this._onClick), this._sync(), this._check(), typeof ResizeObserver < "u" && (this._observer = new ResizeObserver(() => {
|
|
126734
126780
|
this.clientWidth !== this._width && this._check();
|
|
126735
126781
|
}), this._observer.observe(this));
|
|
126736
126782
|
}
|
|
@@ -126748,7 +126794,7 @@ Hs("wui-show-more", class extends Us {
|
|
|
126748
126794
|
}
|
|
126749
126795
|
_sync() {
|
|
126750
126796
|
let e = this.expanded;
|
|
126751
|
-
this._toggle.setAttribute("aria-expanded", String(e)), this._toggle.textContent = e ? this.getAttribute("less-label") ||
|
|
126797
|
+
this._toggle.setAttribute("aria-expanded", String(e)), this._toggle.textContent = e ? this.getAttribute("less-label") || Lft : this.getAttribute("more-label") || Ift;
|
|
126752
126798
|
}
|
|
126753
126799
|
_check() {
|
|
126754
126800
|
let e = this.querySelector(".wui-show-more-body");
|
|
@@ -126762,7 +126808,7 @@ Hs("wui-show-more", class extends Us {
|
|
|
126762
126808
|
});
|
|
126763
126809
|
//#endregion
|
|
126764
126810
|
//#region dist/components/AppShowMore.js
|
|
126765
|
-
function
|
|
126811
|
+
function Rft(e) {
|
|
126766
126812
|
let { children: r, lines: i = 3, moreLabel: a = "Show more", lessLabel: o = "Show less", defaultExpanded: s = !1, id: c, className: l = "", ...u } = e;
|
|
126767
126813
|
U("AppShowMore", u);
|
|
126768
126814
|
let d = h(), f = c || `show-more-${d.replace(/:/g, "")}`, p = `${f}-body`, m = x(null), g = x(s);
|
|
@@ -126793,22 +126839,22 @@ function Ift(e) {
|
|
|
126793
126839
|
}
|
|
126794
126840
|
//#endregion
|
|
126795
126841
|
//#region dist/components/AppSidebarMenu.js
|
|
126796
|
-
var
|
|
126842
|
+
var zft = {
|
|
126797
126843
|
left: "start",
|
|
126798
126844
|
right: "end",
|
|
126799
126845
|
start: "start",
|
|
126800
126846
|
end: "end",
|
|
126801
126847
|
top: "top",
|
|
126802
126848
|
bottom: "bottom"
|
|
126803
|
-
},
|
|
126849
|
+
}, Bft = {
|
|
126804
126850
|
on: !0,
|
|
126805
126851
|
static: "static",
|
|
126806
126852
|
off: !1
|
|
126807
126853
|
};
|
|
126808
|
-
function
|
|
126854
|
+
function Vft(e) {
|
|
126809
126855
|
let { show: r, onHide: i, side: a = "right", title: o, titleIcon: s, header: c, children: l, footer: u, width: d, maxWidth: f, backdrop: p = "on", scroll: m = !1, keyboard: h = !0, closeButton: g = !0, closeLabel: _ = "Close", responsive: v, className: y = "", bodyClassName: b = "", ariaLabel: x, ...S } = e;
|
|
126810
|
-
U("AppSidebarMenu", S), H("AppSidebarMenu", "side", a, Object.keys(
|
|
126811
|
-
let { style: C, ...w } = S, T =
|
|
126856
|
+
U("AppSidebarMenu", S), H("AppSidebarMenu", "side", a, Object.keys(zft)), H("AppSidebarMenu", "backdrop", p, Object.keys(Bft));
|
|
126857
|
+
let { style: C, ...w } = S, T = zft[a] || "end", E = d || f || C ? {
|
|
126812
126858
|
...d && { "--asm-width": d },
|
|
126813
126859
|
...f && { "--asm-max-width": f },
|
|
126814
126860
|
...C
|
|
@@ -126819,7 +126865,7 @@ function zft(e) {
|
|
|
126819
126865
|
show: r,
|
|
126820
126866
|
onHide: i,
|
|
126821
126867
|
placement: T,
|
|
126822
|
-
backdrop:
|
|
126868
|
+
backdrop: Bft[p] ?? !0,
|
|
126823
126869
|
scroll: m,
|
|
126824
126870
|
keyboard: h,
|
|
126825
126871
|
responsive: v,
|
|
@@ -126870,7 +126916,7 @@ function zft(e) {
|
|
|
126870
126916
|
}
|
|
126871
126917
|
//#endregion
|
|
126872
126918
|
//#region ../elements/dist/WuiSlider-IOqadOtK.js
|
|
126873
|
-
var
|
|
126919
|
+
var Hft = class extends Us {
|
|
126874
126920
|
static formAssociated = !0;
|
|
126875
126921
|
static get observedAttributes() {
|
|
126876
126922
|
return [
|
|
@@ -127011,7 +127057,7 @@ var Bft = class extends Us {
|
|
|
127011
127057
|
aria-valuenow="${this._value}"
|
|
127012
127058
|
aria-valuetext="${this._formatValue(this._value)}"
|
|
127013
127059
|
${a ? "disabled" : ""}
|
|
127014
|
-
aria-label="${
|
|
127060
|
+
aria-label="${Uft(this.getAttribute("aria-label") || "Value")}"
|
|
127015
127061
|
></button>
|
|
127016
127062
|
`}
|
|
127017
127063
|
</div>
|
|
@@ -127117,19 +127163,19 @@ var Bft = class extends Us {
|
|
|
127117
127163
|
}, C9 = (e, t) => {
|
|
127118
127164
|
let n = Number.parseFloat(e);
|
|
127119
127165
|
return Number.isFinite(n) ? n : t;
|
|
127120
|
-
},
|
|
127166
|
+
}, Uft = (e) => String(e ?? "").replace(/&/g, "&").replace(/"/g, """).replace(/</g, "<");
|
|
127121
127167
|
//#endregion
|
|
127122
127168
|
//#region ../elements/dist/elements/slider.js
|
|
127123
|
-
Hs("wui-slider",
|
|
127169
|
+
Hs("wui-slider", Hft);
|
|
127124
127170
|
//#endregion
|
|
127125
127171
|
//#region dist/components/AppSlider.js
|
|
127126
|
-
var
|
|
127172
|
+
var Wft = [
|
|
127127
127173
|
"sm",
|
|
127128
127174
|
"md",
|
|
127129
127175
|
"lg"
|
|
127130
|
-
],
|
|
127176
|
+
], Gft = u(function(e, r) {
|
|
127131
127177
|
let { value: i, start: a, end: o, range: s = !1, onChange: c, label: l, required: u = !1, hint: d, error: f, name: p, startName: g, endName: _, min: v = 0, max: y = 100, step: b = 1, disabled: x, size: S, showValue: C, unit: w, id: T, ariaLabel: E, className: D = "", fieldClassName: O = "", "data-canvas": k, ...A } = e;
|
|
127132
|
-
U("AppSlider", A), H("AppSlider", "size", S,
|
|
127178
|
+
U("AppSlider", A), H("AppSlider", "size", S, Wft);
|
|
127133
127179
|
let j = h(), M = T || j, N = s, { setRef: P, innerRef: F } = Ls({
|
|
127134
127180
|
ref: r,
|
|
127135
127181
|
value: N ? void 0 : i,
|
|
@@ -127187,7 +127233,7 @@ var Hft = [
|
|
|
127187
127233
|
})
|
|
127188
127234
|
]
|
|
127189
127235
|
});
|
|
127190
|
-
}), w9 = /* @__PURE__ */ new Set(),
|
|
127236
|
+
}), w9 = /* @__PURE__ */ new Set(), Kft = ".wui-sortable-handle", qft = "a[href],button,input,select,textarea,label,summary,[contenteditable='true'],[role='button'],[role='link']", Jft = 4, Yft = 8, Xft = 250, T9 = 48, Zft = 18, Qft = class extends Us {
|
|
127191
127237
|
static get observedAttributes() {
|
|
127192
127238
|
return ["name", "disabled"];
|
|
127193
127239
|
}
|
|
@@ -127270,10 +127316,10 @@ var Hft = [
|
|
|
127270
127316
|
if (this._drag || this._kb || this.hasAttribute("disabled") || e.pointerType === "mouse" && e.button !== 0) return;
|
|
127271
127317
|
let t = this._itemFrom(e.target);
|
|
127272
127318
|
if (!t || this._itemDisabled(t)) return;
|
|
127273
|
-
let n = t.querySelector(`:scope > ${
|
|
127319
|
+
let n = t.querySelector(`:scope > ${Kft}`), r = !!n && n.contains(e.target);
|
|
127274
127320
|
if (this.hasAttribute("handle") && !r) return;
|
|
127275
127321
|
if (!r) {
|
|
127276
|
-
let n = e.target.closest?.(
|
|
127322
|
+
let n = e.target.closest?.(qft);
|
|
127277
127323
|
if (n && n !== t && t.contains(n)) return;
|
|
127278
127324
|
}
|
|
127279
127325
|
let i = e.pointerType === "touch" && !r, a = {
|
|
@@ -127283,7 +127329,7 @@ var Hft = [
|
|
|
127283
127329
|
startY: e.clientY,
|
|
127284
127330
|
x: e.clientX,
|
|
127285
127331
|
y: e.clientY,
|
|
127286
|
-
slop: e.pointerType === "touch" ?
|
|
127332
|
+
slop: e.pointerType === "touch" ? Yft : Jft,
|
|
127287
127333
|
ready: !i,
|
|
127288
127334
|
started: !1,
|
|
127289
127335
|
timer: null,
|
|
@@ -127293,7 +127339,7 @@ var Hft = [
|
|
|
127293
127339
|
};
|
|
127294
127340
|
this._drag = a, i && (a.timer = setTimeout(() => {
|
|
127295
127341
|
a.timer = null, a.ready = !0, this._begin();
|
|
127296
|
-
},
|
|
127342
|
+
}, Xft)), document.addEventListener("pointermove", this._onDocMove), document.addEventListener("pointerup", this._onDocUp), document.addEventListener("pointercancel", this._onDocCancel), document.addEventListener("keydown", this._onDocKey, !0), document.addEventListener("touchmove", this._onDocTouchMove, { passive: !1 });
|
|
127297
127343
|
}
|
|
127298
127344
|
_onDocMove(e) {
|
|
127299
127345
|
let t = this._drag;
|
|
@@ -127349,7 +127395,7 @@ var Hft = [
|
|
|
127349
127395
|
_scrollTick() {
|
|
127350
127396
|
let e = this._drag;
|
|
127351
127397
|
if (!e?.started) return;
|
|
127352
|
-
let t =
|
|
127398
|
+
let t = ept(e.list), n = t ? t.getBoundingClientRect() : null, r = Math.max(n?.top ?? 0, 0), i = Math.min(n?.bottom ?? window.innerHeight, window.innerHeight), a = Math.max(n?.left ?? 0, 0), o = Math.min(n?.right ?? window.innerWidth, window.innerWidth), s = $ft(e.y, r, i), c = $ft(e.x, a, o);
|
|
127353
127399
|
(c || s) && (t ? (t.scrollTop += s, t.scrollLeft += c) : window.scrollBy(c, s), this._update()), e.raf = requestAnimationFrame(this._scrollTick);
|
|
127354
127400
|
}
|
|
127355
127401
|
_finish(e) {
|
|
@@ -127393,7 +127439,7 @@ var Hft = [
|
|
|
127393
127439
|
}
|
|
127394
127440
|
_onKeyDown(e) {
|
|
127395
127441
|
if (this.hasAttribute("disabled")) return;
|
|
127396
|
-
let t = e.target.closest?.(
|
|
127442
|
+
let t = e.target.closest?.(Kft), n = t && t.parentElement?.parentElement === this ? t.parentElement : null;
|
|
127397
127443
|
if (!n || this._itemDisabled(n) || this._drag) return;
|
|
127398
127444
|
let r = e.key;
|
|
127399
127445
|
if (!this._kb) {
|
|
@@ -127452,10 +127498,10 @@ var Hft = [
|
|
|
127452
127498
|
e(), n && document.activeElement !== t && t.focus(), this._moving = !1;
|
|
127453
127499
|
}
|
|
127454
127500
|
};
|
|
127455
|
-
function
|
|
127456
|
-
return e < t + T9 ? -Math.ceil(
|
|
127501
|
+
function $ft(e, t, n) {
|
|
127502
|
+
return e < t + T9 ? -Math.ceil(Zft * Math.min(1, (t + T9 - e) / T9)) : e > n - T9 ? Math.ceil(Zft * Math.min(1, (e - (n - T9)) / T9)) : 0;
|
|
127457
127503
|
}
|
|
127458
|
-
function
|
|
127504
|
+
function ept(e) {
|
|
127459
127505
|
for (let t = e.parentElement; t && t !== document.body && t !== document.documentElement; t = t.parentElement) {
|
|
127460
127506
|
let e = getComputedStyle(t), n = /(auto|scroll)/.test(e.overflowY) && t.scrollHeight > t.clientHeight, r = /(auto|scroll)/.test(e.overflowX) && t.scrollWidth > t.clientWidth;
|
|
127461
127507
|
if (n || r) return t;
|
|
@@ -127464,16 +127510,16 @@ function Qft(e) {
|
|
|
127464
127510
|
}
|
|
127465
127511
|
//#endregion
|
|
127466
127512
|
//#region ../elements/dist/elements/sortable.js
|
|
127467
|
-
Hs("wui-sortable",
|
|
127513
|
+
Hs("wui-sortable", Qft);
|
|
127468
127514
|
//#endregion
|
|
127469
127515
|
//#region dist/components/AppSortableList.js
|
|
127470
|
-
var
|
|
127516
|
+
var tpt = ["vertical", "horizontal"], npt = (e, t) => {
|
|
127471
127517
|
e.controlled = !0;
|
|
127472
127518
|
let n = e.order;
|
|
127473
127519
|
(n.length !== t.length || t.some((e, t) => e !== n[t])) && (e.order = t);
|
|
127474
|
-
},
|
|
127520
|
+
}, rpt = u(function(e, r) {
|
|
127475
127521
|
let { items: i = [], onReorder: a, ariaLabel: o, handle: s = !1, group: c, name: l, disabled: u = !1, orientation: d = "vertical", className: f = "", ...p } = e;
|
|
127476
|
-
U("AppSortableList", p), H("AppSortableList", "orientation", d,
|
|
127522
|
+
U("AppSortableList", p), H("AppSortableList", "orientation", d, tpt);
|
|
127477
127523
|
let h = i.map((e) => e.id), g = x(h);
|
|
127478
127524
|
m(() => {
|
|
127479
127525
|
g.current = h;
|
|
@@ -127481,10 +127527,10 @@ var $ft = ["vertical", "horizontal"], ept = (e, t) => {
|
|
|
127481
127527
|
let { setRef: _, innerRef: v } = Ls({
|
|
127482
127528
|
ref: r,
|
|
127483
127529
|
value: h,
|
|
127484
|
-
writeValue:
|
|
127530
|
+
writeValue: npt,
|
|
127485
127531
|
on: { "wui-sortable:change": (e) => {
|
|
127486
127532
|
e.target === e.currentTarget && (a?.(e.detail.ids, e.detail), requestAnimationFrame(() => {
|
|
127487
|
-
v.current &&
|
|
127533
|
+
v.current && npt(v.current, g.current);
|
|
127488
127534
|
}));
|
|
127489
127535
|
} }
|
|
127490
127536
|
});
|
|
@@ -127521,7 +127567,7 @@ var $ft = ["vertical", "horizontal"], ept = (e, t) => {
|
|
|
127521
127567
|
})]
|
|
127522
127568
|
}, e.id))
|
|
127523
127569
|
});
|
|
127524
|
-
}),
|
|
127570
|
+
}), ipt = [
|
|
127525
127571
|
"bar",
|
|
127526
127572
|
"ring",
|
|
127527
127573
|
"dots"
|
|
@@ -127530,9 +127576,9 @@ var $ft = ["vertical", "horizontal"], ept = (e, t) => {
|
|
|
127530
127576
|
md: 56,
|
|
127531
127577
|
lg: 72
|
|
127532
127578
|
};
|
|
127533
|
-
function
|
|
127579
|
+
function apt(e) {
|
|
127534
127580
|
let { logo: r, initials: i, text: a, subtext: o, variant: s = "bar", size: c = "md", label: l = "Loading", className: u = "", ...d } = e;
|
|
127535
|
-
U("AppSplash", d), H("AppSplash", "variant", s,
|
|
127581
|
+
U("AppSplash", d), H("AppSplash", "variant", s, ipt), H("AppSplash", "size", typeof c == "string" ? c : null, Object.keys(E9));
|
|
127536
127582
|
let { style: f, ...p } = d, m = typeof c == "number" ? c : E9[c] ?? E9.md, h = s === "ring" ? t("span", {
|
|
127537
127583
|
className: "splash-ring",
|
|
127538
127584
|
"aria-hidden": "true"
|
|
@@ -127581,34 +127627,34 @@ function rpt(e) {
|
|
|
127581
127627
|
}
|
|
127582
127628
|
//#endregion
|
|
127583
127629
|
//#region dist/components/AppSplitButton.js
|
|
127584
|
-
var
|
|
127630
|
+
var opt = [
|
|
127585
127631
|
"sm",
|
|
127586
127632
|
"md",
|
|
127587
127633
|
"lg"
|
|
127588
|
-
],
|
|
127634
|
+
], spt = [
|
|
127589
127635
|
"button",
|
|
127590
127636
|
"submit",
|
|
127591
127637
|
"reset"
|
|
127592
|
-
],
|
|
127638
|
+
], cpt = {
|
|
127593
127639
|
sm: 14,
|
|
127594
127640
|
md: 16,
|
|
127595
127641
|
lg: 20
|
|
127596
|
-
},
|
|
127642
|
+
}, lpt = {
|
|
127597
127643
|
sm: "btn-sm",
|
|
127598
127644
|
md: "",
|
|
127599
127645
|
lg: "btn-lg"
|
|
127600
127646
|
};
|
|
127601
|
-
function
|
|
127647
|
+
function upt(e) {
|
|
127602
127648
|
let { label: r, items: i = [], onClick: a, href: o, type: s = "button", variant: c = "primary", size: l = "md", disabled: u = !1, loading: d = !1, leftIcon: f, shortcut: p, menuLabel: m = "More actions", align: h = "end", linkComponent: g, className: _ = "", ...v } = e;
|
|
127603
|
-
U("AppSplitButton", v), H("AppSplitButton", "size", l,
|
|
127649
|
+
U("AppSplitButton", v), H("AppSplitButton", "size", l, opt), H("AppSplitButton", "type", s, spt);
|
|
127604
127650
|
let y = [
|
|
127605
127651
|
"btn",
|
|
127606
127652
|
vpe(c),
|
|
127607
|
-
|
|
127653
|
+
lpt[l] ?? "",
|
|
127608
127654
|
"wui-split-toggle"
|
|
127609
127655
|
].filter(Boolean).join(" "), b = t(W, {
|
|
127610
127656
|
name: "chevron-down",
|
|
127611
|
-
size:
|
|
127657
|
+
size: cpt[l] ?? cpt.md
|
|
127612
127658
|
}), x = u || d;
|
|
127613
127659
|
return n("div", {
|
|
127614
127660
|
role: "group",
|
|
@@ -127656,21 +127702,21 @@ var D9 = {
|
|
|
127656
127702
|
lg: 992,
|
|
127657
127703
|
xl: 1200,
|
|
127658
127704
|
xxl: 1400
|
|
127659
|
-
},
|
|
127705
|
+
}, dpt = Object.keys(D9), fpt = [
|
|
127660
127706
|
3,
|
|
127661
127707
|
4,
|
|
127662
127708
|
5,
|
|
127663
127709
|
6,
|
|
127664
127710
|
7,
|
|
127665
127711
|
8
|
|
127666
|
-
],
|
|
127712
|
+
], ppt = 6, mpt = ".wui-split-items > .wui-split-item > .wui-split-link", hpt = (e, t) => e != null && String(e) === String(t), gpt = (e) => {
|
|
127667
127713
|
let t = window.matchMedia?.(`(min-width: ${D9[e]}px)`);
|
|
127668
127714
|
return !t || t.matches;
|
|
127669
|
-
},
|
|
127670
|
-
function
|
|
127715
|
+
}, _pt = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "item";
|
|
127716
|
+
function vpt(r) {
|
|
127671
127717
|
let { items: i = [], currentKey: a, onSelect: o, selectable: s = !1, selectedKeys: c, onToggle: l, onToggleAll: u, bulkActions: d, header: f, chips: p, pane: h, paneHeader: g, pager: _ = !0, shortcuts: v, shortcutsEnabled: b = !0, empty: S = "Nothing here yet.", loading: C = !1, listWidth: w = 5, stackBelow: T = "xl", className: E = "", ...D } = r, O = y(() => new Set(c), [c]);
|
|
127672
|
-
U("AppSplitView", D), H("AppSplitView", "stackBelow", T,
|
|
127673
|
-
let k = D9[T] ? T : "xl", A =
|
|
127718
|
+
U("AppSplitView", D), H("AppSplitView", "stackBelow", T, dpt), H("AppSplitView", "listWidth", w, fpt);
|
|
127719
|
+
let k = D9[T] ? T : "xl", A = fpt.includes(w) ? w : 5, j = x(null), M = a != null, N = s ? O?.size ?? 0 : 0, P = N > 0, F = s && i.length > 0 && i.every((e) => O?.has(e.key)), I = s && !F && i.some((e) => O?.has(e.key)), L = (e) => {
|
|
127674
127720
|
e && (e.indeterminate = I);
|
|
127675
127721
|
}, R = x(!1);
|
|
127676
127722
|
m(() => {
|
|
@@ -127681,9 +127727,9 @@ function gpt(r) {
|
|
|
127681
127727
|
a != null && j.current?.querySelector(".wui-split-link[aria-current=\"true\"]")?.scrollIntoView?.({ block: "nearest" });
|
|
127682
127728
|
}, [a]);
|
|
127683
127729
|
let ee = (e, t) => {
|
|
127684
|
-
t.button > 0 || t.ctrlKey || t.metaKey || t.shiftKey || t.altKey || o && (e.href && !
|
|
127730
|
+
t.button > 0 || t.ctrlKey || t.metaKey || t.shiftKey || t.altKey || o && (e.href && !gpt(k) || (t.preventDefault(), o(e.key)));
|
|
127685
127731
|
}, te = (e) => {
|
|
127686
|
-
let t = [...j.current?.querySelectorAll(
|
|
127732
|
+
let t = [...j.current?.querySelectorAll(mpt) ?? []];
|
|
127687
127733
|
t[t.findIndex((e) => e.getAttribute("aria-current") === "true") + e]?.click();
|
|
127688
127734
|
}, z = [
|
|
127689
127735
|
"wui-split-view",
|
|
@@ -127699,7 +127745,7 @@ function gpt(r) {
|
|
|
127699
127745
|
key: e.key,
|
|
127700
127746
|
label: e.label,
|
|
127701
127747
|
onPress: () => e.onPress?.(a)
|
|
127702
|
-
}))], ae = i.findIndex((e) =>
|
|
127748
|
+
}))], ae = i.findIndex((e) => hpt(a, e.key)), B = _ && !C && i.length > 0 ? t(A7e, {
|
|
127703
127749
|
"data-split-pager": "",
|
|
127704
127750
|
index: ae >= 0 ? ae + 1 : void 0,
|
|
127705
127751
|
total: i.length,
|
|
@@ -127708,7 +127754,7 @@ function gpt(r) {
|
|
|
127708
127754
|
prevLabel: "Previous item",
|
|
127709
127755
|
nextLabel: "Next item"
|
|
127710
127756
|
}) : null, oe = (r) => {
|
|
127711
|
-
let i =
|
|
127757
|
+
let i = hpt(a, r.key), o = s && !!O?.has(r.key), c = r.badge !== void 0 && r.badge !== null && r.badge !== "", u = n(e, { children: [n("span", {
|
|
127712
127758
|
className: "wui-split-item-main",
|
|
127713
127759
|
children: [t("span", {
|
|
127714
127760
|
className: "wui-split-item-title",
|
|
@@ -127736,7 +127782,7 @@ function gpt(r) {
|
|
|
127736
127782
|
className: "wui-check wui-split-check",
|
|
127737
127783
|
checked: o,
|
|
127738
127784
|
onChange: () => l?.(r.key),
|
|
127739
|
-
"aria-label": `Select ${
|
|
127785
|
+
"aria-label": `Select ${_pt(r.title)}`
|
|
127740
127786
|
}), r.href ? t("a", {
|
|
127741
127787
|
className: "wui-split-link",
|
|
127742
127788
|
href: r.href,
|
|
@@ -127759,7 +127805,7 @@ function gpt(r) {
|
|
|
127759
127805
|
children: [t("span", {
|
|
127760
127806
|
className: "visually-hidden",
|
|
127761
127807
|
children: "Loading"
|
|
127762
|
-
}), Array.from({ length:
|
|
127808
|
+
}), Array.from({ length: ppt }, (e, r) => n("div", {
|
|
127763
127809
|
className: "wui-split-skeleton",
|
|
127764
127810
|
"aria-hidden": "true",
|
|
127765
127811
|
children: [t("span", { className: "skeleton wui-split-skeleton-title" }), t("span", { className: "skeleton wui-split-skeleton-meta" })]
|
|
@@ -127833,8 +127879,8 @@ function gpt(r) {
|
|
|
127833
127879
|
className: "wui-kbd",
|
|
127834
127880
|
children: "Enter"
|
|
127835
127881
|
}), " Open"] }),
|
|
127836
|
-
t(
|
|
127837
|
-
items:
|
|
127882
|
+
t(Pft, {
|
|
127883
|
+
items: mpt,
|
|
127838
127884
|
shortcuts: ie
|
|
127839
127885
|
})
|
|
127840
127886
|
]
|
|
@@ -127856,7 +127902,7 @@ function gpt(r) {
|
|
|
127856
127902
|
}
|
|
127857
127903
|
//#endregion
|
|
127858
127904
|
//#region dist/components/AppStatusBadge.js
|
|
127859
|
-
var
|
|
127905
|
+
var ypt = [
|
|
127860
127906
|
"neutral",
|
|
127861
127907
|
"primary",
|
|
127862
127908
|
"success",
|
|
@@ -127864,9 +127910,9 @@ var _pt = [
|
|
|
127864
127910
|
"danger",
|
|
127865
127911
|
"info"
|
|
127866
127912
|
];
|
|
127867
|
-
function
|
|
127913
|
+
function bpt(e) {
|
|
127868
127914
|
let { label: n, tone: r = "neutral", className: i = "", tooltip: a, tooltipPlacement: o, ...s } = e;
|
|
127869
|
-
return U("AppStatusBadge", s), H("AppStatusBadge", "tone", r,
|
|
127915
|
+
return U("AppStatusBadge", s), H("AppStatusBadge", "tone", r, ypt), n == null || n === "" ? "-" : Ko(t("span", {
|
|
127870
127916
|
className: `status-label ${r}${i ? ` ${i}` : ""}`,
|
|
127871
127917
|
...V("AppStatusBadge", e),
|
|
127872
127918
|
...s,
|
|
@@ -127875,47 +127921,47 @@ function vpt(e) {
|
|
|
127875
127921
|
}
|
|
127876
127922
|
//#endregion
|
|
127877
127923
|
//#region dist/components/AppStepper.js
|
|
127878
|
-
var
|
|
127924
|
+
var xpt = ["steps", "journey"], Spt = ["horizontal", "vertical"], Cpt = [
|
|
127879
127925
|
"linear",
|
|
127880
127926
|
"outline",
|
|
127881
127927
|
"bold",
|
|
127882
127928
|
"bulk",
|
|
127883
127929
|
"broken",
|
|
127884
127930
|
"twotone"
|
|
127885
|
-
],
|
|
127931
|
+
], wpt = [
|
|
127886
127932
|
"sm",
|
|
127887
127933
|
"md",
|
|
127888
127934
|
"lg"
|
|
127889
|
-
],
|
|
127935
|
+
], Tpt = ["primary", "info"], Ept = {
|
|
127890
127936
|
sm: 12,
|
|
127891
127937
|
md: 14,
|
|
127892
127938
|
lg: 18
|
|
127893
|
-
},
|
|
127939
|
+
}, Dpt = [
|
|
127894
127940
|
"done",
|
|
127895
127941
|
"active",
|
|
127896
127942
|
"pending",
|
|
127897
127943
|
"error"
|
|
127898
127944
|
];
|
|
127899
|
-
function
|
|
127945
|
+
function Opt(r) {
|
|
127900
127946
|
let { steps: i = [], variant: a = "steps", orientation: o = "horizontal", iconVariant: s, size: c = "md", iconSize: l, activeStep: u, onStepClick: d, label: f = "Progress", tone: p = "primary", linkComponent: m, className: h = "", ...g } = r;
|
|
127901
|
-
U("AppStepper", g), H("AppStepper", "variant", a,
|
|
127902
|
-
let _ = l > 0 ? l :
|
|
127903
|
-
for (let e of i) H("AppStepper", "steps[].status", e.status,
|
|
127947
|
+
U("AppStepper", g), H("AppStepper", "variant", a, xpt), H("AppStepper", "orientation", o, Spt), H("AppStepper", "iconVariant", s, Cpt), H("AppStepper", "size", c, wpt), H("AppStepper", "tone", p, Tpt);
|
|
127948
|
+
let _ = l > 0 ? l : Ept[c] ?? Ept.md;
|
|
127949
|
+
for (let e of i) H("AppStepper", "steps[].status", e.status, Dpt);
|
|
127904
127950
|
let v = a === "journey";
|
|
127905
127951
|
return t("nav", {
|
|
127906
127952
|
className: [
|
|
127907
127953
|
"stepper",
|
|
127908
127954
|
v && "stepper-journey",
|
|
127909
127955
|
o === "vertical" && "stepper-vertical",
|
|
127910
|
-
c !== "md" &&
|
|
127911
|
-
p !== "primary" &&
|
|
127956
|
+
c !== "md" && wpt.includes(c) && `wui-step-size-${c}`,
|
|
127957
|
+
p !== "primary" && Tpt.includes(p) && `wui-step-tone-${p}`,
|
|
127912
127958
|
h
|
|
127913
127959
|
].filter(Boolean).join(" "),
|
|
127914
127960
|
"aria-label": f,
|
|
127915
127961
|
...V("AppStepper", r),
|
|
127916
127962
|
...g,
|
|
127917
127963
|
children: i.map((r, a) => {
|
|
127918
|
-
let o = r.status ||
|
|
127964
|
+
let o = r.status || kpt(a, u), c = `step${o === "pending" ? "" : ` ${o}`}`, l;
|
|
127919
127965
|
l = o === "done" ? t(W, {
|
|
127920
127966
|
name: "check",
|
|
127921
127967
|
size: _,
|
|
@@ -127982,12 +128028,12 @@ function Ept(r) {
|
|
|
127982
128028
|
})
|
|
127983
128029
|
});
|
|
127984
128030
|
}
|
|
127985
|
-
function
|
|
128031
|
+
function kpt(e, t) {
|
|
127986
128032
|
return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
|
|
127987
128033
|
}
|
|
127988
128034
|
//#endregion
|
|
127989
128035
|
//#region dist/components/AppTableEmptyState.js
|
|
127990
|
-
function
|
|
128036
|
+
function Apt(e) {
|
|
127991
128037
|
let { icon: r, illustration: i, title: a, text: o, action: s, ...c } = e;
|
|
127992
128038
|
U("AppTableEmptyState", c), typeof i == "string" && H("AppTableEmptyState", "illustration", i, ws);
|
|
127993
128039
|
let l = typeof i == "string" && ws.includes(i), u = i != null && typeof i != "string" ? i : null;
|
|
@@ -128024,7 +128070,7 @@ function Opt(e) {
|
|
|
128024
128070
|
}
|
|
128025
128071
|
//#endregion
|
|
128026
128072
|
//#region dist/components/AppTableToolbar.js
|
|
128027
|
-
function
|
|
128073
|
+
function jpt(e) {
|
|
128028
128074
|
let { filters: r, actions: i, selectedCount: a = 0, bulkActions: o, onClearSelection: s, totalCount: c, pageCount: l, onSelectAllMatching: u, allMatchingSelected: d = !1, className: f = "", ...p } = e;
|
|
128029
128075
|
U("AppTableToolbar", p);
|
|
128030
128076
|
let m = a > 0, h = typeof u == "function" && typeof c == "number", g = h && d, _ = (e) => Ye(e, { decimals: 0 }), v = h && !g && m && a >= (l ?? 1) && c > (l ?? a);
|
|
@@ -128075,20 +128121,20 @@ function kpt(e) {
|
|
|
128075
128121
|
}
|
|
128076
128122
|
//#endregion
|
|
128077
128123
|
//#region dist/components/AppTabs.js
|
|
128078
|
-
var
|
|
128124
|
+
var Mpt = ["underline", "pills"], Npt = ["horizontal", "vertical"], Ppt = [
|
|
128079
128125
|
"sm",
|
|
128080
128126
|
"md",
|
|
128081
128127
|
"lg"
|
|
128082
|
-
],
|
|
128128
|
+
], Fpt = ["automatic", "manual"], Ipt = ["scroll", "menu"], Lpt = [
|
|
128083
128129
|
"success",
|
|
128084
128130
|
"warning",
|
|
128085
128131
|
"danger",
|
|
128086
128132
|
"info"
|
|
128087
|
-
], O9 = 1,
|
|
128088
|
-
function
|
|
128133
|
+
], O9 = 1, Rpt = 28, zpt = .7;
|
|
128134
|
+
function Bpt(r) {
|
|
128089
128135
|
let { tabs: i, value: a, onChange: o, linkComponent: c, variant: l = "underline", orientation: u = "horizontal", size: d = "md", fitted: p = !1, overflow: h = "scroll", moreLabel: g = "More", maxVisible: _, activation: y = "automatic", ariaLabel: b, className: C = "", style: w, "data-canvas": T, ...E } = r;
|
|
128090
|
-
U("AppTabs", E), H("AppTabs", "variant", l,
|
|
128091
|
-
for (let e of i) H("AppTabs", "tabs[].tone", e.tone,
|
|
128136
|
+
U("AppTabs", E), H("AppTabs", "variant", l, Mpt), H("AppTabs", "orientation", u, Npt), H("AppTabs", "size", d, Ppt), H("AppTabs", "activation", y, Fpt), H("AppTabs", "overflow", h, Ipt);
|
|
128137
|
+
for (let e of i) H("AppTabs", "tabs[].tone", e.tone, Lpt);
|
|
128092
128138
|
let D = x(null), O = x(null), k = u === "vertical", A = (h === "menu" || _ != null) && !k, [j, M] = S(a);
|
|
128093
128139
|
m(() => {
|
|
128094
128140
|
M(a);
|
|
@@ -128115,7 +128161,7 @@ function Rpt(r) {
|
|
|
128115
128161
|
if (!e || k) return;
|
|
128116
128162
|
let t = e.querySelector(".app-tab.active");
|
|
128117
128163
|
if (!t) return;
|
|
128118
|
-
let n =
|
|
128164
|
+
let n = Rpt, r = t.offsetLeft, i = r + t.offsetWidth;
|
|
128119
128165
|
r - n < e.scrollLeft ? e.scrollLeft = Math.max(0, r - n) : i + n > e.scrollLeft + e.clientWidth && (e.scrollLeft = i + n - e.clientWidth);
|
|
128120
128166
|
}, [k]);
|
|
128121
128167
|
v(() => {
|
|
@@ -128163,7 +128209,7 @@ function Rpt(r) {
|
|
|
128163
128209
|
}
|
|
128164
128210
|
let ie = (e) => {
|
|
128165
128211
|
let t = D.current;
|
|
128166
|
-
t && t.scrollBy({ left: e * t.clientWidth *
|
|
128212
|
+
t && t.scrollBy({ left: e * t.clientWidth * zpt });
|
|
128167
128213
|
}, ae = [
|
|
128168
128214
|
"app-tabs",
|
|
128169
128215
|
l === "pills" ? "app-tabs-pills" : "",
|
|
@@ -128285,7 +128331,7 @@ function Rpt(r) {
|
|
|
128285
128331
|
}
|
|
128286
128332
|
//#endregion
|
|
128287
128333
|
//#region ../elements/dist/WuiTagInput-oJliYC-h.js
|
|
128288
|
-
var
|
|
128334
|
+
var Vpt = class extends Us {
|
|
128289
128335
|
static formAssociated = !0;
|
|
128290
128336
|
_accessibleName() {
|
|
128291
128337
|
return this.getAttribute("aria-label") || this.getAttribute("placeholder") || "Add tags";
|
|
@@ -128366,7 +128412,7 @@ var zpt = class extends Us {
|
|
|
128366
128412
|
let e = this.querySelector("[data-chips]");
|
|
128367
128413
|
if (e) {
|
|
128368
128414
|
for (let t of e.querySelectorAll(":scope > .chip")) t.remove();
|
|
128369
|
-
this._values.length && e.querySelector("[data-input]").insertAdjacentHTML("beforebegin", this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${
|
|
128415
|
+
this._values.length && e.querySelector("[data-input]").insertAdjacentHTML("beforebegin", this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${Hpt(e)}</span><button type="button" class="chip-remove" data-remove="${k9(e)}" aria-label="Remove ${k9(e)}">${at("x")}</button></span>`).join(""));
|
|
128370
128416
|
}
|
|
128371
128417
|
}
|
|
128372
128418
|
_wire() {
|
|
@@ -128437,15 +128483,15 @@ var zpt = class extends Us {
|
|
|
128437
128483
|
disconnectedCallback() {
|
|
128438
128484
|
this._teardown();
|
|
128439
128485
|
}
|
|
128440
|
-
},
|
|
128486
|
+
}, Hpt = (e) => String(e ?? "").replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">"), k9 = (e) => String(e ?? "").replace(/&/g, "&").replace(/"/g, """).replace(/</g, "<");
|
|
128441
128487
|
//#endregion
|
|
128442
128488
|
//#region ../elements/dist/elements/taginput.js
|
|
128443
|
-
Hs("wui-taginput",
|
|
128489
|
+
Hs("wui-taginput", Vpt);
|
|
128444
128490
|
//#endregion
|
|
128445
128491
|
//#region dist/components/AppTagInput.js
|
|
128446
|
-
var
|
|
128492
|
+
var Upt = ["sm", "lg"], Wpt = u(function(e, r) {
|
|
128447
128493
|
let { values: i, onChange: a, placeholder: o = "Add…", name: s, label: c, error: l, hint: u, required: d = !1, size: f, maxTags: p, allowDuplicates: m = !1, disabled: g = !1, id: _, ariaLabel: v, className: y = "", fieldClassName: b = "", help: x, helpLabel: S = "More information", "data-canvas": C, ...w } = e;
|
|
128448
|
-
U("AppTagInput", w), H("AppTagInput", "size", f,
|
|
128494
|
+
U("AppTagInput", w), H("AppTagInput", "size", f, Upt);
|
|
128449
128495
|
let T = h(), E = _ || T, { setRef: D } = Ls({
|
|
128450
128496
|
ref: r,
|
|
128451
128497
|
value: i,
|
|
@@ -128493,7 +128539,7 @@ var Vpt = ["sm", "lg"], Hpt = u(function(e, r) {
|
|
|
128493
128539
|
})
|
|
128494
128540
|
]
|
|
128495
128541
|
});
|
|
128496
|
-
}),
|
|
128542
|
+
}), Gpt = u(function(e, r) {
|
|
128497
128543
|
let { label: i, required: a = !1, error: o, hint: s, help: c, helpLabel: l = "More information", id: u, name: d, rows: p = 4, autoGrow: g = !1, showCount: _ = !1, maxLength: y, disabled: b = !1, readOnly: C = !1, className: w = "", fieldClassName: T = "", "data-canvas": E, ...D } = e;
|
|
128498
128544
|
U("AppTextarea", D);
|
|
128499
128545
|
let O = h(), k = u || O, A = [
|
|
@@ -128569,19 +128615,19 @@ var Vpt = ["sm", "lg"], Hpt = u(function(e, r) {
|
|
|
128569
128615
|
light: "sun",
|
|
128570
128616
|
dark: "moon",
|
|
128571
128617
|
auto: "monitor"
|
|
128572
|
-
},
|
|
128618
|
+
}, Kpt = {
|
|
128573
128619
|
light: "light",
|
|
128574
128620
|
dark: "dark",
|
|
128575
128621
|
auto: "follows your device"
|
|
128576
|
-
},
|
|
128622
|
+
}, qpt = ["icon", "segmented"], j9 = {
|
|
128577
128623
|
sm: 16,
|
|
128578
128624
|
md: 20,
|
|
128579
128625
|
lg: 24,
|
|
128580
128626
|
xl: 28
|
|
128581
128627
|
};
|
|
128582
|
-
function
|
|
128628
|
+
function Jpt(e) {
|
|
128583
128629
|
let { variant: n = "icon", effect: r = qee, includeAuto: i = !0, storageKey: a = fn, duration: o, label: s = "Theme", lightLabel: c = "Light", darkLabel: l = "Dark", autoLabel: u = "System", name: d, size: p = "md", tooltipPlacement: g = "auto", onChange: _, className: v = "", ...y } = e;
|
|
128584
|
-
U("AppThemeToggle", y), H("AppThemeToggle", "variant", n,
|
|
128630
|
+
U("AppThemeToggle", y), H("AppThemeToggle", "variant", n, qpt), H("AppThemeToggle", "effect", r, Kee), H("AppThemeToggle", "size", p, Object.keys(j9));
|
|
128585
128631
|
let b = f((e) => e === "auto" && !i ? mn(e) : e, [i]), [x, C] = S(() => b(typeof window > "u" ? "auto" : $ee(a))), w = h(), T = d || w;
|
|
128586
128632
|
m(() => {
|
|
128587
128633
|
let e = document.documentElement.getAttribute("data-theme");
|
|
@@ -128655,7 +128701,7 @@ function Kpt(e) {
|
|
|
128655
128701
|
return t(fs, {
|
|
128656
128702
|
...V("AppThemeToggle", e),
|
|
128657
128703
|
icon: A9[x],
|
|
128658
|
-
label: `${s}: ${
|
|
128704
|
+
label: `${s}: ${Kpt[x]}`,
|
|
128659
128705
|
size: j9[p] ?? j9.md,
|
|
128660
128706
|
tooltipPlacement: g,
|
|
128661
128707
|
onClick: (e) => D(tte(x, { includeAuto: i }), e.currentTarget),
|
|
@@ -128664,28 +128710,28 @@ function Kpt(e) {
|
|
|
128664
128710
|
}
|
|
128665
128711
|
//#endregion
|
|
128666
128712
|
//#region dist/components/AppTimeline.js
|
|
128667
|
-
var
|
|
128713
|
+
var Ypt = [
|
|
128668
128714
|
"feed",
|
|
128669
128715
|
"progress",
|
|
128670
128716
|
"steps"
|
|
128671
|
-
],
|
|
128717
|
+
], Xpt = ["vertical", "horizontal"], Zpt = [
|
|
128672
128718
|
"linear",
|
|
128673
128719
|
"outline",
|
|
128674
128720
|
"bold",
|
|
128675
128721
|
"bulk",
|
|
128676
128722
|
"broken",
|
|
128677
128723
|
"twotone"
|
|
128678
|
-
],
|
|
128724
|
+
], Qpt = [
|
|
128679
128725
|
"neutral",
|
|
128680
128726
|
"success",
|
|
128681
128727
|
"warning",
|
|
128682
128728
|
"danger",
|
|
128683
128729
|
"info"
|
|
128684
|
-
],
|
|
128730
|
+
], $pt = [
|
|
128685
128731
|
"sm",
|
|
128686
128732
|
"md",
|
|
128687
128733
|
"lg"
|
|
128688
|
-
],
|
|
128734
|
+
], emt = {
|
|
128689
128735
|
done: "check",
|
|
128690
128736
|
current: "clock",
|
|
128691
128737
|
"on-hold": "lock",
|
|
@@ -128693,23 +128739,23 @@ var qpt = [
|
|
|
128693
128739
|
cancelled: "minus",
|
|
128694
128740
|
skipped: "arrow-right",
|
|
128695
128741
|
upcoming: null
|
|
128696
|
-
},
|
|
128697
|
-
function
|
|
128742
|
+
}, tmt = (e) => typeof e == "string" && (/^https?:[/][/]/i.test(e) || e.startsWith("/") && e[1] !== "/" && e[1] !== "\\") && ![...e].some((e) => e.charCodeAt(0) <= 32 || e.charCodeAt(0) === 127);
|
|
128743
|
+
function nmt(e) {
|
|
128698
128744
|
if (!(e.byHref == null || e.byHref === "")) {
|
|
128699
|
-
if (
|
|
128745
|
+
if (!tmt(e.byHref)) throw Error("<AppTimeline> items[].byHref must be a path starting with one '/', or an http:// or https:// address, with no spaces.");
|
|
128700
128746
|
if (!e.by) throw Error("<AppTimeline> items[].byHref links the by name, so the item needs by.");
|
|
128701
128747
|
}
|
|
128702
128748
|
}
|
|
128703
|
-
var
|
|
128749
|
+
var rmt = (e) => e.byHref ? t("a", {
|
|
128704
128750
|
className: "timeline-by-link",
|
|
128705
128751
|
href: e.byHref,
|
|
128706
128752
|
children: e.by
|
|
128707
128753
|
}) : e.by;
|
|
128708
|
-
function
|
|
128754
|
+
function imt(e) {
|
|
128709
128755
|
let { items: r = [], variant: i = "feed", orientation: a, iconVariant: o, size: s, className: c = "", style: l, ...u } = e;
|
|
128710
|
-
U("AppTimeline", u), H("AppTimeline", "variant", i,
|
|
128711
|
-
for (let e of r) H("AppTimeline", "items[].tone", e.tone,
|
|
128712
|
-
let d = i === "progress", f = i === "steps", p = a === "horizontal", m = o ?? (f ? "bulk" : void 0), h = typeof s == "string" &&
|
|
128756
|
+
U("AppTimeline", u), H("AppTimeline", "variant", i, Ypt), H("AppTimeline", "orientation", a, Xpt), H("AppTimeline", "iconVariant", o, Zpt), H("AppTimeline", "size", typeof s == "string" ? s : null, $pt);
|
|
128757
|
+
for (let e of r) H("AppTimeline", "items[].tone", e.tone, Qpt), nmt(e), i === "progress" && H("AppTimeline", "items[].status", e.status, Object.keys(emt));
|
|
128758
|
+
let d = i === "progress", f = i === "steps", p = a === "horizontal", m = o ?? (f ? "bulk" : void 0), h = typeof s == "string" && $pt.includes(s) ? s : "md", g = typeof s == "number" && s > 0 ? s : void 0, _ = !g && h !== "md" ? ` wui-timeline--${h}` : "", v = `${f ? `timeline wui-timeline--steps${a === "vertical" ? " wui-timeline--steps-vertical" : ""}` : `timeline${d ? " timeline--progress" : ""}${p ? " timeline--horizontal" : ""}`}${_}${c ? ` ${c}` : ""}`, y = f ? g ? Math.round(g * .43) : {
|
|
128713
128759
|
sm: 19,
|
|
128714
128760
|
md: 24,
|
|
128715
128761
|
lg: 31
|
|
@@ -128762,7 +128808,7 @@ function nmt(e) {
|
|
|
128762
128808
|
})]
|
|
128763
128809
|
}, e.key ?? `${e.at}-${r}`);
|
|
128764
128810
|
}
|
|
128765
|
-
let a = d ? e.status : void 0, o = a ? ` is-${a}` : "", s = d ? e.icon ?? (a ?
|
|
128811
|
+
let a = d ? e.status : void 0, o = a ? ` is-${a}` : "", s = d ? e.icon ?? (a ? emt[a] : void 0) : e.icon || "circle";
|
|
128766
128812
|
return n("li", {
|
|
128767
128813
|
className: `timeline-item${o}${i}`,
|
|
128768
128814
|
children: [t("span", {
|
|
@@ -128813,14 +128859,14 @@ function nmt(e) {
|
|
|
128813
128859
|
})]
|
|
128814
128860
|
}), e.by && t("span", {
|
|
128815
128861
|
className: "timeline-by",
|
|
128816
|
-
children:
|
|
128862
|
+
children: rmt(e)
|
|
128817
128863
|
})]
|
|
128818
128864
|
}),
|
|
128819
128865
|
d && e.by && t("div", {
|
|
128820
128866
|
className: "timeline-meta",
|
|
128821
128867
|
children: t("span", {
|
|
128822
128868
|
className: "timeline-by",
|
|
128823
|
-
children:
|
|
128869
|
+
children: rmt(e)
|
|
128824
128870
|
})
|
|
128825
128871
|
}),
|
|
128826
128872
|
e.note && t("p", {
|
|
@@ -128835,7 +128881,7 @@ function nmt(e) {
|
|
|
128835
128881
|
}
|
|
128836
128882
|
//#endregion
|
|
128837
128883
|
//#region ../elements/dist/WuiTimePicker-CDcjvxR9.js
|
|
128838
|
-
var M9 = (e) => String(e).padStart(2, "0"),
|
|
128884
|
+
var M9 = (e) => String(e).padStart(2, "0"), amt = (e, t) => `${M9(e)}:${M9(t)}`, N9 = (e) => {
|
|
128839
128885
|
let t = /^(\d{2}):(\d{2})$/.exec(e || "");
|
|
128840
128886
|
return t ? {
|
|
128841
128887
|
h: +t[1],
|
|
@@ -128843,10 +128889,10 @@ var M9 = (e) => String(e).padStart(2, "0"), rmt = (e, t) => `${M9(e)}:${M9(t)}`,
|
|
|
128843
128889
|
} : null;
|
|
128844
128890
|
}, P9 = (e, t = "24") => {
|
|
128845
128891
|
if (!e) return "";
|
|
128846
|
-
if (t === "24") return
|
|
128892
|
+
if (t === "24") return amt(e.h, e.m);
|
|
128847
128893
|
let n = e.h % 12 || 12, r = e.h >= 12 ? "PM" : "AM";
|
|
128848
128894
|
return `${n}:${M9(e.m)} ${r}`;
|
|
128849
|
-
},
|
|
128895
|
+
}, omt = (e) => {
|
|
128850
128896
|
let t = String(e || "").trim().toLowerCase(), n = /^(\d{1,2})(?:[:.](\d{2})|(\d{2}))?\s*(?:([ap])\.?\s*(?:m\.?)?)?$/.exec(t);
|
|
128851
128897
|
if (!n) return null;
|
|
128852
128898
|
let r = +n[1], i = +(n[2] ?? n[3] ?? "0");
|
|
@@ -128859,7 +128905,7 @@ var M9 = (e) => String(e).padStart(2, "0"), rmt = (e, t) => `${M9(e)}:${M9(t)}`,
|
|
|
128859
128905
|
h: r,
|
|
128860
128906
|
m: i
|
|
128861
128907
|
};
|
|
128862
|
-
},
|
|
128908
|
+
}, smt = 0;
|
|
128863
128909
|
//#endregion
|
|
128864
128910
|
//#region ../elements/dist/elements/timepicker.js
|
|
128865
128911
|
Hs("wui-timepicker", class extends Us {
|
|
@@ -128887,7 +128933,7 @@ Hs("wui-timepicker", class extends Us {
|
|
|
128887
128933
|
} catch {
|
|
128888
128934
|
this._internals = null;
|
|
128889
128935
|
}
|
|
128890
|
-
this._value = "", this._uid = `wui-tp-${++
|
|
128936
|
+
this._value = "", this._uid = `wui-tp-${++smt}`, this._typedError = "", this._typeahead = "", this._typeaheadTimer = null, this.addEventListener("focusout", (e) => {
|
|
128891
128937
|
this._isOpen?.() && e.relatedTarget && !this.contains(e.relatedTarget) && this._close({ commit: !0 });
|
|
128892
128938
|
});
|
|
128893
128939
|
}
|
|
@@ -129018,15 +129064,15 @@ Hs("wui-timepicker", class extends Us {
|
|
|
129018
129064
|
if (!e || e.value === P9(N9(this._value), this._format())) return !0;
|
|
129019
129065
|
let t = e.value.trim(), n = "";
|
|
129020
129066
|
if (t) {
|
|
129021
|
-
let e =
|
|
129067
|
+
let e = omt(t), r = e ? this._refusal(e) : `Enter a time like ${this._format() === "12" ? "7:45 PM" : "19:45"}.`;
|
|
129022
129068
|
if (r) return this._typedError = r, this._syncInvalid(), !1;
|
|
129023
|
-
n =
|
|
129069
|
+
n = amt(e.h, e.m);
|
|
129024
129070
|
}
|
|
129025
129071
|
let r = n !== this._value;
|
|
129026
129072
|
return this.value = n, r && this.dispatchEvent(new Event("change", { bubbles: !0 })), !0;
|
|
129027
129073
|
}
|
|
129028
129074
|
_pending() {
|
|
129029
|
-
let e =
|
|
129075
|
+
let e = omt(this._input()?.value);
|
|
129030
129076
|
return e && this._allowed(e.h, e.m) ? e : null;
|
|
129031
129077
|
}
|
|
129032
129078
|
_columnsHtml() {
|
|
@@ -129208,15 +129254,15 @@ Hs("wui-timepicker", class extends Us {
|
|
|
129208
129254
|
});
|
|
129209
129255
|
//#endregion
|
|
129210
129256
|
//#region dist/components/AppTimePicker.js
|
|
129211
|
-
var
|
|
129257
|
+
var cmt = [
|
|
129212
129258
|
"sm",
|
|
129213
129259
|
"md",
|
|
129214
129260
|
"lg"
|
|
129215
|
-
],
|
|
129261
|
+
], lmt = ["12", "24"], umt = u(function(e, r) {
|
|
129216
129262
|
let { value: i, onChange: a, label: o, required: c = !1, hint: l, error: u, help: d, helpLabel: f = "More information", name: p, min: m, max: g, step: _, format: v = 24, placeholder: y = "Select time", disabled: b, size: x, id: S, ariaLabel: C, className: w = "", fieldClassName: T = "", "data-canvas": E, ...D } = e;
|
|
129217
|
-
U("AppTimePicker", D), H("AppTimePicker", "size", x,
|
|
129263
|
+
U("AppTimePicker", D), H("AppTimePicker", "size", x, cmt);
|
|
129218
129264
|
let O = String(v);
|
|
129219
|
-
H("AppTimePicker", "format", O,
|
|
129265
|
+
H("AppTimePicker", "format", O, lmt);
|
|
129220
129266
|
let k = h(), A = S || p || k, { setRef: j } = Ls({
|
|
129221
129267
|
ref: r,
|
|
129222
129268
|
value: i ?? "",
|
|
@@ -129265,7 +129311,7 @@ var omt = [
|
|
|
129265
129311
|
})
|
|
129266
129312
|
]
|
|
129267
129313
|
});
|
|
129268
|
-
}),
|
|
129314
|
+
}), dmt = {
|
|
129269
129315
|
success: {
|
|
129270
129316
|
icon: "check-circle",
|
|
129271
129317
|
assertive: !1
|
|
@@ -129290,7 +129336,7 @@ var omt = [
|
|
|
129290
129336
|
"bottom-start": "bottom-0 start-0",
|
|
129291
129337
|
"bottom-center": "bottom-0 start-50 translate-middle-x",
|
|
129292
129338
|
"bottom-end": "bottom-0 end-0"
|
|
129293
|
-
},
|
|
129339
|
+
}, fmt = 64, I9 = /* @__PURE__ */ new Set([
|
|
129294
129340
|
"rise",
|
|
129295
129341
|
"organic",
|
|
129296
129342
|
"jelly",
|
|
@@ -129299,10 +129345,10 @@ var omt = [
|
|
|
129299
129345
|
"rounded",
|
|
129300
129346
|
"pill",
|
|
129301
129347
|
"sharp"
|
|
129302
|
-
]),
|
|
129303
|
-
function
|
|
129348
|
+
]), pmt = /* @__PURE__ */ new Set(["auto", "inverse"]);
|
|
129349
|
+
function mmt(e) {
|
|
129304
129350
|
let { position: r = "bottom-end", maxVisible: i = 4, animation: a = "rise", shape: o = "rounded", surface: s = "auto", className: c = "", ...l } = e;
|
|
129305
|
-
U("AppToast", l), H("AppToast", "position", r, Object.keys(F9)), H("AppToast", "animation", a, I9), H("AppToast", "shape", o, L9), H("AppToast", "surface", s,
|
|
129351
|
+
U("AppToast", l), H("AppToast", "position", r, Object.keys(F9)), H("AppToast", "animation", a, I9), H("AppToast", "shape", o, L9), H("AppToast", "surface", s, pmt);
|
|
129306
129352
|
let [u, d] = S([]);
|
|
129307
129353
|
m(() => LZe(d), []);
|
|
129308
129354
|
let f = Math.max(0, u.length - i), p = f ? u.slice(f) : u, h = F9[r] ?? F9["bottom-end"];
|
|
@@ -129318,7 +129364,7 @@ function fmt(e) {
|
|
|
129318
129364
|
f,
|
|
129319
129365
|
" more"
|
|
129320
129366
|
]
|
|
129321
|
-
}), p.map((e) => t(
|
|
129367
|
+
}), p.map((e) => t(hmt, {
|
|
129322
129368
|
toast: e,
|
|
129323
129369
|
defaultAnimation: a,
|
|
129324
129370
|
defaultShape: o,
|
|
@@ -129326,8 +129372,8 @@ function fmt(e) {
|
|
|
129326
129372
|
}, e.id))]
|
|
129327
129373
|
});
|
|
129328
129374
|
}
|
|
129329
|
-
function
|
|
129330
|
-
let o =
|
|
129375
|
+
function hmt({ toast: e, defaultAnimation: r = "rise", defaultShape: i = "rounded", defaultSurface: a = "auto" }) {
|
|
129376
|
+
let o = dmt[e.variant] ?? dmt.success, s = I9.has(e.animation) ? e.animation : r, c = L9.has(e.shape) ? e.shape : i, l = pmt.has(e.surface) ? e.surface : a, u = (s !== "rise" && I9.has(s) ? ` wui-toast--anim-${s}` : "") + (c !== "rounded" && L9.has(c) ? ` wui-toast--shape-${c}` : "") + (l === "inverse" ? " wui-toast--surface-inverse" : ""), d = e.duration === 0, [f, p] = S(0), [h, g] = S(!1), _ = x(null), v = () => cZ(e.id), y = x(null);
|
|
129331
129377
|
m(() => {
|
|
129332
129378
|
if (e.duration === 0) return;
|
|
129333
129379
|
zZe(e.id);
|
|
@@ -129345,7 +129391,7 @@ function pmt({ toast: e, defaultAnimation: r = "rise", defaultShape: i = "rounde
|
|
|
129345
129391
|
}, T = (e) => {
|
|
129346
129392
|
if (_.current === null) return;
|
|
129347
129393
|
let t = e.clientX - _.current;
|
|
129348
|
-
if (Math.abs(t) >
|
|
129394
|
+
if (Math.abs(t) > fmt) {
|
|
129349
129395
|
v();
|
|
129350
129396
|
return;
|
|
129351
129397
|
}
|
|
@@ -129429,7 +129475,7 @@ function pmt({ toast: e, defaultAnimation: r = "rise", defaultShape: i = "rounde
|
|
|
129429
129475
|
}
|
|
129430
129476
|
//#endregion
|
|
129431
129477
|
//#region dist/components/AppToolbar.js
|
|
129432
|
-
function
|
|
129478
|
+
function gmt(e) {
|
|
129433
129479
|
let { items: r = [], actions: i = [], value: a, defaultValue: o, onSelect: s, label: c, name: l, disabled: u = !1, className: d = "", ...f } = e;
|
|
129434
129480
|
U("AppToolbar", f);
|
|
129435
129481
|
let p = h(), m = l || p, [g, _] = S(o), v = a === void 0 ? g : a;
|
|
@@ -129489,8 +129535,8 @@ function mmt(e) {
|
|
|
129489
129535
|
}
|
|
129490
129536
|
//#endregion
|
|
129491
129537
|
//#region ../elements/dist/WuiTour-BZQVityh.js
|
|
129492
|
-
var R9 = "data-advance",
|
|
129493
|
-
function
|
|
129538
|
+
var R9 = "data-advance", _mt = "wui-tour-hint", vmt = "Click {actionName} to continue.", ymt = "a[href], button, input, select, textarea, summary, [tabindex], [contenteditable]", z9 = (e, t) => e?.advanceOn === "click" && !!t, bmt = (e) => (e ?? "").replace(/\s+/g, " ").trim();
|
|
129539
|
+
function xmt(e) {
|
|
129494
129540
|
let t = e.ownerDocument, n = (e.getAttribute("aria-labelledby") || "").split(/\s+/).filter(Boolean), r = e.tagName === "INPUT" && /^(button|submit|reset)$/.test(e.type) ? e.value : "", i = [
|
|
129495
129541
|
n.map((e) => t.getElementById(e)?.textContent ?? "").join(" "),
|
|
129496
129542
|
e.getAttribute("aria-label"),
|
|
@@ -129501,37 +129547,37 @@ function ymt(e) {
|
|
|
129501
129547
|
e.getAttribute("title")
|
|
129502
129548
|
];
|
|
129503
129549
|
for (let e of i) {
|
|
129504
|
-
let t =
|
|
129550
|
+
let t = bmt(e);
|
|
129505
129551
|
if (t) return t;
|
|
129506
129552
|
}
|
|
129507
129553
|
return "";
|
|
129508
129554
|
}
|
|
129509
|
-
function
|
|
129510
|
-
for (let t of [e, ...e.querySelectorAll(
|
|
129555
|
+
function Smt(e) {
|
|
129556
|
+
for (let t of [e, ...e.querySelectorAll(ymt)]) if (t.tabIndex >= 0 && !t.disabled) return t;
|
|
129511
129557
|
return null;
|
|
129512
129558
|
}
|
|
129513
|
-
function
|
|
129559
|
+
function Cmt(e, t, n) {
|
|
129514
129560
|
let r = (e.getAttribute("aria-describedby") || "").split(/\s+/).filter((e) => e && e !== t);
|
|
129515
129561
|
n && r.push(t), r.length > 0 ? e.setAttribute("aria-describedby", r.join(" ")) : e.removeAttribute("aria-describedby");
|
|
129516
129562
|
}
|
|
129517
|
-
function
|
|
129518
|
-
let n = e.querySelector(`.${
|
|
129563
|
+
function wmt(e, t) {
|
|
129564
|
+
let n = e.querySelector(`.${_mt}`), r = e.querySelector(".wui-tour-text")?.id, i = r ? `${r.replace(/-text$/, "")}-hint` : "";
|
|
129519
129565
|
if (!t) {
|
|
129520
|
-
n?.remove(), i &&
|
|
129566
|
+
n?.remove(), i && Cmt(e, i, !1);
|
|
129521
129567
|
return;
|
|
129522
129568
|
}
|
|
129523
|
-
n || (n = e.ownerDocument.createElement("p"), n.className =
|
|
129569
|
+
n || (n = e.ownerDocument.createElement("p"), n.className = _mt, i && (n.id = i), e.querySelector(".wui-tour-actions").before(n)), n.textContent = t, i && Cmt(e, i, !0);
|
|
129524
129570
|
}
|
|
129525
|
-
var
|
|
129526
|
-
function
|
|
129571
|
+
var Tmt = (e) => getComputedStyle(e).animationName;
|
|
129572
|
+
function Emt(e, { layer: t, spot: n, card: r }, i, a) {
|
|
129527
129573
|
let o = z9(i, a);
|
|
129528
|
-
t.toggleAttribute(R9, o && !(t.getRootNode() instanceof ShadowRoot)), n.hasAttribute(R9) && (n.removeAttribute(R9), o &&
|
|
129574
|
+
t.toggleAttribute(R9, o && !(t.getRootNode() instanceof ShadowRoot)), n.hasAttribute(R9) && (n.removeAttribute(R9), o && Tmt(n)), o && n.setAttribute(R9, "");
|
|
129529
129575
|
let s = r.querySelector(".wui-tour-next");
|
|
129530
129576
|
s.classList.toggle("btn-primary", !o), s.classList.toggle("btn-link", o);
|
|
129531
|
-
let c = o ?
|
|
129532
|
-
return
|
|
129577
|
+
let c = o ? bmt(i.actionLabel) || xmt(a) : "", l = e.getAttribute("advance-label") || vmt, u = c ? l.replace(/\{actionName\}/g, () => c) : "";
|
|
129578
|
+
return wmt(r, u), u;
|
|
129533
129579
|
}
|
|
129534
|
-
function
|
|
129580
|
+
function Dmt(e, t, n) {
|
|
129535
129581
|
if (!z9(e, t)) return () => {};
|
|
129536
129582
|
let r = null, i = () => {
|
|
129537
129583
|
r ??= setTimeout(n, 0);
|
|
@@ -129540,78 +129586,78 @@ function Tmt(e, t, n) {
|
|
|
129540
129586
|
t.removeEventListener("click", i), clearTimeout(r);
|
|
129541
129587
|
};
|
|
129542
129588
|
}
|
|
129543
|
-
function
|
|
129589
|
+
function Omt(e, t, n, r) {
|
|
129544
129590
|
return e.contains(r) || z9(t, n) && n.contains(r);
|
|
129545
129591
|
}
|
|
129546
|
-
function
|
|
129547
|
-
let a = Array.from(t.querySelectorAll("button")).filter((e) => !e.hidden), o = z9(r, i) ?
|
|
129592
|
+
function kmt(e, { card: t, active: n, step: r, target: i }) {
|
|
129593
|
+
let a = Array.from(t.querySelectorAll("button")).filter((e) => !e.hidden), o = z9(r, i) ? Smt(i) : null;
|
|
129548
129594
|
o && a.push(o);
|
|
129549
129595
|
let s = a.findIndex((e) => e === n || e === o && i.contains(n));
|
|
129550
129596
|
e.preventDefault(), a[s === -1 ? e.shiftKey ? a.length - 1 : 0 : (s + (e.shiftKey ? -1 : 1) + a.length) % a.length].focus();
|
|
129551
129597
|
}
|
|
129552
|
-
var
|
|
129598
|
+
var Amt = 2 / 3, jmt = 1e3, Mmt = /* @__PURE__ */ new Set([
|
|
129553
129599
|
"top",
|
|
129554
129600
|
"left",
|
|
129555
129601
|
"width",
|
|
129556
129602
|
"height"
|
|
129557
|
-
]),
|
|
129558
|
-
function
|
|
129603
|
+
]), Nmt = /* @__PURE__ */ new WeakMap(), B9 = (e, t) => typeof e.getAnimations == "function" ? e.getAnimations().filter(t) : [], Pmt = (e) => e.transitionProperty === "opacity", Fmt = (e) => Mmt.has(e.transitionProperty), Imt = (e) => typeof e.animationName == "string" && e.animationName.startsWith("wui-tour-");
|
|
129604
|
+
function Lmt(e) {
|
|
129559
129605
|
return e.length === 0 ? null : new Promise((t) => {
|
|
129560
|
-
let n = setTimeout(t,
|
|
129606
|
+
let n = setTimeout(t, jmt);
|
|
129561
129607
|
Promise.allSettled(e.map((e) => e.finished)).then(() => {
|
|
129562
129608
|
clearTimeout(n), t();
|
|
129563
129609
|
});
|
|
129564
129610
|
});
|
|
129565
129611
|
}
|
|
129566
|
-
function
|
|
129612
|
+
function Rmt(e) {
|
|
129567
129613
|
let t = e.parentElement?.querySelector(":scope > .wui-tour-spot"), n = 0;
|
|
129568
|
-
for (let e of t ? B9(t,
|
|
129614
|
+
for (let e of t ? B9(t, Fmt) : []) {
|
|
129569
129615
|
let t = e.effect?.getComputedTiming?.();
|
|
129570
129616
|
if (typeof t?.duration != "number") continue;
|
|
129571
129617
|
let r = typeof e.currentTime == "number" ? e.currentTime : 0;
|
|
129572
|
-
n = Math.max(n, (t.delay ?? 0) + t.duration *
|
|
129618
|
+
n = Math.max(n, (t.delay ?? 0) + t.duration * Amt - r);
|
|
129573
129619
|
}
|
|
129574
129620
|
return n;
|
|
129575
129621
|
}
|
|
129576
|
-
function
|
|
129577
|
-
let t =
|
|
129622
|
+
function zmt(e) {
|
|
129623
|
+
let t = Rmt(e);
|
|
129578
129624
|
t > 0 ? e.style.setProperty("--wui-tour-card-delay", `${Math.round(t)}ms`) : e.style.removeProperty("--wui-tour-card-delay"), e.dataset.state = "entering";
|
|
129579
129625
|
let n = {};
|
|
129580
|
-
|
|
129626
|
+
Nmt.set(e, n);
|
|
129581
129627
|
let r = () => {
|
|
129582
|
-
|
|
129583
|
-
}, i = B9(e,
|
|
129628
|
+
Nmt.get(e) === n && e.dataset.state === "entering" && (e.dataset.state = "shown");
|
|
129629
|
+
}, i = B9(e, Imt);
|
|
129584
129630
|
i.length === 0 ? r() : Promise.allSettled(i.map((e) => e.finished)).then(r);
|
|
129585
129631
|
}
|
|
129586
|
-
function
|
|
129587
|
-
return e.dataset.state = "leaving",
|
|
129632
|
+
function Bmt(e) {
|
|
129633
|
+
return e.dataset.state = "leaving", Lmt(B9(e, Pmt));
|
|
129588
129634
|
}
|
|
129589
|
-
function
|
|
129635
|
+
function Vmt(e) {
|
|
129590
129636
|
let t = e.classList.contains("wui-tour-layer") ? e : e.shadowRoot?.querySelector(".wui-tour-layer");
|
|
129591
129637
|
t && (t.dataset.state = "leaving");
|
|
129592
|
-
let n = t ?
|
|
129638
|
+
let n = t ? Lmt(B9(t, Pmt)) : null;
|
|
129593
129639
|
if (!n) {
|
|
129594
129640
|
e.remove();
|
|
129595
129641
|
return;
|
|
129596
129642
|
}
|
|
129597
129643
|
e.setAttribute("inert", ""), n.then(() => e.remove());
|
|
129598
129644
|
}
|
|
129599
|
-
var
|
|
129645
|
+
var Hmt = 2, V9 = 12, H9 = 8, U9 = 4, W9 = 20, Umt = "(max-width: 575.98px)", Wmt = [
|
|
129600
129646
|
"bottom",
|
|
129601
129647
|
"top",
|
|
129602
129648
|
"right",
|
|
129603
129649
|
"left"
|
|
129604
|
-
],
|
|
129650
|
+
], Gmt = [
|
|
129605
129651
|
"top-left",
|
|
129606
129652
|
"top-right",
|
|
129607
129653
|
"bottom-right",
|
|
129608
129654
|
"bottom-left"
|
|
129609
|
-
],
|
|
129610
|
-
function
|
|
129655
|
+
], Kmt, G9 = (e, t, n) => Math.max(t, Math.min(e, n)), K9 = (e, t, n, r) => (Math.max(e, n) + Math.min(t, r)) / 2;
|
|
129656
|
+
function qmt(e, t) {
|
|
129611
129657
|
if (!t?.scrollIntoView) return;
|
|
129612
129658
|
e.style.maxHeight = "";
|
|
129613
|
-
let n =
|
|
129614
|
-
if (t.getBoundingClientRect().height +
|
|
129659
|
+
let n = $mt(e), r = e.offsetHeight + V9;
|
|
129660
|
+
if (t.getBoundingClientRect().height + Hmt * 2 + r * 2 <= n.bottom - n.top) {
|
|
129615
129661
|
t.scrollIntoView({
|
|
129616
129662
|
block: "center",
|
|
129617
129663
|
inline: "nearest"
|
|
@@ -129619,41 +129665,41 @@ function Gmt(e, t) {
|
|
|
129619
129665
|
return;
|
|
129620
129666
|
}
|
|
129621
129667
|
let i = t.style.scrollMarginTop;
|
|
129622
|
-
t.style.scrollMarginTop = `${n.top + r +
|
|
129668
|
+
t.style.scrollMarginTop = `${n.top + r + Hmt}px`, t.scrollIntoView({
|
|
129623
129669
|
block: "start",
|
|
129624
129670
|
inline: "nearest"
|
|
129625
129671
|
}), t.style.scrollMarginTop = i;
|
|
129626
129672
|
}
|
|
129627
|
-
function
|
|
129628
|
-
let r = e.style, i = t.style, a =
|
|
129673
|
+
function Jmt(e, t, n) {
|
|
129674
|
+
let r = e.style, i = t.style, a = eht(t);
|
|
129629
129675
|
if (!n) {
|
|
129630
129676
|
r.top = "50%", r.left = "50%", r.width = "0px", r.height = "0px", r.boxShadow = "0 0 0 100vmax var(--color-scrim-strong)";
|
|
129631
|
-
for (let e of
|
|
129677
|
+
for (let e of Gmt) r.removeProperty(`border-${e}-radius`), r.removeProperty(`corner-${e}-shape`);
|
|
129632
129678
|
t.dataset.placement = "center", a.hidden = !0, i.position = "fixed", i.top = "50%", i.left = "50%", i.transform = "translate(-50%, -50%)", i.maxHeight = "calc(100vh - 16px)";
|
|
129633
129679
|
return;
|
|
129634
129680
|
}
|
|
129635
129681
|
r.boxShadow = "", i.transform = "", i.position = "fixed";
|
|
129636
129682
|
let o = n.getBoundingClientRect();
|
|
129637
|
-
r.top = `${o.top}px`, r.left = `${o.left}px`, r.width = `${o.width}px`, r.height = `${o.height}px`,
|
|
129683
|
+
r.top = `${o.top}px`, r.left = `${o.left}px`, r.width = `${o.width}px`, r.height = `${o.height}px`, Ymt(r, n);
|
|
129638
129684
|
let s = t.scrollTop;
|
|
129639
129685
|
i.maxHeight = "";
|
|
129640
129686
|
let c = {
|
|
129641
129687
|
width: t.offsetWidth,
|
|
129642
129688
|
height: t.offsetHeight
|
|
129643
|
-
}, l =
|
|
129689
|
+
}, l = $mt(t), u = l.bottom - l.top, d = {
|
|
129644
129690
|
bottom: l.bottom - o.bottom - V9,
|
|
129645
129691
|
top: o.top - V9 - l.top,
|
|
129646
129692
|
right: l.right - o.right - V9,
|
|
129647
129693
|
left: o.left - V9 - l.left
|
|
129648
|
-
}, f = window.matchMedia(
|
|
129649
|
-
p ?
|
|
129694
|
+
}, f = window.matchMedia(Umt).matches, p = Wmt.find((e) => e === "top" || e === "bottom" ? c.height <= d[e] + 1 : !f && c.width <= d[e] + 1 && c.height <= u + 1), m = Math.min(o.bottom, l.bottom + H9) - Math.max(o.top, l.top - H9);
|
|
129695
|
+
p ? Xmt(t, a, p, o, l, c) : m >= Math.min(c.height, u) + U9 * 2 ? Zmt(t, a, o, l, c) : Qmt(t, a, d.bottom >= d.top ? "bottom" : "top", o, l, c, d), t.scrollTop = s;
|
|
129650
129696
|
}
|
|
129651
|
-
function
|
|
129652
|
-
|
|
129697
|
+
function Ymt(e, t) {
|
|
129698
|
+
Kmt ??= CSS.supports("corner-top-left-shape", "squircle");
|
|
129653
129699
|
let n = getComputedStyle(t);
|
|
129654
|
-
for (let t of
|
|
129700
|
+
for (let t of Gmt) e.setProperty(`border-${t}-radius`, n.getPropertyValue(`border-${t}-radius`)), Kmt && e.setProperty(`corner-${t}-shape`, n.getPropertyValue(`corner-${t}-shape`));
|
|
129655
129701
|
}
|
|
129656
|
-
function
|
|
129702
|
+
function Xmt(e, t, n, r, i, a) {
|
|
129657
129703
|
let o = n === "top" || n === "bottom", s, c, l;
|
|
129658
129704
|
if (o) {
|
|
129659
129705
|
let e = K9(r.left, r.right, i.left, i.right);
|
|
@@ -129664,19 +129710,19 @@ function Jmt(e, t, n, r, i, a) {
|
|
|
129664
129710
|
}
|
|
129665
129711
|
e.dataset.placement = n, e.style.top = `${c}px`, e.style.left = `${s}px`, t.hidden = !1, t.style.left = o ? `${l - e.clientLeft - t.offsetWidth / 2}px` : "", t.style.top = o ? "" : `${l - e.clientTop - t.offsetHeight / 2}px`;
|
|
129666
129712
|
}
|
|
129667
|
-
function
|
|
129713
|
+
function Zmt(e, t, n, r, i) {
|
|
129668
129714
|
let a = r.bottom - r.top;
|
|
129669
129715
|
e.dataset.placement = "overlap", t.hidden = !0, e.style.maxHeight = i.height > a ? `${Math.max(a, 0)}px` : "";
|
|
129670
129716
|
let o = Math.min(n.bottom, r.bottom) - U9;
|
|
129671
129717
|
e.style.top = `${Math.max(r.top, o - Math.min(i.height, a))}px`, e.style.left = `${G9(n.left + U9, r.left, r.right - i.width)}px`;
|
|
129672
129718
|
}
|
|
129673
|
-
function
|
|
129719
|
+
function Qmt(e, t, n, r, i, a, o) {
|
|
129674
129720
|
let s = Math.max(o[n], 0), c = Math.min(a.height, s);
|
|
129675
129721
|
e.dataset.placement = n, t.hidden = !0, e.style.maxHeight = a.height > s ? `${s}px` : "", e.style.top = `${n === "bottom" ? r.bottom + V9 : r.top - V9 - c}px`;
|
|
129676
129722
|
let l = K9(r.left, r.right, i.left, i.right);
|
|
129677
129723
|
e.style.left = `${G9(l - a.width / 2, i.left, i.right - a.width)}px`;
|
|
129678
129724
|
}
|
|
129679
|
-
function
|
|
129725
|
+
function $mt(e) {
|
|
129680
129726
|
let t = e.parentElement, n = t ? getComputedStyle(t) : null, r = (e) => Number.parseFloat(n?.[e]) || 0;
|
|
129681
129727
|
return {
|
|
129682
129728
|
top: r("paddingTop") + H9,
|
|
@@ -129685,17 +129731,17 @@ function Zmt(e) {
|
|
|
129685
129731
|
right: window.innerWidth - r("paddingRight") - H9
|
|
129686
129732
|
};
|
|
129687
129733
|
}
|
|
129688
|
-
function
|
|
129734
|
+
function eht(e) {
|
|
129689
129735
|
let t = e.querySelector(":scope > .wui-tour-arrow");
|
|
129690
129736
|
return t || (t = document.createElement("span"), t.className = "wui-tour-arrow", t.setAttribute("aria-hidden", "true"), t.hidden = !0, e.append(t)), t;
|
|
129691
129737
|
}
|
|
129692
|
-
var
|
|
129693
|
-
function
|
|
129694
|
-
let r = `wui-tour-end-${
|
|
129738
|
+
var tht = 0;
|
|
129739
|
+
function nht(e, t, n) {
|
|
129740
|
+
let r = `wui-tour-end-${++tht}`, i = e.createElement("div");
|
|
129695
129741
|
return i.className = "wui-tour-card wui-tour-end", i.dataset.layout = "center", i.setAttribute("role", "dialog"), n && i.setAttribute("aria-modal", "true"), i.tabIndex = -1, i.setAttribute("aria-labelledby", `${r}-title`), i.setAttribute("aria-describedby", `${r}-message`), i.innerHTML = ` <div class="wui-tour-end-mark" aria-hidden="true"><svg viewBox="0 0 24 24" focusable="false"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></div> <h2 class="wui-tour-title wui-tour-end-title" id="${r}-title"></h2> <p class="wui-tour-text wui-tour-end-message" id="${r}-message"></p> <div class="wui-tour-actions"><button type="button" class="btn btn-sm btn-primary wui-tour-end-button"></button></div>`, i.querySelector(".wui-tour-end-title").textContent = t.title, i.querySelector(".wui-tour-end-message").textContent = t.message, i.querySelector(".wui-tour-end-button").textContent = t.button, i;
|
|
129696
129742
|
}
|
|
129697
|
-
function
|
|
129698
|
-
let r = e.ownerDocument, i = e.getRootNode() === r, a = e.querySelector(".wui-tour-card:not(.wui-tour-end)"), o = e.querySelector(".wui-tour-spot"), s = e.querySelector("[role=status]"), c =
|
|
129743
|
+
function rht(e, t, n) {
|
|
129744
|
+
let r = e.ownerDocument, i = e.getRootNode() === r, a = e.querySelector(".wui-tour-card:not(.wui-tour-end)"), o = e.querySelector(".wui-tour-spot"), s = e.querySelector("[role=status]"), c = nht(r, t, i), l = c.querySelector(".wui-tour-end-button"), u = new AbortController();
|
|
129699
129745
|
return new Promise((d) => {
|
|
129700
129746
|
let f = () => {
|
|
129701
129747
|
u.abort(), d();
|
|
@@ -129714,12 +129760,12 @@ function tht(e, t, n) {
|
|
|
129714
129760
|
c.contains(e.target) || l.focus();
|
|
129715
129761
|
}, p);
|
|
129716
129762
|
let m = () => {
|
|
129717
|
-
u.signal.aborted || (a.hidden = !0,
|
|
129718
|
-
}, h =
|
|
129763
|
+
u.signal.aborted || (a.hidden = !0, Jmt(o, a, null), e.append(c), zmt(c), s.textContent = [t.title, t.message].filter(Boolean).join(". "), l.focus());
|
|
129764
|
+
}, h = Bmt(a);
|
|
129719
129765
|
h ? h.then(m) : m();
|
|
129720
129766
|
});
|
|
129721
129767
|
}
|
|
129722
|
-
var
|
|
129768
|
+
var iht = ` :host { all: initial; ${Object.entries({
|
|
129723
129769
|
"--wui-z-tour": "1550",
|
|
129724
129770
|
"--wui-radius-sm": "8px",
|
|
129725
129771
|
"--wui-radius-lg": "14px",
|
|
@@ -129745,54 +129791,54 @@ var nht = ` :host { all: initial; ${Object.entries({
|
|
|
129745
129791
|
"--color-text-muted": "#4B5675",
|
|
129746
129792
|
"--color-border": "#EBEDF3",
|
|
129747
129793
|
"--color-bg-muted": "#F5F6FA"
|
|
129748
|
-
}).map(([e, t]) => ` ${e}: ${t};`).join(" ")} } *, *::before, *::after { box-sizing: border-box; } [hidden] { display: none !important; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .btn { display: inline-block; margin: 0; padding: 0.25rem 0.5rem; border: 1px solid transparent; border-radius: 0.375rem; background: transparent; font: inherit; font-size: 0.875rem; font-weight: 500; line-height: 1.5; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; } .btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .btn-primary { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-text); } .btn-primary:hover { background: var(--color-primary-hover); border-color: var(--color-primary-hover); } .btn-outline-secondary { border-color: var(--color-text-muted); color: var(--color-text-muted); } .btn-outline-secondary:hover { background: var(--color-bg-muted); color: var(--color-text); } .btn-link { font-weight: 400; color: var(--color-primary-ink); text-decoration: underline; } .btn-link:hover { color: var(--color-primary-hover); } .wui-tour-layer { pointer-events: none; font-family: "Webority Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--color-text); text-align: start; } .wui-tour-card { pointer-events: auto; } .wui-tour-layer { position: fixed; inset: 0; z-index: var(--wui-z-tour); } .wui-tour-spot { position: fixed; box-shadow: 0 0 0 2px var(--color-primary), 0 0 0 100vmax var(--color-scrim-strong); pointer-events: none; } .wui-tour-card { display: flex; flex-direction: column; gap: 8px; width: min(360px, 100vw - 16px); padding: 16px; overflow-y: auto; background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--wui-radius-lg); corner-shape: squircle; box-shadow: var(--wui-shadow-overlay); } .wui-tour-card:focus { outline: none; } .wui-tour-card:focus-visible { outline: var(--wui-focus-ring-width) solid var(--color-focus-ring); outline-offset: var(--wui-focus-ring-offset); } .wui-tour-title { margin: 0; font-size: 16px; font-weight: 600; } .wui-tour-text { margin: 0; font-size: 14px; color: var(--color-text-muted); } .wui-tour-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; } .wui-tour-nav { display: flex; gap: 8px; } .wui-tour-skip { color: var(--color-text-muted); } .wui-tour-back, .wui-tour-next { min-width: 64px; } @keyframes wui-tour-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes wui-tour-card-enter { from { opacity: 0; scale: 0.96; translate: var(--wui-tour-card-lift, 0 6px); } to { opacity: 1; scale: 1; translate: 0 0; } } .wui-tour-layer[data-state=leaving], .wui-tour-card[data-state=leaving] { opacity: 0; } .wui-tour-layer[data-state=leaving], .wui-tour-layer[data-state=leaving] * { pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .wui-tour-layer { animation: wui-tour-fade-in var(--wui-tour-motion-duration) var(--wui-tour-motion-ease); } .wui-tour-layer[data-state=leaving] { transition: opacity var(--wui-tour-motion-duration) var(--wui-tour-motion-ease); } .wui-tour-spot { transition: top var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), left var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), width var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), height var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), border-radius var(--wui-tour-spot-duration) var(--wui-tour-spot-ease); } .wui-tour-spot[data-tracking] { transition: none; } .wui-tour-card { --wui-tour-card-lift: 0 6px; transform-origin: top center; } .wui-tour-card[data-placement=top] { --wui-tour-card-lift: 0 -6px; transform-origin: bottom center; } .wui-tour-card[data-placement=bottom] { --wui-tour-card-lift: 0 6px; transform-origin: top center; } .wui-tour-card[data-placement=left] { --wui-tour-card-lift: -6px 0; transform-origin: right center; } .wui-tour-card[data-placement=right] { --wui-tour-card-lift: 6px 0; transform-origin: left center; } .wui-tour-card[data-placement=overlap], .wui-tour-card[data-placement=center] { --wui-tour-card-lift: 0 0; transform-origin: center; } .wui-tour-card[data-state=entering] { animation: wui-tour-card-enter var(--wui-tour-motion-duration) var(--wui-tour-motion-ease) var(--wui-tour-card-delay, 0ms) both; } .wui-tour-card[data-state=leaving] { transition: opacity calc(var(--wui-tour-motion-duration) / 2) var(--wui-tour-motion-ease); } } @media (prefers-reduced-motion: reduce) { .wui-tour-layer { animation: wui-tour-fade-in 120ms linear; } .wui-tour-layer[data-state=leaving] { transition: opacity 120ms linear; } .wui-tour-card[data-state=entering] { animation: wui-tour-fade-in 120ms linear both; } } .wui-tour-progress-bar { display: flex; gap: 4px; } .wui-tour-progress-segment { flex: 1 1 0; height: 4px; border-radius: 999px; background: var(--color-border); } .wui-tour-progress-segment[data-filled] { background: var(--color-primary); } .wui-tour-position { margin: 0; font-size: 12px; color: var(--color-text-muted); } .wui-tour-layer { padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); } .wui-tour-card:has(.wui-tour-arrow:not([hidden])) { overflow: visible; } .wui-tour-arrow { position: absolute; width: 8px; height: 8px; background: var(--color-surface); border: 1px solid var(--color-border); rotate: 45deg; pointer-events: none; } .wui-tour-card[data-placement=bottom] .wui-tour-arrow { top: -5px; border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=top] .wui-tour-arrow { bottom: -5px; border-top-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=right] .wui-tour-arrow { left: -5px; border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=left] .wui-tour-arrow { right: -5px; border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } @media (max-width: 575.98px) { .wui-tour-card { width: calc(100vw - 16px); } .wui-tour-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; } } .wui-tour-media { position: relative; order: -1; flex: none; aspect-ratio: 16/9; margin: -16px -16px 4px; overflow: hidden; background: var(--color-border); } .wui-tour-media>img, .wui-tour-media>video { display: block; width: 100%; height: 100%; object-fit: cover; } .wui-tour-card[data-media=welcome] { width: min(420px, 100vw - 16px); } .wui-tour-media-toggle { position: absolute; inset-block-end: 8px; inset-inline-end: 8px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--color-scrim-strong); color: var(--color-on-scrim); cursor: pointer; } .wui-tour-media-toggle>svg { width: 20px; height: 20px; fill: currentColor; } .wui-tour-media-toggle:focus-visible { outline: 2px solid var(--color-on-scrim); outline-offset: 2px; } .wui-tour-layer[data-advance] { pointer-events: none; } .wui-tour-layer[data-advance]:not([data-state=leaving]) .wui-tour-card { pointer-events: auto; } .wui-tour-layer[data-advance]:not([data-state=leaving]) .wui-tour-spot::before { content: ""; position: absolute; inset: -100vmax; pointer-events: auto; clip-path: polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, 100vmax 100vmax, calc(100% - 100vmax) 100vmax, calc(100% - 100vmax) calc(100% - 100vmax), 100vmax calc(100% - 100vmax), 100vmax 100vmax); } .wui-tour-hint { margin: 0; font-size: 14px; font-weight: 600; color: var(--color-text); } @keyframes wui-tour-pulse { from { box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 85%, transparent); } to { box-shadow: 0 0 0 14px color-mix(in srgb, var(--color-primary) 0%, transparent); } } @media (prefers-reduced-motion: no-preference) { .wui-tour-spot[data-advance]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; animation: wui-tour-pulse 600ms var(--wui-ease-out-quart) var(--wui-tour-spot-duration); } } @keyframes wui-tour-check { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } } .wui-tour-end[data-layout=center] { --wui-tour-card-lift: 0 0; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; align-items: center; gap: 8px; width: min(420px, 100vw - 16px); max-height: calc(100vh - 16px); padding: 24px; text-align: center; } .wui-tour-end[data-layout=center] .wui-tour-actions { justify-content: center; margin-top: 8px; } .wui-tour-end-mark { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--color-success-soft); color: var(--color-success-text); } .wui-tour-end-mark>svg { width: 26px; height: 26px; } .wui-tour-end-mark path { fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; } .wui-tour-end-title { font-size: 18px; } .wui-tour-end-message { text-wrap: balance; } .wui-tour-end-button { min-width: 120px; } @media (prefers-reduced-motion: no-preference) { .wui-tour-end-mark path { animation: wui-tour-check 300ms var(--wui-ease-out-quart) calc(var(--wui-tour-card-delay, 0ms) + 120ms) both; } } `,
|
|
129794
|
+
}).map(([e, t]) => ` ${e}: ${t};`).join(" ")} } *, *::before, *::after { box-sizing: border-box; } [hidden] { display: none !important; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .btn { display: inline-block; margin: 0; padding: 0.25rem 0.5rem; border: 1px solid transparent; border-radius: 0.375rem; background: transparent; font: inherit; font-size: 0.875rem; font-weight: 500; line-height: 1.5; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; } .btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .btn-primary { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-text); } .btn-primary:hover { background: var(--color-primary-hover); border-color: var(--color-primary-hover); } .btn-outline-secondary { border-color: var(--color-text-muted); color: var(--color-text-muted); } .btn-outline-secondary:hover { background: var(--color-bg-muted); color: var(--color-text); } .btn-link { font-weight: 400; color: var(--color-primary-ink); text-decoration: underline; } .btn-link:hover { color: var(--color-primary-hover); } .wui-tour-layer { pointer-events: none; font-family: "Webority Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--color-text); text-align: start; } .wui-tour-card { pointer-events: auto; } .wui-tour-layer { position: fixed; inset: 0; z-index: var(--wui-z-tour); } .wui-tour-spot { position: fixed; box-shadow: 0 0 0 2px var(--color-primary), 0 0 0 100vmax var(--color-scrim-strong); pointer-events: none; } .wui-tour-card { display: flex; flex-direction: column; gap: 8px; width: min(360px, 100vw - 16px); padding: 16px; overflow-y: auto; background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--wui-radius-lg); corner-shape: squircle; box-shadow: var(--wui-shadow-overlay); } .wui-tour-card:focus { outline: none; } .wui-tour-card:focus-visible { outline: var(--wui-focus-ring-width) solid var(--color-focus-ring); outline-offset: var(--wui-focus-ring-offset); } .wui-tour-title { margin: 0; font-size: 16px; font-weight: 600; } .wui-tour-text { margin: 0; font-size: 14px; color: var(--color-text-muted); } .wui-tour-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; } .wui-tour-nav { display: flex; gap: 8px; } .wui-tour-skip { color: var(--color-text-muted); } .wui-tour-back, .wui-tour-next { min-width: 64px; } @keyframes wui-tour-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes wui-tour-card-enter { from { opacity: 0; scale: 0.96; translate: var(--wui-tour-card-lift, 0 6px); } to { opacity: 1; scale: 1; translate: 0 0; } } .wui-tour-layer[data-state=leaving], .wui-tour-card[data-state=leaving] { opacity: 0; } .wui-tour-layer[data-state=leaving], .wui-tour-layer[data-state=leaving] * { pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .wui-tour-layer { animation: wui-tour-fade-in var(--wui-tour-motion-duration) var(--wui-tour-motion-ease); } .wui-tour-layer[data-state=leaving] { transition: opacity var(--wui-tour-motion-duration) var(--wui-tour-motion-ease); } .wui-tour-spot { transition: top var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), left var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), width var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), height var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), border-radius var(--wui-tour-spot-duration) var(--wui-tour-spot-ease); } .wui-tour-spot[data-tracking] { transition: none; } .wui-tour-card { --wui-tour-card-lift: 0 6px; transform-origin: top center; } .wui-tour-card[data-placement=top] { --wui-tour-card-lift: 0 -6px; transform-origin: bottom center; } .wui-tour-card[data-placement=bottom] { --wui-tour-card-lift: 0 6px; transform-origin: top center; } .wui-tour-card[data-placement=left] { --wui-tour-card-lift: -6px 0; transform-origin: right center; } .wui-tour-card[data-placement=right] { --wui-tour-card-lift: 6px 0; transform-origin: left center; } .wui-tour-card[data-placement=overlap], .wui-tour-card[data-placement=center] { --wui-tour-card-lift: 0 0; transform-origin: center; } .wui-tour-card[data-state=entering] { animation: wui-tour-card-enter var(--wui-tour-motion-duration) var(--wui-tour-motion-ease) var(--wui-tour-card-delay, 0ms) both; } .wui-tour-card[data-state=leaving] { transition: opacity calc(var(--wui-tour-motion-duration) / 2) var(--wui-tour-motion-ease); } } @media (prefers-reduced-motion: reduce) { .wui-tour-layer { animation: wui-tour-fade-in 120ms linear; } .wui-tour-layer[data-state=leaving] { transition: opacity 120ms linear; } .wui-tour-card[data-state=entering] { animation: wui-tour-fade-in 120ms linear both; } } .wui-tour-progress-bar { display: flex; gap: 4px; } .wui-tour-progress-segment { flex: 1 1 0; height: 4px; border-radius: 999px; background: var(--color-border); } .wui-tour-progress-segment[data-filled] { background: var(--color-primary); } .wui-tour-position { margin: 0; font-size: 12px; color: var(--color-text-muted); } .wui-tour-layer { padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); } .wui-tour-card:has(.wui-tour-arrow:not([hidden])) { overflow: visible; } .wui-tour-arrow { position: absolute; width: 8px; height: 8px; background: var(--color-surface); border: 1px solid var(--color-border); rotate: 45deg; pointer-events: none; } .wui-tour-card[data-placement=bottom] .wui-tour-arrow { top: -5px; border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=top] .wui-tour-arrow { bottom: -5px; border-top-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=right] .wui-tour-arrow { left: -5px; border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=left] .wui-tour-arrow { right: -5px; border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } @media (max-width: 575.98px) { .wui-tour-card { width: calc(100vw - 16px); } .wui-tour-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; } } .wui-tour-media { position: relative; order: -1; flex: none; aspect-ratio: 16/9; margin: -16px -16px 4px; overflow: hidden; background: var(--color-border); } .wui-tour-media>img, .wui-tour-media>video { display: block; width: 100%; height: 100%; object-fit: cover; } .wui-tour-card[data-media=welcome] { width: min(420px, 100vw - 16px); } .wui-tour-media-toggle { position: absolute; inset-block-end: 8px; inset-inline-end: 8px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--color-scrim-strong); color: var(--color-on-scrim); cursor: pointer; } .wui-tour-media-toggle>svg { width: 20px; height: 20px; fill: currentColor; } .wui-tour-media-toggle:focus-visible { outline: 2px solid var(--color-on-scrim); outline-offset: 2px; } .wui-tour-layer[data-advance] { pointer-events: none; } .wui-tour-layer[data-advance]:not([data-state=leaving]) .wui-tour-card { pointer-events: auto; } .wui-tour-layer[data-advance]:not([data-state=leaving]) .wui-tour-spot::before { content: ""; position: absolute; inset: -100vmax; pointer-events: auto; clip-path: polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, 100vmax 100vmax, calc(100% - 100vmax) 100vmax, calc(100% - 100vmax) calc(100% - 100vmax), 100vmax calc(100% - 100vmax), 100vmax 100vmax); } .wui-tour-hint { margin: 0; font-size: 14px; font-weight: 600; color: var(--color-text); } @keyframes wui-tour-pulse { from { box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 85%, transparent); } to { box-shadow: 0 0 0 14px color-mix(in srgb, var(--color-primary) 0%, transparent); } } @media (prefers-reduced-motion: no-preference) { .wui-tour-spot[data-advance]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; animation: wui-tour-pulse 600ms var(--wui-ease-out-quart) var(--wui-tour-spot-duration); } } @keyframes wui-tour-check { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } } .wui-tour-end[data-layout=center] { --wui-tour-card-lift: 0 0; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; align-items: center; gap: 8px; width: min(420px, 100vw - 16px); max-height: calc(100vh - 16px); padding: 24px; text-align: center; } .wui-tour-end[data-layout=center] .wui-tour-actions { justify-content: center; margin-top: 8px; } .wui-tour-end-mark { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--color-success-soft); color: var(--color-success-text); } .wui-tour-end-mark>svg { width: 26px; height: 26px; } .wui-tour-end-mark path { fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; } .wui-tour-end-title { font-size: 18px; } .wui-tour-end-message { text-wrap: balance; } .wui-tour-end-button { min-width: 120px; } @media (prefers-reduced-motion: no-preference) { .wui-tour-end-mark path { animation: wui-tour-check 300ms var(--wui-ease-out-quart) calc(var(--wui-tour-card-delay, 0ms) + 120ms) both; } } `, aht = "wui-tour-media", oht = "wui-tour-media-toggle", sht = "http://www.w3.org/2000/svg", cht = "M6 5h4v14H6zM14 5h4v14h-4z", lht = "M8 5v14l11-7z", uht = {
|
|
129749
129795
|
pause: "Pause animation",
|
|
129750
129796
|
play: "Play animation"
|
|
129751
|
-
},
|
|
129752
|
-
function
|
|
129753
|
-
let t = document.createElementNS(
|
|
129797
|
+
}, dht = () => globalThis.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches === !0;
|
|
129798
|
+
function fht(e) {
|
|
129799
|
+
let t = document.createElementNS(sht, "svg");
|
|
129754
129800
|
t.setAttribute("viewBox", "0 0 24 24"), t.setAttribute("aria-hidden", "true"), t.setAttribute("focusable", "false");
|
|
129755
|
-
let n = document.createElementNS(
|
|
129801
|
+
let n = document.createElementNS(sht, "path");
|
|
129756
129802
|
return n.setAttribute("d", e), t.appendChild(n), t;
|
|
129757
129803
|
}
|
|
129758
|
-
function
|
|
129804
|
+
function pht(e) {
|
|
129759
129805
|
let t = document.createElement("img");
|
|
129760
129806
|
return t.setAttribute("alt", e.mediaAlt ?? ""), t.setAttribute("width", "1280"), t.setAttribute("height", "720"), t.setAttribute("loading", "lazy"), t.setAttribute("decoding", "async"), t.setAttribute("src", e.media), t;
|
|
129761
129807
|
}
|
|
129762
|
-
function
|
|
129808
|
+
function mht(e, t) {
|
|
129763
129809
|
let n = document.createElement("video");
|
|
129764
129810
|
return n.muted = !0, n.setAttribute("muted", ""), n.loop = !0, n.setAttribute("playsinline", ""), t && n.setAttribute("autoplay", ""), n.setAttribute("preload", t ? "auto" : "metadata"), e.mediaAlt && n.setAttribute("aria-label", e.mediaAlt), e.mediaPoster && n.setAttribute("poster", e.mediaPoster), n.setAttribute("src", e.media), n;
|
|
129765
129811
|
}
|
|
129766
|
-
function
|
|
129812
|
+
function hht(e, t) {
|
|
129767
129813
|
let n = document.createElement("button");
|
|
129768
|
-
n.type = "button", n.className =
|
|
129814
|
+
n.type = "button", n.className = oht;
|
|
129769
129815
|
let r = (r = !e.paused) => {
|
|
129770
|
-
n.setAttribute("aria-label", r ? t.pause : t.play), n.replaceChildren(
|
|
129816
|
+
n.setAttribute("aria-label", r ? t.pause : t.play), n.replaceChildren(fht(r ? cht : lht));
|
|
129771
129817
|
};
|
|
129772
129818
|
return e.addEventListener("play", () => r()), e.addEventListener("pause", () => r()), n.addEventListener("click", () => {
|
|
129773
129819
|
e.paused ? e.play()?.catch(() => r()) : e.pause();
|
|
129774
129820
|
}), r(e.hasAttribute("autoplay")), n;
|
|
129775
129821
|
}
|
|
129776
|
-
function
|
|
129777
|
-
let t = e.querySelector(`:scope > .${
|
|
129822
|
+
function ght(e) {
|
|
129823
|
+
let t = e.querySelector(`:scope > .${aht}`);
|
|
129778
129824
|
if (!t) return;
|
|
129779
129825
|
let n = t.querySelector("video");
|
|
129780
129826
|
n && (n.pause(), n.removeAttribute("src"), n.load()), t.remove();
|
|
129781
129827
|
}
|
|
129782
|
-
function
|
|
129783
|
-
if (
|
|
129828
|
+
function _ht(e, t, n = uht) {
|
|
129829
|
+
if (ght(e), !t.media) {
|
|
129784
129830
|
e.removeAttribute("data-media");
|
|
129785
129831
|
return;
|
|
129786
129832
|
}
|
|
129787
129833
|
let r = document.createElement("div");
|
|
129788
|
-
if (r.className =
|
|
129789
|
-
let e =
|
|
129790
|
-
r.append(e,
|
|
129791
|
-
} else r.appendChild(
|
|
129834
|
+
if (r.className = aht, t.mediaType === "video") {
|
|
129835
|
+
let e = mht(t, !dht());
|
|
129836
|
+
r.append(e, hht(e, n));
|
|
129837
|
+
} else r.appendChild(pht(t));
|
|
129792
129838
|
e.prepend(r), e.setAttribute("data-media", t.target ? "step" : "welcome");
|
|
129793
129839
|
}
|
|
129794
|
-
var
|
|
129795
|
-
function
|
|
129840
|
+
var vht = "Step {current} of {total}";
|
|
129841
|
+
function yht(e) {
|
|
129796
129842
|
let t = /* @__PURE__ */ new Set();
|
|
129797
129843
|
return {
|
|
129798
129844
|
drop: (e) => {
|
|
@@ -129807,10 +129853,10 @@ function _ht(e) {
|
|
|
129807
129853
|
total: () => e - t.size
|
|
129808
129854
|
};
|
|
129809
129855
|
}
|
|
129810
|
-
function
|
|
129811
|
-
return (e.getAttribute("progress-label") ||
|
|
129856
|
+
function bht(e, t, n) {
|
|
129857
|
+
return (e.getAttribute("progress-label") || vht).replace(/\{(current|total)\}/g, (e, r) => String(r === "current" ? t : n));
|
|
129812
129858
|
}
|
|
129813
|
-
function
|
|
129859
|
+
function xht(e, { text: t, position: n, total: r }) {
|
|
129814
129860
|
let i = e.querySelector(".wui-tour-position");
|
|
129815
129861
|
i.textContent = t;
|
|
129816
129862
|
let a = e.querySelector(".wui-tour-progress-bar");
|
|
@@ -129826,7 +129872,7 @@ function yht(e, { text: t, position: n, total: r }) {
|
|
|
129826
129872
|
for (; o.length > r;) a.lastElementChild.remove();
|
|
129827
129873
|
for (let e = 0; e < o.length; e++) o[e].toggleAttribute("data-filled", e < n);
|
|
129828
129874
|
}
|
|
129829
|
-
var
|
|
129875
|
+
var Sht = "wui-tour-step", Cht = "wui-tour-host", wht = "wui-tour-seen:", q9 = "data-tracking", Tht = {
|
|
129830
129876
|
back: "Back",
|
|
129831
129877
|
next: "Next",
|
|
129832
129878
|
skip: "Skip",
|
|
@@ -129836,7 +129882,7 @@ var bht = "wui-tour-step", xht = "wui-tour-host", Sht = "wui-tour-seen:", q9 = "
|
|
|
129836
129882
|
endTitle: "You're all set",
|
|
129837
129883
|
endMessage: "You know your way around now. Enjoy exploring.",
|
|
129838
129884
|
endButton: "Done"
|
|
129839
|
-
},
|
|
129885
|
+
}, Eht = {
|
|
129840
129886
|
back: "back-label",
|
|
129841
129887
|
next: "next-label",
|
|
129842
129888
|
skip: "skip-label",
|
|
@@ -129846,19 +129892,19 @@ var bht = "wui-tour-step", xht = "wui-tour-host", Sht = "wui-tour-seen:", q9 = "
|
|
|
129846
129892
|
endTitle: "end-title",
|
|
129847
129893
|
endMessage: "end-message",
|
|
129848
129894
|
endButton: "end-button"
|
|
129849
|
-
},
|
|
129895
|
+
}, Dht = [
|
|
129850
129896
|
["media", "media"],
|
|
129851
129897
|
["mediaAlt", "media-alt"],
|
|
129852
129898
|
["mediaPoster", "media-poster"],
|
|
129853
129899
|
["mediaType", "media-type"],
|
|
129854
129900
|
["advanceOn", "advance-on"],
|
|
129855
129901
|
["actionLabel", "action-label"]
|
|
129856
|
-
],
|
|
129902
|
+
], Oht = {
|
|
129857
129903
|
index: null,
|
|
129858
129904
|
position: null,
|
|
129859
129905
|
total: null
|
|
129860
|
-
},
|
|
129861
|
-
function
|
|
129906
|
+
}, kht = 0;
|
|
129907
|
+
function Aht(e = wht, t = globalThis.localStorage) {
|
|
129862
129908
|
return {
|
|
129863
129909
|
isSeen: async (n) => t.getItem(e + n) === "1",
|
|
129864
129910
|
markSeen: async (n) => {
|
|
@@ -129866,13 +129912,13 @@ function Oht(e = Sht, t = globalThis.localStorage) {
|
|
|
129866
129912
|
}
|
|
129867
129913
|
};
|
|
129868
129914
|
}
|
|
129869
|
-
var
|
|
129915
|
+
var jht = (e) => !e?.isConnected || getComputedStyle(e).visibility === "hidden" ? !1 : e.getClientRects().length > 0, Mht = (e) => !!e && (e.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)), Nht = () => {
|
|
129870
129916
|
let e = document.activeElement;
|
|
129871
129917
|
for (; e?.shadowRoot?.activeElement;) e = e.shadowRoot.activeElement;
|
|
129872
129918
|
return e;
|
|
129873
129919
|
}, J9 = null;
|
|
129874
|
-
function
|
|
129875
|
-
J9 || (J9 = new CSSStyleSheet(), J9.replaceSync(
|
|
129920
|
+
function Pht(e) {
|
|
129921
|
+
J9 || (J9 = new CSSStyleSheet(), J9.replaceSync(iht)), e.adoptedStyleSheets = [J9];
|
|
129876
129922
|
}
|
|
129877
129923
|
//#endregion
|
|
129878
129924
|
//#region ../elements/dist/elements/tour.js
|
|
@@ -129905,21 +129951,21 @@ Hs("wui-tour", class extends Us {
|
|
|
129905
129951
|
this.toggleAttribute("isolated", e === !0 || e === "" || e === "true");
|
|
129906
129952
|
}
|
|
129907
129953
|
_stepList() {
|
|
129908
|
-
return Array.from(this.querySelectorAll(`:scope > ${
|
|
129954
|
+
return Array.from(this.querySelectorAll(`:scope > ${Sht}`), (e) => {
|
|
129909
129955
|
let t = {
|
|
129910
129956
|
target: e.getAttribute("target") || "",
|
|
129911
129957
|
title: e.getAttribute("title") || void 0,
|
|
129912
129958
|
description: e.textContent.trim()
|
|
129913
129959
|
};
|
|
129914
|
-
for (let [n, r] of
|
|
129960
|
+
for (let [n, r] of Dht) e.hasAttribute(r) && (t[n] = e.getAttribute(r));
|
|
129915
129961
|
return t;
|
|
129916
129962
|
});
|
|
129917
129963
|
}
|
|
129918
129964
|
_store() {
|
|
129919
|
-
return this.seenStore ? this.seenStore : this.getAttribute("seen-store") === "local" ?
|
|
129965
|
+
return this.seenStore ? this.seenStore : this.getAttribute("seen-store") === "local" ? Aht() : globalThis.window?.WUI?.tour?.seenStore || null;
|
|
129920
129966
|
}
|
|
129921
129967
|
_label(e) {
|
|
129922
|
-
return this.getAttribute(
|
|
129968
|
+
return this.getAttribute(Eht[e]) || Tht[e];
|
|
129923
129969
|
}
|
|
129924
129970
|
_endDialogText() {
|
|
129925
129971
|
return this.getAttribute("end-dialog") === "false" ? null : {
|
|
@@ -129944,14 +129990,14 @@ Hs("wui-tour", class extends Us {
|
|
|
129944
129990
|
}
|
|
129945
129991
|
}
|
|
129946
129992
|
async _start(e) {
|
|
129947
|
-
this._steps = this._stepList(), this._progress =
|
|
129993
|
+
this._steps = this._stepList(), this._progress = yht(this._steps.length);
|
|
129948
129994
|
let t = this._store();
|
|
129949
129995
|
if (t && !this.tourId) throw Error("<wui-tour> needs a tour-id to use a seen store.");
|
|
129950
129996
|
if (t && await t.isSeen(this.tourId)) {
|
|
129951
129997
|
e === this._run && this._finish("alreadySeen");
|
|
129952
129998
|
return;
|
|
129953
129999
|
}
|
|
129954
|
-
for (let [e, t] of this._steps.entries()) t.target && !
|
|
130000
|
+
for (let [e, t] of this._steps.entries()) t.target && !jht(document.querySelector(t.target)) && this._progress.drop(e);
|
|
129955
130001
|
this._returnFocus = document.activeElement;
|
|
129956
130002
|
let n = await this._locate(0, 1, e);
|
|
129957
130003
|
if (e === this._run) {
|
|
@@ -129990,7 +130036,7 @@ Hs("wui-tour", class extends Us {
|
|
|
129990
130036
|
target: null
|
|
129991
130037
|
};
|
|
129992
130038
|
let t = document.querySelector(e.target);
|
|
129993
|
-
if (
|
|
130039
|
+
if (jht(t)) return this._progress.position(i), {
|
|
129994
130040
|
index: i,
|
|
129995
130041
|
target: t
|
|
129996
130042
|
};
|
|
@@ -130010,13 +130056,13 @@ Hs("wui-tour", class extends Us {
|
|
|
130010
130056
|
})), await Promise.all(n), typeof this.onBeforeStep == "function" && await this.onBeforeStep(e, t);
|
|
130011
130057
|
}
|
|
130012
130058
|
_build() {
|
|
130013
|
-
let e = `wui-tour-${++
|
|
130059
|
+
let e = `wui-tour-${++kht}`, t = document.createElement("div");
|
|
130014
130060
|
t.className = "wui-tour-layer", t.innerHTML = ` <div class="wui-tour-spot" aria-hidden="true"></div> <div class="wui-tour-card" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="${e}-title" aria-describedby="${e}-text"> <p class="wui-tour-position"></p> <h2 class="wui-tour-title" id="${e}-title"></h2> <p class="wui-tour-text" id="${e}-text"></p> <div class="wui-tour-actions"> <button type="button" class="btn btn-sm btn-link wui-tour-skip"></button> <div class="wui-tour-nav"> <button type="button" class="btn btn-sm btn-outline-secondary wui-tour-back"></button> <button type="button" class="btn btn-sm btn-primary wui-tour-next"></button> </div> </div> </div> <div class="visually-hidden" role="status" aria-live="polite"></div>`;
|
|
130015
130061
|
let n = t;
|
|
130016
|
-
this._shadow = null, this.isolated && (n = document.createElement(
|
|
130062
|
+
this._shadow = null, this.isolated && (n = document.createElement(Cht), this._shadow = n.attachShadow({ mode: "open" }), Pht(this._shadow), this._shadow.appendChild(t)), document.body.appendChild(n), document.documentElement.setAttribute(kK, ""), this._outer = n, this._layer = t, this._spot = t.querySelector(".wui-tour-spot"), this._card = t.querySelector(".wui-tour-card"), this._live = t.querySelector("[role=status]"), this._card.querySelector(".wui-tour-skip").addEventListener("click", () => this._close("skipped", "button")), this._card.querySelector(".wui-tour-back").addEventListener("click", () => this._move(-1)), this._card.querySelector(".wui-tour-next").addEventListener("click", () => this._move(1)), this._shadow && this._card.removeAttribute("aria-modal"), this._onKey = (e) => this._key(e), this._onFocusIn = (e) => {
|
|
130017
130063
|
if (!this._layer || this._ending) return;
|
|
130018
130064
|
let t = this._current, n = t ? this._steps[t.index] : null;
|
|
130019
|
-
|
|
130065
|
+
Omt(this._layer, n, t?.target ?? null, e.target) || this._card.focus();
|
|
130020
130066
|
}, document.addEventListener("keydown", this._onKey, !0), this._shadow || document.addEventListener("focusin", this._onFocusIn), Gs(n, () => this._follow());
|
|
130021
130067
|
}
|
|
130022
130068
|
_active() {
|
|
@@ -130024,16 +130070,16 @@ Hs("wui-tour", class extends Us {
|
|
|
130024
130070
|
}
|
|
130025
130071
|
_show(e) {
|
|
130026
130072
|
this._current = e;
|
|
130027
|
-
let { index: t, target: n } = e, r = this._steps[t], i = this._card, a = this._progress.position(t), o = this._progress.total(), s = a === o && !this._endDialogText(), c =
|
|
130028
|
-
|
|
130073
|
+
let { index: t, target: n } = e, r = this._steps[t], i = this._card, a = this._progress.position(t), o = this._progress.total(), s = a === o && !this._endDialogText(), c = bht(this, a, o);
|
|
130074
|
+
xht(i, {
|
|
130029
130075
|
text: c,
|
|
130030
130076
|
position: a,
|
|
130031
130077
|
total: o
|
|
130032
|
-
}),
|
|
130078
|
+
}), _ht(i, r, {
|
|
130033
130079
|
pause: this._label("mediaPause"),
|
|
130034
130080
|
play: this._label("mediaPlay")
|
|
130035
130081
|
});
|
|
130036
|
-
let l =
|
|
130082
|
+
let l = Emt(this, {
|
|
130037
130083
|
layer: this._layer,
|
|
130038
130084
|
spot: this._spot,
|
|
130039
130085
|
card: i
|
|
@@ -130044,9 +130090,9 @@ Hs("wui-tour", class extends Us {
|
|
|
130044
130090
|
r.title,
|
|
130045
130091
|
r.description
|
|
130046
130092
|
].filter(Boolean).join(". ");
|
|
130047
|
-
this._live.textContent = l ? [d, l].join(/[.!?]$/.test(d) ? " " : ". ") : d,
|
|
130093
|
+
this._live.textContent = l ? [d, l].join(/[.!?]$/.test(d) ? " " : ". ") : d, qmt(i, n), this._spot.removeAttribute(q9), this._place(), zmt(i), this._unbindAdvance?.(), this._unbindAdvance = Dmt(r, n, () => this._move(1));
|
|
130048
130094
|
let f = this._active();
|
|
130049
|
-
(i.contains(f) ? !f.hidden : this._shadow !== null &&
|
|
130095
|
+
(i.contains(f) ? !f.hidden : this._shadow !== null && Mht(Nht())) || i.focus(), this.dispatchEvent(new CustomEvent("wui-tour:step", {
|
|
130050
130096
|
bubbles: !0,
|
|
130051
130097
|
detail: {
|
|
130052
130098
|
step: r,
|
|
@@ -130057,7 +130103,7 @@ Hs("wui-tour", class extends Us {
|
|
|
130057
130103
|
}));
|
|
130058
130104
|
}
|
|
130059
130105
|
_place() {
|
|
130060
|
-
!this._current || !this._layer ||
|
|
130106
|
+
!this._current || !this._layer || Jmt(this._spot, this._card, this._current.target);
|
|
130061
130107
|
}
|
|
130062
130108
|
_follow() {
|
|
130063
130109
|
if (!this._current || !this._layer || this._ending) return;
|
|
@@ -130075,7 +130121,7 @@ Hs("wui-tour", class extends Us {
|
|
|
130075
130121
|
let r = await this._locate(e, t, n);
|
|
130076
130122
|
if (n !== this._run) return;
|
|
130077
130123
|
if (r) {
|
|
130078
|
-
let e =
|
|
130124
|
+
let e = Bmt(this._card);
|
|
130079
130125
|
if (e && await e, n !== this._run) return;
|
|
130080
130126
|
this._show(r);
|
|
130081
130127
|
} else if (t > 0) {
|
|
@@ -130088,21 +130134,21 @@ Hs("wui-tour", class extends Us {
|
|
|
130088
130134
|
}
|
|
130089
130135
|
}
|
|
130090
130136
|
_showEnd(e) {
|
|
130091
|
-
return this._unbindAdvance?.(), this._unbindAdvance = null,
|
|
130137
|
+
return this._unbindAdvance?.(), this._unbindAdvance = null, Emt(this, {
|
|
130092
130138
|
layer: this._layer,
|
|
130093
130139
|
spot: this._spot,
|
|
130094
130140
|
card: this._card
|
|
130095
|
-
}, null, null), this._spot.removeAttribute(q9), this._ending = new AbortController(), this._seenMark = this._markSeen("finished"),
|
|
130141
|
+
}, null, null), this._spot.removeAttribute(q9), this._ending = new AbortController(), this._seenMark = this._markSeen("finished"), rht(this._layer, e, this._ending.signal);
|
|
130096
130142
|
}
|
|
130097
130143
|
_key(e) {
|
|
130098
130144
|
if (!(!this._layer || this._ending || e.altKey || e.ctrlKey || e.metaKey)) {
|
|
130099
130145
|
if (e.key === "Escape") e.preventDefault(), e.stopPropagation(), this._close("skipped", "escape");
|
|
130100
130146
|
else if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
|
|
130101
|
-
if (
|
|
130147
|
+
if (Mht(e.composedPath?.()[0] ?? e.target)) return;
|
|
130102
130148
|
e.preventDefault(), e.key === "ArrowRight" ? this._move(1) : this._current.index > this._firstIndex && this._move(-1);
|
|
130103
130149
|
} else if (e.key === "Tab" && !this._shadow) {
|
|
130104
130150
|
let { index: t, target: n } = this._current;
|
|
130105
|
-
|
|
130151
|
+
kmt(e, {
|
|
130106
130152
|
card: this._card,
|
|
130107
130153
|
active: this._active(),
|
|
130108
130154
|
step: this._steps[t],
|
|
@@ -130115,7 +130161,7 @@ Hs("wui-tour", class extends Us {
|
|
|
130115
130161
|
if (!this._layer) return;
|
|
130116
130162
|
document.removeEventListener("keydown", this._onKey, !0), document.removeEventListener("focusin", this._onFocusIn);
|
|
130117
130163
|
let e = !this._shadow || this._shadow.activeElement !== null || !document.activeElement || document.activeElement === document.body;
|
|
130118
|
-
this._unbindAdvance?.(), this._unbindAdvance = null, this._ending?.abort(), this._ending = null, this._seenMark = null, Ks(this._outer),
|
|
130164
|
+
this._unbindAdvance?.(), this._unbindAdvance = null, this._ending?.abort(), this._ending = null, this._seenMark = null, Ks(this._outer), Vmt(this._outer), document.documentElement.removeAttribute(kK), this._outer = null, this._shadow = null, this._layer = null, this._current = null;
|
|
130119
130165
|
let t = this._returnFocus;
|
|
130120
130166
|
this._returnFocus = null, e && t?.isConnected && t.focus?.();
|
|
130121
130167
|
}
|
|
@@ -130124,7 +130170,7 @@ Hs("wui-tour", class extends Us {
|
|
|
130124
130170
|
index: r.index,
|
|
130125
130171
|
position: this._progress.position(r.index),
|
|
130126
130172
|
total: this._progress.total()
|
|
130127
|
-
} :
|
|
130173
|
+
} : Oht, a = this._seenMark;
|
|
130128
130174
|
this._teardown();
|
|
130129
130175
|
try {
|
|
130130
130176
|
n === this._run && await (a ?? this._markSeen(e));
|
|
@@ -130132,7 +130178,7 @@ Hs("wui-tour", class extends Us {
|
|
|
130132
130178
|
this._finish(e, i, t);
|
|
130133
130179
|
}
|
|
130134
130180
|
}
|
|
130135
|
-
_finish(e, t =
|
|
130181
|
+
_finish(e, t = Oht, n = null) {
|
|
130136
130182
|
this._run++, this._running = !1, this.hasAttribute("open") && this.removeAttribute("open"), this.dispatchEvent(new CustomEvent("wui-tour:close", {
|
|
130137
130183
|
bubbles: !0,
|
|
130138
130184
|
detail: {
|
|
@@ -130145,10 +130191,10 @@ Hs("wui-tour", class extends Us {
|
|
|
130145
130191
|
});
|
|
130146
130192
|
//#endregion
|
|
130147
130193
|
//#region dist/components/AppTour.js
|
|
130148
|
-
var
|
|
130194
|
+
var Fht = ["image", "video"], Iht = ["click"], Lht = u(function(e, n) {
|
|
130149
130195
|
let { open: r, onClose: i, tourId: a, steps: o, seenStore: s, onBeforeStep: c, labels: l, endDialog: u = !0, className: d, ...f } = e;
|
|
130150
130196
|
U("AppTour", f);
|
|
130151
|
-
for (let e of o) H("AppTour", "steps[].mediaType", e.mediaType,
|
|
130197
|
+
for (let e of o) H("AppTour", "steps[].mediaType", e.mediaType, Fht), H("AppTour", "steps[].advanceOn", e.advanceOn, Iht);
|
|
130152
130198
|
let p = x(null), h = (e) => {
|
|
130153
130199
|
p.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
|
|
130154
130200
|
};
|
|
@@ -130200,11 +130246,11 @@ var Nht = ["image", "video"], Pht = ["click"], Fht = u(function(e, n) {
|
|
|
130200
130246
|
children: e.description
|
|
130201
130247
|
}, `${e.target}|${e.description}`))
|
|
130202
130248
|
});
|
|
130203
|
-
}),
|
|
130249
|
+
}), Rht = [
|
|
130204
130250
|
"none",
|
|
130205
130251
|
"single",
|
|
130206
130252
|
"multiple"
|
|
130207
|
-
],
|
|
130253
|
+
], zht = "parentId", Bht = "Loading", Vht = "Could not load. Try again.", Hht = ":scope > input[data-wui-mirror]", Uht = [
|
|
130208
130254
|
"nodes",
|
|
130209
130255
|
"selection",
|
|
130210
130256
|
"selected",
|
|
@@ -130212,7 +130258,7 @@ var Nht = ["image", "video"], Pht = ["click"], Fht = u(function(e, n) {
|
|
|
130212
130258
|
"loadChildren",
|
|
130213
130259
|
"loadUrl",
|
|
130214
130260
|
"name"
|
|
130215
|
-
],
|
|
130261
|
+
], Wht = 0;
|
|
130216
130262
|
function Y9(e, t, n) {
|
|
130217
130263
|
let r = document.createElement(e);
|
|
130218
130264
|
t && (r.className = t);
|
|
@@ -130233,7 +130279,7 @@ Hs("wui-tree", class extends Us {
|
|
|
130233
130279
|
];
|
|
130234
130280
|
}
|
|
130235
130281
|
constructor() {
|
|
130236
|
-
super(), this._uid = `wui-tree-${++
|
|
130282
|
+
super(), this._uid = `wui-tree-${++Wht}`, this._seq = 0, this._roots = [], this._byId = /* @__PURE__ */ new Map(), this._prev = null, this._staged = null, this._els = /* @__PURE__ */ new Map(), this._checked = /* @__PURE__ */ new Set(), this._selected = null, this._focusId = null, this._loader = null, this._list = null, this._live = null, this._ready = !1, this._nav = nc({
|
|
130237
130283
|
getVisibleOptions: () => this._visible().map((e) => this._els.get(e.id)?.row),
|
|
130238
130284
|
getActive: () => this._visible().findIndex((e) => e.id === this._focusId),
|
|
130239
130285
|
setActive: (e) => this._focusNode(this._visible()[e]),
|
|
@@ -130248,7 +130294,7 @@ Hs("wui-tree", class extends Us {
|
|
|
130248
130294
|
}
|
|
130249
130295
|
connectedCallback() {
|
|
130250
130296
|
let e = {};
|
|
130251
|
-
for (let t of
|
|
130297
|
+
for (let t of Uht) Object.hasOwn(this, t) && (e[t] = this[t], delete this[t]);
|
|
130252
130298
|
if (!this._ready) {
|
|
130253
130299
|
this._ready = !0;
|
|
130254
130300
|
let e = this._readScript();
|
|
@@ -130274,7 +130320,7 @@ Hs("wui-tree", class extends Us {
|
|
|
130274
130320
|
}
|
|
130275
130321
|
get selection() {
|
|
130276
130322
|
let e = this.getAttribute("selection");
|
|
130277
|
-
return
|
|
130323
|
+
return Rht.includes(e) ? e : "none";
|
|
130278
130324
|
}
|
|
130279
130325
|
set selection(e) {
|
|
130280
130326
|
this.setAttribute("selection", String(e));
|
|
@@ -130318,13 +130364,13 @@ Hs("wui-tree", class extends Us {
|
|
|
130318
130364
|
e == null ? this.removeAttribute("name") : this.setAttribute("name", String(e));
|
|
130319
130365
|
}
|
|
130320
130366
|
get loadingText() {
|
|
130321
|
-
return this.getAttribute("loading-text") ??
|
|
130367
|
+
return this.getAttribute("loading-text") ?? Bht;
|
|
130322
130368
|
}
|
|
130323
130369
|
set loadingText(e) {
|
|
130324
130370
|
this.setAttribute("loading-text", String(e ?? ""));
|
|
130325
130371
|
}
|
|
130326
130372
|
get errorText() {
|
|
130327
|
-
return this.getAttribute("error-text") ??
|
|
130373
|
+
return this.getAttribute("error-text") ?? Vht;
|
|
130328
130374
|
}
|
|
130329
130375
|
set errorText(e) {
|
|
130330
130376
|
this.setAttribute("error-text", String(e ?? ""));
|
|
@@ -130513,7 +130559,7 @@ Hs("wui-tree", class extends Us {
|
|
|
130513
130559
|
let t = this.getAttribute("load-url");
|
|
130514
130560
|
if (!t) throw Error("<wui-tree> has a node with children to load but no loadChildren or load-url.");
|
|
130515
130561
|
let n = new URL(t, window.location.href);
|
|
130516
|
-
n.searchParams.set(
|
|
130562
|
+
n.searchParams.set(zht, e.id);
|
|
130517
130563
|
let r = await SK(n.href, { headers: { Accept: "application/json" } });
|
|
130518
130564
|
if (!r.ok) throw Error(`Loading children answered ${r.kind}.`);
|
|
130519
130565
|
return JSON.parse(r.html);
|
|
@@ -130534,7 +130580,7 @@ Hs("wui-tree", class extends Us {
|
|
|
130534
130580
|
let e = this.selection;
|
|
130535
130581
|
if (e === "multiple") tc(this, this.values);
|
|
130536
130582
|
else if (e === "single") ec(this, this._selected ?? "");
|
|
130537
|
-
else for (let e of this.querySelectorAll(
|
|
130583
|
+
else for (let e of this.querySelectorAll(Hht)) e.remove();
|
|
130538
130584
|
}
|
|
130539
130585
|
_render() {
|
|
130540
130586
|
if (!this._list) return;
|
|
@@ -130589,13 +130635,13 @@ Hs("wui-tree", class extends Us {
|
|
|
130589
130635
|
});
|
|
130590
130636
|
//#endregion
|
|
130591
130637
|
//#region dist/components/AppTreeView.js
|
|
130592
|
-
var
|
|
130638
|
+
var Ght = [
|
|
130593
130639
|
"none",
|
|
130594
130640
|
"single",
|
|
130595
130641
|
"multiple"
|
|
130596
|
-
],
|
|
130642
|
+
], Kht = u(function(e, n) {
|
|
130597
130643
|
let { nodes: r, selection: i, selected: a, onSelect: o, checked: s, onCheck: c, loadChildren: l, loadUrl: u, onLoadError: d, name: f, loadingText: p, errorText: h, ariaLabel: g, id: _, className: v = "", ...y } = e;
|
|
130598
|
-
U("AppTreeView", y), H("AppTreeView", "selection", i,
|
|
130644
|
+
U("AppTreeView", y), H("AppTreeView", "selection", i, Ght);
|
|
130599
130645
|
let { setRef: b, innerRef: S } = Ls({
|
|
130600
130646
|
ref: n,
|
|
130601
130647
|
value: s,
|
|
@@ -130672,7 +130718,7 @@ Hs("wui-truncate", class extends Us {
|
|
|
130672
130718
|
});
|
|
130673
130719
|
//#endregion
|
|
130674
130720
|
//#region dist/components/AppTruncate.js
|
|
130675
|
-
function
|
|
130721
|
+
function qht(e) {
|
|
130676
130722
|
let { children: n, lines: r = 1, width: i, style: a, className: o = "", ...s } = e;
|
|
130677
130723
|
U("AppTruncate", s);
|
|
130678
130724
|
let c = Number.isInteger(r) && r > 1, l = {
|
|
@@ -130697,9 +130743,9 @@ function Ght(e) {
|
|
|
130697
130743
|
}
|
|
130698
130744
|
//#endregion
|
|
130699
130745
|
//#region dist/components/AppUpdateBar.js
|
|
130700
|
-
var
|
|
130701
|
-
function
|
|
130702
|
-
let { onReload: r =
|
|
130746
|
+
var Jht = () => window.location.reload();
|
|
130747
|
+
function Yht(e) {
|
|
130748
|
+
let { onReload: r = Jht, dismissible: i = !1, onDismiss: a, className: o = "", ...s } = e;
|
|
130703
130749
|
return U("AppUpdateBar", s), n(jc, {
|
|
130704
130750
|
tone: "info",
|
|
130705
130751
|
icon: "refresh-cw",
|
|
@@ -130721,7 +130767,7 @@ function qht(e) {
|
|
|
130721
130767
|
}
|
|
130722
130768
|
//#endregion
|
|
130723
130769
|
//#region ../elements/dist/WuiWhatsNew-bOkXSofq.js
|
|
130724
|
-
var
|
|
130770
|
+
var Xht = "wui-whats-new-read", Zht = "wui-whats-new:", X9 = "data-open", Z9 = "data-wui-unread", Qht = 0;
|
|
130725
130771
|
//#endregion
|
|
130726
130772
|
//#region ../elements/dist/elements/whats-new.js
|
|
130727
130773
|
Hs("wui-whats-new", class extends Us {
|
|
@@ -130747,7 +130793,7 @@ Hs("wui-whats-new", class extends Us {
|
|
|
130747
130793
|
connectedCallback() {
|
|
130748
130794
|
this._doc = this.ownerDocument;
|
|
130749
130795
|
let e = this._panel, t = this._trigger;
|
|
130750
|
-
!e || !t || (e.id ||= `wui-whats-new-${++
|
|
130796
|
+
!e || !t || (e.id ||= `wui-whats-new-${++Qht}`, t.setAttribute("aria-controls", e.id), t.setAttribute("aria-expanded", "false"), t.addEventListener("click", this._onTriggerClick), this.addEventListener("keydown", this._onKeyDown), this._seen = this._load(), this._refresh(), typeof MutationObserver < "u" && (this._observer = new MutationObserver(() => this._refresh()), this._observer.observe(e, {
|
|
130751
130797
|
childList: !0,
|
|
130752
130798
|
subtree: !0
|
|
130753
130799
|
})));
|
|
@@ -130787,7 +130833,7 @@ Hs("wui-whats-new", class extends Us {
|
|
|
130787
130833
|
}
|
|
130788
130834
|
_markRead() {
|
|
130789
130835
|
let e = this._newest();
|
|
130790
|
-
!e || e <= this._seen || (this._seen = e, this._save(e), this.toggleAttribute(Z9, !1), this.dispatchEvent(new CustomEvent(
|
|
130836
|
+
!e || e <= this._seen || (this._seen = e, this._save(e), this.toggleAttribute(Z9, !1), this.dispatchEvent(new CustomEvent(Xht, {
|
|
130791
130837
|
bubbles: !0,
|
|
130792
130838
|
detail: { through: e }
|
|
130793
130839
|
})));
|
|
@@ -130798,7 +130844,7 @@ Hs("wui-whats-new", class extends Us {
|
|
|
130798
130844
|
try {
|
|
130799
130845
|
return {
|
|
130800
130846
|
store: this.ownerDocument.defaultView.localStorage,
|
|
130801
|
-
key:
|
|
130847
|
+
key: Zht + e
|
|
130802
130848
|
};
|
|
130803
130849
|
} catch {
|
|
130804
130850
|
return null;
|
|
@@ -130815,7 +130861,7 @@ Hs("wui-whats-new", class extends Us {
|
|
|
130815
130861
|
});
|
|
130816
130862
|
//#endregion
|
|
130817
130863
|
//#region dist/components/AppWhatsNew.js
|
|
130818
|
-
function
|
|
130864
|
+
function $ht(e) {
|
|
130819
130865
|
let { entries: r = [], storageKey: i, label: a = "What's new", unreadLabel: o = "unread", emptyText: s = "Nothing new yet", onRead: c, className: l = "", ...u } = e;
|
|
130820
130866
|
U("AppWhatsNew", u);
|
|
130821
130867
|
let d = x(null), f = x(c);
|
|
@@ -130898,17 +130944,17 @@ function Zht(e) {
|
|
|
130898
130944
|
}
|
|
130899
130945
|
//#endregion
|
|
130900
130946
|
//#region ../elements/dist/WuiWizardStep-DZ4ohL0J.js
|
|
130901
|
-
var
|
|
130947
|
+
var egt = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", tgt = {
|
|
130902
130948
|
done: "Done",
|
|
130903
130949
|
active: "Current",
|
|
130904
130950
|
pending: "To do",
|
|
130905
130951
|
error: "Error",
|
|
130906
130952
|
skipped: "Skipped"
|
|
130907
|
-
},
|
|
130953
|
+
}, ngt = [
|
|
130908
130954
|
"data-nav",
|
|
130909
130955
|
"data-step",
|
|
130910
130956
|
"data-close"
|
|
130911
|
-
],
|
|
130957
|
+
], rgt = /* @__PURE__ */ new WeakSet(), igt = class extends Us {
|
|
130912
130958
|
static get observedAttributes() {
|
|
130913
130959
|
return [
|
|
130914
130960
|
"active",
|
|
@@ -130953,7 +130999,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
|
|
|
130953
130999
|
this._beforeNext = typeof e == "function" ? e : null;
|
|
130954
131000
|
}
|
|
130955
131001
|
get _steps() {
|
|
130956
|
-
return [...this.querySelectorAll(`:scope > ${
|
|
131002
|
+
return [...this.querySelectorAll(`:scope > ${egt}`)];
|
|
130957
131003
|
}
|
|
130958
131004
|
refresh() {
|
|
130959
131005
|
this._rendered && this._renderChrome();
|
|
@@ -130995,7 +131041,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
|
|
|
130995
131041
|
this._header,
|
|
130996
131042
|
this._footer
|
|
130997
131043
|
].some((t) => t?.contains(e))) return null;
|
|
130998
|
-
let t =
|
|
131044
|
+
let t = ngt.find((t) => e.hasAttribute(t));
|
|
130999
131045
|
return t ? {
|
|
131000
131046
|
attr: t,
|
|
131001
131047
|
value: e.getAttribute(t)
|
|
@@ -131021,7 +131067,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
|
|
|
131021
131067
|
}
|
|
131022
131068
|
this._topBar || (this._topBar = document.createElement("div"), this._topBar.className = "wui-wizard-topbar", this._rendered && this._topBar.addEventListener("click", this._onTopBarClick)), this._header.previousElementSibling !== this._topBar && this.insertBefore(this._topBar, this._header);
|
|
131023
131069
|
let t = this.getAttribute("bar-title") || "", n = this.getAttribute("close-label") || "Close", r = e.length ? `<span class="wui-wizard-topbar-count">Step ${this._active + 1} of ${e.length}</span>` : "";
|
|
131024
|
-
this._topBar.innerHTML = `<span class="wui-wizard-topbar-title">${$9(t)}</span>${r}<button type="button" class="wui-wizard-topbar-close" data-close aria-label="${
|
|
131070
|
+
this._topBar.innerHTML = `<span class="wui-wizard-topbar-title">${$9(t)}</span>${r}<button type="button" class="wui-wizard-topbar-close" data-close aria-label="${ogt(n)}">${this._glyph("x")}</button>`;
|
|
131025
131071
|
}
|
|
131026
131072
|
_clampActive(e) {
|
|
131027
131073
|
let t = Math.max(0, e.length - 1);
|
|
@@ -131029,7 +131075,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
|
|
|
131029
131075
|
}
|
|
131030
131076
|
_reconcileSteps() {
|
|
131031
131077
|
let e = this._steps, t = this._known;
|
|
131032
|
-
if (this._known = e,
|
|
131078
|
+
if (this._known = e, agt(e, t)) return e;
|
|
131033
131079
|
let n = (n) => new Set([...n].map((n) => e.indexOf(t[n])).filter((e) => e >= 0));
|
|
131034
131080
|
this._skipped = n(this._skipped), this._invalid = n(this._invalid);
|
|
131035
131081
|
let r = t[this._active];
|
|
@@ -131049,7 +131095,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
|
|
|
131049
131095
|
_onStepsMutated() {
|
|
131050
131096
|
if (!this._rendered) return;
|
|
131051
131097
|
let e = this._steps, t = !e.length || this._header.nextElementSibling === e[0] && this._footer.previousElementSibling === e[e.length - 1];
|
|
131052
|
-
this.querySelector(Q9) !== this._glyphs && (this._watchGlyphs(), this._renderHeader()), !(t &&
|
|
131098
|
+
this.querySelector(Q9) !== this._glyphs && (this._watchGlyphs(), this._renderHeader()), !(t && agt(e, this._known)) && (this._renderChrome(), this._observer?.takeRecords());
|
|
131053
131099
|
}
|
|
131054
131100
|
_syncPanels(e) {
|
|
131055
131101
|
e.forEach((e, t) => {
|
|
@@ -131073,13 +131119,13 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
|
|
|
131073
131119
|
o && "wui-stepper-start"
|
|
131074
131120
|
].filter(Boolean).join(" "), this._header.setAttribute("aria-label", this.getAttribute("label") || "Progress");
|
|
131075
131121
|
let s = this.hasAttribute("non-linear");
|
|
131076
|
-
for (let t of e) t.getAttribute("label") ||
|
|
131122
|
+
for (let t of e) t.getAttribute("label") || rgt.has(t) || (rgt.add(t), pK("wui-wizard: a <wui-wizard-step> needs a label attribute; its header segment is empty."));
|
|
131077
131123
|
let c = e.map((i, o) => {
|
|
131078
131124
|
let c = this._stepStatus(i, o), l = i.getAttribute("label") || "", u = i.getAttribute("description") || "", d = i.getAttribute("icon") || "", f = o + 1, p;
|
|
131079
131125
|
p = c === "done" ? this._glyph("check") : c === "error" ? this._glyph("alert-triangle") : c === "skipped" ? this._glyph("minus") : d ? this._glyph(d) : String(f);
|
|
131080
131126
|
let m = c === "pending" ? "step" : `step ${c}`, h = c === "active" ? " aria-current=\"step\"" : "", g = s || o < this._active;
|
|
131081
131127
|
if (r) {
|
|
131082
|
-
let e = `<span class="step-circle">${p}</span><span class="step-text"><span class="step-label">${$9(l)}</span><span class="wui-step-tile-state">${
|
|
131128
|
+
let e = `<span class="step-circle">${p}</span><span class="step-text"><span class="step-label">${$9(l)}</span><span class="wui-step-tile-state">${tgt[c] ?? ""}</span></span>`, t = g ? `<button type="button" class="wui-step-tile-body" data-step="${o}"${h}>${e}</button>` : `<div class="wui-step-tile-body"${h}>${e}</div>`;
|
|
131083
131129
|
return `<li class="${c === "pending" ? "wui-step-tile" : `wui-step-tile ${c}`}">${t}</li>`;
|
|
131084
131130
|
}
|
|
131085
131131
|
let _ = u ? `<span class="step-desc">${$9(u)}</span>` : "", v;
|
|
@@ -131184,7 +131230,7 @@ var Qht = "wui-wizard-step", Q9 = ":scope > [data-wui-glyphs]", $ht = {
|
|
|
131184
131230
|
_reflectActive(e) {
|
|
131185
131231
|
this._reflecting = !0, this.setAttribute("active", String(e)), this._reflecting = !1;
|
|
131186
131232
|
}
|
|
131187
|
-
},
|
|
131233
|
+
}, agt = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), $9 = (e) => String(e ?? "").replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">"), ogt = (e) => String(e ?? "").replace(/&/g, "&").replace(/"/g, """).replace(/</g, "<");
|
|
131188
131234
|
//#endregion
|
|
131189
131235
|
//#region ../elements/dist/elements/wizard.js
|
|
131190
131236
|
Hs("wui-wizard-step", class extends Us {
|
|
@@ -131201,80 +131247,80 @@ Hs("wui-wizard-step", class extends Us {
|
|
|
131201
131247
|
let e = this.closest("wui-wizard");
|
|
131202
131248
|
e && typeof e.refresh == "function" && e.refresh();
|
|
131203
131249
|
}
|
|
131204
|
-
}), Hs("wui-wizard",
|
|
131250
|
+
}), Hs("wui-wizard", igt);
|
|
131205
131251
|
//#endregion
|
|
131206
131252
|
//#region dist/components/AppWizard.js
|
|
131207
|
-
var
|
|
131253
|
+
var sgt = [
|
|
131208
131254
|
"steps",
|
|
131209
131255
|
"journey",
|
|
131210
131256
|
"icons",
|
|
131211
131257
|
"tiles"
|
|
131212
|
-
],
|
|
131258
|
+
], cgt = [
|
|
131213
131259
|
"primary",
|
|
131214
131260
|
"success",
|
|
131215
131261
|
"warning",
|
|
131216
131262
|
"danger",
|
|
131217
131263
|
"info"
|
|
131218
|
-
],
|
|
131264
|
+
], lgt = ["horizontal", "vertical"], ugt = ["center", "start"], dgt = [
|
|
131219
131265
|
"done",
|
|
131220
131266
|
"active",
|
|
131221
131267
|
"pending",
|
|
131222
131268
|
"error"
|
|
131223
|
-
],
|
|
131269
|
+
], fgt = [
|
|
131224
131270
|
"key",
|
|
131225
131271
|
"label",
|
|
131226
131272
|
"description",
|
|
131227
131273
|
"optional",
|
|
131228
131274
|
"icon",
|
|
131229
131275
|
"status"
|
|
131230
|
-
],
|
|
131276
|
+
], pgt = [
|
|
131231
131277
|
"linear",
|
|
131232
131278
|
"outline",
|
|
131233
131279
|
"bold",
|
|
131234
131280
|
"bulk",
|
|
131235
131281
|
"broken",
|
|
131236
131282
|
"twotone"
|
|
131237
|
-
],
|
|
131283
|
+
], mgt = [
|
|
131238
131284
|
"check",
|
|
131239
131285
|
"alert-triangle",
|
|
131240
131286
|
"minus"
|
|
131241
|
-
],
|
|
131287
|
+
], hgt = [
|
|
131242
131288
|
"sm",
|
|
131243
131289
|
"md",
|
|
131244
131290
|
"lg"
|
|
131245
|
-
],
|
|
131291
|
+
], ggt = {
|
|
131246
131292
|
sm: 14,
|
|
131247
131293
|
md: 16,
|
|
131248
131294
|
lg: 20
|
|
131249
|
-
},
|
|
131295
|
+
}, _gt = /* @__PURE__ */ new Set(), vgt = () => {
|
|
131250
131296
|
try {
|
|
131251
131297
|
return !1;
|
|
131252
131298
|
} catch {
|
|
131253
131299
|
return !0;
|
|
131254
131300
|
}
|
|
131255
131301
|
};
|
|
131256
|
-
function
|
|
131302
|
+
function ygt(e) {
|
|
131257
131303
|
if (!Array.isArray(e)) throw Error("AppWizard: steps must be an array of { label, description?, optional?, icon?, status?, key? } objects.");
|
|
131258
131304
|
e.forEach((e, t) => {
|
|
131259
131305
|
if (typeof e != "object" || !e || typeof e.label != "string" || e.label.trim() === "") throw Error(`AppWizard: steps[${t}] needs a text label.`);
|
|
131260
|
-
if (
|
|
131261
|
-
if (
|
|
131262
|
-
let e = `AppWizard: steps[${t}] has an unknown field ${n}; the fields are ${
|
|
131263
|
-
|
|
131306
|
+
if (vgt()) for (let n of Object.keys(e)) {
|
|
131307
|
+
if (fgt.includes(n)) continue;
|
|
131308
|
+
let e = `AppWizard: steps[${t}] has an unknown field ${n}; the fields are ${fgt.join(", ")}.`;
|
|
131309
|
+
_gt.has(e) || (_gt.add(e), se(e));
|
|
131264
131310
|
}
|
|
131265
131311
|
});
|
|
131266
131312
|
}
|
|
131267
|
-
var
|
|
131313
|
+
var bgt = u(function(e, r) {
|
|
131268
131314
|
let { steps: i = [], children: o, active: s, defaultActive: c = 0, onStepChange: l, onFinish: u, onSkip: d, beforeNext: f, onInvalid: p, onClose: h, variant: g = "steps", tone: _, doneTone: v, orientation: y = "horizontal", align: b = "center", iconVariant: S, size: C = "md", iconSize: w, skippable: T = !1, nonLinear: E = !1, hideStepper: D = !1, hideConnectors: O = !1, disabled: k = !1, label: A = "Progress", backLabel: j = "Back", nextLabel: M = "Next", skipLabel: N = "Skip", finishLabel: P = "Finish", topBar: F = !1, barTitle: I, closeLabel: L = "Close", className: R = "", ...ee } = e;
|
|
131269
|
-
U("AppWizard", ee), H("AppWizard", "variant", g,
|
|
131270
|
-
let te = w > 0 ? w :
|
|
131271
|
-
for (let e of i) H("AppWizard", "steps[].status", e.status,
|
|
131315
|
+
U("AppWizard", ee), H("AppWizard", "variant", g, sgt), H("AppWizard", "tone", _, cgt), H("AppWizard", "doneTone", v, cgt), H("AppWizard", "orientation", y, lgt), H("AppWizard", "align", b, ugt), H("AppWizard", "iconVariant", S, pgt), H("AppWizard", "size", C, hgt), ygt(i);
|
|
131316
|
+
let te = w > 0 ? w : ggt[C] ?? ggt.md;
|
|
131317
|
+
for (let e of i) H("AppWizard", "steps[].status", e.status, dgt);
|
|
131272
131318
|
let z = x(null), ne = (e) => {
|
|
131273
131319
|
z.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
|
|
131274
|
-
}, re = a.toArray(o), ie = S && S !== "linear" ? [.../* @__PURE__ */ new Set([...
|
|
131320
|
+
}, re = a.toArray(o), ie = S && S !== "linear" ? [.../* @__PURE__ */ new Set([...mgt, ...i.map((e) => e.icon).filter(Boolean)])] : [], ae = [
|
|
131275
131321
|
_ && `wui-step-tone-${_}`,
|
|
131276
131322
|
v && `wui-step-done-tone-${v}`,
|
|
131277
|
-
C !== "md" &&
|
|
131323
|
+
C !== "md" && hgt.includes(C) && `wui-step-size-${C}`,
|
|
131278
131324
|
R
|
|
131279
131325
|
].filter(Boolean).join(" ");
|
|
131280
131326
|
return m(() => {
|
|
@@ -131340,19 +131386,19 @@ var vgt = u(function(e, r) {
|
|
|
131340
131386
|
}, e))
|
|
131341
131387
|
})]
|
|
131342
131388
|
});
|
|
131343
|
-
}),
|
|
131389
|
+
}), xgt = [
|
|
131344
131390
|
"sm",
|
|
131345
131391
|
"md",
|
|
131346
131392
|
"lg"
|
|
131347
|
-
],
|
|
131393
|
+
], Sgt = /* @__PURE__ */ new Set([
|
|
131348
131394
|
"ArrowUp",
|
|
131349
131395
|
"ArrowDown",
|
|
131350
131396
|
"ArrowLeft",
|
|
131351
131397
|
"ArrowRight"
|
|
131352
131398
|
]);
|
|
131353
|
-
function
|
|
131399
|
+
function Cgt(e) {
|
|
131354
131400
|
let { tenants: r = [], currentId: i, onSelect: a, menuLabel: o, footerAction: s, linkComponent: c, searchable: l = !1, onCreate: u, canCreate: d = !1, createLabel: f = "Create workspace", compact: p = !1, size: h = "md", ariaLabel: g, ..._ } = e, { onToggle: v, ...b } = _;
|
|
131355
|
-
U("AppWorkspaceSwitcher", b), H("AppWorkspaceSwitcher", "size", h,
|
|
131401
|
+
U("AppWorkspaceSwitcher", b), H("AppWorkspaceSwitcher", "size", h, xgt);
|
|
131356
131402
|
let [C, w] = S(""), [T, E] = S(!1), D = x(null), O = (e, t) => {
|
|
131357
131403
|
E(e), v?.(e, t);
|
|
131358
131404
|
}, k = r.find((e) => e.id === i) ?? r[0], A = y(() => {
|
|
@@ -131370,7 +131416,7 @@ function xgt(e) {
|
|
|
131370
131416
|
let e = D.current;
|
|
131371
131417
|
if (!e) return;
|
|
131372
131418
|
let t = (e) => {
|
|
131373
|
-
if (
|
|
131419
|
+
if (Sgt.has(e.key)) {
|
|
131374
131420
|
e.stopPropagation();
|
|
131375
131421
|
return;
|
|
131376
131422
|
}
|
|
@@ -131389,7 +131435,7 @@ function xgt(e) {
|
|
|
131389
131435
|
...V("AppWorkspaceSwitcher", e),
|
|
131390
131436
|
...b,
|
|
131391
131437
|
children: [t(Bi.Toggle, {
|
|
131392
|
-
as:
|
|
131438
|
+
as: Egt,
|
|
131393
131439
|
compact: p,
|
|
131394
131440
|
tenant: k,
|
|
131395
131441
|
"aria-label": M
|
|
@@ -131425,7 +131471,7 @@ function xgt(e) {
|
|
|
131425
131471
|
className: `workspace-switcher-option${e.id === k?.id ? " is-active" : ""}`,
|
|
131426
131472
|
onClick: () => a?.(e),
|
|
131427
131473
|
children: [
|
|
131428
|
-
t(
|
|
131474
|
+
t(wgt, { tenant: e }),
|
|
131429
131475
|
t("span", {
|
|
131430
131476
|
className: "workspace-switcher-option-name",
|
|
131431
131477
|
children: e.name
|
|
@@ -131457,13 +131503,13 @@ function xgt(e) {
|
|
|
131457
131503
|
}) : null,
|
|
131458
131504
|
s ? t("div", {
|
|
131459
131505
|
className: "workspace-switcher-footer",
|
|
131460
|
-
children:
|
|
131506
|
+
children: Tgt(s, c)
|
|
131461
131507
|
}) : null
|
|
131462
131508
|
]
|
|
131463
131509
|
})]
|
|
131464
131510
|
});
|
|
131465
131511
|
}
|
|
131466
|
-
function
|
|
131512
|
+
function wgt({ tenant: e }) {
|
|
131467
131513
|
return e?.logoUrl ? t("img", {
|
|
131468
131514
|
className: "workspace-switcher-mark",
|
|
131469
131515
|
src: e.logoUrl,
|
|
@@ -131474,7 +131520,7 @@ function Sgt({ tenant: e }) {
|
|
|
131474
131520
|
children: cc(e?.name, 1)
|
|
131475
131521
|
});
|
|
131476
131522
|
}
|
|
131477
|
-
function
|
|
131523
|
+
function Tgt(e, r) {
|
|
131478
131524
|
if (typeof e != "object" || !e || !("label" in e)) return e;
|
|
131479
131525
|
let { label: i, icon: a, href: o } = e;
|
|
131480
131526
|
return n(o ? r ?? "a" : "button", {
|
|
@@ -131486,7 +131532,7 @@ function Cgt(e, r) {
|
|
|
131486
131532
|
}) : null, i]
|
|
131487
131533
|
});
|
|
131488
131534
|
}
|
|
131489
|
-
var
|
|
131535
|
+
var Egt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...s }, c) {
|
|
131490
131536
|
return n("button", {
|
|
131491
131537
|
ref: c,
|
|
131492
131538
|
type: "button",
|
|
@@ -131494,7 +131540,7 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
|
|
|
131494
131540
|
"aria-haspopup": "true",
|
|
131495
131541
|
"aria-label": a,
|
|
131496
131542
|
...s,
|
|
131497
|
-
children: [t(
|
|
131543
|
+
children: [t(wgt, { tenant: i }), r ? null : n(e, { children: [t("span", {
|
|
131498
131544
|
className: "workspace-switcher-trigger-name",
|
|
131499
131545
|
children: i?.name
|
|
131500
131546
|
}), t(W, {
|
|
@@ -131503,7 +131549,7 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
|
|
|
131503
131549
|
className: "workspace-switcher-chevron"
|
|
131504
131550
|
})] })]
|
|
131505
131551
|
});
|
|
131506
|
-
}),
|
|
131552
|
+
}), Dgt = ee({
|
|
131507
131553
|
components: {
|
|
131508
131554
|
AppAccordion: us,
|
|
131509
131555
|
AppActionIcon: fs,
|
|
@@ -131609,51 +131655,51 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
|
|
|
131609
131655
|
AppScoreScale: Kdt,
|
|
131610
131656
|
AppScrollbar: qdt,
|
|
131611
131657
|
AppSearch: wXe,
|
|
131612
|
-
AppSectionCallToAction:
|
|
131613
|
-
AppSectionFaq:
|
|
131614
|
-
AppSectionFeatures:
|
|
131615
|
-
AppSectionHero:
|
|
131616
|
-
AppSectionLogos:
|
|
131617
|
-
AppSectionPricing:
|
|
131618
|
-
AppSectionTestimonials:
|
|
131658
|
+
AppSectionCallToAction: Zdt,
|
|
131659
|
+
AppSectionFaq: $dt,
|
|
131660
|
+
AppSectionFeatures: tft,
|
|
131661
|
+
AppSectionHero: nft,
|
|
131662
|
+
AppSectionLogos: rft,
|
|
131663
|
+
AppSectionPricing: ift,
|
|
131664
|
+
AppSectionTestimonials: aft,
|
|
131619
131665
|
AppSegmented: iK,
|
|
131620
131666
|
AppSelect: OXe,
|
|
131621
131667
|
AppSelectMini: fGe,
|
|
131622
|
-
AppShell:
|
|
131623
|
-
AppShortcutLegend:
|
|
131624
|
-
AppShowMore:
|
|
131625
|
-
AppSidebarMenu:
|
|
131668
|
+
AppShell: Sft,
|
|
131669
|
+
AppShortcutLegend: Pft,
|
|
131670
|
+
AppShowMore: Rft,
|
|
131671
|
+
AppSidebarMenu: Vft,
|
|
131626
131672
|
AppSkeleton: cGe,
|
|
131627
131673
|
AppSkeletonRows: lGe,
|
|
131628
|
-
AppSlider:
|
|
131629
|
-
AppSortableList:
|
|
131674
|
+
AppSlider: Gft,
|
|
131675
|
+
AppSortableList: rpt,
|
|
131630
131676
|
AppSparkline: d$e,
|
|
131631
131677
|
AppSpinner: qHe,
|
|
131632
|
-
AppSplash:
|
|
131633
|
-
AppSplitButton:
|
|
131634
|
-
AppSplitView:
|
|
131635
|
-
AppStatusBadge:
|
|
131636
|
-
AppStepper:
|
|
131678
|
+
AppSplash: apt,
|
|
131679
|
+
AppSplitButton: upt,
|
|
131680
|
+
AppSplitView: vpt,
|
|
131681
|
+
AppStatusBadge: bpt,
|
|
131682
|
+
AppStepper: Opt,
|
|
131637
131683
|
AppSwitch: AXe,
|
|
131638
|
-
AppTableEmptyState:
|
|
131684
|
+
AppTableEmptyState: Apt,
|
|
131639
131685
|
AppTablePagination: gGe,
|
|
131640
|
-
AppTableToolbar:
|
|
131641
|
-
AppTabs:
|
|
131642
|
-
AppTagInput:
|
|
131643
|
-
AppTextarea:
|
|
131644
|
-
AppThemeToggle:
|
|
131645
|
-
AppTimePicker:
|
|
131646
|
-
AppTimeline:
|
|
131647
|
-
AppToast:
|
|
131648
|
-
AppToolbar:
|
|
131686
|
+
AppTableToolbar: jpt,
|
|
131687
|
+
AppTabs: Bpt,
|
|
131688
|
+
AppTagInput: Wpt,
|
|
131689
|
+
AppTextarea: Gpt,
|
|
131690
|
+
AppThemeToggle: Jpt,
|
|
131691
|
+
AppTimePicker: umt,
|
|
131692
|
+
AppTimeline: imt,
|
|
131693
|
+
AppToast: mmt,
|
|
131694
|
+
AppToolbar: gmt,
|
|
131649
131695
|
AppTooltip: ua,
|
|
131650
|
-
AppTour:
|
|
131651
|
-
AppTreeView:
|
|
131652
|
-
AppTruncate:
|
|
131653
|
-
AppUpdateBar:
|
|
131654
|
-
AppWhatsNew:
|
|
131655
|
-
AppWizard:
|
|
131656
|
-
AppWorkspaceSwitcher:
|
|
131696
|
+
AppTour: Lht,
|
|
131697
|
+
AppTreeView: Kht,
|
|
131698
|
+
AppTruncate: qht,
|
|
131699
|
+
AppUpdateBar: Yht,
|
|
131700
|
+
AppWhatsNew: $ht,
|
|
131701
|
+
AppWizard: bgt,
|
|
131702
|
+
AppWorkspaceSwitcher: Cgt
|
|
131657
131703
|
},
|
|
131658
131704
|
markers: {
|
|
131659
131705
|
AppAccordion: "AppAccordion",
|
|
@@ -132347,7 +132393,7 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
|
|
|
132347
132393
|
kind: "WeborityWeb",
|
|
132348
132394
|
library: {
|
|
132349
132395
|
name: "@webority/ui-react",
|
|
132350
|
-
version: "0.
|
|
132396
|
+
version: "0.94.0"
|
|
132351
132397
|
},
|
|
132352
132398
|
rendererProtocolVersion: 7,
|
|
132353
132399
|
platform: "Web",
|
|
@@ -143967,7 +144013,8 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
|
|
|
143967
144013
|
name: "value",
|
|
143968
144014
|
type: "number",
|
|
143969
144015
|
required: !1,
|
|
143970
|
-
|
|
144016
|
+
nullable: !0,
|
|
144017
|
+
description: "The current number; null or unset for an empty field."
|
|
143971
144018
|
}
|
|
143972
144019
|
],
|
|
143973
144020
|
itemsTakeAction: [],
|
|
@@ -147487,6 +147534,20 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
|
|
|
147487
147534
|
required: !1,
|
|
147488
147535
|
description: "A short label above the heading: any node, including a styled container drawn as a pill."
|
|
147489
147536
|
},
|
|
147537
|
+
{
|
|
147538
|
+
name: "eyebrowTone",
|
|
147539
|
+
type: "enum",
|
|
147540
|
+
enum: [
|
|
147541
|
+
"danger",
|
|
147542
|
+
"info",
|
|
147543
|
+
"neutral",
|
|
147544
|
+
"primary",
|
|
147545
|
+
"success",
|
|
147546
|
+
"warning"
|
|
147547
|
+
],
|
|
147548
|
+
required: !1,
|
|
147549
|
+
description: "Draws the eyebrow as a pill in this tone; unset keeps plain text."
|
|
147550
|
+
},
|
|
147490
147551
|
{
|
|
147491
147552
|
name: "media",
|
|
147492
147553
|
type: "node",
|
|
@@ -148096,9 +148157,13 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
|
|
|
148096
148157
|
{
|
|
148097
148158
|
name: "floatingLabel",
|
|
148098
148159
|
type: "enum",
|
|
148099
|
-
enum: [
|
|
148160
|
+
enum: [
|
|
148161
|
+
"above",
|
|
148162
|
+
"border",
|
|
148163
|
+
"off"
|
|
148164
|
+
],
|
|
148100
148165
|
required: !1,
|
|
148101
|
-
description: "Where the label rests. Off keeps it above the control. Border sits the label inside as a placeholder, then slides it onto the top border on focus or once a value is chosen. Needs label.",
|
|
148166
|
+
description: "Where the label rests. Off keeps it above the control. Border sits the label inside as a placeholder, then slides it onto the top border on focus or once a value is chosen. Above rests it above the box, clear of the border. Needs label.",
|
|
148102
148167
|
default: "off"
|
|
148103
148168
|
},
|
|
148104
148169
|
{
|
|
@@ -155333,4 +155398,4 @@ var wgt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
|
|
|
155333
155398
|
}
|
|
155334
155399
|
});
|
|
155335
155400
|
//#endregion
|
|
155336
|
-
export {
|
|
155401
|
+
export { Dgt as default };
|