@mt-gloss/ui 0.0.47 → 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 +1045 -1050
- 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 +26 -11
- 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,18 +1,18 @@
|
|
|
1
|
-
import { N as
|
|
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
2
|
import { jsxs as $, jsx as u } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import { motion as Te, useMotionValue as
|
|
5
|
-
import { B as
|
|
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
6
|
import { a as Io, u as Ro } from "./UIContext-C3E-k7HI.js";
|
|
7
|
-
import { createPortal as
|
|
7
|
+
import { createPortal as Xe } from "react-dom";
|
|
8
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
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
function
|
|
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
16
|
const { enabled: t = !0, returnTo: a } = e, n = R(null);
|
|
17
17
|
return L(() => {
|
|
18
18
|
t && (n.current = a || document.activeElement);
|
|
@@ -22,140 +22,140 @@ function vn(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:
|
|
30
|
+
loop: r = !0,
|
|
31
|
+
orientation: s = "vertical",
|
|
32
|
+
enabled: i = !0,
|
|
33
|
+
isItemDisabled: g,
|
|
34
|
+
onSelect: v,
|
|
35
35
|
onEscape: m
|
|
36
|
-
} = e, [
|
|
37
|
-
(
|
|
38
|
-
a === void 0 &&
|
|
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
|
-
}, [
|
|
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
65
|
l(-1);
|
|
66
|
-
}, [l]), _ =
|
|
67
|
-
(
|
|
68
|
-
if (!
|
|
69
|
-
const { key:
|
|
70
|
-
if (
|
|
71
|
-
|
|
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 (
|
|
92
|
+
if (c === "Escape") {
|
|
93
93
|
m?.();
|
|
94
94
|
return;
|
|
95
95
|
}
|
|
96
96
|
},
|
|
97
97
|
[
|
|
98
|
-
c,
|
|
99
|
-
o,
|
|
100
98
|
i,
|
|
99
|
+
s,
|
|
100
|
+
d,
|
|
101
101
|
t,
|
|
102
|
-
g,
|
|
103
|
-
x,
|
|
104
|
-
F,
|
|
105
|
-
w,
|
|
106
|
-
p,
|
|
107
102
|
h,
|
|
103
|
+
x,
|
|
104
|
+
M,
|
|
105
|
+
D,
|
|
106
|
+
g,
|
|
107
|
+
v,
|
|
108
108
|
m
|
|
109
109
|
]
|
|
110
110
|
);
|
|
111
111
|
return {
|
|
112
|
-
focusedIndex:
|
|
112
|
+
focusedIndex: d,
|
|
113
113
|
setFocusedIndex: l,
|
|
114
114
|
handleKeyDown: _,
|
|
115
|
-
focusFirst:
|
|
115
|
+
focusFirst: h,
|
|
116
116
|
focusLast: x,
|
|
117
|
-
focusNext:
|
|
118
|
-
focusPrevious:
|
|
117
|
+
focusNext: M,
|
|
118
|
+
focusPrevious: D,
|
|
119
119
|
resetFocus: S
|
|
120
120
|
};
|
|
121
121
|
}
|
|
122
122
|
const oe = (e) => {
|
|
123
|
-
},
|
|
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
128
|
onRemove: oe
|
|
129
|
-
},
|
|
129
|
+
}, st = {
|
|
130
130
|
id: "status-filter-1",
|
|
131
131
|
label: "Status: Open",
|
|
132
132
|
field: "status",
|
|
133
133
|
value: "open",
|
|
134
134
|
onRemove: oe
|
|
135
|
-
},
|
|
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
140
|
onRemove: oe
|
|
141
|
-
},
|
|
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
146
|
onRemove: oe
|
|
147
|
-
},
|
|
148
|
-
at,
|
|
147
|
+
}, Dn = [
|
|
149
148
|
rt,
|
|
150
149
|
st,
|
|
151
|
-
ot
|
|
152
|
-
|
|
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 oe = (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,26 +171,26 @@ const oe = (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 }
|
|
@@ -220,25 +220,25 @@ const oe = (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 [
|
|
241
|
+
const [g, v] = W(null), m = R(null), w = b(() => {
|
|
242
242
|
if (!t) return { ...Ce, top: 0, left: 0 };
|
|
243
243
|
const l = t.getBoundingClientRect();
|
|
244
244
|
return {
|
|
@@ -249,35 +249,35 @@ function ct({
|
|
|
249
249
|
}, [t]);
|
|
250
250
|
if (L(() => {
|
|
251
251
|
if (!e) return;
|
|
252
|
-
const l = (
|
|
253
|
-
|
|
252
|
+
const l = (p) => {
|
|
253
|
+
p.key === "Escape" && i();
|
|
254
254
|
};
|
|
255
255
|
return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
|
|
256
|
-
}, [e,
|
|
256
|
+
}, [e, i]), L(() => {
|
|
257
257
|
if (!e) return;
|
|
258
|
-
const l = (
|
|
259
|
-
m.current && !m.current.contains(
|
|
258
|
+
const l = (p) => {
|
|
259
|
+
m.current && !m.current.contains(p.target) && i();
|
|
260
260
|
};
|
|
261
261
|
return document.addEventListener("pointerdown", l, !0), () => document.removeEventListener("pointerdown", l, !0);
|
|
262
|
-
}, [e,
|
|
263
|
-
const
|
|
262
|
+
}, [e, i]), !e) return null;
|
|
263
|
+
const k = s && s.length > 0, d = /* @__PURE__ */ $(
|
|
264
264
|
"div",
|
|
265
265
|
{
|
|
266
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
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
|
}
|
|
@@ -286,25 +286,25 @@ function ct({
|
|
|
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
|
-
l.onSelect(a),
|
|
307
|
+
l.onSelect(a), i();
|
|
308
308
|
},
|
|
309
309
|
children: l.label
|
|
310
310
|
},
|
|
@@ -313,56 +313,56 @@ function ct({
|
|
|
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
|
-
}, l = (
|
|
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
336
|
return /* @__PURE__ */ u(
|
|
337
337
|
"button",
|
|
338
338
|
{
|
|
339
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:
|
|
349
|
+
onPointerDown: k,
|
|
350
|
+
onPointerUp: d,
|
|
351
|
+
onPointerEnter: r,
|
|
352
|
+
onPointerLeave: s,
|
|
353
353
|
onKeyDown: l,
|
|
354
|
-
tabIndex:
|
|
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
367
|
return /* @__PURE__ */ u(
|
|
368
368
|
Te.div,
|
|
@@ -376,13 +376,13 @@ function ut({
|
|
|
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,11 +406,11 @@ class mt {
|
|
|
406
406
|
const t = this.samples.length;
|
|
407
407
|
if (t < 2) return 0;
|
|
408
408
|
if (t === 2) {
|
|
409
|
-
const [
|
|
410
|
-
return (m.x -
|
|
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
416
|
const _e = {
|
|
@@ -433,220 +433,216 @@ const _e = {
|
|
|
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:
|
|
441
|
+
step: r = 180,
|
|
442
|
+
gap: s = 0,
|
|
443
|
+
tuning: i,
|
|
444
|
+
dwellMs: g = 120,
|
|
445
|
+
enterMs: v = 180,
|
|
446
446
|
exitMs: m = 120,
|
|
447
|
-
maxColSpan:
|
|
448
|
-
containerRef:
|
|
447
|
+
maxColSpan: w = 3,
|
|
448
|
+
containerRef: k,
|
|
449
|
+
forceIdle: d
|
|
449
450
|
}) {
|
|
450
|
-
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");
|
|
451
452
|
L(() => {
|
|
452
|
-
|
|
453
|
-
}, [
|
|
454
|
-
const
|
|
455
|
-
const y =
|
|
453
|
+
c.current = l;
|
|
454
|
+
}, [l]);
|
|
455
|
+
const f = Ye(0), C = R(null), N = b(() => {
|
|
456
|
+
const y = C.current;
|
|
456
457
|
if (y) {
|
|
457
458
|
try {
|
|
458
459
|
y.stop();
|
|
459
460
|
} catch {
|
|
460
461
|
}
|
|
461
|
-
|
|
462
|
+
C.current = null;
|
|
462
463
|
}
|
|
463
|
-
}, []),
|
|
464
|
+
}, []), P = b(
|
|
464
465
|
(y) => {
|
|
465
|
-
const
|
|
466
|
-
return y *
|
|
466
|
+
const F = S.current, E = _.current;
|
|
467
|
+
return y * F + (y - 1) * E;
|
|
467
468
|
},
|
|
468
469
|
[]
|
|
469
|
-
),
|
|
470
|
+
), I = R(new pt()), z = R(e);
|
|
470
471
|
L(() => {
|
|
471
|
-
|
|
472
|
-
}, [
|
|
473
|
-
const O =
|
|
474
|
-
g.current && (clearTimeout(g.current), g.current = null);
|
|
475
|
-
}, []), z = f(() => {
|
|
472
|
+
z.current = T;
|
|
473
|
+
}, [T]);
|
|
474
|
+
const O = ne(() => ({ ..._e, ...i ?? {} }), [i]), G = b(() => {
|
|
476
475
|
x.current && (clearTimeout(x.current), x.current = null);
|
|
477
|
-
}, []),
|
|
478
|
-
|
|
479
|
-
}, [
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
476
|
+
}, []), A = b(() => {
|
|
477
|
+
M.current && (clearTimeout(M.current), M.current = null);
|
|
478
|
+
}, []);
|
|
479
|
+
L(() => {
|
|
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;
|
|
488
493
|
else break;
|
|
489
494
|
}
|
|
490
|
-
if (
|
|
491
|
-
for (;
|
|
492
|
-
const
|
|
493
|
-
if (y <=
|
|
495
|
+
if (V === j)
|
|
496
|
+
for (; E + V > 1; ) {
|
|
497
|
+
const J = V * K - (V > 0 ? q : Q);
|
|
498
|
+
if (y <= J) V -= 1;
|
|
494
499
|
else break;
|
|
495
500
|
}
|
|
496
|
-
return Math.min(3, Math.max(1,
|
|
501
|
+
return Math.min(3, Math.max(1, E + V));
|
|
497
502
|
},
|
|
498
503
|
[O.snapInFraction, O.snapOutFraction]
|
|
499
|
-
),
|
|
504
|
+
), $e = b(
|
|
500
505
|
(y) => {
|
|
501
|
-
if (
|
|
502
|
-
N(),
|
|
503
|
-
const
|
|
504
|
-
|
|
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");
|
|
505
510
|
},
|
|
506
|
-
[
|
|
507
|
-
), ye =
|
|
508
|
-
(y) => y *
|
|
511
|
+
[r, s, e, f, N]
|
|
512
|
+
), ye = b(
|
|
513
|
+
(y) => y * S.current + (y - 1) * _.current,
|
|
509
514
|
[]
|
|
510
|
-
), re =
|
|
511
|
-
(y,
|
|
512
|
-
const
|
|
515
|
+
), re = b(
|
|
516
|
+
(y, F) => {
|
|
517
|
+
const E = ye(y), K = y !== e;
|
|
513
518
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
514
|
-
|
|
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");
|
|
515
520
|
return;
|
|
516
521
|
}
|
|
517
|
-
const
|
|
518
|
-
|
|
522
|
+
const q = I.current.getWeightedVelocity() * O.velocityMultiplier;
|
|
523
|
+
c.current = "settling", p("settling"), N(), C.current = De(f, E, {
|
|
519
524
|
type: "spring",
|
|
520
525
|
stiffness: O.stiffness,
|
|
521
526
|
damping: O.damping,
|
|
522
527
|
mass: O.mass,
|
|
523
|
-
velocity:
|
|
528
|
+
velocity: q,
|
|
524
529
|
onComplete: () => {
|
|
525
|
-
|
|
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");
|
|
526
531
|
}
|
|
527
532
|
});
|
|
528
533
|
},
|
|
529
|
-
[ye, e, t, a, n,
|
|
530
|
-
),
|
|
534
|
+
[ye, e, t, a, n, f, O, N]
|
|
535
|
+
), Be = b(
|
|
531
536
|
(y) => {
|
|
532
|
-
if (
|
|
533
|
-
const
|
|
534
|
-
|
|
535
|
-
const
|
|
536
|
-
re(
|
|
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);
|
|
537
542
|
},
|
|
538
|
-
[
|
|
539
|
-
), ie =
|
|
540
|
-
if (
|
|
541
|
-
const y =
|
|
543
|
+
[B, e, re]
|
|
544
|
+
), ie = b(() => {
|
|
545
|
+
if (G(), c.current === "dragging") {
|
|
546
|
+
const y = o.current;
|
|
542
547
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
543
|
-
|
|
548
|
+
f.jump(y), n?.(), f.jump(0), c.current = "idle", p("idle");
|
|
544
549
|
return;
|
|
545
550
|
}
|
|
546
|
-
const
|
|
547
|
-
|
|
551
|
+
const E = I.current.getWeightedVelocity();
|
|
552
|
+
c.current = "settling", p("settling"), N(), C.current = De(f, y, {
|
|
548
553
|
type: "spring",
|
|
549
554
|
stiffness: O.stiffness,
|
|
550
555
|
damping: O.damping,
|
|
551
556
|
mass: O.mass,
|
|
552
|
-
velocity:
|
|
557
|
+
velocity: E,
|
|
553
558
|
onComplete: () => {
|
|
554
|
-
|
|
559
|
+
C.current = null, n?.(), f.jump(0), c.current = "idle", p("idle");
|
|
555
560
|
}
|
|
556
561
|
});
|
|
557
562
|
return;
|
|
558
563
|
}
|
|
559
|
-
|
|
560
|
-
}, [
|
|
564
|
+
c.current === "handle-visible" && (n?.(), c.current = "cancelled", p("cancelled"));
|
|
565
|
+
}, [G, f, n, O, N]);
|
|
561
566
|
L(() => {
|
|
562
|
-
if (
|
|
563
|
-
const y = (
|
|
564
|
-
|
|
567
|
+
if (l !== "dragging" && l !== "handle-visible") return;
|
|
568
|
+
const y = (F) => {
|
|
569
|
+
F.key === "Escape" && ie();
|
|
565
570
|
};
|
|
566
571
|
return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
|
|
567
|
-
}, [
|
|
568
|
-
if (
|
|
569
|
-
|
|
572
|
+
}, [l, ie]), L(() => {
|
|
573
|
+
if (l !== "dragging") {
|
|
574
|
+
h(e);
|
|
570
575
|
return;
|
|
571
576
|
}
|
|
572
|
-
const y = (
|
|
573
|
-
const
|
|
574
|
-
|
|
575
|
-
const le =
|
|
576
|
-
|
|
577
|
-
const ce =
|
|
578
|
-
ce !==
|
|
579
|
-
};
|
|
580
|
-
return window.addEventListener("pointermove", y), () => window.removeEventListener("pointermove", y);
|
|
581
|
-
}, [i, e, d, j, D, k]), L(() => () => {
|
|
582
|
-
B(), z();
|
|
583
|
-
}, [B, z]), L(() => {
|
|
584
|
-
if (!C || i !== "dwelling" && i !== "handle-visible") return;
|
|
585
|
-
const y = (P) => {
|
|
586
|
-
const I = C.current;
|
|
587
|
-
if (!I) return;
|
|
588
|
-
const A = P.target;
|
|
589
|
-
A instanceof Node && I.contains(A) || U();
|
|
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));
|
|
590
584
|
};
|
|
591
585
|
return window.addEventListener("pointermove", y), () => window.removeEventListener("pointermove", y);
|
|
592
|
-
}, [
|
|
593
|
-
|
|
594
|
-
|
|
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);
|
|
595
591
|
return () => clearTimeout(y);
|
|
596
|
-
}, [
|
|
597
|
-
const
|
|
592
|
+
}, [l, m]);
|
|
593
|
+
const Ke = b(
|
|
598
594
|
(y) => {
|
|
599
|
-
if (
|
|
600
|
-
const
|
|
601
|
-
if (
|
|
602
|
-
|
|
603
|
-
const
|
|
604
|
-
|
|
595
|
+
if (c.current === "settling") return;
|
|
596
|
+
const E = Math.min(3, Math.max(1, e + (y === "grow" ? 1 : -1)));
|
|
597
|
+
if (E === e) return;
|
|
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);
|
|
605
601
|
},
|
|
606
|
-
[e,
|
|
607
|
-
), we =
|
|
608
|
-
|
|
609
|
-
|
|
602
|
+
[e, r, s, f, re]
|
|
603
|
+
), we = b(() => {
|
|
604
|
+
A(), M.current = setTimeout(() => {
|
|
605
|
+
c.current === "handle-visible" && (c.current = "idle", p("idle"));
|
|
610
606
|
}, 5e3);
|
|
611
|
-
}, [
|
|
612
|
-
|
|
613
|
-
}, [
|
|
614
|
-
|
|
615
|
-
}, [
|
|
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]);
|
|
616
612
|
return {
|
|
617
|
-
state:
|
|
618
|
-
enterEdgeZone:
|
|
619
|
-
leaveEdgeZone:
|
|
613
|
+
state: l,
|
|
614
|
+
enterEdgeZone: X,
|
|
615
|
+
leaveEdgeZone: ae,
|
|
620
616
|
handleProps: {
|
|
621
|
-
onPointerDown:
|
|
622
|
-
onPointerUp:
|
|
617
|
+
onPointerDown: $e,
|
|
618
|
+
onPointerUp: Be,
|
|
623
619
|
// Bug E: handle continues zone presence so pointer crossing sentinel→handle
|
|
624
620
|
// doesn't collapse state. handle's pointerenter = stay in zone.
|
|
625
|
-
onPointerEnter:
|
|
626
|
-
onPointerLeave:
|
|
621
|
+
onPointerEnter: X,
|
|
622
|
+
onPointerLeave: ae
|
|
627
623
|
},
|
|
628
|
-
previewColSpan:
|
|
624
|
+
previewColSpan: T,
|
|
629
625
|
ghostProps: {
|
|
630
|
-
visible:
|
|
631
|
-
targetColSpan:
|
|
632
|
-
ghostWidth:
|
|
633
|
-
enterMs:
|
|
626
|
+
visible: l === "dragging" || l === "settling",
|
|
627
|
+
targetColSpan: T,
|
|
628
|
+
ghostWidth: f,
|
|
629
|
+
enterMs: v,
|
|
634
630
|
exitMs: m
|
|
635
631
|
},
|
|
636
|
-
onKeyboardStep:
|
|
637
|
-
onTouchReveal:
|
|
638
|
-
onTouchDismiss:
|
|
632
|
+
onKeyboardStep: Ke,
|
|
633
|
+
onTouchReveal: We,
|
|
634
|
+
onTouchDismiss: Ge,
|
|
639
635
|
cancel: ie
|
|
640
636
|
};
|
|
641
637
|
}
|
|
642
|
-
function
|
|
643
|
-
const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx:
|
|
638
|
+
function Pn(e) {
|
|
639
|
+
const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx: r } = e;
|
|
644
640
|
if (n == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(a) || a <= 0 || !Number.isInteger(n) || n < 0 || n >= a)
|
|
645
641
|
return;
|
|
646
|
-
const
|
|
647
|
-
return
|
|
642
|
+
const s = (n + 0.5) * (t / a);
|
|
643
|
+
return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
|
|
648
644
|
}
|
|
649
|
-
const
|
|
645
|
+
const Fn = [
|
|
650
646
|
// 1. Standard: Total Revenue
|
|
651
647
|
{
|
|
652
648
|
variant: "standard",
|
|
@@ -750,24 +746,24 @@ const Pn = [
|
|
|
750
746
|
{ value: 9, color: "#6b7280", label: "Other" }
|
|
751
747
|
]
|
|
752
748
|
}
|
|
753
|
-
],
|
|
749
|
+
], gt = {
|
|
754
750
|
variant: "standard",
|
|
755
751
|
label: "Total Revenue",
|
|
756
752
|
isLoading: !0
|
|
757
|
-
},
|
|
753
|
+
}, ft = {
|
|
758
754
|
variant: "standard",
|
|
759
755
|
label: "Total Revenue",
|
|
760
756
|
value: 125430,
|
|
761
757
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
762
758
|
isError: !0
|
|
763
|
-
},
|
|
759
|
+
}, ht = {
|
|
764
760
|
variant: "standard",
|
|
765
761
|
label: "Total Revenue",
|
|
766
762
|
value: null,
|
|
767
763
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
768
764
|
isEmpty: !0,
|
|
769
765
|
subtitle: "No data"
|
|
770
|
-
},
|
|
766
|
+
}, bt = {
|
|
771
767
|
variant: "standard",
|
|
772
768
|
label: "Total Revenue",
|
|
773
769
|
value: 125430,
|
|
@@ -775,7 +771,7 @@ const Pn = [
|
|
|
775
771
|
trend: { value: 12.5, direction: "up" },
|
|
776
772
|
subtitle: "MTD",
|
|
777
773
|
isStale: !0
|
|
778
|
-
},
|
|
774
|
+
}, vt = {
|
|
779
775
|
variant: "sparkline",
|
|
780
776
|
label: "Daily Orders",
|
|
781
777
|
value: 847,
|
|
@@ -784,7 +780,7 @@ const Pn = [
|
|
|
784
780
|
sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
|
|
785
781
|
accentColor: "#6366f1",
|
|
786
782
|
isStale: !0
|
|
787
|
-
},
|
|
783
|
+
}, yt = {
|
|
788
784
|
variant: "donut",
|
|
789
785
|
label: "Order Fill Rate",
|
|
790
786
|
value: 78,
|
|
@@ -795,14 +791,14 @@ const Pn = [
|
|
|
795
791
|
donutMax: 100,
|
|
796
792
|
accentColor: "#10b981",
|
|
797
793
|
isStale: !0
|
|
798
|
-
},
|
|
799
|
-
pt,
|
|
794
|
+
}, En = [
|
|
800
795
|
gt,
|
|
801
796
|
ft,
|
|
802
797
|
ht,
|
|
803
798
|
bt,
|
|
804
|
-
vt
|
|
805
|
-
|
|
799
|
+
vt,
|
|
800
|
+
yt
|
|
801
|
+
], On = {
|
|
806
802
|
variant: "sparkline",
|
|
807
803
|
label: "Daily Orders",
|
|
808
804
|
value: 847,
|
|
@@ -825,7 +821,7 @@ const Pn = [
|
|
|
825
821
|
59
|
|
826
822
|
],
|
|
827
823
|
accentColor: "#6366f1"
|
|
828
|
-
},
|
|
824
|
+
}, An = {
|
|
829
825
|
variant: "sparkline",
|
|
830
826
|
label: "New Customers",
|
|
831
827
|
value: 23,
|
|
@@ -864,21 +860,21 @@ const Pn = [
|
|
|
864
860
|
19
|
|
865
861
|
],
|
|
866
862
|
accentColor: "#10b981"
|
|
867
|
-
},
|
|
863
|
+
}, Ln = {
|
|
868
864
|
variant: "standard",
|
|
869
865
|
label: "Total Revenue",
|
|
870
866
|
value: 125430,
|
|
871
867
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
872
868
|
trend: { value: 12.5, direction: "up" },
|
|
873
869
|
subtitle: "MTD"
|
|
874
|
-
},
|
|
870
|
+
}, $n = {
|
|
875
871
|
variant: "standard",
|
|
876
872
|
label: "Returns",
|
|
877
873
|
value: 3280,
|
|
878
874
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
879
875
|
trend: { value: -8.3, direction: "down" },
|
|
880
876
|
subtitle: "MTD"
|
|
881
|
-
},
|
|
877
|
+
}, Bn = {
|
|
882
878
|
variant: "standard",
|
|
883
879
|
label: "Avg Order Value",
|
|
884
880
|
value: 487,
|
|
@@ -891,28 +887,28 @@ function Ie({
|
|
|
891
887
|
onDismiss: t,
|
|
892
888
|
anchorRef: a,
|
|
893
889
|
pages: n,
|
|
894
|
-
activePageId:
|
|
895
|
-
onPageChange:
|
|
896
|
-
onCreatePage:
|
|
897
|
-
onManagePages:
|
|
890
|
+
activePageId: r,
|
|
891
|
+
onPageChange: s,
|
|
892
|
+
onCreatePage: i,
|
|
893
|
+
onManagePages: g
|
|
898
894
|
}) {
|
|
899
|
-
const
|
|
900
|
-
(
|
|
901
|
-
|
|
895
|
+
const v = b(
|
|
896
|
+
(d) => {
|
|
897
|
+
s(d), t();
|
|
902
898
|
},
|
|
903
|
-
[
|
|
904
|
-
), m =
|
|
905
|
-
(
|
|
906
|
-
(l.key === "Enter" || l.key === " ") && (l.preventDefault(),
|
|
899
|
+
[s, t]
|
|
900
|
+
), m = b(
|
|
901
|
+
(d, l) => {
|
|
902
|
+
(l.key === "Enter" || l.key === " ") && (l.preventDefault(), v(d));
|
|
907
903
|
},
|
|
908
|
-
[
|
|
909
|
-
),
|
|
910
|
-
|
|
911
|
-
}, [
|
|
912
|
-
|
|
913
|
-
}, [
|
|
904
|
+
[v]
|
|
905
|
+
), w = b(() => {
|
|
906
|
+
i(), t();
|
|
907
|
+
}, [i, t]), k = b(() => {
|
|
908
|
+
g(), t();
|
|
909
|
+
}, [g, t]);
|
|
914
910
|
return /* @__PURE__ */ $(
|
|
915
|
-
|
|
911
|
+
je,
|
|
916
912
|
{
|
|
917
913
|
definition: {
|
|
918
914
|
placement: "bottom-end",
|
|
@@ -925,8 +921,8 @@ function Ie({
|
|
|
925
921
|
anchorRef: a,
|
|
926
922
|
className: "gloss-page-dropdown",
|
|
927
923
|
children: [
|
|
928
|
-
/* @__PURE__ */ u("ul", { role: "menu", className: "gloss-page-dropdown__list", children: n.map((
|
|
929
|
-
const l =
|
|
924
|
+
/* @__PURE__ */ u("ul", { role: "menu", className: "gloss-page-dropdown__list", children: n.map((d) => {
|
|
925
|
+
const l = d.id === r;
|
|
930
926
|
return /* @__PURE__ */ $(
|
|
931
927
|
"li",
|
|
932
928
|
{
|
|
@@ -935,8 +931,8 @@ function Ie({
|
|
|
935
931
|
"aria-current": l ? "page" : void 0,
|
|
936
932
|
tabIndex: 0,
|
|
937
933
|
className: `gloss-page-dropdown__item${l ? " gloss-page-dropdown__item--active" : ""}`,
|
|
938
|
-
onClick: () =>
|
|
939
|
-
onKeyDown: (
|
|
934
|
+
onClick: () => v(d.id),
|
|
935
|
+
onKeyDown: (p) => m(d.id, p),
|
|
940
936
|
children: [
|
|
941
937
|
/* @__PURE__ */ u(
|
|
942
938
|
"span",
|
|
@@ -947,14 +943,14 @@ function Ie({
|
|
|
947
943
|
/* @__PURE__ */ u(
|
|
948
944
|
"span",
|
|
949
945
|
{
|
|
950
|
-
className: `gloss-page-dropdown__name${
|
|
951
|
-
children:
|
|
946
|
+
className: `gloss-page-dropdown__name${d.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
|
|
947
|
+
children: d.name
|
|
952
948
|
}
|
|
953
949
|
),
|
|
954
|
-
/* @__PURE__ */ u("span", { className: "gloss-page-dropdown__count", children:
|
|
950
|
+
/* @__PURE__ */ u("span", { className: "gloss-page-dropdown__count", children: d.cardCount })
|
|
955
951
|
]
|
|
956
952
|
},
|
|
957
|
-
|
|
953
|
+
d.id
|
|
958
954
|
);
|
|
959
955
|
}) }),
|
|
960
956
|
/* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
|
|
@@ -963,7 +959,7 @@ function Ie({
|
|
|
963
959
|
{
|
|
964
960
|
role: "menuitem",
|
|
965
961
|
className: "gloss-page-dropdown__action",
|
|
966
|
-
onClick:
|
|
962
|
+
onClick: w,
|
|
967
963
|
children: "+ New page"
|
|
968
964
|
}
|
|
969
965
|
),
|
|
@@ -973,7 +969,7 @@ function Ie({
|
|
|
973
969
|
{
|
|
974
970
|
role: "menuitem",
|
|
975
971
|
className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
|
|
976
|
-
onClick:
|
|
972
|
+
onClick: k,
|
|
977
973
|
children: "Manage pages"
|
|
978
974
|
}
|
|
979
975
|
)
|
|
@@ -982,25 +978,25 @@ function Ie({
|
|
|
982
978
|
);
|
|
983
979
|
}
|
|
984
980
|
Ie.displayName = "PageDropdown";
|
|
985
|
-
const
|
|
981
|
+
const wt = function({
|
|
986
982
|
currentIndex: t,
|
|
987
983
|
total: a,
|
|
988
984
|
pages: n,
|
|
989
|
-
onPageChange:
|
|
990
|
-
onCreatePage:
|
|
991
|
-
onManagePages:
|
|
992
|
-
maskRadius:
|
|
985
|
+
onPageChange: r,
|
|
986
|
+
onCreatePage: s,
|
|
987
|
+
onManagePages: i,
|
|
988
|
+
maskRadius: g = "var(--gloss-radius-md)"
|
|
993
989
|
}) {
|
|
994
|
-
const
|
|
995
|
-
|
|
996
|
-
}, []),
|
|
997
|
-
|
|
990
|
+
const v = R(null), [m, w] = W(!1), k = b(() => {
|
|
991
|
+
w((p) => !p);
|
|
992
|
+
}, []), d = b(() => {
|
|
993
|
+
w(!1);
|
|
998
994
|
}, []), l = n[t]?.id ?? "";
|
|
999
995
|
return /* @__PURE__ */ $(
|
|
1000
996
|
"div",
|
|
1001
997
|
{
|
|
1002
998
|
className: "gloss-page-chip",
|
|
1003
|
-
ref:
|
|
999
|
+
ref: v,
|
|
1004
1000
|
style: { position: "absolute", top: 0, right: 0 },
|
|
1005
1001
|
"data-page-chip": !0,
|
|
1006
1002
|
children: [
|
|
@@ -1008,7 +1004,7 @@ const yt = function({
|
|
|
1008
1004
|
"div",
|
|
1009
1005
|
{
|
|
1010
1006
|
className: "gloss-page-chip__nuzzle",
|
|
1011
|
-
style: { "--_nuzzle-r":
|
|
1007
|
+
style: { "--_nuzzle-r": g }
|
|
1012
1008
|
}
|
|
1013
1009
|
),
|
|
1014
1010
|
/* @__PURE__ */ $(
|
|
@@ -1018,7 +1014,7 @@ const yt = function({
|
|
|
1018
1014
|
"aria-haspopup": "menu",
|
|
1019
1015
|
"aria-expanded": m,
|
|
1020
1016
|
"aria-label": `Page ${t + 1} of ${a}. Click to switch pages.`,
|
|
1021
|
-
onClick:
|
|
1017
|
+
onClick: k,
|
|
1022
1018
|
children: [
|
|
1023
1019
|
t + 1,
|
|
1024
1020
|
" / ",
|
|
@@ -1030,21 +1026,21 @@ const yt = function({
|
|
|
1030
1026
|
Ie,
|
|
1031
1027
|
{
|
|
1032
1028
|
open: m,
|
|
1033
|
-
onDismiss:
|
|
1034
|
-
anchorRef:
|
|
1029
|
+
onDismiss: d,
|
|
1030
|
+
anchorRef: v,
|
|
1035
1031
|
pages: n,
|
|
1036
1032
|
activePageId: l,
|
|
1037
|
-
onPageChange:
|
|
1038
|
-
onCreatePage:
|
|
1039
|
-
onManagePages:
|
|
1033
|
+
onPageChange: r,
|
|
1034
|
+
onCreatePage: s,
|
|
1035
|
+
onManagePages: i
|
|
1040
1036
|
}
|
|
1041
1037
|
)
|
|
1042
1038
|
]
|
|
1043
1039
|
}
|
|
1044
1040
|
);
|
|
1045
1041
|
};
|
|
1046
|
-
|
|
1047
|
-
const
|
|
1042
|
+
wt.displayName = "PageChip";
|
|
1043
|
+
const Kn = [
|
|
1048
1044
|
{
|
|
1049
1045
|
id: "ORD-1001",
|
|
1050
1046
|
orderNumber: "ORD-1001",
|
|
@@ -1177,7 +1173,7 @@ const Bn = [
|
|
|
1177
1173
|
date: "2026-03-01",
|
|
1178
1174
|
skuCount: 9
|
|
1179
1175
|
}
|
|
1180
|
-
],
|
|
1176
|
+
], Wn = [
|
|
1181
1177
|
{
|
|
1182
1178
|
id: "ITEM-001",
|
|
1183
1179
|
sku: "PB-4520",
|
|
@@ -1320,7 +1316,7 @@ function Re(e) {
|
|
|
1320
1316
|
function Me(e) {
|
|
1321
1317
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1322
1318
|
}
|
|
1323
|
-
const
|
|
1319
|
+
const te = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Gn = [
|
|
1324
1320
|
{
|
|
1325
1321
|
field: "id",
|
|
1326
1322
|
headerName: "Order",
|
|
@@ -1350,7 +1346,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1350
1346
|
align: "right",
|
|
1351
1347
|
headerAlign: "right",
|
|
1352
1348
|
cellClassName: "gloss-tabular-nums",
|
|
1353
|
-
renderCell: ({ row: e }) => e.skuCount ? Re(e.skuCount) :
|
|
1349
|
+
renderCell: ({ row: e }) => e.skuCount ? Re(e.skuCount) : te
|
|
1354
1350
|
},
|
|
1355
1351
|
{
|
|
1356
1352
|
field: "total",
|
|
@@ -1360,7 +1356,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1360
1356
|
align: "right",
|
|
1361
1357
|
headerAlign: "right",
|
|
1362
1358
|
cellClassName: "gloss-tabular-nums",
|
|
1363
|
-
renderCell: ({ row: e }) => e.total ? ge(e.total) :
|
|
1359
|
+
renderCell: ({ row: e }) => e.total ? ge(e.total) : te
|
|
1364
1360
|
},
|
|
1365
1361
|
{
|
|
1366
1362
|
field: "date",
|
|
@@ -1372,7 +1368,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1372
1368
|
cellClassName: "gloss-tabular-nums",
|
|
1373
1369
|
renderCell: ({ row: e }) => e.date ? Me(e.date) : ""
|
|
1374
1370
|
}
|
|
1375
|
-
],
|
|
1371
|
+
], Hn = [
|
|
1376
1372
|
{
|
|
1377
1373
|
field: "sku",
|
|
1378
1374
|
headerName: "Item ID",
|
|
@@ -1404,7 +1400,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1404
1400
|
align: "right",
|
|
1405
1401
|
headerAlign: "right",
|
|
1406
1402
|
cellClassName: "gloss-tabular-nums",
|
|
1407
|
-
renderCell: ({ row: e }) => e.price ? ge(e.price) :
|
|
1403
|
+
renderCell: ({ row: e }) => e.price ? ge(e.price) : te
|
|
1408
1404
|
},
|
|
1409
1405
|
{
|
|
1410
1406
|
field: "quantity",
|
|
@@ -1414,7 +1410,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1414
1410
|
align: "right",
|
|
1415
1411
|
headerAlign: "right",
|
|
1416
1412
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1417
|
-
renderCell: ({ row: e }) => e.quantity ? Re(e.quantity) :
|
|
1413
|
+
renderCell: ({ row: e }) => e.quantity ? Re(e.quantity) : te
|
|
1418
1414
|
},
|
|
1419
1415
|
{
|
|
1420
1416
|
field: "total",
|
|
@@ -1424,7 +1420,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1424
1420
|
align: "right",
|
|
1425
1421
|
headerAlign: "right",
|
|
1426
1422
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1427
|
-
renderCell: ({ row: e }) => e.total ? ge(e.total) :
|
|
1423
|
+
renderCell: ({ row: e }) => e.total ? ge(e.total) : te
|
|
1428
1424
|
},
|
|
1429
1425
|
{
|
|
1430
1426
|
field: "lastDate",
|
|
@@ -1436,20 +1432,20 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1436
1432
|
cellClassName: "gloss-tabular-nums",
|
|
1437
1433
|
renderCell: ({ row: e }) => e.lastDate ? Me(e.lastDate) : ""
|
|
1438
1434
|
}
|
|
1439
|
-
],
|
|
1435
|
+
], Dt = [
|
|
1440
1436
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
1441
1437
|
{ id: "c-002", label: "Riverside Retail" },
|
|
1442
1438
|
{ id: "c-003", label: "Mountain View Store" },
|
|
1443
1439
|
{ id: "c-004", label: "Downtown Decor" },
|
|
1444
1440
|
{ id: "c-005", label: "Pacific Coast Imports" }
|
|
1445
|
-
],
|
|
1441
|
+
], Ct = [
|
|
1446
1442
|
{ id: "i-001", label: "Classic Linen Throw Pillow" },
|
|
1447
1443
|
{ id: "i-002", label: "Coastal Wave Candle Set" },
|
|
1448
1444
|
{ id: "i-003", label: "Walnut Console Table" },
|
|
1449
1445
|
{ id: "i-004", label: "Hand-Blown Glass Vase" },
|
|
1450
1446
|
{ id: "i-005", label: "Velvet Accent Cushion" }
|
|
1451
1447
|
], de = (e) => {
|
|
1452
|
-
},
|
|
1448
|
+
}, Nt = (e) => {
|
|
1453
1449
|
}, Ne = (e, t) => {
|
|
1454
1450
|
}, Pe = {
|
|
1455
1451
|
vizState: {
|
|
@@ -1460,15 +1456,15 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1460
1456
|
timeFrame: "MTD"
|
|
1461
1457
|
},
|
|
1462
1458
|
onTypeChange: de,
|
|
1463
|
-
onQuantChange:
|
|
1459
|
+
onQuantChange: Nt,
|
|
1464
1460
|
onEntityTypeChange: de,
|
|
1465
1461
|
onEntitySelect: Ne,
|
|
1466
1462
|
onItemSelect: Ne,
|
|
1467
1463
|
onTimeFrameChange: de,
|
|
1468
1464
|
userType: "sales-agency",
|
|
1469
|
-
entityFilterOptions:
|
|
1470
|
-
itemFilterOptions:
|
|
1471
|
-
},
|
|
1465
|
+
entityFilterOptions: Dt,
|
|
1466
|
+
itemFilterOptions: Ct
|
|
1467
|
+
}, Vn = {
|
|
1472
1468
|
...Pe,
|
|
1473
1469
|
vizState: {
|
|
1474
1470
|
type: "items",
|
|
@@ -1477,7 +1473,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1477
1473
|
byItem: { id: "i-003", name: "Walnut Console Table" },
|
|
1478
1474
|
timeFrame: "YTD"
|
|
1479
1475
|
}
|
|
1480
|
-
},
|
|
1476
|
+
}, zn = {
|
|
1481
1477
|
...Pe,
|
|
1482
1478
|
vizState: {
|
|
1483
1479
|
type: "orders",
|
|
@@ -1490,7 +1486,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1490
1486
|
entityFilterOptions: [
|
|
1491
1487
|
{ id: "customers", label: "Customers" }
|
|
1492
1488
|
]
|
|
1493
|
-
},
|
|
1489
|
+
}, kt = [
|
|
1494
1490
|
{
|
|
1495
1491
|
id: "recent-orders",
|
|
1496
1492
|
label: "Recent Orders",
|
|
@@ -1536,7 +1532,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1536
1532
|
routeKey: "customer.profile",
|
|
1537
1533
|
subtitle: "Opens in RepTime"
|
|
1538
1534
|
}
|
|
1539
|
-
],
|
|
1535
|
+
], xt = [
|
|
1540
1536
|
{
|
|
1541
1537
|
id: "order-items",
|
|
1542
1538
|
label: "Items in Order",
|
|
@@ -1565,7 +1561,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1565
1561
|
cellKinds: ["orderId"],
|
|
1566
1562
|
graphType: "timeline"
|
|
1567
1563
|
}
|
|
1568
|
-
],
|
|
1564
|
+
], St = [
|
|
1569
1565
|
{
|
|
1570
1566
|
id: "graph-metric",
|
|
1571
1567
|
label: "Graph This Metric",
|
|
@@ -1593,14 +1589,14 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1593
1589
|
cellKinds: ["numeric"],
|
|
1594
1590
|
tabType: "orders"
|
|
1595
1591
|
}
|
|
1596
|
-
],
|
|
1597
|
-
entityName:
|
|
1598
|
-
orderId:
|
|
1599
|
-
numeric:
|
|
1600
|
-
},
|
|
1592
|
+
], Zn = {
|
|
1593
|
+
entityName: kt,
|
|
1594
|
+
orderId: xt,
|
|
1595
|
+
numeric: St
|
|
1596
|
+
}, Un = [
|
|
1601
1597
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
|
|
1602
1598
|
/* @__PURE__ */ new Date()
|
|
1603
|
-
],
|
|
1599
|
+
], Yn = {
|
|
1604
1600
|
rangeA: [
|
|
1605
1601
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
|
|
1606
1602
|
/* @__PURE__ */ new Date()
|
|
@@ -1613,7 +1609,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1613
1609
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
|
|
1614
1610
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
|
|
1615
1611
|
]
|
|
1616
|
-
},
|
|
1612
|
+
}, qn = {
|
|
1617
1613
|
version: 4,
|
|
1618
1614
|
lastPreset: "mtd",
|
|
1619
1615
|
pinnedPreset: "mtd",
|
|
@@ -1621,7 +1617,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1621
1617
|
rangeCount: 1,
|
|
1622
1618
|
lastPresetB: null,
|
|
1623
1619
|
lastPresetC: null
|
|
1624
|
-
},
|
|
1620
|
+
}, jn = [
|
|
1625
1621
|
{
|
|
1626
1622
|
id: "atlanta-jan",
|
|
1627
1623
|
label: "Atlanta Market",
|
|
@@ -1643,7 +1639,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1643
1639
|
endDate: new Date(2026, 3, 22),
|
|
1644
1640
|
location: "Chicago, IL"
|
|
1645
1641
|
}
|
|
1646
|
-
],
|
|
1642
|
+
], Xn = [
|
|
1647
1643
|
{
|
|
1648
1644
|
id: "custom-regional-1",
|
|
1649
1645
|
label: "Southeast Regional Expo",
|
|
@@ -1660,7 +1656,7 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1660
1656
|
location: "Portland, OR",
|
|
1661
1657
|
isCustom: !0
|
|
1662
1658
|
}
|
|
1663
|
-
],
|
|
1659
|
+
], Qn = [
|
|
1664
1660
|
{
|
|
1665
1661
|
id: "atlanta-jan",
|
|
1666
1662
|
label: "Atlanta Market",
|
|
@@ -1677,80 +1673,80 @@ const ne = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1677
1673
|
location: "New York, NY",
|
|
1678
1674
|
active: !0
|
|
1679
1675
|
}
|
|
1680
|
-
],
|
|
1676
|
+
], Jn = [
|
|
1681
1677
|
{ id: "7d", label: "7D" },
|
|
1682
1678
|
{ id: "30d", label: "30D" },
|
|
1683
1679
|
{ id: "60d", label: "60D" },
|
|
1684
1680
|
{ id: "90d", label: "90D" }
|
|
1685
|
-
],
|
|
1681
|
+
], ea = [
|
|
1686
1682
|
{ id: "mtd", label: "MTD" },
|
|
1687
1683
|
{ id: "qtd", label: "QTD" },
|
|
1688
1684
|
{ id: "ytd", label: "YTD" },
|
|
1689
1685
|
{ id: "lytd", label: "LYTD" }
|
|
1690
|
-
],
|
|
1686
|
+
], Tt = {
|
|
1691
1687
|
timeframe: "Time Frame",
|
|
1692
1688
|
threshold: "Thresholds",
|
|
1693
1689
|
slots: "Slots",
|
|
1694
1690
|
size: "Size",
|
|
1695
1691
|
color: "Color",
|
|
1696
1692
|
pinned: "Pinned"
|
|
1697
|
-
},
|
|
1698
|
-
timeframe:
|
|
1699
|
-
threshold:
|
|
1700
|
-
slots:
|
|
1701
|
-
size:
|
|
1702
|
-
color:
|
|
1703
|
-
pinned:
|
|
1693
|
+
}, _t = {
|
|
1694
|
+
timeframe: Qe,
|
|
1695
|
+
threshold: Je,
|
|
1696
|
+
slots: et,
|
|
1697
|
+
size: tt,
|
|
1698
|
+
color: nt,
|
|
1699
|
+
pinned: at
|
|
1704
1700
|
};
|
|
1705
1701
|
function ke(...e) {
|
|
1706
1702
|
return e.filter(Boolean).join(" ");
|
|
1707
1703
|
}
|
|
1708
|
-
function
|
|
1709
|
-
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);
|
|
1710
1706
|
return L(() => {
|
|
1711
1707
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
1712
|
-
const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (
|
|
1708
|
+
const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (r) => t(r.matches);
|
|
1713
1709
|
return typeof a.addEventListener == "function" ? (a.addEventListener("change", n), () => a.removeEventListener("change", n)) : (a.addListener?.(n), () => {
|
|
1714
1710
|
a.removeListener?.(n);
|
|
1715
1711
|
});
|
|
1716
1712
|
}, []), e;
|
|
1717
1713
|
}
|
|
1718
|
-
const
|
|
1714
|
+
const Rt = ({
|
|
1719
1715
|
dimensions: e,
|
|
1720
1716
|
onDimensionSelect: t,
|
|
1721
1717
|
activeDimension: a,
|
|
1722
1718
|
ariaCardTypeLabel: n,
|
|
1723
|
-
className:
|
|
1719
|
+
className: r
|
|
1724
1720
|
}) => {
|
|
1725
|
-
const
|
|
1726
|
-
if (
|
|
1727
|
-
const m = n ? `Configure ${n}: choose a dimension` : void 0,
|
|
1728
|
-
const
|
|
1729
|
-
const x =
|
|
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];
|
|
1730
1726
|
x && x.focus();
|
|
1731
1727
|
};
|
|
1732
|
-
switch (
|
|
1728
|
+
switch (d.key) {
|
|
1733
1729
|
case "ArrowRight":
|
|
1734
1730
|
case "ArrowDown": {
|
|
1735
|
-
|
|
1731
|
+
d.preventDefault(), T(l === p ? 0 : l + 1);
|
|
1736
1732
|
break;
|
|
1737
1733
|
}
|
|
1738
1734
|
case "ArrowLeft":
|
|
1739
1735
|
case "ArrowUp": {
|
|
1740
|
-
|
|
1736
|
+
d.preventDefault(), T(l === 0 ? p : l - 1);
|
|
1741
1737
|
break;
|
|
1742
1738
|
}
|
|
1743
1739
|
case "Home": {
|
|
1744
|
-
|
|
1740
|
+
d.preventDefault(), T(0);
|
|
1745
1741
|
break;
|
|
1746
1742
|
}
|
|
1747
1743
|
case "End": {
|
|
1748
|
-
|
|
1744
|
+
d.preventDefault(), T(p);
|
|
1749
1745
|
break;
|
|
1750
1746
|
}
|
|
1751
1747
|
case "Enter":
|
|
1752
1748
|
case " ": {
|
|
1753
|
-
|
|
1749
|
+
d.preventDefault(), t(v[l]);
|
|
1754
1750
|
break;
|
|
1755
1751
|
}
|
|
1756
1752
|
}
|
|
@@ -1758,56 +1754,56 @@ const It = ({
|
|
|
1758
1754
|
return /* @__PURE__ */ u(
|
|
1759
1755
|
"div",
|
|
1760
1756
|
{
|
|
1761
|
-
ref:
|
|
1757
|
+
ref: s,
|
|
1762
1758
|
role: "group",
|
|
1763
1759
|
"aria-label": m,
|
|
1764
|
-
className: ke("gloss-reconfig-backside-buttons",
|
|
1760
|
+
className: ke("gloss-reconfig-backside-buttons", r),
|
|
1765
1761
|
style: {
|
|
1766
1762
|
// Expose the reduced-motion-resolved duration as a CSS custom prop
|
|
1767
1763
|
// so the SCSS transition rule can consume it without a nested media
|
|
1768
1764
|
// query in the JS. Also surfaces the value for the unit test.
|
|
1769
|
-
"--gloss-reconfig-backside-buttons-transition-duration":
|
|
1765
|
+
"--gloss-reconfig-backside-buttons-transition-duration": w
|
|
1770
1766
|
},
|
|
1771
|
-
children:
|
|
1772
|
-
const
|
|
1767
|
+
children: v.map((d, l) => {
|
|
1768
|
+
const p = _t[d], T = a === d;
|
|
1773
1769
|
return /* @__PURE__ */ $(
|
|
1774
1770
|
"button",
|
|
1775
1771
|
{
|
|
1776
|
-
ref: (
|
|
1777
|
-
|
|
1772
|
+
ref: (h) => {
|
|
1773
|
+
i.current[l] = h;
|
|
1778
1774
|
},
|
|
1779
1775
|
type: "button",
|
|
1780
|
-
"data-dimension":
|
|
1776
|
+
"data-dimension": d,
|
|
1781
1777
|
className: ke(
|
|
1782
1778
|
"gloss-reconfig-backside-buttons__button",
|
|
1783
|
-
|
|
1779
|
+
T && "gloss-reconfig-backside-buttons__button--active"
|
|
1784
1780
|
),
|
|
1785
|
-
"aria-current":
|
|
1786
|
-
onClick: () => t(
|
|
1787
|
-
onKeyDown: (
|
|
1781
|
+
"aria-current": T ? "true" : void 0,
|
|
1782
|
+
onClick: () => t(d),
|
|
1783
|
+
onKeyDown: (h) => k(h, l),
|
|
1788
1784
|
children: [
|
|
1789
1785
|
/* @__PURE__ */ u(
|
|
1790
|
-
|
|
1786
|
+
p,
|
|
1791
1787
|
{
|
|
1792
1788
|
className: "gloss-reconfig-backside-buttons__button-icon",
|
|
1793
1789
|
"aria-hidden": "true"
|
|
1794
1790
|
}
|
|
1795
1791
|
),
|
|
1796
|
-
/* @__PURE__ */ u("span", { className: "gloss-reconfig-backside-buttons__button-label", children:
|
|
1792
|
+
/* @__PURE__ */ u("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Tt[d] })
|
|
1797
1793
|
]
|
|
1798
1794
|
},
|
|
1799
|
-
|
|
1795
|
+
d
|
|
1800
1796
|
);
|
|
1801
1797
|
})
|
|
1802
1798
|
}
|
|
1803
1799
|
);
|
|
1804
1800
|
};
|
|
1805
|
-
|
|
1801
|
+
Rt.displayName = "ReconfigBacksideButtons";
|
|
1806
1802
|
function Z(e, t) {
|
|
1807
1803
|
return {
|
|
1808
1804
|
id: e,
|
|
1809
1805
|
colSpan: 1,
|
|
1810
|
-
content:
|
|
1806
|
+
content: H.createElement("div", {
|
|
1811
1807
|
style: {
|
|
1812
1808
|
width: "100%",
|
|
1813
1809
|
height: "100%",
|
|
@@ -1829,7 +1825,7 @@ function xe(e, t) {
|
|
|
1829
1825
|
colSpan: 2
|
|
1830
1826
|
};
|
|
1831
1827
|
}
|
|
1832
|
-
const
|
|
1828
|
+
const ta = [
|
|
1833
1829
|
Z("total-revenue", "Total Revenue"),
|
|
1834
1830
|
Z("total-orders", "Total Orders"),
|
|
1835
1831
|
xe("revenue-trend", "Revenue Trend (2x)"),
|
|
@@ -1840,21 +1836,21 @@ const ea = [
|
|
|
1840
1836
|
Z("repeat-rate", "Repeat Rate"),
|
|
1841
1837
|
Z("open-orders", "Open Orders"),
|
|
1842
1838
|
Z("shipped-orders", "Shipped Orders")
|
|
1843
|
-
],
|
|
1839
|
+
], na = {
|
|
1844
1840
|
columns: 6,
|
|
1845
1841
|
rowHeight: 120,
|
|
1846
1842
|
gap: 15,
|
|
1847
1843
|
maxRows: 3,
|
|
1848
1844
|
currentPage: 0,
|
|
1849
1845
|
totalPages: 1
|
|
1850
|
-
},
|
|
1846
|
+
}, aa = {
|
|
1851
1847
|
columns: 9,
|
|
1852
1848
|
rowHeight: 120,
|
|
1853
1849
|
gap: 15,
|
|
1854
1850
|
maxRows: 3,
|
|
1855
1851
|
currentPage: 0,
|
|
1856
1852
|
totalPages: 2
|
|
1857
|
-
},
|
|
1853
|
+
}, ra = {
|
|
1858
1854
|
columns: 12,
|
|
1859
1855
|
rowHeight: 120,
|
|
1860
1856
|
gap: 15,
|
|
@@ -1863,9 +1859,9 @@ const ea = [
|
|
|
1863
1859
|
totalPages: 3
|
|
1864
1860
|
};
|
|
1865
1861
|
function ue(e) {
|
|
1866
|
-
return
|
|
1862
|
+
return H.createElement("span", { style: { fontSize: 14 } }, e);
|
|
1867
1863
|
}
|
|
1868
|
-
const
|
|
1864
|
+
const sa = [
|
|
1869
1865
|
{
|
|
1870
1866
|
id: "all-orders",
|
|
1871
1867
|
type: "orders",
|
|
@@ -1888,7 +1884,7 @@ const ra = [
|
|
|
1888
1884
|
icon: ue("🚚"),
|
|
1889
1885
|
closable: !0
|
|
1890
1886
|
}
|
|
1891
|
-
],
|
|
1887
|
+
], oa = [
|
|
1892
1888
|
{
|
|
1893
1889
|
id: "orders-main",
|
|
1894
1890
|
type: "orders",
|
|
@@ -1914,7 +1910,7 @@ const ra = [
|
|
|
1914
1910
|
name: "Customers",
|
|
1915
1911
|
closable: !0
|
|
1916
1912
|
}
|
|
1917
|
-
],
|
|
1913
|
+
], ia = [
|
|
1918
1914
|
{
|
|
1919
1915
|
id: "only-tab",
|
|
1920
1916
|
type: "orders",
|
|
@@ -1922,7 +1918,7 @@ const ra = [
|
|
|
1922
1918
|
closable: !1,
|
|
1923
1919
|
autoCreated: !0
|
|
1924
1920
|
}
|
|
1925
|
-
],
|
|
1921
|
+
], la = [
|
|
1926
1922
|
{ id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
|
|
1927
1923
|
{ id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
|
|
1928
1924
|
{ id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
|
|
@@ -1945,34 +1941,34 @@ function fe(e) {
|
|
|
1945
1941
|
return { cols: 1, rows: 1 };
|
|
1946
1942
|
}
|
|
1947
1943
|
}
|
|
1948
|
-
function
|
|
1944
|
+
function Mt(e) {
|
|
1949
1945
|
let t = 0;
|
|
1950
1946
|
for (const n of e) {
|
|
1951
|
-
const
|
|
1952
|
-
|
|
1947
|
+
const r = fe(n.size), s = n.gridPosition.col + r.cols - 1;
|
|
1948
|
+
s > t && (t = s);
|
|
1953
1949
|
}
|
|
1954
1950
|
return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
|
|
1955
1951
|
}
|
|
1956
|
-
const
|
|
1952
|
+
const Pt = function(t) {
|
|
1957
1953
|
if (t.renderMode === "discrete")
|
|
1958
1954
|
return /* @__PURE__ */ u(
|
|
1959
1955
|
"div",
|
|
1960
1956
|
{
|
|
1961
1957
|
className: "gloss-metric-group gloss-metric-group--discrete",
|
|
1962
1958
|
style: { display: "contents" },
|
|
1963
|
-
children: t.cards.map((
|
|
1964
|
-
const
|
|
1959
|
+
children: t.cards.map((r) => {
|
|
1960
|
+
const s = fe(r.size);
|
|
1965
1961
|
return /* @__PURE__ */ u(
|
|
1966
1962
|
"div",
|
|
1967
1963
|
{
|
|
1968
1964
|
className: "gloss-metric-group__slot",
|
|
1969
1965
|
style: {
|
|
1970
|
-
gridColumn: `${
|
|
1971
|
-
gridRow: `${
|
|
1966
|
+
gridColumn: `${r.gridPosition.col} / span ${s.cols}`,
|
|
1967
|
+
gridRow: `${r.gridPosition.row} / span ${s.rows}`
|
|
1972
1968
|
},
|
|
1973
|
-
children:
|
|
1969
|
+
children: r.children
|
|
1974
1970
|
},
|
|
1975
|
-
|
|
1971
|
+
r.key
|
|
1976
1972
|
);
|
|
1977
1973
|
})
|
|
1978
1974
|
}
|
|
@@ -2022,21 +2018,21 @@ const Mt = function(t) {
|
|
|
2022
2018
|
style: {
|
|
2023
2019
|
display: "grid",
|
|
2024
2020
|
gap: "var(--gloss-spacing-2, 8px)",
|
|
2025
|
-
gridTemplateColumns:
|
|
2021
|
+
gridTemplateColumns: Mt(a)
|
|
2026
2022
|
},
|
|
2027
|
-
children: a.map((
|
|
2028
|
-
const
|
|
2023
|
+
children: a.map((r) => {
|
|
2024
|
+
const s = fe(r.size);
|
|
2029
2025
|
return /* @__PURE__ */ u(
|
|
2030
2026
|
"div",
|
|
2031
2027
|
{
|
|
2032
2028
|
className: "gloss-metric-group__slot--composite",
|
|
2033
2029
|
style: {
|
|
2034
|
-
gridColumn: `${
|
|
2035
|
-
gridRow: `${
|
|
2030
|
+
gridColumn: `${r.gridPosition.col} / span ${s.cols}`,
|
|
2031
|
+
gridRow: `${r.gridPosition.row} / span ${s.rows}`
|
|
2036
2032
|
},
|
|
2037
|
-
children:
|
|
2033
|
+
children: r.children
|
|
2038
2034
|
},
|
|
2039
|
-
|
|
2035
|
+
r.key
|
|
2040
2036
|
);
|
|
2041
2037
|
})
|
|
2042
2038
|
}
|
|
@@ -2045,25 +2041,25 @@ const Mt = function(t) {
|
|
|
2045
2041
|
}
|
|
2046
2042
|
);
|
|
2047
2043
|
};
|
|
2048
|
-
|
|
2049
|
-
const Fe = "resize.tuning.dev",
|
|
2044
|
+
Pt.displayName = "MetricGroupContainer";
|
|
2045
|
+
const Fe = "resize.tuning.dev", Ft = {
|
|
2050
2046
|
..._e,
|
|
2051
2047
|
snapInPx: 60,
|
|
2052
2048
|
snapOutPx: 90
|
|
2053
|
-
},
|
|
2054
|
-
function
|
|
2055
|
-
if (typeof window > "u") return { ...
|
|
2049
|
+
}, Y = Ft;
|
|
2050
|
+
function Et() {
|
|
2051
|
+
if (typeof window > "u") return { ...Y };
|
|
2056
2052
|
try {
|
|
2057
2053
|
const e = window.localStorage.getItem(Fe);
|
|
2058
|
-
if (!e) return { ...
|
|
2054
|
+
if (!e) return { ...Y };
|
|
2059
2055
|
const t = JSON.parse(e);
|
|
2060
|
-
return !t || typeof t != "object" || Array.isArray(t) ? { ...
|
|
2056
|
+
return !t || typeof t != "object" || Array.isArray(t) ? { ...Y } : { ...Y, ...t };
|
|
2061
2057
|
} catch {
|
|
2062
|
-
return { ...
|
|
2058
|
+
return { ...Y };
|
|
2063
2059
|
}
|
|
2064
2060
|
}
|
|
2065
|
-
function
|
|
2066
|
-
const [e, t] =
|
|
2061
|
+
function Ot() {
|
|
2062
|
+
const [e, t] = W(() => Et());
|
|
2067
2063
|
L(() => {
|
|
2068
2064
|
if (!(typeof window > "u"))
|
|
2069
2065
|
try {
|
|
@@ -2071,22 +2067,22 @@ function Et() {
|
|
|
2071
2067
|
} catch {
|
|
2072
2068
|
}
|
|
2073
2069
|
}, [e]);
|
|
2074
|
-
const a =
|
|
2075
|
-
(
|
|
2076
|
-
t((
|
|
2070
|
+
const a = b(
|
|
2071
|
+
(s, i) => {
|
|
2072
|
+
t((g) => ({ ...g, [s]: i }));
|
|
2077
2073
|
},
|
|
2078
2074
|
[]
|
|
2079
|
-
), n =
|
|
2080
|
-
(
|
|
2081
|
-
t((
|
|
2075
|
+
), n = b(
|
|
2076
|
+
(s) => {
|
|
2077
|
+
t((i) => ({ ...i, [s]: Y[s] }));
|
|
2082
2078
|
},
|
|
2083
2079
|
[]
|
|
2084
|
-
),
|
|
2085
|
-
t({ ...
|
|
2080
|
+
), r = b(() => {
|
|
2081
|
+
t({ ...Y });
|
|
2086
2082
|
}, []);
|
|
2087
|
-
return { values: e, setValue: a, resetRow: n, resetAll:
|
|
2083
|
+
return { values: e, setValue: a, resetRow: n, resetAll: r };
|
|
2088
2084
|
}
|
|
2089
|
-
const
|
|
2085
|
+
const At = [
|
|
2090
2086
|
{ key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
|
|
2091
2087
|
{ key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
|
|
2092
2088
|
{ key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
|
|
@@ -2097,10 +2093,10 @@ const Ot = [
|
|
|
2097
2093
|
{ key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
|
|
2098
2094
|
{ key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
|
|
2099
2095
|
];
|
|
2100
|
-
function
|
|
2096
|
+
function Lt(e, t) {
|
|
2101
2097
|
return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
|
|
2102
2098
|
}
|
|
2103
|
-
function
|
|
2099
|
+
function $t() {
|
|
2104
2100
|
return /* @__PURE__ */ $(
|
|
2105
2101
|
"svg",
|
|
2106
2102
|
{
|
|
@@ -2120,23 +2116,23 @@ function Lt() {
|
|
|
2120
2116
|
}
|
|
2121
2117
|
);
|
|
2122
2118
|
}
|
|
2123
|
-
function
|
|
2124
|
-
const
|
|
2125
|
-
(
|
|
2126
|
-
(
|
|
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());
|
|
2127
2123
|
},
|
|
2128
2124
|
[n]
|
|
2129
2125
|
);
|
|
2130
2126
|
return /* @__PURE__ */ $(
|
|
2131
2127
|
"div",
|
|
2132
2128
|
{
|
|
2133
|
-
className: `gloss-dev-tuning-panel__row${
|
|
2129
|
+
className: `gloss-dev-tuning-panel__row${r ? " gloss-dev-tuning-panel__row--flash" : ""}`,
|
|
2134
2130
|
"data-tuning-row": e.key,
|
|
2135
|
-
onKeyDown:
|
|
2131
|
+
onKeyDown: s,
|
|
2136
2132
|
children: [
|
|
2137
2133
|
/* @__PURE__ */ u("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
|
|
2138
2134
|
/* @__PURE__ */ $("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
|
|
2139
|
-
|
|
2135
|
+
Lt(t, e.step),
|
|
2140
2136
|
e.unit ? ` ${e.unit}` : ""
|
|
2141
2137
|
] }),
|
|
2142
2138
|
/* @__PURE__ */ u(
|
|
@@ -2150,7 +2146,7 @@ function $t({ spec: e, value: t, onChange: a, onReset: n, flashing: s }) {
|
|
|
2150
2146
|
step: e.step,
|
|
2151
2147
|
value: t,
|
|
2152
2148
|
"aria-label": e.label,
|
|
2153
|
-
onChange: (
|
|
2149
|
+
onChange: (i) => a(Number(i.target.value))
|
|
2154
2150
|
}
|
|
2155
2151
|
),
|
|
2156
2152
|
/* @__PURE__ */ u(
|
|
@@ -2160,14 +2156,14 @@ function $t({ spec: e, value: t, onChange: a, onReset: n, flashing: s }) {
|
|
|
2160
2156
|
className: "gloss-dev-tuning-panel__reset",
|
|
2161
2157
|
"aria-label": `Reset ${e.label}`,
|
|
2162
2158
|
onClick: n,
|
|
2163
|
-
children: /* @__PURE__ */ u(
|
|
2159
|
+
children: /* @__PURE__ */ u($t, {})
|
|
2164
2160
|
}
|
|
2165
2161
|
)
|
|
2166
2162
|
]
|
|
2167
2163
|
}
|
|
2168
2164
|
);
|
|
2169
2165
|
}
|
|
2170
|
-
function
|
|
2166
|
+
function Kt() {
|
|
2171
2167
|
if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
|
|
2172
2168
|
try {
|
|
2173
2169
|
return new URLSearchParams(window.location.search).has("devtune");
|
|
@@ -2175,21 +2171,21 @@ function Bt() {
|
|
|
2175
2171
|
return !1;
|
|
2176
2172
|
}
|
|
2177
2173
|
}
|
|
2178
|
-
function
|
|
2179
|
-
return
|
|
2174
|
+
function Wt(e = {}) {
|
|
2175
|
+
return Kt() ? /* @__PURE__ */ u(Gt, {}) : null;
|
|
2180
2176
|
}
|
|
2181
|
-
|
|
2182
|
-
function
|
|
2183
|
-
const e =
|
|
2184
|
-
|
|
2185
|
-
|
|
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;
|
|
2186
2182
|
}, 200);
|
|
2187
|
-
}, []), m =
|
|
2188
|
-
(
|
|
2189
|
-
a(
|
|
2183
|
+
}, []), m = b(
|
|
2184
|
+
(d, l) => {
|
|
2185
|
+
a(d, l), d === "snapInPx" && l > t.snapOutPx && (a("snapOutPx", l), v("snapOutPx"));
|
|
2190
2186
|
},
|
|
2191
|
-
[a, t.snapOutPx,
|
|
2192
|
-
),
|
|
2187
|
+
[a, t.snapOutPx, v]
|
|
2188
|
+
), w = ne(() => At, []), k = qe();
|
|
2193
2189
|
return /* @__PURE__ */ $(
|
|
2194
2190
|
Te.div,
|
|
2195
2191
|
{
|
|
@@ -2199,37 +2195,37 @@ function Wt() {
|
|
|
2199
2195
|
"data-testid": "gloss-dev-tuning-panel",
|
|
2200
2196
|
drag: !0,
|
|
2201
2197
|
dragListener: !1,
|
|
2202
|
-
dragControls:
|
|
2198
|
+
dragControls: k,
|
|
2203
2199
|
dragMomentum: !1,
|
|
2204
2200
|
children: [
|
|
2205
2201
|
/* @__PURE__ */ $(
|
|
2206
2202
|
"div",
|
|
2207
2203
|
{
|
|
2208
2204
|
className: "gloss-dev-tuning-panel__header",
|
|
2209
|
-
onPointerDown: (
|
|
2205
|
+
onPointerDown: (d) => k.start(d),
|
|
2210
2206
|
children: [
|
|
2211
2207
|
/* @__PURE__ */ u("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
|
|
2212
2208
|
/* @__PURE__ */ u("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
|
|
2213
2209
|
]
|
|
2214
2210
|
}
|
|
2215
2211
|
),
|
|
2216
|
-
/* @__PURE__ */ u("div", { className: "gloss-dev-tuning-panel__body", children:
|
|
2217
|
-
|
|
2212
|
+
/* @__PURE__ */ u("div", { className: "gloss-dev-tuning-panel__body", children: w.map((d) => /* @__PURE__ */ u(
|
|
2213
|
+
Bt,
|
|
2218
2214
|
{
|
|
2219
|
-
spec:
|
|
2220
|
-
value: t[
|
|
2221
|
-
onChange: (l) => m(
|
|
2222
|
-
onReset: () => n(
|
|
2223
|
-
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
|
|
2224
2220
|
},
|
|
2225
|
-
|
|
2221
|
+
d.key
|
|
2226
2222
|
)) }),
|
|
2227
2223
|
/* @__PURE__ */ u("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ u(
|
|
2228
2224
|
"button",
|
|
2229
2225
|
{
|
|
2230
2226
|
type: "button",
|
|
2231
2227
|
className: "gloss-dev-tuning-panel__reset-all",
|
|
2232
|
-
onClick:
|
|
2228
|
+
onClick: r,
|
|
2233
2229
|
children: "Reset all"
|
|
2234
2230
|
}
|
|
2235
2231
|
) })
|
|
@@ -2237,7 +2233,7 @@ function Wt() {
|
|
|
2237
2233
|
}
|
|
2238
2234
|
);
|
|
2239
2235
|
}
|
|
2240
|
-
const
|
|
2236
|
+
const U = {
|
|
2241
2237
|
"gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
|
|
2242
2238
|
"gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
|
|
2243
2239
|
"gloss-inline-nudge__actions": "_gloss-inline-nudge__actions_kdk88_72",
|
|
@@ -2245,48 +2241,48 @@ const Y = {
|
|
|
2245
2241
|
"gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
|
|
2246
2242
|
"gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
|
|
2247
2243
|
};
|
|
2248
|
-
function
|
|
2244
|
+
function Ht({
|
|
2249
2245
|
message: e,
|
|
2250
2246
|
primaryAction: t,
|
|
2251
2247
|
onDismiss: a,
|
|
2252
2248
|
anchorEl: n,
|
|
2253
|
-
anchorSelector:
|
|
2249
|
+
anchorSelector: r
|
|
2254
2250
|
}) {
|
|
2255
|
-
const [
|
|
2251
|
+
const [s, i] = H.useState(null), g = H.useMemo(
|
|
2256
2252
|
() => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
|
|
2257
2253
|
[]
|
|
2258
2254
|
);
|
|
2259
|
-
|
|
2260
|
-
!n && !
|
|
2255
|
+
H.useEffect(() => {
|
|
2256
|
+
!n && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
|
|
2261
2257
|
"[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
|
|
2262
2258
|
);
|
|
2263
|
-
}, [n,
|
|
2259
|
+
}, [n, r]), H.useLayoutEffect(() => {
|
|
2264
2260
|
let m = null;
|
|
2265
|
-
if (n ? m = n :
|
|
2266
|
-
const
|
|
2267
|
-
|
|
2268
|
-
top:
|
|
2269
|
-
left:
|
|
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
|
|
2270
2266
|
});
|
|
2271
2267
|
}
|
|
2272
|
-
}, [n,
|
|
2273
|
-
const
|
|
2268
|
+
}, [n, r]);
|
|
2269
|
+
const v = s ? { top: s.top, left: s.left } : {};
|
|
2274
2270
|
return /* @__PURE__ */ $(
|
|
2275
2271
|
"div",
|
|
2276
2272
|
{
|
|
2277
|
-
className:
|
|
2278
|
-
style:
|
|
2273
|
+
className: U["gloss-inline-nudge"],
|
|
2274
|
+
style: v,
|
|
2279
2275
|
role: "status",
|
|
2280
2276
|
"aria-live": "polite",
|
|
2281
|
-
"data-reduced-motion":
|
|
2277
|
+
"data-reduced-motion": g ? "true" : void 0,
|
|
2282
2278
|
children: [
|
|
2283
|
-
/* @__PURE__ */ u("span", { className:
|
|
2284
|
-
/* @__PURE__ */ $("div", { className:
|
|
2279
|
+
/* @__PURE__ */ u("span", { className: U["gloss-inline-nudge__message"], children: e }),
|
|
2280
|
+
/* @__PURE__ */ $("div", { className: U["gloss-inline-nudge__actions"], children: [
|
|
2285
2281
|
/* @__PURE__ */ u(
|
|
2286
2282
|
"button",
|
|
2287
2283
|
{
|
|
2288
2284
|
type: "button",
|
|
2289
|
-
className: `${
|
|
2285
|
+
className: `${U["gloss-inline-nudge__btn"]} ${U["gloss-inline-nudge__btn--action"]}`,
|
|
2290
2286
|
onClick: t.onClick,
|
|
2291
2287
|
children: t.label
|
|
2292
2288
|
}
|
|
@@ -2295,7 +2291,7 @@ function Gt({
|
|
|
2295
2291
|
"button",
|
|
2296
2292
|
{
|
|
2297
2293
|
type: "button",
|
|
2298
|
-
className: `${
|
|
2294
|
+
className: `${U["gloss-inline-nudge__btn"]} ${U["gloss-inline-nudge__btn--dismiss"]}`,
|
|
2299
2295
|
onClick: a,
|
|
2300
2296
|
"aria-label": "Dismiss",
|
|
2301
2297
|
children: "Dismiss"
|
|
@@ -2306,163 +2302,163 @@ function Gt({
|
|
|
2306
2302
|
}
|
|
2307
2303
|
);
|
|
2308
2304
|
}
|
|
2309
|
-
|
|
2305
|
+
Ht.displayName = "InlineNudge";
|
|
2310
2306
|
function he(e) {
|
|
2311
2307
|
return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
|
|
2312
2308
|
}
|
|
2313
|
-
function
|
|
2309
|
+
function Vt(e, t, a) {
|
|
2314
2310
|
if (a <= t) {
|
|
2315
|
-
const
|
|
2316
|
-
return `linear-gradient(to right, ${
|
|
2311
|
+
const i = e[0], g = i ? he(i) : "#888";
|
|
2312
|
+
return `linear-gradient(to right, ${g}, ${g})`;
|
|
2317
2313
|
}
|
|
2318
|
-
const n = a - t,
|
|
2319
|
-
const
|
|
2320
|
-
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)}%`;
|
|
2321
2317
|
});
|
|
2322
|
-
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(", ")})`;
|
|
2323
2319
|
}
|
|
2324
|
-
function
|
|
2320
|
+
function zt(e) {
|
|
2325
2321
|
return e.map((t) => `${t.id}:${t.value}`).join("|");
|
|
2326
2322
|
}
|
|
2327
|
-
function
|
|
2323
|
+
function Zt({
|
|
2328
2324
|
stops: e,
|
|
2329
2325
|
onChange: t,
|
|
2330
2326
|
min: a = 0,
|
|
2331
2327
|
max: n = 100,
|
|
2332
|
-
step:
|
|
2333
|
-
disabled:
|
|
2328
|
+
step: r,
|
|
2329
|
+
disabled: s = !1
|
|
2334
2330
|
}) {
|
|
2335
|
-
const
|
|
2336
|
-
`ThresholdRamp: step (${
|
|
2337
|
-
), 0.01) :
|
|
2338
|
-
(
|
|
2339
|
-
[
|
|
2340
|
-
),
|
|
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);
|
|
2341
2337
|
L(() => {
|
|
2342
|
-
|
|
2338
|
+
p.current !== l && (p.current = l, !m && d(e));
|
|
2343
2339
|
}, [l, e, m]);
|
|
2344
|
-
const
|
|
2345
|
-
(
|
|
2346
|
-
if (!
|
|
2347
|
-
const
|
|
2348
|
-
return
|
|
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);
|
|
2349
2345
|
},
|
|
2350
|
-
[a, n,
|
|
2346
|
+
[a, n, g]
|
|
2351
2347
|
);
|
|
2352
2348
|
L(() => {
|
|
2353
2349
|
n <= a && process.env.NODE_ENV !== "production" && console.warn(
|
|
2354
2350
|
`ThresholdRamp: max (${n}) must be greater than min (${a}); rendering degenerate strip.`
|
|
2355
2351
|
);
|
|
2356
2352
|
}, [a, n]);
|
|
2357
|
-
const x =
|
|
2358
|
-
(
|
|
2359
|
-
const
|
|
2360
|
-
|
|
2353
|
+
const x = b(
|
|
2354
|
+
(o, c) => {
|
|
2355
|
+
const f = k.find((C) => C.id === c);
|
|
2356
|
+
s || f?.disabled || (o.preventDefault(), w(c));
|
|
2361
2357
|
},
|
|
2362
|
-
[
|
|
2363
|
-
),
|
|
2364
|
-
|
|
2365
|
-
const
|
|
2366
|
-
|
|
2358
|
+
[s, k]
|
|
2359
|
+
), M = R(k);
|
|
2360
|
+
M.current = k;
|
|
2361
|
+
const D = R(t);
|
|
2362
|
+
D.current = t, L(() => {
|
|
2367
2363
|
if (!m) return;
|
|
2368
|
-
const
|
|
2369
|
-
const
|
|
2370
|
-
|
|
2371
|
-
(
|
|
2364
|
+
const o = (f) => {
|
|
2365
|
+
const C = h(f.clientX);
|
|
2366
|
+
d(
|
|
2367
|
+
(N) => N.map((P) => P.id === m ? { ...P, value: C } : P)
|
|
2372
2368
|
);
|
|
2373
|
-
},
|
|
2374
|
-
const
|
|
2375
|
-
(
|
|
2369
|
+
}, c = (f) => {
|
|
2370
|
+
const C = h(f.clientX), N = M.current.map(
|
|
2371
|
+
(P) => P.id === m ? { ...P, value: C } : P
|
|
2376
2372
|
);
|
|
2377
|
-
|
|
2373
|
+
d(N), w(null), D.current(N);
|
|
2378
2374
|
};
|
|
2379
|
-
return window.addEventListener("pointermove",
|
|
2380
|
-
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);
|
|
2381
2377
|
};
|
|
2382
|
-
}, [m,
|
|
2383
|
-
const S = n - a > 0 ? n - a : 1, _ =
|
|
2384
|
-
(
|
|
2385
|
-
if (
|
|
2386
|
-
const
|
|
2387
|
-
if (
|
|
2388
|
-
const
|
|
2389
|
-
let
|
|
2390
|
-
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) {
|
|
2391
2387
|
case "ArrowRight":
|
|
2392
2388
|
case "ArrowUp":
|
|
2393
|
-
|
|
2389
|
+
N = c.value + C;
|
|
2394
2390
|
break;
|
|
2395
2391
|
case "ArrowLeft":
|
|
2396
2392
|
case "ArrowDown":
|
|
2397
|
-
|
|
2393
|
+
N = c.value - C;
|
|
2398
2394
|
break;
|
|
2399
2395
|
case "Home":
|
|
2400
|
-
|
|
2396
|
+
N = a;
|
|
2401
2397
|
break;
|
|
2402
2398
|
case "End":
|
|
2403
|
-
|
|
2399
|
+
N = n;
|
|
2404
2400
|
break;
|
|
2405
2401
|
default:
|
|
2406
2402
|
return;
|
|
2407
2403
|
}
|
|
2408
|
-
|
|
2409
|
-
const
|
|
2410
|
-
if (
|
|
2411
|
-
const
|
|
2412
|
-
(
|
|
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
|
|
2413
2409
|
);
|
|
2414
|
-
|
|
2410
|
+
d(z), t(z);
|
|
2415
2411
|
},
|
|
2416
|
-
[
|
|
2412
|
+
[s, a, n, k, t, g]
|
|
2417
2413
|
);
|
|
2418
|
-
return /* @__PURE__ */ u("div", { className: "gloss-threshold-ramp", "data-disabled":
|
|
2414
|
+
return /* @__PURE__ */ u("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ u(
|
|
2419
2415
|
"div",
|
|
2420
2416
|
{
|
|
2421
|
-
ref:
|
|
2417
|
+
ref: v,
|
|
2422
2418
|
className: "gloss-threshold-ramp__track",
|
|
2423
|
-
style: { background:
|
|
2424
|
-
children:
|
|
2425
|
-
const
|
|
2419
|
+
style: { background: T },
|
|
2420
|
+
children: k.map((o) => {
|
|
2421
|
+
const c = (o.value - a) / S * 100;
|
|
2426
2422
|
return /* @__PURE__ */ u(
|
|
2427
2423
|
"span",
|
|
2428
2424
|
{
|
|
2429
2425
|
className: "gloss-threshold-ramp__stop",
|
|
2430
2426
|
style: {
|
|
2431
|
-
left: `${
|
|
2432
|
-
color: he(
|
|
2427
|
+
left: `${c}%`,
|
|
2428
|
+
color: he(o)
|
|
2433
2429
|
},
|
|
2434
|
-
"data-disabled":
|
|
2435
|
-
"data-dragging": m ===
|
|
2436
|
-
onPointerDown: (
|
|
2437
|
-
onKeyDown: (
|
|
2438
|
-
"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}`,
|
|
2439
2435
|
role: "slider",
|
|
2440
|
-
"aria-valuenow":
|
|
2436
|
+
"aria-valuenow": o.value,
|
|
2441
2437
|
"aria-valuemin": a,
|
|
2442
2438
|
"aria-valuemax": n,
|
|
2443
|
-
"aria-disabled":
|
|
2444
|
-
tabIndex:
|
|
2439
|
+
"aria-disabled": o.disabled || s || void 0,
|
|
2440
|
+
tabIndex: o.disabled || s ? -1 : 0
|
|
2445
2441
|
},
|
|
2446
|
-
|
|
2442
|
+
o.id
|
|
2447
2443
|
);
|
|
2448
2444
|
})
|
|
2449
2445
|
}
|
|
2450
2446
|
) });
|
|
2451
2447
|
}
|
|
2452
|
-
|
|
2453
|
-
const Ee =
|
|
2454
|
-
function
|
|
2455
|
-
return
|
|
2448
|
+
Zt.displayName = "ThresholdRamp";
|
|
2449
|
+
const Ee = Ze(null);
|
|
2450
|
+
function Ut() {
|
|
2451
|
+
return Ue(Ee);
|
|
2456
2452
|
}
|
|
2457
|
-
function
|
|
2458
|
-
const t =
|
|
2453
|
+
function Yt({ option: e }) {
|
|
2454
|
+
const t = Ut(), a = t?.isSelected(e.value) ?? !1, n = e.disabled || t?.groupDisabled, r = b(() => {
|
|
2459
2455
|
n || t?.select(e.value);
|
|
2460
|
-
}, [n, t, e.value]),
|
|
2456
|
+
}, [n, t, e.value]), s = b(
|
|
2461
2457
|
(m) => {
|
|
2462
2458
|
n || t?.onKeyNav(m, e.value);
|
|
2463
2459
|
},
|
|
2464
2460
|
[n, t, e.value]
|
|
2465
|
-
),
|
|
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;
|
|
2466
2462
|
return /* @__PURE__ */ u(
|
|
2467
2463
|
"button",
|
|
2468
2464
|
{
|
|
@@ -2471,98 +2467,98 @@ function Ut({ option: e }) {
|
|
|
2471
2467
|
role: "radio",
|
|
2472
2468
|
"aria-checked": a,
|
|
2473
2469
|
className: "gloss-preset-swatch-row__swatch",
|
|
2474
|
-
style: { backgroundColor:
|
|
2470
|
+
style: { backgroundColor: i },
|
|
2475
2471
|
"data-selected": a || void 0,
|
|
2476
2472
|
"data-disabled": n || void 0,
|
|
2477
|
-
...process.env.NODE_ENV === "test" ? { "data-bg-color":
|
|
2473
|
+
...process.env.NODE_ENV === "test" ? { "data-bg-color": i } : {},
|
|
2478
2474
|
"aria-label": e.label ?? e.value,
|
|
2479
2475
|
"aria-disabled": n,
|
|
2480
2476
|
disabled: n,
|
|
2481
|
-
tabIndex:
|
|
2482
|
-
onClick:
|
|
2483
|
-
onKeyDown:
|
|
2477
|
+
tabIndex: v,
|
|
2478
|
+
onClick: r,
|
|
2479
|
+
onKeyDown: s
|
|
2484
2480
|
}
|
|
2485
2481
|
);
|
|
2486
2482
|
}
|
|
2487
|
-
function
|
|
2483
|
+
function qt({
|
|
2488
2484
|
swatches: e,
|
|
2489
2485
|
value: t,
|
|
2490
2486
|
defaultValue: a,
|
|
2491
2487
|
onChange: n,
|
|
2492
|
-
disabled:
|
|
2493
|
-
name:
|
|
2488
|
+
disabled: r = !1,
|
|
2489
|
+
name: s
|
|
2494
2490
|
}) {
|
|
2495
|
-
const
|
|
2496
|
-
(
|
|
2497
|
-
|
|
2491
|
+
const i = t !== void 0, [g, v] = W(a), m = i ? t : g, w = b(
|
|
2492
|
+
(D) => {
|
|
2493
|
+
i || v(D), n?.(D);
|
|
2498
2494
|
},
|
|
2499
|
-
[
|
|
2500
|
-
),
|
|
2501
|
-
(
|
|
2495
|
+
[i, n]
|
|
2496
|
+
), k = b(
|
|
2497
|
+
(D) => m === D,
|
|
2502
2498
|
[m]
|
|
2503
|
-
),
|
|
2504
|
-
S ?
|
|
2505
|
-
}, []),
|
|
2506
|
-
const S =
|
|
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);
|
|
2507
2503
|
S && S.focus();
|
|
2508
|
-
}, []), x =
|
|
2509
|
-
(
|
|
2510
|
-
if (
|
|
2511
|
-
const _ = e.filter((
|
|
2504
|
+
}, []), x = b(
|
|
2505
|
+
(D, S) => {
|
|
2506
|
+
if (r) return;
|
|
2507
|
+
const _ = e.filter((C) => !C.disabled);
|
|
2512
2508
|
if (_.length === 0) return;
|
|
2513
|
-
const
|
|
2514
|
-
if (
|
|
2515
|
-
let
|
|
2516
|
-
switch (
|
|
2509
|
+
const o = _.findIndex((C) => C.value === S);
|
|
2510
|
+
if (o === -1) return;
|
|
2511
|
+
let c = o;
|
|
2512
|
+
switch (D.key) {
|
|
2517
2513
|
case "ArrowRight":
|
|
2518
2514
|
case "ArrowDown":
|
|
2519
|
-
|
|
2515
|
+
c = (o + 1) % _.length;
|
|
2520
2516
|
break;
|
|
2521
2517
|
case "ArrowLeft":
|
|
2522
2518
|
case "ArrowUp":
|
|
2523
|
-
|
|
2519
|
+
c = (o - 1 + _.length) % _.length;
|
|
2524
2520
|
break;
|
|
2525
2521
|
case "Home":
|
|
2526
|
-
|
|
2522
|
+
c = 0;
|
|
2527
2523
|
break;
|
|
2528
2524
|
case "End":
|
|
2529
|
-
|
|
2525
|
+
c = _.length - 1;
|
|
2530
2526
|
break;
|
|
2531
2527
|
case " ":
|
|
2532
2528
|
case "Enter":
|
|
2533
|
-
|
|
2529
|
+
D.preventDefault(), w(S);
|
|
2534
2530
|
return;
|
|
2535
2531
|
default:
|
|
2536
2532
|
return;
|
|
2537
2533
|
}
|
|
2538
|
-
|
|
2539
|
-
const
|
|
2540
|
-
|
|
2534
|
+
D.preventDefault();
|
|
2535
|
+
const f = _[c].value;
|
|
2536
|
+
h(f), w(f);
|
|
2541
2537
|
},
|
|
2542
|
-
[
|
|
2543
|
-
),
|
|
2538
|
+
[r, e, w, h]
|
|
2539
|
+
), M = {
|
|
2544
2540
|
selectedValue: m,
|
|
2545
|
-
select:
|
|
2546
|
-
isSelected:
|
|
2547
|
-
groupDisabled:
|
|
2548
|
-
name:
|
|
2541
|
+
select: w,
|
|
2542
|
+
isSelected: k,
|
|
2543
|
+
groupDisabled: r,
|
|
2544
|
+
name: s,
|
|
2549
2545
|
registerRef: l,
|
|
2550
|
-
firstFocusableValue:
|
|
2546
|
+
firstFocusableValue: T,
|
|
2551
2547
|
onKeyNav: x
|
|
2552
2548
|
};
|
|
2553
|
-
return /* @__PURE__ */ u(Ee.Provider, { value:
|
|
2549
|
+
return /* @__PURE__ */ u(Ee.Provider, { value: M, children: /* @__PURE__ */ u(
|
|
2554
2550
|
"div",
|
|
2555
2551
|
{
|
|
2556
2552
|
className: "gloss-preset-swatch-row",
|
|
2557
2553
|
role: "radiogroup",
|
|
2558
|
-
"aria-label":
|
|
2559
|
-
"aria-disabled":
|
|
2560
|
-
"data-disabled":
|
|
2561
|
-
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))
|
|
2562
2558
|
}
|
|
2563
2559
|
) });
|
|
2564
2560
|
}
|
|
2565
|
-
|
|
2561
|
+
qt.displayName = "PresetSwatchRow";
|
|
2566
2562
|
function be(e, t) {
|
|
2567
2563
|
for (const a of e)
|
|
2568
2564
|
if (a.items.some((n) => n.id === t))
|
|
@@ -2573,110 +2569,110 @@ function Se(e, t) {
|
|
|
2573
2569
|
const a = e.find((n) => n.zoneKey === t);
|
|
2574
2570
|
return a ? a.zoneKey : be(e, t);
|
|
2575
2571
|
}
|
|
2576
|
-
function
|
|
2577
|
-
const n = [...e], [
|
|
2578
|
-
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;
|
|
2579
2575
|
}
|
|
2580
|
-
function
|
|
2576
|
+
function Xt(e) {
|
|
2581
2577
|
return e.map((t) => `${t.zoneKey}:${t.items.map((a) => a.id).join(",")}`).join("|");
|
|
2582
2578
|
}
|
|
2583
|
-
function
|
|
2584
|
-
const [t, a] =
|
|
2585
|
-
() => e.zones.map((
|
|
2586
|
-
`useSortableZones: zone "${
|
|
2587
|
-
), { ...
|
|
2588
|
-
), [n,
|
|
2589
|
-
|
|
2590
|
-
const m =
|
|
2591
|
-
() =>
|
|
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),
|
|
2592
2588
|
[e.zones]
|
|
2593
|
-
),
|
|
2589
|
+
), w = R(m);
|
|
2594
2590
|
L(() => {
|
|
2595
|
-
|
|
2596
|
-
e.zones.map((
|
|
2597
|
-
`useSortableZones: zone "${
|
|
2598
|
-
), { ...
|
|
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)
|
|
2599
2595
|
));
|
|
2600
2596
|
}, [m, e.zones, n]);
|
|
2601
|
-
const
|
|
2602
|
-
(
|
|
2603
|
-
const x =
|
|
2604
|
-
let
|
|
2597
|
+
const k = b(
|
|
2598
|
+
(h) => {
|
|
2599
|
+
const x = h.active.id;
|
|
2600
|
+
let M = null, D = null;
|
|
2605
2601
|
for (const S of t) {
|
|
2606
|
-
const _ = S.items.find((
|
|
2602
|
+
const _ = S.items.find((o) => o.id === x);
|
|
2607
2603
|
if (_) {
|
|
2608
|
-
|
|
2604
|
+
M = _, D = S.zoneKey;
|
|
2609
2605
|
break;
|
|
2610
2606
|
}
|
|
2611
2607
|
}
|
|
2612
|
-
|
|
2608
|
+
g.current = D, r(M), i(D);
|
|
2613
2609
|
},
|
|
2614
2610
|
[t]
|
|
2615
|
-
),
|
|
2616
|
-
(
|
|
2617
|
-
if (!
|
|
2618
|
-
|
|
2611
|
+
), d = b(
|
|
2612
|
+
(h) => {
|
|
2613
|
+
if (!h.over) {
|
|
2614
|
+
i(g.current);
|
|
2619
2615
|
return;
|
|
2620
2616
|
}
|
|
2621
|
-
const x = Se(t,
|
|
2622
|
-
|
|
2617
|
+
const x = Se(t, h.over.id);
|
|
2618
|
+
i(x);
|
|
2623
2619
|
},
|
|
2624
2620
|
[t]
|
|
2625
|
-
), l =
|
|
2626
|
-
(
|
|
2627
|
-
const { active: x, over:
|
|
2628
|
-
|
|
2621
|
+
), l = b(
|
|
2622
|
+
(h) => {
|
|
2623
|
+
const { active: x, over: M } = h, D = () => {
|
|
2624
|
+
g.current = null, r(null), i(null);
|
|
2629
2625
|
};
|
|
2630
|
-
if (!
|
|
2631
|
-
|
|
2626
|
+
if (!M) {
|
|
2627
|
+
D();
|
|
2632
2628
|
return;
|
|
2633
2629
|
}
|
|
2634
|
-
const S = be(t, x.id), _ = Se(t,
|
|
2630
|
+
const S = be(t, x.id), _ = Se(t, M.id);
|
|
2635
2631
|
if (!S || !_) {
|
|
2636
|
-
|
|
2632
|
+
D();
|
|
2637
2633
|
return;
|
|
2638
2634
|
}
|
|
2639
|
-
let
|
|
2635
|
+
let o = t.map((c) => ({ ...c, items: [...c.items] }));
|
|
2640
2636
|
if (S === _) {
|
|
2641
|
-
const
|
|
2642
|
-
|
|
2643
|
-
...
|
|
2644
|
-
items:
|
|
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)
|
|
2645
2641
|
};
|
|
2646
2642
|
} else {
|
|
2647
|
-
const
|
|
2648
|
-
if (!
|
|
2649
|
-
|
|
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();
|
|
2650
2646
|
return;
|
|
2651
2647
|
}
|
|
2652
|
-
const
|
|
2653
|
-
let
|
|
2654
|
-
if (
|
|
2655
|
-
const
|
|
2656
|
-
|
|
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];
|
|
2657
2653
|
}
|
|
2658
|
-
const
|
|
2659
|
-
...
|
|
2660
|
-
|
|
2661
|
-
...
|
|
2654
|
+
const X = Math.min(O, A.length), ae = [
|
|
2655
|
+
...A.slice(0, X),
|
|
2656
|
+
P,
|
|
2657
|
+
...A.slice(X)
|
|
2662
2658
|
];
|
|
2663
|
-
|
|
2659
|
+
o[c] = { ...C, items: G }, o[f] = { ...N, items: ae };
|
|
2664
2660
|
}
|
|
2665
|
-
a(
|
|
2661
|
+
a(o), v.current?.(o), D();
|
|
2666
2662
|
},
|
|
2667
2663
|
[t]
|
|
2668
|
-
),
|
|
2669
|
-
(
|
|
2670
|
-
id:
|
|
2671
|
-
"data-zone-key":
|
|
2664
|
+
), p = b(
|
|
2665
|
+
(h) => ({
|
|
2666
|
+
id: h,
|
|
2667
|
+
"data-zone-key": h
|
|
2672
2668
|
}),
|
|
2673
2669
|
[]
|
|
2674
|
-
),
|
|
2675
|
-
(
|
|
2676
|
-
const x = be(t,
|
|
2670
|
+
), T = b(
|
|
2671
|
+
(h) => {
|
|
2672
|
+
const x = be(t, h.id) ?? "";
|
|
2677
2673
|
return {
|
|
2678
|
-
id:
|
|
2679
|
-
"data-item-id":
|
|
2674
|
+
id: h.id,
|
|
2675
|
+
"data-item-id": h.id,
|
|
2680
2676
|
"data-zone-key": x
|
|
2681
2677
|
};
|
|
2682
2678
|
},
|
|
@@ -2684,17 +2680,17 @@ function Xt(e) {
|
|
|
2684
2680
|
);
|
|
2685
2681
|
return {
|
|
2686
2682
|
zones: t,
|
|
2687
|
-
activeZone:
|
|
2683
|
+
activeZone: s,
|
|
2688
2684
|
activeItem: n,
|
|
2689
|
-
getZoneProps:
|
|
2690
|
-
getItemProps:
|
|
2691
|
-
handleDragStart:
|
|
2692
|
-
handleDragOver:
|
|
2685
|
+
getZoneProps: p,
|
|
2686
|
+
getItemProps: T,
|
|
2687
|
+
handleDragStart: k,
|
|
2688
|
+
handleDragOver: d,
|
|
2693
2689
|
handleDragEnd: l
|
|
2694
2690
|
};
|
|
2695
2691
|
}
|
|
2696
|
-
let
|
|
2697
|
-
const
|
|
2692
|
+
let ee = null, se = null, me = !1;
|
|
2693
|
+
const Jt = [
|
|
2698
2694
|
"DndContext",
|
|
2699
2695
|
"DragOverlay",
|
|
2700
2696
|
"useSensors",
|
|
@@ -2703,22 +2699,22 @@ const Qt = [
|
|
|
2703
2699
|
"PointerSensor",
|
|
2704
2700
|
"KeyboardSensor",
|
|
2705
2701
|
"closestCenter"
|
|
2706
|
-
],
|
|
2702
|
+
], en = [
|
|
2707
2703
|
"SortableContext",
|
|
2708
2704
|
"useSortable",
|
|
2709
2705
|
"verticalListSortingStrategy"
|
|
2710
2706
|
];
|
|
2711
|
-
function
|
|
2707
|
+
function tn(e, t) {
|
|
2712
2708
|
const a = [], n = e ?? {};
|
|
2713
|
-
for (const
|
|
2714
|
-
n[
|
|
2715
|
-
const
|
|
2716
|
-
for (const
|
|
2717
|
-
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}`);
|
|
2718
2714
|
return a.length === 0 ? { ok: !0 } : { ok: !1, missing: a };
|
|
2719
2715
|
}
|
|
2720
|
-
function
|
|
2721
|
-
return
|
|
2716
|
+
function nn() {
|
|
2717
|
+
return ee ? Promise.resolve(ee) : me ? Promise.resolve(null) : se || (se = (async () => {
|
|
2722
2718
|
try {
|
|
2723
2719
|
const [e, t, a] = await Promise.all([
|
|
2724
2720
|
import("@dnd-kit/core"),
|
|
@@ -2726,12 +2722,12 @@ function tn() {
|
|
|
2726
2722
|
import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
|
|
2727
2723
|
"SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
|
|
2728
2724
|
), {}))
|
|
2729
|
-
]), n =
|
|
2730
|
-
return n.ok ? (
|
|
2725
|
+
]), n = tn(e, t);
|
|
2726
|
+
return n.ok ? (ee = {
|
|
2731
2727
|
core: e,
|
|
2732
2728
|
sortable: t,
|
|
2733
2729
|
utilities: a
|
|
2734
|
-
},
|
|
2730
|
+
}, ee) : (me = !0, process.env.NODE_ENV !== "production" && console.error(
|
|
2735
2731
|
`SortableZones: @dnd-kit shape mismatch — missing exports: ${n.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
|
|
2736
2732
|
), null);
|
|
2737
2733
|
} catch {
|
|
@@ -2739,86 +2735,86 @@ function tn() {
|
|
|
2739
2735
|
}
|
|
2740
2736
|
})(), se);
|
|
2741
2737
|
}
|
|
2742
|
-
function
|
|
2743
|
-
const { zones: t, onZoneChange: a, renderZone: n, renderItem:
|
|
2744
|
-
return
|
|
2745
|
-
if (
|
|
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;
|
|
2746
2742
|
let m = !0;
|
|
2747
|
-
return
|
|
2748
|
-
m &&
|
|
2743
|
+
return nn().then((w) => {
|
|
2744
|
+
m && v(w);
|
|
2749
2745
|
}), () => {
|
|
2750
2746
|
m = !1;
|
|
2751
2747
|
};
|
|
2752
|
-
}, [
|
|
2748
|
+
}, [g]), g ? /* @__PURE__ */ u(
|
|
2753
2749
|
Oe,
|
|
2754
2750
|
{
|
|
2755
|
-
state:
|
|
2756
|
-
modules:
|
|
2751
|
+
state: i,
|
|
2752
|
+
modules: g,
|
|
2757
2753
|
renderZone: n,
|
|
2758
|
-
renderItem:
|
|
2759
|
-
renderDragOverlay:
|
|
2754
|
+
renderItem: r,
|
|
2755
|
+
renderDragOverlay: s
|
|
2760
2756
|
}
|
|
2761
|
-
) : /* @__PURE__ */ u("div", { "data-sortable-zones-passive": "true", children:
|
|
2762
|
-
const
|
|
2763
|
-
return /* @__PURE__ */ u("div", { ...
|
|
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);
|
|
2764
2760
|
}) });
|
|
2765
2761
|
}
|
|
2766
|
-
|
|
2762
|
+
an.displayName = "SortableZones";
|
|
2767
2763
|
function Oe({
|
|
2768
2764
|
state: e,
|
|
2769
2765
|
modules: t,
|
|
2770
2766
|
renderZone: a,
|
|
2771
2767
|
renderItem: n,
|
|
2772
|
-
renderDragOverlay:
|
|
2768
|
+
renderDragOverlay: r
|
|
2773
2769
|
}) {
|
|
2774
|
-
const { core:
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
),
|
|
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;
|
|
2778
2774
|
return /* @__PURE__ */ $(
|
|
2779
|
-
|
|
2775
|
+
D,
|
|
2780
2776
|
{
|
|
2781
|
-
sensors:
|
|
2782
|
-
collisionDetection:
|
|
2777
|
+
sensors: M,
|
|
2778
|
+
collisionDetection: T,
|
|
2783
2779
|
onDragStart: e.handleDragStart,
|
|
2784
2780
|
onDragOver: e.handleDragOver,
|
|
2785
2781
|
onDragEnd: e.handleDragEnd,
|
|
2786
2782
|
children: [
|
|
2787
|
-
e.zones.map((
|
|
2788
|
-
const
|
|
2783
|
+
e.zones.map((o) => {
|
|
2784
|
+
const c = o.items.map((C) => C.id), f = o.items.map((C) => /* @__PURE__ */ u(
|
|
2789
2785
|
Ae,
|
|
2790
2786
|
{
|
|
2791
|
-
id:
|
|
2792
|
-
useSortable:
|
|
2793
|
-
cssHelper:
|
|
2794
|
-
children: n(
|
|
2787
|
+
id: C.id,
|
|
2788
|
+
useSortable: i.useSortable,
|
|
2789
|
+
cssHelper: g.CSS,
|
|
2790
|
+
children: n(C)
|
|
2795
2791
|
},
|
|
2796
|
-
|
|
2792
|
+
C.id
|
|
2797
2793
|
));
|
|
2798
2794
|
return /* @__PURE__ */ u(
|
|
2799
2795
|
Le,
|
|
2800
2796
|
{
|
|
2801
|
-
zoneKey:
|
|
2802
|
-
zoneProps: e.getZoneProps(
|
|
2803
|
-
useDroppable:
|
|
2804
|
-
children: /* @__PURE__ */ u(_, { items:
|
|
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) })
|
|
2805
2801
|
},
|
|
2806
|
-
|
|
2802
|
+
o.zoneKey
|
|
2807
2803
|
);
|
|
2808
2804
|
}),
|
|
2809
|
-
/* @__PURE__ */ u(S, { children: e.activeItem ?
|
|
2805
|
+
/* @__PURE__ */ u(S, { children: e.activeItem ? r?.(e.activeItem) ?? n(e.activeItem) : null })
|
|
2810
2806
|
]
|
|
2811
2807
|
}
|
|
2812
2808
|
);
|
|
2813
2809
|
}
|
|
2814
2810
|
Oe.displayName = "SortableZonesInner";
|
|
2815
2811
|
function Ae({ id: e, useSortable: t, cssHelper: a, children: n }) {
|
|
2816
|
-
const { attributes:
|
|
2817
|
-
transform: a?.Transform?.toString(
|
|
2818
|
-
transition:
|
|
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,
|
|
2819
2815
|
opacity: m ? 0.5 : 1
|
|
2820
2816
|
};
|
|
2821
|
-
return /* @__PURE__ */ u("div", { ref:
|
|
2817
|
+
return /* @__PURE__ */ u("div", { ref: i, style: w, "data-sortable-item-id": e, ...r, ...s, children: n });
|
|
2822
2818
|
}
|
|
2823
2819
|
Ae.displayName = "SortableItem";
|
|
2824
2820
|
function Le({
|
|
@@ -2827,309 +2823,308 @@ function Le({
|
|
|
2827
2823
|
useDroppable: a,
|
|
2828
2824
|
children: n
|
|
2829
2825
|
}) {
|
|
2830
|
-
const { setNodeRef:
|
|
2831
|
-
return /* @__PURE__ */ u("div", { ref:
|
|
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 });
|
|
2832
2828
|
}
|
|
2833
2829
|
Le.displayName = "ZoneDroppable";
|
|
2834
|
-
const
|
|
2835
|
-
const
|
|
2836
|
-
return delete
|
|
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 }) });
|
|
2837
2833
|
});
|
|
2838
|
-
|
|
2839
|
-
const
|
|
2840
|
-
const
|
|
2841
|
-
return delete
|
|
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: [
|
|
2842
2838
|
e && /* @__PURE__ */ u("legend", { className: "gloss-container-form-section__legend", children: e }),
|
|
2843
2839
|
t && /* @__PURE__ */ u("p", { className: "gloss-container-form-section__description", children: t }),
|
|
2844
2840
|
/* @__PURE__ */ u(ve, { region: "form-section", density: a, children: n })
|
|
2845
2841
|
] });
|
|
2846
2842
|
});
|
|
2847
|
-
|
|
2848
|
-
const
|
|
2849
|
-
const
|
|
2850
|
-
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 }) });
|
|
2851
2847
|
});
|
|
2852
|
-
|
|
2848
|
+
on.displayName = "ContainerTable";
|
|
2853
2849
|
export {
|
|
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
|
-
|
|
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,
|
|
2905
2901
|
Po as DEFAULT_MARKET_PRESETS,
|
|
2906
|
-
|
|
2902
|
+
sr as DEFAULT_OVERFLOW_IDS,
|
|
2907
2903
|
Fo as DEFAULT_PINNED,
|
|
2908
2904
|
_e as DEFAULT_RESIZE_PHYSICS,
|
|
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
|
-
|
|
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,
|
|
2964
2960
|
Eo as PERIOD_OPTIONS,
|
|
2965
|
-
|
|
2961
|
+
wt as PageChip,
|
|
2966
2962
|
Ie as PageDropdown,
|
|
2967
|
-
|
|
2968
|
-
|
|
2969
|
-
|
|
2970
|
-
|
|
2971
|
-
|
|
2972
|
-
|
|
2973
|
-
|
|
2974
|
-
|
|
2975
|
-
|
|
2976
|
-
|
|
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,
|
|
2977
2973
|
Oo as ROLLING_OPTIONS,
|
|
2978
|
-
|
|
2979
|
-
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
|
|
2994
|
-
|
|
2995
|
-
|
|
2996
|
-
|
|
2997
|
-
|
|
2998
|
-
|
|
2999
|
-
|
|
3000
|
-
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
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,
|
|
3006
3002
|
Ao as TODAY_PRESET,
|
|
3007
|
-
|
|
3003
|
+
Y as TUNING_DEFAULTS,
|
|
3008
3004
|
Fe as TUNING_STORAGE_KEY,
|
|
3009
|
-
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
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,
|
|
3022
3018
|
Io as UIContext,
|
|
3023
3019
|
ve as UIContextProvider,
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
|
|
3035
|
-
|
|
3036
|
-
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
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,
|
|
3046
3042
|
Pe as defaultControlBarState,
|
|
3047
|
-
|
|
3048
|
-
|
|
3049
|
-
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
|
|
3053
|
-
|
|
3054
|
-
|
|
3055
|
-
|
|
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,
|
|
3056
3052
|
Lo as findPreset,
|
|
3057
3053
|
$o as formatDateRange,
|
|
3058
3054
|
Bo as formatMarketDates,
|
|
3059
3055
|
Ko as formatTrend,
|
|
3060
3056
|
Wo as formatValue,
|
|
3061
|
-
|
|
3057
|
+
ra as fullLayout,
|
|
3062
3058
|
Go as generateMarketId,
|
|
3063
|
-
|
|
3059
|
+
so as generateTabId,
|
|
3064
3060
|
Ho as getAllPresets,
|
|
3065
3061
|
Vo as getDateRangeForPreset,
|
|
3066
|
-
|
|
3062
|
+
oo as getMenuActions,
|
|
3067
3063
|
zo as getPresetLabel,
|
|
3068
|
-
|
|
3069
|
-
|
|
3070
|
-
|
|
3064
|
+
io as getTransitionStyle,
|
|
3065
|
+
ta as gridCards,
|
|
3066
|
+
lo as interpolate,
|
|
3071
3067
|
Zo as isInRange,
|
|
3072
3068
|
Uo as isMarketActive,
|
|
3073
3069
|
Yo as isSameDay,
|
|
3074
|
-
|
|
3075
|
-
|
|
3076
|
-
|
|
3077
|
-
|
|
3078
|
-
|
|
3079
|
-
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
|
|
3083
|
-
|
|
3084
|
-
|
|
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,
|
|
3085
3081
|
qo as normalizePresetId,
|
|
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
|
-
|
|
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,
|
|
3119
3115
|
jo as toUppercasePresetId,
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
|
|
3125
|
-
|
|
3126
|
-
|
|
3127
|
-
|
|
3128
|
-
|
|
3129
|
-
|
|
3130
|
-
|
|
3131
|
-
|
|
3132
|
-
|
|
3133
|
-
Xt as useSortableZones,
|
|
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,
|
|
3134
3129
|
Ro as useUIContext
|
|
3135
3130
|
};
|