@mt-gloss/ui 0.0.19 → 0.0.21
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/{Expandable-B7Umnd4T.js → Expandable-yVIypRqF.js} +4874 -4782
- package/catalog.js +19 -19
- package/index.js +1130 -962
- package/lib/composites/controls/ThresholdRamp/ThresholdRamp.d.ts +10 -1
- package/lib/composites/dashboard/QuickConfigPanel/QuickConfigPanel.d.ts +8 -3
- package/lib/composites/dashboard/QuickConfigPanel/types.d.ts +17 -3
- package/lib/primitives/dashboard/MetricCard/GutterActions.d.ts +24 -1
- package/lib/primitives/dashboard/MetricCard/StackedGroupCard.d.ts +20 -1
- package/lib/primitives/dashboard/MetricCard/overflowMenuRegistry.d.ts +25 -0
- package/lib/primitives/dashboard/MetricCardGrid/MetricCardGrid.d.ts +11 -5
- package/lib/wrappers/SortableZones/useSortableZones.d.ts +10 -2
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -1,154 +1,154 @@
|
|
|
1
|
-
import { N as
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import { B as
|
|
5
|
-
import { a as
|
|
6
|
-
import { createPortal as
|
|
7
|
-
import { DEFAULT_MARKET_PRESETS as
|
|
8
|
-
function
|
|
9
|
-
const { enabled: t = !0, returnTo:
|
|
10
|
-
return
|
|
11
|
-
t && (a.current =
|
|
12
|
-
}, [t,
|
|
1
|
+
import { N as oa, T as sa, O as ia, Q as la, b2 as da, av as ca, ad as ua, Z as ma, aj as pa, K as ga, a4 as ba, bl as fa, P as ha, B as va, a as ya, y as Ca, H as wa, be as Da, F as Na, J as Sa, A as ka, z as xa, bd as Ta, E as Ia, D as Ra, bu as _a, b as Ma, C as Pa, L as Fa, o as Ea, a9 as Oa, aJ as Aa, y as La, H as $a, F as Ba, J as Ka, A as Ga, z as Ha, E as za, D as Va, aX as Za, a_ as Wa, aZ as Ya, aY as qa, a$ as Ua, ay as ja, am as Qa, k as Xa, m as Ja, aB as er, a7 as tr, b4 as ar, a5 as rr, bm as nr, Y as or, bE as sr, bD as ir, bF as lr, al as dr, aM as cr, b6 as ur, bJ as mr, bs as pr, n as gr, ai as br, by as fr, bp as hr, a0 as vr, an as yr, a2 as Cr, bx as wr, G as Dr, d as Nr, bg as Sr, a6 as kr, bG as xr, aP as Tr, r as Ir, v as Rr, I as _r, g as Mr, as as Pr, bK as Fr, M as Er, w as Or, U as Ar, X as Lr, V as $r, W as Br, ao as Kr, bc as Gr, bM as Hr, bI as zr, ak as Vr, t as Zr, bn as Wr, aO as Yr, af as qr, aG as Ur, ac as jr, ah as Qr, aq as Xr, aN as Jr, a8 as en, ap as tn, c as an, R as rn, j as nn, p as on, aD as sn, bv as ln, bw as dn, ae as cn, aa as un, h as mn, x as pn, b3 as gn, ab as bn, bL as fn, b8 as hn, bb as vn, b9 as yn, ba as Cn, i as wn, b5 as Dn, bk as Nn, S as Sn, bh as kn, bi as xn, ar as Tn, b7 as In, bN as Rn, ag as _n, s as Mn, bH as Pn, l as Fn, f as En, q as On, _ as An, $ as Ln, a3 as $n, bf as Bn, bt as Kn, bA as Gn, aw as Hn, ax as zn, aK as Vn, aL as Zn, az as Wn, aA as Yn, aC as qn, aR as Un, aS as jn, bC as Qn, bB as Xn, aU as Jn, aV as eo, at as to, au as ao, b1 as ro, b0 as no, aW as oo, aH as so, aI as io, aT as lo, aE as co, aF as uo, u as mo, bz as po, bo as go, bq as bo, br as fo, aQ as ho, a1 as vo, e as yo, bj as Co } from "./Expandable-yVIypRqF.js";
|
|
2
|
+
import { jsxs as A, jsx as g } from "react/jsx-runtime";
|
|
3
|
+
import F, { useRef as M, useEffect as P, useState as O, useCallback as y, forwardRef as he, useMemo as ie, createContext as ve, useContext as ye } from "react";
|
|
4
|
+
import { B as Ce, U as ee } from "./UIContext-C3E-k7HI.js";
|
|
5
|
+
import { a as Do, u as No } from "./UIContext-C3E-k7HI.js";
|
|
6
|
+
import { createPortal as we } from "react-dom";
|
|
7
|
+
import { DEFAULT_MARKET_PRESETS as ko, DEFAULT_PINNED as xo, PERIOD_OPTIONS as To, ROLLING_OPTIONS as Io, TODAY_PRESET as Ro, findPreset as _o, formatDateRange as Mo, formatMarketDates as Po, formatTrend as Fo, formatValue as Eo, generateMarketId as Oo, getAllPresets as Ao, getDateRangeForPreset as Lo, getPresetLabel as $o, isInRange as Bo, isMarketActive as Ko, isSameDay as Go, normalizePresetId as Ho, toUppercasePresetId as zo } from "@mt-gloss/utils";
|
|
8
|
+
function gt(e = {}) {
|
|
9
|
+
const { enabled: t = !0, returnTo: n } = e, a = M(null);
|
|
10
|
+
return P(() => {
|
|
11
|
+
t && (a.current = n || document.activeElement);
|
|
12
|
+
}, [t, n]), P(() => () => {
|
|
13
13
|
t && a.current && setTimeout(() => {
|
|
14
14
|
a.current?.focus?.();
|
|
15
15
|
}, 0);
|
|
16
16
|
}, [t]), a;
|
|
17
17
|
}
|
|
18
|
-
function
|
|
18
|
+
function bt(e) {
|
|
19
19
|
const {
|
|
20
20
|
items: t,
|
|
21
|
-
activeIndex:
|
|
21
|
+
activeIndex: n,
|
|
22
22
|
onActiveIndexChange: a,
|
|
23
|
-
loop:
|
|
24
|
-
orientation:
|
|
25
|
-
enabled:
|
|
26
|
-
isItemDisabled:
|
|
27
|
-
onSelect:
|
|
28
|
-
onEscape:
|
|
29
|
-
} = e, [
|
|
30
|
-
(
|
|
31
|
-
|
|
23
|
+
loop: o = !0,
|
|
24
|
+
orientation: s = "vertical",
|
|
25
|
+
enabled: i = !0,
|
|
26
|
+
isItemDisabled: l,
|
|
27
|
+
onSelect: f,
|
|
28
|
+
onEscape: d
|
|
29
|
+
} = e, [D, N] = O(-1), u = n !== void 0 ? n : D, m = y(
|
|
30
|
+
(r) => {
|
|
31
|
+
n === void 0 && N(r), a?.(r);
|
|
32
32
|
},
|
|
33
|
-
[
|
|
34
|
-
),
|
|
35
|
-
(
|
|
36
|
-
const
|
|
37
|
-
if (
|
|
38
|
-
const
|
|
39
|
-
if (
|
|
40
|
-
return
|
|
41
|
-
let
|
|
42
|
-
return
|
|
33
|
+
[n, a]
|
|
34
|
+
), S = y(() => t.map((r, c) => ({ item: r, index: c })).filter(({ item: r, index: c }) => !l?.(r, c)).map(({ index: r }) => r), [t, l]), R = y(
|
|
35
|
+
(r, c) => {
|
|
36
|
+
const b = S();
|
|
37
|
+
if (b.length === 0) return -1;
|
|
38
|
+
const C = b.indexOf(r);
|
|
39
|
+
if (C === -1)
|
|
40
|
+
return c === 1 ? b.find((I) => I > r) ?? (o ? b[0] : -1) : [...b].reverse().find((_) => _ < r) ?? (o ? b[b.length - 1] : -1);
|
|
41
|
+
let w = C + c;
|
|
42
|
+
return o ? w = (w + b.length) % b.length : w = Math.max(0, Math.min(b.length - 1, w)), b[w];
|
|
43
43
|
},
|
|
44
|
-
[
|
|
45
|
-
),
|
|
46
|
-
const
|
|
47
|
-
|
|
48
|
-
}, [
|
|
49
|
-
const
|
|
50
|
-
|
|
51
|
-
}, [
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
}, [
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
}, [
|
|
58
|
-
|
|
59
|
-
}, [
|
|
60
|
-
(
|
|
61
|
-
if (!
|
|
62
|
-
const { key:
|
|
63
|
-
if (
|
|
64
|
-
|
|
44
|
+
[S, o]
|
|
45
|
+
), p = y(() => {
|
|
46
|
+
const r = S();
|
|
47
|
+
r.length > 0 && m(r[0]);
|
|
48
|
+
}, [S, m]), x = y(() => {
|
|
49
|
+
const r = S();
|
|
50
|
+
r.length > 0 && m(r[r.length - 1]);
|
|
51
|
+
}, [S, m]), T = y(() => {
|
|
52
|
+
const r = R(u, 1);
|
|
53
|
+
r !== -1 && m(r);
|
|
54
|
+
}, [u, R, m]), v = y(() => {
|
|
55
|
+
const r = R(u, -1);
|
|
56
|
+
r !== -1 && m(r);
|
|
57
|
+
}, [u, R, m]), k = y(() => {
|
|
58
|
+
m(-1);
|
|
59
|
+
}, [m]), h = y(
|
|
60
|
+
(r) => {
|
|
61
|
+
if (!i) return;
|
|
62
|
+
const { key: c } = r, b = c === "ArrowUp" && (s === "vertical" || s === "both"), C = c === "ArrowDown" && (s === "vertical" || s === "both"), w = c === "ArrowLeft" && (s === "horizontal" || s === "both"), I = c === "ArrowRight" && (s === "horizontal" || s === "both");
|
|
63
|
+
if (b || w) {
|
|
64
|
+
r.preventDefault(), u === -1 ? x() : v();
|
|
65
65
|
return;
|
|
66
66
|
}
|
|
67
|
-
if (
|
|
68
|
-
|
|
67
|
+
if (C || I) {
|
|
68
|
+
r.preventDefault(), u === -1 ? p() : T();
|
|
69
69
|
return;
|
|
70
70
|
}
|
|
71
|
-
if (
|
|
72
|
-
|
|
71
|
+
if (c === "Home") {
|
|
72
|
+
r.preventDefault(), p();
|
|
73
73
|
return;
|
|
74
74
|
}
|
|
75
|
-
if (
|
|
76
|
-
|
|
75
|
+
if (c === "End") {
|
|
76
|
+
r.preventDefault(), x();
|
|
77
77
|
return;
|
|
78
78
|
}
|
|
79
|
-
if ((
|
|
80
|
-
|
|
81
|
-
const
|
|
82
|
-
|
|
79
|
+
if ((c === "Enter" || c === " ") && u >= 0 && u < t.length) {
|
|
80
|
+
r.preventDefault();
|
|
81
|
+
const _ = t[u];
|
|
82
|
+
l?.(_, u) || f?.(_, u);
|
|
83
83
|
return;
|
|
84
84
|
}
|
|
85
|
-
if (
|
|
86
|
-
|
|
85
|
+
if (c === "Escape") {
|
|
86
|
+
d?.();
|
|
87
87
|
return;
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
90
|
[
|
|
91
|
+
i,
|
|
91
92
|
s,
|
|
92
|
-
|
|
93
|
-
l,
|
|
93
|
+
u,
|
|
94
94
|
t,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
S,
|
|
95
|
+
p,
|
|
96
|
+
x,
|
|
98
97
|
T,
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
98
|
+
v,
|
|
99
|
+
l,
|
|
100
|
+
f,
|
|
101
|
+
d
|
|
102
102
|
]
|
|
103
103
|
);
|
|
104
104
|
return {
|
|
105
|
-
focusedIndex:
|
|
106
|
-
setFocusedIndex:
|
|
107
|
-
handleKeyDown:
|
|
108
|
-
focusFirst:
|
|
109
|
-
focusLast:
|
|
110
|
-
focusNext:
|
|
111
|
-
focusPrevious:
|
|
112
|
-
resetFocus:
|
|
105
|
+
focusedIndex: u,
|
|
106
|
+
setFocusedIndex: m,
|
|
107
|
+
handleKeyDown: h,
|
|
108
|
+
focusFirst: p,
|
|
109
|
+
focusLast: x,
|
|
110
|
+
focusNext: T,
|
|
111
|
+
focusPrevious: v,
|
|
112
|
+
resetFocus: k
|
|
113
113
|
};
|
|
114
114
|
}
|
|
115
|
-
const
|
|
116
|
-
},
|
|
115
|
+
const Z = (e) => {
|
|
116
|
+
}, De = {
|
|
117
117
|
id: "entity-filter-1",
|
|
118
118
|
label: "Customer: Acme Corp",
|
|
119
119
|
field: "customer",
|
|
120
120
|
value: "acme-corp-123",
|
|
121
|
-
onRemove:
|
|
122
|
-
},
|
|
121
|
+
onRemove: Z
|
|
122
|
+
}, Ne = {
|
|
123
123
|
id: "status-filter-1",
|
|
124
124
|
label: "Status: Open",
|
|
125
125
|
field: "status",
|
|
126
126
|
value: "open",
|
|
127
|
-
onRemove:
|
|
128
|
-
},
|
|
127
|
+
onRemove: Z
|
|
128
|
+
}, Se = {
|
|
129
129
|
id: "date-filter-1",
|
|
130
130
|
label: "Date: Mar 1 - Mar 15",
|
|
131
131
|
field: "dateRange",
|
|
132
132
|
value: "2026-03-01..2026-03-15",
|
|
133
|
-
onRemove:
|
|
134
|
-
},
|
|
133
|
+
onRemove: Z
|
|
134
|
+
}, ke = {
|
|
135
135
|
id: "mfg-filter-1",
|
|
136
136
|
label: "Manufacturer: Widget Co",
|
|
137
137
|
field: "manufacturer",
|
|
138
138
|
value: "widget-co-456",
|
|
139
|
-
onRemove:
|
|
140
|
-
},
|
|
141
|
-
Ce,
|
|
142
|
-
ye,
|
|
139
|
+
onRemove: Z
|
|
140
|
+
}, ft = [
|
|
143
141
|
De,
|
|
144
|
-
|
|
145
|
-
|
|
142
|
+
Ne,
|
|
143
|
+
Se,
|
|
144
|
+
ke
|
|
145
|
+
], ht = {
|
|
146
146
|
id: "metric-toggle",
|
|
147
147
|
tabs: [
|
|
148
148
|
{ id: "$", label: "$", mono: !0 },
|
|
149
149
|
{ id: "#", label: "#", mono: !0 }
|
|
150
150
|
]
|
|
151
|
-
},
|
|
151
|
+
}, vt = {
|
|
152
152
|
id: "entity-type",
|
|
153
153
|
tabs: [
|
|
154
154
|
{ id: "orders", label: "Orders" },
|
|
@@ -156,7 +156,7 @@ const K = (e) => {
|
|
|
156
156
|
{ id: "customers", label: "Customers" },
|
|
157
157
|
{ id: "manufacturers", label: "Manufacturers" }
|
|
158
158
|
]
|
|
159
|
-
},
|
|
159
|
+
}, yt = {
|
|
160
160
|
id: "time-frame",
|
|
161
161
|
tabs: [
|
|
162
162
|
{ id: "MTD", label: "MTD" },
|
|
@@ -164,30 +164,30 @@ const K = (e) => {
|
|
|
164
164
|
{ id: "YTD", label: "YTD" },
|
|
165
165
|
{ id: "LYTD", label: "LYTD" }
|
|
166
166
|
]
|
|
167
|
-
},
|
|
167
|
+
}, Ct = [
|
|
168
168
|
{ variant: "block", width: "100%", height: 16 },
|
|
169
169
|
{ variant: "block", width: 200, height: 32, borderRadius: 8 },
|
|
170
170
|
{ variant: "block", width: "80%", height: 12, borderRadius: "4px" },
|
|
171
171
|
{ variant: "block", width: 120, height: 44, borderRadius: 22 }
|
|
172
|
-
],
|
|
172
|
+
], wt = [
|
|
173
173
|
{ variant: "text", lines: 3, lineHeight: 14, gap: 8 },
|
|
174
174
|
{ variant: "text", lines: 2, lineHeight: 16, gap: 10 },
|
|
175
175
|
{ variant: "text", lines: 5, lineHeight: 12, gap: 6 }
|
|
176
|
-
],
|
|
176
|
+
], Dt = [
|
|
177
177
|
{ variant: "circle", size: 24 },
|
|
178
178
|
{ variant: "circle", size: 40 },
|
|
179
179
|
{ variant: "circle", size: 64 }
|
|
180
|
-
],
|
|
180
|
+
], Nt = [
|
|
181
181
|
{ bars: 10, maxHeight: 120 },
|
|
182
182
|
{ bars: 5, maxHeight: 80 }
|
|
183
|
-
],
|
|
183
|
+
], St = [
|
|
184
184
|
{ rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
|
|
185
185
|
{ rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
|
|
186
|
-
],
|
|
186
|
+
], kt = [
|
|
187
187
|
{ variant: "value", colSpan: 1 },
|
|
188
188
|
{ variant: "trend", colSpan: 2 },
|
|
189
189
|
{ variant: "target", colSpan: 1 }
|
|
190
|
-
],
|
|
190
|
+
], re = {
|
|
191
191
|
position: "fixed",
|
|
192
192
|
zIndex: 9999,
|
|
193
193
|
background: "rgba(255,255,255,0.92)",
|
|
@@ -199,7 +199,7 @@ const K = (e) => {
|
|
|
199
199
|
minWidth: 148,
|
|
200
200
|
paddingTop: 4,
|
|
201
201
|
paddingBottom: 4
|
|
202
|
-
},
|
|
202
|
+
}, U = (e) => ({
|
|
203
203
|
padding: "6px 12px",
|
|
204
204
|
fontSize: 12,
|
|
205
205
|
lineHeight: 1.4,
|
|
@@ -213,147 +213,147 @@ const K = (e) => {
|
|
|
213
213
|
width: "100%",
|
|
214
214
|
textAlign: "left",
|
|
215
215
|
border: "none"
|
|
216
|
-
}),
|
|
217
|
-
...
|
|
216
|
+
}), xe = (e) => ({
|
|
217
|
+
...U(e),
|
|
218
218
|
color: e ? "#4338ca" : "#4f46e5",
|
|
219
219
|
fontWeight: 600
|
|
220
|
-
}),
|
|
220
|
+
}), Te = {
|
|
221
221
|
height: 1,
|
|
222
222
|
background: "rgba(0,0,0,0.06)",
|
|
223
223
|
margin: "3px 10px"
|
|
224
224
|
};
|
|
225
|
-
function
|
|
225
|
+
function Ie({
|
|
226
226
|
open: e,
|
|
227
227
|
anchorEl: t,
|
|
228
|
-
statusId:
|
|
228
|
+
statusId: n,
|
|
229
229
|
onOpenInTable: a,
|
|
230
|
-
onShowOnGraph:
|
|
231
|
-
overflowActions:
|
|
232
|
-
onClose:
|
|
230
|
+
onShowOnGraph: o,
|
|
231
|
+
overflowActions: s,
|
|
232
|
+
onClose: i
|
|
233
233
|
}) {
|
|
234
|
-
const [
|
|
235
|
-
if (!t) return { ...
|
|
236
|
-
const
|
|
234
|
+
const [l, f] = O(null), d = M(null), D = y(() => {
|
|
235
|
+
if (!t) return { ...re, top: 0, left: 0 };
|
|
236
|
+
const m = t.getBoundingClientRect();
|
|
237
237
|
return {
|
|
238
|
-
...
|
|
239
|
-
top:
|
|
240
|
-
left:
|
|
238
|
+
...re,
|
|
239
|
+
top: m.bottom + 4,
|
|
240
|
+
left: m.left
|
|
241
241
|
};
|
|
242
242
|
}, [t]);
|
|
243
|
-
if (
|
|
243
|
+
if (P(() => {
|
|
244
244
|
if (!e) return;
|
|
245
|
-
const
|
|
246
|
-
|
|
245
|
+
const m = (S) => {
|
|
246
|
+
S.key === "Escape" && i();
|
|
247
247
|
};
|
|
248
|
-
return document.addEventListener("keydown",
|
|
249
|
-
}, [e,
|
|
248
|
+
return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
|
|
249
|
+
}, [e, i]), P(() => {
|
|
250
250
|
if (!e) return;
|
|
251
|
-
const
|
|
252
|
-
|
|
251
|
+
const m = (S) => {
|
|
252
|
+
d.current && !d.current.contains(S.target) && i();
|
|
253
253
|
};
|
|
254
|
-
return document.addEventListener("pointerdown",
|
|
255
|
-
}, [e,
|
|
256
|
-
const
|
|
254
|
+
return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
|
|
255
|
+
}, [e, i]), !e) return null;
|
|
256
|
+
const N = s && s.length > 0, u = /* @__PURE__ */ A(
|
|
257
257
|
"div",
|
|
258
258
|
{
|
|
259
|
-
ref:
|
|
260
|
-
"data-status-chip-menu":
|
|
259
|
+
ref: d,
|
|
260
|
+
"data-status-chip-menu": n,
|
|
261
261
|
role: "menu",
|
|
262
262
|
"aria-label": "Status actions",
|
|
263
|
-
style:
|
|
263
|
+
style: D(),
|
|
264
264
|
children: [
|
|
265
|
-
/* @__PURE__ */
|
|
265
|
+
/* @__PURE__ */ g(
|
|
266
266
|
"button",
|
|
267
267
|
{
|
|
268
268
|
role: "menuitem",
|
|
269
|
-
style:
|
|
270
|
-
onMouseEnter: () =>
|
|
271
|
-
onMouseLeave: () =>
|
|
269
|
+
style: xe(l === "__primary"),
|
|
270
|
+
onMouseEnter: () => f("__primary"),
|
|
271
|
+
onMouseLeave: () => f(null),
|
|
272
272
|
onClick: () => {
|
|
273
|
-
a(
|
|
273
|
+
a(n), i();
|
|
274
274
|
},
|
|
275
275
|
children: "Open in table"
|
|
276
276
|
}
|
|
277
277
|
),
|
|
278
|
-
/* @__PURE__ */
|
|
278
|
+
/* @__PURE__ */ g(
|
|
279
279
|
"button",
|
|
280
280
|
{
|
|
281
281
|
role: "menuitem",
|
|
282
|
-
style:
|
|
283
|
-
onMouseEnter: () =>
|
|
284
|
-
onMouseLeave: () =>
|
|
282
|
+
style: U(l === "__graph"),
|
|
283
|
+
onMouseEnter: () => f("__graph"),
|
|
284
|
+
onMouseLeave: () => f(null),
|
|
285
285
|
onClick: () => {
|
|
286
|
-
n
|
|
286
|
+
o(n), i();
|
|
287
287
|
},
|
|
288
288
|
children: "Show on graph"
|
|
289
289
|
}
|
|
290
290
|
),
|
|
291
|
-
|
|
292
|
-
|
|
291
|
+
N && /* @__PURE__ */ g("div", { style: Te }),
|
|
292
|
+
N && s?.map((m) => /* @__PURE__ */ g(
|
|
293
293
|
"button",
|
|
294
294
|
{
|
|
295
295
|
role: "menuitem",
|
|
296
|
-
style:
|
|
297
|
-
onMouseEnter: () => m
|
|
298
|
-
onMouseLeave: () =>
|
|
296
|
+
style: U(l === m.id),
|
|
297
|
+
onMouseEnter: () => f(m.id),
|
|
298
|
+
onMouseLeave: () => f(null),
|
|
299
299
|
onClick: () => {
|
|
300
|
-
|
|
300
|
+
m.onSelect(n), i();
|
|
301
301
|
},
|
|
302
|
-
children:
|
|
302
|
+
children: m.label
|
|
303
303
|
},
|
|
304
|
-
|
|
304
|
+
m.id
|
|
305
305
|
))
|
|
306
306
|
]
|
|
307
307
|
}
|
|
308
308
|
);
|
|
309
|
-
return
|
|
309
|
+
return we(u, document.body);
|
|
310
310
|
}
|
|
311
|
-
|
|
312
|
-
const
|
|
313
|
-
function({ state: t, onPointerDown:
|
|
314
|
-
const
|
|
311
|
+
Ie.displayName = "StatusSlotChipMenu";
|
|
312
|
+
const Re = he(
|
|
313
|
+
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: o, onPointerLeave: s, edge: i = "right", ariaLabel: l = "Resize card" }, f) {
|
|
314
|
+
const d = t === "handle-visible" || t === "dragging", D = (u) => {
|
|
315
315
|
try {
|
|
316
|
-
|
|
316
|
+
u.currentTarget.setPointerCapture(u.pointerId);
|
|
317
317
|
} catch {
|
|
318
318
|
}
|
|
319
|
-
|
|
320
|
-
},
|
|
319
|
+
n(u);
|
|
320
|
+
}, N = (u) => {
|
|
321
321
|
try {
|
|
322
|
-
|
|
322
|
+
u.currentTarget.hasPointerCapture?.(u.pointerId) && u.currentTarget.releasePointerCapture(u.pointerId);
|
|
323
323
|
} catch {
|
|
324
324
|
}
|
|
325
|
-
a(
|
|
325
|
+
a(u);
|
|
326
326
|
};
|
|
327
|
-
return /* @__PURE__ */
|
|
327
|
+
return /* @__PURE__ */ g(
|
|
328
328
|
"button",
|
|
329
329
|
{
|
|
330
|
-
ref:
|
|
330
|
+
ref: f,
|
|
331
331
|
type: "button",
|
|
332
|
-
"aria-label":
|
|
333
|
-
"data-edge":
|
|
332
|
+
"aria-label": l,
|
|
333
|
+
"data-edge": i,
|
|
334
334
|
"data-resize-state": t,
|
|
335
335
|
className: [
|
|
336
336
|
"gloss-edge-handle",
|
|
337
|
-
`gloss-edge-handle--${
|
|
338
|
-
|
|
337
|
+
`gloss-edge-handle--${i}`,
|
|
338
|
+
d ? "gloss-edge-handle--visible" : ""
|
|
339
339
|
].filter(Boolean).join(" "),
|
|
340
|
-
onPointerDown:
|
|
341
|
-
onPointerUp:
|
|
342
|
-
onPointerEnter:
|
|
343
|
-
onPointerLeave:
|
|
344
|
-
tabIndex:
|
|
340
|
+
onPointerDown: D,
|
|
341
|
+
onPointerUp: N,
|
|
342
|
+
onPointerEnter: o,
|
|
343
|
+
onPointerLeave: s,
|
|
344
|
+
tabIndex: d ? 0 : -1
|
|
345
345
|
}
|
|
346
346
|
);
|
|
347
347
|
}
|
|
348
348
|
);
|
|
349
|
-
|
|
350
|
-
function
|
|
349
|
+
Re.displayName = "EdgeHoverHandle";
|
|
350
|
+
function _e({
|
|
351
351
|
visible: e,
|
|
352
352
|
targetColSpan: t,
|
|
353
|
-
enterMs:
|
|
353
|
+
enterMs: n = 180,
|
|
354
354
|
exitMs: a = 120
|
|
355
355
|
}) {
|
|
356
|
-
return /* @__PURE__ */
|
|
356
|
+
return /* @__PURE__ */ g(
|
|
357
357
|
"div",
|
|
358
358
|
{
|
|
359
359
|
"aria-hidden": "true",
|
|
@@ -363,100 +363,91 @@ function ke({
|
|
|
363
363
|
"gloss-ghost-preview",
|
|
364
364
|
e ? "gloss-ghost-preview--visible" : ""
|
|
365
365
|
].filter(Boolean).join(" "),
|
|
366
|
-
style: { transitionDuration: `${e ?
|
|
366
|
+
style: { transitionDuration: `${e ? n : a}ms` }
|
|
367
367
|
}
|
|
368
368
|
);
|
|
369
369
|
}
|
|
370
|
-
|
|
371
|
-
function
|
|
370
|
+
_e.displayName = "GhostPreview";
|
|
371
|
+
function xt({
|
|
372
372
|
currentColSpan: e,
|
|
373
373
|
stackable: t,
|
|
374
|
-
onResize:
|
|
374
|
+
onResize: n,
|
|
375
375
|
onCancel: a,
|
|
376
|
-
dwellMs:
|
|
377
|
-
enterMs:
|
|
378
|
-
exitMs:
|
|
376
|
+
dwellMs: o = 120,
|
|
377
|
+
enterMs: s = 180,
|
|
378
|
+
exitMs: i = 120
|
|
379
379
|
}) {
|
|
380
|
-
const [
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
}, [
|
|
384
|
-
const
|
|
385
|
-
|
|
386
|
-
}, []),
|
|
387
|
-
|
|
388
|
-
}, [
|
|
389
|
-
|
|
390
|
-
}, [
|
|
391
|
-
(
|
|
392
|
-
|
|
380
|
+
const [l, f] = O("idle"), [d, D] = O(e), N = M(null), u = M(null), m = M("idle");
|
|
381
|
+
P(() => {
|
|
382
|
+
m.current = l;
|
|
383
|
+
}, [l]);
|
|
384
|
+
const S = 180, R = y(() => {
|
|
385
|
+
N.current && (clearTimeout(N.current), N.current = null);
|
|
386
|
+
}, []), p = y(() => {
|
|
387
|
+
f((h) => h !== "idle" ? h : (N.current = setTimeout(() => f("handle-visible"), o), "dwelling"));
|
|
388
|
+
}, [o]), x = y(() => {
|
|
389
|
+
R(), f((h) => h === "dwelling" || h === "handle-visible" ? "idle" : h);
|
|
390
|
+
}, [R]), T = y(
|
|
391
|
+
(h) => {
|
|
392
|
+
m.current === "handle-visible" && (u.current = h.clientX, m.current = "dragging", f("dragging"));
|
|
393
393
|
},
|
|
394
394
|
[]
|
|
395
|
-
),
|
|
396
|
-
(
|
|
397
|
-
if (
|
|
398
|
-
const
|
|
399
|
-
if (
|
|
400
|
-
const
|
|
401
|
-
|
|
395
|
+
), v = y(
|
|
396
|
+
(h) => {
|
|
397
|
+
if (m.current !== "dragging") return;
|
|
398
|
+
const r = h.clientX - (u.current ?? h.clientX), c = Math.round(r / S), b = Math.min(3, Math.max(1, e + c)), C = b !== e;
|
|
399
|
+
if (f(C ? "committed" : "cancelled"), C) {
|
|
400
|
+
const w = b > e ? "grow" : "shrink";
|
|
401
|
+
n({ direction: w, targetColSpan: b, mode: t ? "slot-fill" : "sparkline-fidelity" });
|
|
402
402
|
} else
|
|
403
403
|
a?.();
|
|
404
404
|
},
|
|
405
|
-
[e, t,
|
|
406
|
-
),
|
|
407
|
-
|
|
408
|
-
}, [
|
|
409
|
-
return
|
|
410
|
-
if (
|
|
411
|
-
const
|
|
412
|
-
|
|
405
|
+
[e, t, n, a]
|
|
406
|
+
), k = y(() => {
|
|
407
|
+
R(), f((h) => h === "dragging" || h === "handle-visible" ? (a?.(), "cancelled") : h);
|
|
408
|
+
}, [R, a]);
|
|
409
|
+
return P(() => {
|
|
410
|
+
if (l !== "dragging" && l !== "handle-visible") return;
|
|
411
|
+
const h = (r) => {
|
|
412
|
+
r.key === "Escape" && k();
|
|
413
413
|
};
|
|
414
|
-
return window.addEventListener("keydown",
|
|
415
|
-
}, [
|
|
416
|
-
if (
|
|
417
|
-
|
|
414
|
+
return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
|
|
415
|
+
}, [l, k]), P(() => {
|
|
416
|
+
if (l !== "dragging") {
|
|
417
|
+
D(e);
|
|
418
418
|
return;
|
|
419
419
|
}
|
|
420
|
-
const
|
|
421
|
-
const
|
|
422
|
-
|
|
420
|
+
const h = (r) => {
|
|
421
|
+
const c = r.clientX - (u.current ?? r.clientX), b = Math.round(c / S), C = Math.min(3, Math.max(1, e + b));
|
|
422
|
+
D((w) => w === C ? w : C);
|
|
423
423
|
};
|
|
424
|
-
return window.addEventListener("pointermove",
|
|
425
|
-
}, [
|
|
426
|
-
if (
|
|
427
|
-
const
|
|
428
|
-
return () => clearTimeout(
|
|
429
|
-
}, [
|
|
430
|
-
state:
|
|
431
|
-
enterEdgeZone:
|
|
432
|
-
leaveEdgeZone:
|
|
424
|
+
return window.addEventListener("pointermove", h), () => window.removeEventListener("pointermove", h);
|
|
425
|
+
}, [l, e]), P(() => () => R(), [R]), P(() => {
|
|
426
|
+
if (l !== "committed" && l !== "cancelled") return;
|
|
427
|
+
const h = setTimeout(() => f("idle"), i);
|
|
428
|
+
return () => clearTimeout(h);
|
|
429
|
+
}, [l, i]), {
|
|
430
|
+
state: l,
|
|
431
|
+
enterEdgeZone: p,
|
|
432
|
+
leaveEdgeZone: x,
|
|
433
433
|
handleProps: {
|
|
434
|
-
onPointerDown:
|
|
435
|
-
onPointerUp:
|
|
434
|
+
onPointerDown: T,
|
|
435
|
+
onPointerUp: v,
|
|
436
436
|
// Bug E: handle continues zone presence so pointer crossing sentinel→handle
|
|
437
437
|
// doesn't collapse state. handle's pointerenter = stay in zone.
|
|
438
|
-
onPointerEnter:
|
|
439
|
-
onPointerLeave:
|
|
438
|
+
onPointerEnter: p,
|
|
439
|
+
onPointerLeave: x
|
|
440
440
|
},
|
|
441
|
-
previewColSpan:
|
|
441
|
+
previewColSpan: d,
|
|
442
442
|
ghostProps: {
|
|
443
|
-
visible:
|
|
444
|
-
targetColSpan:
|
|
445
|
-
enterMs:
|
|
446
|
-
exitMs:
|
|
443
|
+
visible: l === "dragging",
|
|
444
|
+
targetColSpan: d,
|
|
445
|
+
enterMs: s,
|
|
446
|
+
exitMs: i
|
|
447
447
|
}
|
|
448
448
|
};
|
|
449
449
|
}
|
|
450
|
-
const
|
|
451
|
-
/** Delay before flip animation begins (ms). */
|
|
452
|
-
flipStart: 50,
|
|
453
|
-
/** Duration of panel extrude animation (ms). */
|
|
454
|
-
extrude: 200,
|
|
455
|
-
/** Duration of settle animation (ms). */
|
|
456
|
-
settle: 100,
|
|
457
|
-
/** Total choreography duration (ms). */
|
|
458
|
-
total: 350
|
|
459
|
-
}, yt = [
|
|
450
|
+
const Tt = [
|
|
460
451
|
// 1. Standard: Total Revenue
|
|
461
452
|
{
|
|
462
453
|
variant: "standard",
|
|
@@ -560,7 +551,7 @@ const Ct = {
|
|
|
560
551
|
{ value: 9, color: "#6b7280", label: "Other" }
|
|
561
552
|
]
|
|
562
553
|
}
|
|
563
|
-
],
|
|
554
|
+
], Me = {
|
|
564
555
|
variant: "standard",
|
|
565
556
|
label: "Total Revenue",
|
|
566
557
|
isLoading: !0
|
|
@@ -570,14 +561,14 @@ const Ct = {
|
|
|
570
561
|
value: 125430,
|
|
571
562
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
572
563
|
isError: !0
|
|
573
|
-
},
|
|
564
|
+
}, Fe = {
|
|
574
565
|
variant: "standard",
|
|
575
566
|
label: "Total Revenue",
|
|
576
567
|
value: null,
|
|
577
568
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
578
569
|
isEmpty: !0,
|
|
579
570
|
subtitle: "No data"
|
|
580
|
-
},
|
|
571
|
+
}, Ee = {
|
|
581
572
|
variant: "standard",
|
|
582
573
|
label: "Total Revenue",
|
|
583
574
|
value: 125430,
|
|
@@ -585,7 +576,7 @@ const Ct = {
|
|
|
585
576
|
trend: { value: 12.5, direction: "up" },
|
|
586
577
|
subtitle: "MTD",
|
|
587
578
|
isStale: !0
|
|
588
|
-
},
|
|
579
|
+
}, Oe = {
|
|
589
580
|
variant: "sparkline",
|
|
590
581
|
label: "Daily Orders",
|
|
591
582
|
value: 847,
|
|
@@ -594,7 +585,7 @@ const Ct = {
|
|
|
594
585
|
sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
|
|
595
586
|
accentColor: "#6366f1",
|
|
596
587
|
isStale: !0
|
|
597
|
-
},
|
|
588
|
+
}, Ae = {
|
|
598
589
|
variant: "donut",
|
|
599
590
|
label: "Order Fill Rate",
|
|
600
591
|
value: 78,
|
|
@@ -605,14 +596,14 @@ const Ct = {
|
|
|
605
596
|
donutMax: 100,
|
|
606
597
|
accentColor: "#10b981",
|
|
607
598
|
isStale: !0
|
|
608
|
-
},
|
|
609
|
-
Ie,
|
|
610
|
-
Pe,
|
|
611
|
-
_e,
|
|
599
|
+
}, It = [
|
|
612
600
|
Me,
|
|
613
|
-
|
|
614
|
-
Fe
|
|
615
|
-
|
|
601
|
+
Pe,
|
|
602
|
+
Fe,
|
|
603
|
+
Ee,
|
|
604
|
+
Oe,
|
|
605
|
+
Ae
|
|
606
|
+
], Rt = {
|
|
616
607
|
variant: "sparkline",
|
|
617
608
|
label: "Daily Orders",
|
|
618
609
|
value: 847,
|
|
@@ -635,7 +626,7 @@ const Ct = {
|
|
|
635
626
|
59
|
|
636
627
|
],
|
|
637
628
|
accentColor: "#6366f1"
|
|
638
|
-
},
|
|
629
|
+
}, _t = {
|
|
639
630
|
variant: "sparkline",
|
|
640
631
|
label: "New Customers",
|
|
641
632
|
value: 23,
|
|
@@ -674,21 +665,21 @@ const Ct = {
|
|
|
674
665
|
19
|
|
675
666
|
],
|
|
676
667
|
accentColor: "#10b981"
|
|
677
|
-
},
|
|
668
|
+
}, Mt = {
|
|
678
669
|
variant: "standard",
|
|
679
670
|
label: "Total Revenue",
|
|
680
671
|
value: 125430,
|
|
681
672
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
682
673
|
trend: { value: 12.5, direction: "up" },
|
|
683
674
|
subtitle: "MTD"
|
|
684
|
-
},
|
|
675
|
+
}, Pt = {
|
|
685
676
|
variant: "standard",
|
|
686
677
|
label: "Returns",
|
|
687
678
|
value: 3280,
|
|
688
679
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
689
680
|
trend: { value: -8.3, direction: "down" },
|
|
690
681
|
subtitle: "MTD"
|
|
691
|
-
},
|
|
682
|
+
}, Ft = {
|
|
692
683
|
variant: "standard",
|
|
693
684
|
label: "Avg Order Value",
|
|
694
685
|
value: 487,
|
|
@@ -696,33 +687,33 @@ const Ct = {
|
|
|
696
687
|
trend: { value: 0, direction: "flat" },
|
|
697
688
|
subtitle: "QTD"
|
|
698
689
|
};
|
|
699
|
-
function
|
|
690
|
+
function le({
|
|
700
691
|
open: e,
|
|
701
692
|
onDismiss: t,
|
|
702
|
-
anchorRef:
|
|
693
|
+
anchorRef: n,
|
|
703
694
|
pages: a,
|
|
704
|
-
activePageId:
|
|
705
|
-
onPageChange:
|
|
706
|
-
onCreatePage:
|
|
707
|
-
onManagePages:
|
|
695
|
+
activePageId: o,
|
|
696
|
+
onPageChange: s,
|
|
697
|
+
onCreatePage: i,
|
|
698
|
+
onManagePages: l
|
|
708
699
|
}) {
|
|
709
|
-
const
|
|
710
|
-
(
|
|
711
|
-
|
|
700
|
+
const f = y(
|
|
701
|
+
(u) => {
|
|
702
|
+
s(u), t();
|
|
712
703
|
},
|
|
713
|
-
[
|
|
714
|
-
),
|
|
715
|
-
(
|
|
716
|
-
(
|
|
704
|
+
[s, t]
|
|
705
|
+
), d = y(
|
|
706
|
+
(u, m) => {
|
|
707
|
+
(m.key === "Enter" || m.key === " ") && (m.preventDefault(), f(u));
|
|
717
708
|
},
|
|
718
|
-
[
|
|
719
|
-
),
|
|
720
|
-
|
|
721
|
-
}, [
|
|
722
|
-
|
|
723
|
-
}, [
|
|
724
|
-
return /* @__PURE__ */
|
|
725
|
-
|
|
709
|
+
[f]
|
|
710
|
+
), D = y(() => {
|
|
711
|
+
i(), t();
|
|
712
|
+
}, [i, t]), N = y(() => {
|
|
713
|
+
l(), t();
|
|
714
|
+
}, [l, t]);
|
|
715
|
+
return /* @__PURE__ */ A(
|
|
716
|
+
Ce,
|
|
726
717
|
{
|
|
727
718
|
definition: {
|
|
728
719
|
placement: "bottom-end",
|
|
@@ -732,58 +723,58 @@ function ne({
|
|
|
732
723
|
},
|
|
733
724
|
open: e,
|
|
734
725
|
onDismiss: t,
|
|
735
|
-
anchorRef:
|
|
726
|
+
anchorRef: n,
|
|
736
727
|
className: "gloss-page-dropdown",
|
|
737
728
|
children: [
|
|
738
|
-
/* @__PURE__ */
|
|
739
|
-
const
|
|
740
|
-
return /* @__PURE__ */
|
|
729
|
+
/* @__PURE__ */ g("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
|
|
730
|
+
const m = u.id === o;
|
|
731
|
+
return /* @__PURE__ */ A(
|
|
741
732
|
"li",
|
|
742
733
|
{
|
|
743
734
|
role: "menuitemradio",
|
|
744
|
-
"aria-checked":
|
|
745
|
-
"aria-current":
|
|
735
|
+
"aria-checked": m,
|
|
736
|
+
"aria-current": m ? "page" : void 0,
|
|
746
737
|
tabIndex: 0,
|
|
747
|
-
className: `gloss-page-dropdown__item${
|
|
748
|
-
onClick: () =>
|
|
749
|
-
onKeyDown: (
|
|
738
|
+
className: `gloss-page-dropdown__item${m ? " gloss-page-dropdown__item--active" : ""}`,
|
|
739
|
+
onClick: () => f(u.id),
|
|
740
|
+
onKeyDown: (S) => d(u.id, S),
|
|
750
741
|
children: [
|
|
751
|
-
/* @__PURE__ */
|
|
742
|
+
/* @__PURE__ */ g(
|
|
752
743
|
"span",
|
|
753
744
|
{
|
|
754
|
-
className: `gloss-page-dropdown__dot${
|
|
745
|
+
className: `gloss-page-dropdown__dot${m ? " gloss-page-dropdown__dot--active" : ""}`
|
|
755
746
|
}
|
|
756
747
|
),
|
|
757
|
-
/* @__PURE__ */
|
|
748
|
+
/* @__PURE__ */ g(
|
|
758
749
|
"span",
|
|
759
750
|
{
|
|
760
|
-
className: `gloss-page-dropdown__name${
|
|
761
|
-
children:
|
|
751
|
+
className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
|
|
752
|
+
children: u.name
|
|
762
753
|
}
|
|
763
754
|
),
|
|
764
|
-
/* @__PURE__ */
|
|
755
|
+
/* @__PURE__ */ g("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
|
|
765
756
|
]
|
|
766
757
|
},
|
|
767
|
-
|
|
758
|
+
u.id
|
|
768
759
|
);
|
|
769
760
|
}) }),
|
|
770
|
-
/* @__PURE__ */
|
|
771
|
-
/* @__PURE__ */
|
|
761
|
+
/* @__PURE__ */ g("hr", { className: "gloss-page-dropdown__separator" }),
|
|
762
|
+
/* @__PURE__ */ g(
|
|
772
763
|
"button",
|
|
773
764
|
{
|
|
774
765
|
role: "menuitem",
|
|
775
766
|
className: "gloss-page-dropdown__action",
|
|
776
|
-
onClick:
|
|
767
|
+
onClick: D,
|
|
777
768
|
children: "+ New page"
|
|
778
769
|
}
|
|
779
770
|
),
|
|
780
|
-
/* @__PURE__ */
|
|
781
|
-
/* @__PURE__ */
|
|
771
|
+
/* @__PURE__ */ g("hr", { className: "gloss-page-dropdown__separator" }),
|
|
772
|
+
/* @__PURE__ */ g(
|
|
782
773
|
"button",
|
|
783
774
|
{
|
|
784
775
|
role: "menuitem",
|
|
785
776
|
className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
|
|
786
|
-
onClick:
|
|
777
|
+
onClick: N,
|
|
787
778
|
children: "Manage pages"
|
|
788
779
|
}
|
|
789
780
|
)
|
|
@@ -791,70 +782,70 @@ function ne({
|
|
|
791
782
|
}
|
|
792
783
|
);
|
|
793
784
|
}
|
|
794
|
-
|
|
795
|
-
const
|
|
785
|
+
le.displayName = "PageDropdown";
|
|
786
|
+
const Le = function({
|
|
796
787
|
currentIndex: t,
|
|
797
|
-
total:
|
|
788
|
+
total: n,
|
|
798
789
|
pages: a,
|
|
799
|
-
onPageChange:
|
|
800
|
-
onCreatePage:
|
|
801
|
-
onManagePages:
|
|
802
|
-
maskRadius:
|
|
790
|
+
onPageChange: o,
|
|
791
|
+
onCreatePage: s,
|
|
792
|
+
onManagePages: i,
|
|
793
|
+
maskRadius: l = "var(--gloss-radius-md)"
|
|
803
794
|
}) {
|
|
804
|
-
const
|
|
805
|
-
|
|
806
|
-
}, []),
|
|
807
|
-
|
|
808
|
-
}, []),
|
|
809
|
-
return /* @__PURE__ */
|
|
795
|
+
const f = M(null), [d, D] = O(!1), N = y(() => {
|
|
796
|
+
D((S) => !S);
|
|
797
|
+
}, []), u = y(() => {
|
|
798
|
+
D(!1);
|
|
799
|
+
}, []), m = a[t]?.id ?? "";
|
|
800
|
+
return /* @__PURE__ */ A(
|
|
810
801
|
"div",
|
|
811
802
|
{
|
|
812
803
|
className: "gloss-page-chip",
|
|
813
|
-
ref:
|
|
804
|
+
ref: f,
|
|
814
805
|
style: { position: "absolute", top: 0, right: 0 },
|
|
815
806
|
"data-page-chip": !0,
|
|
816
807
|
children: [
|
|
817
|
-
/* @__PURE__ */
|
|
808
|
+
/* @__PURE__ */ g(
|
|
818
809
|
"div",
|
|
819
810
|
{
|
|
820
811
|
className: "gloss-page-chip__nuzzle",
|
|
821
|
-
style: { "--_nuzzle-r":
|
|
812
|
+
style: { "--_nuzzle-r": l }
|
|
822
813
|
}
|
|
823
814
|
),
|
|
824
|
-
/* @__PURE__ */
|
|
815
|
+
/* @__PURE__ */ A(
|
|
825
816
|
"button",
|
|
826
817
|
{
|
|
827
818
|
className: "gloss-page-chip__trigger",
|
|
828
819
|
"aria-haspopup": "menu",
|
|
829
|
-
"aria-expanded":
|
|
830
|
-
"aria-label": `Page ${t + 1} of ${
|
|
831
|
-
onClick:
|
|
820
|
+
"aria-expanded": d,
|
|
821
|
+
"aria-label": `Page ${t + 1} of ${n}. Click to switch pages.`,
|
|
822
|
+
onClick: N,
|
|
832
823
|
children: [
|
|
833
824
|
t + 1,
|
|
834
825
|
" / ",
|
|
835
|
-
|
|
826
|
+
n
|
|
836
827
|
]
|
|
837
828
|
}
|
|
838
829
|
),
|
|
839
|
-
/* @__PURE__ */
|
|
840
|
-
|
|
830
|
+
/* @__PURE__ */ g(
|
|
831
|
+
le,
|
|
841
832
|
{
|
|
842
|
-
open:
|
|
843
|
-
onDismiss:
|
|
844
|
-
anchorRef:
|
|
833
|
+
open: d,
|
|
834
|
+
onDismiss: u,
|
|
835
|
+
anchorRef: f,
|
|
845
836
|
pages: a,
|
|
846
|
-
activePageId:
|
|
847
|
-
onPageChange:
|
|
848
|
-
onCreatePage:
|
|
849
|
-
onManagePages:
|
|
837
|
+
activePageId: m,
|
|
838
|
+
onPageChange: o,
|
|
839
|
+
onCreatePage: s,
|
|
840
|
+
onManagePages: i
|
|
850
841
|
}
|
|
851
842
|
)
|
|
852
843
|
]
|
|
853
844
|
}
|
|
854
845
|
);
|
|
855
846
|
};
|
|
856
|
-
|
|
857
|
-
const
|
|
847
|
+
Le.displayName = "PageChip";
|
|
848
|
+
const Et = [
|
|
858
849
|
{
|
|
859
850
|
id: "ORD-1001",
|
|
860
851
|
orderNumber: "ORD-1001",
|
|
@@ -987,7 +978,7 @@ const kt = [
|
|
|
987
978
|
date: "2026-03-01",
|
|
988
979
|
skuCount: 9
|
|
989
980
|
}
|
|
990
|
-
],
|
|
981
|
+
], Ot = [
|
|
991
982
|
{
|
|
992
983
|
id: "ITEM-001",
|
|
993
984
|
sku: "PB-4520",
|
|
@@ -1121,16 +1112,16 @@ const kt = [
|
|
|
1121
1112
|
lastDate: "2026-03-01"
|
|
1122
1113
|
}
|
|
1123
1114
|
];
|
|
1124
|
-
function
|
|
1115
|
+
function j(e) {
|
|
1125
1116
|
return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
|
1126
1117
|
}
|
|
1127
|
-
function
|
|
1118
|
+
function de(e) {
|
|
1128
1119
|
return e.toLocaleString("en-US");
|
|
1129
1120
|
}
|
|
1130
|
-
function
|
|
1121
|
+
function ce(e) {
|
|
1131
1122
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1132
1123
|
}
|
|
1133
|
-
const
|
|
1124
|
+
const z = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), At = [
|
|
1134
1125
|
{
|
|
1135
1126
|
field: "id",
|
|
1136
1127
|
headerName: "Order",
|
|
@@ -1160,7 +1151,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1160
1151
|
align: "right",
|
|
1161
1152
|
headerAlign: "right",
|
|
1162
1153
|
cellClassName: "gloss-tabular-nums",
|
|
1163
|
-
renderCell: ({ row: e }) => e.skuCount ?
|
|
1154
|
+
renderCell: ({ row: e }) => e.skuCount ? de(e.skuCount) : z
|
|
1164
1155
|
},
|
|
1165
1156
|
{
|
|
1166
1157
|
field: "total",
|
|
@@ -1170,7 +1161,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1170
1161
|
align: "right",
|
|
1171
1162
|
headerAlign: "right",
|
|
1172
1163
|
cellClassName: "gloss-tabular-nums",
|
|
1173
|
-
renderCell: ({ row: e }) => e.total ?
|
|
1164
|
+
renderCell: ({ row: e }) => e.total ? j(e.total) : z
|
|
1174
1165
|
},
|
|
1175
1166
|
{
|
|
1176
1167
|
field: "date",
|
|
@@ -1180,9 +1171,9 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1180
1171
|
align: "right",
|
|
1181
1172
|
headerAlign: "right",
|
|
1182
1173
|
cellClassName: "gloss-tabular-nums",
|
|
1183
|
-
renderCell: ({ row: e }) => e.date ?
|
|
1174
|
+
renderCell: ({ row: e }) => e.date ? ce(e.date) : ""
|
|
1184
1175
|
}
|
|
1185
|
-
],
|
|
1176
|
+
], Lt = [
|
|
1186
1177
|
{
|
|
1187
1178
|
field: "sku",
|
|
1188
1179
|
headerName: "Item ID",
|
|
@@ -1214,7 +1205,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1214
1205
|
align: "right",
|
|
1215
1206
|
headerAlign: "right",
|
|
1216
1207
|
cellClassName: "gloss-tabular-nums",
|
|
1217
|
-
renderCell: ({ row: e }) => e.price ?
|
|
1208
|
+
renderCell: ({ row: e }) => e.price ? j(e.price) : z
|
|
1218
1209
|
},
|
|
1219
1210
|
{
|
|
1220
1211
|
field: "quantity",
|
|
@@ -1224,7 +1215,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1224
1215
|
align: "right",
|
|
1225
1216
|
headerAlign: "right",
|
|
1226
1217
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1227
|
-
renderCell: ({ row: e }) => e.quantity ?
|
|
1218
|
+
renderCell: ({ row: e }) => e.quantity ? de(e.quantity) : z
|
|
1228
1219
|
},
|
|
1229
1220
|
{
|
|
1230
1221
|
field: "total",
|
|
@@ -1234,7 +1225,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1234
1225
|
align: "right",
|
|
1235
1226
|
headerAlign: "right",
|
|
1236
1227
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1237
|
-
renderCell: ({ row: e }) => e.total ?
|
|
1228
|
+
renderCell: ({ row: e }) => e.total ? j(e.total) : z
|
|
1238
1229
|
},
|
|
1239
1230
|
{
|
|
1240
1231
|
field: "lastDate",
|
|
@@ -1244,24 +1235,24 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1244
1235
|
align: "right",
|
|
1245
1236
|
headerAlign: "right",
|
|
1246
1237
|
cellClassName: "gloss-tabular-nums",
|
|
1247
|
-
renderCell: ({ row: e }) => e.lastDate ?
|
|
1238
|
+
renderCell: ({ row: e }) => e.lastDate ? ce(e.lastDate) : ""
|
|
1248
1239
|
}
|
|
1249
|
-
],
|
|
1240
|
+
], $e = [
|
|
1250
1241
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
1251
1242
|
{ id: "c-002", label: "Riverside Retail" },
|
|
1252
1243
|
{ id: "c-003", label: "Mountain View Store" },
|
|
1253
1244
|
{ id: "c-004", label: "Downtown Decor" },
|
|
1254
1245
|
{ id: "c-005", label: "Pacific Coast Imports" }
|
|
1255
|
-
],
|
|
1246
|
+
], Be = [
|
|
1256
1247
|
{ id: "i-001", label: "Classic Linen Throw Pillow" },
|
|
1257
1248
|
{ id: "i-002", label: "Coastal Wave Candle Set" },
|
|
1258
1249
|
{ id: "i-003", label: "Walnut Console Table" },
|
|
1259
1250
|
{ id: "i-004", label: "Hand-Blown Glass Vase" },
|
|
1260
1251
|
{ id: "i-005", label: "Velvet Accent Cushion" }
|
|
1261
1252
|
], W = (e) => {
|
|
1262
|
-
},
|
|
1263
|
-
},
|
|
1264
|
-
},
|
|
1253
|
+
}, Ke = (e) => {
|
|
1254
|
+
}, ne = (e, t) => {
|
|
1255
|
+
}, ue = {
|
|
1265
1256
|
vizState: {
|
|
1266
1257
|
type: "orders",
|
|
1267
1258
|
quant: "$",
|
|
@@ -1270,16 +1261,16 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1270
1261
|
timeFrame: "MTD"
|
|
1271
1262
|
},
|
|
1272
1263
|
onTypeChange: W,
|
|
1273
|
-
onQuantChange:
|
|
1264
|
+
onQuantChange: Ke,
|
|
1274
1265
|
onEntityTypeChange: W,
|
|
1275
|
-
onEntitySelect:
|
|
1276
|
-
onItemSelect:
|
|
1266
|
+
onEntitySelect: ne,
|
|
1267
|
+
onItemSelect: ne,
|
|
1277
1268
|
onTimeFrameChange: W,
|
|
1278
1269
|
userType: "sales-agency",
|
|
1279
|
-
entityFilterOptions:
|
|
1280
|
-
itemFilterOptions:
|
|
1281
|
-
},
|
|
1282
|
-
...
|
|
1270
|
+
entityFilterOptions: $e,
|
|
1271
|
+
itemFilterOptions: Be
|
|
1272
|
+
}, $t = {
|
|
1273
|
+
...ue,
|
|
1283
1274
|
vizState: {
|
|
1284
1275
|
type: "items",
|
|
1285
1276
|
quant: "$",
|
|
@@ -1287,8 +1278,8 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1287
1278
|
byItem: { id: "i-003", name: "Walnut Console Table" },
|
|
1288
1279
|
timeFrame: "YTD"
|
|
1289
1280
|
}
|
|
1290
|
-
},
|
|
1291
|
-
...
|
|
1281
|
+
}, Bt = {
|
|
1282
|
+
...ue,
|
|
1292
1283
|
vizState: {
|
|
1293
1284
|
type: "orders",
|
|
1294
1285
|
quant: "#",
|
|
@@ -1300,7 +1291,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1300
1291
|
entityFilterOptions: [
|
|
1301
1292
|
{ id: "customers", label: "Customers" }
|
|
1302
1293
|
]
|
|
1303
|
-
},
|
|
1294
|
+
}, Ge = [
|
|
1304
1295
|
{
|
|
1305
1296
|
id: "recent-orders",
|
|
1306
1297
|
label: "Recent Orders",
|
|
@@ -1346,7 +1337,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1346
1337
|
routeKey: "customer.profile",
|
|
1347
1338
|
subtitle: "Opens in RepTime"
|
|
1348
1339
|
}
|
|
1349
|
-
],
|
|
1340
|
+
], He = [
|
|
1350
1341
|
{
|
|
1351
1342
|
id: "order-items",
|
|
1352
1343
|
label: "Items in Order",
|
|
@@ -1375,7 +1366,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1375
1366
|
cellKinds: ["orderId"],
|
|
1376
1367
|
graphType: "timeline"
|
|
1377
1368
|
}
|
|
1378
|
-
],
|
|
1369
|
+
], ze = [
|
|
1379
1370
|
{
|
|
1380
1371
|
id: "graph-metric",
|
|
1381
1372
|
label: "Graph This Metric",
|
|
@@ -1403,14 +1394,14 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1403
1394
|
cellKinds: ["numeric"],
|
|
1404
1395
|
tabType: "orders"
|
|
1405
1396
|
}
|
|
1406
|
-
],
|
|
1407
|
-
entityName:
|
|
1408
|
-
orderId:
|
|
1409
|
-
numeric:
|
|
1410
|
-
},
|
|
1397
|
+
], Kt = {
|
|
1398
|
+
entityName: Ge,
|
|
1399
|
+
orderId: He,
|
|
1400
|
+
numeric: ze
|
|
1401
|
+
}, Gt = [
|
|
1411
1402
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
|
|
1412
1403
|
/* @__PURE__ */ new Date()
|
|
1413
|
-
],
|
|
1404
|
+
], Ht = {
|
|
1414
1405
|
rangeA: [
|
|
1415
1406
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
|
|
1416
1407
|
/* @__PURE__ */ new Date()
|
|
@@ -1423,7 +1414,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1423
1414
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
|
|
1424
1415
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
|
|
1425
1416
|
]
|
|
1426
|
-
},
|
|
1417
|
+
}, zt = {
|
|
1427
1418
|
version: 4,
|
|
1428
1419
|
lastPreset: "mtd",
|
|
1429
1420
|
pinnedPreset: "mtd",
|
|
@@ -1431,7 +1422,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1431
1422
|
rangeCount: 1,
|
|
1432
1423
|
lastPresetB: null,
|
|
1433
1424
|
lastPresetC: null
|
|
1434
|
-
},
|
|
1425
|
+
}, Vt = [
|
|
1435
1426
|
{
|
|
1436
1427
|
id: "atlanta-jan",
|
|
1437
1428
|
label: "Atlanta Market",
|
|
@@ -1453,7 +1444,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1453
1444
|
endDate: new Date(2026, 3, 22),
|
|
1454
1445
|
location: "Chicago, IL"
|
|
1455
1446
|
}
|
|
1456
|
-
],
|
|
1447
|
+
], Zt = [
|
|
1457
1448
|
{
|
|
1458
1449
|
id: "custom-regional-1",
|
|
1459
1450
|
label: "Southeast Regional Expo",
|
|
@@ -1470,7 +1461,7 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1470
1461
|
location: "Portland, OR",
|
|
1471
1462
|
isCustom: !0
|
|
1472
1463
|
}
|
|
1473
|
-
],
|
|
1464
|
+
], Wt = [
|
|
1474
1465
|
{
|
|
1475
1466
|
id: "atlanta-jan",
|
|
1476
1467
|
label: "Atlanta Market",
|
|
@@ -1487,22 +1478,22 @@ const H = P.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1487
1478
|
location: "New York, NY",
|
|
1488
1479
|
active: !0
|
|
1489
1480
|
}
|
|
1490
|
-
],
|
|
1481
|
+
], Yt = [
|
|
1491
1482
|
{ id: "7d", label: "7D" },
|
|
1492
1483
|
{ id: "30d", label: "30D" },
|
|
1493
1484
|
{ id: "60d", label: "60D" },
|
|
1494
1485
|
{ id: "90d", label: "90D" }
|
|
1495
|
-
],
|
|
1486
|
+
], qt = [
|
|
1496
1487
|
{ id: "mtd", label: "MTD" },
|
|
1497
1488
|
{ id: "qtd", label: "QTD" },
|
|
1498
1489
|
{ id: "ytd", label: "YTD" },
|
|
1499
1490
|
{ id: "lytd", label: "LYTD" }
|
|
1500
1491
|
];
|
|
1501
|
-
function
|
|
1492
|
+
function L(e, t) {
|
|
1502
1493
|
return {
|
|
1503
1494
|
id: e,
|
|
1504
1495
|
colSpan: 1,
|
|
1505
|
-
content:
|
|
1496
|
+
content: F.createElement("div", {
|
|
1506
1497
|
style: {
|
|
1507
1498
|
width: "100%",
|
|
1508
1499
|
height: "100%",
|
|
@@ -1518,38 +1509,38 @@ function O(e, t) {
|
|
|
1518
1509
|
}, t)
|
|
1519
1510
|
};
|
|
1520
1511
|
}
|
|
1521
|
-
function
|
|
1512
|
+
function oe(e, t) {
|
|
1522
1513
|
return {
|
|
1523
|
-
...
|
|
1514
|
+
...L(e, t),
|
|
1524
1515
|
colSpan: 2
|
|
1525
1516
|
};
|
|
1526
1517
|
}
|
|
1527
|
-
const
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
],
|
|
1518
|
+
const Ut = [
|
|
1519
|
+
L("total-revenue", "Total Revenue"),
|
|
1520
|
+
L("total-orders", "Total Orders"),
|
|
1521
|
+
oe("revenue-trend", "Revenue Trend (2x)"),
|
|
1522
|
+
L("avg-order", "Avg Order Value"),
|
|
1523
|
+
L("new-customers", "New Customers"),
|
|
1524
|
+
L("top-salesperson", "Top Salesperson"),
|
|
1525
|
+
oe("order-trend", "Order Trend (2x)"),
|
|
1526
|
+
L("repeat-rate", "Repeat Rate"),
|
|
1527
|
+
L("open-orders", "Open Orders"),
|
|
1528
|
+
L("shipped-orders", "Shipped Orders")
|
|
1529
|
+
], jt = {
|
|
1539
1530
|
columns: 6,
|
|
1540
1531
|
rowHeight: 120,
|
|
1541
1532
|
gap: 15,
|
|
1542
1533
|
maxRows: 3,
|
|
1543
1534
|
currentPage: 0,
|
|
1544
1535
|
totalPages: 1
|
|
1545
|
-
},
|
|
1536
|
+
}, Qt = {
|
|
1546
1537
|
columns: 9,
|
|
1547
1538
|
rowHeight: 120,
|
|
1548
1539
|
gap: 15,
|
|
1549
1540
|
maxRows: 3,
|
|
1550
1541
|
currentPage: 0,
|
|
1551
1542
|
totalPages: 2
|
|
1552
|
-
},
|
|
1543
|
+
}, Xt = {
|
|
1553
1544
|
columns: 12,
|
|
1554
1545
|
rowHeight: 120,
|
|
1555
1546
|
gap: 15,
|
|
@@ -1557,15 +1548,15 @@ const zt = [
|
|
|
1557
1548
|
currentPage: 0,
|
|
1558
1549
|
totalPages: 3
|
|
1559
1550
|
};
|
|
1560
|
-
function
|
|
1561
|
-
return
|
|
1551
|
+
function Y(e) {
|
|
1552
|
+
return F.createElement("span", { style: { fontSize: 14 } }, e);
|
|
1562
1553
|
}
|
|
1563
|
-
const
|
|
1554
|
+
const Jt = [
|
|
1564
1555
|
{
|
|
1565
1556
|
id: "all-orders",
|
|
1566
1557
|
type: "orders",
|
|
1567
1558
|
name: "All Orders",
|
|
1568
|
-
icon:
|
|
1559
|
+
icon: Y("📋"),
|
|
1569
1560
|
closable: !1,
|
|
1570
1561
|
autoCreated: !0
|
|
1571
1562
|
},
|
|
@@ -1573,17 +1564,17 @@ const Yt = [
|
|
|
1573
1564
|
id: "open-orders",
|
|
1574
1565
|
type: "orders",
|
|
1575
1566
|
name: "Open Orders",
|
|
1576
|
-
icon:
|
|
1567
|
+
icon: Y("📦"),
|
|
1577
1568
|
closable: !0
|
|
1578
1569
|
},
|
|
1579
1570
|
{
|
|
1580
1571
|
id: "shipped-orders",
|
|
1581
1572
|
type: "orders",
|
|
1582
1573
|
name: "Shipped Orders",
|
|
1583
|
-
icon:
|
|
1574
|
+
icon: Y("🚚"),
|
|
1584
1575
|
closable: !0
|
|
1585
1576
|
}
|
|
1586
|
-
],
|
|
1577
|
+
], ea = [
|
|
1587
1578
|
{
|
|
1588
1579
|
id: "orders-main",
|
|
1589
1580
|
type: "orders",
|
|
@@ -1609,7 +1600,7 @@ const Yt = [
|
|
|
1609
1600
|
name: "Customers",
|
|
1610
1601
|
closable: !0
|
|
1611
1602
|
}
|
|
1612
|
-
],
|
|
1603
|
+
], ta = [
|
|
1613
1604
|
{
|
|
1614
1605
|
id: "only-tab",
|
|
1615
1606
|
type: "orders",
|
|
@@ -1617,7 +1608,7 @@ const Yt = [
|
|
|
1617
1608
|
closable: !1,
|
|
1618
1609
|
autoCreated: !0
|
|
1619
1610
|
}
|
|
1620
|
-
],
|
|
1611
|
+
], aa = [
|
|
1621
1612
|
{ id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
|
|
1622
1613
|
{ id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
|
|
1623
1614
|
{ id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
|
|
@@ -1629,7 +1620,7 @@ const Yt = [
|
|
|
1629
1620
|
{ id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
|
|
1630
1621
|
{ id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
|
|
1631
1622
|
];
|
|
1632
|
-
function
|
|
1623
|
+
function Q(e) {
|
|
1633
1624
|
switch (e) {
|
|
1634
1625
|
case "wide":
|
|
1635
1626
|
return { cols: 2, rows: 1 };
|
|
@@ -1640,40 +1631,40 @@ function V(e) {
|
|
|
1640
1631
|
return { cols: 1, rows: 1 };
|
|
1641
1632
|
}
|
|
1642
1633
|
}
|
|
1643
|
-
function
|
|
1634
|
+
function Ve(e) {
|
|
1644
1635
|
let t = 0;
|
|
1645
1636
|
for (const a of e) {
|
|
1646
|
-
const
|
|
1647
|
-
|
|
1637
|
+
const o = Q(a.size), s = a.gridPosition.col + o.cols - 1;
|
|
1638
|
+
s > t && (t = s);
|
|
1648
1639
|
}
|
|
1649
1640
|
return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
|
|
1650
1641
|
}
|
|
1651
|
-
const
|
|
1642
|
+
const Ze = function(t) {
|
|
1652
1643
|
if (t.renderMode === "discrete")
|
|
1653
|
-
return /* @__PURE__ */
|
|
1644
|
+
return /* @__PURE__ */ g(
|
|
1654
1645
|
"div",
|
|
1655
1646
|
{
|
|
1656
1647
|
className: "gloss-metric-group gloss-metric-group--discrete",
|
|
1657
1648
|
style: { display: "contents" },
|
|
1658
|
-
children: t.cards.map((
|
|
1659
|
-
const
|
|
1660
|
-
return /* @__PURE__ */
|
|
1649
|
+
children: t.cards.map((o) => {
|
|
1650
|
+
const s = Q(o.size);
|
|
1651
|
+
return /* @__PURE__ */ g(
|
|
1661
1652
|
"div",
|
|
1662
1653
|
{
|
|
1663
1654
|
className: "gloss-metric-group__slot",
|
|
1664
1655
|
style: {
|
|
1665
|
-
gridColumn: `${
|
|
1666
|
-
gridRow: `${
|
|
1656
|
+
gridColumn: `${o.gridPosition.col} / span ${s.cols}`,
|
|
1657
|
+
gridRow: `${o.gridPosition.row} / span ${s.rows}`
|
|
1667
1658
|
},
|
|
1668
|
-
children:
|
|
1659
|
+
children: o.children
|
|
1669
1660
|
},
|
|
1670
|
-
|
|
1661
|
+
o.key
|
|
1671
1662
|
);
|
|
1672
1663
|
})
|
|
1673
1664
|
}
|
|
1674
1665
|
);
|
|
1675
|
-
const { cards:
|
|
1676
|
-
return /* @__PURE__ */
|
|
1666
|
+
const { cards: n, composite: a } = t;
|
|
1667
|
+
return /* @__PURE__ */ A(
|
|
1677
1668
|
"div",
|
|
1678
1669
|
{
|
|
1679
1670
|
className: "gloss-metric-group gloss-metric-group--composite",
|
|
@@ -1692,16 +1683,16 @@ const ze = function(t) {
|
|
|
1692
1683
|
"aria-label": a?.label,
|
|
1693
1684
|
tabIndex: void 0,
|
|
1694
1685
|
children: [
|
|
1695
|
-
a?.accentColor && /* @__PURE__ */
|
|
1686
|
+
a?.accentColor && /* @__PURE__ */ g(
|
|
1696
1687
|
"div",
|
|
1697
1688
|
{
|
|
1698
1689
|
className: "gloss-metric-group__accent",
|
|
1699
1690
|
style: { background: a.accentColor }
|
|
1700
1691
|
}
|
|
1701
1692
|
),
|
|
1702
|
-
a?.label && /* @__PURE__ */
|
|
1703
|
-
/* @__PURE__ */
|
|
1704
|
-
a?.trend && /* @__PURE__ */
|
|
1693
|
+
a?.label && /* @__PURE__ */ A("div", { className: "gloss-metric-group__label", children: [
|
|
1694
|
+
/* @__PURE__ */ g("span", { children: a.label }),
|
|
1695
|
+
a?.trend && /* @__PURE__ */ g(
|
|
1705
1696
|
"span",
|
|
1706
1697
|
{
|
|
1707
1698
|
className: "gloss-metric-group__trend",
|
|
@@ -1710,28 +1701,28 @@ const ze = function(t) {
|
|
|
1710
1701
|
}
|
|
1711
1702
|
)
|
|
1712
1703
|
] }),
|
|
1713
|
-
/* @__PURE__ */
|
|
1704
|
+
/* @__PURE__ */ g(
|
|
1714
1705
|
"div",
|
|
1715
1706
|
{
|
|
1716
1707
|
className: "gloss-metric-group__slots",
|
|
1717
1708
|
style: {
|
|
1718
1709
|
display: "grid",
|
|
1719
1710
|
gap: "var(--gloss-spacing-2, 8px)",
|
|
1720
|
-
gridTemplateColumns:
|
|
1711
|
+
gridTemplateColumns: Ve(n)
|
|
1721
1712
|
},
|
|
1722
|
-
children:
|
|
1723
|
-
const
|
|
1724
|
-
return /* @__PURE__ */
|
|
1713
|
+
children: n.map((o) => {
|
|
1714
|
+
const s = Q(o.size);
|
|
1715
|
+
return /* @__PURE__ */ g(
|
|
1725
1716
|
"div",
|
|
1726
1717
|
{
|
|
1727
1718
|
className: "gloss-metric-group__slot--composite",
|
|
1728
1719
|
style: {
|
|
1729
|
-
gridColumn: `${
|
|
1730
|
-
gridRow: `${
|
|
1720
|
+
gridColumn: `${o.gridPosition.col} / span ${s.cols}`,
|
|
1721
|
+
gridRow: `${o.gridPosition.row} / span ${s.rows}`
|
|
1731
1722
|
},
|
|
1732
|
-
children:
|
|
1723
|
+
children: o.children
|
|
1733
1724
|
},
|
|
1734
|
-
|
|
1725
|
+
o.key
|
|
1735
1726
|
);
|
|
1736
1727
|
})
|
|
1737
1728
|
}
|
|
@@ -1740,7 +1731,7 @@ const ze = function(t) {
|
|
|
1740
1731
|
}
|
|
1741
1732
|
);
|
|
1742
1733
|
};
|
|
1743
|
-
|
|
1734
|
+
Ze.displayName = "MetricGroupContainer";
|
|
1744
1735
|
const B = {
|
|
1745
1736
|
"gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
|
|
1746
1737
|
"gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
|
|
@@ -1749,44 +1740,44 @@ const B = {
|
|
|
1749
1740
|
"gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
|
|
1750
1741
|
"gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
|
|
1751
1742
|
};
|
|
1752
|
-
function
|
|
1743
|
+
function We({
|
|
1753
1744
|
message: e,
|
|
1754
1745
|
primaryAction: t,
|
|
1755
|
-
onDismiss:
|
|
1746
|
+
onDismiss: n,
|
|
1756
1747
|
anchorEl: a,
|
|
1757
|
-
anchorSelector:
|
|
1748
|
+
anchorSelector: o
|
|
1758
1749
|
}) {
|
|
1759
|
-
const [
|
|
1750
|
+
const [s, i] = F.useState(null), l = F.useMemo(
|
|
1760
1751
|
() => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
|
|
1761
1752
|
[]
|
|
1762
1753
|
);
|
|
1763
|
-
|
|
1764
|
-
!a && !
|
|
1754
|
+
F.useEffect(() => {
|
|
1755
|
+
!a && !o && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
|
|
1765
1756
|
"[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
|
|
1766
1757
|
);
|
|
1767
|
-
}, [a,
|
|
1768
|
-
let
|
|
1769
|
-
if (a ?
|
|
1770
|
-
const
|
|
1771
|
-
|
|
1772
|
-
top:
|
|
1773
|
-
left:
|
|
1758
|
+
}, [a, o]), F.useLayoutEffect(() => {
|
|
1759
|
+
let d = null;
|
|
1760
|
+
if (a ? d = a : o && (d = document.querySelector(o)), d) {
|
|
1761
|
+
const D = d.getBoundingClientRect();
|
|
1762
|
+
i({
|
|
1763
|
+
top: D.bottom + window.scrollY + 6,
|
|
1764
|
+
left: D.left + window.scrollX
|
|
1774
1765
|
});
|
|
1775
1766
|
}
|
|
1776
|
-
}, [a,
|
|
1777
|
-
const
|
|
1778
|
-
return /* @__PURE__ */
|
|
1767
|
+
}, [a, o]);
|
|
1768
|
+
const f = s ? { top: s.top, left: s.left } : {};
|
|
1769
|
+
return /* @__PURE__ */ A(
|
|
1779
1770
|
"div",
|
|
1780
1771
|
{
|
|
1781
1772
|
className: B["gloss-inline-nudge"],
|
|
1782
|
-
style:
|
|
1773
|
+
style: f,
|
|
1783
1774
|
role: "status",
|
|
1784
1775
|
"aria-live": "polite",
|
|
1785
|
-
"data-reduced-motion":
|
|
1776
|
+
"data-reduced-motion": l ? "true" : void 0,
|
|
1786
1777
|
children: [
|
|
1787
|
-
/* @__PURE__ */
|
|
1788
|
-
/* @__PURE__ */
|
|
1789
|
-
/* @__PURE__ */
|
|
1778
|
+
/* @__PURE__ */ g("span", { className: B["gloss-inline-nudge__message"], children: e }),
|
|
1779
|
+
/* @__PURE__ */ A("div", { className: B["gloss-inline-nudge__actions"], children: [
|
|
1780
|
+
/* @__PURE__ */ g(
|
|
1790
1781
|
"button",
|
|
1791
1782
|
{
|
|
1792
1783
|
type: "button",
|
|
@@ -1795,12 +1786,12 @@ function Ke({
|
|
|
1795
1786
|
children: t.label
|
|
1796
1787
|
}
|
|
1797
1788
|
),
|
|
1798
|
-
/* @__PURE__ */
|
|
1789
|
+
/* @__PURE__ */ g(
|
|
1799
1790
|
"button",
|
|
1800
1791
|
{
|
|
1801
1792
|
type: "button",
|
|
1802
1793
|
className: `${B["gloss-inline-nudge__btn"]} ${B["gloss-inline-nudge__btn--dismiss"]}`,
|
|
1803
|
-
onClick:
|
|
1794
|
+
onClick: n,
|
|
1804
1795
|
"aria-label": "Dismiss",
|
|
1805
1796
|
children: "Dismiss"
|
|
1806
1797
|
}
|
|
@@ -1810,641 +1801,818 @@ function Ke({
|
|
|
1810
1801
|
}
|
|
1811
1802
|
);
|
|
1812
1803
|
}
|
|
1813
|
-
|
|
1814
|
-
function
|
|
1804
|
+
We.displayName = "InlineNudge";
|
|
1805
|
+
function X(e) {
|
|
1815
1806
|
return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
|
|
1816
1807
|
}
|
|
1817
|
-
function
|
|
1818
|
-
|
|
1819
|
-
const
|
|
1820
|
-
return
|
|
1808
|
+
function Ye(e, t, n) {
|
|
1809
|
+
if (n <= t) {
|
|
1810
|
+
const i = e[0], l = i ? X(i) : "#888";
|
|
1811
|
+
return `linear-gradient(to right, ${l}, ${l})`;
|
|
1812
|
+
}
|
|
1813
|
+
const a = n - t, s = [...e].sort((i, l) => i.value - l.value).map((i) => {
|
|
1814
|
+
const l = (i.value - t) / a * 100;
|
|
1815
|
+
return `${X(i)} ${l.toFixed(2)}%`;
|
|
1821
1816
|
});
|
|
1822
|
-
return
|
|
1817
|
+
return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
|
|
1823
1818
|
}
|
|
1824
|
-
function
|
|
1819
|
+
function qe(e) {
|
|
1820
|
+
return e.map((t) => `${t.id}:${t.value}`).join("|");
|
|
1821
|
+
}
|
|
1822
|
+
function Ue({
|
|
1825
1823
|
stops: e,
|
|
1826
1824
|
onChange: t,
|
|
1827
|
-
min:
|
|
1825
|
+
min: n = 0,
|
|
1828
1826
|
max: a = 100,
|
|
1829
|
-
|
|
1827
|
+
step: o,
|
|
1828
|
+
disabled: s = !1
|
|
1830
1829
|
}) {
|
|
1831
|
-
const
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
(
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1830
|
+
const i = o === void 0 ? 0.01 : !Number.isFinite(o) || o <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
1831
|
+
`ThresholdRamp: step (${o}) must be a positive finite number; falling back to 0.01.`
|
|
1832
|
+
), 0.01) : o, l = y(
|
|
1833
|
+
(r) => Math.round(r / i) * i,
|
|
1834
|
+
[i]
|
|
1835
|
+
), f = M(null), [d, D] = O(null), [N, u] = O(e), m = qe(e), S = M(m);
|
|
1836
|
+
P(() => {
|
|
1837
|
+
S.current !== m && (S.current = m, !d && u(e));
|
|
1838
|
+
}, [m, e, d]);
|
|
1839
|
+
const R = ie(() => Ye(N, n, a), [N, n, a]), p = y(
|
|
1840
|
+
(r) => {
|
|
1841
|
+
if (!f.current) return n;
|
|
1842
|
+
const c = f.current.getBoundingClientRect(), b = c.width || 1, C = Math.max(0, Math.min(1, (r - c.left) / b)), w = n + C * (a - n);
|
|
1843
|
+
return l(w);
|
|
1838
1844
|
},
|
|
1839
|
-
[
|
|
1840
|
-
)
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1845
|
+
[n, a, l]
|
|
1846
|
+
);
|
|
1847
|
+
P(() => {
|
|
1848
|
+
a <= n && process.env.NODE_ENV !== "production" && console.warn(
|
|
1849
|
+
`ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
|
|
1850
|
+
);
|
|
1851
|
+
}, [n, a]);
|
|
1852
|
+
const x = y(
|
|
1853
|
+
(r, c) => {
|
|
1854
|
+
const b = N.find((C) => C.id === c);
|
|
1855
|
+
s || b?.disabled || (r.preventDefault(), D(c));
|
|
1844
1856
|
},
|
|
1845
|
-
[
|
|
1846
|
-
),
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1857
|
+
[s, N]
|
|
1858
|
+
), T = M(N);
|
|
1859
|
+
T.current = N;
|
|
1860
|
+
const v = M(t);
|
|
1861
|
+
v.current = t, P(() => {
|
|
1862
|
+
if (!d) return;
|
|
1863
|
+
const r = (b) => {
|
|
1864
|
+
const C = p(b.clientX);
|
|
1865
|
+
u(
|
|
1866
|
+
(w) => w.map((I) => I.id === d ? { ...I, value: C } : I)
|
|
1852
1867
|
);
|
|
1853
|
-
},
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1868
|
+
}, c = (b) => {
|
|
1869
|
+
const C = p(b.clientX), w = T.current.map(
|
|
1870
|
+
(I) => I.id === d ? { ...I, value: C } : I
|
|
1871
|
+
);
|
|
1872
|
+
u(w), D(null), v.current(w);
|
|
1873
|
+
};
|
|
1874
|
+
return window.addEventListener("pointermove", r), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), () => {
|
|
1875
|
+
window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c);
|
|
1876
|
+
};
|
|
1877
|
+
}, [d, p]);
|
|
1878
|
+
const k = a - n > 0 ? a - n : 1, h = y(
|
|
1879
|
+
(r, c) => {
|
|
1880
|
+
if (s || c.disabled) return;
|
|
1881
|
+
const b = a - n;
|
|
1882
|
+
if (b <= 0) return;
|
|
1883
|
+
const C = r.shiftKey ? b / 20 : b / 100;
|
|
1884
|
+
let w = c.value;
|
|
1885
|
+
switch (r.key) {
|
|
1886
|
+
case "ArrowRight":
|
|
1887
|
+
case "ArrowUp":
|
|
1888
|
+
w = c.value + C;
|
|
1889
|
+
break;
|
|
1890
|
+
case "ArrowLeft":
|
|
1891
|
+
case "ArrowDown":
|
|
1892
|
+
w = c.value - C;
|
|
1893
|
+
break;
|
|
1894
|
+
case "Home":
|
|
1895
|
+
w = n;
|
|
1896
|
+
break;
|
|
1897
|
+
case "End":
|
|
1898
|
+
w = a;
|
|
1899
|
+
break;
|
|
1900
|
+
default:
|
|
1901
|
+
return;
|
|
1902
|
+
}
|
|
1903
|
+
r.preventDefault();
|
|
1904
|
+
const I = Math.max(n, Math.min(a, w)), _ = l(I);
|
|
1905
|
+
if (_ === c.value) return;
|
|
1906
|
+
const K = N.map(
|
|
1907
|
+
(G) => G.id === c.id ? { ...G, value: _ } : G
|
|
1860
1908
|
);
|
|
1861
|
-
|
|
1909
|
+
u(K), t(K);
|
|
1862
1910
|
},
|
|
1863
|
-
[s,
|
|
1864
|
-
)
|
|
1865
|
-
return /* @__PURE__ */
|
|
1911
|
+
[s, n, a, N, t, l]
|
|
1912
|
+
);
|
|
1913
|
+
return /* @__PURE__ */ g("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ g(
|
|
1866
1914
|
"div",
|
|
1867
1915
|
{
|
|
1868
|
-
ref:
|
|
1916
|
+
ref: f,
|
|
1869
1917
|
className: "gloss-threshold-ramp__track",
|
|
1870
|
-
style: { background:
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
children: m.map((b) => {
|
|
1875
|
-
const S = (b.value - r) / k * 100;
|
|
1876
|
-
return /* @__PURE__ */ u(
|
|
1918
|
+
style: { background: R },
|
|
1919
|
+
children: N.map((r) => {
|
|
1920
|
+
const c = (r.value - n) / k * 100;
|
|
1921
|
+
return /* @__PURE__ */ g(
|
|
1877
1922
|
"span",
|
|
1878
1923
|
{
|
|
1879
1924
|
className: "gloss-threshold-ramp__stop",
|
|
1880
1925
|
style: {
|
|
1881
|
-
left: `${
|
|
1882
|
-
color:
|
|
1926
|
+
left: `${c}%`,
|
|
1927
|
+
color: X(r)
|
|
1883
1928
|
},
|
|
1884
|
-
"data-disabled":
|
|
1885
|
-
"data-dragging":
|
|
1886
|
-
onPointerDown: (
|
|
1887
|
-
|
|
1929
|
+
"data-disabled": r.disabled || void 0,
|
|
1930
|
+
"data-dragging": d === r.id || void 0,
|
|
1931
|
+
onPointerDown: (b) => x(b, r.id),
|
|
1932
|
+
onKeyDown: (b) => h(b, r),
|
|
1933
|
+
"aria-label": r.label ?? `Stop at ${r.value}`,
|
|
1888
1934
|
role: "slider",
|
|
1889
|
-
"aria-valuenow":
|
|
1890
|
-
"aria-valuemin":
|
|
1935
|
+
"aria-valuenow": r.value,
|
|
1936
|
+
"aria-valuemin": n,
|
|
1891
1937
|
"aria-valuemax": a,
|
|
1892
|
-
|
|
1938
|
+
"aria-disabled": r.disabled || s || void 0,
|
|
1939
|
+
tabIndex: r.disabled || s ? -1 : 0
|
|
1893
1940
|
},
|
|
1894
|
-
|
|
1941
|
+
r.id
|
|
1895
1942
|
);
|
|
1896
1943
|
})
|
|
1897
1944
|
}
|
|
1898
1945
|
) });
|
|
1899
1946
|
}
|
|
1900
|
-
|
|
1901
|
-
const
|
|
1902
|
-
function
|
|
1903
|
-
return
|
|
1947
|
+
Ue.displayName = "ThresholdRamp";
|
|
1948
|
+
const me = ve(null);
|
|
1949
|
+
function je() {
|
|
1950
|
+
return ye(me);
|
|
1904
1951
|
}
|
|
1905
|
-
function
|
|
1906
|
-
const t =
|
|
1952
|
+
function Qe({ option: e }) {
|
|
1953
|
+
const t = je(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, o = y(() => {
|
|
1907
1954
|
a || t?.select(e.value);
|
|
1908
|
-
}, [a, t, e.value]),
|
|
1909
|
-
|
|
1955
|
+
}, [a, t, e.value]), s = y(
|
|
1956
|
+
(d) => {
|
|
1957
|
+
a || t?.onKeyNav(d, e.value);
|
|
1958
|
+
},
|
|
1959
|
+
[a, t, e.value]
|
|
1960
|
+
), i = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, f = a ? -1 : l ? 0 : -1;
|
|
1961
|
+
return /* @__PURE__ */ g(
|
|
1910
1962
|
"button",
|
|
1911
1963
|
{
|
|
1964
|
+
ref: (d) => t?.registerRef(e.value, d),
|
|
1912
1965
|
type: "button",
|
|
1966
|
+
role: "radio",
|
|
1967
|
+
"aria-checked": n,
|
|
1913
1968
|
className: "gloss-preset-swatch-row__swatch",
|
|
1914
|
-
style: { backgroundColor:
|
|
1915
|
-
"data-selected":
|
|
1969
|
+
style: { backgroundColor: i },
|
|
1970
|
+
"data-selected": n || void 0,
|
|
1916
1971
|
"data-disabled": a || void 0,
|
|
1917
|
-
"data-bg-color":
|
|
1972
|
+
...process.env.NODE_ENV === "test" ? { "data-bg-color": i } : {},
|
|
1918
1973
|
"aria-label": e.label ?? e.value,
|
|
1919
|
-
"aria-pressed": r,
|
|
1920
1974
|
"aria-disabled": a,
|
|
1921
1975
|
disabled: a,
|
|
1922
|
-
|
|
1976
|
+
tabIndex: f,
|
|
1977
|
+
onClick: o,
|
|
1978
|
+
onKeyDown: s
|
|
1923
1979
|
}
|
|
1924
1980
|
);
|
|
1925
1981
|
}
|
|
1926
|
-
function
|
|
1982
|
+
function Xe({
|
|
1927
1983
|
swatches: e,
|
|
1928
1984
|
value: t,
|
|
1929
|
-
defaultValue:
|
|
1985
|
+
defaultValue: n,
|
|
1930
1986
|
onChange: a,
|
|
1931
|
-
disabled:
|
|
1932
|
-
name:
|
|
1987
|
+
disabled: o = !1,
|
|
1988
|
+
name: s
|
|
1933
1989
|
}) {
|
|
1934
|
-
const
|
|
1935
|
-
(
|
|
1936
|
-
|
|
1990
|
+
const i = t !== void 0, [l, f] = O(n), d = i ? t : l, D = y(
|
|
1991
|
+
(v) => {
|
|
1992
|
+
i || f(v), a?.(v);
|
|
1993
|
+
},
|
|
1994
|
+
[i, a]
|
|
1995
|
+
), N = y(
|
|
1996
|
+
(v) => d === v,
|
|
1997
|
+
[d]
|
|
1998
|
+
), u = M(/* @__PURE__ */ new Map()), m = y((v, k) => {
|
|
1999
|
+
k ? u.current.set(v, k) : u.current.delete(v);
|
|
2000
|
+
}, []), S = e.filter((v) => !v.disabled && !o), R = S.find((v) => v.value === d)?.value ?? S[0]?.value, p = y((v) => {
|
|
2001
|
+
const k = u.current.get(v);
|
|
2002
|
+
k && k.focus();
|
|
2003
|
+
}, []), x = y(
|
|
2004
|
+
(v, k) => {
|
|
2005
|
+
if (o) return;
|
|
2006
|
+
const h = e.filter((C) => !C.disabled);
|
|
2007
|
+
if (h.length === 0) return;
|
|
2008
|
+
const r = h.findIndex((C) => C.value === k);
|
|
2009
|
+
if (r === -1) return;
|
|
2010
|
+
let c = r;
|
|
2011
|
+
switch (v.key) {
|
|
2012
|
+
case "ArrowRight":
|
|
2013
|
+
case "ArrowDown":
|
|
2014
|
+
c = (r + 1) % h.length;
|
|
2015
|
+
break;
|
|
2016
|
+
case "ArrowLeft":
|
|
2017
|
+
case "ArrowUp":
|
|
2018
|
+
c = (r - 1 + h.length) % h.length;
|
|
2019
|
+
break;
|
|
2020
|
+
case "Home":
|
|
2021
|
+
c = 0;
|
|
2022
|
+
break;
|
|
2023
|
+
case "End":
|
|
2024
|
+
c = h.length - 1;
|
|
2025
|
+
break;
|
|
2026
|
+
case " ":
|
|
2027
|
+
case "Enter":
|
|
2028
|
+
v.preventDefault(), D(k);
|
|
2029
|
+
return;
|
|
2030
|
+
default:
|
|
2031
|
+
return;
|
|
2032
|
+
}
|
|
2033
|
+
v.preventDefault();
|
|
2034
|
+
const b = h[c].value;
|
|
2035
|
+
p(b), D(b);
|
|
1937
2036
|
},
|
|
1938
|
-
[
|
|
1939
|
-
),
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
2037
|
+
[o, e, D, p]
|
|
2038
|
+
), T = {
|
|
2039
|
+
selectedValue: d,
|
|
2040
|
+
select: D,
|
|
2041
|
+
isSelected: N,
|
|
2042
|
+
groupDisabled: o,
|
|
2043
|
+
name: s,
|
|
2044
|
+
registerRef: m,
|
|
2045
|
+
firstFocusableValue: R,
|
|
2046
|
+
onKeyNav: x
|
|
1948
2047
|
};
|
|
1949
|
-
return /* @__PURE__ */
|
|
2048
|
+
return /* @__PURE__ */ g(me.Provider, { value: T, children: /* @__PURE__ */ g(
|
|
1950
2049
|
"div",
|
|
1951
2050
|
{
|
|
1952
2051
|
className: "gloss-preset-swatch-row",
|
|
1953
2052
|
role: "radiogroup",
|
|
1954
|
-
"aria-label":
|
|
1955
|
-
"aria-disabled":
|
|
1956
|
-
"data-disabled":
|
|
1957
|
-
children: e.map((
|
|
2053
|
+
"aria-label": s,
|
|
2054
|
+
"aria-disabled": o,
|
|
2055
|
+
"data-disabled": o || void 0,
|
|
2056
|
+
children: e.map((v) => /* @__PURE__ */ g(Qe, { option: v }, v.value))
|
|
1958
2057
|
}
|
|
1959
2058
|
) });
|
|
1960
2059
|
}
|
|
1961
|
-
|
|
1962
|
-
function
|
|
1963
|
-
for (const
|
|
1964
|
-
if (
|
|
1965
|
-
return
|
|
2060
|
+
Xe.displayName = "PresetSwatchRow";
|
|
2061
|
+
function J(e, t) {
|
|
2062
|
+
for (const n of e)
|
|
2063
|
+
if (n.items.some((a) => a.id === t))
|
|
2064
|
+
return n.zoneKey;
|
|
1966
2065
|
return null;
|
|
1967
2066
|
}
|
|
1968
|
-
function
|
|
1969
|
-
const
|
|
1970
|
-
return
|
|
2067
|
+
function se(e, t) {
|
|
2068
|
+
const n = e.find((a) => a.zoneKey === t);
|
|
2069
|
+
return n ? n.zoneKey : J(e, t);
|
|
2070
|
+
}
|
|
2071
|
+
function Je(e, t, n) {
|
|
2072
|
+
const a = [...e], [o] = a.splice(t, 1);
|
|
2073
|
+
return a.splice(n, 0, o), a;
|
|
1971
2074
|
}
|
|
1972
|
-
function
|
|
1973
|
-
|
|
1974
|
-
return a.splice(r, 0, n), a;
|
|
2075
|
+
function et(e) {
|
|
2076
|
+
return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
|
|
1975
2077
|
}
|
|
1976
|
-
function
|
|
1977
|
-
const [t,
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
(
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
2078
|
+
function tt(e) {
|
|
2079
|
+
const [t, n] = O(
|
|
2080
|
+
() => e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2081
|
+
`useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
|
|
2082
|
+
), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
|
|
2083
|
+
), [a, o] = O(null), [s, i] = O(null), l = M(null), f = M(e.onZoneChange);
|
|
2084
|
+
f.current = e.onZoneChange;
|
|
2085
|
+
const d = ie(
|
|
2086
|
+
() => et(e.zones),
|
|
2087
|
+
[e.zones]
|
|
2088
|
+
), D = M(d);
|
|
2089
|
+
P(() => {
|
|
2090
|
+
D.current !== d && (D.current = d, !a && n(
|
|
2091
|
+
e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2092
|
+
`useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
|
|
2093
|
+
), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
|
|
2094
|
+
));
|
|
2095
|
+
}, [d, e.zones, a]);
|
|
2096
|
+
const N = y(
|
|
2097
|
+
(p) => {
|
|
2098
|
+
const x = p.active.id;
|
|
2099
|
+
let T = null, v = null;
|
|
2100
|
+
for (const k of t) {
|
|
2101
|
+
const h = k.items.find((r) => r.id === x);
|
|
2102
|
+
if (h) {
|
|
2103
|
+
T = h, v = k.zoneKey;
|
|
1987
2104
|
break;
|
|
1988
2105
|
}
|
|
1989
2106
|
}
|
|
1990
|
-
|
|
2107
|
+
l.current = v, o(T), i(v);
|
|
1991
2108
|
},
|
|
1992
2109
|
[t]
|
|
1993
|
-
),
|
|
1994
|
-
(
|
|
1995
|
-
if (!
|
|
1996
|
-
|
|
2110
|
+
), u = y(
|
|
2111
|
+
(p) => {
|
|
2112
|
+
if (!p.over) {
|
|
2113
|
+
i(l.current);
|
|
1997
2114
|
return;
|
|
1998
2115
|
}
|
|
1999
|
-
const
|
|
2000
|
-
|
|
2116
|
+
const x = se(t, p.over.id);
|
|
2117
|
+
i(x);
|
|
2001
2118
|
},
|
|
2002
2119
|
[t]
|
|
2003
|
-
),
|
|
2004
|
-
(
|
|
2005
|
-
const { active:
|
|
2006
|
-
|
|
2120
|
+
), m = y(
|
|
2121
|
+
(p) => {
|
|
2122
|
+
const { active: x, over: T } = p, v = () => {
|
|
2123
|
+
l.current = null, o(null), i(null);
|
|
2007
2124
|
};
|
|
2008
|
-
if (!
|
|
2009
|
-
|
|
2125
|
+
if (!T) {
|
|
2126
|
+
v();
|
|
2010
2127
|
return;
|
|
2011
2128
|
}
|
|
2012
|
-
const
|
|
2013
|
-
if (!
|
|
2014
|
-
|
|
2129
|
+
const k = J(t, x.id), h = se(t, T.id);
|
|
2130
|
+
if (!k || !h) {
|
|
2131
|
+
v();
|
|
2015
2132
|
return;
|
|
2016
2133
|
}
|
|
2017
|
-
let
|
|
2018
|
-
if (
|
|
2019
|
-
const
|
|
2020
|
-
|
|
2021
|
-
...
|
|
2022
|
-
items:
|
|
2134
|
+
let r = t.map((c) => ({ ...c, items: [...c.items] }));
|
|
2135
|
+
if (k === h) {
|
|
2136
|
+
const c = r.findIndex((_) => _.zoneKey === k), b = r[c], C = b.items.findIndex((_) => _.id === x.id), w = b.items.findIndex((_) => _.id === T.id), I = w >= 0 ? w : Math.max(0, b.items.length - 1);
|
|
2137
|
+
r[c] = {
|
|
2138
|
+
...b,
|
|
2139
|
+
items: Je(b.items, C, I)
|
|
2023
2140
|
};
|
|
2024
2141
|
} else {
|
|
2025
|
-
const
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2142
|
+
const c = r.findIndex((E) => E.zoneKey === k), b = r.findIndex((E) => E.zoneKey === h), C = r[c], w = r[b], I = C.items.find((E) => E.id === x.id);
|
|
2143
|
+
if (!I) {
|
|
2144
|
+
v();
|
|
2145
|
+
return;
|
|
2146
|
+
}
|
|
2147
|
+
const _ = C.items.filter((E) => E.id !== x.id), K = w.items.findIndex((E) => E.id === T.id), G = K >= 0 ? K : w.items.length;
|
|
2148
|
+
let te = _, $ = [...w.items];
|
|
2149
|
+
if (w.maxItems !== void 0 && $.length >= w.maxItems) {
|
|
2150
|
+
const E = $[$.length - 1];
|
|
2151
|
+
$ = $.slice(0, w.maxItems - 1), te = [..._, E];
|
|
2030
2152
|
}
|
|
2031
|
-
const
|
|
2032
|
-
|
|
2153
|
+
const ae = Math.min(G, $.length), fe = [
|
|
2154
|
+
...$.slice(0, ae),
|
|
2033
2155
|
I,
|
|
2034
|
-
|
|
2156
|
+
...$.slice(ae)
|
|
2035
2157
|
];
|
|
2036
|
-
|
|
2158
|
+
r[c] = { ...C, items: te }, r[b] = { ...w, items: fe };
|
|
2037
2159
|
}
|
|
2038
|
-
r
|
|
2160
|
+
n(r), f.current?.(r), v();
|
|
2039
2161
|
},
|
|
2040
2162
|
[t]
|
|
2041
|
-
),
|
|
2042
|
-
(
|
|
2043
|
-
id:
|
|
2044
|
-
"data-zone-key":
|
|
2163
|
+
), S = y(
|
|
2164
|
+
(p) => ({
|
|
2165
|
+
id: p,
|
|
2166
|
+
"data-zone-key": p
|
|
2045
2167
|
}),
|
|
2046
2168
|
[]
|
|
2047
|
-
),
|
|
2048
|
-
(
|
|
2049
|
-
const
|
|
2169
|
+
), R = y(
|
|
2170
|
+
(p) => {
|
|
2171
|
+
const x = J(t, p.id) ?? "";
|
|
2050
2172
|
return {
|
|
2051
|
-
id:
|
|
2052
|
-
"data-item-id":
|
|
2053
|
-
"data-zone-key":
|
|
2173
|
+
id: p.id,
|
|
2174
|
+
"data-item-id": p.id,
|
|
2175
|
+
"data-zone-key": x
|
|
2054
2176
|
};
|
|
2055
2177
|
},
|
|
2056
2178
|
[t]
|
|
2057
2179
|
);
|
|
2058
2180
|
return {
|
|
2059
2181
|
zones: t,
|
|
2060
|
-
activeZone:
|
|
2182
|
+
activeZone: s,
|
|
2061
2183
|
activeItem: a,
|
|
2062
|
-
getZoneProps:
|
|
2063
|
-
getItemProps:
|
|
2064
|
-
handleDragStart:
|
|
2065
|
-
handleDragOver:
|
|
2066
|
-
handleDragEnd:
|
|
2184
|
+
getZoneProps: S,
|
|
2185
|
+
getItemProps: R,
|
|
2186
|
+
handleDragStart: N,
|
|
2187
|
+
handleDragOver: u,
|
|
2188
|
+
handleDragEnd: m
|
|
2067
2189
|
};
|
|
2068
2190
|
}
|
|
2069
|
-
let
|
|
2070
|
-
|
|
2071
|
-
|
|
2191
|
+
let H = null, V = null, q = !1;
|
|
2192
|
+
const at = [
|
|
2193
|
+
"DndContext",
|
|
2194
|
+
"DragOverlay",
|
|
2195
|
+
"useSensors",
|
|
2196
|
+
"useSensor",
|
|
2197
|
+
"useDroppable",
|
|
2198
|
+
"PointerSensor",
|
|
2199
|
+
"KeyboardSensor",
|
|
2200
|
+
"closestCenter"
|
|
2201
|
+
], rt = [
|
|
2202
|
+
"SortableContext",
|
|
2203
|
+
"useSortable",
|
|
2204
|
+
"verticalListSortingStrategy"
|
|
2205
|
+
];
|
|
2206
|
+
function nt(e, t) {
|
|
2207
|
+
const n = [], a = e ?? {};
|
|
2208
|
+
for (const s of at)
|
|
2209
|
+
a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
|
|
2210
|
+
const o = t ?? {};
|
|
2211
|
+
for (const s of rt)
|
|
2212
|
+
o[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
|
|
2213
|
+
return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
|
|
2214
|
+
}
|
|
2215
|
+
function ot() {
|
|
2216
|
+
return H ? Promise.resolve(H) : q ? Promise.resolve(null) : V || (V = (async () => {
|
|
2072
2217
|
try {
|
|
2073
|
-
const [e, t,
|
|
2218
|
+
const [e, t, n] = await Promise.all([
|
|
2074
2219
|
import("@dnd-kit/core"),
|
|
2075
2220
|
import("@dnd-kit/sortable"),
|
|
2076
|
-
import("@dnd-kit/utilities").catch(() => (
|
|
2077
|
-
|
|
2078
|
-
|
|
2221
|
+
import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
|
|
2222
|
+
"SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
|
|
2223
|
+
), {}))
|
|
2224
|
+
]), a = nt(e, t);
|
|
2225
|
+
return a.ok ? (H = {
|
|
2079
2226
|
core: e,
|
|
2080
2227
|
sortable: t,
|
|
2081
|
-
utilities:
|
|
2082
|
-
},
|
|
2228
|
+
utilities: n
|
|
2229
|
+
}, H) : (q = !0, process.env.NODE_ENV !== "production" && console.error(
|
|
2230
|
+
`SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
|
|
2231
|
+
), null);
|
|
2083
2232
|
} catch {
|
|
2084
|
-
return
|
|
2233
|
+
return q = !0, null;
|
|
2085
2234
|
}
|
|
2086
|
-
})(),
|
|
2235
|
+
})(), V);
|
|
2087
2236
|
}
|
|
2088
|
-
function
|
|
2089
|
-
const { zones: t, onZoneChange:
|
|
2090
|
-
return
|
|
2091
|
-
if (
|
|
2092
|
-
let
|
|
2093
|
-
return
|
|
2094
|
-
|
|
2237
|
+
function st(e) {
|
|
2238
|
+
const { zones: t, onZoneChange: n, renderZone: a, renderItem: o, renderDragOverlay: s } = e, i = tt({ zones: t, onZoneChange: n }), [l, f] = F.useState(H);
|
|
2239
|
+
return F.useEffect(() => {
|
|
2240
|
+
if (l) return;
|
|
2241
|
+
let d = !0;
|
|
2242
|
+
return ot().then((D) => {
|
|
2243
|
+
d && f(D);
|
|
2095
2244
|
}), () => {
|
|
2096
|
-
|
|
2245
|
+
d = !1;
|
|
2097
2246
|
};
|
|
2098
|
-
}, [
|
|
2099
|
-
|
|
2247
|
+
}, [l]), l ? /* @__PURE__ */ g(
|
|
2248
|
+
pe,
|
|
2100
2249
|
{
|
|
2101
|
-
state:
|
|
2102
|
-
modules:
|
|
2250
|
+
state: i,
|
|
2251
|
+
modules: l,
|
|
2103
2252
|
renderZone: a,
|
|
2104
|
-
renderItem:
|
|
2105
|
-
renderDragOverlay:
|
|
2253
|
+
renderItem: o,
|
|
2254
|
+
renderDragOverlay: s
|
|
2106
2255
|
}
|
|
2107
|
-
) : /* @__PURE__ */
|
|
2108
|
-
const
|
|
2109
|
-
return /* @__PURE__ */
|
|
2256
|
+
) : /* @__PURE__ */ g("div", { "data-sortable-zones-passive": "true", children: i.zones.map((d) => {
|
|
2257
|
+
const D = d.items.map((N) => /* @__PURE__ */ g(F.Fragment, { children: o(N) }, N.id));
|
|
2258
|
+
return /* @__PURE__ */ g("div", { ...i.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, D) }, d.zoneKey);
|
|
2110
2259
|
}) });
|
|
2111
2260
|
}
|
|
2112
|
-
|
|
2113
|
-
function
|
|
2261
|
+
st.displayName = "SortableZones";
|
|
2262
|
+
function pe({
|
|
2114
2263
|
state: e,
|
|
2115
2264
|
modules: t,
|
|
2116
|
-
renderZone:
|
|
2265
|
+
renderZone: n,
|
|
2117
2266
|
renderItem: a,
|
|
2118
|
-
renderDragOverlay:
|
|
2267
|
+
renderDragOverlay: o
|
|
2119
2268
|
}) {
|
|
2120
|
-
const { core:
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
),
|
|
2124
|
-
return /* @__PURE__ */
|
|
2125
|
-
|
|
2269
|
+
const { core: s, sortable: i, utilities: l } = t, { DndContext: f, DragOverlay: d, useSensors: D, useSensor: N, useDroppable: u, PointerSensor: m, KeyboardSensor: S, closestCenter: R } = s, { SortableContext: p, verticalListSortingStrategy: x } = i, T = D(
|
|
2270
|
+
N(m, { activationConstraint: { distance: 5 } }),
|
|
2271
|
+
N(S)
|
|
2272
|
+
), v = f, k = d, h = p;
|
|
2273
|
+
return /* @__PURE__ */ A(
|
|
2274
|
+
v,
|
|
2126
2275
|
{
|
|
2127
|
-
sensors:
|
|
2128
|
-
collisionDetection:
|
|
2276
|
+
sensors: T,
|
|
2277
|
+
collisionDetection: R,
|
|
2129
2278
|
onDragStart: e.handleDragStart,
|
|
2130
2279
|
onDragOver: e.handleDragOver,
|
|
2131
2280
|
onDragEnd: e.handleDragEnd,
|
|
2132
2281
|
children: [
|
|
2133
|
-
e.zones.map((
|
|
2134
|
-
const c =
|
|
2135
|
-
|
|
2282
|
+
e.zones.map((r) => {
|
|
2283
|
+
const c = r.items.map((C) => C.id), b = r.items.map((C) => /* @__PURE__ */ g(
|
|
2284
|
+
ge,
|
|
2136
2285
|
{
|
|
2137
|
-
id:
|
|
2138
|
-
useSortable:
|
|
2139
|
-
cssHelper:
|
|
2140
|
-
children: a(
|
|
2286
|
+
id: C.id,
|
|
2287
|
+
useSortable: i.useSortable,
|
|
2288
|
+
cssHelper: l.CSS,
|
|
2289
|
+
children: a(C)
|
|
2141
2290
|
},
|
|
2142
|
-
|
|
2291
|
+
C.id
|
|
2143
2292
|
));
|
|
2144
|
-
return /* @__PURE__ */
|
|
2293
|
+
return /* @__PURE__ */ g(
|
|
2294
|
+
be,
|
|
2295
|
+
{
|
|
2296
|
+
zoneKey: r.zoneKey,
|
|
2297
|
+
zoneProps: e.getZoneProps(r.zoneKey),
|
|
2298
|
+
useDroppable: u,
|
|
2299
|
+
children: /* @__PURE__ */ g(h, { items: c, strategy: x, children: n(r.zoneKey, r.items, b) })
|
|
2300
|
+
},
|
|
2301
|
+
r.zoneKey
|
|
2302
|
+
);
|
|
2145
2303
|
}),
|
|
2146
|
-
/* @__PURE__ */
|
|
2304
|
+
/* @__PURE__ */ g(k, { children: e.activeItem ? o?.(e.activeItem) ?? a(e.activeItem) : null })
|
|
2147
2305
|
]
|
|
2148
2306
|
}
|
|
2149
2307
|
);
|
|
2150
2308
|
}
|
|
2151
|
-
|
|
2152
|
-
function
|
|
2153
|
-
const { attributes:
|
|
2154
|
-
transform:
|
|
2155
|
-
transition:
|
|
2156
|
-
opacity:
|
|
2309
|
+
pe.displayName = "SortableZonesInner";
|
|
2310
|
+
function ge({ id: e, useSortable: t, cssHelper: n, children: a }) {
|
|
2311
|
+
const { attributes: o, listeners: s, setNodeRef: i, transform: l, transition: f, isDragging: d } = t({ id: e }), D = {
|
|
2312
|
+
transform: n?.Transform?.toString(l) ?? void 0,
|
|
2313
|
+
transition: f,
|
|
2314
|
+
opacity: d ? 0.5 : 1
|
|
2157
2315
|
};
|
|
2158
|
-
return /* @__PURE__ */
|
|
2316
|
+
return /* @__PURE__ */ g("div", { ref: i, style: D, "data-sortable-item-id": e, ...o, ...s, children: a });
|
|
2317
|
+
}
|
|
2318
|
+
ge.displayName = "SortableItem";
|
|
2319
|
+
function be({
|
|
2320
|
+
zoneKey: e,
|
|
2321
|
+
zoneProps: t,
|
|
2322
|
+
useDroppable: n,
|
|
2323
|
+
children: a
|
|
2324
|
+
}) {
|
|
2325
|
+
const { setNodeRef: o, isOver: s } = n({ id: e });
|
|
2326
|
+
return /* @__PURE__ */ g("div", { ref: o, "data-zone-is-over": s || void 0, ...t, children: a });
|
|
2159
2327
|
}
|
|
2160
|
-
|
|
2161
|
-
const
|
|
2162
|
-
const
|
|
2163
|
-
return delete
|
|
2328
|
+
be.displayName = "ZoneDroppable";
|
|
2329
|
+
const it = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
2330
|
+
const o = { ...n };
|
|
2331
|
+
return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...o, children: /* @__PURE__ */ g(ee, { region: "toolbar", density: e, children: t }) });
|
|
2164
2332
|
});
|
|
2165
|
-
|
|
2166
|
-
const
|
|
2167
|
-
const
|
|
2168
|
-
return delete
|
|
2169
|
-
e && /* @__PURE__ */
|
|
2170
|
-
t && /* @__PURE__ */
|
|
2171
|
-
/* @__PURE__ */
|
|
2333
|
+
it.displayName = "ContainerToolbar";
|
|
2334
|
+
const lt = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...o }, s) => {
|
|
2335
|
+
const i = { ...o };
|
|
2336
|
+
return delete i.className, delete i.style, /* @__PURE__ */ A("fieldset", { ref: s, className: "gloss-container-form-section", ...i, children: [
|
|
2337
|
+
e && /* @__PURE__ */ g("legend", { className: "gloss-container-form-section__legend", children: e }),
|
|
2338
|
+
t && /* @__PURE__ */ g("p", { className: "gloss-container-form-section__description", children: t }),
|
|
2339
|
+
/* @__PURE__ */ g(ee, { region: "form-section", density: n, children: a })
|
|
2172
2340
|
] });
|
|
2173
2341
|
});
|
|
2174
|
-
|
|
2175
|
-
const
|
|
2176
|
-
const
|
|
2177
|
-
return delete
|
|
2342
|
+
lt.displayName = "ContainerFormSection";
|
|
2343
|
+
const dt = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
2344
|
+
const o = { ...n };
|
|
2345
|
+
return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-table", ...o, children: /* @__PURE__ */ g(ee, { region: "table", density: e, children: t }) });
|
|
2178
2346
|
});
|
|
2179
|
-
|
|
2347
|
+
dt.displayName = "ContainerTable";
|
|
2180
2348
|
export {
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
|
|
2337
|
-
|
|
2338
|
-
|
|
2339
|
-
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
|
|
2349
|
+
oa as Accordion,
|
|
2350
|
+
sa as AccordionContent,
|
|
2351
|
+
ia as AccordionItem,
|
|
2352
|
+
la as AccordionTrigger,
|
|
2353
|
+
da as Actionable,
|
|
2354
|
+
ca as AddressGroup,
|
|
2355
|
+
ua as AddressSelect,
|
|
2356
|
+
ma as AsyncLoader,
|
|
2357
|
+
pa as Autocomplete,
|
|
2358
|
+
ga as Badge,
|
|
2359
|
+
ba as BarChartCard,
|
|
2360
|
+
fa as BarsBg,
|
|
2361
|
+
ha as Button,
|
|
2362
|
+
va as ButtonGroup,
|
|
2363
|
+
ya as ButtonGroupContext,
|
|
2364
|
+
Ca as Card,
|
|
2365
|
+
wa as CardActions,
|
|
2366
|
+
Da as CardBack,
|
|
2367
|
+
Na as CardBody,
|
|
2368
|
+
Sa as CardFooter,
|
|
2369
|
+
ka as CardHeader,
|
|
2370
|
+
xa as CardMedia,
|
|
2371
|
+
Ta as CardShell,
|
|
2372
|
+
Ia as CardSubtitle,
|
|
2373
|
+
Ra as CardTitle,
|
|
2374
|
+
_a as ChartControlBar,
|
|
2375
|
+
Ma as Checkbox,
|
|
2376
|
+
Pa as CheckboxGroup,
|
|
2377
|
+
Fa as Chip,
|
|
2378
|
+
Ea as ColorPicker,
|
|
2379
|
+
Oa as ComparisonCard,
|
|
2380
|
+
Aa as ContactForm,
|
|
2381
|
+
La as ContainerCard,
|
|
2382
|
+
$a as ContainerCardActions,
|
|
2383
|
+
Ba as ContainerCardBody,
|
|
2384
|
+
Ka as ContainerCardFooter,
|
|
2385
|
+
Ga as ContainerCardHeader,
|
|
2386
|
+
Ha as ContainerCardMedia,
|
|
2387
|
+
za as ContainerCardSubtitle,
|
|
2388
|
+
Va as ContainerCardTitle,
|
|
2389
|
+
Za as ContainerDialog,
|
|
2390
|
+
Wa as ContainerDialogActions,
|
|
2391
|
+
Ya as ContainerDialogBody,
|
|
2392
|
+
qa as ContainerDialogHeader,
|
|
2393
|
+
lt as ContainerFormSection,
|
|
2394
|
+
Ua as ContainerPanel,
|
|
2395
|
+
dt as ContainerTable,
|
|
2396
|
+
it as ContainerToolbar,
|
|
2397
|
+
ja as CreditCardForm,
|
|
2398
|
+
ko as DEFAULT_MARKET_PRESETS,
|
|
2399
|
+
xo as DEFAULT_PINNED,
|
|
2400
|
+
Qa as DataTable,
|
|
2401
|
+
Xa as DatePicker,
|
|
2402
|
+
Ja as DateRangePicker,
|
|
2403
|
+
er as DestructiveModal,
|
|
2404
|
+
tr as DirectionCard,
|
|
2405
|
+
ar as Dismissible,
|
|
2406
|
+
rr as DistributionCard,
|
|
2407
|
+
nr as DonutChart,
|
|
2408
|
+
or as Dropdown,
|
|
2409
|
+
sr as ENTITY_FILTER_KEYS,
|
|
2410
|
+
ir as ENTITY_PROFILE_ROUTES,
|
|
2411
|
+
lr as ENTITY_TYPE_PLURAL,
|
|
2412
|
+
Re as EdgeHoverHandle,
|
|
2413
|
+
dr as EntityPicker,
|
|
2414
|
+
cr as EntitySearchPanel,
|
|
2415
|
+
ur as Expandable,
|
|
2416
|
+
mr as ExpandableChip,
|
|
2417
|
+
pr as FLIP_AND_STAGE_TIMINGS,
|
|
2418
|
+
gr as FileUpload,
|
|
2419
|
+
br as FilterChip,
|
|
2420
|
+
fr as FilterInput,
|
|
2421
|
+
hr as FlipAndStageProvider,
|
|
2422
|
+
vr as Form,
|
|
2423
|
+
yr as FormDialog,
|
|
2424
|
+
Cr as FormField,
|
|
2425
|
+
wr as FusedShape,
|
|
2426
|
+
_e as GhostPreview,
|
|
2427
|
+
Dr as GroupCheckbox,
|
|
2428
|
+
Nr as GroupRadio,
|
|
2429
|
+
Sr as GutterActions,
|
|
2430
|
+
kr as HighlightCard,
|
|
2431
|
+
xr as HybridDatePicker,
|
|
2432
|
+
Tr as ImportWizard,
|
|
2433
|
+
We as InlineNudge,
|
|
2434
|
+
Ir as Input,
|
|
2435
|
+
Rr as InputAddon,
|
|
2436
|
+
_r as InputGroup,
|
|
2437
|
+
Mr as Link,
|
|
2438
|
+
Pr as LoginForm,
|
|
2439
|
+
Fr as MarketPresetRow,
|
|
2440
|
+
Er as MaskPresets,
|
|
2441
|
+
Or as MaskedInput,
|
|
2442
|
+
Ar as Menu,
|
|
2443
|
+
Lr as MenuDivider,
|
|
2444
|
+
$r as MenuGroup,
|
|
2445
|
+
Br as MenuItem,
|
|
2446
|
+
Kr as MergePrompt,
|
|
2447
|
+
Gr as MetricCard,
|
|
2448
|
+
Hr as MetricCardGrid,
|
|
2449
|
+
Ze as MetricGroupContainer,
|
|
2450
|
+
zr as MiniCalendar,
|
|
2451
|
+
Vr as MultiSelect,
|
|
2452
|
+
Zr as NumberInput,
|
|
2453
|
+
Wr as ObjectArrow,
|
|
2454
|
+
Yr as OrderFilterBar,
|
|
2455
|
+
To as PERIOD_OPTIONS,
|
|
2456
|
+
Le as PageChip,
|
|
2457
|
+
le as PageDropdown,
|
|
2458
|
+
qr as PasswordInput,
|
|
2459
|
+
Ur as PaymentForm,
|
|
2460
|
+
jr as PaymentMethodSelect,
|
|
2461
|
+
Qr as PhoneInput,
|
|
2462
|
+
Xr as PinToMetric,
|
|
2463
|
+
Xe as PresetSwatchRow,
|
|
2464
|
+
Jr as ProfileCard,
|
|
2465
|
+
en as ProgressCard,
|
|
2466
|
+
tn as QuickConfigPanel,
|
|
2467
|
+
Io as ROLLING_OPTIONS,
|
|
2468
|
+
an as Radio,
|
|
2469
|
+
rn as RadioGroup,
|
|
2470
|
+
nn as RangeSlider,
|
|
2471
|
+
on as Rating,
|
|
2472
|
+
sn as RegistrationForm,
|
|
2473
|
+
ln as Row1Controls,
|
|
2474
|
+
dn as Row2FilterTray,
|
|
2475
|
+
cn as SearchInput,
|
|
2476
|
+
un as SegmentCard,
|
|
2477
|
+
mn as SegmentedControl,
|
|
2478
|
+
pn as Select,
|
|
2479
|
+
gn as Selectable,
|
|
2480
|
+
bn as SimpleMetricCard,
|
|
2481
|
+
fn as SimpleSelector,
|
|
2482
|
+
hn as Skeleton,
|
|
2483
|
+
vn as SkeletonCard,
|
|
2484
|
+
yn as SkeletonChart,
|
|
2485
|
+
Cn as SkeletonTable,
|
|
2486
|
+
wn as Slider,
|
|
2487
|
+
Dn as Sortable,
|
|
2488
|
+
st as SortableZones,
|
|
2489
|
+
Nn as SparklineBg,
|
|
2490
|
+
Sn as SplitButton,
|
|
2491
|
+
kn as StackedGroupCard,
|
|
2492
|
+
xn as StatusModeCard,
|
|
2493
|
+
Ie as StatusSlotChipMenu,
|
|
2494
|
+
Tn as Stepper,
|
|
2495
|
+
Ro as TODAY_PRESET,
|
|
2496
|
+
In as TabGroup,
|
|
2497
|
+
Rn as TabbedDataView,
|
|
2498
|
+
_n as TagInput,
|
|
2499
|
+
Mn as Textarea,
|
|
2500
|
+
Ue as ThresholdRamp,
|
|
2501
|
+
Pn as TimeFrame,
|
|
2502
|
+
Fn as TimePicker,
|
|
2503
|
+
En as Toggle,
|
|
2504
|
+
On as Tooltip,
|
|
2505
|
+
An as Transition,
|
|
2506
|
+
Ln as TransitionGroup,
|
|
2507
|
+
$n as TrendCard,
|
|
2508
|
+
Bn as TrendIndicator,
|
|
2509
|
+
Do as UIContext,
|
|
2510
|
+
ee as UIContextProvider,
|
|
2511
|
+
Kn as UnifiedBreakdownTable,
|
|
2512
|
+
Gn as UnifiedContextMenu,
|
|
2513
|
+
Hn as addressGroupMetadata,
|
|
2514
|
+
zn as addressSchema,
|
|
2515
|
+
ft as allChips,
|
|
2516
|
+
It as allStateFixtures,
|
|
2517
|
+
Tt as allVariantFixtures,
|
|
2518
|
+
Ct as blockSamples,
|
|
2519
|
+
kt as cardSamples,
|
|
2520
|
+
Nt as chartSamples,
|
|
2521
|
+
Dt as circleSamples,
|
|
2522
|
+
jt as compactLayout,
|
|
2523
|
+
Bt as compactState,
|
|
2524
|
+
Vn as contactFormMetadata,
|
|
2525
|
+
Zn as contactSchema,
|
|
2526
|
+
Kt as contextMenuFixtures,
|
|
2527
|
+
Wn as creditCardFormMetadata,
|
|
2528
|
+
Yn as creditCardSchema,
|
|
2529
|
+
Se as dateChip,
|
|
2530
|
+
ue as defaultControlBarState,
|
|
2531
|
+
qn as destructiveModalMetadata,
|
|
2532
|
+
Un as durations,
|
|
2533
|
+
jn as easings,
|
|
2534
|
+
Fe as emptyFixture,
|
|
2535
|
+
De as entityChip,
|
|
2536
|
+
Ge as entityNameActions,
|
|
2537
|
+
vt as entityTabGroup,
|
|
2370
2538
|
Pe as errorFixture,
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2403
|
-
|
|
2404
|
-
|
|
2405
|
-
|
|
2406
|
-
|
|
2407
|
-
|
|
2408
|
-
|
|
2409
|
-
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2413
|
-
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2420
|
-
|
|
2421
|
-
|
|
2422
|
-
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
2445
|
-
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2539
|
+
$t as filteredState,
|
|
2540
|
+
_o as findPreset,
|
|
2541
|
+
Mo as formatDateRange,
|
|
2542
|
+
Po as formatMarketDates,
|
|
2543
|
+
Fo as formatTrend,
|
|
2544
|
+
Eo as formatValue,
|
|
2545
|
+
Xt as fullLayout,
|
|
2546
|
+
Oo as generateMarketId,
|
|
2547
|
+
Qn as generateTabId,
|
|
2548
|
+
Ao as getAllPresets,
|
|
2549
|
+
Lo as getDateRangeForPreset,
|
|
2550
|
+
Xn as getMenuActions,
|
|
2551
|
+
$o as getPresetLabel,
|
|
2552
|
+
Jn as getTransitionStyle,
|
|
2553
|
+
Ut as gridCards,
|
|
2554
|
+
eo as interpolate,
|
|
2555
|
+
Bo as isInRange,
|
|
2556
|
+
Ko as isMarketActive,
|
|
2557
|
+
Go as isSameDay,
|
|
2558
|
+
Lt as itemColumns,
|
|
2559
|
+
Ot as itemRows,
|
|
2560
|
+
Me as loadingFixture,
|
|
2561
|
+
to as loginFormMetadata,
|
|
2562
|
+
ao as loginSchema,
|
|
2563
|
+
ke as manufacturerChip,
|
|
2564
|
+
aa as manyTabs,
|
|
2565
|
+
ro as mergeHandlers,
|
|
2566
|
+
no as mergeRefs,
|
|
2567
|
+
ht as metricTabGroup,
|
|
2568
|
+
ea as mixedTabs,
|
|
2569
|
+
Ho as normalizePresetId,
|
|
2570
|
+
ze as numericActions,
|
|
2571
|
+
At as orderColumns,
|
|
2572
|
+
He as orderIdActions,
|
|
2573
|
+
Et as orderRows,
|
|
2574
|
+
Jt as ordersTabs,
|
|
2575
|
+
oo as parseNumericValue,
|
|
2576
|
+
so as paymentFormMetadata,
|
|
2577
|
+
io as paymentSchema,
|
|
2578
|
+
lo as presets,
|
|
2579
|
+
co as registrationFormMetadata,
|
|
2580
|
+
uo as registrationSchema,
|
|
2581
|
+
Ht as sampleCompareRanges,
|
|
2582
|
+
Zt as sampleCustomMarkets,
|
|
2583
|
+
Gt as sampleDateRange,
|
|
2584
|
+
Wt as sampleMarketPresetData,
|
|
2585
|
+
Vt as sampleMarkets,
|
|
2586
|
+
qt as samplePeriodPresets,
|
|
2587
|
+
zt as samplePreferences,
|
|
2588
|
+
Yt as samplePresets,
|
|
2589
|
+
ta as singleTab,
|
|
2590
|
+
Rt as sparklineFixture,
|
|
2591
|
+
_t as sparklineUpFixture,
|
|
2592
|
+
Ae as staleDonutFixture,
|
|
2593
|
+
Ee as staleFixture,
|
|
2594
|
+
Oe as staleSparklineFixture,
|
|
2595
|
+
Mt as standardFixture,
|
|
2596
|
+
Ft as standardFlatFixture,
|
|
2597
|
+
Qt as standardLayout,
|
|
2598
|
+
Pt as standardNegativeFixture,
|
|
2599
|
+
Ne as statusChip,
|
|
2600
|
+
St as tableSamples,
|
|
2601
|
+
wt as textSamples,
|
|
2602
|
+
yt as timeFrameTabGroup,
|
|
2603
|
+
zo as toUppercasePresetId,
|
|
2604
|
+
bt as useArrowNavigation,
|
|
2605
|
+
mo as useCheckboxGroupContext,
|
|
2606
|
+
xt as useEdgeHoverResize,
|
|
2607
|
+
po as useFilterLayout,
|
|
2608
|
+
go as useFlipAndStage,
|
|
2609
|
+
bo as useFlipAndStageContext,
|
|
2610
|
+
fo as useFlipAndStageContextOptional,
|
|
2611
|
+
gt as useFocusReturn,
|
|
2612
|
+
ho as useFocusTrap,
|
|
2613
|
+
vo as useFormContext,
|
|
2614
|
+
yo as useRadioGroupContext,
|
|
2615
|
+
Co as useSlideOutReveal,
|
|
2616
|
+
tt as useSortableZones,
|
|
2617
|
+
No as useUIContext
|
|
2450
2618
|
};
|