@motech-development/breeze-ui 4.8.0 → 4.9.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/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +794 -544
- package/lib/index.js.map +1 -1
- package/lib/primitives/RowList/RowList.d.ts +64 -0
- package/lib/primitives/RowList/RowList.d.ts.map +1 -0
- package/lib/provider/BreezeProvider.d.ts.map +1 -1
- package/lib/provider/en-GB.d.ts +1 -0
- package/lib/provider/en-GB.d.ts.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -7,36 +7,37 @@ import { ProgressBarContext as _ } from "react-aria-components/ProgressBar";
|
|
|
7
7
|
import { useSlottedContext as v } from "react-aria-components/slots";
|
|
8
8
|
import { parseDate as y } from "@internationalized/date";
|
|
9
9
|
import { Calendar as b, CalendarCell as x, CalendarGrid as S, CalendarGridBody as C, CalendarGridHeader as w, CalendarHeaderCell as T, CalendarHeading as E } from "react-aria-components/Calendar";
|
|
10
|
-
import { ArrowDownLeft as D, ArrowUpRight as O, Bell as k, Building2 as A, CalendarDays as j, Camera as M, Check as N, ChevronDown as ee, ChevronLeft as te, ChevronRight as P, Clock3 as F, Download as I, Ellipsis as L, FileText as R, House as ne, List as re, LockKeyhole as z, LogOut as B, Plus as ie, Settings as
|
|
11
|
-
import { useObjectRef as
|
|
12
|
-
import { CheckboxButton as
|
|
13
|
-
import { FieldError as
|
|
14
|
-
import { Label as
|
|
15
|
-
import { Text as
|
|
16
|
-
import { ComboBox as
|
|
17
|
-
import { Group as
|
|
18
|
-
import { Input as
|
|
19
|
-
import { ListBox as
|
|
20
|
-
import { Popover as
|
|
21
|
-
import { UNSAFE_PortalProvider as
|
|
22
|
-
import { I18nProvider as
|
|
23
|
-
import { Dialog as
|
|
24
|
-
import { Modal as
|
|
25
|
-
import { Menu as
|
|
26
|
-
import { NumberField as
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
10
|
+
import { ArrowDownLeft as D, ArrowUpRight as O, Bell as k, Building2 as A, CalendarDays as j, Camera as M, Check as N, ChevronDown as ee, ChevronLeft as te, ChevronRight as P, Clock3 as F, Download as I, Ellipsis as L, FileText as R, House as ne, List as re, LockKeyhole as z, LogOut as B, Plus as ie, Settings as V, Trash2 as ae, TriangleAlert as oe, Upload as se, Users as H, X as ce } from "lucide-react";
|
|
11
|
+
import { useObjectRef as le } from "react-aria/useObjectRef";
|
|
12
|
+
import { CheckboxButton as ue, CheckboxField as de } from "react-aria-components/Checkbox";
|
|
13
|
+
import { FieldError as fe } from "react-aria-components/FieldError";
|
|
14
|
+
import { Label as pe } from "react-aria-components/Label";
|
|
15
|
+
import { Text as me } from "react-aria-components/Text";
|
|
16
|
+
import { ComboBox as he, ComboBoxStateContext as ge, useFilter as _e } from "react-aria-components/ComboBox";
|
|
17
|
+
import { Group as ve } from "react-aria-components/Group";
|
|
18
|
+
import { Input as ye } from "react-aria-components/Input";
|
|
19
|
+
import { ListBox as be, ListBoxItem as xe } from "react-aria-components/ListBox";
|
|
20
|
+
import { Popover as Se } from "react-aria-components/Popover";
|
|
21
|
+
import { UNSAFE_PortalProvider as Ce } from "react-aria/PortalProvider";
|
|
22
|
+
import { I18nProvider as we, useLocale as Te } from "react-aria-components/I18nProvider";
|
|
23
|
+
import { Dialog as Ee } from "react-aria-components/Dialog";
|
|
24
|
+
import { Modal as De, ModalOverlay as Oe } from "react-aria-components/Modal";
|
|
25
|
+
import { Menu as ke, MenuItem as Ae, MenuTrigger as je } from "react-aria-components/Menu";
|
|
26
|
+
import { NumberField as Me } from "react-aria-components/NumberField";
|
|
27
|
+
import { GridList as Ne, GridListHeader as Pe, GridListItem as Fe, GridListSection as Ie } from "react-aria-components/GridList";
|
|
28
|
+
import { Select as Le, SelectStateContext as Re, SelectValue as ze } from "react-aria-components/Select";
|
|
29
|
+
import { TextField as Be } from "react-aria-components/TextField";
|
|
30
|
+
import { createPortal as Ve } from "react-dom";
|
|
30
31
|
//#region src/provider/BreezeContext.ts
|
|
31
|
-
var
|
|
32
|
-
function
|
|
33
|
-
let e = a(
|
|
32
|
+
var He = n(null);
|
|
33
|
+
function U() {
|
|
34
|
+
let e = a(He);
|
|
34
35
|
if (e === null) throw Error("Breeze components must be rendered within BreezeProvider.");
|
|
35
36
|
return e;
|
|
36
37
|
}
|
|
37
38
|
//#endregion
|
|
38
39
|
//#region src/patterns/AppearanceControl/AppearanceControl.tsx
|
|
39
|
-
var
|
|
40
|
+
var Ue = {
|
|
40
41
|
base: {
|
|
41
42
|
control: "breeze:flex breeze:items-center breeze:gap-breeze-2 breeze:font-breeze-sans",
|
|
42
43
|
group: "breeze:flex breeze:items-center breeze:gap-breeze-2",
|
|
@@ -47,7 +48,7 @@ var Re = {
|
|
|
47
48
|
size: {},
|
|
48
49
|
state: { selected: "breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
|
|
49
50
|
variant: {}
|
|
50
|
-
},
|
|
51
|
+
}, We = [
|
|
51
52
|
{
|
|
52
53
|
message: "appearanceLight",
|
|
53
54
|
value: "light"
|
|
@@ -61,30 +62,30 @@ var Re = {
|
|
|
61
62
|
value: "dark"
|
|
62
63
|
}
|
|
63
64
|
];
|
|
64
|
-
function
|
|
65
|
-
return
|
|
65
|
+
function Ge(e) {
|
|
66
|
+
return We.some((t) => t.value === e);
|
|
66
67
|
}
|
|
67
|
-
function
|
|
68
|
-
let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } =
|
|
68
|
+
function Ke() {
|
|
69
|
+
let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = U();
|
|
69
70
|
return /* @__PURE__ */ h("div", {
|
|
70
|
-
className:
|
|
71
|
+
className: Ue.base.control,
|
|
71
72
|
children: [/* @__PURE__ */ m("span", {
|
|
72
|
-
className:
|
|
73
|
+
className: Ue.base.label,
|
|
73
74
|
lang: r("appearance"),
|
|
74
75
|
children: i.appearance
|
|
75
76
|
}), /* @__PURE__ */ m(t, {
|
|
76
77
|
"aria-label": i.appearance,
|
|
77
|
-
className:
|
|
78
|
+
className: Ue.base.group,
|
|
78
79
|
disallowEmptySelection: !0,
|
|
79
80
|
lang: r("appearance"),
|
|
80
81
|
onSelectionChange: (e) => {
|
|
81
82
|
let [t] = e;
|
|
82
|
-
|
|
83
|
+
Ge(t) && a(t);
|
|
83
84
|
},
|
|
84
85
|
selectedKeys: [n],
|
|
85
86
|
selectionMode: "single",
|
|
86
|
-
children:
|
|
87
|
-
className: [
|
|
87
|
+
children: We.map((t) => /* @__PURE__ */ m(e, {
|
|
88
|
+
className: [Ue.base.option, Ue.state.selected].join(" "),
|
|
88
89
|
id: t.value,
|
|
89
90
|
lang: r(t.message),
|
|
90
91
|
children: i[t.message]
|
|
@@ -94,7 +95,7 @@ function Ve() {
|
|
|
94
95
|
}
|
|
95
96
|
//#endregion
|
|
96
97
|
//#region src/primitives/Skeleton/Skeleton.tsx
|
|
97
|
-
var
|
|
98
|
+
var qe = {
|
|
98
99
|
base: { skeleton: "breeze:block breeze:animate-pulse breeze:appearance-none breeze:bg-breeze-ink-3 breeze:pointer-events-none breeze:forced-colors:outline breeze:forced-colors:outline-1 breeze:forced-colors:outline-[CanvasText]" },
|
|
99
100
|
compound: {},
|
|
100
101
|
size: {},
|
|
@@ -105,37 +106,37 @@ var He = {
|
|
|
105
106
|
text: "breeze:block-size-breeze-3 breeze:inline-size-full breeze:rounded-breeze-xs"
|
|
106
107
|
}
|
|
107
108
|
};
|
|
108
|
-
function
|
|
109
|
-
let { getMessageLocale: i, messages: a } =
|
|
109
|
+
function W({ blockSize: e, inlineSize: t, label: n, shape: r = "text" }) {
|
|
110
|
+
let { getMessageLocale: i, messages: a } = U(), o = n?.trim() || void 0, s = e ?? t ?? "0.75rem", c = {
|
|
110
111
|
blockSize: r === "circle" ? s : e,
|
|
111
112
|
inlineSize: r === "circle" ? s : t
|
|
112
113
|
};
|
|
113
114
|
return /* @__PURE__ */ m("progress", {
|
|
114
115
|
"aria-hidden": o === void 0 || void 0,
|
|
115
116
|
"aria-label": o,
|
|
116
|
-
className: [
|
|
117
|
+
className: [qe.base.skeleton, qe.variant[r]].join(" "),
|
|
117
118
|
lang: o === a.loading.trim() ? i("loading") : void 0,
|
|
118
119
|
style: c
|
|
119
120
|
});
|
|
120
121
|
}
|
|
121
122
|
//#endregion
|
|
122
123
|
//#region src/primitives/VisuallyHidden/VisuallyHidden.tsx
|
|
123
|
-
var
|
|
124
|
+
var Je = {
|
|
124
125
|
base: { hidden: "breeze:sr-only" },
|
|
125
126
|
compound: {},
|
|
126
127
|
size: {},
|
|
127
128
|
state: {},
|
|
128
129
|
variant: {}
|
|
129
130
|
};
|
|
130
|
-
function
|
|
131
|
+
function Ye({ children: e }) {
|
|
131
132
|
return /* @__PURE__ */ m("span", {
|
|
132
|
-
className:
|
|
133
|
+
className: Je.base.hidden,
|
|
133
134
|
children: e
|
|
134
135
|
});
|
|
135
136
|
}
|
|
136
137
|
//#endregion
|
|
137
138
|
//#region src/primitives/Badge/Badge.tsx
|
|
138
|
-
var
|
|
139
|
+
var Xe = {
|
|
139
140
|
base: {
|
|
140
141
|
badge: "breeze:inline-grid breeze:shrink-0 breeze:items-center breeze:whitespace-nowrap breeze:rounded-breeze-chip breeze:ps-breeze-2 breeze:pe-breeze-2 breeze:py-breeze-px breeze:text-breeze-2xs breeze:font-bold breeze:leading-breeze-snug breeze:tracking-breeze-wide",
|
|
141
142
|
content: "breeze:[grid-area:1/1]",
|
|
@@ -152,29 +153,29 @@ var Ge = {
|
|
|
152
153
|
warning: "breeze:bg-breeze-warn-soft breeze:text-breeze-warn"
|
|
153
154
|
}
|
|
154
155
|
};
|
|
155
|
-
function
|
|
156
|
-
let { messages: i } =
|
|
156
|
+
function Ze({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
|
|
157
|
+
let { messages: i } = U(), a = e?.trim() || void 0, o;
|
|
157
158
|
return n ? o = /* @__PURE__ */ m("span", {
|
|
158
|
-
className:
|
|
159
|
-
children: /* @__PURE__ */ m(
|
|
159
|
+
className: Xe.base.skeleton,
|
|
160
|
+
children: /* @__PURE__ */ m(W, {
|
|
160
161
|
blockSize: 8,
|
|
161
162
|
inlineSize: "100%",
|
|
162
163
|
label: i.loading,
|
|
163
164
|
shape: "rectangle"
|
|
164
165
|
})
|
|
165
|
-
}) : a !== void 0 && (o = /* @__PURE__ */ m(
|
|
166
|
+
}) : a !== void 0 && (o = /* @__PURE__ */ m(Ye, { children: a })), /* @__PURE__ */ h("span", {
|
|
166
167
|
"aria-busy": n || void 0,
|
|
167
|
-
className: [
|
|
168
|
+
className: [Xe.base.badge, Xe.variant[r]].join(" "),
|
|
168
169
|
children: [/* @__PURE__ */ m("span", {
|
|
169
170
|
"aria-hidden": n || a !== void 0 ? !0 : void 0,
|
|
170
|
-
className: [
|
|
171
|
+
className: [Xe.base.content, n && Xe.state.contentLoading].filter(Boolean).join(" "),
|
|
171
172
|
children: t
|
|
172
173
|
}), o]
|
|
173
174
|
});
|
|
174
175
|
}
|
|
175
176
|
//#endregion
|
|
176
177
|
//#region src/primitives/Button/Button.tsx
|
|
177
|
-
var
|
|
178
|
+
var G = {
|
|
178
179
|
base: {
|
|
179
180
|
button: "breeze:relative breeze:inline-grid breeze:items-center breeze:justify-center breeze:gap-breeze-2 breeze:border breeze:border-solid breeze:rounded-breeze-ctl breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:cursor-pointer breeze:select-none breeze:[text-align:center] breeze:outline-offset-2 breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap",
|
|
180
181
|
label: "breeze:[grid-area:1/1]",
|
|
@@ -204,23 +205,23 @@ var K = {
|
|
|
204
205
|
secondary: "breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:text-breeze-ink breeze:data-[hovered]:bg-breeze-sunken breeze:data-[pressed]:bg-breeze-sunken"
|
|
205
206
|
}
|
|
206
207
|
};
|
|
207
|
-
function
|
|
208
|
-
let e = v(_), { getMessageLocale: t, messages: n } =
|
|
208
|
+
function Qe() {
|
|
209
|
+
let e = v(_), { getMessageLocale: t, messages: n } = U();
|
|
209
210
|
return /* @__PURE__ */ m("progress", {
|
|
210
211
|
"aria-label": n.loading,
|
|
211
|
-
className:
|
|
212
|
+
className: G.state.loadingStatus,
|
|
212
213
|
id: e?.id,
|
|
213
214
|
lang: t("loading")
|
|
214
215
|
});
|
|
215
216
|
}
|
|
216
|
-
function
|
|
217
|
-
|
|
217
|
+
function $e({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "aria-haspopup": i, "aria-label": a, "aria-labelledby": o, children: s, disabled: c = !1, form: l, id: u, loading: d = !1, name: f, onAction: _, ref: v, size: y = "md", type: b = "button", value: x, variant: S = "primary" }) {
|
|
218
|
+
U();
|
|
218
219
|
let C = [
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
c &&
|
|
223
|
-
d &&
|
|
220
|
+
G.base.button,
|
|
221
|
+
G.variant[S],
|
|
222
|
+
G.size[y],
|
|
223
|
+
c && G.state.disabled,
|
|
224
|
+
d && G.state.loading
|
|
224
225
|
].filter(Boolean).join(" ");
|
|
225
226
|
return /* @__PURE__ */ h(g, {
|
|
226
227
|
"aria-controls": e,
|
|
@@ -246,18 +247,18 @@ function Je({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "ar
|
|
|
246
247
|
type: b,
|
|
247
248
|
value: x,
|
|
248
249
|
children: [/* @__PURE__ */ m("span", {
|
|
249
|
-
className: [
|
|
250
|
+
className: [G.base.label, d && G.state.loadingLabel].filter(Boolean).join(" "),
|
|
250
251
|
children: s
|
|
251
|
-
}), d && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(
|
|
252
|
+
}), d && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Qe, {}), /* @__PURE__ */ m("span", {
|
|
252
253
|
"aria-hidden": "true",
|
|
253
|
-
className: [
|
|
254
|
+
className: [G.base.skeleton, G.compound.loading[S]].join(" "),
|
|
254
255
|
"data-breeze-skeleton": ""
|
|
255
256
|
})] })]
|
|
256
257
|
});
|
|
257
258
|
}
|
|
258
259
|
//#endregion
|
|
259
260
|
//#region src/primitives/Field/field.styles.ts
|
|
260
|
-
var
|
|
261
|
+
var K = {
|
|
261
262
|
base: {
|
|
262
263
|
control: "breeze:relative breeze:inline-grid breeze:min-inline-size-0 breeze:inline-size-full",
|
|
263
264
|
description: "breeze:m-0 breeze:text-breeze-xs breeze:font-normal breeze:leading-breeze-snug breeze:text-breeze-ink-3",
|
|
@@ -272,12 +273,12 @@ var q = {
|
|
|
272
273
|
state: { loadingInput: "breeze:!opacity-0" },
|
|
273
274
|
variant: {}
|
|
274
275
|
};
|
|
275
|
-
function
|
|
276
|
+
function q(...e) {
|
|
276
277
|
return e.filter(Boolean).join(" ");
|
|
277
278
|
}
|
|
278
279
|
//#endregion
|
|
279
280
|
//#region src/primitives/Icon/Icon.tsx
|
|
280
|
-
var
|
|
281
|
+
var et = {
|
|
281
282
|
add: ie,
|
|
282
283
|
back: te,
|
|
283
284
|
building: A,
|
|
@@ -285,8 +286,8 @@ var Ye = {
|
|
|
285
286
|
camera: M,
|
|
286
287
|
check: N,
|
|
287
288
|
clock: F,
|
|
288
|
-
close:
|
|
289
|
-
delete:
|
|
289
|
+
close: ce,
|
|
290
|
+
delete: ae,
|
|
290
291
|
document: R,
|
|
291
292
|
download: I,
|
|
292
293
|
expand: ee,
|
|
@@ -299,12 +300,12 @@ var Ye = {
|
|
|
299
300
|
next: P,
|
|
300
301
|
notifications: k,
|
|
301
302
|
overview: ne,
|
|
302
|
-
people:
|
|
303
|
-
settings:
|
|
303
|
+
people: H,
|
|
304
|
+
settings: V,
|
|
304
305
|
signOut: B,
|
|
305
|
-
upload:
|
|
306
|
+
upload: se,
|
|
306
307
|
warning: oe
|
|
307
|
-
},
|
|
308
|
+
}, tt = {
|
|
308
309
|
base: { icon: "breeze:block breeze:shrink-0" },
|
|
309
310
|
compound: {},
|
|
310
311
|
size: {
|
|
@@ -314,20 +315,20 @@ var Ye = {
|
|
|
314
315
|
},
|
|
315
316
|
state: { logicalDirection: "breeze:rtl:rotate-180" },
|
|
316
317
|
variant: {}
|
|
317
|
-
},
|
|
318
|
+
}, nt = /* @__PURE__ */ new Set([
|
|
318
319
|
"back",
|
|
319
320
|
"forward",
|
|
320
321
|
"next"
|
|
321
322
|
]);
|
|
322
|
-
function
|
|
323
|
-
let r =
|
|
323
|
+
function J({ label: e, name: t, size: n = "md" }) {
|
|
324
|
+
let r = et[t], i = e?.trim() || void 0;
|
|
324
325
|
return /* @__PURE__ */ m(r, {
|
|
325
326
|
"aria-hidden": i === void 0 || void 0,
|
|
326
327
|
"aria-label": i,
|
|
327
328
|
className: [
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
329
|
+
tt.base.icon,
|
|
330
|
+
tt.size[n],
|
|
331
|
+
nt.has(t) && tt.state.logicalDirection
|
|
331
332
|
].filter(Boolean).join(" "),
|
|
332
333
|
focusable: "false",
|
|
333
334
|
role: i === void 0 ? void 0 : "img",
|
|
@@ -336,7 +337,7 @@ function Y({ label: e, name: t, size: n = "md" }) {
|
|
|
336
337
|
}
|
|
337
338
|
//#endregion
|
|
338
339
|
//#region src/primitives/Calendar/Calendar.tsx
|
|
339
|
-
var
|
|
340
|
+
var Y = {
|
|
340
341
|
base: {
|
|
341
342
|
cell: "breeze:grid breeze:min-block-breeze-8 breeze:min-inline-breeze-8 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap breeze:place-items-center breeze:rounded-breeze-full breeze:font-breeze-sans breeze:text-breeze-sm breeze:text-breeze-ink breeze:outline-offset-2 breeze:data-[focused]:bg-breeze-sunken breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[hovered]:bg-breeze-sunken breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-50 breeze:data-[outside-month]:text-breeze-ink-3",
|
|
342
343
|
disabledRoot: "breeze:pointer-events-none breeze:[&>div:last-child]:hidden",
|
|
@@ -354,45 +355,45 @@ var X = {
|
|
|
354
355
|
state: {},
|
|
355
356
|
variant: {}
|
|
356
357
|
};
|
|
357
|
-
function
|
|
358
|
+
function rt(e) {
|
|
358
359
|
try {
|
|
359
360
|
return y(e);
|
|
360
361
|
} catch {
|
|
361
362
|
return null;
|
|
362
363
|
}
|
|
363
364
|
}
|
|
364
|
-
function
|
|
365
|
+
function it({ disabled: e }) {
|
|
365
366
|
return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
|
|
366
|
-
className:
|
|
367
|
+
className: Y.base.header,
|
|
367
368
|
children: [
|
|
368
369
|
/* @__PURE__ */ m(g, {
|
|
369
|
-
className:
|
|
370
|
+
className: Y.base.navButton,
|
|
370
371
|
isDisabled: e,
|
|
371
372
|
slot: "previous",
|
|
372
|
-
children: /* @__PURE__ */ m(
|
|
373
|
+
children: /* @__PURE__ */ m(J, {
|
|
373
374
|
name: "back",
|
|
374
375
|
size: "sm"
|
|
375
376
|
})
|
|
376
377
|
}),
|
|
377
|
-
/* @__PURE__ */ m(E, { className:
|
|
378
|
+
/* @__PURE__ */ m(E, { className: Y.base.heading }),
|
|
378
379
|
/* @__PURE__ */ m(g, {
|
|
379
|
-
className:
|
|
380
|
+
className: Y.base.navButton,
|
|
380
381
|
isDisabled: e,
|
|
381
382
|
slot: "next",
|
|
382
|
-
children: /* @__PURE__ */ m(
|
|
383
|
+
children: /* @__PURE__ */ m(J, {
|
|
383
384
|
name: "next",
|
|
384
385
|
size: "sm"
|
|
385
386
|
})
|
|
386
387
|
})
|
|
387
388
|
]
|
|
388
389
|
}), /* @__PURE__ */ h(S, {
|
|
389
|
-
className:
|
|
390
|
+
className: Y.base.grid,
|
|
390
391
|
weekdayStyle: "short",
|
|
391
392
|
children: [/* @__PURE__ */ m(w, { children: (e) => /* @__PURE__ */ m(T, {
|
|
392
|
-
className:
|
|
393
|
+
className: Y.base.weekday,
|
|
393
394
|
children: e
|
|
394
395
|
}) }), /* @__PURE__ */ m(C, { children: (t) => /* @__PURE__ */ m(x, {
|
|
395
|
-
className: ({ isSelected: e, isToday: t }) =>
|
|
396
|
+
className: ({ isSelected: e, isToday: t }) => q(Y.base.cell, e && Y.base.selectedCell, t && !e && Y.base.todayCell),
|
|
396
397
|
date: t,
|
|
397
398
|
render: (t) => r("div", {
|
|
398
399
|
...t,
|
|
@@ -403,7 +404,7 @@ function $e({ disabled: e }) {
|
|
|
403
404
|
}) })]
|
|
404
405
|
})] });
|
|
405
406
|
}
|
|
406
|
-
function
|
|
407
|
+
function at({ autoFocus: e, defaultValue: t, disabled: n, label: i, onChange: a, value: s }) {
|
|
407
408
|
let c = s?.toString(), l = u(c), [f, p] = d(s ?? void 0);
|
|
408
409
|
o(() => {
|
|
409
410
|
c !== l.current && (l.current = c, s != null && p(s));
|
|
@@ -415,7 +416,7 @@ function et({ autoFocus: e, defaultValue: t, disabled: n, label: i, onChange: a,
|
|
|
415
416
|
return r(b, {
|
|
416
417
|
"aria-label": i,
|
|
417
418
|
autoFocus: e && !n,
|
|
418
|
-
className:
|
|
419
|
+
className: q(Y.base.root, n && Y.base.disabledRoot),
|
|
419
420
|
firstDayOfWeek: "mon",
|
|
420
421
|
isReadOnly: n,
|
|
421
422
|
render: n ? (e) => r("div", {
|
|
@@ -430,13 +431,13 @@ function et({ autoFocus: e, defaultValue: t, disabled: n, label: i, onChange: a,
|
|
|
430
431
|
...v,
|
|
431
432
|
...y,
|
|
432
433
|
..._
|
|
433
|
-
}, /* @__PURE__ */ m(
|
|
434
|
+
}, /* @__PURE__ */ m(it, { disabled: n }));
|
|
434
435
|
}
|
|
435
|
-
function
|
|
436
|
-
let o = a === void 0 ? void 0 :
|
|
437
|
-
return /* @__PURE__ */ m(
|
|
436
|
+
function ot({ autoFocus: e = !1, defaultValue: t, disabled: n = !1, label: r, onChange: i, value: a }) {
|
|
437
|
+
let o = a === void 0 ? void 0 : rt(a);
|
|
438
|
+
return /* @__PURE__ */ m(at, {
|
|
438
439
|
autoFocus: e,
|
|
439
|
-
defaultValue: t === void 0 ? void 0 :
|
|
440
|
+
defaultValue: t === void 0 ? void 0 : rt(t),
|
|
440
441
|
disabled: n,
|
|
441
442
|
label: r,
|
|
442
443
|
onChange: (e) => {
|
|
@@ -447,7 +448,7 @@ function tt({ autoFocus: e = !1, defaultValue: t, disabled: n = !1, label: r, on
|
|
|
447
448
|
}
|
|
448
449
|
//#endregion
|
|
449
450
|
//#region src/primitives/layout.accessibility.ts
|
|
450
|
-
function
|
|
451
|
+
function st(e, t) {
|
|
451
452
|
let n = e?.trim() || void 0;
|
|
452
453
|
return {
|
|
453
454
|
accessibleLabel: n,
|
|
@@ -456,7 +457,7 @@ function nt(e, t) {
|
|
|
456
457
|
}
|
|
457
458
|
//#endregion
|
|
458
459
|
//#region src/primitives/Card/Card.tsx
|
|
459
|
-
var
|
|
460
|
+
var ct = {
|
|
460
461
|
base: { card: "breeze:min-inline-size-0 breeze:rounded-breeze-panel breeze:border breeze:border-solid breeze:border-breeze-line breeze:shadow-breeze-panel" },
|
|
461
462
|
compound: {},
|
|
462
463
|
size: {
|
|
@@ -476,62 +477,62 @@ var rt = {
|
|
|
476
477
|
surface: "breeze:bg-breeze-surface"
|
|
477
478
|
}
|
|
478
479
|
};
|
|
479
|
-
function
|
|
480
|
-
let { accessibleLabel: s, role: c } =
|
|
480
|
+
function lt({ "aria-label": e, children: t, clipped: n = !0, element: i = "div", padding: a = 4, variant: o = "surface" }) {
|
|
481
|
+
let { accessibleLabel: s, role: c } = st(e, i);
|
|
481
482
|
return r(i, {
|
|
482
483
|
"aria-label": s,
|
|
483
484
|
className: [
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
n &&
|
|
485
|
+
ct.base.card,
|
|
486
|
+
ct.variant[o],
|
|
487
|
+
ct.size[a],
|
|
488
|
+
n && ct.state.clipped
|
|
488
489
|
].filter(Boolean).join(" "),
|
|
489
490
|
role: c
|
|
490
491
|
}, t);
|
|
491
492
|
}
|
|
492
493
|
//#endregion
|
|
493
494
|
//#region src/primitives/Field/field.presentation.tsx
|
|
494
|
-
function
|
|
495
|
-
return /* @__PURE__ */ m(
|
|
496
|
-
className:
|
|
495
|
+
function ut({ htmlFor: e, id: t, label: n, loading: r, onClick: i }) {
|
|
496
|
+
return /* @__PURE__ */ m(pe, {
|
|
497
|
+
className: K.base.label,
|
|
497
498
|
htmlFor: e,
|
|
498
499
|
id: t,
|
|
499
500
|
onClick: i,
|
|
500
|
-
children: r ? /* @__PURE__ */ m(
|
|
501
|
+
children: r ? /* @__PURE__ */ m(W, {
|
|
501
502
|
blockSize: "1lh",
|
|
502
503
|
inlineSize: "12em",
|
|
503
504
|
shape: "rectangle"
|
|
504
505
|
}) : n
|
|
505
506
|
});
|
|
506
507
|
}
|
|
507
|
-
function
|
|
508
|
-
return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m(
|
|
509
|
-
className:
|
|
508
|
+
function dt({ description: e, descriptionId: t, error: n, errorId: r, loading: i }) {
|
|
509
|
+
return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m(me, {
|
|
510
|
+
className: K.base.description,
|
|
510
511
|
id: t,
|
|
511
512
|
slot: "description",
|
|
512
|
-
children: i ? /* @__PURE__ */ m(
|
|
513
|
+
children: i ? /* @__PURE__ */ m(W, {
|
|
513
514
|
blockSize: "1lh",
|
|
514
515
|
inlineSize: "12em",
|
|
515
516
|
shape: "rectangle"
|
|
516
517
|
}) : e
|
|
517
518
|
}), n && (i ? /* @__PURE__ */ m("span", {
|
|
518
519
|
"aria-hidden": "true",
|
|
519
|
-
className:
|
|
520
|
+
className: K.base.error,
|
|
520
521
|
id: r,
|
|
521
|
-
children: /* @__PURE__ */ m(
|
|
522
|
+
children: /* @__PURE__ */ m(W, {
|
|
522
523
|
blockSize: "1lh",
|
|
523
524
|
inlineSize: "12em",
|
|
524
525
|
shape: "rectangle"
|
|
525
526
|
})
|
|
526
|
-
}) : /* @__PURE__ */ m(
|
|
527
|
-
className:
|
|
527
|
+
}) : /* @__PURE__ */ m(fe, {
|
|
528
|
+
className: K.base.error,
|
|
528
529
|
id: r,
|
|
529
530
|
children: n
|
|
530
531
|
}))] });
|
|
531
532
|
}
|
|
532
533
|
//#endregion
|
|
533
534
|
//#region src/primitives/Checkbox/Checkbox.tsx
|
|
534
|
-
var
|
|
535
|
+
var ft = {
|
|
535
536
|
base: {
|
|
536
537
|
control: "breeze:relative breeze:inline-grid breeze:min-block-breeze-tap breeze:grid-flow-col breeze:items-center breeze:gap-breeze-2 breeze:cursor-pointer breeze:select-none breeze:font-breeze-sans breeze:text-breeze-sm breeze:font-medium breeze:leading-breeze-snug breeze:text-breeze-ink breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-60",
|
|
537
538
|
indicator: "breeze:inline-grid breeze:block-size-breeze-5 breeze:inline-size-breeze-5 breeze:shrink-0 breeze:place-items-center breeze:rounded-breeze-chip breeze:border breeze:border-solid breeze:border-breeze-ink-3 breeze:bg-breeze-surface breeze:text-breeze-on-brand breeze:transition-colors breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand",
|
|
@@ -544,10 +545,10 @@ var st = {
|
|
|
544
545
|
state: {},
|
|
545
546
|
variant: {}
|
|
546
547
|
};
|
|
547
|
-
function
|
|
548
|
-
let { messages: v } =
|
|
549
|
-
return /* @__PURE__ */ h(
|
|
550
|
-
className:
|
|
548
|
+
function pt({ defaultSelected: e, description: t, disabled: n = !1, error: r, form: i, id: a, label: o, loading: s = !1, name: c, onChange: l, readOnly: u = !1, ref: d, required: f = !1, selected: g, value: _ }) {
|
|
549
|
+
let { messages: v } = U(), y = le(d), b = t?.trim() || void 0, x = r?.trim() || void 0, S = n || s;
|
|
550
|
+
return /* @__PURE__ */ h(de, {
|
|
551
|
+
className: K.base.root,
|
|
551
552
|
defaultSelected: e,
|
|
552
553
|
form: i,
|
|
553
554
|
id: a,
|
|
@@ -562,19 +563,19 @@ function ct({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
|
|
|
562
563
|
onChange: l,
|
|
563
564
|
value: _,
|
|
564
565
|
validationBehavior: "aria",
|
|
565
|
-
children: [/* @__PURE__ */ m(
|
|
566
|
-
className:
|
|
566
|
+
children: [/* @__PURE__ */ m(ue, {
|
|
567
|
+
className: ft.base.control,
|
|
567
568
|
children: ({ isFocusVisible: e, isSelected: t }) => /* @__PURE__ */ h(p, { children: [s && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
|
|
568
569
|
"aria-hidden": "true",
|
|
569
|
-
className:
|
|
570
|
-
children: /* @__PURE__ */ m(
|
|
570
|
+
className: ft.base.skeletonIndicator,
|
|
571
|
+
children: /* @__PURE__ */ m(W, {
|
|
571
572
|
blockSize: "100%",
|
|
572
573
|
inlineSize: "100%",
|
|
573
574
|
shape: "rectangle"
|
|
574
575
|
})
|
|
575
576
|
}), /* @__PURE__ */ m("span", {
|
|
576
|
-
className:
|
|
577
|
-
children: /* @__PURE__ */ m(
|
|
577
|
+
className: ft.base.skeleton,
|
|
578
|
+
children: /* @__PURE__ */ m(W, {
|
|
578
579
|
blockSize: "1lh",
|
|
579
580
|
inlineSize: "12em",
|
|
580
581
|
label: v.loading,
|
|
@@ -582,15 +583,15 @@ function ct({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
|
|
|
582
583
|
})
|
|
583
584
|
})] }), !s && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
|
|
584
585
|
"aria-hidden": "true",
|
|
585
|
-
className:
|
|
586
|
+
className: ft.base.indicator,
|
|
586
587
|
"data-focus-visible": e || void 0,
|
|
587
588
|
"data-selected": t || void 0,
|
|
588
589
|
children: t ? "✓" : ""
|
|
589
590
|
}), /* @__PURE__ */ m("span", {
|
|
590
|
-
className:
|
|
591
|
+
className: ft.base.label,
|
|
591
592
|
children: o
|
|
592
593
|
})] })] })
|
|
593
|
-
}), /* @__PURE__ */ m(
|
|
594
|
+
}), /* @__PURE__ */ m(dt, {
|
|
594
595
|
description: b,
|
|
595
596
|
error: x,
|
|
596
597
|
loading: s
|
|
@@ -599,7 +600,7 @@ function ct({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
|
|
|
599
600
|
}
|
|
600
601
|
//#endregion
|
|
601
602
|
//#region src/primitives/SelectionControl/SelectionControl.tsx
|
|
602
|
-
var
|
|
603
|
+
var mt = {
|
|
603
604
|
base: {
|
|
604
605
|
label: "breeze:[grid-area:1/1]",
|
|
605
606
|
skeleton: "breeze:[grid-area:1/1] breeze:inline-size-full breeze:block-size-breeze-3",
|
|
@@ -610,14 +611,14 @@ var lt = {
|
|
|
610
611
|
loadingLabel: "breeze:opacity-0"
|
|
611
612
|
}
|
|
612
613
|
};
|
|
613
|
-
function
|
|
614
|
-
let { getMessageLocale: y, messages: b } =
|
|
614
|
+
function ht({ "aria-describedby": t, "aria-label": n, "aria-labelledby": i, children: a, className: o, defaultPressed: s, disabled: c, id: l, announceLoading: u = !0, loading: f, onChange: g, pressed: _, ref: v }) {
|
|
615
|
+
let { getMessageLocale: y, messages: b } = U(), [x, S] = d(s ?? !1), C = _ !== void 0, w = C ? _ : x;
|
|
615
616
|
return /* @__PURE__ */ h(p, { children: [
|
|
616
617
|
/* @__PURE__ */ h(e, {
|
|
617
618
|
"aria-describedby": t,
|
|
618
619
|
"aria-label": n,
|
|
619
620
|
"aria-labelledby": i,
|
|
620
|
-
className: [o, f &&
|
|
621
|
+
className: [o, f && mt.state.loading].filter(Boolean).join(" "),
|
|
621
622
|
id: l,
|
|
622
623
|
isDisabled: c,
|
|
623
624
|
isSelected: w,
|
|
@@ -632,22 +633,22 @@ function ut({ "aria-describedby": t, "aria-label": n, "aria-labelledby": i, chil
|
|
|
632
633
|
type: "button"
|
|
633
634
|
}),
|
|
634
635
|
children: [/* @__PURE__ */ m("span", {
|
|
635
|
-
className: [
|
|
636
|
+
className: [mt.base.label, f && mt.state.loadingLabel].filter(Boolean).join(" "),
|
|
636
637
|
children: a
|
|
637
638
|
}), f && /* @__PURE__ */ m("span", {
|
|
638
639
|
"aria-hidden": "true",
|
|
639
|
-
className:
|
|
640
|
+
className: mt.base.skeleton,
|
|
640
641
|
"data-breeze-skeleton": "",
|
|
641
|
-
children: /* @__PURE__ */ m(
|
|
642
|
+
children: /* @__PURE__ */ m(W, { inlineSize: "100%" })
|
|
642
643
|
})]
|
|
643
644
|
}),
|
|
644
645
|
f && u && /* @__PURE__ */ m("span", {
|
|
645
|
-
className:
|
|
646
|
-
children: /* @__PURE__ */ m(
|
|
646
|
+
className: mt.base.status,
|
|
647
|
+
children: /* @__PURE__ */ m(W, { label: b.loading })
|
|
647
648
|
}),
|
|
648
649
|
u && /* @__PURE__ */ m("output", {
|
|
649
650
|
"aria-live": "polite",
|
|
650
|
-
className:
|
|
651
|
+
className: mt.base.status,
|
|
651
652
|
lang: y("loading"),
|
|
652
653
|
children: f ? b.loading : ""
|
|
653
654
|
})
|
|
@@ -655,19 +656,19 @@ function ut({ "aria-describedby": t, "aria-label": n, "aria-labelledby": i, chil
|
|
|
655
656
|
}
|
|
656
657
|
//#endregion
|
|
657
658
|
//#region src/primitives/Chip/Chip.tsx
|
|
658
|
-
var
|
|
659
|
+
var gt = {
|
|
659
660
|
base: { chip: "breeze:inline-grid breeze:items-center breeze:justify-center breeze:whitespace-nowrap breeze:rounded-breeze-full breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:font-breeze-sans breeze:text-breeze-xs breeze:font-semibold breeze:text-breeze-ink breeze:cursor-pointer breeze:select-none breeze:outline-offset-2 breeze:data-[hovered]:bg-breeze-sunken breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-60 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap breeze:min-block-breeze-sm" },
|
|
660
661
|
compound: {},
|
|
661
662
|
size: {},
|
|
662
663
|
state: { pressed: "breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
|
|
663
664
|
variant: {}
|
|
664
665
|
};
|
|
665
|
-
function
|
|
666
|
-
return /* @__PURE__ */ m(
|
|
666
|
+
function _t({ "aria-describedby": e, "aria-label": t, "aria-labelledby": n, children: r, defaultPressed: i, disabled: a = !1, id: o, loading: s = !1, onChange: c, pressed: l, ref: u }) {
|
|
667
|
+
return /* @__PURE__ */ m(ht, {
|
|
667
668
|
"aria-describedby": e,
|
|
668
669
|
"aria-label": t,
|
|
669
670
|
"aria-labelledby": n,
|
|
670
|
-
className: [
|
|
671
|
+
className: [gt.base.chip, gt.state.pressed].join(" "),
|
|
671
672
|
defaultPressed: i,
|
|
672
673
|
disabled: a,
|
|
673
674
|
id: o,
|
|
@@ -680,7 +681,7 @@ function ft({ "aria-describedby": e, "aria-label": t, "aria-labelledby": n, chil
|
|
|
680
681
|
}
|
|
681
682
|
//#endregion
|
|
682
683
|
//#region src/primitives/Collection/collection.styles.ts
|
|
683
|
-
var
|
|
684
|
+
var X = {
|
|
684
685
|
base: {
|
|
685
686
|
badge: "breeze:ms-auto",
|
|
686
687
|
content: "breeze:flex breeze:min-inline-size-0 breeze:flex-1 breeze:flex-col breeze:gap-breeze-1",
|
|
@@ -698,7 +699,7 @@ var Z = {
|
|
|
698
699
|
};
|
|
699
700
|
//#endregion
|
|
700
701
|
//#region src/overlays/OverlayStack.ts
|
|
701
|
-
function
|
|
702
|
+
function vt() {
|
|
702
703
|
let e = [], t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
|
|
703
704
|
return {
|
|
704
705
|
getSnapshot: () => e,
|
|
@@ -714,15 +715,15 @@ function pt() {
|
|
|
714
715
|
})
|
|
715
716
|
};
|
|
716
717
|
}
|
|
717
|
-
var
|
|
718
|
-
function
|
|
719
|
-
let e = a(
|
|
718
|
+
var yt = n(null);
|
|
719
|
+
function bt() {
|
|
720
|
+
let e = a(yt);
|
|
720
721
|
if (!e) throw Error("Breeze components must be rendered within BreezeProvider.");
|
|
721
722
|
return 100 + f(e.subscribe, e.getSnapshot, e.getSnapshot).length * 2;
|
|
722
723
|
}
|
|
723
|
-
var
|
|
724
|
-
function
|
|
725
|
-
let r = a(
|
|
724
|
+
var xt = n(null);
|
|
725
|
+
function St(e, t, n) {
|
|
726
|
+
let r = a(yt), i = a(xt), o = s();
|
|
726
727
|
if (!r) throw Error("Breeze components must be rendered within BreezeProvider.");
|
|
727
728
|
let l = f(r.subscribe, r.getSnapshot, r.getSnapshot), u = i?.id;
|
|
728
729
|
c(() => () => r.remove(o), [o, r]), c(() => {
|
|
@@ -761,12 +762,12 @@ function _t(e, t, n) {
|
|
|
761
762
|
}
|
|
762
763
|
//#endregion
|
|
763
764
|
//#region src/overlays/OverlayProvider.tsx
|
|
764
|
-
var
|
|
765
|
-
function
|
|
766
|
-
let { direction: r } =
|
|
765
|
+
var Ct = n(null), wt = "BreezeProvider portalContainer must belong to the current document and light DOM.";
|
|
766
|
+
function Tt({ children: e, portalContainer: t, locale: n }) {
|
|
767
|
+
let { direction: r } = Te(), [i] = d(vt), [a, o] = d(null);
|
|
767
768
|
return c(() => {
|
|
768
769
|
let e = t ?? document.body;
|
|
769
|
-
if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(
|
|
770
|
+
if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(wt);
|
|
770
771
|
let n = e.ownerDocument.createElement("div");
|
|
771
772
|
return n.dataset.breezeRoot = "", n.dataset.breezePortal = "", e.append(n), o(n), () => n.remove();
|
|
772
773
|
}, [t]), c(() => {
|
|
@@ -775,45 +776,45 @@ function bt({ children: e, portalContainer: t, locale: n }) {
|
|
|
775
776
|
r,
|
|
776
777
|
a,
|
|
777
778
|
n
|
|
778
|
-
]), /* @__PURE__ */ m(
|
|
779
|
+
]), /* @__PURE__ */ m(Ce, {
|
|
779
780
|
getContainer: () => a,
|
|
780
|
-
children: /* @__PURE__ */ m(
|
|
781
|
+
children: /* @__PURE__ */ m(yt, {
|
|
781
782
|
value: i,
|
|
782
|
-
children: /* @__PURE__ */ m(
|
|
783
|
+
children: /* @__PURE__ */ m(Ct, {
|
|
783
784
|
value: a,
|
|
784
785
|
children: e
|
|
785
786
|
})
|
|
786
787
|
})
|
|
787
788
|
});
|
|
788
789
|
}
|
|
789
|
-
function
|
|
790
|
-
return a(
|
|
790
|
+
function Et() {
|
|
791
|
+
return a(Ct);
|
|
791
792
|
}
|
|
792
793
|
//#endregion
|
|
793
794
|
//#region src/primitives/Collection/CollectionPopover.tsx
|
|
794
|
-
var
|
|
795
|
-
function
|
|
795
|
+
var Dt = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
|
|
796
|
+
function Ot(e) {
|
|
796
797
|
return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
|
|
797
798
|
}
|
|
798
|
-
function
|
|
799
|
-
let f =
|
|
799
|
+
function kt({ children: e, className: t, containerPadding: n, isOpen: r, onOpenChange: s, triggerRef: l }) {
|
|
800
|
+
let f = Et(), p = a(xt), h = p?.open ?? !0, [g, _] = d(p === null), [v, y] = d(!1), b = u(!1), x = u(null), S = u(null), C = u(null), w = r && h, T = St("popover", w && g && f !== null, w || v), E = i((e) => {
|
|
800
801
|
x.current = e, y(e !== null);
|
|
801
802
|
}, []);
|
|
802
803
|
return c(() => {
|
|
803
|
-
if (f && l.current && (l.current.ownerDocument !== document || l.current.getRootNode() !== document || f.ownerDocument !== document || f.getRootNode() !== document)) throw Error(
|
|
804
|
+
if (f && l.current && (l.current.ownerDocument !== document || l.current.getRootNode() !== document || f.ownerDocument !== document || f.getRootNode() !== document)) throw Error(Dt);
|
|
804
805
|
}), o(() => _(!0), []), c(() => {
|
|
805
806
|
if (!w || !T.topmost || !f) return;
|
|
806
|
-
let e = (e) =>
|
|
807
|
+
let e = (e) => Ot(e) && !x.current?.contains(e) && !l.current?.contains(e), t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), n = (e) => e.button === 0, r = null, i = () => {
|
|
807
808
|
r !== null && (clearTimeout(r), r = null);
|
|
808
809
|
}, a = () => {
|
|
809
810
|
i(), r = setTimeout(() => {
|
|
810
811
|
r = null, C.current = null;
|
|
811
812
|
}, 0);
|
|
812
813
|
}, o = (e) => {
|
|
813
|
-
n(e) && (i(), S.current =
|
|
814
|
+
n(e) && (i(), S.current = Ot(e.target) ? e.target : null, C.current = null);
|
|
814
815
|
}, c = (t) => {
|
|
815
816
|
if (!n(t)) return;
|
|
816
|
-
let r = S.current, i =
|
|
817
|
+
let r = S.current, i = Ot(t.target) ? t.target : null;
|
|
817
818
|
if (!e(i)) {
|
|
818
819
|
S.current = null;
|
|
819
820
|
return;
|
|
@@ -826,7 +827,7 @@ function wt({ children: e, className: t, containerPadding: n, isOpen: r, onOpenC
|
|
|
826
827
|
}, u = () => {
|
|
827
828
|
i(), S.current = null, C.current = null;
|
|
828
829
|
}, d = (n) => {
|
|
829
|
-
let r =
|
|
830
|
+
let r = Ot(n.target) ? n.target : null;
|
|
830
831
|
e(r) && !t(C.current, r) && s(!1), i(), S.current = null, C.current = null;
|
|
831
832
|
};
|
|
832
833
|
return f.ownerDocument.addEventListener("pointerdown", o, !0), f.ownerDocument.addEventListener("pointerup", c, !0), f.ownerDocument.addEventListener("pointercancel", u, !0), f.ownerDocument.addEventListener("click", d, !0), () => {
|
|
@@ -844,7 +845,7 @@ function wt({ children: e, className: t, containerPadding: n, isOpen: r, onOpenC
|
|
|
844
845
|
s,
|
|
845
846
|
h,
|
|
846
847
|
r
|
|
847
|
-
]), /* @__PURE__ */ m(
|
|
848
|
+
]), /* @__PURE__ */ m(Se, {
|
|
848
849
|
className: `${t} breeze-popover`,
|
|
849
850
|
containerPadding: n,
|
|
850
851
|
"data-breeze-interactive": T.interactive,
|
|
@@ -865,25 +866,25 @@ function wt({ children: e, className: t, containerPadding: n, isOpen: r, onOpenC
|
|
|
865
866
|
}
|
|
866
867
|
//#endregion
|
|
867
868
|
//#region src/primitives/Collection/DescriptorContent.tsx
|
|
868
|
-
function
|
|
869
|
+
function At({ descriptor: e, isSelected: t }) {
|
|
869
870
|
return /* @__PURE__ */ h(p, { children: [
|
|
870
|
-
e.icon && /* @__PURE__ */ m(
|
|
871
|
+
e.icon && /* @__PURE__ */ m(J, {
|
|
871
872
|
name: e.icon,
|
|
872
873
|
size: "sm"
|
|
873
874
|
}),
|
|
874
875
|
/* @__PURE__ */ h("span", {
|
|
875
|
-
className:
|
|
876
|
+
className: X.base.content,
|
|
876
877
|
children: [/* @__PURE__ */ m("span", {
|
|
877
|
-
className:
|
|
878
|
+
className: X.base.label,
|
|
878
879
|
children: e.label
|
|
879
880
|
}), e.description && /* @__PURE__ */ m("span", {
|
|
880
|
-
className:
|
|
881
|
+
className: X.base.description,
|
|
881
882
|
children: e.description
|
|
882
883
|
})]
|
|
883
884
|
}),
|
|
884
885
|
e.badge && /* @__PURE__ */ m("span", {
|
|
885
|
-
className:
|
|
886
|
-
children: /* @__PURE__ */ m(
|
|
886
|
+
className: X.base.badge,
|
|
887
|
+
children: /* @__PURE__ */ m(Ze, {
|
|
887
888
|
"aria-label": e.badge["aria-label"],
|
|
888
889
|
variant: e.badge.variant,
|
|
889
890
|
children: e.badge.children
|
|
@@ -891,8 +892,8 @@ function Tt({ descriptor: e, isSelected: t }) {
|
|
|
891
892
|
}),
|
|
892
893
|
/* @__PURE__ */ m("span", {
|
|
893
894
|
"aria-hidden": "true",
|
|
894
|
-
className:
|
|
895
|
-
children: t && /* @__PURE__ */ m(
|
|
895
|
+
className: X.base.selectedIndicator,
|
|
896
|
+
children: t && /* @__PURE__ */ m(J, {
|
|
896
897
|
name: "check",
|
|
897
898
|
size: "sm"
|
|
898
899
|
})
|
|
@@ -901,13 +902,13 @@ function Tt({ descriptor: e, isSelected: t }) {
|
|
|
901
902
|
}
|
|
902
903
|
//#endregion
|
|
903
904
|
//#region src/primitives/Collection/DescriptorOption.tsx
|
|
904
|
-
function
|
|
905
|
-
return /* @__PURE__ */ m(
|
|
906
|
-
className:
|
|
905
|
+
function jt({ descriptor: e }) {
|
|
906
|
+
return /* @__PURE__ */ m(xe, {
|
|
907
|
+
className: X.base.item,
|
|
907
908
|
id: e.id,
|
|
908
909
|
isDisabled: e.disabled,
|
|
909
910
|
textValue: e.label,
|
|
910
|
-
children: ({ isSelected: t }) => /* @__PURE__ */ m(
|
|
911
|
+
children: ({ isSelected: t }) => /* @__PURE__ */ m(At, {
|
|
911
912
|
descriptor: e,
|
|
912
913
|
isSelected: t
|
|
913
914
|
})
|
|
@@ -915,7 +916,7 @@ function Et({ descriptor: e }) {
|
|
|
915
916
|
}
|
|
916
917
|
//#endregion
|
|
917
918
|
//#region src/primitives/ComboBox/ComboBox.tsx
|
|
918
|
-
var
|
|
919
|
+
var Mt = {
|
|
919
920
|
base: {
|
|
920
921
|
group: "breeze:relative breeze:inline-flex breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:items-stretch breeze:overflow-hidden breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:has-[input[data-focus-visible]]:outline-2 breeze:has-[input[data-focus-visible]]:outline-solid breeze:has-[input[data-focus-visible]]:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:bg-breeze-sunken breeze:data-[invalid]:border-breeze-danger",
|
|
921
922
|
input: "breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:flex-1 breeze:border-0 breeze:bg-transparent breeze:ps-breeze-3 breeze:pe-breeze-2 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:text-breeze-ink breeze:outline-none breeze:placeholder:text-breeze-ink-3 breeze:data-[hovered]:border-transparent breeze:data-[focus-visible]:!outline-none breeze:data-[invalid]:border-transparent breeze:disabled:cursor-not-allowed breeze:read-only:cursor-default",
|
|
@@ -933,31 +934,31 @@ var Dt = {
|
|
|
933
934
|
},
|
|
934
935
|
variant: {}
|
|
935
936
|
};
|
|
936
|
-
function
|
|
937
|
+
function Nt(e, t, n, r) {
|
|
937
938
|
let i = t.find(({ item: t }) => t === e);
|
|
938
939
|
if (i) return i;
|
|
939
940
|
if (r && typeof e == "string") return;
|
|
940
941
|
let { id: a } = n(e);
|
|
941
942
|
return t.find((e) => e.descriptor.id === a);
|
|
942
943
|
}
|
|
943
|
-
function
|
|
944
|
+
function Pt(e, t, n, r) {
|
|
944
945
|
if (e !== void 0) return e === null || r && typeof e == "string" && !t ? null : t?.id ?? n(e).id;
|
|
945
946
|
}
|
|
946
|
-
function
|
|
947
|
+
function Ft(e, t, n) {
|
|
947
948
|
if (!(e === void 0 || !n)) return t ? t.descriptor.label : typeof e == "string" ? e : "";
|
|
948
949
|
}
|
|
949
|
-
function
|
|
950
|
+
function It(e, t, n) {
|
|
950
951
|
if (!(!n || typeof e != "string" || t)) return e;
|
|
951
952
|
}
|
|
952
|
-
function
|
|
953
|
-
return /* @__PURE__ */ m(
|
|
954
|
-
className:
|
|
953
|
+
function Lt({ items: e }) {
|
|
954
|
+
return /* @__PURE__ */ m(be, {
|
|
955
|
+
className: X.base.listBox,
|
|
955
956
|
items: e,
|
|
956
|
-
children: (e) => /* @__PURE__ */ m(
|
|
957
|
+
children: (e) => /* @__PURE__ */ m(jt, { descriptor: e.descriptor })
|
|
957
958
|
});
|
|
958
959
|
}
|
|
959
|
-
function
|
|
960
|
-
let c = a(
|
|
960
|
+
function Rt({ allowsCustomValue: e, hasSuggestions: t, isDisabled: n, isReadOnly: r, items: i, triggerRef: s }) {
|
|
961
|
+
let c = a(ge), l = n || r, u = !l && (t || e) && (c?.isOpen ?? !1);
|
|
961
962
|
return o(() => {
|
|
962
963
|
(l || !t && !e) && c?.isOpen && c.setOpen(!1);
|
|
963
964
|
}, [
|
|
@@ -965,46 +966,46 @@ function Nt({ allowsCustomValue: e, hasSuggestions: t, isDisabled: n, isReadOnly
|
|
|
965
966
|
t,
|
|
966
967
|
l,
|
|
967
968
|
c
|
|
968
|
-
]), /* @__PURE__ */ m(
|
|
969
|
-
className:
|
|
969
|
+
]), /* @__PURE__ */ m(kt, {
|
|
970
|
+
className: Mt.base.popover,
|
|
970
971
|
isOpen: u,
|
|
971
972
|
onOpenChange: (e) => c?.setOpen(e),
|
|
972
973
|
triggerRef: s,
|
|
973
|
-
children: /* @__PURE__ */ m(
|
|
974
|
+
children: /* @__PURE__ */ m(Lt, { items: i })
|
|
974
975
|
});
|
|
975
976
|
}
|
|
976
|
-
function
|
|
977
|
-
let { allowsCustomValue: t = !1, autoComplete: n, autoFocus: r, defaultValue: i, description: a, disabled: c = !1, error: d, form: f, getItem: p, id: _, items: v, label: y, loading: b = !1, name: x, onChange: S, placeholder: C, readOnly: w = !1, required: T = !1, value: E } = e, { messages: D } =
|
|
977
|
+
function zt({ props: e }) {
|
|
978
|
+
let { allowsCustomValue: t = !1, autoComplete: n, autoFocus: r, defaultValue: i, description: a, disabled: c = !1, error: d, form: f, getItem: p, id: _, items: v, label: y, loading: b = !1, name: x, onChange: S, placeholder: C, readOnly: w = !1, required: T = !1, value: E } = e, { messages: D } = U(), { contains: O } = _e({ sensitivity: "base" }), k = a?.trim() || void 0, A = d?.trim() || void 0, j = c || b, M = s(), N = `${M}-description`, ee = `${M}-error`, te = [k && N, A && ee].filter(Boolean).join(" ") || void 0, P = u(null), F = l(() => v.map((e) => {
|
|
978
979
|
let t = p(e);
|
|
979
980
|
return {
|
|
980
981
|
descriptor: t,
|
|
981
982
|
id: t.id,
|
|
982
983
|
item: e
|
|
983
984
|
};
|
|
984
|
-
}), [p, v]), I = E == null ? void 0 :
|
|
985
|
+
}), [p, v]), I = E == null ? void 0 : Nt(E, F, p, t), L = Pt(E, I, p, t), R = i == null ? void 0 : Nt(i, F, p, t), ne = Pt(i, R, p, t), re = Ft(E, I, t), z = It(i, R, t), B = u(L == null ? null : String(L)), ie = u(re ?? z ?? ""), V = u(!1), ae = S;
|
|
985
986
|
o(() => {
|
|
986
987
|
B.current = L == null ? null : String(L);
|
|
987
988
|
}, [L]);
|
|
988
989
|
let oe = (e) => {
|
|
989
990
|
if (e === null) {
|
|
990
991
|
if (B.current = null, t) {
|
|
991
|
-
let e =
|
|
992
|
-
if (
|
|
992
|
+
let e = V.current;
|
|
993
|
+
if (V.current = !1, ie.current || e) return;
|
|
993
994
|
}
|
|
994
|
-
|
|
995
|
+
ae?.(null);
|
|
995
996
|
return;
|
|
996
997
|
}
|
|
997
|
-
|
|
998
|
+
V.current = !1, B.current = String(e);
|
|
998
999
|
let n = F.find((t) => t.descriptor.id === String(e));
|
|
999
|
-
ie.current = n?.descriptor.label ?? "",
|
|
1000
|
-
},
|
|
1001
|
-
ie.current = e,
|
|
1002
|
-
},
|
|
1003
|
-
return /* @__PURE__ */ h(
|
|
1000
|
+
ie.current = n?.descriptor.label ?? "", ae?.(n?.item ?? null);
|
|
1001
|
+
}, se = (e) => {
|
|
1002
|
+
ie.current = e, V.current = !0, t && F.find((e) => e.descriptor.id === B.current)?.descriptor.label !== e && ae?.(e || null);
|
|
1003
|
+
}, H = !b && A !== void 0, ce = j ? void 0 : x;
|
|
1004
|
+
return /* @__PURE__ */ h(he, {
|
|
1004
1005
|
allowsCustomValue: t,
|
|
1005
1006
|
allowsEmptyCollection: t,
|
|
1006
1007
|
"aria-label": b ? y : void 0,
|
|
1007
|
-
className:
|
|
1008
|
+
className: K.base.root,
|
|
1008
1009
|
defaultFilter: O,
|
|
1009
1010
|
defaultInputValue: z,
|
|
1010
1011
|
defaultItems: F,
|
|
@@ -1013,48 +1014,48 @@ function Pt({ props: e }) {
|
|
|
1013
1014
|
id: _,
|
|
1014
1015
|
inputValue: re,
|
|
1015
1016
|
isDisabled: j,
|
|
1016
|
-
isInvalid:
|
|
1017
|
+
isInvalid: H,
|
|
1017
1018
|
isReadOnly: w,
|
|
1018
1019
|
isRequired: T,
|
|
1019
1020
|
menuTrigger: "input",
|
|
1020
|
-
name:
|
|
1021
|
-
onInputChange:
|
|
1021
|
+
name: ce,
|
|
1022
|
+
onInputChange: se,
|
|
1022
1023
|
onChange: oe,
|
|
1023
1024
|
value: L,
|
|
1024
1025
|
validationBehavior: "aria",
|
|
1025
1026
|
children: [
|
|
1026
|
-
/* @__PURE__ */ m(
|
|
1027
|
+
/* @__PURE__ */ m(ut, {
|
|
1027
1028
|
label: y,
|
|
1028
1029
|
loading: b
|
|
1029
1030
|
}),
|
|
1030
|
-
/* @__PURE__ */ h(
|
|
1031
|
-
className:
|
|
1031
|
+
/* @__PURE__ */ h(ve, {
|
|
1032
|
+
className: q(Mt.base.group, b && Mt.state.loadingGroup, w && Mt.state.readOnlyGroup),
|
|
1032
1033
|
isDisabled: j,
|
|
1033
|
-
isInvalid:
|
|
1034
|
+
isInvalid: H,
|
|
1034
1035
|
isReadOnly: w,
|
|
1035
1036
|
ref: P,
|
|
1036
1037
|
children: [
|
|
1037
|
-
/* @__PURE__ */ m(
|
|
1038
|
+
/* @__PURE__ */ m(ye, {
|
|
1038
1039
|
"aria-busy": b || void 0,
|
|
1039
1040
|
"aria-describedby": te,
|
|
1040
1041
|
autoComplete: n,
|
|
1041
1042
|
autoFocus: r,
|
|
1042
|
-
className:
|
|
1043
|
+
className: q(Mt.base.input, b && Mt.state.loadingInput),
|
|
1043
1044
|
form: f,
|
|
1044
1045
|
placeholder: C,
|
|
1045
1046
|
readOnly: w || void 0
|
|
1046
1047
|
}),
|
|
1047
1048
|
/* @__PURE__ */ m(g, {
|
|
1048
1049
|
"aria-describedby": te,
|
|
1049
|
-
className:
|
|
1050
|
-
children: /* @__PURE__ */ m(
|
|
1050
|
+
className: q(Mt.base.trigger, b && Mt.state.loadingTrigger),
|
|
1051
|
+
children: /* @__PURE__ */ m(J, {
|
|
1051
1052
|
name: "expand",
|
|
1052
1053
|
size: "sm"
|
|
1053
1054
|
})
|
|
1054
1055
|
}),
|
|
1055
1056
|
b && /* @__PURE__ */ m("span", {
|
|
1056
|
-
className:
|
|
1057
|
-
children: /* @__PURE__ */ m(
|
|
1057
|
+
className: Mt.base.skeleton,
|
|
1058
|
+
children: /* @__PURE__ */ m(W, {
|
|
1058
1059
|
blockSize: "100%",
|
|
1059
1060
|
inlineSize: "100%",
|
|
1060
1061
|
label: D.loading,
|
|
@@ -1063,7 +1064,7 @@ function Pt({ props: e }) {
|
|
|
1063
1064
|
})
|
|
1064
1065
|
]
|
|
1065
1066
|
}),
|
|
1066
|
-
/* @__PURE__ */ m(
|
|
1067
|
+
/* @__PURE__ */ m(Rt, {
|
|
1067
1068
|
allowsCustomValue: t,
|
|
1068
1069
|
hasSuggestions: F.length > 0,
|
|
1069
1070
|
isDisabled: j,
|
|
@@ -1071,7 +1072,7 @@ function Pt({ props: e }) {
|
|
|
1071
1072
|
items: F,
|
|
1072
1073
|
triggerRef: P
|
|
1073
1074
|
}),
|
|
1074
|
-
/* @__PURE__ */ m(
|
|
1075
|
+
/* @__PURE__ */ m(dt, {
|
|
1075
1076
|
description: k,
|
|
1076
1077
|
descriptionId: N,
|
|
1077
1078
|
error: A,
|
|
@@ -1081,12 +1082,12 @@ function Pt({ props: e }) {
|
|
|
1081
1082
|
]
|
|
1082
1083
|
});
|
|
1083
1084
|
}
|
|
1084
|
-
function
|
|
1085
|
-
return /* @__PURE__ */ m(
|
|
1085
|
+
function Bt(e) {
|
|
1086
|
+
return /* @__PURE__ */ m(zt, { props: e });
|
|
1086
1087
|
}
|
|
1087
1088
|
//#endregion
|
|
1088
1089
|
//#region src/primitives/Container/Container.tsx
|
|
1089
|
-
var
|
|
1090
|
+
var Vt = {
|
|
1090
1091
|
base: { container: "breeze:mx-auto breeze:inline-size-full breeze:min-inline-size-0" },
|
|
1091
1092
|
compound: {},
|
|
1092
1093
|
size: {
|
|
@@ -1097,21 +1098,21 @@ var It = {
|
|
|
1097
1098
|
state: { padded: "breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:breeze-md:ps-breeze-7 breeze:breeze-md:pe-breeze-7" },
|
|
1098
1099
|
variant: {}
|
|
1099
1100
|
};
|
|
1100
|
-
function
|
|
1101
|
-
let { accessibleLabel: o, role: s } =
|
|
1101
|
+
function Ht({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
|
|
1102
|
+
let { accessibleLabel: o, role: s } = st(e, n);
|
|
1102
1103
|
return r(n, {
|
|
1103
1104
|
"aria-label": o,
|
|
1104
1105
|
className: [
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
i &&
|
|
1106
|
+
Vt.base.container,
|
|
1107
|
+
Vt.size[a],
|
|
1108
|
+
i && Vt.state.padded
|
|
1108
1109
|
].filter(Boolean).join(" "),
|
|
1109
1110
|
role: s
|
|
1110
1111
|
}, t);
|
|
1111
1112
|
}
|
|
1112
1113
|
//#endregion
|
|
1113
1114
|
//#region src/primitives/Typography/Typography.tsx
|
|
1114
|
-
var
|
|
1115
|
+
var Ut = {
|
|
1115
1116
|
base: { text: "breeze:m-0 breeze:font-breeze-sans" },
|
|
1116
1117
|
compound: {},
|
|
1117
1118
|
size: {},
|
|
@@ -1147,10 +1148,10 @@ var Rt = {
|
|
|
1147
1148
|
}
|
|
1148
1149
|
}
|
|
1149
1150
|
};
|
|
1150
|
-
function
|
|
1151
|
+
function Wt(e) {
|
|
1151
1152
|
return e === "heading" ? "h2" : e === "title" ? "h3" : e === "body" ? "p" : "span";
|
|
1152
1153
|
}
|
|
1153
|
-
function
|
|
1154
|
+
function Gt(e, t, n, r) {
|
|
1154
1155
|
let i;
|
|
1155
1156
|
try {
|
|
1156
1157
|
i = new Intl.NumberFormat(n, {
|
|
@@ -1164,7 +1165,7 @@ function Bt(e, t, n, r) {
|
|
|
1164
1165
|
}
|
|
1165
1166
|
return i.map((e) => e.type === "minusSign" ? "−" : e.value).join("");
|
|
1166
1167
|
}
|
|
1167
|
-
function
|
|
1168
|
+
function Kt(e, t, n) {
|
|
1168
1169
|
let r;
|
|
1169
1170
|
try {
|
|
1170
1171
|
r = y(e).toDate("UTC");
|
|
@@ -1176,15 +1177,15 @@ function Vt(e, t, n) {
|
|
|
1176
1177
|
timeZone: "UTC"
|
|
1177
1178
|
}).format(r);
|
|
1178
1179
|
}
|
|
1179
|
-
function
|
|
1180
|
-
return e.loading ? /* @__PURE__ */ m(
|
|
1180
|
+
function qt(e, t, n) {
|
|
1181
|
+
return e.loading ? /* @__PURE__ */ m(W, {
|
|
1181
1182
|
blockSize: "1lh",
|
|
1182
1183
|
inlineSize: "8em",
|
|
1183
1184
|
label: n
|
|
1184
|
-
}) : e.format === "currency" ?
|
|
1185
|
+
}) : e.format === "currency" ? Gt(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? Kt(e.value, t, e.dateStyle) : e.children;
|
|
1185
1186
|
}
|
|
1186
|
-
function
|
|
1187
|
-
let { locale: t, messages: n } =
|
|
1187
|
+
function Jt(e) {
|
|
1188
|
+
let { locale: t, messages: n } = U(), { "aria-label": i, align: a, children: o, element: s, format: c, id: l, loading: u = !1, numeric: d = !1, tone: f = "default", truncate: g = !1, variant: _ = "body" } = e, v = s ?? Wt(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || d ? "end" : "start"), x = a !== void 0 || _ === "money" || d, S = qt(e, t, n.loading), C = c !== void 0 || typeof o == "string" || typeof o == "number", w = !u && y !== void 0 && !C && [
|
|
1188
1189
|
"h1",
|
|
1189
1190
|
"h2",
|
|
1190
1191
|
"h3",
|
|
@@ -1193,18 +1194,18 @@ function Ut(e) {
|
|
|
1193
1194
|
return !u && y !== void 0 && C && (S = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
|
|
1194
1195
|
"aria-hidden": "true",
|
|
1195
1196
|
children: S
|
|
1196
|
-
}), /* @__PURE__ */ m(
|
|
1197
|
+
}), /* @__PURE__ */ m(Ye, { children: y })] })), r(v, {
|
|
1197
1198
|
"aria-busy": u || void 0,
|
|
1198
1199
|
"aria-label": T || w ? y : void 0,
|
|
1199
1200
|
className: [
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
x &&
|
|
1205
|
-
u && v === "span" && !x &&
|
|
1206
|
-
d && _ !== "money" &&
|
|
1207
|
-
g &&
|
|
1201
|
+
Ut.base.text,
|
|
1202
|
+
Ut.variant.role[_],
|
|
1203
|
+
Ut.variant.tone[f],
|
|
1204
|
+
Ut.variant.align[b],
|
|
1205
|
+
x && Ut.state.aligned,
|
|
1206
|
+
u && v === "span" && !x && Ut.state.inlineLoading,
|
|
1207
|
+
d && _ !== "money" && Ut.state.numeric,
|
|
1208
|
+
g && Ut.state.truncate
|
|
1208
1209
|
].filter(Boolean).join(" "),
|
|
1209
1210
|
id: l,
|
|
1210
1211
|
lang: t,
|
|
@@ -1213,7 +1214,7 @@ function Ut(e) {
|
|
|
1213
1214
|
}
|
|
1214
1215
|
//#endregion
|
|
1215
1216
|
//#region src/primitives/DatePicker/DatePicker.tsx
|
|
1216
|
-
var
|
|
1217
|
+
var Yt = {
|
|
1217
1218
|
base: {
|
|
1218
1219
|
popover: "breeze:!inline-size-[360px] breeze:max-inline-size-[calc(100vw_-_24px)] breeze:p-breeze-3 breeze:any-pointer-coarse:!p-0 breeze-date-picker-popover",
|
|
1219
1220
|
trigger: "breeze:flex breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:items-center breeze:justify-between breeze:gap-breeze-3 breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:text-breeze-ink breeze:outline-offset-2 breeze:data-[hovered]:border-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[invalid]:border-breeze-danger breeze:disabled:cursor-not-allowed breeze:disabled:bg-breeze-sunken breeze:disabled:opacity-60",
|
|
@@ -1224,11 +1225,11 @@ var Wt = {
|
|
|
1224
1225
|
state: {},
|
|
1225
1226
|
variant: {}
|
|
1226
1227
|
};
|
|
1227
|
-
function
|
|
1228
|
+
function Xt({ placeholder: e, placeholderLocale: t, value: n, valueId: r }) {
|
|
1228
1229
|
return /* @__PURE__ */ m("span", {
|
|
1229
|
-
className:
|
|
1230
|
+
className: Yt.base.value,
|
|
1230
1231
|
id: r,
|
|
1231
|
-
children: n ? /* @__PURE__ */ m(
|
|
1232
|
+
children: n ? /* @__PURE__ */ m(Jt, {
|
|
1232
1233
|
element: "span",
|
|
1233
1234
|
format: "date",
|
|
1234
1235
|
value: n
|
|
@@ -1238,7 +1239,7 @@ function Gt({ placeholder: e, placeholderLocale: t, value: n, valueId: r }) {
|
|
|
1238
1239
|
})
|
|
1239
1240
|
});
|
|
1240
1241
|
}
|
|
1241
|
-
function
|
|
1242
|
+
function Zt(e, t, n, r) {
|
|
1242
1243
|
let i = e.getBoundingClientRect().top, { top: a } = t.getBoundingClientRect(), o = a + t.clientTop, s = Math.max(o, 0), c = Math.min(o + t.clientHeight, r);
|
|
1243
1244
|
if (c <= s) return;
|
|
1244
1245
|
let l = Math.max(s + 8, c - n), u = 0;
|
|
@@ -1246,18 +1247,18 @@ function Kt(e, t, n, r) {
|
|
|
1246
1247
|
let d = t.scrollHeight - t.clientHeight, f = Math.round(Math.max(0, Math.min(d, t.scrollTop + u)));
|
|
1247
1248
|
return f === t.scrollTop ? void 0 : f;
|
|
1248
1249
|
}
|
|
1249
|
-
function
|
|
1250
|
+
function Qt(e) {
|
|
1250
1251
|
let t = e.ownerDocument.documentElement.clientHeight, n = !1;
|
|
1251
1252
|
for (let r = e.parentElement; r !== null; r = r.parentElement) {
|
|
1252
1253
|
let { overflowY: i } = getComputedStyle(r);
|
|
1253
1254
|
if (["auto", "scroll"].includes(i) && r.scrollHeight > r.clientHeight) {
|
|
1254
|
-
let i =
|
|
1255
|
+
let i = Zt(e, r, 400, t);
|
|
1255
1256
|
i !== void 0 && (r.scrollTop = i, n = !0);
|
|
1256
1257
|
}
|
|
1257
1258
|
}
|
|
1258
1259
|
return n;
|
|
1259
1260
|
}
|
|
1260
|
-
function
|
|
1261
|
+
function $t({ calendarKey: e, dialogId: t, disabled: n, isOpen: r, label: i, onChange: a, onOpenChange: s, triggerRef: c, value: l }) {
|
|
1261
1262
|
let d = u(null);
|
|
1262
1263
|
return o(() => {
|
|
1263
1264
|
if (!r) return;
|
|
@@ -1274,28 +1275,28 @@ function Jt({ calendarKey: e, dialogId: t, disabled: n, isOpen: r, label: i, onC
|
|
|
1274
1275
|
attributeFilter: ["data-breeze-interactive", "inert"],
|
|
1275
1276
|
attributes: !0
|
|
1276
1277
|
}), n() && i.disconnect(), () => i.disconnect();
|
|
1277
|
-
}, [r, c]), /* @__PURE__ */ m(
|
|
1278
|
-
className:
|
|
1278
|
+
}, [r, c]), /* @__PURE__ */ m(kt, {
|
|
1279
|
+
className: Yt.base.popover,
|
|
1279
1280
|
containerPadding: 4,
|
|
1280
1281
|
isOpen: r,
|
|
1281
1282
|
onOpenChange: s,
|
|
1282
1283
|
triggerRef: c,
|
|
1283
|
-
children: /* @__PURE__ */ m(
|
|
1284
|
+
children: /* @__PURE__ */ m(Ee, {
|
|
1284
1285
|
"aria-label": i,
|
|
1285
1286
|
id: t,
|
|
1286
1287
|
ref: d,
|
|
1287
|
-
children: /* @__PURE__ */ m(
|
|
1288
|
+
children: /* @__PURE__ */ m(at, {
|
|
1288
1289
|
autoFocus: r,
|
|
1289
1290
|
disabled: n,
|
|
1290
1291
|
label: i,
|
|
1291
1292
|
onChange: a,
|
|
1292
|
-
value: l == null ? null :
|
|
1293
|
+
value: l == null ? null : rt(l)
|
|
1293
1294
|
}, e)
|
|
1294
1295
|
})
|
|
1295
1296
|
});
|
|
1296
1297
|
}
|
|
1297
|
-
function
|
|
1298
|
-
let { getMessageLocale: C, messages: w } =
|
|
1298
|
+
function en({ autoFocus: e = !1, defaultValue: t, description: n, disabled: i = !1, error: a, form: l, id: f, label: p, loading: _ = !1, name: v, onChange: y, placeholder: b, required: x = !0, value: S }) {
|
|
1299
|
+
let { getMessageLocale: C, messages: w } = U(), T = b ?? w.selectDate, E = b === void 0 ? C("selectDate") : void 0, D = n?.trim() || void 0, O = a?.trim() || void 0, k = i || _, A = !_ && O !== void 0, j = s(), M = `${j}-label`, N = `${j}-value`, ee = `${j}-dialog`, te = D ? `${j}-description` : void 0, P = O ? `${j}-error` : void 0, F = x ? `${j}-required` : void 0, I = f ?? `${j}-trigger`, L = u(null), R = u(!1), [ne, re] = d(t), [z, B] = d(!1), [ie, V] = d(0), [ae, oe] = d(!1), se = S === void 0 ? ne : S, H = k || ae, ce = [
|
|
1299
1300
|
te,
|
|
1300
1301
|
_ ? void 0 : P,
|
|
1301
1302
|
F
|
|
@@ -1323,20 +1324,20 @@ function Yt({ autoFocus: e = !1, defaultValue: t, description: n, disabled: i =
|
|
|
1323
1324
|
};
|
|
1324
1325
|
return document.addEventListener("reset", e, !0), () => document.removeEventListener("reset", e, !0);
|
|
1325
1326
|
}, [t, S]), o(() => {
|
|
1326
|
-
|
|
1327
|
-
}, [
|
|
1328
|
-
if (!e ||
|
|
1327
|
+
H && z && B(!1);
|
|
1328
|
+
}, [H, z]), o(() => {
|
|
1329
|
+
if (!e || H || R.current) return;
|
|
1329
1330
|
let t = L.current;
|
|
1330
1331
|
!t || t.matches(":disabled") || (t.focus(), R.current = t.ownerDocument.activeElement === t);
|
|
1331
|
-
}, [e,
|
|
1332
|
-
let
|
|
1333
|
-
e && (
|
|
1332
|
+
}, [e, H]);
|
|
1333
|
+
let le = z && !H, ue = (e) => {
|
|
1334
|
+
e && (H || L.current?.matches(":disabled")) || (e && !z && V((e) => e + 1), B(e));
|
|
1334
1335
|
};
|
|
1335
1336
|
return /* @__PURE__ */ h("div", {
|
|
1336
|
-
className:
|
|
1337
|
+
className: K.base.root,
|
|
1337
1338
|
"data-required": x || void 0,
|
|
1338
1339
|
children: [
|
|
1339
|
-
/* @__PURE__ */ m(
|
|
1340
|
+
/* @__PURE__ */ m(ut, {
|
|
1340
1341
|
htmlFor: I,
|
|
1341
1342
|
id: M,
|
|
1342
1343
|
label: p,
|
|
@@ -1344,32 +1345,32 @@ function Yt({ autoFocus: e = !1, defaultValue: t, description: n, disabled: i =
|
|
|
1344
1345
|
onClick: () => L.current?.focus()
|
|
1345
1346
|
}),
|
|
1346
1347
|
/* @__PURE__ */ h("span", {
|
|
1347
|
-
className:
|
|
1348
|
+
className: K.base.control,
|
|
1348
1349
|
children: [/* @__PURE__ */ h(g, {
|
|
1349
|
-
className:
|
|
1350
|
+
className: q(Yt.base.trigger, A && "breeze:border-breeze-danger", _ && "breeze:!opacity-0"),
|
|
1350
1351
|
isDisabled: k,
|
|
1351
1352
|
onPress: () => {
|
|
1352
|
-
if (
|
|
1353
|
-
|
|
1353
|
+
if (le) {
|
|
1354
|
+
ue(!1);
|
|
1354
1355
|
return;
|
|
1355
1356
|
}
|
|
1356
1357
|
let e = L.current;
|
|
1357
|
-
if (!(!e ||
|
|
1358
|
-
if (
|
|
1359
|
-
typeof requestAnimationFrame > "u" ? setTimeout(() =>
|
|
1358
|
+
if (!(!e || H || e.matches(":disabled"))) {
|
|
1359
|
+
if (Qt(e)) {
|
|
1360
|
+
typeof requestAnimationFrame > "u" ? setTimeout(() => ue(!0), 0) : requestAnimationFrame(() => ue(!0));
|
|
1360
1361
|
return;
|
|
1361
1362
|
}
|
|
1362
|
-
|
|
1363
|
+
ue(!0);
|
|
1363
1364
|
}
|
|
1364
1365
|
},
|
|
1365
1366
|
ref: L,
|
|
1366
1367
|
render: (e) => r("button", {
|
|
1367
1368
|
...e,
|
|
1368
1369
|
"aria-busy": _ || void 0,
|
|
1369
|
-
"aria-controls":
|
|
1370
|
-
"aria-describedby":
|
|
1370
|
+
"aria-controls": le ? ee : void 0,
|
|
1371
|
+
"aria-describedby": ce,
|
|
1371
1372
|
"aria-errormessage": _ ? void 0 : P,
|
|
1372
|
-
"aria-expanded":
|
|
1373
|
+
"aria-expanded": le,
|
|
1373
1374
|
"aria-haspopup": "dialog",
|
|
1374
1375
|
"aria-invalid": A || void 0,
|
|
1375
1376
|
"aria-label": _ ? p : void 0,
|
|
@@ -1379,18 +1380,18 @@ function Yt({ autoFocus: e = !1, defaultValue: t, description: n, disabled: i =
|
|
|
1379
1380
|
id: I,
|
|
1380
1381
|
type: "button"
|
|
1381
1382
|
}),
|
|
1382
|
-
children: [/* @__PURE__ */ m(
|
|
1383
|
+
children: [/* @__PURE__ */ m(Xt, {
|
|
1383
1384
|
placeholder: T,
|
|
1384
1385
|
placeholderLocale: E,
|
|
1385
|
-
value:
|
|
1386
|
+
value: se,
|
|
1386
1387
|
valueId: N
|
|
1387
|
-
}), /* @__PURE__ */ m(
|
|
1388
|
+
}), /* @__PURE__ */ m(J, {
|
|
1388
1389
|
name: "calendar",
|
|
1389
1390
|
size: "sm"
|
|
1390
1391
|
})]
|
|
1391
1392
|
}), _ && /* @__PURE__ */ m("span", {
|
|
1392
|
-
className:
|
|
1393
|
-
children: /* @__PURE__ */ m(
|
|
1393
|
+
className: K.base.skeleton,
|
|
1394
|
+
children: /* @__PURE__ */ m(W, {
|
|
1394
1395
|
blockSize: "100%",
|
|
1395
1396
|
inlineSize: "100%",
|
|
1396
1397
|
label: w.loading,
|
|
@@ -1403,7 +1404,7 @@ function Yt({ autoFocus: e = !1, defaultValue: t, description: n, disabled: i =
|
|
|
1403
1404
|
form: l,
|
|
1404
1405
|
name: v,
|
|
1405
1406
|
type: "hidden",
|
|
1406
|
-
value:
|
|
1407
|
+
value: se ?? ""
|
|
1407
1408
|
}),
|
|
1408
1409
|
x && /* @__PURE__ */ m("span", {
|
|
1409
1410
|
className: "breeze:sr-only",
|
|
@@ -1411,31 +1412,31 @@ function Yt({ autoFocus: e = !1, defaultValue: t, description: n, disabled: i =
|
|
|
1411
1412
|
lang: C("required"),
|
|
1412
1413
|
children: w.required
|
|
1413
1414
|
}),
|
|
1414
|
-
/* @__PURE__ */ m(
|
|
1415
|
+
/* @__PURE__ */ m($t, {
|
|
1415
1416
|
calendarKey: ie,
|
|
1416
1417
|
dialogId: ee,
|
|
1417
|
-
disabled:
|
|
1418
|
-
isOpen:
|
|
1418
|
+
disabled: H,
|
|
1419
|
+
isOpen: le,
|
|
1419
1420
|
label: p,
|
|
1420
1421
|
onChange: (e) => {
|
|
1421
|
-
if (!e ||
|
|
1422
|
+
if (!e || H || L.current?.matches(":disabled")) return;
|
|
1422
1423
|
let t = e.toString();
|
|
1423
|
-
S === void 0 && re(t), y?.(t),
|
|
1424
|
+
S === void 0 && re(t), y?.(t), ue(!1);
|
|
1424
1425
|
},
|
|
1425
|
-
onOpenChange:
|
|
1426
|
+
onOpenChange: ue,
|
|
1426
1427
|
triggerRef: L,
|
|
1427
|
-
value:
|
|
1428
|
+
value: se
|
|
1428
1429
|
}),
|
|
1429
|
-
/* @__PURE__ */ m(
|
|
1430
|
+
/* @__PURE__ */ m(dt, {
|
|
1430
1431
|
description: D,
|
|
1431
1432
|
descriptionId: te,
|
|
1432
1433
|
loading: _
|
|
1433
1434
|
}),
|
|
1434
1435
|
O && /* @__PURE__ */ m("p", {
|
|
1435
1436
|
"aria-hidden": _ || void 0,
|
|
1436
|
-
className:
|
|
1437
|
+
className: K.base.error,
|
|
1437
1438
|
id: P,
|
|
1438
|
-
children: _ ? /* @__PURE__ */ m(
|
|
1439
|
+
children: _ ? /* @__PURE__ */ m(W, {
|
|
1439
1440
|
blockSize: "1lh",
|
|
1440
1441
|
inlineSize: "12em",
|
|
1441
1442
|
shape: "rectangle"
|
|
@@ -1446,7 +1447,7 @@ function Yt({ autoFocus: e = !1, defaultValue: t, description: n, disabled: i =
|
|
|
1446
1447
|
}
|
|
1447
1448
|
//#endregion
|
|
1448
1449
|
//#region src/overlays/OverlaySurface.tsx
|
|
1449
|
-
var
|
|
1450
|
+
var tn = {
|
|
1450
1451
|
base: {
|
|
1451
1452
|
content: "breeze-overlay-content",
|
|
1452
1453
|
header: "breeze-overlay-header",
|
|
@@ -1461,21 +1462,21 @@ var Xt = {
|
|
|
1461
1462
|
fullscreen: "breeze-fullscreen",
|
|
1462
1463
|
popover: "breeze-popover"
|
|
1463
1464
|
}
|
|
1464
|
-
},
|
|
1465
|
-
function
|
|
1465
|
+
}, nn = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
|
|
1466
|
+
function rn(e) {
|
|
1466
1467
|
return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
|
|
1467
1468
|
}
|
|
1468
|
-
function
|
|
1469
|
+
function an(e) {
|
|
1469
1470
|
return e.dataset?.breezeOverlay !== void 0;
|
|
1470
1471
|
}
|
|
1471
|
-
function
|
|
1472
|
-
let { getMessageLocale: y, messages: b } =
|
|
1472
|
+
function on({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, onOpenChange: s, open: f, placement: g = "bottom", title: _, trigger: v }) {
|
|
1473
|
+
let { getMessageLocale: y, messages: b } = U(), x = r === "popover" || r === "fullscreen", S = Et(), C = a(xt), [w, T] = d(C === null);
|
|
1473
1474
|
o(() => T(!0), []);
|
|
1474
1475
|
let [E, D] = d(t), O = f ?? E, k = C?.open ?? !0, A = O && k, j = u(null), M = u(null), N = u(null), [ee, te] = d(!1), P = u(!1), F = u(null), I = u(null), L = u(null), R = u(null), ne = u(!1);
|
|
1475
1476
|
c(() => {
|
|
1476
|
-
if (S && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || S.ownerDocument !== document || S.getRootNode() !== document)) throw Error(
|
|
1477
|
+
if (S && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || S.ownerDocument !== document || S.getRootNode() !== document)) throw Error(nn);
|
|
1477
1478
|
}, [S]);
|
|
1478
|
-
let re = l(() => r === "fullscreen" ? { current: S } : j, [S, r]), z =
|
|
1479
|
+
let re = l(() => r === "fullscreen" ? { current: S } : j, [S, r]), z = St(r, A && w && S !== null, A || ee), B = i((e) => {
|
|
1479
1480
|
if (!e && !k) {
|
|
1480
1481
|
if (ne.current) return;
|
|
1481
1482
|
O && (ne.current = !0);
|
|
@@ -1497,11 +1498,11 @@ function en({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
|
|
|
1497
1498
|
if (r !== "popover" || !A || !n || !z.topmost || !S) return;
|
|
1498
1499
|
let e = () => {
|
|
1499
1500
|
I.current !== null && (clearTimeout(I.current), I.current = null);
|
|
1500
|
-
}, t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), i = (e) => e.button === 0, a = (e) =>
|
|
1501
|
-
i(t) && (e(), R.current = null, L.current =
|
|
1501
|
+
}, t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), i = (e) => e.button === 0, a = (e) => rn(e) && !M.current?.contains(e) && !j.current?.contains(e), o = (t) => {
|
|
1502
|
+
i(t) && (e(), R.current = null, L.current = rn(t.target) ? t.target : null);
|
|
1502
1503
|
}, s = (n) => {
|
|
1503
1504
|
if (!i(n)) return;
|
|
1504
|
-
let r = L.current, o =
|
|
1505
|
+
let r = L.current, o = rn(n.target) ? n.target : null;
|
|
1505
1506
|
!a(r) || !a(o) || (e(), I.current = setTimeout(() => {
|
|
1506
1507
|
I.current = null;
|
|
1507
1508
|
let e = R.current, n = L.current;
|
|
@@ -1510,7 +1511,7 @@ function en({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
|
|
|
1510
1511
|
}, c = () => {
|
|
1511
1512
|
e(), R.current = null, L.current = null;
|
|
1512
1513
|
}, l = (n) => {
|
|
1513
|
-
let r =
|
|
1514
|
+
let r = rn(n.target) ? n.target : null;
|
|
1514
1515
|
if (e(), a(r)) {
|
|
1515
1516
|
let e = R.current, n = L.current;
|
|
1516
1517
|
if (R.current = null, L.current = null, t(e, r) && t(e, n)) return;
|
|
@@ -1528,10 +1529,10 @@ function en({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
|
|
|
1528
1529
|
z.topmost,
|
|
1529
1530
|
A
|
|
1530
1531
|
]);
|
|
1531
|
-
let ie = C?.restoreFocus,
|
|
1532
|
+
let ie = C?.restoreFocus, V = C?.id, ae = i(() => {
|
|
1532
1533
|
let e = j.current, t = S?.ownerDocument, n = t?.activeElement;
|
|
1533
1534
|
if (!t || !S) return;
|
|
1534
|
-
let r =
|
|
1535
|
+
let r = V ? t.getElementById(V) : null;
|
|
1535
1536
|
if (!(n === t.body || n === r || n?.closest("[data-exiting]"))) return;
|
|
1536
1537
|
if (!e?.isConnected) {
|
|
1537
1538
|
ie?.();
|
|
@@ -1541,67 +1542,67 @@ function en({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
|
|
|
1541
1542
|
(!i || i.contains(e)) && !e.closest("[inert], [aria-hidden=\"true\"]") && e.focus({ preventScroll: !0 });
|
|
1542
1543
|
}, [
|
|
1543
1544
|
S,
|
|
1544
|
-
|
|
1545
|
+
V,
|
|
1545
1546
|
ie
|
|
1546
1547
|
]), oe = i(() => {
|
|
1547
1548
|
F.current !== null && (clearTimeout(F.current), F.current = null);
|
|
1548
|
-
}, []),
|
|
1549
|
+
}, []), se = i((e) => {
|
|
1549
1550
|
queueMicrotask(() => {
|
|
1550
1551
|
!e.isConnected || e.closest("[inert], [data-exiting]") || (oe(), e.focus({ preventScroll: !0 }), F.current = setTimeout(() => {
|
|
1551
1552
|
let { ownerDocument: t } = e, { activeElement: n } = t;
|
|
1552
1553
|
e.isConnected && !e.closest("[inert], [data-exiting]") && (n === e || n === t.body) && (P.current = !0, e.blur(), e.focus({ preventScroll: !0 }), P.current = !1), F.current = null;
|
|
1553
1554
|
}, 500));
|
|
1554
1555
|
});
|
|
1555
|
-
}, [oe]),
|
|
1556
|
+
}, [oe]), H = u(A);
|
|
1556
1557
|
o(() => {
|
|
1557
|
-
let e =
|
|
1558
|
-
|
|
1558
|
+
let e = H.current;
|
|
1559
|
+
H.current = A, !(!x || !A || e || !N.current) && se(N.current);
|
|
1559
1560
|
}, [
|
|
1560
|
-
|
|
1561
|
+
se,
|
|
1561
1562
|
x,
|
|
1562
1563
|
A
|
|
1563
1564
|
]);
|
|
1564
|
-
let
|
|
1565
|
+
let ce = i((e) => {
|
|
1565
1566
|
N.current = e;
|
|
1566
1567
|
let t = () => {
|
|
1567
|
-
oe(), N.current = null, te(!1), requestAnimationFrame(
|
|
1568
|
+
oe(), N.current = null, te(!1), requestAnimationFrame(ae);
|
|
1568
1569
|
};
|
|
1569
1570
|
if (!e) {
|
|
1570
1571
|
t();
|
|
1571
1572
|
return;
|
|
1572
1573
|
}
|
|
1573
|
-
return te(!0), x &&
|
|
1574
|
+
return te(!0), x && se(e), t;
|
|
1574
1575
|
}, [
|
|
1575
1576
|
oe,
|
|
1576
|
-
|
|
1577
|
+
se,
|
|
1577
1578
|
x,
|
|
1578
|
-
|
|
1579
|
-
]),
|
|
1579
|
+
ae
|
|
1580
|
+
]), le = l(() => ({
|
|
1580
1581
|
id: z.id,
|
|
1581
1582
|
open: A,
|
|
1582
|
-
restoreFocus:
|
|
1583
|
+
restoreFocus: ae
|
|
1583
1584
|
}), [
|
|
1584
1585
|
z.id,
|
|
1585
1586
|
A,
|
|
1586
|
-
|
|
1587
|
-
]),
|
|
1588
|
-
className:
|
|
1587
|
+
ae
|
|
1588
|
+
]), ue = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
|
|
1589
|
+
className: tn.base.header,
|
|
1589
1590
|
children: [/* @__PURE__ */ m("h2", {
|
|
1590
|
-
className:
|
|
1591
|
+
className: tn.base.title,
|
|
1591
1592
|
children: _
|
|
1592
1593
|
}), /* @__PURE__ */ m("span", {
|
|
1593
1594
|
lang: y("close"),
|
|
1594
|
-
children: /* @__PURE__ */ m(
|
|
1595
|
+
children: /* @__PURE__ */ m($e, {
|
|
1595
1596
|
onAction: () => B(!1),
|
|
1596
1597
|
variant: "quiet",
|
|
1597
1598
|
children: b.close
|
|
1598
1599
|
})
|
|
1599
1600
|
})]
|
|
1600
|
-
}), e] }),
|
|
1601
|
-
value:
|
|
1601
|
+
}), e] }), de = /* @__PURE__ */ m(xt, {
|
|
1602
|
+
value: le,
|
|
1602
1603
|
children: x ? /* @__PURE__ */ m("section", {
|
|
1603
1604
|
"aria-label": _,
|
|
1604
|
-
className:
|
|
1605
|
+
className: tn.base.content,
|
|
1605
1606
|
id: z.id,
|
|
1606
1607
|
onBlur: (e) => {
|
|
1607
1608
|
if (P.current) {
|
|
@@ -1609,29 +1610,29 @@ function en({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
|
|
|
1609
1610
|
return;
|
|
1610
1611
|
}
|
|
1611
1612
|
let { relatedTarget: t } = e;
|
|
1612
|
-
r === "popover" && n && z.topmost &&
|
|
1613
|
+
r === "popover" && n && z.topmost && rn(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (R.current = t);
|
|
1613
1614
|
},
|
|
1614
|
-
ref:
|
|
1615
|
+
ref: ce,
|
|
1615
1616
|
role: "dialog",
|
|
1616
1617
|
tabIndex: -1,
|
|
1617
|
-
children:
|
|
1618
|
-
}) : /* @__PURE__ */ m(
|
|
1618
|
+
children: ue
|
|
1619
|
+
}) : /* @__PURE__ */ m(Ee, {
|
|
1619
1620
|
"aria-label": _,
|
|
1620
|
-
className:
|
|
1621
|
+
className: tn.base.content,
|
|
1621
1622
|
id: z.id,
|
|
1622
|
-
ref:
|
|
1623
|
-
children:
|
|
1623
|
+
ref: ce,
|
|
1624
|
+
children: ue
|
|
1624
1625
|
})
|
|
1625
1626
|
});
|
|
1626
|
-
return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(
|
|
1627
|
+
return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m($e, {
|
|
1627
1628
|
"aria-controls": A ? z.id : void 0,
|
|
1628
1629
|
"aria-expanded": A,
|
|
1629
1630
|
"aria-haspopup": "dialog",
|
|
1630
1631
|
onAction: () => B(!x || !A),
|
|
1631
1632
|
ref: j,
|
|
1632
1633
|
children: v
|
|
1633
|
-
}), S && w && (x ? /* @__PURE__ */ m(
|
|
1634
|
-
className:
|
|
1634
|
+
}), S && w && (x ? /* @__PURE__ */ m(Se, {
|
|
1635
|
+
className: tn.variant[r],
|
|
1635
1636
|
"data-breeze-overlay": r,
|
|
1636
1637
|
"data-breeze-topmost": z.topmost,
|
|
1637
1638
|
"data-breeze-interactive": z.interactive,
|
|
@@ -1645,8 +1646,8 @@ function en({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
|
|
|
1645
1646
|
shouldCloseOnInteractOutside: (e) => r === "popover" && n && z.topmost && !j.current?.contains(e),
|
|
1646
1647
|
style: { zIndex: z.zIndex },
|
|
1647
1648
|
triggerRef: re,
|
|
1648
|
-
children:
|
|
1649
|
-
}) : /* @__PURE__ */ m(
|
|
1649
|
+
children: de
|
|
1650
|
+
}) : /* @__PURE__ */ m(Oe, {
|
|
1650
1651
|
className: "breeze-overlay-backdrop",
|
|
1651
1652
|
"data-breeze-overlay": r,
|
|
1652
1653
|
"data-breeze-scrim": z.scrim,
|
|
@@ -1657,18 +1658,18 @@ function en({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
|
|
|
1657
1658
|
isKeyboardDismissDisabled: !n || !z.topmost,
|
|
1658
1659
|
isOpen: A,
|
|
1659
1660
|
onOpenChange: B,
|
|
1660
|
-
shouldCloseOnInteractOutside: (e) => z.topmost &&
|
|
1661
|
+
shouldCloseOnInteractOutside: (e) => z.topmost && an(e),
|
|
1661
1662
|
style: { zIndex: z.zIndex },
|
|
1662
|
-
children: /* @__PURE__ */ m(
|
|
1663
|
-
className:
|
|
1664
|
-
children:
|
|
1663
|
+
children: /* @__PURE__ */ m(De, {
|
|
1664
|
+
className: tn.variant[r],
|
|
1665
|
+
children: de
|
|
1665
1666
|
})
|
|
1666
1667
|
}))] });
|
|
1667
1668
|
}
|
|
1668
1669
|
//#endregion
|
|
1669
1670
|
//#region src/primitives/Dialog/Dialog.tsx
|
|
1670
|
-
function
|
|
1671
|
-
return /* @__PURE__ */ m(
|
|
1671
|
+
function sn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
|
|
1672
|
+
return /* @__PURE__ */ m(on, {
|
|
1672
1673
|
defaultOpen: t,
|
|
1673
1674
|
dismissible: n,
|
|
1674
1675
|
onOpenChange: r,
|
|
@@ -1681,8 +1682,8 @@ function tn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
|
|
|
1681
1682
|
}
|
|
1682
1683
|
//#endregion
|
|
1683
1684
|
//#region src/primitives/Drawer/Drawer.tsx
|
|
1684
|
-
function
|
|
1685
|
-
return /* @__PURE__ */ m(
|
|
1685
|
+
function cn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
|
|
1686
|
+
return /* @__PURE__ */ m(on, {
|
|
1686
1687
|
defaultOpen: t,
|
|
1687
1688
|
dismissible: n,
|
|
1688
1689
|
onOpenChange: r,
|
|
@@ -1695,7 +1696,7 @@ function nn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
|
|
|
1695
1696
|
}
|
|
1696
1697
|
//#endregion
|
|
1697
1698
|
//#region src/primitives/Grid/Grid.tsx
|
|
1698
|
-
var
|
|
1699
|
+
var ln = {
|
|
1699
1700
|
base: { grid: "breeze:grid breeze:min-inline-size-0" },
|
|
1700
1701
|
compound: { columns: {
|
|
1701
1702
|
1: {
|
|
@@ -1731,21 +1732,21 @@ var rn = {
|
|
|
1731
1732
|
state: {},
|
|
1732
1733
|
variant: {}
|
|
1733
1734
|
};
|
|
1734
|
-
function
|
|
1735
|
-
let { accessibleLabel: s, role: c } =
|
|
1735
|
+
function un({ "aria-label": e, children: t, collapseBelow: n = "md", columns: i = 2, element: a = "div", gap: o = 4 }) {
|
|
1736
|
+
let { accessibleLabel: s, role: c } = st(e, a);
|
|
1736
1737
|
return r(a, {
|
|
1737
1738
|
"aria-label": s,
|
|
1738
1739
|
className: [
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1740
|
+
ln.base.grid,
|
|
1741
|
+
ln.compound.columns[i][n],
|
|
1742
|
+
ln.size[o]
|
|
1742
1743
|
].join(" "),
|
|
1743
1744
|
role: c
|
|
1744
1745
|
}, t);
|
|
1745
1746
|
}
|
|
1746
1747
|
//#endregion
|
|
1747
1748
|
//#region src/primitives/IconTile/IconTile.tsx
|
|
1748
|
-
var
|
|
1749
|
+
var dn = {
|
|
1749
1750
|
base: { tile: "breeze:inline-flex breeze:shrink-0 breeze:items-center breeze:justify-center" },
|
|
1750
1751
|
compound: {},
|
|
1751
1752
|
size: {
|
|
@@ -1767,15 +1768,15 @@ var on = {
|
|
|
1767
1768
|
}
|
|
1768
1769
|
}
|
|
1769
1770
|
};
|
|
1770
|
-
function
|
|
1771
|
+
function fn({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
|
|
1771
1772
|
return /* @__PURE__ */ m("span", {
|
|
1772
1773
|
className: [
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1774
|
+
dn.base.tile,
|
|
1775
|
+
dn.variant.tone[i],
|
|
1776
|
+
dn.variant.shape[n],
|
|
1777
|
+
dn.size[r]
|
|
1777
1778
|
].join(" "),
|
|
1778
|
-
children: /* @__PURE__ */ m(
|
|
1779
|
+
children: /* @__PURE__ */ m(J, {
|
|
1779
1780
|
label: e,
|
|
1780
1781
|
name: t,
|
|
1781
1782
|
size: r === "lg" ? "md" : "sm"
|
|
@@ -1784,7 +1785,7 @@ function sn({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i =
|
|
|
1784
1785
|
}
|
|
1785
1786
|
//#endregion
|
|
1786
1787
|
//#region src/primitives/Inline/Inline.tsx
|
|
1787
|
-
var
|
|
1788
|
+
var pn = {
|
|
1788
1789
|
base: { inline: "breeze:flex breeze:min-inline-size-0" },
|
|
1789
1790
|
compound: {},
|
|
1790
1791
|
size: {
|
|
@@ -1814,23 +1815,23 @@ var cn = {
|
|
|
1814
1815
|
}
|
|
1815
1816
|
}
|
|
1816
1817
|
};
|
|
1817
|
-
function
|
|
1818
|
-
let { accessibleLabel: c, role: l } =
|
|
1818
|
+
function mn({ "aria-label": e, children: t, element: n = "div", gap: i = 3, justify: a = "start", verticalAlign: o = "center", wrap: s = !1 }) {
|
|
1819
|
+
let { accessibleLabel: c, role: l } = st(e, n);
|
|
1819
1820
|
return r(n, {
|
|
1820
1821
|
"aria-label": c,
|
|
1821
1822
|
className: [
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
s &&
|
|
1823
|
+
pn.base.inline,
|
|
1824
|
+
pn.variant.align[o],
|
|
1825
|
+
pn.variant.justify[a],
|
|
1826
|
+
pn.size[i],
|
|
1827
|
+
s && pn.state.wrap
|
|
1827
1828
|
].filter(Boolean).join(" "),
|
|
1828
1829
|
role: l
|
|
1829
1830
|
}, t);
|
|
1830
1831
|
}
|
|
1831
1832
|
//#endregion
|
|
1832
1833
|
//#region src/primitives/Menu/Menu.tsx
|
|
1833
|
-
var
|
|
1834
|
+
var Z = {
|
|
1834
1835
|
base: {
|
|
1835
1836
|
badge: "breeze:ms-auto",
|
|
1836
1837
|
content: "breeze:flex breeze:min-inline-size-0 breeze:flex-1 breeze:flex-col breeze:gap-breeze-1",
|
|
@@ -1851,30 +1852,30 @@ var Q = {
|
|
|
1851
1852
|
state: {},
|
|
1852
1853
|
variant: {}
|
|
1853
1854
|
};
|
|
1854
|
-
function
|
|
1855
|
+
function hn({ descriptionId: e, descriptor: t }) {
|
|
1855
1856
|
return /* @__PURE__ */ h(p, { children: [
|
|
1856
1857
|
/* @__PURE__ */ m("span", {
|
|
1857
1858
|
"aria-hidden": "true",
|
|
1858
|
-
className:
|
|
1859
|
-
children: t.icon && /* @__PURE__ */ m(
|
|
1859
|
+
className: Z.base.icon,
|
|
1860
|
+
children: t.icon && /* @__PURE__ */ m(J, {
|
|
1860
1861
|
name: t.icon,
|
|
1861
1862
|
size: "sm"
|
|
1862
1863
|
})
|
|
1863
1864
|
}),
|
|
1864
1865
|
/* @__PURE__ */ h("span", {
|
|
1865
|
-
className:
|
|
1866
|
+
className: Z.base.content,
|
|
1866
1867
|
children: [/* @__PURE__ */ m("span", {
|
|
1867
|
-
className:
|
|
1868
|
+
className: Z.base.label,
|
|
1868
1869
|
children: t.label
|
|
1869
1870
|
}), t.description && /* @__PURE__ */ m("span", {
|
|
1870
|
-
className:
|
|
1871
|
+
className: Z.base.description,
|
|
1871
1872
|
id: e,
|
|
1872
1873
|
children: t.description
|
|
1873
1874
|
})]
|
|
1874
1875
|
}),
|
|
1875
1876
|
t.badge && /* @__PURE__ */ m("span", {
|
|
1876
|
-
className:
|
|
1877
|
-
children: /* @__PURE__ */ m(
|
|
1877
|
+
className: Z.base.badge,
|
|
1878
|
+
children: /* @__PURE__ */ m(Ze, {
|
|
1878
1879
|
"aria-label": t.badge["aria-label"],
|
|
1879
1880
|
variant: t.badge.variant,
|
|
1880
1881
|
children: t.badge.children
|
|
@@ -1882,25 +1883,25 @@ function un({ descriptionId: e, descriptor: t }) {
|
|
|
1882
1883
|
})
|
|
1883
1884
|
] });
|
|
1884
1885
|
}
|
|
1885
|
-
function
|
|
1886
|
+
function gn(e) {
|
|
1886
1887
|
if (!e.badge) return e.label;
|
|
1887
1888
|
let t = e.badge["aria-label"]?.trim() || e.badge.children;
|
|
1888
1889
|
return `${e.label}, ${t}`;
|
|
1889
1890
|
}
|
|
1890
|
-
function
|
|
1891
|
-
let { getMessageLocale: t, messages: n } =
|
|
1891
|
+
function _n({ loading: e }) {
|
|
1892
|
+
let { getMessageLocale: t, messages: n } = U();
|
|
1892
1893
|
return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m("span", {
|
|
1893
|
-
className:
|
|
1894
|
-
children: /* @__PURE__ */ m(
|
|
1894
|
+
className: Z.base.triggerLoadingStatus,
|
|
1895
|
+
children: /* @__PURE__ */ m(W, { label: n.loading })
|
|
1895
1896
|
}), /* @__PURE__ */ m("output", {
|
|
1896
1897
|
"aria-live": "polite",
|
|
1897
|
-
className:
|
|
1898
|
+
className: Z.base.triggerLoadingStatus,
|
|
1898
1899
|
lang: t("loading"),
|
|
1899
1900
|
children: e ? n.loading : ""
|
|
1900
1901
|
})] });
|
|
1901
1902
|
}
|
|
1902
|
-
function
|
|
1903
|
-
|
|
1903
|
+
function vn({ defaultOpen: e, getItem: t, items: n, loading: a = !1, onAction: o, onOpenChange: f, open: _, trigger: v, triggerIcon: y }) {
|
|
1904
|
+
U();
|
|
1904
1905
|
let [b, x] = d(e ?? !1), S = _ ?? b, C = u(null), w = u(!1), T = s(), E = l(() => n.map(t), [t, n]), D = i((e) => {
|
|
1905
1906
|
a && e || (_ === void 0 && x(e), f?.(e));
|
|
1906
1907
|
}, [
|
|
@@ -1913,12 +1914,12 @@ function pn({ defaultOpen: e, getItem: t, items: n, loading: a = !1, onAction: o
|
|
|
1913
1914
|
let e = C.current;
|
|
1914
1915
|
e && e.ownerDocument.activeElement === e.ownerDocument.body && e.focus();
|
|
1915
1916
|
}));
|
|
1916
|
-
}, [S]), /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h(
|
|
1917
|
+
}, [S]), /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h(je, {
|
|
1917
1918
|
isOpen: S,
|
|
1918
1919
|
onOpenChange: D,
|
|
1919
1920
|
children: [/* @__PURE__ */ h(g, {
|
|
1920
1921
|
"aria-haspopup": "menu",
|
|
1921
|
-
className:
|
|
1922
|
+
className: Z.base.trigger,
|
|
1922
1923
|
isPending: a,
|
|
1923
1924
|
ref: C,
|
|
1924
1925
|
render: (e) => r("button", {
|
|
@@ -1927,29 +1928,29 @@ function pn({ defaultOpen: e, getItem: t, items: n, loading: a = !1, onAction: o
|
|
|
1927
1928
|
type: "button"
|
|
1928
1929
|
}),
|
|
1929
1930
|
children: [
|
|
1930
|
-
y && /* @__PURE__ */ m(
|
|
1931
|
+
y && /* @__PURE__ */ m(J, {
|
|
1931
1932
|
name: y,
|
|
1932
1933
|
size: "sm"
|
|
1933
1934
|
}),
|
|
1934
1935
|
/* @__PURE__ */ h("span", {
|
|
1935
|
-
className:
|
|
1936
|
+
className: Z.base.triggerLabel,
|
|
1936
1937
|
children: [/* @__PURE__ */ m("span", {
|
|
1937
|
-
className: [
|
|
1938
|
+
className: [Z.base.triggerLabelContent, a && "breeze:opacity-0"].filter(Boolean).join(" "),
|
|
1938
1939
|
children: v
|
|
1939
1940
|
}), a && /* @__PURE__ */ m("span", {
|
|
1940
1941
|
"aria-hidden": "true",
|
|
1941
|
-
className:
|
|
1942
|
+
className: Z.base.triggerLabelSkeleton,
|
|
1942
1943
|
"data-breeze-skeleton": "",
|
|
1943
|
-
children: /* @__PURE__ */ m(
|
|
1944
|
+
children: /* @__PURE__ */ m(W, {})
|
|
1944
1945
|
})]
|
|
1945
1946
|
}),
|
|
1946
|
-
/* @__PURE__ */ m(
|
|
1947
|
+
/* @__PURE__ */ m(J, {
|
|
1947
1948
|
name: "expand",
|
|
1948
1949
|
size: "sm"
|
|
1949
1950
|
})
|
|
1950
1951
|
]
|
|
1951
|
-
}), /* @__PURE__ */ m(
|
|
1952
|
-
className:
|
|
1952
|
+
}), /* @__PURE__ */ m(kt, {
|
|
1953
|
+
className: Z.base.popover,
|
|
1953
1954
|
isOpen: S,
|
|
1954
1955
|
onOpenChange: D,
|
|
1955
1956
|
triggerRef: C,
|
|
@@ -1957,8 +1958,8 @@ function pn({ defaultOpen: e, getItem: t, items: n, loading: a = !1, onAction: o
|
|
|
1957
1958
|
onKeyDownCapture: (e) => {
|
|
1958
1959
|
e.key === "Escape" && (w.current = !0);
|
|
1959
1960
|
},
|
|
1960
|
-
children: /* @__PURE__ */ m(
|
|
1961
|
-
className:
|
|
1961
|
+
children: /* @__PURE__ */ m(ke, {
|
|
1962
|
+
className: Z.base.menu,
|
|
1962
1963
|
id: T,
|
|
1963
1964
|
onAction: (e) => {
|
|
1964
1965
|
let t = E.find((t) => t.id === e);
|
|
@@ -1966,14 +1967,14 @@ function pn({ defaultOpen: e, getItem: t, items: n, loading: a = !1, onAction: o
|
|
|
1966
1967
|
},
|
|
1967
1968
|
children: E.map((e, t) => {
|
|
1968
1969
|
let n = `${T}-description-${t}`;
|
|
1969
|
-
return /* @__PURE__ */ m(
|
|
1970
|
+
return /* @__PURE__ */ m(Ae, {
|
|
1970
1971
|
"aria-describedby": e.description ? n : void 0,
|
|
1971
|
-
"aria-label":
|
|
1972
|
-
className:
|
|
1972
|
+
"aria-label": gn(e),
|
|
1973
|
+
className: Z.base.item,
|
|
1973
1974
|
id: e.id,
|
|
1974
1975
|
isDisabled: e.disabled,
|
|
1975
1976
|
textValue: e.label,
|
|
1976
|
-
children: /* @__PURE__ */ m(
|
|
1977
|
+
children: /* @__PURE__ */ m(hn, {
|
|
1977
1978
|
descriptionId: n,
|
|
1978
1979
|
descriptor: e
|
|
1979
1980
|
})
|
|
@@ -1982,11 +1983,11 @@ function pn({ defaultOpen: e, getItem: t, items: n, loading: a = !1, onAction: o
|
|
|
1982
1983
|
})
|
|
1983
1984
|
})
|
|
1984
1985
|
})]
|
|
1985
|
-
}), /* @__PURE__ */ m(
|
|
1986
|
+
}), /* @__PURE__ */ m(_n, { loading: a })] });
|
|
1986
1987
|
}
|
|
1987
1988
|
//#endregion
|
|
1988
1989
|
//#region src/primitives/NumberField/NumberField.tsx
|
|
1989
|
-
var
|
|
1990
|
+
var Q = {
|
|
1990
1991
|
base: {
|
|
1991
1992
|
group: "breeze:relative breeze:inline-flex breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:inline-size-full breeze:items-stretch breeze:overflow-hidden breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:has-[input[data-focus-visible]]:outline-2 breeze:has-[input[data-focus-visible]]:outline-solid breeze:has-[input[data-focus-visible]]:outline-breeze-brand breeze:has-[input[data-invalid]]:border-breeze-danger breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:bg-breeze-sunken",
|
|
1992
1993
|
input: "breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:flex-1 breeze:border-0 breeze:rounded-none breeze:bg-transparent breeze:tabular-nums breeze:outline-none breeze:placeholder:text-breeze-ink-3 breeze:data-[hovered]:border-transparent breeze:data-[focus-visible]:!outline-none breeze:data-[invalid]:border-transparent breeze:disabled:cursor-not-allowed breeze:read-only:cursor-default",
|
|
@@ -2003,12 +2004,12 @@ var $ = {
|
|
|
2003
2004
|
},
|
|
2004
2005
|
variant: {}
|
|
2005
2006
|
};
|
|
2006
|
-
function
|
|
2007
|
-
let { messages: T } =
|
|
2008
|
-
return /* @__PURE__ */ h(
|
|
2007
|
+
function yn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, disabled: a = !1, error: o, form: s, formatOptions: c, id: l, label: u, loading: d = !1, maxValue: f, minValue: p, name: _, onChange: v, placeholder: y, readOnly: b = !1, ref: x, required: S = !1, step: C, value: w }) {
|
|
2008
|
+
let { messages: T } = U(), E = i?.trim() || void 0, D = o?.trim() || void 0, O = a || d;
|
|
2009
|
+
return /* @__PURE__ */ h(Me, {
|
|
2009
2010
|
autoFocus: t,
|
|
2010
2011
|
"aria-label": d ? u : void 0,
|
|
2011
|
-
className:
|
|
2012
|
+
className: K.base.root,
|
|
2012
2013
|
defaultValue: n,
|
|
2013
2014
|
form: s,
|
|
2014
2015
|
formatOptions: c,
|
|
@@ -2025,23 +2026,23 @@ function mn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2025
2026
|
validationBehavior: "aria",
|
|
2026
2027
|
value: w,
|
|
2027
2028
|
children: [
|
|
2028
|
-
/* @__PURE__ */ m(
|
|
2029
|
+
/* @__PURE__ */ m(ut, {
|
|
2029
2030
|
label: u,
|
|
2030
2031
|
loading: d
|
|
2031
2032
|
}),
|
|
2032
|
-
/* @__PURE__ */ h(
|
|
2033
|
-
className:
|
|
2033
|
+
/* @__PURE__ */ h(ve, {
|
|
2034
|
+
className: q(Q.base.group, b && !d && Q.state.readOnlyGroup, d && Q.state.loadingGroup),
|
|
2034
2035
|
children: [
|
|
2035
|
-
/* @__PURE__ */ m(
|
|
2036
|
+
/* @__PURE__ */ m(ye, {
|
|
2036
2037
|
"aria-busy": d || void 0,
|
|
2037
|
-
className:
|
|
2038
|
+
className: q(K.base.input, Q.base.input, d && Q.state.loadingInput),
|
|
2038
2039
|
autoComplete: e,
|
|
2039
2040
|
placeholder: y,
|
|
2040
2041
|
form: s,
|
|
2041
2042
|
ref: x
|
|
2042
2043
|
}),
|
|
2043
2044
|
/* @__PURE__ */ m(g, {
|
|
2044
|
-
className:
|
|
2045
|
+
className: q(Q.base.stepButton, d && Q.state.loadingStepButton),
|
|
2045
2046
|
render: (e) => r("button", {
|
|
2046
2047
|
...e,
|
|
2047
2048
|
"aria-hidden": d || void 0,
|
|
@@ -2052,7 +2053,7 @@ function mn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2052
2053
|
children: "−"
|
|
2053
2054
|
}),
|
|
2054
2055
|
/* @__PURE__ */ m(g, {
|
|
2055
|
-
className:
|
|
2056
|
+
className: q(Q.base.stepButton, d && Q.state.loadingStepButton),
|
|
2056
2057
|
render: (e) => r("button", {
|
|
2057
2058
|
...e,
|
|
2058
2059
|
"aria-hidden": d || void 0,
|
|
@@ -2063,8 +2064,8 @@ function mn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2063
2064
|
children: "+"
|
|
2064
2065
|
}),
|
|
2065
2066
|
d && /* @__PURE__ */ m("span", {
|
|
2066
|
-
className:
|
|
2067
|
-
children: /* @__PURE__ */ m(
|
|
2067
|
+
className: Q.base.skeleton,
|
|
2068
|
+
children: /* @__PURE__ */ m(W, {
|
|
2068
2069
|
blockSize: "100%",
|
|
2069
2070
|
inlineSize: "100%",
|
|
2070
2071
|
label: T.loading,
|
|
@@ -2073,7 +2074,7 @@ function mn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2073
2074
|
})
|
|
2074
2075
|
]
|
|
2075
2076
|
}),
|
|
2076
|
-
/* @__PURE__ */ m(
|
|
2077
|
+
/* @__PURE__ */ m(dt, {
|
|
2077
2078
|
description: E,
|
|
2078
2079
|
error: D,
|
|
2079
2080
|
loading: d
|
|
@@ -2083,8 +2084,8 @@ function mn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2083
2084
|
}
|
|
2084
2085
|
//#endregion
|
|
2085
2086
|
//#region src/primitives/Popover/Popover.tsx
|
|
2086
|
-
function
|
|
2087
|
-
return /* @__PURE__ */ m(
|
|
2087
|
+
function bn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o, placement: s }) {
|
|
2088
|
+
return /* @__PURE__ */ m(on, {
|
|
2088
2089
|
defaultOpen: t,
|
|
2089
2090
|
dismissible: n,
|
|
2090
2091
|
onOpenChange: r,
|
|
@@ -2097,33 +2098,280 @@ function hn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
|
|
|
2097
2098
|
});
|
|
2098
2099
|
}
|
|
2099
2100
|
//#endregion
|
|
2101
|
+
//#region src/primitives/RowList/RowList.tsx
|
|
2102
|
+
var $ = {
|
|
2103
|
+
base: {
|
|
2104
|
+
badge: "breeze:block breeze:inline-size-full breeze:max-inline-size-full breeze:min-inline-size-0 breeze:overflow-hidden breeze:whitespace-nowrap breeze:[&>span]:max-inline-size-full breeze:[&>span]:min-inline-size-0 breeze:[&>span]:overflow-hidden breeze:[&>span>span:first-child]:min-inline-size-0 breeze:[&>span>span:first-child]:overflow-hidden breeze:[&>span>span:first-child]:text-ellipsis",
|
|
2105
|
+
container: "breeze:min-inline-size-0 breeze:inline-size-full",
|
|
2106
|
+
content: "breeze:flex breeze:min-inline-size-0 breeze:flex-1 breeze:flex-col",
|
|
2107
|
+
description: "breeze:break-words breeze:text-breeze-xs breeze:font-normal breeze:leading-breeze-snug breeze:text-breeze-ink-3",
|
|
2108
|
+
emptyMessage: "breeze:box-border breeze:inline-size-full breeze:min-inline-size-0 breeze:px-breeze-3 breeze:py-breeze-3 breeze:text-breeze-sm breeze:text-breeze-ink-2",
|
|
2109
|
+
grid: "breeze:inline-size-full breeze:min-inline-size-0 breeze:flex breeze:flex-col breeze:gap-0",
|
|
2110
|
+
header: "breeze:box-border breeze:inline-size-full breeze:min-inline-size-0 breeze:grid breeze:grid-cols-[minmax(0,2fr)_minmax(0,1fr)_minmax(0,1fr)] breeze:items-center breeze:gap-breeze-4 breeze:border-breeze-line breeze:border-be breeze:px-breeze-3 breeze:py-breeze-2 breeze:text-breeze-xs breeze:font-medium breeze:text-breeze-ink-2 breeze:max-breeze-md:grid-cols-1 breeze:max-breeze-md:gap-breeze-1",
|
|
2111
|
+
headerLabel: "breeze:col-start-1 breeze:min-inline-size-0 breeze:break-words",
|
|
2112
|
+
icon: "breeze:block-size-breeze-4 breeze:inline-size-breeze-4 breeze:shrink-0",
|
|
2113
|
+
item: "breeze:box-border breeze:inline-size-full breeze:min-inline-size-0 breeze:grid breeze:grid-cols-[minmax(0,2fr)_minmax(0,1fr)_minmax(0,1fr)] breeze:items-center breeze:gap-breeze-4 breeze:border-breeze-line breeze:border-be breeze:px-breeze-3 breeze:py-breeze-3 breeze:text-start breeze:outline-offset-[-2px] breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-50 breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[hovered]:bg-breeze-sunken breeze:data-[pressed]:bg-breeze-sunken breeze:any-pointer-coarse:min-block-breeze-tap breeze:max-breeze-md:grid-cols-1 breeze:max-breeze-md:gap-breeze-1",
|
|
2114
|
+
label: "breeze:min-inline-size-0 breeze:break-words breeze:font-medium",
|
|
2115
|
+
leading: "breeze:col-start-1 breeze:flex breeze:min-inline-size-0 breeze:flex-col breeze:items-start breeze:gap-breeze-2",
|
|
2116
|
+
loadMore: "breeze:flex breeze:min-inline-size-0 breeze:justify-center breeze:py-breeze-3",
|
|
2117
|
+
loadingLeading: "breeze:flex breeze:min-inline-size-0 breeze:flex-col breeze:gap-breeze-2",
|
|
2118
|
+
loadingMoneyPlaceholder: "breeze:flex breeze:justify-end breeze:font-breeze-sans breeze:text-breeze-4xl breeze:font-semibold breeze:leading-breeze-tight breeze:tracking-breeze-tightest breeze:tabular-nums breeze:[&>progress]:[font:inherit]",
|
|
2119
|
+
loadingPlaceholder: "breeze:flex breeze:justify-end breeze:max-breeze-md:justify-start",
|
|
2120
|
+
loadingRow: "breeze:box-border breeze:inline-size-full breeze:min-inline-size-0 breeze:grid breeze:grid-cols-[minmax(0,2fr)_minmax(0,1fr)_minmax(0,1fr)] breeze:items-center breeze:gap-breeze-4 breeze:border-breeze-line breeze:border-be breeze:px-breeze-3 breeze:py-breeze-3 breeze:max-breeze-md:grid-cols-1 breeze:max-breeze-md:gap-breeze-1",
|
|
2121
|
+
loadingStatus: "breeze:sr-only",
|
|
2122
|
+
metadata: "breeze:col-start-2 breeze:min-inline-size-0 breeze:break-words breeze:text-end breeze:max-breeze-md:col-start-1 breeze:max-breeze-md:text-start",
|
|
2123
|
+
primary: "breeze:flex breeze:inline-size-full breeze:min-inline-size-0 breeze:items-start breeze:gap-breeze-2",
|
|
2124
|
+
section: "breeze:flex breeze:min-inline-size-0 breeze:flex-col",
|
|
2125
|
+
skeletonRows: "breeze:flex breeze:min-inline-size-0 breeze:flex-col",
|
|
2126
|
+
value: "breeze:col-start-3 breeze:min-inline-size-0 breeze:break-words breeze:text-end breeze:max-breeze-md:col-start-1 breeze:max-breeze-md:text-start"
|
|
2127
|
+
},
|
|
2128
|
+
compound: {},
|
|
2129
|
+
size: {},
|
|
2130
|
+
state: {},
|
|
2131
|
+
variant: {}
|
|
2132
|
+
};
|
|
2133
|
+
function xn(e) {
|
|
2134
|
+
let t = [], n = /* @__PURE__ */ new Map();
|
|
2135
|
+
return e.forEach((e) => {
|
|
2136
|
+
if (!e.section) {
|
|
2137
|
+
t.push({
|
|
2138
|
+
descriptor: e,
|
|
2139
|
+
kind: "row"
|
|
2140
|
+
});
|
|
2141
|
+
return;
|
|
2142
|
+
}
|
|
2143
|
+
let r = n.get(e.section.id);
|
|
2144
|
+
if (r) r.items.push(e);
|
|
2145
|
+
else {
|
|
2146
|
+
let r = {
|
|
2147
|
+
id: e.section.id,
|
|
2148
|
+
items: [e],
|
|
2149
|
+
label: e.section.label
|
|
2150
|
+
};
|
|
2151
|
+
n.set(r.id, r), t.push({
|
|
2152
|
+
group: r,
|
|
2153
|
+
kind: "section"
|
|
2154
|
+
});
|
|
2155
|
+
}
|
|
2156
|
+
}), t;
|
|
2157
|
+
}
|
|
2158
|
+
function Sn() {
|
|
2159
|
+
return /* @__PURE__ */ m(W, {
|
|
2160
|
+
blockSize: "1lh",
|
|
2161
|
+
inlineSize: "min(100%, 8em)"
|
|
2162
|
+
});
|
|
2163
|
+
}
|
|
2164
|
+
var Cn = [
|
|
2165
|
+
"first",
|
|
2166
|
+
"second",
|
|
2167
|
+
"third"
|
|
2168
|
+
];
|
|
2169
|
+
function wn() {
|
|
2170
|
+
return /* @__PURE__ */ m("div", {
|
|
2171
|
+
className: $.base.skeletonRows,
|
|
2172
|
+
children: Cn.map((e) => /* @__PURE__ */ h("div", {
|
|
2173
|
+
className: $.base.loadingRow,
|
|
2174
|
+
children: [
|
|
2175
|
+
/* @__PURE__ */ h("div", {
|
|
2176
|
+
className: $.base.loadingLeading,
|
|
2177
|
+
children: [/* @__PURE__ */ m(W, {
|
|
2178
|
+
blockSize: "1lh",
|
|
2179
|
+
inlineSize: "min(100%, 9em)"
|
|
2180
|
+
}), /* @__PURE__ */ m(W, {
|
|
2181
|
+
blockSize: "1lh",
|
|
2182
|
+
inlineSize: "min(100%, 14em)"
|
|
2183
|
+
})]
|
|
2184
|
+
}),
|
|
2185
|
+
/* @__PURE__ */ m("div", {
|
|
2186
|
+
className: $.base.metadata,
|
|
2187
|
+
children: /* @__PURE__ */ m("div", {
|
|
2188
|
+
className: $.base.loadingPlaceholder,
|
|
2189
|
+
children: /* @__PURE__ */ m(W, {
|
|
2190
|
+
blockSize: "1lh",
|
|
2191
|
+
inlineSize: "min(100%, 7em)"
|
|
2192
|
+
})
|
|
2193
|
+
})
|
|
2194
|
+
}),
|
|
2195
|
+
/* @__PURE__ */ m("div", {
|
|
2196
|
+
className: $.base.value,
|
|
2197
|
+
children: /* @__PURE__ */ m("div", {
|
|
2198
|
+
className: $.base.loadingPlaceholder,
|
|
2199
|
+
children: /* @__PURE__ */ m(W, {
|
|
2200
|
+
blockSize: "1lh",
|
|
2201
|
+
inlineSize: "min(100%, 5em)"
|
|
2202
|
+
})
|
|
2203
|
+
})
|
|
2204
|
+
})
|
|
2205
|
+
]
|
|
2206
|
+
}, e))
|
|
2207
|
+
});
|
|
2208
|
+
}
|
|
2209
|
+
function Tn({ descriptor: e }) {
|
|
2210
|
+
let { metadata: t } = e;
|
|
2211
|
+
return t ? e.loading ? /* @__PURE__ */ m("div", {
|
|
2212
|
+
className: $.base.loadingPlaceholder,
|
|
2213
|
+
children: /* @__PURE__ */ m(Sn, {})
|
|
2214
|
+
}) : t.format === "date" ? /* @__PURE__ */ m(Jt, {
|
|
2215
|
+
element: "span",
|
|
2216
|
+
format: "date",
|
|
2217
|
+
dateStyle: "medium",
|
|
2218
|
+
tone: "secondary",
|
|
2219
|
+
value: t.value,
|
|
2220
|
+
variant: "caption"
|
|
2221
|
+
}) : /* @__PURE__ */ m(Jt, {
|
|
2222
|
+
element: "span",
|
|
2223
|
+
tone: "secondary",
|
|
2224
|
+
variant: "caption",
|
|
2225
|
+
children: t.value
|
|
2226
|
+
}) : null;
|
|
2227
|
+
}
|
|
2228
|
+
function En({ descriptor: e }) {
|
|
2229
|
+
let { value: t } = e;
|
|
2230
|
+
return t ? e.loading ? /* @__PURE__ */ m("div", {
|
|
2231
|
+
className: t.format === "currency" ? $.base.loadingMoneyPlaceholder : $.base.loadingPlaceholder,
|
|
2232
|
+
children: t.format === "currency" ? /* @__PURE__ */ m(W, {
|
|
2233
|
+
blockSize: "1lh",
|
|
2234
|
+
inlineSize: "min(100%, 4em)"
|
|
2235
|
+
}) : /* @__PURE__ */ m(Sn, {})
|
|
2236
|
+
}) : t.format === "currency" ? /* @__PURE__ */ m(Jt, {
|
|
2237
|
+
element: "span",
|
|
2238
|
+
format: "currency",
|
|
2239
|
+
currency: t.currency,
|
|
2240
|
+
tone: "secondary",
|
|
2241
|
+
value: t.value,
|
|
2242
|
+
variant: "money"
|
|
2243
|
+
}) : /* @__PURE__ */ m(Jt, {
|
|
2244
|
+
element: "span",
|
|
2245
|
+
tone: "secondary",
|
|
2246
|
+
variant: "body",
|
|
2247
|
+
children: t.value
|
|
2248
|
+
}) : null;
|
|
2249
|
+
}
|
|
2250
|
+
function Dn({ descriptor: e }) {
|
|
2251
|
+
return /* @__PURE__ */ h(p, { children: [
|
|
2252
|
+
/* @__PURE__ */ h("div", {
|
|
2253
|
+
className: $.base.leading,
|
|
2254
|
+
children: [/* @__PURE__ */ h("div", {
|
|
2255
|
+
className: $.base.primary,
|
|
2256
|
+
children: [e.icon && /* @__PURE__ */ m("span", {
|
|
2257
|
+
"aria-hidden": "true",
|
|
2258
|
+
className: $.base.icon,
|
|
2259
|
+
children: /* @__PURE__ */ m(J, {
|
|
2260
|
+
name: e.icon,
|
|
2261
|
+
size: "sm"
|
|
2262
|
+
})
|
|
2263
|
+
}), /* @__PURE__ */ h("span", {
|
|
2264
|
+
className: $.base.content,
|
|
2265
|
+
children: [/* @__PURE__ */ m("span", {
|
|
2266
|
+
className: $.base.label,
|
|
2267
|
+
children: e.label
|
|
2268
|
+
}), e.description && /* @__PURE__ */ m("span", {
|
|
2269
|
+
className: $.base.description,
|
|
2270
|
+
children: e.description
|
|
2271
|
+
})]
|
|
2272
|
+
})]
|
|
2273
|
+
}), e.badge && /* @__PURE__ */ m("span", {
|
|
2274
|
+
className: $.base.badge,
|
|
2275
|
+
children: /* @__PURE__ */ m(Ze, {
|
|
2276
|
+
"aria-label": e.badge["aria-label"],
|
|
2277
|
+
variant: e.badge.variant,
|
|
2278
|
+
children: e.badge.children
|
|
2279
|
+
})
|
|
2280
|
+
})]
|
|
2281
|
+
}),
|
|
2282
|
+
e.metadata && /* @__PURE__ */ m("div", {
|
|
2283
|
+
className: $.base.metadata,
|
|
2284
|
+
children: /* @__PURE__ */ m(Tn, { descriptor: e })
|
|
2285
|
+
}),
|
|
2286
|
+
e.value && /* @__PURE__ */ m("div", {
|
|
2287
|
+
className: $.base.value,
|
|
2288
|
+
children: /* @__PURE__ */ m(En, { descriptor: e })
|
|
2289
|
+
})
|
|
2290
|
+
] });
|
|
2291
|
+
}
|
|
2292
|
+
function On(e, t) {
|
|
2293
|
+
return /* @__PURE__ */ m(Fe, {
|
|
2294
|
+
className: $.base.item,
|
|
2295
|
+
id: `row:${e.id}`,
|
|
2296
|
+
isDisabled: e.disabled,
|
|
2297
|
+
onAction: () => t(e),
|
|
2298
|
+
textValue: e.label,
|
|
2299
|
+
children: /* @__PURE__ */ m(Dn, { descriptor: e })
|
|
2300
|
+
}, `row:${e.id}`);
|
|
2301
|
+
}
|
|
2302
|
+
function kn({ "aria-label": e, getItem: t, items: n, loading: r = !1, loadMore: i, onAction: a }) {
|
|
2303
|
+
let { getMessageLocale: o, messages: s } = U(), c = xn(n.map(t)), l = i?.loading ?? !1, u = r || l, d = "";
|
|
2304
|
+
return u ? d = s.loading : n.length === 0 && (d = s.noItemsToDisplay), /* @__PURE__ */ h("div", {
|
|
2305
|
+
className: $.base.container,
|
|
2306
|
+
children: [
|
|
2307
|
+
/* @__PURE__ */ m(Ne, {
|
|
2308
|
+
"aria-busy": r || void 0,
|
|
2309
|
+
"aria-label": e,
|
|
2310
|
+
className: $.base.grid,
|
|
2311
|
+
renderEmptyState: () => u ? /* @__PURE__ */ m(wn, {}) : /* @__PURE__ */ m("div", {
|
|
2312
|
+
className: $.base.emptyMessage,
|
|
2313
|
+
lang: o("noItemsToDisplay"),
|
|
2314
|
+
children: s.noItemsToDisplay
|
|
2315
|
+
}),
|
|
2316
|
+
selectionMode: "none",
|
|
2317
|
+
children: c.map((e) => e.kind === "row" ? On(e.descriptor, a) : /* @__PURE__ */ h(Ie, {
|
|
2318
|
+
className: $.base.section,
|
|
2319
|
+
id: `section:${e.group.id}`,
|
|
2320
|
+
children: [/* @__PURE__ */ m(Pe, {
|
|
2321
|
+
className: $.base.header,
|
|
2322
|
+
children: /* @__PURE__ */ m("span", {
|
|
2323
|
+
className: $.base.headerLabel,
|
|
2324
|
+
children: e.group.label
|
|
2325
|
+
})
|
|
2326
|
+
}), e.group.items.map((e) => On(e, a))]
|
|
2327
|
+
}, `section:${e.group.id}`))
|
|
2328
|
+
}),
|
|
2329
|
+
/* @__PURE__ */ m("output", {
|
|
2330
|
+
"aria-live": "polite",
|
|
2331
|
+
className: $.base.loadingStatus,
|
|
2332
|
+
lang: o(u ? "loading" : "noItemsToDisplay"),
|
|
2333
|
+
children: d
|
|
2334
|
+
}),
|
|
2335
|
+
i && /* @__PURE__ */ m("div", {
|
|
2336
|
+
className: $.base.loadMore,
|
|
2337
|
+
children: /* @__PURE__ */ m($e, {
|
|
2338
|
+
loading: l,
|
|
2339
|
+
onAction: i.onAction,
|
|
2340
|
+
variant: "quiet",
|
|
2341
|
+
children: i.label
|
|
2342
|
+
})
|
|
2343
|
+
})
|
|
2344
|
+
]
|
|
2345
|
+
});
|
|
2346
|
+
}
|
|
2347
|
+
//#endregion
|
|
2100
2348
|
//#region src/primitives/Select/Select.tsx
|
|
2101
|
-
var
|
|
2349
|
+
var An = {
|
|
2102
2350
|
base: { trigger: "breeze:flex breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:items-center breeze:justify-between breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:text-breeze-ink breeze:outline-offset-2 breeze:data-[hovered]:border-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[invalid]:border-breeze-danger breeze:disabled:cursor-not-allowed breeze:disabled:bg-breeze-sunken breeze:disabled:opacity-60" },
|
|
2103
2351
|
compound: {},
|
|
2104
2352
|
size: {},
|
|
2105
2353
|
state: { readOnlyTrigger: "breeze:cursor-default breeze:bg-breeze-sunken" },
|
|
2106
2354
|
variant: {}
|
|
2107
2355
|
};
|
|
2108
|
-
function
|
|
2109
|
-
return /* @__PURE__ */ m(
|
|
2110
|
-
className:
|
|
2356
|
+
function jn({ items: e }) {
|
|
2357
|
+
return /* @__PURE__ */ m(be, {
|
|
2358
|
+
className: X.base.listBox,
|
|
2111
2359
|
items: e,
|
|
2112
|
-
children: (e) => /* @__PURE__ */ m(
|
|
2113
|
-
className:
|
|
2360
|
+
children: (e) => /* @__PURE__ */ m(xe, {
|
|
2361
|
+
className: X.base.item,
|
|
2114
2362
|
id: e.descriptor.id,
|
|
2115
2363
|
isDisabled: e.descriptor.disabled,
|
|
2116
2364
|
textValue: e.descriptor.label,
|
|
2117
2365
|
value: e,
|
|
2118
|
-
children: ({ isSelected: t }) => /* @__PURE__ */ m(
|
|
2366
|
+
children: ({ isSelected: t }) => /* @__PURE__ */ m(At, {
|
|
2119
2367
|
descriptor: e.descriptor,
|
|
2120
2368
|
isSelected: t
|
|
2121
2369
|
})
|
|
2122
2370
|
})
|
|
2123
2371
|
});
|
|
2124
2372
|
}
|
|
2125
|
-
function
|
|
2126
|
-
let i = a(
|
|
2373
|
+
function Mn({ form: e, interactionDisabled: t, name: n, readOnly: r }) {
|
|
2374
|
+
let i = a(Re);
|
|
2127
2375
|
return !r || t || !n || i === null ? null : /* @__PURE__ */ m("input", {
|
|
2128
2376
|
form: e,
|
|
2129
2377
|
name: n,
|
|
@@ -2131,30 +2379,30 @@ function vn({ form: e, interactionDisabled: t, name: n, readOnly: r }) {
|
|
|
2131
2379
|
value: i.value === null ? "" : String(i.value)
|
|
2132
2380
|
});
|
|
2133
2381
|
}
|
|
2134
|
-
function
|
|
2135
|
-
let i = a(
|
|
2382
|
+
function Nn({ disabled: e, items: t, readOnly: n, triggerRef: r }) {
|
|
2383
|
+
let i = a(Re), s = e || n || t.length === 0, c = !s && (i?.isOpen ?? !1);
|
|
2136
2384
|
return o(() => {
|
|
2137
2385
|
s && i?.isOpen && i.setOpen(!1);
|
|
2138
|
-
}, [s, i]), /* @__PURE__ */ m(
|
|
2139
|
-
className:
|
|
2386
|
+
}, [s, i]), /* @__PURE__ */ m(kt, {
|
|
2387
|
+
className: X.base.popover,
|
|
2140
2388
|
isOpen: c,
|
|
2141
2389
|
onOpenChange: (e) => i?.setOpen(e),
|
|
2142
2390
|
triggerRef: r,
|
|
2143
|
-
children: /* @__PURE__ */ m(
|
|
2391
|
+
children: /* @__PURE__ */ m(jn, { items: t })
|
|
2144
2392
|
});
|
|
2145
2393
|
}
|
|
2146
|
-
function
|
|
2147
|
-
let { messages: T } =
|
|
2394
|
+
function Pn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, disabled: a = !1, error: o, form: c, getItem: d, id: f, items: p, label: _, loading: v = !1, name: y, onChange: b, placeholder: x, readOnly: S = !1, required: C = !1, value: w }) {
|
|
2395
|
+
let { messages: T } = U(), E = i?.trim() || void 0, D = o?.trim() || void 0, O = a || v, k = !v && D !== void 0, A = s(), j = f ?? `${A}-control`, M = u(null), N = l(() => p.map((e) => ({
|
|
2148
2396
|
descriptor: d(e),
|
|
2149
2397
|
item: e
|
|
2150
2398
|
})), [d, p]), ee;
|
|
2151
2399
|
ee = w === void 0 ? void 0 : w === null ? null : d(w).id;
|
|
2152
2400
|
let te = n == null ? null : d(n).id;
|
|
2153
|
-
return /* @__PURE__ */ h(
|
|
2401
|
+
return /* @__PURE__ */ h(Le, {
|
|
2154
2402
|
"aria-label": v ? _ : void 0,
|
|
2155
2403
|
autoComplete: e,
|
|
2156
2404
|
autoFocus: t,
|
|
2157
|
-
className:
|
|
2405
|
+
className: K.base.root,
|
|
2158
2406
|
defaultValue: te,
|
|
2159
2407
|
form: c,
|
|
2160
2408
|
id: j,
|
|
@@ -2171,16 +2419,16 @@ function bn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2171
2419
|
validationBehavior: "aria",
|
|
2172
2420
|
value: ee,
|
|
2173
2421
|
children: [
|
|
2174
|
-
/* @__PURE__ */ m(
|
|
2422
|
+
/* @__PURE__ */ m(ut, {
|
|
2175
2423
|
htmlFor: j,
|
|
2176
2424
|
label: _,
|
|
2177
2425
|
loading: v,
|
|
2178
2426
|
onClick: () => M.current?.focus()
|
|
2179
2427
|
}),
|
|
2180
2428
|
/* @__PURE__ */ h("div", {
|
|
2181
|
-
className:
|
|
2429
|
+
className: K.base.control,
|
|
2182
2430
|
children: [/* @__PURE__ */ h(g, {
|
|
2183
|
-
className:
|
|
2431
|
+
className: q(An.base.trigger, S && An.state.readOnlyTrigger, v && "breeze:!opacity-0"),
|
|
2184
2432
|
isDisabled: O,
|
|
2185
2433
|
ref: M,
|
|
2186
2434
|
render: (e) => r("button", {
|
|
@@ -2191,16 +2439,16 @@ function bn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2191
2439
|
"data-invalid": k || void 0,
|
|
2192
2440
|
type: "button"
|
|
2193
2441
|
}),
|
|
2194
|
-
children: [/* @__PURE__ */ m(
|
|
2195
|
-
className:
|
|
2442
|
+
children: [/* @__PURE__ */ m(ze, {
|
|
2443
|
+
className: q(X.base.content, "breeze:text-start"),
|
|
2196
2444
|
children: ({ isPlaceholder: e, selectedText: t }) => e ? x ?? "" : t
|
|
2197
|
-
}), /* @__PURE__ */ m(
|
|
2445
|
+
}), /* @__PURE__ */ m(J, {
|
|
2198
2446
|
name: "expand",
|
|
2199
2447
|
size: "sm"
|
|
2200
2448
|
})]
|
|
2201
2449
|
}), v && /* @__PURE__ */ m("span", {
|
|
2202
|
-
className:
|
|
2203
|
-
children: /* @__PURE__ */ m(
|
|
2450
|
+
className: K.base.skeleton,
|
|
2451
|
+
children: /* @__PURE__ */ m(W, {
|
|
2204
2452
|
blockSize: "100%",
|
|
2205
2453
|
inlineSize: "100%",
|
|
2206
2454
|
label: T.loading,
|
|
@@ -2208,19 +2456,19 @@ function bn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2208
2456
|
})
|
|
2209
2457
|
})]
|
|
2210
2458
|
}),
|
|
2211
|
-
/* @__PURE__ */ m(
|
|
2459
|
+
/* @__PURE__ */ m(Nn, {
|
|
2212
2460
|
disabled: O,
|
|
2213
2461
|
items: N,
|
|
2214
2462
|
readOnly: S,
|
|
2215
2463
|
triggerRef: M
|
|
2216
2464
|
}),
|
|
2217
|
-
/* @__PURE__ */ m(
|
|
2465
|
+
/* @__PURE__ */ m(Mn, {
|
|
2218
2466
|
form: c,
|
|
2219
2467
|
interactionDisabled: O,
|
|
2220
2468
|
name: y,
|
|
2221
2469
|
readOnly: S
|
|
2222
2470
|
}),
|
|
2223
|
-
/* @__PURE__ */ m(
|
|
2471
|
+
/* @__PURE__ */ m(dt, {
|
|
2224
2472
|
description: E,
|
|
2225
2473
|
error: D,
|
|
2226
2474
|
loading: v
|
|
@@ -2230,7 +2478,7 @@ function bn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2230
2478
|
}
|
|
2231
2479
|
//#endregion
|
|
2232
2480
|
//#region src/primitives/Separator/Separator.tsx
|
|
2233
|
-
var
|
|
2481
|
+
var Fn = {
|
|
2234
2482
|
base: { separator: "breeze:m-0 breeze:shrink-0 breeze:border-0 breeze:bg-breeze-line breeze:forced-colors:bg-[CanvasText]" },
|
|
2235
2483
|
compound: {},
|
|
2236
2484
|
size: {},
|
|
@@ -2240,15 +2488,15 @@ var xn = {
|
|
|
2240
2488
|
vertical: "breeze:block-size-full breeze:inline-size-breeze-px"
|
|
2241
2489
|
}
|
|
2242
2490
|
};
|
|
2243
|
-
function
|
|
2491
|
+
function In({ orientation: e = "horizontal" }) {
|
|
2244
2492
|
return /* @__PURE__ */ m("hr", {
|
|
2245
2493
|
"aria-orientation": e,
|
|
2246
|
-
className: [
|
|
2494
|
+
className: [Fn.base.separator, Fn.variant[e]].join(" ")
|
|
2247
2495
|
});
|
|
2248
2496
|
}
|
|
2249
2497
|
//#endregion
|
|
2250
2498
|
//#region src/primitives/Stack/Stack.tsx
|
|
2251
|
-
var
|
|
2499
|
+
var Ln = {
|
|
2252
2500
|
base: { stack: "breeze:flex breeze:min-inline-size-0 breeze:flex-col" },
|
|
2253
2501
|
compound: {},
|
|
2254
2502
|
size: {
|
|
@@ -2270,24 +2518,24 @@ var Cn = {
|
|
|
2270
2518
|
stretch: "breeze:items-stretch"
|
|
2271
2519
|
}
|
|
2272
2520
|
};
|
|
2273
|
-
function
|
|
2274
|
-
let { accessibleLabel: o, role: s } =
|
|
2521
|
+
function Rn({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
|
|
2522
|
+
let { accessibleLabel: o, role: s } = st(e, n);
|
|
2275
2523
|
return r(n, {
|
|
2276
2524
|
"aria-label": o,
|
|
2277
2525
|
className: [
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2526
|
+
Ln.base.stack,
|
|
2527
|
+
Ln.variant[a],
|
|
2528
|
+
Ln.size[i]
|
|
2281
2529
|
].join(" "),
|
|
2282
2530
|
role: s
|
|
2283
2531
|
}, t);
|
|
2284
2532
|
}
|
|
2285
2533
|
//#endregion
|
|
2286
2534
|
//#region src/primitives/TextField/TextField.tsx
|
|
2287
|
-
function
|
|
2288
|
-
let { messages: b } =
|
|
2289
|
-
return /* @__PURE__ */ h(
|
|
2290
|
-
className:
|
|
2535
|
+
function zn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, disabled: i = !1, error: a, form: o, id: s, label: c, loading: l = !1, name: u, onChange: d, placeholder: f, readOnly: p = !1, ref: g, required: _ = !1, type: v = "text", value: y }) {
|
|
2536
|
+
let { messages: b } = U(), x = r?.trim() || void 0, S = a?.trim() || void 0, C = i || l;
|
|
2537
|
+
return /* @__PURE__ */ h(Be, {
|
|
2538
|
+
className: K.base.root,
|
|
2291
2539
|
defaultValue: n,
|
|
2292
2540
|
"aria-label": l ? c : void 0,
|
|
2293
2541
|
id: s,
|
|
@@ -2301,23 +2549,23 @@ function Tn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
|
|
|
2301
2549
|
validationBehavior: "aria",
|
|
2302
2550
|
value: y,
|
|
2303
2551
|
children: [
|
|
2304
|
-
/* @__PURE__ */ m(
|
|
2552
|
+
/* @__PURE__ */ m(ut, {
|
|
2305
2553
|
label: c,
|
|
2306
2554
|
loading: l
|
|
2307
2555
|
}),
|
|
2308
2556
|
/* @__PURE__ */ h("span", {
|
|
2309
|
-
className:
|
|
2310
|
-
children: [/* @__PURE__ */ m(
|
|
2557
|
+
className: K.base.control,
|
|
2558
|
+
children: [/* @__PURE__ */ m(ye, {
|
|
2311
2559
|
"aria-busy": l || void 0,
|
|
2312
|
-
className:
|
|
2560
|
+
className: q(K.base.input, l && K.state.loadingInput),
|
|
2313
2561
|
autoComplete: e,
|
|
2314
2562
|
autoFocus: t,
|
|
2315
2563
|
form: o,
|
|
2316
2564
|
placeholder: f,
|
|
2317
2565
|
ref: g
|
|
2318
2566
|
}), l && /* @__PURE__ */ m("span", {
|
|
2319
|
-
className:
|
|
2320
|
-
children: /* @__PURE__ */ m(
|
|
2567
|
+
className: K.base.skeleton,
|
|
2568
|
+
children: /* @__PURE__ */ m(W, {
|
|
2321
2569
|
blockSize: "100%",
|
|
2322
2570
|
inlineSize: "100%",
|
|
2323
2571
|
label: b.loading,
|
|
@@ -2325,7 +2573,7 @@ function Tn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
|
|
|
2325
2573
|
})
|
|
2326
2574
|
})]
|
|
2327
2575
|
}),
|
|
2328
|
-
/* @__PURE__ */ m(
|
|
2576
|
+
/* @__PURE__ */ m(dt, {
|
|
2329
2577
|
description: x,
|
|
2330
2578
|
error: S,
|
|
2331
2579
|
loading: l
|
|
@@ -2335,18 +2583,18 @@ function Tn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
|
|
|
2335
2583
|
}
|
|
2336
2584
|
//#endregion
|
|
2337
2585
|
//#region src/primitives/Toast/Toast.tsx
|
|
2338
|
-
var
|
|
2339
|
-
function
|
|
2586
|
+
var Bn = 2600, Vn = "BreezeProvider toastLimit must be a positive integer.", Hn = "Toast components must be rendered within BreezeProvider.";
|
|
2587
|
+
function Un(e) {
|
|
2340
2588
|
return e.isIntersecting && e.intersectionRatio >= 1;
|
|
2341
2589
|
}
|
|
2342
|
-
function
|
|
2590
|
+
function Wn(e, t, n, r) {
|
|
2343
2591
|
let i = Number(e.target.dataset.breezeToastId);
|
|
2344
|
-
t.has(i) && (
|
|
2592
|
+
t.has(i) && (Un(e) ? n(i) : r(i));
|
|
2345
2593
|
}
|
|
2346
|
-
var
|
|
2347
|
-
function
|
|
2348
|
-
|
|
2349
|
-
let t = a(
|
|
2594
|
+
var Gn = n(null), Kn = n(!0), qn = n(null);
|
|
2595
|
+
function Jn({ children: e }) {
|
|
2596
|
+
U();
|
|
2597
|
+
let t = a(Kn), n = a(qn), [r, i] = d(() => n?.message ?? null);
|
|
2350
2598
|
return o(() => {
|
|
2351
2599
|
if (!t || typeof document < "u" && document.hidden || r === e) return;
|
|
2352
2600
|
let a = setTimeout(() => {
|
|
@@ -2364,15 +2612,15 @@ function Pn({ children: e }) {
|
|
|
2364
2612
|
"aria-live": "polite",
|
|
2365
2613
|
className: "breeze-toast",
|
|
2366
2614
|
role: "status",
|
|
2367
|
-
children: [/* @__PURE__ */ m(
|
|
2615
|
+
children: [/* @__PURE__ */ m(J, {
|
|
2368
2616
|
name: "check",
|
|
2369
2617
|
size: "sm"
|
|
2370
2618
|
}), /* @__PURE__ */ m("span", { children: r })]
|
|
2371
2619
|
});
|
|
2372
2620
|
}
|
|
2373
|
-
function
|
|
2374
|
-
let n =
|
|
2375
|
-
if (!Number.isInteger(t) || t < 1) throw RangeError(
|
|
2621
|
+
function Yn({ children: e, limit: t }) {
|
|
2622
|
+
let n = Et(), r = bt(), a = u(null), [s, l] = d(() => typeof document > "u" || !document.hidden), [f, p] = d([]), g = u(0), _ = u(/* @__PURE__ */ new Map()), v = u(/* @__PURE__ */ new Set()), y = u(/* @__PURE__ */ new Map());
|
|
2623
|
+
if (!Number.isInteger(t) || t < 1) throw RangeError(Vn);
|
|
2376
2624
|
let b = i((e, t) => {
|
|
2377
2625
|
let n = y.current.get(e);
|
|
2378
2626
|
n !== void 0 && (n.message = t);
|
|
@@ -2407,7 +2655,7 @@ function Fn({ children: e, limit: t }) {
|
|
|
2407
2655
|
if (!s || typeof document < "u" && document.hidden || t !== void 0 && t.handle !== null) return;
|
|
2408
2656
|
let n = t ?? {
|
|
2409
2657
|
handle: null,
|
|
2410
|
-
remaining:
|
|
2658
|
+
remaining: Bn,
|
|
2411
2659
|
startedAt: null
|
|
2412
2660
|
};
|
|
2413
2661
|
if (n.remaining <= 0) {
|
|
@@ -2441,7 +2689,7 @@ function Fn({ children: e, limit: t }) {
|
|
|
2441
2689
|
}
|
|
2442
2690
|
let o, c = setTimeout(() => {
|
|
2443
2691
|
o = new IntersectionObserver((e) => {
|
|
2444
|
-
e.forEach((e) =>
|
|
2692
|
+
e.forEach((e) => Wn(e, r, D, w));
|
|
2445
2693
|
}, { threshold: 1 }), Array.from(i.children).forEach((e) => {
|
|
2446
2694
|
e instanceof HTMLElement && e.dataset.breezeToastId !== void 0 && !e.hidden && o?.observe(e);
|
|
2447
2695
|
});
|
|
@@ -2459,11 +2707,11 @@ function Fn({ children: e, limit: t }) {
|
|
|
2459
2707
|
D
|
|
2460
2708
|
]), o(() => C, [C]);
|
|
2461
2709
|
let O = f.slice(0, t), k = new Set(O.map(({ id: e }) => e)), A = f.filter(({ id: e }) => k.has(e) || v.current.has(e));
|
|
2462
|
-
return /* @__PURE__ */ m(
|
|
2710
|
+
return /* @__PURE__ */ m(Kn, {
|
|
2463
2711
|
value: s,
|
|
2464
|
-
children: /* @__PURE__ */ h(
|
|
2712
|
+
children: /* @__PURE__ */ h(Gn, {
|
|
2465
2713
|
value: x,
|
|
2466
|
-
children: [e, n &&
|
|
2714
|
+
children: [e, n && Ve(/* @__PURE__ */ m("div", {
|
|
2467
2715
|
ref: a,
|
|
2468
2716
|
className: "breeze-toast-region",
|
|
2469
2717
|
"data-breeze-toast-region": "",
|
|
@@ -2476,11 +2724,11 @@ function Fn({ children: e, limit: t }) {
|
|
|
2476
2724
|
"aria-hidden": n ? "true" : void 0,
|
|
2477
2725
|
"data-breeze-toast-id": e,
|
|
2478
2726
|
hidden: n,
|
|
2479
|
-
children: /* @__PURE__ */ m(
|
|
2727
|
+
children: /* @__PURE__ */ m(qn, {
|
|
2480
2728
|
value: y.current.get(e) ?? null,
|
|
2481
|
-
children: /* @__PURE__ */ m(
|
|
2729
|
+
children: /* @__PURE__ */ m(Kn, {
|
|
2482
2730
|
value: s && !n,
|
|
2483
|
-
children: /* @__PURE__ */ m(
|
|
2731
|
+
children: /* @__PURE__ */ m(Jn, { children: t })
|
|
2484
2732
|
})
|
|
2485
2733
|
})
|
|
2486
2734
|
}, e);
|
|
@@ -2489,14 +2737,14 @@ function Fn({ children: e, limit: t }) {
|
|
|
2489
2737
|
})
|
|
2490
2738
|
});
|
|
2491
2739
|
}
|
|
2492
|
-
function
|
|
2493
|
-
let e = a(
|
|
2494
|
-
if (e === null) throw Error(
|
|
2740
|
+
function Xn() {
|
|
2741
|
+
let e = a(Gn);
|
|
2742
|
+
if (e === null) throw Error(Hn);
|
|
2495
2743
|
return e;
|
|
2496
2744
|
}
|
|
2497
2745
|
//#endregion
|
|
2498
2746
|
//#region src/primitives/Toggle/Toggle.tsx
|
|
2499
|
-
var
|
|
2747
|
+
var Zn = {
|
|
2500
2748
|
base: { toggle: "breeze:inline-grid breeze:items-center breeze:justify-center breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:font-breeze-sans breeze:font-semibold breeze:text-breeze-ink breeze:cursor-pointer breeze:select-none breeze:outline-offset-2 breeze:data-[hovered]:bg-breeze-sunken breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-60 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap" },
|
|
2501
2749
|
compound: {},
|
|
2502
2750
|
size: {
|
|
@@ -2507,15 +2755,15 @@ var Ln = {
|
|
|
2507
2755
|
state: { pressed: "breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
|
|
2508
2756
|
variant: {}
|
|
2509
2757
|
};
|
|
2510
|
-
function
|
|
2511
|
-
return /* @__PURE__ */ m(
|
|
2758
|
+
function Qn({ "aria-describedby": e, "aria-label": t, "aria-labelledby": n, children: r, defaultPressed: i, disabled: a = !1, id: o, loading: s = !1, onChange: c, pressed: l, ref: u, size: d = "md" }) {
|
|
2759
|
+
return /* @__PURE__ */ m(ht, {
|
|
2512
2760
|
"aria-describedby": e,
|
|
2513
2761
|
"aria-label": t,
|
|
2514
2762
|
"aria-labelledby": n,
|
|
2515
2763
|
className: [
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2764
|
+
Zn.base.toggle,
|
|
2765
|
+
Zn.size[d],
|
|
2766
|
+
Zn.state.pressed
|
|
2519
2767
|
].join(" "),
|
|
2520
2768
|
defaultPressed: i,
|
|
2521
2769
|
disabled: a,
|
|
@@ -2529,7 +2777,7 @@ function Rn({ "aria-describedby": e, "aria-label": t, "aria-labelledby": n, chil
|
|
|
2529
2777
|
}
|
|
2530
2778
|
//#endregion
|
|
2531
2779
|
//#region src/primitives/ToggleGroup/ToggleGroup.tsx
|
|
2532
|
-
var
|
|
2780
|
+
var $n = {
|
|
2533
2781
|
base: {
|
|
2534
2782
|
description: "breeze:text-breeze-2xs breeze:font-normal breeze:leading-breeze-snug breeze:text-breeze-ink-3",
|
|
2535
2783
|
group: "breeze:inline-flex breeze:items-center breeze:gap-breeze-1 breeze:rounded-breeze-ctl breeze:bg-breeze-sunken breeze:p-breeze-1 breeze:font-breeze-sans",
|
|
@@ -2547,8 +2795,8 @@ var zn = {
|
|
|
2547
2795
|
state: { selected: "breeze:data-[selected]:border-breeze-line-strong breeze:data-[selected]:bg-breeze-surface breeze:data-[selected]:text-breeze-ink breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
|
|
2548
2796
|
variant: {}
|
|
2549
2797
|
};
|
|
2550
|
-
function
|
|
2551
|
-
let { getMessageLocale: f, messages: g } =
|
|
2798
|
+
function er({ "aria-describedby": e, "aria-label": t, defaultSelected: n, disabled: r = !1, getItem: i, id: a, items: o, loading: s = !1, onChange: c, selected: l, size: u = "md" }) {
|
|
2799
|
+
let { getMessageLocale: f, messages: g } = U(), [_, v] = d(() => n == null ? null : i(n).id), y = o.map((e) => ({
|
|
2552
2800
|
descriptor: i(e),
|
|
2553
2801
|
item: e
|
|
2554
2802
|
})), b = _;
|
|
@@ -2556,18 +2804,18 @@ function Bn({ "aria-describedby": e, "aria-label": t, defaultSelected: n, disabl
|
|
|
2556
2804
|
/* @__PURE__ */ h("fieldset", {
|
|
2557
2805
|
"aria-describedby": e,
|
|
2558
2806
|
"aria-busy": s || void 0,
|
|
2559
|
-
className: `${
|
|
2807
|
+
className: `${$n.base.group} breeze:border-0 breeze:m-0 breeze:min-inline-size-0`,
|
|
2560
2808
|
disabled: r,
|
|
2561
2809
|
id: a,
|
|
2562
2810
|
children: [/* @__PURE__ */ m("legend", {
|
|
2563
2811
|
className: "breeze:sr-only",
|
|
2564
2812
|
children: t
|
|
2565
|
-
}), y.map(({ descriptor: e, item: t }) => /* @__PURE__ */ m(
|
|
2813
|
+
}), y.map(({ descriptor: e, item: t }) => /* @__PURE__ */ m(ht, {
|
|
2566
2814
|
announceLoading: !1,
|
|
2567
2815
|
className: [
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2816
|
+
$n.base.item,
|
|
2817
|
+
$n.size[u],
|
|
2818
|
+
$n.state.selected
|
|
2571
2819
|
].join(" "),
|
|
2572
2820
|
disabled: r || e.disabled === !0,
|
|
2573
2821
|
loading: s,
|
|
@@ -2576,23 +2824,23 @@ function Bn({ "aria-describedby": e, "aria-label": t, defaultSelected: n, disabl
|
|
|
2576
2824
|
},
|
|
2577
2825
|
pressed: b === e.id,
|
|
2578
2826
|
children: /* @__PURE__ */ h("span", {
|
|
2579
|
-
className:
|
|
2827
|
+
className: $n.base.optionDetails,
|
|
2580
2828
|
children: [
|
|
2581
|
-
e.icon && /* @__PURE__ */ m(
|
|
2829
|
+
e.icon && /* @__PURE__ */ m(J, {
|
|
2582
2830
|
name: e.icon,
|
|
2583
2831
|
size: "sm"
|
|
2584
2832
|
}),
|
|
2585
2833
|
/* @__PURE__ */ h("span", {
|
|
2586
|
-
className:
|
|
2834
|
+
className: $n.base.optionContent,
|
|
2587
2835
|
children: [/* @__PURE__ */ m("span", {
|
|
2588
|
-
className:
|
|
2836
|
+
className: $n.base.label,
|
|
2589
2837
|
children: e.label
|
|
2590
2838
|
}), e.description && /* @__PURE__ */ m("span", {
|
|
2591
|
-
className:
|
|
2839
|
+
className: $n.base.description,
|
|
2592
2840
|
children: e.description
|
|
2593
2841
|
})]
|
|
2594
2842
|
}),
|
|
2595
|
-
e.badge && /* @__PURE__ */ m(
|
|
2843
|
+
e.badge && /* @__PURE__ */ m(Ze, {
|
|
2596
2844
|
"aria-label": e.badge["aria-label"],
|
|
2597
2845
|
variant: e.badge.variant,
|
|
2598
2846
|
children: e.badge.children
|
|
@@ -2603,7 +2851,7 @@ function Bn({ "aria-describedby": e, "aria-label": t, defaultSelected: n, disabl
|
|
|
2603
2851
|
}),
|
|
2604
2852
|
s && /* @__PURE__ */ m("span", {
|
|
2605
2853
|
className: "breeze:sr-only",
|
|
2606
|
-
children: /* @__PURE__ */ m(
|
|
2854
|
+
children: /* @__PURE__ */ m(W, { label: g.loading })
|
|
2607
2855
|
}),
|
|
2608
2856
|
/* @__PURE__ */ m("output", {
|
|
2609
2857
|
"aria-live": "polite",
|
|
@@ -2615,23 +2863,24 @@ function Bn({ "aria-describedby": e, "aria-label": t, defaultSelected: n, disabl
|
|
|
2615
2863
|
}
|
|
2616
2864
|
//#endregion
|
|
2617
2865
|
//#region src/provider/en-GB.ts
|
|
2618
|
-
var
|
|
2866
|
+
var tr = {
|
|
2619
2867
|
appearance: "Appearance",
|
|
2620
2868
|
appearanceAutomatic: "Auto",
|
|
2621
2869
|
appearanceDark: "Dark",
|
|
2622
2870
|
appearanceLight: "Light",
|
|
2623
2871
|
close: "Close",
|
|
2624
2872
|
loading: "Loading",
|
|
2873
|
+
noItemsToDisplay: "No items to display.",
|
|
2625
2874
|
required: "Required",
|
|
2626
2875
|
selectDate: "Select a date"
|
|
2627
2876
|
};
|
|
2628
2877
|
//#endregion
|
|
2629
2878
|
//#region src/provider/BreezeProvider.tsx
|
|
2630
|
-
function
|
|
2879
|
+
function nr(e, t) {
|
|
2631
2880
|
return e === "automatic" ? t ? "dark" : "light" : e;
|
|
2632
2881
|
}
|
|
2633
|
-
function
|
|
2634
|
-
let { direction: t, locale: n } =
|
|
2882
|
+
function rr({ children: e }) {
|
|
2883
|
+
let { direction: t, locale: n } = Te();
|
|
2635
2884
|
return /* @__PURE__ */ m("div", {
|
|
2636
2885
|
"data-breeze-root": "",
|
|
2637
2886
|
dir: t,
|
|
@@ -2639,8 +2888,8 @@ function Un({ children: e }) {
|
|
|
2639
2888
|
children: e
|
|
2640
2889
|
});
|
|
2641
2890
|
}
|
|
2642
|
-
function
|
|
2643
|
-
let [p] = d(() => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)")), [h, g] = d(() => p?.matches ?? !1), [_, v] = d(n), y = e ?? _, b =
|
|
2891
|
+
function ir({ appearance: e, children: t, defaultAppearance: n = "automatic", locale: r, messages: a, onAppearanceChange: s, portalContainer: u, toastLimit: f = 3 }) {
|
|
2892
|
+
let [p] = d(() => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)")), [h, g] = d(() => p?.matches ?? !1), [_, v] = d(n), y = e ?? _, b = nr(y, h);
|
|
2644
2893
|
o(() => {
|
|
2645
2894
|
if (!p) return;
|
|
2646
2895
|
g(p.matches);
|
|
@@ -2657,22 +2906,23 @@ function Wn({ appearance: e, children: t, defaultAppearance: n = "automatic", lo
|
|
|
2657
2906
|
let x = i((t) => {
|
|
2658
2907
|
e === void 0 && v(t), s?.(t);
|
|
2659
2908
|
}, [e, s]), S = i((e) => a?.[e] === void 0 ? "en-GB" : r, [r, a]);
|
|
2660
|
-
return /* @__PURE__ */ m(
|
|
2909
|
+
return /* @__PURE__ */ m(we, {
|
|
2661
2910
|
locale: r,
|
|
2662
|
-
children: /* @__PURE__ */ m(
|
|
2911
|
+
children: /* @__PURE__ */ m(He, {
|
|
2663
2912
|
value: l(() => ({
|
|
2664
2913
|
appearance: y,
|
|
2665
2914
|
getMessageLocale: S,
|
|
2666
2915
|
locale: r,
|
|
2667
2916
|
messages: {
|
|
2668
|
-
appearance: a?.appearance ??
|
|
2669
|
-
appearanceAutomatic: a?.appearanceAutomatic ??
|
|
2670
|
-
appearanceDark: a?.appearanceDark ??
|
|
2671
|
-
appearanceLight: a?.appearanceLight ??
|
|
2672
|
-
close: a?.close ??
|
|
2673
|
-
loading: a?.loading ??
|
|
2674
|
-
|
|
2675
|
-
|
|
2917
|
+
appearance: a?.appearance ?? tr.appearance,
|
|
2918
|
+
appearanceAutomatic: a?.appearanceAutomatic ?? tr.appearanceAutomatic,
|
|
2919
|
+
appearanceDark: a?.appearanceDark ?? tr.appearanceDark,
|
|
2920
|
+
appearanceLight: a?.appearanceLight ?? tr.appearanceLight,
|
|
2921
|
+
close: a?.close ?? tr.close,
|
|
2922
|
+
loading: a?.loading ?? tr.loading,
|
|
2923
|
+
noItemsToDisplay: a?.noItemsToDisplay ?? tr.noItemsToDisplay,
|
|
2924
|
+
required: a?.required ?? tr.required,
|
|
2925
|
+
selectDate: a?.selectDate ?? tr.selectDate
|
|
2676
2926
|
},
|
|
2677
2927
|
resolvedAppearance: b,
|
|
2678
2928
|
setAppearance: x
|
|
@@ -2684,18 +2934,18 @@ function Wn({ appearance: e, children: t, defaultAppearance: n = "automatic", lo
|
|
|
2684
2934
|
b,
|
|
2685
2935
|
x
|
|
2686
2936
|
]),
|
|
2687
|
-
children: /* @__PURE__ */ m(
|
|
2937
|
+
children: /* @__PURE__ */ m(Tt, {
|
|
2688
2938
|
locale: r,
|
|
2689
2939
|
portalContainer: u,
|
|
2690
|
-
children: /* @__PURE__ */ m(
|
|
2940
|
+
children: /* @__PURE__ */ m(Yn, {
|
|
2691
2941
|
limit: f,
|
|
2692
|
-
children: /* @__PURE__ */ m(
|
|
2942
|
+
children: /* @__PURE__ */ m(rr, { children: t })
|
|
2693
2943
|
})
|
|
2694
2944
|
})
|
|
2695
2945
|
})
|
|
2696
2946
|
});
|
|
2697
2947
|
}
|
|
2698
2948
|
//#endregion
|
|
2699
|
-
export {
|
|
2949
|
+
export { Ke as AppearanceControl, Ze as Badge, ir as BreezeProvider, $e as Button, ot as Calendar, lt as Card, pt as Checkbox, _t as Chip, Bt as ComboBox, Ht as Container, en as DatePicker, sn as Dialog, cn as Drawer, un as Grid, J as Icon, fn as IconTile, mn as Inline, vn as Menu, yn as NumberField, bn as Popover, kn as RowList, Pn as Select, In as Separator, W as Skeleton, Rn as Stack, zn as TextField, Jn as Toast, Qn as Toggle, er as ToggleGroup, Jt as Typography, Ye as VisuallyHidden, Xn as useToast };
|
|
2700
2950
|
|
|
2701
2951
|
//# sourceMappingURL=index.js.map
|