@webority/ui-react 0.18.0 → 0.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types/components/AppPageHeader.d.ts +43 -13
- package/dist/ui-react.js +228 -223
- package/package.json +3 -3
|
@@ -1,16 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
/**
|
|
2
|
+
* The screen masthead every page repeats. Beyond the original title, subtitle and
|
|
3
|
+
* right-aligned actions it carries an optional breadcrumbs row above the title, a
|
|
4
|
+
* leading tone-tinted icon tile, an eyebrow (kicker) label, an inline status slot
|
|
5
|
+
* beside the title, a size scale, centre alignment, a bottom divider and a sticky
|
|
6
|
+
* mode — so no screen invents its own header markup.
|
|
7
|
+
*
|
|
8
|
+
* The look comes entirely from the shared `@webority/theme`, so the React
|
|
9
|
+
* `<AppPageHeader>` and the Razor `<app-page-header>` render identically.
|
|
10
|
+
*
|
|
11
|
+
* The title block and its actions always sit in a `.page-header-bar` flex row; the
|
|
12
|
+
* root `.page-header` stacks the breadcrumbs above that row. A header with no actions
|
|
13
|
+
* is still a single-item row — visually the same left-aligned block as before.
|
|
14
|
+
*
|
|
15
|
+
* @param {object} props
|
|
16
|
+
* @param {import('react').ReactNode} props.title Rendered as the screen heading.
|
|
17
|
+
* @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as="h1"] The heading element for the title. Keep one h1 per page.
|
|
18
|
+
* @param {import('react').ReactNode} [props.subtitle] A count, status, or short description.
|
|
19
|
+
* @param {import('react').ReactNode} [props.eyebrow] Small kicker label above the title.
|
|
20
|
+
* @param {string|import('react').ReactNode} [props.icon] Leading glyph — an Icon name or a node.
|
|
21
|
+
* @param {"primary"|"success"|"warning"|"danger"|"info"} [props.tone="primary"] Tints the icon tile + eyebrow.
|
|
22
|
+
* @param {import('react').ReactNode} [props.status] Inline slot beside the title (e.g. an AppStatusBadge).
|
|
23
|
+
* @param {import('react').ReactNode} [props.breadcrumbs] A breadcrumbs row above the masthead (usually AppBreadcrumbs).
|
|
24
|
+
* @param {import('react').ReactNode} [props.actions] Right-aligned page-level actions (usually an AppButton).
|
|
25
|
+
* @param {"sm"|"md"|"lg"} [props.size="md"] Title / spacing scale.
|
|
26
|
+
* @param {"start"|"center"} [props.align="start"] Centre the masthead — for empty states and wizards.
|
|
27
|
+
* @param {boolean} [props.divider=false] A bottom border under the masthead.
|
|
28
|
+
* @param {boolean} [props.sticky=false] Stick the masthead to the top of the scroll container.
|
|
29
|
+
* @param {string} [props.className]
|
|
30
|
+
*/
|
|
31
|
+
export default function AppPageHeader({ title, as, subtitle, eyebrow, icon, tone, status, breadcrumbs, actions, size, align, divider, sticky, className, ...rest }: {
|
|
32
|
+
title: import('react').ReactNode;
|
|
33
|
+
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
34
|
+
subtitle?: import('react').ReactNode;
|
|
35
|
+
eyebrow?: import('react').ReactNode;
|
|
36
|
+
icon?: string | import('react').ReactNode;
|
|
37
|
+
tone?: "primary" | "success" | "warning" | "danger" | "info";
|
|
38
|
+
status?: import('react').ReactNode;
|
|
39
|
+
breadcrumbs?: import('react').ReactNode;
|
|
40
|
+
actions?: import('react').ReactNode;
|
|
41
|
+
size?: "sm" | "md" | "lg";
|
|
42
|
+
align?: "start" | "center";
|
|
7
43
|
divider?: boolean;
|
|
8
|
-
eyebrow: any;
|
|
9
|
-
icon: any;
|
|
10
|
-
size?: string;
|
|
11
|
-
status: any;
|
|
12
44
|
sticky?: boolean;
|
|
13
|
-
|
|
14
|
-
title: any;
|
|
15
|
-
tone?: string;
|
|
45
|
+
className?: string;
|
|
16
46
|
}): import("react").JSX.Element;
|
package/dist/ui-react.js
CHANGED
|
@@ -4185,69 +4185,74 @@ var Xn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
4185
4185
|
})
|
|
4186
4186
|
]
|
|
4187
4187
|
});
|
|
4188
|
-
})
|
|
4189
|
-
|
|
4190
|
-
|
|
4191
|
-
|
|
4192
|
-
|
|
4193
|
-
|
|
4188
|
+
}), $n = [
|
|
4189
|
+
"h1",
|
|
4190
|
+
"h2",
|
|
4191
|
+
"h3",
|
|
4192
|
+
"h4",
|
|
4193
|
+
"h5",
|
|
4194
|
+
"h6"
|
|
4195
|
+
];
|
|
4196
|
+
function er({ title: e, as: t = "h1", subtitle: n, eyebrow: r, icon: i, tone: a = "primary", status: o, breadcrumbs: s, actions: c, size: l = "md", align: u = "start", divider: d = !1, sticky: f = !1, className: p = "", ...m }) {
|
|
4197
|
+
W("AppPageHeader", m), G("AppPageHeader", "as", t, $n);
|
|
4198
|
+
let h = $n.includes(t) ? t : "h1", g = [
|
|
4194
4199
|
"page-header",
|
|
4195
|
-
|
|
4196
|
-
|
|
4197
|
-
|
|
4198
|
-
|
|
4199
|
-
|
|
4200
|
-
|
|
4201
|
-
].filter(Boolean).join(" "),
|
|
4202
|
-
name:
|
|
4200
|
+
l && l !== "md" ? `page-header-${l}` : "",
|
|
4201
|
+
u === "center" ? "page-header-center" : "",
|
|
4202
|
+
d ? "page-header-divider" : "",
|
|
4203
|
+
f ? "page-header-sticky" : "",
|
|
4204
|
+
a && a !== "primary" ? `tone-${a}` : "",
|
|
4205
|
+
p
|
|
4206
|
+
].filter(Boolean).join(" "), _ = i == null ? null : typeof i == "string" ? /* @__PURE__ */ E(Y, {
|
|
4207
|
+
name: i,
|
|
4203
4208
|
size: 20
|
|
4204
|
-
}) :
|
|
4209
|
+
}) : i;
|
|
4205
4210
|
return /* @__PURE__ */ D("div", {
|
|
4206
|
-
className:
|
|
4207
|
-
...
|
|
4208
|
-
children: [
|
|
4211
|
+
className: g,
|
|
4212
|
+
...m,
|
|
4213
|
+
children: [s != null && /* @__PURE__ */ E("div", {
|
|
4209
4214
|
className: "page-breadcrumbs",
|
|
4210
|
-
children:
|
|
4215
|
+
children: s
|
|
4211
4216
|
}), /* @__PURE__ */ D("div", {
|
|
4212
4217
|
className: "page-header-bar",
|
|
4213
4218
|
children: [/* @__PURE__ */ D("div", {
|
|
4214
4219
|
className: "page-header-lead",
|
|
4215
|
-
children: [
|
|
4220
|
+
children: [_ != null && /* @__PURE__ */ E("span", {
|
|
4216
4221
|
className: "page-header-icon",
|
|
4217
|
-
children:
|
|
4222
|
+
children: _
|
|
4218
4223
|
}), /* @__PURE__ */ D("div", {
|
|
4219
4224
|
className: "page-header-titles",
|
|
4220
4225
|
children: [
|
|
4221
|
-
|
|
4226
|
+
r != null && /* @__PURE__ */ E("div", {
|
|
4222
4227
|
className: "page-eyebrow",
|
|
4223
|
-
children:
|
|
4228
|
+
children: r
|
|
4224
4229
|
}),
|
|
4225
4230
|
/* @__PURE__ */ D("div", {
|
|
4226
4231
|
className: "page-titlebar",
|
|
4227
|
-
children: [e != null && /* @__PURE__ */ E(
|
|
4232
|
+
children: [e != null && /* @__PURE__ */ E(h, {
|
|
4228
4233
|
className: "page-title",
|
|
4229
4234
|
children: e
|
|
4230
|
-
}),
|
|
4235
|
+
}), o != null && /* @__PURE__ */ E("span", {
|
|
4231
4236
|
className: "page-status",
|
|
4232
|
-
children:
|
|
4237
|
+
children: o
|
|
4233
4238
|
})]
|
|
4234
4239
|
}),
|
|
4235
|
-
|
|
4240
|
+
n != null && /* @__PURE__ */ E("div", {
|
|
4236
4241
|
className: "page-subtitle",
|
|
4237
|
-
children:
|
|
4242
|
+
children: n
|
|
4238
4243
|
})
|
|
4239
4244
|
]
|
|
4240
4245
|
})]
|
|
4241
|
-
}),
|
|
4246
|
+
}), c != null && /* @__PURE__ */ E("div", {
|
|
4242
4247
|
className: "page-actions",
|
|
4243
|
-
children:
|
|
4248
|
+
children: c
|
|
4244
4249
|
})]
|
|
4245
4250
|
})]
|
|
4246
4251
|
});
|
|
4247
4252
|
}
|
|
4248
4253
|
//#endregion
|
|
4249
4254
|
//#region src/components/AppPagination.jsx
|
|
4250
|
-
function
|
|
4255
|
+
function tr({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
|
|
4251
4256
|
if (W("AppPagination", s), t <= 1) return null;
|
|
4252
4257
|
let c = rn(e, t, { siblingCount: r });
|
|
4253
4258
|
return /* @__PURE__ */ E("nav", {
|
|
@@ -4307,7 +4312,7 @@ function er({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "m
|
|
|
4307
4312
|
}
|
|
4308
4313
|
//#endregion
|
|
4309
4314
|
//#region src/components/AppPhoneNumberInput.jsx
|
|
4310
|
-
var
|
|
4315
|
+
var nr = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name: i, id: a, label: o = "Phone number", placeholder: c, required: l = !1, error: u, showFlag: d = !0, showDialCode: f = !0, size: p = "md", fieldClassName: m = "", ...h }, g) {
|
|
4311
4316
|
W("AppPhoneNumberInput", h);
|
|
4312
4317
|
let _ = s(), v = a || _, y = u && v ? `${v}-error` : void 0, { setRef: b } = Q({
|
|
4313
4318
|
ref: g,
|
|
@@ -4348,7 +4353,7 @@ var tr = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name:
|
|
|
4348
4353
|
});
|
|
4349
4354
|
//#endregion
|
|
4350
4355
|
//#region src/components/AppPricingCard.jsx
|
|
4351
|
-
function
|
|
4356
|
+
function rr({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a, featured: o = !1, current: s = !1, badge: c = "Most popular", className: l = "", ...u }) {
|
|
4352
4357
|
return W("AppPricingCard", u), /* @__PURE__ */ D("div", {
|
|
4353
4358
|
className: [
|
|
4354
4359
|
"plan-card",
|
|
@@ -4402,21 +4407,21 @@ function nr({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a,
|
|
|
4402
4407
|
}
|
|
4403
4408
|
//#endregion
|
|
4404
4409
|
//#region src/components/AppProgress.jsx
|
|
4405
|
-
var
|
|
4410
|
+
var ir = [
|
|
4406
4411
|
"info",
|
|
4407
4412
|
"success",
|
|
4408
4413
|
"warning",
|
|
4409
4414
|
"danger",
|
|
4410
4415
|
"neutral"
|
|
4411
4416
|
];
|
|
4412
|
-
function
|
|
4417
|
+
function ar(e, t) {
|
|
4413
4418
|
if (!(t > 0)) return 0;
|
|
4414
4419
|
let n = Math.min(100, Math.max(0, e / t * 100));
|
|
4415
4420
|
return Number(n.toFixed(2));
|
|
4416
4421
|
}
|
|
4417
|
-
function
|
|
4422
|
+
function or({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", label: i, showLabel: a = !1, striped: o = !1, animated: s = !1, indeterminate: c = !1, className: l = "", ...u }) {
|
|
4418
4423
|
W("AppProgress", u);
|
|
4419
|
-
let d =
|
|
4424
|
+
let d = ir.includes(n) ? n : "info", f = ar(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
|
|
4420
4425
|
"progress-bar",
|
|
4421
4426
|
`wui-progress-${d}`,
|
|
4422
4427
|
o || s ? "progress-bar-striped" : "",
|
|
@@ -4440,22 +4445,22 @@ function ar({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", labe
|
|
|
4440
4445
|
}
|
|
4441
4446
|
//#endregion
|
|
4442
4447
|
//#region src/lib/qrCode.js
|
|
4443
|
-
var
|
|
4448
|
+
var sr = {
|
|
4444
4449
|
L: 0,
|
|
4445
4450
|
M: 1,
|
|
4446
4451
|
Q: 2,
|
|
4447
4452
|
H: 3
|
|
4448
|
-
},
|
|
4453
|
+
}, cr = [
|
|
4449
4454
|
1,
|
|
4450
4455
|
0,
|
|
4451
4456
|
3,
|
|
4452
4457
|
2
|
|
4453
|
-
],
|
|
4458
|
+
], lr = [
|
|
4454
4459
|
"L",
|
|
4455
4460
|
"M",
|
|
4456
4461
|
"Q",
|
|
4457
4462
|
"H"
|
|
4458
|
-
],
|
|
4463
|
+
], ur = 3, dr = 3, fr = 40, pr = 10, mr = [
|
|
4459
4464
|
[
|
|
4460
4465
|
-1,
|
|
4461
4466
|
7,
|
|
@@ -4628,7 +4633,7 @@ var or = {
|
|
|
4628
4633
|
30,
|
|
4629
4634
|
30
|
|
4630
4635
|
]
|
|
4631
|
-
],
|
|
4636
|
+
], hr = [
|
|
4632
4637
|
[
|
|
4633
4638
|
-1,
|
|
4634
4639
|
1,
|
|
@@ -4802,24 +4807,24 @@ var or = {
|
|
|
4802
4807
|
81
|
|
4803
4808
|
]
|
|
4804
4809
|
];
|
|
4805
|
-
function
|
|
4806
|
-
if (!Object.hasOwn(
|
|
4810
|
+
function gr(e, t = "M", { mask: n = -1, boostEcc: r = !0 } = {}) {
|
|
4811
|
+
if (!Object.hasOwn(sr, t)) throw RangeError(`Unknown error correction level "${t}"`);
|
|
4807
4812
|
if (!Number.isInteger(n) || n < -1 || n > 7) throw RangeError("Mask must be -1 to 7");
|
|
4808
|
-
let i = new TextEncoder().encode(String(e)), a =
|
|
4809
|
-
for (; s =
|
|
4810
|
-
for (let e = 1; e <= 3; e++) r && s <=
|
|
4813
|
+
let i = new TextEncoder().encode(String(e)), a = sr[t], o = 1, s = 0;
|
|
4814
|
+
for (; s = vr(i.length, o), !(s <= Dr(o, a) * 8); o++) if (o >= 40) throw RangeError(`Data too long for a QR code: ${i.length} bytes`);
|
|
4815
|
+
for (let e = 1; e <= 3; e++) r && s <= Dr(o, e) * 8 && (a = Math.max(a, e));
|
|
4811
4816
|
let c = [];
|
|
4812
|
-
|
|
4813
|
-
for (let e of i)
|
|
4814
|
-
let l =
|
|
4815
|
-
|
|
4816
|
-
for (let e = 236; c.length < l; e ^= 253)
|
|
4817
|
+
Mr(4, 4, c), Mr(i.length, o <= 9 ? 8 : 16, c);
|
|
4818
|
+
for (let e of i) Mr(e, 8, c);
|
|
4819
|
+
let l = Dr(o, a) * 8;
|
|
4820
|
+
Mr(0, Math.min(4, l - c.length), c), Mr(0, (8 - c.length % 8) % 8, c);
|
|
4821
|
+
for (let e = 236; c.length < l; e ^= 253) Mr(e, 8, c);
|
|
4817
4822
|
let u = new Uint8Array(c.length / 8);
|
|
4818
4823
|
return c.forEach((e, t) => {
|
|
4819
4824
|
u[t >>> 3] |= e << 7 - (t & 7);
|
|
4820
|
-
}),
|
|
4825
|
+
}), yr(o, a, u, n);
|
|
4821
4826
|
}
|
|
4822
|
-
function
|
|
4827
|
+
function _r(e, t = 4) {
|
|
4823
4828
|
let { size: n } = e, r = "";
|
|
4824
4829
|
for (let i = 0; i < n; i++) {
|
|
4825
4830
|
let a = 0;
|
|
@@ -4836,22 +4841,22 @@ function gr(e, t = 4) {
|
|
|
4836
4841
|
}
|
|
4837
4842
|
return r;
|
|
4838
4843
|
}
|
|
4839
|
-
function
|
|
4844
|
+
function vr(e, t) {
|
|
4840
4845
|
let n = t <= 9 ? 8 : 16;
|
|
4841
4846
|
return e >= 1 << n ? Infinity : 4 + n + e * 8;
|
|
4842
4847
|
}
|
|
4843
|
-
function
|
|
4848
|
+
function yr(e, t, n, r) {
|
|
4844
4849
|
let i = e * 4 + 17, a = new Uint8Array(i * i), o = new Uint8Array(i * i), s = (e, t, n) => {
|
|
4845
4850
|
a[t * i + e] = +!!n, o[t * i + e] = 1;
|
|
4846
4851
|
}, c = (e) => {
|
|
4847
|
-
let n =
|
|
4852
|
+
let n = cr[t] << 3 | e, r = n;
|
|
4848
4853
|
for (let e = 0; e < 10; e++) r = r << 1 ^ (r >>> 9) * 1335;
|
|
4849
4854
|
let a = (n << 10 | r) ^ 21522;
|
|
4850
|
-
for (let e = 0; e <= 5; e++) s(8, e,
|
|
4851
|
-
s(8, 7,
|
|
4852
|
-
for (let e = 9; e < 15; e++) s(14 - e, 8,
|
|
4853
|
-
for (let e = 0; e < 8; e++) s(i - 1 - e, 8,
|
|
4854
|
-
for (let e = 8; e < 15; e++) s(8, i - 15 + e,
|
|
4855
|
+
for (let e = 0; e <= 5; e++) s(8, e, Nr(a, e));
|
|
4856
|
+
s(8, 7, Nr(a, 6)), s(8, 8, Nr(a, 7)), s(7, 8, Nr(a, 8));
|
|
4857
|
+
for (let e = 9; e < 15; e++) s(14 - e, 8, Nr(a, e));
|
|
4858
|
+
for (let e = 0; e < 8; e++) s(i - 1 - e, 8, Nr(a, e));
|
|
4859
|
+
for (let e = 8; e < 15; e++) s(8, i - 15 + e, Nr(a, e));
|
|
4855
4860
|
s(8, i - 8, !0);
|
|
4856
4861
|
}, l = (e, t) => {
|
|
4857
4862
|
for (let n = -4; n <= 4; n++) for (let r = -4; r <= 4; r++) {
|
|
@@ -4863,45 +4868,45 @@ function vr(e, t, n, r) {
|
|
|
4863
4868
|
};
|
|
4864
4869
|
for (let e = 0; e < i; e++) s(6, e, e % 2 == 0), s(e, 6, e % 2 == 0);
|
|
4865
4870
|
l(3, 3), l(i - 4, 3), l(3, i - 4);
|
|
4866
|
-
let d =
|
|
4871
|
+
let d = Tr(e, i), f = d.length;
|
|
4867
4872
|
for (let e = 0; e < f; e++) for (let t = 0; t < f; t++) e === 0 && t === 0 || e === 0 && t === f - 1 || e === f - 1 && t === 0 || u(d[e], d[t]);
|
|
4868
4873
|
if (c(0), e >= 7) {
|
|
4869
4874
|
let t = e;
|
|
4870
4875
|
for (let e = 0; e < 12; e++) t = t << 1 ^ (t >>> 11) * 7973;
|
|
4871
4876
|
let n = e << 12 | t;
|
|
4872
4877
|
for (let e = 0; e < 18; e++) {
|
|
4873
|
-
let t =
|
|
4878
|
+
let t = Nr(n, e), r = i - 11 + e % 3, a = Math.floor(e / 3);
|
|
4874
4879
|
s(r, a, t), s(a, r, t);
|
|
4875
4880
|
}
|
|
4876
4881
|
}
|
|
4877
|
-
let p =
|
|
4882
|
+
let p = Or(n, e, t), m = 0, h = p.length * 8;
|
|
4878
4883
|
for (let e = i - 1; e >= 1; e -= 2) {
|
|
4879
4884
|
e === 6 && (e = 5);
|
|
4880
4885
|
for (let t = 0; t < i; t++) for (let n = 0; n < 2; n++) {
|
|
4881
4886
|
let r = e - n, s = e + 1 & 2 ? t : i - 1 - t;
|
|
4882
|
-
!o[s * i + r] && m < h && (a[s * i + r] = +!!
|
|
4887
|
+
!o[s * i + r] && m < h && (a[s * i + r] = +!!Nr(p[m >>> 3], 7 - (m & 7)), m++);
|
|
4883
4888
|
}
|
|
4884
4889
|
}
|
|
4885
4890
|
let g = (e) => {
|
|
4886
|
-
for (let t = 0; t < i; t++) for (let n = 0; n < i; n++) !o[t * i + n] &&
|
|
4891
|
+
for (let t = 0; t < i; t++) for (let n = 0; n < i; n++) !o[t * i + n] && br(e, n, t) && (a[t * i + n] ^= 1);
|
|
4887
4892
|
}, _ = r;
|
|
4888
4893
|
if (_ === -1) {
|
|
4889
4894
|
let e = Infinity;
|
|
4890
4895
|
for (let t = 0; t < 8; t++) {
|
|
4891
4896
|
g(t), c(t);
|
|
4892
|
-
let n =
|
|
4897
|
+
let n = xr(a, i);
|
|
4893
4898
|
n < e && (_ = t, e = n), g(t);
|
|
4894
4899
|
}
|
|
4895
4900
|
}
|
|
4896
4901
|
return g(_), c(_), Object.freeze({
|
|
4897
4902
|
size: i,
|
|
4898
4903
|
version: e,
|
|
4899
|
-
ecc:
|
|
4904
|
+
ecc: lr[t],
|
|
4900
4905
|
mask: _,
|
|
4901
4906
|
isDark: (e, t) => e >= 0 && e < i && t >= 0 && t < i && a[e * i + t] === 1
|
|
4902
4907
|
});
|
|
4903
4908
|
}
|
|
4904
|
-
function
|
|
4909
|
+
function br(e, t, n) {
|
|
4905
4910
|
switch (e) {
|
|
4906
4911
|
case 0: return (t + n) % 2 == 0;
|
|
4907
4912
|
case 1: return n % 2 == 0;
|
|
@@ -4913,7 +4918,7 @@ function yr(e, t, n) {
|
|
|
4913
4918
|
default: return ((t + n) % 2 + t * n % 3) % 2 == 0;
|
|
4914
4919
|
}
|
|
4915
4920
|
}
|
|
4916
|
-
function
|
|
4921
|
+
function xr(e, t) {
|
|
4917
4922
|
let n = 0, r = (n, r) => e[r * t + n] === 1;
|
|
4918
4923
|
for (let e = 0; e < 2; e++) for (let i = 0; i < t; i++) {
|
|
4919
4924
|
let a = !1, o = 0, s = [
|
|
@@ -4927,38 +4932,38 @@ function br(e, t) {
|
|
|
4927
4932
|
];
|
|
4928
4933
|
for (let c = 0; c < t; c++) {
|
|
4929
4934
|
let l = e === 0 ? r(c, i) : r(i, c);
|
|
4930
|
-
l === a ? (o++, o === 5 ? n +=
|
|
4935
|
+
l === a ? (o++, o === 5 ? n += ur : o > 5 && n++) : (wr(o, s, t), a || (n += Sr(s) * fr), a = l, o = 1);
|
|
4931
4936
|
}
|
|
4932
|
-
n +=
|
|
4937
|
+
n += Cr(a, o, s, t) * fr;
|
|
4933
4938
|
}
|
|
4934
4939
|
for (let e = 0; e < t - 1; e++) for (let i = 0; i < t - 1; i++) {
|
|
4935
4940
|
let t = r(i, e);
|
|
4936
|
-
t === r(i + 1, e) && t === r(i, e + 1) && t === r(i + 1, e + 1) && (n +=
|
|
4941
|
+
t === r(i + 1, e) && t === r(i, e + 1) && t === r(i + 1, e + 1) && (n += dr);
|
|
4937
4942
|
}
|
|
4938
4943
|
let i = 0;
|
|
4939
4944
|
for (let t of e) i += t;
|
|
4940
4945
|
let a = t * t, o = Math.ceil(Math.abs(i * 20 - a * 10) / a) - 1;
|
|
4941
|
-
return n += o *
|
|
4946
|
+
return n += o * pr, n;
|
|
4942
4947
|
}
|
|
4943
|
-
function
|
|
4948
|
+
function Sr(e) {
|
|
4944
4949
|
let t = e[1], n = t > 0 && e[2] === t && e[3] === t * 3 && e[4] === t && e[5] === t;
|
|
4945
4950
|
return (n && e[0] >= t * 4 && e[6] >= t ? 1 : 0) + (n && e[6] >= t * 4 && e[0] >= t ? 1 : 0);
|
|
4946
4951
|
}
|
|
4947
|
-
function
|
|
4952
|
+
function Cr(e, t, n, r) {
|
|
4948
4953
|
let i = t;
|
|
4949
|
-
return e && (
|
|
4954
|
+
return e && (wr(i, n, r), i = 0), i += r, wr(i, n, r), Sr(n);
|
|
4950
4955
|
}
|
|
4951
|
-
function
|
|
4956
|
+
function wr(e, t, n) {
|
|
4952
4957
|
let r = t[0] === 0 ? e + n : e;
|
|
4953
4958
|
t.pop(), t.unshift(r);
|
|
4954
4959
|
}
|
|
4955
|
-
function
|
|
4960
|
+
function Tr(e, t) {
|
|
4956
4961
|
if (e === 1) return [];
|
|
4957
4962
|
let n = Math.floor(e / 7) + 2, r = Math.floor((e * 8 + n * 3 + 5) / (n * 4 - 4)) * 2, i = [6];
|
|
4958
4963
|
for (let e = t - 7; i.length < n; e -= r) i.splice(1, 0, e);
|
|
4959
4964
|
return i;
|
|
4960
4965
|
}
|
|
4961
|
-
function
|
|
4966
|
+
function Er(e) {
|
|
4962
4967
|
let t = (16 * e + 128) * e + 64;
|
|
4963
4968
|
if (e >= 2) {
|
|
4964
4969
|
let n = Math.floor(e / 7) + 2;
|
|
@@ -4966,15 +4971,15 @@ function Tr(e) {
|
|
|
4966
4971
|
}
|
|
4967
4972
|
return t;
|
|
4968
4973
|
}
|
|
4969
|
-
function
|
|
4970
|
-
return Math.floor(
|
|
4974
|
+
function Dr(e, t) {
|
|
4975
|
+
return Math.floor(Er(e) / 8) - mr[t][e] * hr[t][e];
|
|
4971
4976
|
}
|
|
4972
|
-
function
|
|
4973
|
-
let r =
|
|
4977
|
+
function Or(e, t, n) {
|
|
4978
|
+
let r = hr[n][t], i = mr[n][t], a = Math.floor(Er(t) / 8), o = r - a % r, s = Math.floor(a / r), c = [], l = kr(i);
|
|
4974
4979
|
for (let t = 0, n = 0; t < r; t++) {
|
|
4975
4980
|
let r = Array.from(e.subarray(n, n + s - i + (t < o ? 0 : 1)));
|
|
4976
4981
|
n += r.length;
|
|
4977
|
-
let a =
|
|
4982
|
+
let a = Ar(r, l);
|
|
4978
4983
|
t < o && r.push(0), c.push(r.concat(a));
|
|
4979
4984
|
}
|
|
4980
4985
|
let u = [];
|
|
@@ -4983,48 +4988,48 @@ function Dr(e, t, n) {
|
|
|
4983
4988
|
});
|
|
4984
4989
|
return u;
|
|
4985
4990
|
}
|
|
4986
|
-
function
|
|
4991
|
+
function kr(e) {
|
|
4987
4992
|
let t = Array(e).fill(0);
|
|
4988
4993
|
t[e - 1] = 1;
|
|
4989
4994
|
let n = 1;
|
|
4990
4995
|
for (let r = 0; r < e; r++) {
|
|
4991
|
-
for (let e = 0; e < t.length; e++) t[e] =
|
|
4992
|
-
n =
|
|
4996
|
+
for (let e = 0; e < t.length; e++) t[e] = jr(t[e], n), e + 1 < t.length && (t[e] ^= t[e + 1]);
|
|
4997
|
+
n = jr(n, 2);
|
|
4993
4998
|
}
|
|
4994
4999
|
return t;
|
|
4995
5000
|
}
|
|
4996
|
-
function
|
|
5001
|
+
function Ar(e, t) {
|
|
4997
5002
|
let n = t.map(() => 0);
|
|
4998
5003
|
for (let r of e) {
|
|
4999
5004
|
let e = r ^ n.shift();
|
|
5000
5005
|
n.push(0), t.forEach((t, r) => {
|
|
5001
|
-
n[r] ^=
|
|
5006
|
+
n[r] ^= jr(t, e);
|
|
5002
5007
|
});
|
|
5003
5008
|
}
|
|
5004
5009
|
return n;
|
|
5005
5010
|
}
|
|
5006
|
-
function
|
|
5011
|
+
function jr(e, t) {
|
|
5007
5012
|
let n = 0;
|
|
5008
5013
|
for (let r = 7; r >= 0; r--) n = n << 1 ^ (n >>> 7) * 285, n ^= (t >>> r & 1) * e;
|
|
5009
5014
|
return n;
|
|
5010
5015
|
}
|
|
5011
|
-
function
|
|
5016
|
+
function Mr(e, t, n) {
|
|
5012
5017
|
for (let r = t - 1; r >= 0; r--) n.push(e >>> r & 1);
|
|
5013
5018
|
}
|
|
5014
|
-
function
|
|
5019
|
+
function Nr(e, t) {
|
|
5015
5020
|
return (e >>> t & 1) != 0;
|
|
5016
5021
|
}
|
|
5017
5022
|
//#endregion
|
|
5018
5023
|
//#region src/components/AppQrCode.jsx
|
|
5019
|
-
var
|
|
5020
|
-
function
|
|
5024
|
+
var Pr = 4;
|
|
5025
|
+
function Fr({ value: e, size: t = 240, title: n = "QR code", className: r, style: i, ...a }) {
|
|
5021
5026
|
W("AppQrCode", a);
|
|
5022
5027
|
let o = u(() => {
|
|
5023
5028
|
if (!e) return null;
|
|
5024
|
-
let t =
|
|
5029
|
+
let t = gr(String(e));
|
|
5025
5030
|
return {
|
|
5026
|
-
modules: t.size +
|
|
5027
|
-
path:
|
|
5031
|
+
modules: t.size + Pr * 2,
|
|
5032
|
+
path: _r(t, Pr)
|
|
5028
5033
|
};
|
|
5029
5034
|
}, [e]);
|
|
5030
5035
|
if (!o) return null;
|
|
@@ -5051,7 +5056,7 @@ function Pr({ value: e, size: t = 240, title: n = "QR code", className: r, style
|
|
|
5051
5056
|
}
|
|
5052
5057
|
//#endregion
|
|
5053
5058
|
//#region src/components/AppRadio.jsx
|
|
5054
|
-
var
|
|
5059
|
+
var Ir = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
|
|
5055
5060
|
return W("AppRadio", o), /* @__PURE__ */ E(vt, {
|
|
5056
5061
|
ref: s,
|
|
5057
5062
|
label: e,
|
|
@@ -5067,7 +5072,7 @@ var Fr = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
|
|
|
5067
5072
|
});
|
|
5068
5073
|
//#endregion
|
|
5069
5074
|
//#region src/components/AppRadioGroup.jsx
|
|
5070
|
-
function
|
|
5075
|
+
function Lr({ label: e, options: t = [], name: n, value: r, defaultValue: i, onChange: a, inline: o = !1, required: c = !1, disabled: l = !1, error: u, hint: d, help: f, helpLabel: p = "More information", id: m, className: h = "", fieldClassName: g = "", style: _, ...v }) {
|
|
5071
5076
|
W("AppRadioGroup", v);
|
|
5072
5077
|
let y = s(), b = m || y, x = n || b, S = `${b}-error`, C = `${b}-hint`, w = r !== void 0;
|
|
5073
5078
|
return /* @__PURE__ */ D("div", {
|
|
@@ -5140,7 +5145,7 @@ function Ir({ label: e, options: t = [], name: n, value: r, defaultValue: i, onC
|
|
|
5140
5145
|
}
|
|
5141
5146
|
//#endregion
|
|
5142
5147
|
//#region src/components/AppRepeater.jsx
|
|
5143
|
-
function
|
|
5148
|
+
function Rr({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, addLabel: a = "Add another", addVariant: o = "secondary", removeLabel: s = "Remove row", emptyText: c, min: l = 0, max: u, numbered: d = !0, className: f = "", ...p }) {
|
|
5144
5149
|
W("AppRepeater", p);
|
|
5145
5150
|
let m = typeof u == "number" && e.length >= u, h = !!i && e.length > l;
|
|
5146
5151
|
return /* @__PURE__ */ D("div", {
|
|
@@ -5192,7 +5197,7 @@ function Lr({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
|
|
|
5192
5197
|
}
|
|
5193
5198
|
//#endregion
|
|
5194
5199
|
//#region src/components/AppResourceCard.jsx
|
|
5195
|
-
function
|
|
5200
|
+
function zr({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
|
|
5196
5201
|
W("AppResourceCard", s);
|
|
5197
5202
|
let c = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
|
|
5198
5203
|
className: "res-card-icon",
|
|
@@ -5226,7 +5231,7 @@ function Rr({ icon: e, title: t, text: n, href: r, external: i = !1, linkCompone
|
|
|
5226
5231
|
}
|
|
5227
5232
|
//#endregion
|
|
5228
5233
|
//#region src/components/AppResult.jsx
|
|
5229
|
-
var
|
|
5234
|
+
var Br = {
|
|
5230
5235
|
success: {
|
|
5231
5236
|
icon: "check-circle",
|
|
5232
5237
|
tone: "success"
|
|
@@ -5247,9 +5252,9 @@ var zr = {
|
|
|
5247
5252
|
404: { tone: "muted" },
|
|
5248
5253
|
500: { tone: "muted" }
|
|
5249
5254
|
};
|
|
5250
|
-
function
|
|
5251
|
-
W("AppResult", s), G("AppResult", "status", e, Object.keys(
|
|
5252
|
-
let c =
|
|
5255
|
+
function Vr({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
|
|
5256
|
+
W("AppResult", s), G("AppResult", "status", e, Object.keys(Br));
|
|
5257
|
+
let c = Br[e] || Br.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
|
|
5253
5258
|
return /* @__PURE__ */ D("div", {
|
|
5254
5259
|
className: [
|
|
5255
5260
|
"result",
|
|
@@ -5287,7 +5292,7 @@ function Br({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, ch
|
|
|
5287
5292
|
}
|
|
5288
5293
|
//#endregion
|
|
5289
5294
|
//#region src/components/AppScrollbar.jsx
|
|
5290
|
-
function
|
|
5295
|
+
function Hr({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
|
|
5291
5296
|
return W("AppScrollbar", i), /* @__PURE__ */ E("div", {
|
|
5292
5297
|
className: t ? `wui-scroll ${t}` : "wui-scroll",
|
|
5293
5298
|
style: n == null ? r : {
|
|
@@ -5300,7 +5305,7 @@ function Vr({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
|
|
|
5300
5305
|
}
|
|
5301
5306
|
//#endregion
|
|
5302
5307
|
//#region src/components/AppSearch.jsx
|
|
5303
|
-
function
|
|
5308
|
+
function Ur({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search…", ariaLabel: i, iconSize: a = 18, size: o, loading: s = !1, disabled: c = !1, className: l = "", ...u }) {
|
|
5304
5309
|
W("AppSearch", u);
|
|
5305
5310
|
let d = t || n;
|
|
5306
5311
|
return /* @__PURE__ */ D("div", {
|
|
@@ -5347,17 +5352,17 @@ function Hr({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search
|
|
|
5347
5352
|
}
|
|
5348
5353
|
//#endregion
|
|
5349
5354
|
//#region src/components/AppSegmented.jsx
|
|
5350
|
-
var
|
|
5355
|
+
var Wr = {
|
|
5351
5356
|
sm: "segmented-sm",
|
|
5352
5357
|
md: "",
|
|
5353
5358
|
lg: "segmented-lg",
|
|
5354
5359
|
xl: "wui-segmented-xl"
|
|
5355
5360
|
};
|
|
5356
|
-
function
|
|
5357
|
-
W("AppSegmented", m), G("AppSegmented", "size", a, Object.keys(
|
|
5361
|
+
function Gr({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, bordered: u = !0, disabled: f = !1, className: p = "", ...m }) {
|
|
5362
|
+
W("AppSegmented", m), G("AppSegmented", "size", a, Object.keys(Wr));
|
|
5358
5363
|
let h = s(), g = i || h, _ = d(null), v = d(null), y = [
|
|
5359
5364
|
"segmented",
|
|
5360
|
-
|
|
5365
|
+
Wr[a] ?? "",
|
|
5361
5366
|
c ? "segmented-full" : "",
|
|
5362
5367
|
u ? "" : "wui-segmented-borderless",
|
|
5363
5368
|
f ? "is-disabled" : "",
|
|
@@ -5428,7 +5433,7 @@ function Wr({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
|
|
|
5428
5433
|
}
|
|
5429
5434
|
//#endregion
|
|
5430
5435
|
//#region src/components/AppSelect.jsx
|
|
5431
|
-
var
|
|
5436
|
+
var Kr = (e) => e == null ? "" : e.label ?? e.text ?? "", qr = i(function({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", searchPlaceholder: i = "Search...", searchable: a = !1, clearable: c = !1, size: l, icon: u, prefix: d, suffix: f, floatingLabel: p = !1, disabled: m, label: h, required: g = !1, error: _, hint: v, help: y, helpLabel: b = "More information", id: x, name: S, className: C = "", fieldClassName: w = "", "aria-label": T, "aria-labelledby": O, "aria-describedby": k, ...A }, j) {
|
|
5432
5437
|
W("AppSelect", A);
|
|
5433
5438
|
let M = s(), { setRef: N, innerRef: P } = Q({
|
|
5434
5439
|
ref: j,
|
|
@@ -5440,7 +5445,7 @@ var Gr = (e) => e == null ? "" : e.label ?? e.text ?? "", Kr = i(function({ valu
|
|
|
5440
5445
|
if (!e) return;
|
|
5441
5446
|
let t = n.map((e) => ({
|
|
5442
5447
|
value: e.value,
|
|
5443
|
-
label:
|
|
5448
|
+
label: Kr(e),
|
|
5444
5449
|
icon: e.icon
|
|
5445
5450
|
}));
|
|
5446
5451
|
Ze(t, e.options) || (e.options = t);
|
|
@@ -5514,7 +5519,7 @@ var Gr = (e) => e == null ? "" : e.label ?? e.text ?? "", Kr = i(function({ valu
|
|
|
5514
5519
|
});
|
|
5515
5520
|
//#endregion
|
|
5516
5521
|
//#region src/components/AppShell.jsx
|
|
5517
|
-
function
|
|
5522
|
+
function Jr({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r, sidebarFooter: i, topbarStart: a, topbarEnd: s, footer: c, children: l, collapsed: u, onCollapsedChange: d, noSidebar: p = !1, navLabel: m = "Main navigation", linkComponent: h, className: g = "", ..._ }) {
|
|
5518
5523
|
W("AppShell", _);
|
|
5519
5524
|
let [v, y] = f(!1), [b, x] = f(!1), [S, C] = f(!1), w = u ?? v, T = () => {
|
|
5520
5525
|
let e = !w;
|
|
@@ -5562,7 +5567,7 @@ function qr({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
|
|
|
5562
5567
|
children: [e.label && /* @__PURE__ */ E("div", {
|
|
5563
5568
|
className: "app-nav-group-label",
|
|
5564
5569
|
children: e.label
|
|
5565
|
-
}), e.items.map((e) => /* @__PURE__ */ E(
|
|
5570
|
+
}), e.items.map((e) => /* @__PURE__ */ E(Yr, {
|
|
5566
5571
|
item: e,
|
|
5567
5572
|
linkComponent: h,
|
|
5568
5573
|
onNavigate: () => x(!1)
|
|
@@ -5629,7 +5634,7 @@ function qr({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
|
|
|
5629
5634
|
]
|
|
5630
5635
|
});
|
|
5631
5636
|
}
|
|
5632
|
-
function
|
|
5637
|
+
function Yr({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
|
|
5633
5638
|
let i = Array.isArray(e.children) && e.children.length > 0, a = i && e.children.some((e) => e.active), [s, c] = f(a);
|
|
5634
5639
|
o(() => {
|
|
5635
5640
|
a && !s && c(!0);
|
|
@@ -5671,7 +5676,7 @@ function Jr({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
|
|
|
5671
5676
|
"aria-hidden": !s || void 0,
|
|
5672
5677
|
children: /* @__PURE__ */ E("div", {
|
|
5673
5678
|
className: "app-nav-sub-inner",
|
|
5674
|
-
children: e.children.map((e) => /* @__PURE__ */ E(
|
|
5679
|
+
children: e.children.map((e) => /* @__PURE__ */ E(Yr, {
|
|
5675
5680
|
item: e,
|
|
5676
5681
|
linkComponent: t,
|
|
5677
5682
|
onNavigate: n,
|
|
@@ -5712,7 +5717,7 @@ function Jr({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
|
|
|
5712
5717
|
}
|
|
5713
5718
|
//#endregion
|
|
5714
5719
|
//#region src/components/AppSidebarMenu.jsx
|
|
5715
|
-
var
|
|
5720
|
+
var Xr = {
|
|
5716
5721
|
left: "start",
|
|
5717
5722
|
right: "end",
|
|
5718
5723
|
start: "start",
|
|
@@ -5720,9 +5725,9 @@ var Yr = {
|
|
|
5720
5725
|
top: "top",
|
|
5721
5726
|
bottom: "bottom"
|
|
5722
5727
|
};
|
|
5723
|
-
function
|
|
5724
|
-
W("AppSidebarMenu", v), G("AppSidebarMenu", "side", n, Object.keys(
|
|
5725
|
-
let { style: y, ...b } = v, S =
|
|
5728
|
+
function Zr({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, header: a, children: o, footer: s, width: c, maxWidth: l, backdrop: u = !0, scroll: d = !1, keyboard: f = !0, closeButton: p = !0, responsive: m, className: h = "", bodyClassName: g = "", ariaLabel: _, ...v }) {
|
|
5729
|
+
W("AppSidebarMenu", v), G("AppSidebarMenu", "side", n, Object.keys(Xr));
|
|
5730
|
+
let { style: y, ...b } = v, S = Xr[n] || "end", C = c || l || y ? {
|
|
5726
5731
|
...c && { "--asm-width": c },
|
|
5727
5732
|
...l && { "--asm-max-width": l },
|
|
5728
5733
|
...y
|
|
@@ -5783,7 +5788,7 @@ function Xr({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
|
|
|
5783
5788
|
}
|
|
5784
5789
|
//#endregion
|
|
5785
5790
|
//#region src/components/AppSlider.jsx
|
|
5786
|
-
var
|
|
5791
|
+
var Qr = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, label: a, required: c = !1, hint: l, error: u, name: d, startName: f, endName: p, min: m = 0, max: h = 100, step: g = 1, disabled: _, size: v, showValue: y, unit: b, id: x, ariaLabel: S, className: C = "", fieldClassName: w = "", ...T }, O) {
|
|
5787
5792
|
W("AppSlider", T);
|
|
5788
5793
|
let k = s(), A = x || k, j = r, { setRef: M, innerRef: N } = Q({
|
|
5789
5794
|
ref: O,
|
|
@@ -5844,14 +5849,14 @@ var Zr = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, la
|
|
|
5844
5849
|
})
|
|
5845
5850
|
]
|
|
5846
5851
|
});
|
|
5847
|
-
}),
|
|
5852
|
+
}), $r = {
|
|
5848
5853
|
sm: 44,
|
|
5849
5854
|
md: 56,
|
|
5850
5855
|
lg: 72
|
|
5851
5856
|
};
|
|
5852
|
-
function
|
|
5853
|
-
W("AppSplash", c), G("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(
|
|
5854
|
-
let { style: l, ...u } = c, d = typeof a == "number" ? a :
|
|
5857
|
+
function ei({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
|
|
5858
|
+
W("AppSplash", c), G("AppSplash", "size", typeof a == "string" ? a : null, Object.keys($r));
|
|
5859
|
+
let { style: l, ...u } = c, d = typeof a == "number" ? a : $r[a] ?? $r.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
|
|
5855
5860
|
className: "splash-ring",
|
|
5856
5861
|
"aria-hidden": "true"
|
|
5857
5862
|
}) : i === "dots" ? /* @__PURE__ */ D("span", {
|
|
@@ -5898,7 +5903,7 @@ function $r({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", siz
|
|
|
5898
5903
|
}
|
|
5899
5904
|
//#endregion
|
|
5900
5905
|
//#region src/components/AppStatusBadge.jsx
|
|
5901
|
-
function
|
|
5906
|
+
function ti({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
|
|
5902
5907
|
return W("AppStatusBadge", a), e == null || e === "" ? "-" : q(/* @__PURE__ */ E("span", {
|
|
5903
5908
|
className: `status-label ${t}${n ? ` ${n}` : ""}`,
|
|
5904
5909
|
...a,
|
|
@@ -5907,7 +5912,7 @@ function ei({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tool
|
|
|
5907
5912
|
}
|
|
5908
5913
|
//#endregion
|
|
5909
5914
|
//#region src/components/AppStepper.jsx
|
|
5910
|
-
function
|
|
5915
|
+
function ni({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
|
|
5911
5916
|
W("AppStepper", c);
|
|
5912
5917
|
let l = t === "journey";
|
|
5913
5918
|
return /* @__PURE__ */ E("nav", {
|
|
@@ -5920,7 +5925,7 @@ function ti({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
|
|
|
5920
5925
|
"aria-label": a,
|
|
5921
5926
|
...c,
|
|
5922
5927
|
children: e.map((t, n) => {
|
|
5923
|
-
let a = t.status ||
|
|
5928
|
+
let a = t.status || ri(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
|
|
5924
5929
|
c = a === "done" ? /* @__PURE__ */ E(Y, {
|
|
5925
5930
|
name: "check",
|
|
5926
5931
|
size: 14
|
|
@@ -5984,12 +5989,12 @@ function ti({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
|
|
|
5984
5989
|
})
|
|
5985
5990
|
});
|
|
5986
5991
|
}
|
|
5987
|
-
function
|
|
5992
|
+
function ri(e, t) {
|
|
5988
5993
|
return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
|
|
5989
5994
|
}
|
|
5990
5995
|
//#endregion
|
|
5991
5996
|
//#region src/components/AppSwitch.jsx
|
|
5992
|
-
var
|
|
5997
|
+
var ii = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "round", className: o = "", ...s }, c) {
|
|
5993
5998
|
return W("AppSwitch", s), /* @__PURE__ */ E(vt, {
|
|
5994
5999
|
ref: c,
|
|
5995
6000
|
label: e,
|
|
@@ -6005,7 +6010,7 @@ var ri = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "r
|
|
|
6005
6010
|
});
|
|
6006
6011
|
//#endregion
|
|
6007
6012
|
//#region src/components/AppTableEmptyState.jsx
|
|
6008
|
-
function
|
|
6013
|
+
function ai({ icon: e, title: t, text: n, action: r, ...i }) {
|
|
6009
6014
|
return W("AppTableEmptyState", i), /* @__PURE__ */ D("div", {
|
|
6010
6015
|
className: "tbl-empty",
|
|
6011
6016
|
...i,
|
|
@@ -6031,7 +6036,7 @@ function ii({ icon: e, title: t, text: n, action: r, ...i }) {
|
|
|
6031
6036
|
}
|
|
6032
6037
|
//#endregion
|
|
6033
6038
|
//#region src/components/AppTableToolbar.jsx
|
|
6034
|
-
function
|
|
6039
|
+
function oi({ filters: e, actions: t, selectedCount: n = 0, bulkActions: r, onClearSelection: i, className: a = "", ...o }) {
|
|
6035
6040
|
W("AppTableToolbar", o);
|
|
6036
6041
|
let s = n > 0;
|
|
6037
6042
|
return /* @__PURE__ */ D("div", {
|
|
@@ -6069,8 +6074,8 @@ function ai({ filters: e, actions: t, selectedCount: n = 0, bulkActions: r, onCl
|
|
|
6069
6074
|
}
|
|
6070
6075
|
//#endregion
|
|
6071
6076
|
//#region src/components/AppTabs.jsx
|
|
6072
|
-
var
|
|
6073
|
-
function
|
|
6077
|
+
var si = 1, ci = 28, li = .7;
|
|
6078
|
+
function ui({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "underline", orientation: s = "horizontal", size: c = "md", fitted: u = !1, activation: p = "automatic", ariaLabel: m, className: h = "", style: g, ..._ }) {
|
|
6074
6079
|
W("AppTabs", _);
|
|
6075
6080
|
let v = d(null), y = d(null), b = s === "vertical", [x, S] = f(t);
|
|
6076
6081
|
o(() => {
|
|
@@ -6082,7 +6087,7 @@ function li({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
6082
6087
|
let e = v.current, t = y.current;
|
|
6083
6088
|
if (!e || !t || b) return;
|
|
6084
6089
|
let n = e.scrollWidth - e.clientWidth;
|
|
6085
|
-
t.classList.toggle("is-overflow-start", e.scrollLeft >
|
|
6090
|
+
t.classList.toggle("is-overflow-start", e.scrollLeft > si), t.classList.toggle("is-overflow-end", n > si && e.scrollLeft < n - si);
|
|
6086
6091
|
}, [b]), M = a(() => {
|
|
6087
6092
|
let n = v.current;
|
|
6088
6093
|
if (!n) return;
|
|
@@ -6098,7 +6103,7 @@ function li({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
6098
6103
|
if (!e || b) return;
|
|
6099
6104
|
let t = e.querySelector(".app-tab.active");
|
|
6100
6105
|
if (!t) return;
|
|
6101
|
-
let n =
|
|
6106
|
+
let n = ci, r = t.offsetLeft, i = r + t.offsetWidth;
|
|
6102
6107
|
r - n < e.scrollLeft ? e.scrollLeft = Math.max(0, r - n) : i + n > e.scrollLeft + e.clientWidth && (e.scrollLeft = i + n - e.clientWidth);
|
|
6103
6108
|
}, [b]);
|
|
6104
6109
|
l(() => {
|
|
@@ -6133,7 +6138,7 @@ function li({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
6133
6138
|
}
|
|
6134
6139
|
let I = (e) => {
|
|
6135
6140
|
let t = v.current;
|
|
6136
|
-
t && t.scrollBy({ left: e * t.clientWidth *
|
|
6141
|
+
t && t.scrollBy({ left: e * t.clientWidth * li });
|
|
6137
6142
|
}, L = [
|
|
6138
6143
|
"app-tabs",
|
|
6139
6144
|
i === "pills" ? "app-tabs-pills" : "",
|
|
@@ -6246,7 +6251,7 @@ function li({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
6246
6251
|
}
|
|
6247
6252
|
//#endregion
|
|
6248
6253
|
//#region src/components/AppTagInput.jsx
|
|
6249
|
-
var
|
|
6254
|
+
var di = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r, label: i, error: a, hint: o, required: c = !1, size: l, maxTags: u, allowDuplicates: d = !1, disabled: f = !1, id: p, ariaLabel: m, className: h = "", fieldClassName: g = "", help: _, helpLabel: v = "More information", ...y }, b) {
|
|
6250
6255
|
W("AppTagInput", y);
|
|
6251
6256
|
let x = s(), S = p || x, { setRef: C } = Q({
|
|
6252
6257
|
ref: b,
|
|
@@ -6297,7 +6302,7 @@ var ui = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
6297
6302
|
}) : null
|
|
6298
6303
|
]
|
|
6299
6304
|
});
|
|
6300
|
-
}),
|
|
6305
|
+
}), fi = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: c = "More information", id: u, name: p, rows: m = 4, autoGrow: h = !1, showCount: g = !1, maxLength: _, className: v = "", fieldClassName: b = "", ...x }, S) {
|
|
6301
6306
|
W("AppTextarea", x);
|
|
6302
6307
|
let C = s(), w = u || C, T = [
|
|
6303
6308
|
"textarea",
|
|
@@ -6368,7 +6373,7 @@ var ui = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
6368
6373
|
})
|
|
6369
6374
|
]
|
|
6370
6375
|
});
|
|
6371
|
-
}),
|
|
6376
|
+
}), pi = {
|
|
6372
6377
|
done: "check",
|
|
6373
6378
|
current: "clock",
|
|
6374
6379
|
"on-hold": "lock",
|
|
@@ -6377,7 +6382,7 @@ var ui = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
6377
6382
|
skipped: "arrow-right",
|
|
6378
6383
|
upcoming: null
|
|
6379
6384
|
};
|
|
6380
|
-
function
|
|
6385
|
+
function mi({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
|
|
6381
6386
|
W("AppTimeline", o);
|
|
6382
6387
|
let s = t === "progress", c = `timeline${s ? " timeline--progress" : ""}${n === "horizontal" ? " timeline--horizontal" : ""}${i ? ` ${i}` : ""}`, l = typeof r == "number" && r > 0 ? r : void 0, u = l ? Math.round(l * .54) : s ? 13 : 12;
|
|
6383
6388
|
return /* @__PURE__ */ E("ol", {
|
|
@@ -6388,7 +6393,7 @@ function pi({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
|
|
|
6388
6393
|
} : a,
|
|
6389
6394
|
...o,
|
|
6390
6395
|
children: e.map((e, t) => {
|
|
6391
|
-
let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ?
|
|
6396
|
+
let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ? pi[n] : void 0) : e.icon || "circle";
|
|
6392
6397
|
return /* @__PURE__ */ D("li", {
|
|
6393
6398
|
className: `timeline-item${r}${i}`,
|
|
6394
6399
|
children: [/* @__PURE__ */ E("span", {
|
|
@@ -6458,7 +6463,7 @@ function pi({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
|
|
|
6458
6463
|
}
|
|
6459
6464
|
//#endregion
|
|
6460
6465
|
//#region src/components/AppTimePicker.jsx
|
|
6461
|
-
var
|
|
6466
|
+
var hi = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, step: u, format: d = "24", placeholder: f = "Select time", disabled: p, size: m, id: h, ariaLabel: g, className: _ = "", fieldClassName: v = "", ...y }, b) {
|
|
6462
6467
|
W("AppTimePicker", y);
|
|
6463
6468
|
let x = s(), S = h || o || x, { setRef: C } = Q({
|
|
6464
6469
|
ref: b,
|
|
@@ -6503,35 +6508,35 @@ var mi = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
|
|
|
6503
6508
|
})
|
|
6504
6509
|
]
|
|
6505
6510
|
});
|
|
6506
|
-
}),
|
|
6507
|
-
function
|
|
6508
|
-
for (let e of
|
|
6511
|
+
}), gi = 6, $ = [], _i = /* @__PURE__ */ new Set(), vi = /* @__PURE__ */ new Map(), yi = /* @__PURE__ */ new Set(), bi = 0;
|
|
6512
|
+
function xi() {
|
|
6513
|
+
for (let e of _i) e($);
|
|
6509
6514
|
}
|
|
6510
|
-
function
|
|
6511
|
-
let t =
|
|
6512
|
-
t !== void 0 && (clearTimeout(t),
|
|
6515
|
+
function Si(e) {
|
|
6516
|
+
let t = vi.get(e);
|
|
6517
|
+
t !== void 0 && (clearTimeout(t), vi.delete(e));
|
|
6513
6518
|
}
|
|
6514
|
-
function
|
|
6515
|
-
if (e.length <=
|
|
6519
|
+
function Ci(e, t) {
|
|
6520
|
+
if (e.length <= gi) return e;
|
|
6516
6521
|
let n = [...e], r = [];
|
|
6517
|
-
for (; n.length >
|
|
6522
|
+
for (; n.length > gi;) {
|
|
6518
6523
|
let e = n.findIndex((e) => e.id !== t && e.duration !== 0);
|
|
6519
6524
|
r.push(n.splice(e === -1 ? n.findIndex((e) => e.id !== t) : e, 1)[0]);
|
|
6520
6525
|
}
|
|
6521
|
-
for (let e of r)
|
|
6526
|
+
for (let e of r) Si(e.id), yi.delete(e.id);
|
|
6522
6527
|
return n;
|
|
6523
6528
|
}
|
|
6524
|
-
function
|
|
6525
|
-
return
|
|
6526
|
-
if (
|
|
6529
|
+
function wi(e) {
|
|
6530
|
+
return _i.add(e), e($), () => {
|
|
6531
|
+
if (_i.delete(e), _i.size === 0) for (let e of $) e.duration > 0 && !vi.has(e.id) && (yi.delete(e.id), vi.set(e.id, setTimeout(() => Di(e.id), e.duration)));
|
|
6527
6532
|
};
|
|
6528
6533
|
}
|
|
6529
|
-
function
|
|
6534
|
+
function Ti(e, t, n = {}) {
|
|
6530
6535
|
let r = n.id, i = r || typeof e != "string" ? void 0 : `${t}:${e}`;
|
|
6531
6536
|
if (r) {
|
|
6532
6537
|
let i = $.find((e) => e.externalId === r);
|
|
6533
6538
|
if (i) {
|
|
6534
|
-
|
|
6539
|
+
Si(i.id);
|
|
6535
6540
|
let r = n.duration === void 0 ? 5e3 : n.duration;
|
|
6536
6541
|
$ = $.map((a) => a.id === i.id ? {
|
|
6537
6542
|
...a,
|
|
@@ -6544,12 +6549,12 @@ function wi(e, t, n = {}) {
|
|
|
6544
6549
|
shape: n.shape,
|
|
6545
6550
|
surface: n.surface,
|
|
6546
6551
|
progress: n.progress
|
|
6547
|
-
} : a),
|
|
6552
|
+
} : a), xi(), r > 0 && !yi.has(i.id) && vi.set(i.id, setTimeout(() => Di(i.id), r));
|
|
6548
6553
|
return;
|
|
6549
6554
|
}
|
|
6550
6555
|
} else if (i && $.some((e) => e.key === i)) return;
|
|
6551
|
-
let a = ++
|
|
6552
|
-
$ =
|
|
6556
|
+
let a = ++bi, o = n.duration === void 0 ? 5e3 : n.duration;
|
|
6557
|
+
$ = Ci([...$, {
|
|
6553
6558
|
id: a,
|
|
6554
6559
|
externalId: r,
|
|
6555
6560
|
message: e,
|
|
@@ -6562,25 +6567,25 @@ function wi(e, t, n = {}) {
|
|
|
6562
6567
|
surface: n.surface,
|
|
6563
6568
|
progress: n.progress,
|
|
6564
6569
|
key: i
|
|
6565
|
-
}], a),
|
|
6566
|
-
}
|
|
6567
|
-
function Ti(e) {
|
|
6568
|
-
xi(e), vi.add(e);
|
|
6570
|
+
}], a), xi(), o > 0 && vi.set(a, setTimeout(() => Di(a), o));
|
|
6569
6571
|
}
|
|
6570
6572
|
function Ei(e) {
|
|
6571
|
-
|
|
6573
|
+
Si(e), yi.add(e);
|
|
6574
|
+
}
|
|
6575
|
+
function Di(e) {
|
|
6576
|
+
Si(e), yi.delete(e);
|
|
6572
6577
|
let t = $.filter((t) => t.id !== e);
|
|
6573
|
-
t.length !== $.length && ($ = t,
|
|
6578
|
+
t.length !== $.length && ($ = t, xi());
|
|
6574
6579
|
}
|
|
6575
|
-
function
|
|
6576
|
-
if (!($.length === 0 &&
|
|
6577
|
-
for (let e of
|
|
6578
|
-
|
|
6580
|
+
function Oi() {
|
|
6581
|
+
if (!($.length === 0 && vi.size === 0 && yi.size === 0)) {
|
|
6582
|
+
for (let e of vi.values()) clearTimeout(e);
|
|
6583
|
+
vi.clear(), yi.clear(), $.length !== 0 && ($ = [], xi());
|
|
6579
6584
|
}
|
|
6580
6585
|
}
|
|
6581
6586
|
//#endregion
|
|
6582
6587
|
//#region src/components/AppToast.jsx
|
|
6583
|
-
var
|
|
6588
|
+
var ki = {
|
|
6584
6589
|
success: {
|
|
6585
6590
|
icon: "check-circle",
|
|
6586
6591
|
assertive: !1
|
|
@@ -6597,7 +6602,7 @@ var Oi = {
|
|
|
6597
6602
|
icon: "alert-circle",
|
|
6598
6603
|
assertive: !0
|
|
6599
6604
|
}
|
|
6600
|
-
},
|
|
6605
|
+
}, Ai = {
|
|
6601
6606
|
"top-start": "top-0 start-0",
|
|
6602
6607
|
"top-center": "top-0 start-50 translate-middle-x",
|
|
6603
6608
|
"top-end": "top-0 end-0",
|
|
@@ -6605,21 +6610,21 @@ var Oi = {
|
|
|
6605
6610
|
"bottom-start": "bottom-0 start-0",
|
|
6606
6611
|
"bottom-center": "bottom-0 start-50 translate-middle-x",
|
|
6607
6612
|
"bottom-end": "bottom-0 end-0"
|
|
6608
|
-
},
|
|
6613
|
+
}, ji = 64, Mi = /* @__PURE__ */ new Set([
|
|
6609
6614
|
"rise",
|
|
6610
6615
|
"organic",
|
|
6611
6616
|
"jelly",
|
|
6612
6617
|
"spring"
|
|
6613
|
-
]),
|
|
6618
|
+
]), Ni = /* @__PURE__ */ new Set([
|
|
6614
6619
|
"rounded",
|
|
6615
6620
|
"pill",
|
|
6616
6621
|
"sharp"
|
|
6617
|
-
]),
|
|
6618
|
-
function
|
|
6619
|
-
W("AppToast", s), G("AppToast", "position", e, Object.keys(
|
|
6622
|
+
]), Pi = /* @__PURE__ */ new Set(["auto", "inverse"]);
|
|
6623
|
+
function Fi({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
|
|
6624
|
+
W("AppToast", s), G("AppToast", "position", e, Object.keys(Ai)), G("AppToast", "animation", n, Mi), G("AppToast", "shape", r, Ni), G("AppToast", "surface", i, Pi);
|
|
6620
6625
|
let [c, l] = f([]);
|
|
6621
|
-
o(() =>
|
|
6622
|
-
let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p =
|
|
6626
|
+
o(() => wi(l), []);
|
|
6627
|
+
let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = Ai[e] ?? Ai["bottom-end"];
|
|
6623
6628
|
return /* @__PURE__ */ D("div", {
|
|
6624
6629
|
...s,
|
|
6625
6630
|
className: `wui-toast-container toast-container position-fixed ${p} p-3 ${a}`.trim(),
|
|
@@ -6631,7 +6636,7 @@ function Pi({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
|
|
|
6631
6636
|
u,
|
|
6632
6637
|
" more"
|
|
6633
6638
|
]
|
|
6634
|
-
}), d.map((e) => /* @__PURE__ */ E(
|
|
6639
|
+
}), d.map((e) => /* @__PURE__ */ E(Ii, {
|
|
6635
6640
|
toast: e,
|
|
6636
6641
|
defaultAnimation: n,
|
|
6637
6642
|
defaultShape: r,
|
|
@@ -6639,14 +6644,14 @@ function Pi({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
|
|
|
6639
6644
|
}, e.id))]
|
|
6640
6645
|
});
|
|
6641
6646
|
}
|
|
6642
|
-
function
|
|
6643
|
-
let i =
|
|
6647
|
+
function Ii({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
|
|
6648
|
+
let i = ki[e.variant] ?? ki.success, a = Mi.has(e.animation) ? e.animation : t, s = Ni.has(e.shape) ? e.shape : n, c = Pi.has(e.surface) ? e.surface : r, l = (a !== "rise" && Mi.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && Ni.has(s) ? ` wui-toast--shape-${s}` : "") + (c === "inverse" ? " wui-toast--surface-inverse" : ""), u = e.duration === 0, [p, m] = f(0), [h, g] = f(!1), _ = d(null), v = () => Di(e.id), y = d(null);
|
|
6644
6649
|
o(() => {
|
|
6645
6650
|
if (e.duration === 0) return;
|
|
6646
|
-
|
|
6651
|
+
Ei(e.id);
|
|
6647
6652
|
let t = y.current, n = t == null ? "" : getComputedStyle(t).animationName;
|
|
6648
6653
|
if (t != null && (typeof t.getAnimations == "function" ? t.getAnimations().length > 0 : n !== "" && n !== "none")) return;
|
|
6649
|
-
let r = setTimeout(() =>
|
|
6654
|
+
let r = setTimeout(() => Di(e.id), e.duration);
|
|
6650
6655
|
return () => clearTimeout(r);
|
|
6651
6656
|
}, [e.id, e.duration]);
|
|
6652
6657
|
let b = (e) => {
|
|
@@ -6658,7 +6663,7 @@ function Fi({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
|
|
|
6658
6663
|
}, C = (e) => {
|
|
6659
6664
|
if (_.current === null) return;
|
|
6660
6665
|
let t = e.clientX - _.current;
|
|
6661
|
-
if (Math.abs(t) >
|
|
6666
|
+
if (Math.abs(t) > ji) {
|
|
6662
6667
|
v();
|
|
6663
6668
|
return;
|
|
6664
6669
|
}
|
|
@@ -6742,7 +6747,7 @@ function Fi({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
|
|
|
6742
6747
|
}
|
|
6743
6748
|
//#endregion
|
|
6744
6749
|
//#region src/components/AppToolbar.jsx
|
|
6745
|
-
function
|
|
6750
|
+
function Li({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
|
|
6746
6751
|
W("AppToolbar", u);
|
|
6747
6752
|
let d = s(), p = o || d, [m, h] = f(r), g = n === void 0 ? m : n;
|
|
6748
6753
|
return /* @__PURE__ */ D("div", {
|
|
@@ -6800,7 +6805,7 @@ function Ii({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelec
|
|
|
6800
6805
|
}
|
|
6801
6806
|
//#endregion
|
|
6802
6807
|
//#region src/components/AppWizard.jsx
|
|
6803
|
-
var
|
|
6808
|
+
var Ri = i(function({ steps: t = [], children: n, active: r, defaultActive: i = 0, onStepChange: a, onFinish: s, onSkip: c, beforeNext: l, onInvalid: u, variant: f = "steps", tone: p, orientation: m = "horizontal", skippable: h = !1, nonLinear: g = !1, hideStepper: _ = !1, disabled: v = !1, label: y = "Progress", backLabel: b = "Back", nextLabel: x = "Next", skipLabel: S = "Skip", finishLabel: C = "Finish", className: w = "", ...T }, D) {
|
|
6804
6809
|
W("AppWizard", T);
|
|
6805
6810
|
let O = d(null), k = (e) => {
|
|
6806
6811
|
O.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
|
|
@@ -6852,13 +6857,13 @@ var Li = i(function({ steps: t = [], children: n, active: r, defaultActive: i =
|
|
|
6852
6857
|
children: A[t]
|
|
6853
6858
|
}, e.key ?? `${e.label}-${t}`))
|
|
6854
6859
|
});
|
|
6855
|
-
}),
|
|
6860
|
+
}), zi = /* @__PURE__ */ new Set([
|
|
6856
6861
|
"ArrowUp",
|
|
6857
6862
|
"ArrowDown",
|
|
6858
6863
|
"ArrowLeft",
|
|
6859
6864
|
"ArrowRight"
|
|
6860
6865
|
]);
|
|
6861
|
-
function
|
|
6866
|
+
function Bi({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAction: i, linkComponent: a, searchable: s = !1, onCreate: c, canCreate: l = !1, createLabel: p = "Create workspace", compact: m = !1, size: h = "md", ariaLabel: g, ..._ }) {
|
|
6862
6867
|
let { onToggle: y, ...b } = _;
|
|
6863
6868
|
W("AppWorkspaceSwitcher", b);
|
|
6864
6869
|
let [x, S] = f(""), [C, w] = f(!1), T = d(null), O = (e, t) => {
|
|
@@ -6878,7 +6883,7 @@ function zi({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
6878
6883
|
let e = T.current;
|
|
6879
6884
|
if (!e) return;
|
|
6880
6885
|
let t = (e) => {
|
|
6881
|
-
if (
|
|
6886
|
+
if (zi.has(e.key)) {
|
|
6882
6887
|
e.stopPropagation();
|
|
6883
6888
|
return;
|
|
6884
6889
|
}
|
|
@@ -6896,7 +6901,7 @@ function zi({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
6896
6901
|
onToggle: O,
|
|
6897
6902
|
...b,
|
|
6898
6903
|
children: [/* @__PURE__ */ E(v.Toggle, {
|
|
6899
|
-
as:
|
|
6904
|
+
as: Wi,
|
|
6900
6905
|
compact: m,
|
|
6901
6906
|
tenant: k,
|
|
6902
6907
|
"aria-label": M
|
|
@@ -6931,7 +6936,7 @@ function zi({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
6931
6936
|
className: `workspace-switcher-option${e.id === k?.id ? " is-active" : ""}`,
|
|
6932
6937
|
onClick: () => n?.(e),
|
|
6933
6938
|
children: [
|
|
6934
|
-
/* @__PURE__ */ E(
|
|
6939
|
+
/* @__PURE__ */ E(Hi, { tenant: e }),
|
|
6935
6940
|
/* @__PURE__ */ E("span", {
|
|
6936
6941
|
className: "workspace-switcher-option-name",
|
|
6937
6942
|
children: e.name
|
|
@@ -6963,17 +6968,17 @@ function zi({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
6963
6968
|
}) : null,
|
|
6964
6969
|
i ? /* @__PURE__ */ E("div", {
|
|
6965
6970
|
className: "workspace-switcher-footer",
|
|
6966
|
-
children:
|
|
6971
|
+
children: Ui(i, a)
|
|
6967
6972
|
}) : null
|
|
6968
6973
|
]
|
|
6969
6974
|
})]
|
|
6970
6975
|
});
|
|
6971
6976
|
}
|
|
6972
|
-
function
|
|
6977
|
+
function Vi(e) {
|
|
6973
6978
|
let t = String(e ?? "").trim().split(/\s+/).filter(Boolean);
|
|
6974
6979
|
return t.length === 0 ? "" : (t[0][0] + (t.length > 1 ? t[t.length - 1][0] : "")).toUpperCase();
|
|
6975
6980
|
}
|
|
6976
|
-
function
|
|
6981
|
+
function Hi({ tenant: e }) {
|
|
6977
6982
|
return e?.logoUrl ? /* @__PURE__ */ E("img", {
|
|
6978
6983
|
className: "workspace-switcher-mark",
|
|
6979
6984
|
src: e.logoUrl,
|
|
@@ -6981,10 +6986,10 @@ function Vi({ tenant: e }) {
|
|
|
6981
6986
|
loading: "lazy"
|
|
6982
6987
|
}) : /* @__PURE__ */ E("span", {
|
|
6983
6988
|
className: "workspace-switcher-mark",
|
|
6984
|
-
children:
|
|
6989
|
+
children: Vi(e?.name)
|
|
6985
6990
|
});
|
|
6986
6991
|
}
|
|
6987
|
-
function
|
|
6992
|
+
function Ui(e, t) {
|
|
6988
6993
|
if (typeof e != "object" || !e || !("label" in e)) return e;
|
|
6989
6994
|
let { label: n, icon: r, href: i } = e;
|
|
6990
6995
|
return /* @__PURE__ */ D(i ? t ?? "a" : "button", {
|
|
@@ -6996,7 +7001,7 @@ function Hi(e, t) {
|
|
|
6996
7001
|
}) : null, n]
|
|
6997
7002
|
});
|
|
6998
7003
|
}
|
|
6999
|
-
var
|
|
7004
|
+
var Wi = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
|
|
7000
7005
|
return /* @__PURE__ */ D("button", {
|
|
7001
7006
|
ref: a,
|
|
7002
7007
|
type: "button",
|
|
@@ -7004,7 +7009,7 @@ var Ui = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
|
|
|
7004
7009
|
"aria-haspopup": "true",
|
|
7005
7010
|
"aria-label": n,
|
|
7006
7011
|
...i,
|
|
7007
|
-
children: [/* @__PURE__ */ E(
|
|
7012
|
+
children: [/* @__PURE__ */ E(Hi, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
|
|
7008
7013
|
className: "workspace-switcher-trigger-name",
|
|
7009
7014
|
children: t?.name
|
|
7010
7015
|
}), /* @__PURE__ */ E(Y, {
|
|
@@ -7016,36 +7021,36 @@ var Ui = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
|
|
|
7016
7021
|
});
|
|
7017
7022
|
//#endregion
|
|
7018
7023
|
//#region src/components/toast.js
|
|
7019
|
-
function
|
|
7020
|
-
|
|
7024
|
+
function Gi() {
|
|
7025
|
+
Oi();
|
|
7021
7026
|
}
|
|
7022
|
-
var
|
|
7027
|
+
var Ki = /* @__PURE__ */ new Set([
|
|
7023
7028
|
"success",
|
|
7024
7029
|
"info",
|
|
7025
7030
|
"warning",
|
|
7026
7031
|
"danger"
|
|
7027
7032
|
]);
|
|
7028
|
-
function
|
|
7033
|
+
function qi(e, t = "info") {
|
|
7029
7034
|
let n = "info", r = {};
|
|
7030
|
-
typeof t == "string" ? n =
|
|
7035
|
+
typeof t == "string" ? n = Ki.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = Ki.has(r.variant) ? r.variant : "info"), Ti(e, n, r);
|
|
7031
7036
|
}
|
|
7032
|
-
function
|
|
7033
|
-
|
|
7037
|
+
function Ji(e, t = {}) {
|
|
7038
|
+
Ti(e, "danger", t);
|
|
7034
7039
|
}
|
|
7035
|
-
|
|
7040
|
+
qi.promise = (e, t, n = {}) => {
|
|
7036
7041
|
let r = n.id || `promise-${Date.now()}-${Math.random()}`;
|
|
7037
|
-
return
|
|
7042
|
+
return qi(t.loading || "Loading...", {
|
|
7038
7043
|
...n,
|
|
7039
7044
|
variant: "info",
|
|
7040
7045
|
id: r,
|
|
7041
7046
|
duration: 0
|
|
7042
|
-
}), e.then((e) => (
|
|
7047
|
+
}), e.then((e) => (qi((typeof t.success == "function" ? t.success(e) : t.success) || "Done", {
|
|
7043
7048
|
...n,
|
|
7044
7049
|
variant: "success",
|
|
7045
7050
|
id: r,
|
|
7046
7051
|
duration: n.duration === void 0 ? 5e3 : n.duration
|
|
7047
7052
|
}), e)).catch((e) => {
|
|
7048
|
-
throw
|
|
7053
|
+
throw qi((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
|
|
7049
7054
|
...n,
|
|
7050
7055
|
variant: "danger",
|
|
7051
7056
|
id: r,
|
|
@@ -7055,7 +7060,7 @@ Ki.promise = (e, t, n = {}) => {
|
|
|
7055
7060
|
};
|
|
7056
7061
|
//#endregion
|
|
7057
7062
|
//#region src/lib/useCommandPaletteShortcut.js
|
|
7058
|
-
function
|
|
7063
|
+
function Yi(e, { key: t = "k" } = {}) {
|
|
7059
7064
|
let n = d(e);
|
|
7060
7065
|
o(() => {
|
|
7061
7066
|
n.current = e;
|
|
@@ -7068,7 +7073,7 @@ function Ji(e, { key: t = "k" } = {}) {
|
|
|
7068
7073
|
}
|
|
7069
7074
|
//#endregion
|
|
7070
7075
|
//#region src/lib/usePagination.js
|
|
7071
|
-
function
|
|
7076
|
+
function Xi(e, t = 10) {
|
|
7072
7077
|
let [n, r] = f(1), [i, a] = f(t), s = e.length, c = Math.max(1, Math.ceil(s / i));
|
|
7073
7078
|
o(() => {
|
|
7074
7079
|
n > c && r(c);
|
|
@@ -7095,10 +7100,10 @@ function Yi(e, t = 10) {
|
|
|
7095
7100
|
}
|
|
7096
7101
|
//#endregion
|
|
7097
7102
|
//#region src/lib/useTableView.js
|
|
7098
|
-
var
|
|
7099
|
-
function
|
|
7103
|
+
var Zi = (e) => `wui-view:${e}`;
|
|
7104
|
+
function Qi(e, t) {
|
|
7100
7105
|
try {
|
|
7101
|
-
let n = window.localStorage.getItem(
|
|
7106
|
+
let n = window.localStorage.getItem(Zi(e));
|
|
7102
7107
|
if (!n) return t;
|
|
7103
7108
|
let r = JSON.parse(n);
|
|
7104
7109
|
return {
|
|
@@ -7109,14 +7114,14 @@ function Zi(e, t) {
|
|
|
7109
7114
|
return t;
|
|
7110
7115
|
}
|
|
7111
7116
|
}
|
|
7112
|
-
function
|
|
7113
|
-
let [n, r] = f(() =>
|
|
7117
|
+
function $i(e, { sort: t } = {}) {
|
|
7118
|
+
let [n, r] = f(() => Qi(e, {
|
|
7114
7119
|
hidden: [],
|
|
7115
7120
|
sort: t
|
|
7116
7121
|
}));
|
|
7117
7122
|
o(() => {
|
|
7118
7123
|
try {
|
|
7119
|
-
window.localStorage.setItem(
|
|
7124
|
+
window.localStorage.setItem(Zi(e), JSON.stringify(n));
|
|
7120
7125
|
} catch {}
|
|
7121
7126
|
}, [e, n]);
|
|
7122
7127
|
let i = a((e) => r((t) => ({
|
|
@@ -7134,4 +7139,4 @@ function Qi(e, { sort: t } = {}) {
|
|
|
7134
7139
|
};
|
|
7135
7140
|
}
|
|
7136
7141
|
//#endregion
|
|
7137
|
-
export { ke as AppAccordion, je as AppActionIcon, Ie as AppAlert, Ue as AppAsyncBlock, nt as AppAutocomplete, ct as AppAvatar, dt as AppAvatarGroup, ft as AppBadge, mt as AppBanner, ht as AppBreadcrumbs, Be as AppButton, _t as AppCard, yt as AppCheckbox, bt as AppChip, wt as AppChoiceCard, Tt as AppChoiceChip, Et as AppColorField, jt as AppColumnMenu, Rt as AppCommandPalette, Ut as AppCompareTable, qt as AppConfirmDialog, Yt as AppConsentBanner, Zt as AppCopyButton, $t as AppCountrySelect, dn as AppDataTable, fn as AppDatePicker, pn as AppDateRangePicker, mn as AppDescriptions, kt as AppDropdown, Ve as AppEmptyState, _n as AppErrorSummary, Cn as AppFileAttachment, En as AppFilePicker, Dn as AppFloatingDock, On as AppFormActions, kn as AppFormRow, Nn as AppFormSection, Y as AppIcon, Pn as AppInfoList, qe as AppInfoTip, Wt as AppInput, zn as AppKpiTile, Un as AppLink, Gn as AppLogoPicker, Yn as AppMeter, It as AppModal, Xn as AppMultiSelect, Zn as AppNumberInput, Qn as AppOtpInput,
|
|
7142
|
+
export { ke as AppAccordion, je as AppActionIcon, Ie as AppAlert, Ue as AppAsyncBlock, nt as AppAutocomplete, ct as AppAvatar, dt as AppAvatarGroup, ft as AppBadge, mt as AppBanner, ht as AppBreadcrumbs, Be as AppButton, _t as AppCard, yt as AppCheckbox, bt as AppChip, wt as AppChoiceCard, Tt as AppChoiceChip, Et as AppColorField, jt as AppColumnMenu, Rt as AppCommandPalette, Ut as AppCompareTable, qt as AppConfirmDialog, Yt as AppConsentBanner, Zt as AppCopyButton, $t as AppCountrySelect, dn as AppDataTable, fn as AppDatePicker, pn as AppDateRangePicker, mn as AppDescriptions, kt as AppDropdown, Ve as AppEmptyState, _n as AppErrorSummary, Cn as AppFileAttachment, En as AppFilePicker, Dn as AppFloatingDock, On as AppFormActions, kn as AppFormRow, Nn as AppFormSection, Y as AppIcon, Pn as AppInfoList, qe as AppInfoTip, Wt as AppInput, zn as AppKpiTile, Un as AppLink, Gn as AppLogoPicker, Yn as AppMeter, It as AppModal, Xn as AppMultiSelect, Zn as AppNumberInput, Qn as AppOtpInput, er as AppPageHeader, tr as AppPagination, nr as AppPhoneNumberInput, Ge as AppPopover, rr as AppPricingCard, or as AppProgress, Fr as AppQrCode, Ir as AppRadio, Lr as AppRadioGroup, Rr as AppRepeater, Z as AppRequiredMark, zr as AppResourceCard, Vr as AppResult, Hr as AppScrollbar, Ur as AppSearch, Gr as AppSegmented, qr as AppSelect, an as AppSelectMini, Jr as AppShell, Zr as AppSidebarMenu, en as AppSkeleton, tn as AppSkeletonRows, Qr as AppSlider, He as AppSpinner, ei as AppSplash, ti as AppStatusBadge, ni as AppStepper, ii as AppSwitch, ai as AppTableEmptyState, sn as AppTablePagination, oi as AppTableToolbar, ui as AppTabs, di as AppTagInput, fi as AppTextarea, hi as AppTimePicker, mi as AppTimeline, Fi as AppToast, Li as AppToolbar, ce as AppTooltip, Ri as AppWizard, Bi as AppWorkspaceSwitcher, Kt as MODAL_ICONS, Gi as dismissAll, Ji as errorToast, Ee as iconNames, Oe as registerIcons, qi as toast, Yi as useCommandPaletteShortcut, Xi as usePagination, $i as useTableView };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/ui-react",
|
|
3
|
-
"version": "0.18.
|
|
3
|
+
"version": "0.18.1",
|
|
4
4
|
"description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"type": "module",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
},
|
|
30
30
|
"sideEffects": false,
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@webority/theme": "0.18.
|
|
33
|
-
"@webority/ui-elements": "0.18.
|
|
32
|
+
"@webority/theme": "0.18.1",
|
|
33
|
+
"@webority/ui-elements": "0.18.1"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"@webority/analytics": "^0.6.0",
|