@mt-gloss/ui 0.1.5 → 0.1.7
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-CsLVYNv3.js → Expandable-CTI-osAf.js} +2015 -2010
- package/catalog.js +2 -2
- package/index.d.ts +1 -0
- package/index.js +1044 -985
- package/lib/primitives/dashboard/MetricCard/useEdgeHoverResize.d.ts +7 -0
- package/lib/primitives/dashboard/gridMotionPrimitives.d.ts +82 -0
- package/lib/primitives/dashboard/index.d.ts +1 -0
- package/package.json +1 -1
- package/ui.css +1 -1
package/index.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { N as
|
|
2
|
-
import { jsxs as A, jsx as
|
|
1
|
+
import { N as Rn, T as In, O as Pn, Q as Fn, a3 as En, b6 as On, az as An, ah as Ln, Z as $n, an as Bn, K as zn, a8 as Kn, bn as Wn, P as Gn, B as Hn, a as Vn, y as jn, H as Un, bi as Zn, F as Yn, J as qn, A as Qn, z as Xn, bh as Jn, E as er, D as tr, bw as ar, b as nr, C as rr, L as sr, o as or, ad as ir, aN as lr, y as cr, H as dr, F as ur, J as mr, A as pr, z as gr, E as fr, D as hr, a$ as br, b2 as vr, b1 as yr, b0 as wr, b3 as Dr, aC as Nr, a5 as Cr, a4 as kr, aq as _r, k as xr, m as Sr, aF as Mr, ab as Tr, b8 as Rr, a9 as Ir, bo as Pr, Y as Fr, bG as Er, bF as Or, bH as Ar, ap as Lr, aQ as $r, ba as Br, bL as zr, bu as Kr, n as Wr, am as Gr, bA as Hr, br as Vr, a0 as jr, ar as Ur, a2 as Zr, bz as Yr, G as qr, d as Qr, aa as Xr, bI as Jr, aT as es, r as ts, v as as, I as ns, g as rs, aw as ss, bM as os, M as is, w as ls, U as cs, X as ds, V as us, W as ms, as as ps, bg as gs, bO as fs, bK as hs, ao as bs, t as vs, bp as ys, aS as ws, aj as Ds, aK as Ns, ag as Cs, al as ks, au as _s, aR as xs, ac as Ss, at as Ms, c as Ts, R as Rs, j as Is, p as Ps, aH as Fs, bx as Es, by as Os, ai as As, ae as Ls, h as $s, x as Bs, b7 as zs, af as Ks, bN as Ws, bc as Gs, bf as Hs, bd as Vs, be as js, i as Us, b9 as Zs, bm as Ys, S as qs, bk as Qs, bl as Xs, av as Js, bb as eo, bP as to, ak as ao, s as no, bJ as ro, l as so, f as oo, q as io, _ as lo, $ as co, a7 as uo, bj as mo, bv as po, bC as go, aA as fo, aB as ho, a6 as bo, aO as vo, aP as yo, aD as wo, aE as Do, aG as No, aV as Co, aW as ko, bE as _o, bD as xo, aY as So, aZ as Mo, ax as To, ay as Ro, b5 as Io, b4 as Po, a_ as Fo, aL as Eo, aM as Oo, aX as Ao, aI as Lo, aJ as $o, u as Bo, bB as zo, bq as Ko, bs as Wo, bt as Go, aU as Ho, a1 as Vo, e as jo } from "./Expandable-CTI-osAf.js";
|
|
2
|
+
import { jsxs as A, jsx as d } from "react/jsx-runtime";
|
|
3
3
|
import * as Ue from "react";
|
|
4
|
-
import
|
|
5
|
-
import { motion as
|
|
6
|
-
import { B as
|
|
7
|
-
import { a as
|
|
8
|
-
import { createPortal as
|
|
9
|
-
import { DEFAULT_MARKET_PRESETS as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
function
|
|
4
|
+
import H, { useRef as R, useEffect as L, useState as W, useCallback as y, forwardRef as Ze, useMemo as re, createContext as Ye, useContext as qe } from "react";
|
|
5
|
+
import { motion as Re, useMotionValue as Qe, animate as ke, useDragControls as Xe } from "framer-motion";
|
|
6
|
+
import { B as Je, U as we } from "./UIContext-C3E-k7HI.js";
|
|
7
|
+
import { a as Zo, u as Yo } from "./UIContext-C3E-k7HI.js";
|
|
8
|
+
import { createPortal as et } from "react-dom";
|
|
9
|
+
import { DEFAULT_MARKET_PRESETS as Qo, DEFAULT_PINNED as Xo, PERIOD_OPTIONS as Jo, ROLLING_OPTIONS as ei, TODAY_PRESET as ti, findPreset as ai, formatDateRange as ni, formatMarketDates as ri, formatTrend as si, formatValue as oi, generateMarketId as ii, getAllPresets as li, getDateRangeForPreset as ci, getPresetLabel as di, isInRange as ui, isMarketActive as mi, isSameDay as pi, normalizePresetId as gi, toUppercasePresetId as fi } from "@mt-gloss/utils";
|
|
10
|
+
import tt from "@mui/icons-material/AccessTime";
|
|
11
|
+
import at from "@mui/icons-material/Tune";
|
|
12
|
+
import nt from "@mui/icons-material/ViewColumn";
|
|
13
|
+
import rt from "@mui/icons-material/AspectRatio";
|
|
14
|
+
import st from "@mui/icons-material/Palette";
|
|
15
|
+
import ot from "@mui/icons-material/PushPin";
|
|
16
|
+
function Na(e = {}) {
|
|
17
17
|
const { enabled: t = !0, returnTo: n } = e, a = R(null);
|
|
18
|
-
return
|
|
18
|
+
return L(() => {
|
|
19
19
|
t && (a.current = n || document.activeElement);
|
|
20
|
-
}, [t, n]),
|
|
20
|
+
}, [t, n]), L(() => () => {
|
|
21
21
|
t && a.current && setTimeout(() => {
|
|
22
22
|
a.current?.focus?.();
|
|
23
23
|
}, 0);
|
|
@@ -34,63 +34,63 @@ function Ca(e) {
|
|
|
34
34
|
isItemDisabled: l,
|
|
35
35
|
onSelect: b,
|
|
36
36
|
onEscape: p
|
|
37
|
-
} = e, [
|
|
37
|
+
} = e, [v, C] = W(-1), u = n !== void 0 ? n : v, c = y(
|
|
38
38
|
(i) => {
|
|
39
39
|
n === void 0 && C(i), a?.(i);
|
|
40
40
|
},
|
|
41
41
|
[n, a]
|
|
42
|
-
), g =
|
|
43
|
-
(i,
|
|
44
|
-
const
|
|
45
|
-
if (
|
|
46
|
-
const
|
|
47
|
-
if (
|
|
48
|
-
return
|
|
49
|
-
let
|
|
50
|
-
return r ?
|
|
42
|
+
), g = y(() => t.map((i, h) => ({ item: i, index: h })).filter(({ item: i, index: h }) => !l?.(i, h)).map(({ index: i }) => i), [t, l]), S = y(
|
|
43
|
+
(i, h) => {
|
|
44
|
+
const m = g();
|
|
45
|
+
if (m.length === 0) return -1;
|
|
46
|
+
const w = m.indexOf(i);
|
|
47
|
+
if (w === -1)
|
|
48
|
+
return h === 1 ? m.find((M) => M > i) ?? (r ? m[0] : -1) : [...m].reverse().find((E) => E < i) ?? (r ? m[m.length - 1] : -1);
|
|
49
|
+
let k = w + h;
|
|
50
|
+
return r ? k = (k + m.length) % m.length : k = Math.max(0, Math.min(m.length - 1, k)), m[k];
|
|
51
51
|
},
|
|
52
52
|
[g, r]
|
|
53
|
-
), f =
|
|
53
|
+
), f = y(() => {
|
|
54
54
|
const i = g();
|
|
55
|
-
i.length > 0 &&
|
|
56
|
-
}, [g,
|
|
55
|
+
i.length > 0 && c(i[0]);
|
|
56
|
+
}, [g, c]), x = y(() => {
|
|
57
57
|
const i = g();
|
|
58
|
-
i.length > 0 &&
|
|
59
|
-
}, [g,
|
|
60
|
-
const i =
|
|
61
|
-
i !== -1 &&
|
|
62
|
-
}, [u,
|
|
63
|
-
const i =
|
|
64
|
-
i !== -1 &&
|
|
65
|
-
}, [u,
|
|
66
|
-
|
|
67
|
-
}, [
|
|
58
|
+
i.length > 0 && c(i[i.length - 1]);
|
|
59
|
+
}, [g, c]), I = y(() => {
|
|
60
|
+
const i = S(u, 1);
|
|
61
|
+
i !== -1 && c(i);
|
|
62
|
+
}, [u, S, c]), N = y(() => {
|
|
63
|
+
const i = S(u, -1);
|
|
64
|
+
i !== -1 && c(i);
|
|
65
|
+
}, [u, S, c]), _ = y(() => {
|
|
66
|
+
c(-1);
|
|
67
|
+
}, [c]), T = y(
|
|
68
68
|
(i) => {
|
|
69
69
|
if (!o) return;
|
|
70
|
-
const { key:
|
|
71
|
-
if (
|
|
72
|
-
i.preventDefault(), u === -1 ?
|
|
70
|
+
const { key: h } = i, m = h === "ArrowUp" && (s === "vertical" || s === "both"), w = h === "ArrowDown" && (s === "vertical" || s === "both"), k = h === "ArrowLeft" && (s === "horizontal" || s === "both"), M = h === "ArrowRight" && (s === "horizontal" || s === "both");
|
|
71
|
+
if (m || k) {
|
|
72
|
+
i.preventDefault(), u === -1 ? x() : N();
|
|
73
73
|
return;
|
|
74
74
|
}
|
|
75
|
-
if (
|
|
76
|
-
i.preventDefault(), u === -1 ? f() :
|
|
75
|
+
if (w || M) {
|
|
76
|
+
i.preventDefault(), u === -1 ? f() : I();
|
|
77
77
|
return;
|
|
78
78
|
}
|
|
79
|
-
if (
|
|
79
|
+
if (h === "Home") {
|
|
80
80
|
i.preventDefault(), f();
|
|
81
81
|
return;
|
|
82
82
|
}
|
|
83
|
-
if (
|
|
84
|
-
i.preventDefault(),
|
|
83
|
+
if (h === "End") {
|
|
84
|
+
i.preventDefault(), x();
|
|
85
85
|
return;
|
|
86
86
|
}
|
|
87
|
-
if ((
|
|
87
|
+
if ((h === "Enter" || h === " ") && u >= 0 && u < t.length) {
|
|
88
88
|
i.preventDefault();
|
|
89
|
-
const
|
|
90
|
-
l?.(
|
|
89
|
+
const E = t[u];
|
|
90
|
+
l?.(E, u) || b?.(E, u);
|
|
91
91
|
return;
|
|
92
92
|
}
|
|
93
|
-
if (
|
|
93
|
+
if (h === "Escape") {
|
|
94
94
|
p?.();
|
|
95
95
|
return;
|
|
96
96
|
}
|
|
@@ -101,9 +101,9 @@ function Ca(e) {
|
|
|
101
101
|
u,
|
|
102
102
|
t,
|
|
103
103
|
f,
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
104
|
+
x,
|
|
105
|
+
I,
|
|
106
|
+
N,
|
|
107
107
|
l,
|
|
108
108
|
b,
|
|
109
109
|
p
|
|
@@ -111,44 +111,44 @@ function Ca(e) {
|
|
|
111
111
|
);
|
|
112
112
|
return {
|
|
113
113
|
focusedIndex: u,
|
|
114
|
-
setFocusedIndex:
|
|
114
|
+
setFocusedIndex: c,
|
|
115
115
|
handleKeyDown: T,
|
|
116
116
|
focusFirst: f,
|
|
117
|
-
focusLast:
|
|
118
|
-
focusNext:
|
|
119
|
-
focusPrevious:
|
|
120
|
-
resetFocus:
|
|
117
|
+
focusLast: x,
|
|
118
|
+
focusNext: I,
|
|
119
|
+
focusPrevious: N,
|
|
120
|
+
resetFocus: _
|
|
121
121
|
};
|
|
122
122
|
}
|
|
123
|
-
const
|
|
124
|
-
},
|
|
123
|
+
const ce = (e) => {
|
|
124
|
+
}, it = {
|
|
125
125
|
id: "entity-filter-1",
|
|
126
126
|
label: "Customer: Acme Corp",
|
|
127
127
|
field: "customer",
|
|
128
128
|
value: "acme-corp-123",
|
|
129
|
-
onRemove:
|
|
130
|
-
},
|
|
129
|
+
onRemove: ce
|
|
130
|
+
}, lt = {
|
|
131
131
|
id: "status-filter-1",
|
|
132
132
|
label: "Status: Open",
|
|
133
133
|
field: "status",
|
|
134
134
|
value: "open",
|
|
135
|
-
onRemove:
|
|
136
|
-
},
|
|
135
|
+
onRemove: ce
|
|
136
|
+
}, ct = {
|
|
137
137
|
id: "date-filter-1",
|
|
138
138
|
label: "Date: Mar 1 - Mar 15",
|
|
139
139
|
field: "dateRange",
|
|
140
140
|
value: "2026-03-01..2026-03-15",
|
|
141
|
-
onRemove:
|
|
141
|
+
onRemove: ce
|
|
142
142
|
}, dt = {
|
|
143
143
|
id: "mfg-filter-1",
|
|
144
144
|
label: "Manufacturer: Widget Co",
|
|
145
145
|
field: "manufacturer",
|
|
146
146
|
value: "widget-co-456",
|
|
147
|
-
onRemove:
|
|
148
|
-
},
|
|
149
|
-
ot,
|
|
147
|
+
onRemove: ce
|
|
148
|
+
}, ka = [
|
|
150
149
|
it,
|
|
151
150
|
lt,
|
|
151
|
+
ct,
|
|
152
152
|
dt
|
|
153
153
|
], _a = {
|
|
154
154
|
id: "metric-toggle",
|
|
@@ -156,7 +156,7 @@ const ie = (e) => {
|
|
|
156
156
|
{ id: "$", label: "$", mono: !0 },
|
|
157
157
|
{ id: "#", label: "#", mono: !0 }
|
|
158
158
|
]
|
|
159
|
-
},
|
|
159
|
+
}, xa = {
|
|
160
160
|
id: "entity-type",
|
|
161
161
|
tabs: [
|
|
162
162
|
{ id: "orders", label: "Orders" },
|
|
@@ -172,7 +172,7 @@ const ie = (e) => {
|
|
|
172
172
|
{ id: "YTD", label: "YTD" },
|
|
173
173
|
{ id: "LYTD", label: "LYTD" }
|
|
174
174
|
]
|
|
175
|
-
},
|
|
175
|
+
}, Ma = [
|
|
176
176
|
{ variant: "block", width: "100%", height: 16 },
|
|
177
177
|
{ variant: "block", width: 200, height: 32, borderRadius: 8 },
|
|
178
178
|
{ variant: "block", width: "80%", height: 12, borderRadius: "4px" },
|
|
@@ -181,21 +181,21 @@ const ie = (e) => {
|
|
|
181
181
|
{ variant: "text", lines: 3, lineHeight: 14, gap: 8 },
|
|
182
182
|
{ variant: "text", lines: 2, lineHeight: 16, gap: 10 },
|
|
183
183
|
{ variant: "text", lines: 5, lineHeight: 12, gap: 6 }
|
|
184
|
-
],
|
|
184
|
+
], Ra = [
|
|
185
185
|
{ variant: "circle", size: 24 },
|
|
186
186
|
{ variant: "circle", size: 40 },
|
|
187
187
|
{ variant: "circle", size: 64 }
|
|
188
|
-
],
|
|
188
|
+
], Ia = [
|
|
189
189
|
{ bars: 10, maxHeight: 120 },
|
|
190
190
|
{ bars: 5, maxHeight: 80 }
|
|
191
|
-
],
|
|
191
|
+
], Pa = [
|
|
192
192
|
{ rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
|
|
193
193
|
{ rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
|
|
194
194
|
], Fa = [
|
|
195
195
|
{ variant: "value", colSpan: 1 },
|
|
196
196
|
{ variant: "trend", colSpan: 2 },
|
|
197
197
|
{ variant: "target", colSpan: 1 }
|
|
198
|
-
],
|
|
198
|
+
], _e = {
|
|
199
199
|
position: "fixed",
|
|
200
200
|
zIndex: 9999,
|
|
201
201
|
background: "rgba(255,255,255,0.92)",
|
|
@@ -207,7 +207,7 @@ const ie = (e) => {
|
|
|
207
207
|
minWidth: 148,
|
|
208
208
|
paddingTop: 4,
|
|
209
209
|
paddingBottom: 4
|
|
210
|
-
},
|
|
210
|
+
}, fe = (e) => ({
|
|
211
211
|
padding: "6px 12px",
|
|
212
212
|
fontSize: 12,
|
|
213
213
|
lineHeight: 1.4,
|
|
@@ -221,16 +221,16 @@ const ie = (e) => {
|
|
|
221
221
|
width: "100%",
|
|
222
222
|
textAlign: "left",
|
|
223
223
|
border: "none"
|
|
224
|
-
}),
|
|
225
|
-
...
|
|
224
|
+
}), ut = (e) => ({
|
|
225
|
+
...fe(e),
|
|
226
226
|
color: e ? "#4338ca" : "#4f46e5",
|
|
227
227
|
fontWeight: 600
|
|
228
|
-
}),
|
|
228
|
+
}), mt = {
|
|
229
229
|
height: 1,
|
|
230
230
|
background: "rgba(0,0,0,0.06)",
|
|
231
231
|
margin: "3px 10px"
|
|
232
232
|
};
|
|
233
|
-
function
|
|
233
|
+
function pt({
|
|
234
234
|
open: e,
|
|
235
235
|
anchorEl: t,
|
|
236
236
|
statusId: n,
|
|
@@ -239,27 +239,27 @@ function mt({
|
|
|
239
239
|
overflowActions: s,
|
|
240
240
|
onClose: o
|
|
241
241
|
}) {
|
|
242
|
-
const [l, b] =
|
|
243
|
-
if (!t) return { ...
|
|
244
|
-
const
|
|
242
|
+
const [l, b] = W(null), p = R(null), v = y(() => {
|
|
243
|
+
if (!t) return { ..._e, top: 0, left: 0 };
|
|
244
|
+
const c = t.getBoundingClientRect();
|
|
245
245
|
return {
|
|
246
|
-
...
|
|
247
|
-
top:
|
|
248
|
-
left:
|
|
246
|
+
..._e,
|
|
247
|
+
top: c.bottom + 4,
|
|
248
|
+
left: c.left
|
|
249
249
|
};
|
|
250
250
|
}, [t]);
|
|
251
|
-
if (
|
|
251
|
+
if (L(() => {
|
|
252
252
|
if (!e) return;
|
|
253
|
-
const
|
|
253
|
+
const c = (g) => {
|
|
254
254
|
g.key === "Escape" && o();
|
|
255
255
|
};
|
|
256
|
-
return document.addEventListener("keydown",
|
|
257
|
-
}, [e, o]),
|
|
256
|
+
return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
|
|
257
|
+
}, [e, o]), L(() => {
|
|
258
258
|
if (!e) return;
|
|
259
|
-
const
|
|
259
|
+
const c = (g) => {
|
|
260
260
|
p.current && !p.current.contains(g.target) && o();
|
|
261
261
|
};
|
|
262
|
-
return document.addEventListener("pointerdown",
|
|
262
|
+
return document.addEventListener("pointerdown", c, !0), () => document.removeEventListener("pointerdown", c, !0);
|
|
263
263
|
}, [e, o]), !e) return null;
|
|
264
264
|
const C = s && s.length > 0, u = /* @__PURE__ */ A(
|
|
265
265
|
"div",
|
|
@@ -268,13 +268,13 @@ function mt({
|
|
|
268
268
|
"data-status-chip-menu": n,
|
|
269
269
|
role: "menu",
|
|
270
270
|
"aria-label": "Status actions",
|
|
271
|
-
style:
|
|
271
|
+
style: v(),
|
|
272
272
|
children: [
|
|
273
|
-
/* @__PURE__ */
|
|
273
|
+
/* @__PURE__ */ d(
|
|
274
274
|
"button",
|
|
275
275
|
{
|
|
276
276
|
role: "menuitem",
|
|
277
|
-
style:
|
|
277
|
+
style: ut(l === "__primary"),
|
|
278
278
|
onMouseEnter: () => b("__primary"),
|
|
279
279
|
onMouseLeave: () => b(null),
|
|
280
280
|
onClick: () => {
|
|
@@ -283,11 +283,11 @@ function mt({
|
|
|
283
283
|
children: "Open in table"
|
|
284
284
|
}
|
|
285
285
|
),
|
|
286
|
-
/* @__PURE__ */
|
|
286
|
+
/* @__PURE__ */ d(
|
|
287
287
|
"button",
|
|
288
288
|
{
|
|
289
289
|
role: "menuitem",
|
|
290
|
-
style:
|
|
290
|
+
style: fe(l === "__graph"),
|
|
291
291
|
onMouseEnter: () => b("__graph"),
|
|
292
292
|
onMouseLeave: () => b(null),
|
|
293
293
|
onClick: () => {
|
|
@@ -296,30 +296,30 @@ function mt({
|
|
|
296
296
|
children: "Show on graph"
|
|
297
297
|
}
|
|
298
298
|
),
|
|
299
|
-
C && /* @__PURE__ */
|
|
300
|
-
C && s?.map((
|
|
299
|
+
C && /* @__PURE__ */ d("div", { style: mt }),
|
|
300
|
+
C && s?.map((c) => /* @__PURE__ */ d(
|
|
301
301
|
"button",
|
|
302
302
|
{
|
|
303
303
|
role: "menuitem",
|
|
304
|
-
style:
|
|
305
|
-
onMouseEnter: () => b(
|
|
304
|
+
style: fe(l === c.id),
|
|
305
|
+
onMouseEnter: () => b(c.id),
|
|
306
306
|
onMouseLeave: () => b(null),
|
|
307
307
|
onClick: () => {
|
|
308
|
-
|
|
308
|
+
c.onSelect(n), o();
|
|
309
309
|
},
|
|
310
|
-
children:
|
|
310
|
+
children: c.label
|
|
311
311
|
},
|
|
312
|
-
|
|
312
|
+
c.id
|
|
313
313
|
))
|
|
314
314
|
]
|
|
315
315
|
}
|
|
316
316
|
);
|
|
317
|
-
return
|
|
317
|
+
return et(u, document.body);
|
|
318
318
|
}
|
|
319
|
-
|
|
320
|
-
const
|
|
319
|
+
pt.displayName = "StatusSlotChipMenu";
|
|
320
|
+
const gt = Ze(
|
|
321
321
|
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, edge: l = "right", ariaLabel: b = "Resize card" }, p) {
|
|
322
|
-
const
|
|
322
|
+
const v = t === "handle-visible" || t === "dragging" || t === "settling", C = (g) => {
|
|
323
323
|
try {
|
|
324
324
|
g.currentTarget.setPointerCapture(g.pointerId);
|
|
325
325
|
} catch {
|
|
@@ -331,10 +331,10 @@ const pt = Ze(
|
|
|
331
331
|
} catch {
|
|
332
332
|
}
|
|
333
333
|
a(g);
|
|
334
|
-
},
|
|
335
|
-
!
|
|
334
|
+
}, c = (g) => {
|
|
335
|
+
!v || !o || (g.key === "ArrowRight" ? (g.preventDefault(), o("grow")) : g.key === "ArrowLeft" && (g.preventDefault(), o("shrink")));
|
|
336
336
|
};
|
|
337
|
-
return /* @__PURE__ */
|
|
337
|
+
return /* @__PURE__ */ d(
|
|
338
338
|
"button",
|
|
339
339
|
{
|
|
340
340
|
ref: p,
|
|
@@ -345,28 +345,28 @@ const pt = Ze(
|
|
|
345
345
|
className: [
|
|
346
346
|
"gloss-edge-handle",
|
|
347
347
|
`gloss-edge-handle--${l}`,
|
|
348
|
-
|
|
348
|
+
v ? "gloss-edge-handle--visible" : ""
|
|
349
349
|
].filter(Boolean).join(" "),
|
|
350
350
|
onPointerDown: C,
|
|
351
351
|
onPointerUp: u,
|
|
352
352
|
onPointerEnter: r,
|
|
353
353
|
onPointerLeave: s,
|
|
354
|
-
onKeyDown:
|
|
355
|
-
tabIndex:
|
|
354
|
+
onKeyDown: c,
|
|
355
|
+
tabIndex: v ? 0 : -1
|
|
356
356
|
}
|
|
357
357
|
);
|
|
358
358
|
}
|
|
359
359
|
);
|
|
360
|
-
|
|
361
|
-
function
|
|
360
|
+
gt.displayName = "EdgeHoverHandle";
|
|
361
|
+
function ft({
|
|
362
362
|
visible: e,
|
|
363
363
|
targetColSpan: t,
|
|
364
364
|
ghostWidth: n,
|
|
365
365
|
enterMs: a = 180,
|
|
366
366
|
exitMs: r = 120
|
|
367
367
|
}) {
|
|
368
|
-
return /* @__PURE__ */
|
|
369
|
-
|
|
368
|
+
return /* @__PURE__ */ d(
|
|
369
|
+
Re.div,
|
|
370
370
|
{
|
|
371
371
|
"aria-hidden": "true",
|
|
372
372
|
"data-ghost-preview": e ? "visible" : "hidden",
|
|
@@ -382,8 +382,8 @@ function gt({
|
|
|
382
382
|
}
|
|
383
383
|
);
|
|
384
384
|
}
|
|
385
|
-
|
|
386
|
-
class
|
|
385
|
+
ft.displayName = "GhostPreview";
|
|
386
|
+
class ht {
|
|
387
387
|
constructor() {
|
|
388
388
|
this.samples = [], this.capacity = 3;
|
|
389
389
|
}
|
|
@@ -407,8 +407,8 @@ class ft {
|
|
|
407
407
|
const t = this.samples.length;
|
|
408
408
|
if (t < 2) return 0;
|
|
409
409
|
if (t === 2) {
|
|
410
|
-
const [b, p] = this.samples,
|
|
411
|
-
return (p.x - b.x) /
|
|
410
|
+
const [b, p] = this.samples, v = Math.max(1, p.t - b.t);
|
|
411
|
+
return (p.x - b.x) / v * 1e3;
|
|
412
412
|
}
|
|
413
413
|
const [n, a, r] = this.samples, s = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
|
|
414
414
|
return (s * 3 + o * 2 + l * 1) / 6;
|
|
@@ -434,7 +434,7 @@ const Ie = {
|
|
|
434
434
|
// Velocity multiplier (D-03b panel)
|
|
435
435
|
velocityMultiplier: 1
|
|
436
436
|
};
|
|
437
|
-
function
|
|
437
|
+
function Ea({
|
|
438
438
|
currentColSpan: e,
|
|
439
439
|
stackable: t,
|
|
440
440
|
onResize: n,
|
|
@@ -445,198 +445,201 @@ function Pa({
|
|
|
445
445
|
dwellMs: l = 120,
|
|
446
446
|
enterMs: b = 180,
|
|
447
447
|
exitMs: p = 120,
|
|
448
|
-
maxColSpan:
|
|
448
|
+
maxColSpan: v = 3,
|
|
449
449
|
containerRef: C,
|
|
450
450
|
forceIdle: u
|
|
451
451
|
}) {
|
|
452
|
-
const [
|
|
453
|
-
|
|
454
|
-
m.current =
|
|
455
|
-
}, [
|
|
456
|
-
const
|
|
457
|
-
const
|
|
458
|
-
if (
|
|
452
|
+
const [c, g] = W("idle"), [S, f] = W(e), x = R(null), I = R(null), N = R(null), _ = R(r), T = R(s), i = R(v), h = R(0), m = R("idle");
|
|
453
|
+
L(() => {
|
|
454
|
+
m.current = c;
|
|
455
|
+
}, [c]);
|
|
456
|
+
const w = Qe(0), k = R(null), M = y(() => {
|
|
457
|
+
const D = k.current;
|
|
458
|
+
if (D) {
|
|
459
459
|
try {
|
|
460
|
-
|
|
460
|
+
D.stop();
|
|
461
461
|
} catch {
|
|
462
462
|
}
|
|
463
|
-
|
|
463
|
+
k.current = null;
|
|
464
464
|
}
|
|
465
|
-
}, []),
|
|
466
|
-
(
|
|
467
|
-
const P =
|
|
468
|
-
return
|
|
465
|
+
}, []), E = y(
|
|
466
|
+
(D) => {
|
|
467
|
+
const P = _.current, F = T.current;
|
|
468
|
+
return D * P + (D - 1) * F;
|
|
469
469
|
},
|
|
470
470
|
[]
|
|
471
|
-
),
|
|
472
|
-
|
|
473
|
-
V.current =
|
|
474
|
-
}, [
|
|
475
|
-
const
|
|
476
|
-
|
|
477
|
-
}, []),
|
|
478
|
-
|
|
471
|
+
), G = R(new ht()), V = R(e);
|
|
472
|
+
L(() => {
|
|
473
|
+
V.current = S;
|
|
474
|
+
}, [S]);
|
|
475
|
+
const $ = re(() => ({ ...Ie, ...o ?? {} }), [o]), O = y(() => {
|
|
476
|
+
x.current && (clearTimeout(x.current), x.current = null);
|
|
477
|
+
}, []), j = y(() => {
|
|
478
|
+
I.current && (clearTimeout(I.current), I.current = null);
|
|
479
479
|
}, []);
|
|
480
|
-
|
|
481
|
-
u && (m.current === "dragging" || m.current === "settling" || (
|
|
482
|
-
}, [u,
|
|
483
|
-
const
|
|
484
|
-
g((
|
|
485
|
-
}, [l]),
|
|
486
|
-
|
|
487
|
-
}, [
|
|
488
|
-
(
|
|
489
|
-
const
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
480
|
+
L(() => {
|
|
481
|
+
u && (m.current === "dragging" || m.current === "settling" || (O(), j(), m.current = "idle", g("idle")));
|
|
482
|
+
}, [u, O, j]);
|
|
483
|
+
const se = y(() => {
|
|
484
|
+
g((D) => D === "settling" || D !== "idle" ? D : (x.current = setTimeout(() => g("handle-visible"), l), "dwelling"));
|
|
485
|
+
}, [l]), K = y(() => {
|
|
486
|
+
O(), g((D) => D === "dwelling" || D === "handle-visible" ? "idle" : D);
|
|
487
|
+
}, [O]), oe = y(
|
|
488
|
+
(D, P, F) => {
|
|
489
|
+
const B = _.current, Q = B * $.snapInFraction, Z = B * $.snapOutFraction, Y = P - F, q = Math.max(
|
|
490
|
+
F,
|
|
491
|
+
i.current ?? v
|
|
492
|
+
);
|
|
493
|
+
let z = Y;
|
|
494
|
+
for (; F + z < q; ) {
|
|
495
|
+
const te = z * B + (z < 0 ? Z : Q);
|
|
496
|
+
if (D >= te) z += 1;
|
|
494
497
|
else break;
|
|
495
498
|
}
|
|
496
|
-
if (
|
|
497
|
-
for (;
|
|
498
|
-
const
|
|
499
|
-
if (
|
|
499
|
+
if (z === Y)
|
|
500
|
+
for (; F + z > 1; ) {
|
|
501
|
+
const te = z * B - (z > 0 ? Z : Q);
|
|
502
|
+
if (D <= te) z -= 1;
|
|
500
503
|
else break;
|
|
501
504
|
}
|
|
502
|
-
return Math.min(
|
|
505
|
+
return Math.min(q, Math.max(1, F + z));
|
|
503
506
|
},
|
|
504
|
-
[
|
|
505
|
-
),
|
|
506
|
-
(
|
|
507
|
+
[$.snapInFraction, $.snapOutFraction, v]
|
|
508
|
+
), Ke = y(
|
|
509
|
+
(D) => {
|
|
507
510
|
if (m.current !== "handle-visible") return;
|
|
508
|
-
|
|
511
|
+
M(), N.current = D.clientX, _.current = r, T.current = s, i.current = v;
|
|
509
512
|
const P = e * r + (e - 1) * s;
|
|
510
|
-
|
|
513
|
+
h.current = P, G.current.clear(), G.current.push({ x: D.clientX, t: performance.now() }), w.jump(P), m.current = "dragging", g("dragging");
|
|
511
514
|
},
|
|
512
|
-
[r, s, e,
|
|
513
|
-
),
|
|
514
|
-
(
|
|
515
|
+
[r, s, v, e, w, M]
|
|
516
|
+
), De = y(
|
|
517
|
+
(D) => D * _.current + (D - 1) * T.current,
|
|
515
518
|
[]
|
|
516
|
-
),
|
|
517
|
-
(
|
|
518
|
-
const
|
|
519
|
+
), ie = y(
|
|
520
|
+
(D, P) => {
|
|
521
|
+
const F = De(D), B = D !== e;
|
|
519
522
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
520
|
-
|
|
523
|
+
w.jump(F), B && P ? n({ direction: P, targetColSpan: D, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), w.jump(0), m.current = "idle", g("idle");
|
|
521
524
|
return;
|
|
522
525
|
}
|
|
523
|
-
const
|
|
524
|
-
m.current = "settling", g("settling"),
|
|
526
|
+
const Z = G.current.getWeightedVelocity() * $.velocityMultiplier;
|
|
527
|
+
m.current = "settling", g("settling"), M(), k.current = ke(w, F, {
|
|
525
528
|
type: "spring",
|
|
526
|
-
stiffness:
|
|
527
|
-
damping:
|
|
528
|
-
mass:
|
|
529
|
-
velocity:
|
|
529
|
+
stiffness: $.stiffness,
|
|
530
|
+
damping: $.damping,
|
|
531
|
+
mass: $.mass,
|
|
532
|
+
velocity: Z,
|
|
530
533
|
onComplete: () => {
|
|
531
|
-
|
|
534
|
+
k.current = null, B && P ? n({ direction: P, targetColSpan: D, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), w.jump(0), m.current = "idle", g("idle");
|
|
532
535
|
}
|
|
533
536
|
});
|
|
534
537
|
},
|
|
535
|
-
[
|
|
536
|
-
),
|
|
537
|
-
(
|
|
538
|
+
[De, e, t, n, a, w, $, M]
|
|
539
|
+
), We = y(
|
|
540
|
+
(D) => {
|
|
538
541
|
if (m.current !== "dragging") return;
|
|
539
|
-
const P =
|
|
540
|
-
|
|
541
|
-
const
|
|
542
|
-
|
|
542
|
+
const P = D.clientX - (N.current ?? D.clientX), F = _.current, Q = ((i.current ?? v) - e) * F, Z = (1 - e) * F, Y = Math.max(Z, Math.min(Q, P));
|
|
543
|
+
G.current.push({ x: D.clientX, t: performance.now() });
|
|
544
|
+
const q = oe(Y, V.current, e), z = q > e ? "grow" : q < e ? "shrink" : null;
|
|
545
|
+
ie(q, z);
|
|
543
546
|
},
|
|
544
|
-
[
|
|
545
|
-
),
|
|
546
|
-
if (
|
|
547
|
-
const
|
|
547
|
+
[oe, e, v, ie]
|
|
548
|
+
), de = y(() => {
|
|
549
|
+
if (O(), m.current === "dragging") {
|
|
550
|
+
const D = h.current;
|
|
548
551
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
549
|
-
|
|
552
|
+
w.jump(D), a?.(), w.jump(0), m.current = "idle", g("idle");
|
|
550
553
|
return;
|
|
551
554
|
}
|
|
552
|
-
const
|
|
553
|
-
m.current = "settling", g("settling"),
|
|
555
|
+
const F = G.current.getWeightedVelocity();
|
|
556
|
+
m.current = "settling", g("settling"), M(), k.current = ke(w, D, {
|
|
554
557
|
type: "spring",
|
|
555
|
-
stiffness:
|
|
556
|
-
damping:
|
|
557
|
-
mass:
|
|
558
|
-
velocity:
|
|
558
|
+
stiffness: $.stiffness,
|
|
559
|
+
damping: $.damping,
|
|
560
|
+
mass: $.mass,
|
|
561
|
+
velocity: F,
|
|
559
562
|
onComplete: () => {
|
|
560
|
-
|
|
563
|
+
k.current = null, a?.(), w.jump(0), m.current = "idle", g("idle");
|
|
561
564
|
}
|
|
562
565
|
});
|
|
563
566
|
return;
|
|
564
567
|
}
|
|
565
568
|
m.current === "handle-visible" && (a?.(), m.current = "cancelled", g("cancelled"));
|
|
566
|
-
}, [
|
|
567
|
-
|
|
568
|
-
if (
|
|
569
|
-
const
|
|
570
|
-
P.key === "Escape" &&
|
|
569
|
+
}, [O, w, a, $, M]);
|
|
570
|
+
L(() => {
|
|
571
|
+
if (c !== "dragging" && c !== "handle-visible") return;
|
|
572
|
+
const D = (P) => {
|
|
573
|
+
P.key === "Escape" && de();
|
|
571
574
|
};
|
|
572
|
-
return window.addEventListener("keydown",
|
|
573
|
-
}, [
|
|
574
|
-
if (
|
|
575
|
+
return window.addEventListener("keydown", D), () => window.removeEventListener("keydown", D);
|
|
576
|
+
}, [c, de]), L(() => {
|
|
577
|
+
if (c !== "dragging") {
|
|
575
578
|
f(e);
|
|
576
579
|
return;
|
|
577
580
|
}
|
|
578
|
-
const
|
|
579
|
-
const
|
|
580
|
-
|
|
581
|
-
const
|
|
582
|
-
|
|
583
|
-
const
|
|
584
|
-
|
|
581
|
+
const D = (P) => {
|
|
582
|
+
const F = P.clientX - (N.current ?? P.clientX), B = h.current, Q = E(1), Z = E(v), Y = B + F, q = Math.max(Q, Math.min(Z, Y));
|
|
583
|
+
w.set(q);
|
|
584
|
+
const z = _.current, Ce = (v - e) * z, te = (1 - e) * z, je = Math.max(te, Math.min(Ce, F));
|
|
585
|
+
G.current.push({ x: P.clientX, t: performance.now() });
|
|
586
|
+
const ue = oe(je, V.current, e);
|
|
587
|
+
ue !== V.current && (V.current = ue, f(ue));
|
|
585
588
|
};
|
|
586
|
-
return window.addEventListener("pointermove",
|
|
587
|
-
}, [
|
|
588
|
-
|
|
589
|
-
}, [
|
|
590
|
-
if (
|
|
591
|
-
const
|
|
592
|
-
return () => clearTimeout(
|
|
593
|
-
}, [
|
|
594
|
-
const
|
|
595
|
-
(
|
|
589
|
+
return window.addEventListener("pointermove", D), () => window.removeEventListener("pointermove", D);
|
|
590
|
+
}, [c, e, w, oe, v, E]), L(() => () => {
|
|
591
|
+
O(), j();
|
|
592
|
+
}, [O, j]), L(() => {
|
|
593
|
+
if (c !== "cancelled") return;
|
|
594
|
+
const D = setTimeout(() => g("idle"), p);
|
|
595
|
+
return () => clearTimeout(D);
|
|
596
|
+
}, [c, p]);
|
|
597
|
+
const Ge = y(
|
|
598
|
+
(D) => {
|
|
596
599
|
if (m.current === "settling") return;
|
|
597
|
-
const
|
|
598
|
-
if (
|
|
599
|
-
|
|
600
|
-
const
|
|
601
|
-
|
|
600
|
+
const F = Math.min(v, Math.max(1, e + (D === "grow" ? 1 : -1)));
|
|
601
|
+
if (F === e) return;
|
|
602
|
+
_.current = r, T.current = s, i.current = v, G.current.clear();
|
|
603
|
+
const B = e * r + (e - 1) * s;
|
|
604
|
+
h.current = B, w.jump(B), ie(F, D);
|
|
602
605
|
},
|
|
603
|
-
[e, r, s,
|
|
604
|
-
),
|
|
605
|
-
|
|
606
|
+
[e, r, s, v, w, ie]
|
|
607
|
+
), Ne = y(() => {
|
|
608
|
+
j(), I.current = setTimeout(() => {
|
|
606
609
|
m.current === "handle-visible" && (m.current = "idle", g("idle"));
|
|
607
610
|
}, 5e3);
|
|
608
|
-
}, [
|
|
609
|
-
m.current === "idle" && (
|
|
610
|
-
}, [
|
|
611
|
-
|
|
612
|
-
}, [
|
|
611
|
+
}, [j]), He = y(() => {
|
|
612
|
+
m.current === "idle" && (O(), m.current = "handle-visible", g("handle-visible"), Ne());
|
|
613
|
+
}, [O, Ne]), Ve = y(() => {
|
|
614
|
+
j(), m.current === "handle-visible" && (m.current = "idle", g("idle"));
|
|
615
|
+
}, [j]);
|
|
613
616
|
return {
|
|
614
|
-
state:
|
|
615
|
-
enterEdgeZone:
|
|
616
|
-
leaveEdgeZone:
|
|
617
|
+
state: c,
|
|
618
|
+
enterEdgeZone: se,
|
|
619
|
+
leaveEdgeZone: K,
|
|
617
620
|
handleProps: {
|
|
618
|
-
onPointerDown:
|
|
619
|
-
onPointerUp:
|
|
621
|
+
onPointerDown: Ke,
|
|
622
|
+
onPointerUp: We,
|
|
620
623
|
// Bug E: handle continues zone presence so pointer crossing sentinel→handle
|
|
621
624
|
// doesn't collapse state. handle's pointerenter = stay in zone.
|
|
622
|
-
onPointerEnter:
|
|
623
|
-
onPointerLeave:
|
|
625
|
+
onPointerEnter: se,
|
|
626
|
+
onPointerLeave: K
|
|
624
627
|
},
|
|
625
|
-
previewColSpan:
|
|
628
|
+
previewColSpan: S,
|
|
626
629
|
ghostProps: {
|
|
627
|
-
visible:
|
|
628
|
-
targetColSpan:
|
|
629
|
-
ghostWidth:
|
|
630
|
+
visible: c === "dragging" || c === "settling",
|
|
631
|
+
targetColSpan: S,
|
|
632
|
+
ghostWidth: w,
|
|
630
633
|
enterMs: b,
|
|
631
634
|
exitMs: p
|
|
632
635
|
},
|
|
633
|
-
onKeyboardStep:
|
|
634
|
-
onTouchReveal:
|
|
635
|
-
onTouchDismiss:
|
|
636
|
-
cancel:
|
|
636
|
+
onKeyboardStep: Ge,
|
|
637
|
+
onTouchReveal: He,
|
|
638
|
+
onTouchDismiss: Ve,
|
|
639
|
+
cancel: de
|
|
637
640
|
};
|
|
638
641
|
}
|
|
639
|
-
const
|
|
642
|
+
const ee = {
|
|
640
643
|
// Cascade (D-08, D-10)
|
|
641
644
|
staggerMs: 50,
|
|
642
645
|
reverseStaggerMs: 30,
|
|
@@ -661,14 +664,14 @@ const Y = {
|
|
|
661
664
|
sectionDividerFadeOutMs: 80,
|
|
662
665
|
sectionDividerStaggerMs: 40
|
|
663
666
|
};
|
|
664
|
-
function
|
|
667
|
+
function Oa(e) {
|
|
665
668
|
const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: r } = e;
|
|
666
669
|
if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
|
|
667
670
|
return;
|
|
668
671
|
const s = (a + 0.5) * (t / n);
|
|
669
672
|
return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
|
|
670
673
|
}
|
|
671
|
-
const
|
|
674
|
+
const Aa = [
|
|
672
675
|
// 1. Standard: Total Revenue
|
|
673
676
|
{
|
|
674
677
|
variant: "standard",
|
|
@@ -772,24 +775,24 @@ const Oa = [
|
|
|
772
775
|
{ value: 9, color: "#6b7280", label: "Other" }
|
|
773
776
|
]
|
|
774
777
|
}
|
|
775
|
-
],
|
|
778
|
+
], bt = {
|
|
776
779
|
variant: "standard",
|
|
777
780
|
label: "Total Revenue",
|
|
778
781
|
isLoading: !0
|
|
779
|
-
},
|
|
782
|
+
}, vt = {
|
|
780
783
|
variant: "standard",
|
|
781
784
|
label: "Total Revenue",
|
|
782
785
|
value: 125430,
|
|
783
786
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
784
787
|
isError: !0
|
|
785
|
-
},
|
|
788
|
+
}, yt = {
|
|
786
789
|
variant: "standard",
|
|
787
790
|
label: "Total Revenue",
|
|
788
791
|
value: null,
|
|
789
792
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
790
793
|
isEmpty: !0,
|
|
791
794
|
subtitle: "No data"
|
|
792
|
-
},
|
|
795
|
+
}, wt = {
|
|
793
796
|
variant: "standard",
|
|
794
797
|
label: "Total Revenue",
|
|
795
798
|
value: 125430,
|
|
@@ -797,7 +800,7 @@ const Oa = [
|
|
|
797
800
|
trend: { value: 12.5, direction: "up" },
|
|
798
801
|
subtitle: "MTD",
|
|
799
802
|
isStale: !0
|
|
800
|
-
},
|
|
803
|
+
}, Dt = {
|
|
801
804
|
variant: "sparkline",
|
|
802
805
|
label: "Daily Orders",
|
|
803
806
|
value: 847,
|
|
@@ -806,7 +809,7 @@ const Oa = [
|
|
|
806
809
|
sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
|
|
807
810
|
accentColor: "#6366f1",
|
|
808
811
|
isStale: !0
|
|
809
|
-
},
|
|
812
|
+
}, Nt = {
|
|
810
813
|
variant: "donut",
|
|
811
814
|
label: "Order Fill Rate",
|
|
812
815
|
value: 78,
|
|
@@ -817,14 +820,14 @@ const Oa = [
|
|
|
817
820
|
donutMax: 100,
|
|
818
821
|
accentColor: "#10b981",
|
|
819
822
|
isStale: !0
|
|
820
|
-
},
|
|
821
|
-
ht,
|
|
823
|
+
}, La = [
|
|
822
824
|
bt,
|
|
823
825
|
vt,
|
|
824
826
|
yt,
|
|
825
827
|
wt,
|
|
826
|
-
Dt
|
|
827
|
-
|
|
828
|
+
Dt,
|
|
829
|
+
Nt
|
|
830
|
+
], $a = {
|
|
828
831
|
variant: "sparkline",
|
|
829
832
|
label: "Daily Orders",
|
|
830
833
|
value: 847,
|
|
@@ -847,7 +850,7 @@ const Oa = [
|
|
|
847
850
|
59
|
|
848
851
|
],
|
|
849
852
|
accentColor: "#6366f1"
|
|
850
|
-
},
|
|
853
|
+
}, Ba = {
|
|
851
854
|
variant: "sparkline",
|
|
852
855
|
label: "New Customers",
|
|
853
856
|
value: 23,
|
|
@@ -886,7 +889,7 @@ const Oa = [
|
|
|
886
889
|
19
|
|
887
890
|
],
|
|
888
891
|
accentColor: "#10b981"
|
|
889
|
-
},
|
|
892
|
+
}, za = {
|
|
890
893
|
variant: "standard",
|
|
891
894
|
label: "Total Revenue",
|
|
892
895
|
value: 125430,
|
|
@@ -900,7 +903,7 @@ const Oa = [
|
|
|
900
903
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
901
904
|
trend: { value: -8.3, direction: "down" },
|
|
902
905
|
subtitle: "MTD"
|
|
903
|
-
},
|
|
906
|
+
}, Wa = {
|
|
904
907
|
variant: "standard",
|
|
905
908
|
label: "Avg Order Value",
|
|
906
909
|
value: 487,
|
|
@@ -908,7 +911,7 @@ const Oa = [
|
|
|
908
911
|
trend: { value: 0, direction: "flat" },
|
|
909
912
|
subtitle: "QTD"
|
|
910
913
|
};
|
|
911
|
-
function
|
|
914
|
+
function Pe({
|
|
912
915
|
open: e,
|
|
913
916
|
onDismiss: t,
|
|
914
917
|
anchorRef: n,
|
|
@@ -918,23 +921,23 @@ function Re({
|
|
|
918
921
|
onCreatePage: o,
|
|
919
922
|
onManagePages: l
|
|
920
923
|
}) {
|
|
921
|
-
const b =
|
|
924
|
+
const b = y(
|
|
922
925
|
(u) => {
|
|
923
926
|
s(u), t();
|
|
924
927
|
},
|
|
925
928
|
[s, t]
|
|
926
|
-
), p =
|
|
927
|
-
(u,
|
|
928
|
-
(
|
|
929
|
+
), p = y(
|
|
930
|
+
(u, c) => {
|
|
931
|
+
(c.key === "Enter" || c.key === " ") && (c.preventDefault(), b(u));
|
|
929
932
|
},
|
|
930
933
|
[b]
|
|
931
|
-
),
|
|
934
|
+
), v = y(() => {
|
|
932
935
|
o(), t();
|
|
933
|
-
}, [o, t]), C =
|
|
936
|
+
}, [o, t]), C = y(() => {
|
|
934
937
|
l(), t();
|
|
935
938
|
}, [l, t]);
|
|
936
939
|
return /* @__PURE__ */ A(
|
|
937
|
-
|
|
940
|
+
Je,
|
|
938
941
|
{
|
|
939
942
|
definition: {
|
|
940
943
|
placement: "bottom-end",
|
|
@@ -947,50 +950,50 @@ function Re({
|
|
|
947
950
|
anchorRef: n,
|
|
948
951
|
className: "gloss-page-dropdown",
|
|
949
952
|
children: [
|
|
950
|
-
/* @__PURE__ */
|
|
951
|
-
const
|
|
953
|
+
/* @__PURE__ */ d("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
|
|
954
|
+
const c = u.id === r;
|
|
952
955
|
return /* @__PURE__ */ A(
|
|
953
956
|
"li",
|
|
954
957
|
{
|
|
955
958
|
role: "menuitemradio",
|
|
956
|
-
"aria-checked":
|
|
957
|
-
"aria-current":
|
|
959
|
+
"aria-checked": c,
|
|
960
|
+
"aria-current": c ? "page" : void 0,
|
|
958
961
|
tabIndex: 0,
|
|
959
|
-
className: `gloss-page-dropdown__item${
|
|
962
|
+
className: `gloss-page-dropdown__item${c ? " gloss-page-dropdown__item--active" : ""}`,
|
|
960
963
|
onClick: () => b(u.id),
|
|
961
964
|
onKeyDown: (g) => p(u.id, g),
|
|
962
965
|
children: [
|
|
963
|
-
/* @__PURE__ */
|
|
966
|
+
/* @__PURE__ */ d(
|
|
964
967
|
"span",
|
|
965
968
|
{
|
|
966
|
-
className: `gloss-page-dropdown__dot${
|
|
969
|
+
className: `gloss-page-dropdown__dot${c ? " gloss-page-dropdown__dot--active" : ""}`
|
|
967
970
|
}
|
|
968
971
|
),
|
|
969
|
-
/* @__PURE__ */
|
|
972
|
+
/* @__PURE__ */ d(
|
|
970
973
|
"span",
|
|
971
974
|
{
|
|
972
975
|
className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
|
|
973
976
|
children: u.name
|
|
974
977
|
}
|
|
975
978
|
),
|
|
976
|
-
/* @__PURE__ */
|
|
979
|
+
/* @__PURE__ */ d("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
|
|
977
980
|
]
|
|
978
981
|
},
|
|
979
982
|
u.id
|
|
980
983
|
);
|
|
981
984
|
}) }),
|
|
982
|
-
/* @__PURE__ */
|
|
983
|
-
/* @__PURE__ */
|
|
985
|
+
/* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
|
|
986
|
+
/* @__PURE__ */ d(
|
|
984
987
|
"button",
|
|
985
988
|
{
|
|
986
989
|
role: "menuitem",
|
|
987
990
|
className: "gloss-page-dropdown__action",
|
|
988
|
-
onClick:
|
|
991
|
+
onClick: v,
|
|
989
992
|
children: "+ New page"
|
|
990
993
|
}
|
|
991
994
|
),
|
|
992
|
-
/* @__PURE__ */
|
|
993
|
-
/* @__PURE__ */
|
|
995
|
+
/* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
|
|
996
|
+
/* @__PURE__ */ d(
|
|
994
997
|
"button",
|
|
995
998
|
{
|
|
996
999
|
role: "menuitem",
|
|
@@ -1003,7 +1006,7 @@ function Re({
|
|
|
1003
1006
|
}
|
|
1004
1007
|
);
|
|
1005
1008
|
}
|
|
1006
|
-
|
|
1009
|
+
Pe.displayName = "PageDropdown";
|
|
1007
1010
|
const Ct = function({
|
|
1008
1011
|
currentIndex: t,
|
|
1009
1012
|
total: n,
|
|
@@ -1013,11 +1016,11 @@ const Ct = function({
|
|
|
1013
1016
|
onManagePages: o,
|
|
1014
1017
|
maskRadius: l = "var(--gloss-radius-md)"
|
|
1015
1018
|
}) {
|
|
1016
|
-
const b = R(null), [p,
|
|
1017
|
-
|
|
1018
|
-
}, []), u =
|
|
1019
|
-
|
|
1020
|
-
}, []),
|
|
1019
|
+
const b = R(null), [p, v] = W(!1), C = y(() => {
|
|
1020
|
+
v((g) => !g);
|
|
1021
|
+
}, []), u = y(() => {
|
|
1022
|
+
v(!1);
|
|
1023
|
+
}, []), c = a[t]?.id ?? "";
|
|
1021
1024
|
return /* @__PURE__ */ A(
|
|
1022
1025
|
"div",
|
|
1023
1026
|
{
|
|
@@ -1026,7 +1029,7 @@ const Ct = function({
|
|
|
1026
1029
|
style: { position: "absolute", top: 0, right: 0 },
|
|
1027
1030
|
"data-page-chip": !0,
|
|
1028
1031
|
children: [
|
|
1029
|
-
/* @__PURE__ */
|
|
1032
|
+
/* @__PURE__ */ d(
|
|
1030
1033
|
"div",
|
|
1031
1034
|
{
|
|
1032
1035
|
className: "gloss-page-chip__nuzzle",
|
|
@@ -1048,14 +1051,14 @@ const Ct = function({
|
|
|
1048
1051
|
]
|
|
1049
1052
|
}
|
|
1050
1053
|
),
|
|
1051
|
-
/* @__PURE__ */
|
|
1052
|
-
|
|
1054
|
+
/* @__PURE__ */ d(
|
|
1055
|
+
Pe,
|
|
1053
1056
|
{
|
|
1054
1057
|
open: p,
|
|
1055
1058
|
onDismiss: u,
|
|
1056
1059
|
anchorRef: b,
|
|
1057
1060
|
pages: a,
|
|
1058
|
-
activePageId:
|
|
1061
|
+
activePageId: c,
|
|
1059
1062
|
onPageChange: r,
|
|
1060
1063
|
onCreatePage: s,
|
|
1061
1064
|
onManagePages: o
|
|
@@ -1066,7 +1069,7 @@ const Ct = function({
|
|
|
1066
1069
|
);
|
|
1067
1070
|
};
|
|
1068
1071
|
Ct.displayName = "PageChip";
|
|
1069
|
-
const
|
|
1072
|
+
const Ga = [
|
|
1070
1073
|
{
|
|
1071
1074
|
id: "ORD-1001",
|
|
1072
1075
|
orderNumber: "ORD-1001",
|
|
@@ -1199,7 +1202,7 @@ const Wa = [
|
|
|
1199
1202
|
date: "2026-03-01",
|
|
1200
1203
|
skuCount: 9
|
|
1201
1204
|
}
|
|
1202
|
-
],
|
|
1205
|
+
], Ha = [
|
|
1203
1206
|
{
|
|
1204
1207
|
id: "ITEM-001",
|
|
1205
1208
|
sku: "PB-4520",
|
|
@@ -1333,16 +1336,16 @@ const Wa = [
|
|
|
1333
1336
|
lastDate: "2026-03-01"
|
|
1334
1337
|
}
|
|
1335
1338
|
];
|
|
1336
|
-
function
|
|
1339
|
+
function he(e) {
|
|
1337
1340
|
return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
|
1338
1341
|
}
|
|
1339
|
-
function
|
|
1342
|
+
function Fe(e) {
|
|
1340
1343
|
return e.toLocaleString("en-US");
|
|
1341
1344
|
}
|
|
1342
|
-
function
|
|
1345
|
+
function Ee(e) {
|
|
1343
1346
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1344
1347
|
}
|
|
1345
|
-
const
|
|
1348
|
+
const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Va = [
|
|
1346
1349
|
{
|
|
1347
1350
|
field: "id",
|
|
1348
1351
|
headerName: "Order",
|
|
@@ -1372,7 +1375,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1372
1375
|
align: "right",
|
|
1373
1376
|
headerAlign: "right",
|
|
1374
1377
|
cellClassName: "gloss-tabular-nums",
|
|
1375
|
-
renderCell: ({ row: e }) => e.skuCount ?
|
|
1378
|
+
renderCell: ({ row: e }) => e.skuCount ? Fe(e.skuCount) : ne
|
|
1376
1379
|
},
|
|
1377
1380
|
{
|
|
1378
1381
|
field: "total",
|
|
@@ -1382,7 +1385,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1382
1385
|
align: "right",
|
|
1383
1386
|
headerAlign: "right",
|
|
1384
1387
|
cellClassName: "gloss-tabular-nums",
|
|
1385
|
-
renderCell: ({ row: e }) => e.total ?
|
|
1388
|
+
renderCell: ({ row: e }) => e.total ? he(e.total) : ne
|
|
1386
1389
|
},
|
|
1387
1390
|
{
|
|
1388
1391
|
field: "date",
|
|
@@ -1392,9 +1395,9 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1392
1395
|
align: "right",
|
|
1393
1396
|
headerAlign: "right",
|
|
1394
1397
|
cellClassName: "gloss-tabular-nums",
|
|
1395
|
-
renderCell: ({ row: e }) => e.date ?
|
|
1398
|
+
renderCell: ({ row: e }) => e.date ? Ee(e.date) : ""
|
|
1396
1399
|
}
|
|
1397
|
-
],
|
|
1400
|
+
], ja = [
|
|
1398
1401
|
{
|
|
1399
1402
|
field: "sku",
|
|
1400
1403
|
headerName: "Item ID",
|
|
@@ -1426,7 +1429,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1426
1429
|
align: "right",
|
|
1427
1430
|
headerAlign: "right",
|
|
1428
1431
|
cellClassName: "gloss-tabular-nums",
|
|
1429
|
-
renderCell: ({ row: e }) => e.price ?
|
|
1432
|
+
renderCell: ({ row: e }) => e.price ? he(e.price) : ne
|
|
1430
1433
|
},
|
|
1431
1434
|
{
|
|
1432
1435
|
field: "quantity",
|
|
@@ -1436,7 +1439,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1436
1439
|
align: "right",
|
|
1437
1440
|
headerAlign: "right",
|
|
1438
1441
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1439
|
-
renderCell: ({ row: e }) => e.quantity ?
|
|
1442
|
+
renderCell: ({ row: e }) => e.quantity ? Fe(e.quantity) : ne
|
|
1440
1443
|
},
|
|
1441
1444
|
{
|
|
1442
1445
|
field: "total",
|
|
@@ -1446,7 +1449,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1446
1449
|
align: "right",
|
|
1447
1450
|
headerAlign: "right",
|
|
1448
1451
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1449
|
-
renderCell: ({ row: e }) => e.total ?
|
|
1452
|
+
renderCell: ({ row: e }) => e.total ? he(e.total) : ne
|
|
1450
1453
|
},
|
|
1451
1454
|
{
|
|
1452
1455
|
field: "lastDate",
|
|
@@ -1456,9 +1459,9 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1456
1459
|
align: "right",
|
|
1457
1460
|
headerAlign: "right",
|
|
1458
1461
|
cellClassName: "gloss-tabular-nums",
|
|
1459
|
-
renderCell: ({ row: e }) => e.lastDate ?
|
|
1462
|
+
renderCell: ({ row: e }) => e.lastDate ? Ee(e.lastDate) : ""
|
|
1460
1463
|
}
|
|
1461
|
-
],
|
|
1464
|
+
], kt = [
|
|
1462
1465
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
1463
1466
|
{ id: "c-002", label: "Riverside Retail" },
|
|
1464
1467
|
{ id: "c-003", label: "Mountain View Store" },
|
|
@@ -1470,10 +1473,10 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1470
1473
|
{ id: "i-003", label: "Walnut Console Table" },
|
|
1471
1474
|
{ id: "i-004", label: "Hand-Blown Glass Vase" },
|
|
1472
1475
|
{ id: "i-005", label: "Velvet Accent Cushion" }
|
|
1473
|
-
],
|
|
1474
|
-
},
|
|
1475
|
-
},
|
|
1476
|
-
},
|
|
1476
|
+
], me = (e) => {
|
|
1477
|
+
}, xt = (e) => {
|
|
1478
|
+
}, xe = (e, t) => {
|
|
1479
|
+
}, Oe = {
|
|
1477
1480
|
vizState: {
|
|
1478
1481
|
type: "orders",
|
|
1479
1482
|
quant: "$",
|
|
@@ -1481,17 +1484,17 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1481
1484
|
byItem: { id: null, name: null },
|
|
1482
1485
|
timeFrame: "MTD"
|
|
1483
1486
|
},
|
|
1484
|
-
onTypeChange:
|
|
1485
|
-
onQuantChange:
|
|
1486
|
-
onEntityTypeChange:
|
|
1487
|
-
onEntitySelect:
|
|
1488
|
-
onItemSelect:
|
|
1489
|
-
onTimeFrameChange:
|
|
1487
|
+
onTypeChange: me,
|
|
1488
|
+
onQuantChange: xt,
|
|
1489
|
+
onEntityTypeChange: me,
|
|
1490
|
+
onEntitySelect: xe,
|
|
1491
|
+
onItemSelect: xe,
|
|
1492
|
+
onTimeFrameChange: me,
|
|
1490
1493
|
userType: "sales-agency",
|
|
1491
|
-
entityFilterOptions:
|
|
1494
|
+
entityFilterOptions: kt,
|
|
1492
1495
|
itemFilterOptions: _t
|
|
1493
1496
|
}, Ua = {
|
|
1494
|
-
...
|
|
1497
|
+
...Oe,
|
|
1495
1498
|
vizState: {
|
|
1496
1499
|
type: "items",
|
|
1497
1500
|
quant: "$",
|
|
@@ -1500,7 +1503,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1500
1503
|
timeFrame: "YTD"
|
|
1501
1504
|
}
|
|
1502
1505
|
}, Za = {
|
|
1503
|
-
...
|
|
1506
|
+
...Oe,
|
|
1504
1507
|
vizState: {
|
|
1505
1508
|
type: "orders",
|
|
1506
1509
|
quant: "#",
|
|
@@ -1558,7 +1561,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1558
1561
|
routeKey: "customer.profile",
|
|
1559
1562
|
subtitle: "Opens in RepTime"
|
|
1560
1563
|
}
|
|
1561
|
-
],
|
|
1564
|
+
], Mt = [
|
|
1562
1565
|
{
|
|
1563
1566
|
id: "order-items",
|
|
1564
1567
|
label: "Items in Order",
|
|
@@ -1615,14 +1618,14 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1615
1618
|
cellKinds: ["numeric"],
|
|
1616
1619
|
tabType: "orders"
|
|
1617
1620
|
}
|
|
1618
|
-
],
|
|
1621
|
+
], Ya = {
|
|
1619
1622
|
entityName: St,
|
|
1620
|
-
orderId:
|
|
1623
|
+
orderId: Mt,
|
|
1621
1624
|
numeric: Tt
|
|
1622
|
-
},
|
|
1625
|
+
}, qa = [
|
|
1623
1626
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
|
|
1624
1627
|
/* @__PURE__ */ new Date()
|
|
1625
|
-
],
|
|
1628
|
+
], Qa = {
|
|
1626
1629
|
rangeA: [
|
|
1627
1630
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
|
|
1628
1631
|
/* @__PURE__ */ new Date()
|
|
@@ -1635,7 +1638,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1635
1638
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
|
|
1636
1639
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
|
|
1637
1640
|
]
|
|
1638
|
-
},
|
|
1641
|
+
}, Xa = {
|
|
1639
1642
|
version: 4,
|
|
1640
1643
|
lastPreset: "mtd",
|
|
1641
1644
|
pinnedPreset: "mtd",
|
|
@@ -1643,7 +1646,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1643
1646
|
rangeCount: 1,
|
|
1644
1647
|
lastPresetB: null,
|
|
1645
1648
|
lastPresetC: null
|
|
1646
|
-
},
|
|
1649
|
+
}, Ja = [
|
|
1647
1650
|
{
|
|
1648
1651
|
id: "atlanta-jan",
|
|
1649
1652
|
label: "Atlanta Market",
|
|
@@ -1665,7 +1668,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1665
1668
|
endDate: new Date(2026, 3, 22),
|
|
1666
1669
|
location: "Chicago, IL"
|
|
1667
1670
|
}
|
|
1668
|
-
],
|
|
1671
|
+
], en = [
|
|
1669
1672
|
{
|
|
1670
1673
|
id: "custom-regional-1",
|
|
1671
1674
|
label: "Southeast Regional Expo",
|
|
@@ -1682,7 +1685,7 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1682
1685
|
location: "Portland, OR",
|
|
1683
1686
|
isCustom: !0
|
|
1684
1687
|
}
|
|
1685
|
-
],
|
|
1688
|
+
], tn = [
|
|
1686
1689
|
{
|
|
1687
1690
|
id: "atlanta-jan",
|
|
1688
1691
|
label: "Atlanta Market",
|
|
@@ -1699,37 +1702,37 @@ const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1699
1702
|
location: "New York, NY",
|
|
1700
1703
|
active: !0
|
|
1701
1704
|
}
|
|
1702
|
-
],
|
|
1705
|
+
], an = [
|
|
1703
1706
|
{ id: "7d", label: "7D" },
|
|
1704
1707
|
{ id: "30d", label: "30D" },
|
|
1705
1708
|
{ id: "60d", label: "60D" },
|
|
1706
1709
|
{ id: "90d", label: "90D" }
|
|
1707
|
-
],
|
|
1710
|
+
], nn = [
|
|
1708
1711
|
{ id: "mtd", label: "MTD" },
|
|
1709
1712
|
{ id: "qtd", label: "QTD" },
|
|
1710
1713
|
{ id: "ytd", label: "YTD" },
|
|
1711
1714
|
{ id: "lytd", label: "LYTD" }
|
|
1712
|
-
],
|
|
1715
|
+
], Rt = {
|
|
1713
1716
|
timeframe: "Time Frame",
|
|
1714
1717
|
threshold: "Thresholds",
|
|
1715
1718
|
slots: "Slots",
|
|
1716
1719
|
size: "Size",
|
|
1717
1720
|
color: "Color",
|
|
1718
1721
|
pinned: "Pinned"
|
|
1719
|
-
},
|
|
1720
|
-
timeframe:
|
|
1721
|
-
threshold:
|
|
1722
|
-
slots:
|
|
1723
|
-
size:
|
|
1724
|
-
color:
|
|
1725
|
-
pinned:
|
|
1722
|
+
}, It = {
|
|
1723
|
+
timeframe: tt,
|
|
1724
|
+
threshold: at,
|
|
1725
|
+
slots: nt,
|
|
1726
|
+
size: rt,
|
|
1727
|
+
color: st,
|
|
1728
|
+
pinned: ot
|
|
1726
1729
|
};
|
|
1727
|
-
function
|
|
1730
|
+
function Se(...e) {
|
|
1728
1731
|
return e.filter(Boolean).join(" ");
|
|
1729
1732
|
}
|
|
1730
|
-
function
|
|
1731
|
-
const [e, t] =
|
|
1732
|
-
return
|
|
1733
|
+
function Pt() {
|
|
1734
|
+
const [e, t] = W(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
|
|
1735
|
+
return L(() => {
|
|
1733
1736
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
1734
1737
|
const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (r) => t(r.matches);
|
|
1735
1738
|
return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
|
|
@@ -1744,78 +1747,78 @@ const Ft = ({
|
|
|
1744
1747
|
ariaCardTypeLabel: a,
|
|
1745
1748
|
className: r
|
|
1746
1749
|
}) => {
|
|
1747
|
-
const s = R(null), o = R([]), l =
|
|
1750
|
+
const s = R(null), o = R([]), l = Pt(), b = re(() => Array.from(e), [e]);
|
|
1748
1751
|
if (b.length === 0) return null;
|
|
1749
|
-
const p = a ? `Configure ${a}: choose a dimension` : void 0,
|
|
1750
|
-
const g = b.length - 1,
|
|
1751
|
-
const
|
|
1752
|
-
|
|
1752
|
+
const p = a ? `Configure ${a}: choose a dimension` : void 0, v = l ? "10ms" : "200ms", C = (u, c) => {
|
|
1753
|
+
const g = b.length - 1, S = (f) => {
|
|
1754
|
+
const x = o.current[f];
|
|
1755
|
+
x && x.focus();
|
|
1753
1756
|
};
|
|
1754
1757
|
switch (u.key) {
|
|
1755
1758
|
case "ArrowRight":
|
|
1756
1759
|
case "ArrowDown": {
|
|
1757
|
-
u.preventDefault(),
|
|
1760
|
+
u.preventDefault(), S(c === g ? 0 : c + 1);
|
|
1758
1761
|
break;
|
|
1759
1762
|
}
|
|
1760
1763
|
case "ArrowLeft":
|
|
1761
1764
|
case "ArrowUp": {
|
|
1762
|
-
u.preventDefault(),
|
|
1765
|
+
u.preventDefault(), S(c === 0 ? g : c - 1);
|
|
1763
1766
|
break;
|
|
1764
1767
|
}
|
|
1765
1768
|
case "Home": {
|
|
1766
|
-
u.preventDefault(),
|
|
1769
|
+
u.preventDefault(), S(0);
|
|
1767
1770
|
break;
|
|
1768
1771
|
}
|
|
1769
1772
|
case "End": {
|
|
1770
|
-
u.preventDefault(),
|
|
1773
|
+
u.preventDefault(), S(g);
|
|
1771
1774
|
break;
|
|
1772
1775
|
}
|
|
1773
1776
|
case "Enter":
|
|
1774
1777
|
case " ": {
|
|
1775
|
-
u.preventDefault(), t(b[
|
|
1778
|
+
u.preventDefault(), t(b[c]);
|
|
1776
1779
|
break;
|
|
1777
1780
|
}
|
|
1778
1781
|
}
|
|
1779
1782
|
};
|
|
1780
|
-
return /* @__PURE__ */
|
|
1783
|
+
return /* @__PURE__ */ d(
|
|
1781
1784
|
"div",
|
|
1782
1785
|
{
|
|
1783
1786
|
ref: s,
|
|
1784
1787
|
role: "group",
|
|
1785
1788
|
"aria-label": p,
|
|
1786
|
-
className:
|
|
1789
|
+
className: Se("gloss-reconfig-backside-buttons", r),
|
|
1787
1790
|
style: {
|
|
1788
1791
|
// Expose the reduced-motion-resolved duration as a CSS custom prop
|
|
1789
1792
|
// so the SCSS transition rule can consume it without a nested media
|
|
1790
1793
|
// query in the JS. Also surfaces the value for the unit test.
|
|
1791
|
-
"--gloss-reconfig-backside-buttons-transition-duration":
|
|
1794
|
+
"--gloss-reconfig-backside-buttons-transition-duration": v
|
|
1792
1795
|
},
|
|
1793
|
-
children: b.map((u,
|
|
1794
|
-
const g =
|
|
1796
|
+
children: b.map((u, c) => {
|
|
1797
|
+
const g = It[u], S = n === u;
|
|
1795
1798
|
return /* @__PURE__ */ A(
|
|
1796
1799
|
"button",
|
|
1797
1800
|
{
|
|
1798
1801
|
ref: (f) => {
|
|
1799
|
-
o.current[
|
|
1802
|
+
o.current[c] = f;
|
|
1800
1803
|
},
|
|
1801
1804
|
type: "button",
|
|
1802
1805
|
"data-dimension": u,
|
|
1803
|
-
className:
|
|
1806
|
+
className: Se(
|
|
1804
1807
|
"gloss-reconfig-backside-buttons__button",
|
|
1805
|
-
|
|
1808
|
+
S && "gloss-reconfig-backside-buttons__button--active"
|
|
1806
1809
|
),
|
|
1807
|
-
"aria-current":
|
|
1810
|
+
"aria-current": S ? "true" : void 0,
|
|
1808
1811
|
onClick: () => t(u),
|
|
1809
|
-
onKeyDown: (f) => C(f,
|
|
1812
|
+
onKeyDown: (f) => C(f, c),
|
|
1810
1813
|
children: [
|
|
1811
|
-
/* @__PURE__ */
|
|
1814
|
+
/* @__PURE__ */ d(
|
|
1812
1815
|
g,
|
|
1813
1816
|
{
|
|
1814
1817
|
className: "gloss-reconfig-backside-buttons__button-icon",
|
|
1815
1818
|
"aria-hidden": "true"
|
|
1816
1819
|
}
|
|
1817
1820
|
),
|
|
1818
|
-
/* @__PURE__ */
|
|
1821
|
+
/* @__PURE__ */ d("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Rt[u] })
|
|
1819
1822
|
]
|
|
1820
1823
|
},
|
|
1821
1824
|
u
|
|
@@ -1829,7 +1832,7 @@ function U(e, t) {
|
|
|
1829
1832
|
return {
|
|
1830
1833
|
id: e,
|
|
1831
1834
|
colSpan: 1,
|
|
1832
|
-
content:
|
|
1835
|
+
content: H.createElement("div", {
|
|
1833
1836
|
style: {
|
|
1834
1837
|
width: "100%",
|
|
1835
1838
|
height: "100%",
|
|
@@ -1845,38 +1848,38 @@ function U(e, t) {
|
|
|
1845
1848
|
}, t)
|
|
1846
1849
|
};
|
|
1847
1850
|
}
|
|
1848
|
-
function
|
|
1851
|
+
function Me(e, t) {
|
|
1849
1852
|
return {
|
|
1850
1853
|
...U(e, t),
|
|
1851
1854
|
colSpan: 2
|
|
1852
1855
|
};
|
|
1853
1856
|
}
|
|
1854
|
-
const
|
|
1857
|
+
const rn = [
|
|
1855
1858
|
U("total-revenue", "Total Revenue"),
|
|
1856
1859
|
U("total-orders", "Total Orders"),
|
|
1857
|
-
|
|
1860
|
+
Me("revenue-trend", "Revenue Trend (2x)"),
|
|
1858
1861
|
U("avg-order", "Avg Order Value"),
|
|
1859
1862
|
U("new-customers", "New Customers"),
|
|
1860
1863
|
U("top-salesperson", "Top Salesperson"),
|
|
1861
|
-
|
|
1864
|
+
Me("order-trend", "Order Trend (2x)"),
|
|
1862
1865
|
U("repeat-rate", "Repeat Rate"),
|
|
1863
1866
|
U("open-orders", "Open Orders"),
|
|
1864
1867
|
U("shipped-orders", "Shipped Orders")
|
|
1865
|
-
],
|
|
1868
|
+
], sn = {
|
|
1866
1869
|
columns: 6,
|
|
1867
1870
|
rowHeight: 120,
|
|
1868
1871
|
gap: 15,
|
|
1869
1872
|
maxRows: 3,
|
|
1870
1873
|
currentPage: 0,
|
|
1871
1874
|
totalPages: 1
|
|
1872
|
-
},
|
|
1875
|
+
}, on = {
|
|
1873
1876
|
columns: 9,
|
|
1874
1877
|
rowHeight: 120,
|
|
1875
1878
|
gap: 15,
|
|
1876
1879
|
maxRows: 3,
|
|
1877
1880
|
currentPage: 0,
|
|
1878
1881
|
totalPages: 2
|
|
1879
|
-
},
|
|
1882
|
+
}, ln = {
|
|
1880
1883
|
columns: 12,
|
|
1881
1884
|
rowHeight: 120,
|
|
1882
1885
|
gap: 15,
|
|
@@ -1884,15 +1887,15 @@ const nn = [
|
|
|
1884
1887
|
currentPage: 0,
|
|
1885
1888
|
totalPages: 3
|
|
1886
1889
|
};
|
|
1887
|
-
function
|
|
1888
|
-
return
|
|
1890
|
+
function pe(e) {
|
|
1891
|
+
return H.createElement("span", { style: { fontSize: 14 } }, e);
|
|
1889
1892
|
}
|
|
1890
|
-
const
|
|
1893
|
+
const cn = [
|
|
1891
1894
|
{
|
|
1892
1895
|
id: "all-orders",
|
|
1893
1896
|
type: "orders",
|
|
1894
1897
|
name: "All Orders",
|
|
1895
|
-
icon:
|
|
1898
|
+
icon: pe("📋"),
|
|
1896
1899
|
closable: !1,
|
|
1897
1900
|
autoCreated: !0
|
|
1898
1901
|
},
|
|
@@ -1900,14 +1903,14 @@ const ln = [
|
|
|
1900
1903
|
id: "open-orders",
|
|
1901
1904
|
type: "orders",
|
|
1902
1905
|
name: "Open Orders",
|
|
1903
|
-
icon:
|
|
1906
|
+
icon: pe("📦"),
|
|
1904
1907
|
closable: !0
|
|
1905
1908
|
},
|
|
1906
1909
|
{
|
|
1907
1910
|
id: "shipped-orders",
|
|
1908
1911
|
type: "orders",
|
|
1909
1912
|
name: "Shipped Orders",
|
|
1910
|
-
icon:
|
|
1913
|
+
icon: pe("🚚"),
|
|
1911
1914
|
closable: !0
|
|
1912
1915
|
}
|
|
1913
1916
|
], dn = [
|
|
@@ -1936,7 +1939,7 @@ const ln = [
|
|
|
1936
1939
|
name: "Customers",
|
|
1937
1940
|
closable: !0
|
|
1938
1941
|
}
|
|
1939
|
-
],
|
|
1942
|
+
], un = [
|
|
1940
1943
|
{
|
|
1941
1944
|
id: "only-tab",
|
|
1942
1945
|
type: "orders",
|
|
@@ -1944,7 +1947,7 @@ const ln = [
|
|
|
1944
1947
|
closable: !1,
|
|
1945
1948
|
autoCreated: !0
|
|
1946
1949
|
}
|
|
1947
|
-
],
|
|
1950
|
+
], mn = [
|
|
1948
1951
|
{ id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
|
|
1949
1952
|
{ id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
|
|
1950
1953
|
{ id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
|
|
@@ -1956,7 +1959,7 @@ const ln = [
|
|
|
1956
1959
|
{ id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
|
|
1957
1960
|
{ id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
|
|
1958
1961
|
];
|
|
1959
|
-
function
|
|
1962
|
+
function be(e) {
|
|
1960
1963
|
switch (e) {
|
|
1961
1964
|
case "wide":
|
|
1962
1965
|
return { cols: 2, rows: 1 };
|
|
@@ -1967,24 +1970,24 @@ function he(e) {
|
|
|
1967
1970
|
return { cols: 1, rows: 1 };
|
|
1968
1971
|
}
|
|
1969
1972
|
}
|
|
1970
|
-
function
|
|
1973
|
+
function Et(e) {
|
|
1971
1974
|
let t = 0;
|
|
1972
1975
|
for (const a of e) {
|
|
1973
|
-
const r =
|
|
1976
|
+
const r = be(a.size), s = a.gridPosition.col + r.cols - 1;
|
|
1974
1977
|
s > t && (t = s);
|
|
1975
1978
|
}
|
|
1976
1979
|
return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
|
|
1977
1980
|
}
|
|
1978
|
-
const
|
|
1981
|
+
const Ot = function(t) {
|
|
1979
1982
|
if (t.renderMode === "discrete")
|
|
1980
|
-
return /* @__PURE__ */
|
|
1983
|
+
return /* @__PURE__ */ d(
|
|
1981
1984
|
"div",
|
|
1982
1985
|
{
|
|
1983
1986
|
className: "gloss-metric-group gloss-metric-group--discrete",
|
|
1984
1987
|
style: { display: "contents" },
|
|
1985
1988
|
children: t.cards.map((r) => {
|
|
1986
|
-
const s =
|
|
1987
|
-
return /* @__PURE__ */
|
|
1989
|
+
const s = be(r.size);
|
|
1990
|
+
return /* @__PURE__ */ d(
|
|
1988
1991
|
"div",
|
|
1989
1992
|
{
|
|
1990
1993
|
className: "gloss-metric-group__slot",
|
|
@@ -2019,7 +2022,7 @@ const Et = function(t) {
|
|
|
2019
2022
|
"aria-label": a?.label,
|
|
2020
2023
|
tabIndex: void 0,
|
|
2021
2024
|
children: [
|
|
2022
|
-
a?.accentColor && /* @__PURE__ */
|
|
2025
|
+
a?.accentColor && /* @__PURE__ */ d(
|
|
2023
2026
|
"div",
|
|
2024
2027
|
{
|
|
2025
2028
|
className: "gloss-metric-group__accent",
|
|
@@ -2027,8 +2030,8 @@ const Et = function(t) {
|
|
|
2027
2030
|
}
|
|
2028
2031
|
),
|
|
2029
2032
|
a?.label && /* @__PURE__ */ A("div", { className: "gloss-metric-group__label", children: [
|
|
2030
|
-
/* @__PURE__ */
|
|
2031
|
-
a?.trend && /* @__PURE__ */
|
|
2033
|
+
/* @__PURE__ */ d("span", { children: a.label }),
|
|
2034
|
+
a?.trend && /* @__PURE__ */ d(
|
|
2032
2035
|
"span",
|
|
2033
2036
|
{
|
|
2034
2037
|
className: "gloss-metric-group__trend",
|
|
@@ -2037,18 +2040,18 @@ const Et = function(t) {
|
|
|
2037
2040
|
}
|
|
2038
2041
|
)
|
|
2039
2042
|
] }),
|
|
2040
|
-
/* @__PURE__ */
|
|
2043
|
+
/* @__PURE__ */ d(
|
|
2041
2044
|
"div",
|
|
2042
2045
|
{
|
|
2043
2046
|
className: "gloss-metric-group__slots",
|
|
2044
2047
|
style: {
|
|
2045
2048
|
display: "grid",
|
|
2046
2049
|
gap: "var(--gloss-spacing-2, 8px)",
|
|
2047
|
-
gridTemplateColumns:
|
|
2050
|
+
gridTemplateColumns: Et(n)
|
|
2048
2051
|
},
|
|
2049
2052
|
children: n.map((r) => {
|
|
2050
|
-
const s =
|
|
2051
|
-
return /* @__PURE__ */
|
|
2053
|
+
const s = be(r.size);
|
|
2054
|
+
return /* @__PURE__ */ d(
|
|
2052
2055
|
"div",
|
|
2053
2056
|
{
|
|
2054
2057
|
className: "gloss-metric-group__slot--composite",
|
|
@@ -2067,48 +2070,48 @@ const Et = function(t) {
|
|
|
2067
2070
|
}
|
|
2068
2071
|
);
|
|
2069
2072
|
};
|
|
2070
|
-
|
|
2071
|
-
const
|
|
2073
|
+
Ot.displayName = "MetricGroupContainer";
|
|
2074
|
+
const Ae = "resize.tuning.dev", At = {
|
|
2072
2075
|
...Ie,
|
|
2073
2076
|
snapInPx: 60,
|
|
2074
2077
|
snapOutPx: 90
|
|
2075
|
-
},
|
|
2076
|
-
function
|
|
2077
|
-
if (typeof window > "u") return { ...
|
|
2078
|
+
}, J = At;
|
|
2079
|
+
function Lt() {
|
|
2080
|
+
if (typeof window > "u") return { ...J };
|
|
2078
2081
|
try {
|
|
2079
|
-
const e = window.localStorage.getItem(
|
|
2080
|
-
if (!e) return { ...
|
|
2082
|
+
const e = window.localStorage.getItem(Ae);
|
|
2083
|
+
if (!e) return { ...J };
|
|
2081
2084
|
const t = JSON.parse(e);
|
|
2082
|
-
return !t || typeof t != "object" || Array.isArray(t) ? { ...
|
|
2085
|
+
return !t || typeof t != "object" || Array.isArray(t) ? { ...J } : { ...J, ...t };
|
|
2083
2086
|
} catch {
|
|
2084
|
-
return { ...
|
|
2087
|
+
return { ...J };
|
|
2085
2088
|
}
|
|
2086
2089
|
}
|
|
2087
|
-
function
|
|
2088
|
-
const [e, t] =
|
|
2089
|
-
|
|
2090
|
+
function $t() {
|
|
2091
|
+
const [e, t] = W(() => Lt());
|
|
2092
|
+
L(() => {
|
|
2090
2093
|
if (!(typeof window > "u"))
|
|
2091
2094
|
try {
|
|
2092
|
-
window.localStorage.setItem(
|
|
2095
|
+
window.localStorage.setItem(Ae, JSON.stringify(e));
|
|
2093
2096
|
} catch {
|
|
2094
2097
|
}
|
|
2095
2098
|
}, [e]);
|
|
2096
|
-
const n =
|
|
2099
|
+
const n = y(
|
|
2097
2100
|
(s, o) => {
|
|
2098
2101
|
t((l) => ({ ...l, [s]: o }));
|
|
2099
2102
|
},
|
|
2100
2103
|
[]
|
|
2101
|
-
), a =
|
|
2104
|
+
), a = y(
|
|
2102
2105
|
(s) => {
|
|
2103
|
-
t((o) => ({ ...o, [s]:
|
|
2106
|
+
t((o) => ({ ...o, [s]: J[s] }));
|
|
2104
2107
|
},
|
|
2105
2108
|
[]
|
|
2106
|
-
), r =
|
|
2107
|
-
t({ ...
|
|
2109
|
+
), r = y(() => {
|
|
2110
|
+
t({ ...J });
|
|
2108
2111
|
}, []);
|
|
2109
2112
|
return { values: e, setValue: n, resetRow: a, resetAll: r };
|
|
2110
2113
|
}
|
|
2111
|
-
const
|
|
2114
|
+
const Bt = [
|
|
2112
2115
|
{ key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
|
|
2113
2116
|
{ key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
|
|
2114
2117
|
{ key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
|
|
@@ -2119,7 +2122,7 @@ const $t = [
|
|
|
2119
2122
|
{ key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
|
|
2120
2123
|
{ key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
|
|
2121
2124
|
];
|
|
2122
|
-
function
|
|
2125
|
+
function zt(e, t) {
|
|
2123
2126
|
return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
|
|
2124
2127
|
}
|
|
2125
2128
|
function Kt() {
|
|
@@ -2136,14 +2139,14 @@ function Kt() {
|
|
|
2136
2139
|
strokeLinejoin: "round",
|
|
2137
2140
|
"aria-hidden": "true",
|
|
2138
2141
|
children: [
|
|
2139
|
-
/* @__PURE__ */
|
|
2140
|
-
/* @__PURE__ */
|
|
2142
|
+
/* @__PURE__ */ d("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
|
|
2143
|
+
/* @__PURE__ */ d("polyline", { points: "3 3 3 8 8 8" })
|
|
2141
2144
|
]
|
|
2142
2145
|
}
|
|
2143
2146
|
);
|
|
2144
2147
|
}
|
|
2145
|
-
function
|
|
2146
|
-
const s =
|
|
2148
|
+
function Wt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
|
|
2149
|
+
const s = y(
|
|
2147
2150
|
(o) => {
|
|
2148
2151
|
(o.key === "r" || o.key === "R") && (o.preventDefault(), a());
|
|
2149
2152
|
},
|
|
@@ -2156,12 +2159,12 @@ function zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
|
|
|
2156
2159
|
"data-tuning-row": e.key,
|
|
2157
2160
|
onKeyDown: s,
|
|
2158
2161
|
children: [
|
|
2159
|
-
/* @__PURE__ */
|
|
2162
|
+
/* @__PURE__ */ d("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
|
|
2160
2163
|
/* @__PURE__ */ A("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
|
|
2161
|
-
|
|
2164
|
+
zt(t, e.step),
|
|
2162
2165
|
e.unit ? ` ${e.unit}` : ""
|
|
2163
2166
|
] }),
|
|
2164
|
-
/* @__PURE__ */
|
|
2167
|
+
/* @__PURE__ */ d(
|
|
2165
2168
|
"input",
|
|
2166
2169
|
{
|
|
2167
2170
|
id: `gloss-dtp-${e.key}`,
|
|
@@ -2175,21 +2178,21 @@ function zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
|
|
|
2175
2178
|
onChange: (o) => n(Number(o.target.value))
|
|
2176
2179
|
}
|
|
2177
2180
|
),
|
|
2178
|
-
/* @__PURE__ */
|
|
2181
|
+
/* @__PURE__ */ d(
|
|
2179
2182
|
"button",
|
|
2180
2183
|
{
|
|
2181
2184
|
type: "button",
|
|
2182
2185
|
className: "gloss-dev-tuning-panel__reset",
|
|
2183
2186
|
"aria-label": `Reset ${e.label}`,
|
|
2184
2187
|
onClick: a,
|
|
2185
|
-
children: /* @__PURE__ */
|
|
2188
|
+
children: /* @__PURE__ */ d(Kt, {})
|
|
2186
2189
|
}
|
|
2187
2190
|
)
|
|
2188
2191
|
]
|
|
2189
2192
|
}
|
|
2190
2193
|
);
|
|
2191
2194
|
}
|
|
2192
|
-
function
|
|
2195
|
+
function Gt() {
|
|
2193
2196
|
if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
|
|
2194
2197
|
try {
|
|
2195
2198
|
return new URLSearchParams(window.location.search).has("devtune");
|
|
@@ -2197,23 +2200,23 @@ function Wt() {
|
|
|
2197
2200
|
return !1;
|
|
2198
2201
|
}
|
|
2199
2202
|
}
|
|
2200
|
-
function
|
|
2201
|
-
return
|
|
2203
|
+
function Ht(e = {}) {
|
|
2204
|
+
return Gt() ? /* @__PURE__ */ d(Vt, {}) : null;
|
|
2202
2205
|
}
|
|
2203
|
-
|
|
2204
|
-
function
|
|
2205
|
-
const e =
|
|
2206
|
+
Ht.displayName = "DevTuningPanel";
|
|
2207
|
+
function Vt() {
|
|
2208
|
+
const e = $t(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [s, o] = W(null), l = R(null), b = y((u) => {
|
|
2206
2209
|
l.current && clearTimeout(l.current), o(u), l.current = setTimeout(() => {
|
|
2207
2210
|
o(null), l.current = null;
|
|
2208
2211
|
}, 200);
|
|
2209
|
-
}, []), p =
|
|
2210
|
-
(u,
|
|
2211
|
-
n(u,
|
|
2212
|
+
}, []), p = y(
|
|
2213
|
+
(u, c) => {
|
|
2214
|
+
n(u, c), u === "snapInPx" && c > t.snapOutPx && (n("snapOutPx", c), b("snapOutPx"));
|
|
2212
2215
|
},
|
|
2213
2216
|
[n, t.snapOutPx, b]
|
|
2214
|
-
),
|
|
2217
|
+
), v = re(() => Bt, []), C = Xe();
|
|
2215
2218
|
return /* @__PURE__ */ A(
|
|
2216
|
-
|
|
2219
|
+
Re.div,
|
|
2217
2220
|
{
|
|
2218
2221
|
className: "gloss-dev-tuning-panel",
|
|
2219
2222
|
role: "region",
|
|
@@ -2230,23 +2233,23 @@ function Ht() {
|
|
|
2230
2233
|
className: "gloss-dev-tuning-panel__header",
|
|
2231
2234
|
onPointerDown: (u) => C.start(u),
|
|
2232
2235
|
children: [
|
|
2233
|
-
/* @__PURE__ */
|
|
2234
|
-
/* @__PURE__ */
|
|
2236
|
+
/* @__PURE__ */ d("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
|
|
2237
|
+
/* @__PURE__ */ d("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
|
|
2235
2238
|
]
|
|
2236
2239
|
}
|
|
2237
2240
|
),
|
|
2238
|
-
/* @__PURE__ */
|
|
2239
|
-
|
|
2241
|
+
/* @__PURE__ */ d("div", { className: "gloss-dev-tuning-panel__body", children: v.map((u) => /* @__PURE__ */ d(
|
|
2242
|
+
Wt,
|
|
2240
2243
|
{
|
|
2241
2244
|
spec: u,
|
|
2242
2245
|
value: t[u.key],
|
|
2243
|
-
onChange: (
|
|
2246
|
+
onChange: (c) => p(u.key, c),
|
|
2244
2247
|
onReset: () => a(u.key),
|
|
2245
2248
|
flashing: s === u.key
|
|
2246
2249
|
},
|
|
2247
2250
|
u.key
|
|
2248
2251
|
)) }),
|
|
2249
|
-
/* @__PURE__ */
|
|
2252
|
+
/* @__PURE__ */ d("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ d(
|
|
2250
2253
|
"button",
|
|
2251
2254
|
{
|
|
2252
2255
|
type: "button",
|
|
@@ -2259,7 +2262,7 @@ function Ht() {
|
|
|
2259
2262
|
}
|
|
2260
2263
|
);
|
|
2261
2264
|
}
|
|
2262
|
-
function
|
|
2265
|
+
function pn({
|
|
2263
2266
|
state: e,
|
|
2264
2267
|
originX: t,
|
|
2265
2268
|
originY: n,
|
|
@@ -2269,20 +2272,20 @@ function mn({
|
|
|
2269
2272
|
snapBoundariesX: o,
|
|
2270
2273
|
topY: l,
|
|
2271
2274
|
bottomY: b,
|
|
2272
|
-
enterMs: p =
|
|
2273
|
-
exitMs:
|
|
2275
|
+
enterMs: p = ee.envelopeEnterMs,
|
|
2276
|
+
exitMs: v = ee.envelopeExitMs,
|
|
2274
2277
|
className: C,
|
|
2275
2278
|
style: u
|
|
2276
2279
|
}) {
|
|
2277
2280
|
if (e === "hidden") return null;
|
|
2278
|
-
const
|
|
2281
|
+
const c = Math.max(0, r - a), g = Math.max(0, b - l), S = {
|
|
2279
2282
|
"--gloss-resize-envelope-enter-ms": `${p}ms`,
|
|
2280
|
-
"--gloss-resize-envelope-exit-ms": `${
|
|
2283
|
+
"--gloss-resize-envelope-exit-ms": `${v}ms`,
|
|
2281
2284
|
"--gloss-resize-envelope-origin-x": `${t - a}px`,
|
|
2282
2285
|
"--gloss-resize-envelope-origin-y": `${n - l}px`,
|
|
2283
2286
|
left: a,
|
|
2284
2287
|
top: l,
|
|
2285
|
-
width:
|
|
2288
|
+
width: c,
|
|
2286
2289
|
height: g,
|
|
2287
2290
|
...u
|
|
2288
2291
|
};
|
|
@@ -2292,10 +2295,10 @@ function mn({
|
|
|
2292
2295
|
className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, C].filter(Boolean).join(" "),
|
|
2293
2296
|
"data-state": e,
|
|
2294
2297
|
"data-testid": "gloss-resize-envelope",
|
|
2295
|
-
style:
|
|
2298
|
+
style: S,
|
|
2296
2299
|
"aria-hidden": "true",
|
|
2297
2300
|
children: [
|
|
2298
|
-
/* @__PURE__ */
|
|
2301
|
+
/* @__PURE__ */ d(
|
|
2299
2302
|
"div",
|
|
2300
2303
|
{
|
|
2301
2304
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--left",
|
|
@@ -2303,7 +2306,7 @@ function mn({
|
|
|
2303
2306
|
style: { left: 0 }
|
|
2304
2307
|
}
|
|
2305
2308
|
),
|
|
2306
|
-
/* @__PURE__ */
|
|
2309
|
+
/* @__PURE__ */ d(
|
|
2307
2310
|
"div",
|
|
2308
2311
|
{
|
|
2309
2312
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
|
|
@@ -2311,15 +2314,15 @@ function mn({
|
|
|
2311
2314
|
style: { left: s - a }
|
|
2312
2315
|
}
|
|
2313
2316
|
),
|
|
2314
|
-
/* @__PURE__ */
|
|
2317
|
+
/* @__PURE__ */ d(
|
|
2315
2318
|
"div",
|
|
2316
2319
|
{
|
|
2317
2320
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
|
|
2318
2321
|
"data-edge": "right",
|
|
2319
|
-
style: { left:
|
|
2322
|
+
style: { left: c - 1 }
|
|
2320
2323
|
}
|
|
2321
2324
|
),
|
|
2322
|
-
o.filter((f) => f > s && f < r).map((f) => /* @__PURE__ */
|
|
2325
|
+
o.filter((f) => f > s && f < r).map((f) => /* @__PURE__ */ d(
|
|
2323
2326
|
"div",
|
|
2324
2327
|
{
|
|
2325
2328
|
className: "gloss-resize-envelope__snap-line",
|
|
@@ -2332,7 +2335,7 @@ function mn({
|
|
|
2332
2335
|
}
|
|
2333
2336
|
);
|
|
2334
2337
|
}
|
|
2335
|
-
function
|
|
2338
|
+
function gn({
|
|
2336
2339
|
density: e,
|
|
2337
2340
|
canAccept: t,
|
|
2338
2341
|
blocked: n = !1,
|
|
@@ -2340,7 +2343,7 @@ function pn({
|
|
|
2340
2343
|
children: r,
|
|
2341
2344
|
...s
|
|
2342
2345
|
}) {
|
|
2343
|
-
return /* @__PURE__ */
|
|
2346
|
+
return /* @__PURE__ */ d(
|
|
2344
2347
|
"div",
|
|
2345
2348
|
{
|
|
2346
2349
|
...s,
|
|
@@ -2357,18 +2360,18 @@ function pn({
|
|
|
2357
2360
|
}
|
|
2358
2361
|
);
|
|
2359
2362
|
}
|
|
2360
|
-
function
|
|
2363
|
+
function jt(e, t, n, a) {
|
|
2361
2364
|
const r = (e + n) / 2, s = Math.min(t, a) - 40;
|
|
2362
2365
|
return `M${e},${t} Q${r},${s} ${n},${a}`;
|
|
2363
2366
|
}
|
|
2364
|
-
function
|
|
2367
|
+
function fn({
|
|
2365
2368
|
segments: e,
|
|
2366
|
-
durationMs: t =
|
|
2367
|
-
staggerMs: n =
|
|
2369
|
+
durationMs: t = ee.spilloverArcDurationMs,
|
|
2370
|
+
staggerMs: n = ee.spilloverStaggerMs,
|
|
2368
2371
|
className: a,
|
|
2369
2372
|
style: r
|
|
2370
2373
|
}) {
|
|
2371
|
-
return e.length === 0 ? null : /* @__PURE__ */
|
|
2374
|
+
return e.length === 0 ? null : /* @__PURE__ */ d(
|
|
2372
2375
|
"svg",
|
|
2373
2376
|
{
|
|
2374
2377
|
className: ["gloss-spillover-arc", a].filter(Boolean).join(" "),
|
|
@@ -2376,12 +2379,12 @@ function gn({
|
|
|
2376
2379
|
"aria-hidden": "true",
|
|
2377
2380
|
overflow: "visible",
|
|
2378
2381
|
style: { position: "absolute", inset: 0, pointerEvents: "none", ...r },
|
|
2379
|
-
children: e.map((s, o) => /* @__PURE__ */
|
|
2382
|
+
children: e.map((s, o) => /* @__PURE__ */ d(
|
|
2380
2383
|
"path",
|
|
2381
2384
|
{
|
|
2382
2385
|
"data-arc-id": s.id,
|
|
2383
2386
|
className: "gloss-spillover-arc__path",
|
|
2384
|
-
d:
|
|
2387
|
+
d: jt(s.fromX, s.fromY, s.toX, s.toY),
|
|
2385
2388
|
style: {
|
|
2386
2389
|
animationDelay: `${o * n}ms`,
|
|
2387
2390
|
animationDuration: `${t}ms`
|
|
@@ -2392,12 +2395,12 @@ function gn({
|
|
|
2392
2395
|
}
|
|
2393
2396
|
);
|
|
2394
2397
|
}
|
|
2395
|
-
function
|
|
2398
|
+
function hn({
|
|
2396
2399
|
state: e,
|
|
2397
2400
|
staggerIndex: t = 0,
|
|
2398
|
-
fadeInMs: n =
|
|
2399
|
-
fadeOutMs: a =
|
|
2400
|
-
staggerMs: r =
|
|
2401
|
+
fadeInMs: n = ee.sectionDividerFadeInMs,
|
|
2402
|
+
fadeOutMs: a = ee.sectionDividerFadeOutMs,
|
|
2403
|
+
staggerMs: r = ee.sectionDividerStaggerMs,
|
|
2401
2404
|
className: s,
|
|
2402
2405
|
style: o,
|
|
2403
2406
|
...l
|
|
@@ -2408,7 +2411,7 @@ function fn({
|
|
|
2408
2411
|
"--gloss-section-divider-stagger-delay": `${t * r}ms`,
|
|
2409
2412
|
...o
|
|
2410
2413
|
};
|
|
2411
|
-
return /* @__PURE__ */
|
|
2414
|
+
return /* @__PURE__ */ d(
|
|
2412
2415
|
"div",
|
|
2413
2416
|
{
|
|
2414
2417
|
...l,
|
|
@@ -2424,14 +2427,14 @@ function fn({
|
|
|
2424
2427
|
}
|
|
2425
2428
|
);
|
|
2426
2429
|
}
|
|
2427
|
-
function
|
|
2430
|
+
function bn({
|
|
2428
2431
|
enabled: e,
|
|
2429
2432
|
onPack: t,
|
|
2430
2433
|
ariaLabel: n = "Pack row (shift cards left)",
|
|
2431
2434
|
className: a,
|
|
2432
2435
|
style: r
|
|
2433
2436
|
}) {
|
|
2434
|
-
return e ? /* @__PURE__ */
|
|
2437
|
+
return e ? /* @__PURE__ */ d(
|
|
2435
2438
|
"button",
|
|
2436
2439
|
{
|
|
2437
2440
|
type: "button",
|
|
@@ -2440,11 +2443,59 @@ function hn({
|
|
|
2440
2443
|
className: ["gloss-empty-cell-pack-affordance", a].filter(Boolean).join(" "),
|
|
2441
2444
|
style: r,
|
|
2442
2445
|
onClick: t,
|
|
2443
|
-
children: /* @__PURE__ */
|
|
2446
|
+
children: /* @__PURE__ */ d("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
|
|
2444
2447
|
}
|
|
2445
2448
|
) : null;
|
|
2446
2449
|
}
|
|
2447
|
-
const
|
|
2450
|
+
const vn = {
|
|
2451
|
+
forwardStaggerMs: 50,
|
|
2452
|
+
reverseStaggerMs: 30,
|
|
2453
|
+
springStiffness: 380,
|
|
2454
|
+
springDamping: 32,
|
|
2455
|
+
reverseVelocityMultiplier: 1.4
|
|
2456
|
+
}, yn = {
|
|
2457
|
+
enterDurationMs: 220,
|
|
2458
|
+
exitDurationMs: 140,
|
|
2459
|
+
enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
2460
|
+
exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
|
|
2461
|
+
translateOffsetPx: 4
|
|
2462
|
+
}, wn = {
|
|
2463
|
+
shiverCycles: 3,
|
|
2464
|
+
shiverAmplitudePx: 2,
|
|
2465
|
+
shiverDurationMs: 180,
|
|
2466
|
+
validCellOpacity: 0.6
|
|
2467
|
+
}, Dn = {
|
|
2468
|
+
materializeMs: 180,
|
|
2469
|
+
dematerializeMs: 140,
|
|
2470
|
+
easing: "cubic-bezier(0.22, 1, 0.36, 1)",
|
|
2471
|
+
dotStrokePx: 2,
|
|
2472
|
+
dividerDashGapPx: 4
|
|
2473
|
+
}, Nn = {
|
|
2474
|
+
cascadeStaggerMs: 0,
|
|
2475
|
+
cascadeSpringCapMs: 120,
|
|
2476
|
+
swingEnterMs: 100,
|
|
2477
|
+
swingEnterStyle: "opacity",
|
|
2478
|
+
provisionalMs: 80,
|
|
2479
|
+
provisionalStyle: "opacity",
|
|
2480
|
+
shiverMs: 200,
|
|
2481
|
+
shiverStyle: "color-flash"
|
|
2482
|
+
}, Cn = !0, kn = {
|
|
2483
|
+
rejectionFill: "var(--gloss-rejection-fill)",
|
|
2484
|
+
rejectionStroke: "var(--gloss-rejection-stroke)",
|
|
2485
|
+
validFill: "var(--gloss-valid-fill)",
|
|
2486
|
+
validStroke: "var(--gloss-valid-stroke)",
|
|
2487
|
+
validCellStroke: "var(--gloss-valid-cell-stroke)",
|
|
2488
|
+
provisionalWash: "var(--gloss-provisional-wash)"
|
|
2489
|
+
};
|
|
2490
|
+
function _n() {
|
|
2491
|
+
if (typeof window > "u") return "full";
|
|
2492
|
+
try {
|
|
2493
|
+
return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
|
|
2494
|
+
} catch {
|
|
2495
|
+
return "full";
|
|
2496
|
+
}
|
|
2497
|
+
}
|
|
2498
|
+
const X = {
|
|
2448
2499
|
"gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
|
|
2449
2500
|
"gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
|
|
2450
2501
|
"gloss-inline-nudge__actions": "_gloss-inline-nudge__actions_kdk88_72",
|
|
@@ -2459,21 +2510,21 @@ function Ut({
|
|
|
2459
2510
|
anchorEl: a,
|
|
2460
2511
|
anchorSelector: r
|
|
2461
2512
|
}) {
|
|
2462
|
-
const [s, o] =
|
|
2513
|
+
const [s, o] = H.useState(null), l = H.useMemo(
|
|
2463
2514
|
() => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
|
|
2464
2515
|
[]
|
|
2465
2516
|
);
|
|
2466
|
-
|
|
2517
|
+
H.useEffect(() => {
|
|
2467
2518
|
!a && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
|
|
2468
2519
|
"[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
|
|
2469
2520
|
);
|
|
2470
|
-
}, [a, r]),
|
|
2521
|
+
}, [a, r]), H.useLayoutEffect(() => {
|
|
2471
2522
|
let p = null;
|
|
2472
2523
|
if (a ? p = a : r && (p = document.querySelector(r)), p) {
|
|
2473
|
-
const
|
|
2524
|
+
const v = p.getBoundingClientRect();
|
|
2474
2525
|
o({
|
|
2475
|
-
top:
|
|
2476
|
-
left:
|
|
2526
|
+
top: v.bottom + window.scrollY + 6,
|
|
2527
|
+
left: v.left + window.scrollX
|
|
2477
2528
|
});
|
|
2478
2529
|
}
|
|
2479
2530
|
}, [a, r]);
|
|
@@ -2481,28 +2532,28 @@ function Ut({
|
|
|
2481
2532
|
return /* @__PURE__ */ A(
|
|
2482
2533
|
"div",
|
|
2483
2534
|
{
|
|
2484
|
-
className:
|
|
2535
|
+
className: X["gloss-inline-nudge"],
|
|
2485
2536
|
style: b,
|
|
2486
2537
|
role: "status",
|
|
2487
2538
|
"aria-live": "polite",
|
|
2488
2539
|
"data-reduced-motion": l ? "true" : void 0,
|
|
2489
2540
|
children: [
|
|
2490
|
-
/* @__PURE__ */
|
|
2491
|
-
/* @__PURE__ */ A("div", { className:
|
|
2492
|
-
/* @__PURE__ */
|
|
2541
|
+
/* @__PURE__ */ d("span", { className: X["gloss-inline-nudge__message"], children: e }),
|
|
2542
|
+
/* @__PURE__ */ A("div", { className: X["gloss-inline-nudge__actions"], children: [
|
|
2543
|
+
/* @__PURE__ */ d(
|
|
2493
2544
|
"button",
|
|
2494
2545
|
{
|
|
2495
2546
|
type: "button",
|
|
2496
|
-
className: `${
|
|
2547
|
+
className: `${X["gloss-inline-nudge__btn"]} ${X["gloss-inline-nudge__btn--action"]}`,
|
|
2497
2548
|
onClick: t.onClick,
|
|
2498
2549
|
children: t.label
|
|
2499
2550
|
}
|
|
2500
2551
|
),
|
|
2501
|
-
/* @__PURE__ */
|
|
2552
|
+
/* @__PURE__ */ d(
|
|
2502
2553
|
"button",
|
|
2503
2554
|
{
|
|
2504
2555
|
type: "button",
|
|
2505
|
-
className: `${
|
|
2556
|
+
className: `${X["gloss-inline-nudge__btn"]} ${X["gloss-inline-nudge__btn--dismiss"]}`,
|
|
2506
2557
|
onClick: n,
|
|
2507
2558
|
"aria-label": "Dismiss",
|
|
2508
2559
|
children: "Dismiss"
|
|
@@ -2514,24 +2565,24 @@ function Ut({
|
|
|
2514
2565
|
);
|
|
2515
2566
|
}
|
|
2516
2567
|
Ut.displayName = "InlineNudge";
|
|
2517
|
-
function
|
|
2568
|
+
function ve(e) {
|
|
2518
2569
|
return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
|
|
2519
2570
|
}
|
|
2520
2571
|
function Zt(e, t, n) {
|
|
2521
2572
|
if (n <= t) {
|
|
2522
|
-
const o = e[0], l = o ?
|
|
2573
|
+
const o = e[0], l = o ? ve(o) : "#888";
|
|
2523
2574
|
return `linear-gradient(to right, ${l}, ${l})`;
|
|
2524
2575
|
}
|
|
2525
2576
|
const a = n - t, s = [...e].sort((o, l) => o.value - l.value).map((o) => {
|
|
2526
2577
|
const l = (o.value - t) / a * 100;
|
|
2527
|
-
return `${
|
|
2578
|
+
return `${ve(o)} ${l.toFixed(2)}%`;
|
|
2528
2579
|
});
|
|
2529
2580
|
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(", ")})`;
|
|
2530
2581
|
}
|
|
2531
|
-
function
|
|
2582
|
+
function Yt(e) {
|
|
2532
2583
|
return e.map((t) => `${t.id}:${t.value}`).join("|");
|
|
2533
2584
|
}
|
|
2534
|
-
function
|
|
2585
|
+
function qt({
|
|
2535
2586
|
stops: e,
|
|
2536
2587
|
onChange: t,
|
|
2537
2588
|
min: n = 0,
|
|
@@ -2541,107 +2592,107 @@ function Yt({
|
|
|
2541
2592
|
}) {
|
|
2542
2593
|
const o = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2543
2594
|
`ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
|
|
2544
|
-
), 0.01) : r, l =
|
|
2595
|
+
), 0.01) : r, l = y(
|
|
2545
2596
|
(i) => Math.round(i / o) * o,
|
|
2546
2597
|
[o]
|
|
2547
|
-
), b = R(null), [p,
|
|
2548
|
-
|
|
2549
|
-
g.current !==
|
|
2550
|
-
}, [
|
|
2551
|
-
const
|
|
2598
|
+
), b = R(null), [p, v] = W(null), [C, u] = W(e), c = Yt(e), g = R(c);
|
|
2599
|
+
L(() => {
|
|
2600
|
+
g.current !== c && (g.current = c, !p && u(e));
|
|
2601
|
+
}, [c, e, p]);
|
|
2602
|
+
const S = re(() => Zt(C, n, a), [C, n, a]), f = y(
|
|
2552
2603
|
(i) => {
|
|
2553
2604
|
if (!b.current) return n;
|
|
2554
|
-
const
|
|
2555
|
-
return l(
|
|
2605
|
+
const h = b.current.getBoundingClientRect(), m = h.width || 1, w = Math.max(0, Math.min(1, (i - h.left) / m)), k = n + w * (a - n);
|
|
2606
|
+
return l(k);
|
|
2556
2607
|
},
|
|
2557
2608
|
[n, a, l]
|
|
2558
2609
|
);
|
|
2559
|
-
|
|
2610
|
+
L(() => {
|
|
2560
2611
|
a <= n && process.env.NODE_ENV !== "production" && console.warn(
|
|
2561
2612
|
`ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
|
|
2562
2613
|
);
|
|
2563
2614
|
}, [n, a]);
|
|
2564
|
-
const
|
|
2565
|
-
(i,
|
|
2566
|
-
const
|
|
2567
|
-
s ||
|
|
2615
|
+
const x = y(
|
|
2616
|
+
(i, h) => {
|
|
2617
|
+
const m = C.find((w) => w.id === h);
|
|
2618
|
+
s || m?.disabled || (i.preventDefault(), v(h));
|
|
2568
2619
|
},
|
|
2569
2620
|
[s, C]
|
|
2570
|
-
),
|
|
2571
|
-
|
|
2572
|
-
const
|
|
2573
|
-
|
|
2621
|
+
), I = R(C);
|
|
2622
|
+
I.current = C;
|
|
2623
|
+
const N = R(t);
|
|
2624
|
+
N.current = t, L(() => {
|
|
2574
2625
|
if (!p) return;
|
|
2575
|
-
const i = (
|
|
2576
|
-
const
|
|
2626
|
+
const i = (m) => {
|
|
2627
|
+
const w = f(m.clientX);
|
|
2577
2628
|
u(
|
|
2578
|
-
(
|
|
2629
|
+
(k) => k.map((M) => M.id === p ? { ...M, value: w } : M)
|
|
2579
2630
|
);
|
|
2580
|
-
},
|
|
2581
|
-
const
|
|
2582
|
-
(
|
|
2631
|
+
}, h = (m) => {
|
|
2632
|
+
const w = f(m.clientX), k = I.current.map(
|
|
2633
|
+
(M) => M.id === p ? { ...M, value: w } : M
|
|
2583
2634
|
);
|
|
2584
|
-
u(
|
|
2635
|
+
u(k), v(null), N.current(k);
|
|
2585
2636
|
};
|
|
2586
|
-
return window.addEventListener("pointermove", i), window.addEventListener("pointerup",
|
|
2587
|
-
window.removeEventListener("pointermove", i), window.removeEventListener("pointerup",
|
|
2637
|
+
return window.addEventListener("pointermove", i), window.addEventListener("pointerup", h), window.addEventListener("pointercancel", h), () => {
|
|
2638
|
+
window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", h);
|
|
2588
2639
|
};
|
|
2589
2640
|
}, [p, f]);
|
|
2590
|
-
const
|
|
2591
|
-
(i,
|
|
2592
|
-
if (s ||
|
|
2593
|
-
const
|
|
2594
|
-
if (
|
|
2595
|
-
const
|
|
2596
|
-
let
|
|
2641
|
+
const _ = a - n > 0 ? a - n : 1, T = y(
|
|
2642
|
+
(i, h) => {
|
|
2643
|
+
if (s || h.disabled) return;
|
|
2644
|
+
const m = a - n;
|
|
2645
|
+
if (m <= 0) return;
|
|
2646
|
+
const w = i.shiftKey ? m / 20 : m / 100;
|
|
2647
|
+
let k = h.value;
|
|
2597
2648
|
switch (i.key) {
|
|
2598
2649
|
case "ArrowRight":
|
|
2599
2650
|
case "ArrowUp":
|
|
2600
|
-
|
|
2651
|
+
k = h.value + w;
|
|
2601
2652
|
break;
|
|
2602
2653
|
case "ArrowLeft":
|
|
2603
2654
|
case "ArrowDown":
|
|
2604
|
-
|
|
2655
|
+
k = h.value - w;
|
|
2605
2656
|
break;
|
|
2606
2657
|
case "Home":
|
|
2607
|
-
|
|
2658
|
+
k = n;
|
|
2608
2659
|
break;
|
|
2609
2660
|
case "End":
|
|
2610
|
-
|
|
2661
|
+
k = a;
|
|
2611
2662
|
break;
|
|
2612
2663
|
default:
|
|
2613
2664
|
return;
|
|
2614
2665
|
}
|
|
2615
2666
|
i.preventDefault();
|
|
2616
|
-
const
|
|
2617
|
-
if (
|
|
2618
|
-
const
|
|
2619
|
-
(
|
|
2667
|
+
const M = Math.max(n, Math.min(a, k)), E = l(M);
|
|
2668
|
+
if (E === h.value) return;
|
|
2669
|
+
const G = C.map(
|
|
2670
|
+
(V) => V.id === h.id ? { ...V, value: E } : V
|
|
2620
2671
|
);
|
|
2621
|
-
u(
|
|
2672
|
+
u(G), t(G);
|
|
2622
2673
|
},
|
|
2623
2674
|
[s, n, a, C, t, l]
|
|
2624
2675
|
);
|
|
2625
|
-
return /* @__PURE__ */
|
|
2676
|
+
return /* @__PURE__ */ d("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ d(
|
|
2626
2677
|
"div",
|
|
2627
2678
|
{
|
|
2628
2679
|
ref: b,
|
|
2629
2680
|
className: "gloss-threshold-ramp__track",
|
|
2630
|
-
style: { background:
|
|
2681
|
+
style: { background: S },
|
|
2631
2682
|
children: C.map((i) => {
|
|
2632
|
-
const
|
|
2633
|
-
return /* @__PURE__ */
|
|
2683
|
+
const h = (i.value - n) / _ * 100;
|
|
2684
|
+
return /* @__PURE__ */ d(
|
|
2634
2685
|
"span",
|
|
2635
2686
|
{
|
|
2636
2687
|
className: "gloss-threshold-ramp__stop",
|
|
2637
2688
|
style: {
|
|
2638
|
-
left: `${
|
|
2639
|
-
color:
|
|
2689
|
+
left: `${h}%`,
|
|
2690
|
+
color: ve(i)
|
|
2640
2691
|
},
|
|
2641
2692
|
"data-disabled": i.disabled || void 0,
|
|
2642
2693
|
"data-dragging": p === i.id || void 0,
|
|
2643
|
-
onPointerDown: (
|
|
2644
|
-
onKeyDown: (
|
|
2694
|
+
onPointerDown: (m) => x(m, i.id),
|
|
2695
|
+
onKeyDown: (m) => T(m, i),
|
|
2645
2696
|
"aria-label": i.label ?? `Stop at ${i.value}`,
|
|
2646
2697
|
role: "slider",
|
|
2647
2698
|
"aria-valuenow": i.value,
|
|
@@ -2656,21 +2707,21 @@ function Yt({
|
|
|
2656
2707
|
}
|
|
2657
2708
|
) });
|
|
2658
2709
|
}
|
|
2659
|
-
|
|
2660
|
-
const
|
|
2661
|
-
function
|
|
2662
|
-
return
|
|
2710
|
+
qt.displayName = "ThresholdRamp";
|
|
2711
|
+
const Le = Ye(null);
|
|
2712
|
+
function Qt() {
|
|
2713
|
+
return qe(Le);
|
|
2663
2714
|
}
|
|
2664
|
-
function
|
|
2665
|
-
const t =
|
|
2715
|
+
function Xt({ option: e }) {
|
|
2716
|
+
const t = Qt(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = y(() => {
|
|
2666
2717
|
a || t?.select(e.value);
|
|
2667
|
-
}, [a, t, e.value]), s =
|
|
2718
|
+
}, [a, t, e.value]), s = y(
|
|
2668
2719
|
(p) => {
|
|
2669
2720
|
a || t?.onKeyNav(p, e.value);
|
|
2670
2721
|
},
|
|
2671
2722
|
[a, t, e.value]
|
|
2672
2723
|
), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, b = a ? -1 : l ? 0 : -1;
|
|
2673
|
-
return /* @__PURE__ */
|
|
2724
|
+
return /* @__PURE__ */ d(
|
|
2674
2725
|
"button",
|
|
2675
2726
|
{
|
|
2676
2727
|
ref: (p) => t?.registerRef(e.value, p),
|
|
@@ -2691,7 +2742,7 @@ function Qt({ option: e }) {
|
|
|
2691
2742
|
}
|
|
2692
2743
|
);
|
|
2693
2744
|
}
|
|
2694
|
-
function
|
|
2745
|
+
function Jt({
|
|
2695
2746
|
swatches: e,
|
|
2696
2747
|
value: t,
|
|
2697
2748
|
defaultValue: n,
|
|
@@ -2699,65 +2750,65 @@ function Xt({
|
|
|
2699
2750
|
disabled: r = !1,
|
|
2700
2751
|
name: s
|
|
2701
2752
|
}) {
|
|
2702
|
-
const o = t !== void 0, [l, b] =
|
|
2703
|
-
(
|
|
2704
|
-
o || b(
|
|
2753
|
+
const o = t !== void 0, [l, b] = W(n), p = o ? t : l, v = y(
|
|
2754
|
+
(N) => {
|
|
2755
|
+
o || b(N), a?.(N);
|
|
2705
2756
|
},
|
|
2706
2757
|
[o, a]
|
|
2707
|
-
), C =
|
|
2708
|
-
(
|
|
2758
|
+
), C = y(
|
|
2759
|
+
(N) => p === N,
|
|
2709
2760
|
[p]
|
|
2710
|
-
), u = R(/* @__PURE__ */ new Map()),
|
|
2711
|
-
|
|
2712
|
-
}, []), g = e.filter((
|
|
2713
|
-
const
|
|
2714
|
-
|
|
2715
|
-
}, []),
|
|
2716
|
-
(
|
|
2761
|
+
), u = R(/* @__PURE__ */ new Map()), c = y((N, _) => {
|
|
2762
|
+
_ ? u.current.set(N, _) : u.current.delete(N);
|
|
2763
|
+
}, []), g = e.filter((N) => !N.disabled && !r), S = g.find((N) => N.value === p)?.value ?? g[0]?.value, f = y((N) => {
|
|
2764
|
+
const _ = u.current.get(N);
|
|
2765
|
+
_ && _.focus();
|
|
2766
|
+
}, []), x = y(
|
|
2767
|
+
(N, _) => {
|
|
2717
2768
|
if (r) return;
|
|
2718
|
-
const T = e.filter((
|
|
2769
|
+
const T = e.filter((w) => !w.disabled);
|
|
2719
2770
|
if (T.length === 0) return;
|
|
2720
|
-
const i = T.findIndex((
|
|
2771
|
+
const i = T.findIndex((w) => w.value === _);
|
|
2721
2772
|
if (i === -1) return;
|
|
2722
|
-
let
|
|
2723
|
-
switch (
|
|
2773
|
+
let h = i;
|
|
2774
|
+
switch (N.key) {
|
|
2724
2775
|
case "ArrowRight":
|
|
2725
2776
|
case "ArrowDown":
|
|
2726
|
-
|
|
2777
|
+
h = (i + 1) % T.length;
|
|
2727
2778
|
break;
|
|
2728
2779
|
case "ArrowLeft":
|
|
2729
2780
|
case "ArrowUp":
|
|
2730
|
-
|
|
2781
|
+
h = (i - 1 + T.length) % T.length;
|
|
2731
2782
|
break;
|
|
2732
2783
|
case "Home":
|
|
2733
|
-
|
|
2784
|
+
h = 0;
|
|
2734
2785
|
break;
|
|
2735
2786
|
case "End":
|
|
2736
|
-
|
|
2787
|
+
h = T.length - 1;
|
|
2737
2788
|
break;
|
|
2738
2789
|
case " ":
|
|
2739
2790
|
case "Enter":
|
|
2740
|
-
|
|
2791
|
+
N.preventDefault(), v(_);
|
|
2741
2792
|
return;
|
|
2742
2793
|
default:
|
|
2743
2794
|
return;
|
|
2744
2795
|
}
|
|
2745
|
-
|
|
2746
|
-
const
|
|
2747
|
-
f(
|
|
2796
|
+
N.preventDefault();
|
|
2797
|
+
const m = T[h].value;
|
|
2798
|
+
f(m), v(m);
|
|
2748
2799
|
},
|
|
2749
|
-
[r, e,
|
|
2750
|
-
),
|
|
2800
|
+
[r, e, v, f]
|
|
2801
|
+
), I = {
|
|
2751
2802
|
selectedValue: p,
|
|
2752
|
-
select:
|
|
2803
|
+
select: v,
|
|
2753
2804
|
isSelected: C,
|
|
2754
2805
|
groupDisabled: r,
|
|
2755
2806
|
name: s,
|
|
2756
|
-
registerRef:
|
|
2757
|
-
firstFocusableValue:
|
|
2758
|
-
onKeyNav:
|
|
2807
|
+
registerRef: c,
|
|
2808
|
+
firstFocusableValue: S,
|
|
2809
|
+
onKeyNav: x
|
|
2759
2810
|
};
|
|
2760
|
-
return /* @__PURE__ */
|
|
2811
|
+
return /* @__PURE__ */ d(Le.Provider, { value: I, children: /* @__PURE__ */ d(
|
|
2761
2812
|
"div",
|
|
2762
2813
|
{
|
|
2763
2814
|
className: "gloss-preset-swatch-row",
|
|
@@ -2765,126 +2816,126 @@ function Xt({
|
|
|
2765
2816
|
"aria-label": s,
|
|
2766
2817
|
"aria-disabled": r,
|
|
2767
2818
|
"data-disabled": r || void 0,
|
|
2768
|
-
children: e.map((
|
|
2819
|
+
children: e.map((N) => /* @__PURE__ */ d(Xt, { option: N }, N.value))
|
|
2769
2820
|
}
|
|
2770
2821
|
) });
|
|
2771
2822
|
}
|
|
2772
|
-
|
|
2773
|
-
function
|
|
2823
|
+
Jt.displayName = "PresetSwatchRow";
|
|
2824
|
+
function ye(e, t) {
|
|
2774
2825
|
for (const n of e)
|
|
2775
2826
|
if (n.items.some((a) => a.id === t))
|
|
2776
2827
|
return n.zoneKey;
|
|
2777
2828
|
return null;
|
|
2778
2829
|
}
|
|
2779
|
-
function
|
|
2830
|
+
function Te(e, t) {
|
|
2780
2831
|
const n = e.find((a) => a.zoneKey === t);
|
|
2781
|
-
return n ? n.zoneKey :
|
|
2832
|
+
return n ? n.zoneKey : ye(e, t);
|
|
2782
2833
|
}
|
|
2783
|
-
function
|
|
2834
|
+
function ea(e, t, n) {
|
|
2784
2835
|
const a = [...e], [r] = a.splice(t, 1);
|
|
2785
2836
|
return a.splice(n, 0, r), a;
|
|
2786
2837
|
}
|
|
2787
|
-
function
|
|
2838
|
+
function ta(e) {
|
|
2788
2839
|
return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
|
|
2789
2840
|
}
|
|
2790
|
-
function
|
|
2791
|
-
const [t, n] =
|
|
2841
|
+
function aa(e) {
|
|
2842
|
+
const [t, n] = W(
|
|
2792
2843
|
() => e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2793
2844
|
`useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
|
|
2794
2845
|
), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
|
|
2795
|
-
), [a, r] =
|
|
2846
|
+
), [a, r] = W(null), [s, o] = W(null), l = R(null), b = R(e.onZoneChange);
|
|
2796
2847
|
b.current = e.onZoneChange;
|
|
2797
|
-
const p =
|
|
2798
|
-
() =>
|
|
2848
|
+
const p = re(
|
|
2849
|
+
() => ta(e.zones),
|
|
2799
2850
|
[e.zones]
|
|
2800
|
-
),
|
|
2801
|
-
|
|
2802
|
-
|
|
2851
|
+
), v = R(p);
|
|
2852
|
+
L(() => {
|
|
2853
|
+
v.current !== p && (v.current = p, !a && n(
|
|
2803
2854
|
e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
2804
2855
|
`useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
|
|
2805
2856
|
), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
|
|
2806
2857
|
));
|
|
2807
2858
|
}, [p, e.zones, a]);
|
|
2808
|
-
const C =
|
|
2859
|
+
const C = y(
|
|
2809
2860
|
(f) => {
|
|
2810
|
-
const
|
|
2811
|
-
let
|
|
2812
|
-
for (const
|
|
2813
|
-
const T =
|
|
2861
|
+
const x = f.active.id;
|
|
2862
|
+
let I = null, N = null;
|
|
2863
|
+
for (const _ of t) {
|
|
2864
|
+
const T = _.items.find((i) => i.id === x);
|
|
2814
2865
|
if (T) {
|
|
2815
|
-
|
|
2866
|
+
I = T, N = _.zoneKey;
|
|
2816
2867
|
break;
|
|
2817
2868
|
}
|
|
2818
2869
|
}
|
|
2819
|
-
l.current =
|
|
2870
|
+
l.current = N, r(I), o(N);
|
|
2820
2871
|
},
|
|
2821
2872
|
[t]
|
|
2822
|
-
), u =
|
|
2873
|
+
), u = y(
|
|
2823
2874
|
(f) => {
|
|
2824
2875
|
if (!f.over) {
|
|
2825
2876
|
o(l.current);
|
|
2826
2877
|
return;
|
|
2827
2878
|
}
|
|
2828
|
-
const
|
|
2829
|
-
o(
|
|
2879
|
+
const x = Te(t, f.over.id);
|
|
2880
|
+
o(x);
|
|
2830
2881
|
},
|
|
2831
2882
|
[t]
|
|
2832
|
-
),
|
|
2883
|
+
), c = y(
|
|
2833
2884
|
(f) => {
|
|
2834
|
-
const { active:
|
|
2885
|
+
const { active: x, over: I } = f, N = () => {
|
|
2835
2886
|
l.current = null, r(null), o(null);
|
|
2836
2887
|
};
|
|
2837
|
-
if (!
|
|
2838
|
-
|
|
2888
|
+
if (!I) {
|
|
2889
|
+
N();
|
|
2839
2890
|
return;
|
|
2840
2891
|
}
|
|
2841
|
-
const
|
|
2842
|
-
if (!
|
|
2843
|
-
|
|
2892
|
+
const _ = ye(t, x.id), T = Te(t, I.id);
|
|
2893
|
+
if (!_ || !T) {
|
|
2894
|
+
N();
|
|
2844
2895
|
return;
|
|
2845
2896
|
}
|
|
2846
|
-
let i = t.map((
|
|
2847
|
-
if (
|
|
2848
|
-
const
|
|
2849
|
-
i[
|
|
2850
|
-
...
|
|
2851
|
-
items:
|
|
2897
|
+
let i = t.map((h) => ({ ...h, items: [...h.items] }));
|
|
2898
|
+
if (_ === T) {
|
|
2899
|
+
const h = i.findIndex((E) => E.zoneKey === _), m = i[h], w = m.items.findIndex((E) => E.id === x.id), k = m.items.findIndex((E) => E.id === I.id), M = k >= 0 ? k : Math.max(0, m.items.length - 1);
|
|
2900
|
+
i[h] = {
|
|
2901
|
+
...m,
|
|
2902
|
+
items: ea(m.items, w, M)
|
|
2852
2903
|
};
|
|
2853
2904
|
} else {
|
|
2854
|
-
const
|
|
2855
|
-
if (!
|
|
2856
|
-
|
|
2905
|
+
const h = i.findIndex((K) => K.zoneKey === _), m = i.findIndex((K) => K.zoneKey === T), w = i[h], k = i[m], M = w.items.find((K) => K.id === x.id);
|
|
2906
|
+
if (!M) {
|
|
2907
|
+
N();
|
|
2857
2908
|
return;
|
|
2858
2909
|
}
|
|
2859
|
-
const
|
|
2860
|
-
let
|
|
2861
|
-
if (
|
|
2862
|
-
const
|
|
2863
|
-
|
|
2910
|
+
const E = w.items.filter((K) => K.id !== x.id), G = k.items.findIndex((K) => K.id === I.id), V = G >= 0 ? G : k.items.length;
|
|
2911
|
+
let $ = E, O = [...k.items];
|
|
2912
|
+
if (k.maxItems !== void 0 && O.length >= k.maxItems) {
|
|
2913
|
+
const K = O[O.length - 1];
|
|
2914
|
+
O = O.slice(0, k.maxItems - 1), $ = [...E, K];
|
|
2864
2915
|
}
|
|
2865
|
-
const
|
|
2866
|
-
...
|
|
2867
|
-
|
|
2868
|
-
...
|
|
2916
|
+
const j = Math.min(V, O.length), se = [
|
|
2917
|
+
...O.slice(0, j),
|
|
2918
|
+
M,
|
|
2919
|
+
...O.slice(j)
|
|
2869
2920
|
];
|
|
2870
|
-
i[
|
|
2921
|
+
i[h] = { ...w, items: $ }, i[m] = { ...k, items: se };
|
|
2871
2922
|
}
|
|
2872
|
-
n(i), b.current?.(i),
|
|
2923
|
+
n(i), b.current?.(i), N();
|
|
2873
2924
|
},
|
|
2874
2925
|
[t]
|
|
2875
|
-
), g =
|
|
2926
|
+
), g = y(
|
|
2876
2927
|
(f) => ({
|
|
2877
2928
|
id: f,
|
|
2878
2929
|
"data-zone-key": f
|
|
2879
2930
|
}),
|
|
2880
2931
|
[]
|
|
2881
|
-
),
|
|
2932
|
+
), S = y(
|
|
2882
2933
|
(f) => {
|
|
2883
|
-
const
|
|
2934
|
+
const x = ye(t, f.id) ?? "";
|
|
2884
2935
|
return {
|
|
2885
2936
|
id: f.id,
|
|
2886
2937
|
"data-item-id": f.id,
|
|
2887
|
-
"data-zone-key":
|
|
2938
|
+
"data-zone-key": x
|
|
2888
2939
|
};
|
|
2889
2940
|
},
|
|
2890
2941
|
[t]
|
|
@@ -2894,14 +2945,14 @@ function ta(e) {
|
|
|
2894
2945
|
activeZone: s,
|
|
2895
2946
|
activeItem: a,
|
|
2896
2947
|
getZoneProps: g,
|
|
2897
|
-
getItemProps:
|
|
2948
|
+
getItemProps: S,
|
|
2898
2949
|
handleDragStart: C,
|
|
2899
2950
|
handleDragOver: u,
|
|
2900
|
-
handleDragEnd:
|
|
2951
|
+
handleDragEnd: c
|
|
2901
2952
|
};
|
|
2902
2953
|
}
|
|
2903
|
-
let
|
|
2904
|
-
const
|
|
2954
|
+
let ae = null, le = null, ge = !1;
|
|
2955
|
+
const na = [
|
|
2905
2956
|
"DndContext",
|
|
2906
2957
|
"DragOverlay",
|
|
2907
2958
|
"useSensors",
|
|
@@ -2910,22 +2961,22 @@ const aa = [
|
|
|
2910
2961
|
"PointerSensor",
|
|
2911
2962
|
"KeyboardSensor",
|
|
2912
2963
|
"closestCenter"
|
|
2913
|
-
],
|
|
2964
|
+
], ra = [
|
|
2914
2965
|
"SortableContext",
|
|
2915
2966
|
"useSortable",
|
|
2916
2967
|
"verticalListSortingStrategy"
|
|
2917
2968
|
];
|
|
2918
|
-
function
|
|
2969
|
+
function sa(e, t) {
|
|
2919
2970
|
const n = [], a = e ?? {};
|
|
2920
|
-
for (const s of
|
|
2971
|
+
for (const s of na)
|
|
2921
2972
|
a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
|
|
2922
2973
|
const r = t ?? {};
|
|
2923
|
-
for (const s of
|
|
2974
|
+
for (const s of ra)
|
|
2924
2975
|
r[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
|
|
2925
2976
|
return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
|
|
2926
2977
|
}
|
|
2927
|
-
function
|
|
2928
|
-
return
|
|
2978
|
+
function oa() {
|
|
2979
|
+
return ae ? Promise.resolve(ae) : ge ? Promise.resolve(null) : le || (le = (async () => {
|
|
2929
2980
|
try {
|
|
2930
2981
|
const [e, t, n] = await Promise.all([
|
|
2931
2982
|
import("@dnd-kit/core"),
|
|
@@ -2933,31 +2984,31 @@ function sa() {
|
|
|
2933
2984
|
import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
|
|
2934
2985
|
"SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
|
|
2935
2986
|
), {}))
|
|
2936
|
-
]), a =
|
|
2937
|
-
return a.ok ? (
|
|
2987
|
+
]), a = sa(e, t);
|
|
2988
|
+
return a.ok ? (ae = {
|
|
2938
2989
|
core: e,
|
|
2939
2990
|
sortable: t,
|
|
2940
2991
|
utilities: n
|
|
2941
|
-
},
|
|
2992
|
+
}, ae) : (ge = !0, process.env.NODE_ENV !== "production" && console.error(
|
|
2942
2993
|
`SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
|
|
2943
2994
|
), null);
|
|
2944
2995
|
} catch {
|
|
2945
|
-
return
|
|
2996
|
+
return ge = !0, null;
|
|
2946
2997
|
}
|
|
2947
|
-
})(),
|
|
2998
|
+
})(), le);
|
|
2948
2999
|
}
|
|
2949
|
-
function
|
|
2950
|
-
const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o =
|
|
2951
|
-
return
|
|
3000
|
+
function ia(e) {
|
|
3001
|
+
const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = aa({ zones: t, onZoneChange: n }), [l, b] = H.useState(ae);
|
|
3002
|
+
return H.useEffect(() => {
|
|
2952
3003
|
if (l) return;
|
|
2953
3004
|
let p = !0;
|
|
2954
|
-
return
|
|
2955
|
-
p && b(
|
|
3005
|
+
return oa().then((v) => {
|
|
3006
|
+
p && b(v);
|
|
2956
3007
|
}), () => {
|
|
2957
3008
|
p = !1;
|
|
2958
3009
|
};
|
|
2959
|
-
}, [l]), l ? /* @__PURE__ */
|
|
2960
|
-
|
|
3010
|
+
}, [l]), l ? /* @__PURE__ */ d(
|
|
3011
|
+
$e,
|
|
2961
3012
|
{
|
|
2962
3013
|
state: o,
|
|
2963
3014
|
modules: l,
|
|
@@ -2965,80 +3016,80 @@ function oa(e) {
|
|
|
2965
3016
|
renderItem: r,
|
|
2966
3017
|
renderDragOverlay: s
|
|
2967
3018
|
}
|
|
2968
|
-
) : /* @__PURE__ */
|
|
2969
|
-
const
|
|
2970
|
-
return /* @__PURE__ */
|
|
3019
|
+
) : /* @__PURE__ */ d("div", { "data-sortable-zones-passive": "true", children: o.zones.map((p) => {
|
|
3020
|
+
const v = p.items.map((C) => /* @__PURE__ */ d(H.Fragment, { children: r(C) }, C.id));
|
|
3021
|
+
return /* @__PURE__ */ d("div", { ...o.getZoneProps(p.zoneKey), children: a(p.zoneKey, p.items, v) }, p.zoneKey);
|
|
2971
3022
|
}) });
|
|
2972
3023
|
}
|
|
2973
|
-
|
|
2974
|
-
function
|
|
3024
|
+
ia.displayName = "SortableZones";
|
|
3025
|
+
function $e({
|
|
2975
3026
|
state: e,
|
|
2976
3027
|
modules: t,
|
|
2977
3028
|
renderZone: n,
|
|
2978
3029
|
renderItem: a,
|
|
2979
3030
|
renderDragOverlay: r
|
|
2980
3031
|
}) {
|
|
2981
|
-
const { core: s, sortable: o, utilities: l } = t, { DndContext: b, DragOverlay: p, useSensors:
|
|
2982
|
-
C(
|
|
3032
|
+
const { core: s, sortable: o, utilities: l } = t, { DndContext: b, DragOverlay: p, useSensors: v, useSensor: C, useDroppable: u, PointerSensor: c, KeyboardSensor: g, closestCenter: S } = s, { SortableContext: f, verticalListSortingStrategy: x } = o, I = v(
|
|
3033
|
+
C(c, { activationConstraint: { distance: 5 } }),
|
|
2983
3034
|
C(g)
|
|
2984
|
-
),
|
|
3035
|
+
), N = b, _ = p, T = f;
|
|
2985
3036
|
return /* @__PURE__ */ A(
|
|
2986
|
-
|
|
3037
|
+
N,
|
|
2987
3038
|
{
|
|
2988
|
-
sensors:
|
|
2989
|
-
collisionDetection:
|
|
3039
|
+
sensors: I,
|
|
3040
|
+
collisionDetection: S,
|
|
2990
3041
|
onDragStart: e.handleDragStart,
|
|
2991
3042
|
onDragOver: e.handleDragOver,
|
|
2992
3043
|
onDragEnd: e.handleDragEnd,
|
|
2993
3044
|
children: [
|
|
2994
3045
|
e.zones.map((i) => {
|
|
2995
|
-
const
|
|
2996
|
-
|
|
3046
|
+
const h = i.items.map((w) => w.id), m = i.items.map((w) => /* @__PURE__ */ d(
|
|
3047
|
+
Be,
|
|
2997
3048
|
{
|
|
2998
|
-
id:
|
|
3049
|
+
id: w.id,
|
|
2999
3050
|
useSortable: o.useSortable,
|
|
3000
3051
|
cssHelper: l.CSS,
|
|
3001
|
-
children: a(
|
|
3052
|
+
children: a(w)
|
|
3002
3053
|
},
|
|
3003
|
-
|
|
3054
|
+
w.id
|
|
3004
3055
|
));
|
|
3005
|
-
return /* @__PURE__ */
|
|
3006
|
-
|
|
3056
|
+
return /* @__PURE__ */ d(
|
|
3057
|
+
ze,
|
|
3007
3058
|
{
|
|
3008
3059
|
zoneKey: i.zoneKey,
|
|
3009
3060
|
zoneProps: e.getZoneProps(i.zoneKey),
|
|
3010
3061
|
useDroppable: u,
|
|
3011
|
-
children: /* @__PURE__ */
|
|
3062
|
+
children: /* @__PURE__ */ d(T, { items: h, strategy: x, children: n(i.zoneKey, i.items, m) })
|
|
3012
3063
|
},
|
|
3013
3064
|
i.zoneKey
|
|
3014
3065
|
);
|
|
3015
3066
|
}),
|
|
3016
|
-
/* @__PURE__ */
|
|
3067
|
+
/* @__PURE__ */ d(_, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
|
|
3017
3068
|
]
|
|
3018
3069
|
}
|
|
3019
3070
|
);
|
|
3020
3071
|
}
|
|
3021
|
-
|
|
3022
|
-
function
|
|
3023
|
-
const { attributes: r, listeners: s, setNodeRef: o, transform: l, transition: b, isDragging: p } = t({ id: e }),
|
|
3072
|
+
$e.displayName = "SortableZonesInner";
|
|
3073
|
+
function Be({ id: e, useSortable: t, cssHelper: n, children: a }) {
|
|
3074
|
+
const { attributes: r, listeners: s, setNodeRef: o, transform: l, transition: b, isDragging: p } = t({ id: e }), v = {
|
|
3024
3075
|
transform: n?.Transform?.toString(l) ?? void 0,
|
|
3025
3076
|
transition: b,
|
|
3026
3077
|
opacity: p ? 0.5 : 1
|
|
3027
3078
|
};
|
|
3028
|
-
return /* @__PURE__ */
|
|
3079
|
+
return /* @__PURE__ */ d("div", { ref: o, style: v, "data-sortable-item-id": e, ...r, ...s, children: a });
|
|
3029
3080
|
}
|
|
3030
|
-
|
|
3031
|
-
function
|
|
3081
|
+
Be.displayName = "SortableItem";
|
|
3082
|
+
function ze({
|
|
3032
3083
|
zoneKey: e,
|
|
3033
3084
|
zoneProps: t,
|
|
3034
3085
|
useDroppable: n,
|
|
3035
3086
|
children: a
|
|
3036
3087
|
}) {
|
|
3037
3088
|
const { setNodeRef: r, isOver: s } = n({ id: e });
|
|
3038
|
-
return /* @__PURE__ */
|
|
3089
|
+
return /* @__PURE__ */ d("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
|
|
3039
3090
|
}
|
|
3040
|
-
|
|
3041
|
-
function
|
|
3091
|
+
ze.displayName = "ZoneDroppable";
|
|
3092
|
+
function xn({
|
|
3042
3093
|
slotLeft: e,
|
|
3043
3094
|
slotCenter: t,
|
|
3044
3095
|
slotRight: n,
|
|
@@ -3060,7 +3111,7 @@ function bn({
|
|
|
3060
3111
|
className: ["gloss-bottom-toolbar", r].filter(Boolean).join(" "),
|
|
3061
3112
|
style: l,
|
|
3062
3113
|
children: [
|
|
3063
|
-
/* @__PURE__ */
|
|
3114
|
+
/* @__PURE__ */ d(
|
|
3064
3115
|
"div",
|
|
3065
3116
|
{
|
|
3066
3117
|
className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--left",
|
|
@@ -3068,7 +3119,7 @@ function bn({
|
|
|
3068
3119
|
children: e
|
|
3069
3120
|
}
|
|
3070
3121
|
),
|
|
3071
|
-
/* @__PURE__ */
|
|
3122
|
+
/* @__PURE__ */ d(
|
|
3072
3123
|
"div",
|
|
3073
3124
|
{
|
|
3074
3125
|
className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--center",
|
|
@@ -3076,7 +3127,7 @@ function bn({
|
|
|
3076
3127
|
children: t
|
|
3077
3128
|
}
|
|
3078
3129
|
),
|
|
3079
|
-
/* @__PURE__ */
|
|
3130
|
+
/* @__PURE__ */ d(
|
|
3080
3131
|
"div",
|
|
3081
3132
|
{
|
|
3082
3133
|
className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
|
|
@@ -3088,14 +3139,14 @@ function bn({
|
|
|
3088
3139
|
}
|
|
3089
3140
|
);
|
|
3090
3141
|
}
|
|
3091
|
-
function
|
|
3142
|
+
function Sn({
|
|
3092
3143
|
count: e,
|
|
3093
3144
|
currentIndex: t,
|
|
3094
3145
|
onSelect: n,
|
|
3095
3146
|
"aria-label": a = "Sections"
|
|
3096
3147
|
}) {
|
|
3097
3148
|
const r = Ue.useRef([]);
|
|
3098
|
-
return r.current.length = e, /* @__PURE__ */
|
|
3149
|
+
return r.current.length = e, /* @__PURE__ */ d(
|
|
3099
3150
|
"div",
|
|
3100
3151
|
{
|
|
3101
3152
|
role: "tablist",
|
|
@@ -3115,7 +3166,7 @@ function vn({
|
|
|
3115
3166
|
}
|
|
3116
3167
|
}
|
|
3117
3168
|
},
|
|
3118
|
-
children: Array.from({ length: e }, (o, l) => /* @__PURE__ */
|
|
3169
|
+
children: Array.from({ length: e }, (o, l) => /* @__PURE__ */ d(
|
|
3119
3170
|
"button",
|
|
3120
3171
|
{
|
|
3121
3172
|
ref: (b) => {
|
|
@@ -3138,312 +3189,320 @@ function vn({
|
|
|
3138
3189
|
}
|
|
3139
3190
|
);
|
|
3140
3191
|
}
|
|
3141
|
-
const
|
|
3192
|
+
const la = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
3142
3193
|
const r = { ...n };
|
|
3143
|
-
return delete r.className, delete r.style, /* @__PURE__ */
|
|
3194
|
+
return delete r.className, delete r.style, /* @__PURE__ */ d("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ d(we, { region: "toolbar", density: e, children: t }) });
|
|
3144
3195
|
});
|
|
3145
|
-
|
|
3146
|
-
const
|
|
3196
|
+
la.displayName = "ContainerToolbar";
|
|
3197
|
+
const ca = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
|
|
3147
3198
|
const o = { ...r };
|
|
3148
3199
|
return delete o.className, delete o.style, /* @__PURE__ */ A("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
|
|
3149
|
-
e && /* @__PURE__ */
|
|
3150
|
-
t && /* @__PURE__ */
|
|
3151
|
-
/* @__PURE__ */
|
|
3200
|
+
e && /* @__PURE__ */ d("legend", { className: "gloss-container-form-section__legend", children: e }),
|
|
3201
|
+
t && /* @__PURE__ */ d("p", { className: "gloss-container-form-section__description", children: t }),
|
|
3202
|
+
/* @__PURE__ */ d(we, { region: "form-section", density: n, children: a })
|
|
3152
3203
|
] });
|
|
3153
3204
|
});
|
|
3154
|
-
|
|
3155
|
-
const da =
|
|
3205
|
+
ca.displayName = "ContainerFormSection";
|
|
3206
|
+
const da = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
3156
3207
|
const r = { ...n };
|
|
3157
|
-
return delete r.className, delete r.style, /* @__PURE__ */
|
|
3208
|
+
return delete r.className, delete r.style, /* @__PURE__ */ d("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ d(we, { region: "table", density: e, children: t }) });
|
|
3158
3209
|
});
|
|
3159
3210
|
da.displayName = "ContainerTable";
|
|
3160
3211
|
export {
|
|
3161
|
-
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3177
|
-
|
|
3178
|
-
|
|
3179
|
-
|
|
3180
|
-
|
|
3181
|
-
|
|
3182
|
-
|
|
3183
|
-
|
|
3184
|
-
|
|
3185
|
-
|
|
3186
|
-
|
|
3187
|
-
|
|
3188
|
-
|
|
3189
|
-
|
|
3190
|
-
|
|
3191
|
-
|
|
3192
|
-
|
|
3193
|
-
|
|
3194
|
-
|
|
3195
|
-
|
|
3196
|
-
|
|
3197
|
-
|
|
3198
|
-
|
|
3199
|
-
|
|
3200
|
-
|
|
3201
|
-
|
|
3202
|
-
|
|
3203
|
-
|
|
3204
|
-
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
|
|
3208
|
-
|
|
3212
|
+
Rn as Accordion,
|
|
3213
|
+
In as AccordionContent,
|
|
3214
|
+
Pn as AccordionItem,
|
|
3215
|
+
Fn as AccordionTrigger,
|
|
3216
|
+
En as ActionStrip,
|
|
3217
|
+
On as Actionable,
|
|
3218
|
+
An as AddressGroup,
|
|
3219
|
+
Ln as AddressSelect,
|
|
3220
|
+
$n as AsyncLoader,
|
|
3221
|
+
Bn as Autocomplete,
|
|
3222
|
+
zn as Badge,
|
|
3223
|
+
Kn as BarChartCard,
|
|
3224
|
+
Wn as BarsBg,
|
|
3225
|
+
xn as BottomToolbar,
|
|
3226
|
+
Gn as Button,
|
|
3227
|
+
Hn as ButtonGroup,
|
|
3228
|
+
Vn as ButtonGroupContext,
|
|
3229
|
+
jn as Card,
|
|
3230
|
+
Un as CardActions,
|
|
3231
|
+
Zn as CardBack,
|
|
3232
|
+
Yn as CardBody,
|
|
3233
|
+
qn as CardFooter,
|
|
3234
|
+
Qn as CardHeader,
|
|
3235
|
+
Xn as CardMedia,
|
|
3236
|
+
Jn as CardShell,
|
|
3237
|
+
er as CardSubtitle,
|
|
3238
|
+
tr as CardTitle,
|
|
3239
|
+
ar as ChartControlBar,
|
|
3240
|
+
nr as Checkbox,
|
|
3241
|
+
rr as CheckboxGroup,
|
|
3242
|
+
sr as Chip,
|
|
3243
|
+
or as ColorPicker,
|
|
3244
|
+
ir as ComparisonCard,
|
|
3245
|
+
lr as ContactForm,
|
|
3246
|
+
cr as ContainerCard,
|
|
3247
|
+
dr as ContainerCardActions,
|
|
3248
|
+
ur as ContainerCardBody,
|
|
3249
|
+
mr as ContainerCardFooter,
|
|
3250
|
+
pr as ContainerCardHeader,
|
|
3251
|
+
gr as ContainerCardMedia,
|
|
3252
|
+
fr as ContainerCardSubtitle,
|
|
3253
|
+
hr as ContainerCardTitle,
|
|
3254
|
+
br as ContainerDialog,
|
|
3255
|
+
vr as ContainerDialogActions,
|
|
3256
|
+
yr as ContainerDialogBody,
|
|
3257
|
+
wr as ContainerDialogHeader,
|
|
3258
|
+
ca as ContainerFormSection,
|
|
3259
|
+
Dr as ContainerPanel,
|
|
3209
3260
|
da as ContainerTable,
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
3261
|
+
la as ContainerToolbar,
|
|
3262
|
+
Nr as CreditCardForm,
|
|
3263
|
+
Cr as DEFAULT_FOOTER_IDS,
|
|
3264
|
+
ee as DEFAULT_GRID_INTERACTION_PHYSICS,
|
|
3265
|
+
Qo as DEFAULT_MARKET_PRESETS,
|
|
3266
|
+
kr as DEFAULT_OVERFLOW_IDS,
|
|
3267
|
+
Xo as DEFAULT_PINNED,
|
|
3217
3268
|
Ie as DEFAULT_RESIZE_PHYSICS,
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
|
|
3221
|
-
|
|
3222
|
-
|
|
3223
|
-
|
|
3224
|
-
|
|
3225
|
-
|
|
3226
|
-
|
|
3227
|
-
|
|
3228
|
-
|
|
3229
|
-
|
|
3230
|
-
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
|
|
3234
|
-
|
|
3235
|
-
|
|
3236
|
-
|
|
3237
|
-
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
|
|
3241
|
-
|
|
3242
|
-
|
|
3243
|
-
|
|
3244
|
-
|
|
3245
|
-
|
|
3246
|
-
|
|
3247
|
-
|
|
3248
|
-
|
|
3249
|
-
|
|
3250
|
-
|
|
3251
|
-
|
|
3252
|
-
|
|
3269
|
+
_r as DataTable,
|
|
3270
|
+
xr as DatePicker,
|
|
3271
|
+
Sr as DateRangePicker,
|
|
3272
|
+
Mr as DestructiveModal,
|
|
3273
|
+
Ht as DevTuningPanel,
|
|
3274
|
+
Tr as DirectionCard,
|
|
3275
|
+
Rr as Dismissible,
|
|
3276
|
+
Ir as DistributionCard,
|
|
3277
|
+
Pr as DonutChart,
|
|
3278
|
+
gn as DropAnchorCell,
|
|
3279
|
+
Fr as Dropdown,
|
|
3280
|
+
Er as ENTITY_FILTER_KEYS,
|
|
3281
|
+
Or as ENTITY_PROFILE_ROUTES,
|
|
3282
|
+
Ar as ENTITY_TYPE_PLURAL,
|
|
3283
|
+
gt as EdgeHoverHandle,
|
|
3284
|
+
bn as EmptyCellPackAffordance,
|
|
3285
|
+
Lr as EntityPicker,
|
|
3286
|
+
$r as EntitySearchPanel,
|
|
3287
|
+
Br as Expandable,
|
|
3288
|
+
zr as ExpandableChip,
|
|
3289
|
+
Kr as FLIP_AND_STAGE_TIMINGS,
|
|
3290
|
+
Wr as FileUpload,
|
|
3291
|
+
Gr as FilterChip,
|
|
3292
|
+
Hr as FilterInput,
|
|
3293
|
+
Vr as FlipAndStageProvider,
|
|
3294
|
+
jr as Form,
|
|
3295
|
+
Ur as FormDialog,
|
|
3296
|
+
Zr as FormField,
|
|
3297
|
+
Yr as FusedShape,
|
|
3298
|
+
ft as GhostPreview,
|
|
3299
|
+
qr as GroupCheckbox,
|
|
3300
|
+
Qr as GroupRadio,
|
|
3301
|
+
Cn as HARD_CLIP,
|
|
3302
|
+
Xr as HighlightCard,
|
|
3303
|
+
Jr as HybridDatePicker,
|
|
3304
|
+
es as ImportWizard,
|
|
3253
3305
|
Ut as InlineNudge,
|
|
3254
|
-
|
|
3255
|
-
|
|
3256
|
-
|
|
3257
|
-
|
|
3258
|
-
|
|
3259
|
-
|
|
3260
|
-
|
|
3261
|
-
|
|
3262
|
-
|
|
3263
|
-
|
|
3264
|
-
|
|
3265
|
-
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3270
|
-
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3306
|
+
ts as Input,
|
|
3307
|
+
as as InputAddon,
|
|
3308
|
+
ns as InputGroup,
|
|
3309
|
+
rs as Link,
|
|
3310
|
+
ss as LoginForm,
|
|
3311
|
+
os as MarketPresetRow,
|
|
3312
|
+
is as MaskPresets,
|
|
3313
|
+
ls as MaskedInput,
|
|
3314
|
+
cs as Menu,
|
|
3315
|
+
ds as MenuDivider,
|
|
3316
|
+
us as MenuGroup,
|
|
3317
|
+
ms as MenuItem,
|
|
3318
|
+
ps as MergePrompt,
|
|
3319
|
+
gs as MetricCard,
|
|
3320
|
+
fs as MetricCardGrid,
|
|
3321
|
+
Ot as MetricGroupContainer,
|
|
3322
|
+
hs as MiniCalendar,
|
|
3323
|
+
bs as MultiSelect,
|
|
3324
|
+
vs as NumberInput,
|
|
3325
|
+
ys as ObjectArrow,
|
|
3326
|
+
ws as OrderFilterBar,
|
|
3327
|
+
Jo as PERIOD_OPTIONS,
|
|
3276
3328
|
Ct as PageChip,
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3329
|
+
Pe as PageDropdown,
|
|
3330
|
+
Ds as PasswordInput,
|
|
3331
|
+
Ns as PaymentForm,
|
|
3332
|
+
Cs as PaymentMethodSelect,
|
|
3333
|
+
ks as PhoneInput,
|
|
3334
|
+
_s as PinToMetric,
|
|
3335
|
+
Jt as PresetSwatchRow,
|
|
3336
|
+
xs as ProfileCard,
|
|
3337
|
+
Ss as ProgressCard,
|
|
3338
|
+
Ms as QuickConfigPanel,
|
|
3339
|
+
Rt as RECONFIG_BACKSIDE_LABELS,
|
|
3340
|
+
ei as ROLLING_OPTIONS,
|
|
3341
|
+
Ts as Radio,
|
|
3342
|
+
Rs as RadioGroup,
|
|
3343
|
+
Is as RangeSlider,
|
|
3344
|
+
Ps as Rating,
|
|
3293
3345
|
Ft as ReconfigBacksideButtons,
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3307
|
-
|
|
3308
|
-
|
|
3309
|
-
|
|
3310
|
-
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3314
|
-
|
|
3315
|
-
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
|
|
3344
|
-
|
|
3345
|
-
|
|
3346
|
-
|
|
3347
|
-
|
|
3348
|
-
|
|
3346
|
+
Fs as RegistrationForm,
|
|
3347
|
+
pn as ResizeEnvelope,
|
|
3348
|
+
Es as Row1Controls,
|
|
3349
|
+
Os as Row2FilterTray,
|
|
3350
|
+
As as SearchInput,
|
|
3351
|
+
hn as SectionDivider,
|
|
3352
|
+
Sn as SectionDots,
|
|
3353
|
+
Ls as SegmentCard,
|
|
3354
|
+
$s as SegmentedControl,
|
|
3355
|
+
Bs as Select,
|
|
3356
|
+
zs as Selectable,
|
|
3357
|
+
Ks as SimpleMetricCard,
|
|
3358
|
+
Ws as SimpleSelector,
|
|
3359
|
+
Gs as Skeleton,
|
|
3360
|
+
Hs as SkeletonCard,
|
|
3361
|
+
Vs as SkeletonChart,
|
|
3362
|
+
js as SkeletonTable,
|
|
3363
|
+
Us as Slider,
|
|
3364
|
+
Zs as Sortable,
|
|
3365
|
+
ia as SortableZones,
|
|
3366
|
+
Ys as SparklineBg,
|
|
3367
|
+
fn as SpilloverArc,
|
|
3368
|
+
qs as SplitButton,
|
|
3369
|
+
Qs as StackedGroupCard,
|
|
3370
|
+
Xs as StatusModeCard,
|
|
3371
|
+
pt as StatusSlotChipMenu,
|
|
3372
|
+
Js as Stepper,
|
|
3373
|
+
ti as TODAY_PRESET,
|
|
3374
|
+
J as TUNING_DEFAULTS,
|
|
3375
|
+
Ae as TUNING_STORAGE_KEY,
|
|
3376
|
+
eo as TabGroup,
|
|
3377
|
+
to as TabbedDataView,
|
|
3378
|
+
ao as TagInput,
|
|
3379
|
+
no as Textarea,
|
|
3380
|
+
qt as ThresholdRamp,
|
|
3381
|
+
ro as TimeFrame,
|
|
3382
|
+
so as TimePicker,
|
|
3383
|
+
oo as Toggle,
|
|
3384
|
+
io as Tooltip,
|
|
3385
|
+
lo as Transition,
|
|
3386
|
+
co as TransitionGroup,
|
|
3387
|
+
uo as TrendCard,
|
|
3388
|
+
mo as TrendIndicator,
|
|
3389
|
+
Zo as UIContext,
|
|
3390
|
+
we as UIContextProvider,
|
|
3391
|
+
po as UnifiedBreakdownTable,
|
|
3392
|
+
go as UnifiedContextMenu,
|
|
3393
|
+
ht as VelocityBuffer,
|
|
3394
|
+
fo as addressGroupMetadata,
|
|
3395
|
+
ho as addressSchema,
|
|
3396
|
+
ka as allChips,
|
|
3397
|
+
La as allStateFixtures,
|
|
3398
|
+
Aa as allVariantFixtures,
|
|
3399
|
+
Ma as blockSamples,
|
|
3400
|
+
bo as buildDefaultOverflow,
|
|
3349
3401
|
Fa as cardSamples,
|
|
3350
|
-
|
|
3351
|
-
Ia as
|
|
3352
|
-
|
|
3402
|
+
vn as cascadePhysics,
|
|
3403
|
+
Ia as chartSamples,
|
|
3404
|
+
Ra as circleSamples,
|
|
3405
|
+
kn as colorTokens,
|
|
3406
|
+
sn as compactLayout,
|
|
3353
3407
|
Za as compactState,
|
|
3354
|
-
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
-
|
|
3362
|
-
|
|
3363
|
-
|
|
3364
|
-
|
|
3365
|
-
|
|
3366
|
-
|
|
3408
|
+
Oa as computeGutterAnchorX,
|
|
3409
|
+
vo as contactFormMetadata,
|
|
3410
|
+
yo as contactSchema,
|
|
3411
|
+
Ya as contextMenuFixtures,
|
|
3412
|
+
wo as creditCardFormMetadata,
|
|
3413
|
+
Do as creditCardSchema,
|
|
3414
|
+
ct as dateChip,
|
|
3415
|
+
Oe as defaultControlBarState,
|
|
3416
|
+
No as destructiveModalMetadata,
|
|
3417
|
+
Co as durations,
|
|
3418
|
+
ko as easings,
|
|
3419
|
+
yt as emptyFixture,
|
|
3420
|
+
it as entityChip,
|
|
3367
3421
|
St as entityNameActions,
|
|
3368
|
-
|
|
3369
|
-
|
|
3422
|
+
xa as entityTabGroup,
|
|
3423
|
+
vt as errorFixture,
|
|
3370
3424
|
Ua as filteredState,
|
|
3371
|
-
|
|
3372
|
-
|
|
3373
|
-
|
|
3374
|
-
|
|
3375
|
-
|
|
3376
|
-
|
|
3377
|
-
|
|
3378
|
-
|
|
3379
|
-
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3384
|
-
|
|
3385
|
-
|
|
3386
|
-
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
|
|
3391
|
-
|
|
3392
|
-
|
|
3393
|
-
|
|
3425
|
+
ai as findPreset,
|
|
3426
|
+
ni as formatDateRange,
|
|
3427
|
+
ri as formatMarketDates,
|
|
3428
|
+
si as formatTrend,
|
|
3429
|
+
oi as formatValue,
|
|
3430
|
+
ln as fullLayout,
|
|
3431
|
+
ii as generateMarketId,
|
|
3432
|
+
_o as generateTabId,
|
|
3433
|
+
li as getAllPresets,
|
|
3434
|
+
ci as getDateRangeForPreset,
|
|
3435
|
+
xo as getMenuActions,
|
|
3436
|
+
_n as getMotionMode,
|
|
3437
|
+
di as getPresetLabel,
|
|
3438
|
+
So as getTransitionStyle,
|
|
3439
|
+
rn as gridCards,
|
|
3440
|
+
Mo as interpolate,
|
|
3441
|
+
ui as isInRange,
|
|
3442
|
+
mi as isMarketActive,
|
|
3443
|
+
pi as isSameDay,
|
|
3444
|
+
ja as itemColumns,
|
|
3445
|
+
Ha as itemRows,
|
|
3446
|
+
bt as loadingFixture,
|
|
3447
|
+
To as loginFormMetadata,
|
|
3448
|
+
Ro as loginSchema,
|
|
3394
3449
|
dt as manufacturerChip,
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3450
|
+
mn as manyTabs,
|
|
3451
|
+
Io as mergeHandlers,
|
|
3452
|
+
Po as mergeRefs,
|
|
3398
3453
|
_a as metricTabGroup,
|
|
3399
3454
|
dn as mixedTabs,
|
|
3400
|
-
|
|
3455
|
+
gi as normalizePresetId,
|
|
3401
3456
|
Tt as numericActions,
|
|
3402
|
-
|
|
3403
|
-
|
|
3404
|
-
|
|
3405
|
-
|
|
3406
|
-
|
|
3407
|
-
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
|
|
3412
|
-
|
|
3413
|
-
|
|
3414
|
-
|
|
3415
|
-
|
|
3416
|
-
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3420
|
-
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
|
|
3426
|
-
|
|
3427
|
-
|
|
3428
|
-
|
|
3457
|
+
Va as orderColumns,
|
|
3458
|
+
Mt as orderIdActions,
|
|
3459
|
+
Ga as orderRows,
|
|
3460
|
+
cn as ordersTabs,
|
|
3461
|
+
Fo as parseNumericValue,
|
|
3462
|
+
Eo as paymentFormMetadata,
|
|
3463
|
+
Oo as paymentSchema,
|
|
3464
|
+
Ao as presets,
|
|
3465
|
+
Dn as provisional,
|
|
3466
|
+
Nn as reducedMotion,
|
|
3467
|
+
Lo as registrationFormMetadata,
|
|
3468
|
+
$o as registrationSchema,
|
|
3469
|
+
wn as rejectionFeedback,
|
|
3470
|
+
Qa as sampleCompareRanges,
|
|
3471
|
+
en as sampleCustomMarkets,
|
|
3472
|
+
qa as sampleDateRange,
|
|
3473
|
+
tn as sampleMarketPresetData,
|
|
3474
|
+
Ja as sampleMarkets,
|
|
3475
|
+
nn as samplePeriodPresets,
|
|
3476
|
+
Xa as samplePreferences,
|
|
3477
|
+
an as samplePresets,
|
|
3478
|
+
un as singleTab,
|
|
3479
|
+
$a as sparklineFixture,
|
|
3480
|
+
Ba as sparklineUpFixture,
|
|
3481
|
+
Nt as staleDonutFixture,
|
|
3482
|
+
wt as staleFixture,
|
|
3483
|
+
Dt as staleSparklineFixture,
|
|
3484
|
+
za as standardFixture,
|
|
3485
|
+
Wa as standardFlatFixture,
|
|
3486
|
+
on as standardLayout,
|
|
3429
3487
|
Ka as standardNegativeFixture,
|
|
3430
|
-
|
|
3431
|
-
|
|
3488
|
+
lt as statusChip,
|
|
3489
|
+
yn as swingReveal,
|
|
3490
|
+
Pa as tableSamples,
|
|
3432
3491
|
Ta as textSamples,
|
|
3433
3492
|
Sa as timeFrameTabGroup,
|
|
3434
|
-
|
|
3493
|
+
fi as toUppercasePresetId,
|
|
3435
3494
|
Ca as useArrowNavigation,
|
|
3436
|
-
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3442
|
-
|
|
3443
|
-
|
|
3444
|
-
|
|
3445
|
-
|
|
3446
|
-
|
|
3447
|
-
|
|
3448
|
-
|
|
3495
|
+
Bo as useCheckboxGroupContext,
|
|
3496
|
+
Ea as useEdgeHoverResize,
|
|
3497
|
+
zo as useFilterLayout,
|
|
3498
|
+
Ko as useFlipAndStage,
|
|
3499
|
+
Wo as useFlipAndStageContext,
|
|
3500
|
+
Go as useFlipAndStageContextOptional,
|
|
3501
|
+
Na as useFocusReturn,
|
|
3502
|
+
Ho as useFocusTrap,
|
|
3503
|
+
Vo as useFormContext,
|
|
3504
|
+
jo as useRadioGroupContext,
|
|
3505
|
+
$t as useResizeTuning,
|
|
3506
|
+
aa as useSortableZones,
|
|
3507
|
+
Yo as useUIContext
|
|
3449
3508
|
};
|