@mt-gloss/ui 0.1.58 → 0.1.60
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/{BaseAsyncButton-DAeHnhMt.js → BaseAsyncButton-Cq_l7clO.js} +1 -1
- package/{Expandable-BgEhifn0.js → Expandable-DUqxHhFA.js} +2601 -2575
- package/{UIContext-CDdyubSF.js → UIContext-DP6JGCto.js} +8 -8
- package/catalog.js +4 -4
- package/index.js +886 -882
- package/internals.js +3 -3
- package/lib/primitives/dashboard/CascadePreview/CascadePreview.d.ts +1 -1
- package/lib/primitives/dashboard/DragGhost/DragGhost.d.ts +1 -1
- package/lib/primitives/dashboard/DropAnchorCell/DropAnchorCell.d.ts +7 -1
- package/lib/primitives/dashboard/MetricCard/GhostPreview.d.ts +1 -1
- package/lib/primitives/dashboard/MetricCard/useEdgeHoverResize.d.ts +1 -1
- package/lib/primitives/dashboard/gridInteractivePalette.d.ts +11 -1
- package/package.json +3 -3
- package/ui.css +1 -1
package/index.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { u as
|
|
2
|
-
import { Q as
|
|
1
|
+
import { u as Nt, C as Dt } from "./Expandable-DUqxHhFA.js";
|
|
2
|
+
import { Q as Ur, V as Zr, T as Yr, U as qr, a5 as Qr, b8 as Xr, aB as Jr, aj as es, $ as ts, ap as as, N as ns, aa as rs, bo as ss, P as is, B as os, a as ls, A as cs, K as ds, bj as us, J as ms, L as gs, E as ps, D as fs, H as hs, F as bs, by as vs, b as ys, c as ws, O as _s, q as Ns, af as Ds, aP as ks, A as Cs, K as Ss, J as xs, L as Rs, E as Ms, D as Ts, H as Is, F as Es, b1 as Ps, b4 as Fs, b3 as As, b2 as Os, b5 as Ls, aE as $s, a7 as Bs, a6 as Ks, as as zs, m as Ws, o as js, aH as Gs, ad as Vs, ba as Hs, ab as Us, bp as Zs, _ as Ys, bI as qs, bH as Qs, bJ as Xs, ar as Js, aS as ei, bc as ti, bN as ai, bw as ni, p as ri, ao as si, bC as ii, bt as oi, a2 as li, at as ci, a4 as di, bB as ui, bS as mi, G as gi, f as pi, ac as fi, bK as hi, aV as bi, t as vi, x as yi, I as wi, i as _i, ay as Ni, bO as Di, M as ki, y as Ci, W as Si, Z as xi, X as Ri, Y as Mi, au as Ti, bi as Ii, bQ as Ei, bM as Pi, aq as Fi, w as Ai, bq as Oi, aU as Li, al as $i, aM as Bi, ai as Ki, an as zi, aw as Wi, aT as ji, ae as Gi, av as Vi, e as Hi, R as Ui, l as Zi, r as Yi, aJ as qi, bz as Qi, bA as Xi, ak as Ji, ag as eo, j as to, z as ao, b9 as no, ah as ro, bP as so, be as io, bh as oo, bf as lo, bg as co, k as uo, bb as mo, bn as go, S as po, bl as fo, bm as ho, ax as bo, bd as vo, bR as yo, am as wo, v as _o, bL as No, n as Do, h as ko, s as Co, a0 as So, a1 as xo, a9 as Ro, bk as Mo, bx as To, bE as Io, aC as Eo, aD as Po, a8 as Fo, aQ as Ao, aR as Oo, aF as Lo, aG as $o, aI as Bo, aX as Ko, aY as zo, br as Wo, bG as jo, bF as Go, a_ as Vo, a$ as Ho, az as Uo, aA as Zo, b7 as Yo, b6 as qo, b0 as Qo, aN as Xo, aO as Jo, aZ as el, aK as tl, aL as al, d as nl, bD as rl, bs as sl, bu as il, bv as ol, aW as ll, a3 as cl, g as dl } from "./Expandable-DUqxHhFA.js";
|
|
3
3
|
import { jsxs as k, jsx as r, Fragment as te } from "react/jsx-runtime";
|
|
4
4
|
import * as ce from "react";
|
|
5
|
-
import V, { useRef as
|
|
6
|
-
import { motion as
|
|
7
|
-
import { B as
|
|
8
|
-
import { c as
|
|
9
|
-
import { createPortal as
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
5
|
+
import V, { useRef as E, useEffect as O, useState as $, useCallback as N, useId as kt, forwardRef as Ct, useMemo as Ne, createContext as St, useContext as xt } from "react";
|
|
6
|
+
import { motion as Se, useMotionValue as Rt, animate as Ue, useDragControls as Mt } from "framer-motion";
|
|
7
|
+
import { B as Tt, a as be, b as Pe, U as ze } from "./UIContext-DP6JGCto.js";
|
|
8
|
+
import { c as ml, u as gl } from "./UIContext-DP6JGCto.js";
|
|
9
|
+
import { createPortal as It } from "react-dom";
|
|
10
|
+
import { SPRING_RESIZE_COMMIT as Ze, useMotionProbe as Fe } from "@mt-gloss/motion";
|
|
11
|
+
import { DEFAULT_MARKET_PRESETS as fl, DEFAULT_PINNED as hl, PERIOD_OPTIONS as bl, ROLLING_OPTIONS as vl, TODAY_PRESET as yl, findPreset as wl, formatDateRange as _l, formatMarketDates as Nl, formatTrend as Dl, formatValue as kl, generateMarketId as Cl, getAllPresets as Sl, getDateRangeForPreset as xl, getPresetLabel as Rl, isInRange as Ml, isMarketActive as Tl, isSameDay as Il, normalizePresetId as El, toUppercasePresetId as Pl } from "@mt-gloss/utils";
|
|
12
|
+
import Et from "@mui/icons-material/AccessTime";
|
|
12
13
|
import Pt from "@mui/icons-material/Tune";
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
const { enabled: t = !0, returnTo: n } = e, a = P(null);
|
|
14
|
+
import Ft from "@mui/icons-material/ViewColumn";
|
|
15
|
+
import At from "@mui/icons-material/AspectRatio";
|
|
16
|
+
import Ot from "@mui/icons-material/Palette";
|
|
17
|
+
import Lt from "@mui/icons-material/PushPin";
|
|
18
|
+
function Sn(e = {}) {
|
|
19
|
+
const { enabled: t = !0, returnTo: n } = e, a = E(null);
|
|
20
20
|
return O(() => {
|
|
21
21
|
t && (a.current = n || document.activeElement);
|
|
22
22
|
}, [t, n]), O(() => () => {
|
|
@@ -35,8 +35,8 @@ function xn(e) {
|
|
|
35
35
|
enabled: o = !0,
|
|
36
36
|
isItemDisabled: l,
|
|
37
37
|
onSelect: u,
|
|
38
|
-
onEscape:
|
|
39
|
-
} = e, [h, m] = $(-1), g = n !== void 0 ? n : h,
|
|
38
|
+
onEscape: c
|
|
39
|
+
} = e, [h, m] = $(-1), g = n !== void 0 ? n : h, d = N(
|
|
40
40
|
(p) => {
|
|
41
41
|
n === void 0 && m(p), a?.(p);
|
|
42
42
|
},
|
|
@@ -47,34 +47,34 @@ function xn(e) {
|
|
|
47
47
|
if (D.length === 0) return -1;
|
|
48
48
|
const T = D.indexOf(p);
|
|
49
49
|
if (T === -1)
|
|
50
|
-
return v === 1 ? D.find((
|
|
50
|
+
return v === 1 ? D.find((x) => x > p) ?? (i ? D[0] : -1) : [...D].reverse().find((P) => P < p) ?? (i ? D[D.length - 1] : -1);
|
|
51
51
|
let w = T + v;
|
|
52
52
|
return i ? w = (w + D.length) % D.length : w = Math.max(0, Math.min(D.length - 1, w)), D[w];
|
|
53
53
|
},
|
|
54
54
|
[_, i]
|
|
55
55
|
), f = N(() => {
|
|
56
56
|
const p = _();
|
|
57
|
-
p.length > 0 &&
|
|
58
|
-
}, [_,
|
|
57
|
+
p.length > 0 && d(p[0]);
|
|
58
|
+
}, [_, d]), R = N(() => {
|
|
59
59
|
const p = _();
|
|
60
|
-
p.length > 0 &&
|
|
61
|
-
}, [_,
|
|
60
|
+
p.length > 0 && d(p[p.length - 1]);
|
|
61
|
+
}, [_, d]), I = N(() => {
|
|
62
62
|
const p = b(g, 1);
|
|
63
|
-
p !== -1 &&
|
|
64
|
-
}, [g, b,
|
|
63
|
+
p !== -1 && d(p);
|
|
64
|
+
}, [g, b, d]), y = N(() => {
|
|
65
65
|
const p = b(g, -1);
|
|
66
|
-
p !== -1 &&
|
|
67
|
-
}, [g, b,
|
|
68
|
-
|
|
69
|
-
}, [
|
|
66
|
+
p !== -1 && d(p);
|
|
67
|
+
}, [g, b, d]), M = N(() => {
|
|
68
|
+
d(-1);
|
|
69
|
+
}, [d]), S = N(
|
|
70
70
|
(p) => {
|
|
71
71
|
if (!o) return;
|
|
72
|
-
const { key: v } = p, D = v === "ArrowUp" && (s === "vertical" || s === "both"), T = v === "ArrowDown" && (s === "vertical" || s === "both"), w = v === "ArrowLeft" && (s === "horizontal" || s === "both"),
|
|
72
|
+
const { key: v } = p, D = v === "ArrowUp" && (s === "vertical" || s === "both"), T = v === "ArrowDown" && (s === "vertical" || s === "both"), w = v === "ArrowLeft" && (s === "horizontal" || s === "both"), x = v === "ArrowRight" && (s === "horizontal" || s === "both");
|
|
73
73
|
if (D || w) {
|
|
74
74
|
p.preventDefault(), g === -1 ? R() : y();
|
|
75
75
|
return;
|
|
76
76
|
}
|
|
77
|
-
if (T ||
|
|
77
|
+
if (T || x) {
|
|
78
78
|
p.preventDefault(), g === -1 ? f() : I();
|
|
79
79
|
return;
|
|
80
80
|
}
|
|
@@ -88,12 +88,12 @@ function xn(e) {
|
|
|
88
88
|
}
|
|
89
89
|
if ((v === "Enter" || v === " ") && g >= 0 && g < t.length) {
|
|
90
90
|
p.preventDefault();
|
|
91
|
-
const
|
|
92
|
-
l?.(
|
|
91
|
+
const P = t[g];
|
|
92
|
+
l?.(P, g) || u?.(P, g);
|
|
93
93
|
return;
|
|
94
94
|
}
|
|
95
95
|
if (v === "Escape") {
|
|
96
|
-
|
|
96
|
+
c?.();
|
|
97
97
|
return;
|
|
98
98
|
}
|
|
99
99
|
},
|
|
@@ -108,13 +108,13 @@ function xn(e) {
|
|
|
108
108
|
y,
|
|
109
109
|
l,
|
|
110
110
|
u,
|
|
111
|
-
|
|
111
|
+
c
|
|
112
112
|
]
|
|
113
113
|
);
|
|
114
114
|
return {
|
|
115
115
|
focusedIndex: g,
|
|
116
|
-
setFocusedIndex:
|
|
117
|
-
handleKeyDown:
|
|
116
|
+
setFocusedIndex: d,
|
|
117
|
+
handleKeyDown: S,
|
|
118
118
|
focusFirst: f,
|
|
119
119
|
focusLast: R,
|
|
120
120
|
focusNext: I,
|
|
@@ -122,7 +122,7 @@ function xn(e) {
|
|
|
122
122
|
resetFocus: M
|
|
123
123
|
};
|
|
124
124
|
}
|
|
125
|
-
const
|
|
125
|
+
const $t = ({
|
|
126
126
|
label: e = "Set a target",
|
|
127
127
|
unit: t,
|
|
128
128
|
currentValue: n,
|
|
@@ -131,11 +131,11 @@ const Lt = ({
|
|
|
131
131
|
hint: s
|
|
132
132
|
}) => {
|
|
133
133
|
const [o, l] = $(n != null ? String(n) : ""), u = () => {
|
|
134
|
-
const
|
|
135
|
-
Number.isNaN(
|
|
136
|
-
},
|
|
137
|
-
|
|
138
|
-
}, h =
|
|
134
|
+
const d = parseFloat(o);
|
|
135
|
+
Number.isNaN(d) || a(d);
|
|
136
|
+
}, c = (d) => {
|
|
137
|
+
d.key === "Enter" ? (d.preventDefault(), u()) : d.key === "Escape" && (d.preventDefault(), i?.());
|
|
138
|
+
}, h = kt(), m = `gloss-target-input-field-${h}`, g = s ? `gloss-target-input-hint-${h}` : void 0;
|
|
139
139
|
return /* @__PURE__ */ k("div", { className: "gloss-target-input", children: [
|
|
140
140
|
/* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: m, children: e }),
|
|
141
141
|
/* @__PURE__ */ k("div", { className: "gloss-target-input__field-row", children: [
|
|
@@ -146,8 +146,8 @@ const Lt = ({
|
|
|
146
146
|
type: "number",
|
|
147
147
|
className: "gloss-target-input__field",
|
|
148
148
|
value: o,
|
|
149
|
-
onChange: (
|
|
150
|
-
onKeyDown:
|
|
149
|
+
onChange: (d) => l(d.target.value),
|
|
150
|
+
onKeyDown: c,
|
|
151
151
|
"aria-describedby": g,
|
|
152
152
|
autoFocus: !0
|
|
153
153
|
}
|
|
@@ -176,43 +176,43 @@ const Lt = ({
|
|
|
176
176
|
)
|
|
177
177
|
] })
|
|
178
178
|
] });
|
|
179
|
-
},
|
|
180
|
-
},
|
|
179
|
+
}, xe = (e) => {
|
|
180
|
+
}, Bt = {
|
|
181
181
|
id: "entity-filter-1",
|
|
182
182
|
label: "Customer: Acme Corp",
|
|
183
183
|
field: "customer",
|
|
184
184
|
value: "acme-corp-123",
|
|
185
|
-
onRemove:
|
|
186
|
-
},
|
|
185
|
+
onRemove: xe
|
|
186
|
+
}, Kt = {
|
|
187
187
|
id: "status-filter-1",
|
|
188
188
|
label: "Status: Open",
|
|
189
189
|
field: "status",
|
|
190
190
|
value: "open",
|
|
191
|
-
onRemove:
|
|
192
|
-
},
|
|
191
|
+
onRemove: xe
|
|
192
|
+
}, zt = {
|
|
193
193
|
id: "date-filter-1",
|
|
194
194
|
label: "Date: Mar 1 - Mar 15",
|
|
195
195
|
field: "dateRange",
|
|
196
196
|
value: "2026-03-01..2026-03-15",
|
|
197
|
-
onRemove:
|
|
198
|
-
},
|
|
197
|
+
onRemove: xe
|
|
198
|
+
}, Wt = {
|
|
199
199
|
id: "mfg-filter-1",
|
|
200
200
|
label: "Manufacturer: Widget Co",
|
|
201
201
|
field: "manufacturer",
|
|
202
202
|
value: "widget-co-456",
|
|
203
|
-
onRemove:
|
|
204
|
-
},
|
|
205
|
-
$t,
|
|
203
|
+
onRemove: xe
|
|
204
|
+
}, Rn = [
|
|
206
205
|
Bt,
|
|
207
206
|
Kt,
|
|
208
|
-
zt
|
|
209
|
-
|
|
207
|
+
zt,
|
|
208
|
+
Wt
|
|
209
|
+
], Mn = {
|
|
210
210
|
id: "metric-toggle",
|
|
211
211
|
tabs: [
|
|
212
212
|
{ id: "$", label: "$", mono: !0 },
|
|
213
213
|
{ id: "#", label: "#", mono: !0 }
|
|
214
214
|
]
|
|
215
|
-
},
|
|
215
|
+
}, Tn = {
|
|
216
216
|
id: "entity-type",
|
|
217
217
|
tabs: [
|
|
218
218
|
{ id: "orders", label: "Orders" },
|
|
@@ -220,7 +220,7 @@ const Lt = ({
|
|
|
220
220
|
{ id: "customers", label: "Customers" },
|
|
221
221
|
{ id: "manufacturers", label: "Manufacturers" }
|
|
222
222
|
]
|
|
223
|
-
},
|
|
223
|
+
}, In = {
|
|
224
224
|
id: "time-frame",
|
|
225
225
|
tabs: [
|
|
226
226
|
{ id: "MTD", label: "MTD" },
|
|
@@ -228,7 +228,7 @@ const Lt = ({
|
|
|
228
228
|
{ id: "YTD", label: "YTD" },
|
|
229
229
|
{ id: "LYTD", label: "LYTD" }
|
|
230
230
|
]
|
|
231
|
-
},
|
|
231
|
+
}, En = [
|
|
232
232
|
{ variant: "block", width: "100%", height: 16 },
|
|
233
233
|
{ variant: "block", width: 200, height: 32, borderRadius: 8 },
|
|
234
234
|
{ variant: "block", width: "80%", height: 12, borderRadius: "4px" },
|
|
@@ -237,21 +237,21 @@ const Lt = ({
|
|
|
237
237
|
{ variant: "text", lines: 3, lineHeight: 14, gap: 8 },
|
|
238
238
|
{ variant: "text", lines: 2, lineHeight: 16, gap: 10 },
|
|
239
239
|
{ variant: "text", lines: 5, lineHeight: 12, gap: 6 }
|
|
240
|
-
],
|
|
240
|
+
], Fn = [
|
|
241
241
|
{ variant: "circle", size: 24 },
|
|
242
242
|
{ variant: "circle", size: 40 },
|
|
243
243
|
{ variant: "circle", size: 64 }
|
|
244
|
-
],
|
|
244
|
+
], An = [
|
|
245
245
|
{ bars: 10, maxHeight: 120 },
|
|
246
246
|
{ bars: 5, maxHeight: 80 }
|
|
247
|
-
],
|
|
247
|
+
], On = [
|
|
248
248
|
{ rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
|
|
249
249
|
{ rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
|
|
250
|
-
],
|
|
250
|
+
], Ln = [
|
|
251
251
|
{ variant: "value", colSpan: 1 },
|
|
252
252
|
{ variant: "trend", colSpan: 2 },
|
|
253
253
|
{ variant: "target", colSpan: 1 }
|
|
254
|
-
],
|
|
254
|
+
], Ye = {
|
|
255
255
|
position: "fixed",
|
|
256
256
|
zIndex: 9999,
|
|
257
257
|
background: "rgba(255,255,255,0.92)",
|
|
@@ -277,16 +277,16 @@ const Lt = ({
|
|
|
277
277
|
width: "100%",
|
|
278
278
|
textAlign: "left",
|
|
279
279
|
border: "none"
|
|
280
|
-
}),
|
|
280
|
+
}), jt = (e) => ({
|
|
281
281
|
...Ae(e),
|
|
282
282
|
color: e ? "#4338ca" : "#4f46e5",
|
|
283
283
|
fontWeight: 600
|
|
284
|
-
}),
|
|
284
|
+
}), Gt = {
|
|
285
285
|
height: 1,
|
|
286
286
|
background: "rgba(0,0,0,0.06)",
|
|
287
287
|
margin: "3px 10px"
|
|
288
288
|
};
|
|
289
|
-
function
|
|
289
|
+
function Vt({
|
|
290
290
|
open: e,
|
|
291
291
|
anchorEl: t,
|
|
292
292
|
statusId: n,
|
|
@@ -295,32 +295,32 @@ function Gt({
|
|
|
295
295
|
overflowActions: s,
|
|
296
296
|
onClose: o
|
|
297
297
|
}) {
|
|
298
|
-
const [l, u] = $(null),
|
|
299
|
-
if (!t) return { ...
|
|
300
|
-
const
|
|
298
|
+
const [l, u] = $(null), c = E(null), h = N(() => {
|
|
299
|
+
if (!t) return { ...Ye, top: 0, left: 0 };
|
|
300
|
+
const d = t.getBoundingClientRect();
|
|
301
301
|
return {
|
|
302
|
-
...
|
|
303
|
-
top:
|
|
304
|
-
left:
|
|
302
|
+
...Ye,
|
|
303
|
+
top: d.bottom + 4,
|
|
304
|
+
left: d.left
|
|
305
305
|
};
|
|
306
306
|
}, [t]);
|
|
307
307
|
if (O(() => {
|
|
308
308
|
if (!e) return;
|
|
309
|
-
const
|
|
309
|
+
const d = (_) => {
|
|
310
310
|
_.key === "Escape" && o();
|
|
311
311
|
};
|
|
312
|
-
return document.addEventListener("keydown",
|
|
312
|
+
return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
|
|
313
313
|
}, [e, o]), O(() => {
|
|
314
314
|
if (!e) return;
|
|
315
|
-
const
|
|
316
|
-
|
|
315
|
+
const d = (_) => {
|
|
316
|
+
c.current && !c.current.contains(_.target) && o();
|
|
317
317
|
};
|
|
318
|
-
return document.addEventListener("pointerdown",
|
|
318
|
+
return document.addEventListener("pointerdown", d, !0), () => document.removeEventListener("pointerdown", d, !0);
|
|
319
319
|
}, [e, o]), !e) return null;
|
|
320
320
|
const m = s && s.length > 0, g = /* @__PURE__ */ k(
|
|
321
321
|
"div",
|
|
322
322
|
{
|
|
323
|
-
ref:
|
|
323
|
+
ref: c,
|
|
324
324
|
"data-status-chip-menu": n,
|
|
325
325
|
role: "menu",
|
|
326
326
|
"aria-label": "Status actions",
|
|
@@ -330,7 +330,7 @@ function Gt({
|
|
|
330
330
|
"button",
|
|
331
331
|
{
|
|
332
332
|
role: "menuitem",
|
|
333
|
-
style:
|
|
333
|
+
style: jt(l === "__primary"),
|
|
334
334
|
onMouseEnter: () => u("__primary"),
|
|
335
335
|
onMouseLeave: () => u(null),
|
|
336
336
|
onClick: () => {
|
|
@@ -352,27 +352,27 @@ function Gt({
|
|
|
352
352
|
children: "Show on graph"
|
|
353
353
|
}
|
|
354
354
|
),
|
|
355
|
-
m && /* @__PURE__ */ r("div", { style:
|
|
356
|
-
m && s?.map((
|
|
355
|
+
m && /* @__PURE__ */ r("div", { style: Gt }),
|
|
356
|
+
m && s?.map((d) => /* @__PURE__ */ r(
|
|
357
357
|
"button",
|
|
358
358
|
{
|
|
359
359
|
role: "menuitem",
|
|
360
|
-
style: Ae(l ===
|
|
361
|
-
onMouseEnter: () => u(
|
|
360
|
+
style: Ae(l === d.id),
|
|
361
|
+
onMouseEnter: () => u(d.id),
|
|
362
362
|
onMouseLeave: () => u(null),
|
|
363
363
|
onClick: () => {
|
|
364
|
-
|
|
364
|
+
d.onSelect(n), o();
|
|
365
365
|
},
|
|
366
|
-
children:
|
|
366
|
+
children: d.label
|
|
367
367
|
},
|
|
368
|
-
|
|
368
|
+
d.id
|
|
369
369
|
))
|
|
370
370
|
]
|
|
371
371
|
}
|
|
372
372
|
);
|
|
373
|
-
return
|
|
373
|
+
return It(g, document.body);
|
|
374
374
|
}
|
|
375
|
-
|
|
375
|
+
Vt.displayName = "StatusSlotChipMenu";
|
|
376
376
|
const le = {
|
|
377
377
|
forwardStaggerMs: 50,
|
|
378
378
|
reverseStaggerMs: 30,
|
|
@@ -385,18 +385,18 @@ const le = {
|
|
|
385
385
|
enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
386
386
|
exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
|
|
387
387
|
translateOffsetPx: 8
|
|
388
|
-
},
|
|
388
|
+
}, $n = {
|
|
389
389
|
shiverCycles: 3,
|
|
390
390
|
shiverAmplitudePx: 2,
|
|
391
391
|
shiverDurationMs: 180,
|
|
392
392
|
validCellOpacity: 0.6
|
|
393
|
-
},
|
|
393
|
+
}, Bn = {
|
|
394
394
|
materializeMs: 180,
|
|
395
395
|
dematerializeMs: 140,
|
|
396
396
|
easing: "cubic-bezier(0.22, 1, 0.36, 1)",
|
|
397
397
|
dotStrokePx: 2,
|
|
398
398
|
dividerDashGapPx: 4
|
|
399
|
-
},
|
|
399
|
+
}, Kn = {
|
|
400
400
|
cascadeStaggerMs: 0,
|
|
401
401
|
cascadeSpringCapMs: 120,
|
|
402
402
|
swingEnterMs: 100,
|
|
@@ -405,7 +405,7 @@ const le = {
|
|
|
405
405
|
provisionalStyle: "opacity",
|
|
406
406
|
shiverMs: 200,
|
|
407
407
|
shiverStyle: "color-flash"
|
|
408
|
-
},
|
|
408
|
+
}, zn = !0, Wn = {
|
|
409
409
|
rejectionFill: "var(--gloss-rejection-fill)",
|
|
410
410
|
rejectionStroke: "var(--gloss-rejection-stroke)",
|
|
411
411
|
validFill: "var(--gloss-valid-fill)",
|
|
@@ -413,7 +413,7 @@ const le = {
|
|
|
413
413
|
validCellStroke: "var(--gloss-valid-cell-stroke)",
|
|
414
414
|
provisionalWash: "var(--gloss-provisional-wash)"
|
|
415
415
|
};
|
|
416
|
-
function
|
|
416
|
+
function rt() {
|
|
417
417
|
if (typeof window > "u") return "full";
|
|
418
418
|
try {
|
|
419
419
|
return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
|
|
@@ -445,15 +445,15 @@ const Oe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
|
|
|
445
445
|
children: a
|
|
446
446
|
}
|
|
447
447
|
);
|
|
448
|
-
},
|
|
449
|
-
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: u = "right", ariaLabel:
|
|
448
|
+
}, Ht = Ct(
|
|
449
|
+
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: u = "right", ariaLabel: c = "Resize card" }, h) {
|
|
450
450
|
const m = t === "handle-visible" || t === "dragging" || t === "settling", g = (b) => {
|
|
451
451
|
try {
|
|
452
452
|
b.currentTarget.setPointerCapture(b.pointerId);
|
|
453
453
|
} catch {
|
|
454
454
|
}
|
|
455
455
|
n(b);
|
|
456
|
-
},
|
|
456
|
+
}, d = (b) => {
|
|
457
457
|
try {
|
|
458
458
|
b.currentTarget.hasPointerCapture?.(b.pointerId) && b.currentTarget.releasePointerCapture(b.pointerId);
|
|
459
459
|
} catch {
|
|
@@ -467,7 +467,7 @@ const Oe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
|
|
|
467
467
|
{
|
|
468
468
|
ref: h,
|
|
469
469
|
type: "button",
|
|
470
|
-
"aria-label":
|
|
470
|
+
"aria-label": c,
|
|
471
471
|
"data-edge": u,
|
|
472
472
|
"data-resize-state": t,
|
|
473
473
|
className: [
|
|
@@ -476,7 +476,7 @@ const Oe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
|
|
|
476
476
|
m ? "gloss-edge-handle--visible" : ""
|
|
477
477
|
].filter(Boolean).join(" "),
|
|
478
478
|
onPointerDown: g,
|
|
479
|
-
onPointerUp:
|
|
479
|
+
onPointerUp: d,
|
|
480
480
|
onPointerEnter: i,
|
|
481
481
|
onPointerLeave: s,
|
|
482
482
|
onLostPointerCapture: l,
|
|
@@ -486,8 +486,8 @@ const Oe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
|
|
|
486
486
|
) });
|
|
487
487
|
}
|
|
488
488
|
);
|
|
489
|
-
|
|
490
|
-
function
|
|
489
|
+
Ht.displayName = "EdgeHoverHandle";
|
|
490
|
+
function Ut({
|
|
491
491
|
visible: e,
|
|
492
492
|
targetColSpan: t,
|
|
493
493
|
ghostWidth: n,
|
|
@@ -495,7 +495,7 @@ function Ht({
|
|
|
495
495
|
exitMs: i = 120
|
|
496
496
|
}) {
|
|
497
497
|
return /* @__PURE__ */ r(
|
|
498
|
-
|
|
498
|
+
Se.div,
|
|
499
499
|
{
|
|
500
500
|
"aria-hidden": "true",
|
|
501
501
|
"data-ghost-preview": e ? "visible" : "hidden",
|
|
@@ -511,8 +511,8 @@ function Ht({
|
|
|
511
511
|
}
|
|
512
512
|
);
|
|
513
513
|
}
|
|
514
|
-
|
|
515
|
-
class
|
|
514
|
+
Ut.displayName = "GhostPreview";
|
|
515
|
+
class Zt {
|
|
516
516
|
constructor() {
|
|
517
517
|
this.samples = [], this.capacity = 3;
|
|
518
518
|
}
|
|
@@ -550,14 +550,14 @@ class Ut {
|
|
|
550
550
|
const t = this.samples.length;
|
|
551
551
|
if (t < 2) return 0;
|
|
552
552
|
if (t === 2) {
|
|
553
|
-
const [u,
|
|
554
|
-
return (
|
|
553
|
+
const [u, c] = this.samples, h = Math.max(1, c.t - u.t);
|
|
554
|
+
return (c.x - u.x) / h * 1e3;
|
|
555
555
|
}
|
|
556
556
|
const [n, a, i] = this.samples, s = (i.x - a.x) / Math.max(1, i.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
|
|
557
557
|
return (s * 3 + o * 2 + l * 1) / 6;
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
|
-
const
|
|
560
|
+
const st = {
|
|
561
561
|
// Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
|
|
562
562
|
// has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
|
|
563
563
|
// prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
|
|
@@ -577,7 +577,7 @@ const rt = {
|
|
|
577
577
|
// Velocity multiplier (D-03b panel)
|
|
578
578
|
velocityMultiplier: 1
|
|
579
579
|
};
|
|
580
|
-
function
|
|
580
|
+
function jn({
|
|
581
581
|
currentColSpan: e,
|
|
582
582
|
stackable: t,
|
|
583
583
|
onResize: n,
|
|
@@ -587,24 +587,24 @@ function Wn({
|
|
|
587
587
|
tuning: o,
|
|
588
588
|
dwellMs: l = 60,
|
|
589
589
|
graceExitMs: u = 150,
|
|
590
|
-
enterMs:
|
|
590
|
+
enterMs: c = 180,
|
|
591
591
|
exitMs: h = 120,
|
|
592
592
|
maxColSpan: m = 3,
|
|
593
593
|
containerRef: g,
|
|
594
|
-
forceIdle:
|
|
594
|
+
forceIdle: d
|
|
595
595
|
}) {
|
|
596
|
-
const [_, b] = $("idle"), [f, R] = $(e), I =
|
|
596
|
+
const [_, b] = $("idle"), [f, R] = $(e), I = E(null), y = E(null), M = E(null), S = E(null), p = E(i), v = E(s), D = E(m), T = E(0), w = E("idle");
|
|
597
597
|
O(() => {
|
|
598
598
|
w.current = _;
|
|
599
599
|
}, [_]);
|
|
600
|
-
const
|
|
601
|
-
const C =
|
|
600
|
+
const x = Rt(0), P = E(null), H = N(() => {
|
|
601
|
+
const C = P.current;
|
|
602
602
|
if (C) {
|
|
603
603
|
try {
|
|
604
604
|
C.stop();
|
|
605
605
|
} catch {
|
|
606
606
|
}
|
|
607
|
-
|
|
607
|
+
P.current = null;
|
|
608
608
|
}
|
|
609
609
|
}, []), Y = N(
|
|
610
610
|
(C) => {
|
|
@@ -612,11 +612,11 @@ function Wn({
|
|
|
612
612
|
return C * F + (C - 1) * A;
|
|
613
613
|
},
|
|
614
614
|
[]
|
|
615
|
-
), U =
|
|
615
|
+
), U = E(new Zt()), j = E(e);
|
|
616
616
|
O(() => {
|
|
617
617
|
j.current = f;
|
|
618
618
|
}, [f]);
|
|
619
|
-
const B = Ne(() => ({ ...
|
|
619
|
+
const B = Ne(() => ({ ...st, ...o ?? {} }), [o]), Z = N(() => {
|
|
620
620
|
I.current && (clearTimeout(I.current), I.current = null);
|
|
621
621
|
}, []), L = N(() => {
|
|
622
622
|
y.current && (clearTimeout(y.current), y.current = null);
|
|
@@ -624,8 +624,8 @@ function Wn({
|
|
|
624
624
|
M.current && (clearTimeout(M.current), M.current = null);
|
|
625
625
|
}, []);
|
|
626
626
|
O(() => {
|
|
627
|
-
|
|
628
|
-
}, [_,
|
|
627
|
+
d && (w.current === "dragging" || w.current === "settling" || w.current !== "idle" && (Z(), L(), J(), w.current = "idle", b("idle")));
|
|
628
|
+
}, [_, d, Z, L, J]);
|
|
629
629
|
const We = N(() => {
|
|
630
630
|
L(), b((C) => C === "settling" || C !== "idle" ? C : (I.current = setTimeout(() => b("handle-visible"), l), "dwelling"));
|
|
631
631
|
}, [l, L]), je = N(() => {
|
|
@@ -655,14 +655,14 @@ function Wn({
|
|
|
655
655
|
return Math.min(G, Math.max(1, A + W));
|
|
656
656
|
},
|
|
657
657
|
[B.snapInFraction, B.snapOutFraction, m]
|
|
658
|
-
),
|
|
658
|
+
), bt = N(
|
|
659
659
|
(C) => {
|
|
660
660
|
if (w.current !== "handle-visible") return;
|
|
661
|
-
H(),
|
|
661
|
+
H(), S.current = C.clientX, p.current = i, v.current = s, D.current = m;
|
|
662
662
|
const F = e * i + (e - 1) * s;
|
|
663
|
-
T.current = F, U.current.clear(), U.current.push({ x: C.clientX, t: performance.now() }),
|
|
663
|
+
T.current = F, U.current.clear(), U.current.push({ x: C.clientX, t: performance.now() }), x.jump(F), w.current = "dragging", b("dragging");
|
|
664
664
|
},
|
|
665
|
-
[i, s, m, e,
|
|
665
|
+
[i, s, m, e, x, H]
|
|
666
666
|
), Ge = N(
|
|
667
667
|
(C) => C * p.current + (C - 1) * v.current,
|
|
668
668
|
[]
|
|
@@ -670,12 +670,12 @@ function Wn({
|
|
|
670
670
|
(C, F) => {
|
|
671
671
|
const A = Ge(C), K = C !== e;
|
|
672
672
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
673
|
-
|
|
673
|
+
x.jump(A), K && F ? n({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0), w.current = "idle", b("idle");
|
|
674
674
|
return;
|
|
675
675
|
}
|
|
676
676
|
const q = U.current.getWeightedVelocity() * B.velocityMultiplier;
|
|
677
|
-
w.current = "settling", b("settling"), K && F ? n({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), H(),
|
|
678
|
-
|
|
677
|
+
w.current = "settling", b("settling"), K && F ? n({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), H(), P.current = Ue(x, A, {
|
|
678
|
+
...Ze,
|
|
679
679
|
stiffness: B.stiffness,
|
|
680
680
|
damping: B.damping,
|
|
681
681
|
mass: B.mass,
|
|
@@ -685,15 +685,15 @@ function Wn({
|
|
|
685
685
|
// preserves the spring's perceptual smoothness (ghost retract)
|
|
686
686
|
// while eliminating the stale-frame window.
|
|
687
687
|
onComplete: () => {
|
|
688
|
-
|
|
688
|
+
P.current = null, x.jump(0), w.current = "idle", b("idle");
|
|
689
689
|
}
|
|
690
690
|
});
|
|
691
691
|
},
|
|
692
|
-
[Ge, e, t, n, a,
|
|
693
|
-
),
|
|
692
|
+
[Ge, e, t, n, a, x, B, H]
|
|
693
|
+
), vt = N(
|
|
694
694
|
(C) => {
|
|
695
695
|
if (w.current !== "dragging") return;
|
|
696
|
-
const F = C.clientX - (
|
|
696
|
+
const F = C.clientX - (S.current ?? C.clientX), A = p.current, ee = ((D.current ?? m) - e) * A, q = (1 - e) * A, z = Math.max(q, Math.min(ee, F));
|
|
697
697
|
U.current.push({ x: C.clientX, t: performance.now() });
|
|
698
698
|
const G = de(z, j.current, e), W = G > e ? "grow" : G < e ? "shrink" : null;
|
|
699
699
|
oe(G, W);
|
|
@@ -703,24 +703,24 @@ function Wn({
|
|
|
703
703
|
if (Z(), w.current === "dragging") {
|
|
704
704
|
const C = T.current;
|
|
705
705
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
706
|
-
|
|
706
|
+
x.jump(C), a?.(), x.jump(0), w.current = "idle", b("idle");
|
|
707
707
|
return;
|
|
708
708
|
}
|
|
709
709
|
const A = U.current.getWeightedVelocity();
|
|
710
|
-
w.current = "settling", b("settling"), H(),
|
|
711
|
-
|
|
710
|
+
w.current = "settling", b("settling"), H(), P.current = Ue(x, C, {
|
|
711
|
+
...Ze,
|
|
712
712
|
stiffness: B.stiffness,
|
|
713
713
|
damping: B.damping,
|
|
714
714
|
mass: B.mass,
|
|
715
715
|
velocity: A,
|
|
716
716
|
onComplete: () => {
|
|
717
|
-
|
|
717
|
+
P.current = null, a?.(), x.jump(0), w.current = "idle", b("idle");
|
|
718
718
|
}
|
|
719
719
|
});
|
|
720
720
|
return;
|
|
721
721
|
}
|
|
722
722
|
w.current === "handle-visible" && (a?.(), w.current = "cancelled", b("cancelled"));
|
|
723
|
-
}, [Z,
|
|
723
|
+
}, [Z, x, a, B, H]);
|
|
724
724
|
O(() => {
|
|
725
725
|
if (_ !== "dragging" && _ !== "handle-visible") return;
|
|
726
726
|
const C = (F) => {
|
|
@@ -733,8 +733,8 @@ function Wn({
|
|
|
733
733
|
return;
|
|
734
734
|
}
|
|
735
735
|
const C = (z) => {
|
|
736
|
-
const G = z.clientX - (
|
|
737
|
-
|
|
736
|
+
const G = z.clientX - (S.current ?? z.clientX), W = T.current, me = Y(1), ae = Y(m), De = W + G, He = Math.max(me, Math.min(ae, De));
|
|
737
|
+
x.set(He);
|
|
738
738
|
const ke = p.current, Re = (m - e) * ke, Me = (1 - e) * ke, ge = Math.max(Me, Math.min(Re, G));
|
|
739
739
|
U.current.push({ x: z.clientX, t: performance.now() });
|
|
740
740
|
const pe = de(ge, j.current, e);
|
|
@@ -742,7 +742,7 @@ function Wn({
|
|
|
742
742
|
}, F = (z, G) => {
|
|
743
743
|
if (w.current === "dragging")
|
|
744
744
|
if (z === "pointerup") {
|
|
745
|
-
const W = U.current.tail(), me = G?.clientX ?? W?.x ??
|
|
745
|
+
const W = U.current.tail(), me = G?.clientX ?? W?.x ?? S.current ?? 0, ae = me - (S.current ?? me), De = p.current, ke = ((D.current ?? m) - e) * De, Re = (1 - e) * De, Me = Math.max(Re, Math.min(ke, ae));
|
|
746
746
|
G && U.current.push({ x: G.clientX, t: performance.now() });
|
|
747
747
|
const ge = de(Me, j.current, e), pe = ge > e ? "grow" : ge < e ? "shrink" : null;
|
|
748
748
|
oe(ge, pe);
|
|
@@ -754,30 +754,30 @@ function Wn({
|
|
|
754
754
|
return window.addEventListener("pointermove", C), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", K), window.addEventListener("blur", ee), document.addEventListener("visibilitychange", q), () => {
|
|
755
755
|
window.removeEventListener("pointermove", C), window.removeEventListener("pointerup", A), window.removeEventListener("pointercancel", K), window.removeEventListener("blur", ee), document.removeEventListener("visibilitychange", q);
|
|
756
756
|
};
|
|
757
|
-
}, [_, e,
|
|
757
|
+
}, [_, e, x, de, m, Y, ue, oe]), O(() => () => {
|
|
758
758
|
Z(), L(), J();
|
|
759
759
|
}, [Z, L, J]), O(() => {
|
|
760
760
|
if (_ !== "cancelled") return;
|
|
761
761
|
const C = setTimeout(() => b("idle"), h);
|
|
762
762
|
return () => clearTimeout(C);
|
|
763
763
|
}, [_, h]);
|
|
764
|
-
const
|
|
764
|
+
const yt = N(
|
|
765
765
|
(C) => {
|
|
766
766
|
if (w.current === "settling") return;
|
|
767
767
|
const A = Math.min(m, Math.max(1, e + (C === "grow" ? 1 : -1)));
|
|
768
768
|
if (A === e) return;
|
|
769
769
|
p.current = i, v.current = s, D.current = m, U.current.clear();
|
|
770
770
|
const K = e * i + (e - 1) * s;
|
|
771
|
-
T.current = K,
|
|
771
|
+
T.current = K, x.jump(K), oe(A, C);
|
|
772
772
|
},
|
|
773
|
-
[e, i, s, m,
|
|
773
|
+
[e, i, s, m, x, oe]
|
|
774
774
|
), Ve = N(() => {
|
|
775
775
|
J(), M.current = setTimeout(() => {
|
|
776
776
|
w.current === "handle-visible" && (w.current = "idle", b("idle"));
|
|
777
777
|
}, 5e3);
|
|
778
|
-
}, [J]),
|
|
778
|
+
}, [J]), wt = N(() => {
|
|
779
779
|
w.current === "idle" && (Z(), w.current = "handle-visible", b("handle-visible"), Ve());
|
|
780
|
-
}, [Z, Ve]),
|
|
780
|
+
}, [Z, Ve]), _t = N(() => {
|
|
781
781
|
J(), w.current === "handle-visible" && (w.current = "idle", b("idle"));
|
|
782
782
|
}, [J]);
|
|
783
783
|
return {
|
|
@@ -785,8 +785,8 @@ function Wn({
|
|
|
785
785
|
enterEdgeZone: We,
|
|
786
786
|
leaveEdgeZone: je,
|
|
787
787
|
handleProps: {
|
|
788
|
-
onPointerDown:
|
|
789
|
-
onPointerUp:
|
|
788
|
+
onPointerDown: bt,
|
|
789
|
+
onPointerUp: vt,
|
|
790
790
|
// Bug E: handle continues zone presence so pointer crossing sentinel→handle
|
|
791
791
|
// doesn't collapse state. handle's pointerenter = stay in zone.
|
|
792
792
|
onPointerEnter: We,
|
|
@@ -796,13 +796,13 @@ function Wn({
|
|
|
796
796
|
ghostProps: {
|
|
797
797
|
visible: _ === "dragging" || _ === "settling",
|
|
798
798
|
targetColSpan: f,
|
|
799
|
-
ghostWidth:
|
|
800
|
-
enterMs:
|
|
799
|
+
ghostWidth: x,
|
|
800
|
+
enterMs: c,
|
|
801
801
|
exitMs: h
|
|
802
802
|
},
|
|
803
|
-
onKeyboardStep:
|
|
804
|
-
onTouchReveal:
|
|
805
|
-
onTouchDismiss:
|
|
803
|
+
onKeyboardStep: yt,
|
|
804
|
+
onTouchReveal: wt,
|
|
805
|
+
onTouchDismiss: _t,
|
|
806
806
|
cancel: ue
|
|
807
807
|
};
|
|
808
808
|
}
|
|
@@ -831,14 +831,14 @@ const ie = {
|
|
|
831
831
|
sectionDividerFadeOutMs: 80,
|
|
832
832
|
sectionDividerStaggerMs: 40
|
|
833
833
|
};
|
|
834
|
-
function
|
|
834
|
+
function Gn(e) {
|
|
835
835
|
const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: i } = e;
|
|
836
836
|
if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
|
|
837
837
|
return;
|
|
838
838
|
const s = (a + 0.5) * (t / n);
|
|
839
839
|
return i != null && Number.isFinite(i) && i > 0 ? s - i / 2 : s;
|
|
840
840
|
}
|
|
841
|
-
const
|
|
841
|
+
const Vn = [
|
|
842
842
|
// 1. Standard: Total Revenue
|
|
843
843
|
{
|
|
844
844
|
variant: "standard",
|
|
@@ -970,24 +970,24 @@ const Gn = [
|
|
|
970
970
|
subtitle: "Awaiting QA",
|
|
971
971
|
highlightColor: "neutral"
|
|
972
972
|
}
|
|
973
|
-
],
|
|
973
|
+
], Yt = {
|
|
974
974
|
variant: "standard",
|
|
975
975
|
label: "Total Revenue",
|
|
976
976
|
isLoading: !0
|
|
977
|
-
},
|
|
977
|
+
}, qt = {
|
|
978
978
|
variant: "standard",
|
|
979
979
|
label: "Total Revenue",
|
|
980
980
|
value: 125430,
|
|
981
981
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
982
982
|
isError: !0
|
|
983
|
-
},
|
|
983
|
+
}, Qt = {
|
|
984
984
|
variant: "standard",
|
|
985
985
|
label: "Total Revenue",
|
|
986
986
|
value: null,
|
|
987
987
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
988
988
|
isEmpty: !0,
|
|
989
989
|
subtitle: "No data"
|
|
990
|
-
},
|
|
990
|
+
}, Xt = {
|
|
991
991
|
variant: "standard",
|
|
992
992
|
label: "Total Revenue",
|
|
993
993
|
value: 125430,
|
|
@@ -995,7 +995,7 @@ const Gn = [
|
|
|
995
995
|
trend: { value: 12.5, direction: "up" },
|
|
996
996
|
subtitle: "MTD",
|
|
997
997
|
isStale: !0
|
|
998
|
-
},
|
|
998
|
+
}, Jt = {
|
|
999
999
|
variant: "sparkline",
|
|
1000
1000
|
label: "Daily Orders",
|
|
1001
1001
|
value: 847,
|
|
@@ -1004,7 +1004,7 @@ const Gn = [
|
|
|
1004
1004
|
sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
|
|
1005
1005
|
accentColor: "#6366f1",
|
|
1006
1006
|
isStale: !0
|
|
1007
|
-
},
|
|
1007
|
+
}, ea = {
|
|
1008
1008
|
variant: "donut",
|
|
1009
1009
|
label: "Order Fill Rate",
|
|
1010
1010
|
value: 78,
|
|
@@ -1015,14 +1015,14 @@ const Gn = [
|
|
|
1015
1015
|
donutMax: 100,
|
|
1016
1016
|
accentColor: "#10b981",
|
|
1017
1017
|
isStale: !0
|
|
1018
|
-
},
|
|
1019
|
-
Zt,
|
|
1018
|
+
}, Hn = [
|
|
1020
1019
|
Yt,
|
|
1021
1020
|
qt,
|
|
1022
1021
|
Qt,
|
|
1023
1022
|
Xt,
|
|
1024
|
-
Jt
|
|
1025
|
-
|
|
1023
|
+
Jt,
|
|
1024
|
+
ea
|
|
1025
|
+
], Un = {
|
|
1026
1026
|
variant: "sparkline",
|
|
1027
1027
|
label: "Daily Orders",
|
|
1028
1028
|
value: 847,
|
|
@@ -1045,7 +1045,7 @@ const Gn = [
|
|
|
1045
1045
|
59
|
|
1046
1046
|
],
|
|
1047
1047
|
accentColor: "#6366f1"
|
|
1048
|
-
},
|
|
1048
|
+
}, Zn = {
|
|
1049
1049
|
variant: "sparkline",
|
|
1050
1050
|
label: "New Customers",
|
|
1051
1051
|
value: 23,
|
|
@@ -1084,21 +1084,21 @@ const Gn = [
|
|
|
1084
1084
|
19
|
|
1085
1085
|
],
|
|
1086
1086
|
accentColor: "#10b981"
|
|
1087
|
-
},
|
|
1087
|
+
}, Yn = {
|
|
1088
1088
|
variant: "standard",
|
|
1089
1089
|
label: "Total Revenue",
|
|
1090
1090
|
value: 125430,
|
|
1091
1091
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
1092
1092
|
trend: { value: 12.5, direction: "up" },
|
|
1093
1093
|
subtitle: "MTD"
|
|
1094
|
-
},
|
|
1094
|
+
}, qn = {
|
|
1095
1095
|
variant: "standard",
|
|
1096
1096
|
label: "Returns",
|
|
1097
1097
|
value: 3280,
|
|
1098
1098
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
1099
1099
|
trend: { value: -8.3, direction: "down" },
|
|
1100
1100
|
subtitle: "MTD"
|
|
1101
|
-
},
|
|
1101
|
+
}, Qn = {
|
|
1102
1102
|
variant: "standard",
|
|
1103
1103
|
label: "Avg Order Value",
|
|
1104
1104
|
value: 487,
|
|
@@ -1106,7 +1106,7 @@ const Gn = [
|
|
|
1106
1106
|
trend: { value: 0, direction: "flat" },
|
|
1107
1107
|
subtitle: "QTD"
|
|
1108
1108
|
};
|
|
1109
|
-
function
|
|
1109
|
+
function it({
|
|
1110
1110
|
open: e,
|
|
1111
1111
|
onDismiss: t,
|
|
1112
1112
|
anchorRef: n,
|
|
@@ -1121,9 +1121,9 @@ function st({
|
|
|
1121
1121
|
s(g), t();
|
|
1122
1122
|
},
|
|
1123
1123
|
[s, t]
|
|
1124
|
-
),
|
|
1125
|
-
(g,
|
|
1126
|
-
(
|
|
1124
|
+
), c = N(
|
|
1125
|
+
(g, d) => {
|
|
1126
|
+
(d.key === "Enter" || d.key === " ") && (d.preventDefault(), u(g));
|
|
1127
1127
|
},
|
|
1128
1128
|
[u]
|
|
1129
1129
|
), h = N(() => {
|
|
@@ -1132,7 +1132,7 @@ function st({
|
|
|
1132
1132
|
l(), t();
|
|
1133
1133
|
}, [l, t]);
|
|
1134
1134
|
return /* @__PURE__ */ k(
|
|
1135
|
-
|
|
1135
|
+
Tt,
|
|
1136
1136
|
{
|
|
1137
1137
|
definition: {
|
|
1138
1138
|
placement: "bottom-end",
|
|
@@ -1146,22 +1146,22 @@ function st({
|
|
|
1146
1146
|
className: "gloss-page-dropdown",
|
|
1147
1147
|
children: [
|
|
1148
1148
|
/* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
|
|
1149
|
-
const
|
|
1149
|
+
const d = g.id === i;
|
|
1150
1150
|
return /* @__PURE__ */ k(
|
|
1151
1151
|
"li",
|
|
1152
1152
|
{
|
|
1153
1153
|
role: "menuitemradio",
|
|
1154
|
-
"aria-checked":
|
|
1155
|
-
"aria-current":
|
|
1154
|
+
"aria-checked": d,
|
|
1155
|
+
"aria-current": d ? "page" : void 0,
|
|
1156
1156
|
tabIndex: 0,
|
|
1157
|
-
className: `gloss-page-dropdown__item${
|
|
1157
|
+
className: `gloss-page-dropdown__item${d ? " gloss-page-dropdown__item--active" : ""}`,
|
|
1158
1158
|
onClick: () => u(g.id),
|
|
1159
|
-
onKeyDown: (_) =>
|
|
1159
|
+
onKeyDown: (_) => c(g.id, _),
|
|
1160
1160
|
children: [
|
|
1161
1161
|
/* @__PURE__ */ r(
|
|
1162
1162
|
"span",
|
|
1163
1163
|
{
|
|
1164
|
-
className: `gloss-page-dropdown__dot${
|
|
1164
|
+
className: `gloss-page-dropdown__dot${d ? " gloss-page-dropdown__dot--active" : ""}`
|
|
1165
1165
|
}
|
|
1166
1166
|
),
|
|
1167
1167
|
/* @__PURE__ */ r(
|
|
@@ -1201,8 +1201,8 @@ function st({
|
|
|
1201
1201
|
}
|
|
1202
1202
|
);
|
|
1203
1203
|
}
|
|
1204
|
-
|
|
1205
|
-
const
|
|
1204
|
+
it.displayName = "PageDropdown";
|
|
1205
|
+
const ta = function({
|
|
1206
1206
|
currentIndex: t,
|
|
1207
1207
|
total: n,
|
|
1208
1208
|
pages: a,
|
|
@@ -1211,9 +1211,9 @@ const ea = function({
|
|
|
1211
1211
|
onManagePages: o,
|
|
1212
1212
|
maskRadius: l = "var(--gloss-radius-md)",
|
|
1213
1213
|
displayMode: u = "count",
|
|
1214
|
-
activePage:
|
|
1214
|
+
activePage: c
|
|
1215
1215
|
}) {
|
|
1216
|
-
const h =
|
|
1216
|
+
const h = E(null), [m, g] = $(!1), d = N(() => {
|
|
1217
1217
|
g((R) => !R);
|
|
1218
1218
|
}, []), _ = N(() => {
|
|
1219
1219
|
g(!1);
|
|
@@ -1239,10 +1239,10 @@ const ea = function({
|
|
|
1239
1239
|
className: `gloss-page-chip__trigger${u === "name" ? " gloss-page-chip__trigger--name" : ""}`,
|
|
1240
1240
|
"aria-haspopup": "menu",
|
|
1241
1241
|
"aria-expanded": m,
|
|
1242
|
-
"aria-label": u === "name" ? `${
|
|
1243
|
-
onClick:
|
|
1242
|
+
"aria-label": u === "name" ? `${c ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
|
|
1243
|
+
onClick: d,
|
|
1244
1244
|
children: u === "name" ? /* @__PURE__ */ k(te, { children: [
|
|
1245
|
-
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children:
|
|
1245
|
+
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: c ?? "" }),
|
|
1246
1246
|
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
|
|
1247
1247
|
] }) : /* @__PURE__ */ k(te, { children: [
|
|
1248
1248
|
t + 1,
|
|
@@ -1252,7 +1252,7 @@ const ea = function({
|
|
|
1252
1252
|
}
|
|
1253
1253
|
),
|
|
1254
1254
|
/* @__PURE__ */ r(
|
|
1255
|
-
|
|
1255
|
+
it,
|
|
1256
1256
|
{
|
|
1257
1257
|
open: m,
|
|
1258
1258
|
onDismiss: _,
|
|
@@ -1268,8 +1268,8 @@ const ea = function({
|
|
|
1268
1268
|
}
|
|
1269
1269
|
);
|
|
1270
1270
|
};
|
|
1271
|
-
|
|
1272
|
-
const
|
|
1271
|
+
ta.displayName = "PageChip";
|
|
1272
|
+
const Xn = [
|
|
1273
1273
|
{
|
|
1274
1274
|
id: "ORD-1001",
|
|
1275
1275
|
orderNumber: "ORD-1001",
|
|
@@ -1402,7 +1402,7 @@ const Qn = [
|
|
|
1402
1402
|
date: "2026-03-01",
|
|
1403
1403
|
skuCount: 9
|
|
1404
1404
|
}
|
|
1405
|
-
],
|
|
1405
|
+
], Jn = [
|
|
1406
1406
|
{
|
|
1407
1407
|
id: "ITEM-001",
|
|
1408
1408
|
sku: "PB-4520",
|
|
@@ -1539,13 +1539,13 @@ const Qn = [
|
|
|
1539
1539
|
function Le(e) {
|
|
1540
1540
|
return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
|
1541
1541
|
}
|
|
1542
|
-
function
|
|
1542
|
+
function ot(e) {
|
|
1543
1543
|
return e.toLocaleString("en-US");
|
|
1544
1544
|
}
|
|
1545
|
-
function
|
|
1545
|
+
function lt(e) {
|
|
1546
1546
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1547
1547
|
}
|
|
1548
|
-
const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"),
|
|
1548
|
+
const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), er = [
|
|
1549
1549
|
{
|
|
1550
1550
|
field: "id",
|
|
1551
1551
|
headerName: "Order",
|
|
@@ -1575,7 +1575,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1575
1575
|
align: "right",
|
|
1576
1576
|
headerAlign: "right",
|
|
1577
1577
|
cellClassName: "gloss-tabular-nums",
|
|
1578
|
-
renderCell: ({ row: e }) => e.skuCount ?
|
|
1578
|
+
renderCell: ({ row: e }) => e.skuCount ? ot(e.skuCount) : ve
|
|
1579
1579
|
},
|
|
1580
1580
|
{
|
|
1581
1581
|
field: "total",
|
|
@@ -1595,9 +1595,9 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1595
1595
|
align: "right",
|
|
1596
1596
|
headerAlign: "right",
|
|
1597
1597
|
cellClassName: "gloss-tabular-nums",
|
|
1598
|
-
renderCell: ({ row: e }) => e.date ?
|
|
1598
|
+
renderCell: ({ row: e }) => e.date ? lt(e.date) : ""
|
|
1599
1599
|
}
|
|
1600
|
-
],
|
|
1600
|
+
], tr = [
|
|
1601
1601
|
{
|
|
1602
1602
|
field: "sku",
|
|
1603
1603
|
headerName: "Item ID",
|
|
@@ -1639,7 +1639,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1639
1639
|
align: "right",
|
|
1640
1640
|
headerAlign: "right",
|
|
1641
1641
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1642
|
-
renderCell: ({ row: e }) => e.quantity ?
|
|
1642
|
+
renderCell: ({ row: e }) => e.quantity ? ot(e.quantity) : ve
|
|
1643
1643
|
},
|
|
1644
1644
|
{
|
|
1645
1645
|
field: "total",
|
|
@@ -1659,24 +1659,24 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1659
1659
|
align: "right",
|
|
1660
1660
|
headerAlign: "right",
|
|
1661
1661
|
cellClassName: "gloss-tabular-nums",
|
|
1662
|
-
renderCell: ({ row: e }) => e.lastDate ?
|
|
1662
|
+
renderCell: ({ row: e }) => e.lastDate ? lt(e.lastDate) : ""
|
|
1663
1663
|
}
|
|
1664
|
-
],
|
|
1664
|
+
], aa = [
|
|
1665
1665
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
1666
1666
|
{ id: "c-002", label: "Riverside Retail" },
|
|
1667
1667
|
{ id: "c-003", label: "Mountain View Store" },
|
|
1668
1668
|
{ id: "c-004", label: "Downtown Decor" },
|
|
1669
1669
|
{ id: "c-005", label: "Pacific Coast Imports" }
|
|
1670
|
-
],
|
|
1670
|
+
], na = [
|
|
1671
1671
|
{ id: "i-001", label: "Classic Linen Throw Pillow" },
|
|
1672
1672
|
{ id: "i-002", label: "Coastal Wave Candle Set" },
|
|
1673
1673
|
{ id: "i-003", label: "Walnut Console Table" },
|
|
1674
1674
|
{ id: "i-004", label: "Hand-Blown Glass Vase" },
|
|
1675
1675
|
{ id: "i-005", label: "Velvet Accent Cushion" }
|
|
1676
1676
|
], Te = (e) => {
|
|
1677
|
-
},
|
|
1678
|
-
},
|
|
1679
|
-
},
|
|
1677
|
+
}, ra = (e) => {
|
|
1678
|
+
}, qe = (e, t) => {
|
|
1679
|
+
}, ct = {
|
|
1680
1680
|
vizState: {
|
|
1681
1681
|
type: "orders",
|
|
1682
1682
|
quant: "$",
|
|
@@ -1685,16 +1685,16 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1685
1685
|
timeFrame: "MTD"
|
|
1686
1686
|
},
|
|
1687
1687
|
onTypeChange: Te,
|
|
1688
|
-
onQuantChange:
|
|
1688
|
+
onQuantChange: ra,
|
|
1689
1689
|
onEntityTypeChange: Te,
|
|
1690
|
-
onEntitySelect:
|
|
1691
|
-
onItemSelect:
|
|
1690
|
+
onEntitySelect: qe,
|
|
1691
|
+
onItemSelect: qe,
|
|
1692
1692
|
onTimeFrameChange: Te,
|
|
1693
1693
|
userType: "sales-agency",
|
|
1694
|
-
entityFilterOptions:
|
|
1695
|
-
itemFilterOptions:
|
|
1696
|
-
},
|
|
1697
|
-
...
|
|
1694
|
+
entityFilterOptions: aa,
|
|
1695
|
+
itemFilterOptions: na
|
|
1696
|
+
}, ar = {
|
|
1697
|
+
...ct,
|
|
1698
1698
|
vizState: {
|
|
1699
1699
|
type: "items",
|
|
1700
1700
|
quant: "$",
|
|
@@ -1702,8 +1702,8 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1702
1702
|
byItem: { id: "i-003", name: "Walnut Console Table" },
|
|
1703
1703
|
timeFrame: "YTD"
|
|
1704
1704
|
}
|
|
1705
|
-
},
|
|
1706
|
-
...
|
|
1705
|
+
}, nr = {
|
|
1706
|
+
...ct,
|
|
1707
1707
|
vizState: {
|
|
1708
1708
|
type: "orders",
|
|
1709
1709
|
quant: "#",
|
|
@@ -1715,7 +1715,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1715
1715
|
entityFilterOptions: [
|
|
1716
1716
|
{ id: "customers", label: "Customers" }
|
|
1717
1717
|
]
|
|
1718
|
-
},
|
|
1718
|
+
}, sa = [
|
|
1719
1719
|
{
|
|
1720
1720
|
id: "recent-orders",
|
|
1721
1721
|
label: "Recent Orders",
|
|
@@ -1761,7 +1761,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1761
1761
|
routeKey: "customer.profile",
|
|
1762
1762
|
subtitle: "Opens in RepTime"
|
|
1763
1763
|
}
|
|
1764
|
-
],
|
|
1764
|
+
], ia = [
|
|
1765
1765
|
{
|
|
1766
1766
|
id: "order-items",
|
|
1767
1767
|
label: "Items in Order",
|
|
@@ -1790,7 +1790,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1790
1790
|
cellKinds: ["orderId"],
|
|
1791
1791
|
graphType: "timeline"
|
|
1792
1792
|
}
|
|
1793
|
-
],
|
|
1793
|
+
], oa = [
|
|
1794
1794
|
{
|
|
1795
1795
|
id: "graph-metric",
|
|
1796
1796
|
label: "Graph This Metric",
|
|
@@ -1818,14 +1818,14 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1818
1818
|
cellKinds: ["numeric"],
|
|
1819
1819
|
tabType: "orders"
|
|
1820
1820
|
}
|
|
1821
|
-
],
|
|
1822
|
-
entityName:
|
|
1823
|
-
orderId:
|
|
1824
|
-
numeric:
|
|
1825
|
-
},
|
|
1821
|
+
], rr = {
|
|
1822
|
+
entityName: sa,
|
|
1823
|
+
orderId: ia,
|
|
1824
|
+
numeric: oa
|
|
1825
|
+
}, sr = [
|
|
1826
1826
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
|
|
1827
1827
|
/* @__PURE__ */ new Date()
|
|
1828
|
-
],
|
|
1828
|
+
], ir = {
|
|
1829
1829
|
rangeA: [
|
|
1830
1830
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
|
|
1831
1831
|
/* @__PURE__ */ new Date()
|
|
@@ -1838,7 +1838,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1838
1838
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
|
|
1839
1839
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
|
|
1840
1840
|
]
|
|
1841
|
-
},
|
|
1841
|
+
}, or = {
|
|
1842
1842
|
version: 4,
|
|
1843
1843
|
lastPreset: "mtd",
|
|
1844
1844
|
pinnedPreset: "mtd",
|
|
@@ -1846,7 +1846,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1846
1846
|
rangeCount: 1,
|
|
1847
1847
|
lastPresetB: null,
|
|
1848
1848
|
lastPresetC: null
|
|
1849
|
-
},
|
|
1849
|
+
}, lr = [
|
|
1850
1850
|
{
|
|
1851
1851
|
id: "atlanta-jan",
|
|
1852
1852
|
label: "Atlanta Market",
|
|
@@ -1868,7 +1868,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1868
1868
|
endDate: new Date(2026, 3, 22),
|
|
1869
1869
|
location: "Chicago, IL"
|
|
1870
1870
|
}
|
|
1871
|
-
],
|
|
1871
|
+
], cr = [
|
|
1872
1872
|
{
|
|
1873
1873
|
id: "custom-regional-1",
|
|
1874
1874
|
label: "Southeast Regional Expo",
|
|
@@ -1885,7 +1885,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1885
1885
|
location: "Portland, OR",
|
|
1886
1886
|
isCustom: !0
|
|
1887
1887
|
}
|
|
1888
|
-
],
|
|
1888
|
+
], dr = [
|
|
1889
1889
|
{
|
|
1890
1890
|
id: "atlanta-jan",
|
|
1891
1891
|
label: "Atlanta Market",
|
|
@@ -1902,35 +1902,35 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1902
1902
|
location: "New York, NY",
|
|
1903
1903
|
active: !0
|
|
1904
1904
|
}
|
|
1905
|
-
],
|
|
1905
|
+
], ur = [
|
|
1906
1906
|
{ id: "7d", label: "7D" },
|
|
1907
1907
|
{ id: "30d", label: "30D" },
|
|
1908
1908
|
{ id: "60d", label: "60D" },
|
|
1909
1909
|
{ id: "90d", label: "90D" }
|
|
1910
|
-
],
|
|
1910
|
+
], mr = [
|
|
1911
1911
|
{ id: "mtd", label: "MTD" },
|
|
1912
1912
|
{ id: "qtd", label: "QTD" },
|
|
1913
1913
|
{ id: "ytd", label: "YTD" },
|
|
1914
1914
|
{ id: "lytd", label: "LYTD" }
|
|
1915
|
-
],
|
|
1915
|
+
], la = {
|
|
1916
1916
|
timeframe: "Time Frame",
|
|
1917
1917
|
threshold: "Thresholds",
|
|
1918
1918
|
slots: "Slots",
|
|
1919
1919
|
size: "Size",
|
|
1920
1920
|
color: "Color",
|
|
1921
1921
|
pinned: "Pinned"
|
|
1922
|
-
},
|
|
1923
|
-
timeframe:
|
|
1922
|
+
}, ca = {
|
|
1923
|
+
timeframe: Et,
|
|
1924
1924
|
threshold: Pt,
|
|
1925
|
-
slots:
|
|
1926
|
-
size:
|
|
1927
|
-
color:
|
|
1928
|
-
pinned:
|
|
1925
|
+
slots: Ft,
|
|
1926
|
+
size: At,
|
|
1927
|
+
color: Ot,
|
|
1928
|
+
pinned: Lt
|
|
1929
1929
|
};
|
|
1930
|
-
function
|
|
1930
|
+
function Qe(...e) {
|
|
1931
1931
|
return e.filter(Boolean).join(" ");
|
|
1932
1932
|
}
|
|
1933
|
-
function
|
|
1933
|
+
function da() {
|
|
1934
1934
|
const [e, t] = $(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
|
|
1935
1935
|
return O(() => {
|
|
1936
1936
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
@@ -1940,16 +1940,16 @@ function ca() {
|
|
|
1940
1940
|
});
|
|
1941
1941
|
}, []), e;
|
|
1942
1942
|
}
|
|
1943
|
-
const
|
|
1943
|
+
const ua = ({
|
|
1944
1944
|
dimensions: e,
|
|
1945
1945
|
onDimensionSelect: t,
|
|
1946
1946
|
activeDimension: n,
|
|
1947
1947
|
ariaCardTypeLabel: a,
|
|
1948
1948
|
className: i
|
|
1949
1949
|
}) => {
|
|
1950
|
-
const s =
|
|
1950
|
+
const s = E(null), o = E([]), l = da(), u = Ne(() => Array.from(e), [e]);
|
|
1951
1951
|
if (u.length === 0) return null;
|
|
1952
|
-
const
|
|
1952
|
+
const c = a ? `Configure ${a}: choose a dimension` : void 0, h = l ? "10ms" : "200ms", m = (g, d) => {
|
|
1953
1953
|
const _ = u.length - 1, b = (f) => {
|
|
1954
1954
|
const R = o.current[f];
|
|
1955
1955
|
R && R.focus();
|
|
@@ -1957,12 +1957,12 @@ const da = ({
|
|
|
1957
1957
|
switch (g.key) {
|
|
1958
1958
|
case "ArrowRight":
|
|
1959
1959
|
case "ArrowDown": {
|
|
1960
|
-
g.preventDefault(), b(
|
|
1960
|
+
g.preventDefault(), b(d === _ ? 0 : d + 1);
|
|
1961
1961
|
break;
|
|
1962
1962
|
}
|
|
1963
1963
|
case "ArrowLeft":
|
|
1964
1964
|
case "ArrowUp": {
|
|
1965
|
-
g.preventDefault(), b(
|
|
1965
|
+
g.preventDefault(), b(d === 0 ? _ : d - 1);
|
|
1966
1966
|
break;
|
|
1967
1967
|
}
|
|
1968
1968
|
case "Home": {
|
|
@@ -1975,7 +1975,7 @@ const da = ({
|
|
|
1975
1975
|
}
|
|
1976
1976
|
case "Enter":
|
|
1977
1977
|
case " ": {
|
|
1978
|
-
g.preventDefault(), t(u[
|
|
1978
|
+
g.preventDefault(), t(u[d]);
|
|
1979
1979
|
break;
|
|
1980
1980
|
}
|
|
1981
1981
|
}
|
|
@@ -1985,31 +1985,31 @@ const da = ({
|
|
|
1985
1985
|
{
|
|
1986
1986
|
ref: s,
|
|
1987
1987
|
role: "group",
|
|
1988
|
-
"aria-label":
|
|
1989
|
-
className:
|
|
1988
|
+
"aria-label": c,
|
|
1989
|
+
className: Qe("gloss-reconfig-backside-buttons", i),
|
|
1990
1990
|
style: {
|
|
1991
1991
|
// Expose the reduced-motion-resolved duration as a CSS custom prop
|
|
1992
1992
|
// so the SCSS transition rule can consume it without a nested media
|
|
1993
1993
|
// query in the JS. Also surfaces the value for the unit test.
|
|
1994
1994
|
"--gloss-reconfig-backside-buttons-transition-duration": h
|
|
1995
1995
|
},
|
|
1996
|
-
children: u.map((g,
|
|
1997
|
-
const _ =
|
|
1996
|
+
children: u.map((g, d) => {
|
|
1997
|
+
const _ = ca[g], b = n === g;
|
|
1998
1998
|
return /* @__PURE__ */ k(
|
|
1999
1999
|
"button",
|
|
2000
2000
|
{
|
|
2001
2001
|
ref: (f) => {
|
|
2002
|
-
o.current[
|
|
2002
|
+
o.current[d] = f;
|
|
2003
2003
|
},
|
|
2004
2004
|
type: "button",
|
|
2005
2005
|
"data-dimension": g,
|
|
2006
|
-
className:
|
|
2006
|
+
className: Qe(
|
|
2007
2007
|
"gloss-reconfig-backside-buttons__button",
|
|
2008
2008
|
b && "gloss-reconfig-backside-buttons__button--active"
|
|
2009
2009
|
),
|
|
2010
2010
|
"aria-current": b ? "true" : void 0,
|
|
2011
2011
|
onClick: () => t(g),
|
|
2012
|
-
onKeyDown: (f) => m(f,
|
|
2012
|
+
onKeyDown: (f) => m(f, d),
|
|
2013
2013
|
children: [
|
|
2014
2014
|
/* @__PURE__ */ r(
|
|
2015
2015
|
_,
|
|
@@ -2018,7 +2018,7 @@ const da = ({
|
|
|
2018
2018
|
"aria-hidden": "true"
|
|
2019
2019
|
}
|
|
2020
2020
|
),
|
|
2021
|
-
/* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children:
|
|
2021
|
+
/* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: la[g] })
|
|
2022
2022
|
]
|
|
2023
2023
|
},
|
|
2024
2024
|
g
|
|
@@ -2027,7 +2027,7 @@ const da = ({
|
|
|
2027
2027
|
}
|
|
2028
2028
|
);
|
|
2029
2029
|
};
|
|
2030
|
-
|
|
2030
|
+
ua.displayName = "ReconfigBacksideButtons";
|
|
2031
2031
|
function Q(e, t) {
|
|
2032
2032
|
return {
|
|
2033
2033
|
id: e,
|
|
@@ -2048,38 +2048,38 @@ function Q(e, t) {
|
|
|
2048
2048
|
}, t)
|
|
2049
2049
|
};
|
|
2050
2050
|
}
|
|
2051
|
-
function
|
|
2051
|
+
function Xe(e, t) {
|
|
2052
2052
|
return {
|
|
2053
2053
|
...Q(e, t),
|
|
2054
2054
|
colSpan: 2
|
|
2055
2055
|
};
|
|
2056
2056
|
}
|
|
2057
|
-
const
|
|
2057
|
+
const gr = [
|
|
2058
2058
|
Q("total-revenue", "Total Revenue"),
|
|
2059
2059
|
Q("total-orders", "Total Orders"),
|
|
2060
|
-
|
|
2060
|
+
Xe("revenue-trend", "Revenue Trend (2x)"),
|
|
2061
2061
|
Q("avg-order", "Avg Order Value"),
|
|
2062
2062
|
Q("new-customers", "New Customers"),
|
|
2063
2063
|
Q("top-salesperson", "Top Salesperson"),
|
|
2064
|
-
|
|
2064
|
+
Xe("order-trend", "Order Trend (2x)"),
|
|
2065
2065
|
Q("repeat-rate", "Repeat Rate"),
|
|
2066
2066
|
Q("open-orders", "Open Orders"),
|
|
2067
2067
|
Q("shipped-orders", "Shipped Orders")
|
|
2068
|
-
],
|
|
2068
|
+
], pr = {
|
|
2069
2069
|
columns: 6,
|
|
2070
2070
|
rowHeight: 120,
|
|
2071
2071
|
gap: 15,
|
|
2072
2072
|
maxRows: 3,
|
|
2073
2073
|
currentPage: 0,
|
|
2074
2074
|
totalPages: 1
|
|
2075
|
-
},
|
|
2075
|
+
}, fr = {
|
|
2076
2076
|
columns: 9,
|
|
2077
2077
|
rowHeight: 120,
|
|
2078
2078
|
gap: 15,
|
|
2079
2079
|
maxRows: 3,
|
|
2080
2080
|
currentPage: 0,
|
|
2081
2081
|
totalPages: 2
|
|
2082
|
-
},
|
|
2082
|
+
}, hr = {
|
|
2083
2083
|
columns: 12,
|
|
2084
2084
|
rowHeight: 120,
|
|
2085
2085
|
gap: 15,
|
|
@@ -2090,7 +2090,7 @@ const mr = [
|
|
|
2090
2090
|
function Ie(e) {
|
|
2091
2091
|
return V.createElement("span", { style: { fontSize: 14 } }, e);
|
|
2092
2092
|
}
|
|
2093
|
-
const
|
|
2093
|
+
const br = [
|
|
2094
2094
|
{
|
|
2095
2095
|
id: "all-orders",
|
|
2096
2096
|
type: "orders",
|
|
@@ -2113,7 +2113,7 @@ const hr = [
|
|
|
2113
2113
|
icon: Ie("🚚"),
|
|
2114
2114
|
closable: !0
|
|
2115
2115
|
}
|
|
2116
|
-
],
|
|
2116
|
+
], vr = [
|
|
2117
2117
|
{
|
|
2118
2118
|
id: "orders-main",
|
|
2119
2119
|
type: "orders",
|
|
@@ -2139,7 +2139,7 @@ const hr = [
|
|
|
2139
2139
|
name: "Customers",
|
|
2140
2140
|
closable: !0
|
|
2141
2141
|
}
|
|
2142
|
-
],
|
|
2142
|
+
], yr = [
|
|
2143
2143
|
{
|
|
2144
2144
|
id: "only-tab",
|
|
2145
2145
|
type: "orders",
|
|
@@ -2147,7 +2147,7 @@ const hr = [
|
|
|
2147
2147
|
closable: !1,
|
|
2148
2148
|
autoCreated: !0
|
|
2149
2149
|
}
|
|
2150
|
-
],
|
|
2150
|
+
], wr = [
|
|
2151
2151
|
{ id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
|
|
2152
2152
|
{ id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
|
|
2153
2153
|
{ id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
|
|
@@ -2170,7 +2170,7 @@ function $e(e) {
|
|
|
2170
2170
|
return { cols: 1, rows: 1 };
|
|
2171
2171
|
}
|
|
2172
2172
|
}
|
|
2173
|
-
function
|
|
2173
|
+
function ma(e) {
|
|
2174
2174
|
let t = 0;
|
|
2175
2175
|
for (const a of e) {
|
|
2176
2176
|
const i = $e(a.size), s = a.gridPosition.col + i.cols - 1;
|
|
@@ -2178,7 +2178,7 @@ function ua(e) {
|
|
|
2178
2178
|
}
|
|
2179
2179
|
return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
|
|
2180
2180
|
}
|
|
2181
|
-
const
|
|
2181
|
+
const ga = function(t) {
|
|
2182
2182
|
if (t.renderMode === "discrete")
|
|
2183
2183
|
return /* @__PURE__ */ r(
|
|
2184
2184
|
"div",
|
|
@@ -2247,7 +2247,7 @@ const ma = function(t) {
|
|
|
2247
2247
|
style: {
|
|
2248
2248
|
display: "grid",
|
|
2249
2249
|
gap: "var(--gloss-spacing-2, 8px)",
|
|
2250
|
-
gridTemplateColumns:
|
|
2250
|
+
gridTemplateColumns: ma(n)
|
|
2251
2251
|
},
|
|
2252
2252
|
children: n.map((i) => {
|
|
2253
2253
|
const s = $e(i.size);
|
|
@@ -2270,16 +2270,16 @@ const ma = function(t) {
|
|
|
2270
2270
|
}
|
|
2271
2271
|
);
|
|
2272
2272
|
};
|
|
2273
|
-
|
|
2274
|
-
const
|
|
2275
|
-
...
|
|
2273
|
+
ga.displayName = "MetricGroupContainer";
|
|
2274
|
+
const dt = "resize.tuning.dev", pa = {
|
|
2275
|
+
...st,
|
|
2276
2276
|
snapInPx: 60,
|
|
2277
2277
|
snapOutPx: 90
|
|
2278
|
-
}, re =
|
|
2279
|
-
function
|
|
2278
|
+
}, re = pa;
|
|
2279
|
+
function fa() {
|
|
2280
2280
|
if (typeof window > "u") return { ...re };
|
|
2281
2281
|
try {
|
|
2282
|
-
const e = window.localStorage.getItem(
|
|
2282
|
+
const e = window.localStorage.getItem(dt);
|
|
2283
2283
|
if (!e) return { ...re };
|
|
2284
2284
|
const t = JSON.parse(e);
|
|
2285
2285
|
return !t || typeof t != "object" || Array.isArray(t) ? { ...re } : { ...re, ...t };
|
|
@@ -2287,12 +2287,12 @@ function pa() {
|
|
|
2287
2287
|
return { ...re };
|
|
2288
2288
|
}
|
|
2289
2289
|
}
|
|
2290
|
-
function
|
|
2291
|
-
const [e, t] = $(() =>
|
|
2290
|
+
function ha() {
|
|
2291
|
+
const [e, t] = $(() => fa());
|
|
2292
2292
|
O(() => {
|
|
2293
2293
|
if (!(typeof window > "u"))
|
|
2294
2294
|
try {
|
|
2295
|
-
window.localStorage.setItem(
|
|
2295
|
+
window.localStorage.setItem(dt, JSON.stringify(e));
|
|
2296
2296
|
} catch {
|
|
2297
2297
|
}
|
|
2298
2298
|
}, [e]);
|
|
@@ -2311,7 +2311,7 @@ function fa() {
|
|
|
2311
2311
|
}, []);
|
|
2312
2312
|
return { values: e, setValue: n, resetRow: a, resetAll: i };
|
|
2313
2313
|
}
|
|
2314
|
-
const
|
|
2314
|
+
const ba = [
|
|
2315
2315
|
{ key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
|
|
2316
2316
|
{ key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
|
|
2317
2317
|
{ key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
|
|
@@ -2322,10 +2322,10 @@ const ha = [
|
|
|
2322
2322
|
{ key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
|
|
2323
2323
|
{ key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
|
|
2324
2324
|
];
|
|
2325
|
-
function
|
|
2325
|
+
function va(e, t) {
|
|
2326
2326
|
return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
|
|
2327
2327
|
}
|
|
2328
|
-
function
|
|
2328
|
+
function ya() {
|
|
2329
2329
|
return /* @__PURE__ */ k(
|
|
2330
2330
|
"svg",
|
|
2331
2331
|
{
|
|
@@ -2345,7 +2345,7 @@ function va() {
|
|
|
2345
2345
|
}
|
|
2346
2346
|
);
|
|
2347
2347
|
}
|
|
2348
|
-
function
|
|
2348
|
+
function wa({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
|
|
2349
2349
|
const s = N(
|
|
2350
2350
|
(o) => {
|
|
2351
2351
|
(o.key === "r" || o.key === "R") && (o.preventDefault(), a());
|
|
@@ -2361,7 +2361,7 @@ function ya({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
|
|
|
2361
2361
|
children: [
|
|
2362
2362
|
/* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
|
|
2363
2363
|
/* @__PURE__ */ k("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
|
|
2364
|
-
|
|
2364
|
+
va(t, e.step),
|
|
2365
2365
|
e.unit ? ` ${e.unit}` : ""
|
|
2366
2366
|
] }),
|
|
2367
2367
|
/* @__PURE__ */ r(
|
|
@@ -2385,14 +2385,14 @@ function ya({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
|
|
|
2385
2385
|
className: "gloss-dev-tuning-panel__reset",
|
|
2386
2386
|
"aria-label": `Reset ${e.label}`,
|
|
2387
2387
|
onClick: a,
|
|
2388
|
-
children: /* @__PURE__ */ r(
|
|
2388
|
+
children: /* @__PURE__ */ r(ya, {})
|
|
2389
2389
|
}
|
|
2390
2390
|
)
|
|
2391
2391
|
]
|
|
2392
2392
|
}
|
|
2393
2393
|
);
|
|
2394
2394
|
}
|
|
2395
|
-
function
|
|
2395
|
+
function _a() {
|
|
2396
2396
|
if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
|
|
2397
2397
|
try {
|
|
2398
2398
|
return new URLSearchParams(window.location.search).has("devtune");
|
|
@@ -2400,23 +2400,23 @@ function wa() {
|
|
|
2400
2400
|
return !1;
|
|
2401
2401
|
}
|
|
2402
2402
|
}
|
|
2403
|
-
function
|
|
2404
|
-
return
|
|
2403
|
+
function Na(e = {}) {
|
|
2404
|
+
return _a() ? /* @__PURE__ */ r(Da, {}) : null;
|
|
2405
2405
|
}
|
|
2406
|
-
|
|
2407
|
-
function
|
|
2408
|
-
const e =
|
|
2406
|
+
Na.displayName = "DevTuningPanel";
|
|
2407
|
+
function Da() {
|
|
2408
|
+
const e = ha(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l = E(null), u = N((g) => {
|
|
2409
2409
|
l.current && clearTimeout(l.current), o(g), l.current = setTimeout(() => {
|
|
2410
2410
|
o(null), l.current = null;
|
|
2411
2411
|
}, 200);
|
|
2412
|
-
}, []),
|
|
2413
|
-
(g,
|
|
2414
|
-
n(g,
|
|
2412
|
+
}, []), c = N(
|
|
2413
|
+
(g, d) => {
|
|
2414
|
+
n(g, d), g === "snapInPx" && d > t.snapOutPx && (n("snapOutPx", d), u("snapOutPx"));
|
|
2415
2415
|
},
|
|
2416
2416
|
[n, t.snapOutPx, u]
|
|
2417
|
-
), h = Ne(() =>
|
|
2417
|
+
), h = Ne(() => ba, []), m = Mt();
|
|
2418
2418
|
return /* @__PURE__ */ k(
|
|
2419
|
-
|
|
2419
|
+
Se.div,
|
|
2420
2420
|
{
|
|
2421
2421
|
className: "gloss-dev-tuning-panel",
|
|
2422
2422
|
role: "region",
|
|
@@ -2439,11 +2439,11 @@ function Na() {
|
|
|
2439
2439
|
}
|
|
2440
2440
|
),
|
|
2441
2441
|
/* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: h.map((g) => /* @__PURE__ */ r(
|
|
2442
|
-
|
|
2442
|
+
wa,
|
|
2443
2443
|
{
|
|
2444
2444
|
spec: g,
|
|
2445
2445
|
value: t[g.key],
|
|
2446
|
-
onChange: (
|
|
2446
|
+
onChange: (d) => c(g.key, d),
|
|
2447
2447
|
onReset: () => a(g.key),
|
|
2448
2448
|
flashing: s === g.key
|
|
2449
2449
|
},
|
|
@@ -2462,7 +2462,7 @@ function Na() {
|
|
|
2462
2462
|
}
|
|
2463
2463
|
);
|
|
2464
2464
|
}
|
|
2465
|
-
function
|
|
2465
|
+
function _r({
|
|
2466
2466
|
state: e,
|
|
2467
2467
|
originX: t,
|
|
2468
2468
|
originY: n,
|
|
@@ -2472,20 +2472,20 @@ function wr({
|
|
|
2472
2472
|
snapBoundariesX: o,
|
|
2473
2473
|
topY: l,
|
|
2474
2474
|
bottomY: u,
|
|
2475
|
-
enterMs:
|
|
2475
|
+
enterMs: c = ie.envelopeEnterMs,
|
|
2476
2476
|
exitMs: h = ie.envelopeExitMs,
|
|
2477
2477
|
className: m,
|
|
2478
2478
|
style: g
|
|
2479
2479
|
}) {
|
|
2480
2480
|
if (e === "hidden") return null;
|
|
2481
|
-
const
|
|
2482
|
-
"--gloss-resize-envelope-enter-ms": `${
|
|
2481
|
+
const d = Math.max(0, i - a), _ = Math.max(0, u - l), b = {
|
|
2482
|
+
"--gloss-resize-envelope-enter-ms": `${c}ms`,
|
|
2483
2483
|
"--gloss-resize-envelope-exit-ms": `${h}ms`,
|
|
2484
2484
|
"--gloss-resize-envelope-origin-x": `${t - a}px`,
|
|
2485
2485
|
"--gloss-resize-envelope-origin-y": `${n - l}px`,
|
|
2486
2486
|
left: a,
|
|
2487
2487
|
top: l,
|
|
2488
|
-
width:
|
|
2488
|
+
width: d,
|
|
2489
2489
|
height: _,
|
|
2490
2490
|
...g
|
|
2491
2491
|
};
|
|
@@ -2519,7 +2519,7 @@ function wr({
|
|
|
2519
2519
|
{
|
|
2520
2520
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
|
|
2521
2521
|
"data-edge": "right",
|
|
2522
|
-
style: { left:
|
|
2522
|
+
style: { left: d - 1 }
|
|
2523
2523
|
}
|
|
2524
2524
|
),
|
|
2525
2525
|
o.filter((f) => f > s && f < i).map((f) => /* @__PURE__ */ r(
|
|
@@ -2535,42 +2535,44 @@ function wr({
|
|
|
2535
2535
|
}
|
|
2536
2536
|
);
|
|
2537
2537
|
}
|
|
2538
|
-
function
|
|
2538
|
+
function Nr({
|
|
2539
2539
|
density: e,
|
|
2540
2540
|
canAccept: t,
|
|
2541
2541
|
blocked: n = !1,
|
|
2542
2542
|
proximityOpacity: a,
|
|
2543
2543
|
state: i,
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2544
|
+
rejection: s = !1,
|
|
2545
|
+
className: o,
|
|
2546
|
+
children: l,
|
|
2547
|
+
...u
|
|
2547
2548
|
}) {
|
|
2548
|
-
const
|
|
2549
|
+
const c = a != null ? { ...u.style, "--_proximity-opacity": String(a) } : u.style;
|
|
2549
2550
|
return /* @__PURE__ */ r(
|
|
2550
2551
|
"div",
|
|
2551
2552
|
{
|
|
2552
|
-
...
|
|
2553
|
-
style:
|
|
2553
|
+
...u,
|
|
2554
|
+
style: c,
|
|
2554
2555
|
"data-density": e,
|
|
2555
2556
|
"data-can-accept": t ? "true" : "false",
|
|
2556
2557
|
"data-blocked": n ? "true" : void 0,
|
|
2558
|
+
"data-rejection": s ? "true" : void 0,
|
|
2557
2559
|
"data-proximity-driven": a != null ? "true" : void 0,
|
|
2558
2560
|
"data-state": i ?? void 0,
|
|
2559
2561
|
"data-testid": "gloss-drop-anchor-cell",
|
|
2560
2562
|
className: [
|
|
2561
2563
|
"gloss-drop-anchor-cell",
|
|
2562
2564
|
n && "gloss-drop-anchor-cell--blocked-pulse",
|
|
2563
|
-
|
|
2565
|
+
o
|
|
2564
2566
|
].filter(Boolean).join(" "),
|
|
2565
|
-
children:
|
|
2567
|
+
children: l
|
|
2566
2568
|
}
|
|
2567
2569
|
);
|
|
2568
2570
|
}
|
|
2569
|
-
function
|
|
2571
|
+
function ka(e, t, n, a) {
|
|
2570
2572
|
const i = (e + n) / 2, s = Math.min(t, a) - 40;
|
|
2571
2573
|
return `M${e},${t} Q${i},${s} ${n},${a}`;
|
|
2572
2574
|
}
|
|
2573
|
-
function
|
|
2575
|
+
function Dr({
|
|
2574
2576
|
segments: e,
|
|
2575
2577
|
durationMs: t = ie.spilloverArcDurationMs,
|
|
2576
2578
|
staggerMs: n = ie.spilloverStaggerMs,
|
|
@@ -2590,7 +2592,7 @@ function Nr({
|
|
|
2590
2592
|
{
|
|
2591
2593
|
"data-arc-id": s.id,
|
|
2592
2594
|
className: "gloss-spillover-arc__path",
|
|
2593
|
-
d:
|
|
2595
|
+
d: ka(s.fromX, s.fromY, s.toX, s.toY),
|
|
2594
2596
|
style: {
|
|
2595
2597
|
animationDelay: `${o * n}ms`,
|
|
2596
2598
|
animationDuration: `${t}ms`
|
|
@@ -2601,7 +2603,7 @@ function Nr({
|
|
|
2601
2603
|
}
|
|
2602
2604
|
);
|
|
2603
2605
|
}
|
|
2604
|
-
function
|
|
2606
|
+
function kr({
|
|
2605
2607
|
state: e,
|
|
2606
2608
|
staggerIndex: t = 0,
|
|
2607
2609
|
fadeInMs: n = ie.sectionDividerFadeInMs,
|
|
@@ -2612,7 +2614,7 @@ function Dr({
|
|
|
2612
2614
|
style: l,
|
|
2613
2615
|
...u
|
|
2614
2616
|
}) {
|
|
2615
|
-
const
|
|
2617
|
+
const c = {
|
|
2616
2618
|
"--gloss-section-divider-fade-in-ms": `${n}ms`,
|
|
2617
2619
|
"--gloss-section-divider-fade-out-ms": `${a}ms`,
|
|
2618
2620
|
"--gloss-section-divider-stagger-delay": `${t * i}ms`,
|
|
@@ -2631,11 +2633,11 @@ function Dr({
|
|
|
2631
2633
|
s === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
|
|
2632
2634
|
o
|
|
2633
2635
|
].filter(Boolean).join(" "),
|
|
2634
|
-
style:
|
|
2636
|
+
style: c
|
|
2635
2637
|
}
|
|
2636
2638
|
);
|
|
2637
2639
|
}
|
|
2638
|
-
function
|
|
2640
|
+
function Cr({
|
|
2639
2641
|
enabled: e,
|
|
2640
2642
|
onCollapse: t,
|
|
2641
2643
|
onAdd: n,
|
|
@@ -2646,22 +2648,22 @@ function kr({
|
|
|
2646
2648
|
onPack: l,
|
|
2647
2649
|
ariaLabel: u
|
|
2648
2650
|
}) {
|
|
2649
|
-
const
|
|
2651
|
+
const c = a ?? "Add card to this cell", h = i ?? u ?? "Pack row — shift cards left", m = t ?? l, g = Nt();
|
|
2650
2652
|
return /* @__PURE__ */ k(ce.Fragment, { children: [
|
|
2651
2653
|
/* @__PURE__ */ r(Oe, { visible: !g.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
|
|
2652
2654
|
"button",
|
|
2653
2655
|
{
|
|
2654
2656
|
type: "button",
|
|
2655
2657
|
"data-testid": "gloss-empty-cell-add",
|
|
2656
|
-
"aria-label":
|
|
2658
|
+
"aria-label": c,
|
|
2657
2659
|
className: [
|
|
2658
2660
|
"gloss-empty-cell-pack-affordance",
|
|
2659
2661
|
"gloss-empty-cell-pack-affordance--add",
|
|
2660
2662
|
s
|
|
2661
2663
|
].filter(Boolean).join(" "),
|
|
2662
2664
|
style: o,
|
|
2663
|
-
onClick: (
|
|
2664
|
-
|
|
2665
|
+
onClick: (d) => {
|
|
2666
|
+
d.stopPropagation(), n?.();
|
|
2665
2667
|
},
|
|
2666
2668
|
children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
|
|
2667
2669
|
}
|
|
@@ -2674,15 +2676,15 @@ function kr({
|
|
|
2674
2676
|
"aria-label": h,
|
|
2675
2677
|
className: ["gloss-empty-cell-pack-affordance", s].filter(Boolean).join(" "),
|
|
2676
2678
|
style: o,
|
|
2677
|
-
onClick: (
|
|
2678
|
-
|
|
2679
|
+
onClick: (d) => {
|
|
2680
|
+
d.stopPropagation(), m?.();
|
|
2679
2681
|
},
|
|
2680
2682
|
children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
|
|
2681
2683
|
}
|
|
2682
2684
|
) })
|
|
2683
2685
|
] });
|
|
2684
2686
|
}
|
|
2685
|
-
function
|
|
2687
|
+
function Sr() {
|
|
2686
2688
|
return { affordancesVisible: !0 };
|
|
2687
2689
|
}
|
|
2688
2690
|
function xr({
|
|
@@ -2696,7 +2698,7 @@ function xr({
|
|
|
2696
2698
|
children: l,
|
|
2697
2699
|
className: u
|
|
2698
2700
|
}) {
|
|
2699
|
-
const
|
|
2701
|
+
const c = t * n + (t - 1) * i, h = ce.useRef(null);
|
|
2700
2702
|
return Fe("drag-ghost", () => {
|
|
2701
2703
|
if (process.env.NODE_ENV === "production")
|
|
2702
2704
|
return { values: {}, spec: null, state: "idle", t: performance.now() };
|
|
@@ -2724,11 +2726,11 @@ function xr({
|
|
|
2724
2726
|
if (process.env.NODE_ENV === "production")
|
|
2725
2727
|
return { values: {}, spec: null, state: "idle", t: performance.now() };
|
|
2726
2728
|
const m = h.current;
|
|
2727
|
-
let g = 0,
|
|
2729
|
+
let g = 0, d = "", _ = "", b = "";
|
|
2728
2730
|
if (m)
|
|
2729
2731
|
try {
|
|
2730
|
-
const I = window.getComputedStyle(m), y = I.outline || "", M = I.border || "",
|
|
2731
|
-
g = p || v || D ? 1 : 0,
|
|
2732
|
+
const I = window.getComputedStyle(m), y = I.outline || "", M = I.border || "", S = I.boxShadow || "", p = !!y && y !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(y), v = !!M && M !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(M), D = !!S && S !== "none";
|
|
2733
|
+
g = p || v || D ? 1 : 0, d = p ? y : "", _ = v ? M : "", b = D ? S : "";
|
|
2732
2734
|
} catch {
|
|
2733
2735
|
}
|
|
2734
2736
|
const f = m?.getBoundingClientRect() ?? null, R = m ? "drag-clone" : "subsumed-by-tracking-outline";
|
|
@@ -2746,7 +2748,7 @@ function xr({
|
|
|
2746
2748
|
spec: {
|
|
2747
2749
|
mode: R,
|
|
2748
2750
|
tint: e,
|
|
2749
|
-
outlineSrc:
|
|
2751
|
+
outlineSrc: d,
|
|
2750
2752
|
borderSrc: _,
|
|
2751
2753
|
boxShadowSrc: b
|
|
2752
2754
|
// D-01 contract: Frame 1 (current/buggy) shows outline-on-clone=true;
|
|
@@ -2758,7 +2760,7 @@ function xr({
|
|
|
2758
2760
|
t: performance.now()
|
|
2759
2761
|
};
|
|
2760
2762
|
}), /* @__PURE__ */ r(
|
|
2761
|
-
|
|
2763
|
+
Se.div,
|
|
2762
2764
|
{
|
|
2763
2765
|
ref: h,
|
|
2764
2766
|
"data-testid": "gloss-drag-ghost",
|
|
@@ -2769,13 +2771,13 @@ function xr({
|
|
|
2769
2771
|
`gloss-drag-ghost--tint-${e}`,
|
|
2770
2772
|
u
|
|
2771
2773
|
].filter(Boolean).join(" "),
|
|
2772
|
-
style: { x: s, y: o, width:
|
|
2774
|
+
style: { x: s, y: o, width: c, height: a },
|
|
2773
2775
|
children: l
|
|
2774
2776
|
}
|
|
2775
2777
|
);
|
|
2776
2778
|
}
|
|
2777
|
-
const
|
|
2778
|
-
function
|
|
2779
|
+
const Ca = 3;
|
|
2780
|
+
function ut({
|
|
2779
2781
|
gesture: e,
|
|
2780
2782
|
cell: t,
|
|
2781
2783
|
colSpan: n,
|
|
@@ -2786,7 +2788,7 @@ function dt({
|
|
|
2786
2788
|
transitionMs: l = 120,
|
|
2787
2789
|
className: u
|
|
2788
2790
|
}) {
|
|
2789
|
-
const
|
|
2791
|
+
const c = n * a + (n - 1) * i, m = (t.section * Ca + t.col) * (a + i), g = t.row * (s + i), d = e === "resize" ? 2.5 : 2, _ = o === "dashed-retreated" ? "dashed" : "solid", b = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline";
|
|
2790
2792
|
return /* @__PURE__ */ r(
|
|
2791
2793
|
"div",
|
|
2792
2794
|
{
|
|
@@ -2806,19 +2808,19 @@ function dt({
|
|
|
2806
2808
|
"aria-hidden": "true",
|
|
2807
2809
|
style: {
|
|
2808
2810
|
transform: `translate(${m}px, ${g}px)`,
|
|
2809
|
-
width:
|
|
2811
|
+
width: c,
|
|
2810
2812
|
height: s,
|
|
2811
|
-
borderWidth:
|
|
2813
|
+
borderWidth: d,
|
|
2812
2814
|
borderStyle: _,
|
|
2813
2815
|
transition: `transform ${l}ms cubic-bezier(0.4, 0, 0.2, 1)`
|
|
2814
2816
|
}
|
|
2815
2817
|
}
|
|
2816
2818
|
);
|
|
2817
2819
|
}
|
|
2818
|
-
function
|
|
2819
|
-
return /* @__PURE__ */ r(
|
|
2820
|
+
function Rr(e) {
|
|
2821
|
+
return /* @__PURE__ */ r(ut, { gesture: "drag", pattern: "solid", ...e });
|
|
2820
2822
|
}
|
|
2821
|
-
function
|
|
2823
|
+
function Mr({
|
|
2822
2824
|
items: e,
|
|
2823
2825
|
children: t,
|
|
2824
2826
|
className: n,
|
|
@@ -2829,10 +2831,10 @@ function Rr({
|
|
|
2829
2831
|
if (process.env.NODE_ENV === "production")
|
|
2830
2832
|
return { values: {}, spec: null, state: "idle", t: performance.now() };
|
|
2831
2833
|
const o = s.current;
|
|
2832
|
-
let l = 0, u = 0,
|
|
2834
|
+
let l = 0, u = 0, c = 0, h = 0;
|
|
2833
2835
|
for (const m of o) {
|
|
2834
|
-
const g = m.x.get(),
|
|
2835
|
-
Math.abs(g) > Math.abs(
|
|
2836
|
+
const g = m.x.get(), d = m.y.get();
|
|
2837
|
+
Math.abs(g) > Math.abs(c) && (c = g, l = g), Math.abs(d) > Math.abs(h) && (h = d, u = d);
|
|
2836
2838
|
}
|
|
2837
2839
|
return {
|
|
2838
2840
|
values: {
|
|
@@ -2851,7 +2853,7 @@ function Rr({
|
|
|
2851
2853
|
t: performance.now()
|
|
2852
2854
|
};
|
|
2853
2855
|
}), e.length === 0 ? null : /* @__PURE__ */ r(te, { children: e.map((o) => /* @__PURE__ */ r(
|
|
2854
|
-
|
|
2856
|
+
Se.div,
|
|
2855
2857
|
{
|
|
2856
2858
|
"data-card-id": o.cardId,
|
|
2857
2859
|
"data-testid": "gloss-cascade-preview-item",
|
|
@@ -2872,17 +2874,17 @@ function Rr({
|
|
|
2872
2874
|
o.cardId
|
|
2873
2875
|
)) });
|
|
2874
2876
|
}
|
|
2875
|
-
const
|
|
2877
|
+
const Sa = ({
|
|
2876
2878
|
consumed: e,
|
|
2877
2879
|
elapsed: t,
|
|
2878
2880
|
severity: n = "neutral"
|
|
2879
2881
|
}) => {
|
|
2880
|
-
const a =
|
|
2882
|
+
const a = E(null), i = E(null);
|
|
2881
2883
|
O(() => {
|
|
2882
|
-
const l = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)),
|
|
2884
|
+
const l = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)), c = requestAnimationFrame(() => {
|
|
2883
2885
|
a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${u}%`);
|
|
2884
2886
|
});
|
|
2885
|
-
return () => cancelAnimationFrame(
|
|
2887
|
+
return () => cancelAnimationFrame(c);
|
|
2886
2888
|
}, [e.value, t.value]);
|
|
2887
2889
|
const s = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
|
|
2888
2890
|
return /* @__PURE__ */ k(
|
|
@@ -2948,7 +2950,7 @@ const Ca = ({
|
|
|
2948
2950
|
] })
|
|
2949
2951
|
]
|
|
2950
2952
|
}
|
|
2951
|
-
),
|
|
2953
|
+
), Ra = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ k("div", { className: "gloss-pace-placeholder", children: [
|
|
2952
2954
|
/* @__PURE__ */ r("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
|
|
2953
2955
|
/* @__PURE__ */ k("p", { className: "gloss-pace-placeholder__context", children: [
|
|
2954
2956
|
"for ",
|
|
@@ -2964,9 +2966,9 @@ const Ca = ({
|
|
|
2964
2966
|
children: "Set target"
|
|
2965
2967
|
}
|
|
2966
2968
|
)
|
|
2967
|
-
] }),
|
|
2969
|
+
] }), Tr = (e) => {
|
|
2968
2970
|
const [t, n] = $(!1), a = e.target?.value, i = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
|
|
2969
|
-
|
|
2971
|
+
$t,
|
|
2970
2972
|
{
|
|
2971
2973
|
label: `Set a target for ${e.label}`,
|
|
2972
2974
|
unit: s,
|
|
@@ -2980,7 +2982,7 @@ const Ca = ({
|
|
|
2980
2982
|
}
|
|
2981
2983
|
);
|
|
2982
2984
|
return /* @__PURE__ */ r(
|
|
2983
|
-
|
|
2985
|
+
Dt,
|
|
2984
2986
|
{
|
|
2985
2987
|
colSpan: 2,
|
|
2986
2988
|
enableQuickSettings: !0,
|
|
@@ -2993,7 +2995,7 @@ const Ca = ({
|
|
|
2993
2995
|
e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
|
|
2994
2996
|
/* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ k(te, { children: [
|
|
2995
2997
|
/* @__PURE__ */ r(
|
|
2996
|
-
|
|
2998
|
+
Sa,
|
|
2997
2999
|
{
|
|
2998
3000
|
consumed: e.consumed,
|
|
2999
3001
|
elapsed: e.elapsed,
|
|
@@ -3002,7 +3004,7 @@ const Ca = ({
|
|
|
3002
3004
|
),
|
|
3003
3005
|
/* @__PURE__ */ r(xa, { label: "Gap", value: e.gapLabel, severity: e.severity })
|
|
3004
3006
|
] }) : /* @__PURE__ */ r(
|
|
3005
|
-
|
|
3007
|
+
Ra,
|
|
3006
3008
|
{
|
|
3007
3009
|
label: e.label,
|
|
3008
3010
|
onSetTarget: () => n(!0)
|
|
@@ -3011,7 +3013,7 @@ const Ca = ({
|
|
|
3011
3013
|
] })
|
|
3012
3014
|
}
|
|
3013
3015
|
);
|
|
3014
|
-
},
|
|
3016
|
+
}, Ir = () => /* @__PURE__ */ k("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
|
|
3015
3017
|
/* @__PURE__ */ r(
|
|
3016
3018
|
"div",
|
|
3017
3019
|
{
|
|
@@ -3028,7 +3030,7 @@ const Ca = ({
|
|
|
3028
3030
|
),
|
|
3029
3031
|
/* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
|
|
3030
3032
|
] });
|
|
3031
|
-
function
|
|
3033
|
+
function Ma({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, onClick: o }) {
|
|
3032
3034
|
return /* @__PURE__ */ r(
|
|
3033
3035
|
"span",
|
|
3034
3036
|
{
|
|
@@ -3049,7 +3051,7 @@ function Ra({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, o
|
|
|
3049
3051
|
}
|
|
3050
3052
|
);
|
|
3051
3053
|
}
|
|
3052
|
-
function
|
|
3054
|
+
function Ta({
|
|
3053
3055
|
lenses: e,
|
|
3054
3056
|
value: t,
|
|
3055
3057
|
onChange: n,
|
|
@@ -3093,7 +3095,7 @@ function Ma({
|
|
|
3093
3095
|
},
|
|
3094
3096
|
className: "gloss-lens-chip-group",
|
|
3095
3097
|
children: e.map((l, u) => /* @__PURE__ */ r(
|
|
3096
|
-
|
|
3098
|
+
Ma,
|
|
3097
3099
|
{
|
|
3098
3100
|
id: l.id,
|
|
3099
3101
|
label: l.label,
|
|
@@ -3108,15 +3110,15 @@ function Ma({
|
|
|
3108
3110
|
}
|
|
3109
3111
|
);
|
|
3110
3112
|
}
|
|
3111
|
-
|
|
3112
|
-
function
|
|
3113
|
+
Ta.displayName = "LensChipGroup";
|
|
3114
|
+
function Ia({ heading: e, children: t }) {
|
|
3113
3115
|
return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ k("section", { className: "gloss-starter-rail", "aria-label": e, children: [
|
|
3114
3116
|
/* @__PURE__ */ r("header", { className: "gloss-starter-rail__heading", children: e }),
|
|
3115
3117
|
/* @__PURE__ */ r("div", { className: "gloss-starter-rail__tiles", children: t })
|
|
3116
3118
|
] });
|
|
3117
3119
|
}
|
|
3118
|
-
|
|
3119
|
-
function
|
|
3120
|
+
Ia.displayName = "StarterRail";
|
|
3121
|
+
function Ea({ heading: e, children: t, emptyStateLabel: n }) {
|
|
3120
3122
|
const a = !t || Array.isArray(t) && t.length === 0;
|
|
3121
3123
|
return /* @__PURE__ */ k("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
|
|
3122
3124
|
/* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
|
|
@@ -3126,7 +3128,7 @@ function Ia({ heading: e, children: t, emptyStateLabel: n }) {
|
|
|
3126
3128
|
] })
|
|
3127
3129
|
] });
|
|
3128
3130
|
}
|
|
3129
|
-
|
|
3131
|
+
Ea.displayName = "MoreInLensRail";
|
|
3130
3132
|
function X({
|
|
3131
3133
|
lead: e,
|
|
3132
3134
|
name: t,
|
|
@@ -3138,7 +3140,7 @@ function X({
|
|
|
3138
3140
|
className: l,
|
|
3139
3141
|
style: u
|
|
3140
3142
|
}) {
|
|
3141
|
-
const
|
|
3143
|
+
const c = [
|
|
3142
3144
|
"gloss-entity-row",
|
|
3143
3145
|
`gloss-entity-row--${s}`,
|
|
3144
3146
|
o ? "gloss-entity-row--clickable" : "",
|
|
@@ -3150,7 +3152,7 @@ function X({
|
|
|
3150
3152
|
/* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
|
|
3151
3153
|
i !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: i })
|
|
3152
3154
|
] });
|
|
3153
|
-
return o ? /* @__PURE__ */ r("div", { role: "listitem", className:
|
|
3155
|
+
return o ? /* @__PURE__ */ r("div", { role: "listitem", className: c, style: u, children: /* @__PURE__ */ r(
|
|
3154
3156
|
"button",
|
|
3155
3157
|
{
|
|
3156
3158
|
type: "button",
|
|
@@ -3167,7 +3169,7 @@ function X({
|
|
|
3167
3169
|
},
|
|
3168
3170
|
children: h
|
|
3169
3171
|
}
|
|
3170
|
-
) }) : /* @__PURE__ */ r("div", { role: "listitem", className:
|
|
3172
|
+
) }) : /* @__PURE__ */ r("div", { role: "listitem", className: c, style: u, children: h });
|
|
3171
3173
|
}
|
|
3172
3174
|
X.displayName = "EntityRow";
|
|
3173
3175
|
const ye = ({ rank: e }) => {
|
|
@@ -3194,7 +3196,7 @@ function we({ severity: e, "aria-label": t }) {
|
|
|
3194
3196
|
);
|
|
3195
3197
|
}
|
|
3196
3198
|
we.displayName = "SeverityDot";
|
|
3197
|
-
function
|
|
3199
|
+
function mt({
|
|
3198
3200
|
delta: e,
|
|
3199
3201
|
direction: t = "flat",
|
|
3200
3202
|
"aria-label": n
|
|
@@ -3223,7 +3225,7 @@ function ut({
|
|
|
3223
3225
|
}
|
|
3224
3226
|
);
|
|
3225
3227
|
}
|
|
3226
|
-
|
|
3228
|
+
mt.displayName = "RankDelta";
|
|
3227
3229
|
function _e({ fill: e, variant: t = "default", className: n }) {
|
|
3228
3230
|
const a = Math.max(0, Math.min(100, e));
|
|
3229
3231
|
return /* @__PURE__ */ r(
|
|
@@ -3242,7 +3244,7 @@ function _e({ fill: e, variant: t = "default", className: n }) {
|
|
|
3242
3244
|
}
|
|
3243
3245
|
_e.displayName = "MagnitudeBar";
|
|
3244
3246
|
const Pa = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
|
|
3245
|
-
function
|
|
3247
|
+
function Fa({
|
|
3246
3248
|
label: e,
|
|
3247
3249
|
rows: t,
|
|
3248
3250
|
rowCount: n,
|
|
@@ -3256,7 +3258,7 @@ function Ea({
|
|
|
3256
3258
|
{
|
|
3257
3259
|
className: "gloss-metric-card__zone-a",
|
|
3258
3260
|
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3259
|
-
children: /* @__PURE__ */ r(
|
|
3261
|
+
children: /* @__PURE__ */ r(Pe, { className: "gloss-metric-card__label", children: e })
|
|
3260
3262
|
}
|
|
3261
3263
|
),
|
|
3262
3264
|
/* @__PURE__ */ r(
|
|
@@ -3278,7 +3280,7 @@ function Ea({
|
|
|
3278
3280
|
),
|
|
3279
3281
|
value: o.value,
|
|
3280
3282
|
trail: /* @__PURE__ */ r(
|
|
3281
|
-
|
|
3283
|
+
mt,
|
|
3282
3284
|
{
|
|
3283
3285
|
delta: o.rankDelta,
|
|
3284
3286
|
direction: o.direction,
|
|
@@ -3298,8 +3300,8 @@ function Ea({
|
|
|
3298
3300
|
] })
|
|
3299
3301
|
] });
|
|
3300
3302
|
}
|
|
3301
|
-
|
|
3302
|
-
const
|
|
3303
|
+
Fa.displayName = "LeaderboardCard";
|
|
3304
|
+
const Aa = () => /* @__PURE__ */ k(
|
|
3303
3305
|
"div",
|
|
3304
3306
|
{
|
|
3305
3307
|
className: "leaderboard-tile-preview",
|
|
@@ -3312,8 +3314,8 @@ const Fa = () => /* @__PURE__ */ k(
|
|
|
3312
3314
|
]
|
|
3313
3315
|
}
|
|
3314
3316
|
);
|
|
3315
|
-
|
|
3316
|
-
const
|
|
3317
|
+
Aa.displayName = "LeaderboardTilePreview";
|
|
3318
|
+
const Oa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", La = (e, t) => {
|
|
3317
3319
|
const n = e.sourceValue;
|
|
3318
3320
|
if (typeof n != "number") return !1;
|
|
3319
3321
|
switch (t.condition) {
|
|
@@ -3331,7 +3333,7 @@ const Aa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warni
|
|
|
3331
3333
|
return !1;
|
|
3332
3334
|
}
|
|
3333
3335
|
};
|
|
3334
|
-
function
|
|
3336
|
+
function $a({
|
|
3335
3337
|
label: e,
|
|
3336
3338
|
rows: t,
|
|
3337
3339
|
rule: n,
|
|
@@ -3340,14 +3342,14 @@ function La({
|
|
|
3340
3342
|
ruleSubtitle: s,
|
|
3341
3343
|
isStale: o
|
|
3342
3344
|
}) {
|
|
3343
|
-
const l = t.filter((
|
|
3345
|
+
const l = t.filter((c) => La(c, n)), u = l.slice(0, a ?? 3);
|
|
3344
3346
|
return l.length === 0 ? /* @__PURE__ */ k(te, { children: [
|
|
3345
3347
|
/* @__PURE__ */ r(
|
|
3346
3348
|
be,
|
|
3347
3349
|
{
|
|
3348
3350
|
className: "gloss-metric-card__zone-a",
|
|
3349
3351
|
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3350
|
-
children: /* @__PURE__ */ r(
|
|
3352
|
+
children: /* @__PURE__ */ r(Pe, { className: "gloss-metric-card__label", children: e })
|
|
3351
3353
|
}
|
|
3352
3354
|
),
|
|
3353
3355
|
/* @__PURE__ */ r("div", { className: "gloss-exception-list__empty", role: "status", children: i ?? "No exceptions" }),
|
|
@@ -3358,7 +3360,7 @@ function La({
|
|
|
3358
3360
|
{
|
|
3359
3361
|
className: "gloss-metric-card__zone-a",
|
|
3360
3362
|
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3361
|
-
children: /* @__PURE__ */ r(
|
|
3363
|
+
children: /* @__PURE__ */ r(Pe, { className: "gloss-metric-card__label", children: e })
|
|
3362
3364
|
}
|
|
3363
3365
|
),
|
|
3364
3366
|
/* @__PURE__ */ r(
|
|
@@ -3366,24 +3368,24 @@ function La({
|
|
|
3366
3368
|
{
|
|
3367
3369
|
className: `gloss-metric-card__zone-b gloss-exception-list ${o ? "gloss-metric-data-stale" : ""}`,
|
|
3368
3370
|
style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
|
|
3369
|
-
children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((
|
|
3371
|
+
children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((c, h) => /* @__PURE__ */ r(
|
|
3370
3372
|
X,
|
|
3371
3373
|
{
|
|
3372
|
-
lead: /* @__PURE__ */ r(we, { severity:
|
|
3373
|
-
name:
|
|
3374
|
-
value:
|
|
3374
|
+
lead: /* @__PURE__ */ r(we, { severity: c.severity, "aria-label": Oa(c.severity) }),
|
|
3375
|
+
name: c.name,
|
|
3376
|
+
value: c.value,
|
|
3375
3377
|
variant: "exception",
|
|
3376
3378
|
style: { "--i": h }
|
|
3377
3379
|
},
|
|
3378
|
-
|
|
3380
|
+
c.id
|
|
3379
3381
|
)) })
|
|
3380
3382
|
}
|
|
3381
3383
|
),
|
|
3382
3384
|
s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
|
|
3383
3385
|
] });
|
|
3384
3386
|
}
|
|
3385
|
-
|
|
3386
|
-
const
|
|
3387
|
+
$a.displayName = "ExceptionListCard";
|
|
3388
|
+
const Ba = () => /* @__PURE__ */ k(
|
|
3387
3389
|
"div",
|
|
3388
3390
|
{
|
|
3389
3391
|
className: "exception-list-tile-preview",
|
|
@@ -3417,22 +3419,22 @@ const $a = () => /* @__PURE__ */ k(
|
|
|
3417
3419
|
]
|
|
3418
3420
|
}
|
|
3419
3421
|
);
|
|
3420
|
-
|
|
3421
|
-
const
|
|
3422
|
+
Ba.displayName = "ExceptionListTilePreview";
|
|
3423
|
+
const Je = ["MTD", "QTD", "YTD", "LYTD", "7D"], et = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], tt = [
|
|
3422
3424
|
"M0,7 L10,5 L20,6 L30,3 L40,2",
|
|
3423
3425
|
"M0,6 L10,4 L20,5 L30,2 L40,1",
|
|
3424
3426
|
"M0,8 L10,7 L20,5 L30,4 L40,2",
|
|
3425
3427
|
"M0,5 L10,6 L20,3 L30,4 L40,1",
|
|
3426
3428
|
"M0,7 L10,4 L20,5 L30,3 L40,2"
|
|
3427
|
-
],
|
|
3429
|
+
], Ka = ({
|
|
3428
3430
|
slotCount: e = 3,
|
|
3429
|
-
labels: t =
|
|
3430
|
-
sampleValues: n =
|
|
3431
|
+
labels: t = Je,
|
|
3432
|
+
sampleValues: n = et
|
|
3431
3433
|
}) => {
|
|
3432
3434
|
const a = Array.from({ length: e }, (i, s) => ({
|
|
3433
|
-
label: t[s] ??
|
|
3434
|
-
value: n[s] ??
|
|
3435
|
-
sparkPath:
|
|
3435
|
+
label: t[s] ?? Je[s] ?? "",
|
|
3436
|
+
value: n[s] ?? et[s] ?? "",
|
|
3437
|
+
sparkPath: tt[s % tt.length]
|
|
3436
3438
|
}));
|
|
3437
3439
|
return e === 1 ? /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--single", "aria-hidden": "true", children: /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview__single-value", children: a[0].value }) }) : /* @__PURE__ */ r(
|
|
3438
3440
|
"div",
|
|
@@ -3458,8 +3460,8 @@ const Xe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Je = ["$248K", "$612K", "$1.24M"
|
|
|
3458
3460
|
}
|
|
3459
3461
|
);
|
|
3460
3462
|
};
|
|
3461
|
-
|
|
3462
|
-
const
|
|
3463
|
+
Ka.displayName = "StackedGroupTilePreview";
|
|
3464
|
+
const Er = {
|
|
3463
3465
|
/** GEV-01 — Eligibility tint. Contiguous-from-source paint; blocked by first occupied cell (Principle 4). */
|
|
3464
3466
|
eligibilityTint: { applicableStates: ["arming", "active"] },
|
|
3465
3467
|
/** GEV-01 — Commit tint. Fill+stroke emphasis on the commit-target cell footprint (G-02). */
|
|
@@ -3478,7 +3480,7 @@ const Ir = {
|
|
|
3478
3480
|
hideOnActive: { applicableStates: ["active"] },
|
|
3479
3481
|
/** GEV-01 — Refuse pulse. Discrete moment of crossing into rejection. Fires ONCE per transition (Principle 2). No strobing. */
|
|
3480
3482
|
refusePulse: { applicableStates: ["active"] }
|
|
3481
|
-
},
|
|
3483
|
+
}, at = {
|
|
3482
3484
|
baseCellTint: "#F1F4F8",
|
|
3483
3485
|
// Grey · Neutral −2
|
|
3484
3486
|
eligibilityFill: "#6F87D2",
|
|
@@ -3501,8 +3503,8 @@ const Ir = {
|
|
|
3501
3503
|
rejectionFill: "var(--gloss-g02-rejection-fill)",
|
|
3502
3504
|
rejectionStroke: "var(--gloss-g02-rejection-stroke)",
|
|
3503
3505
|
trackingOutline: "var(--gloss-g02-tracking-outline)"
|
|
3504
|
-
}, Pr = "dashed",
|
|
3505
|
-
function
|
|
3506
|
+
}, Pr = "dashed", Fr = "solid", Ar = "sparse-dash", Or = "2px no-fill", Lr = "6 4", $r = "10 6", za = 3;
|
|
3507
|
+
function Br({
|
|
3506
3508
|
cell: e,
|
|
3507
3509
|
variant: t,
|
|
3508
3510
|
rampColor: n,
|
|
@@ -3511,10 +3513,10 @@ function Or({
|
|
|
3511
3513
|
gap: s,
|
|
3512
3514
|
className: o
|
|
3513
3515
|
}) {
|
|
3514
|
-
const u = (e.section *
|
|
3516
|
+
const u = (e.section * za + e.col) * (a + s), c = e.row * (i + s), h = t === "eligibility" ? se.eligibilityFill : t === "commit" ? se.commitFill : t === "rejection" ? se.rejectionFill : (
|
|
3515
3517
|
/* ramp */
|
|
3516
3518
|
n ?? se.eligibilityFill
|
|
3517
|
-
), m = t === "rejection", g = m ? se.rejectionStroke : "transparent",
|
|
3519
|
+
), m = t === "rejection", g = m ? se.rejectionStroke : "transparent", d = m ? "dashed" : "solid";
|
|
3518
3520
|
return /* @__PURE__ */ r(
|
|
3519
3521
|
"div",
|
|
3520
3522
|
{
|
|
@@ -3527,7 +3529,7 @@ function Or({
|
|
|
3527
3529
|
"data-variant": t,
|
|
3528
3530
|
"aria-hidden": "true",
|
|
3529
3531
|
style: {
|
|
3530
|
-
transform: `translate(${u}px, ${
|
|
3532
|
+
transform: `translate(${u}px, ${c}px)`,
|
|
3531
3533
|
width: a,
|
|
3532
3534
|
height: i,
|
|
3533
3535
|
// Use background-color longhand (NOT background shorthand) so jsdom + DOM
|
|
@@ -3535,17 +3537,17 @@ function Or({
|
|
|
3535
3537
|
// unknown values and breaks both unit-test introspection and styling.
|
|
3536
3538
|
backgroundColor: h,
|
|
3537
3539
|
borderColor: g,
|
|
3538
|
-
borderStyle:
|
|
3540
|
+
borderStyle: d
|
|
3539
3541
|
}
|
|
3540
3542
|
}
|
|
3541
3543
|
);
|
|
3542
3544
|
}
|
|
3543
|
-
const
|
|
3545
|
+
const Wa = 3, ja = [
|
|
3544
3546
|
{ idx: 0, peakR: 22, peakOpacity: 0.45, strokeW: 1.5 },
|
|
3545
3547
|
{ idx: 1, peakR: 34, peakOpacity: 0.22, strokeW: 1 },
|
|
3546
3548
|
{ idx: 2, peakR: 46, peakOpacity: 0.1, strokeW: 0.8 }
|
|
3547
3549
|
];
|
|
3548
|
-
function
|
|
3550
|
+
function Kr({
|
|
3549
3551
|
cell: e,
|
|
3550
3552
|
fireKey: t,
|
|
3551
3553
|
colWidth: n,
|
|
@@ -3553,8 +3555,8 @@ function Lr({
|
|
|
3553
3555
|
gap: i,
|
|
3554
3556
|
className: s
|
|
3555
3557
|
}) {
|
|
3556
|
-
const l = (e.section *
|
|
3557
|
-
return
|
|
3558
|
+
const l = (e.section * Wa + e.col) * (n + i) + n / 2, u = e.row * (a + i) + a / 2;
|
|
3559
|
+
return rt() === "reduced" ? /* @__PURE__ */ r(
|
|
3558
3560
|
"div",
|
|
3559
3561
|
{
|
|
3560
3562
|
className: ["gloss-refuse-pulse-flash", s].filter(Boolean).join(" "),
|
|
@@ -3590,7 +3592,7 @@ function Lr({
|
|
|
3590
3592
|
top: 0,
|
|
3591
3593
|
pointerEvents: "none"
|
|
3592
3594
|
},
|
|
3593
|
-
children:
|
|
3595
|
+
children: ja.map((h) => {
|
|
3594
3596
|
const m = h.peakR * 2;
|
|
3595
3597
|
return /* @__PURE__ */ r(
|
|
3596
3598
|
"div",
|
|
@@ -3624,66 +3626,66 @@ function Lr({
|
|
|
3624
3626
|
t
|
|
3625
3627
|
);
|
|
3626
3628
|
}
|
|
3627
|
-
function
|
|
3628
|
-
return /* @__PURE__ */ r(
|
|
3629
|
+
function zr(e) {
|
|
3630
|
+
return /* @__PURE__ */ r(ut, { gesture: "resize", ...e });
|
|
3629
3631
|
}
|
|
3630
|
-
const
|
|
3632
|
+
const Ga = Object.freeze({
|
|
3631
3633
|
trackingOutline: null,
|
|
3632
3634
|
cellTints: [],
|
|
3633
3635
|
refusePulse: null,
|
|
3634
3636
|
shrinkFreedCells: []
|
|
3635
3637
|
});
|
|
3636
|
-
function
|
|
3638
|
+
function Va(e, t, n) {
|
|
3637
3639
|
const a = Math.max(0, Math.min(1, n)), i = (m) => [
|
|
3638
3640
|
parseInt(m.slice(1, 3), 16),
|
|
3639
3641
|
parseInt(m.slice(3, 5), 16),
|
|
3640
3642
|
parseInt(m.slice(5, 7), 16)
|
|
3641
|
-
], [s, o, l] = i(e), [u,
|
|
3642
|
-
return `rgb(${Math.round(s + (u - s) * a)}, ${Math.round(o + (
|
|
3643
|
+
], [s, o, l] = i(e), [u, c, h] = i(t);
|
|
3644
|
+
return `rgb(${Math.round(s + (u - s) * a)}, ${Math.round(o + (c - o) * a)}, ${Math.round(
|
|
3643
3645
|
l + (h - l) * a
|
|
3644
3646
|
)})`;
|
|
3645
3647
|
}
|
|
3646
|
-
function
|
|
3648
|
+
function Ha(e) {
|
|
3647
3649
|
return e <= 1 ? 1 : e >= 3 ? 3 : 2;
|
|
3648
3650
|
}
|
|
3649
|
-
function
|
|
3651
|
+
function Ua(e) {
|
|
3650
3652
|
return e !== "idle" && e !== "settling" && e !== "cancelled";
|
|
3651
3653
|
}
|
|
3652
|
-
function
|
|
3653
|
-
const { edgeHover: t, sourceCell: n, cascadeResult: a, colWidth: i, rowHeight: s, gap: o } = e, u =
|
|
3654
|
-
if (!
|
|
3655
|
-
return h.current.armed = !0, h.current.lastResult = null,
|
|
3656
|
-
const m = t.hysteresisTargetColSpan, g = t.previewColSpan,
|
|
3657
|
-
|
|
3658
|
-
const _ =
|
|
3654
|
+
function Wr(e) {
|
|
3655
|
+
const { edgeHover: t, sourceCell: n, cascadeResult: a, colWidth: i, rowHeight: s, gap: o } = e, u = rt() === "reduced", c = ce.useRef(t.currentColSpan), h = ce.useRef({ armed: !0, fireKey: 0, lastResult: null });
|
|
3656
|
+
if (!Ua(t.state))
|
|
3657
|
+
return h.current.armed = !0, h.current.lastResult = null, Ga;
|
|
3658
|
+
const m = t.hysteresisTargetColSpan, g = t.previewColSpan, d = a?.result === "rejected";
|
|
3659
|
+
d || (c.current = m), d && h.current.armed && h.current.lastResult !== "rejected" && (h.current.fireKey += 1, h.current.armed = !1), h.current.lastResult = d ? "rejected" : "ok";
|
|
3660
|
+
const _ = d ? c.current : m, b = {
|
|
3659
3661
|
cell: { section: 0, col: 0, row: 0 },
|
|
3660
3662
|
colSpan: _,
|
|
3661
|
-
pattern:
|
|
3663
|
+
pattern: d ? "dashed-retreated" : "solid"
|
|
3662
3664
|
}, f = [];
|
|
3663
|
-
if (
|
|
3664
|
-
const y = n.col +
|
|
3665
|
-
for (let
|
|
3665
|
+
if (d) {
|
|
3666
|
+
const y = n.col + c.current, M = n.col + m - 1;
|
|
3667
|
+
for (let S = y; S <= M && S <= 2; S++)
|
|
3666
3668
|
f.push({
|
|
3667
3669
|
cell: {
|
|
3668
3670
|
section: 0,
|
|
3669
|
-
col:
|
|
3671
|
+
col: S - n.col,
|
|
3670
3672
|
row: 0
|
|
3671
3673
|
},
|
|
3672
3674
|
variant: "rejection"
|
|
3673
3675
|
});
|
|
3674
3676
|
} else {
|
|
3675
3677
|
const y = Math.abs(g - m), M = Math.max(0, Math.min(1, 1 - y));
|
|
3676
|
-
for (let
|
|
3677
|
-
if (
|
|
3678
|
-
const p =
|
|
3678
|
+
for (let S = n.col; S < n.col + m && S <= 2; S++) {
|
|
3679
|
+
if (S === n.col) continue;
|
|
3680
|
+
const p = S === n.col + m - 1, v = {
|
|
3679
3681
|
section: 0,
|
|
3680
|
-
col:
|
|
3682
|
+
col: S - n.col,
|
|
3681
3683
|
row: 0
|
|
3682
3684
|
};
|
|
3683
3685
|
p && t.direction.startsWith("grow") && m > 1 && !u && y > 0 && y < 1 ? f.push({
|
|
3684
3686
|
cell: v,
|
|
3685
3687
|
variant: "ramp",
|
|
3686
|
-
rampColor:
|
|
3688
|
+
rampColor: Va(at.eligibilityFill, at.commitFill, M)
|
|
3687
3689
|
}) : p ? f.push({ cell: v, variant: "commit" }) : f.push({ cell: v, variant: "eligibility" });
|
|
3688
3690
|
}
|
|
3689
3691
|
}
|
|
@@ -3698,8 +3700,8 @@ function Br(e) {
|
|
|
3698
3700
|
const I = h.current.fireKey > 0 ? {
|
|
3699
3701
|
cell: {
|
|
3700
3702
|
section: 0,
|
|
3701
|
-
col:
|
|
3702
|
-
Math.min(
|
|
3703
|
+
col: Ha(
|
|
3704
|
+
Math.min(c.current, 2)
|
|
3703
3705
|
),
|
|
3704
3706
|
row: 0
|
|
3705
3707
|
},
|
|
@@ -3720,7 +3722,7 @@ const ne = {
|
|
|
3720
3722
|
"gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
|
|
3721
3723
|
"gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
|
|
3722
3724
|
};
|
|
3723
|
-
function
|
|
3725
|
+
function Za({
|
|
3724
3726
|
message: e,
|
|
3725
3727
|
primaryAction: t,
|
|
3726
3728
|
onDismiss: n,
|
|
@@ -3736,9 +3738,9 @@ function Ua({
|
|
|
3736
3738
|
"[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
|
|
3737
3739
|
);
|
|
3738
3740
|
}, [a, i]), V.useLayoutEffect(() => {
|
|
3739
|
-
let
|
|
3740
|
-
if (a ?
|
|
3741
|
-
const h =
|
|
3741
|
+
let c = null;
|
|
3742
|
+
if (a ? c = a : i && (c = document.querySelector(i)), c) {
|
|
3743
|
+
const h = c.getBoundingClientRect();
|
|
3742
3744
|
o({
|
|
3743
3745
|
top: h.bottom + window.scrollY + 6,
|
|
3744
3746
|
left: h.left + window.scrollX
|
|
@@ -3781,11 +3783,11 @@ function Ua({
|
|
|
3781
3783
|
}
|
|
3782
3784
|
);
|
|
3783
3785
|
}
|
|
3784
|
-
|
|
3786
|
+
Za.displayName = "InlineNudge";
|
|
3785
3787
|
function Be(e) {
|
|
3786
3788
|
return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
|
|
3787
3789
|
}
|
|
3788
|
-
function
|
|
3790
|
+
function Ya(e, t, n) {
|
|
3789
3791
|
if (n <= t) {
|
|
3790
3792
|
const o = e[0], l = o ? Be(o) : "#888";
|
|
3791
3793
|
return `linear-gradient(to right, ${l}, ${l})`;
|
|
@@ -3796,10 +3798,10 @@ function Za(e, t, n) {
|
|
|
3796
3798
|
});
|
|
3797
3799
|
return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
|
|
3798
3800
|
}
|
|
3799
|
-
function
|
|
3801
|
+
function qa(e) {
|
|
3800
3802
|
return e.map((t) => `${t.id}:${t.value}`).join("|");
|
|
3801
3803
|
}
|
|
3802
|
-
function
|
|
3804
|
+
function Qa({
|
|
3803
3805
|
stops: e,
|
|
3804
3806
|
onChange: t,
|
|
3805
3807
|
min: n = 0,
|
|
@@ -3812,11 +3814,11 @@ function qa({
|
|
|
3812
3814
|
), 0.01) : i, l = N(
|
|
3813
3815
|
(p) => Math.round(p / o) * o,
|
|
3814
3816
|
[o]
|
|
3815
|
-
), u =
|
|
3817
|
+
), u = E(null), [c, h] = $(null), [m, g] = $(e), d = qa(e), _ = E(d);
|
|
3816
3818
|
O(() => {
|
|
3817
|
-
_.current !==
|
|
3818
|
-
}, [
|
|
3819
|
-
const b = Ne(() =>
|
|
3819
|
+
_.current !== d && (_.current = d, !c && g(e));
|
|
3820
|
+
}, [d, e, c]);
|
|
3821
|
+
const b = Ne(() => Ya(m, n, a), [m, n, a]), f = N(
|
|
3820
3822
|
(p) => {
|
|
3821
3823
|
if (!u.current) return n;
|
|
3822
3824
|
const v = u.current.getBoundingClientRect(), D = v.width || 1, T = Math.max(0, Math.min(1, (p - v.left) / D)), w = n + T * (a - n);
|
|
@@ -3835,27 +3837,27 @@ function qa({
|
|
|
3835
3837
|
s || D?.disabled || (p.preventDefault(), h(v));
|
|
3836
3838
|
},
|
|
3837
3839
|
[s, m]
|
|
3838
|
-
), I =
|
|
3840
|
+
), I = E(m);
|
|
3839
3841
|
I.current = m;
|
|
3840
|
-
const y =
|
|
3842
|
+
const y = E(t);
|
|
3841
3843
|
y.current = t, O(() => {
|
|
3842
|
-
if (!
|
|
3844
|
+
if (!c) return;
|
|
3843
3845
|
const p = (D) => {
|
|
3844
3846
|
const T = f(D.clientX);
|
|
3845
3847
|
g(
|
|
3846
|
-
(w) => w.map((
|
|
3848
|
+
(w) => w.map((x) => x.id === c ? { ...x, value: T } : x)
|
|
3847
3849
|
);
|
|
3848
3850
|
}, v = (D) => {
|
|
3849
3851
|
const T = f(D.clientX), w = I.current.map(
|
|
3850
|
-
(
|
|
3852
|
+
(x) => x.id === c ? { ...x, value: T } : x
|
|
3851
3853
|
);
|
|
3852
3854
|
g(w), h(null), y.current(w);
|
|
3853
3855
|
};
|
|
3854
3856
|
return window.addEventListener("pointermove", p), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
|
|
3855
3857
|
window.removeEventListener("pointermove", p), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
|
|
3856
3858
|
};
|
|
3857
|
-
}, [
|
|
3858
|
-
const M = a - n > 0 ? a - n : 1,
|
|
3859
|
+
}, [c, f]);
|
|
3860
|
+
const M = a - n > 0 ? a - n : 1, S = N(
|
|
3859
3861
|
(p, v) => {
|
|
3860
3862
|
if (s || v.disabled) return;
|
|
3861
3863
|
const D = a - n;
|
|
@@ -3881,10 +3883,10 @@ function qa({
|
|
|
3881
3883
|
return;
|
|
3882
3884
|
}
|
|
3883
3885
|
p.preventDefault();
|
|
3884
|
-
const
|
|
3885
|
-
if (
|
|
3886
|
+
const x = Math.max(n, Math.min(a, w)), P = l(x);
|
|
3887
|
+
if (P === v.value) return;
|
|
3886
3888
|
const H = m.map(
|
|
3887
|
-
(Y) => Y.id === v.id ? { ...Y, value:
|
|
3889
|
+
(Y) => Y.id === v.id ? { ...Y, value: P } : Y
|
|
3888
3890
|
);
|
|
3889
3891
|
g(H), t(H);
|
|
3890
3892
|
},
|
|
@@ -3907,9 +3909,9 @@ function qa({
|
|
|
3907
3909
|
color: Be(p)
|
|
3908
3910
|
},
|
|
3909
3911
|
"data-disabled": p.disabled || void 0,
|
|
3910
|
-
"data-dragging":
|
|
3912
|
+
"data-dragging": c === p.id || void 0,
|
|
3911
3913
|
onPointerDown: (D) => R(D, p.id),
|
|
3912
|
-
onKeyDown: (D) =>
|
|
3914
|
+
onKeyDown: (D) => S(D, p),
|
|
3913
3915
|
"aria-label": p.label ?? `Stop at ${p.value}`,
|
|
3914
3916
|
role: "slider",
|
|
3915
3917
|
"aria-valuenow": p.value,
|
|
@@ -3924,24 +3926,24 @@ function qa({
|
|
|
3924
3926
|
}
|
|
3925
3927
|
) });
|
|
3926
3928
|
}
|
|
3927
|
-
|
|
3928
|
-
const
|
|
3929
|
-
function
|
|
3930
|
-
return xt(
|
|
3929
|
+
Qa.displayName = "ThresholdRamp";
|
|
3930
|
+
const gt = St(null);
|
|
3931
|
+
function Xa() {
|
|
3932
|
+
return xt(gt);
|
|
3931
3933
|
}
|
|
3932
|
-
function
|
|
3933
|
-
const t =
|
|
3934
|
+
function Ja({ option: e }) {
|
|
3935
|
+
const t = Xa(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = N(() => {
|
|
3934
3936
|
a || t?.select(e.value);
|
|
3935
3937
|
}, [a, t, e.value]), s = N(
|
|
3936
|
-
(
|
|
3937
|
-
a || t?.onKeyNav(
|
|
3938
|
+
(c) => {
|
|
3939
|
+
a || t?.onKeyNav(c, e.value);
|
|
3938
3940
|
},
|
|
3939
3941
|
[a, t, e.value]
|
|
3940
3942
|
), 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;
|
|
3941
3943
|
return /* @__PURE__ */ r(
|
|
3942
3944
|
"button",
|
|
3943
3945
|
{
|
|
3944
|
-
ref: (
|
|
3946
|
+
ref: (c) => t?.registerRef(e.value, c),
|
|
3945
3947
|
type: "button",
|
|
3946
3948
|
role: "radio",
|
|
3947
3949
|
"aria-checked": n,
|
|
@@ -3959,7 +3961,7 @@ function Xa({ option: e }) {
|
|
|
3959
3961
|
}
|
|
3960
3962
|
);
|
|
3961
3963
|
}
|
|
3962
|
-
function
|
|
3964
|
+
function en({
|
|
3963
3965
|
swatches: e,
|
|
3964
3966
|
value: t,
|
|
3965
3967
|
defaultValue: n,
|
|
@@ -3967,41 +3969,41 @@ function Ja({
|
|
|
3967
3969
|
disabled: i = !1,
|
|
3968
3970
|
name: s
|
|
3969
3971
|
}) {
|
|
3970
|
-
const o = t !== void 0, [l, u] = $(n),
|
|
3972
|
+
const o = t !== void 0, [l, u] = $(n), c = o ? t : l, h = N(
|
|
3971
3973
|
(y) => {
|
|
3972
3974
|
o || u(y), a?.(y);
|
|
3973
3975
|
},
|
|
3974
3976
|
[o, a]
|
|
3975
3977
|
), m = N(
|
|
3976
|
-
(y) =>
|
|
3977
|
-
[
|
|
3978
|
-
), g =
|
|
3978
|
+
(y) => c === y,
|
|
3979
|
+
[c]
|
|
3980
|
+
), g = E(/* @__PURE__ */ new Map()), d = N((y, M) => {
|
|
3979
3981
|
M ? g.current.set(y, M) : g.current.delete(y);
|
|
3980
|
-
}, []), _ = e.filter((y) => !y.disabled && !i), b = _.find((y) => y.value ===
|
|
3982
|
+
}, []), _ = e.filter((y) => !y.disabled && !i), b = _.find((y) => y.value === c)?.value ?? _[0]?.value, f = N((y) => {
|
|
3981
3983
|
const M = g.current.get(y);
|
|
3982
3984
|
M && M.focus();
|
|
3983
3985
|
}, []), R = N(
|
|
3984
3986
|
(y, M) => {
|
|
3985
3987
|
if (i) return;
|
|
3986
|
-
const
|
|
3987
|
-
if (
|
|
3988
|
-
const p =
|
|
3988
|
+
const S = e.filter((T) => !T.disabled);
|
|
3989
|
+
if (S.length === 0) return;
|
|
3990
|
+
const p = S.findIndex((T) => T.value === M);
|
|
3989
3991
|
if (p === -1) return;
|
|
3990
3992
|
let v = p;
|
|
3991
3993
|
switch (y.key) {
|
|
3992
3994
|
case "ArrowRight":
|
|
3993
3995
|
case "ArrowDown":
|
|
3994
|
-
v = (p + 1) %
|
|
3996
|
+
v = (p + 1) % S.length;
|
|
3995
3997
|
break;
|
|
3996
3998
|
case "ArrowLeft":
|
|
3997
3999
|
case "ArrowUp":
|
|
3998
|
-
v = (p - 1 +
|
|
4000
|
+
v = (p - 1 + S.length) % S.length;
|
|
3999
4001
|
break;
|
|
4000
4002
|
case "Home":
|
|
4001
4003
|
v = 0;
|
|
4002
4004
|
break;
|
|
4003
4005
|
case "End":
|
|
4004
|
-
v =
|
|
4006
|
+
v = S.length - 1;
|
|
4005
4007
|
break;
|
|
4006
4008
|
case " ":
|
|
4007
4009
|
case "Enter":
|
|
@@ -4011,21 +4013,21 @@ function Ja({
|
|
|
4011
4013
|
return;
|
|
4012
4014
|
}
|
|
4013
4015
|
y.preventDefault();
|
|
4014
|
-
const D =
|
|
4016
|
+
const D = S[v].value;
|
|
4015
4017
|
f(D), h(D);
|
|
4016
4018
|
},
|
|
4017
4019
|
[i, e, h, f]
|
|
4018
4020
|
), I = {
|
|
4019
|
-
selectedValue:
|
|
4021
|
+
selectedValue: c,
|
|
4020
4022
|
select: h,
|
|
4021
4023
|
isSelected: m,
|
|
4022
4024
|
groupDisabled: i,
|
|
4023
4025
|
name: s,
|
|
4024
|
-
registerRef:
|
|
4026
|
+
registerRef: d,
|
|
4025
4027
|
firstFocusableValue: b,
|
|
4026
4028
|
onKeyNav: R
|
|
4027
4029
|
};
|
|
4028
|
-
return /* @__PURE__ */ r(
|
|
4030
|
+
return /* @__PURE__ */ r(gt.Provider, { value: I, children: /* @__PURE__ */ r(
|
|
4029
4031
|
"div",
|
|
4030
4032
|
{
|
|
4031
4033
|
className: "gloss-preset-swatch-row",
|
|
@@ -4033,54 +4035,54 @@ function Ja({
|
|
|
4033
4035
|
"aria-label": s,
|
|
4034
4036
|
"aria-disabled": i,
|
|
4035
4037
|
"data-disabled": i || void 0,
|
|
4036
|
-
children: e.map((y) => /* @__PURE__ */ r(
|
|
4038
|
+
children: e.map((y) => /* @__PURE__ */ r(Ja, { option: y }, y.value))
|
|
4037
4039
|
}
|
|
4038
4040
|
) });
|
|
4039
4041
|
}
|
|
4040
|
-
|
|
4042
|
+
en.displayName = "PresetSwatchRow";
|
|
4041
4043
|
function Ke(e, t) {
|
|
4042
4044
|
for (const n of e)
|
|
4043
4045
|
if (n.items.some((a) => a.id === t))
|
|
4044
4046
|
return n.zoneKey;
|
|
4045
4047
|
return null;
|
|
4046
4048
|
}
|
|
4047
|
-
function
|
|
4049
|
+
function nt(e, t) {
|
|
4048
4050
|
const n = e.find((a) => a.zoneKey === t);
|
|
4049
4051
|
return n ? n.zoneKey : Ke(e, t);
|
|
4050
4052
|
}
|
|
4051
|
-
function
|
|
4053
|
+
function tn(e, t, n) {
|
|
4052
4054
|
const a = [...e], [i] = a.splice(t, 1);
|
|
4053
4055
|
return a.splice(n, 0, i), a;
|
|
4054
4056
|
}
|
|
4055
|
-
function
|
|
4057
|
+
function an(e) {
|
|
4056
4058
|
return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
|
|
4057
4059
|
}
|
|
4058
|
-
function
|
|
4060
|
+
function nn(e) {
|
|
4059
4061
|
const [t, n] = $(
|
|
4060
4062
|
() => e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
4061
4063
|
`useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
|
|
4062
4064
|
), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
|
|
4063
|
-
), [a, i] = $(null), [s, o] = $(null), l =
|
|
4065
|
+
), [a, i] = $(null), [s, o] = $(null), l = E(null), u = E(e.onZoneChange);
|
|
4064
4066
|
u.current = e.onZoneChange;
|
|
4065
|
-
const
|
|
4066
|
-
() =>
|
|
4067
|
+
const c = Ne(
|
|
4068
|
+
() => an(e.zones),
|
|
4067
4069
|
[e.zones]
|
|
4068
|
-
), h =
|
|
4070
|
+
), h = E(c);
|
|
4069
4071
|
O(() => {
|
|
4070
|
-
h.current !==
|
|
4072
|
+
h.current !== c && (h.current = c, !a && n(
|
|
4071
4073
|
e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
4072
4074
|
`useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
|
|
4073
4075
|
), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
|
|
4074
4076
|
));
|
|
4075
|
-
}, [
|
|
4077
|
+
}, [c, e.zones, a]);
|
|
4076
4078
|
const m = N(
|
|
4077
4079
|
(f) => {
|
|
4078
4080
|
const R = f.active.id;
|
|
4079
4081
|
let I = null, y = null;
|
|
4080
4082
|
for (const M of t) {
|
|
4081
|
-
const
|
|
4082
|
-
if (
|
|
4083
|
-
I =
|
|
4083
|
+
const S = M.items.find((p) => p.id === R);
|
|
4084
|
+
if (S) {
|
|
4085
|
+
I = S, y = M.zoneKey;
|
|
4084
4086
|
break;
|
|
4085
4087
|
}
|
|
4086
4088
|
}
|
|
@@ -4093,11 +4095,11 @@ function an(e) {
|
|
|
4093
4095
|
o(l.current);
|
|
4094
4096
|
return;
|
|
4095
4097
|
}
|
|
4096
|
-
const R =
|
|
4098
|
+
const R = nt(t, f.over.id);
|
|
4097
4099
|
o(R);
|
|
4098
4100
|
},
|
|
4099
4101
|
[t]
|
|
4100
|
-
),
|
|
4102
|
+
), d = N(
|
|
4101
4103
|
(f) => {
|
|
4102
4104
|
const { active: R, over: I } = f, y = () => {
|
|
4103
4105
|
l.current = null, i(null), o(null);
|
|
@@ -4106,33 +4108,33 @@ function an(e) {
|
|
|
4106
4108
|
y();
|
|
4107
4109
|
return;
|
|
4108
4110
|
}
|
|
4109
|
-
const M = Ke(t, R.id),
|
|
4110
|
-
if (!M || !
|
|
4111
|
+
const M = Ke(t, R.id), S = nt(t, I.id);
|
|
4112
|
+
if (!M || !S) {
|
|
4111
4113
|
y();
|
|
4112
4114
|
return;
|
|
4113
4115
|
}
|
|
4114
4116
|
let p = t.map((v) => ({ ...v, items: [...v.items] }));
|
|
4115
|
-
if (M ===
|
|
4116
|
-
const v = p.findIndex((
|
|
4117
|
+
if (M === S) {
|
|
4118
|
+
const v = p.findIndex((P) => P.zoneKey === M), D = p[v], T = D.items.findIndex((P) => P.id === R.id), w = D.items.findIndex((P) => P.id === I.id), x = w >= 0 ? w : Math.max(0, D.items.length - 1);
|
|
4117
4119
|
p[v] = {
|
|
4118
4120
|
...D,
|
|
4119
|
-
items:
|
|
4121
|
+
items: tn(D.items, T, x)
|
|
4120
4122
|
};
|
|
4121
4123
|
} else {
|
|
4122
|
-
const v = p.findIndex((L) => L.zoneKey === M), D = p.findIndex((L) => L.zoneKey ===
|
|
4123
|
-
if (!
|
|
4124
|
+
const v = p.findIndex((L) => L.zoneKey === M), D = p.findIndex((L) => L.zoneKey === S), T = p[v], w = p[D], x = T.items.find((L) => L.id === R.id);
|
|
4125
|
+
if (!x) {
|
|
4124
4126
|
y();
|
|
4125
4127
|
return;
|
|
4126
4128
|
}
|
|
4127
|
-
const
|
|
4128
|
-
let U =
|
|
4129
|
+
const P = T.items.filter((L) => L.id !== R.id), H = w.items.findIndex((L) => L.id === I.id), Y = H >= 0 ? H : w.items.length;
|
|
4130
|
+
let U = P, j = [...w.items];
|
|
4129
4131
|
if (w.maxItems !== void 0 && j.length >= w.maxItems) {
|
|
4130
4132
|
const L = j[j.length - 1];
|
|
4131
|
-
j = j.slice(0, w.maxItems - 1), U = [...
|
|
4133
|
+
j = j.slice(0, w.maxItems - 1), U = [...P, L];
|
|
4132
4134
|
}
|
|
4133
4135
|
const B = Math.min(Y, j.length), Z = [
|
|
4134
4136
|
...j.slice(0, B),
|
|
4135
|
-
|
|
4137
|
+
x,
|
|
4136
4138
|
...j.slice(B)
|
|
4137
4139
|
];
|
|
4138
4140
|
p[v] = { ...T, items: U }, p[D] = { ...w, items: Z };
|
|
@@ -4165,11 +4167,11 @@ function an(e) {
|
|
|
4165
4167
|
getItemProps: b,
|
|
4166
4168
|
handleDragStart: m,
|
|
4167
4169
|
handleDragOver: g,
|
|
4168
|
-
handleDragEnd:
|
|
4170
|
+
handleDragEnd: d
|
|
4169
4171
|
};
|
|
4170
4172
|
}
|
|
4171
|
-
let he = null, Ce = null,
|
|
4172
|
-
const
|
|
4173
|
+
let he = null, Ce = null, Ee = !1;
|
|
4174
|
+
const rn = [
|
|
4173
4175
|
"DndContext",
|
|
4174
4176
|
"DragOverlay",
|
|
4175
4177
|
"useSensors",
|
|
@@ -4178,22 +4180,22 @@ const nn = [
|
|
|
4178
4180
|
"PointerSensor",
|
|
4179
4181
|
"KeyboardSensor",
|
|
4180
4182
|
"closestCenter"
|
|
4181
|
-
],
|
|
4183
|
+
], sn = [
|
|
4182
4184
|
"SortableContext",
|
|
4183
4185
|
"useSortable",
|
|
4184
4186
|
"verticalListSortingStrategy"
|
|
4185
4187
|
];
|
|
4186
|
-
function
|
|
4188
|
+
function on(e, t) {
|
|
4187
4189
|
const n = [], a = e ?? {};
|
|
4188
|
-
for (const s of
|
|
4190
|
+
for (const s of rn)
|
|
4189
4191
|
a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
|
|
4190
4192
|
const i = t ?? {};
|
|
4191
|
-
for (const s of
|
|
4193
|
+
for (const s of sn)
|
|
4192
4194
|
i[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
|
|
4193
4195
|
return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
|
|
4194
4196
|
}
|
|
4195
|
-
function
|
|
4196
|
-
return he ? Promise.resolve(he) :
|
|
4197
|
+
function ln() {
|
|
4198
|
+
return he ? Promise.resolve(he) : Ee ? Promise.resolve(null) : Ce || (Ce = (async () => {
|
|
4197
4199
|
try {
|
|
4198
4200
|
const [e, t, n] = await Promise.all([
|
|
4199
4201
|
import("@dnd-kit/core"),
|
|
@@ -4201,31 +4203,31 @@ function on() {
|
|
|
4201
4203
|
import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
|
|
4202
4204
|
"SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
|
|
4203
4205
|
), {}))
|
|
4204
|
-
]), a =
|
|
4206
|
+
]), a = on(e, t);
|
|
4205
4207
|
return a.ok ? (he = {
|
|
4206
4208
|
core: e,
|
|
4207
4209
|
sortable: t,
|
|
4208
4210
|
utilities: n
|
|
4209
|
-
}, he) : (
|
|
4211
|
+
}, he) : (Ee = !0, process.env.NODE_ENV !== "production" && console.error(
|
|
4210
4212
|
`SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
|
|
4211
4213
|
), null);
|
|
4212
4214
|
} catch {
|
|
4213
|
-
return
|
|
4215
|
+
return Ee = !0, null;
|
|
4214
4216
|
}
|
|
4215
4217
|
})(), Ce);
|
|
4216
4218
|
}
|
|
4217
|
-
function
|
|
4218
|
-
const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o =
|
|
4219
|
+
function cn(e) {
|
|
4220
|
+
const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = nn({ zones: t, onZoneChange: n }), [l, u] = V.useState(he);
|
|
4219
4221
|
return V.useEffect(() => {
|
|
4220
4222
|
if (l) return;
|
|
4221
|
-
let
|
|
4222
|
-
return
|
|
4223
|
-
|
|
4223
|
+
let c = !0;
|
|
4224
|
+
return ln().then((h) => {
|
|
4225
|
+
c && u(h);
|
|
4224
4226
|
}), () => {
|
|
4225
|
-
|
|
4227
|
+
c = !1;
|
|
4226
4228
|
};
|
|
4227
4229
|
}, [l]), l ? /* @__PURE__ */ r(
|
|
4228
|
-
|
|
4230
|
+
pt,
|
|
4229
4231
|
{
|
|
4230
4232
|
state: o,
|
|
4231
4233
|
modules: l,
|
|
@@ -4233,23 +4235,23 @@ function ln(e) {
|
|
|
4233
4235
|
renderItem: i,
|
|
4234
4236
|
renderDragOverlay: s
|
|
4235
4237
|
}
|
|
4236
|
-
) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((
|
|
4237
|
-
const h =
|
|
4238
|
-
return /* @__PURE__ */ r("div", { ...o.getZoneProps(
|
|
4238
|
+
) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((c) => {
|
|
4239
|
+
const h = c.items.map((m) => /* @__PURE__ */ r(V.Fragment, { children: i(m) }, m.id));
|
|
4240
|
+
return /* @__PURE__ */ r("div", { ...o.getZoneProps(c.zoneKey), children: a(c.zoneKey, c.items, h) }, c.zoneKey);
|
|
4239
4241
|
}) });
|
|
4240
4242
|
}
|
|
4241
|
-
|
|
4242
|
-
function
|
|
4243
|
+
cn.displayName = "SortableZones";
|
|
4244
|
+
function pt({
|
|
4243
4245
|
state: e,
|
|
4244
4246
|
modules: t,
|
|
4245
4247
|
renderZone: n,
|
|
4246
4248
|
renderItem: a,
|
|
4247
4249
|
renderDragOverlay: i
|
|
4248
4250
|
}) {
|
|
4249
|
-
const { core: s, sortable: o, utilities: l } = t, { DndContext: u, DragOverlay:
|
|
4250
|
-
m(
|
|
4251
|
+
const { core: s, sortable: o, utilities: l } = t, { DndContext: u, DragOverlay: c, useSensors: h, useSensor: m, useDroppable: g, PointerSensor: d, KeyboardSensor: _, closestCenter: b } = s, { SortableContext: f, verticalListSortingStrategy: R } = o, I = h(
|
|
4252
|
+
m(d, { activationConstraint: { distance: 5 } }),
|
|
4251
4253
|
m(_)
|
|
4252
|
-
), y = u, M =
|
|
4254
|
+
), y = u, M = c, S = f;
|
|
4253
4255
|
return /* @__PURE__ */ k(
|
|
4254
4256
|
y,
|
|
4255
4257
|
{
|
|
@@ -4261,7 +4263,7 @@ function gt({
|
|
|
4261
4263
|
children: [
|
|
4262
4264
|
e.zones.map((p) => {
|
|
4263
4265
|
const v = p.items.map((T) => T.id), D = p.items.map((T) => /* @__PURE__ */ r(
|
|
4264
|
-
|
|
4266
|
+
ft,
|
|
4265
4267
|
{
|
|
4266
4268
|
id: T.id,
|
|
4267
4269
|
useSortable: o.useSortable,
|
|
@@ -4271,12 +4273,12 @@ function gt({
|
|
|
4271
4273
|
T.id
|
|
4272
4274
|
));
|
|
4273
4275
|
return /* @__PURE__ */ r(
|
|
4274
|
-
|
|
4276
|
+
ht,
|
|
4275
4277
|
{
|
|
4276
4278
|
zoneKey: p.zoneKey,
|
|
4277
4279
|
zoneProps: e.getZoneProps(p.zoneKey),
|
|
4278
4280
|
useDroppable: g,
|
|
4279
|
-
children: /* @__PURE__ */ r(
|
|
4281
|
+
children: /* @__PURE__ */ r(S, { items: v, strategy: R, children: n(p.zoneKey, p.items, D) })
|
|
4280
4282
|
},
|
|
4281
4283
|
p.zoneKey
|
|
4282
4284
|
);
|
|
@@ -4286,17 +4288,17 @@ function gt({
|
|
|
4286
4288
|
}
|
|
4287
4289
|
);
|
|
4288
4290
|
}
|
|
4289
|
-
|
|
4290
|
-
function
|
|
4291
|
-
const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: u, isDragging:
|
|
4291
|
+
pt.displayName = "SortableZonesInner";
|
|
4292
|
+
function ft({ id: e, useSortable: t, cssHelper: n, children: a }) {
|
|
4293
|
+
const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: u, isDragging: c } = t({ id: e }), h = {
|
|
4292
4294
|
transform: n?.Transform?.toString(l) ?? void 0,
|
|
4293
4295
|
transition: u,
|
|
4294
|
-
opacity:
|
|
4296
|
+
opacity: c ? 0.5 : 1
|
|
4295
4297
|
};
|
|
4296
4298
|
return /* @__PURE__ */ r("div", { ref: o, style: h, "data-sortable-item-id": e, ...i, ...s, children: a });
|
|
4297
4299
|
}
|
|
4298
|
-
|
|
4299
|
-
function
|
|
4300
|
+
ft.displayName = "SortableItem";
|
|
4301
|
+
function ht({
|
|
4300
4302
|
zoneKey: e,
|
|
4301
4303
|
zoneProps: t,
|
|
4302
4304
|
useDroppable: n,
|
|
@@ -4305,8 +4307,8 @@ function ft({
|
|
|
4305
4307
|
const { setNodeRef: i, isOver: s } = n({ id: e });
|
|
4306
4308
|
return /* @__PURE__ */ r("div", { ref: i, "data-zone-is-over": s || void 0, ...t, children: a });
|
|
4307
4309
|
}
|
|
4308
|
-
|
|
4309
|
-
function
|
|
4310
|
+
ht.displayName = "ZoneDroppable";
|
|
4311
|
+
function jr({
|
|
4310
4312
|
slotLeft: e,
|
|
4311
4313
|
slotCenter: t,
|
|
4312
4314
|
slotRight: n,
|
|
@@ -4356,7 +4358,7 @@ function Kr({
|
|
|
4356
4358
|
}
|
|
4357
4359
|
);
|
|
4358
4360
|
}
|
|
4359
|
-
function
|
|
4361
|
+
function Gr({
|
|
4360
4362
|
count: e,
|
|
4361
4363
|
currentIndex: t,
|
|
4362
4364
|
onSelect: n,
|
|
@@ -4368,8 +4370,8 @@ function zr({
|
|
|
4368
4370
|
sectionsPerView: u = 1
|
|
4369
4371
|
// D-09 default
|
|
4370
4372
|
}) {
|
|
4371
|
-
const
|
|
4372
|
-
return
|
|
4373
|
+
const c = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, c)), m = Math.min(e - 1, h + Math.max(0, u - 1)), g = [h, m], d = ce.useRef([]);
|
|
4374
|
+
return d.current.length = e, e <= 1 || g[0] === 0 && g[1] === e - 1 ? null : /* @__PURE__ */ k(
|
|
4373
4375
|
"div",
|
|
4374
4376
|
{
|
|
4375
4377
|
role: "tablist",
|
|
@@ -4380,12 +4382,12 @@ function zr({
|
|
|
4380
4382
|
if (e !== 0) {
|
|
4381
4383
|
if (b.key === "ArrowRight") {
|
|
4382
4384
|
b.preventDefault();
|
|
4383
|
-
const f = (
|
|
4384
|
-
n(f), requestAnimationFrame(() =>
|
|
4385
|
+
const f = (c + 1) % e;
|
|
4386
|
+
n(f), requestAnimationFrame(() => d.current[f]?.focus());
|
|
4385
4387
|
} else if (b.key === "ArrowLeft") {
|
|
4386
4388
|
b.preventDefault();
|
|
4387
|
-
const f = (
|
|
4388
|
-
n(f), requestAnimationFrame(() =>
|
|
4389
|
+
const f = (c - 1 + e) % e;
|
|
4390
|
+
n(f), requestAnimationFrame(() => d.current[f]?.focus());
|
|
4389
4391
|
}
|
|
4390
4392
|
}
|
|
4391
4393
|
},
|
|
@@ -4405,17 +4407,17 @@ function zr({
|
|
|
4405
4407
|
"button",
|
|
4406
4408
|
{
|
|
4407
4409
|
ref: (R) => {
|
|
4408
|
-
|
|
4410
|
+
d.current[f] = R;
|
|
4409
4411
|
},
|
|
4410
4412
|
type: "button",
|
|
4411
4413
|
role: "tab",
|
|
4412
|
-
"aria-selected": f ===
|
|
4414
|
+
"aria-selected": f === c,
|
|
4413
4415
|
"aria-label": f === i ? "Unconfirmed section" : `Section ${f + 1}`,
|
|
4414
|
-
"data-state": f === i ? "provisional-hollow" : f === s ? "pulse" : f ===
|
|
4416
|
+
"data-state": f === i ? "provisional-hollow" : f === s ? "pulse" : f === c ? "current" : "hollow",
|
|
4415
4417
|
"data-section-index": f,
|
|
4416
4418
|
className: [
|
|
4417
4419
|
"gloss-section-dots__dot",
|
|
4418
|
-
f ===
|
|
4420
|
+
f === c && "gloss-section-dots__dot--current"
|
|
4419
4421
|
].filter(Boolean).join(" "),
|
|
4420
4422
|
onClick: () => n(f)
|
|
4421
4423
|
},
|
|
@@ -4425,12 +4427,12 @@ function zr({
|
|
|
4425
4427
|
}
|
|
4426
4428
|
);
|
|
4427
4429
|
}
|
|
4428
|
-
const
|
|
4430
|
+
const dn = V.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
4429
4431
|
const i = { ...n };
|
|
4430
4432
|
return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ r(ze, { region: "toolbar", density: e, children: t }) });
|
|
4431
4433
|
});
|
|
4432
|
-
|
|
4433
|
-
const
|
|
4434
|
+
dn.displayName = "ContainerToolbar";
|
|
4435
|
+
const un = V.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...i }, s) => {
|
|
4434
4436
|
const o = { ...i };
|
|
4435
4437
|
return delete o.className, delete o.style, /* @__PURE__ */ k("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
|
|
4436
4438
|
e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
|
|
@@ -4438,345 +4440,347 @@ const dn = V.forwardRef(({ legend: e, description: t, density: n = "default", ch
|
|
|
4438
4440
|
/* @__PURE__ */ r(ze, { region: "form-section", density: n, children: a })
|
|
4439
4441
|
] });
|
|
4440
4442
|
});
|
|
4441
|
-
|
|
4442
|
-
const
|
|
4443
|
+
un.displayName = "ContainerFormSection";
|
|
4444
|
+
const mn = V.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
4443
4445
|
const i = { ...n };
|
|
4444
4446
|
return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...i, children: /* @__PURE__ */ r(ze, { region: "table", density: e, children: t }) });
|
|
4445
4447
|
});
|
|
4446
|
-
|
|
4448
|
+
mn.displayName = "ContainerTable";
|
|
4447
4449
|
export {
|
|
4448
|
-
|
|
4449
|
-
|
|
4450
|
-
|
|
4451
|
-
|
|
4452
|
-
|
|
4453
|
-
|
|
4454
|
-
|
|
4455
|
-
|
|
4456
|
-
|
|
4457
|
-
|
|
4458
|
-
|
|
4459
|
-
|
|
4460
|
-
|
|
4461
|
-
|
|
4462
|
-
|
|
4463
|
-
|
|
4464
|
-
|
|
4465
|
-
|
|
4466
|
-
|
|
4467
|
-
|
|
4468
|
-
|
|
4469
|
-
|
|
4470
|
-
|
|
4471
|
-
|
|
4472
|
-
|
|
4473
|
-
|
|
4474
|
-
|
|
4475
|
-
|
|
4476
|
-
|
|
4477
|
-
|
|
4478
|
-
|
|
4479
|
-
|
|
4480
|
-
|
|
4481
|
-
|
|
4482
|
-
|
|
4483
|
-
|
|
4484
|
-
|
|
4485
|
-
|
|
4486
|
-
|
|
4487
|
-
|
|
4488
|
-
|
|
4489
|
-
|
|
4490
|
-
|
|
4491
|
-
|
|
4492
|
-
|
|
4493
|
-
|
|
4494
|
-
|
|
4495
|
-
|
|
4496
|
-
|
|
4497
|
-
|
|
4498
|
-
|
|
4499
|
-
|
|
4500
|
-
|
|
4501
|
-
|
|
4450
|
+
Ur as Accordion,
|
|
4451
|
+
Zr as AccordionContent,
|
|
4452
|
+
Yr as AccordionItem,
|
|
4453
|
+
qr as AccordionTrigger,
|
|
4454
|
+
Qr as ActionStrip,
|
|
4455
|
+
Xr as Actionable,
|
|
4456
|
+
Jr as AddressGroup,
|
|
4457
|
+
es as AddressSelect,
|
|
4458
|
+
ts as AsyncLoader,
|
|
4459
|
+
as as Autocomplete,
|
|
4460
|
+
ns as Badge,
|
|
4461
|
+
rs as BarChartCard,
|
|
4462
|
+
ss as BarsBg,
|
|
4463
|
+
jr as BottomToolbar,
|
|
4464
|
+
is as Button,
|
|
4465
|
+
os as ButtonGroup,
|
|
4466
|
+
ls as ButtonGroupContext,
|
|
4467
|
+
cs as Card,
|
|
4468
|
+
ds as CardActions,
|
|
4469
|
+
us as CardBack,
|
|
4470
|
+
ms as CardBody,
|
|
4471
|
+
gs as CardFooter,
|
|
4472
|
+
ps as CardHeader,
|
|
4473
|
+
fs as CardMedia,
|
|
4474
|
+
Dt as CardShell,
|
|
4475
|
+
hs as CardSubtitle,
|
|
4476
|
+
bs as CardTitle,
|
|
4477
|
+
Mr as CascadePreview,
|
|
4478
|
+
Br as CellTintOverlay,
|
|
4479
|
+
vs as ChartControlBar,
|
|
4480
|
+
ys as Checkbox,
|
|
4481
|
+
ws as CheckboxGroup,
|
|
4482
|
+
_s as Chip,
|
|
4483
|
+
Ns as ColorPicker,
|
|
4484
|
+
Ds as ComparisonCard,
|
|
4485
|
+
ks as ContactForm,
|
|
4486
|
+
Cs as ContainerCard,
|
|
4487
|
+
Ss as ContainerCardActions,
|
|
4488
|
+
xs as ContainerCardBody,
|
|
4489
|
+
Rs as ContainerCardFooter,
|
|
4490
|
+
Ms as ContainerCardHeader,
|
|
4491
|
+
Ts as ContainerCardMedia,
|
|
4492
|
+
Is as ContainerCardSubtitle,
|
|
4493
|
+
Es as ContainerCardTitle,
|
|
4494
|
+
Ps as ContainerDialog,
|
|
4495
|
+
Fs as ContainerDialogActions,
|
|
4496
|
+
As as ContainerDialogBody,
|
|
4497
|
+
Os as ContainerDialogHeader,
|
|
4498
|
+
un as ContainerFormSection,
|
|
4499
|
+
Ls as ContainerPanel,
|
|
4500
|
+
mn as ContainerTable,
|
|
4501
|
+
dn as ContainerToolbar,
|
|
4502
|
+
$s as CreditCardForm,
|
|
4503
|
+
Bs as DEFAULT_FOOTER_IDS,
|
|
4502
4504
|
ie as DEFAULT_GRID_INTERACTION_PHYSICS,
|
|
4503
|
-
|
|
4504
|
-
|
|
4505
|
-
|
|
4506
|
-
|
|
4507
|
-
|
|
4508
|
-
|
|
4509
|
-
|
|
4510
|
-
|
|
4511
|
-
|
|
4512
|
-
|
|
4513
|
-
|
|
4514
|
-
|
|
4515
|
-
|
|
4505
|
+
fl as DEFAULT_MARKET_PRESETS,
|
|
4506
|
+
Ks as DEFAULT_OVERFLOW_IDS,
|
|
4507
|
+
hl as DEFAULT_PINNED,
|
|
4508
|
+
st as DEFAULT_RESIZE_PHYSICS,
|
|
4509
|
+
zs as DataTable,
|
|
4510
|
+
Ws as DatePicker,
|
|
4511
|
+
js as DateRangePicker,
|
|
4512
|
+
Gs as DestructiveModal,
|
|
4513
|
+
Na as DevTuningPanel,
|
|
4514
|
+
Vs as DirectionCard,
|
|
4515
|
+
Hs as Dismissible,
|
|
4516
|
+
Us as DistributionCard,
|
|
4517
|
+
Zs as DonutChart,
|
|
4516
4518
|
xr as DragGhost,
|
|
4517
|
-
|
|
4518
|
-
|
|
4519
|
-
|
|
4520
|
-
|
|
4521
|
-
|
|
4522
|
-
|
|
4523
|
-
|
|
4524
|
-
|
|
4525
|
-
|
|
4519
|
+
Nr as DropAnchorCell,
|
|
4520
|
+
Ys as Dropdown,
|
|
4521
|
+
Sa as DualPaceBars,
|
|
4522
|
+
qs as ENTITY_FILTER_KEYS,
|
|
4523
|
+
Qs as ENTITY_PROFILE_ROUTES,
|
|
4524
|
+
Xs as ENTITY_TYPE_PLURAL,
|
|
4525
|
+
Ht as EdgeHoverHandle,
|
|
4526
|
+
Cr as EmptyCellPackAffordance,
|
|
4527
|
+
Js as EntityPicker,
|
|
4526
4528
|
X as EntityRow,
|
|
4527
|
-
|
|
4528
|
-
|
|
4529
|
-
|
|
4530
|
-
|
|
4531
|
-
|
|
4532
|
-
|
|
4533
|
-
|
|
4534
|
-
|
|
4535
|
-
|
|
4536
|
-
|
|
4537
|
-
|
|
4538
|
-
|
|
4539
|
-
|
|
4540
|
-
|
|
4529
|
+
ei as EntitySearchPanel,
|
|
4530
|
+
$a as ExceptionListCard,
|
|
4531
|
+
Ba as ExceptionListTilePreview,
|
|
4532
|
+
ti as Expandable,
|
|
4533
|
+
ai as ExpandableChip,
|
|
4534
|
+
ni as FLIP_AND_STAGE_TIMINGS,
|
|
4535
|
+
ri as FileUpload,
|
|
4536
|
+
si as FilterChip,
|
|
4537
|
+
ii as FilterInput,
|
|
4538
|
+
oi as FlipAndStageProvider,
|
|
4539
|
+
li as Form,
|
|
4540
|
+
ci as FormDialog,
|
|
4541
|
+
di as FormField,
|
|
4542
|
+
ui as FusedShape,
|
|
4541
4543
|
xa as GapReadout,
|
|
4542
|
-
|
|
4543
|
-
|
|
4544
|
-
|
|
4545
|
-
|
|
4546
|
-
|
|
4547
|
-
|
|
4548
|
-
|
|
4549
|
-
|
|
4550
|
-
|
|
4551
|
-
|
|
4552
|
-
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
|
|
4556
|
-
|
|
4557
|
-
|
|
4558
|
-
|
|
4544
|
+
mi as GestureStateProvider,
|
|
4545
|
+
Ut as GhostPreview,
|
|
4546
|
+
gi as GroupCheckbox,
|
|
4547
|
+
pi as GroupRadio,
|
|
4548
|
+
zn as HARD_CLIP,
|
|
4549
|
+
fi as HighlightCard,
|
|
4550
|
+
hi as HybridDatePicker,
|
|
4551
|
+
bi as ImportWizard,
|
|
4552
|
+
Za as InlineNudge,
|
|
4553
|
+
vi as Input,
|
|
4554
|
+
yi as InputAddon,
|
|
4555
|
+
wi as InputGroup,
|
|
4556
|
+
Fa as LeaderboardCard,
|
|
4557
|
+
Aa as LeaderboardTilePreview,
|
|
4558
|
+
Ta as LensChipGroup,
|
|
4559
|
+
_i as Link,
|
|
4560
|
+
Ni as LoginForm,
|
|
4559
4561
|
_e as MagnitudeBar,
|
|
4560
|
-
|
|
4561
|
-
|
|
4562
|
-
|
|
4563
|
-
|
|
4564
|
-
|
|
4565
|
-
|
|
4566
|
-
|
|
4567
|
-
|
|
4568
|
-
|
|
4569
|
-
|
|
4570
|
-
|
|
4571
|
-
|
|
4572
|
-
|
|
4573
|
-
|
|
4574
|
-
|
|
4575
|
-
|
|
4576
|
-
|
|
4577
|
-
|
|
4578
|
-
|
|
4579
|
-
|
|
4580
|
-
|
|
4581
|
-
|
|
4582
|
-
|
|
4583
|
-
|
|
4584
|
-
|
|
4585
|
-
|
|
4586
|
-
|
|
4587
|
-
|
|
4588
|
-
|
|
4589
|
-
|
|
4590
|
-
|
|
4591
|
-
|
|
4592
|
-
|
|
4593
|
-
|
|
4594
|
-
|
|
4595
|
-
|
|
4562
|
+
Di as MarketPresetRow,
|
|
4563
|
+
ki as MaskPresets,
|
|
4564
|
+
Ci as MaskedInput,
|
|
4565
|
+
Si as Menu,
|
|
4566
|
+
xi as MenuDivider,
|
|
4567
|
+
Ri as MenuGroup,
|
|
4568
|
+
Mi as MenuItem,
|
|
4569
|
+
Ti as MergePrompt,
|
|
4570
|
+
Ii as MetricCard,
|
|
4571
|
+
Ei as MetricCardGrid,
|
|
4572
|
+
ga as MetricGroupContainer,
|
|
4573
|
+
Pi as MiniCalendar,
|
|
4574
|
+
Ea as MoreInLensRail,
|
|
4575
|
+
Fi as MultiSelect,
|
|
4576
|
+
Ai as NumberInput,
|
|
4577
|
+
Oi as ObjectArrow,
|
|
4578
|
+
Li as OrderFilterBar,
|
|
4579
|
+
bl as PERIOD_OPTIONS,
|
|
4580
|
+
Tr as PaceCard,
|
|
4581
|
+
Ir as PaceTilePreview,
|
|
4582
|
+
ta as PageChip,
|
|
4583
|
+
it as PageDropdown,
|
|
4584
|
+
$i as PasswordInput,
|
|
4585
|
+
Bi as PaymentForm,
|
|
4586
|
+
Ki as PaymentMethodSelect,
|
|
4587
|
+
zi as PhoneInput,
|
|
4588
|
+
Wi as PinToMetric,
|
|
4589
|
+
en as PresetSwatchRow,
|
|
4590
|
+
ji as ProfileCard,
|
|
4591
|
+
Gi as ProgressCard,
|
|
4592
|
+
Vi as QuickConfigPanel,
|
|
4593
|
+
la as RECONFIG_BACKSIDE_LABELS,
|
|
4594
|
+
vl as ROLLING_OPTIONS,
|
|
4595
|
+
Hi as Radio,
|
|
4596
|
+
Ui as RadioGroup,
|
|
4597
|
+
Zi as RangeSlider,
|
|
4596
4598
|
ye as RankBadge,
|
|
4597
|
-
|
|
4598
|
-
|
|
4599
|
-
|
|
4600
|
-
|
|
4601
|
-
|
|
4602
|
-
|
|
4603
|
-
|
|
4604
|
-
|
|
4605
|
-
|
|
4599
|
+
mt as RankDelta,
|
|
4600
|
+
Yi as Rating,
|
|
4601
|
+
ua as ReconfigBacksideButtons,
|
|
4602
|
+
Kr as RefusePulse,
|
|
4603
|
+
qi as RegistrationForm,
|
|
4604
|
+
_r as ResizeEnvelope,
|
|
4605
|
+
zr as ResizeTrackingOutline,
|
|
4606
|
+
Qi as Row1Controls,
|
|
4607
|
+
Xi as Row2FilterTray,
|
|
4606
4608
|
Pr as STROKE_DASHED,
|
|
4607
|
-
|
|
4608
|
-
|
|
4609
|
-
Fr as
|
|
4610
|
-
|
|
4611
|
-
|
|
4612
|
-
|
|
4613
|
-
|
|
4614
|
-
|
|
4615
|
-
|
|
4616
|
-
|
|
4609
|
+
Lr as STROKE_DASHED_DASHARRAY,
|
|
4610
|
+
Or as STROKE_OUTLINE,
|
|
4611
|
+
Fr as STROKE_SOLID,
|
|
4612
|
+
Ar as STROKE_SPARSE_DASH,
|
|
4613
|
+
$r as STROKE_SPARSE_DASH_DASHARRAY,
|
|
4614
|
+
Ji as SearchInput,
|
|
4615
|
+
kr as SectionDivider,
|
|
4616
|
+
Gr as SectionDots,
|
|
4617
|
+
eo as SegmentCard,
|
|
4618
|
+
to as SegmentedControl,
|
|
4619
|
+
ao as Select,
|
|
4620
|
+
no as Selectable,
|
|
4617
4621
|
we as SeverityDot,
|
|
4618
|
-
|
|
4619
|
-
|
|
4620
|
-
|
|
4621
|
-
|
|
4622
|
-
|
|
4623
|
-
|
|
4624
|
-
|
|
4625
|
-
|
|
4626
|
-
|
|
4627
|
-
|
|
4628
|
-
|
|
4629
|
-
|
|
4630
|
-
|
|
4631
|
-
|
|
4632
|
-
|
|
4633
|
-
|
|
4634
|
-
|
|
4635
|
-
|
|
4636
|
-
|
|
4622
|
+
ro as SimpleMetricCard,
|
|
4623
|
+
so as SimpleSelector,
|
|
4624
|
+
io as Skeleton,
|
|
4625
|
+
oo as SkeletonCard,
|
|
4626
|
+
lo as SkeletonChart,
|
|
4627
|
+
co as SkeletonTable,
|
|
4628
|
+
uo as Slider,
|
|
4629
|
+
Rr as SnapOutline,
|
|
4630
|
+
mo as Sortable,
|
|
4631
|
+
cn as SortableZones,
|
|
4632
|
+
go as SparklineBg,
|
|
4633
|
+
Dr as SpilloverArc,
|
|
4634
|
+
po as SplitButton,
|
|
4635
|
+
fo as StackedGroupCard,
|
|
4636
|
+
Ka as StackedGroupTilePreview,
|
|
4637
|
+
Ia as StarterRail,
|
|
4638
|
+
ho as StatusModeCard,
|
|
4639
|
+
Vt as StatusSlotChipMenu,
|
|
4640
|
+
bo as Stepper,
|
|
4637
4641
|
Oe as SwingReveal,
|
|
4638
|
-
|
|
4642
|
+
yl as TODAY_PRESET,
|
|
4639
4643
|
re as TUNING_DEFAULTS,
|
|
4640
|
-
|
|
4641
|
-
|
|
4642
|
-
|
|
4643
|
-
|
|
4644
|
-
|
|
4645
|
-
|
|
4646
|
-
|
|
4647
|
-
|
|
4648
|
-
|
|
4649
|
-
|
|
4650
|
-
|
|
4651
|
-
|
|
4652
|
-
|
|
4653
|
-
|
|
4654
|
-
|
|
4655
|
-
|
|
4656
|
-
|
|
4644
|
+
dt as TUNING_STORAGE_KEY,
|
|
4645
|
+
vo as TabGroup,
|
|
4646
|
+
yo as TabbedDataView,
|
|
4647
|
+
wo as TagInput,
|
|
4648
|
+
$t as TargetInput,
|
|
4649
|
+
_o as Textarea,
|
|
4650
|
+
Qa as ThresholdRamp,
|
|
4651
|
+
No as TimeFrame,
|
|
4652
|
+
Do as TimePicker,
|
|
4653
|
+
ko as Toggle,
|
|
4654
|
+
Co as Tooltip,
|
|
4655
|
+
ut as TrackingOutline,
|
|
4656
|
+
So as Transition,
|
|
4657
|
+
xo as TransitionGroup,
|
|
4658
|
+
Ro as TrendCard,
|
|
4659
|
+
Mo as TrendIndicator,
|
|
4660
|
+
ml as UIContext,
|
|
4657
4661
|
ze as UIContextProvider,
|
|
4658
|
-
|
|
4659
|
-
|
|
4660
|
-
|
|
4661
|
-
|
|
4662
|
-
|
|
4663
|
-
|
|
4664
|
-
|
|
4665
|
-
|
|
4666
|
-
|
|
4667
|
-
|
|
4668
|
-
|
|
4662
|
+
To as UnifiedBreakdownTable,
|
|
4663
|
+
Io as UnifiedContextMenu,
|
|
4664
|
+
Zt as VelocityBuffer,
|
|
4665
|
+
Eo as addressGroupMetadata,
|
|
4666
|
+
Po as addressSchema,
|
|
4667
|
+
Rn as allChips,
|
|
4668
|
+
Hn as allStateFixtures,
|
|
4669
|
+
Vn as allVariantFixtures,
|
|
4670
|
+
En as blockSamples,
|
|
4671
|
+
Fo as buildDefaultOverflow,
|
|
4672
|
+
Ln as cardSamples,
|
|
4669
4673
|
le as cascadePhysics,
|
|
4670
|
-
|
|
4671
|
-
|
|
4672
|
-
|
|
4673
|
-
|
|
4674
|
-
|
|
4675
|
-
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4680
|
-
|
|
4681
|
-
|
|
4682
|
-
|
|
4683
|
-
|
|
4684
|
-
|
|
4685
|
-
|
|
4686
|
-
|
|
4687
|
-
|
|
4688
|
-
|
|
4689
|
-
|
|
4690
|
-
|
|
4691
|
-
|
|
4692
|
-
|
|
4693
|
-
|
|
4694
|
-
|
|
4695
|
-
|
|
4696
|
-
|
|
4697
|
-
|
|
4698
|
-
|
|
4699
|
-
|
|
4700
|
-
|
|
4701
|
-
|
|
4702
|
-
|
|
4703
|
-
|
|
4704
|
-
|
|
4705
|
-
|
|
4706
|
-
|
|
4707
|
-
|
|
4708
|
-
|
|
4709
|
-
|
|
4710
|
-
|
|
4711
|
-
|
|
4712
|
-
|
|
4713
|
-
|
|
4714
|
-
|
|
4715
|
-
|
|
4716
|
-
|
|
4717
|
-
|
|
4718
|
-
|
|
4719
|
-
|
|
4720
|
-
|
|
4721
|
-
|
|
4722
|
-
|
|
4723
|
-
|
|
4724
|
-
|
|
4725
|
-
|
|
4726
|
-
|
|
4727
|
-
|
|
4728
|
-
|
|
4729
|
-
|
|
4730
|
-
|
|
4674
|
+
An as chartSamples,
|
|
4675
|
+
Fn as circleSamples,
|
|
4676
|
+
Wn as colorTokens,
|
|
4677
|
+
pr as compactLayout,
|
|
4678
|
+
nr as compactState,
|
|
4679
|
+
Gn as computeGutterAnchorX,
|
|
4680
|
+
Ao as contactFormMetadata,
|
|
4681
|
+
Oo as contactSchema,
|
|
4682
|
+
rr as contextMenuFixtures,
|
|
4683
|
+
Lo as creditCardFormMetadata,
|
|
4684
|
+
$o as creditCardSchema,
|
|
4685
|
+
zt as dateChip,
|
|
4686
|
+
ct as defaultControlBarState,
|
|
4687
|
+
Bo as destructiveModalMetadata,
|
|
4688
|
+
Ko as durations,
|
|
4689
|
+
zo as easings,
|
|
4690
|
+
Qt as emptyFixture,
|
|
4691
|
+
Bt as entityChip,
|
|
4692
|
+
sa as entityNameActions,
|
|
4693
|
+
Tn as entityTabGroup,
|
|
4694
|
+
qt as errorFixture,
|
|
4695
|
+
Wo as evaluateTintCondition,
|
|
4696
|
+
ar as filteredState,
|
|
4697
|
+
wl as findPreset,
|
|
4698
|
+
_l as formatDateRange,
|
|
4699
|
+
Nl as formatMarketDates,
|
|
4700
|
+
Dl as formatTrend,
|
|
4701
|
+
kl as formatValue,
|
|
4702
|
+
hr as fullLayout,
|
|
4703
|
+
Cl as generateMarketId,
|
|
4704
|
+
jo as generateTabId,
|
|
4705
|
+
Sl as getAllPresets,
|
|
4706
|
+
xl as getDateRangeForPreset,
|
|
4707
|
+
Go as getMenuActions,
|
|
4708
|
+
rt as getMotionMode,
|
|
4709
|
+
Rl as getPresetLabel,
|
|
4710
|
+
Vo as getTransitionStyle,
|
|
4711
|
+
gr as gridCards,
|
|
4712
|
+
Er as gridChannels,
|
|
4713
|
+
Ho as interpolate,
|
|
4714
|
+
Ml as isInRange,
|
|
4715
|
+
Tl as isMarketActive,
|
|
4716
|
+
Il as isSameDay,
|
|
4717
|
+
tr as itemColumns,
|
|
4718
|
+
Jn as itemRows,
|
|
4719
|
+
Yt as loadingFixture,
|
|
4720
|
+
Uo as loginFormMetadata,
|
|
4721
|
+
Zo as loginSchema,
|
|
4722
|
+
Wt as manufacturerChip,
|
|
4723
|
+
wr as manyTabs,
|
|
4724
|
+
Yo as mergeHandlers,
|
|
4725
|
+
qo as mergeRefs,
|
|
4726
|
+
Mn as metricTabGroup,
|
|
4727
|
+
vr as mixedTabs,
|
|
4728
|
+
El as normalizePresetId,
|
|
4729
|
+
oa as numericActions,
|
|
4730
|
+
er as orderColumns,
|
|
4731
|
+
ia as orderIdActions,
|
|
4732
|
+
Xn as orderRows,
|
|
4733
|
+
br as ordersTabs,
|
|
4734
|
+
at as paletteHex,
|
|
4731
4735
|
se as paletteVars,
|
|
4732
|
-
|
|
4733
|
-
|
|
4734
|
-
|
|
4735
|
-
|
|
4736
|
-
|
|
4737
|
-
|
|
4738
|
-
|
|
4739
|
-
|
|
4740
|
-
|
|
4741
|
-
|
|
4742
|
-
|
|
4743
|
-
|
|
4744
|
-
|
|
4745
|
-
|
|
4746
|
-
|
|
4747
|
-
|
|
4748
|
-
|
|
4749
|
-
|
|
4750
|
-
|
|
4751
|
-
|
|
4752
|
-
|
|
4753
|
-
|
|
4754
|
-
|
|
4755
|
-
|
|
4756
|
-
|
|
4757
|
-
|
|
4758
|
-
|
|
4759
|
-
|
|
4736
|
+
Qo as parseNumericValue,
|
|
4737
|
+
Xo as paymentFormMetadata,
|
|
4738
|
+
Jo as paymentSchema,
|
|
4739
|
+
el as presets,
|
|
4740
|
+
Bn as provisional,
|
|
4741
|
+
Kn as reducedMotion,
|
|
4742
|
+
tl as registrationFormMetadata,
|
|
4743
|
+
al as registrationSchema,
|
|
4744
|
+
$n as rejectionFeedback,
|
|
4745
|
+
ir as sampleCompareRanges,
|
|
4746
|
+
cr as sampleCustomMarkets,
|
|
4747
|
+
sr as sampleDateRange,
|
|
4748
|
+
dr as sampleMarketPresetData,
|
|
4749
|
+
lr as sampleMarkets,
|
|
4750
|
+
mr as samplePeriodPresets,
|
|
4751
|
+
or as samplePreferences,
|
|
4752
|
+
ur as samplePresets,
|
|
4753
|
+
yr as singleTab,
|
|
4754
|
+
Un as sparklineFixture,
|
|
4755
|
+
Zn as sparklineUpFixture,
|
|
4756
|
+
ea as staleDonutFixture,
|
|
4757
|
+
Xt as staleFixture,
|
|
4758
|
+
Jt as staleSparklineFixture,
|
|
4759
|
+
Yn as standardFixture,
|
|
4760
|
+
Qn as standardFlatFixture,
|
|
4761
|
+
fr as standardLayout,
|
|
4762
|
+
qn as standardNegativeFixture,
|
|
4763
|
+
Kt as statusChip,
|
|
4760
4764
|
fe as swingReveal,
|
|
4761
|
-
|
|
4765
|
+
On as tableSamples,
|
|
4762
4766
|
Pn as textSamples,
|
|
4763
|
-
|
|
4764
|
-
|
|
4765
|
-
|
|
4767
|
+
In as timeFrameTabGroup,
|
|
4768
|
+
Pl as toUppercasePresetId,
|
|
4769
|
+
Sr as useAffordanceVisibility,
|
|
4766
4770
|
xn as useArrowNavigation,
|
|
4767
|
-
|
|
4768
|
-
|
|
4769
|
-
|
|
4770
|
-
|
|
4771
|
-
|
|
4772
|
-
|
|
4773
|
-
|
|
4774
|
-
|
|
4775
|
-
|
|
4776
|
-
|
|
4777
|
-
|
|
4778
|
-
|
|
4779
|
-
|
|
4780
|
-
|
|
4781
|
-
|
|
4771
|
+
nl as useCheckboxGroupContext,
|
|
4772
|
+
jn as useEdgeHoverResize,
|
|
4773
|
+
rl as useFilterLayout,
|
|
4774
|
+
sl as useFlipAndStage,
|
|
4775
|
+
il as useFlipAndStageContext,
|
|
4776
|
+
ol as useFlipAndStageContextOptional,
|
|
4777
|
+
Sn as useFocusReturn,
|
|
4778
|
+
ll as useFocusTrap,
|
|
4779
|
+
cl as useFormContext,
|
|
4780
|
+
Nt as useGestureState,
|
|
4781
|
+
dl as useRadioGroupContext,
|
|
4782
|
+
Wr as useResizeChoreography,
|
|
4783
|
+
ha as useResizeTuning,
|
|
4784
|
+
nn as useSortableZones,
|
|
4785
|
+
gl as useUIContext
|
|
4782
4786
|
};
|