@mt-gloss/ui 0.0.46 → 0.0.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{Expandable-BdC9RXOI.js → Expandable-CsLVYNv3.js} +4769 -4877
- package/catalog.js +39 -40
- package/index.js +1228 -1223
- package/lib/facade/data-display.d.ts +0 -2
- package/lib/primitives/dashboard/MetricCard/CardShell.d.ts +1 -1
- package/lib/primitives/dashboard/MetricCard/__tests__/_testSupport/gridHoverListeners.d.ts +29 -0
- package/lib/primitives/dashboard/MetricCard/__tests__/nyquist-10.fixture.d.ts +93 -0
- package/lib/primitives/dashboard/MetricCard/index.d.ts +0 -2
- package/lib/primitives/dashboard/MetricCard/types.d.ts +15 -0
- package/lib/primitives/dashboard/MetricCard/useEdgeHoverResize.d.ts +31 -1
- package/lib/primitives/overlays/ActionStrip/index.d.ts +0 -2
- package/lib/primitives/overlays/ActionStrip/types.d.ts +5 -1
- package/package.json +1 -1
- package/ui.css +1 -1
- package/lib/primitives/dashboard/MetricCard/useSlideOutReveal.d.ts +0 -1
- package/lib/primitives/overlays/ActionStrip/useSlideOutReveal.d.ts +0 -47
package/index.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { N as
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import { motion as
|
|
5
|
-
import { B as
|
|
6
|
-
import { a as
|
|
7
|
-
import { createPortal as
|
|
8
|
-
import { DEFAULT_MARKET_PRESETS as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
function
|
|
16
|
-
const { enabled: t = !0, returnTo: a } = e, n =
|
|
1
|
+
import { N as ua, T as ma, O as pa, Q as ga, a3 as fa, b6 as ha, az as ba, ah as va, Z as ya, an as wa, K as Da, a8 as Ca, bn as Na, P as ka, B as xa, a as Sa, y as Ta, H as _a, bi as Ia, F as Ra, J as Ma, A as Pa, z as Fa, bh as Ea, E as Oa, D as Aa, bw as La, b as $a, C as Ba, L as Ka, o as Wa, ad as Ga, aN as Ha, y as Va, H as za, F as Za, J as Ua, A as Ya, z as qa, E as ja, D as Xa, a$ as Qa, b2 as Ja, b1 as er, b0 as tr, b3 as nr, aC as ar, a5 as rr, a4 as sr, aq as or, k as ir, m as lr, aF as cr, ab as dr, b8 as ur, a9 as mr, bo as pr, Y as gr, bG as fr, bF as hr, bH as br, ap as vr, aQ as yr, ba as wr, bL as Dr, bu as Cr, n as Nr, am as kr, bA as xr, br as Sr, a0 as Tr, ar as _r, a2 as Ir, bz as Rr, G as Mr, d as Pr, aa as Fr, bI as Er, aT as Or, r as Ar, v as Lr, I as $r, g as Br, aw as Kr, bM as Wr, M as Gr, w as Hr, U as Vr, X as zr, V as Zr, W as Ur, as as Yr, bg as qr, bO as jr, bK as Xr, ao as Qr, t as Jr, bp as es, aS as ts, aj as ns, aK as as, ag as rs, al as ss, au as os, aR as is, ac as ls, at as cs, c as ds, R as us, j as ms, p as ps, aH as gs, bx as fs, by as hs, ai as bs, ae as vs, h as ys, x as ws, b7 as Ds, af as Cs, bN as Ns, bc as ks, bf as xs, bd as Ss, be as Ts, i as _s, b9 as Is, bm as Rs, S as Ms, bk as Ps, bl as Fs, av as Es, bb as Os, bP as As, ak as Ls, s as $s, bJ as Bs, l as Ks, f as Ws, q as Gs, _ as Hs, $ as Vs, a7 as zs, bj as Zs, bv as Us, bC as Ys, aA as qs, aB as js, a6 as Xs, aO as Qs, aP as Js, aD as eo, aE as to, aG as no, aV as ao, aW as ro, bE as so, bD as oo, aY as io, aZ as lo, ax as co, ay as uo, b5 as mo, b4 as po, a_ as go, aL as fo, aM as ho, aX as bo, aI as vo, aJ as yo, u as wo, bB as Do, bq as Co, bs as No, bt as ko, aU as xo, a1 as So, e as To } from "./Expandable-CsLVYNv3.js";
|
|
2
|
+
import { jsxs as $, jsx as u } from "react/jsx-runtime";
|
|
3
|
+
import H, { useRef as R, useEffect as L, useState as W, useCallback as b, forwardRef as ze, useMemo as ne, createContext as Ze, useContext as Ue } from "react";
|
|
4
|
+
import { motion as Te, useMotionValue as Ye, animate as De, useDragControls as qe } from "framer-motion";
|
|
5
|
+
import { B as je, U as ve } from "./UIContext-C3E-k7HI.js";
|
|
6
|
+
import { a as Io, u as Ro } from "./UIContext-C3E-k7HI.js";
|
|
7
|
+
import { createPortal as Xe } from "react-dom";
|
|
8
|
+
import { DEFAULT_MARKET_PRESETS as Po, DEFAULT_PINNED as Fo, PERIOD_OPTIONS as Eo, ROLLING_OPTIONS as Oo, TODAY_PRESET as Ao, findPreset as Lo, formatDateRange as $o, formatMarketDates as Bo, formatTrend as Ko, formatValue as Wo, generateMarketId as Go, getAllPresets as Ho, getDateRangeForPreset as Vo, getPresetLabel as zo, isInRange as Zo, isMarketActive as Uo, isSameDay as Yo, normalizePresetId as qo, toUppercasePresetId as jo } from "@mt-gloss/utils";
|
|
9
|
+
import Qe from "@mui/icons-material/AccessTime";
|
|
10
|
+
import Je from "@mui/icons-material/Tune";
|
|
11
|
+
import et from "@mui/icons-material/ViewColumn";
|
|
12
|
+
import tt from "@mui/icons-material/AspectRatio";
|
|
13
|
+
import nt from "@mui/icons-material/Palette";
|
|
14
|
+
import at from "@mui/icons-material/PushPin";
|
|
15
|
+
function yn(e = {}) {
|
|
16
|
+
const { enabled: t = !0, returnTo: a } = e, n = R(null);
|
|
17
17
|
return L(() => {
|
|
18
18
|
t && (n.current = a || document.activeElement);
|
|
19
19
|
}, [t, a]), L(() => () => {
|
|
@@ -22,140 +22,140 @@ function bn(e = {}) {
|
|
|
22
22
|
}, 0);
|
|
23
23
|
}, [t]), n;
|
|
24
24
|
}
|
|
25
|
-
function
|
|
25
|
+
function wn(e) {
|
|
26
26
|
const {
|
|
27
27
|
items: t,
|
|
28
28
|
activeIndex: a,
|
|
29
29
|
onActiveIndexChange: n,
|
|
30
|
-
loop:
|
|
31
|
-
orientation:
|
|
32
|
-
enabled:
|
|
33
|
-
isItemDisabled:
|
|
34
|
-
onSelect:
|
|
35
|
-
onEscape:
|
|
36
|
-
} = e, [
|
|
37
|
-
(
|
|
38
|
-
a === void 0 &&
|
|
30
|
+
loop: r = !0,
|
|
31
|
+
orientation: s = "vertical",
|
|
32
|
+
enabled: i = !0,
|
|
33
|
+
isItemDisabled: g,
|
|
34
|
+
onSelect: v,
|
|
35
|
+
onEscape: m
|
|
36
|
+
} = e, [w, k] = W(-1), d = a !== void 0 ? a : w, l = b(
|
|
37
|
+
(o) => {
|
|
38
|
+
a === void 0 && k(o), n?.(o);
|
|
39
39
|
},
|
|
40
40
|
[a, n]
|
|
41
|
-
),
|
|
42
|
-
(
|
|
43
|
-
const
|
|
44
|
-
if (
|
|
45
|
-
const
|
|
46
|
-
if (
|
|
47
|
-
return
|
|
48
|
-
let
|
|
49
|
-
return
|
|
41
|
+
), p = b(() => t.map((o, c) => ({ item: o, index: c })).filter(({ item: o, index: c }) => !g?.(o, c)).map(({ index: o }) => o), [t, g]), T = b(
|
|
42
|
+
(o, c) => {
|
|
43
|
+
const f = p();
|
|
44
|
+
if (f.length === 0) return -1;
|
|
45
|
+
const C = f.indexOf(o);
|
|
46
|
+
if (C === -1)
|
|
47
|
+
return c === 1 ? f.find((P) => P > o) ?? (r ? f[0] : -1) : [...f].reverse().find((I) => I < o) ?? (r ? f[f.length - 1] : -1);
|
|
48
|
+
let N = C + c;
|
|
49
|
+
return r ? N = (N + f.length) % f.length : N = Math.max(0, Math.min(f.length - 1, N)), f[N];
|
|
50
50
|
},
|
|
51
|
-
[
|
|
52
|
-
),
|
|
53
|
-
const
|
|
54
|
-
|
|
55
|
-
}, [
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
}, [
|
|
59
|
-
const
|
|
60
|
-
|
|
61
|
-
}, [
|
|
62
|
-
const
|
|
63
|
-
|
|
64
|
-
}, [
|
|
65
|
-
|
|
66
|
-
}, [
|
|
67
|
-
(
|
|
68
|
-
if (!
|
|
69
|
-
const { key:
|
|
70
|
-
if (
|
|
71
|
-
|
|
51
|
+
[p, r]
|
|
52
|
+
), h = b(() => {
|
|
53
|
+
const o = p();
|
|
54
|
+
o.length > 0 && l(o[0]);
|
|
55
|
+
}, [p, l]), x = b(() => {
|
|
56
|
+
const o = p();
|
|
57
|
+
o.length > 0 && l(o[o.length - 1]);
|
|
58
|
+
}, [p, l]), M = b(() => {
|
|
59
|
+
const o = T(d, 1);
|
|
60
|
+
o !== -1 && l(o);
|
|
61
|
+
}, [d, T, l]), D = b(() => {
|
|
62
|
+
const o = T(d, -1);
|
|
63
|
+
o !== -1 && l(o);
|
|
64
|
+
}, [d, T, l]), S = b(() => {
|
|
65
|
+
l(-1);
|
|
66
|
+
}, [l]), _ = b(
|
|
67
|
+
(o) => {
|
|
68
|
+
if (!i) return;
|
|
69
|
+
const { key: c } = o, f = c === "ArrowUp" && (s === "vertical" || s === "both"), C = c === "ArrowDown" && (s === "vertical" || s === "both"), N = c === "ArrowLeft" && (s === "horizontal" || s === "both"), P = c === "ArrowRight" && (s === "horizontal" || s === "both");
|
|
70
|
+
if (f || N) {
|
|
71
|
+
o.preventDefault(), d === -1 ? x() : D();
|
|
72
72
|
return;
|
|
73
73
|
}
|
|
74
|
-
if (
|
|
75
|
-
|
|
74
|
+
if (C || P) {
|
|
75
|
+
o.preventDefault(), d === -1 ? h() : M();
|
|
76
76
|
return;
|
|
77
77
|
}
|
|
78
|
-
if (
|
|
79
|
-
|
|
78
|
+
if (c === "Home") {
|
|
79
|
+
o.preventDefault(), h();
|
|
80
80
|
return;
|
|
81
81
|
}
|
|
82
|
-
if (
|
|
83
|
-
|
|
82
|
+
if (c === "End") {
|
|
83
|
+
o.preventDefault(), x();
|
|
84
84
|
return;
|
|
85
85
|
}
|
|
86
|
-
if ((
|
|
87
|
-
|
|
88
|
-
const
|
|
89
|
-
|
|
86
|
+
if ((c === "Enter" || c === " ") && d >= 0 && d < t.length) {
|
|
87
|
+
o.preventDefault();
|
|
88
|
+
const I = t[d];
|
|
89
|
+
g?.(I, d) || v?.(I, d);
|
|
90
90
|
return;
|
|
91
91
|
}
|
|
92
|
-
if (
|
|
93
|
-
|
|
92
|
+
if (c === "Escape") {
|
|
93
|
+
m?.();
|
|
94
94
|
return;
|
|
95
95
|
}
|
|
96
96
|
},
|
|
97
97
|
[
|
|
98
|
-
l,
|
|
99
|
-
o,
|
|
100
98
|
i,
|
|
99
|
+
s,
|
|
100
|
+
d,
|
|
101
101
|
t,
|
|
102
|
-
p,
|
|
103
|
-
T,
|
|
104
|
-
R,
|
|
105
|
-
C,
|
|
106
|
-
m,
|
|
107
102
|
h,
|
|
108
|
-
|
|
103
|
+
x,
|
|
104
|
+
M,
|
|
105
|
+
D,
|
|
106
|
+
g,
|
|
107
|
+
v,
|
|
108
|
+
m
|
|
109
109
|
]
|
|
110
110
|
);
|
|
111
111
|
return {
|
|
112
|
-
focusedIndex:
|
|
113
|
-
setFocusedIndex:
|
|
114
|
-
handleKeyDown:
|
|
115
|
-
focusFirst:
|
|
116
|
-
focusLast:
|
|
117
|
-
focusNext:
|
|
118
|
-
focusPrevious:
|
|
119
|
-
resetFocus:
|
|
112
|
+
focusedIndex: d,
|
|
113
|
+
setFocusedIndex: l,
|
|
114
|
+
handleKeyDown: _,
|
|
115
|
+
focusFirst: h,
|
|
116
|
+
focusLast: x,
|
|
117
|
+
focusNext: M,
|
|
118
|
+
focusPrevious: D,
|
|
119
|
+
resetFocus: S
|
|
120
120
|
};
|
|
121
121
|
}
|
|
122
|
-
const
|
|
123
|
-
},
|
|
122
|
+
const oe = (e) => {
|
|
123
|
+
}, rt = {
|
|
124
124
|
id: "entity-filter-1",
|
|
125
125
|
label: "Customer: Acme Corp",
|
|
126
126
|
field: "customer",
|
|
127
127
|
value: "acme-corp-123",
|
|
128
|
-
onRemove:
|
|
129
|
-
},
|
|
128
|
+
onRemove: oe
|
|
129
|
+
}, st = {
|
|
130
130
|
id: "status-filter-1",
|
|
131
131
|
label: "Status: Open",
|
|
132
132
|
field: "status",
|
|
133
133
|
value: "open",
|
|
134
|
-
onRemove:
|
|
135
|
-
},
|
|
134
|
+
onRemove: oe
|
|
135
|
+
}, ot = {
|
|
136
136
|
id: "date-filter-1",
|
|
137
137
|
label: "Date: Mar 1 - Mar 15",
|
|
138
138
|
field: "dateRange",
|
|
139
139
|
value: "2026-03-01..2026-03-15",
|
|
140
|
-
onRemove:
|
|
141
|
-
},
|
|
140
|
+
onRemove: oe
|
|
141
|
+
}, it = {
|
|
142
142
|
id: "mfg-filter-1",
|
|
143
143
|
label: "Manufacturer: Widget Co",
|
|
144
144
|
field: "manufacturer",
|
|
145
145
|
value: "widget-co-456",
|
|
146
|
-
onRemove:
|
|
147
|
-
},
|
|
148
|
-
nt,
|
|
149
|
-
at,
|
|
146
|
+
onRemove: oe
|
|
147
|
+
}, Dn = [
|
|
150
148
|
rt,
|
|
151
|
-
st
|
|
152
|
-
|
|
149
|
+
st,
|
|
150
|
+
ot,
|
|
151
|
+
it
|
|
152
|
+
], Cn = {
|
|
153
153
|
id: "metric-toggle",
|
|
154
154
|
tabs: [
|
|
155
155
|
{ id: "$", label: "$", mono: !0 },
|
|
156
156
|
{ id: "#", label: "#", mono: !0 }
|
|
157
157
|
]
|
|
158
|
-
},
|
|
158
|
+
}, Nn = {
|
|
159
159
|
id: "entity-type",
|
|
160
160
|
tabs: [
|
|
161
161
|
{ id: "orders", label: "Orders" },
|
|
@@ -163,7 +163,7 @@ const se = (e) => {
|
|
|
163
163
|
{ id: "customers", label: "Customers" },
|
|
164
164
|
{ id: "manufacturers", label: "Manufacturers" }
|
|
165
165
|
]
|
|
166
|
-
},
|
|
166
|
+
}, kn = {
|
|
167
167
|
id: "time-frame",
|
|
168
168
|
tabs: [
|
|
169
169
|
{ id: "MTD", label: "MTD" },
|
|
@@ -171,30 +171,30 @@ const se = (e) => {
|
|
|
171
171
|
{ id: "YTD", label: "YTD" },
|
|
172
172
|
{ id: "LYTD", label: "LYTD" }
|
|
173
173
|
]
|
|
174
|
-
},
|
|
174
|
+
}, xn = [
|
|
175
175
|
{ variant: "block", width: "100%", height: 16 },
|
|
176
176
|
{ variant: "block", width: 200, height: 32, borderRadius: 8 },
|
|
177
177
|
{ variant: "block", width: "80%", height: 12, borderRadius: "4px" },
|
|
178
178
|
{ variant: "block", width: 120, height: 44, borderRadius: 22 }
|
|
179
|
-
],
|
|
179
|
+
], Sn = [
|
|
180
180
|
{ variant: "text", lines: 3, lineHeight: 14, gap: 8 },
|
|
181
181
|
{ variant: "text", lines: 2, lineHeight: 16, gap: 10 },
|
|
182
182
|
{ variant: "text", lines: 5, lineHeight: 12, gap: 6 }
|
|
183
|
-
],
|
|
183
|
+
], Tn = [
|
|
184
184
|
{ variant: "circle", size: 24 },
|
|
185
185
|
{ variant: "circle", size: 40 },
|
|
186
186
|
{ variant: "circle", size: 64 }
|
|
187
|
-
],
|
|
187
|
+
], _n = [
|
|
188
188
|
{ bars: 10, maxHeight: 120 },
|
|
189
189
|
{ bars: 5, maxHeight: 80 }
|
|
190
|
-
],
|
|
190
|
+
], In = [
|
|
191
191
|
{ rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
|
|
192
192
|
{ rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
|
|
193
|
-
],
|
|
193
|
+
], Rn = [
|
|
194
194
|
{ variant: "value", colSpan: 1 },
|
|
195
195
|
{ variant: "trend", colSpan: 2 },
|
|
196
196
|
{ variant: "target", colSpan: 1 }
|
|
197
|
-
],
|
|
197
|
+
], Ce = {
|
|
198
198
|
position: "fixed",
|
|
199
199
|
zIndex: 9999,
|
|
200
200
|
background: "rgba(255,255,255,0.92)",
|
|
@@ -220,152 +220,152 @@ const se = (e) => {
|
|
|
220
220
|
width: "100%",
|
|
221
221
|
textAlign: "left",
|
|
222
222
|
border: "none"
|
|
223
|
-
}),
|
|
223
|
+
}), lt = (e) => ({
|
|
224
224
|
...pe(e),
|
|
225
225
|
color: e ? "#4338ca" : "#4f46e5",
|
|
226
226
|
fontWeight: 600
|
|
227
|
-
}),
|
|
227
|
+
}), ct = {
|
|
228
228
|
height: 1,
|
|
229
229
|
background: "rgba(0,0,0,0.06)",
|
|
230
230
|
margin: "3px 10px"
|
|
231
231
|
};
|
|
232
|
-
function
|
|
232
|
+
function dt({
|
|
233
233
|
open: e,
|
|
234
234
|
anchorEl: t,
|
|
235
235
|
statusId: a,
|
|
236
236
|
onOpenInTable: n,
|
|
237
|
-
onShowOnGraph:
|
|
238
|
-
overflowActions:
|
|
239
|
-
onClose:
|
|
237
|
+
onShowOnGraph: r,
|
|
238
|
+
overflowActions: s,
|
|
239
|
+
onClose: i
|
|
240
240
|
}) {
|
|
241
|
-
const [
|
|
242
|
-
if (!t) return { ...
|
|
243
|
-
const
|
|
241
|
+
const [g, v] = W(null), m = R(null), w = b(() => {
|
|
242
|
+
if (!t) return { ...Ce, top: 0, left: 0 };
|
|
243
|
+
const l = t.getBoundingClientRect();
|
|
244
244
|
return {
|
|
245
|
-
...
|
|
246
|
-
top:
|
|
247
|
-
left:
|
|
245
|
+
...Ce,
|
|
246
|
+
top: l.bottom + 4,
|
|
247
|
+
left: l.left
|
|
248
248
|
};
|
|
249
249
|
}, [t]);
|
|
250
250
|
if (L(() => {
|
|
251
251
|
if (!e) return;
|
|
252
|
-
const
|
|
253
|
-
|
|
252
|
+
const l = (p) => {
|
|
253
|
+
p.key === "Escape" && i();
|
|
254
254
|
};
|
|
255
|
-
return document.addEventListener("keydown",
|
|
256
|
-
}, [e,
|
|
255
|
+
return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
|
|
256
|
+
}, [e, i]), L(() => {
|
|
257
257
|
if (!e) return;
|
|
258
|
-
const
|
|
259
|
-
|
|
258
|
+
const l = (p) => {
|
|
259
|
+
m.current && !m.current.contains(p.target) && i();
|
|
260
260
|
};
|
|
261
|
-
return document.addEventListener("pointerdown",
|
|
262
|
-
}, [e,
|
|
263
|
-
const
|
|
261
|
+
return document.addEventListener("pointerdown", l, !0), () => document.removeEventListener("pointerdown", l, !0);
|
|
262
|
+
}, [e, i]), !e) return null;
|
|
263
|
+
const k = s && s.length > 0, d = /* @__PURE__ */ $(
|
|
264
264
|
"div",
|
|
265
265
|
{
|
|
266
|
-
ref:
|
|
266
|
+
ref: m,
|
|
267
267
|
"data-status-chip-menu": a,
|
|
268
268
|
role: "menu",
|
|
269
269
|
"aria-label": "Status actions",
|
|
270
|
-
style:
|
|
270
|
+
style: w(),
|
|
271
271
|
children: [
|
|
272
|
-
/* @__PURE__ */
|
|
272
|
+
/* @__PURE__ */ u(
|
|
273
273
|
"button",
|
|
274
274
|
{
|
|
275
275
|
role: "menuitem",
|
|
276
|
-
style:
|
|
277
|
-
onMouseEnter: () =>
|
|
278
|
-
onMouseLeave: () =>
|
|
276
|
+
style: lt(g === "__primary"),
|
|
277
|
+
onMouseEnter: () => v("__primary"),
|
|
278
|
+
onMouseLeave: () => v(null),
|
|
279
279
|
onClick: () => {
|
|
280
|
-
n(a),
|
|
280
|
+
n(a), i();
|
|
281
281
|
},
|
|
282
282
|
children: "Open in table"
|
|
283
283
|
}
|
|
284
284
|
),
|
|
285
|
-
/* @__PURE__ */
|
|
285
|
+
/* @__PURE__ */ u(
|
|
286
286
|
"button",
|
|
287
287
|
{
|
|
288
288
|
role: "menuitem",
|
|
289
|
-
style: pe(
|
|
290
|
-
onMouseEnter: () =>
|
|
291
|
-
onMouseLeave: () =>
|
|
289
|
+
style: pe(g === "__graph"),
|
|
290
|
+
onMouseEnter: () => v("__graph"),
|
|
291
|
+
onMouseLeave: () => v(null),
|
|
292
292
|
onClick: () => {
|
|
293
|
-
|
|
293
|
+
r(a), i();
|
|
294
294
|
},
|
|
295
295
|
children: "Show on graph"
|
|
296
296
|
}
|
|
297
297
|
),
|
|
298
|
-
|
|
299
|
-
|
|
298
|
+
k && /* @__PURE__ */ u("div", { style: ct }),
|
|
299
|
+
k && s?.map((l) => /* @__PURE__ */ u(
|
|
300
300
|
"button",
|
|
301
301
|
{
|
|
302
302
|
role: "menuitem",
|
|
303
|
-
style: pe(
|
|
304
|
-
onMouseEnter: () =>
|
|
305
|
-
onMouseLeave: () =>
|
|
303
|
+
style: pe(g === l.id),
|
|
304
|
+
onMouseEnter: () => v(l.id),
|
|
305
|
+
onMouseLeave: () => v(null),
|
|
306
306
|
onClick: () => {
|
|
307
|
-
|
|
307
|
+
l.onSelect(a), i();
|
|
308
308
|
},
|
|
309
|
-
children:
|
|
309
|
+
children: l.label
|
|
310
310
|
},
|
|
311
|
-
|
|
311
|
+
l.id
|
|
312
312
|
))
|
|
313
313
|
]
|
|
314
314
|
}
|
|
315
315
|
);
|
|
316
|
-
return
|
|
316
|
+
return Xe(d, document.body);
|
|
317
317
|
}
|
|
318
|
-
|
|
319
|
-
const
|
|
320
|
-
function({ state: t, onPointerDown: a, onPointerUp: n, onPointerEnter:
|
|
321
|
-
const
|
|
318
|
+
dt.displayName = "StatusSlotChipMenu";
|
|
319
|
+
const ut = ze(
|
|
320
|
+
function({ state: t, onPointerDown: a, onPointerUp: n, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: i, edge: g = "right", ariaLabel: v = "Resize card" }, m) {
|
|
321
|
+
const w = t === "handle-visible" || t === "dragging" || t === "settling", k = (p) => {
|
|
322
322
|
try {
|
|
323
|
-
|
|
323
|
+
p.currentTarget.setPointerCapture(p.pointerId);
|
|
324
324
|
} catch {
|
|
325
325
|
}
|
|
326
|
-
a(
|
|
327
|
-
},
|
|
326
|
+
a(p);
|
|
327
|
+
}, d = (p) => {
|
|
328
328
|
try {
|
|
329
|
-
|
|
329
|
+
p.currentTarget.hasPointerCapture?.(p.pointerId) && p.currentTarget.releasePointerCapture(p.pointerId);
|
|
330
330
|
} catch {
|
|
331
331
|
}
|
|
332
|
-
n(
|
|
333
|
-
},
|
|
334
|
-
!
|
|
332
|
+
n(p);
|
|
333
|
+
}, l = (p) => {
|
|
334
|
+
!w || !i || (p.key === "ArrowRight" ? (p.preventDefault(), i("grow")) : p.key === "ArrowLeft" && (p.preventDefault(), i("shrink")));
|
|
335
335
|
};
|
|
336
|
-
return /* @__PURE__ */
|
|
336
|
+
return /* @__PURE__ */ u(
|
|
337
337
|
"button",
|
|
338
338
|
{
|
|
339
|
-
ref:
|
|
339
|
+
ref: m,
|
|
340
340
|
type: "button",
|
|
341
|
-
"aria-label":
|
|
342
|
-
"data-edge":
|
|
341
|
+
"aria-label": v,
|
|
342
|
+
"data-edge": g,
|
|
343
343
|
"data-resize-state": t,
|
|
344
344
|
className: [
|
|
345
345
|
"gloss-edge-handle",
|
|
346
|
-
`gloss-edge-handle--${
|
|
347
|
-
|
|
346
|
+
`gloss-edge-handle--${g}`,
|
|
347
|
+
w ? "gloss-edge-handle--visible" : ""
|
|
348
348
|
].filter(Boolean).join(" "),
|
|
349
|
-
onPointerDown:
|
|
350
|
-
onPointerUp:
|
|
351
|
-
onPointerEnter:
|
|
352
|
-
onPointerLeave:
|
|
353
|
-
onKeyDown:
|
|
354
|
-
tabIndex:
|
|
349
|
+
onPointerDown: k,
|
|
350
|
+
onPointerUp: d,
|
|
351
|
+
onPointerEnter: r,
|
|
352
|
+
onPointerLeave: s,
|
|
353
|
+
onKeyDown: l,
|
|
354
|
+
tabIndex: w ? 0 : -1
|
|
355
355
|
}
|
|
356
356
|
);
|
|
357
357
|
}
|
|
358
358
|
);
|
|
359
|
-
|
|
360
|
-
function
|
|
359
|
+
ut.displayName = "EdgeHoverHandle";
|
|
360
|
+
function mt({
|
|
361
361
|
visible: e,
|
|
362
362
|
targetColSpan: t,
|
|
363
363
|
ghostWidth: a,
|
|
364
364
|
enterMs: n = 180,
|
|
365
|
-
exitMs:
|
|
365
|
+
exitMs: r = 120
|
|
366
366
|
}) {
|
|
367
|
-
return /* @__PURE__ */
|
|
368
|
-
|
|
367
|
+
return /* @__PURE__ */ u(
|
|
368
|
+
Te.div,
|
|
369
369
|
{
|
|
370
370
|
"aria-hidden": "true",
|
|
371
371
|
"data-ghost-preview": e ? "visible" : "hidden",
|
|
@@ -376,13 +376,13 @@ function dt({
|
|
|
376
376
|
].filter(Boolean).join(" "),
|
|
377
377
|
style: {
|
|
378
378
|
width: a,
|
|
379
|
-
transitionDuration: `${e ? n :
|
|
379
|
+
transitionDuration: `${e ? n : r}ms`
|
|
380
380
|
}
|
|
381
381
|
}
|
|
382
382
|
);
|
|
383
383
|
}
|
|
384
|
-
|
|
385
|
-
class
|
|
384
|
+
mt.displayName = "GhostPreview";
|
|
385
|
+
class pt {
|
|
386
386
|
constructor() {
|
|
387
387
|
this.samples = [], this.capacity = 3;
|
|
388
388
|
}
|
|
@@ -406,14 +406,14 @@ class ut {
|
|
|
406
406
|
const t = this.samples.length;
|
|
407
407
|
if (t < 2) return 0;
|
|
408
408
|
if (t === 2) {
|
|
409
|
-
const [
|
|
410
|
-
return (
|
|
409
|
+
const [v, m] = this.samples, w = Math.max(1, m.t - v.t);
|
|
410
|
+
return (m.x - v.x) / w * 1e3;
|
|
411
411
|
}
|
|
412
|
-
const [a, n,
|
|
413
|
-
return (
|
|
412
|
+
const [a, n, r] = this.samples, s = (r.x - n.x) / Math.max(1, r.t - n.t) * 1e3, i = (n.x - a.x) / Math.max(1, n.t - a.t) * 1e3, g = i;
|
|
413
|
+
return (s * 3 + i * 2 + g * 1) / 6;
|
|
414
414
|
}
|
|
415
415
|
}
|
|
416
|
-
const
|
|
416
|
+
const _e = {
|
|
417
417
|
// Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
|
|
418
418
|
// has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
|
|
419
419
|
// prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
|
|
@@ -433,210 +433,216 @@ const Te = {
|
|
|
433
433
|
// Velocity multiplier (D-03b panel)
|
|
434
434
|
velocityMultiplier: 1
|
|
435
435
|
};
|
|
436
|
-
function
|
|
436
|
+
function Mn({
|
|
437
437
|
currentColSpan: e,
|
|
438
438
|
stackable: t,
|
|
439
439
|
onResize: a,
|
|
440
440
|
onCancel: n,
|
|
441
|
-
step:
|
|
442
|
-
gap:
|
|
443
|
-
tuning:
|
|
444
|
-
dwellMs:
|
|
445
|
-
enterMs:
|
|
446
|
-
exitMs:
|
|
447
|
-
maxColSpan:
|
|
441
|
+
step: r = 180,
|
|
442
|
+
gap: s = 0,
|
|
443
|
+
tuning: i,
|
|
444
|
+
dwellMs: g = 120,
|
|
445
|
+
enterMs: v = 180,
|
|
446
|
+
exitMs: m = 120,
|
|
447
|
+
maxColSpan: w = 3,
|
|
448
|
+
containerRef: k,
|
|
449
|
+
forceIdle: d
|
|
448
450
|
}) {
|
|
449
|
-
const [
|
|
451
|
+
const [l, p] = W("idle"), [T, h] = W(e), x = R(null), M = R(null), D = R(null), S = R(r), _ = R(s), o = R(0), c = R("idle");
|
|
450
452
|
L(() => {
|
|
451
|
-
|
|
452
|
-
}, [
|
|
453
|
-
const
|
|
454
|
-
const
|
|
455
|
-
if (
|
|
453
|
+
c.current = l;
|
|
454
|
+
}, [l]);
|
|
455
|
+
const f = Ye(0), C = R(null), N = b(() => {
|
|
456
|
+
const y = C.current;
|
|
457
|
+
if (y) {
|
|
456
458
|
try {
|
|
457
|
-
|
|
459
|
+
y.stop();
|
|
458
460
|
} catch {
|
|
459
461
|
}
|
|
460
|
-
|
|
462
|
+
C.current = null;
|
|
461
463
|
}
|
|
462
|
-
}, []),
|
|
463
|
-
(
|
|
464
|
-
const F =
|
|
465
|
-
return
|
|
464
|
+
}, []), P = b(
|
|
465
|
+
(y) => {
|
|
466
|
+
const F = S.current, E = _.current;
|
|
467
|
+
return y * F + (y - 1) * E;
|
|
466
468
|
},
|
|
467
469
|
[]
|
|
468
|
-
),
|
|
470
|
+
), I = R(new pt()), z = R(e);
|
|
471
|
+
L(() => {
|
|
472
|
+
z.current = T;
|
|
473
|
+
}, [T]);
|
|
474
|
+
const O = ne(() => ({ ..._e, ...i ?? {} }), [i]), G = b(() => {
|
|
475
|
+
x.current && (clearTimeout(x.current), x.current = null);
|
|
476
|
+
}, []), A = b(() => {
|
|
477
|
+
M.current && (clearTimeout(M.current), M.current = null);
|
|
478
|
+
}, []);
|
|
469
479
|
L(() => {
|
|
470
|
-
|
|
471
|
-
}, [
|
|
472
|
-
const
|
|
473
|
-
|
|
474
|
-
}, []),
|
|
475
|
-
|
|
476
|
-
}, []),
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
let H = j;
|
|
484
|
-
for (; E + H < 3; ) {
|
|
485
|
-
const J = H * A + (H < 0 ? q : Q);
|
|
486
|
-
if (w >= J) H += 1;
|
|
480
|
+
d && (c.current === "dragging" || c.current === "settling" || (G(), A(), c.current = "idle", p("idle")));
|
|
481
|
+
}, [d, G, A]);
|
|
482
|
+
const X = b(() => {
|
|
483
|
+
p((y) => y === "settling" || y !== "idle" ? y : (x.current = setTimeout(() => p("handle-visible"), g), "dwelling"));
|
|
484
|
+
}, [g]), ae = b(() => {
|
|
485
|
+
G(), p((y) => y === "dwelling" || y === "handle-visible" ? "idle" : y);
|
|
486
|
+
}, [G]), B = b(
|
|
487
|
+
(y, F, E) => {
|
|
488
|
+
const K = S.current, Q = K * O.snapInFraction, q = K * O.snapOutFraction, j = F - E;
|
|
489
|
+
let V = j;
|
|
490
|
+
for (; E + V < 3; ) {
|
|
491
|
+
const J = V * K + (V < 0 ? q : Q);
|
|
492
|
+
if (y >= J) V += 1;
|
|
487
493
|
else break;
|
|
488
494
|
}
|
|
489
|
-
if (
|
|
490
|
-
for (; E +
|
|
491
|
-
const J =
|
|
492
|
-
if (
|
|
495
|
+
if (V === j)
|
|
496
|
+
for (; E + V > 1; ) {
|
|
497
|
+
const J = V * K - (V > 0 ? q : Q);
|
|
498
|
+
if (y <= J) V -= 1;
|
|
493
499
|
else break;
|
|
494
500
|
}
|
|
495
|
-
return Math.min(3, Math.max(1, E +
|
|
501
|
+
return Math.min(3, Math.max(1, E + V));
|
|
496
502
|
},
|
|
497
|
-
[
|
|
498
|
-
),
|
|
499
|
-
(
|
|
500
|
-
if (
|
|
501
|
-
|
|
502
|
-
const F = e *
|
|
503
|
-
|
|
503
|
+
[O.snapInFraction, O.snapOutFraction]
|
|
504
|
+
), $e = b(
|
|
505
|
+
(y) => {
|
|
506
|
+
if (c.current !== "handle-visible") return;
|
|
507
|
+
N(), D.current = y.clientX, S.current = r, _.current = s;
|
|
508
|
+
const F = e * r + (e - 1) * s;
|
|
509
|
+
o.current = F, I.current.clear(), I.current.push({ x: y.clientX, t: performance.now() }), f.jump(F), c.current = "dragging", p("dragging");
|
|
504
510
|
},
|
|
505
|
-
[
|
|
506
|
-
),
|
|
507
|
-
(
|
|
511
|
+
[r, s, e, f, N]
|
|
512
|
+
), ye = b(
|
|
513
|
+
(y) => y * S.current + (y - 1) * _.current,
|
|
508
514
|
[]
|
|
509
|
-
),
|
|
510
|
-
(
|
|
511
|
-
const E =
|
|
515
|
+
), re = b(
|
|
516
|
+
(y, F) => {
|
|
517
|
+
const E = ye(y), K = y !== e;
|
|
512
518
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
513
|
-
|
|
519
|
+
f.jump(E), K && F ? a({ direction: F, targetColSpan: y, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || n?.(), f.jump(0), c.current = "idle", p("idle");
|
|
514
520
|
return;
|
|
515
521
|
}
|
|
516
|
-
const q =
|
|
517
|
-
|
|
522
|
+
const q = I.current.getWeightedVelocity() * O.velocityMultiplier;
|
|
523
|
+
c.current = "settling", p("settling"), N(), C.current = De(f, E, {
|
|
518
524
|
type: "spring",
|
|
519
|
-
stiffness:
|
|
520
|
-
damping:
|
|
521
|
-
mass:
|
|
525
|
+
stiffness: O.stiffness,
|
|
526
|
+
damping: O.damping,
|
|
527
|
+
mass: O.mass,
|
|
522
528
|
velocity: q,
|
|
523
529
|
onComplete: () => {
|
|
524
|
-
|
|
530
|
+
C.current = null, K && F ? a({ direction: F, targetColSpan: y, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || n?.(), f.jump(0), c.current = "idle", p("idle");
|
|
525
531
|
}
|
|
526
532
|
});
|
|
527
533
|
},
|
|
528
|
-
[
|
|
529
|
-
),
|
|
530
|
-
(
|
|
531
|
-
if (
|
|
532
|
-
const F =
|
|
533
|
-
|
|
534
|
-
const E =
|
|
535
|
-
|
|
534
|
+
[ye, e, t, a, n, f, O, N]
|
|
535
|
+
), Be = b(
|
|
536
|
+
(y) => {
|
|
537
|
+
if (c.current !== "dragging") return;
|
|
538
|
+
const F = y.clientX - (D.current ?? y.clientX);
|
|
539
|
+
I.current.push({ x: y.clientX, t: performance.now() });
|
|
540
|
+
const E = B(F, z.current, e), K = E > e ? "grow" : E < e ? "shrink" : null;
|
|
541
|
+
re(E, K);
|
|
536
542
|
},
|
|
537
|
-
[
|
|
538
|
-
), ie =
|
|
539
|
-
if (
|
|
540
|
-
const
|
|
543
|
+
[B, e, re]
|
|
544
|
+
), ie = b(() => {
|
|
545
|
+
if (G(), c.current === "dragging") {
|
|
546
|
+
const y = o.current;
|
|
541
547
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
542
|
-
|
|
548
|
+
f.jump(y), n?.(), f.jump(0), c.current = "idle", p("idle");
|
|
543
549
|
return;
|
|
544
550
|
}
|
|
545
|
-
const E =
|
|
546
|
-
|
|
551
|
+
const E = I.current.getWeightedVelocity();
|
|
552
|
+
c.current = "settling", p("settling"), N(), C.current = De(f, y, {
|
|
547
553
|
type: "spring",
|
|
548
|
-
stiffness:
|
|
549
|
-
damping:
|
|
550
|
-
mass:
|
|
554
|
+
stiffness: O.stiffness,
|
|
555
|
+
damping: O.damping,
|
|
556
|
+
mass: O.mass,
|
|
551
557
|
velocity: E,
|
|
552
558
|
onComplete: () => {
|
|
553
|
-
|
|
559
|
+
C.current = null, n?.(), f.jump(0), c.current = "idle", p("idle");
|
|
554
560
|
}
|
|
555
561
|
});
|
|
556
562
|
return;
|
|
557
563
|
}
|
|
558
|
-
|
|
559
|
-
}, [
|
|
564
|
+
c.current === "handle-visible" && (n?.(), c.current = "cancelled", p("cancelled"));
|
|
565
|
+
}, [G, f, n, O, N]);
|
|
560
566
|
L(() => {
|
|
561
|
-
if (
|
|
562
|
-
const
|
|
567
|
+
if (l !== "dragging" && l !== "handle-visible") return;
|
|
568
|
+
const y = (F) => {
|
|
563
569
|
F.key === "Escape" && ie();
|
|
564
570
|
};
|
|
565
|
-
return window.addEventListener("keydown",
|
|
566
|
-
}, [
|
|
567
|
-
if (
|
|
568
|
-
|
|
571
|
+
return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
|
|
572
|
+
}, [l, ie]), L(() => {
|
|
573
|
+
if (l !== "dragging") {
|
|
574
|
+
h(e);
|
|
569
575
|
return;
|
|
570
576
|
}
|
|
571
|
-
const
|
|
572
|
-
const E = F.clientX - (
|
|
573
|
-
|
|
574
|
-
const le =
|
|
575
|
-
|
|
576
|
-
const ce =
|
|
577
|
-
ce !==
|
|
577
|
+
const y = (F) => {
|
|
578
|
+
const E = F.clientX - (D.current ?? F.clientX), K = o.current, Q = P(1), q = P(w), j = K + E, V = Math.max(Q, Math.min(q, j));
|
|
579
|
+
f.set(V);
|
|
580
|
+
const le = S.current, J = (w - e) * le, He = (1 - e) * le, Ve = Math.max(He, Math.min(J, E));
|
|
581
|
+
I.current.push({ x: F.clientX, t: performance.now() });
|
|
582
|
+
const ce = B(Ve, z.current, e);
|
|
583
|
+
ce !== z.current && (z.current = ce, h(ce));
|
|
578
584
|
};
|
|
579
|
-
return window.addEventListener("pointermove",
|
|
580
|
-
}, [
|
|
581
|
-
|
|
582
|
-
}, [
|
|
583
|
-
if (
|
|
584
|
-
const
|
|
585
|
-
return () => clearTimeout(
|
|
586
|
-
}, [
|
|
587
|
-
const
|
|
588
|
-
(
|
|
589
|
-
if (
|
|
590
|
-
const E = Math.min(3, Math.max(1, e + (
|
|
585
|
+
return window.addEventListener("pointermove", y), () => window.removeEventListener("pointermove", y);
|
|
586
|
+
}, [l, e, f, B, w, P]), L(() => () => {
|
|
587
|
+
G(), A();
|
|
588
|
+
}, [G, A]), L(() => {
|
|
589
|
+
if (l !== "cancelled") return;
|
|
590
|
+
const y = setTimeout(() => p("idle"), m);
|
|
591
|
+
return () => clearTimeout(y);
|
|
592
|
+
}, [l, m]);
|
|
593
|
+
const Ke = b(
|
|
594
|
+
(y) => {
|
|
595
|
+
if (c.current === "settling") return;
|
|
596
|
+
const E = Math.min(3, Math.max(1, e + (y === "grow" ? 1 : -1)));
|
|
591
597
|
if (E === e) return;
|
|
592
|
-
|
|
593
|
-
const
|
|
594
|
-
|
|
598
|
+
S.current = r, _.current = s, I.current.clear();
|
|
599
|
+
const K = e * r + (e - 1) * s;
|
|
600
|
+
o.current = K, f.jump(K), re(E, y);
|
|
595
601
|
},
|
|
596
|
-
[e,
|
|
597
|
-
),
|
|
598
|
-
|
|
599
|
-
|
|
602
|
+
[e, r, s, f, re]
|
|
603
|
+
), we = b(() => {
|
|
604
|
+
A(), M.current = setTimeout(() => {
|
|
605
|
+
c.current === "handle-visible" && (c.current = "idle", p("idle"));
|
|
600
606
|
}, 5e3);
|
|
601
|
-
}, [
|
|
602
|
-
|
|
603
|
-
}, [
|
|
604
|
-
|
|
605
|
-
}, [
|
|
607
|
+
}, [A]), We = b(() => {
|
|
608
|
+
c.current === "idle" && (G(), c.current = "handle-visible", p("handle-visible"), we());
|
|
609
|
+
}, [G, we]), Ge = b(() => {
|
|
610
|
+
A(), c.current === "handle-visible" && (c.current = "idle", p("idle"));
|
|
611
|
+
}, [A]);
|
|
606
612
|
return {
|
|
607
|
-
state:
|
|
613
|
+
state: l,
|
|
608
614
|
enterEdgeZone: X,
|
|
609
|
-
leaveEdgeZone:
|
|
615
|
+
leaveEdgeZone: ae,
|
|
610
616
|
handleProps: {
|
|
611
|
-
onPointerDown:
|
|
612
|
-
onPointerUp:
|
|
617
|
+
onPointerDown: $e,
|
|
618
|
+
onPointerUp: Be,
|
|
613
619
|
// Bug E: handle continues zone presence so pointer crossing sentinel→handle
|
|
614
620
|
// doesn't collapse state. handle's pointerenter = stay in zone.
|
|
615
621
|
onPointerEnter: X,
|
|
616
|
-
onPointerLeave:
|
|
622
|
+
onPointerLeave: ae
|
|
617
623
|
},
|
|
618
|
-
previewColSpan:
|
|
624
|
+
previewColSpan: T,
|
|
619
625
|
ghostProps: {
|
|
620
|
-
visible:
|
|
621
|
-
targetColSpan:
|
|
622
|
-
ghostWidth:
|
|
623
|
-
enterMs:
|
|
624
|
-
exitMs:
|
|
626
|
+
visible: l === "dragging" || l === "settling",
|
|
627
|
+
targetColSpan: T,
|
|
628
|
+
ghostWidth: f,
|
|
629
|
+
enterMs: v,
|
|
630
|
+
exitMs: m
|
|
625
631
|
},
|
|
626
|
-
onKeyboardStep:
|
|
627
|
-
onTouchReveal:
|
|
628
|
-
onTouchDismiss:
|
|
632
|
+
onKeyboardStep: Ke,
|
|
633
|
+
onTouchReveal: We,
|
|
634
|
+
onTouchDismiss: Ge,
|
|
629
635
|
cancel: ie
|
|
630
636
|
};
|
|
631
637
|
}
|
|
632
|
-
function
|
|
633
|
-
const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx:
|
|
638
|
+
function Pn(e) {
|
|
639
|
+
const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx: r } = e;
|
|
634
640
|
if (n == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(a) || a <= 0 || !Number.isInteger(n) || n < 0 || n >= a)
|
|
635
641
|
return;
|
|
636
|
-
const
|
|
637
|
-
return
|
|
642
|
+
const s = (n + 0.5) * (t / a);
|
|
643
|
+
return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
|
|
638
644
|
}
|
|
639
|
-
const
|
|
645
|
+
const Fn = [
|
|
640
646
|
// 1. Standard: Total Revenue
|
|
641
647
|
{
|
|
642
648
|
variant: "standard",
|
|
@@ -740,24 +746,24 @@ const Mn = [
|
|
|
740
746
|
{ value: 9, color: "#6b7280", label: "Other" }
|
|
741
747
|
]
|
|
742
748
|
}
|
|
743
|
-
],
|
|
749
|
+
], gt = {
|
|
744
750
|
variant: "standard",
|
|
745
751
|
label: "Total Revenue",
|
|
746
752
|
isLoading: !0
|
|
747
|
-
},
|
|
753
|
+
}, ft = {
|
|
748
754
|
variant: "standard",
|
|
749
755
|
label: "Total Revenue",
|
|
750
756
|
value: 125430,
|
|
751
757
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
752
758
|
isError: !0
|
|
753
|
-
},
|
|
759
|
+
}, ht = {
|
|
754
760
|
variant: "standard",
|
|
755
761
|
label: "Total Revenue",
|
|
756
762
|
value: null,
|
|
757
763
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
758
764
|
isEmpty: !0,
|
|
759
765
|
subtitle: "No data"
|
|
760
|
-
},
|
|
766
|
+
}, bt = {
|
|
761
767
|
variant: "standard",
|
|
762
768
|
label: "Total Revenue",
|
|
763
769
|
value: 125430,
|
|
@@ -765,7 +771,7 @@ const Mn = [
|
|
|
765
771
|
trend: { value: 12.5, direction: "up" },
|
|
766
772
|
subtitle: "MTD",
|
|
767
773
|
isStale: !0
|
|
768
|
-
},
|
|
774
|
+
}, vt = {
|
|
769
775
|
variant: "sparkline",
|
|
770
776
|
label: "Daily Orders",
|
|
771
777
|
value: 847,
|
|
@@ -774,7 +780,7 @@ const Mn = [
|
|
|
774
780
|
sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
|
|
775
781
|
accentColor: "#6366f1",
|
|
776
782
|
isStale: !0
|
|
777
|
-
},
|
|
783
|
+
}, yt = {
|
|
778
784
|
variant: "donut",
|
|
779
785
|
label: "Order Fill Rate",
|
|
780
786
|
value: 78,
|
|
@@ -785,14 +791,14 @@ const Mn = [
|
|
|
785
791
|
donutMax: 100,
|
|
786
792
|
accentColor: "#10b981",
|
|
787
793
|
isStale: !0
|
|
788
|
-
},
|
|
789
|
-
mt,
|
|
790
|
-
pt,
|
|
794
|
+
}, En = [
|
|
791
795
|
gt,
|
|
792
796
|
ft,
|
|
793
797
|
ht,
|
|
794
|
-
bt
|
|
795
|
-
|
|
798
|
+
bt,
|
|
799
|
+
vt,
|
|
800
|
+
yt
|
|
801
|
+
], On = {
|
|
796
802
|
variant: "sparkline",
|
|
797
803
|
label: "Daily Orders",
|
|
798
804
|
value: 847,
|
|
@@ -815,7 +821,7 @@ const Mn = [
|
|
|
815
821
|
59
|
|
816
822
|
],
|
|
817
823
|
accentColor: "#6366f1"
|
|
818
|
-
},
|
|
824
|
+
}, An = {
|
|
819
825
|
variant: "sparkline",
|
|
820
826
|
label: "New Customers",
|
|
821
827
|
value: 23,
|
|
@@ -854,21 +860,21 @@ const Mn = [
|
|
|
854
860
|
19
|
|
855
861
|
],
|
|
856
862
|
accentColor: "#10b981"
|
|
857
|
-
},
|
|
863
|
+
}, Ln = {
|
|
858
864
|
variant: "standard",
|
|
859
865
|
label: "Total Revenue",
|
|
860
866
|
value: 125430,
|
|
861
867
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
862
868
|
trend: { value: 12.5, direction: "up" },
|
|
863
869
|
subtitle: "MTD"
|
|
864
|
-
},
|
|
870
|
+
}, $n = {
|
|
865
871
|
variant: "standard",
|
|
866
872
|
label: "Returns",
|
|
867
873
|
value: 3280,
|
|
868
874
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
869
875
|
trend: { value: -8.3, direction: "down" },
|
|
870
876
|
subtitle: "MTD"
|
|
871
|
-
},
|
|
877
|
+
}, Bn = {
|
|
872
878
|
variant: "standard",
|
|
873
879
|
label: "Avg Order Value",
|
|
874
880
|
value: 487,
|
|
@@ -876,33 +882,33 @@ const Mn = [
|
|
|
876
882
|
trend: { value: 0, direction: "flat" },
|
|
877
883
|
subtitle: "QTD"
|
|
878
884
|
};
|
|
879
|
-
function
|
|
885
|
+
function Ie({
|
|
880
886
|
open: e,
|
|
881
887
|
onDismiss: t,
|
|
882
888
|
anchorRef: a,
|
|
883
889
|
pages: n,
|
|
884
|
-
activePageId:
|
|
885
|
-
onPageChange:
|
|
886
|
-
onCreatePage:
|
|
887
|
-
onManagePages:
|
|
890
|
+
activePageId: r,
|
|
891
|
+
onPageChange: s,
|
|
892
|
+
onCreatePage: i,
|
|
893
|
+
onManagePages: g
|
|
888
894
|
}) {
|
|
889
|
-
const
|
|
890
|
-
(
|
|
891
|
-
|
|
895
|
+
const v = b(
|
|
896
|
+
(d) => {
|
|
897
|
+
s(d), t();
|
|
892
898
|
},
|
|
893
|
-
[
|
|
894
|
-
),
|
|
895
|
-
(
|
|
896
|
-
(
|
|
899
|
+
[s, t]
|
|
900
|
+
), m = b(
|
|
901
|
+
(d, l) => {
|
|
902
|
+
(l.key === "Enter" || l.key === " ") && (l.preventDefault(), v(d));
|
|
897
903
|
},
|
|
898
|
-
[
|
|
899
|
-
),
|
|
900
|
-
|
|
901
|
-
}, [
|
|
902
|
-
|
|
903
|
-
}, [
|
|
904
|
-
return /* @__PURE__ */
|
|
905
|
-
|
|
904
|
+
[v]
|
|
905
|
+
), w = b(() => {
|
|
906
|
+
i(), t();
|
|
907
|
+
}, [i, t]), k = b(() => {
|
|
908
|
+
g(), t();
|
|
909
|
+
}, [g, t]);
|
|
910
|
+
return /* @__PURE__ */ $(
|
|
911
|
+
je,
|
|
906
912
|
{
|
|
907
913
|
definition: {
|
|
908
914
|
placement: "bottom-end",
|
|
@@ -915,55 +921,55 @@ function _e({
|
|
|
915
921
|
anchorRef: a,
|
|
916
922
|
className: "gloss-page-dropdown",
|
|
917
923
|
children: [
|
|
918
|
-
/* @__PURE__ */
|
|
919
|
-
const
|
|
920
|
-
return /* @__PURE__ */
|
|
924
|
+
/* @__PURE__ */ u("ul", { role: "menu", className: "gloss-page-dropdown__list", children: n.map((d) => {
|
|
925
|
+
const l = d.id === r;
|
|
926
|
+
return /* @__PURE__ */ $(
|
|
921
927
|
"li",
|
|
922
928
|
{
|
|
923
929
|
role: "menuitemradio",
|
|
924
|
-
"aria-checked":
|
|
925
|
-
"aria-current":
|
|
930
|
+
"aria-checked": l,
|
|
931
|
+
"aria-current": l ? "page" : void 0,
|
|
926
932
|
tabIndex: 0,
|
|
927
|
-
className: `gloss-page-dropdown__item${
|
|
928
|
-
onClick: () =>
|
|
929
|
-
onKeyDown: (
|
|
933
|
+
className: `gloss-page-dropdown__item${l ? " gloss-page-dropdown__item--active" : ""}`,
|
|
934
|
+
onClick: () => v(d.id),
|
|
935
|
+
onKeyDown: (p) => m(d.id, p),
|
|
930
936
|
children: [
|
|
931
|
-
/* @__PURE__ */
|
|
937
|
+
/* @__PURE__ */ u(
|
|
932
938
|
"span",
|
|
933
939
|
{
|
|
934
|
-
className: `gloss-page-dropdown__dot${
|
|
940
|
+
className: `gloss-page-dropdown__dot${l ? " gloss-page-dropdown__dot--active" : ""}`
|
|
935
941
|
}
|
|
936
942
|
),
|
|
937
|
-
/* @__PURE__ */
|
|
943
|
+
/* @__PURE__ */ u(
|
|
938
944
|
"span",
|
|
939
945
|
{
|
|
940
|
-
className: `gloss-page-dropdown__name${
|
|
941
|
-
children:
|
|
946
|
+
className: `gloss-page-dropdown__name${d.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
|
|
947
|
+
children: d.name
|
|
942
948
|
}
|
|
943
949
|
),
|
|
944
|
-
/* @__PURE__ */
|
|
950
|
+
/* @__PURE__ */ u("span", { className: "gloss-page-dropdown__count", children: d.cardCount })
|
|
945
951
|
]
|
|
946
952
|
},
|
|
947
|
-
|
|
953
|
+
d.id
|
|
948
954
|
);
|
|
949
955
|
}) }),
|
|
950
|
-
/* @__PURE__ */
|
|
951
|
-
/* @__PURE__ */
|
|
956
|
+
/* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
|
|
957
|
+
/* @__PURE__ */ u(
|
|
952
958
|
"button",
|
|
953
959
|
{
|
|
954
960
|
role: "menuitem",
|
|
955
961
|
className: "gloss-page-dropdown__action",
|
|
956
|
-
onClick:
|
|
962
|
+
onClick: w,
|
|
957
963
|
children: "+ New page"
|
|
958
964
|
}
|
|
959
965
|
),
|
|
960
|
-
/* @__PURE__ */
|
|
961
|
-
/* @__PURE__ */
|
|
966
|
+
/* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
|
|
967
|
+
/* @__PURE__ */ u(
|
|
962
968
|
"button",
|
|
963
969
|
{
|
|
964
970
|
role: "menuitem",
|
|
965
971
|
className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
|
|
966
|
-
onClick:
|
|
972
|
+
onClick: k,
|
|
967
973
|
children: "Manage pages"
|
|
968
974
|
}
|
|
969
975
|
)
|
|
@@ -971,44 +977,44 @@ function _e({
|
|
|
971
977
|
}
|
|
972
978
|
);
|
|
973
979
|
}
|
|
974
|
-
|
|
975
|
-
const
|
|
980
|
+
Ie.displayName = "PageDropdown";
|
|
981
|
+
const wt = function({
|
|
976
982
|
currentIndex: t,
|
|
977
983
|
total: a,
|
|
978
984
|
pages: n,
|
|
979
|
-
onPageChange:
|
|
980
|
-
onCreatePage:
|
|
981
|
-
onManagePages:
|
|
982
|
-
maskRadius:
|
|
985
|
+
onPageChange: r,
|
|
986
|
+
onCreatePage: s,
|
|
987
|
+
onManagePages: i,
|
|
988
|
+
maskRadius: g = "var(--gloss-radius-md)"
|
|
983
989
|
}) {
|
|
984
|
-
const
|
|
985
|
-
|
|
986
|
-
}, []),
|
|
987
|
-
|
|
988
|
-
}, []),
|
|
989
|
-
return /* @__PURE__ */
|
|
990
|
+
const v = R(null), [m, w] = W(!1), k = b(() => {
|
|
991
|
+
w((p) => !p);
|
|
992
|
+
}, []), d = b(() => {
|
|
993
|
+
w(!1);
|
|
994
|
+
}, []), l = n[t]?.id ?? "";
|
|
995
|
+
return /* @__PURE__ */ $(
|
|
990
996
|
"div",
|
|
991
997
|
{
|
|
992
998
|
className: "gloss-page-chip",
|
|
993
|
-
ref:
|
|
999
|
+
ref: v,
|
|
994
1000
|
style: { position: "absolute", top: 0, right: 0 },
|
|
995
1001
|
"data-page-chip": !0,
|
|
996
1002
|
children: [
|
|
997
|
-
/* @__PURE__ */
|
|
1003
|
+
/* @__PURE__ */ u(
|
|
998
1004
|
"div",
|
|
999
1005
|
{
|
|
1000
1006
|
className: "gloss-page-chip__nuzzle",
|
|
1001
|
-
style: { "--_nuzzle-r":
|
|
1007
|
+
style: { "--_nuzzle-r": g }
|
|
1002
1008
|
}
|
|
1003
1009
|
),
|
|
1004
|
-
/* @__PURE__ */
|
|
1010
|
+
/* @__PURE__ */ $(
|
|
1005
1011
|
"button",
|
|
1006
1012
|
{
|
|
1007
1013
|
className: "gloss-page-chip__trigger",
|
|
1008
1014
|
"aria-haspopup": "menu",
|
|
1009
|
-
"aria-expanded":
|
|
1015
|
+
"aria-expanded": m,
|
|
1010
1016
|
"aria-label": `Page ${t + 1} of ${a}. Click to switch pages.`,
|
|
1011
|
-
onClick:
|
|
1017
|
+
onClick: k,
|
|
1012
1018
|
children: [
|
|
1013
1019
|
t + 1,
|
|
1014
1020
|
" / ",
|
|
@@ -1016,25 +1022,25 @@ const vt = function({
|
|
|
1016
1022
|
]
|
|
1017
1023
|
}
|
|
1018
1024
|
),
|
|
1019
|
-
/* @__PURE__ */
|
|
1020
|
-
|
|
1025
|
+
/* @__PURE__ */ u(
|
|
1026
|
+
Ie,
|
|
1021
1027
|
{
|
|
1022
|
-
open:
|
|
1023
|
-
onDismiss:
|
|
1024
|
-
anchorRef:
|
|
1028
|
+
open: m,
|
|
1029
|
+
onDismiss: d,
|
|
1030
|
+
anchorRef: v,
|
|
1025
1031
|
pages: n,
|
|
1026
|
-
activePageId:
|
|
1027
|
-
onPageChange:
|
|
1028
|
-
onCreatePage:
|
|
1029
|
-
onManagePages:
|
|
1032
|
+
activePageId: l,
|
|
1033
|
+
onPageChange: r,
|
|
1034
|
+
onCreatePage: s,
|
|
1035
|
+
onManagePages: i
|
|
1030
1036
|
}
|
|
1031
1037
|
)
|
|
1032
1038
|
]
|
|
1033
1039
|
}
|
|
1034
1040
|
);
|
|
1035
1041
|
};
|
|
1036
|
-
|
|
1037
|
-
const
|
|
1042
|
+
wt.displayName = "PageChip";
|
|
1043
|
+
const Kn = [
|
|
1038
1044
|
{
|
|
1039
1045
|
id: "ORD-1001",
|
|
1040
1046
|
orderNumber: "ORD-1001",
|
|
@@ -1167,7 +1173,7 @@ const $n = [
|
|
|
1167
1173
|
date: "2026-03-01",
|
|
1168
1174
|
skuCount: 9
|
|
1169
1175
|
}
|
|
1170
|
-
],
|
|
1176
|
+
], Wn = [
|
|
1171
1177
|
{
|
|
1172
1178
|
id: "ITEM-001",
|
|
1173
1179
|
sku: "PB-4520",
|
|
@@ -1304,13 +1310,13 @@ const $n = [
|
|
|
1304
1310
|
function ge(e) {
|
|
1305
1311
|
return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
|
1306
1312
|
}
|
|
1307
|
-
function
|
|
1313
|
+
function Re(e) {
|
|
1308
1314
|
return e.toLocaleString("en-US");
|
|
1309
1315
|
}
|
|
1310
|
-
function
|
|
1316
|
+
function Me(e) {
|
|
1311
1317
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1312
1318
|
}
|
|
1313
|
-
const te =
|
|
1319
|
+
const te = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Gn = [
|
|
1314
1320
|
{
|
|
1315
1321
|
field: "id",
|
|
1316
1322
|
headerName: "Order",
|
|
@@ -1340,7 +1346,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1340
1346
|
align: "right",
|
|
1341
1347
|
headerAlign: "right",
|
|
1342
1348
|
cellClassName: "gloss-tabular-nums",
|
|
1343
|
-
renderCell: ({ row: e }) => e.skuCount ?
|
|
1349
|
+
renderCell: ({ row: e }) => e.skuCount ? Re(e.skuCount) : te
|
|
1344
1350
|
},
|
|
1345
1351
|
{
|
|
1346
1352
|
field: "total",
|
|
@@ -1360,9 +1366,9 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1360
1366
|
align: "right",
|
|
1361
1367
|
headerAlign: "right",
|
|
1362
1368
|
cellClassName: "gloss-tabular-nums",
|
|
1363
|
-
renderCell: ({ row: e }) => e.date ?
|
|
1369
|
+
renderCell: ({ row: e }) => e.date ? Me(e.date) : ""
|
|
1364
1370
|
}
|
|
1365
|
-
],
|
|
1371
|
+
], Hn = [
|
|
1366
1372
|
{
|
|
1367
1373
|
field: "sku",
|
|
1368
1374
|
headerName: "Item ID",
|
|
@@ -1404,7 +1410,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1404
1410
|
align: "right",
|
|
1405
1411
|
headerAlign: "right",
|
|
1406
1412
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1407
|
-
renderCell: ({ row: e }) => e.quantity ?
|
|
1413
|
+
renderCell: ({ row: e }) => e.quantity ? Re(e.quantity) : te
|
|
1408
1414
|
},
|
|
1409
1415
|
{
|
|
1410
1416
|
field: "total",
|
|
@@ -1424,24 +1430,24 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1424
1430
|
align: "right",
|
|
1425
1431
|
headerAlign: "right",
|
|
1426
1432
|
cellClassName: "gloss-tabular-nums",
|
|
1427
|
-
renderCell: ({ row: e }) => e.lastDate ?
|
|
1433
|
+
renderCell: ({ row: e }) => e.lastDate ? Me(e.lastDate) : ""
|
|
1428
1434
|
}
|
|
1429
|
-
],
|
|
1435
|
+
], Dt = [
|
|
1430
1436
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
1431
1437
|
{ id: "c-002", label: "Riverside Retail" },
|
|
1432
1438
|
{ id: "c-003", label: "Mountain View Store" },
|
|
1433
1439
|
{ id: "c-004", label: "Downtown Decor" },
|
|
1434
1440
|
{ id: "c-005", label: "Pacific Coast Imports" }
|
|
1435
|
-
],
|
|
1441
|
+
], Ct = [
|
|
1436
1442
|
{ id: "i-001", label: "Classic Linen Throw Pillow" },
|
|
1437
1443
|
{ id: "i-002", label: "Coastal Wave Candle Set" },
|
|
1438
1444
|
{ id: "i-003", label: "Walnut Console Table" },
|
|
1439
1445
|
{ id: "i-004", label: "Hand-Blown Glass Vase" },
|
|
1440
1446
|
{ id: "i-005", label: "Velvet Accent Cushion" }
|
|
1441
1447
|
], de = (e) => {
|
|
1442
|
-
},
|
|
1443
|
-
},
|
|
1444
|
-
},
|
|
1448
|
+
}, Nt = (e) => {
|
|
1449
|
+
}, Ne = (e, t) => {
|
|
1450
|
+
}, Pe = {
|
|
1445
1451
|
vizState: {
|
|
1446
1452
|
type: "orders",
|
|
1447
1453
|
quant: "$",
|
|
@@ -1450,16 +1456,16 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1450
1456
|
timeFrame: "MTD"
|
|
1451
1457
|
},
|
|
1452
1458
|
onTypeChange: de,
|
|
1453
|
-
onQuantChange:
|
|
1459
|
+
onQuantChange: Nt,
|
|
1454
1460
|
onEntityTypeChange: de,
|
|
1455
|
-
onEntitySelect:
|
|
1456
|
-
onItemSelect:
|
|
1461
|
+
onEntitySelect: Ne,
|
|
1462
|
+
onItemSelect: Ne,
|
|
1457
1463
|
onTimeFrameChange: de,
|
|
1458
1464
|
userType: "sales-agency",
|
|
1459
|
-
entityFilterOptions:
|
|
1460
|
-
itemFilterOptions:
|
|
1461
|
-
},
|
|
1462
|
-
...
|
|
1465
|
+
entityFilterOptions: Dt,
|
|
1466
|
+
itemFilterOptions: Ct
|
|
1467
|
+
}, Vn = {
|
|
1468
|
+
...Pe,
|
|
1463
1469
|
vizState: {
|
|
1464
1470
|
type: "items",
|
|
1465
1471
|
quant: "$",
|
|
@@ -1467,8 +1473,8 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1467
1473
|
byItem: { id: "i-003", name: "Walnut Console Table" },
|
|
1468
1474
|
timeFrame: "YTD"
|
|
1469
1475
|
}
|
|
1470
|
-
},
|
|
1471
|
-
...
|
|
1476
|
+
}, zn = {
|
|
1477
|
+
...Pe,
|
|
1472
1478
|
vizState: {
|
|
1473
1479
|
type: "orders",
|
|
1474
1480
|
quant: "#",
|
|
@@ -1480,7 +1486,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1480
1486
|
entityFilterOptions: [
|
|
1481
1487
|
{ id: "customers", label: "Customers" }
|
|
1482
1488
|
]
|
|
1483
|
-
},
|
|
1489
|
+
}, kt = [
|
|
1484
1490
|
{
|
|
1485
1491
|
id: "recent-orders",
|
|
1486
1492
|
label: "Recent Orders",
|
|
@@ -1526,7 +1532,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1526
1532
|
routeKey: "customer.profile",
|
|
1527
1533
|
subtitle: "Opens in RepTime"
|
|
1528
1534
|
}
|
|
1529
|
-
],
|
|
1535
|
+
], xt = [
|
|
1530
1536
|
{
|
|
1531
1537
|
id: "order-items",
|
|
1532
1538
|
label: "Items in Order",
|
|
@@ -1555,7 +1561,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1555
1561
|
cellKinds: ["orderId"],
|
|
1556
1562
|
graphType: "timeline"
|
|
1557
1563
|
}
|
|
1558
|
-
],
|
|
1564
|
+
], St = [
|
|
1559
1565
|
{
|
|
1560
1566
|
id: "graph-metric",
|
|
1561
1567
|
label: "Graph This Metric",
|
|
@@ -1583,14 +1589,14 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1583
1589
|
cellKinds: ["numeric"],
|
|
1584
1590
|
tabType: "orders"
|
|
1585
1591
|
}
|
|
1586
|
-
],
|
|
1587
|
-
entityName:
|
|
1588
|
-
orderId:
|
|
1589
|
-
numeric:
|
|
1590
|
-
},
|
|
1592
|
+
], Zn = {
|
|
1593
|
+
entityName: kt,
|
|
1594
|
+
orderId: xt,
|
|
1595
|
+
numeric: St
|
|
1596
|
+
}, Un = [
|
|
1591
1597
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
|
|
1592
1598
|
/* @__PURE__ */ new Date()
|
|
1593
|
-
],
|
|
1599
|
+
], Yn = {
|
|
1594
1600
|
rangeA: [
|
|
1595
1601
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
|
|
1596
1602
|
/* @__PURE__ */ new Date()
|
|
@@ -1603,7 +1609,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1603
1609
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
|
|
1604
1610
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
|
|
1605
1611
|
]
|
|
1606
|
-
},
|
|
1612
|
+
}, qn = {
|
|
1607
1613
|
version: 4,
|
|
1608
1614
|
lastPreset: "mtd",
|
|
1609
1615
|
pinnedPreset: "mtd",
|
|
@@ -1611,7 +1617,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1611
1617
|
rangeCount: 1,
|
|
1612
1618
|
lastPresetB: null,
|
|
1613
1619
|
lastPresetC: null
|
|
1614
|
-
},
|
|
1620
|
+
}, jn = [
|
|
1615
1621
|
{
|
|
1616
1622
|
id: "atlanta-jan",
|
|
1617
1623
|
label: "Atlanta Market",
|
|
@@ -1633,7 +1639,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1633
1639
|
endDate: new Date(2026, 3, 22),
|
|
1634
1640
|
location: "Chicago, IL"
|
|
1635
1641
|
}
|
|
1636
|
-
],
|
|
1642
|
+
], Xn = [
|
|
1637
1643
|
{
|
|
1638
1644
|
id: "custom-regional-1",
|
|
1639
1645
|
label: "Southeast Regional Expo",
|
|
@@ -1650,7 +1656,7 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1650
1656
|
location: "Portland, OR",
|
|
1651
1657
|
isCustom: !0
|
|
1652
1658
|
}
|
|
1653
|
-
],
|
|
1659
|
+
], Qn = [
|
|
1654
1660
|
{
|
|
1655
1661
|
id: "atlanta-jan",
|
|
1656
1662
|
label: "Atlanta Market",
|
|
@@ -1667,137 +1673,137 @@ const te = W.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1667
1673
|
location: "New York, NY",
|
|
1668
1674
|
active: !0
|
|
1669
1675
|
}
|
|
1670
|
-
],
|
|
1676
|
+
], Jn = [
|
|
1671
1677
|
{ id: "7d", label: "7D" },
|
|
1672
1678
|
{ id: "30d", label: "30D" },
|
|
1673
1679
|
{ id: "60d", label: "60D" },
|
|
1674
1680
|
{ id: "90d", label: "90D" }
|
|
1675
|
-
],
|
|
1681
|
+
], ea = [
|
|
1676
1682
|
{ id: "mtd", label: "MTD" },
|
|
1677
1683
|
{ id: "qtd", label: "QTD" },
|
|
1678
1684
|
{ id: "ytd", label: "YTD" },
|
|
1679
1685
|
{ id: "lytd", label: "LYTD" }
|
|
1680
|
-
],
|
|
1686
|
+
], Tt = {
|
|
1681
1687
|
timeframe: "Time Frame",
|
|
1682
1688
|
threshold: "Thresholds",
|
|
1683
1689
|
slots: "Slots",
|
|
1684
1690
|
size: "Size",
|
|
1685
1691
|
color: "Color",
|
|
1686
1692
|
pinned: "Pinned"
|
|
1687
|
-
},
|
|
1688
|
-
timeframe:
|
|
1689
|
-
threshold:
|
|
1690
|
-
slots:
|
|
1691
|
-
size:
|
|
1692
|
-
color:
|
|
1693
|
-
pinned:
|
|
1693
|
+
}, _t = {
|
|
1694
|
+
timeframe: Qe,
|
|
1695
|
+
threshold: Je,
|
|
1696
|
+
slots: et,
|
|
1697
|
+
size: tt,
|
|
1698
|
+
color: nt,
|
|
1699
|
+
pinned: at
|
|
1694
1700
|
};
|
|
1695
|
-
function
|
|
1701
|
+
function ke(...e) {
|
|
1696
1702
|
return e.filter(Boolean).join(" ");
|
|
1697
1703
|
}
|
|
1698
|
-
function
|
|
1699
|
-
const [e, t] =
|
|
1704
|
+
function It() {
|
|
1705
|
+
const [e, t] = W(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
|
|
1700
1706
|
return L(() => {
|
|
1701
1707
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
1702
|
-
const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (
|
|
1708
|
+
const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (r) => t(r.matches);
|
|
1703
1709
|
return typeof a.addEventListener == "function" ? (a.addEventListener("change", n), () => a.removeEventListener("change", n)) : (a.addListener?.(n), () => {
|
|
1704
1710
|
a.removeListener?.(n);
|
|
1705
1711
|
});
|
|
1706
1712
|
}, []), e;
|
|
1707
1713
|
}
|
|
1708
|
-
const
|
|
1714
|
+
const Rt = ({
|
|
1709
1715
|
dimensions: e,
|
|
1710
1716
|
onDimensionSelect: t,
|
|
1711
1717
|
activeDimension: a,
|
|
1712
1718
|
ariaCardTypeLabel: n,
|
|
1713
|
-
className:
|
|
1719
|
+
className: r
|
|
1714
1720
|
}) => {
|
|
1715
|
-
const
|
|
1716
|
-
if (
|
|
1717
|
-
const
|
|
1718
|
-
const
|
|
1719
|
-
const
|
|
1720
|
-
|
|
1721
|
+
const s = R(null), i = R([]), g = It(), v = ne(() => Array.from(e), [e]);
|
|
1722
|
+
if (v.length === 0) return null;
|
|
1723
|
+
const m = n ? `Configure ${n}: choose a dimension` : void 0, w = g ? "10ms" : "200ms", k = (d, l) => {
|
|
1724
|
+
const p = v.length - 1, T = (h) => {
|
|
1725
|
+
const x = i.current[h];
|
|
1726
|
+
x && x.focus();
|
|
1721
1727
|
};
|
|
1722
|
-
switch (
|
|
1728
|
+
switch (d.key) {
|
|
1723
1729
|
case "ArrowRight":
|
|
1724
1730
|
case "ArrowDown": {
|
|
1725
|
-
|
|
1731
|
+
d.preventDefault(), T(l === p ? 0 : l + 1);
|
|
1726
1732
|
break;
|
|
1727
1733
|
}
|
|
1728
1734
|
case "ArrowLeft":
|
|
1729
1735
|
case "ArrowUp": {
|
|
1730
|
-
|
|
1736
|
+
d.preventDefault(), T(l === 0 ? p : l - 1);
|
|
1731
1737
|
break;
|
|
1732
1738
|
}
|
|
1733
1739
|
case "Home": {
|
|
1734
|
-
|
|
1740
|
+
d.preventDefault(), T(0);
|
|
1735
1741
|
break;
|
|
1736
1742
|
}
|
|
1737
1743
|
case "End": {
|
|
1738
|
-
|
|
1744
|
+
d.preventDefault(), T(p);
|
|
1739
1745
|
break;
|
|
1740
1746
|
}
|
|
1741
1747
|
case "Enter":
|
|
1742
1748
|
case " ": {
|
|
1743
|
-
|
|
1749
|
+
d.preventDefault(), t(v[l]);
|
|
1744
1750
|
break;
|
|
1745
1751
|
}
|
|
1746
1752
|
}
|
|
1747
1753
|
};
|
|
1748
|
-
return /* @__PURE__ */
|
|
1754
|
+
return /* @__PURE__ */ u(
|
|
1749
1755
|
"div",
|
|
1750
1756
|
{
|
|
1751
|
-
ref:
|
|
1757
|
+
ref: s,
|
|
1752
1758
|
role: "group",
|
|
1753
|
-
"aria-label":
|
|
1754
|
-
className:
|
|
1759
|
+
"aria-label": m,
|
|
1760
|
+
className: ke("gloss-reconfig-backside-buttons", r),
|
|
1755
1761
|
style: {
|
|
1756
1762
|
// Expose the reduced-motion-resolved duration as a CSS custom prop
|
|
1757
1763
|
// so the SCSS transition rule can consume it without a nested media
|
|
1758
1764
|
// query in the JS. Also surfaces the value for the unit test.
|
|
1759
|
-
"--gloss-reconfig-backside-buttons-transition-duration":
|
|
1765
|
+
"--gloss-reconfig-backside-buttons-transition-duration": w
|
|
1760
1766
|
},
|
|
1761
|
-
children:
|
|
1762
|
-
const
|
|
1763
|
-
return /* @__PURE__ */
|
|
1767
|
+
children: v.map((d, l) => {
|
|
1768
|
+
const p = _t[d], T = a === d;
|
|
1769
|
+
return /* @__PURE__ */ $(
|
|
1764
1770
|
"button",
|
|
1765
1771
|
{
|
|
1766
|
-
ref: (
|
|
1767
|
-
|
|
1772
|
+
ref: (h) => {
|
|
1773
|
+
i.current[l] = h;
|
|
1768
1774
|
},
|
|
1769
1775
|
type: "button",
|
|
1770
|
-
"data-dimension":
|
|
1771
|
-
className:
|
|
1776
|
+
"data-dimension": d,
|
|
1777
|
+
className: ke(
|
|
1772
1778
|
"gloss-reconfig-backside-buttons__button",
|
|
1773
|
-
|
|
1779
|
+
T && "gloss-reconfig-backside-buttons__button--active"
|
|
1774
1780
|
),
|
|
1775
|
-
"aria-current":
|
|
1776
|
-
onClick: () => t(
|
|
1777
|
-
onKeyDown: (
|
|
1781
|
+
"aria-current": T ? "true" : void 0,
|
|
1782
|
+
onClick: () => t(d),
|
|
1783
|
+
onKeyDown: (h) => k(h, l),
|
|
1778
1784
|
children: [
|
|
1779
|
-
/* @__PURE__ */
|
|
1780
|
-
|
|
1785
|
+
/* @__PURE__ */ u(
|
|
1786
|
+
p,
|
|
1781
1787
|
{
|
|
1782
1788
|
className: "gloss-reconfig-backside-buttons__button-icon",
|
|
1783
1789
|
"aria-hidden": "true"
|
|
1784
1790
|
}
|
|
1785
1791
|
),
|
|
1786
|
-
/* @__PURE__ */
|
|
1792
|
+
/* @__PURE__ */ u("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Tt[d] })
|
|
1787
1793
|
]
|
|
1788
1794
|
},
|
|
1789
|
-
|
|
1795
|
+
d
|
|
1790
1796
|
);
|
|
1791
1797
|
})
|
|
1792
1798
|
}
|
|
1793
1799
|
);
|
|
1794
1800
|
};
|
|
1795
|
-
|
|
1796
|
-
function
|
|
1801
|
+
Rt.displayName = "ReconfigBacksideButtons";
|
|
1802
|
+
function Z(e, t) {
|
|
1797
1803
|
return {
|
|
1798
1804
|
id: e,
|
|
1799
1805
|
colSpan: 1,
|
|
1800
|
-
content:
|
|
1806
|
+
content: H.createElement("div", {
|
|
1801
1807
|
style: {
|
|
1802
1808
|
width: "100%",
|
|
1803
1809
|
height: "100%",
|
|
@@ -1813,38 +1819,38 @@ function z(e, t) {
|
|
|
1813
1819
|
}, t)
|
|
1814
1820
|
};
|
|
1815
1821
|
}
|
|
1816
|
-
function
|
|
1822
|
+
function xe(e, t) {
|
|
1817
1823
|
return {
|
|
1818
|
-
...
|
|
1824
|
+
...Z(e, t),
|
|
1819
1825
|
colSpan: 2
|
|
1820
1826
|
};
|
|
1821
1827
|
}
|
|
1822
|
-
const
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
],
|
|
1828
|
+
const ta = [
|
|
1829
|
+
Z("total-revenue", "Total Revenue"),
|
|
1830
|
+
Z("total-orders", "Total Orders"),
|
|
1831
|
+
xe("revenue-trend", "Revenue Trend (2x)"),
|
|
1832
|
+
Z("avg-order", "Avg Order Value"),
|
|
1833
|
+
Z("new-customers", "New Customers"),
|
|
1834
|
+
Z("top-salesperson", "Top Salesperson"),
|
|
1835
|
+
xe("order-trend", "Order Trend (2x)"),
|
|
1836
|
+
Z("repeat-rate", "Repeat Rate"),
|
|
1837
|
+
Z("open-orders", "Open Orders"),
|
|
1838
|
+
Z("shipped-orders", "Shipped Orders")
|
|
1839
|
+
], na = {
|
|
1834
1840
|
columns: 6,
|
|
1835
1841
|
rowHeight: 120,
|
|
1836
1842
|
gap: 15,
|
|
1837
1843
|
maxRows: 3,
|
|
1838
1844
|
currentPage: 0,
|
|
1839
1845
|
totalPages: 1
|
|
1840
|
-
},
|
|
1846
|
+
}, aa = {
|
|
1841
1847
|
columns: 9,
|
|
1842
1848
|
rowHeight: 120,
|
|
1843
1849
|
gap: 15,
|
|
1844
1850
|
maxRows: 3,
|
|
1845
1851
|
currentPage: 0,
|
|
1846
1852
|
totalPages: 2
|
|
1847
|
-
},
|
|
1853
|
+
}, ra = {
|
|
1848
1854
|
columns: 12,
|
|
1849
1855
|
rowHeight: 120,
|
|
1850
1856
|
gap: 15,
|
|
@@ -1853,9 +1859,9 @@ const Jn = [
|
|
|
1853
1859
|
totalPages: 3
|
|
1854
1860
|
};
|
|
1855
1861
|
function ue(e) {
|
|
1856
|
-
return
|
|
1862
|
+
return H.createElement("span", { style: { fontSize: 14 } }, e);
|
|
1857
1863
|
}
|
|
1858
|
-
const
|
|
1864
|
+
const sa = [
|
|
1859
1865
|
{
|
|
1860
1866
|
id: "all-orders",
|
|
1861
1867
|
type: "orders",
|
|
@@ -1878,7 +1884,7 @@ const aa = [
|
|
|
1878
1884
|
icon: ue("🚚"),
|
|
1879
1885
|
closable: !0
|
|
1880
1886
|
}
|
|
1881
|
-
],
|
|
1887
|
+
], oa = [
|
|
1882
1888
|
{
|
|
1883
1889
|
id: "orders-main",
|
|
1884
1890
|
type: "orders",
|
|
@@ -1904,7 +1910,7 @@ const aa = [
|
|
|
1904
1910
|
name: "Customers",
|
|
1905
1911
|
closable: !0
|
|
1906
1912
|
}
|
|
1907
|
-
],
|
|
1913
|
+
], ia = [
|
|
1908
1914
|
{
|
|
1909
1915
|
id: "only-tab",
|
|
1910
1916
|
type: "orders",
|
|
@@ -1912,7 +1918,7 @@ const aa = [
|
|
|
1912
1918
|
closable: !1,
|
|
1913
1919
|
autoCreated: !0
|
|
1914
1920
|
}
|
|
1915
|
-
],
|
|
1921
|
+
], la = [
|
|
1916
1922
|
{ id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
|
|
1917
1923
|
{ id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
|
|
1918
1924
|
{ id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
|
|
@@ -1935,40 +1941,40 @@ function fe(e) {
|
|
|
1935
1941
|
return { cols: 1, rows: 1 };
|
|
1936
1942
|
}
|
|
1937
1943
|
}
|
|
1938
|
-
function
|
|
1944
|
+
function Mt(e) {
|
|
1939
1945
|
let t = 0;
|
|
1940
1946
|
for (const n of e) {
|
|
1941
|
-
const
|
|
1942
|
-
|
|
1947
|
+
const r = fe(n.size), s = n.gridPosition.col + r.cols - 1;
|
|
1948
|
+
s > t && (t = s);
|
|
1943
1949
|
}
|
|
1944
1950
|
return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
|
|
1945
1951
|
}
|
|
1946
|
-
const
|
|
1952
|
+
const Pt = function(t) {
|
|
1947
1953
|
if (t.renderMode === "discrete")
|
|
1948
|
-
return /* @__PURE__ */
|
|
1954
|
+
return /* @__PURE__ */ u(
|
|
1949
1955
|
"div",
|
|
1950
1956
|
{
|
|
1951
1957
|
className: "gloss-metric-group gloss-metric-group--discrete",
|
|
1952
1958
|
style: { display: "contents" },
|
|
1953
|
-
children: t.cards.map((
|
|
1954
|
-
const
|
|
1955
|
-
return /* @__PURE__ */
|
|
1959
|
+
children: t.cards.map((r) => {
|
|
1960
|
+
const s = fe(r.size);
|
|
1961
|
+
return /* @__PURE__ */ u(
|
|
1956
1962
|
"div",
|
|
1957
1963
|
{
|
|
1958
1964
|
className: "gloss-metric-group__slot",
|
|
1959
1965
|
style: {
|
|
1960
|
-
gridColumn: `${
|
|
1961
|
-
gridRow: `${
|
|
1966
|
+
gridColumn: `${r.gridPosition.col} / span ${s.cols}`,
|
|
1967
|
+
gridRow: `${r.gridPosition.row} / span ${s.rows}`
|
|
1962
1968
|
},
|
|
1963
|
-
children:
|
|
1969
|
+
children: r.children
|
|
1964
1970
|
},
|
|
1965
|
-
|
|
1971
|
+
r.key
|
|
1966
1972
|
);
|
|
1967
1973
|
})
|
|
1968
1974
|
}
|
|
1969
1975
|
);
|
|
1970
1976
|
const { cards: a, composite: n } = t;
|
|
1971
|
-
return /* @__PURE__ */
|
|
1977
|
+
return /* @__PURE__ */ $(
|
|
1972
1978
|
"div",
|
|
1973
1979
|
{
|
|
1974
1980
|
className: "gloss-metric-group gloss-metric-group--composite",
|
|
@@ -1987,16 +1993,16 @@ const Rt = function(t) {
|
|
|
1987
1993
|
"aria-label": n?.label,
|
|
1988
1994
|
tabIndex: void 0,
|
|
1989
1995
|
children: [
|
|
1990
|
-
n?.accentColor && /* @__PURE__ */
|
|
1996
|
+
n?.accentColor && /* @__PURE__ */ u(
|
|
1991
1997
|
"div",
|
|
1992
1998
|
{
|
|
1993
1999
|
className: "gloss-metric-group__accent",
|
|
1994
2000
|
style: { background: n.accentColor }
|
|
1995
2001
|
}
|
|
1996
2002
|
),
|
|
1997
|
-
n?.label && /* @__PURE__ */
|
|
1998
|
-
/* @__PURE__ */
|
|
1999
|
-
n?.trend && /* @__PURE__ */
|
|
2003
|
+
n?.label && /* @__PURE__ */ $("div", { className: "gloss-metric-group__label", children: [
|
|
2004
|
+
/* @__PURE__ */ u("span", { children: n.label }),
|
|
2005
|
+
n?.trend && /* @__PURE__ */ u(
|
|
2000
2006
|
"span",
|
|
2001
2007
|
{
|
|
2002
2008
|
className: "gloss-metric-group__trend",
|
|
@@ -2005,28 +2011,28 @@ const Rt = function(t) {
|
|
|
2005
2011
|
}
|
|
2006
2012
|
)
|
|
2007
2013
|
] }),
|
|
2008
|
-
/* @__PURE__ */
|
|
2014
|
+
/* @__PURE__ */ u(
|
|
2009
2015
|
"div",
|
|
2010
2016
|
{
|
|
2011
2017
|
className: "gloss-metric-group__slots",
|
|
2012
2018
|
style: {
|
|
2013
2019
|
display: "grid",
|
|
2014
2020
|
gap: "var(--gloss-spacing-2, 8px)",
|
|
2015
|
-
gridTemplateColumns:
|
|
2021
|
+
gridTemplateColumns: Mt(a)
|
|
2016
2022
|
},
|
|
2017
|
-
children: a.map((
|
|
2018
|
-
const
|
|
2019
|
-
return /* @__PURE__ */
|
|
2023
|
+
children: a.map((r) => {
|
|
2024
|
+
const s = fe(r.size);
|
|
2025
|
+
return /* @__PURE__ */ u(
|
|
2020
2026
|
"div",
|
|
2021
2027
|
{
|
|
2022
2028
|
className: "gloss-metric-group__slot--composite",
|
|
2023
2029
|
style: {
|
|
2024
|
-
gridColumn: `${
|
|
2025
|
-
gridRow: `${
|
|
2030
|
+
gridColumn: `${r.gridPosition.col} / span ${s.cols}`,
|
|
2031
|
+
gridRow: `${r.gridPosition.row} / span ${s.rows}`
|
|
2026
2032
|
},
|
|
2027
|
-
children:
|
|
2033
|
+
children: r.children
|
|
2028
2034
|
},
|
|
2029
|
-
|
|
2035
|
+
r.key
|
|
2030
2036
|
);
|
|
2031
2037
|
})
|
|
2032
2038
|
}
|
|
@@ -2035,16 +2041,16 @@ const Rt = function(t) {
|
|
|
2035
2041
|
}
|
|
2036
2042
|
);
|
|
2037
2043
|
};
|
|
2038
|
-
|
|
2039
|
-
const
|
|
2040
|
-
...
|
|
2044
|
+
Pt.displayName = "MetricGroupContainer";
|
|
2045
|
+
const Fe = "resize.tuning.dev", Ft = {
|
|
2046
|
+
..._e,
|
|
2041
2047
|
snapInPx: 60,
|
|
2042
2048
|
snapOutPx: 90
|
|
2043
|
-
}, Y =
|
|
2044
|
-
function
|
|
2049
|
+
}, Y = Ft;
|
|
2050
|
+
function Et() {
|
|
2045
2051
|
if (typeof window > "u") return { ...Y };
|
|
2046
2052
|
try {
|
|
2047
|
-
const e = window.localStorage.getItem(
|
|
2053
|
+
const e = window.localStorage.getItem(Fe);
|
|
2048
2054
|
if (!e) return { ...Y };
|
|
2049
2055
|
const t = JSON.parse(e);
|
|
2050
2056
|
return !t || typeof t != "object" || Array.isArray(t) ? { ...Y } : { ...Y, ...t };
|
|
@@ -2052,31 +2058,31 @@ function Pt() {
|
|
|
2052
2058
|
return { ...Y };
|
|
2053
2059
|
}
|
|
2054
2060
|
}
|
|
2055
|
-
function
|
|
2056
|
-
const [e, t] =
|
|
2061
|
+
function Ot() {
|
|
2062
|
+
const [e, t] = W(() => Et());
|
|
2057
2063
|
L(() => {
|
|
2058
2064
|
if (!(typeof window > "u"))
|
|
2059
2065
|
try {
|
|
2060
|
-
window.localStorage.setItem(
|
|
2066
|
+
window.localStorage.setItem(Fe, JSON.stringify(e));
|
|
2061
2067
|
} catch {
|
|
2062
2068
|
}
|
|
2063
2069
|
}, [e]);
|
|
2064
|
-
const a =
|
|
2065
|
-
(
|
|
2066
|
-
t((
|
|
2070
|
+
const a = b(
|
|
2071
|
+
(s, i) => {
|
|
2072
|
+
t((g) => ({ ...g, [s]: i }));
|
|
2067
2073
|
},
|
|
2068
2074
|
[]
|
|
2069
|
-
), n =
|
|
2070
|
-
(
|
|
2071
|
-
t((
|
|
2075
|
+
), n = b(
|
|
2076
|
+
(s) => {
|
|
2077
|
+
t((i) => ({ ...i, [s]: Y[s] }));
|
|
2072
2078
|
},
|
|
2073
2079
|
[]
|
|
2074
|
-
),
|
|
2080
|
+
), r = b(() => {
|
|
2075
2081
|
t({ ...Y });
|
|
2076
2082
|
}, []);
|
|
2077
|
-
return { values: e, setValue: a, resetRow: n, resetAll:
|
|
2083
|
+
return { values: e, setValue: a, resetRow: n, resetAll: r };
|
|
2078
2084
|
}
|
|
2079
|
-
const
|
|
2085
|
+
const At = [
|
|
2080
2086
|
{ key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
|
|
2081
2087
|
{ key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
|
|
2082
2088
|
{ key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
|
|
@@ -2087,11 +2093,11 @@ const Et = [
|
|
|
2087
2093
|
{ key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
|
|
2088
2094
|
{ key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
|
|
2089
2095
|
];
|
|
2090
|
-
function
|
|
2096
|
+
function Lt(e, t) {
|
|
2091
2097
|
return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
|
|
2092
2098
|
}
|
|
2093
|
-
function
|
|
2094
|
-
return /* @__PURE__ */
|
|
2099
|
+
function $t() {
|
|
2100
|
+
return /* @__PURE__ */ $(
|
|
2095
2101
|
"svg",
|
|
2096
2102
|
{
|
|
2097
2103
|
width: "14",
|
|
@@ -2104,32 +2110,32 @@ function At() {
|
|
|
2104
2110
|
strokeLinejoin: "round",
|
|
2105
2111
|
"aria-hidden": "true",
|
|
2106
2112
|
children: [
|
|
2107
|
-
/* @__PURE__ */
|
|
2108
|
-
/* @__PURE__ */
|
|
2113
|
+
/* @__PURE__ */ u("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
|
|
2114
|
+
/* @__PURE__ */ u("polyline", { points: "3 3 3 8 8 8" })
|
|
2109
2115
|
]
|
|
2110
2116
|
}
|
|
2111
2117
|
);
|
|
2112
2118
|
}
|
|
2113
|
-
function
|
|
2114
|
-
const
|
|
2115
|
-
(
|
|
2116
|
-
(
|
|
2119
|
+
function Bt({ spec: e, value: t, onChange: a, onReset: n, flashing: r }) {
|
|
2120
|
+
const s = b(
|
|
2121
|
+
(i) => {
|
|
2122
|
+
(i.key === "r" || i.key === "R") && (i.preventDefault(), n());
|
|
2117
2123
|
},
|
|
2118
2124
|
[n]
|
|
2119
2125
|
);
|
|
2120
|
-
return /* @__PURE__ */
|
|
2126
|
+
return /* @__PURE__ */ $(
|
|
2121
2127
|
"div",
|
|
2122
2128
|
{
|
|
2123
|
-
className: `gloss-dev-tuning-panel__row${
|
|
2129
|
+
className: `gloss-dev-tuning-panel__row${r ? " gloss-dev-tuning-panel__row--flash" : ""}`,
|
|
2124
2130
|
"data-tuning-row": e.key,
|
|
2125
|
-
onKeyDown:
|
|
2131
|
+
onKeyDown: s,
|
|
2126
2132
|
children: [
|
|
2127
|
-
/* @__PURE__ */
|
|
2128
|
-
/* @__PURE__ */
|
|
2129
|
-
|
|
2133
|
+
/* @__PURE__ */ u("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
|
|
2134
|
+
/* @__PURE__ */ $("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
|
|
2135
|
+
Lt(t, e.step),
|
|
2130
2136
|
e.unit ? ` ${e.unit}` : ""
|
|
2131
2137
|
] }),
|
|
2132
|
-
/* @__PURE__ */
|
|
2138
|
+
/* @__PURE__ */ u(
|
|
2133
2139
|
"input",
|
|
2134
2140
|
{
|
|
2135
2141
|
id: `gloss-dtp-${e.key}`,
|
|
@@ -2140,24 +2146,24 @@ function Lt({ spec: e, value: t, onChange: a, onReset: n, flashing: s }) {
|
|
|
2140
2146
|
step: e.step,
|
|
2141
2147
|
value: t,
|
|
2142
2148
|
"aria-label": e.label,
|
|
2143
|
-
onChange: (
|
|
2149
|
+
onChange: (i) => a(Number(i.target.value))
|
|
2144
2150
|
}
|
|
2145
2151
|
),
|
|
2146
|
-
/* @__PURE__ */
|
|
2152
|
+
/* @__PURE__ */ u(
|
|
2147
2153
|
"button",
|
|
2148
2154
|
{
|
|
2149
2155
|
type: "button",
|
|
2150
2156
|
className: "gloss-dev-tuning-panel__reset",
|
|
2151
2157
|
"aria-label": `Reset ${e.label}`,
|
|
2152
2158
|
onClick: n,
|
|
2153
|
-
children: /* @__PURE__ */
|
|
2159
|
+
children: /* @__PURE__ */ u($t, {})
|
|
2154
2160
|
}
|
|
2155
2161
|
)
|
|
2156
2162
|
]
|
|
2157
2163
|
}
|
|
2158
2164
|
);
|
|
2159
2165
|
}
|
|
2160
|
-
function
|
|
2166
|
+
function Kt() {
|
|
2161
2167
|
if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
|
|
2162
2168
|
try {
|
|
2163
2169
|
return new URLSearchParams(window.location.search).has("devtune");
|
|
@@ -2165,23 +2171,23 @@ function $t() {
|
|
|
2165
2171
|
return !1;
|
|
2166
2172
|
}
|
|
2167
2173
|
}
|
|
2168
|
-
function
|
|
2169
|
-
return
|
|
2174
|
+
function Wt(e = {}) {
|
|
2175
|
+
return Kt() ? /* @__PURE__ */ u(Gt, {}) : null;
|
|
2170
2176
|
}
|
|
2171
|
-
|
|
2172
|
-
function
|
|
2173
|
-
const e =
|
|
2174
|
-
|
|
2175
|
-
|
|
2177
|
+
Wt.displayName = "DevTuningPanel";
|
|
2178
|
+
function Gt() {
|
|
2179
|
+
const e = Ot(), { values: t, setValue: a, resetRow: n, resetAll: r } = e, [s, i] = W(null), g = R(null), v = b((d) => {
|
|
2180
|
+
g.current && clearTimeout(g.current), i(d), g.current = setTimeout(() => {
|
|
2181
|
+
i(null), g.current = null;
|
|
2176
2182
|
}, 200);
|
|
2177
|
-
}, []),
|
|
2178
|
-
(
|
|
2179
|
-
a(
|
|
2183
|
+
}, []), m = b(
|
|
2184
|
+
(d, l) => {
|
|
2185
|
+
a(d, l), d === "snapInPx" && l > t.snapOutPx && (a("snapOutPx", l), v("snapOutPx"));
|
|
2180
2186
|
},
|
|
2181
|
-
[a, t.snapOutPx,
|
|
2182
|
-
),
|
|
2183
|
-
return /* @__PURE__ */
|
|
2184
|
-
|
|
2187
|
+
[a, t.snapOutPx, v]
|
|
2188
|
+
), w = ne(() => At, []), k = qe();
|
|
2189
|
+
return /* @__PURE__ */ $(
|
|
2190
|
+
Te.div,
|
|
2185
2191
|
{
|
|
2186
2192
|
className: "gloss-dev-tuning-panel",
|
|
2187
2193
|
role: "region",
|
|
@@ -2189,37 +2195,37 @@ function Kt() {
|
|
|
2189
2195
|
"data-testid": "gloss-dev-tuning-panel",
|
|
2190
2196
|
drag: !0,
|
|
2191
2197
|
dragListener: !1,
|
|
2192
|
-
dragControls:
|
|
2198
|
+
dragControls: k,
|
|
2193
2199
|
dragMomentum: !1,
|
|
2194
2200
|
children: [
|
|
2195
|
-
/* @__PURE__ */
|
|
2201
|
+
/* @__PURE__ */ $(
|
|
2196
2202
|
"div",
|
|
2197
2203
|
{
|
|
2198
2204
|
className: "gloss-dev-tuning-panel__header",
|
|
2199
|
-
onPointerDown: (
|
|
2205
|
+
onPointerDown: (d) => k.start(d),
|
|
2200
2206
|
children: [
|
|
2201
|
-
/* @__PURE__ */
|
|
2202
|
-
/* @__PURE__ */
|
|
2207
|
+
/* @__PURE__ */ u("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
|
|
2208
|
+
/* @__PURE__ */ u("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
|
|
2203
2209
|
]
|
|
2204
2210
|
}
|
|
2205
2211
|
),
|
|
2206
|
-
/* @__PURE__ */
|
|
2207
|
-
|
|
2212
|
+
/* @__PURE__ */ u("div", { className: "gloss-dev-tuning-panel__body", children: w.map((d) => /* @__PURE__ */ u(
|
|
2213
|
+
Bt,
|
|
2208
2214
|
{
|
|
2209
|
-
spec:
|
|
2210
|
-
value: t[
|
|
2211
|
-
onChange: (
|
|
2212
|
-
onReset: () => n(
|
|
2213
|
-
flashing:
|
|
2215
|
+
spec: d,
|
|
2216
|
+
value: t[d.key],
|
|
2217
|
+
onChange: (l) => m(d.key, l),
|
|
2218
|
+
onReset: () => n(d.key),
|
|
2219
|
+
flashing: s === d.key
|
|
2214
2220
|
},
|
|
2215
|
-
|
|
2221
|
+
d.key
|
|
2216
2222
|
)) }),
|
|
2217
|
-
/* @__PURE__ */
|
|
2223
|
+
/* @__PURE__ */ u("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ u(
|
|
2218
2224
|
"button",
|
|
2219
2225
|
{
|
|
2220
2226
|
type: "button",
|
|
2221
2227
|
className: "gloss-dev-tuning-panel__reset-all",
|
|
2222
|
-
onClick:
|
|
2228
|
+
onClick: r,
|
|
2223
2229
|
children: "Reset all"
|
|
2224
2230
|
}
|
|
2225
2231
|
) })
|
|
@@ -2235,44 +2241,44 @@ const U = {
|
|
|
2235
2241
|
"gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
|
|
2236
2242
|
"gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
|
|
2237
2243
|
};
|
|
2238
|
-
function
|
|
2244
|
+
function Ht({
|
|
2239
2245
|
message: e,
|
|
2240
2246
|
primaryAction: t,
|
|
2241
2247
|
onDismiss: a,
|
|
2242
2248
|
anchorEl: n,
|
|
2243
|
-
anchorSelector:
|
|
2249
|
+
anchorSelector: r
|
|
2244
2250
|
}) {
|
|
2245
|
-
const [
|
|
2251
|
+
const [s, i] = H.useState(null), g = H.useMemo(
|
|
2246
2252
|
() => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
|
|
2247
2253
|
[]
|
|
2248
2254
|
);
|
|
2249
|
-
|
|
2250
|
-
!n && !
|
|
2255
|
+
H.useEffect(() => {
|
|
2256
|
+
!n && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
|
|
2251
2257
|
"[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
|
|
2252
2258
|
);
|
|
2253
|
-
}, [n,
|
|
2254
|
-
let
|
|
2255
|
-
if (n ?
|
|
2256
|
-
const
|
|
2257
|
-
|
|
2258
|
-
top:
|
|
2259
|
-
left:
|
|
2259
|
+
}, [n, r]), H.useLayoutEffect(() => {
|
|
2260
|
+
let m = null;
|
|
2261
|
+
if (n ? m = n : r && (m = document.querySelector(r)), m) {
|
|
2262
|
+
const w = m.getBoundingClientRect();
|
|
2263
|
+
i({
|
|
2264
|
+
top: w.bottom + window.scrollY + 6,
|
|
2265
|
+
left: w.left + window.scrollX
|
|
2260
2266
|
});
|
|
2261
2267
|
}
|
|
2262
|
-
}, [n,
|
|
2263
|
-
const
|
|
2264
|
-
return /* @__PURE__ */
|
|
2268
|
+
}, [n, r]);
|
|
2269
|
+
const v = s ? { top: s.top, left: s.left } : {};
|
|
2270
|
+
return /* @__PURE__ */ $(
|
|
2265
2271
|
"div",
|
|
2266
2272
|
{
|
|
2267
2273
|
className: U["gloss-inline-nudge"],
|
|
2268
|
-
style:
|
|
2274
|
+
style: v,
|
|
2269
2275
|
role: "status",
|
|
2270
2276
|
"aria-live": "polite",
|
|
2271
|
-
"data-reduced-motion":
|
|
2277
|
+
"data-reduced-motion": g ? "true" : void 0,
|
|
2272
2278
|
children: [
|
|
2273
|
-
/* @__PURE__ */
|
|
2274
|
-
/* @__PURE__ */
|
|
2275
|
-
/* @__PURE__ */
|
|
2279
|
+
/* @__PURE__ */ u("span", { className: U["gloss-inline-nudge__message"], children: e }),
|
|
2280
|
+
/* @__PURE__ */ $("div", { className: U["gloss-inline-nudge__actions"], children: [
|
|
2281
|
+
/* @__PURE__ */ u(
|
|
2276
2282
|
"button",
|
|
2277
2283
|
{
|
|
2278
2284
|
type: "button",
|
|
@@ -2281,7 +2287,7 @@ function Wt({
|
|
|
2281
2287
|
children: t.label
|
|
2282
2288
|
}
|
|
2283
2289
|
),
|
|
2284
|
-
/* @__PURE__ */
|
|
2290
|
+
/* @__PURE__ */ u(
|
|
2285
2291
|
"button",
|
|
2286
2292
|
{
|
|
2287
2293
|
type: "button",
|
|
@@ -2296,395 +2302,395 @@ function Wt({
|
|
|
2296
2302
|
}
|
|
2297
2303
|
);
|
|
2298
2304
|
}
|
|
2299
|
-
|
|
2305
|
+
Ht.displayName = "InlineNudge";
|
|
2300
2306
|
function he(e) {
|
|
2301
2307
|
return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
|
|
2302
2308
|
}
|
|
2303
|
-
function
|
|
2309
|
+
function Vt(e, t, a) {
|
|
2304
2310
|
if (a <= t) {
|
|
2305
|
-
const
|
|
2306
|
-
return `linear-gradient(to right, ${
|
|
2311
|
+
const i = e[0], g = i ? he(i) : "#888";
|
|
2312
|
+
return `linear-gradient(to right, ${g}, ${g})`;
|
|
2307
2313
|
}
|
|
2308
|
-
const n = a - t,
|
|
2309
|
-
const
|
|
2310
|
-
return `${he(
|
|
2314
|
+
const n = a - t, s = [...e].sort((i, g) => i.value - g.value).map((i) => {
|
|
2315
|
+
const g = (i.value - t) / n * 100;
|
|
2316
|
+
return `${he(i)} ${g.toFixed(2)}%`;
|
|
2311
2317
|
});
|
|
2312
|
-
return
|
|
2318
|
+
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(", ")})`;
|
|
2313
2319
|
}
|
|
2314
|
-
function
|
|
2320
|
+
function zt(e) {
|
|
2315
2321
|
return e.map((t) => `${t.id}:${t.value}`).join("|");
|
|
2316
2322
|
}
|
|
2317
|
-
function
|
|
2323
|
+
function Zt({
|
|
2318
2324
|
stops: e,
|
|
2319
2325
|
onChange: t,
|
|
2320
2326
|
min: a = 0,
|
|
2321
2327
|
max: n = 100,
|
|
2322
|
-
step:
|
|
2323
|
-
disabled:
|
|
2328
|
+
step: r,
|
|
2329
|
+
disabled: s = !1
|
|
2324
2330
|
}) {
|
|
2325
|
-
const
|
|
2326
|
-
`ThresholdRamp: step (${
|
|
2327
|
-
), 0.01) :
|
|
2328
|
-
(
|
|
2329
|
-
[
|
|
2330
|
-
),
|
|
2331
|
+
const i = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2332
|
+
`ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
|
|
2333
|
+
), 0.01) : r, g = b(
|
|
2334
|
+
(o) => Math.round(o / i) * i,
|
|
2335
|
+
[i]
|
|
2336
|
+
), v = R(null), [m, w] = W(null), [k, d] = W(e), l = zt(e), p = R(l);
|
|
2331
2337
|
L(() => {
|
|
2332
|
-
|
|
2333
|
-
}, [
|
|
2334
|
-
const
|
|
2335
|
-
(
|
|
2336
|
-
if (!
|
|
2337
|
-
const
|
|
2338
|
-
return
|
|
2338
|
+
p.current !== l && (p.current = l, !m && d(e));
|
|
2339
|
+
}, [l, e, m]);
|
|
2340
|
+
const T = ne(() => Vt(k, a, n), [k, a, n]), h = b(
|
|
2341
|
+
(o) => {
|
|
2342
|
+
if (!v.current) return a;
|
|
2343
|
+
const c = v.current.getBoundingClientRect(), f = c.width || 1, C = Math.max(0, Math.min(1, (o - c.left) / f)), N = a + C * (n - a);
|
|
2344
|
+
return g(N);
|
|
2339
2345
|
},
|
|
2340
|
-
[a, n,
|
|
2346
|
+
[a, n, g]
|
|
2341
2347
|
);
|
|
2342
2348
|
L(() => {
|
|
2343
2349
|
n <= a && process.env.NODE_ENV !== "production" && console.warn(
|
|
2344
2350
|
`ThresholdRamp: max (${n}) must be greater than min (${a}); rendering degenerate strip.`
|
|
2345
2351
|
);
|
|
2346
2352
|
}, [a, n]);
|
|
2347
|
-
const
|
|
2348
|
-
(
|
|
2349
|
-
const
|
|
2350
|
-
|
|
2353
|
+
const x = b(
|
|
2354
|
+
(o, c) => {
|
|
2355
|
+
const f = k.find((C) => C.id === c);
|
|
2356
|
+
s || f?.disabled || (o.preventDefault(), w(c));
|
|
2351
2357
|
},
|
|
2352
|
-
[
|
|
2353
|
-
),
|
|
2354
|
-
|
|
2355
|
-
const
|
|
2356
|
-
|
|
2357
|
-
if (!
|
|
2358
|
-
const
|
|
2359
|
-
const
|
|
2360
|
-
|
|
2361
|
-
(
|
|
2358
|
+
[s, k]
|
|
2359
|
+
), M = R(k);
|
|
2360
|
+
M.current = k;
|
|
2361
|
+
const D = R(t);
|
|
2362
|
+
D.current = t, L(() => {
|
|
2363
|
+
if (!m) return;
|
|
2364
|
+
const o = (f) => {
|
|
2365
|
+
const C = h(f.clientX);
|
|
2366
|
+
d(
|
|
2367
|
+
(N) => N.map((P) => P.id === m ? { ...P, value: C } : P)
|
|
2362
2368
|
);
|
|
2363
|
-
},
|
|
2364
|
-
const
|
|
2365
|
-
(
|
|
2369
|
+
}, c = (f) => {
|
|
2370
|
+
const C = h(f.clientX), N = M.current.map(
|
|
2371
|
+
(P) => P.id === m ? { ...P, value: C } : P
|
|
2366
2372
|
);
|
|
2367
|
-
|
|
2373
|
+
d(N), w(null), D.current(N);
|
|
2368
2374
|
};
|
|
2369
|
-
return window.addEventListener("pointermove",
|
|
2370
|
-
window.removeEventListener("pointermove",
|
|
2375
|
+
return window.addEventListener("pointermove", o), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), () => {
|
|
2376
|
+
window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c);
|
|
2371
2377
|
};
|
|
2372
|
-
}, [
|
|
2373
|
-
const
|
|
2374
|
-
(
|
|
2375
|
-
if (
|
|
2376
|
-
const
|
|
2377
|
-
if (
|
|
2378
|
-
const
|
|
2379
|
-
let
|
|
2380
|
-
switch (
|
|
2378
|
+
}, [m, h]);
|
|
2379
|
+
const S = n - a > 0 ? n - a : 1, _ = b(
|
|
2380
|
+
(o, c) => {
|
|
2381
|
+
if (s || c.disabled) return;
|
|
2382
|
+
const f = n - a;
|
|
2383
|
+
if (f <= 0) return;
|
|
2384
|
+
const C = o.shiftKey ? f / 20 : f / 100;
|
|
2385
|
+
let N = c.value;
|
|
2386
|
+
switch (o.key) {
|
|
2381
2387
|
case "ArrowRight":
|
|
2382
2388
|
case "ArrowUp":
|
|
2383
|
-
|
|
2389
|
+
N = c.value + C;
|
|
2384
2390
|
break;
|
|
2385
2391
|
case "ArrowLeft":
|
|
2386
2392
|
case "ArrowDown":
|
|
2387
|
-
|
|
2393
|
+
N = c.value - C;
|
|
2388
2394
|
break;
|
|
2389
2395
|
case "Home":
|
|
2390
|
-
|
|
2396
|
+
N = a;
|
|
2391
2397
|
break;
|
|
2392
2398
|
case "End":
|
|
2393
|
-
|
|
2399
|
+
N = n;
|
|
2394
2400
|
break;
|
|
2395
2401
|
default:
|
|
2396
2402
|
return;
|
|
2397
2403
|
}
|
|
2398
|
-
|
|
2399
|
-
const
|
|
2400
|
-
if (
|
|
2401
|
-
const
|
|
2402
|
-
(
|
|
2404
|
+
o.preventDefault();
|
|
2405
|
+
const P = Math.max(a, Math.min(n, N)), I = g(P);
|
|
2406
|
+
if (I === c.value) return;
|
|
2407
|
+
const z = k.map(
|
|
2408
|
+
(O) => O.id === c.id ? { ...O, value: I } : O
|
|
2403
2409
|
);
|
|
2404
|
-
|
|
2410
|
+
d(z), t(z);
|
|
2405
2411
|
},
|
|
2406
|
-
[
|
|
2412
|
+
[s, a, n, k, t, g]
|
|
2407
2413
|
);
|
|
2408
|
-
return /* @__PURE__ */
|
|
2414
|
+
return /* @__PURE__ */ u("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ u(
|
|
2409
2415
|
"div",
|
|
2410
2416
|
{
|
|
2411
|
-
ref:
|
|
2417
|
+
ref: v,
|
|
2412
2418
|
className: "gloss-threshold-ramp__track",
|
|
2413
|
-
style: { background:
|
|
2414
|
-
children:
|
|
2415
|
-
const
|
|
2416
|
-
return /* @__PURE__ */
|
|
2419
|
+
style: { background: T },
|
|
2420
|
+
children: k.map((o) => {
|
|
2421
|
+
const c = (o.value - a) / S * 100;
|
|
2422
|
+
return /* @__PURE__ */ u(
|
|
2417
2423
|
"span",
|
|
2418
2424
|
{
|
|
2419
2425
|
className: "gloss-threshold-ramp__stop",
|
|
2420
2426
|
style: {
|
|
2421
|
-
left: `${
|
|
2422
|
-
color: he(
|
|
2427
|
+
left: `${c}%`,
|
|
2428
|
+
color: he(o)
|
|
2423
2429
|
},
|
|
2424
|
-
"data-disabled":
|
|
2425
|
-
"data-dragging":
|
|
2426
|
-
onPointerDown: (
|
|
2427
|
-
onKeyDown: (
|
|
2428
|
-
"aria-label":
|
|
2430
|
+
"data-disabled": o.disabled || void 0,
|
|
2431
|
+
"data-dragging": m === o.id || void 0,
|
|
2432
|
+
onPointerDown: (f) => x(f, o.id),
|
|
2433
|
+
onKeyDown: (f) => _(f, o),
|
|
2434
|
+
"aria-label": o.label ?? `Stop at ${o.value}`,
|
|
2429
2435
|
role: "slider",
|
|
2430
|
-
"aria-valuenow":
|
|
2436
|
+
"aria-valuenow": o.value,
|
|
2431
2437
|
"aria-valuemin": a,
|
|
2432
2438
|
"aria-valuemax": n,
|
|
2433
|
-
"aria-disabled":
|
|
2434
|
-
tabIndex:
|
|
2439
|
+
"aria-disabled": o.disabled || s || void 0,
|
|
2440
|
+
tabIndex: o.disabled || s ? -1 : 0
|
|
2435
2441
|
},
|
|
2436
|
-
|
|
2442
|
+
o.id
|
|
2437
2443
|
);
|
|
2438
2444
|
})
|
|
2439
2445
|
}
|
|
2440
2446
|
) });
|
|
2441
2447
|
}
|
|
2442
|
-
|
|
2443
|
-
const
|
|
2444
|
-
function
|
|
2445
|
-
return
|
|
2448
|
+
Zt.displayName = "ThresholdRamp";
|
|
2449
|
+
const Ee = Ze(null);
|
|
2450
|
+
function Ut() {
|
|
2451
|
+
return Ue(Ee);
|
|
2446
2452
|
}
|
|
2447
|
-
function
|
|
2448
|
-
const t =
|
|
2453
|
+
function Yt({ option: e }) {
|
|
2454
|
+
const t = Ut(), a = t?.isSelected(e.value) ?? !1, n = e.disabled || t?.groupDisabled, r = b(() => {
|
|
2449
2455
|
n || t?.select(e.value);
|
|
2450
|
-
}, [n, t, e.value]),
|
|
2451
|
-
(
|
|
2452
|
-
n || t?.onKeyNav(
|
|
2456
|
+
}, [n, t, e.value]), s = b(
|
|
2457
|
+
(m) => {
|
|
2458
|
+
n || t?.onKeyNav(m, e.value);
|
|
2453
2459
|
},
|
|
2454
2460
|
[n, t, e.value]
|
|
2455
|
-
),
|
|
2456
|
-
return /* @__PURE__ */
|
|
2461
|
+
), i = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", g = t?.firstFocusableValue === e.value, v = n ? -1 : g ? 0 : -1;
|
|
2462
|
+
return /* @__PURE__ */ u(
|
|
2457
2463
|
"button",
|
|
2458
2464
|
{
|
|
2459
|
-
ref: (
|
|
2465
|
+
ref: (m) => t?.registerRef(e.value, m),
|
|
2460
2466
|
type: "button",
|
|
2461
2467
|
role: "radio",
|
|
2462
2468
|
"aria-checked": a,
|
|
2463
2469
|
className: "gloss-preset-swatch-row__swatch",
|
|
2464
|
-
style: { backgroundColor:
|
|
2470
|
+
style: { backgroundColor: i },
|
|
2465
2471
|
"data-selected": a || void 0,
|
|
2466
2472
|
"data-disabled": n || void 0,
|
|
2467
|
-
...process.env.NODE_ENV === "test" ? { "data-bg-color":
|
|
2473
|
+
...process.env.NODE_ENV === "test" ? { "data-bg-color": i } : {},
|
|
2468
2474
|
"aria-label": e.label ?? e.value,
|
|
2469
2475
|
"aria-disabled": n,
|
|
2470
2476
|
disabled: n,
|
|
2471
|
-
tabIndex:
|
|
2472
|
-
onClick:
|
|
2473
|
-
onKeyDown:
|
|
2477
|
+
tabIndex: v,
|
|
2478
|
+
onClick: r,
|
|
2479
|
+
onKeyDown: s
|
|
2474
2480
|
}
|
|
2475
2481
|
);
|
|
2476
2482
|
}
|
|
2477
|
-
function
|
|
2483
|
+
function qt({
|
|
2478
2484
|
swatches: e,
|
|
2479
2485
|
value: t,
|
|
2480
2486
|
defaultValue: a,
|
|
2481
2487
|
onChange: n,
|
|
2482
|
-
disabled:
|
|
2483
|
-
name:
|
|
2488
|
+
disabled: r = !1,
|
|
2489
|
+
name: s
|
|
2484
2490
|
}) {
|
|
2485
|
-
const
|
|
2486
|
-
(
|
|
2487
|
-
|
|
2491
|
+
const i = t !== void 0, [g, v] = W(a), m = i ? t : g, w = b(
|
|
2492
|
+
(D) => {
|
|
2493
|
+
i || v(D), n?.(D);
|
|
2488
2494
|
},
|
|
2489
|
-
[
|
|
2490
|
-
),
|
|
2491
|
-
(
|
|
2492
|
-
[
|
|
2493
|
-
),
|
|
2494
|
-
|
|
2495
|
-
}, []),
|
|
2496
|
-
const
|
|
2497
|
-
|
|
2498
|
-
}, []),
|
|
2499
|
-
(
|
|
2500
|
-
if (
|
|
2501
|
-
const
|
|
2502
|
-
if (
|
|
2503
|
-
const
|
|
2504
|
-
if (
|
|
2505
|
-
let
|
|
2506
|
-
switch (
|
|
2495
|
+
[i, n]
|
|
2496
|
+
), k = b(
|
|
2497
|
+
(D) => m === D,
|
|
2498
|
+
[m]
|
|
2499
|
+
), d = R(/* @__PURE__ */ new Map()), l = b((D, S) => {
|
|
2500
|
+
S ? d.current.set(D, S) : d.current.delete(D);
|
|
2501
|
+
}, []), p = e.filter((D) => !D.disabled && !r), T = p.find((D) => D.value === m)?.value ?? p[0]?.value, h = b((D) => {
|
|
2502
|
+
const S = d.current.get(D);
|
|
2503
|
+
S && S.focus();
|
|
2504
|
+
}, []), x = b(
|
|
2505
|
+
(D, S) => {
|
|
2506
|
+
if (r) return;
|
|
2507
|
+
const _ = e.filter((C) => !C.disabled);
|
|
2508
|
+
if (_.length === 0) return;
|
|
2509
|
+
const o = _.findIndex((C) => C.value === S);
|
|
2510
|
+
if (o === -1) return;
|
|
2511
|
+
let c = o;
|
|
2512
|
+
switch (D.key) {
|
|
2507
2513
|
case "ArrowRight":
|
|
2508
2514
|
case "ArrowDown":
|
|
2509
|
-
|
|
2515
|
+
c = (o + 1) % _.length;
|
|
2510
2516
|
break;
|
|
2511
2517
|
case "ArrowLeft":
|
|
2512
2518
|
case "ArrowUp":
|
|
2513
|
-
|
|
2519
|
+
c = (o - 1 + _.length) % _.length;
|
|
2514
2520
|
break;
|
|
2515
2521
|
case "Home":
|
|
2516
|
-
|
|
2522
|
+
c = 0;
|
|
2517
2523
|
break;
|
|
2518
2524
|
case "End":
|
|
2519
|
-
|
|
2525
|
+
c = _.length - 1;
|
|
2520
2526
|
break;
|
|
2521
2527
|
case " ":
|
|
2522
2528
|
case "Enter":
|
|
2523
|
-
|
|
2529
|
+
D.preventDefault(), w(S);
|
|
2524
2530
|
return;
|
|
2525
2531
|
default:
|
|
2526
2532
|
return;
|
|
2527
2533
|
}
|
|
2528
|
-
|
|
2529
|
-
const
|
|
2530
|
-
|
|
2534
|
+
D.preventDefault();
|
|
2535
|
+
const f = _[c].value;
|
|
2536
|
+
h(f), w(f);
|
|
2531
2537
|
},
|
|
2532
|
-
[
|
|
2533
|
-
),
|
|
2534
|
-
selectedValue:
|
|
2535
|
-
select:
|
|
2536
|
-
isSelected:
|
|
2537
|
-
groupDisabled:
|
|
2538
|
-
name:
|
|
2539
|
-
registerRef:
|
|
2540
|
-
firstFocusableValue:
|
|
2541
|
-
onKeyNav:
|
|
2538
|
+
[r, e, w, h]
|
|
2539
|
+
), M = {
|
|
2540
|
+
selectedValue: m,
|
|
2541
|
+
select: w,
|
|
2542
|
+
isSelected: k,
|
|
2543
|
+
groupDisabled: r,
|
|
2544
|
+
name: s,
|
|
2545
|
+
registerRef: l,
|
|
2546
|
+
firstFocusableValue: T,
|
|
2547
|
+
onKeyNav: x
|
|
2542
2548
|
};
|
|
2543
|
-
return /* @__PURE__ */
|
|
2549
|
+
return /* @__PURE__ */ u(Ee.Provider, { value: M, children: /* @__PURE__ */ u(
|
|
2544
2550
|
"div",
|
|
2545
2551
|
{
|
|
2546
2552
|
className: "gloss-preset-swatch-row",
|
|
2547
2553
|
role: "radiogroup",
|
|
2548
|
-
"aria-label":
|
|
2549
|
-
"aria-disabled":
|
|
2550
|
-
"data-disabled":
|
|
2551
|
-
children: e.map((
|
|
2554
|
+
"aria-label": s,
|
|
2555
|
+
"aria-disabled": r,
|
|
2556
|
+
"data-disabled": r || void 0,
|
|
2557
|
+
children: e.map((D) => /* @__PURE__ */ u(Yt, { option: D }, D.value))
|
|
2552
2558
|
}
|
|
2553
2559
|
) });
|
|
2554
2560
|
}
|
|
2555
|
-
|
|
2561
|
+
qt.displayName = "PresetSwatchRow";
|
|
2556
2562
|
function be(e, t) {
|
|
2557
2563
|
for (const a of e)
|
|
2558
2564
|
if (a.items.some((n) => n.id === t))
|
|
2559
2565
|
return a.zoneKey;
|
|
2560
2566
|
return null;
|
|
2561
2567
|
}
|
|
2562
|
-
function
|
|
2568
|
+
function Se(e, t) {
|
|
2563
2569
|
const a = e.find((n) => n.zoneKey === t);
|
|
2564
2570
|
return a ? a.zoneKey : be(e, t);
|
|
2565
2571
|
}
|
|
2566
|
-
function
|
|
2567
|
-
const n = [...e], [
|
|
2568
|
-
return n.splice(a, 0,
|
|
2572
|
+
function jt(e, t, a) {
|
|
2573
|
+
const n = [...e], [r] = n.splice(t, 1);
|
|
2574
|
+
return n.splice(a, 0, r), n;
|
|
2569
2575
|
}
|
|
2570
|
-
function
|
|
2576
|
+
function Xt(e) {
|
|
2571
2577
|
return e.map((t) => `${t.zoneKey}:${t.items.map((a) => a.id).join(",")}`).join("|");
|
|
2572
2578
|
}
|
|
2573
|
-
function
|
|
2574
|
-
const [t, a] =
|
|
2575
|
-
() => e.zones.map((
|
|
2576
|
-
`useSortableZones: zone "${
|
|
2577
|
-
), { ...
|
|
2578
|
-
), [n,
|
|
2579
|
-
|
|
2580
|
-
const
|
|
2581
|
-
() =>
|
|
2579
|
+
function Qt(e) {
|
|
2580
|
+
const [t, a] = W(
|
|
2581
|
+
() => e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2582
|
+
`useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
|
|
2583
|
+
), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
|
|
2584
|
+
), [n, r] = W(null), [s, i] = W(null), g = R(null), v = R(e.onZoneChange);
|
|
2585
|
+
v.current = e.onZoneChange;
|
|
2586
|
+
const m = ne(
|
|
2587
|
+
() => Xt(e.zones),
|
|
2582
2588
|
[e.zones]
|
|
2583
|
-
),
|
|
2589
|
+
), w = R(m);
|
|
2584
2590
|
L(() => {
|
|
2585
|
-
|
|
2586
|
-
e.zones.map((
|
|
2587
|
-
`useSortableZones: zone "${
|
|
2588
|
-
), { ...
|
|
2591
|
+
w.current !== m && (w.current = m, !n && a(
|
|
2592
|
+
e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2593
|
+
`useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
|
|
2594
|
+
), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
|
|
2589
2595
|
));
|
|
2590
|
-
}, [
|
|
2591
|
-
const
|
|
2592
|
-
(
|
|
2593
|
-
const
|
|
2594
|
-
let
|
|
2595
|
-
for (const
|
|
2596
|
-
const
|
|
2597
|
-
if (
|
|
2598
|
-
|
|
2596
|
+
}, [m, e.zones, n]);
|
|
2597
|
+
const k = b(
|
|
2598
|
+
(h) => {
|
|
2599
|
+
const x = h.active.id;
|
|
2600
|
+
let M = null, D = null;
|
|
2601
|
+
for (const S of t) {
|
|
2602
|
+
const _ = S.items.find((o) => o.id === x);
|
|
2603
|
+
if (_) {
|
|
2604
|
+
M = _, D = S.zoneKey;
|
|
2599
2605
|
break;
|
|
2600
2606
|
}
|
|
2601
2607
|
}
|
|
2602
|
-
|
|
2608
|
+
g.current = D, r(M), i(D);
|
|
2603
2609
|
},
|
|
2604
2610
|
[t]
|
|
2605
|
-
),
|
|
2606
|
-
(
|
|
2607
|
-
if (!
|
|
2608
|
-
|
|
2611
|
+
), d = b(
|
|
2612
|
+
(h) => {
|
|
2613
|
+
if (!h.over) {
|
|
2614
|
+
i(g.current);
|
|
2609
2615
|
return;
|
|
2610
2616
|
}
|
|
2611
|
-
const
|
|
2612
|
-
|
|
2617
|
+
const x = Se(t, h.over.id);
|
|
2618
|
+
i(x);
|
|
2613
2619
|
},
|
|
2614
2620
|
[t]
|
|
2615
|
-
),
|
|
2616
|
-
(
|
|
2617
|
-
const { active:
|
|
2618
|
-
|
|
2621
|
+
), l = b(
|
|
2622
|
+
(h) => {
|
|
2623
|
+
const { active: x, over: M } = h, D = () => {
|
|
2624
|
+
g.current = null, r(null), i(null);
|
|
2619
2625
|
};
|
|
2620
|
-
if (!
|
|
2621
|
-
|
|
2626
|
+
if (!M) {
|
|
2627
|
+
D();
|
|
2622
2628
|
return;
|
|
2623
2629
|
}
|
|
2624
|
-
const
|
|
2625
|
-
if (!
|
|
2626
|
-
|
|
2630
|
+
const S = be(t, x.id), _ = Se(t, M.id);
|
|
2631
|
+
if (!S || !_) {
|
|
2632
|
+
D();
|
|
2627
2633
|
return;
|
|
2628
2634
|
}
|
|
2629
|
-
let
|
|
2630
|
-
if (
|
|
2631
|
-
const
|
|
2632
|
-
|
|
2633
|
-
...
|
|
2634
|
-
items:
|
|
2635
|
+
let o = t.map((c) => ({ ...c, items: [...c.items] }));
|
|
2636
|
+
if (S === _) {
|
|
2637
|
+
const c = o.findIndex((I) => I.zoneKey === S), f = o[c], C = f.items.findIndex((I) => I.id === x.id), N = f.items.findIndex((I) => I.id === M.id), P = N >= 0 ? N : Math.max(0, f.items.length - 1);
|
|
2638
|
+
o[c] = {
|
|
2639
|
+
...f,
|
|
2640
|
+
items: jt(f.items, C, P)
|
|
2635
2641
|
};
|
|
2636
2642
|
} else {
|
|
2637
|
-
const
|
|
2638
|
-
if (!
|
|
2639
|
-
|
|
2643
|
+
const c = o.findIndex((B) => B.zoneKey === S), f = o.findIndex((B) => B.zoneKey === _), C = o[c], N = o[f], P = C.items.find((B) => B.id === x.id);
|
|
2644
|
+
if (!P) {
|
|
2645
|
+
D();
|
|
2640
2646
|
return;
|
|
2641
2647
|
}
|
|
2642
|
-
const
|
|
2643
|
-
let
|
|
2644
|
-
if (
|
|
2645
|
-
const B =
|
|
2646
|
-
|
|
2648
|
+
const I = C.items.filter((B) => B.id !== x.id), z = N.items.findIndex((B) => B.id === M.id), O = z >= 0 ? z : N.items.length;
|
|
2649
|
+
let G = I, A = [...N.items];
|
|
2650
|
+
if (N.maxItems !== void 0 && A.length >= N.maxItems) {
|
|
2651
|
+
const B = A[A.length - 1];
|
|
2652
|
+
A = A.slice(0, N.maxItems - 1), G = [...I, B];
|
|
2647
2653
|
}
|
|
2648
|
-
const
|
|
2649
|
-
...
|
|
2650
|
-
|
|
2651
|
-
...
|
|
2654
|
+
const X = Math.min(O, A.length), ae = [
|
|
2655
|
+
...A.slice(0, X),
|
|
2656
|
+
P,
|
|
2657
|
+
...A.slice(X)
|
|
2652
2658
|
];
|
|
2653
|
-
|
|
2659
|
+
o[c] = { ...C, items: G }, o[f] = { ...N, items: ae };
|
|
2654
2660
|
}
|
|
2655
|
-
a(
|
|
2661
|
+
a(o), v.current?.(o), D();
|
|
2656
2662
|
},
|
|
2657
2663
|
[t]
|
|
2658
|
-
),
|
|
2659
|
-
(
|
|
2660
|
-
id:
|
|
2661
|
-
"data-zone-key":
|
|
2664
|
+
), p = b(
|
|
2665
|
+
(h) => ({
|
|
2666
|
+
id: h,
|
|
2667
|
+
"data-zone-key": h
|
|
2662
2668
|
}),
|
|
2663
2669
|
[]
|
|
2664
|
-
),
|
|
2665
|
-
(
|
|
2666
|
-
const
|
|
2670
|
+
), T = b(
|
|
2671
|
+
(h) => {
|
|
2672
|
+
const x = be(t, h.id) ?? "";
|
|
2667
2673
|
return {
|
|
2668
|
-
id:
|
|
2669
|
-
"data-item-id":
|
|
2670
|
-
"data-zone-key":
|
|
2674
|
+
id: h.id,
|
|
2675
|
+
"data-item-id": h.id,
|
|
2676
|
+
"data-zone-key": x
|
|
2671
2677
|
};
|
|
2672
2678
|
},
|
|
2673
2679
|
[t]
|
|
2674
2680
|
);
|
|
2675
2681
|
return {
|
|
2676
2682
|
zones: t,
|
|
2677
|
-
activeZone:
|
|
2683
|
+
activeZone: s,
|
|
2678
2684
|
activeItem: n,
|
|
2679
|
-
getZoneProps:
|
|
2680
|
-
getItemProps:
|
|
2681
|
-
handleDragStart:
|
|
2682
|
-
handleDragOver:
|
|
2683
|
-
handleDragEnd:
|
|
2685
|
+
getZoneProps: p,
|
|
2686
|
+
getItemProps: T,
|
|
2687
|
+
handleDragStart: k,
|
|
2688
|
+
handleDragOver: d,
|
|
2689
|
+
handleDragEnd: l
|
|
2684
2690
|
};
|
|
2685
2691
|
}
|
|
2686
|
-
let ee = null,
|
|
2687
|
-
const
|
|
2692
|
+
let ee = null, se = null, me = !1;
|
|
2693
|
+
const Jt = [
|
|
2688
2694
|
"DndContext",
|
|
2689
2695
|
"DragOverlay",
|
|
2690
2696
|
"useSensors",
|
|
@@ -2693,22 +2699,22 @@ const Xt = [
|
|
|
2693
2699
|
"PointerSensor",
|
|
2694
2700
|
"KeyboardSensor",
|
|
2695
2701
|
"closestCenter"
|
|
2696
|
-
],
|
|
2702
|
+
], en = [
|
|
2697
2703
|
"SortableContext",
|
|
2698
2704
|
"useSortable",
|
|
2699
2705
|
"verticalListSortingStrategy"
|
|
2700
2706
|
];
|
|
2701
|
-
function
|
|
2707
|
+
function tn(e, t) {
|
|
2702
2708
|
const a = [], n = e ?? {};
|
|
2703
|
-
for (const
|
|
2704
|
-
n[
|
|
2705
|
-
const
|
|
2706
|
-
for (const
|
|
2707
|
-
s
|
|
2709
|
+
for (const s of Jt)
|
|
2710
|
+
n[s] === void 0 && a.push(`@dnd-kit/core:${s}`);
|
|
2711
|
+
const r = t ?? {};
|
|
2712
|
+
for (const s of en)
|
|
2713
|
+
r[s] === void 0 && a.push(`@dnd-kit/sortable:${s}`);
|
|
2708
2714
|
return a.length === 0 ? { ok: !0 } : { ok: !1, missing: a };
|
|
2709
2715
|
}
|
|
2710
|
-
function
|
|
2711
|
-
return ee ? Promise.resolve(ee) : me ? Promise.resolve(null) :
|
|
2716
|
+
function nn() {
|
|
2717
|
+
return ee ? Promise.resolve(ee) : me ? Promise.resolve(null) : se || (se = (async () => {
|
|
2712
2718
|
try {
|
|
2713
2719
|
const [e, t, a] = await Promise.all([
|
|
2714
2720
|
import("@dnd-kit/core"),
|
|
@@ -2716,7 +2722,7 @@ function en() {
|
|
|
2716
2722
|
import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
|
|
2717
2723
|
"SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
|
|
2718
2724
|
), {}))
|
|
2719
|
-
]), n =
|
|
2725
|
+
]), n = tn(e, t);
|
|
2720
2726
|
return n.ok ? (ee = {
|
|
2721
2727
|
core: e,
|
|
2722
2728
|
sortable: t,
|
|
@@ -2727,399 +2733,398 @@ function en() {
|
|
|
2727
2733
|
} catch {
|
|
2728
2734
|
return me = !0, null;
|
|
2729
2735
|
}
|
|
2730
|
-
})(),
|
|
2736
|
+
})(), se);
|
|
2731
2737
|
}
|
|
2732
|
-
function
|
|
2733
|
-
const { zones: t, onZoneChange: a, renderZone: n, renderItem:
|
|
2734
|
-
return
|
|
2735
|
-
if (
|
|
2736
|
-
let
|
|
2737
|
-
return
|
|
2738
|
-
|
|
2738
|
+
function an(e) {
|
|
2739
|
+
const { zones: t, onZoneChange: a, renderZone: n, renderItem: r, renderDragOverlay: s } = e, i = Qt({ zones: t, onZoneChange: a }), [g, v] = H.useState(ee);
|
|
2740
|
+
return H.useEffect(() => {
|
|
2741
|
+
if (g) return;
|
|
2742
|
+
let m = !0;
|
|
2743
|
+
return nn().then((w) => {
|
|
2744
|
+
m && v(w);
|
|
2739
2745
|
}), () => {
|
|
2740
|
-
|
|
2746
|
+
m = !1;
|
|
2741
2747
|
};
|
|
2742
|
-
}, [
|
|
2743
|
-
|
|
2748
|
+
}, [g]), g ? /* @__PURE__ */ u(
|
|
2749
|
+
Oe,
|
|
2744
2750
|
{
|
|
2745
|
-
state:
|
|
2746
|
-
modules:
|
|
2751
|
+
state: i,
|
|
2752
|
+
modules: g,
|
|
2747
2753
|
renderZone: n,
|
|
2748
|
-
renderItem:
|
|
2749
|
-
renderDragOverlay:
|
|
2754
|
+
renderItem: r,
|
|
2755
|
+
renderDragOverlay: s
|
|
2750
2756
|
}
|
|
2751
|
-
) : /* @__PURE__ */
|
|
2752
|
-
const
|
|
2753
|
-
return /* @__PURE__ */
|
|
2757
|
+
) : /* @__PURE__ */ u("div", { "data-sortable-zones-passive": "true", children: i.zones.map((m) => {
|
|
2758
|
+
const w = m.items.map((k) => /* @__PURE__ */ u(H.Fragment, { children: r(k) }, k.id));
|
|
2759
|
+
return /* @__PURE__ */ u("div", { ...i.getZoneProps(m.zoneKey), children: n(m.zoneKey, m.items, w) }, m.zoneKey);
|
|
2754
2760
|
}) });
|
|
2755
2761
|
}
|
|
2756
|
-
|
|
2757
|
-
function
|
|
2762
|
+
an.displayName = "SortableZones";
|
|
2763
|
+
function Oe({
|
|
2758
2764
|
state: e,
|
|
2759
2765
|
modules: t,
|
|
2760
2766
|
renderZone: a,
|
|
2761
2767
|
renderItem: n,
|
|
2762
|
-
renderDragOverlay:
|
|
2768
|
+
renderDragOverlay: r
|
|
2763
2769
|
}) {
|
|
2764
|
-
const { core:
|
|
2765
|
-
|
|
2766
|
-
|
|
2767
|
-
),
|
|
2768
|
-
return /* @__PURE__ */
|
|
2769
|
-
|
|
2770
|
+
const { core: s, sortable: i, utilities: g } = t, { DndContext: v, DragOverlay: m, useSensors: w, useSensor: k, useDroppable: d, PointerSensor: l, KeyboardSensor: p, closestCenter: T } = s, { SortableContext: h, verticalListSortingStrategy: x } = i, M = w(
|
|
2771
|
+
k(l, { activationConstraint: { distance: 5 } }),
|
|
2772
|
+
k(p)
|
|
2773
|
+
), D = v, S = m, _ = h;
|
|
2774
|
+
return /* @__PURE__ */ $(
|
|
2775
|
+
D,
|
|
2770
2776
|
{
|
|
2771
|
-
sensors:
|
|
2772
|
-
collisionDetection:
|
|
2777
|
+
sensors: M,
|
|
2778
|
+
collisionDetection: T,
|
|
2773
2779
|
onDragStart: e.handleDragStart,
|
|
2774
2780
|
onDragOver: e.handleDragOver,
|
|
2775
2781
|
onDragEnd: e.handleDragEnd,
|
|
2776
2782
|
children: [
|
|
2777
|
-
e.zones.map((
|
|
2778
|
-
const
|
|
2779
|
-
|
|
2783
|
+
e.zones.map((o) => {
|
|
2784
|
+
const c = o.items.map((C) => C.id), f = o.items.map((C) => /* @__PURE__ */ u(
|
|
2785
|
+
Ae,
|
|
2780
2786
|
{
|
|
2781
|
-
id:
|
|
2782
|
-
useSortable:
|
|
2783
|
-
cssHelper:
|
|
2784
|
-
children: n(
|
|
2787
|
+
id: C.id,
|
|
2788
|
+
useSortable: i.useSortable,
|
|
2789
|
+
cssHelper: g.CSS,
|
|
2790
|
+
children: n(C)
|
|
2785
2791
|
},
|
|
2786
|
-
|
|
2792
|
+
C.id
|
|
2787
2793
|
));
|
|
2788
|
-
return /* @__PURE__ */
|
|
2789
|
-
|
|
2794
|
+
return /* @__PURE__ */ u(
|
|
2795
|
+
Le,
|
|
2790
2796
|
{
|
|
2791
|
-
zoneKey:
|
|
2792
|
-
zoneProps: e.getZoneProps(
|
|
2793
|
-
useDroppable:
|
|
2794
|
-
children: /* @__PURE__ */
|
|
2797
|
+
zoneKey: o.zoneKey,
|
|
2798
|
+
zoneProps: e.getZoneProps(o.zoneKey),
|
|
2799
|
+
useDroppable: d,
|
|
2800
|
+
children: /* @__PURE__ */ u(_, { items: c, strategy: x, children: a(o.zoneKey, o.items, f) })
|
|
2795
2801
|
},
|
|
2796
|
-
|
|
2802
|
+
o.zoneKey
|
|
2797
2803
|
);
|
|
2798
2804
|
}),
|
|
2799
|
-
/* @__PURE__ */
|
|
2805
|
+
/* @__PURE__ */ u(S, { children: e.activeItem ? r?.(e.activeItem) ?? n(e.activeItem) : null })
|
|
2800
2806
|
]
|
|
2801
2807
|
}
|
|
2802
2808
|
);
|
|
2803
2809
|
}
|
|
2804
|
-
|
|
2805
|
-
function
|
|
2806
|
-
const { attributes:
|
|
2807
|
-
transform: a?.Transform?.toString(
|
|
2808
|
-
transition:
|
|
2809
|
-
opacity:
|
|
2810
|
+
Oe.displayName = "SortableZonesInner";
|
|
2811
|
+
function Ae({ id: e, useSortable: t, cssHelper: a, children: n }) {
|
|
2812
|
+
const { attributes: r, listeners: s, setNodeRef: i, transform: g, transition: v, isDragging: m } = t({ id: e }), w = {
|
|
2813
|
+
transform: a?.Transform?.toString(g) ?? void 0,
|
|
2814
|
+
transition: v,
|
|
2815
|
+
opacity: m ? 0.5 : 1
|
|
2810
2816
|
};
|
|
2811
|
-
return /* @__PURE__ */
|
|
2817
|
+
return /* @__PURE__ */ u("div", { ref: i, style: w, "data-sortable-item-id": e, ...r, ...s, children: n });
|
|
2812
2818
|
}
|
|
2813
|
-
|
|
2814
|
-
function
|
|
2819
|
+
Ae.displayName = "SortableItem";
|
|
2820
|
+
function Le({
|
|
2815
2821
|
zoneKey: e,
|
|
2816
2822
|
zoneProps: t,
|
|
2817
2823
|
useDroppable: a,
|
|
2818
2824
|
children: n
|
|
2819
2825
|
}) {
|
|
2820
|
-
const { setNodeRef:
|
|
2821
|
-
return /* @__PURE__ */
|
|
2826
|
+
const { setNodeRef: r, isOver: s } = a({ id: e });
|
|
2827
|
+
return /* @__PURE__ */ u("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: n });
|
|
2822
2828
|
}
|
|
2823
|
-
|
|
2824
|
-
const
|
|
2825
|
-
const
|
|
2826
|
-
return delete
|
|
2829
|
+
Le.displayName = "ZoneDroppable";
|
|
2830
|
+
const rn = H.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
|
|
2831
|
+
const r = { ...a };
|
|
2832
|
+
return delete r.className, delete r.style, /* @__PURE__ */ u("div", { ref: n, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ u(ve, { region: "toolbar", density: e, children: t }) });
|
|
2827
2833
|
});
|
|
2828
|
-
|
|
2829
|
-
const
|
|
2830
|
-
const
|
|
2831
|
-
return delete
|
|
2832
|
-
e && /* @__PURE__ */
|
|
2833
|
-
t && /* @__PURE__ */
|
|
2834
|
-
/* @__PURE__ */
|
|
2834
|
+
rn.displayName = "ContainerToolbar";
|
|
2835
|
+
const sn = H.forwardRef(({ legend: e, description: t, density: a = "default", children: n, ...r }, s) => {
|
|
2836
|
+
const i = { ...r };
|
|
2837
|
+
return delete i.className, delete i.style, /* @__PURE__ */ $("fieldset", { ref: s, className: "gloss-container-form-section", ...i, children: [
|
|
2838
|
+
e && /* @__PURE__ */ u("legend", { className: "gloss-container-form-section__legend", children: e }),
|
|
2839
|
+
t && /* @__PURE__ */ u("p", { className: "gloss-container-form-section__description", children: t }),
|
|
2840
|
+
/* @__PURE__ */ u(ve, { region: "form-section", density: a, children: n })
|
|
2835
2841
|
] });
|
|
2836
2842
|
});
|
|
2837
|
-
|
|
2838
|
-
const
|
|
2839
|
-
const
|
|
2840
|
-
return delete
|
|
2843
|
+
sn.displayName = "ContainerFormSection";
|
|
2844
|
+
const on = H.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
|
|
2845
|
+
const r = { ...a };
|
|
2846
|
+
return delete r.className, delete r.style, /* @__PURE__ */ u("div", { ref: n, className: "gloss-container-table", ...r, children: /* @__PURE__ */ u(ve, { region: "table", density: e, children: t }) });
|
|
2841
2847
|
});
|
|
2842
|
-
|
|
2848
|
+
on.displayName = "ContainerTable";
|
|
2843
2849
|
export {
|
|
2844
|
-
|
|
2845
|
-
|
|
2846
|
-
|
|
2847
|
-
|
|
2848
|
-
|
|
2849
|
-
|
|
2850
|
-
|
|
2851
|
-
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2862
|
-
|
|
2863
|
-
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
2872
|
-
|
|
2873
|
-
|
|
2874
|
-
|
|
2875
|
-
|
|
2876
|
-
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
2894
|
-
|
|
2895
|
-
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
2904
|
-
|
|
2905
|
-
|
|
2906
|
-
|
|
2907
|
-
|
|
2908
|
-
|
|
2909
|
-
|
|
2910
|
-
|
|
2911
|
-
|
|
2912
|
-
|
|
2913
|
-
|
|
2914
|
-
|
|
2915
|
-
|
|
2916
|
-
|
|
2917
|
-
|
|
2918
|
-
|
|
2919
|
-
|
|
2920
|
-
|
|
2921
|
-
|
|
2922
|
-
|
|
2923
|
-
|
|
2924
|
-
|
|
2925
|
-
|
|
2926
|
-
|
|
2927
|
-
|
|
2928
|
-
|
|
2929
|
-
|
|
2930
|
-
|
|
2931
|
-
|
|
2932
|
-
|
|
2933
|
-
|
|
2934
|
-
|
|
2935
|
-
|
|
2936
|
-
|
|
2937
|
-
|
|
2938
|
-
|
|
2939
|
-
|
|
2940
|
-
|
|
2941
|
-
|
|
2942
|
-
|
|
2943
|
-
|
|
2944
|
-
|
|
2945
|
-
|
|
2946
|
-
|
|
2947
|
-
|
|
2948
|
-
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
|
|
2952
|
-
|
|
2953
|
-
|
|
2954
|
-
|
|
2955
|
-
|
|
2956
|
-
|
|
2957
|
-
|
|
2958
|
-
|
|
2959
|
-
|
|
2960
|
-
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
|
|
2968
|
-
|
|
2969
|
-
|
|
2970
|
-
|
|
2971
|
-
|
|
2972
|
-
|
|
2973
|
-
|
|
2974
|
-
|
|
2975
|
-
|
|
2976
|
-
|
|
2977
|
-
|
|
2978
|
-
|
|
2979
|
-
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
|
|
2994
|
-
|
|
2995
|
-
|
|
2996
|
-
|
|
2850
|
+
ua as Accordion,
|
|
2851
|
+
ma as AccordionContent,
|
|
2852
|
+
pa as AccordionItem,
|
|
2853
|
+
ga as AccordionTrigger,
|
|
2854
|
+
fa as ActionStrip,
|
|
2855
|
+
ha as Actionable,
|
|
2856
|
+
ba as AddressGroup,
|
|
2857
|
+
va as AddressSelect,
|
|
2858
|
+
ya as AsyncLoader,
|
|
2859
|
+
wa as Autocomplete,
|
|
2860
|
+
Da as Badge,
|
|
2861
|
+
Ca as BarChartCard,
|
|
2862
|
+
Na as BarsBg,
|
|
2863
|
+
ka as Button,
|
|
2864
|
+
xa as ButtonGroup,
|
|
2865
|
+
Sa as ButtonGroupContext,
|
|
2866
|
+
Ta as Card,
|
|
2867
|
+
_a as CardActions,
|
|
2868
|
+
Ia as CardBack,
|
|
2869
|
+
Ra as CardBody,
|
|
2870
|
+
Ma as CardFooter,
|
|
2871
|
+
Pa as CardHeader,
|
|
2872
|
+
Fa as CardMedia,
|
|
2873
|
+
Ea as CardShell,
|
|
2874
|
+
Oa as CardSubtitle,
|
|
2875
|
+
Aa as CardTitle,
|
|
2876
|
+
La as ChartControlBar,
|
|
2877
|
+
$a as Checkbox,
|
|
2878
|
+
Ba as CheckboxGroup,
|
|
2879
|
+
Ka as Chip,
|
|
2880
|
+
Wa as ColorPicker,
|
|
2881
|
+
Ga as ComparisonCard,
|
|
2882
|
+
Ha as ContactForm,
|
|
2883
|
+
Va as ContainerCard,
|
|
2884
|
+
za as ContainerCardActions,
|
|
2885
|
+
Za as ContainerCardBody,
|
|
2886
|
+
Ua as ContainerCardFooter,
|
|
2887
|
+
Ya as ContainerCardHeader,
|
|
2888
|
+
qa as ContainerCardMedia,
|
|
2889
|
+
ja as ContainerCardSubtitle,
|
|
2890
|
+
Xa as ContainerCardTitle,
|
|
2891
|
+
Qa as ContainerDialog,
|
|
2892
|
+
Ja as ContainerDialogActions,
|
|
2893
|
+
er as ContainerDialogBody,
|
|
2894
|
+
tr as ContainerDialogHeader,
|
|
2895
|
+
sn as ContainerFormSection,
|
|
2896
|
+
nr as ContainerPanel,
|
|
2897
|
+
on as ContainerTable,
|
|
2898
|
+
rn as ContainerToolbar,
|
|
2899
|
+
ar as CreditCardForm,
|
|
2900
|
+
rr as DEFAULT_FOOTER_IDS,
|
|
2901
|
+
Po as DEFAULT_MARKET_PRESETS,
|
|
2902
|
+
sr as DEFAULT_OVERFLOW_IDS,
|
|
2903
|
+
Fo as DEFAULT_PINNED,
|
|
2904
|
+
_e as DEFAULT_RESIZE_PHYSICS,
|
|
2905
|
+
or as DataTable,
|
|
2906
|
+
ir as DatePicker,
|
|
2907
|
+
lr as DateRangePicker,
|
|
2908
|
+
cr as DestructiveModal,
|
|
2909
|
+
Wt as DevTuningPanel,
|
|
2910
|
+
dr as DirectionCard,
|
|
2911
|
+
ur as Dismissible,
|
|
2912
|
+
mr as DistributionCard,
|
|
2913
|
+
pr as DonutChart,
|
|
2914
|
+
gr as Dropdown,
|
|
2915
|
+
fr as ENTITY_FILTER_KEYS,
|
|
2916
|
+
hr as ENTITY_PROFILE_ROUTES,
|
|
2917
|
+
br as ENTITY_TYPE_PLURAL,
|
|
2918
|
+
ut as EdgeHoverHandle,
|
|
2919
|
+
vr as EntityPicker,
|
|
2920
|
+
yr as EntitySearchPanel,
|
|
2921
|
+
wr as Expandable,
|
|
2922
|
+
Dr as ExpandableChip,
|
|
2923
|
+
Cr as FLIP_AND_STAGE_TIMINGS,
|
|
2924
|
+
Nr as FileUpload,
|
|
2925
|
+
kr as FilterChip,
|
|
2926
|
+
xr as FilterInput,
|
|
2927
|
+
Sr as FlipAndStageProvider,
|
|
2928
|
+
Tr as Form,
|
|
2929
|
+
_r as FormDialog,
|
|
2930
|
+
Ir as FormField,
|
|
2931
|
+
Rr as FusedShape,
|
|
2932
|
+
mt as GhostPreview,
|
|
2933
|
+
Mr as GroupCheckbox,
|
|
2934
|
+
Pr as GroupRadio,
|
|
2935
|
+
Fr as HighlightCard,
|
|
2936
|
+
Er as HybridDatePicker,
|
|
2937
|
+
Or as ImportWizard,
|
|
2938
|
+
Ht as InlineNudge,
|
|
2939
|
+
Ar as Input,
|
|
2940
|
+
Lr as InputAddon,
|
|
2941
|
+
$r as InputGroup,
|
|
2942
|
+
Br as Link,
|
|
2943
|
+
Kr as LoginForm,
|
|
2944
|
+
Wr as MarketPresetRow,
|
|
2945
|
+
Gr as MaskPresets,
|
|
2946
|
+
Hr as MaskedInput,
|
|
2947
|
+
Vr as Menu,
|
|
2948
|
+
zr as MenuDivider,
|
|
2949
|
+
Zr as MenuGroup,
|
|
2950
|
+
Ur as MenuItem,
|
|
2951
|
+
Yr as MergePrompt,
|
|
2952
|
+
qr as MetricCard,
|
|
2953
|
+
jr as MetricCardGrid,
|
|
2954
|
+
Pt as MetricGroupContainer,
|
|
2955
|
+
Xr as MiniCalendar,
|
|
2956
|
+
Qr as MultiSelect,
|
|
2957
|
+
Jr as NumberInput,
|
|
2958
|
+
es as ObjectArrow,
|
|
2959
|
+
ts as OrderFilterBar,
|
|
2960
|
+
Eo as PERIOD_OPTIONS,
|
|
2961
|
+
wt as PageChip,
|
|
2962
|
+
Ie as PageDropdown,
|
|
2963
|
+
ns as PasswordInput,
|
|
2964
|
+
as as PaymentForm,
|
|
2965
|
+
rs as PaymentMethodSelect,
|
|
2966
|
+
ss as PhoneInput,
|
|
2967
|
+
os as PinToMetric,
|
|
2968
|
+
qt as PresetSwatchRow,
|
|
2969
|
+
is as ProfileCard,
|
|
2970
|
+
ls as ProgressCard,
|
|
2971
|
+
cs as QuickConfigPanel,
|
|
2972
|
+
Tt as RECONFIG_BACKSIDE_LABELS,
|
|
2973
|
+
Oo as ROLLING_OPTIONS,
|
|
2974
|
+
ds as Radio,
|
|
2975
|
+
us as RadioGroup,
|
|
2976
|
+
ms as RangeSlider,
|
|
2977
|
+
ps as Rating,
|
|
2978
|
+
Rt as ReconfigBacksideButtons,
|
|
2979
|
+
gs as RegistrationForm,
|
|
2980
|
+
fs as Row1Controls,
|
|
2981
|
+
hs as Row2FilterTray,
|
|
2982
|
+
bs as SearchInput,
|
|
2983
|
+
vs as SegmentCard,
|
|
2984
|
+
ys as SegmentedControl,
|
|
2985
|
+
ws as Select,
|
|
2986
|
+
Ds as Selectable,
|
|
2987
|
+
Cs as SimpleMetricCard,
|
|
2988
|
+
Ns as SimpleSelector,
|
|
2989
|
+
ks as Skeleton,
|
|
2990
|
+
xs as SkeletonCard,
|
|
2991
|
+
Ss as SkeletonChart,
|
|
2992
|
+
Ts as SkeletonTable,
|
|
2993
|
+
_s as Slider,
|
|
2994
|
+
Is as Sortable,
|
|
2995
|
+
an as SortableZones,
|
|
2996
|
+
Rs as SparklineBg,
|
|
2997
|
+
Ms as SplitButton,
|
|
2998
|
+
Ps as StackedGroupCard,
|
|
2999
|
+
Fs as StatusModeCard,
|
|
3000
|
+
dt as StatusSlotChipMenu,
|
|
3001
|
+
Es as Stepper,
|
|
3002
|
+
Ao as TODAY_PRESET,
|
|
2997
3003
|
Y as TUNING_DEFAULTS,
|
|
2998
|
-
|
|
2999
|
-
|
|
3000
|
-
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
3006
|
-
|
|
3007
|
-
|
|
3008
|
-
|
|
3009
|
-
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3004
|
+
Fe as TUNING_STORAGE_KEY,
|
|
3005
|
+
Os as TabGroup,
|
|
3006
|
+
As as TabbedDataView,
|
|
3007
|
+
Ls as TagInput,
|
|
3008
|
+
$s as Textarea,
|
|
3009
|
+
Zt as ThresholdRamp,
|
|
3010
|
+
Bs as TimeFrame,
|
|
3011
|
+
Ks as TimePicker,
|
|
3012
|
+
Ws as Toggle,
|
|
3013
|
+
Gs as Tooltip,
|
|
3014
|
+
Hs as Transition,
|
|
3015
|
+
Vs as TransitionGroup,
|
|
3016
|
+
zs as TrendCard,
|
|
3017
|
+
Zs as TrendIndicator,
|
|
3018
|
+
Io as UIContext,
|
|
3013
3019
|
ve as UIContextProvider,
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
|
|
3035
|
-
|
|
3036
|
-
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
3046
|
-
|
|
3047
|
-
|
|
3048
|
-
|
|
3049
|
-
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
|
|
3053
|
-
|
|
3054
|
-
|
|
3055
|
-
|
|
3056
|
-
|
|
3057
|
-
|
|
3058
|
-
|
|
3059
|
-
|
|
3060
|
-
|
|
3061
|
-
|
|
3062
|
-
|
|
3063
|
-
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
-
|
|
3067
|
-
|
|
3068
|
-
|
|
3069
|
-
|
|
3070
|
-
|
|
3071
|
-
|
|
3072
|
-
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3076
|
-
|
|
3077
|
-
|
|
3078
|
-
|
|
3079
|
-
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
|
|
3083
|
-
|
|
3084
|
-
|
|
3085
|
-
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
|
|
3090
|
-
|
|
3091
|
-
|
|
3092
|
-
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
|
|
3096
|
-
|
|
3097
|
-
|
|
3098
|
-
|
|
3099
|
-
|
|
3100
|
-
|
|
3101
|
-
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
|
|
3105
|
-
|
|
3106
|
-
|
|
3107
|
-
|
|
3108
|
-
|
|
3109
|
-
|
|
3110
|
-
|
|
3111
|
-
|
|
3112
|
-
|
|
3113
|
-
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
|
-
|
|
3117
|
-
|
|
3118
|
-
|
|
3119
|
-
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
Io as useUIContext
|
|
3020
|
+
Us as UnifiedBreakdownTable,
|
|
3021
|
+
Ys as UnifiedContextMenu,
|
|
3022
|
+
pt as VelocityBuffer,
|
|
3023
|
+
qs as addressGroupMetadata,
|
|
3024
|
+
js as addressSchema,
|
|
3025
|
+
Dn as allChips,
|
|
3026
|
+
En as allStateFixtures,
|
|
3027
|
+
Fn as allVariantFixtures,
|
|
3028
|
+
xn as blockSamples,
|
|
3029
|
+
Xs as buildDefaultOverflow,
|
|
3030
|
+
Rn as cardSamples,
|
|
3031
|
+
_n as chartSamples,
|
|
3032
|
+
Tn as circleSamples,
|
|
3033
|
+
na as compactLayout,
|
|
3034
|
+
zn as compactState,
|
|
3035
|
+
Pn as computeGutterAnchorX,
|
|
3036
|
+
Qs as contactFormMetadata,
|
|
3037
|
+
Js as contactSchema,
|
|
3038
|
+
Zn as contextMenuFixtures,
|
|
3039
|
+
eo as creditCardFormMetadata,
|
|
3040
|
+
to as creditCardSchema,
|
|
3041
|
+
ot as dateChip,
|
|
3042
|
+
Pe as defaultControlBarState,
|
|
3043
|
+
no as destructiveModalMetadata,
|
|
3044
|
+
ao as durations,
|
|
3045
|
+
ro as easings,
|
|
3046
|
+
ht as emptyFixture,
|
|
3047
|
+
rt as entityChip,
|
|
3048
|
+
kt as entityNameActions,
|
|
3049
|
+
Nn as entityTabGroup,
|
|
3050
|
+
ft as errorFixture,
|
|
3051
|
+
Vn as filteredState,
|
|
3052
|
+
Lo as findPreset,
|
|
3053
|
+
$o as formatDateRange,
|
|
3054
|
+
Bo as formatMarketDates,
|
|
3055
|
+
Ko as formatTrend,
|
|
3056
|
+
Wo as formatValue,
|
|
3057
|
+
ra as fullLayout,
|
|
3058
|
+
Go as generateMarketId,
|
|
3059
|
+
so as generateTabId,
|
|
3060
|
+
Ho as getAllPresets,
|
|
3061
|
+
Vo as getDateRangeForPreset,
|
|
3062
|
+
oo as getMenuActions,
|
|
3063
|
+
zo as getPresetLabel,
|
|
3064
|
+
io as getTransitionStyle,
|
|
3065
|
+
ta as gridCards,
|
|
3066
|
+
lo as interpolate,
|
|
3067
|
+
Zo as isInRange,
|
|
3068
|
+
Uo as isMarketActive,
|
|
3069
|
+
Yo as isSameDay,
|
|
3070
|
+
Hn as itemColumns,
|
|
3071
|
+
Wn as itemRows,
|
|
3072
|
+
gt as loadingFixture,
|
|
3073
|
+
co as loginFormMetadata,
|
|
3074
|
+
uo as loginSchema,
|
|
3075
|
+
it as manufacturerChip,
|
|
3076
|
+
la as manyTabs,
|
|
3077
|
+
mo as mergeHandlers,
|
|
3078
|
+
po as mergeRefs,
|
|
3079
|
+
Cn as metricTabGroup,
|
|
3080
|
+
oa as mixedTabs,
|
|
3081
|
+
qo as normalizePresetId,
|
|
3082
|
+
St as numericActions,
|
|
3083
|
+
Gn as orderColumns,
|
|
3084
|
+
xt as orderIdActions,
|
|
3085
|
+
Kn as orderRows,
|
|
3086
|
+
sa as ordersTabs,
|
|
3087
|
+
go as parseNumericValue,
|
|
3088
|
+
fo as paymentFormMetadata,
|
|
3089
|
+
ho as paymentSchema,
|
|
3090
|
+
bo as presets,
|
|
3091
|
+
vo as registrationFormMetadata,
|
|
3092
|
+
yo as registrationSchema,
|
|
3093
|
+
Yn as sampleCompareRanges,
|
|
3094
|
+
Xn as sampleCustomMarkets,
|
|
3095
|
+
Un as sampleDateRange,
|
|
3096
|
+
Qn as sampleMarketPresetData,
|
|
3097
|
+
jn as sampleMarkets,
|
|
3098
|
+
ea as samplePeriodPresets,
|
|
3099
|
+
qn as samplePreferences,
|
|
3100
|
+
Jn as samplePresets,
|
|
3101
|
+
ia as singleTab,
|
|
3102
|
+
On as sparklineFixture,
|
|
3103
|
+
An as sparklineUpFixture,
|
|
3104
|
+
yt as staleDonutFixture,
|
|
3105
|
+
bt as staleFixture,
|
|
3106
|
+
vt as staleSparklineFixture,
|
|
3107
|
+
Ln as standardFixture,
|
|
3108
|
+
Bn as standardFlatFixture,
|
|
3109
|
+
aa as standardLayout,
|
|
3110
|
+
$n as standardNegativeFixture,
|
|
3111
|
+
st as statusChip,
|
|
3112
|
+
In as tableSamples,
|
|
3113
|
+
Sn as textSamples,
|
|
3114
|
+
kn as timeFrameTabGroup,
|
|
3115
|
+
jo as toUppercasePresetId,
|
|
3116
|
+
wn as useArrowNavigation,
|
|
3117
|
+
wo as useCheckboxGroupContext,
|
|
3118
|
+
Mn as useEdgeHoverResize,
|
|
3119
|
+
Do as useFilterLayout,
|
|
3120
|
+
Co as useFlipAndStage,
|
|
3121
|
+
No as useFlipAndStageContext,
|
|
3122
|
+
ko as useFlipAndStageContextOptional,
|
|
3123
|
+
yn as useFocusReturn,
|
|
3124
|
+
xo as useFocusTrap,
|
|
3125
|
+
So as useFormContext,
|
|
3126
|
+
To as useRadioGroupContext,
|
|
3127
|
+
Ot as useResizeTuning,
|
|
3128
|
+
Qt as useSortableZones,
|
|
3129
|
+
Ro as useUIContext
|
|
3125
3130
|
};
|