@mt-gloss/ui 0.1.29 → 0.1.30
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/index.js +780 -781
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { C as ut, P as mt } from "./Expandable-alOxKG0x.js";
|
|
2
|
-
import { O as
|
|
2
|
+
import { O as br, U as yr, Q as wr, T as _r, a4 as Nr, b7 as Dr, aA as Cr, ai as kr, _ as xr, ao as Sr, N as Mr, a9 as Rr, bn as Tr, a as Ir, B as Pr, b as Fr, A as Er, K as Ar, bi as Or, J as Lr, L as $r, E as Br, D as zr, H as Kr, F as Wr, bx as Gr, c as Vr, d as Hr, q as Ur, ae as jr, aO as Zr, A as qr, K as Yr, J as Qr, L as Xr, E as Jr, D as es, H as ts, F as as, b0 as ns, b3 as rs, b2 as ss, b1 as is, b4 as os, aD as ls, a6 as cs, a5 as ds, ar as us, m as ms, o as gs, aG as ps, ac as hs, b9 as fs, aa as vs, bo as bs, Z as ys, bH as ws, bG as _s, bI as Ns, aq as Ds, aR as Cs, bb as ks, bM as xs, bv as Ss, p as Ms, an as Rs, bB as Ts, bs as Is, a1 as Ps, as as Fs, a3 as Es, bA as As, G as Os, f as Ls, ab as $s, bJ as Bs, aU as zs, t as Ks, x as Ws, I as Gs, i as Vs, ax as Hs, bN as Us, M as js, y as Zs, V as qs, Y as Ys, W as Qs, X as Xs, at as Js, bh as ei, bP as ti, bL as ai, ap as ni, w as ri, bp as si, aT as ii, ak as oi, aL as li, ah as ci, am as di, av as ui, aS as mi, ad as gi, au as pi, e as hi, R as fi, l as vi, r as bi, aI as yi, by as wi, bz as _i, aj as Ni, af as Di, j as Ci, z as ki, b8 as xi, ag as Si, bO as Mi, bd as Ri, bg as Ti, be as Ii, bf as Pi, k as Fi, ba as Ei, bm as Ai, S as Oi, bk as Li, bl as $i, aw as Bi, bc as zi, bQ as Ki, al as Wi, v as Gi, bK as Vi, n as Hi, h as Ui, s as ji, $ as Zi, a0 as qi, a8 as Yi, bj as Qi, bw as Xi, bD as Ji, aB as eo, aC as to, a7 as ao, aP as no, aQ as ro, aE as so, aF as io, aH as oo, aW as lo, aX as co, bq as uo, bF as mo, bE as go, aZ as po, a_ as ho, ay as fo, az as vo, b6 as bo, b5 as yo, a$ as wo, aM as _o, aN as No, aY as Do, aJ as Co, aK as ko, u as xo, bC as So, br as Mo, bt as Ro, bu as To, aV as Io, a2 as Po, g as Fo } from "./Expandable-alOxKG0x.js";
|
|
3
3
|
import { jsxs as D, jsx as r, Fragment as te } from "react/jsx-runtime";
|
|
4
4
|
import * as gt from "react";
|
|
5
|
-
import H, { useRef as
|
|
6
|
-
import { motion as De, useMotionValue as
|
|
7
|
-
import { B as
|
|
8
|
-
import { c as
|
|
9
|
-
import { createPortal as
|
|
10
|
-
import { DEFAULT_MARKET_PRESETS as
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
function
|
|
18
|
-
const { enabled: t = !0, returnTo: n } = e, a =
|
|
5
|
+
import H, { useRef as R, useEffect as L, useState as $, useCallback as w, useId as pt, forwardRef as ht, useMemo as ye, createContext as ft, useContext as vt } from "react";
|
|
6
|
+
import { motion as De, useMotionValue as bt, animate as We, useDragControls as yt } from "framer-motion";
|
|
7
|
+
import { B as wt, a as pe, b as Te, U as Oe } from "./UIContext-CDdyubSF.js";
|
|
8
|
+
import { c as Ao, u as Oo } from "./UIContext-CDdyubSF.js";
|
|
9
|
+
import { createPortal as _t } from "react-dom";
|
|
10
|
+
import { DEFAULT_MARKET_PRESETS as $o, DEFAULT_PINNED as Bo, PERIOD_OPTIONS as zo, ROLLING_OPTIONS as Ko, TODAY_PRESET as Wo, findPreset as Go, formatDateRange as Vo, formatMarketDates as Ho, formatTrend as Uo, formatValue as jo, generateMarketId as Zo, getAllPresets as qo, getDateRangeForPreset as Yo, getPresetLabel as Qo, isInRange as Xo, isMarketActive as Jo, isSameDay as el, normalizePresetId as tl, toUppercasePresetId as al } from "@mt-gloss/utils";
|
|
11
|
+
import Nt from "@mui/icons-material/AccessTime";
|
|
12
|
+
import Dt from "@mui/icons-material/Tune";
|
|
13
|
+
import Ct from "@mui/icons-material/ViewColumn";
|
|
14
|
+
import kt from "@mui/icons-material/AspectRatio";
|
|
15
|
+
import xt from "@mui/icons-material/Palette";
|
|
16
|
+
import St from "@mui/icons-material/PushPin";
|
|
17
|
+
function on(e = {}) {
|
|
18
|
+
const { enabled: t = !0, returnTo: n } = e, a = R(null);
|
|
19
19
|
return L(() => {
|
|
20
20
|
t && (a.current = n || document.activeElement);
|
|
21
21
|
}, [t, n]), L(() => () => {
|
|
@@ -24,7 +24,7 @@ function sn(e = {}) {
|
|
|
24
24
|
}, 0);
|
|
25
25
|
}, [t]), a;
|
|
26
26
|
}
|
|
27
|
-
function
|
|
27
|
+
function ln(e) {
|
|
28
28
|
const {
|
|
29
29
|
items: t,
|
|
30
30
|
activeIndex: n,
|
|
@@ -33,9 +33,9 @@ function on(e) {
|
|
|
33
33
|
orientation: i = "vertical",
|
|
34
34
|
enabled: o = !0,
|
|
35
35
|
isItemDisabled: l,
|
|
36
|
-
onSelect:
|
|
36
|
+
onSelect: u,
|
|
37
37
|
onEscape: d
|
|
38
|
-
} = e, [
|
|
38
|
+
} = e, [p, f] = $(-1), g = n !== void 0 ? n : p, m = w(
|
|
39
39
|
(c) => {
|
|
40
40
|
n === void 0 && f(c), a?.(c);
|
|
41
41
|
},
|
|
@@ -53,28 +53,28 @@ function on(e) {
|
|
|
53
53
|
[N, s]
|
|
54
54
|
), h = w(() => {
|
|
55
55
|
const c = N();
|
|
56
|
-
c.length > 0 &&
|
|
57
|
-
}, [N,
|
|
56
|
+
c.length > 0 && m(c[0]);
|
|
57
|
+
}, [N, m]), M = w(() => {
|
|
58
58
|
const c = N();
|
|
59
|
-
c.length > 0 &&
|
|
60
|
-
}, [N,
|
|
61
|
-
const c = y(
|
|
62
|
-
c !== -1 &&
|
|
63
|
-
}, [
|
|
64
|
-
const c = y(
|
|
65
|
-
c !== -1 &&
|
|
66
|
-
}, [
|
|
67
|
-
|
|
68
|
-
}, [
|
|
59
|
+
c.length > 0 && m(c[c.length - 1]);
|
|
60
|
+
}, [N, m]), P = w(() => {
|
|
61
|
+
const c = y(g, 1);
|
|
62
|
+
c !== -1 && m(c);
|
|
63
|
+
}, [g, y, m]), k = w(() => {
|
|
64
|
+
const c = y(g, -1);
|
|
65
|
+
c !== -1 && m(c);
|
|
66
|
+
}, [g, y, m]), T = w(() => {
|
|
67
|
+
m(-1);
|
|
68
|
+
}, [m]), I = w(
|
|
69
69
|
(c) => {
|
|
70
70
|
if (!o) return;
|
|
71
71
|
const { key: v } = c, _ = v === "ArrowUp" && (i === "vertical" || i === "both"), S = v === "ArrowDown" && (i === "vertical" || i === "both"), b = v === "ArrowLeft" && (i === "horizontal" || i === "both"), x = v === "ArrowRight" && (i === "horizontal" || i === "both");
|
|
72
72
|
if (_ || b) {
|
|
73
|
-
c.preventDefault(),
|
|
73
|
+
c.preventDefault(), g === -1 ? M() : k();
|
|
74
74
|
return;
|
|
75
75
|
}
|
|
76
76
|
if (S || x) {
|
|
77
|
-
c.preventDefault(),
|
|
77
|
+
c.preventDefault(), g === -1 ? h() : P();
|
|
78
78
|
return;
|
|
79
79
|
}
|
|
80
80
|
if (v === "Home") {
|
|
@@ -82,13 +82,13 @@ function on(e) {
|
|
|
82
82
|
return;
|
|
83
83
|
}
|
|
84
84
|
if (v === "End") {
|
|
85
|
-
c.preventDefault(),
|
|
85
|
+
c.preventDefault(), M();
|
|
86
86
|
return;
|
|
87
87
|
}
|
|
88
|
-
if ((v === "Enter" || v === " ") &&
|
|
88
|
+
if ((v === "Enter" || v === " ") && g >= 0 && g < t.length) {
|
|
89
89
|
c.preventDefault();
|
|
90
|
-
const F = t[
|
|
91
|
-
l?.(F,
|
|
90
|
+
const F = t[g];
|
|
91
|
+
l?.(F, g) || u?.(F, g);
|
|
92
92
|
return;
|
|
93
93
|
}
|
|
94
94
|
if (v === "Escape") {
|
|
@@ -99,29 +99,29 @@ function on(e) {
|
|
|
99
99
|
[
|
|
100
100
|
o,
|
|
101
101
|
i,
|
|
102
|
-
|
|
102
|
+
g,
|
|
103
103
|
t,
|
|
104
104
|
h,
|
|
105
|
-
|
|
105
|
+
M,
|
|
106
106
|
P,
|
|
107
107
|
k,
|
|
108
108
|
l,
|
|
109
|
-
|
|
109
|
+
u,
|
|
110
110
|
d
|
|
111
111
|
]
|
|
112
112
|
);
|
|
113
113
|
return {
|
|
114
|
-
focusedIndex:
|
|
115
|
-
setFocusedIndex:
|
|
114
|
+
focusedIndex: g,
|
|
115
|
+
setFocusedIndex: m,
|
|
116
116
|
handleKeyDown: I,
|
|
117
117
|
focusFirst: h,
|
|
118
|
-
focusLast:
|
|
118
|
+
focusLast: M,
|
|
119
119
|
focusNext: P,
|
|
120
120
|
focusPrevious: k,
|
|
121
121
|
resetFocus: T
|
|
122
122
|
};
|
|
123
123
|
}
|
|
124
|
-
const
|
|
124
|
+
const Mt = ({
|
|
125
125
|
label: e = "Set a target",
|
|
126
126
|
unit: t,
|
|
127
127
|
currentValue: n,
|
|
@@ -129,38 +129,38 @@ const St = ({
|
|
|
129
129
|
onSkip: s,
|
|
130
130
|
hint: i
|
|
131
131
|
}) => {
|
|
132
|
-
const [o, l] = $(n != null ? String(n) : ""),
|
|
133
|
-
const
|
|
134
|
-
Number.isNaN(
|
|
135
|
-
}, d = (
|
|
136
|
-
|
|
137
|
-
},
|
|
132
|
+
const [o, l] = $(n != null ? String(n) : ""), u = () => {
|
|
133
|
+
const m = parseFloat(o);
|
|
134
|
+
Number.isNaN(m) || a(m);
|
|
135
|
+
}, d = (m) => {
|
|
136
|
+
m.key === "Enter" ? (m.preventDefault(), u()) : m.key === "Escape" && (m.preventDefault(), s?.());
|
|
137
|
+
}, p = pt(), f = `gloss-target-input-field-${p}`, g = i ? `gloss-target-input-hint-${p}` : void 0;
|
|
138
138
|
return /* @__PURE__ */ D("div", { className: "gloss-target-input", children: [
|
|
139
|
-
/* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor:
|
|
139
|
+
/* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: f, children: e }),
|
|
140
140
|
/* @__PURE__ */ D("div", { className: "gloss-target-input__field-row", children: [
|
|
141
141
|
/* @__PURE__ */ r(
|
|
142
142
|
"input",
|
|
143
143
|
{
|
|
144
|
-
id:
|
|
144
|
+
id: f,
|
|
145
145
|
type: "number",
|
|
146
146
|
className: "gloss-target-input__field",
|
|
147
147
|
value: o,
|
|
148
|
-
onChange: (
|
|
148
|
+
onChange: (m) => l(m.target.value),
|
|
149
149
|
onKeyDown: d,
|
|
150
|
-
"aria-describedby":
|
|
150
|
+
"aria-describedby": g,
|
|
151
151
|
autoFocus: !0
|
|
152
152
|
}
|
|
153
153
|
),
|
|
154
154
|
t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
|
|
155
155
|
] }),
|
|
156
|
-
i && /* @__PURE__ */ r("p", { id:
|
|
156
|
+
i && /* @__PURE__ */ r("p", { id: g, className: "gloss-target-input__hint", children: i }),
|
|
157
157
|
/* @__PURE__ */ D("div", { className: "gloss-target-input__actions", children: [
|
|
158
158
|
/* @__PURE__ */ r(
|
|
159
159
|
"button",
|
|
160
160
|
{
|
|
161
161
|
type: "button",
|
|
162
162
|
className: "gloss-target-input__confirm",
|
|
163
|
-
onClick:
|
|
163
|
+
onClick: u,
|
|
164
164
|
children: "Confirm"
|
|
165
165
|
}
|
|
166
166
|
),
|
|
@@ -182,36 +182,36 @@ const St = ({
|
|
|
182
182
|
field: "customer",
|
|
183
183
|
value: "acme-corp-123",
|
|
184
184
|
onRemove: Ce
|
|
185
|
-
},
|
|
185
|
+
}, Tt = {
|
|
186
186
|
id: "status-filter-1",
|
|
187
187
|
label: "Status: Open",
|
|
188
188
|
field: "status",
|
|
189
189
|
value: "open",
|
|
190
190
|
onRemove: Ce
|
|
191
|
-
},
|
|
191
|
+
}, It = {
|
|
192
192
|
id: "date-filter-1",
|
|
193
193
|
label: "Date: Mar 1 - Mar 15",
|
|
194
194
|
field: "dateRange",
|
|
195
195
|
value: "2026-03-01..2026-03-15",
|
|
196
196
|
onRemove: Ce
|
|
197
|
-
},
|
|
197
|
+
}, Pt = {
|
|
198
198
|
id: "mfg-filter-1",
|
|
199
199
|
label: "Manufacturer: Widget Co",
|
|
200
200
|
field: "manufacturer",
|
|
201
201
|
value: "widget-co-456",
|
|
202
202
|
onRemove: Ce
|
|
203
|
-
},
|
|
203
|
+
}, cn = [
|
|
204
204
|
Rt,
|
|
205
|
-
Mt,
|
|
206
205
|
Tt,
|
|
207
|
-
It
|
|
208
|
-
|
|
206
|
+
It,
|
|
207
|
+
Pt
|
|
208
|
+
], dn = {
|
|
209
209
|
id: "metric-toggle",
|
|
210
210
|
tabs: [
|
|
211
211
|
{ id: "$", label: "$", mono: !0 },
|
|
212
212
|
{ id: "#", label: "#", mono: !0 }
|
|
213
213
|
]
|
|
214
|
-
},
|
|
214
|
+
}, un = {
|
|
215
215
|
id: "entity-type",
|
|
216
216
|
tabs: [
|
|
217
217
|
{ id: "orders", label: "Orders" },
|
|
@@ -219,7 +219,7 @@ const St = ({
|
|
|
219
219
|
{ id: "customers", label: "Customers" },
|
|
220
220
|
{ id: "manufacturers", label: "Manufacturers" }
|
|
221
221
|
]
|
|
222
|
-
},
|
|
222
|
+
}, mn = {
|
|
223
223
|
id: "time-frame",
|
|
224
224
|
tabs: [
|
|
225
225
|
{ id: "MTD", label: "MTD" },
|
|
@@ -227,26 +227,26 @@ const St = ({
|
|
|
227
227
|
{ id: "YTD", label: "YTD" },
|
|
228
228
|
{ id: "LYTD", label: "LYTD" }
|
|
229
229
|
]
|
|
230
|
-
},
|
|
230
|
+
}, gn = [
|
|
231
231
|
{ variant: "block", width: "100%", height: 16 },
|
|
232
232
|
{ variant: "block", width: 200, height: 32, borderRadius: 8 },
|
|
233
233
|
{ variant: "block", width: "80%", height: 12, borderRadius: "4px" },
|
|
234
234
|
{ variant: "block", width: 120, height: 44, borderRadius: 22 }
|
|
235
|
-
],
|
|
235
|
+
], pn = [
|
|
236
236
|
{ variant: "text", lines: 3, lineHeight: 14, gap: 8 },
|
|
237
237
|
{ variant: "text", lines: 2, lineHeight: 16, gap: 10 },
|
|
238
238
|
{ variant: "text", lines: 5, lineHeight: 12, gap: 6 }
|
|
239
|
-
],
|
|
239
|
+
], hn = [
|
|
240
240
|
{ variant: "circle", size: 24 },
|
|
241
241
|
{ variant: "circle", size: 40 },
|
|
242
242
|
{ variant: "circle", size: 64 }
|
|
243
|
-
],
|
|
243
|
+
], fn = [
|
|
244
244
|
{ bars: 10, maxHeight: 120 },
|
|
245
245
|
{ bars: 5, maxHeight: 80 }
|
|
246
|
-
],
|
|
246
|
+
], vn = [
|
|
247
247
|
{ rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
|
|
248
248
|
{ rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
|
|
249
|
-
],
|
|
249
|
+
], bn = [
|
|
250
250
|
{ variant: "value", colSpan: 1 },
|
|
251
251
|
{ variant: "trend", colSpan: 2 },
|
|
252
252
|
{ variant: "target", colSpan: 1 }
|
|
@@ -276,16 +276,16 @@ const St = ({
|
|
|
276
276
|
width: "100%",
|
|
277
277
|
textAlign: "left",
|
|
278
278
|
border: "none"
|
|
279
|
-
}),
|
|
279
|
+
}), Ft = (e) => ({
|
|
280
280
|
...Ie(e),
|
|
281
281
|
color: e ? "#4338ca" : "#4f46e5",
|
|
282
282
|
fontWeight: 600
|
|
283
|
-
}),
|
|
283
|
+
}), Et = {
|
|
284
284
|
height: 1,
|
|
285
285
|
background: "rgba(0,0,0,0.06)",
|
|
286
286
|
margin: "3px 10px"
|
|
287
287
|
};
|
|
288
|
-
function
|
|
288
|
+
function At({
|
|
289
289
|
open: e,
|
|
290
290
|
anchorEl: t,
|
|
291
291
|
statusId: n,
|
|
@@ -294,44 +294,44 @@ function Et({
|
|
|
294
294
|
overflowActions: i,
|
|
295
295
|
onClose: o
|
|
296
296
|
}) {
|
|
297
|
-
const [l,
|
|
297
|
+
const [l, u] = $(null), d = R(null), p = w(() => {
|
|
298
298
|
if (!t) return { ...Ge, top: 0, left: 0 };
|
|
299
|
-
const
|
|
299
|
+
const m = t.getBoundingClientRect();
|
|
300
300
|
return {
|
|
301
301
|
...Ge,
|
|
302
|
-
top:
|
|
303
|
-
left:
|
|
302
|
+
top: m.bottom + 4,
|
|
303
|
+
left: m.left
|
|
304
304
|
};
|
|
305
305
|
}, [t]);
|
|
306
306
|
if (L(() => {
|
|
307
307
|
if (!e) return;
|
|
308
|
-
const
|
|
308
|
+
const m = (N) => {
|
|
309
309
|
N.key === "Escape" && o();
|
|
310
310
|
};
|
|
311
|
-
return document.addEventListener("keydown",
|
|
311
|
+
return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
|
|
312
312
|
}, [e, o]), L(() => {
|
|
313
313
|
if (!e) return;
|
|
314
|
-
const
|
|
314
|
+
const m = (N) => {
|
|
315
315
|
d.current && !d.current.contains(N.target) && o();
|
|
316
316
|
};
|
|
317
|
-
return document.addEventListener("pointerdown",
|
|
317
|
+
return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
|
|
318
318
|
}, [e, o]), !e) return null;
|
|
319
|
-
const f = i && i.length > 0,
|
|
319
|
+
const f = i && i.length > 0, g = /* @__PURE__ */ D(
|
|
320
320
|
"div",
|
|
321
321
|
{
|
|
322
322
|
ref: d,
|
|
323
323
|
"data-status-chip-menu": n,
|
|
324
324
|
role: "menu",
|
|
325
325
|
"aria-label": "Status actions",
|
|
326
|
-
style:
|
|
326
|
+
style: p(),
|
|
327
327
|
children: [
|
|
328
328
|
/* @__PURE__ */ r(
|
|
329
329
|
"button",
|
|
330
330
|
{
|
|
331
331
|
role: "menuitem",
|
|
332
|
-
style:
|
|
333
|
-
onMouseEnter: () =>
|
|
334
|
-
onMouseLeave: () =>
|
|
332
|
+
style: Ft(l === "__primary"),
|
|
333
|
+
onMouseEnter: () => u("__primary"),
|
|
334
|
+
onMouseLeave: () => u(null),
|
|
335
335
|
onClick: () => {
|
|
336
336
|
a(n), o();
|
|
337
337
|
},
|
|
@@ -343,36 +343,36 @@ function Et({
|
|
|
343
343
|
{
|
|
344
344
|
role: "menuitem",
|
|
345
345
|
style: Ie(l === "__graph"),
|
|
346
|
-
onMouseEnter: () =>
|
|
347
|
-
onMouseLeave: () =>
|
|
346
|
+
onMouseEnter: () => u("__graph"),
|
|
347
|
+
onMouseLeave: () => u(null),
|
|
348
348
|
onClick: () => {
|
|
349
349
|
s(n), o();
|
|
350
350
|
},
|
|
351
351
|
children: "Show on graph"
|
|
352
352
|
}
|
|
353
353
|
),
|
|
354
|
-
f && /* @__PURE__ */ r("div", { style:
|
|
355
|
-
f && i?.map((
|
|
354
|
+
f && /* @__PURE__ */ r("div", { style: Et }),
|
|
355
|
+
f && i?.map((m) => /* @__PURE__ */ r(
|
|
356
356
|
"button",
|
|
357
357
|
{
|
|
358
358
|
role: "menuitem",
|
|
359
|
-
style: Ie(l ===
|
|
360
|
-
onMouseEnter: () => m
|
|
361
|
-
onMouseLeave: () =>
|
|
359
|
+
style: Ie(l === m.id),
|
|
360
|
+
onMouseEnter: () => u(m.id),
|
|
361
|
+
onMouseLeave: () => u(null),
|
|
362
362
|
onClick: () => {
|
|
363
|
-
|
|
363
|
+
m.onSelect(n), o();
|
|
364
364
|
},
|
|
365
|
-
children:
|
|
365
|
+
children: m.label
|
|
366
366
|
},
|
|
367
|
-
|
|
367
|
+
m.id
|
|
368
368
|
))
|
|
369
369
|
]
|
|
370
370
|
}
|
|
371
371
|
);
|
|
372
|
-
return
|
|
372
|
+
return _t(g, document.body);
|
|
373
373
|
}
|
|
374
|
-
|
|
375
|
-
const
|
|
374
|
+
At.displayName = "StatusSlotChipMenu";
|
|
375
|
+
const yn = {
|
|
376
376
|
forwardStaggerMs: 50,
|
|
377
377
|
reverseStaggerMs: 30,
|
|
378
378
|
springStiffness: 380,
|
|
@@ -384,18 +384,18 @@ const bn = {
|
|
|
384
384
|
enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
385
385
|
exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
|
|
386
386
|
translateOffsetPx: 8
|
|
387
|
-
},
|
|
387
|
+
}, wn = {
|
|
388
388
|
shiverCycles: 3,
|
|
389
389
|
shiverAmplitudePx: 2,
|
|
390
390
|
shiverDurationMs: 180,
|
|
391
391
|
validCellOpacity: 0.6
|
|
392
|
-
},
|
|
392
|
+
}, _n = {
|
|
393
393
|
materializeMs: 180,
|
|
394
394
|
dematerializeMs: 140,
|
|
395
395
|
easing: "cubic-bezier(0.22, 1, 0.36, 1)",
|
|
396
396
|
dotStrokePx: 2,
|
|
397
397
|
dividerDashGapPx: 4
|
|
398
|
-
},
|
|
398
|
+
}, Nn = {
|
|
399
399
|
cascadeStaggerMs: 0,
|
|
400
400
|
cascadeSpringCapMs: 120,
|
|
401
401
|
swingEnterMs: 100,
|
|
@@ -404,7 +404,7 @@ const bn = {
|
|
|
404
404
|
provisionalStyle: "opacity",
|
|
405
405
|
shiverMs: 200,
|
|
406
406
|
shiverStyle: "color-flash"
|
|
407
|
-
},
|
|
407
|
+
}, Dn = !0, Cn = {
|
|
408
408
|
rejectionFill: "var(--gloss-rejection-fill)",
|
|
409
409
|
rejectionStroke: "var(--gloss-rejection-stroke)",
|
|
410
410
|
validFill: "var(--gloss-valid-fill)",
|
|
@@ -412,7 +412,7 @@ const bn = {
|
|
|
412
412
|
validCellStroke: "var(--gloss-valid-cell-stroke)",
|
|
413
413
|
provisionalWash: "var(--gloss-provisional-wash)"
|
|
414
414
|
};
|
|
415
|
-
function
|
|
415
|
+
function kn() {
|
|
416
416
|
if (typeof window > "u") return "full";
|
|
417
417
|
try {
|
|
418
418
|
return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
|
|
@@ -444,15 +444,15 @@ const Ze = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
|
|
|
444
444
|
children: a
|
|
445
445
|
}
|
|
446
446
|
);
|
|
447
|
-
},
|
|
448
|
-
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: s, onPointerLeave: i, onKeyboardStep: o, onLostPointerCapture: l, edge:
|
|
449
|
-
const f = t === "handle-visible" || t === "dragging" || t === "settling",
|
|
447
|
+
}, Ot = ht(
|
|
448
|
+
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: s, onPointerLeave: i, onKeyboardStep: o, onLostPointerCapture: l, edge: u = "right", ariaLabel: d = "Resize card" }, p) {
|
|
449
|
+
const f = t === "handle-visible" || t === "dragging" || t === "settling", g = (y) => {
|
|
450
450
|
try {
|
|
451
451
|
y.currentTarget.setPointerCapture(y.pointerId);
|
|
452
452
|
} catch {
|
|
453
453
|
}
|
|
454
454
|
n(y);
|
|
455
|
-
},
|
|
455
|
+
}, m = (y) => {
|
|
456
456
|
try {
|
|
457
457
|
y.currentTarget.hasPointerCapture?.(y.pointerId) && y.currentTarget.releasePointerCapture(y.pointerId);
|
|
458
458
|
} catch {
|
|
@@ -464,18 +464,18 @@ const Ze = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
|
|
|
464
464
|
return /* @__PURE__ */ r(Ze, { visible: f, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
|
|
465
465
|
"button",
|
|
466
466
|
{
|
|
467
|
-
ref:
|
|
467
|
+
ref: p,
|
|
468
468
|
type: "button",
|
|
469
469
|
"aria-label": d,
|
|
470
|
-
"data-edge":
|
|
470
|
+
"data-edge": u,
|
|
471
471
|
"data-resize-state": t,
|
|
472
472
|
className: [
|
|
473
473
|
"gloss-edge-handle",
|
|
474
|
-
`gloss-edge-handle--${
|
|
474
|
+
`gloss-edge-handle--${u}`,
|
|
475
475
|
f ? "gloss-edge-handle--visible" : ""
|
|
476
476
|
].filter(Boolean).join(" "),
|
|
477
|
-
onPointerDown:
|
|
478
|
-
onPointerUp:
|
|
477
|
+
onPointerDown: g,
|
|
478
|
+
onPointerUp: m,
|
|
479
479
|
onPointerEnter: s,
|
|
480
480
|
onPointerLeave: i,
|
|
481
481
|
onLostPointerCapture: l,
|
|
@@ -485,8 +485,8 @@ const Ze = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
|
|
|
485
485
|
) });
|
|
486
486
|
}
|
|
487
487
|
);
|
|
488
|
-
|
|
489
|
-
function
|
|
488
|
+
Ot.displayName = "EdgeHoverHandle";
|
|
489
|
+
function Lt({
|
|
490
490
|
visible: e,
|
|
491
491
|
targetColSpan: t,
|
|
492
492
|
ghostWidth: n,
|
|
@@ -510,8 +510,8 @@ function Ot({
|
|
|
510
510
|
}
|
|
511
511
|
);
|
|
512
512
|
}
|
|
513
|
-
|
|
514
|
-
class
|
|
513
|
+
Lt.displayName = "GhostPreview";
|
|
514
|
+
class $t {
|
|
515
515
|
constructor() {
|
|
516
516
|
this.samples = [], this.capacity = 3;
|
|
517
517
|
}
|
|
@@ -549,8 +549,8 @@ class Lt {
|
|
|
549
549
|
const t = this.samples.length;
|
|
550
550
|
if (t < 2) return 0;
|
|
551
551
|
if (t === 2) {
|
|
552
|
-
const [
|
|
553
|
-
return (d.x -
|
|
552
|
+
const [u, d] = this.samples, p = Math.max(1, d.t - u.t);
|
|
553
|
+
return (d.x - u.x) / p * 1e3;
|
|
554
554
|
}
|
|
555
555
|
const [n, a, s] = this.samples, i = (s.x - a.x) / Math.max(1, s.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
|
|
556
556
|
return (i * 3 + o * 2 + l * 1) / 6;
|
|
@@ -576,7 +576,7 @@ const qe = {
|
|
|
576
576
|
// Velocity multiplier (D-03b panel)
|
|
577
577
|
velocityMultiplier: 1
|
|
578
578
|
};
|
|
579
|
-
function
|
|
579
|
+
function xn({
|
|
580
580
|
currentColSpan: e,
|
|
581
581
|
stackable: t,
|
|
582
582
|
onResize: n,
|
|
@@ -585,18 +585,18 @@ function kn({
|
|
|
585
585
|
gap: i = 0,
|
|
586
586
|
tuning: o,
|
|
587
587
|
dwellMs: l = 60,
|
|
588
|
-
graceExitMs:
|
|
588
|
+
graceExitMs: u = 150,
|
|
589
589
|
enterMs: d = 180,
|
|
590
|
-
exitMs:
|
|
590
|
+
exitMs: p = 120,
|
|
591
591
|
maxColSpan: f = 3,
|
|
592
|
-
containerRef:
|
|
593
|
-
forceIdle:
|
|
592
|
+
containerRef: g,
|
|
593
|
+
forceIdle: m
|
|
594
594
|
}) {
|
|
595
|
-
const [N, y] = $("idle"), [h,
|
|
595
|
+
const [N, y] = $("idle"), [h, M] = $(e), P = R(null), k = R(null), T = R(null), I = R(null), c = R(s), v = R(i), _ = R(f), S = R(0), b = R("idle");
|
|
596
596
|
L(() => {
|
|
597
597
|
b.current = N;
|
|
598
598
|
}, [N]);
|
|
599
|
-
const x =
|
|
599
|
+
const x = bt(0), F = R(null), U = w(() => {
|
|
600
600
|
const C = F.current;
|
|
601
601
|
if (C) {
|
|
602
602
|
try {
|
|
@@ -611,7 +611,7 @@ function kn({
|
|
|
611
611
|
return C * E + (C - 1) * A;
|
|
612
612
|
},
|
|
613
613
|
[]
|
|
614
|
-
), j =
|
|
614
|
+
), j = R(new $t()), G = R(e);
|
|
615
615
|
L(() => {
|
|
616
616
|
G.current = h;
|
|
617
617
|
}, [h]);
|
|
@@ -623,8 +623,8 @@ function kn({
|
|
|
623
623
|
T.current && (clearTimeout(T.current), T.current = null);
|
|
624
624
|
}, []);
|
|
625
625
|
L(() => {
|
|
626
|
-
|
|
627
|
-
}, [
|
|
626
|
+
m && (b.current === "dragging" || b.current === "settling" || (Z(), O(), J(), b.current = "idle", y("idle")));
|
|
627
|
+
}, [m, Z, O, J]);
|
|
628
628
|
const Le = w(() => {
|
|
629
629
|
O(), y((C) => C === "settling" || C !== "idle" ? C : (P.current = setTimeout(() => y("handle-visible"), l), "dwelling"));
|
|
630
630
|
}, [l, O]), $e = w(() => {
|
|
@@ -632,8 +632,8 @@ function kn({
|
|
|
632
632
|
const C = b.current;
|
|
633
633
|
C !== "dwelling" && C !== "handle-visible" || (k.current = setTimeout(() => {
|
|
634
634
|
b.current = "idle", y("idle");
|
|
635
|
-
},
|
|
636
|
-
}, [Z,
|
|
635
|
+
}, u));
|
|
636
|
+
}, [Z, u]), oe = w(
|
|
637
637
|
(C, E, A) => {
|
|
638
638
|
const z = c.current, ee = z * B.snapInFraction, Y = z * B.snapOutFraction, K = E - A, V = Math.max(
|
|
639
639
|
A,
|
|
@@ -724,7 +724,7 @@ function kn({
|
|
|
724
724
|
return window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C);
|
|
725
725
|
}, [N, le]), L(() => {
|
|
726
726
|
if (N !== "dragging") {
|
|
727
|
-
|
|
727
|
+
M(e);
|
|
728
728
|
return;
|
|
729
729
|
}
|
|
730
730
|
const C = (K) => {
|
|
@@ -733,7 +733,7 @@ function kn({
|
|
|
733
733
|
const _e = c.current, ke = (f - e) * _e, xe = (1 - e) * _e, de = Math.max(xe, Math.min(ke, V));
|
|
734
734
|
j.current.push({ x: K.clientX, t: performance.now() });
|
|
735
735
|
const ue = oe(de, G.current, e);
|
|
736
|
-
ue !== G.current && (G.current = ue,
|
|
736
|
+
ue !== G.current && (G.current = ue, M(ue));
|
|
737
737
|
}, E = (K, V) => {
|
|
738
738
|
if (b.current === "dragging")
|
|
739
739
|
if (K === "pointerup") {
|
|
@@ -753,9 +753,9 @@ function kn({
|
|
|
753
753
|
Z(), O(), J();
|
|
754
754
|
}, [Z, O, J]), L(() => {
|
|
755
755
|
if (N !== "cancelled") return;
|
|
756
|
-
const C = setTimeout(() => y("idle"),
|
|
756
|
+
const C = setTimeout(() => y("idle"), p);
|
|
757
757
|
return () => clearTimeout(C);
|
|
758
|
-
}, [N,
|
|
758
|
+
}, [N, p]);
|
|
759
759
|
const lt = w(
|
|
760
760
|
(C) => {
|
|
761
761
|
if (b.current === "settling") return;
|
|
@@ -793,7 +793,7 @@ function kn({
|
|
|
793
793
|
targetColSpan: h,
|
|
794
794
|
ghostWidth: x,
|
|
795
795
|
enterMs: d,
|
|
796
|
-
exitMs:
|
|
796
|
+
exitMs: p
|
|
797
797
|
},
|
|
798
798
|
onKeyboardStep: lt,
|
|
799
799
|
onTouchReveal: ct,
|
|
@@ -826,14 +826,14 @@ const se = {
|
|
|
826
826
|
sectionDividerFadeOutMs: 80,
|
|
827
827
|
sectionDividerStaggerMs: 40
|
|
828
828
|
};
|
|
829
|
-
function
|
|
829
|
+
function Sn(e) {
|
|
830
830
|
const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: s } = e;
|
|
831
831
|
if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
|
|
832
832
|
return;
|
|
833
833
|
const i = (a + 0.5) * (t / n);
|
|
834
834
|
return s != null && Number.isFinite(s) && s > 0 ? i - s / 2 : i;
|
|
835
835
|
}
|
|
836
|
-
const
|
|
836
|
+
const Mn = [
|
|
837
837
|
// 1. Standard: Total Revenue
|
|
838
838
|
{
|
|
839
839
|
variant: "standard",
|
|
@@ -965,24 +965,24 @@ const Sn = [
|
|
|
965
965
|
subtitle: "Awaiting QA",
|
|
966
966
|
highlightColor: "neutral"
|
|
967
967
|
}
|
|
968
|
-
],
|
|
968
|
+
], Bt = {
|
|
969
969
|
variant: "standard",
|
|
970
970
|
label: "Total Revenue",
|
|
971
971
|
isLoading: !0
|
|
972
|
-
},
|
|
972
|
+
}, zt = {
|
|
973
973
|
variant: "standard",
|
|
974
974
|
label: "Total Revenue",
|
|
975
975
|
value: 125430,
|
|
976
976
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
977
977
|
isError: !0
|
|
978
|
-
},
|
|
978
|
+
}, Kt = {
|
|
979
979
|
variant: "standard",
|
|
980
980
|
label: "Total Revenue",
|
|
981
981
|
value: null,
|
|
982
982
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
983
983
|
isEmpty: !0,
|
|
984
984
|
subtitle: "No data"
|
|
985
|
-
},
|
|
985
|
+
}, Wt = {
|
|
986
986
|
variant: "standard",
|
|
987
987
|
label: "Total Revenue",
|
|
988
988
|
value: 125430,
|
|
@@ -990,7 +990,7 @@ const Sn = [
|
|
|
990
990
|
trend: { value: 12.5, direction: "up" },
|
|
991
991
|
subtitle: "MTD",
|
|
992
992
|
isStale: !0
|
|
993
|
-
},
|
|
993
|
+
}, Gt = {
|
|
994
994
|
variant: "sparkline",
|
|
995
995
|
label: "Daily Orders",
|
|
996
996
|
value: 847,
|
|
@@ -999,7 +999,7 @@ const Sn = [
|
|
|
999
999
|
sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
|
|
1000
1000
|
accentColor: "#6366f1",
|
|
1001
1001
|
isStale: !0
|
|
1002
|
-
},
|
|
1002
|
+
}, Vt = {
|
|
1003
1003
|
variant: "donut",
|
|
1004
1004
|
label: "Order Fill Rate",
|
|
1005
1005
|
value: 78,
|
|
@@ -1011,13 +1011,13 @@ const Sn = [
|
|
|
1011
1011
|
accentColor: "#10b981",
|
|
1012
1012
|
isStale: !0
|
|
1013
1013
|
}, Rn = [
|
|
1014
|
-
$t,
|
|
1015
1014
|
Bt,
|
|
1016
1015
|
zt,
|
|
1017
1016
|
Kt,
|
|
1018
1017
|
Wt,
|
|
1019
|
-
Gt
|
|
1020
|
-
|
|
1018
|
+
Gt,
|
|
1019
|
+
Vt
|
|
1020
|
+
], Tn = {
|
|
1021
1021
|
variant: "sparkline",
|
|
1022
1022
|
label: "Daily Orders",
|
|
1023
1023
|
value: 847,
|
|
@@ -1040,7 +1040,7 @@ const Sn = [
|
|
|
1040
1040
|
59
|
|
1041
1041
|
],
|
|
1042
1042
|
accentColor: "#6366f1"
|
|
1043
|
-
},
|
|
1043
|
+
}, In = {
|
|
1044
1044
|
variant: "sparkline",
|
|
1045
1045
|
label: "New Customers",
|
|
1046
1046
|
value: 23,
|
|
@@ -1079,21 +1079,21 @@ const Sn = [
|
|
|
1079
1079
|
19
|
|
1080
1080
|
],
|
|
1081
1081
|
accentColor: "#10b981"
|
|
1082
|
-
},
|
|
1082
|
+
}, Pn = {
|
|
1083
1083
|
variant: "standard",
|
|
1084
1084
|
label: "Total Revenue",
|
|
1085
1085
|
value: 125430,
|
|
1086
1086
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
1087
1087
|
trend: { value: 12.5, direction: "up" },
|
|
1088
1088
|
subtitle: "MTD"
|
|
1089
|
-
},
|
|
1089
|
+
}, Fn = {
|
|
1090
1090
|
variant: "standard",
|
|
1091
1091
|
label: "Returns",
|
|
1092
1092
|
value: 3280,
|
|
1093
1093
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
1094
1094
|
trend: { value: -8.3, direction: "down" },
|
|
1095
1095
|
subtitle: "MTD"
|
|
1096
|
-
},
|
|
1096
|
+
}, En = {
|
|
1097
1097
|
variant: "standard",
|
|
1098
1098
|
label: "Avg Order Value",
|
|
1099
1099
|
value: 487,
|
|
@@ -1111,23 +1111,23 @@ function Ye({
|
|
|
1111
1111
|
onCreatePage: o,
|
|
1112
1112
|
onManagePages: l
|
|
1113
1113
|
}) {
|
|
1114
|
-
const
|
|
1115
|
-
(
|
|
1116
|
-
i(
|
|
1114
|
+
const u = w(
|
|
1115
|
+
(g) => {
|
|
1116
|
+
i(g), t();
|
|
1117
1117
|
},
|
|
1118
1118
|
[i, t]
|
|
1119
1119
|
), d = w(
|
|
1120
|
-
(
|
|
1121
|
-
(
|
|
1120
|
+
(g, m) => {
|
|
1121
|
+
(m.key === "Enter" || m.key === " ") && (m.preventDefault(), u(g));
|
|
1122
1122
|
},
|
|
1123
|
-
[
|
|
1124
|
-
),
|
|
1123
|
+
[u]
|
|
1124
|
+
), p = w(() => {
|
|
1125
1125
|
o(), t();
|
|
1126
1126
|
}, [o, t]), f = w(() => {
|
|
1127
1127
|
l(), t();
|
|
1128
1128
|
}, [l, t]);
|
|
1129
1129
|
return /* @__PURE__ */ D(
|
|
1130
|
-
|
|
1130
|
+
wt,
|
|
1131
1131
|
{
|
|
1132
1132
|
definition: {
|
|
1133
1133
|
placement: "bottom-end",
|
|
@@ -1140,36 +1140,36 @@ function Ye({
|
|
|
1140
1140
|
anchorRef: n,
|
|
1141
1141
|
className: "gloss-page-dropdown",
|
|
1142
1142
|
children: [
|
|
1143
|
-
/* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((
|
|
1144
|
-
const
|
|
1143
|
+
/* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
|
|
1144
|
+
const m = g.id === s;
|
|
1145
1145
|
return /* @__PURE__ */ D(
|
|
1146
1146
|
"li",
|
|
1147
1147
|
{
|
|
1148
1148
|
role: "menuitemradio",
|
|
1149
|
-
"aria-checked":
|
|
1150
|
-
"aria-current":
|
|
1149
|
+
"aria-checked": m,
|
|
1150
|
+
"aria-current": m ? "page" : void 0,
|
|
1151
1151
|
tabIndex: 0,
|
|
1152
|
-
className: `gloss-page-dropdown__item${
|
|
1153
|
-
onClick: () =>
|
|
1154
|
-
onKeyDown: (N) => d(
|
|
1152
|
+
className: `gloss-page-dropdown__item${m ? " gloss-page-dropdown__item--active" : ""}`,
|
|
1153
|
+
onClick: () => u(g.id),
|
|
1154
|
+
onKeyDown: (N) => d(g.id, N),
|
|
1155
1155
|
children: [
|
|
1156
1156
|
/* @__PURE__ */ r(
|
|
1157
1157
|
"span",
|
|
1158
1158
|
{
|
|
1159
|
-
className: `gloss-page-dropdown__dot${
|
|
1159
|
+
className: `gloss-page-dropdown__dot${m ? " gloss-page-dropdown__dot--active" : ""}`
|
|
1160
1160
|
}
|
|
1161
1161
|
),
|
|
1162
1162
|
/* @__PURE__ */ r(
|
|
1163
1163
|
"span",
|
|
1164
1164
|
{
|
|
1165
|
-
className: `gloss-page-dropdown__name${
|
|
1166
|
-
children:
|
|
1165
|
+
className: `gloss-page-dropdown__name${g.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
|
|
1166
|
+
children: g.name
|
|
1167
1167
|
}
|
|
1168
1168
|
),
|
|
1169
|
-
/* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children:
|
|
1169
|
+
/* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: g.cardCount })
|
|
1170
1170
|
]
|
|
1171
1171
|
},
|
|
1172
|
-
|
|
1172
|
+
g.id
|
|
1173
1173
|
);
|
|
1174
1174
|
}) }),
|
|
1175
1175
|
/* @__PURE__ */ r("hr", { className: "gloss-page-dropdown__separator" }),
|
|
@@ -1178,7 +1178,7 @@ function Ye({
|
|
|
1178
1178
|
{
|
|
1179
1179
|
role: "menuitem",
|
|
1180
1180
|
className: "gloss-page-dropdown__action",
|
|
1181
|
-
onClick:
|
|
1181
|
+
onClick: p,
|
|
1182
1182
|
children: "+ New page"
|
|
1183
1183
|
}
|
|
1184
1184
|
),
|
|
@@ -1197,7 +1197,7 @@ function Ye({
|
|
|
1197
1197
|
);
|
|
1198
1198
|
}
|
|
1199
1199
|
Ye.displayName = "PageDropdown";
|
|
1200
|
-
const
|
|
1200
|
+
const Ht = function({
|
|
1201
1201
|
currentIndex: t,
|
|
1202
1202
|
total: n,
|
|
1203
1203
|
pages: a,
|
|
@@ -1205,23 +1205,23 @@ const Vt = function({
|
|
|
1205
1205
|
onCreatePage: i,
|
|
1206
1206
|
onManagePages: o,
|
|
1207
1207
|
maskRadius: l = "var(--gloss-radius-md)",
|
|
1208
|
-
displayMode:
|
|
1208
|
+
displayMode: u = "count",
|
|
1209
1209
|
activePage: d
|
|
1210
1210
|
}) {
|
|
1211
|
-
const
|
|
1212
|
-
|
|
1211
|
+
const p = R(null), [f, g] = $(!1), m = w(() => {
|
|
1212
|
+
g((M) => !M);
|
|
1213
1213
|
}, []), N = w(() => {
|
|
1214
|
-
|
|
1214
|
+
g(!1);
|
|
1215
1215
|
}, []), y = a[t]?.id ?? "";
|
|
1216
1216
|
return /* @__PURE__ */ D(
|
|
1217
1217
|
"div",
|
|
1218
1218
|
{
|
|
1219
1219
|
className: "gloss-page-chip",
|
|
1220
|
-
ref:
|
|
1221
|
-
style:
|
|
1220
|
+
ref: p,
|
|
1221
|
+
style: u === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
|
|
1222
1222
|
"data-page-chip": !0,
|
|
1223
1223
|
children: [
|
|
1224
|
-
|
|
1224
|
+
u !== "name" && /* @__PURE__ */ r(
|
|
1225
1225
|
"div",
|
|
1226
1226
|
{
|
|
1227
1227
|
className: "gloss-page-chip__nuzzle",
|
|
@@ -1231,12 +1231,12 @@ const Vt = function({
|
|
|
1231
1231
|
/* @__PURE__ */ r(
|
|
1232
1232
|
"button",
|
|
1233
1233
|
{
|
|
1234
|
-
className: `gloss-page-chip__trigger${
|
|
1234
|
+
className: `gloss-page-chip__trigger${u === "name" ? " gloss-page-chip__trigger--name" : ""}`,
|
|
1235
1235
|
"aria-haspopup": "menu",
|
|
1236
1236
|
"aria-expanded": f,
|
|
1237
|
-
"aria-label":
|
|
1238
|
-
onClick:
|
|
1239
|
-
children:
|
|
1237
|
+
"aria-label": u === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
|
|
1238
|
+
onClick: m,
|
|
1239
|
+
children: u === "name" ? /* @__PURE__ */ D(te, { children: [
|
|
1240
1240
|
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: d ?? "" }),
|
|
1241
1241
|
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
|
|
1242
1242
|
] }) : /* @__PURE__ */ D(te, { children: [
|
|
@@ -1251,7 +1251,7 @@ const Vt = function({
|
|
|
1251
1251
|
{
|
|
1252
1252
|
open: f,
|
|
1253
1253
|
onDismiss: N,
|
|
1254
|
-
anchorRef:
|
|
1254
|
+
anchorRef: p,
|
|
1255
1255
|
pages: a,
|
|
1256
1256
|
activePageId: y,
|
|
1257
1257
|
onPageChange: s,
|
|
@@ -1263,8 +1263,8 @@ const Vt = function({
|
|
|
1263
1263
|
}
|
|
1264
1264
|
);
|
|
1265
1265
|
};
|
|
1266
|
-
|
|
1267
|
-
const
|
|
1266
|
+
Ht.displayName = "PageChip";
|
|
1267
|
+
const An = [
|
|
1268
1268
|
{
|
|
1269
1269
|
id: "ORD-1001",
|
|
1270
1270
|
orderNumber: "ORD-1001",
|
|
@@ -1397,7 +1397,7 @@ const En = [
|
|
|
1397
1397
|
date: "2026-03-01",
|
|
1398
1398
|
skuCount: 9
|
|
1399
1399
|
}
|
|
1400
|
-
],
|
|
1400
|
+
], On = [
|
|
1401
1401
|
{
|
|
1402
1402
|
id: "ITEM-001",
|
|
1403
1403
|
sku: "PB-4520",
|
|
@@ -1540,7 +1540,7 @@ function Qe(e) {
|
|
|
1540
1540
|
function Xe(e) {
|
|
1541
1541
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1542
1542
|
}
|
|
1543
|
-
const he = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"),
|
|
1543
|
+
const he = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Ln = [
|
|
1544
1544
|
{
|
|
1545
1545
|
field: "id",
|
|
1546
1546
|
headerName: "Order",
|
|
@@ -1592,7 +1592,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1592
1592
|
cellClassName: "gloss-tabular-nums",
|
|
1593
1593
|
renderCell: ({ row: e }) => e.date ? Xe(e.date) : ""
|
|
1594
1594
|
}
|
|
1595
|
-
],
|
|
1595
|
+
], $n = [
|
|
1596
1596
|
{
|
|
1597
1597
|
field: "sku",
|
|
1598
1598
|
headerName: "Item ID",
|
|
@@ -1656,20 +1656,20 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1656
1656
|
cellClassName: "gloss-tabular-nums",
|
|
1657
1657
|
renderCell: ({ row: e }) => e.lastDate ? Xe(e.lastDate) : ""
|
|
1658
1658
|
}
|
|
1659
|
-
],
|
|
1659
|
+
], Ut = [
|
|
1660
1660
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
1661
1661
|
{ id: "c-002", label: "Riverside Retail" },
|
|
1662
1662
|
{ id: "c-003", label: "Mountain View Store" },
|
|
1663
1663
|
{ id: "c-004", label: "Downtown Decor" },
|
|
1664
1664
|
{ id: "c-005", label: "Pacific Coast Imports" }
|
|
1665
|
-
],
|
|
1665
|
+
], jt = [
|
|
1666
1666
|
{ id: "i-001", label: "Classic Linen Throw Pillow" },
|
|
1667
1667
|
{ id: "i-002", label: "Coastal Wave Candle Set" },
|
|
1668
1668
|
{ id: "i-003", label: "Walnut Console Table" },
|
|
1669
1669
|
{ id: "i-004", label: "Hand-Blown Glass Vase" },
|
|
1670
1670
|
{ id: "i-005", label: "Velvet Accent Cushion" }
|
|
1671
1671
|
], Se = (e) => {
|
|
1672
|
-
},
|
|
1672
|
+
}, Zt = (e) => {
|
|
1673
1673
|
}, Ve = (e, t) => {
|
|
1674
1674
|
}, Je = {
|
|
1675
1675
|
vizState: {
|
|
@@ -1680,15 +1680,15 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1680
1680
|
timeFrame: "MTD"
|
|
1681
1681
|
},
|
|
1682
1682
|
onTypeChange: Se,
|
|
1683
|
-
onQuantChange:
|
|
1683
|
+
onQuantChange: Zt,
|
|
1684
1684
|
onEntityTypeChange: Se,
|
|
1685
1685
|
onEntitySelect: Ve,
|
|
1686
1686
|
onItemSelect: Ve,
|
|
1687
1687
|
onTimeFrameChange: Se,
|
|
1688
1688
|
userType: "sales-agency",
|
|
1689
|
-
entityFilterOptions:
|
|
1690
|
-
itemFilterOptions:
|
|
1691
|
-
},
|
|
1689
|
+
entityFilterOptions: Ut,
|
|
1690
|
+
itemFilterOptions: jt
|
|
1691
|
+
}, Bn = {
|
|
1692
1692
|
...Je,
|
|
1693
1693
|
vizState: {
|
|
1694
1694
|
type: "items",
|
|
@@ -1697,7 +1697,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1697
1697
|
byItem: { id: "i-003", name: "Walnut Console Table" },
|
|
1698
1698
|
timeFrame: "YTD"
|
|
1699
1699
|
}
|
|
1700
|
-
},
|
|
1700
|
+
}, zn = {
|
|
1701
1701
|
...Je,
|
|
1702
1702
|
vizState: {
|
|
1703
1703
|
type: "orders",
|
|
@@ -1710,7 +1710,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1710
1710
|
entityFilterOptions: [
|
|
1711
1711
|
{ id: "customers", label: "Customers" }
|
|
1712
1712
|
]
|
|
1713
|
-
},
|
|
1713
|
+
}, qt = [
|
|
1714
1714
|
{
|
|
1715
1715
|
id: "recent-orders",
|
|
1716
1716
|
label: "Recent Orders",
|
|
@@ -1756,7 +1756,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1756
1756
|
routeKey: "customer.profile",
|
|
1757
1757
|
subtitle: "Opens in RepTime"
|
|
1758
1758
|
}
|
|
1759
|
-
],
|
|
1759
|
+
], Yt = [
|
|
1760
1760
|
{
|
|
1761
1761
|
id: "order-items",
|
|
1762
1762
|
label: "Items in Order",
|
|
@@ -1785,7 +1785,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1785
1785
|
cellKinds: ["orderId"],
|
|
1786
1786
|
graphType: "timeline"
|
|
1787
1787
|
}
|
|
1788
|
-
],
|
|
1788
|
+
], Qt = [
|
|
1789
1789
|
{
|
|
1790
1790
|
id: "graph-metric",
|
|
1791
1791
|
label: "Graph This Metric",
|
|
@@ -1813,14 +1813,14 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1813
1813
|
cellKinds: ["numeric"],
|
|
1814
1814
|
tabType: "orders"
|
|
1815
1815
|
}
|
|
1816
|
-
],
|
|
1817
|
-
entityName:
|
|
1818
|
-
orderId:
|
|
1819
|
-
numeric:
|
|
1820
|
-
},
|
|
1816
|
+
], Kn = {
|
|
1817
|
+
entityName: qt,
|
|
1818
|
+
orderId: Yt,
|
|
1819
|
+
numeric: Qt
|
|
1820
|
+
}, Wn = [
|
|
1821
1821
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
|
|
1822
1822
|
/* @__PURE__ */ new Date()
|
|
1823
|
-
],
|
|
1823
|
+
], Gn = {
|
|
1824
1824
|
rangeA: [
|
|
1825
1825
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
|
|
1826
1826
|
/* @__PURE__ */ new Date()
|
|
@@ -1833,7 +1833,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1833
1833
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
|
|
1834
1834
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
|
|
1835
1835
|
]
|
|
1836
|
-
},
|
|
1836
|
+
}, Vn = {
|
|
1837
1837
|
version: 4,
|
|
1838
1838
|
lastPreset: "mtd",
|
|
1839
1839
|
pinnedPreset: "mtd",
|
|
@@ -1841,7 +1841,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1841
1841
|
rangeCount: 1,
|
|
1842
1842
|
lastPresetB: null,
|
|
1843
1843
|
lastPresetC: null
|
|
1844
|
-
},
|
|
1844
|
+
}, Hn = [
|
|
1845
1845
|
{
|
|
1846
1846
|
id: "atlanta-jan",
|
|
1847
1847
|
label: "Atlanta Market",
|
|
@@ -1863,7 +1863,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1863
1863
|
endDate: new Date(2026, 3, 22),
|
|
1864
1864
|
location: "Chicago, IL"
|
|
1865
1865
|
}
|
|
1866
|
-
],
|
|
1866
|
+
], Un = [
|
|
1867
1867
|
{
|
|
1868
1868
|
id: "custom-regional-1",
|
|
1869
1869
|
label: "Southeast Regional Expo",
|
|
@@ -1880,7 +1880,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1880
1880
|
location: "Portland, OR",
|
|
1881
1881
|
isCustom: !0
|
|
1882
1882
|
}
|
|
1883
|
-
],
|
|
1883
|
+
], jn = [
|
|
1884
1884
|
{
|
|
1885
1885
|
id: "atlanta-jan",
|
|
1886
1886
|
label: "Atlanta Market",
|
|
@@ -1897,35 +1897,35 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1897
1897
|
location: "New York, NY",
|
|
1898
1898
|
active: !0
|
|
1899
1899
|
}
|
|
1900
|
-
],
|
|
1900
|
+
], Zn = [
|
|
1901
1901
|
{ id: "7d", label: "7D" },
|
|
1902
1902
|
{ id: "30d", label: "30D" },
|
|
1903
1903
|
{ id: "60d", label: "60D" },
|
|
1904
1904
|
{ id: "90d", label: "90D" }
|
|
1905
|
-
],
|
|
1905
|
+
], qn = [
|
|
1906
1906
|
{ id: "mtd", label: "MTD" },
|
|
1907
1907
|
{ id: "qtd", label: "QTD" },
|
|
1908
1908
|
{ id: "ytd", label: "YTD" },
|
|
1909
1909
|
{ id: "lytd", label: "LYTD" }
|
|
1910
|
-
],
|
|
1910
|
+
], Xt = {
|
|
1911
1911
|
timeframe: "Time Frame",
|
|
1912
1912
|
threshold: "Thresholds",
|
|
1913
1913
|
slots: "Slots",
|
|
1914
1914
|
size: "Size",
|
|
1915
1915
|
color: "Color",
|
|
1916
1916
|
pinned: "Pinned"
|
|
1917
|
-
},
|
|
1918
|
-
timeframe:
|
|
1919
|
-
threshold:
|
|
1920
|
-
slots:
|
|
1921
|
-
size:
|
|
1922
|
-
color:
|
|
1923
|
-
pinned:
|
|
1917
|
+
}, Jt = {
|
|
1918
|
+
timeframe: Nt,
|
|
1919
|
+
threshold: Dt,
|
|
1920
|
+
slots: Ct,
|
|
1921
|
+
size: kt,
|
|
1922
|
+
color: xt,
|
|
1923
|
+
pinned: St
|
|
1924
1924
|
};
|
|
1925
1925
|
function He(...e) {
|
|
1926
1926
|
return e.filter(Boolean).join(" ");
|
|
1927
1927
|
}
|
|
1928
|
-
function
|
|
1928
|
+
function ea() {
|
|
1929
1929
|
const [e, t] = $(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
|
|
1930
1930
|
return L(() => {
|
|
1931
1931
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
@@ -1935,42 +1935,42 @@ function Jt() {
|
|
|
1935
1935
|
});
|
|
1936
1936
|
}, []), e;
|
|
1937
1937
|
}
|
|
1938
|
-
const
|
|
1938
|
+
const ta = ({
|
|
1939
1939
|
dimensions: e,
|
|
1940
1940
|
onDimensionSelect: t,
|
|
1941
1941
|
activeDimension: n,
|
|
1942
1942
|
ariaCardTypeLabel: a,
|
|
1943
1943
|
className: s
|
|
1944
1944
|
}) => {
|
|
1945
|
-
const i =
|
|
1946
|
-
if (
|
|
1947
|
-
const d = a ? `Configure ${a}: choose a dimension` : void 0,
|
|
1948
|
-
const N =
|
|
1949
|
-
const
|
|
1950
|
-
|
|
1945
|
+
const i = R(null), o = R([]), l = ea(), u = ye(() => Array.from(e), [e]);
|
|
1946
|
+
if (u.length === 0) return null;
|
|
1947
|
+
const d = a ? `Configure ${a}: choose a dimension` : void 0, p = l ? "10ms" : "200ms", f = (g, m) => {
|
|
1948
|
+
const N = u.length - 1, y = (h) => {
|
|
1949
|
+
const M = o.current[h];
|
|
1950
|
+
M && M.focus();
|
|
1951
1951
|
};
|
|
1952
|
-
switch (
|
|
1952
|
+
switch (g.key) {
|
|
1953
1953
|
case "ArrowRight":
|
|
1954
1954
|
case "ArrowDown": {
|
|
1955
|
-
|
|
1955
|
+
g.preventDefault(), y(m === N ? 0 : m + 1);
|
|
1956
1956
|
break;
|
|
1957
1957
|
}
|
|
1958
1958
|
case "ArrowLeft":
|
|
1959
1959
|
case "ArrowUp": {
|
|
1960
|
-
|
|
1960
|
+
g.preventDefault(), y(m === 0 ? N : m - 1);
|
|
1961
1961
|
break;
|
|
1962
1962
|
}
|
|
1963
1963
|
case "Home": {
|
|
1964
|
-
|
|
1964
|
+
g.preventDefault(), y(0);
|
|
1965
1965
|
break;
|
|
1966
1966
|
}
|
|
1967
1967
|
case "End": {
|
|
1968
|
-
|
|
1968
|
+
g.preventDefault(), y(N);
|
|
1969
1969
|
break;
|
|
1970
1970
|
}
|
|
1971
1971
|
case "Enter":
|
|
1972
1972
|
case " ": {
|
|
1973
|
-
|
|
1973
|
+
g.preventDefault(), t(u[m]);
|
|
1974
1974
|
break;
|
|
1975
1975
|
}
|
|
1976
1976
|
}
|
|
@@ -1986,25 +1986,25 @@ const ea = ({
|
|
|
1986
1986
|
// Expose the reduced-motion-resolved duration as a CSS custom prop
|
|
1987
1987
|
// so the SCSS transition rule can consume it without a nested media
|
|
1988
1988
|
// query in the JS. Also surfaces the value for the unit test.
|
|
1989
|
-
"--gloss-reconfig-backside-buttons-transition-duration":
|
|
1989
|
+
"--gloss-reconfig-backside-buttons-transition-duration": p
|
|
1990
1990
|
},
|
|
1991
|
-
children:
|
|
1992
|
-
const N =
|
|
1991
|
+
children: u.map((g, m) => {
|
|
1992
|
+
const N = Jt[g], y = n === g;
|
|
1993
1993
|
return /* @__PURE__ */ D(
|
|
1994
1994
|
"button",
|
|
1995
1995
|
{
|
|
1996
1996
|
ref: (h) => {
|
|
1997
|
-
o.current[
|
|
1997
|
+
o.current[m] = h;
|
|
1998
1998
|
},
|
|
1999
1999
|
type: "button",
|
|
2000
|
-
"data-dimension":
|
|
2000
|
+
"data-dimension": g,
|
|
2001
2001
|
className: He(
|
|
2002
2002
|
"gloss-reconfig-backside-buttons__button",
|
|
2003
2003
|
y && "gloss-reconfig-backside-buttons__button--active"
|
|
2004
2004
|
),
|
|
2005
2005
|
"aria-current": y ? "true" : void 0,
|
|
2006
|
-
onClick: () => t(
|
|
2007
|
-
onKeyDown: (h) => f(h,
|
|
2006
|
+
onClick: () => t(g),
|
|
2007
|
+
onKeyDown: (h) => f(h, m),
|
|
2008
2008
|
children: [
|
|
2009
2009
|
/* @__PURE__ */ r(
|
|
2010
2010
|
N,
|
|
@@ -2013,16 +2013,16 @@ const ea = ({
|
|
|
2013
2013
|
"aria-hidden": "true"
|
|
2014
2014
|
}
|
|
2015
2015
|
),
|
|
2016
|
-
/* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children:
|
|
2016
|
+
/* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Xt[g] })
|
|
2017
2017
|
]
|
|
2018
2018
|
},
|
|
2019
|
-
|
|
2019
|
+
g
|
|
2020
2020
|
);
|
|
2021
2021
|
})
|
|
2022
2022
|
}
|
|
2023
2023
|
);
|
|
2024
2024
|
};
|
|
2025
|
-
|
|
2025
|
+
ta.displayName = "ReconfigBacksideButtons";
|
|
2026
2026
|
function Q(e, t) {
|
|
2027
2027
|
return {
|
|
2028
2028
|
id: e,
|
|
@@ -2049,7 +2049,7 @@ function Ue(e, t) {
|
|
|
2049
2049
|
colSpan: 2
|
|
2050
2050
|
};
|
|
2051
2051
|
}
|
|
2052
|
-
const
|
|
2052
|
+
const Yn = [
|
|
2053
2053
|
Q("total-revenue", "Total Revenue"),
|
|
2054
2054
|
Q("total-orders", "Total Orders"),
|
|
2055
2055
|
Ue("revenue-trend", "Revenue Trend (2x)"),
|
|
@@ -2060,21 +2060,21 @@ const qn = [
|
|
|
2060
2060
|
Q("repeat-rate", "Repeat Rate"),
|
|
2061
2061
|
Q("open-orders", "Open Orders"),
|
|
2062
2062
|
Q("shipped-orders", "Shipped Orders")
|
|
2063
|
-
],
|
|
2063
|
+
], Qn = {
|
|
2064
2064
|
columns: 6,
|
|
2065
2065
|
rowHeight: 120,
|
|
2066
2066
|
gap: 15,
|
|
2067
2067
|
maxRows: 3,
|
|
2068
2068
|
currentPage: 0,
|
|
2069
2069
|
totalPages: 1
|
|
2070
|
-
},
|
|
2070
|
+
}, Xn = {
|
|
2071
2071
|
columns: 9,
|
|
2072
2072
|
rowHeight: 120,
|
|
2073
2073
|
gap: 15,
|
|
2074
2074
|
maxRows: 3,
|
|
2075
2075
|
currentPage: 0,
|
|
2076
2076
|
totalPages: 2
|
|
2077
|
-
},
|
|
2077
|
+
}, Jn = {
|
|
2078
2078
|
columns: 12,
|
|
2079
2079
|
rowHeight: 120,
|
|
2080
2080
|
gap: 15,
|
|
@@ -2082,15 +2082,15 @@ const qn = [
|
|
|
2082
2082
|
currentPage: 0,
|
|
2083
2083
|
totalPages: 3
|
|
2084
2084
|
};
|
|
2085
|
-
function
|
|
2085
|
+
function Me(e) {
|
|
2086
2086
|
return H.createElement("span", { style: { fontSize: 14 } }, e);
|
|
2087
2087
|
}
|
|
2088
|
-
const
|
|
2088
|
+
const er = [
|
|
2089
2089
|
{
|
|
2090
2090
|
id: "all-orders",
|
|
2091
2091
|
type: "orders",
|
|
2092
2092
|
name: "All Orders",
|
|
2093
|
-
icon:
|
|
2093
|
+
icon: Me("📋"),
|
|
2094
2094
|
closable: !1,
|
|
2095
2095
|
autoCreated: !0
|
|
2096
2096
|
},
|
|
@@ -2098,17 +2098,17 @@ const Jn = [
|
|
|
2098
2098
|
id: "open-orders",
|
|
2099
2099
|
type: "orders",
|
|
2100
2100
|
name: "Open Orders",
|
|
2101
|
-
icon:
|
|
2101
|
+
icon: Me("📦"),
|
|
2102
2102
|
closable: !0
|
|
2103
2103
|
},
|
|
2104
2104
|
{
|
|
2105
2105
|
id: "shipped-orders",
|
|
2106
2106
|
type: "orders",
|
|
2107
2107
|
name: "Shipped Orders",
|
|
2108
|
-
icon:
|
|
2108
|
+
icon: Me("🚚"),
|
|
2109
2109
|
closable: !0
|
|
2110
2110
|
}
|
|
2111
|
-
],
|
|
2111
|
+
], tr = [
|
|
2112
2112
|
{
|
|
2113
2113
|
id: "orders-main",
|
|
2114
2114
|
type: "orders",
|
|
@@ -2134,7 +2134,7 @@ const Jn = [
|
|
|
2134
2134
|
name: "Customers",
|
|
2135
2135
|
closable: !0
|
|
2136
2136
|
}
|
|
2137
|
-
],
|
|
2137
|
+
], ar = [
|
|
2138
2138
|
{
|
|
2139
2139
|
id: "only-tab",
|
|
2140
2140
|
type: "orders",
|
|
@@ -2142,7 +2142,7 @@ const Jn = [
|
|
|
2142
2142
|
closable: !1,
|
|
2143
2143
|
autoCreated: !0
|
|
2144
2144
|
}
|
|
2145
|
-
],
|
|
2145
|
+
], nr = [
|
|
2146
2146
|
{ id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
|
|
2147
2147
|
{ id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
|
|
2148
2148
|
{ id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
|
|
@@ -2165,7 +2165,7 @@ function Fe(e) {
|
|
|
2165
2165
|
return { cols: 1, rows: 1 };
|
|
2166
2166
|
}
|
|
2167
2167
|
}
|
|
2168
|
-
function
|
|
2168
|
+
function aa(e) {
|
|
2169
2169
|
let t = 0;
|
|
2170
2170
|
for (const a of e) {
|
|
2171
2171
|
const s = Fe(a.size), i = a.gridPosition.col + s.cols - 1;
|
|
@@ -2173,7 +2173,7 @@ function ta(e) {
|
|
|
2173
2173
|
}
|
|
2174
2174
|
return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
|
|
2175
2175
|
}
|
|
2176
|
-
const
|
|
2176
|
+
const na = function(t) {
|
|
2177
2177
|
if (t.renderMode === "discrete")
|
|
2178
2178
|
return /* @__PURE__ */ r(
|
|
2179
2179
|
"div",
|
|
@@ -2242,7 +2242,7 @@ const aa = function(t) {
|
|
|
2242
2242
|
style: {
|
|
2243
2243
|
display: "grid",
|
|
2244
2244
|
gap: "var(--gloss-spacing-2, 8px)",
|
|
2245
|
-
gridTemplateColumns:
|
|
2245
|
+
gridTemplateColumns: aa(n)
|
|
2246
2246
|
},
|
|
2247
2247
|
children: n.map((s) => {
|
|
2248
2248
|
const i = Fe(s.size);
|
|
@@ -2265,13 +2265,13 @@ const aa = function(t) {
|
|
|
2265
2265
|
}
|
|
2266
2266
|
);
|
|
2267
2267
|
};
|
|
2268
|
-
|
|
2269
|
-
const et = "resize.tuning.dev",
|
|
2268
|
+
na.displayName = "MetricGroupContainer";
|
|
2269
|
+
const et = "resize.tuning.dev", ra = {
|
|
2270
2270
|
...qe,
|
|
2271
2271
|
snapInPx: 60,
|
|
2272
2272
|
snapOutPx: 90
|
|
2273
|
-
}, re =
|
|
2274
|
-
function
|
|
2273
|
+
}, re = ra;
|
|
2274
|
+
function sa() {
|
|
2275
2275
|
if (typeof window > "u") return { ...re };
|
|
2276
2276
|
try {
|
|
2277
2277
|
const e = window.localStorage.getItem(et);
|
|
@@ -2282,8 +2282,8 @@ function ra() {
|
|
|
2282
2282
|
return { ...re };
|
|
2283
2283
|
}
|
|
2284
2284
|
}
|
|
2285
|
-
function
|
|
2286
|
-
const [e, t] = $(() =>
|
|
2285
|
+
function ia() {
|
|
2286
|
+
const [e, t] = $(() => sa());
|
|
2287
2287
|
L(() => {
|
|
2288
2288
|
if (!(typeof window > "u"))
|
|
2289
2289
|
try {
|
|
@@ -2306,7 +2306,7 @@ function sa() {
|
|
|
2306
2306
|
}, []);
|
|
2307
2307
|
return { values: e, setValue: n, resetRow: a, resetAll: s };
|
|
2308
2308
|
}
|
|
2309
|
-
const
|
|
2309
|
+
const oa = [
|
|
2310
2310
|
{ key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
|
|
2311
2311
|
{ key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
|
|
2312
2312
|
{ key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
|
|
@@ -2317,10 +2317,10 @@ const ia = [
|
|
|
2317
2317
|
{ key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
|
|
2318
2318
|
{ key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
|
|
2319
2319
|
];
|
|
2320
|
-
function
|
|
2320
|
+
function la(e, t) {
|
|
2321
2321
|
return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
|
|
2322
2322
|
}
|
|
2323
|
-
function
|
|
2323
|
+
function ca() {
|
|
2324
2324
|
return /* @__PURE__ */ D(
|
|
2325
2325
|
"svg",
|
|
2326
2326
|
{
|
|
@@ -2340,7 +2340,7 @@ function la() {
|
|
|
2340
2340
|
}
|
|
2341
2341
|
);
|
|
2342
2342
|
}
|
|
2343
|
-
function
|
|
2343
|
+
function da({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
|
|
2344
2344
|
const i = w(
|
|
2345
2345
|
(o) => {
|
|
2346
2346
|
(o.key === "r" || o.key === "R") && (o.preventDefault(), a());
|
|
@@ -2356,7 +2356,7 @@ function ca({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
|
|
|
2356
2356
|
children: [
|
|
2357
2357
|
/* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
|
|
2358
2358
|
/* @__PURE__ */ D("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
|
|
2359
|
-
|
|
2359
|
+
la(t, e.step),
|
|
2360
2360
|
e.unit ? ` ${e.unit}` : ""
|
|
2361
2361
|
] }),
|
|
2362
2362
|
/* @__PURE__ */ r(
|
|
@@ -2380,14 +2380,14 @@ function ca({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
|
|
|
2380
2380
|
className: "gloss-dev-tuning-panel__reset",
|
|
2381
2381
|
"aria-label": `Reset ${e.label}`,
|
|
2382
2382
|
onClick: a,
|
|
2383
|
-
children: /* @__PURE__ */ r(
|
|
2383
|
+
children: /* @__PURE__ */ r(ca, {})
|
|
2384
2384
|
}
|
|
2385
2385
|
)
|
|
2386
2386
|
]
|
|
2387
2387
|
}
|
|
2388
2388
|
);
|
|
2389
2389
|
}
|
|
2390
|
-
function
|
|
2390
|
+
function ua() {
|
|
2391
2391
|
if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
|
|
2392
2392
|
try {
|
|
2393
2393
|
return new URLSearchParams(window.location.search).has("devtune");
|
|
@@ -2395,21 +2395,21 @@ function da() {
|
|
|
2395
2395
|
return !1;
|
|
2396
2396
|
}
|
|
2397
2397
|
}
|
|
2398
|
-
function
|
|
2399
|
-
return
|
|
2398
|
+
function ma(e = {}) {
|
|
2399
|
+
return ua() ? /* @__PURE__ */ r(ga, {}) : null;
|
|
2400
2400
|
}
|
|
2401
|
-
|
|
2402
|
-
function
|
|
2403
|
-
const e =
|
|
2404
|
-
l.current && clearTimeout(l.current), o(
|
|
2401
|
+
ma.displayName = "DevTuningPanel";
|
|
2402
|
+
function ga() {
|
|
2403
|
+
const e = ia(), { values: t, setValue: n, resetRow: a, resetAll: s } = e, [i, o] = $(null), l = R(null), u = w((g) => {
|
|
2404
|
+
l.current && clearTimeout(l.current), o(g), l.current = setTimeout(() => {
|
|
2405
2405
|
o(null), l.current = null;
|
|
2406
2406
|
}, 200);
|
|
2407
2407
|
}, []), d = w(
|
|
2408
|
-
(
|
|
2409
|
-
n(
|
|
2408
|
+
(g, m) => {
|
|
2409
|
+
n(g, m), g === "snapInPx" && m > t.snapOutPx && (n("snapOutPx", m), u("snapOutPx"));
|
|
2410
2410
|
},
|
|
2411
|
-
[n, t.snapOutPx,
|
|
2412
|
-
),
|
|
2411
|
+
[n, t.snapOutPx, u]
|
|
2412
|
+
), p = ye(() => oa, []), f = yt();
|
|
2413
2413
|
return /* @__PURE__ */ D(
|
|
2414
2414
|
De.div,
|
|
2415
2415
|
{
|
|
@@ -2426,23 +2426,23 @@ function ma() {
|
|
|
2426
2426
|
"div",
|
|
2427
2427
|
{
|
|
2428
2428
|
className: "gloss-dev-tuning-panel__header",
|
|
2429
|
-
onPointerDown: (
|
|
2429
|
+
onPointerDown: (g) => f.start(g),
|
|
2430
2430
|
children: [
|
|
2431
2431
|
/* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
|
|
2432
2432
|
/* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
|
|
2433
2433
|
]
|
|
2434
2434
|
}
|
|
2435
2435
|
),
|
|
2436
|
-
/* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children:
|
|
2437
|
-
|
|
2436
|
+
/* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: p.map((g) => /* @__PURE__ */ r(
|
|
2437
|
+
da,
|
|
2438
2438
|
{
|
|
2439
|
-
spec:
|
|
2440
|
-
value: t[
|
|
2441
|
-
onChange: (
|
|
2442
|
-
onReset: () => a(
|
|
2443
|
-
flashing: i ===
|
|
2439
|
+
spec: g,
|
|
2440
|
+
value: t[g.key],
|
|
2441
|
+
onChange: (m) => d(g.key, m),
|
|
2442
|
+
onReset: () => a(g.key),
|
|
2443
|
+
flashing: i === g.key
|
|
2444
2444
|
},
|
|
2445
|
-
|
|
2445
|
+
g.key
|
|
2446
2446
|
)) }),
|
|
2447
2447
|
/* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ r(
|
|
2448
2448
|
"button",
|
|
@@ -2457,7 +2457,7 @@ function ma() {
|
|
|
2457
2457
|
}
|
|
2458
2458
|
);
|
|
2459
2459
|
}
|
|
2460
|
-
function
|
|
2460
|
+
function rr({
|
|
2461
2461
|
state: e,
|
|
2462
2462
|
originX: t,
|
|
2463
2463
|
originY: n,
|
|
@@ -2466,23 +2466,23 @@ function nr({
|
|
|
2466
2466
|
minBoundaryX: i,
|
|
2467
2467
|
snapBoundariesX: o,
|
|
2468
2468
|
topY: l,
|
|
2469
|
-
bottomY:
|
|
2469
|
+
bottomY: u,
|
|
2470
2470
|
enterMs: d = se.envelopeEnterMs,
|
|
2471
|
-
exitMs:
|
|
2471
|
+
exitMs: p = se.envelopeExitMs,
|
|
2472
2472
|
className: f,
|
|
2473
|
-
style:
|
|
2473
|
+
style: g
|
|
2474
2474
|
}) {
|
|
2475
2475
|
if (e === "hidden") return null;
|
|
2476
|
-
const
|
|
2476
|
+
const m = Math.max(0, s - a), N = Math.max(0, u - l), y = {
|
|
2477
2477
|
"--gloss-resize-envelope-enter-ms": `${d}ms`,
|
|
2478
|
-
"--gloss-resize-envelope-exit-ms": `${
|
|
2478
|
+
"--gloss-resize-envelope-exit-ms": `${p}ms`,
|
|
2479
2479
|
"--gloss-resize-envelope-origin-x": `${t - a}px`,
|
|
2480
2480
|
"--gloss-resize-envelope-origin-y": `${n - l}px`,
|
|
2481
2481
|
left: a,
|
|
2482
2482
|
top: l,
|
|
2483
|
-
width:
|
|
2483
|
+
width: m,
|
|
2484
2484
|
height: N,
|
|
2485
|
-
...
|
|
2485
|
+
...g
|
|
2486
2486
|
};
|
|
2487
2487
|
return /* @__PURE__ */ D(
|
|
2488
2488
|
"div",
|
|
@@ -2514,7 +2514,7 @@ function nr({
|
|
|
2514
2514
|
{
|
|
2515
2515
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
|
|
2516
2516
|
"data-edge": "right",
|
|
2517
|
-
style: { left:
|
|
2517
|
+
style: { left: m - 1 }
|
|
2518
2518
|
}
|
|
2519
2519
|
),
|
|
2520
2520
|
o.filter((h) => h > i && h < s).map((h) => /* @__PURE__ */ r(
|
|
@@ -2530,7 +2530,7 @@ function nr({
|
|
|
2530
2530
|
}
|
|
2531
2531
|
);
|
|
2532
2532
|
}
|
|
2533
|
-
function
|
|
2533
|
+
function sr({
|
|
2534
2534
|
density: e,
|
|
2535
2535
|
canAccept: t,
|
|
2536
2536
|
blocked: n = !1,
|
|
@@ -2559,11 +2559,11 @@ function rr({
|
|
|
2559
2559
|
}
|
|
2560
2560
|
);
|
|
2561
2561
|
}
|
|
2562
|
-
function
|
|
2562
|
+
function pa(e, t, n, a) {
|
|
2563
2563
|
const s = (e + n) / 2, i = Math.min(t, a) - 40;
|
|
2564
2564
|
return `M${e},${t} Q${s},${i} ${n},${a}`;
|
|
2565
2565
|
}
|
|
2566
|
-
function
|
|
2566
|
+
function ir({
|
|
2567
2567
|
segments: e,
|
|
2568
2568
|
durationMs: t = se.spilloverArcDurationMs,
|
|
2569
2569
|
staggerMs: n = se.spilloverStaggerMs,
|
|
@@ -2583,7 +2583,7 @@ function sr({
|
|
|
2583
2583
|
{
|
|
2584
2584
|
"data-arc-id": i.id,
|
|
2585
2585
|
className: "gloss-spillover-arc__path",
|
|
2586
|
-
d:
|
|
2586
|
+
d: pa(i.fromX, i.fromY, i.toX, i.toY),
|
|
2587
2587
|
style: {
|
|
2588
2588
|
animationDelay: `${o * n}ms`,
|
|
2589
2589
|
animationDuration: `${t}ms`
|
|
@@ -2594,7 +2594,7 @@ function sr({
|
|
|
2594
2594
|
}
|
|
2595
2595
|
);
|
|
2596
2596
|
}
|
|
2597
|
-
function
|
|
2597
|
+
function or({
|
|
2598
2598
|
state: e,
|
|
2599
2599
|
staggerIndex: t = 0,
|
|
2600
2600
|
fadeInMs: n = se.sectionDividerFadeInMs,
|
|
@@ -2603,7 +2603,7 @@ function ir({
|
|
|
2603
2603
|
variant: i = "dashed",
|
|
2604
2604
|
className: o,
|
|
2605
2605
|
style: l,
|
|
2606
|
-
...
|
|
2606
|
+
...u
|
|
2607
2607
|
}) {
|
|
2608
2608
|
const d = {
|
|
2609
2609
|
"--gloss-section-divider-fade-in-ms": `${n}ms`,
|
|
@@ -2614,7 +2614,7 @@ function ir({
|
|
|
2614
2614
|
return /* @__PURE__ */ r(
|
|
2615
2615
|
"div",
|
|
2616
2616
|
{
|
|
2617
|
-
...
|
|
2617
|
+
...u,
|
|
2618
2618
|
"data-state": e,
|
|
2619
2619
|
"data-testid": "gloss-section-divider",
|
|
2620
2620
|
"aria-hidden": "true",
|
|
@@ -2628,7 +2628,7 @@ function ir({
|
|
|
2628
2628
|
}
|
|
2629
2629
|
);
|
|
2630
2630
|
}
|
|
2631
|
-
function
|
|
2631
|
+
function lr({
|
|
2632
2632
|
enabled: e,
|
|
2633
2633
|
onPack: t,
|
|
2634
2634
|
ariaLabel: n = "Pack row (shift cards left)",
|
|
@@ -2650,7 +2650,7 @@ function or({
|
|
|
2650
2650
|
}
|
|
2651
2651
|
) });
|
|
2652
2652
|
}
|
|
2653
|
-
function
|
|
2653
|
+
function cr({
|
|
2654
2654
|
tint: e,
|
|
2655
2655
|
colSpan: t,
|
|
2656
2656
|
colWidth: n,
|
|
@@ -2659,7 +2659,7 @@ function lr({
|
|
|
2659
2659
|
x: i,
|
|
2660
2660
|
y: o,
|
|
2661
2661
|
children: l,
|
|
2662
|
-
className:
|
|
2662
|
+
className: u
|
|
2663
2663
|
}) {
|
|
2664
2664
|
const d = t * n + (t - 1) * s;
|
|
2665
2665
|
return /* @__PURE__ */ r(
|
|
@@ -2671,15 +2671,15 @@ function lr({
|
|
|
2671
2671
|
className: [
|
|
2672
2672
|
"gloss-drag-ghost",
|
|
2673
2673
|
`gloss-drag-ghost--tint-${e}`,
|
|
2674
|
-
|
|
2674
|
+
u
|
|
2675
2675
|
].filter(Boolean).join(" "),
|
|
2676
2676
|
style: { x: i, y: o, width: d, height: a },
|
|
2677
2677
|
children: l
|
|
2678
2678
|
}
|
|
2679
2679
|
);
|
|
2680
2680
|
}
|
|
2681
|
-
const
|
|
2682
|
-
function
|
|
2681
|
+
const ha = 3;
|
|
2682
|
+
function dr({
|
|
2683
2683
|
cell: e,
|
|
2684
2684
|
colSpan: t,
|
|
2685
2685
|
colWidth: n,
|
|
@@ -2688,7 +2688,7 @@ function cr({
|
|
|
2688
2688
|
transitionMs: i = 120,
|
|
2689
2689
|
className: o
|
|
2690
2690
|
}) {
|
|
2691
|
-
const l = t * n + (t - 1) * a, d = (e.section *
|
|
2691
|
+
const l = t * n + (t - 1) * a, d = (e.section * ha + e.col) * (n + a), p = e.row * (s + a);
|
|
2692
2692
|
return /* @__PURE__ */ r(
|
|
2693
2693
|
"div",
|
|
2694
2694
|
{
|
|
@@ -2696,7 +2696,7 @@ function cr({
|
|
|
2696
2696
|
"data-testid": "gloss-snap-outline",
|
|
2697
2697
|
"aria-hidden": "true",
|
|
2698
2698
|
style: {
|
|
2699
|
-
transform: `translate(${d}px, ${
|
|
2699
|
+
transform: `translate(${d}px, ${p}px)`,
|
|
2700
2700
|
width: l,
|
|
2701
2701
|
height: s,
|
|
2702
2702
|
transition: `transform ${i}ms cubic-bezier(0.4, 0, 0.2, 1)`
|
|
@@ -2704,7 +2704,7 @@ function cr({
|
|
|
2704
2704
|
}
|
|
2705
2705
|
);
|
|
2706
2706
|
}
|
|
2707
|
-
function
|
|
2707
|
+
function ur({
|
|
2708
2708
|
items: e,
|
|
2709
2709
|
children: t,
|
|
2710
2710
|
className: n
|
|
@@ -2722,17 +2722,17 @@ function dr({
|
|
|
2722
2722
|
a.cardId
|
|
2723
2723
|
)) });
|
|
2724
2724
|
}
|
|
2725
|
-
const
|
|
2725
|
+
const fa = ({
|
|
2726
2726
|
consumed: e,
|
|
2727
2727
|
elapsed: t,
|
|
2728
2728
|
severity: n = "neutral"
|
|
2729
2729
|
}) => {
|
|
2730
|
-
const a =
|
|
2730
|
+
const a = R(null), s = R(null);
|
|
2731
2731
|
L(() => {
|
|
2732
|
-
const l = requestAnimationFrame(() => {
|
|
2733
|
-
a.current && (a.current.style.width = `${
|
|
2732
|
+
const l = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)), d = requestAnimationFrame(() => {
|
|
2733
|
+
a.current && (a.current.style.width = `${l}%`), s.current && (s.current.style.width = `${u}%`);
|
|
2734
2734
|
});
|
|
2735
|
-
return () => cancelAnimationFrame(
|
|
2735
|
+
return () => cancelAnimationFrame(d);
|
|
2736
2736
|
}, [e.value, t.value]);
|
|
2737
2737
|
const i = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
|
|
2738
2738
|
return /* @__PURE__ */ D(
|
|
@@ -2751,7 +2751,7 @@ const ha = ({
|
|
|
2751
2751
|
className: `gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--consumed gloss-dual-pace-bars__fill--${n}`,
|
|
2752
2752
|
style: { width: "0%" },
|
|
2753
2753
|
role: "meter",
|
|
2754
|
-
"aria-valuenow": e.value,
|
|
2754
|
+
"aria-valuenow": Math.min(100, Math.max(0, e.value)),
|
|
2755
2755
|
"aria-valuemin": 0,
|
|
2756
2756
|
"aria-valuemax": 100,
|
|
2757
2757
|
"aria-label": `${i}: ${e.value}%`
|
|
@@ -2771,7 +2771,7 @@ const ha = ({
|
|
|
2771
2771
|
className: "gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--elapsed",
|
|
2772
2772
|
style: { width: "0%" },
|
|
2773
2773
|
role: "meter",
|
|
2774
|
-
"aria-valuenow": t.value,
|
|
2774
|
+
"aria-valuenow": Math.min(100, Math.max(0, t.value)),
|
|
2775
2775
|
"aria-valuemin": 0,
|
|
2776
2776
|
"aria-valuemax": 100,
|
|
2777
2777
|
"aria-label": `${o}: ${t.value}%`
|
|
@@ -2785,7 +2785,7 @@ const ha = ({
|
|
|
2785
2785
|
]
|
|
2786
2786
|
}
|
|
2787
2787
|
);
|
|
2788
|
-
},
|
|
2788
|
+
}, va = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ D(
|
|
2789
2789
|
"div",
|
|
2790
2790
|
{
|
|
2791
2791
|
className: `gloss-gap-readout gloss-gap-readout--${n}`,
|
|
@@ -2798,7 +2798,7 @@ const ha = ({
|
|
|
2798
2798
|
] })
|
|
2799
2799
|
]
|
|
2800
2800
|
}
|
|
2801
|
-
),
|
|
2801
|
+
), ba = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ D("div", { className: "gloss-pace-placeholder", children: [
|
|
2802
2802
|
/* @__PURE__ */ r("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
|
|
2803
2803
|
/* @__PURE__ */ D("p", { className: "gloss-pace-placeholder__context", children: [
|
|
2804
2804
|
"for ",
|
|
@@ -2814,9 +2814,9 @@ const ha = ({
|
|
|
2814
2814
|
children: "Set target"
|
|
2815
2815
|
}
|
|
2816
2816
|
)
|
|
2817
|
-
] }),
|
|
2817
|
+
] }), mr = (e) => {
|
|
2818
2818
|
const [t, n] = $(!1), a = e.target?.value, s = a !== void 0, i = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
|
|
2819
|
-
|
|
2819
|
+
Mt,
|
|
2820
2820
|
{
|
|
2821
2821
|
label: `Set a target for ${e.label}`,
|
|
2822
2822
|
unit: i,
|
|
@@ -2842,16 +2842,16 @@ const ha = ({
|
|
|
2842
2842
|
/* @__PURE__ */ r("div", { className: "gloss-pace-card__label", children: e.label }),
|
|
2843
2843
|
/* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: s ? /* @__PURE__ */ D(te, { children: [
|
|
2844
2844
|
/* @__PURE__ */ r(
|
|
2845
|
-
|
|
2845
|
+
fa,
|
|
2846
2846
|
{
|
|
2847
2847
|
consumed: e.consumed,
|
|
2848
2848
|
elapsed: e.elapsed,
|
|
2849
2849
|
severity: e.severity
|
|
2850
2850
|
}
|
|
2851
2851
|
),
|
|
2852
|
-
/* @__PURE__ */ r(
|
|
2852
|
+
/* @__PURE__ */ r(va, { label: "Gap", value: e.gapLabel, severity: e.severity })
|
|
2853
2853
|
] }) : /* @__PURE__ */ r(
|
|
2854
|
-
|
|
2854
|
+
ba,
|
|
2855
2855
|
{
|
|
2856
2856
|
label: e.label,
|
|
2857
2857
|
onSetTarget: () => n(!0)
|
|
@@ -2860,7 +2860,7 @@ const ha = ({
|
|
|
2860
2860
|
] })
|
|
2861
2861
|
}
|
|
2862
2862
|
);
|
|
2863
|
-
},
|
|
2863
|
+
}, gr = () => /* @__PURE__ */ D("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
|
|
2864
2864
|
/* @__PURE__ */ r(
|
|
2865
2865
|
"div",
|
|
2866
2866
|
{
|
|
@@ -2877,7 +2877,7 @@ const ha = ({
|
|
|
2877
2877
|
),
|
|
2878
2878
|
/* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
|
|
2879
2879
|
] });
|
|
2880
|
-
function
|
|
2880
|
+
function ya({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, onClick: o }) {
|
|
2881
2881
|
return /* @__PURE__ */ r(
|
|
2882
2882
|
"span",
|
|
2883
2883
|
{
|
|
@@ -2898,17 +2898,16 @@ function ba({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, o
|
|
|
2898
2898
|
}
|
|
2899
2899
|
);
|
|
2900
2900
|
}
|
|
2901
|
-
function
|
|
2901
|
+
function wa({
|
|
2902
2902
|
lenses: e,
|
|
2903
2903
|
value: t,
|
|
2904
2904
|
onChange: n,
|
|
2905
2905
|
"aria-label": a = "Lens"
|
|
2906
2906
|
}) {
|
|
2907
|
-
if (e.length === 0) return null;
|
|
2908
2907
|
const [s, i] = $(
|
|
2909
2908
|
() => Math.max(0, e.findIndex((l) => l.id === t))
|
|
2910
2909
|
);
|
|
2911
|
-
return /* @__PURE__ */ r(
|
|
2910
|
+
return e.length === 0 ? null : /* @__PURE__ */ r(
|
|
2912
2911
|
"div",
|
|
2913
2912
|
{
|
|
2914
2913
|
role: "radiogroup",
|
|
@@ -2917,11 +2916,11 @@ function ya({
|
|
|
2917
2916
|
switch (l.key) {
|
|
2918
2917
|
case "ArrowRight":
|
|
2919
2918
|
case "ArrowDown":
|
|
2920
|
-
l.preventDefault(), i((
|
|
2919
|
+
l.preventDefault(), i((u) => (u + 1) % e.length);
|
|
2921
2920
|
break;
|
|
2922
2921
|
case "ArrowLeft":
|
|
2923
2922
|
case "ArrowUp":
|
|
2924
|
-
l.preventDefault(), i((
|
|
2923
|
+
l.preventDefault(), i((u) => (u - 1 + e.length) % e.length);
|
|
2925
2924
|
break;
|
|
2926
2925
|
case "Home":
|
|
2927
2926
|
l.preventDefault(), i(0);
|
|
@@ -2932,20 +2931,20 @@ function ya({
|
|
|
2932
2931
|
case "Enter":
|
|
2933
2932
|
case " ": {
|
|
2934
2933
|
l.preventDefault();
|
|
2935
|
-
const
|
|
2936
|
-
|
|
2934
|
+
const u = e[s];
|
|
2935
|
+
u && !u.disabled && n(u.id);
|
|
2937
2936
|
break;
|
|
2938
2937
|
}
|
|
2939
2938
|
}
|
|
2940
2939
|
},
|
|
2941
2940
|
className: "gloss-lens-chip-group",
|
|
2942
|
-
children: e.map((l,
|
|
2943
|
-
|
|
2941
|
+
children: e.map((l, u) => /* @__PURE__ */ r(
|
|
2942
|
+
ya,
|
|
2944
2943
|
{
|
|
2945
2944
|
id: l.id,
|
|
2946
2945
|
label: l.label,
|
|
2947
2946
|
selected: l.id === t,
|
|
2948
|
-
focused:
|
|
2947
|
+
focused: u === s,
|
|
2949
2948
|
disabled: l.disabled,
|
|
2950
2949
|
badge: l.badge,
|
|
2951
2950
|
onClick: n
|
|
@@ -2955,15 +2954,15 @@ function ya({
|
|
|
2955
2954
|
}
|
|
2956
2955
|
);
|
|
2957
2956
|
}
|
|
2958
|
-
|
|
2959
|
-
function
|
|
2957
|
+
wa.displayName = "LensChipGroup";
|
|
2958
|
+
function _a({ heading: e, children: t }) {
|
|
2960
2959
|
return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ D("section", { className: "gloss-starter-rail", "aria-label": e, children: [
|
|
2961
2960
|
/* @__PURE__ */ r("header", { className: "gloss-starter-rail__heading", children: e }),
|
|
2962
2961
|
/* @__PURE__ */ r("div", { className: "gloss-starter-rail__tiles", children: t })
|
|
2963
2962
|
] });
|
|
2964
2963
|
}
|
|
2965
|
-
|
|
2966
|
-
function
|
|
2964
|
+
_a.displayName = "StarterRail";
|
|
2965
|
+
function Na({ heading: e, children: t, emptyStateLabel: n }) {
|
|
2967
2966
|
const a = !t || Array.isArray(t) && t.length === 0;
|
|
2968
2967
|
return /* @__PURE__ */ D("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
|
|
2969
2968
|
/* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
|
|
@@ -2973,7 +2972,7 @@ function _a({ heading: e, children: t, emptyStateLabel: n }) {
|
|
|
2973
2972
|
] })
|
|
2974
2973
|
] });
|
|
2975
2974
|
}
|
|
2976
|
-
|
|
2975
|
+
Na.displayName = "MoreInLensRail";
|
|
2977
2976
|
function X({
|
|
2978
2977
|
lead: e,
|
|
2979
2978
|
name: t,
|
|
@@ -2983,21 +2982,21 @@ function X({
|
|
|
2983
2982
|
variant: i = "default",
|
|
2984
2983
|
onClick: o,
|
|
2985
2984
|
className: l,
|
|
2986
|
-
style:
|
|
2985
|
+
style: u
|
|
2987
2986
|
}) {
|
|
2988
2987
|
const d = [
|
|
2989
2988
|
"gloss-entity-row",
|
|
2990
2989
|
`gloss-entity-row--${i}`,
|
|
2991
2990
|
o ? "gloss-entity-row--clickable" : "",
|
|
2992
2991
|
l ?? ""
|
|
2993
|
-
].filter(Boolean).join(" "),
|
|
2992
|
+
].filter(Boolean).join(" "), p = /* @__PURE__ */ D(te, { children: [
|
|
2994
2993
|
e !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__lead", children: e }),
|
|
2995
2994
|
/* @__PURE__ */ r("span", { className: "gloss-entity-row__name", title: t, children: t }),
|
|
2996
2995
|
n !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__secondary", children: n }),
|
|
2997
2996
|
/* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
|
|
2998
2997
|
s !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: s })
|
|
2999
2998
|
] });
|
|
3000
|
-
return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style:
|
|
2999
|
+
return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: /* @__PURE__ */ r(
|
|
3001
3000
|
"button",
|
|
3002
3001
|
{
|
|
3003
3002
|
type: "button",
|
|
@@ -3012,9 +3011,9 @@ function X({
|
|
|
3012
3011
|
onClick: (f) => {
|
|
3013
3012
|
f.stopPropagation(), o();
|
|
3014
3013
|
},
|
|
3015
|
-
children:
|
|
3014
|
+
children: p
|
|
3016
3015
|
}
|
|
3017
|
-
) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style:
|
|
3016
|
+
) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: p });
|
|
3018
3017
|
}
|
|
3019
3018
|
X.displayName = "EntityRow";
|
|
3020
3019
|
const fe = ({ rank: e }) => {
|
|
@@ -3088,8 +3087,8 @@ function be({ fill: e, variant: t = "default", className: n }) {
|
|
|
3088
3087
|
);
|
|
3089
3088
|
}
|
|
3090
3089
|
be.displayName = "MagnitudeBar";
|
|
3091
|
-
const
|
|
3092
|
-
function
|
|
3090
|
+
const Da = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
|
|
3091
|
+
function Ca({
|
|
3093
3092
|
label: e,
|
|
3094
3093
|
rows: t,
|
|
3095
3094
|
rowCount: n,
|
|
@@ -3129,7 +3128,7 @@ function Da({
|
|
|
3129
3128
|
{
|
|
3130
3129
|
delta: o.rankDelta,
|
|
3131
3130
|
direction: o.direction,
|
|
3132
|
-
"aria-label":
|
|
3131
|
+
"aria-label": Da(o)
|
|
3133
3132
|
}
|
|
3134
3133
|
),
|
|
3135
3134
|
variant: "leaderboard",
|
|
@@ -3145,8 +3144,8 @@ function Da({
|
|
|
3145
3144
|
] })
|
|
3146
3145
|
] });
|
|
3147
3146
|
}
|
|
3148
|
-
|
|
3149
|
-
const
|
|
3147
|
+
Ca.displayName = "LeaderboardCard";
|
|
3148
|
+
const ka = () => /* @__PURE__ */ D(
|
|
3150
3149
|
"div",
|
|
3151
3150
|
{
|
|
3152
3151
|
className: "leaderboard-tile-preview",
|
|
@@ -3159,8 +3158,8 @@ const Ca = () => /* @__PURE__ */ D(
|
|
|
3159
3158
|
]
|
|
3160
3159
|
}
|
|
3161
3160
|
);
|
|
3162
|
-
|
|
3163
|
-
const
|
|
3161
|
+
ka.displayName = "LeaderboardTilePreview";
|
|
3162
|
+
const xa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", Sa = (e, t) => {
|
|
3164
3163
|
const n = e.sourceValue;
|
|
3165
3164
|
if (typeof n != "number") return !1;
|
|
3166
3165
|
switch (t.condition) {
|
|
@@ -3178,7 +3177,7 @@ const ka = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warni
|
|
|
3178
3177
|
return !1;
|
|
3179
3178
|
}
|
|
3180
3179
|
};
|
|
3181
|
-
function
|
|
3180
|
+
function Ma({
|
|
3182
3181
|
label: e,
|
|
3183
3182
|
rows: t,
|
|
3184
3183
|
rule: n,
|
|
@@ -3187,7 +3186,7 @@ function Sa({
|
|
|
3187
3186
|
ruleSubtitle: i,
|
|
3188
3187
|
isStale: o
|
|
3189
3188
|
}) {
|
|
3190
|
-
const l = t.filter((d) =>
|
|
3189
|
+
const l = t.filter((d) => Sa(d, n)), u = l.slice(0, a ?? 3);
|
|
3191
3190
|
return l.length === 0 ? /* @__PURE__ */ D(te, { children: [
|
|
3192
3191
|
/* @__PURE__ */ r(
|
|
3193
3192
|
pe,
|
|
@@ -3213,14 +3212,14 @@ function Sa({
|
|
|
3213
3212
|
{
|
|
3214
3213
|
className: `gloss-metric-card__zone-b gloss-exception-list ${o ? "gloss-metric-data-stale" : ""}`,
|
|
3215
3214
|
style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
|
|
3216
|
-
children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children:
|
|
3215
|
+
children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((d, p) => /* @__PURE__ */ r(
|
|
3217
3216
|
X,
|
|
3218
3217
|
{
|
|
3219
|
-
lead: /* @__PURE__ */ r(ve, { severity: d.severity, "aria-label":
|
|
3218
|
+
lead: /* @__PURE__ */ r(ve, { severity: d.severity, "aria-label": xa(d.severity) }),
|
|
3220
3219
|
name: d.name,
|
|
3221
3220
|
value: d.value,
|
|
3222
3221
|
variant: "exception",
|
|
3223
|
-
style: { "--i":
|
|
3222
|
+
style: { "--i": p }
|
|
3224
3223
|
},
|
|
3225
3224
|
d.id
|
|
3226
3225
|
)) })
|
|
@@ -3229,7 +3228,7 @@ function Sa({
|
|
|
3229
3228
|
i && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: i })
|
|
3230
3229
|
] });
|
|
3231
3230
|
}
|
|
3232
|
-
|
|
3231
|
+
Ma.displayName = "ExceptionListCard";
|
|
3233
3232
|
const Ra = () => /* @__PURE__ */ D(
|
|
3234
3233
|
"div",
|
|
3235
3234
|
{
|
|
@@ -3273,7 +3272,7 @@ const ne = {
|
|
|
3273
3272
|
"gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
|
|
3274
3273
|
"gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
|
|
3275
3274
|
};
|
|
3276
|
-
function
|
|
3275
|
+
function Ta({
|
|
3277
3276
|
message: e,
|
|
3278
3277
|
primaryAction: t,
|
|
3279
3278
|
onDismiss: n,
|
|
@@ -3291,19 +3290,19 @@ function Ma({
|
|
|
3291
3290
|
}, [a, s]), H.useLayoutEffect(() => {
|
|
3292
3291
|
let d = null;
|
|
3293
3292
|
if (a ? d = a : s && (d = document.querySelector(s)), d) {
|
|
3294
|
-
const
|
|
3293
|
+
const p = d.getBoundingClientRect();
|
|
3295
3294
|
o({
|
|
3296
|
-
top:
|
|
3297
|
-
left:
|
|
3295
|
+
top: p.bottom + window.scrollY + 6,
|
|
3296
|
+
left: p.left + window.scrollX
|
|
3298
3297
|
});
|
|
3299
3298
|
}
|
|
3300
3299
|
}, [a, s]);
|
|
3301
|
-
const
|
|
3300
|
+
const u = i ? { top: i.top, left: i.left } : {};
|
|
3302
3301
|
return /* @__PURE__ */ D(
|
|
3303
3302
|
"div",
|
|
3304
3303
|
{
|
|
3305
3304
|
className: ne["gloss-inline-nudge"],
|
|
3306
|
-
style:
|
|
3305
|
+
style: u,
|
|
3307
3306
|
role: "status",
|
|
3308
3307
|
"aria-live": "polite",
|
|
3309
3308
|
"data-reduced-motion": l ? "true" : void 0,
|
|
@@ -3334,11 +3333,11 @@ function Ma({
|
|
|
3334
3333
|
}
|
|
3335
3334
|
);
|
|
3336
3335
|
}
|
|
3337
|
-
|
|
3336
|
+
Ta.displayName = "InlineNudge";
|
|
3338
3337
|
function Ee(e) {
|
|
3339
3338
|
return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
|
|
3340
3339
|
}
|
|
3341
|
-
function
|
|
3340
|
+
function Ia(e, t, n) {
|
|
3342
3341
|
if (n <= t) {
|
|
3343
3342
|
const o = e[0], l = o ? Ee(o) : "#888";
|
|
3344
3343
|
return `linear-gradient(to right, ${l}, ${l})`;
|
|
@@ -3349,10 +3348,10 @@ function Ta(e, t, n) {
|
|
|
3349
3348
|
});
|
|
3350
3349
|
return i.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : i.length === 1 ? `linear-gradient(to right, ${i[0]}, ${i[0]})` : `linear-gradient(to right, ${i.join(", ")})`;
|
|
3351
3350
|
}
|
|
3352
|
-
function
|
|
3351
|
+
function Pa(e) {
|
|
3353
3352
|
return e.map((t) => `${t.id}:${t.value}`).join("|");
|
|
3354
3353
|
}
|
|
3355
|
-
function
|
|
3354
|
+
function Fa({
|
|
3356
3355
|
stops: e,
|
|
3357
3356
|
onChange: t,
|
|
3358
3357
|
min: n = 0,
|
|
@@ -3365,14 +3364,14 @@ function Pa({
|
|
|
3365
3364
|
), 0.01) : s, l = w(
|
|
3366
3365
|
(c) => Math.round(c / o) * o,
|
|
3367
3366
|
[o]
|
|
3368
|
-
),
|
|
3367
|
+
), u = R(null), [d, p] = $(null), [f, g] = $(e), m = Pa(e), N = R(m);
|
|
3369
3368
|
L(() => {
|
|
3370
|
-
N.current !==
|
|
3371
|
-
}, [
|
|
3372
|
-
const y = ye(() =>
|
|
3369
|
+
N.current !== m && (N.current = m, !d && g(e));
|
|
3370
|
+
}, [m, e, d]);
|
|
3371
|
+
const y = ye(() => Ia(f, n, a), [f, n, a]), h = w(
|
|
3373
3372
|
(c) => {
|
|
3374
|
-
if (!
|
|
3375
|
-
const v =
|
|
3373
|
+
if (!u.current) return n;
|
|
3374
|
+
const v = u.current.getBoundingClientRect(), _ = v.width || 1, S = Math.max(0, Math.min(1, (c - v.left) / _)), b = n + S * (a - n);
|
|
3376
3375
|
return l(b);
|
|
3377
3376
|
},
|
|
3378
3377
|
[n, a, l]
|
|
@@ -3382,27 +3381,27 @@ function Pa({
|
|
|
3382
3381
|
`ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
|
|
3383
3382
|
);
|
|
3384
3383
|
}, [n, a]);
|
|
3385
|
-
const
|
|
3384
|
+
const M = w(
|
|
3386
3385
|
(c, v) => {
|
|
3387
3386
|
const _ = f.find((S) => S.id === v);
|
|
3388
|
-
i || _?.disabled || (c.preventDefault(),
|
|
3387
|
+
i || _?.disabled || (c.preventDefault(), p(v));
|
|
3389
3388
|
},
|
|
3390
3389
|
[i, f]
|
|
3391
|
-
), P =
|
|
3390
|
+
), P = R(f);
|
|
3392
3391
|
P.current = f;
|
|
3393
|
-
const k =
|
|
3392
|
+
const k = R(t);
|
|
3394
3393
|
k.current = t, L(() => {
|
|
3395
3394
|
if (!d) return;
|
|
3396
3395
|
const c = (_) => {
|
|
3397
3396
|
const S = h(_.clientX);
|
|
3398
|
-
|
|
3397
|
+
g(
|
|
3399
3398
|
(b) => b.map((x) => x.id === d ? { ...x, value: S } : x)
|
|
3400
3399
|
);
|
|
3401
3400
|
}, v = (_) => {
|
|
3402
3401
|
const S = h(_.clientX), b = P.current.map(
|
|
3403
3402
|
(x) => x.id === d ? { ...x, value: S } : x
|
|
3404
3403
|
);
|
|
3405
|
-
|
|
3404
|
+
g(b), p(null), k.current(b);
|
|
3406
3405
|
};
|
|
3407
3406
|
return window.addEventListener("pointermove", c), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
|
|
3408
3407
|
window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
|
|
@@ -3439,14 +3438,14 @@ function Pa({
|
|
|
3439
3438
|
const U = f.map(
|
|
3440
3439
|
(q) => q.id === v.id ? { ...q, value: F } : q
|
|
3441
3440
|
);
|
|
3442
|
-
|
|
3441
|
+
g(U), t(U);
|
|
3443
3442
|
},
|
|
3444
3443
|
[i, n, a, f, t, l]
|
|
3445
3444
|
);
|
|
3446
3445
|
return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": i || void 0, children: /* @__PURE__ */ r(
|
|
3447
3446
|
"div",
|
|
3448
3447
|
{
|
|
3449
|
-
ref:
|
|
3448
|
+
ref: u,
|
|
3450
3449
|
className: "gloss-threshold-ramp__track",
|
|
3451
3450
|
style: { background: y },
|
|
3452
3451
|
children: f.map((c) => {
|
|
@@ -3461,7 +3460,7 @@ function Pa({
|
|
|
3461
3460
|
},
|
|
3462
3461
|
"data-disabled": c.disabled || void 0,
|
|
3463
3462
|
"data-dragging": d === c.id || void 0,
|
|
3464
|
-
onPointerDown: (_) =>
|
|
3463
|
+
onPointerDown: (_) => M(_, c.id),
|
|
3465
3464
|
onKeyDown: (_) => I(_, c),
|
|
3466
3465
|
"aria-label": c.label ?? `Stop at ${c.value}`,
|
|
3467
3466
|
role: "slider",
|
|
@@ -3477,20 +3476,20 @@ function Pa({
|
|
|
3477
3476
|
}
|
|
3478
3477
|
) });
|
|
3479
3478
|
}
|
|
3480
|
-
|
|
3481
|
-
const at =
|
|
3482
|
-
function
|
|
3483
|
-
return
|
|
3479
|
+
Fa.displayName = "ThresholdRamp";
|
|
3480
|
+
const at = ft(null);
|
|
3481
|
+
function Ea() {
|
|
3482
|
+
return vt(at);
|
|
3484
3483
|
}
|
|
3485
|
-
function
|
|
3486
|
-
const t =
|
|
3484
|
+
function Aa({ option: e }) {
|
|
3485
|
+
const t = Ea(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, s = w(() => {
|
|
3487
3486
|
a || t?.select(e.value);
|
|
3488
3487
|
}, [a, t, e.value]), i = w(
|
|
3489
3488
|
(d) => {
|
|
3490
3489
|
a || t?.onKeyNav(d, e.value);
|
|
3491
3490
|
},
|
|
3492
3491
|
[a, t, e.value]
|
|
3493
|
-
), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value,
|
|
3492
|
+
), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, u = a ? -1 : l ? 0 : -1;
|
|
3494
3493
|
return /* @__PURE__ */ r(
|
|
3495
3494
|
"button",
|
|
3496
3495
|
{
|
|
@@ -3506,13 +3505,13 @@ function Ea({ option: e }) {
|
|
|
3506
3505
|
"aria-label": e.label ?? e.value,
|
|
3507
3506
|
"aria-disabled": a,
|
|
3508
3507
|
disabled: a,
|
|
3509
|
-
tabIndex:
|
|
3508
|
+
tabIndex: u,
|
|
3510
3509
|
onClick: s,
|
|
3511
3510
|
onKeyDown: i
|
|
3512
3511
|
}
|
|
3513
3512
|
);
|
|
3514
3513
|
}
|
|
3515
|
-
function
|
|
3514
|
+
function Oa({
|
|
3516
3515
|
swatches: e,
|
|
3517
3516
|
value: t,
|
|
3518
3517
|
defaultValue: n,
|
|
@@ -3520,20 +3519,20 @@ function Aa({
|
|
|
3520
3519
|
disabled: s = !1,
|
|
3521
3520
|
name: i
|
|
3522
3521
|
}) {
|
|
3523
|
-
const o = t !== void 0, [l,
|
|
3522
|
+
const o = t !== void 0, [l, u] = $(n), d = o ? t : l, p = w(
|
|
3524
3523
|
(k) => {
|
|
3525
|
-
o ||
|
|
3524
|
+
o || u(k), a?.(k);
|
|
3526
3525
|
},
|
|
3527
3526
|
[o, a]
|
|
3528
3527
|
), f = w(
|
|
3529
3528
|
(k) => d === k,
|
|
3530
3529
|
[d]
|
|
3531
|
-
),
|
|
3532
|
-
T ?
|
|
3530
|
+
), g = R(/* @__PURE__ */ new Map()), m = w((k, T) => {
|
|
3531
|
+
T ? g.current.set(k, T) : g.current.delete(k);
|
|
3533
3532
|
}, []), N = e.filter((k) => !k.disabled && !s), y = N.find((k) => k.value === d)?.value ?? N[0]?.value, h = w((k) => {
|
|
3534
|
-
const T =
|
|
3533
|
+
const T = g.current.get(k);
|
|
3535
3534
|
T && T.focus();
|
|
3536
|
-
}, []),
|
|
3535
|
+
}, []), M = w(
|
|
3537
3536
|
(k, T) => {
|
|
3538
3537
|
if (s) return;
|
|
3539
3538
|
const I = e.filter((S) => !S.disabled);
|
|
@@ -3558,25 +3557,25 @@ function Aa({
|
|
|
3558
3557
|
break;
|
|
3559
3558
|
case " ":
|
|
3560
3559
|
case "Enter":
|
|
3561
|
-
k.preventDefault(),
|
|
3560
|
+
k.preventDefault(), p(T);
|
|
3562
3561
|
return;
|
|
3563
3562
|
default:
|
|
3564
3563
|
return;
|
|
3565
3564
|
}
|
|
3566
3565
|
k.preventDefault();
|
|
3567
3566
|
const _ = I[v].value;
|
|
3568
|
-
h(_),
|
|
3567
|
+
h(_), p(_);
|
|
3569
3568
|
},
|
|
3570
|
-
[s, e,
|
|
3569
|
+
[s, e, p, h]
|
|
3571
3570
|
), P = {
|
|
3572
3571
|
selectedValue: d,
|
|
3573
|
-
select:
|
|
3572
|
+
select: p,
|
|
3574
3573
|
isSelected: f,
|
|
3575
3574
|
groupDisabled: s,
|
|
3576
3575
|
name: i,
|
|
3577
|
-
registerRef:
|
|
3576
|
+
registerRef: m,
|
|
3578
3577
|
firstFocusableValue: y,
|
|
3579
|
-
onKeyNav:
|
|
3578
|
+
onKeyNav: M
|
|
3580
3579
|
};
|
|
3581
3580
|
return /* @__PURE__ */ r(at.Provider, { value: P, children: /* @__PURE__ */ r(
|
|
3582
3581
|
"div",
|
|
@@ -3586,11 +3585,11 @@ function Aa({
|
|
|
3586
3585
|
"aria-label": i,
|
|
3587
3586
|
"aria-disabled": s,
|
|
3588
3587
|
"data-disabled": s || void 0,
|
|
3589
|
-
children: e.map((k) => /* @__PURE__ */ r(
|
|
3588
|
+
children: e.map((k) => /* @__PURE__ */ r(Aa, { option: k }, k.value))
|
|
3590
3589
|
}
|
|
3591
3590
|
) });
|
|
3592
3591
|
}
|
|
3593
|
-
|
|
3592
|
+
Oa.displayName = "PresetSwatchRow";
|
|
3594
3593
|
function Ae(e, t) {
|
|
3595
3594
|
for (const n of e)
|
|
3596
3595
|
if (n.items.some((a) => a.id === t))
|
|
@@ -3601,26 +3600,26 @@ function je(e, t) {
|
|
|
3601
3600
|
const n = e.find((a) => a.zoneKey === t);
|
|
3602
3601
|
return n ? n.zoneKey : Ae(e, t);
|
|
3603
3602
|
}
|
|
3604
|
-
function
|
|
3603
|
+
function La(e, t, n) {
|
|
3605
3604
|
const a = [...e], [s] = a.splice(t, 1);
|
|
3606
3605
|
return a.splice(n, 0, s), a;
|
|
3607
3606
|
}
|
|
3608
|
-
function
|
|
3607
|
+
function $a(e) {
|
|
3609
3608
|
return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
|
|
3610
3609
|
}
|
|
3611
|
-
function
|
|
3610
|
+
function Ba(e) {
|
|
3612
3611
|
const [t, n] = $(
|
|
3613
3612
|
() => e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
3614
3613
|
`useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
|
|
3615
3614
|
), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
|
|
3616
|
-
), [a, s] = $(null), [i, o] = $(null), l =
|
|
3617
|
-
|
|
3615
|
+
), [a, s] = $(null), [i, o] = $(null), l = R(null), u = R(e.onZoneChange);
|
|
3616
|
+
u.current = e.onZoneChange;
|
|
3618
3617
|
const d = ye(
|
|
3619
|
-
() =>
|
|
3618
|
+
() => $a(e.zones),
|
|
3620
3619
|
[e.zones]
|
|
3621
|
-
),
|
|
3620
|
+
), p = R(d);
|
|
3622
3621
|
L(() => {
|
|
3623
|
-
|
|
3622
|
+
p.current !== d && (p.current = d, !a && n(
|
|
3624
3623
|
e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
3625
3624
|
`useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
|
|
3626
3625
|
), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
|
|
@@ -3628,10 +3627,10 @@ function $a(e) {
|
|
|
3628
3627
|
}, [d, e.zones, a]);
|
|
3629
3628
|
const f = w(
|
|
3630
3629
|
(h) => {
|
|
3631
|
-
const
|
|
3630
|
+
const M = h.active.id;
|
|
3632
3631
|
let P = null, k = null;
|
|
3633
3632
|
for (const T of t) {
|
|
3634
|
-
const I = T.items.find((c) => c.id ===
|
|
3633
|
+
const I = T.items.find((c) => c.id === M);
|
|
3635
3634
|
if (I) {
|
|
3636
3635
|
P = I, k = T.zoneKey;
|
|
3637
3636
|
break;
|
|
@@ -3640,44 +3639,44 @@ function $a(e) {
|
|
|
3640
3639
|
l.current = k, s(P), o(k);
|
|
3641
3640
|
},
|
|
3642
3641
|
[t]
|
|
3643
|
-
),
|
|
3642
|
+
), g = w(
|
|
3644
3643
|
(h) => {
|
|
3645
3644
|
if (!h.over) {
|
|
3646
3645
|
o(l.current);
|
|
3647
3646
|
return;
|
|
3648
3647
|
}
|
|
3649
|
-
const
|
|
3650
|
-
o(
|
|
3648
|
+
const M = je(t, h.over.id);
|
|
3649
|
+
o(M);
|
|
3651
3650
|
},
|
|
3652
3651
|
[t]
|
|
3653
|
-
),
|
|
3652
|
+
), m = w(
|
|
3654
3653
|
(h) => {
|
|
3655
|
-
const { active:
|
|
3654
|
+
const { active: M, over: P } = h, k = () => {
|
|
3656
3655
|
l.current = null, s(null), o(null);
|
|
3657
3656
|
};
|
|
3658
3657
|
if (!P) {
|
|
3659
3658
|
k();
|
|
3660
3659
|
return;
|
|
3661
3660
|
}
|
|
3662
|
-
const T = Ae(t,
|
|
3661
|
+
const T = Ae(t, M.id), I = je(t, P.id);
|
|
3663
3662
|
if (!T || !I) {
|
|
3664
3663
|
k();
|
|
3665
3664
|
return;
|
|
3666
3665
|
}
|
|
3667
3666
|
let c = t.map((v) => ({ ...v, items: [...v.items] }));
|
|
3668
3667
|
if (T === I) {
|
|
3669
|
-
const v = c.findIndex((F) => F.zoneKey === T), _ = c[v], S = _.items.findIndex((F) => F.id ===
|
|
3668
|
+
const v = c.findIndex((F) => F.zoneKey === T), _ = c[v], S = _.items.findIndex((F) => F.id === M.id), b = _.items.findIndex((F) => F.id === P.id), x = b >= 0 ? b : Math.max(0, _.items.length - 1);
|
|
3670
3669
|
c[v] = {
|
|
3671
3670
|
..._,
|
|
3672
|
-
items:
|
|
3671
|
+
items: La(_.items, S, x)
|
|
3673
3672
|
};
|
|
3674
3673
|
} else {
|
|
3675
|
-
const v = c.findIndex((O) => O.zoneKey === T), _ = c.findIndex((O) => O.zoneKey === I), S = c[v], b = c[_], x = S.items.find((O) => O.id ===
|
|
3674
|
+
const v = c.findIndex((O) => O.zoneKey === T), _ = c.findIndex((O) => O.zoneKey === I), S = c[v], b = c[_], x = S.items.find((O) => O.id === M.id);
|
|
3676
3675
|
if (!x) {
|
|
3677
3676
|
k();
|
|
3678
3677
|
return;
|
|
3679
3678
|
}
|
|
3680
|
-
const F = S.items.filter((O) => O.id !==
|
|
3679
|
+
const F = S.items.filter((O) => O.id !== M.id), U = b.items.findIndex((O) => O.id === P.id), q = U >= 0 ? U : b.items.length;
|
|
3681
3680
|
let j = F, G = [...b.items];
|
|
3682
3681
|
if (b.maxItems !== void 0 && G.length >= b.maxItems) {
|
|
3683
3682
|
const O = G[G.length - 1];
|
|
@@ -3690,7 +3689,7 @@ function $a(e) {
|
|
|
3690
3689
|
];
|
|
3691
3690
|
c[v] = { ...S, items: j }, c[_] = { ...b, items: Z };
|
|
3692
3691
|
}
|
|
3693
|
-
n(c),
|
|
3692
|
+
n(c), u.current?.(c), k();
|
|
3694
3693
|
},
|
|
3695
3694
|
[t]
|
|
3696
3695
|
), N = w(
|
|
@@ -3701,11 +3700,11 @@ function $a(e) {
|
|
|
3701
3700
|
[]
|
|
3702
3701
|
), y = w(
|
|
3703
3702
|
(h) => {
|
|
3704
|
-
const
|
|
3703
|
+
const M = Ae(t, h.id) ?? "";
|
|
3705
3704
|
return {
|
|
3706
3705
|
id: h.id,
|
|
3707
3706
|
"data-item-id": h.id,
|
|
3708
|
-
"data-zone-key":
|
|
3707
|
+
"data-zone-key": M
|
|
3709
3708
|
};
|
|
3710
3709
|
},
|
|
3711
3710
|
[t]
|
|
@@ -3717,12 +3716,12 @@ function $a(e) {
|
|
|
3717
3716
|
getZoneProps: N,
|
|
3718
3717
|
getItemProps: y,
|
|
3719
3718
|
handleDragStart: f,
|
|
3720
|
-
handleDragOver:
|
|
3721
|
-
handleDragEnd:
|
|
3719
|
+
handleDragOver: g,
|
|
3720
|
+
handleDragEnd: m
|
|
3722
3721
|
};
|
|
3723
3722
|
}
|
|
3724
|
-
let ge = null, Ne = null,
|
|
3725
|
-
const
|
|
3723
|
+
let ge = null, Ne = null, Re = !1;
|
|
3724
|
+
const za = [
|
|
3726
3725
|
"DndContext",
|
|
3727
3726
|
"DragOverlay",
|
|
3728
3727
|
"useSensors",
|
|
@@ -3731,22 +3730,22 @@ const Ba = [
|
|
|
3731
3730
|
"PointerSensor",
|
|
3732
3731
|
"KeyboardSensor",
|
|
3733
3732
|
"closestCenter"
|
|
3734
|
-
],
|
|
3733
|
+
], Ka = [
|
|
3735
3734
|
"SortableContext",
|
|
3736
3735
|
"useSortable",
|
|
3737
3736
|
"verticalListSortingStrategy"
|
|
3738
3737
|
];
|
|
3739
|
-
function
|
|
3738
|
+
function Wa(e, t) {
|
|
3740
3739
|
const n = [], a = e ?? {};
|
|
3741
|
-
for (const i of
|
|
3740
|
+
for (const i of za)
|
|
3742
3741
|
a[i] === void 0 && n.push(`@dnd-kit/core:${i}`);
|
|
3743
3742
|
const s = t ?? {};
|
|
3744
|
-
for (const i of
|
|
3743
|
+
for (const i of Ka)
|
|
3745
3744
|
s[i] === void 0 && n.push(`@dnd-kit/sortable:${i}`);
|
|
3746
3745
|
return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
|
|
3747
3746
|
}
|
|
3748
|
-
function
|
|
3749
|
-
return ge ? Promise.resolve(ge) :
|
|
3747
|
+
function Ga() {
|
|
3748
|
+
return ge ? Promise.resolve(ge) : Re ? Promise.resolve(null) : Ne || (Ne = (async () => {
|
|
3750
3749
|
try {
|
|
3751
3750
|
const [e, t, n] = await Promise.all([
|
|
3752
3751
|
import("@dnd-kit/core"),
|
|
@@ -3754,26 +3753,26 @@ function Wa() {
|
|
|
3754
3753
|
import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
|
|
3755
3754
|
"SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
|
|
3756
3755
|
), {}))
|
|
3757
|
-
]), a =
|
|
3756
|
+
]), a = Wa(e, t);
|
|
3758
3757
|
return a.ok ? (ge = {
|
|
3759
3758
|
core: e,
|
|
3760
3759
|
sortable: t,
|
|
3761
3760
|
utilities: n
|
|
3762
|
-
}, ge) : (
|
|
3761
|
+
}, ge) : (Re = !0, process.env.NODE_ENV !== "production" && console.error(
|
|
3763
3762
|
`SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
|
|
3764
3763
|
), null);
|
|
3765
3764
|
} catch {
|
|
3766
|
-
return
|
|
3765
|
+
return Re = !0, null;
|
|
3767
3766
|
}
|
|
3768
3767
|
})(), Ne);
|
|
3769
3768
|
}
|
|
3770
|
-
function
|
|
3771
|
-
const { zones: t, onZoneChange: n, renderZone: a, renderItem: s, renderDragOverlay: i } = e, o =
|
|
3769
|
+
function Va(e) {
|
|
3770
|
+
const { zones: t, onZoneChange: n, renderZone: a, renderItem: s, renderDragOverlay: i } = e, o = Ba({ zones: t, onZoneChange: n }), [l, u] = H.useState(ge);
|
|
3772
3771
|
return H.useEffect(() => {
|
|
3773
3772
|
if (l) return;
|
|
3774
3773
|
let d = !0;
|
|
3775
|
-
return
|
|
3776
|
-
d &&
|
|
3774
|
+
return Ga().then((p) => {
|
|
3775
|
+
d && u(p);
|
|
3777
3776
|
}), () => {
|
|
3778
3777
|
d = !1;
|
|
3779
3778
|
};
|
|
@@ -3787,11 +3786,11 @@ function Ga(e) {
|
|
|
3787
3786
|
renderDragOverlay: i
|
|
3788
3787
|
}
|
|
3789
3788
|
) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
|
|
3790
|
-
const
|
|
3791
|
-
return /* @__PURE__ */ r("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items,
|
|
3789
|
+
const p = d.items.map((f) => /* @__PURE__ */ r(H.Fragment, { children: s(f) }, f.id));
|
|
3790
|
+
return /* @__PURE__ */ r("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, p) }, d.zoneKey);
|
|
3792
3791
|
}) });
|
|
3793
3792
|
}
|
|
3794
|
-
|
|
3793
|
+
Va.displayName = "SortableZones";
|
|
3795
3794
|
function nt({
|
|
3796
3795
|
state: e,
|
|
3797
3796
|
modules: t,
|
|
@@ -3799,10 +3798,10 @@ function nt({
|
|
|
3799
3798
|
renderItem: a,
|
|
3800
3799
|
renderDragOverlay: s
|
|
3801
3800
|
}) {
|
|
3802
|
-
const { core: i, sortable: o, utilities: l } = t, { DndContext:
|
|
3803
|
-
f(
|
|
3801
|
+
const { core: i, sortable: o, utilities: l } = t, { DndContext: u, DragOverlay: d, useSensors: p, useSensor: f, useDroppable: g, PointerSensor: m, KeyboardSensor: N, closestCenter: y } = i, { SortableContext: h, verticalListSortingStrategy: M } = o, P = p(
|
|
3802
|
+
f(m, { activationConstraint: { distance: 5 } }),
|
|
3804
3803
|
f(N)
|
|
3805
|
-
), k =
|
|
3804
|
+
), k = u, T = d, I = h;
|
|
3806
3805
|
return /* @__PURE__ */ D(
|
|
3807
3806
|
k,
|
|
3808
3807
|
{
|
|
@@ -3828,8 +3827,8 @@ function nt({
|
|
|
3828
3827
|
{
|
|
3829
3828
|
zoneKey: c.zoneKey,
|
|
3830
3829
|
zoneProps: e.getZoneProps(c.zoneKey),
|
|
3831
|
-
useDroppable:
|
|
3832
|
-
children: /* @__PURE__ */ r(I, { items: v, strategy:
|
|
3830
|
+
useDroppable: g,
|
|
3831
|
+
children: /* @__PURE__ */ r(I, { items: v, strategy: M, children: n(c.zoneKey, c.items, _) })
|
|
3833
3832
|
},
|
|
3834
3833
|
c.zoneKey
|
|
3835
3834
|
);
|
|
@@ -3841,12 +3840,12 @@ function nt({
|
|
|
3841
3840
|
}
|
|
3842
3841
|
nt.displayName = "SortableZonesInner";
|
|
3843
3842
|
function rt({ id: e, useSortable: t, cssHelper: n, children: a }) {
|
|
3844
|
-
const { attributes: s, listeners: i, setNodeRef: o, transform: l, transition:
|
|
3843
|
+
const { attributes: s, listeners: i, setNodeRef: o, transform: l, transition: u, isDragging: d } = t({ id: e }), p = {
|
|
3845
3844
|
transform: n?.Transform?.toString(l) ?? void 0,
|
|
3846
|
-
transition:
|
|
3845
|
+
transition: u,
|
|
3847
3846
|
opacity: d ? 0.5 : 1
|
|
3848
3847
|
};
|
|
3849
|
-
return /* @__PURE__ */ r("div", { ref: o, style:
|
|
3848
|
+
return /* @__PURE__ */ r("div", { ref: o, style: p, "data-sortable-item-id": e, ...s, ...i, children: a });
|
|
3850
3849
|
}
|
|
3851
3850
|
rt.displayName = "SortableItem";
|
|
3852
3851
|
function st({
|
|
@@ -3859,7 +3858,7 @@ function st({
|
|
|
3859
3858
|
return /* @__PURE__ */ r("div", { ref: s, "data-zone-is-over": i || void 0, ...t, children: a });
|
|
3860
3859
|
}
|
|
3861
3860
|
st.displayName = "ZoneDroppable";
|
|
3862
|
-
function
|
|
3861
|
+
function pr({
|
|
3863
3862
|
slotLeft: e,
|
|
3864
3863
|
slotCenter: t,
|
|
3865
3864
|
slotRight: n,
|
|
@@ -3909,7 +3908,7 @@ function gr({
|
|
|
3909
3908
|
}
|
|
3910
3909
|
);
|
|
3911
3910
|
}
|
|
3912
|
-
function
|
|
3911
|
+
function hr({
|
|
3913
3912
|
count: e,
|
|
3914
3913
|
currentIndex: t,
|
|
3915
3914
|
onSelect: n,
|
|
@@ -3930,44 +3929,44 @@ function pr({
|
|
|
3930
3929
|
if (e !== 0) {
|
|
3931
3930
|
if (d.key === "ArrowRight") {
|
|
3932
3931
|
d.preventDefault();
|
|
3933
|
-
const
|
|
3934
|
-
n(
|
|
3932
|
+
const p = (t + 1) % e;
|
|
3933
|
+
n(p), requestAnimationFrame(() => l.current[p]?.focus());
|
|
3935
3934
|
} else if (d.key === "ArrowLeft") {
|
|
3936
3935
|
d.preventDefault();
|
|
3937
|
-
const
|
|
3938
|
-
n(
|
|
3936
|
+
const p = (t - 1 + e) % e;
|
|
3937
|
+
n(p), requestAnimationFrame(() => l.current[p]?.focus());
|
|
3939
3938
|
}
|
|
3940
3939
|
}
|
|
3941
3940
|
},
|
|
3942
|
-
children: Array.from({ length: e }, (d,
|
|
3941
|
+
children: Array.from({ length: e }, (d, p) => /* @__PURE__ */ r(
|
|
3943
3942
|
"button",
|
|
3944
3943
|
{
|
|
3945
3944
|
ref: (f) => {
|
|
3946
|
-
l.current[
|
|
3945
|
+
l.current[p] = f;
|
|
3947
3946
|
},
|
|
3948
3947
|
type: "button",
|
|
3949
3948
|
role: "tab",
|
|
3950
|
-
"aria-selected":
|
|
3951
|
-
"aria-label":
|
|
3952
|
-
"data-state":
|
|
3953
|
-
"data-section-index":
|
|
3949
|
+
"aria-selected": p === t,
|
|
3950
|
+
"aria-label": p === s ? "Unconfirmed section" : `Section ${p + 1}`,
|
|
3951
|
+
"data-state": p === s ? "provisional-hollow" : p === i ? "pulse" : p === t ? "current" : "hollow",
|
|
3952
|
+
"data-section-index": p,
|
|
3954
3953
|
className: [
|
|
3955
3954
|
"gloss-section-dots__dot",
|
|
3956
|
-
|
|
3955
|
+
p === t && "gloss-section-dots__dot--current"
|
|
3957
3956
|
].filter(Boolean).join(" "),
|
|
3958
|
-
onClick: () => n(
|
|
3957
|
+
onClick: () => n(p)
|
|
3959
3958
|
},
|
|
3960
|
-
|
|
3959
|
+
p === i ? `${p}-${o ?? 0}` : p
|
|
3961
3960
|
))
|
|
3962
3961
|
}
|
|
3963
3962
|
);
|
|
3964
3963
|
}
|
|
3965
|
-
const
|
|
3964
|
+
const Ha = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
3966
3965
|
const s = { ...n };
|
|
3967
3966
|
return delete s.className, delete s.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...s, children: /* @__PURE__ */ r(Oe, { region: "toolbar", density: e, children: t }) });
|
|
3968
3967
|
});
|
|
3969
|
-
|
|
3970
|
-
const
|
|
3968
|
+
Ha.displayName = "ContainerToolbar";
|
|
3969
|
+
const Ua = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...s }, i) => {
|
|
3971
3970
|
const o = { ...s };
|
|
3972
3971
|
return delete o.className, delete o.style, /* @__PURE__ */ D("fieldset", { ref: i, className: "gloss-container-form-section", ...o, children: [
|
|
3973
3972
|
e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
|
|
@@ -3975,329 +3974,329 @@ const Ha = H.forwardRef(({ legend: e, description: t, density: n = "default", ch
|
|
|
3975
3974
|
/* @__PURE__ */ r(Oe, { region: "form-section", density: n, children: a })
|
|
3976
3975
|
] });
|
|
3977
3976
|
});
|
|
3978
|
-
|
|
3979
|
-
const
|
|
3977
|
+
Ua.displayName = "ContainerFormSection";
|
|
3978
|
+
const ja = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
3980
3979
|
const s = { ...n };
|
|
3981
3980
|
return delete s.className, delete s.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...s, children: /* @__PURE__ */ r(Oe, { region: "table", density: e, children: t }) });
|
|
3982
3981
|
});
|
|
3983
|
-
|
|
3982
|
+
ja.displayName = "ContainerTable";
|
|
3984
3983
|
export {
|
|
3985
|
-
|
|
3986
|
-
|
|
3987
|
-
|
|
3988
|
-
|
|
3989
|
-
|
|
3990
|
-
|
|
3991
|
-
|
|
3992
|
-
|
|
3993
|
-
|
|
3994
|
-
|
|
3995
|
-
|
|
3984
|
+
br as Accordion,
|
|
3985
|
+
yr as AccordionContent,
|
|
3986
|
+
wr as AccordionItem,
|
|
3987
|
+
_r as AccordionTrigger,
|
|
3988
|
+
Nr as ActionStrip,
|
|
3989
|
+
Dr as Actionable,
|
|
3990
|
+
Cr as AddressGroup,
|
|
3991
|
+
kr as AddressSelect,
|
|
3992
|
+
xr as AsyncLoader,
|
|
3993
|
+
Sr as Autocomplete,
|
|
3994
|
+
Mr as Badge,
|
|
3996
3995
|
Rr as BarChartCard,
|
|
3997
|
-
|
|
3998
|
-
|
|
3999
|
-
|
|
4000
|
-
|
|
4001
|
-
|
|
4002
|
-
|
|
4003
|
-
|
|
4004
|
-
|
|
4005
|
-
|
|
4006
|
-
|
|
4007
|
-
|
|
4008
|
-
|
|
3996
|
+
Tr as BarsBg,
|
|
3997
|
+
pr as BottomToolbar,
|
|
3998
|
+
Ir as Button,
|
|
3999
|
+
Pr as ButtonGroup,
|
|
4000
|
+
Fr as ButtonGroupContext,
|
|
4001
|
+
Er as Card,
|
|
4002
|
+
Ar as CardActions,
|
|
4003
|
+
Or as CardBack,
|
|
4004
|
+
Lr as CardBody,
|
|
4005
|
+
$r as CardFooter,
|
|
4006
|
+
Br as CardHeader,
|
|
4007
|
+
zr as CardMedia,
|
|
4009
4008
|
ut as CardShell,
|
|
4010
|
-
|
|
4011
|
-
|
|
4012
|
-
|
|
4013
|
-
|
|
4014
|
-
|
|
4015
|
-
|
|
4009
|
+
Kr as CardSubtitle,
|
|
4010
|
+
Wr as CardTitle,
|
|
4011
|
+
ur as CascadePreview,
|
|
4012
|
+
Gr as ChartControlBar,
|
|
4013
|
+
Vr as Checkbox,
|
|
4014
|
+
Hr as CheckboxGroup,
|
|
4016
4015
|
mt as Chip,
|
|
4017
|
-
|
|
4018
|
-
|
|
4019
|
-
|
|
4020
|
-
|
|
4021
|
-
|
|
4022
|
-
|
|
4023
|
-
|
|
4024
|
-
|
|
4025
|
-
|
|
4026
|
-
|
|
4027
|
-
|
|
4028
|
-
|
|
4029
|
-
|
|
4030
|
-
|
|
4031
|
-
|
|
4032
|
-
|
|
4033
|
-
|
|
4034
|
-
|
|
4035
|
-
|
|
4036
|
-
|
|
4037
|
-
|
|
4016
|
+
Ur as ColorPicker,
|
|
4017
|
+
jr as ComparisonCard,
|
|
4018
|
+
Zr as ContactForm,
|
|
4019
|
+
qr as ContainerCard,
|
|
4020
|
+
Yr as ContainerCardActions,
|
|
4021
|
+
Qr as ContainerCardBody,
|
|
4022
|
+
Xr as ContainerCardFooter,
|
|
4023
|
+
Jr as ContainerCardHeader,
|
|
4024
|
+
es as ContainerCardMedia,
|
|
4025
|
+
ts as ContainerCardSubtitle,
|
|
4026
|
+
as as ContainerCardTitle,
|
|
4027
|
+
ns as ContainerDialog,
|
|
4028
|
+
rs as ContainerDialogActions,
|
|
4029
|
+
ss as ContainerDialogBody,
|
|
4030
|
+
is as ContainerDialogHeader,
|
|
4031
|
+
Ua as ContainerFormSection,
|
|
4032
|
+
os as ContainerPanel,
|
|
4033
|
+
ja as ContainerTable,
|
|
4034
|
+
Ha as ContainerToolbar,
|
|
4035
|
+
ls as CreditCardForm,
|
|
4036
|
+
cs as DEFAULT_FOOTER_IDS,
|
|
4038
4037
|
se as DEFAULT_GRID_INTERACTION_PHYSICS,
|
|
4039
|
-
|
|
4040
|
-
|
|
4041
|
-
|
|
4038
|
+
$o as DEFAULT_MARKET_PRESETS,
|
|
4039
|
+
ds as DEFAULT_OVERFLOW_IDS,
|
|
4040
|
+
Bo as DEFAULT_PINNED,
|
|
4042
4041
|
qe as DEFAULT_RESIZE_PHYSICS,
|
|
4043
|
-
|
|
4044
|
-
|
|
4045
|
-
|
|
4046
|
-
|
|
4047
|
-
|
|
4048
|
-
|
|
4049
|
-
|
|
4050
|
-
|
|
4051
|
-
|
|
4052
|
-
|
|
4053
|
-
|
|
4054
|
-
|
|
4055
|
-
|
|
4056
|
-
|
|
4057
|
-
|
|
4058
|
-
|
|
4059
|
-
|
|
4060
|
-
|
|
4061
|
-
|
|
4042
|
+
us as DataTable,
|
|
4043
|
+
ms as DatePicker,
|
|
4044
|
+
gs as DateRangePicker,
|
|
4045
|
+
ps as DestructiveModal,
|
|
4046
|
+
ma as DevTuningPanel,
|
|
4047
|
+
hs as DirectionCard,
|
|
4048
|
+
fs as Dismissible,
|
|
4049
|
+
vs as DistributionCard,
|
|
4050
|
+
bs as DonutChart,
|
|
4051
|
+
cr as DragGhost,
|
|
4052
|
+
sr as DropAnchorCell,
|
|
4053
|
+
ys as Dropdown,
|
|
4054
|
+
fa as DualPaceBars,
|
|
4055
|
+
ws as ENTITY_FILTER_KEYS,
|
|
4056
|
+
_s as ENTITY_PROFILE_ROUTES,
|
|
4057
|
+
Ns as ENTITY_TYPE_PLURAL,
|
|
4058
|
+
Ot as EdgeHoverHandle,
|
|
4059
|
+
lr as EmptyCellPackAffordance,
|
|
4060
|
+
Ds as EntityPicker,
|
|
4062
4061
|
X as EntityRow,
|
|
4063
|
-
|
|
4064
|
-
|
|
4062
|
+
Cs as EntitySearchPanel,
|
|
4063
|
+
Ma as ExceptionListCard,
|
|
4065
4064
|
Ra as ExceptionListTilePreview,
|
|
4066
|
-
|
|
4067
|
-
|
|
4068
|
-
|
|
4069
|
-
|
|
4065
|
+
ks as Expandable,
|
|
4066
|
+
xs as ExpandableChip,
|
|
4067
|
+
Ss as FLIP_AND_STAGE_TIMINGS,
|
|
4068
|
+
Ms as FileUpload,
|
|
4070
4069
|
Rs as FilterChip,
|
|
4071
|
-
|
|
4072
|
-
|
|
4073
|
-
|
|
4074
|
-
|
|
4075
|
-
|
|
4076
|
-
|
|
4077
|
-
|
|
4078
|
-
|
|
4079
|
-
|
|
4080
|
-
|
|
4081
|
-
|
|
4082
|
-
|
|
4083
|
-
|
|
4084
|
-
|
|
4085
|
-
|
|
4086
|
-
|
|
4087
|
-
|
|
4088
|
-
|
|
4089
|
-
|
|
4090
|
-
|
|
4091
|
-
|
|
4092
|
-
|
|
4093
|
-
|
|
4070
|
+
Ts as FilterInput,
|
|
4071
|
+
Is as FlipAndStageProvider,
|
|
4072
|
+
Ps as Form,
|
|
4073
|
+
Fs as FormDialog,
|
|
4074
|
+
Es as FormField,
|
|
4075
|
+
As as FusedShape,
|
|
4076
|
+
va as GapReadout,
|
|
4077
|
+
Lt as GhostPreview,
|
|
4078
|
+
Os as GroupCheckbox,
|
|
4079
|
+
Ls as GroupRadio,
|
|
4080
|
+
Dn as HARD_CLIP,
|
|
4081
|
+
$s as HighlightCard,
|
|
4082
|
+
Bs as HybridDatePicker,
|
|
4083
|
+
zs as ImportWizard,
|
|
4084
|
+
Ta as InlineNudge,
|
|
4085
|
+
Ks as Input,
|
|
4086
|
+
Ws as InputAddon,
|
|
4087
|
+
Gs as InputGroup,
|
|
4088
|
+
Ca as LeaderboardCard,
|
|
4089
|
+
ka as LeaderboardTilePreview,
|
|
4090
|
+
wa as LensChipGroup,
|
|
4091
|
+
Vs as Link,
|
|
4092
|
+
Hs as LoginForm,
|
|
4094
4093
|
be as MagnitudeBar,
|
|
4095
|
-
|
|
4096
|
-
|
|
4097
|
-
|
|
4098
|
-
|
|
4099
|
-
|
|
4100
|
-
|
|
4101
|
-
|
|
4102
|
-
|
|
4103
|
-
|
|
4104
|
-
|
|
4105
|
-
|
|
4106
|
-
|
|
4107
|
-
|
|
4108
|
-
|
|
4109
|
-
|
|
4110
|
-
|
|
4111
|
-
|
|
4112
|
-
|
|
4113
|
-
|
|
4114
|
-
|
|
4115
|
-
|
|
4094
|
+
Us as MarketPresetRow,
|
|
4095
|
+
js as MaskPresets,
|
|
4096
|
+
Zs as MaskedInput,
|
|
4097
|
+
qs as Menu,
|
|
4098
|
+
Ys as MenuDivider,
|
|
4099
|
+
Qs as MenuGroup,
|
|
4100
|
+
Xs as MenuItem,
|
|
4101
|
+
Js as MergePrompt,
|
|
4102
|
+
ei as MetricCard,
|
|
4103
|
+
ti as MetricCardGrid,
|
|
4104
|
+
na as MetricGroupContainer,
|
|
4105
|
+
ai as MiniCalendar,
|
|
4106
|
+
Na as MoreInLensRail,
|
|
4107
|
+
ni as MultiSelect,
|
|
4108
|
+
ri as NumberInput,
|
|
4109
|
+
si as ObjectArrow,
|
|
4110
|
+
ii as OrderFilterBar,
|
|
4111
|
+
zo as PERIOD_OPTIONS,
|
|
4112
|
+
mr as PaceCard,
|
|
4113
|
+
gr as PaceTilePreview,
|
|
4114
|
+
Ht as PageChip,
|
|
4116
4115
|
Ye as PageDropdown,
|
|
4117
|
-
|
|
4118
|
-
|
|
4119
|
-
|
|
4120
|
-
|
|
4121
|
-
|
|
4122
|
-
|
|
4123
|
-
|
|
4124
|
-
|
|
4125
|
-
|
|
4126
|
-
|
|
4127
|
-
|
|
4128
|
-
|
|
4129
|
-
|
|
4130
|
-
|
|
4116
|
+
oi as PasswordInput,
|
|
4117
|
+
li as PaymentForm,
|
|
4118
|
+
ci as PaymentMethodSelect,
|
|
4119
|
+
di as PhoneInput,
|
|
4120
|
+
ui as PinToMetric,
|
|
4121
|
+
Oa as PresetSwatchRow,
|
|
4122
|
+
mi as ProfileCard,
|
|
4123
|
+
gi as ProgressCard,
|
|
4124
|
+
pi as QuickConfigPanel,
|
|
4125
|
+
Xt as RECONFIG_BACKSIDE_LABELS,
|
|
4126
|
+
Ko as ROLLING_OPTIONS,
|
|
4127
|
+
hi as Radio,
|
|
4128
|
+
fi as RadioGroup,
|
|
4129
|
+
vi as RangeSlider,
|
|
4131
4130
|
fe as RankBadge,
|
|
4132
4131
|
tt as RankDelta,
|
|
4133
|
-
|
|
4134
|
-
|
|
4135
|
-
|
|
4136
|
-
|
|
4137
|
-
|
|
4138
|
-
|
|
4139
|
-
|
|
4140
|
-
|
|
4141
|
-
|
|
4142
|
-
|
|
4143
|
-
|
|
4144
|
-
|
|
4145
|
-
|
|
4132
|
+
bi as Rating,
|
|
4133
|
+
ta as ReconfigBacksideButtons,
|
|
4134
|
+
yi as RegistrationForm,
|
|
4135
|
+
rr as ResizeEnvelope,
|
|
4136
|
+
wi as Row1Controls,
|
|
4137
|
+
_i as Row2FilterTray,
|
|
4138
|
+
Ni as SearchInput,
|
|
4139
|
+
or as SectionDivider,
|
|
4140
|
+
hr as SectionDots,
|
|
4141
|
+
Di as SegmentCard,
|
|
4142
|
+
Ci as SegmentedControl,
|
|
4143
|
+
ki as Select,
|
|
4144
|
+
xi as Selectable,
|
|
4146
4145
|
ve as SeverityDot,
|
|
4147
|
-
|
|
4148
|
-
|
|
4146
|
+
Si as SimpleMetricCard,
|
|
4147
|
+
Mi as SimpleSelector,
|
|
4149
4148
|
Ri as Skeleton,
|
|
4150
|
-
|
|
4151
|
-
|
|
4152
|
-
|
|
4153
|
-
|
|
4154
|
-
|
|
4155
|
-
|
|
4156
|
-
|
|
4157
|
-
|
|
4158
|
-
|
|
4159
|
-
|
|
4160
|
-
|
|
4161
|
-
|
|
4162
|
-
|
|
4163
|
-
|
|
4164
|
-
|
|
4149
|
+
Ti as SkeletonCard,
|
|
4150
|
+
Ii as SkeletonChart,
|
|
4151
|
+
Pi as SkeletonTable,
|
|
4152
|
+
Fi as Slider,
|
|
4153
|
+
dr as SnapOutline,
|
|
4154
|
+
Ei as Sortable,
|
|
4155
|
+
Va as SortableZones,
|
|
4156
|
+
Ai as SparklineBg,
|
|
4157
|
+
ir as SpilloverArc,
|
|
4158
|
+
Oi as SplitButton,
|
|
4159
|
+
Li as StackedGroupCard,
|
|
4160
|
+
_a as StarterRail,
|
|
4161
|
+
$i as StatusModeCard,
|
|
4162
|
+
At as StatusSlotChipMenu,
|
|
4163
|
+
Bi as Stepper,
|
|
4165
4164
|
Ze as SwingReveal,
|
|
4166
|
-
|
|
4165
|
+
Wo as TODAY_PRESET,
|
|
4167
4166
|
re as TUNING_DEFAULTS,
|
|
4168
4167
|
et as TUNING_STORAGE_KEY,
|
|
4169
|
-
|
|
4170
|
-
|
|
4171
|
-
|
|
4172
|
-
|
|
4173
|
-
|
|
4174
|
-
|
|
4175
|
-
|
|
4176
|
-
|
|
4177
|
-
|
|
4178
|
-
|
|
4179
|
-
|
|
4180
|
-
|
|
4181
|
-
|
|
4182
|
-
|
|
4183
|
-
|
|
4168
|
+
zi as TabGroup,
|
|
4169
|
+
Ki as TabbedDataView,
|
|
4170
|
+
Wi as TagInput,
|
|
4171
|
+
Mt as TargetInput,
|
|
4172
|
+
Gi as Textarea,
|
|
4173
|
+
Fa as ThresholdRamp,
|
|
4174
|
+
Vi as TimeFrame,
|
|
4175
|
+
Hi as TimePicker,
|
|
4176
|
+
Ui as Toggle,
|
|
4177
|
+
ji as Tooltip,
|
|
4178
|
+
Zi as Transition,
|
|
4179
|
+
qi as TransitionGroup,
|
|
4180
|
+
Yi as TrendCard,
|
|
4181
|
+
Qi as TrendIndicator,
|
|
4182
|
+
Ao as UIContext,
|
|
4184
4183
|
Oe as UIContextProvider,
|
|
4185
|
-
|
|
4186
|
-
|
|
4187
|
-
|
|
4188
|
-
|
|
4189
|
-
|
|
4190
|
-
|
|
4184
|
+
Xi as UnifiedBreakdownTable,
|
|
4185
|
+
Ji as UnifiedContextMenu,
|
|
4186
|
+
$t as VelocityBuffer,
|
|
4187
|
+
eo as addressGroupMetadata,
|
|
4188
|
+
to as addressSchema,
|
|
4189
|
+
cn as allChips,
|
|
4191
4190
|
Rn as allStateFixtures,
|
|
4192
|
-
|
|
4193
|
-
|
|
4194
|
-
|
|
4195
|
-
|
|
4196
|
-
|
|
4197
|
-
|
|
4198
|
-
|
|
4199
|
-
|
|
4200
|
-
|
|
4201
|
-
|
|
4202
|
-
|
|
4203
|
-
|
|
4204
|
-
|
|
4205
|
-
|
|
4206
|
-
|
|
4207
|
-
|
|
4208
|
-
|
|
4191
|
+
Mn as allVariantFixtures,
|
|
4192
|
+
gn as blockSamples,
|
|
4193
|
+
ao as buildDefaultOverflow,
|
|
4194
|
+
bn as cardSamples,
|
|
4195
|
+
yn as cascadePhysics,
|
|
4196
|
+
fn as chartSamples,
|
|
4197
|
+
hn as circleSamples,
|
|
4198
|
+
Cn as colorTokens,
|
|
4199
|
+
Qn as compactLayout,
|
|
4200
|
+
zn as compactState,
|
|
4201
|
+
Sn as computeGutterAnchorX,
|
|
4202
|
+
no as contactFormMetadata,
|
|
4203
|
+
ro as contactSchema,
|
|
4204
|
+
Kn as contextMenuFixtures,
|
|
4205
|
+
so as creditCardFormMetadata,
|
|
4206
|
+
io as creditCardSchema,
|
|
4207
|
+
It as dateChip,
|
|
4209
4208
|
Je as defaultControlBarState,
|
|
4210
|
-
|
|
4211
|
-
|
|
4212
|
-
|
|
4213
|
-
|
|
4209
|
+
oo as destructiveModalMetadata,
|
|
4210
|
+
lo as durations,
|
|
4211
|
+
co as easings,
|
|
4212
|
+
Kt as emptyFixture,
|
|
4214
4213
|
Rt as entityChip,
|
|
4215
|
-
|
|
4216
|
-
|
|
4217
|
-
|
|
4218
|
-
|
|
4219
|
-
|
|
4220
|
-
|
|
4221
|
-
|
|
4222
|
-
|
|
4223
|
-
|
|
4224
|
-
|
|
4225
|
-
|
|
4226
|
-
|
|
4227
|
-
|
|
4228
|
-
|
|
4229
|
-
|
|
4230
|
-
|
|
4231
|
-
|
|
4232
|
-
|
|
4233
|
-
|
|
4234
|
-
|
|
4235
|
-
|
|
4236
|
-
|
|
4237
|
-
|
|
4238
|
-
|
|
4239
|
-
|
|
4240
|
-
|
|
4241
|
-
|
|
4242
|
-
|
|
4243
|
-
|
|
4244
|
-
|
|
4245
|
-
|
|
4246
|
-
|
|
4247
|
-
|
|
4248
|
-
|
|
4249
|
-
|
|
4250
|
-
|
|
4251
|
-
|
|
4252
|
-
|
|
4253
|
-
|
|
4254
|
-
|
|
4255
|
-
|
|
4256
|
-
|
|
4257
|
-
|
|
4258
|
-
|
|
4259
|
-
|
|
4260
|
-
|
|
4261
|
-
|
|
4262
|
-
|
|
4263
|
-
|
|
4264
|
-
|
|
4265
|
-
|
|
4266
|
-
|
|
4267
|
-
|
|
4268
|
-
|
|
4269
|
-
|
|
4270
|
-
|
|
4271
|
-
|
|
4272
|
-
|
|
4273
|
-
|
|
4274
|
-
|
|
4275
|
-
|
|
4276
|
-
|
|
4277
|
-
|
|
4278
|
-
|
|
4279
|
-
|
|
4280
|
-
|
|
4281
|
-
|
|
4282
|
-
|
|
4283
|
-
|
|
4214
|
+
qt as entityNameActions,
|
|
4215
|
+
un as entityTabGroup,
|
|
4216
|
+
zt as errorFixture,
|
|
4217
|
+
uo as evaluateTintCondition,
|
|
4218
|
+
Bn as filteredState,
|
|
4219
|
+
Go as findPreset,
|
|
4220
|
+
Vo as formatDateRange,
|
|
4221
|
+
Ho as formatMarketDates,
|
|
4222
|
+
Uo as formatTrend,
|
|
4223
|
+
jo as formatValue,
|
|
4224
|
+
Jn as fullLayout,
|
|
4225
|
+
Zo as generateMarketId,
|
|
4226
|
+
mo as generateTabId,
|
|
4227
|
+
qo as getAllPresets,
|
|
4228
|
+
Yo as getDateRangeForPreset,
|
|
4229
|
+
go as getMenuActions,
|
|
4230
|
+
kn as getMotionMode,
|
|
4231
|
+
Qo as getPresetLabel,
|
|
4232
|
+
po as getTransitionStyle,
|
|
4233
|
+
Yn as gridCards,
|
|
4234
|
+
ho as interpolate,
|
|
4235
|
+
Xo as isInRange,
|
|
4236
|
+
Jo as isMarketActive,
|
|
4237
|
+
el as isSameDay,
|
|
4238
|
+
$n as itemColumns,
|
|
4239
|
+
On as itemRows,
|
|
4240
|
+
Bt as loadingFixture,
|
|
4241
|
+
fo as loginFormMetadata,
|
|
4242
|
+
vo as loginSchema,
|
|
4243
|
+
Pt as manufacturerChip,
|
|
4244
|
+
nr as manyTabs,
|
|
4245
|
+
bo as mergeHandlers,
|
|
4246
|
+
yo as mergeRefs,
|
|
4247
|
+
dn as metricTabGroup,
|
|
4248
|
+
tr as mixedTabs,
|
|
4249
|
+
tl as normalizePresetId,
|
|
4250
|
+
Qt as numericActions,
|
|
4251
|
+
Ln as orderColumns,
|
|
4252
|
+
Yt as orderIdActions,
|
|
4253
|
+
An as orderRows,
|
|
4254
|
+
er as ordersTabs,
|
|
4255
|
+
wo as parseNumericValue,
|
|
4256
|
+
_o as paymentFormMetadata,
|
|
4257
|
+
No as paymentSchema,
|
|
4258
|
+
Do as presets,
|
|
4259
|
+
_n as provisional,
|
|
4260
|
+
Nn as reducedMotion,
|
|
4261
|
+
Co as registrationFormMetadata,
|
|
4262
|
+
ko as registrationSchema,
|
|
4263
|
+
wn as rejectionFeedback,
|
|
4264
|
+
Gn as sampleCompareRanges,
|
|
4265
|
+
Un as sampleCustomMarkets,
|
|
4266
|
+
Wn as sampleDateRange,
|
|
4267
|
+
jn as sampleMarketPresetData,
|
|
4268
|
+
Hn as sampleMarkets,
|
|
4269
|
+
qn as samplePeriodPresets,
|
|
4270
|
+
Vn as samplePreferences,
|
|
4271
|
+
Zn as samplePresets,
|
|
4272
|
+
ar as singleTab,
|
|
4273
|
+
Tn as sparklineFixture,
|
|
4274
|
+
In as sparklineUpFixture,
|
|
4275
|
+
Vt as staleDonutFixture,
|
|
4276
|
+
Wt as staleFixture,
|
|
4277
|
+
Gt as staleSparklineFixture,
|
|
4278
|
+
Pn as standardFixture,
|
|
4279
|
+
En as standardFlatFixture,
|
|
4280
|
+
Xn as standardLayout,
|
|
4281
|
+
Fn as standardNegativeFixture,
|
|
4282
|
+
Tt as statusChip,
|
|
4284
4283
|
me as swingReveal,
|
|
4285
|
-
|
|
4286
|
-
|
|
4287
|
-
|
|
4288
|
-
|
|
4289
|
-
|
|
4290
|
-
|
|
4291
|
-
|
|
4292
|
-
|
|
4293
|
-
|
|
4284
|
+
vn as tableSamples,
|
|
4285
|
+
pn as textSamples,
|
|
4286
|
+
mn as timeFrameTabGroup,
|
|
4287
|
+
al as toUppercasePresetId,
|
|
4288
|
+
ln as useArrowNavigation,
|
|
4289
|
+
xo as useCheckboxGroupContext,
|
|
4290
|
+
xn as useEdgeHoverResize,
|
|
4291
|
+
So as useFilterLayout,
|
|
4292
|
+
Mo as useFlipAndStage,
|
|
4294
4293
|
Ro as useFlipAndStageContext,
|
|
4295
|
-
|
|
4296
|
-
|
|
4297
|
-
|
|
4298
|
-
|
|
4299
|
-
|
|
4300
|
-
|
|
4301
|
-
|
|
4302
|
-
|
|
4294
|
+
To as useFlipAndStageContextOptional,
|
|
4295
|
+
on as useFocusReturn,
|
|
4296
|
+
Io as useFocusTrap,
|
|
4297
|
+
Po as useFormContext,
|
|
4298
|
+
Fo as useRadioGroupContext,
|
|
4299
|
+
ia as useResizeTuning,
|
|
4300
|
+
Ba as useSortableZones,
|
|
4301
|
+
Oo as useUIContext
|
|
4303
4302
|
};
|