@mt-gloss/ui 0.1.59 → 0.1.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{BaseAsyncButton-DAeHnhMt.js → BaseAsyncButton-Cq_l7clO.js} +1 -1
- package/{Expandable-BgEhifn0.js → Expandable-DyUAv0HO.js} +2897 -2854
- package/{UIContext-CDdyubSF.js → UIContext-DP6JGCto.js} +8 -8
- package/catalog.js +4 -4
- package/index.js +882 -881
- package/internals.js +3 -3
- package/lib/primitives/dashboard/CascadePreview/CascadePreview.d.ts +1 -1
- package/lib/primitives/dashboard/DragGhost/DragGhost.d.ts +1 -1
- package/lib/primitives/dashboard/DropAnchorCell/DropAnchorCell.d.ts +7 -1
- package/lib/primitives/dashboard/EmptyCellPackAffordance/EmptyCellPackAffordance.d.ts +7 -7
- package/lib/primitives/dashboard/MetricCard/EdgeHoverHandle.d.ts +13 -0
- package/lib/primitives/dashboard/MetricCard/GhostPreview.d.ts +1 -1
- package/lib/primitives/dashboard/MetricCard/useEdgeHoverResize.d.ts +1 -1
- package/lib/primitives/dashboard/gridInteractivePalette.d.ts +11 -1
- package/lib/primitives/dashboard/hooks/useAffordanceVisibility.d.ts +1 -24
- package/package.json +3 -3
- package/ui.css +1 -1
package/index.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { u as
|
|
2
|
-
import { Q as
|
|
1
|
+
import { u as rt, C as Dt } from "./Expandable-DyUAv0HO.js";
|
|
2
|
+
import { Q as Hr, V as Ur, T as Zr, U as Yr, a5 as qr, b8 as Qr, aB as Xr, aj as Jr, $ as es, ap as ts, N as as, aa as ns, bo as rs, P as ss, B as is, a as os, A as ls, K as cs, bj as ds, J as us, L as ms, E as gs, D as ps, H as fs, F as hs, by as bs, b as vs, c as ys, O as ws, q as _s, af as Ns, aP as Ds, A as ks, K as Cs, J as Ss, L as xs, E as Rs, D as Ms, H as Ts, F as Is, b1 as Es, b4 as Ps, b3 as Fs, b2 as As, b5 as Os, aE as Ls, a7 as $s, a6 as Bs, as as Ks, m as zs, o as Ws, aH as js, ad as Gs, ba as Vs, ab as Hs, bp as Us, _ as Zs, bI as Ys, bH as qs, bJ as Qs, ar as Xs, aS as Js, bc as ei, bN as ti, bw as ai, p as ni, ao as ri, bC as si, bt as ii, a2 as oi, at as li, a4 as ci, bB as di, bS as ui, G as mi, f as gi, ac as pi, bK as fi, aV as hi, t as bi, x as vi, I as yi, i as wi, ay as _i, bO as Ni, M as Di, y as ki, W as Ci, Z as Si, X as xi, Y as Ri, au as Mi, bi as Ti, bQ as Ii, bM as Ei, aq as Pi, w as Fi, bq as Ai, aU as Oi, al as Li, aM as $i, ai as Bi, an as Ki, aw as zi, aT as Wi, ae as ji, av as Gi, e as Vi, R as Hi, l as Ui, r as Zi, aJ as Yi, bz as qi, bA as Qi, ak as Xi, ag as Ji, j as eo, z as to, b9 as ao, ah as no, bP as ro, be as so, bh as io, bf as oo, bg as lo, k as co, bb as uo, bn as mo, S as go, bl as po, bm as fo, ax as ho, bd as bo, bR as vo, am as yo, v as wo, bL as _o, n as No, h as Do, s as ko, a0 as Co, a1 as So, a9 as xo, bk as Ro, bx as Mo, bE as To, aC as Io, aD as Eo, a8 as Po, aQ as Fo, aR as Ao, aF as Oo, aG as Lo, aI as $o, aX as Bo, aY as Ko, br as zo, bG as Wo, bF as jo, a_ as Go, a$ as Vo, az as Ho, aA as Uo, b7 as Zo, b6 as Yo, b0 as qo, aN as Qo, aO as Xo, aZ as Jo, aK as el, aL as tl, d as al, bD as nl, bs as rl, bu as sl, bv as il, aW as ol, a3 as ll, bT as cl, g as dl } from "./Expandable-DyUAv0HO.js";
|
|
3
3
|
import { jsxs as k, jsx as r, Fragment as te } from "react/jsx-runtime";
|
|
4
4
|
import * as ce from "react";
|
|
5
|
-
import V, { useRef as
|
|
6
|
-
import { motion as
|
|
7
|
-
import { B as Tt, a as be, b as
|
|
8
|
-
import { c as
|
|
5
|
+
import V, { useRef as E, useEffect as O, useState as $, useCallback as N, useId as kt, forwardRef as Ct, useMemo as Ne, createContext as St, useContext as xt } from "react";
|
|
6
|
+
import { motion as Se, useMotionValue as Rt, animate as Ue, useDragControls as Mt } from "framer-motion";
|
|
7
|
+
import { B as Tt, a as be, b as Pe, U as ze } from "./UIContext-DP6JGCto.js";
|
|
8
|
+
import { c as ml, u as gl } from "./UIContext-DP6JGCto.js";
|
|
9
9
|
import { createPortal as It } from "react-dom";
|
|
10
10
|
import { SPRING_RESIZE_COMMIT as Ze, useMotionProbe as Fe } from "@mt-gloss/motion";
|
|
11
|
-
import { DEFAULT_MARKET_PRESETS as
|
|
12
|
-
import
|
|
13
|
-
import
|
|
11
|
+
import { DEFAULT_MARKET_PRESETS as fl, DEFAULT_PINNED as hl, PERIOD_OPTIONS as bl, ROLLING_OPTIONS as vl, TODAY_PRESET as yl, findPreset as wl, formatDateRange as _l, formatMarketDates as Nl, formatTrend as Dl, formatValue as kl, generateMarketId as Cl, getAllPresets as Sl, getDateRangeForPreset as xl, getPresetLabel as Rl, isInRange as Ml, isMarketActive as Tl, isSameDay as Il, normalizePresetId as El, toUppercasePresetId as Pl } from "@mt-gloss/utils";
|
|
12
|
+
import Et from "@mui/icons-material/AccessTime";
|
|
13
|
+
import Pt from "@mui/icons-material/Tune";
|
|
14
14
|
import Ft from "@mui/icons-material/ViewColumn";
|
|
15
15
|
import At from "@mui/icons-material/AspectRatio";
|
|
16
16
|
import Ot from "@mui/icons-material/Palette";
|
|
17
17
|
import Lt from "@mui/icons-material/PushPin";
|
|
18
|
-
function
|
|
19
|
-
const { enabled: t = !0, returnTo: n } = e, a =
|
|
18
|
+
function Sn(e = {}) {
|
|
19
|
+
const { enabled: t = !0, returnTo: n } = e, a = E(null);
|
|
20
20
|
return O(() => {
|
|
21
21
|
t && (a.current = n || document.activeElement);
|
|
22
22
|
}, [t, n]), O(() => () => {
|
|
@@ -25,7 +25,7 @@ function xn(e = {}) {
|
|
|
25
25
|
}, 0);
|
|
26
26
|
}, [t]), a;
|
|
27
27
|
}
|
|
28
|
-
function
|
|
28
|
+
function xn(e) {
|
|
29
29
|
const {
|
|
30
30
|
items: t,
|
|
31
31
|
activeIndex: n,
|
|
@@ -34,65 +34,65 @@ function Sn(e) {
|
|
|
34
34
|
orientation: s = "vertical",
|
|
35
35
|
enabled: o = !0,
|
|
36
36
|
isItemDisabled: l,
|
|
37
|
-
onSelect:
|
|
37
|
+
onSelect: m,
|
|
38
38
|
onEscape: d
|
|
39
|
-
} = e, [h,
|
|
40
|
-
(
|
|
41
|
-
n === void 0 &&
|
|
39
|
+
} = e, [h, p] = $(-1), g = n !== void 0 ? n : h, u = N(
|
|
40
|
+
(f) => {
|
|
41
|
+
n === void 0 && p(f), a?.(f);
|
|
42
42
|
},
|
|
43
43
|
[n, a]
|
|
44
|
-
),
|
|
45
|
-
(
|
|
46
|
-
const D =
|
|
44
|
+
), w = N(() => t.map((f, b) => ({ item: f, index: b })).filter(({ item: f, index: b }) => !l?.(f, b)).map(({ index: f }) => f), [t, l]), _ = N(
|
|
45
|
+
(f, b) => {
|
|
46
|
+
const D = w();
|
|
47
47
|
if (D.length === 0) return -1;
|
|
48
|
-
const T = D.indexOf(
|
|
48
|
+
const T = D.indexOf(f);
|
|
49
49
|
if (T === -1)
|
|
50
|
-
return
|
|
51
|
-
let
|
|
52
|
-
return i ?
|
|
50
|
+
return b === 1 ? D.find((x) => x > f) ?? (i ? D[0] : -1) : [...D].reverse().find((P) => P < f) ?? (i ? D[D.length - 1] : -1);
|
|
51
|
+
let y = T + b;
|
|
52
|
+
return i ? y = (y + D.length) % D.length : y = Math.max(0, Math.min(D.length - 1, y)), D[y];
|
|
53
53
|
},
|
|
54
|
-
[
|
|
55
|
-
),
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
}, [
|
|
59
|
-
const
|
|
60
|
-
|
|
61
|
-
}, [
|
|
62
|
-
const
|
|
63
|
-
|
|
64
|
-
}, [g,
|
|
65
|
-
const
|
|
66
|
-
|
|
67
|
-
}, [g,
|
|
68
|
-
|
|
69
|
-
}, [
|
|
70
|
-
(
|
|
54
|
+
[w, i]
|
|
55
|
+
), c = N(() => {
|
|
56
|
+
const f = w();
|
|
57
|
+
f.length > 0 && u(f[0]);
|
|
58
|
+
}, [w, u]), R = N(() => {
|
|
59
|
+
const f = w();
|
|
60
|
+
f.length > 0 && u(f[f.length - 1]);
|
|
61
|
+
}, [w, u]), I = N(() => {
|
|
62
|
+
const f = _(g, 1);
|
|
63
|
+
f !== -1 && u(f);
|
|
64
|
+
}, [g, _, u]), v = N(() => {
|
|
65
|
+
const f = _(g, -1);
|
|
66
|
+
f !== -1 && u(f);
|
|
67
|
+
}, [g, _, u]), M = N(() => {
|
|
68
|
+
u(-1);
|
|
69
|
+
}, [u]), S = N(
|
|
70
|
+
(f) => {
|
|
71
71
|
if (!o) return;
|
|
72
|
-
const { key:
|
|
73
|
-
if (D ||
|
|
74
|
-
|
|
72
|
+
const { key: b } = f, D = b === "ArrowUp" && (s === "vertical" || s === "both"), T = b === "ArrowDown" && (s === "vertical" || s === "both"), y = b === "ArrowLeft" && (s === "horizontal" || s === "both"), x = b === "ArrowRight" && (s === "horizontal" || s === "both");
|
|
73
|
+
if (D || y) {
|
|
74
|
+
f.preventDefault(), g === -1 ? R() : v();
|
|
75
75
|
return;
|
|
76
76
|
}
|
|
77
|
-
if (T ||
|
|
78
|
-
|
|
77
|
+
if (T || x) {
|
|
78
|
+
f.preventDefault(), g === -1 ? c() : I();
|
|
79
79
|
return;
|
|
80
80
|
}
|
|
81
|
-
if (
|
|
82
|
-
|
|
81
|
+
if (b === "Home") {
|
|
82
|
+
f.preventDefault(), c();
|
|
83
83
|
return;
|
|
84
84
|
}
|
|
85
|
-
if (
|
|
86
|
-
|
|
85
|
+
if (b === "End") {
|
|
86
|
+
f.preventDefault(), R();
|
|
87
87
|
return;
|
|
88
88
|
}
|
|
89
|
-
if ((
|
|
90
|
-
|
|
91
|
-
const
|
|
92
|
-
l?.(
|
|
89
|
+
if ((b === "Enter" || b === " ") && g >= 0 && g < t.length) {
|
|
90
|
+
f.preventDefault();
|
|
91
|
+
const P = t[g];
|
|
92
|
+
l?.(P, g) || m?.(P, g);
|
|
93
93
|
return;
|
|
94
94
|
}
|
|
95
|
-
if (
|
|
95
|
+
if (b === "Escape") {
|
|
96
96
|
d?.();
|
|
97
97
|
return;
|
|
98
98
|
}
|
|
@@ -102,23 +102,23 @@ function Sn(e) {
|
|
|
102
102
|
s,
|
|
103
103
|
g,
|
|
104
104
|
t,
|
|
105
|
-
|
|
105
|
+
c,
|
|
106
106
|
R,
|
|
107
107
|
I,
|
|
108
|
-
|
|
108
|
+
v,
|
|
109
109
|
l,
|
|
110
|
-
|
|
110
|
+
m,
|
|
111
111
|
d
|
|
112
112
|
]
|
|
113
113
|
);
|
|
114
114
|
return {
|
|
115
115
|
focusedIndex: g,
|
|
116
|
-
setFocusedIndex:
|
|
117
|
-
handleKeyDown:
|
|
118
|
-
focusFirst:
|
|
116
|
+
setFocusedIndex: u,
|
|
117
|
+
handleKeyDown: S,
|
|
118
|
+
focusFirst: c,
|
|
119
119
|
focusLast: R,
|
|
120
120
|
focusNext: I,
|
|
121
|
-
focusPrevious:
|
|
121
|
+
focusPrevious: v,
|
|
122
122
|
resetFocus: M
|
|
123
123
|
};
|
|
124
124
|
}
|
|
@@ -130,23 +130,23 @@ const $t = ({
|
|
|
130
130
|
onSkip: i,
|
|
131
131
|
hint: s
|
|
132
132
|
}) => {
|
|
133
|
-
const [o, l] = $(n != null ? String(n) : ""),
|
|
134
|
-
const
|
|
135
|
-
Number.isNaN(
|
|
136
|
-
}, d = (
|
|
137
|
-
|
|
138
|
-
}, h = kt(),
|
|
133
|
+
const [o, l] = $(n != null ? String(n) : ""), m = () => {
|
|
134
|
+
const u = parseFloat(o);
|
|
135
|
+
Number.isNaN(u) || a(u);
|
|
136
|
+
}, d = (u) => {
|
|
137
|
+
u.key === "Enter" ? (u.preventDefault(), m()) : u.key === "Escape" && (u.preventDefault(), i?.());
|
|
138
|
+
}, h = kt(), p = `gloss-target-input-field-${h}`, g = s ? `gloss-target-input-hint-${h}` : void 0;
|
|
139
139
|
return /* @__PURE__ */ k("div", { className: "gloss-target-input", children: [
|
|
140
|
-
/* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor:
|
|
140
|
+
/* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: p, children: e }),
|
|
141
141
|
/* @__PURE__ */ k("div", { className: "gloss-target-input__field-row", children: [
|
|
142
142
|
/* @__PURE__ */ r(
|
|
143
143
|
"input",
|
|
144
144
|
{
|
|
145
|
-
id:
|
|
145
|
+
id: p,
|
|
146
146
|
type: "number",
|
|
147
147
|
className: "gloss-target-input__field",
|
|
148
148
|
value: o,
|
|
149
|
-
onChange: (
|
|
149
|
+
onChange: (u) => l(u.target.value),
|
|
150
150
|
onKeyDown: d,
|
|
151
151
|
"aria-describedby": g,
|
|
152
152
|
autoFocus: !0
|
|
@@ -161,7 +161,7 @@ const $t = ({
|
|
|
161
161
|
{
|
|
162
162
|
type: "button",
|
|
163
163
|
className: "gloss-target-input__confirm",
|
|
164
|
-
onClick:
|
|
164
|
+
onClick: m,
|
|
165
165
|
children: "Confirm"
|
|
166
166
|
}
|
|
167
167
|
),
|
|
@@ -176,31 +176,31 @@ const $t = ({
|
|
|
176
176
|
)
|
|
177
177
|
] })
|
|
178
178
|
] });
|
|
179
|
-
},
|
|
179
|
+
}, xe = (e) => {
|
|
180
180
|
}, Bt = {
|
|
181
181
|
id: "entity-filter-1",
|
|
182
182
|
label: "Customer: Acme Corp",
|
|
183
183
|
field: "customer",
|
|
184
184
|
value: "acme-corp-123",
|
|
185
|
-
onRemove:
|
|
185
|
+
onRemove: xe
|
|
186
186
|
}, Kt = {
|
|
187
187
|
id: "status-filter-1",
|
|
188
188
|
label: "Status: Open",
|
|
189
189
|
field: "status",
|
|
190
190
|
value: "open",
|
|
191
|
-
onRemove:
|
|
191
|
+
onRemove: xe
|
|
192
192
|
}, zt = {
|
|
193
193
|
id: "date-filter-1",
|
|
194
194
|
label: "Date: Mar 1 - Mar 15",
|
|
195
195
|
field: "dateRange",
|
|
196
196
|
value: "2026-03-01..2026-03-15",
|
|
197
|
-
onRemove:
|
|
197
|
+
onRemove: xe
|
|
198
198
|
}, Wt = {
|
|
199
199
|
id: "mfg-filter-1",
|
|
200
200
|
label: "Manufacturer: Widget Co",
|
|
201
201
|
field: "manufacturer",
|
|
202
202
|
value: "widget-co-456",
|
|
203
|
-
onRemove:
|
|
203
|
+
onRemove: xe
|
|
204
204
|
}, Rn = [
|
|
205
205
|
Bt,
|
|
206
206
|
Kt,
|
|
@@ -228,12 +228,12 @@ const $t = ({
|
|
|
228
228
|
{ id: "YTD", label: "YTD" },
|
|
229
229
|
{ id: "LYTD", label: "LYTD" }
|
|
230
230
|
]
|
|
231
|
-
},
|
|
231
|
+
}, En = [
|
|
232
232
|
{ variant: "block", width: "100%", height: 16 },
|
|
233
233
|
{ variant: "block", width: 200, height: 32, borderRadius: 8 },
|
|
234
234
|
{ variant: "block", width: "80%", height: 12, borderRadius: "4px" },
|
|
235
235
|
{ variant: "block", width: 120, height: 44, borderRadius: 22 }
|
|
236
|
-
],
|
|
236
|
+
], Pn = [
|
|
237
237
|
{ variant: "text", lines: 3, lineHeight: 14, gap: 8 },
|
|
238
238
|
{ variant: "text", lines: 2, lineHeight: 16, gap: 10 },
|
|
239
239
|
{ variant: "text", lines: 5, lineHeight: 12, gap: 6 }
|
|
@@ -277,11 +277,11 @@ const $t = ({
|
|
|
277
277
|
width: "100%",
|
|
278
278
|
textAlign: "left",
|
|
279
279
|
border: "none"
|
|
280
|
-
}),
|
|
280
|
+
}), jt = (e) => ({
|
|
281
281
|
...Ae(e),
|
|
282
282
|
color: e ? "#4338ca" : "#4f46e5",
|
|
283
283
|
fontWeight: 600
|
|
284
|
-
}),
|
|
284
|
+
}), Gt = {
|
|
285
285
|
height: 1,
|
|
286
286
|
background: "rgba(0,0,0,0.06)",
|
|
287
287
|
margin: "3px 10px"
|
|
@@ -295,29 +295,29 @@ function Vt({
|
|
|
295
295
|
overflowActions: s,
|
|
296
296
|
onClose: o
|
|
297
297
|
}) {
|
|
298
|
-
const [l,
|
|
298
|
+
const [l, m] = $(null), d = E(null), h = N(() => {
|
|
299
299
|
if (!t) return { ...Ye, top: 0, left: 0 };
|
|
300
|
-
const
|
|
300
|
+
const u = t.getBoundingClientRect();
|
|
301
301
|
return {
|
|
302
302
|
...Ye,
|
|
303
|
-
top:
|
|
304
|
-
left:
|
|
303
|
+
top: u.bottom + 4,
|
|
304
|
+
left: u.left
|
|
305
305
|
};
|
|
306
306
|
}, [t]);
|
|
307
307
|
if (O(() => {
|
|
308
308
|
if (!e) return;
|
|
309
|
-
const
|
|
310
|
-
|
|
309
|
+
const u = (w) => {
|
|
310
|
+
w.key === "Escape" && o();
|
|
311
311
|
};
|
|
312
|
-
return document.addEventListener("keydown",
|
|
312
|
+
return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
|
|
313
313
|
}, [e, o]), O(() => {
|
|
314
314
|
if (!e) return;
|
|
315
|
-
const
|
|
316
|
-
d.current && !d.current.contains(
|
|
315
|
+
const u = (w) => {
|
|
316
|
+
d.current && !d.current.contains(w.target) && o();
|
|
317
317
|
};
|
|
318
|
-
return document.addEventListener("pointerdown",
|
|
318
|
+
return document.addEventListener("pointerdown", u, !0), () => document.removeEventListener("pointerdown", u, !0);
|
|
319
319
|
}, [e, o]), !e) return null;
|
|
320
|
-
const
|
|
320
|
+
const p = s && s.length > 0, g = /* @__PURE__ */ k(
|
|
321
321
|
"div",
|
|
322
322
|
{
|
|
323
323
|
ref: d,
|
|
@@ -330,9 +330,9 @@ function Vt({
|
|
|
330
330
|
"button",
|
|
331
331
|
{
|
|
332
332
|
role: "menuitem",
|
|
333
|
-
style:
|
|
334
|
-
onMouseEnter: () =>
|
|
335
|
-
onMouseLeave: () =>
|
|
333
|
+
style: jt(l === "__primary"),
|
|
334
|
+
onMouseEnter: () => m("__primary"),
|
|
335
|
+
onMouseLeave: () => m(null),
|
|
336
336
|
onClick: () => {
|
|
337
337
|
a(n), o();
|
|
338
338
|
},
|
|
@@ -344,28 +344,28 @@ function Vt({
|
|
|
344
344
|
{
|
|
345
345
|
role: "menuitem",
|
|
346
346
|
style: Ae(l === "__graph"),
|
|
347
|
-
onMouseEnter: () =>
|
|
348
|
-
onMouseLeave: () =>
|
|
347
|
+
onMouseEnter: () => m("__graph"),
|
|
348
|
+
onMouseLeave: () => m(null),
|
|
349
349
|
onClick: () => {
|
|
350
350
|
i(n), o();
|
|
351
351
|
},
|
|
352
352
|
children: "Show on graph"
|
|
353
353
|
}
|
|
354
354
|
),
|
|
355
|
-
|
|
356
|
-
|
|
355
|
+
p && /* @__PURE__ */ r("div", { style: Gt }),
|
|
356
|
+
p && s?.map((u) => /* @__PURE__ */ r(
|
|
357
357
|
"button",
|
|
358
358
|
{
|
|
359
359
|
role: "menuitem",
|
|
360
|
-
style: Ae(l ===
|
|
361
|
-
onMouseEnter: () => u
|
|
362
|
-
onMouseLeave: () =>
|
|
360
|
+
style: Ae(l === u.id),
|
|
361
|
+
onMouseEnter: () => m(u.id),
|
|
362
|
+
onMouseLeave: () => m(null),
|
|
363
363
|
onClick: () => {
|
|
364
|
-
|
|
364
|
+
u.onSelect(n), o();
|
|
365
365
|
},
|
|
366
|
-
children:
|
|
366
|
+
children: u.label
|
|
367
367
|
},
|
|
368
|
-
|
|
368
|
+
u.id
|
|
369
369
|
))
|
|
370
370
|
]
|
|
371
371
|
}
|
|
@@ -413,7 +413,7 @@ const le = {
|
|
|
413
413
|
validCellStroke: "var(--gloss-valid-cell-stroke)",
|
|
414
414
|
provisionalWash: "var(--gloss-provisional-wash)"
|
|
415
415
|
};
|
|
416
|
-
function
|
|
416
|
+
function st() {
|
|
417
417
|
if (typeof window > "u") return "full";
|
|
418
418
|
try {
|
|
419
419
|
return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
|
|
@@ -446,42 +446,42 @@ const Oe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
|
|
|
446
446
|
}
|
|
447
447
|
);
|
|
448
448
|
}, Ht = Ct(
|
|
449
|
-
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge:
|
|
450
|
-
const
|
|
449
|
+
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: m = "right", ariaLabel: d = "Resize card" }, h) {
|
|
450
|
+
const { affordancesVisible: p } = rt(), g = t === "dragging" || t === "settling" || t === "handle-visible" && p, u = (c) => {
|
|
451
451
|
try {
|
|
452
|
-
|
|
452
|
+
c.currentTarget.setPointerCapture(c.pointerId);
|
|
453
453
|
} catch {
|
|
454
454
|
}
|
|
455
|
-
n(
|
|
456
|
-
},
|
|
455
|
+
n(c);
|
|
456
|
+
}, w = (c) => {
|
|
457
457
|
try {
|
|
458
|
-
|
|
458
|
+
c.currentTarget.hasPointerCapture?.(c.pointerId) && c.currentTarget.releasePointerCapture(c.pointerId);
|
|
459
459
|
} catch {
|
|
460
460
|
}
|
|
461
|
-
a(
|
|
462
|
-
}, _ = (
|
|
463
|
-
!
|
|
461
|
+
a(c);
|
|
462
|
+
}, _ = (c) => {
|
|
463
|
+
!g || !o || (c.key === "ArrowRight" ? (c.preventDefault(), o("grow")) : c.key === "ArrowLeft" && (c.preventDefault(), o("shrink")));
|
|
464
464
|
};
|
|
465
|
-
return /* @__PURE__ */ r(Oe, { visible:
|
|
465
|
+
return /* @__PURE__ */ r(Oe, { visible: g, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
|
|
466
466
|
"button",
|
|
467
467
|
{
|
|
468
468
|
ref: h,
|
|
469
469
|
type: "button",
|
|
470
470
|
"aria-label": d,
|
|
471
|
-
"data-edge":
|
|
471
|
+
"data-edge": m,
|
|
472
472
|
"data-resize-state": t,
|
|
473
473
|
className: [
|
|
474
474
|
"gloss-edge-handle",
|
|
475
|
-
`gloss-edge-handle--${
|
|
476
|
-
|
|
475
|
+
`gloss-edge-handle--${m}`,
|
|
476
|
+
g ? "gloss-edge-handle--visible" : ""
|
|
477
477
|
].filter(Boolean).join(" "),
|
|
478
|
-
onPointerDown:
|
|
479
|
-
onPointerUp:
|
|
478
|
+
onPointerDown: u,
|
|
479
|
+
onPointerUp: w,
|
|
480
480
|
onPointerEnter: i,
|
|
481
481
|
onPointerLeave: s,
|
|
482
482
|
onLostPointerCapture: l,
|
|
483
483
|
onKeyDown: _,
|
|
484
|
-
tabIndex:
|
|
484
|
+
tabIndex: g ? 0 : -1
|
|
485
485
|
}
|
|
486
486
|
) });
|
|
487
487
|
}
|
|
@@ -495,7 +495,7 @@ function Ut({
|
|
|
495
495
|
exitMs: i = 120
|
|
496
496
|
}) {
|
|
497
497
|
return /* @__PURE__ */ r(
|
|
498
|
-
|
|
498
|
+
Se.div,
|
|
499
499
|
{
|
|
500
500
|
"aria-hidden": "true",
|
|
501
501
|
"data-ghost-preview": e ? "visible" : "hidden",
|
|
@@ -550,14 +550,14 @@ class Zt {
|
|
|
550
550
|
const t = this.samples.length;
|
|
551
551
|
if (t < 2) return 0;
|
|
552
552
|
if (t === 2) {
|
|
553
|
-
const [
|
|
554
|
-
return (d.x -
|
|
553
|
+
const [m, d] = this.samples, h = Math.max(1, d.t - m.t);
|
|
554
|
+
return (d.x - m.x) / h * 1e3;
|
|
555
555
|
}
|
|
556
556
|
const [n, a, i] = this.samples, s = (i.x - a.x) / Math.max(1, i.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
|
|
557
557
|
return (s * 3 + o * 2 + l * 1) / 6;
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
|
-
const
|
|
560
|
+
const it = {
|
|
561
561
|
// Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
|
|
562
562
|
// has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
|
|
563
563
|
// prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
|
|
@@ -577,7 +577,7 @@ const st = {
|
|
|
577
577
|
// Velocity multiplier (D-03b panel)
|
|
578
578
|
velocityMultiplier: 1
|
|
579
579
|
};
|
|
580
|
-
function
|
|
580
|
+
function jn({
|
|
581
581
|
currentColSpan: e,
|
|
582
582
|
stackable: t,
|
|
583
583
|
onResize: n,
|
|
@@ -586,62 +586,62 @@ function Gn({
|
|
|
586
586
|
gap: s = 0,
|
|
587
587
|
tuning: o,
|
|
588
588
|
dwellMs: l = 60,
|
|
589
|
-
graceExitMs:
|
|
589
|
+
graceExitMs: m = 150,
|
|
590
590
|
enterMs: d = 180,
|
|
591
591
|
exitMs: h = 120,
|
|
592
|
-
maxColSpan:
|
|
592
|
+
maxColSpan: p = 3,
|
|
593
593
|
containerRef: g,
|
|
594
|
-
forceIdle:
|
|
594
|
+
forceIdle: u
|
|
595
595
|
}) {
|
|
596
|
-
const [
|
|
596
|
+
const [w, _] = $("idle"), [c, R] = $(e), I = E(null), v = E(null), M = E(null), S = E(null), f = E(i), b = E(s), D = E(p), T = E(0), y = E("idle");
|
|
597
597
|
O(() => {
|
|
598
|
-
|
|
599
|
-
}, [
|
|
600
|
-
const
|
|
601
|
-
const C =
|
|
598
|
+
y.current = w;
|
|
599
|
+
}, [w]);
|
|
600
|
+
const x = Rt(0), P = E(null), H = N(() => {
|
|
601
|
+
const C = P.current;
|
|
602
602
|
if (C) {
|
|
603
603
|
try {
|
|
604
604
|
C.stop();
|
|
605
605
|
} catch {
|
|
606
606
|
}
|
|
607
|
-
|
|
607
|
+
P.current = null;
|
|
608
608
|
}
|
|
609
609
|
}, []), Y = N(
|
|
610
610
|
(C) => {
|
|
611
|
-
const F =
|
|
611
|
+
const F = f.current, A = b.current;
|
|
612
612
|
return C * F + (C - 1) * A;
|
|
613
613
|
},
|
|
614
614
|
[]
|
|
615
|
-
), U =
|
|
615
|
+
), U = E(new Zt()), j = E(e);
|
|
616
616
|
O(() => {
|
|
617
|
-
|
|
618
|
-
}, [
|
|
619
|
-
const B = Ne(() => ({ ...
|
|
617
|
+
j.current = c;
|
|
618
|
+
}, [c]);
|
|
619
|
+
const B = Ne(() => ({ ...it, ...o ?? {} }), [o]), Z = N(() => {
|
|
620
620
|
I.current && (clearTimeout(I.current), I.current = null);
|
|
621
621
|
}, []), L = N(() => {
|
|
622
|
-
|
|
622
|
+
v.current && (clearTimeout(v.current), v.current = null);
|
|
623
623
|
}, []), J = N(() => {
|
|
624
624
|
M.current && (clearTimeout(M.current), M.current = null);
|
|
625
625
|
}, []);
|
|
626
626
|
O(() => {
|
|
627
|
-
|
|
628
|
-
}, [
|
|
627
|
+
u && (y.current === "dragging" || y.current === "settling" || y.current !== "idle" && (Z(), L(), J(), y.current = "idle", _("idle")));
|
|
628
|
+
}, [w, u, Z, L, J]);
|
|
629
629
|
const We = N(() => {
|
|
630
|
-
L(),
|
|
631
|
-
}, [l, L]),
|
|
630
|
+
L(), _((C) => C === "settling" || C !== "idle" ? C : (I.current = setTimeout(() => _("handle-visible"), l), "dwelling"));
|
|
631
|
+
}, [l, L]), je = N(() => {
|
|
632
632
|
Z();
|
|
633
|
-
const C =
|
|
634
|
-
C !== "dwelling" && C !== "handle-visible" || (
|
|
635
|
-
|
|
636
|
-
},
|
|
637
|
-
}, [Z,
|
|
633
|
+
const C = y.current;
|
|
634
|
+
C !== "dwelling" && C !== "handle-visible" || (v.current = setTimeout(() => {
|
|
635
|
+
y.current = "idle", _("idle");
|
|
636
|
+
}, m));
|
|
637
|
+
}, [Z, m]), de = N(
|
|
638
638
|
(C, F, A) => {
|
|
639
|
-
const K =
|
|
639
|
+
const K = f.current, ee = K * B.snapInFraction, q = K * B.snapOutFraction, z = F - A, G = Math.max(
|
|
640
640
|
A,
|
|
641
|
-
D.current ??
|
|
641
|
+
D.current ?? p
|
|
642
642
|
);
|
|
643
643
|
let W = z;
|
|
644
|
-
for (; A + W <
|
|
644
|
+
for (; A + W < G; ) {
|
|
645
645
|
const ae = W * K + (W < 0 ? q : ee);
|
|
646
646
|
if (C >= ae) W += 1;
|
|
647
647
|
else break;
|
|
@@ -652,29 +652,29 @@ function Gn({
|
|
|
652
652
|
if (C <= ae) W -= 1;
|
|
653
653
|
else break;
|
|
654
654
|
}
|
|
655
|
-
return Math.min(
|
|
655
|
+
return Math.min(G, Math.max(1, A + W));
|
|
656
656
|
},
|
|
657
|
-
[B.snapInFraction, B.snapOutFraction,
|
|
658
|
-
),
|
|
657
|
+
[B.snapInFraction, B.snapOutFraction, p]
|
|
658
|
+
), vt = N(
|
|
659
659
|
(C) => {
|
|
660
|
-
if (
|
|
661
|
-
H(),
|
|
660
|
+
if (y.current !== "handle-visible") return;
|
|
661
|
+
H(), S.current = C.clientX, f.current = i, b.current = s, D.current = p;
|
|
662
662
|
const F = e * i + (e - 1) * s;
|
|
663
|
-
T.current = F, U.current.clear(), U.current.push({ x: C.clientX, t: performance.now() }),
|
|
663
|
+
T.current = F, U.current.clear(), U.current.push({ x: C.clientX, t: performance.now() }), x.jump(F), y.current = "dragging", _("dragging");
|
|
664
664
|
},
|
|
665
|
-
[i, s,
|
|
666
|
-
),
|
|
667
|
-
(C) => C *
|
|
665
|
+
[i, s, p, e, x, H]
|
|
666
|
+
), Ge = N(
|
|
667
|
+
(C) => C * f.current + (C - 1) * b.current,
|
|
668
668
|
[]
|
|
669
669
|
), oe = N(
|
|
670
670
|
(C, F) => {
|
|
671
|
-
const A =
|
|
671
|
+
const A = Ge(C), K = C !== e;
|
|
672
672
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
673
|
-
|
|
673
|
+
x.jump(A), K && F ? n({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0), y.current = "idle", _("idle");
|
|
674
674
|
return;
|
|
675
675
|
}
|
|
676
676
|
const q = U.current.getWeightedVelocity() * B.velocityMultiplier;
|
|
677
|
-
|
|
677
|
+
y.current = "settling", _("settling"), K && F ? n({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), H(), P.current = Ue(x, A, {
|
|
678
678
|
...Ze,
|
|
679
679
|
stiffness: B.stiffness,
|
|
680
680
|
damping: B.damping,
|
|
@@ -685,66 +685,66 @@ function Gn({
|
|
|
685
685
|
// preserves the spring's perceptual smoothness (ghost retract)
|
|
686
686
|
// while eliminating the stale-frame window.
|
|
687
687
|
onComplete: () => {
|
|
688
|
-
|
|
688
|
+
P.current = null, x.jump(0), y.current = "idle", _("idle");
|
|
689
689
|
}
|
|
690
690
|
});
|
|
691
691
|
},
|
|
692
|
-
[
|
|
693
|
-
),
|
|
692
|
+
[Ge, e, t, n, a, x, B, H]
|
|
693
|
+
), yt = N(
|
|
694
694
|
(C) => {
|
|
695
|
-
if (
|
|
696
|
-
const F = C.clientX - (
|
|
695
|
+
if (y.current !== "dragging") return;
|
|
696
|
+
const F = C.clientX - (S.current ?? C.clientX), A = f.current, ee = ((D.current ?? p) - e) * A, q = (1 - e) * A, z = Math.max(q, Math.min(ee, F));
|
|
697
697
|
U.current.push({ x: C.clientX, t: performance.now() });
|
|
698
|
-
const
|
|
699
|
-
oe(
|
|
698
|
+
const G = de(z, j.current, e), W = G > e ? "grow" : G < e ? "shrink" : null;
|
|
699
|
+
oe(G, W);
|
|
700
700
|
},
|
|
701
|
-
[de, e,
|
|
701
|
+
[de, e, p, oe]
|
|
702
702
|
), ue = N(() => {
|
|
703
|
-
if (Z(),
|
|
703
|
+
if (Z(), y.current === "dragging") {
|
|
704
704
|
const C = T.current;
|
|
705
705
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
706
|
-
|
|
706
|
+
x.jump(C), a?.(), x.jump(0), y.current = "idle", _("idle");
|
|
707
707
|
return;
|
|
708
708
|
}
|
|
709
709
|
const A = U.current.getWeightedVelocity();
|
|
710
|
-
|
|
710
|
+
y.current = "settling", _("settling"), H(), P.current = Ue(x, C, {
|
|
711
711
|
...Ze,
|
|
712
712
|
stiffness: B.stiffness,
|
|
713
713
|
damping: B.damping,
|
|
714
714
|
mass: B.mass,
|
|
715
715
|
velocity: A,
|
|
716
716
|
onComplete: () => {
|
|
717
|
-
|
|
717
|
+
P.current = null, a?.(), x.jump(0), y.current = "idle", _("idle");
|
|
718
718
|
}
|
|
719
719
|
});
|
|
720
720
|
return;
|
|
721
721
|
}
|
|
722
|
-
|
|
723
|
-
}, [Z,
|
|
722
|
+
y.current === "handle-visible" && (a?.(), y.current = "cancelled", _("cancelled"));
|
|
723
|
+
}, [Z, x, a, B, H]);
|
|
724
724
|
O(() => {
|
|
725
|
-
if (
|
|
725
|
+
if (w !== "dragging" && w !== "handle-visible") return;
|
|
726
726
|
const C = (F) => {
|
|
727
727
|
F.key === "Escape" && ue();
|
|
728
728
|
};
|
|
729
729
|
return window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C);
|
|
730
|
-
}, [
|
|
731
|
-
if (
|
|
730
|
+
}, [w, ue]), O(() => {
|
|
731
|
+
if (w !== "dragging") {
|
|
732
732
|
R(e);
|
|
733
733
|
return;
|
|
734
734
|
}
|
|
735
735
|
const C = (z) => {
|
|
736
|
-
const
|
|
737
|
-
|
|
738
|
-
const ke =
|
|
736
|
+
const G = z.clientX - (S.current ?? z.clientX), W = T.current, me = Y(1), ae = Y(p), De = W + G, He = Math.max(me, Math.min(ae, De));
|
|
737
|
+
x.set(He);
|
|
738
|
+
const ke = f.current, Re = (p - e) * ke, Me = (1 - e) * ke, ge = Math.max(Me, Math.min(Re, G));
|
|
739
739
|
U.current.push({ x: z.clientX, t: performance.now() });
|
|
740
|
-
const pe = de(ge,
|
|
741
|
-
pe !==
|
|
742
|
-
}, F = (z,
|
|
743
|
-
if (
|
|
740
|
+
const pe = de(ge, j.current, e);
|
|
741
|
+
pe !== j.current && (j.current = pe, R(pe));
|
|
742
|
+
}, F = (z, G) => {
|
|
743
|
+
if (y.current === "dragging")
|
|
744
744
|
if (z === "pointerup") {
|
|
745
|
-
const W = U.current.tail(), me =
|
|
746
|
-
|
|
747
|
-
const ge = de(Me,
|
|
745
|
+
const W = U.current.tail(), me = G?.clientX ?? W?.x ?? S.current ?? 0, ae = me - (S.current ?? me), De = f.current, ke = ((D.current ?? p) - e) * De, Re = (1 - e) * De, Me = Math.max(Re, Math.min(ke, ae));
|
|
746
|
+
G && U.current.push({ x: G.clientX, t: performance.now() });
|
|
747
|
+
const ge = de(Me, j.current, e), pe = ge > e ? "grow" : ge < e ? "shrink" : null;
|
|
748
748
|
oe(ge, pe);
|
|
749
749
|
} else
|
|
750
750
|
ue();
|
|
@@ -754,55 +754,55 @@ function Gn({
|
|
|
754
754
|
return window.addEventListener("pointermove", C), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", K), window.addEventListener("blur", ee), document.addEventListener("visibilitychange", q), () => {
|
|
755
755
|
window.removeEventListener("pointermove", C), window.removeEventListener("pointerup", A), window.removeEventListener("pointercancel", K), window.removeEventListener("blur", ee), document.removeEventListener("visibilitychange", q);
|
|
756
756
|
};
|
|
757
|
-
}, [
|
|
757
|
+
}, [w, e, x, de, p, Y, ue, oe]), O(() => () => {
|
|
758
758
|
Z(), L(), J();
|
|
759
759
|
}, [Z, L, J]), O(() => {
|
|
760
|
-
if (
|
|
761
|
-
const C = setTimeout(() =>
|
|
760
|
+
if (w !== "cancelled") return;
|
|
761
|
+
const C = setTimeout(() => _("idle"), h);
|
|
762
762
|
return () => clearTimeout(C);
|
|
763
|
-
}, [
|
|
764
|
-
const
|
|
763
|
+
}, [w, h]);
|
|
764
|
+
const wt = N(
|
|
765
765
|
(C) => {
|
|
766
|
-
if (
|
|
767
|
-
const A = Math.min(
|
|
766
|
+
if (y.current === "settling") return;
|
|
767
|
+
const A = Math.min(p, Math.max(1, e + (C === "grow" ? 1 : -1)));
|
|
768
768
|
if (A === e) return;
|
|
769
|
-
|
|
769
|
+
f.current = i, b.current = s, D.current = p, U.current.clear();
|
|
770
770
|
const K = e * i + (e - 1) * s;
|
|
771
|
-
T.current = K,
|
|
771
|
+
T.current = K, x.jump(K), oe(A, C);
|
|
772
772
|
},
|
|
773
|
-
[e, i, s,
|
|
773
|
+
[e, i, s, p, x, oe]
|
|
774
774
|
), Ve = N(() => {
|
|
775
775
|
J(), M.current = setTimeout(() => {
|
|
776
|
-
|
|
776
|
+
y.current === "handle-visible" && (y.current = "idle", _("idle"));
|
|
777
777
|
}, 5e3);
|
|
778
|
-
}, [J]),
|
|
779
|
-
|
|
780
|
-
}, [Z, Ve]),
|
|
781
|
-
J(),
|
|
778
|
+
}, [J]), _t = N(() => {
|
|
779
|
+
y.current === "idle" && (Z(), y.current = "handle-visible", _("handle-visible"), Ve());
|
|
780
|
+
}, [Z, Ve]), Nt = N(() => {
|
|
781
|
+
J(), y.current === "handle-visible" && (y.current = "idle", _("idle"));
|
|
782
782
|
}, [J]);
|
|
783
783
|
return {
|
|
784
|
-
state:
|
|
784
|
+
state: w,
|
|
785
785
|
enterEdgeZone: We,
|
|
786
|
-
leaveEdgeZone:
|
|
786
|
+
leaveEdgeZone: je,
|
|
787
787
|
handleProps: {
|
|
788
|
-
onPointerDown:
|
|
789
|
-
onPointerUp:
|
|
788
|
+
onPointerDown: vt,
|
|
789
|
+
onPointerUp: yt,
|
|
790
790
|
// Bug E: handle continues zone presence so pointer crossing sentinel→handle
|
|
791
791
|
// doesn't collapse state. handle's pointerenter = stay in zone.
|
|
792
792
|
onPointerEnter: We,
|
|
793
|
-
onPointerLeave:
|
|
793
|
+
onPointerLeave: je
|
|
794
794
|
},
|
|
795
|
-
previewColSpan:
|
|
795
|
+
previewColSpan: c,
|
|
796
796
|
ghostProps: {
|
|
797
|
-
visible:
|
|
798
|
-
targetColSpan:
|
|
799
|
-
ghostWidth:
|
|
797
|
+
visible: w === "dragging" || w === "settling",
|
|
798
|
+
targetColSpan: c,
|
|
799
|
+
ghostWidth: x,
|
|
800
800
|
enterMs: d,
|
|
801
801
|
exitMs: h
|
|
802
802
|
},
|
|
803
|
-
onKeyboardStep:
|
|
804
|
-
onTouchReveal:
|
|
805
|
-
onTouchDismiss:
|
|
803
|
+
onKeyboardStep: wt,
|
|
804
|
+
onTouchReveal: _t,
|
|
805
|
+
onTouchDismiss: Nt,
|
|
806
806
|
cancel: ue
|
|
807
807
|
};
|
|
808
808
|
}
|
|
@@ -831,7 +831,7 @@ const ie = {
|
|
|
831
831
|
sectionDividerFadeOutMs: 80,
|
|
832
832
|
sectionDividerStaggerMs: 40
|
|
833
833
|
};
|
|
834
|
-
function
|
|
834
|
+
function Gn(e) {
|
|
835
835
|
const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: i } = e;
|
|
836
836
|
if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
|
|
837
837
|
return;
|
|
@@ -1106,7 +1106,7 @@ const Vn = [
|
|
|
1106
1106
|
trend: { value: 0, direction: "flat" },
|
|
1107
1107
|
subtitle: "QTD"
|
|
1108
1108
|
};
|
|
1109
|
-
function
|
|
1109
|
+
function ot({
|
|
1110
1110
|
open: e,
|
|
1111
1111
|
onDismiss: t,
|
|
1112
1112
|
anchorRef: n,
|
|
@@ -1116,19 +1116,19 @@ function it({
|
|
|
1116
1116
|
onCreatePage: o,
|
|
1117
1117
|
onManagePages: l
|
|
1118
1118
|
}) {
|
|
1119
|
-
const
|
|
1119
|
+
const m = N(
|
|
1120
1120
|
(g) => {
|
|
1121
1121
|
s(g), t();
|
|
1122
1122
|
},
|
|
1123
1123
|
[s, t]
|
|
1124
1124
|
), d = N(
|
|
1125
|
-
(g,
|
|
1126
|
-
(
|
|
1125
|
+
(g, u) => {
|
|
1126
|
+
(u.key === "Enter" || u.key === " ") && (u.preventDefault(), m(g));
|
|
1127
1127
|
},
|
|
1128
|
-
[
|
|
1128
|
+
[m]
|
|
1129
1129
|
), h = N(() => {
|
|
1130
1130
|
o(), t();
|
|
1131
|
-
}, [o, t]),
|
|
1131
|
+
}, [o, t]), p = N(() => {
|
|
1132
1132
|
l(), t();
|
|
1133
1133
|
}, [l, t]);
|
|
1134
1134
|
return /* @__PURE__ */ k(
|
|
@@ -1146,22 +1146,22 @@ function it({
|
|
|
1146
1146
|
className: "gloss-page-dropdown",
|
|
1147
1147
|
children: [
|
|
1148
1148
|
/* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
|
|
1149
|
-
const
|
|
1149
|
+
const u = g.id === i;
|
|
1150
1150
|
return /* @__PURE__ */ k(
|
|
1151
1151
|
"li",
|
|
1152
1152
|
{
|
|
1153
1153
|
role: "menuitemradio",
|
|
1154
|
-
"aria-checked":
|
|
1155
|
-
"aria-current":
|
|
1154
|
+
"aria-checked": u,
|
|
1155
|
+
"aria-current": u ? "page" : void 0,
|
|
1156
1156
|
tabIndex: 0,
|
|
1157
|
-
className: `gloss-page-dropdown__item${
|
|
1158
|
-
onClick: () =>
|
|
1159
|
-
onKeyDown: (
|
|
1157
|
+
className: `gloss-page-dropdown__item${u ? " gloss-page-dropdown__item--active" : ""}`,
|
|
1158
|
+
onClick: () => m(g.id),
|
|
1159
|
+
onKeyDown: (w) => d(g.id, w),
|
|
1160
1160
|
children: [
|
|
1161
1161
|
/* @__PURE__ */ r(
|
|
1162
1162
|
"span",
|
|
1163
1163
|
{
|
|
1164
|
-
className: `gloss-page-dropdown__dot${
|
|
1164
|
+
className: `gloss-page-dropdown__dot${u ? " gloss-page-dropdown__dot--active" : ""}`
|
|
1165
1165
|
}
|
|
1166
1166
|
),
|
|
1167
1167
|
/* @__PURE__ */ r(
|
|
@@ -1193,7 +1193,7 @@ function it({
|
|
|
1193
1193
|
{
|
|
1194
1194
|
role: "menuitem",
|
|
1195
1195
|
className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
|
|
1196
|
-
onClick:
|
|
1196
|
+
onClick: p,
|
|
1197
1197
|
children: "Manage pages"
|
|
1198
1198
|
}
|
|
1199
1199
|
)
|
|
@@ -1201,7 +1201,7 @@ function it({
|
|
|
1201
1201
|
}
|
|
1202
1202
|
);
|
|
1203
1203
|
}
|
|
1204
|
-
|
|
1204
|
+
ot.displayName = "PageDropdown";
|
|
1205
1205
|
const ta = function({
|
|
1206
1206
|
currentIndex: t,
|
|
1207
1207
|
total: n,
|
|
@@ -1210,23 +1210,23 @@ const ta = function({
|
|
|
1210
1210
|
onCreatePage: s,
|
|
1211
1211
|
onManagePages: o,
|
|
1212
1212
|
maskRadius: l = "var(--gloss-radius-md)",
|
|
1213
|
-
displayMode:
|
|
1213
|
+
displayMode: m = "count",
|
|
1214
1214
|
activePage: d
|
|
1215
1215
|
}) {
|
|
1216
|
-
const h =
|
|
1216
|
+
const h = E(null), [p, g] = $(!1), u = N(() => {
|
|
1217
1217
|
g((R) => !R);
|
|
1218
|
-
}, []),
|
|
1218
|
+
}, []), w = N(() => {
|
|
1219
1219
|
g(!1);
|
|
1220
|
-
}, []),
|
|
1220
|
+
}, []), _ = a[t]?.id ?? "";
|
|
1221
1221
|
return /* @__PURE__ */ k(
|
|
1222
1222
|
"div",
|
|
1223
1223
|
{
|
|
1224
1224
|
className: "gloss-page-chip",
|
|
1225
1225
|
ref: h,
|
|
1226
|
-
style:
|
|
1226
|
+
style: m === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
|
|
1227
1227
|
"data-page-chip": !0,
|
|
1228
1228
|
children: [
|
|
1229
|
-
|
|
1229
|
+
m !== "name" && /* @__PURE__ */ r(
|
|
1230
1230
|
"div",
|
|
1231
1231
|
{
|
|
1232
1232
|
className: "gloss-page-chip__nuzzle",
|
|
@@ -1236,12 +1236,12 @@ const ta = function({
|
|
|
1236
1236
|
/* @__PURE__ */ r(
|
|
1237
1237
|
"button",
|
|
1238
1238
|
{
|
|
1239
|
-
className: `gloss-page-chip__trigger${
|
|
1239
|
+
className: `gloss-page-chip__trigger${m === "name" ? " gloss-page-chip__trigger--name" : ""}`,
|
|
1240
1240
|
"aria-haspopup": "menu",
|
|
1241
|
-
"aria-expanded":
|
|
1242
|
-
"aria-label":
|
|
1243
|
-
onClick:
|
|
1244
|
-
children:
|
|
1241
|
+
"aria-expanded": p,
|
|
1242
|
+
"aria-label": m === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
|
|
1243
|
+
onClick: u,
|
|
1244
|
+
children: m === "name" ? /* @__PURE__ */ k(te, { children: [
|
|
1245
1245
|
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: d ?? "" }),
|
|
1246
1246
|
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
|
|
1247
1247
|
] }) : /* @__PURE__ */ k(te, { children: [
|
|
@@ -1252,13 +1252,13 @@ const ta = function({
|
|
|
1252
1252
|
}
|
|
1253
1253
|
),
|
|
1254
1254
|
/* @__PURE__ */ r(
|
|
1255
|
-
|
|
1255
|
+
ot,
|
|
1256
1256
|
{
|
|
1257
|
-
open:
|
|
1258
|
-
onDismiss:
|
|
1257
|
+
open: p,
|
|
1258
|
+
onDismiss: w,
|
|
1259
1259
|
anchorRef: h,
|
|
1260
1260
|
pages: a,
|
|
1261
|
-
activePageId:
|
|
1261
|
+
activePageId: _,
|
|
1262
1262
|
onPageChange: i,
|
|
1263
1263
|
onCreatePage: s,
|
|
1264
1264
|
onManagePages: o
|
|
@@ -1539,10 +1539,10 @@ const Xn = [
|
|
|
1539
1539
|
function Le(e) {
|
|
1540
1540
|
return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
|
1541
1541
|
}
|
|
1542
|
-
function
|
|
1542
|
+
function lt(e) {
|
|
1543
1543
|
return e.toLocaleString("en-US");
|
|
1544
1544
|
}
|
|
1545
|
-
function
|
|
1545
|
+
function ct(e) {
|
|
1546
1546
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1547
1547
|
}
|
|
1548
1548
|
const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), er = [
|
|
@@ -1575,7 +1575,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1575
1575
|
align: "right",
|
|
1576
1576
|
headerAlign: "right",
|
|
1577
1577
|
cellClassName: "gloss-tabular-nums",
|
|
1578
|
-
renderCell: ({ row: e }) => e.skuCount ?
|
|
1578
|
+
renderCell: ({ row: e }) => e.skuCount ? lt(e.skuCount) : ve
|
|
1579
1579
|
},
|
|
1580
1580
|
{
|
|
1581
1581
|
field: "total",
|
|
@@ -1595,7 +1595,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1595
1595
|
align: "right",
|
|
1596
1596
|
headerAlign: "right",
|
|
1597
1597
|
cellClassName: "gloss-tabular-nums",
|
|
1598
|
-
renderCell: ({ row: e }) => e.date ?
|
|
1598
|
+
renderCell: ({ row: e }) => e.date ? ct(e.date) : ""
|
|
1599
1599
|
}
|
|
1600
1600
|
], tr = [
|
|
1601
1601
|
{
|
|
@@ -1639,7 +1639,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1639
1639
|
align: "right",
|
|
1640
1640
|
headerAlign: "right",
|
|
1641
1641
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1642
|
-
renderCell: ({ row: e }) => e.quantity ?
|
|
1642
|
+
renderCell: ({ row: e }) => e.quantity ? lt(e.quantity) : ve
|
|
1643
1643
|
},
|
|
1644
1644
|
{
|
|
1645
1645
|
field: "total",
|
|
@@ -1659,7 +1659,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1659
1659
|
align: "right",
|
|
1660
1660
|
headerAlign: "right",
|
|
1661
1661
|
cellClassName: "gloss-tabular-nums",
|
|
1662
|
-
renderCell: ({ row: e }) => e.lastDate ?
|
|
1662
|
+
renderCell: ({ row: e }) => e.lastDate ? ct(e.lastDate) : ""
|
|
1663
1663
|
}
|
|
1664
1664
|
], aa = [
|
|
1665
1665
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
@@ -1676,7 +1676,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1676
1676
|
], Te = (e) => {
|
|
1677
1677
|
}, ra = (e) => {
|
|
1678
1678
|
}, qe = (e, t) => {
|
|
1679
|
-
},
|
|
1679
|
+
}, dt = {
|
|
1680
1680
|
vizState: {
|
|
1681
1681
|
type: "orders",
|
|
1682
1682
|
quant: "$",
|
|
@@ -1694,7 +1694,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1694
1694
|
entityFilterOptions: aa,
|
|
1695
1695
|
itemFilterOptions: na
|
|
1696
1696
|
}, ar = {
|
|
1697
|
-
...
|
|
1697
|
+
...dt,
|
|
1698
1698
|
vizState: {
|
|
1699
1699
|
type: "items",
|
|
1700
1700
|
quant: "$",
|
|
@@ -1703,7 +1703,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1703
1703
|
timeFrame: "YTD"
|
|
1704
1704
|
}
|
|
1705
1705
|
}, nr = {
|
|
1706
|
-
...
|
|
1706
|
+
...dt,
|
|
1707
1707
|
vizState: {
|
|
1708
1708
|
type: "orders",
|
|
1709
1709
|
quant: "#",
|
|
@@ -1920,8 +1920,8 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1920
1920
|
color: "Color",
|
|
1921
1921
|
pinned: "Pinned"
|
|
1922
1922
|
}, ca = {
|
|
1923
|
-
timeframe:
|
|
1924
|
-
threshold:
|
|
1923
|
+
timeframe: Et,
|
|
1924
|
+
threshold: Pt,
|
|
1925
1925
|
slots: Ft,
|
|
1926
1926
|
size: At,
|
|
1927
1927
|
color: Ot,
|
|
@@ -1947,35 +1947,35 @@ const ua = ({
|
|
|
1947
1947
|
ariaCardTypeLabel: a,
|
|
1948
1948
|
className: i
|
|
1949
1949
|
}) => {
|
|
1950
|
-
const s =
|
|
1951
|
-
if (
|
|
1952
|
-
const d = a ? `Configure ${a}: choose a dimension` : void 0, h = l ? "10ms" : "200ms",
|
|
1953
|
-
const
|
|
1954
|
-
const R = o.current[
|
|
1950
|
+
const s = E(null), o = E([]), l = da(), m = Ne(() => Array.from(e), [e]);
|
|
1951
|
+
if (m.length === 0) return null;
|
|
1952
|
+
const d = a ? `Configure ${a}: choose a dimension` : void 0, h = l ? "10ms" : "200ms", p = (g, u) => {
|
|
1953
|
+
const w = m.length - 1, _ = (c) => {
|
|
1954
|
+
const R = o.current[c];
|
|
1955
1955
|
R && R.focus();
|
|
1956
1956
|
};
|
|
1957
1957
|
switch (g.key) {
|
|
1958
1958
|
case "ArrowRight":
|
|
1959
1959
|
case "ArrowDown": {
|
|
1960
|
-
g.preventDefault(),
|
|
1960
|
+
g.preventDefault(), _(u === w ? 0 : u + 1);
|
|
1961
1961
|
break;
|
|
1962
1962
|
}
|
|
1963
1963
|
case "ArrowLeft":
|
|
1964
1964
|
case "ArrowUp": {
|
|
1965
|
-
g.preventDefault(),
|
|
1965
|
+
g.preventDefault(), _(u === 0 ? w : u - 1);
|
|
1966
1966
|
break;
|
|
1967
1967
|
}
|
|
1968
1968
|
case "Home": {
|
|
1969
|
-
g.preventDefault(),
|
|
1969
|
+
g.preventDefault(), _(0);
|
|
1970
1970
|
break;
|
|
1971
1971
|
}
|
|
1972
1972
|
case "End": {
|
|
1973
|
-
g.preventDefault(),
|
|
1973
|
+
g.preventDefault(), _(w);
|
|
1974
1974
|
break;
|
|
1975
1975
|
}
|
|
1976
1976
|
case "Enter":
|
|
1977
1977
|
case " ": {
|
|
1978
|
-
g.preventDefault(), t(u
|
|
1978
|
+
g.preventDefault(), t(m[u]);
|
|
1979
1979
|
break;
|
|
1980
1980
|
}
|
|
1981
1981
|
}
|
|
@@ -1993,26 +1993,26 @@ const ua = ({
|
|
|
1993
1993
|
// query in the JS. Also surfaces the value for the unit test.
|
|
1994
1994
|
"--gloss-reconfig-backside-buttons-transition-duration": h
|
|
1995
1995
|
},
|
|
1996
|
-
children:
|
|
1997
|
-
const
|
|
1996
|
+
children: m.map((g, u) => {
|
|
1997
|
+
const w = ca[g], _ = n === g;
|
|
1998
1998
|
return /* @__PURE__ */ k(
|
|
1999
1999
|
"button",
|
|
2000
2000
|
{
|
|
2001
|
-
ref: (
|
|
2002
|
-
o.current[
|
|
2001
|
+
ref: (c) => {
|
|
2002
|
+
o.current[u] = c;
|
|
2003
2003
|
},
|
|
2004
2004
|
type: "button",
|
|
2005
2005
|
"data-dimension": g,
|
|
2006
2006
|
className: Qe(
|
|
2007
2007
|
"gloss-reconfig-backside-buttons__button",
|
|
2008
|
-
|
|
2008
|
+
_ && "gloss-reconfig-backside-buttons__button--active"
|
|
2009
2009
|
),
|
|
2010
|
-
"aria-current":
|
|
2010
|
+
"aria-current": _ ? "true" : void 0,
|
|
2011
2011
|
onClick: () => t(g),
|
|
2012
|
-
onKeyDown: (
|
|
2012
|
+
onKeyDown: (c) => p(c, u),
|
|
2013
2013
|
children: [
|
|
2014
2014
|
/* @__PURE__ */ r(
|
|
2015
|
-
|
|
2015
|
+
w,
|
|
2016
2016
|
{
|
|
2017
2017
|
className: "gloss-reconfig-backside-buttons__button-icon",
|
|
2018
2018
|
"aria-hidden": "true"
|
|
@@ -2271,15 +2271,15 @@ const ga = function(t) {
|
|
|
2271
2271
|
);
|
|
2272
2272
|
};
|
|
2273
2273
|
ga.displayName = "MetricGroupContainer";
|
|
2274
|
-
const
|
|
2275
|
-
...
|
|
2274
|
+
const ut = "resize.tuning.dev", pa = {
|
|
2275
|
+
...it,
|
|
2276
2276
|
snapInPx: 60,
|
|
2277
2277
|
snapOutPx: 90
|
|
2278
2278
|
}, re = pa;
|
|
2279
2279
|
function fa() {
|
|
2280
2280
|
if (typeof window > "u") return { ...re };
|
|
2281
2281
|
try {
|
|
2282
|
-
const e = window.localStorage.getItem(
|
|
2282
|
+
const e = window.localStorage.getItem(ut);
|
|
2283
2283
|
if (!e) return { ...re };
|
|
2284
2284
|
const t = JSON.parse(e);
|
|
2285
2285
|
return !t || typeof t != "object" || Array.isArray(t) ? { ...re } : { ...re, ...t };
|
|
@@ -2292,7 +2292,7 @@ function ha() {
|
|
|
2292
2292
|
O(() => {
|
|
2293
2293
|
if (!(typeof window > "u"))
|
|
2294
2294
|
try {
|
|
2295
|
-
window.localStorage.setItem(
|
|
2295
|
+
window.localStorage.setItem(ut, JSON.stringify(e));
|
|
2296
2296
|
} catch {
|
|
2297
2297
|
}
|
|
2298
2298
|
}, [e]);
|
|
@@ -2405,18 +2405,18 @@ function Na(e = {}) {
|
|
|
2405
2405
|
}
|
|
2406
2406
|
Na.displayName = "DevTuningPanel";
|
|
2407
2407
|
function Da() {
|
|
2408
|
-
const e = ha(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l =
|
|
2408
|
+
const e = ha(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l = E(null), m = N((g) => {
|
|
2409
2409
|
l.current && clearTimeout(l.current), o(g), l.current = setTimeout(() => {
|
|
2410
2410
|
o(null), l.current = null;
|
|
2411
2411
|
}, 200);
|
|
2412
2412
|
}, []), d = N(
|
|
2413
|
-
(g,
|
|
2414
|
-
n(g,
|
|
2413
|
+
(g, u) => {
|
|
2414
|
+
n(g, u), g === "snapInPx" && u > t.snapOutPx && (n("snapOutPx", u), m("snapOutPx"));
|
|
2415
2415
|
},
|
|
2416
|
-
[n, t.snapOutPx,
|
|
2417
|
-
), h = Ne(() => ba, []),
|
|
2416
|
+
[n, t.snapOutPx, m]
|
|
2417
|
+
), h = Ne(() => ba, []), p = Mt();
|
|
2418
2418
|
return /* @__PURE__ */ k(
|
|
2419
|
-
|
|
2419
|
+
Se.div,
|
|
2420
2420
|
{
|
|
2421
2421
|
className: "gloss-dev-tuning-panel",
|
|
2422
2422
|
role: "region",
|
|
@@ -2424,14 +2424,14 @@ function Da() {
|
|
|
2424
2424
|
"data-testid": "gloss-dev-tuning-panel",
|
|
2425
2425
|
drag: !0,
|
|
2426
2426
|
dragListener: !1,
|
|
2427
|
-
dragControls:
|
|
2427
|
+
dragControls: p,
|
|
2428
2428
|
dragMomentum: !1,
|
|
2429
2429
|
children: [
|
|
2430
2430
|
/* @__PURE__ */ k(
|
|
2431
2431
|
"div",
|
|
2432
2432
|
{
|
|
2433
2433
|
className: "gloss-dev-tuning-panel__header",
|
|
2434
|
-
onPointerDown: (g) =>
|
|
2434
|
+
onPointerDown: (g) => p.start(g),
|
|
2435
2435
|
children: [
|
|
2436
2436
|
/* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
|
|
2437
2437
|
/* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
|
|
@@ -2443,7 +2443,7 @@ function Da() {
|
|
|
2443
2443
|
{
|
|
2444
2444
|
spec: g,
|
|
2445
2445
|
value: t[g.key],
|
|
2446
|
-
onChange: (
|
|
2446
|
+
onChange: (u) => d(g.key, u),
|
|
2447
2447
|
onReset: () => a(g.key),
|
|
2448
2448
|
flashing: s === g.key
|
|
2449
2449
|
},
|
|
@@ -2471,31 +2471,31 @@ function _r({
|
|
|
2471
2471
|
minBoundaryX: s,
|
|
2472
2472
|
snapBoundariesX: o,
|
|
2473
2473
|
topY: l,
|
|
2474
|
-
bottomY:
|
|
2474
|
+
bottomY: m,
|
|
2475
2475
|
enterMs: d = ie.envelopeEnterMs,
|
|
2476
2476
|
exitMs: h = ie.envelopeExitMs,
|
|
2477
|
-
className:
|
|
2477
|
+
className: p,
|
|
2478
2478
|
style: g
|
|
2479
2479
|
}) {
|
|
2480
2480
|
if (e === "hidden") return null;
|
|
2481
|
-
const
|
|
2481
|
+
const u = Math.max(0, i - a), w = Math.max(0, m - l), _ = {
|
|
2482
2482
|
"--gloss-resize-envelope-enter-ms": `${d}ms`,
|
|
2483
2483
|
"--gloss-resize-envelope-exit-ms": `${h}ms`,
|
|
2484
2484
|
"--gloss-resize-envelope-origin-x": `${t - a}px`,
|
|
2485
2485
|
"--gloss-resize-envelope-origin-y": `${n - l}px`,
|
|
2486
2486
|
left: a,
|
|
2487
2487
|
top: l,
|
|
2488
|
-
width:
|
|
2489
|
-
height:
|
|
2488
|
+
width: u,
|
|
2489
|
+
height: w,
|
|
2490
2490
|
...g
|
|
2491
2491
|
};
|
|
2492
2492
|
return /* @__PURE__ */ k(
|
|
2493
2493
|
"div",
|
|
2494
2494
|
{
|
|
2495
|
-
className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`,
|
|
2495
|
+
className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, p].filter(Boolean).join(" "),
|
|
2496
2496
|
"data-state": e,
|
|
2497
2497
|
"data-testid": "gloss-resize-envelope",
|
|
2498
|
-
style:
|
|
2498
|
+
style: _,
|
|
2499
2499
|
"aria-hidden": "true",
|
|
2500
2500
|
children: [
|
|
2501
2501
|
/* @__PURE__ */ r(
|
|
@@ -2519,17 +2519,17 @@ function _r({
|
|
|
2519
2519
|
{
|
|
2520
2520
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
|
|
2521
2521
|
"data-edge": "right",
|
|
2522
|
-
style: { left:
|
|
2522
|
+
style: { left: u - 1 }
|
|
2523
2523
|
}
|
|
2524
2524
|
),
|
|
2525
|
-
o.filter((
|
|
2525
|
+
o.filter((c) => c > s && c < i).map((c) => /* @__PURE__ */ r(
|
|
2526
2526
|
"div",
|
|
2527
2527
|
{
|
|
2528
2528
|
className: "gloss-resize-envelope__snap-line",
|
|
2529
2529
|
"data-snap-line": !0,
|
|
2530
|
-
style: { left:
|
|
2530
|
+
style: { left: c - a }
|
|
2531
2531
|
},
|
|
2532
|
-
|
|
2532
|
+
c
|
|
2533
2533
|
))
|
|
2534
2534
|
]
|
|
2535
2535
|
}
|
|
@@ -2541,28 +2541,30 @@ function Nr({
|
|
|
2541
2541
|
blocked: n = !1,
|
|
2542
2542
|
proximityOpacity: a,
|
|
2543
2543
|
state: i,
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2544
|
+
rejection: s = !1,
|
|
2545
|
+
className: o,
|
|
2546
|
+
children: l,
|
|
2547
|
+
...m
|
|
2547
2548
|
}) {
|
|
2548
|
-
const
|
|
2549
|
+
const d = a != null ? { ...m.style, "--_proximity-opacity": String(a) } : m.style;
|
|
2549
2550
|
return /* @__PURE__ */ r(
|
|
2550
2551
|
"div",
|
|
2551
2552
|
{
|
|
2552
|
-
...
|
|
2553
|
-
style:
|
|
2553
|
+
...m,
|
|
2554
|
+
style: d,
|
|
2554
2555
|
"data-density": e,
|
|
2555
2556
|
"data-can-accept": t ? "true" : "false",
|
|
2556
2557
|
"data-blocked": n ? "true" : void 0,
|
|
2558
|
+
"data-rejection": s ? "true" : void 0,
|
|
2557
2559
|
"data-proximity-driven": a != null ? "true" : void 0,
|
|
2558
2560
|
"data-state": i ?? void 0,
|
|
2559
2561
|
"data-testid": "gloss-drop-anchor-cell",
|
|
2560
2562
|
className: [
|
|
2561
2563
|
"gloss-drop-anchor-cell",
|
|
2562
2564
|
n && "gloss-drop-anchor-cell--blocked-pulse",
|
|
2563
|
-
|
|
2565
|
+
o
|
|
2564
2566
|
].filter(Boolean).join(" "),
|
|
2565
|
-
children:
|
|
2567
|
+
children: l
|
|
2566
2568
|
}
|
|
2567
2569
|
);
|
|
2568
2570
|
}
|
|
@@ -2610,7 +2612,7 @@ function kr({
|
|
|
2610
2612
|
variant: s = "dashed",
|
|
2611
2613
|
className: o,
|
|
2612
2614
|
style: l,
|
|
2613
|
-
...
|
|
2615
|
+
...m
|
|
2614
2616
|
}) {
|
|
2615
2617
|
const d = {
|
|
2616
2618
|
"--gloss-section-divider-fade-in-ms": `${n}ms`,
|
|
@@ -2621,7 +2623,7 @@ function kr({
|
|
|
2621
2623
|
return /* @__PURE__ */ r(
|
|
2622
2624
|
"div",
|
|
2623
2625
|
{
|
|
2624
|
-
...
|
|
2626
|
+
...m,
|
|
2625
2627
|
"data-state": e,
|
|
2626
2628
|
"data-testid": "gloss-section-divider",
|
|
2627
2629
|
"aria-hidden": "true",
|
|
@@ -2644,11 +2646,11 @@ function Cr({
|
|
|
2644
2646
|
className: s,
|
|
2645
2647
|
style: o,
|
|
2646
2648
|
onPack: l,
|
|
2647
|
-
ariaLabel:
|
|
2649
|
+
ariaLabel: m
|
|
2648
2650
|
}) {
|
|
2649
|
-
const d = a ?? "Add card to this cell", h = i ??
|
|
2651
|
+
const d = a ?? "Add card to this cell", h = i ?? m ?? "Pack row — shift cards left", p = t ?? l, { affordancesVisible: g } = rt();
|
|
2650
2652
|
return /* @__PURE__ */ k(ce.Fragment, { children: [
|
|
2651
|
-
/* @__PURE__ */ r(Oe, { visible:
|
|
2653
|
+
/* @__PURE__ */ r(Oe, { visible: g, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
|
|
2652
2654
|
"button",
|
|
2653
2655
|
{
|
|
2654
2656
|
type: "button",
|
|
@@ -2660,13 +2662,13 @@ function Cr({
|
|
|
2660
2662
|
s
|
|
2661
2663
|
].filter(Boolean).join(" "),
|
|
2662
2664
|
style: o,
|
|
2663
|
-
onClick: (
|
|
2664
|
-
|
|
2665
|
+
onClick: (u) => {
|
|
2666
|
+
u.stopPropagation(), n?.();
|
|
2665
2667
|
},
|
|
2666
2668
|
children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
|
|
2667
2669
|
}
|
|
2668
2670
|
) }),
|
|
2669
|
-
/* @__PURE__ */ r(Oe, { visible: e &&
|
|
2671
|
+
/* @__PURE__ */ r(Oe, { visible: e && g, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
|
|
2670
2672
|
"button",
|
|
2671
2673
|
{
|
|
2672
2674
|
type: "button",
|
|
@@ -2674,17 +2676,14 @@ function Cr({
|
|
|
2674
2676
|
"aria-label": h,
|
|
2675
2677
|
className: ["gloss-empty-cell-pack-affordance", s].filter(Boolean).join(" "),
|
|
2676
2678
|
style: o,
|
|
2677
|
-
onClick: (
|
|
2678
|
-
|
|
2679
|
+
onClick: (u) => {
|
|
2680
|
+
u.stopPropagation(), p?.();
|
|
2679
2681
|
},
|
|
2680
2682
|
children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
|
|
2681
2683
|
}
|
|
2682
2684
|
) })
|
|
2683
2685
|
] });
|
|
2684
2686
|
}
|
|
2685
|
-
function xr() {
|
|
2686
|
-
return { affordancesVisible: !0 };
|
|
2687
|
-
}
|
|
2688
2687
|
function Sr({
|
|
2689
2688
|
tint: e,
|
|
2690
2689
|
colSpan: t,
|
|
@@ -2694,22 +2693,22 @@ function Sr({
|
|
|
2694
2693
|
x: s,
|
|
2695
2694
|
y: o,
|
|
2696
2695
|
children: l,
|
|
2697
|
-
className:
|
|
2696
|
+
className: m
|
|
2698
2697
|
}) {
|
|
2699
2698
|
const d = t * n + (t - 1) * i, h = ce.useRef(null);
|
|
2700
2699
|
return Fe("drag-ghost", () => {
|
|
2701
2700
|
if (process.env.NODE_ENV === "production")
|
|
2702
2701
|
return { values: {}, spec: null, state: "idle", t: performance.now() };
|
|
2703
|
-
const
|
|
2702
|
+
const p = h.current?.getBoundingClientRect() ?? null;
|
|
2704
2703
|
return {
|
|
2705
2704
|
values: {
|
|
2706
2705
|
x: s.get(),
|
|
2707
2706
|
y: o.get(),
|
|
2708
|
-
bounds_x:
|
|
2709
|
-
bounds_y:
|
|
2710
|
-
bounds_w:
|
|
2711
|
-
bounds_h:
|
|
2712
|
-
visible:
|
|
2707
|
+
bounds_x: p?.x ?? 0,
|
|
2708
|
+
bounds_y: p?.y ?? 0,
|
|
2709
|
+
bounds_w: p?.width ?? 0,
|
|
2710
|
+
bounds_h: p?.height ?? 0,
|
|
2711
|
+
visible: p ? 1 : 0
|
|
2713
2712
|
},
|
|
2714
2713
|
spec: {
|
|
2715
2714
|
tint: e,
|
|
@@ -2723,42 +2722,42 @@ function Sr({
|
|
|
2723
2722
|
}), Fe("commit-ghost-singleton", () => {
|
|
2724
2723
|
if (process.env.NODE_ENV === "production")
|
|
2725
2724
|
return { values: {}, spec: null, state: "idle", t: performance.now() };
|
|
2726
|
-
const
|
|
2727
|
-
let g = 0,
|
|
2728
|
-
if (
|
|
2725
|
+
const p = h.current;
|
|
2726
|
+
let g = 0, u = "", w = "", _ = "";
|
|
2727
|
+
if (p)
|
|
2729
2728
|
try {
|
|
2730
|
-
const I = window.getComputedStyle(
|
|
2731
|
-
g =
|
|
2729
|
+
const I = window.getComputedStyle(p), v = I.outline || "", M = I.border || "", S = I.boxShadow || "", f = !!v && v !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(v), b = !!M && M !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(M), D = !!S && S !== "none";
|
|
2730
|
+
g = f || b || D ? 1 : 0, u = f ? v : "", w = b ? M : "", _ = D ? S : "";
|
|
2732
2731
|
} catch {
|
|
2733
2732
|
}
|
|
2734
|
-
const
|
|
2733
|
+
const c = p?.getBoundingClientRect() ?? null, R = p ? "drag-clone" : "subsumed-by-tracking-outline";
|
|
2735
2734
|
return {
|
|
2736
2735
|
values: {
|
|
2737
2736
|
x: s.get(),
|
|
2738
2737
|
y: o.get(),
|
|
2739
|
-
bounds_x:
|
|
2740
|
-
bounds_y:
|
|
2741
|
-
bounds_w:
|
|
2742
|
-
bounds_h:
|
|
2743
|
-
visible:
|
|
2738
|
+
bounds_x: c?.x ?? 0,
|
|
2739
|
+
bounds_y: c?.y ?? 0,
|
|
2740
|
+
bounds_w: c?.width ?? 0,
|
|
2741
|
+
bounds_h: c?.height ?? 0,
|
|
2742
|
+
visible: p ? 1 : 0,
|
|
2744
2743
|
outlineOnClone: g
|
|
2745
2744
|
},
|
|
2746
2745
|
spec: {
|
|
2747
2746
|
mode: R,
|
|
2748
2747
|
tint: e,
|
|
2749
|
-
outlineSrc:
|
|
2750
|
-
borderSrc:
|
|
2751
|
-
boxShadowSrc:
|
|
2748
|
+
outlineSrc: u,
|
|
2749
|
+
borderSrc: w,
|
|
2750
|
+
boxShadowSrc: _
|
|
2752
2751
|
// D-01 contract: Frame 1 (current/buggy) shows outline-on-clone=true;
|
|
2753
2752
|
// Frame 2 (decided): outline-on-clone=false (subsumed by tracking
|
|
2754
2753
|
// outline). Wave 2 audit-D-01 reads this field across drag mid-flight
|
|
2755
2754
|
// + post-drop frames and records frame match.
|
|
2756
2755
|
},
|
|
2757
|
-
state:
|
|
2756
|
+
state: p ? "active" : "idle",
|
|
2758
2757
|
t: performance.now()
|
|
2759
2758
|
};
|
|
2760
2759
|
}), /* @__PURE__ */ r(
|
|
2761
|
-
|
|
2760
|
+
Se.div,
|
|
2762
2761
|
{
|
|
2763
2762
|
ref: h,
|
|
2764
2763
|
"data-testid": "gloss-drag-ghost",
|
|
@@ -2767,7 +2766,7 @@ function Sr({
|
|
|
2767
2766
|
className: [
|
|
2768
2767
|
"gloss-drag-ghost",
|
|
2769
2768
|
`gloss-drag-ghost--tint-${e}`,
|
|
2770
|
-
|
|
2769
|
+
m
|
|
2771
2770
|
].filter(Boolean).join(" "),
|
|
2772
2771
|
style: { x: s, y: o, width: d, height: a },
|
|
2773
2772
|
children: l
|
|
@@ -2775,7 +2774,7 @@ function Sr({
|
|
|
2775
2774
|
);
|
|
2776
2775
|
}
|
|
2777
2776
|
const Ca = 3;
|
|
2778
|
-
function
|
|
2777
|
+
function mt({
|
|
2779
2778
|
gesture: e,
|
|
2780
2779
|
cell: t,
|
|
2781
2780
|
colSpan: n,
|
|
@@ -2784,9 +2783,9 @@ function ut({
|
|
|
2784
2783
|
rowHeight: s,
|
|
2785
2784
|
pattern: o = "solid",
|
|
2786
2785
|
transitionMs: l = 120,
|
|
2787
|
-
className:
|
|
2786
|
+
className: m
|
|
2788
2787
|
}) {
|
|
2789
|
-
const d = n * a + (n - 1) * i,
|
|
2788
|
+
const d = n * a + (n - 1) * i, p = (t.section * Ca + t.col) * (a + i), g = t.row * (s + i), u = e === "resize" ? 2.5 : 2, w = o === "dashed-retreated" ? "dashed" : "solid", _ = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline";
|
|
2790
2789
|
return /* @__PURE__ */ r(
|
|
2791
2790
|
"div",
|
|
2792
2791
|
{
|
|
@@ -2797,28 +2796,28 @@ function ut({
|
|
|
2797
2796
|
// D-15 #4 parity: drag callers must keep the legacy class so reptime
|
|
2798
2797
|
// metric-card-grid.scss nested selectors continue to match.
|
|
2799
2798
|
e === "drag" ? "gloss-drag-feedback-snap-outline" : null,
|
|
2800
|
-
|
|
2799
|
+
m
|
|
2801
2800
|
].filter(Boolean).join(" "),
|
|
2802
|
-
"data-testid":
|
|
2801
|
+
"data-testid": _,
|
|
2803
2802
|
"data-tracking-outline": "",
|
|
2804
2803
|
"data-gesture": e,
|
|
2805
2804
|
"data-pattern": o,
|
|
2806
2805
|
"aria-hidden": "true",
|
|
2807
2806
|
style: {
|
|
2808
|
-
transform: `translate(${
|
|
2807
|
+
transform: `translate(${p}px, ${g}px)`,
|
|
2809
2808
|
width: d,
|
|
2810
2809
|
height: s,
|
|
2811
|
-
borderWidth:
|
|
2812
|
-
borderStyle:
|
|
2810
|
+
borderWidth: u,
|
|
2811
|
+
borderStyle: w,
|
|
2813
2812
|
transition: `transform ${l}ms cubic-bezier(0.4, 0, 0.2, 1)`
|
|
2814
2813
|
}
|
|
2815
2814
|
}
|
|
2816
2815
|
);
|
|
2817
2816
|
}
|
|
2818
|
-
function
|
|
2819
|
-
return /* @__PURE__ */ r(
|
|
2817
|
+
function xr(e) {
|
|
2818
|
+
return /* @__PURE__ */ r(mt, { gesture: "drag", pattern: "solid", ...e });
|
|
2820
2819
|
}
|
|
2821
|
-
function
|
|
2820
|
+
function Rr({
|
|
2822
2821
|
items: e,
|
|
2823
2822
|
children: t,
|
|
2824
2823
|
className: n,
|
|
@@ -2829,16 +2828,16 @@ function Mr({
|
|
|
2829
2828
|
if (process.env.NODE_ENV === "production")
|
|
2830
2829
|
return { values: {}, spec: null, state: "idle", t: performance.now() };
|
|
2831
2830
|
const o = s.current;
|
|
2832
|
-
let l = 0,
|
|
2833
|
-
for (const
|
|
2834
|
-
const g =
|
|
2835
|
-
Math.abs(g) > Math.abs(d) && (d = g, l = g), Math.abs(
|
|
2831
|
+
let l = 0, m = 0, d = 0, h = 0;
|
|
2832
|
+
for (const p of o) {
|
|
2833
|
+
const g = p.x.get(), u = p.y.get();
|
|
2834
|
+
Math.abs(g) > Math.abs(d) && (d = g, l = g), Math.abs(u) > Math.abs(h) && (h = u, m = u);
|
|
2836
2835
|
}
|
|
2837
2836
|
return {
|
|
2838
2837
|
values: {
|
|
2839
2838
|
activeCount: o.length,
|
|
2840
2839
|
maxX: l,
|
|
2841
|
-
maxY:
|
|
2840
|
+
maxY: m,
|
|
2842
2841
|
visible: o.length > 0 ? 1 : 0
|
|
2843
2842
|
},
|
|
2844
2843
|
spec: {
|
|
@@ -2851,7 +2850,7 @@ function Mr({
|
|
|
2851
2850
|
t: performance.now()
|
|
2852
2851
|
};
|
|
2853
2852
|
}), e.length === 0 ? null : /* @__PURE__ */ r(te, { children: e.map((o) => /* @__PURE__ */ r(
|
|
2854
|
-
|
|
2853
|
+
Se.div,
|
|
2855
2854
|
{
|
|
2856
2855
|
"data-card-id": o.cardId,
|
|
2857
2856
|
"data-testid": "gloss-cascade-preview-item",
|
|
@@ -2872,15 +2871,15 @@ function Mr({
|
|
|
2872
2871
|
o.cardId
|
|
2873
2872
|
)) });
|
|
2874
2873
|
}
|
|
2875
|
-
const
|
|
2874
|
+
const Sa = ({
|
|
2876
2875
|
consumed: e,
|
|
2877
2876
|
elapsed: t,
|
|
2878
2877
|
severity: n = "neutral"
|
|
2879
2878
|
}) => {
|
|
2880
|
-
const a =
|
|
2879
|
+
const a = E(null), i = E(null);
|
|
2881
2880
|
O(() => {
|
|
2882
|
-
const l = Math.min(100, Math.max(0, e.value)),
|
|
2883
|
-
a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${
|
|
2881
|
+
const l = Math.min(100, Math.max(0, e.value)), m = Math.min(100, Math.max(0, t.value)), d = requestAnimationFrame(() => {
|
|
2882
|
+
a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${m}%`);
|
|
2884
2883
|
});
|
|
2885
2884
|
return () => cancelAnimationFrame(d);
|
|
2886
2885
|
}, [e.value, t.value]);
|
|
@@ -2935,7 +2934,7 @@ const xa = ({
|
|
|
2935
2934
|
]
|
|
2936
2935
|
}
|
|
2937
2936
|
);
|
|
2938
|
-
},
|
|
2937
|
+
}, xa = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ k(
|
|
2939
2938
|
"div",
|
|
2940
2939
|
{
|
|
2941
2940
|
className: `gloss-gap-readout gloss-gap-readout--${n}`,
|
|
@@ -2964,7 +2963,7 @@ const xa = ({
|
|
|
2964
2963
|
children: "Set target"
|
|
2965
2964
|
}
|
|
2966
2965
|
)
|
|
2967
|
-
] }),
|
|
2966
|
+
] }), Mr = (e) => {
|
|
2968
2967
|
const [t, n] = $(!1), a = e.target?.value, i = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
|
|
2969
2968
|
$t,
|
|
2970
2969
|
{
|
|
@@ -2993,14 +2992,14 @@ const xa = ({
|
|
|
2993
2992
|
e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
|
|
2994
2993
|
/* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ k(te, { children: [
|
|
2995
2994
|
/* @__PURE__ */ r(
|
|
2996
|
-
|
|
2995
|
+
Sa,
|
|
2997
2996
|
{
|
|
2998
2997
|
consumed: e.consumed,
|
|
2999
2998
|
elapsed: e.elapsed,
|
|
3000
2999
|
severity: e.severity
|
|
3001
3000
|
}
|
|
3002
3001
|
),
|
|
3003
|
-
/* @__PURE__ */ r(
|
|
3002
|
+
/* @__PURE__ */ r(xa, { label: "Gap", value: e.gapLabel, severity: e.severity })
|
|
3004
3003
|
] }) : /* @__PURE__ */ r(
|
|
3005
3004
|
Ra,
|
|
3006
3005
|
{
|
|
@@ -3011,7 +3010,7 @@ const xa = ({
|
|
|
3011
3010
|
] })
|
|
3012
3011
|
}
|
|
3013
3012
|
);
|
|
3014
|
-
},
|
|
3013
|
+
}, Tr = () => /* @__PURE__ */ k("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
|
|
3015
3014
|
/* @__PURE__ */ r(
|
|
3016
3015
|
"div",
|
|
3017
3016
|
{
|
|
@@ -3059,7 +3058,7 @@ function Ta({
|
|
|
3059
3058
|
() => Math.max(0, e.findIndex((l) => l.id === t))
|
|
3060
3059
|
);
|
|
3061
3060
|
return O(() => {
|
|
3062
|
-
const l = e.findIndex((
|
|
3061
|
+
const l = e.findIndex((m) => m.id === t);
|
|
3063
3062
|
s(l >= 0 ? l : 0);
|
|
3064
3063
|
}, [t, e]), e.length === 0 ? null : /* @__PURE__ */ r(
|
|
3065
3064
|
"div",
|
|
@@ -3070,11 +3069,11 @@ function Ta({
|
|
|
3070
3069
|
switch (l.key) {
|
|
3071
3070
|
case "ArrowRight":
|
|
3072
3071
|
case "ArrowDown":
|
|
3073
|
-
l.preventDefault(), s((
|
|
3072
|
+
l.preventDefault(), s((m) => (m + 1) % e.length);
|
|
3074
3073
|
break;
|
|
3075
3074
|
case "ArrowLeft":
|
|
3076
3075
|
case "ArrowUp":
|
|
3077
|
-
l.preventDefault(), s((
|
|
3076
|
+
l.preventDefault(), s((m) => (m - 1 + e.length) % e.length);
|
|
3078
3077
|
break;
|
|
3079
3078
|
case "Home":
|
|
3080
3079
|
l.preventDefault(), s(0);
|
|
@@ -3085,20 +3084,20 @@ function Ta({
|
|
|
3085
3084
|
case "Enter":
|
|
3086
3085
|
case " ": {
|
|
3087
3086
|
l.preventDefault();
|
|
3088
|
-
const
|
|
3089
|
-
|
|
3087
|
+
const m = e[i];
|
|
3088
|
+
m && !m.disabled && n(m.id);
|
|
3090
3089
|
break;
|
|
3091
3090
|
}
|
|
3092
3091
|
}
|
|
3093
3092
|
},
|
|
3094
3093
|
className: "gloss-lens-chip-group",
|
|
3095
|
-
children: e.map((l,
|
|
3094
|
+
children: e.map((l, m) => /* @__PURE__ */ r(
|
|
3096
3095
|
Ma,
|
|
3097
3096
|
{
|
|
3098
3097
|
id: l.id,
|
|
3099
3098
|
label: l.label,
|
|
3100
3099
|
selected: l.id === t,
|
|
3101
|
-
focused:
|
|
3100
|
+
focused: m === i,
|
|
3102
3101
|
disabled: l.disabled,
|
|
3103
3102
|
badge: l.badge,
|
|
3104
3103
|
onClick: n
|
|
@@ -3116,7 +3115,7 @@ function Ia({ heading: e, children: t }) {
|
|
|
3116
3115
|
] });
|
|
3117
3116
|
}
|
|
3118
3117
|
Ia.displayName = "StarterRail";
|
|
3119
|
-
function
|
|
3118
|
+
function Ea({ heading: e, children: t, emptyStateLabel: n }) {
|
|
3120
3119
|
const a = !t || Array.isArray(t) && t.length === 0;
|
|
3121
3120
|
return /* @__PURE__ */ k("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
|
|
3122
3121
|
/* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
|
|
@@ -3126,7 +3125,7 @@ function Pa({ heading: e, children: t, emptyStateLabel: n }) {
|
|
|
3126
3125
|
] })
|
|
3127
3126
|
] });
|
|
3128
3127
|
}
|
|
3129
|
-
|
|
3128
|
+
Ea.displayName = "MoreInLensRail";
|
|
3130
3129
|
function X({
|
|
3131
3130
|
lead: e,
|
|
3132
3131
|
name: t,
|
|
@@ -3136,7 +3135,7 @@ function X({
|
|
|
3136
3135
|
variant: s = "default",
|
|
3137
3136
|
onClick: o,
|
|
3138
3137
|
className: l,
|
|
3139
|
-
style:
|
|
3138
|
+
style: m
|
|
3140
3139
|
}) {
|
|
3141
3140
|
const d = [
|
|
3142
3141
|
"gloss-entity-row",
|
|
@@ -3150,7 +3149,7 @@ function X({
|
|
|
3150
3149
|
/* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
|
|
3151
3150
|
i !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: i })
|
|
3152
3151
|
] });
|
|
3153
|
-
return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style:
|
|
3152
|
+
return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style: m, children: /* @__PURE__ */ r(
|
|
3154
3153
|
"button",
|
|
3155
3154
|
{
|
|
3156
3155
|
type: "button",
|
|
@@ -3162,12 +3161,12 @@ function X({
|
|
|
3162
3161
|
gap: 4,
|
|
3163
3162
|
cursor: "pointer"
|
|
3164
3163
|
},
|
|
3165
|
-
onClick: (
|
|
3166
|
-
|
|
3164
|
+
onClick: (p) => {
|
|
3165
|
+
p.stopPropagation(), o();
|
|
3167
3166
|
},
|
|
3168
3167
|
children: h
|
|
3169
3168
|
}
|
|
3170
|
-
) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style:
|
|
3169
|
+
) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style: m, children: h });
|
|
3171
3170
|
}
|
|
3172
3171
|
X.displayName = "EntityRow";
|
|
3173
3172
|
const ye = ({ rank: e }) => {
|
|
@@ -3194,7 +3193,7 @@ function we({ severity: e, "aria-label": t }) {
|
|
|
3194
3193
|
);
|
|
3195
3194
|
}
|
|
3196
3195
|
we.displayName = "SeverityDot";
|
|
3197
|
-
function
|
|
3196
|
+
function gt({
|
|
3198
3197
|
delta: e,
|
|
3199
3198
|
direction: t = "flat",
|
|
3200
3199
|
"aria-label": n
|
|
@@ -3223,7 +3222,7 @@ function mt({
|
|
|
3223
3222
|
}
|
|
3224
3223
|
);
|
|
3225
3224
|
}
|
|
3226
|
-
|
|
3225
|
+
gt.displayName = "RankDelta";
|
|
3227
3226
|
function _e({ fill: e, variant: t = "default", className: n }) {
|
|
3228
3227
|
const a = Math.max(0, Math.min(100, e));
|
|
3229
3228
|
return /* @__PURE__ */ r(
|
|
@@ -3241,7 +3240,7 @@ function _e({ fill: e, variant: t = "default", className: n }) {
|
|
|
3241
3240
|
);
|
|
3242
3241
|
}
|
|
3243
3242
|
_e.displayName = "MagnitudeBar";
|
|
3244
|
-
const
|
|
3243
|
+
const Pa = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
|
|
3245
3244
|
function Fa({
|
|
3246
3245
|
label: e,
|
|
3247
3246
|
rows: t,
|
|
@@ -3256,7 +3255,7 @@ function Fa({
|
|
|
3256
3255
|
{
|
|
3257
3256
|
className: "gloss-metric-card__zone-a",
|
|
3258
3257
|
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3259
|
-
children: /* @__PURE__ */ r(
|
|
3258
|
+
children: /* @__PURE__ */ r(Pe, { className: "gloss-metric-card__label", children: e })
|
|
3260
3259
|
}
|
|
3261
3260
|
),
|
|
3262
3261
|
/* @__PURE__ */ r(
|
|
@@ -3278,11 +3277,11 @@ function Fa({
|
|
|
3278
3277
|
),
|
|
3279
3278
|
value: o.value,
|
|
3280
3279
|
trail: /* @__PURE__ */ r(
|
|
3281
|
-
|
|
3280
|
+
gt,
|
|
3282
3281
|
{
|
|
3283
3282
|
delta: o.rankDelta,
|
|
3284
3283
|
direction: o.direction,
|
|
3285
|
-
"aria-label":
|
|
3284
|
+
"aria-label": Pa(o)
|
|
3286
3285
|
}
|
|
3287
3286
|
),
|
|
3288
3287
|
variant: "leaderboard",
|
|
@@ -3340,14 +3339,14 @@ function $a({
|
|
|
3340
3339
|
ruleSubtitle: s,
|
|
3341
3340
|
isStale: o
|
|
3342
3341
|
}) {
|
|
3343
|
-
const l = t.filter((d) => La(d, n)),
|
|
3342
|
+
const l = t.filter((d) => La(d, n)), m = l.slice(0, a ?? 3);
|
|
3344
3343
|
return l.length === 0 ? /* @__PURE__ */ k(te, { children: [
|
|
3345
3344
|
/* @__PURE__ */ r(
|
|
3346
3345
|
be,
|
|
3347
3346
|
{
|
|
3348
3347
|
className: "gloss-metric-card__zone-a",
|
|
3349
3348
|
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3350
|
-
children: /* @__PURE__ */ r(
|
|
3349
|
+
children: /* @__PURE__ */ r(Pe, { className: "gloss-metric-card__label", children: e })
|
|
3351
3350
|
}
|
|
3352
3351
|
),
|
|
3353
3352
|
/* @__PURE__ */ r("div", { className: "gloss-exception-list__empty", role: "status", children: i ?? "No exceptions" }),
|
|
@@ -3358,7 +3357,7 @@ function $a({
|
|
|
3358
3357
|
{
|
|
3359
3358
|
className: "gloss-metric-card__zone-a",
|
|
3360
3359
|
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3361
|
-
children: /* @__PURE__ */ r(
|
|
3360
|
+
children: /* @__PURE__ */ r(Pe, { className: "gloss-metric-card__label", children: e })
|
|
3362
3361
|
}
|
|
3363
3362
|
),
|
|
3364
3363
|
/* @__PURE__ */ r(
|
|
@@ -3366,7 +3365,7 @@ function $a({
|
|
|
3366
3365
|
{
|
|
3367
3366
|
className: `gloss-metric-card__zone-b gloss-exception-list ${o ? "gloss-metric-data-stale" : ""}`,
|
|
3368
3367
|
style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
|
|
3369
|
-
children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children:
|
|
3368
|
+
children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: m.map((d, h) => /* @__PURE__ */ r(
|
|
3370
3369
|
X,
|
|
3371
3370
|
{
|
|
3372
3371
|
lead: /* @__PURE__ */ r(we, { severity: d.severity, "aria-label": Oa(d.severity) }),
|
|
@@ -3459,7 +3458,7 @@ const Je = ["MTD", "QTD", "YTD", "LYTD", "7D"], et = ["$248K", "$612K", "$1.24M"
|
|
|
3459
3458
|
);
|
|
3460
3459
|
};
|
|
3461
3460
|
Ka.displayName = "StackedGroupTilePreview";
|
|
3462
|
-
const
|
|
3461
|
+
const Ir = {
|
|
3463
3462
|
/** GEV-01 — Eligibility tint. Contiguous-from-source paint; blocked by first occupied cell (Principle 4). */
|
|
3464
3463
|
eligibilityTint: { applicableStates: ["arming", "active"] },
|
|
3465
3464
|
/** GEV-01 — Commit tint. Fill+stroke emphasis on the commit-target cell footprint (G-02). */
|
|
@@ -3501,8 +3500,8 @@ const Pr = {
|
|
|
3501
3500
|
rejectionFill: "var(--gloss-g02-rejection-fill)",
|
|
3502
3501
|
rejectionStroke: "var(--gloss-g02-rejection-stroke)",
|
|
3503
3502
|
trackingOutline: "var(--gloss-g02-tracking-outline)"
|
|
3504
|
-
}, Er = "dashed",
|
|
3505
|
-
function
|
|
3503
|
+
}, Er = "dashed", Pr = "solid", Fr = "sparse-dash", Ar = "2px no-fill", Or = "6 4", Lr = "10 6", za = 3;
|
|
3504
|
+
function $r({
|
|
3506
3505
|
cell: e,
|
|
3507
3506
|
variant: t,
|
|
3508
3507
|
rampColor: n,
|
|
@@ -3511,10 +3510,10 @@ function Lr({
|
|
|
3511
3510
|
gap: s,
|
|
3512
3511
|
className: o
|
|
3513
3512
|
}) {
|
|
3514
|
-
const
|
|
3513
|
+
const m = (e.section * za + e.col) * (a + s), d = e.row * (i + s), h = t === "eligibility" ? se.eligibilityFill : t === "commit" ? se.commitFill : t === "rejection" ? se.rejectionFill : (
|
|
3515
3514
|
/* ramp */
|
|
3516
3515
|
n ?? se.eligibilityFill
|
|
3517
|
-
),
|
|
3516
|
+
), p = t === "rejection", g = p ? se.rejectionStroke : "transparent", u = p ? "dashed" : "solid";
|
|
3518
3517
|
return /* @__PURE__ */ r(
|
|
3519
3518
|
"div",
|
|
3520
3519
|
{
|
|
@@ -3527,7 +3526,7 @@ function Lr({
|
|
|
3527
3526
|
"data-variant": t,
|
|
3528
3527
|
"aria-hidden": "true",
|
|
3529
3528
|
style: {
|
|
3530
|
-
transform: `translate(${
|
|
3529
|
+
transform: `translate(${m}px, ${d}px)`,
|
|
3531
3530
|
width: a,
|
|
3532
3531
|
height: i,
|
|
3533
3532
|
// Use background-color longhand (NOT background shorthand) so jsdom + DOM
|
|
@@ -3535,17 +3534,17 @@ function Lr({
|
|
|
3535
3534
|
// unknown values and breaks both unit-test introspection and styling.
|
|
3536
3535
|
backgroundColor: h,
|
|
3537
3536
|
borderColor: g,
|
|
3538
|
-
borderStyle:
|
|
3537
|
+
borderStyle: u
|
|
3539
3538
|
}
|
|
3540
3539
|
}
|
|
3541
3540
|
);
|
|
3542
3541
|
}
|
|
3543
|
-
const Wa = 3,
|
|
3542
|
+
const Wa = 3, ja = [
|
|
3544
3543
|
{ idx: 0, peakR: 22, peakOpacity: 0.45, strokeW: 1.5 },
|
|
3545
3544
|
{ idx: 1, peakR: 34, peakOpacity: 0.22, strokeW: 1 },
|
|
3546
3545
|
{ idx: 2, peakR: 46, peakOpacity: 0.1, strokeW: 0.8 }
|
|
3547
3546
|
];
|
|
3548
|
-
function
|
|
3547
|
+
function Br({
|
|
3549
3548
|
cell: e,
|
|
3550
3549
|
fireKey: t,
|
|
3551
3550
|
colWidth: n,
|
|
@@ -3553,8 +3552,8 @@ function $r({
|
|
|
3553
3552
|
gap: i,
|
|
3554
3553
|
className: s
|
|
3555
3554
|
}) {
|
|
3556
|
-
const l = (e.section * Wa + e.col) * (n + i) + n / 2,
|
|
3557
|
-
return
|
|
3555
|
+
const l = (e.section * Wa + e.col) * (n + i) + n / 2, m = e.row * (a + i) + a / 2;
|
|
3556
|
+
return st() === "reduced" ? /* @__PURE__ */ r(
|
|
3558
3557
|
"div",
|
|
3559
3558
|
{
|
|
3560
3559
|
className: ["gloss-refuse-pulse-flash", s].filter(Boolean).join(" "),
|
|
@@ -3564,7 +3563,7 @@ function $r({
|
|
|
3564
3563
|
style: {
|
|
3565
3564
|
position: "absolute",
|
|
3566
3565
|
left: l - 24,
|
|
3567
|
-
top:
|
|
3566
|
+
top: m - 24,
|
|
3568
3567
|
width: 48,
|
|
3569
3568
|
height: 48,
|
|
3570
3569
|
borderRadius: "50%",
|
|
@@ -3582,7 +3581,7 @@ function $r({
|
|
|
3582
3581
|
"data-testid": "gloss-refuse-pulse",
|
|
3583
3582
|
"data-fire-key": t,
|
|
3584
3583
|
"data-cx": l,
|
|
3585
|
-
"data-cy":
|
|
3584
|
+
"data-cy": m,
|
|
3586
3585
|
"aria-hidden": "true",
|
|
3587
3586
|
style: {
|
|
3588
3587
|
position: "absolute",
|
|
@@ -3590,8 +3589,8 @@ function $r({
|
|
|
3590
3589
|
top: 0,
|
|
3591
3590
|
pointerEvents: "none"
|
|
3592
3591
|
},
|
|
3593
|
-
children:
|
|
3594
|
-
const
|
|
3592
|
+
children: ja.map((h) => {
|
|
3593
|
+
const p = h.peakR * 2;
|
|
3595
3594
|
return /* @__PURE__ */ r(
|
|
3596
3595
|
"div",
|
|
3597
3596
|
{
|
|
@@ -3602,9 +3601,9 @@ function $r({
|
|
|
3602
3601
|
style: {
|
|
3603
3602
|
position: "absolute",
|
|
3604
3603
|
left: l - h.peakR,
|
|
3605
|
-
top:
|
|
3606
|
-
width:
|
|
3607
|
-
height:
|
|
3604
|
+
top: m - h.peakR,
|
|
3605
|
+
width: p,
|
|
3606
|
+
height: p,
|
|
3608
3607
|
borderRadius: "50%",
|
|
3609
3608
|
borderStyle: "solid",
|
|
3610
3609
|
borderWidth: h.strokeW,
|
|
@@ -3624,22 +3623,22 @@ function $r({
|
|
|
3624
3623
|
t
|
|
3625
3624
|
);
|
|
3626
3625
|
}
|
|
3627
|
-
function
|
|
3628
|
-
return /* @__PURE__ */ r(
|
|
3626
|
+
function Kr(e) {
|
|
3627
|
+
return /* @__PURE__ */ r(mt, { gesture: "resize", ...e });
|
|
3629
3628
|
}
|
|
3630
|
-
const
|
|
3629
|
+
const Ga = Object.freeze({
|
|
3631
3630
|
trackingOutline: null,
|
|
3632
3631
|
cellTints: [],
|
|
3633
3632
|
refusePulse: null,
|
|
3634
3633
|
shrinkFreedCells: []
|
|
3635
3634
|
});
|
|
3636
3635
|
function Va(e, t, n) {
|
|
3637
|
-
const a = Math.max(0, Math.min(1, n)), i = (
|
|
3638
|
-
parseInt(
|
|
3639
|
-
parseInt(
|
|
3640
|
-
parseInt(
|
|
3641
|
-
], [s, o, l] = i(e), [
|
|
3642
|
-
return `rgb(${Math.round(s + (
|
|
3636
|
+
const a = Math.max(0, Math.min(1, n)), i = (p) => [
|
|
3637
|
+
parseInt(p.slice(1, 3), 16),
|
|
3638
|
+
parseInt(p.slice(3, 5), 16),
|
|
3639
|
+
parseInt(p.slice(5, 7), 16)
|
|
3640
|
+
], [s, o, l] = i(e), [m, d, h] = i(t);
|
|
3641
|
+
return `rgb(${Math.round(s + (m - s) * a)}, ${Math.round(o + (d - o) * a)}, ${Math.round(
|
|
3643
3642
|
l + (h - l) * a
|
|
3644
3643
|
)})`;
|
|
3645
3644
|
}
|
|
@@ -3649,50 +3648,50 @@ function Ha(e) {
|
|
|
3649
3648
|
function Ua(e) {
|
|
3650
3649
|
return e !== "idle" && e !== "settling" && e !== "cancelled";
|
|
3651
3650
|
}
|
|
3652
|
-
function
|
|
3653
|
-
const { edgeHover: t, sourceCell: n, cascadeResult: a, colWidth: i, rowHeight: s, gap: o } = e,
|
|
3651
|
+
function zr(e) {
|
|
3652
|
+
const { edgeHover: t, sourceCell: n, cascadeResult: a, colWidth: i, rowHeight: s, gap: o } = e, m = st() === "reduced", d = ce.useRef(t.currentColSpan), h = ce.useRef({ armed: !0, fireKey: 0, lastResult: null });
|
|
3654
3653
|
if (!Ua(t.state))
|
|
3655
|
-
return h.current.armed = !0, h.current.lastResult = null,
|
|
3656
|
-
const
|
|
3657
|
-
|
|
3658
|
-
const
|
|
3654
|
+
return h.current.armed = !0, h.current.lastResult = null, Ga;
|
|
3655
|
+
const p = t.hysteresisTargetColSpan, g = t.previewColSpan, u = a?.result === "rejected";
|
|
3656
|
+
u || (d.current = p), u && h.current.armed && h.current.lastResult !== "rejected" && (h.current.fireKey += 1, h.current.armed = !1), h.current.lastResult = u ? "rejected" : "ok";
|
|
3657
|
+
const w = u ? d.current : p, _ = {
|
|
3659
3658
|
cell: { section: 0, col: 0, row: 0 },
|
|
3660
|
-
colSpan:
|
|
3661
|
-
pattern:
|
|
3662
|
-
},
|
|
3663
|
-
if (
|
|
3664
|
-
const
|
|
3665
|
-
for (let
|
|
3666
|
-
|
|
3659
|
+
colSpan: w,
|
|
3660
|
+
pattern: u ? "dashed-retreated" : "solid"
|
|
3661
|
+
}, c = [];
|
|
3662
|
+
if (u) {
|
|
3663
|
+
const v = n.col + d.current, M = n.col + p - 1;
|
|
3664
|
+
for (let S = v; S <= M && S <= 2; S++)
|
|
3665
|
+
c.push({
|
|
3667
3666
|
cell: {
|
|
3668
3667
|
section: 0,
|
|
3669
|
-
col:
|
|
3668
|
+
col: S - n.col,
|
|
3670
3669
|
row: 0
|
|
3671
3670
|
},
|
|
3672
3671
|
variant: "rejection"
|
|
3673
3672
|
});
|
|
3674
3673
|
} else {
|
|
3675
|
-
const
|
|
3676
|
-
for (let
|
|
3677
|
-
if (
|
|
3678
|
-
const
|
|
3674
|
+
const v = Math.abs(g - p), M = Math.max(0, Math.min(1, 1 - v));
|
|
3675
|
+
for (let S = n.col; S < n.col + p && S <= 2; S++) {
|
|
3676
|
+
if (S === n.col) continue;
|
|
3677
|
+
const f = S === n.col + p - 1, b = {
|
|
3679
3678
|
section: 0,
|
|
3680
|
-
col:
|
|
3679
|
+
col: S - n.col,
|
|
3681
3680
|
row: 0
|
|
3682
3681
|
};
|
|
3683
|
-
|
|
3684
|
-
cell:
|
|
3682
|
+
f && t.direction.startsWith("grow") && p > 1 && !m && v > 0 && v < 1 ? c.push({
|
|
3683
|
+
cell: b,
|
|
3685
3684
|
variant: "ramp",
|
|
3686
3685
|
rampColor: Va(at.eligibilityFill, at.commitFill, M)
|
|
3687
|
-
}) :
|
|
3686
|
+
}) : f ? c.push({ cell: b, variant: "commit" }) : c.push({ cell: b, variant: "eligibility" });
|
|
3688
3687
|
}
|
|
3689
3688
|
}
|
|
3690
3689
|
const R = [];
|
|
3691
|
-
if (t.currentColSpan >
|
|
3692
|
-
for (let
|
|
3690
|
+
if (t.currentColSpan > p)
|
|
3691
|
+
for (let v = n.col + p; v < n.col + t.currentColSpan && v <= 2; v++)
|
|
3693
3692
|
R.push({
|
|
3694
3693
|
section: 0,
|
|
3695
|
-
col:
|
|
3694
|
+
col: v - n.col,
|
|
3696
3695
|
row: 0
|
|
3697
3696
|
});
|
|
3698
3697
|
const I = h.current.fireKey > 0 ? {
|
|
@@ -3706,8 +3705,8 @@ function Kr(e) {
|
|
|
3706
3705
|
fireKey: h.current.fireKey
|
|
3707
3706
|
} : null;
|
|
3708
3707
|
return {
|
|
3709
|
-
trackingOutline:
|
|
3710
|
-
cellTints:
|
|
3708
|
+
trackingOutline: _,
|
|
3709
|
+
cellTints: c,
|
|
3711
3710
|
refusePulse: I,
|
|
3712
3711
|
shrinkFreedCells: R
|
|
3713
3712
|
};
|
|
@@ -3745,12 +3744,12 @@ function Za({
|
|
|
3745
3744
|
});
|
|
3746
3745
|
}
|
|
3747
3746
|
}, [a, i]);
|
|
3748
|
-
const
|
|
3747
|
+
const m = s ? { top: s.top, left: s.left } : {};
|
|
3749
3748
|
return /* @__PURE__ */ k(
|
|
3750
3749
|
"div",
|
|
3751
3750
|
{
|
|
3752
3751
|
className: ne["gloss-inline-nudge"],
|
|
3753
|
-
style:
|
|
3752
|
+
style: m,
|
|
3754
3753
|
role: "status",
|
|
3755
3754
|
"aria-live": "polite",
|
|
3756
3755
|
"data-reduced-motion": l ? "true" : void 0,
|
|
@@ -3810,17 +3809,17 @@ function Qa({
|
|
|
3810
3809
|
const o = i === void 0 ? 0.01 : !Number.isFinite(i) || i <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
3811
3810
|
`ThresholdRamp: step (${i}) must be a positive finite number; falling back to 0.01.`
|
|
3812
3811
|
), 0.01) : i, l = N(
|
|
3813
|
-
(
|
|
3812
|
+
(f) => Math.round(f / o) * o,
|
|
3814
3813
|
[o]
|
|
3815
|
-
),
|
|
3814
|
+
), m = E(null), [d, h] = $(null), [p, g] = $(e), u = qa(e), w = E(u);
|
|
3816
3815
|
O(() => {
|
|
3817
|
-
|
|
3818
|
-
}, [
|
|
3819
|
-
const
|
|
3820
|
-
(
|
|
3821
|
-
if (!
|
|
3822
|
-
const
|
|
3823
|
-
return l(
|
|
3816
|
+
w.current !== u && (w.current = u, !d && g(e));
|
|
3817
|
+
}, [u, e, d]);
|
|
3818
|
+
const _ = Ne(() => Ya(p, n, a), [p, n, a]), c = N(
|
|
3819
|
+
(f) => {
|
|
3820
|
+
if (!m.current) return n;
|
|
3821
|
+
const b = m.current.getBoundingClientRect(), D = b.width || 1, T = Math.max(0, Math.min(1, (f - b.left) / D)), y = n + T * (a - n);
|
|
3822
|
+
return l(y);
|
|
3824
3823
|
},
|
|
3825
3824
|
[n, a, l]
|
|
3826
3825
|
);
|
|
@@ -3830,104 +3829,104 @@ function Qa({
|
|
|
3830
3829
|
);
|
|
3831
3830
|
}, [n, a]);
|
|
3832
3831
|
const R = N(
|
|
3833
|
-
(
|
|
3834
|
-
const D =
|
|
3835
|
-
s || D?.disabled || (
|
|
3832
|
+
(f, b) => {
|
|
3833
|
+
const D = p.find((T) => T.id === b);
|
|
3834
|
+
s || D?.disabled || (f.preventDefault(), h(b));
|
|
3836
3835
|
},
|
|
3837
|
-
[s,
|
|
3838
|
-
), I =
|
|
3839
|
-
I.current =
|
|
3840
|
-
const
|
|
3841
|
-
|
|
3836
|
+
[s, p]
|
|
3837
|
+
), I = E(p);
|
|
3838
|
+
I.current = p;
|
|
3839
|
+
const v = E(t);
|
|
3840
|
+
v.current = t, O(() => {
|
|
3842
3841
|
if (!d) return;
|
|
3843
|
-
const
|
|
3844
|
-
const T =
|
|
3842
|
+
const f = (D) => {
|
|
3843
|
+
const T = c(D.clientX);
|
|
3845
3844
|
g(
|
|
3846
|
-
(
|
|
3845
|
+
(y) => y.map((x) => x.id === d ? { ...x, value: T } : x)
|
|
3847
3846
|
);
|
|
3848
|
-
},
|
|
3849
|
-
const T =
|
|
3850
|
-
(
|
|
3847
|
+
}, b = (D) => {
|
|
3848
|
+
const T = c(D.clientX), y = I.current.map(
|
|
3849
|
+
(x) => x.id === d ? { ...x, value: T } : x
|
|
3851
3850
|
);
|
|
3852
|
-
g(
|
|
3851
|
+
g(y), h(null), v.current(y);
|
|
3853
3852
|
};
|
|
3854
|
-
return window.addEventListener("pointermove",
|
|
3855
|
-
window.removeEventListener("pointermove",
|
|
3853
|
+
return window.addEventListener("pointermove", f), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
|
|
3854
|
+
window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
|
|
3856
3855
|
};
|
|
3857
|
-
}, [d,
|
|
3858
|
-
const M = a - n > 0 ? a - n : 1,
|
|
3859
|
-
(
|
|
3860
|
-
if (s ||
|
|
3856
|
+
}, [d, c]);
|
|
3857
|
+
const M = a - n > 0 ? a - n : 1, S = N(
|
|
3858
|
+
(f, b) => {
|
|
3859
|
+
if (s || b.disabled) return;
|
|
3861
3860
|
const D = a - n;
|
|
3862
3861
|
if (D <= 0) return;
|
|
3863
|
-
const T =
|
|
3864
|
-
let
|
|
3865
|
-
switch (
|
|
3862
|
+
const T = f.shiftKey ? D / 20 : D / 100;
|
|
3863
|
+
let y = b.value;
|
|
3864
|
+
switch (f.key) {
|
|
3866
3865
|
case "ArrowRight":
|
|
3867
3866
|
case "ArrowUp":
|
|
3868
|
-
|
|
3867
|
+
y = b.value + T;
|
|
3869
3868
|
break;
|
|
3870
3869
|
case "ArrowLeft":
|
|
3871
3870
|
case "ArrowDown":
|
|
3872
|
-
|
|
3871
|
+
y = b.value - T;
|
|
3873
3872
|
break;
|
|
3874
3873
|
case "Home":
|
|
3875
|
-
|
|
3874
|
+
y = n;
|
|
3876
3875
|
break;
|
|
3877
3876
|
case "End":
|
|
3878
|
-
|
|
3877
|
+
y = a;
|
|
3879
3878
|
break;
|
|
3880
3879
|
default:
|
|
3881
3880
|
return;
|
|
3882
3881
|
}
|
|
3883
|
-
|
|
3884
|
-
const
|
|
3885
|
-
if (
|
|
3886
|
-
const H =
|
|
3887
|
-
(Y) => Y.id ===
|
|
3882
|
+
f.preventDefault();
|
|
3883
|
+
const x = Math.max(n, Math.min(a, y)), P = l(x);
|
|
3884
|
+
if (P === b.value) return;
|
|
3885
|
+
const H = p.map(
|
|
3886
|
+
(Y) => Y.id === b.id ? { ...Y, value: P } : Y
|
|
3888
3887
|
);
|
|
3889
3888
|
g(H), t(H);
|
|
3890
3889
|
},
|
|
3891
|
-
[s, n, a,
|
|
3890
|
+
[s, n, a, p, t, l]
|
|
3892
3891
|
);
|
|
3893
3892
|
return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ r(
|
|
3894
3893
|
"div",
|
|
3895
3894
|
{
|
|
3896
|
-
ref:
|
|
3895
|
+
ref: m,
|
|
3897
3896
|
className: "gloss-threshold-ramp__track",
|
|
3898
|
-
style: { background:
|
|
3899
|
-
children:
|
|
3900
|
-
const
|
|
3897
|
+
style: { background: _ },
|
|
3898
|
+
children: p.map((f) => {
|
|
3899
|
+
const b = (f.value - n) / M * 100;
|
|
3901
3900
|
return /* @__PURE__ */ r(
|
|
3902
3901
|
"span",
|
|
3903
3902
|
{
|
|
3904
3903
|
className: "gloss-threshold-ramp__stop",
|
|
3905
3904
|
style: {
|
|
3906
|
-
left: `${
|
|
3907
|
-
color: Be(
|
|
3905
|
+
left: `${b}%`,
|
|
3906
|
+
color: Be(f)
|
|
3908
3907
|
},
|
|
3909
|
-
"data-disabled":
|
|
3910
|
-
"data-dragging": d ===
|
|
3911
|
-
onPointerDown: (D) => R(D,
|
|
3912
|
-
onKeyDown: (D) =>
|
|
3913
|
-
"aria-label":
|
|
3908
|
+
"data-disabled": f.disabled || void 0,
|
|
3909
|
+
"data-dragging": d === f.id || void 0,
|
|
3910
|
+
onPointerDown: (D) => R(D, f.id),
|
|
3911
|
+
onKeyDown: (D) => S(D, f),
|
|
3912
|
+
"aria-label": f.label ?? `Stop at ${f.value}`,
|
|
3914
3913
|
role: "slider",
|
|
3915
|
-
"aria-valuenow":
|
|
3914
|
+
"aria-valuenow": f.value,
|
|
3916
3915
|
"aria-valuemin": n,
|
|
3917
3916
|
"aria-valuemax": a,
|
|
3918
|
-
"aria-disabled":
|
|
3919
|
-
tabIndex:
|
|
3917
|
+
"aria-disabled": f.disabled || s || void 0,
|
|
3918
|
+
tabIndex: f.disabled || s ? -1 : 0
|
|
3920
3919
|
},
|
|
3921
|
-
|
|
3920
|
+
f.id
|
|
3922
3921
|
);
|
|
3923
3922
|
})
|
|
3924
3923
|
}
|
|
3925
3924
|
) });
|
|
3926
3925
|
}
|
|
3927
3926
|
Qa.displayName = "ThresholdRamp";
|
|
3928
|
-
const
|
|
3927
|
+
const pt = St(null);
|
|
3929
3928
|
function Xa() {
|
|
3930
|
-
return
|
|
3929
|
+
return xt(pt);
|
|
3931
3930
|
}
|
|
3932
3931
|
function Ja({ option: e }) {
|
|
3933
3932
|
const t = Xa(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = N(() => {
|
|
@@ -3937,7 +3936,7 @@ function Ja({ option: e }) {
|
|
|
3937
3936
|
a || t?.onKeyNav(d, e.value);
|
|
3938
3937
|
},
|
|
3939
3938
|
[a, t, e.value]
|
|
3940
|
-
), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value,
|
|
3939
|
+
), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, m = a ? -1 : l ? 0 : -1;
|
|
3941
3940
|
return /* @__PURE__ */ r(
|
|
3942
3941
|
"button",
|
|
3943
3942
|
{
|
|
@@ -3953,7 +3952,7 @@ function Ja({ option: e }) {
|
|
|
3953
3952
|
"aria-label": e.label ?? e.value,
|
|
3954
3953
|
"aria-disabled": a,
|
|
3955
3954
|
disabled: a,
|
|
3956
|
-
tabIndex:
|
|
3955
|
+
tabIndex: m,
|
|
3957
3956
|
onClick: i,
|
|
3958
3957
|
onKeyDown: s
|
|
3959
3958
|
}
|
|
@@ -3967,65 +3966,65 @@ function en({
|
|
|
3967
3966
|
disabled: i = !1,
|
|
3968
3967
|
name: s
|
|
3969
3968
|
}) {
|
|
3970
|
-
const o = t !== void 0, [l,
|
|
3971
|
-
(
|
|
3972
|
-
o ||
|
|
3969
|
+
const o = t !== void 0, [l, m] = $(n), d = o ? t : l, h = N(
|
|
3970
|
+
(v) => {
|
|
3971
|
+
o || m(v), a?.(v);
|
|
3973
3972
|
},
|
|
3974
3973
|
[o, a]
|
|
3975
|
-
),
|
|
3976
|
-
(
|
|
3974
|
+
), p = N(
|
|
3975
|
+
(v) => d === v,
|
|
3977
3976
|
[d]
|
|
3978
|
-
), g =
|
|
3979
|
-
M ? g.current.set(
|
|
3980
|
-
}, []),
|
|
3981
|
-
const M = g.current.get(
|
|
3977
|
+
), g = E(/* @__PURE__ */ new Map()), u = N((v, M) => {
|
|
3978
|
+
M ? g.current.set(v, M) : g.current.delete(v);
|
|
3979
|
+
}, []), w = e.filter((v) => !v.disabled && !i), _ = w.find((v) => v.value === d)?.value ?? w[0]?.value, c = N((v) => {
|
|
3980
|
+
const M = g.current.get(v);
|
|
3982
3981
|
M && M.focus();
|
|
3983
3982
|
}, []), R = N(
|
|
3984
|
-
(
|
|
3983
|
+
(v, M) => {
|
|
3985
3984
|
if (i) return;
|
|
3986
|
-
const
|
|
3987
|
-
if (
|
|
3988
|
-
const
|
|
3989
|
-
if (
|
|
3990
|
-
let
|
|
3991
|
-
switch (
|
|
3985
|
+
const S = e.filter((T) => !T.disabled);
|
|
3986
|
+
if (S.length === 0) return;
|
|
3987
|
+
const f = S.findIndex((T) => T.value === M);
|
|
3988
|
+
if (f === -1) return;
|
|
3989
|
+
let b = f;
|
|
3990
|
+
switch (v.key) {
|
|
3992
3991
|
case "ArrowRight":
|
|
3993
3992
|
case "ArrowDown":
|
|
3994
|
-
|
|
3993
|
+
b = (f + 1) % S.length;
|
|
3995
3994
|
break;
|
|
3996
3995
|
case "ArrowLeft":
|
|
3997
3996
|
case "ArrowUp":
|
|
3998
|
-
|
|
3997
|
+
b = (f - 1 + S.length) % S.length;
|
|
3999
3998
|
break;
|
|
4000
3999
|
case "Home":
|
|
4001
|
-
|
|
4000
|
+
b = 0;
|
|
4002
4001
|
break;
|
|
4003
4002
|
case "End":
|
|
4004
|
-
|
|
4003
|
+
b = S.length - 1;
|
|
4005
4004
|
break;
|
|
4006
4005
|
case " ":
|
|
4007
4006
|
case "Enter":
|
|
4008
|
-
|
|
4007
|
+
v.preventDefault(), h(M);
|
|
4009
4008
|
return;
|
|
4010
4009
|
default:
|
|
4011
4010
|
return;
|
|
4012
4011
|
}
|
|
4013
|
-
|
|
4014
|
-
const D =
|
|
4015
|
-
|
|
4012
|
+
v.preventDefault();
|
|
4013
|
+
const D = S[b].value;
|
|
4014
|
+
c(D), h(D);
|
|
4016
4015
|
},
|
|
4017
|
-
[i, e, h,
|
|
4016
|
+
[i, e, h, c]
|
|
4018
4017
|
), I = {
|
|
4019
4018
|
selectedValue: d,
|
|
4020
4019
|
select: h,
|
|
4021
|
-
isSelected:
|
|
4020
|
+
isSelected: p,
|
|
4022
4021
|
groupDisabled: i,
|
|
4023
4022
|
name: s,
|
|
4024
|
-
registerRef:
|
|
4025
|
-
firstFocusableValue:
|
|
4023
|
+
registerRef: u,
|
|
4024
|
+
firstFocusableValue: _,
|
|
4026
4025
|
onKeyNav: R
|
|
4027
4026
|
};
|
|
4028
|
-
return /* @__PURE__ */ r(
|
|
4027
|
+
return /* @__PURE__ */ r(pt.Provider, { value: I, children: /* @__PURE__ */ r(
|
|
4029
4028
|
"div",
|
|
4030
4029
|
{
|
|
4031
4030
|
className: "gloss-preset-swatch-row",
|
|
@@ -4033,7 +4032,7 @@ function en({
|
|
|
4033
4032
|
"aria-label": s,
|
|
4034
4033
|
"aria-disabled": i,
|
|
4035
4034
|
"data-disabled": i || void 0,
|
|
4036
|
-
children: e.map((
|
|
4035
|
+
children: e.map((v) => /* @__PURE__ */ r(Ja, { option: v }, v.value))
|
|
4037
4036
|
}
|
|
4038
4037
|
) });
|
|
4039
4038
|
}
|
|
@@ -4057,101 +4056,101 @@ function an(e) {
|
|
|
4057
4056
|
}
|
|
4058
4057
|
function nn(e) {
|
|
4059
4058
|
const [t, n] = $(
|
|
4060
|
-
() => e.zones.map((
|
|
4061
|
-
`useSortableZones: zone "${
|
|
4062
|
-
), { ...
|
|
4063
|
-
), [a, i] = $(null), [s, o] = $(null), l =
|
|
4064
|
-
|
|
4059
|
+
() => e.zones.map((c) => c.maxItems !== void 0 && c.items.length > c.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
4060
|
+
`useSortableZones: zone "${c.zoneKey}" exceeds maxItems (${c.items.length} > ${c.maxItems}); trimming to cap.`
|
|
4061
|
+
), { ...c, items: c.items.slice(0, c.maxItems) }) : c)
|
|
4062
|
+
), [a, i] = $(null), [s, o] = $(null), l = E(null), m = E(e.onZoneChange);
|
|
4063
|
+
m.current = e.onZoneChange;
|
|
4065
4064
|
const d = Ne(
|
|
4066
4065
|
() => an(e.zones),
|
|
4067
4066
|
[e.zones]
|
|
4068
|
-
), h =
|
|
4067
|
+
), h = E(d);
|
|
4069
4068
|
O(() => {
|
|
4070
4069
|
h.current !== d && (h.current = d, !a && n(
|
|
4071
|
-
e.zones.map((
|
|
4072
|
-
`useSortableZones: zone "${
|
|
4073
|
-
), { ...
|
|
4070
|
+
e.zones.map((c) => c.maxItems !== void 0 && c.items.length > c.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
4071
|
+
`useSortableZones: zone "${c.zoneKey}" exceeds maxItems (${c.items.length} > ${c.maxItems}); trimming to cap.`
|
|
4072
|
+
), { ...c, items: c.items.slice(0, c.maxItems) }) : c)
|
|
4074
4073
|
));
|
|
4075
4074
|
}, [d, e.zones, a]);
|
|
4076
|
-
const
|
|
4077
|
-
(
|
|
4078
|
-
const R =
|
|
4079
|
-
let I = null,
|
|
4075
|
+
const p = N(
|
|
4076
|
+
(c) => {
|
|
4077
|
+
const R = c.active.id;
|
|
4078
|
+
let I = null, v = null;
|
|
4080
4079
|
for (const M of t) {
|
|
4081
|
-
const
|
|
4082
|
-
if (
|
|
4083
|
-
I =
|
|
4080
|
+
const S = M.items.find((f) => f.id === R);
|
|
4081
|
+
if (S) {
|
|
4082
|
+
I = S, v = M.zoneKey;
|
|
4084
4083
|
break;
|
|
4085
4084
|
}
|
|
4086
4085
|
}
|
|
4087
|
-
l.current =
|
|
4086
|
+
l.current = v, i(I), o(v);
|
|
4088
4087
|
},
|
|
4089
4088
|
[t]
|
|
4090
4089
|
), g = N(
|
|
4091
|
-
(
|
|
4092
|
-
if (!
|
|
4090
|
+
(c) => {
|
|
4091
|
+
if (!c.over) {
|
|
4093
4092
|
o(l.current);
|
|
4094
4093
|
return;
|
|
4095
4094
|
}
|
|
4096
|
-
const R = nt(t,
|
|
4095
|
+
const R = nt(t, c.over.id);
|
|
4097
4096
|
o(R);
|
|
4098
4097
|
},
|
|
4099
4098
|
[t]
|
|
4100
|
-
),
|
|
4101
|
-
(
|
|
4102
|
-
const { active: R, over: I } =
|
|
4099
|
+
), u = N(
|
|
4100
|
+
(c) => {
|
|
4101
|
+
const { active: R, over: I } = c, v = () => {
|
|
4103
4102
|
l.current = null, i(null), o(null);
|
|
4104
4103
|
};
|
|
4105
4104
|
if (!I) {
|
|
4106
|
-
|
|
4105
|
+
v();
|
|
4107
4106
|
return;
|
|
4108
4107
|
}
|
|
4109
|
-
const M = Ke(t, R.id),
|
|
4110
|
-
if (!M || !
|
|
4111
|
-
|
|
4108
|
+
const M = Ke(t, R.id), S = nt(t, I.id);
|
|
4109
|
+
if (!M || !S) {
|
|
4110
|
+
v();
|
|
4112
4111
|
return;
|
|
4113
4112
|
}
|
|
4114
|
-
let
|
|
4115
|
-
if (M ===
|
|
4116
|
-
const
|
|
4117
|
-
|
|
4113
|
+
let f = t.map((b) => ({ ...b, items: [...b.items] }));
|
|
4114
|
+
if (M === S) {
|
|
4115
|
+
const b = f.findIndex((P) => P.zoneKey === M), D = f[b], T = D.items.findIndex((P) => P.id === R.id), y = D.items.findIndex((P) => P.id === I.id), x = y >= 0 ? y : Math.max(0, D.items.length - 1);
|
|
4116
|
+
f[b] = {
|
|
4118
4117
|
...D,
|
|
4119
|
-
items: tn(D.items, T,
|
|
4118
|
+
items: tn(D.items, T, x)
|
|
4120
4119
|
};
|
|
4121
4120
|
} else {
|
|
4122
|
-
const
|
|
4123
|
-
if (!
|
|
4124
|
-
|
|
4121
|
+
const b = f.findIndex((L) => L.zoneKey === M), D = f.findIndex((L) => L.zoneKey === S), T = f[b], y = f[D], x = T.items.find((L) => L.id === R.id);
|
|
4122
|
+
if (!x) {
|
|
4123
|
+
v();
|
|
4125
4124
|
return;
|
|
4126
4125
|
}
|
|
4127
|
-
const
|
|
4128
|
-
let U =
|
|
4129
|
-
if (
|
|
4130
|
-
const L =
|
|
4131
|
-
|
|
4126
|
+
const P = T.items.filter((L) => L.id !== R.id), H = y.items.findIndex((L) => L.id === I.id), Y = H >= 0 ? H : y.items.length;
|
|
4127
|
+
let U = P, j = [...y.items];
|
|
4128
|
+
if (y.maxItems !== void 0 && j.length >= y.maxItems) {
|
|
4129
|
+
const L = j[j.length - 1];
|
|
4130
|
+
j = j.slice(0, y.maxItems - 1), U = [...P, L];
|
|
4132
4131
|
}
|
|
4133
|
-
const B = Math.min(Y,
|
|
4134
|
-
...
|
|
4135
|
-
|
|
4136
|
-
...
|
|
4132
|
+
const B = Math.min(Y, j.length), Z = [
|
|
4133
|
+
...j.slice(0, B),
|
|
4134
|
+
x,
|
|
4135
|
+
...j.slice(B)
|
|
4137
4136
|
];
|
|
4138
|
-
|
|
4137
|
+
f[b] = { ...T, items: U }, f[D] = { ...y, items: Z };
|
|
4139
4138
|
}
|
|
4140
|
-
n(
|
|
4139
|
+
n(f), m.current?.(f), v();
|
|
4141
4140
|
},
|
|
4142
4141
|
[t]
|
|
4143
|
-
),
|
|
4144
|
-
(
|
|
4145
|
-
id:
|
|
4146
|
-
"data-zone-key":
|
|
4142
|
+
), w = N(
|
|
4143
|
+
(c) => ({
|
|
4144
|
+
id: c,
|
|
4145
|
+
"data-zone-key": c
|
|
4147
4146
|
}),
|
|
4148
4147
|
[]
|
|
4149
|
-
),
|
|
4150
|
-
(
|
|
4151
|
-
const R = Ke(t,
|
|
4148
|
+
), _ = N(
|
|
4149
|
+
(c) => {
|
|
4150
|
+
const R = Ke(t, c.id) ?? "";
|
|
4152
4151
|
return {
|
|
4153
|
-
id:
|
|
4154
|
-
"data-item-id":
|
|
4152
|
+
id: c.id,
|
|
4153
|
+
"data-item-id": c.id,
|
|
4155
4154
|
"data-zone-key": R
|
|
4156
4155
|
};
|
|
4157
4156
|
},
|
|
@@ -4161,14 +4160,14 @@ function nn(e) {
|
|
|
4161
4160
|
zones: t,
|
|
4162
4161
|
activeZone: s,
|
|
4163
4162
|
activeItem: a,
|
|
4164
|
-
getZoneProps:
|
|
4165
|
-
getItemProps:
|
|
4166
|
-
handleDragStart:
|
|
4163
|
+
getZoneProps: w,
|
|
4164
|
+
getItemProps: _,
|
|
4165
|
+
handleDragStart: p,
|
|
4167
4166
|
handleDragOver: g,
|
|
4168
|
-
handleDragEnd:
|
|
4167
|
+
handleDragEnd: u
|
|
4169
4168
|
};
|
|
4170
4169
|
}
|
|
4171
|
-
let he = null, Ce = null,
|
|
4170
|
+
let he = null, Ce = null, Ee = !1;
|
|
4172
4171
|
const rn = [
|
|
4173
4172
|
"DndContext",
|
|
4174
4173
|
"DragOverlay",
|
|
@@ -4193,7 +4192,7 @@ function on(e, t) {
|
|
|
4193
4192
|
return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
|
|
4194
4193
|
}
|
|
4195
4194
|
function ln() {
|
|
4196
|
-
return he ? Promise.resolve(he) :
|
|
4195
|
+
return he ? Promise.resolve(he) : Ee ? Promise.resolve(null) : Ce || (Ce = (async () => {
|
|
4197
4196
|
try {
|
|
4198
4197
|
const [e, t, n] = await Promise.all([
|
|
4199
4198
|
import("@dnd-kit/core"),
|
|
@@ -4206,26 +4205,26 @@ function ln() {
|
|
|
4206
4205
|
core: e,
|
|
4207
4206
|
sortable: t,
|
|
4208
4207
|
utilities: n
|
|
4209
|
-
}, he) : (
|
|
4208
|
+
}, he) : (Ee = !0, process.env.NODE_ENV !== "production" && console.error(
|
|
4210
4209
|
`SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
|
|
4211
4210
|
), null);
|
|
4212
4211
|
} catch {
|
|
4213
|
-
return
|
|
4212
|
+
return Ee = !0, null;
|
|
4214
4213
|
}
|
|
4215
4214
|
})(), Ce);
|
|
4216
4215
|
}
|
|
4217
4216
|
function cn(e) {
|
|
4218
|
-
const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = nn({ zones: t, onZoneChange: n }), [l,
|
|
4217
|
+
const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = nn({ zones: t, onZoneChange: n }), [l, m] = V.useState(he);
|
|
4219
4218
|
return V.useEffect(() => {
|
|
4220
4219
|
if (l) return;
|
|
4221
4220
|
let d = !0;
|
|
4222
4221
|
return ln().then((h) => {
|
|
4223
|
-
d &&
|
|
4222
|
+
d && m(h);
|
|
4224
4223
|
}), () => {
|
|
4225
4224
|
d = !1;
|
|
4226
4225
|
};
|
|
4227
4226
|
}, [l]), l ? /* @__PURE__ */ r(
|
|
4228
|
-
|
|
4227
|
+
ft,
|
|
4229
4228
|
{
|
|
4230
4229
|
state: o,
|
|
4231
4230
|
modules: l,
|
|
@@ -4234,34 +4233,34 @@ function cn(e) {
|
|
|
4234
4233
|
renderDragOverlay: s
|
|
4235
4234
|
}
|
|
4236
4235
|
) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
|
|
4237
|
-
const h = d.items.map((
|
|
4236
|
+
const h = d.items.map((p) => /* @__PURE__ */ r(V.Fragment, { children: i(p) }, p.id));
|
|
4238
4237
|
return /* @__PURE__ */ r("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, h) }, d.zoneKey);
|
|
4239
4238
|
}) });
|
|
4240
4239
|
}
|
|
4241
4240
|
cn.displayName = "SortableZones";
|
|
4242
|
-
function
|
|
4241
|
+
function ft({
|
|
4243
4242
|
state: e,
|
|
4244
4243
|
modules: t,
|
|
4245
4244
|
renderZone: n,
|
|
4246
4245
|
renderItem: a,
|
|
4247
4246
|
renderDragOverlay: i
|
|
4248
4247
|
}) {
|
|
4249
|
-
const { core: s, sortable: o, utilities: l } = t, { DndContext:
|
|
4250
|
-
|
|
4251
|
-
|
|
4252
|
-
),
|
|
4248
|
+
const { core: s, sortable: o, utilities: l } = t, { DndContext: m, DragOverlay: d, useSensors: h, useSensor: p, useDroppable: g, PointerSensor: u, KeyboardSensor: w, closestCenter: _ } = s, { SortableContext: c, verticalListSortingStrategy: R } = o, I = h(
|
|
4249
|
+
p(u, { activationConstraint: { distance: 5 } }),
|
|
4250
|
+
p(w)
|
|
4251
|
+
), v = m, M = d, S = c;
|
|
4253
4252
|
return /* @__PURE__ */ k(
|
|
4254
|
-
|
|
4253
|
+
v,
|
|
4255
4254
|
{
|
|
4256
4255
|
sensors: I,
|
|
4257
|
-
collisionDetection:
|
|
4256
|
+
collisionDetection: _,
|
|
4258
4257
|
onDragStart: e.handleDragStart,
|
|
4259
4258
|
onDragOver: e.handleDragOver,
|
|
4260
4259
|
onDragEnd: e.handleDragEnd,
|
|
4261
4260
|
children: [
|
|
4262
|
-
e.zones.map((
|
|
4263
|
-
const
|
|
4264
|
-
|
|
4261
|
+
e.zones.map((f) => {
|
|
4262
|
+
const b = f.items.map((T) => T.id), D = f.items.map((T) => /* @__PURE__ */ r(
|
|
4263
|
+
ht,
|
|
4265
4264
|
{
|
|
4266
4265
|
id: T.id,
|
|
4267
4266
|
useSortable: o.useSortable,
|
|
@@ -4271,14 +4270,14 @@ function pt({
|
|
|
4271
4270
|
T.id
|
|
4272
4271
|
));
|
|
4273
4272
|
return /* @__PURE__ */ r(
|
|
4274
|
-
|
|
4273
|
+
bt,
|
|
4275
4274
|
{
|
|
4276
|
-
zoneKey:
|
|
4277
|
-
zoneProps: e.getZoneProps(
|
|
4275
|
+
zoneKey: f.zoneKey,
|
|
4276
|
+
zoneProps: e.getZoneProps(f.zoneKey),
|
|
4278
4277
|
useDroppable: g,
|
|
4279
|
-
children: /* @__PURE__ */ r(
|
|
4278
|
+
children: /* @__PURE__ */ r(S, { items: b, strategy: R, children: n(f.zoneKey, f.items, D) })
|
|
4280
4279
|
},
|
|
4281
|
-
|
|
4280
|
+
f.zoneKey
|
|
4282
4281
|
);
|
|
4283
4282
|
}),
|
|
4284
4283
|
/* @__PURE__ */ r(M, { children: e.activeItem ? i?.(e.activeItem) ?? a(e.activeItem) : null })
|
|
@@ -4286,17 +4285,17 @@ function pt({
|
|
|
4286
4285
|
}
|
|
4287
4286
|
);
|
|
4288
4287
|
}
|
|
4289
|
-
|
|
4290
|
-
function
|
|
4291
|
-
const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition:
|
|
4288
|
+
ft.displayName = "SortableZonesInner";
|
|
4289
|
+
function ht({ id: e, useSortable: t, cssHelper: n, children: a }) {
|
|
4290
|
+
const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: m, isDragging: d } = t({ id: e }), h = {
|
|
4292
4291
|
transform: n?.Transform?.toString(l) ?? void 0,
|
|
4293
|
-
transition:
|
|
4292
|
+
transition: m,
|
|
4294
4293
|
opacity: d ? 0.5 : 1
|
|
4295
4294
|
};
|
|
4296
4295
|
return /* @__PURE__ */ r("div", { ref: o, style: h, "data-sortable-item-id": e, ...i, ...s, children: a });
|
|
4297
4296
|
}
|
|
4298
|
-
|
|
4299
|
-
function
|
|
4297
|
+
ht.displayName = "SortableItem";
|
|
4298
|
+
function bt({
|
|
4300
4299
|
zoneKey: e,
|
|
4301
4300
|
zoneProps: t,
|
|
4302
4301
|
useDroppable: n,
|
|
@@ -4305,8 +4304,8 @@ function ht({
|
|
|
4305
4304
|
const { setNodeRef: i, isOver: s } = n({ id: e });
|
|
4306
4305
|
return /* @__PURE__ */ r("div", { ref: i, "data-zone-is-over": s || void 0, ...t, children: a });
|
|
4307
4306
|
}
|
|
4308
|
-
|
|
4309
|
-
function
|
|
4307
|
+
bt.displayName = "ZoneDroppable";
|
|
4308
|
+
function Wr({
|
|
4310
4309
|
slotLeft: e,
|
|
4311
4310
|
slotCenter: t,
|
|
4312
4311
|
slotRight: n,
|
|
@@ -4356,7 +4355,7 @@ function zr({
|
|
|
4356
4355
|
}
|
|
4357
4356
|
);
|
|
4358
4357
|
}
|
|
4359
|
-
function
|
|
4358
|
+
function jr({
|
|
4360
4359
|
count: e,
|
|
4361
4360
|
currentIndex: t,
|
|
4362
4361
|
onSelect: n,
|
|
@@ -4365,27 +4364,27 @@ function Wr({
|
|
|
4365
4364
|
pulseIndex: s,
|
|
4366
4365
|
pulseNonce: o,
|
|
4367
4366
|
currentSection: l,
|
|
4368
|
-
sectionsPerView:
|
|
4367
|
+
sectionsPerView: m = 1
|
|
4369
4368
|
// D-09 default
|
|
4370
4369
|
}) {
|
|
4371
|
-
const d = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, d)),
|
|
4372
|
-
return
|
|
4370
|
+
const d = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, d)), p = Math.min(e - 1, h + Math.max(0, m - 1)), g = [h, p], u = ce.useRef([]);
|
|
4371
|
+
return u.current.length = e, e <= 1 || g[0] === 0 && g[1] === e - 1 ? null : /* @__PURE__ */ k(
|
|
4373
4372
|
"div",
|
|
4374
4373
|
{
|
|
4375
4374
|
role: "tablist",
|
|
4376
4375
|
"aria-label": a,
|
|
4377
4376
|
"data-testid": "gloss-section-dots",
|
|
4378
4377
|
className: "gloss-section-dots",
|
|
4379
|
-
onKeyDown: (
|
|
4378
|
+
onKeyDown: (_) => {
|
|
4380
4379
|
if (e !== 0) {
|
|
4381
|
-
if (
|
|
4382
|
-
|
|
4383
|
-
const
|
|
4384
|
-
n(
|
|
4385
|
-
} else if (
|
|
4386
|
-
|
|
4387
|
-
const
|
|
4388
|
-
n(
|
|
4380
|
+
if (_.key === "ArrowRight") {
|
|
4381
|
+
_.preventDefault();
|
|
4382
|
+
const c = (d + 1) % e;
|
|
4383
|
+
n(c), requestAnimationFrame(() => u.current[c]?.focus());
|
|
4384
|
+
} else if (_.key === "ArrowLeft") {
|
|
4385
|
+
_.preventDefault();
|
|
4386
|
+
const c = (d - 1 + e) % e;
|
|
4387
|
+
n(c), requestAnimationFrame(() => u.current[c]?.focus());
|
|
4389
4388
|
}
|
|
4390
4389
|
}
|
|
4391
4390
|
},
|
|
@@ -4401,25 +4400,25 @@ function Wr({
|
|
|
4401
4400
|
}
|
|
4402
4401
|
}
|
|
4403
4402
|
),
|
|
4404
|
-
Array.from({ length: e }, (
|
|
4403
|
+
Array.from({ length: e }, (_, c) => /* @__PURE__ */ r(
|
|
4405
4404
|
"button",
|
|
4406
4405
|
{
|
|
4407
4406
|
ref: (R) => {
|
|
4408
|
-
|
|
4407
|
+
u.current[c] = R;
|
|
4409
4408
|
},
|
|
4410
4409
|
type: "button",
|
|
4411
4410
|
role: "tab",
|
|
4412
|
-
"aria-selected":
|
|
4413
|
-
"aria-label":
|
|
4414
|
-
"data-state":
|
|
4415
|
-
"data-section-index":
|
|
4411
|
+
"aria-selected": c === d,
|
|
4412
|
+
"aria-label": c === i ? "Unconfirmed section" : `Section ${c + 1}`,
|
|
4413
|
+
"data-state": c === i ? "provisional-hollow" : c === s ? "pulse" : c === d ? "current" : "hollow",
|
|
4414
|
+
"data-section-index": c,
|
|
4416
4415
|
className: [
|
|
4417
4416
|
"gloss-section-dots__dot",
|
|
4418
|
-
|
|
4417
|
+
c === d && "gloss-section-dots__dot--current"
|
|
4419
4418
|
].filter(Boolean).join(" "),
|
|
4420
|
-
onClick: () => n(
|
|
4419
|
+
onClick: () => n(c)
|
|
4421
4420
|
},
|
|
4422
|
-
|
|
4421
|
+
c === s ? `${c}-${o ?? 0}` : c
|
|
4423
4422
|
))
|
|
4424
4423
|
]
|
|
4425
4424
|
}
|
|
@@ -4445,225 +4444,227 @@ const mn = V.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
|
4445
4444
|
});
|
|
4446
4445
|
mn.displayName = "ContainerTable";
|
|
4447
4446
|
export {
|
|
4448
|
-
|
|
4449
|
-
|
|
4450
|
-
|
|
4451
|
-
|
|
4452
|
-
|
|
4453
|
-
|
|
4454
|
-
|
|
4455
|
-
|
|
4456
|
-
|
|
4457
|
-
|
|
4458
|
-
|
|
4459
|
-
|
|
4460
|
-
|
|
4461
|
-
|
|
4462
|
-
|
|
4463
|
-
|
|
4464
|
-
|
|
4465
|
-
|
|
4466
|
-
|
|
4467
|
-
|
|
4468
|
-
|
|
4469
|
-
|
|
4470
|
-
|
|
4471
|
-
|
|
4447
|
+
Hr as Accordion,
|
|
4448
|
+
Ur as AccordionContent,
|
|
4449
|
+
Zr as AccordionItem,
|
|
4450
|
+
Yr as AccordionTrigger,
|
|
4451
|
+
qr as ActionStrip,
|
|
4452
|
+
Qr as Actionable,
|
|
4453
|
+
Xr as AddressGroup,
|
|
4454
|
+
Jr as AddressSelect,
|
|
4455
|
+
es as AsyncLoader,
|
|
4456
|
+
ts as Autocomplete,
|
|
4457
|
+
as as Badge,
|
|
4458
|
+
ns as BarChartCard,
|
|
4459
|
+
rs as BarsBg,
|
|
4460
|
+
Wr as BottomToolbar,
|
|
4461
|
+
ss as Button,
|
|
4462
|
+
is as ButtonGroup,
|
|
4463
|
+
os as ButtonGroupContext,
|
|
4464
|
+
ls as Card,
|
|
4465
|
+
cs as CardActions,
|
|
4466
|
+
ds as CardBack,
|
|
4467
|
+
us as CardBody,
|
|
4468
|
+
ms as CardFooter,
|
|
4469
|
+
gs as CardHeader,
|
|
4470
|
+
ps as CardMedia,
|
|
4472
4471
|
Dt as CardShell,
|
|
4473
|
-
|
|
4474
|
-
|
|
4475
|
-
|
|
4476
|
-
|
|
4477
|
-
|
|
4478
|
-
|
|
4479
|
-
|
|
4480
|
-
|
|
4481
|
-
|
|
4482
|
-
|
|
4483
|
-
|
|
4484
|
-
|
|
4485
|
-
|
|
4486
|
-
|
|
4472
|
+
fs as CardSubtitle,
|
|
4473
|
+
hs as CardTitle,
|
|
4474
|
+
Rr as CascadePreview,
|
|
4475
|
+
$r as CellTintOverlay,
|
|
4476
|
+
bs as ChartControlBar,
|
|
4477
|
+
vs as Checkbox,
|
|
4478
|
+
ys as CheckboxGroup,
|
|
4479
|
+
ws as Chip,
|
|
4480
|
+
_s as ColorPicker,
|
|
4481
|
+
Ns as ComparisonCard,
|
|
4482
|
+
Ds as ContactForm,
|
|
4483
|
+
ks as ContainerCard,
|
|
4484
|
+
Cs as ContainerCardActions,
|
|
4485
|
+
Ss as ContainerCardBody,
|
|
4487
4486
|
xs as ContainerCardFooter,
|
|
4488
|
-
|
|
4489
|
-
|
|
4490
|
-
|
|
4491
|
-
|
|
4492
|
-
|
|
4487
|
+
Rs as ContainerCardHeader,
|
|
4488
|
+
Ms as ContainerCardMedia,
|
|
4489
|
+
Ts as ContainerCardSubtitle,
|
|
4490
|
+
Is as ContainerCardTitle,
|
|
4491
|
+
Es as ContainerDialog,
|
|
4493
4492
|
Ps as ContainerDialogActions,
|
|
4494
|
-
|
|
4495
|
-
|
|
4493
|
+
Fs as ContainerDialogBody,
|
|
4494
|
+
As as ContainerDialogHeader,
|
|
4496
4495
|
un as ContainerFormSection,
|
|
4497
|
-
|
|
4496
|
+
Os as ContainerPanel,
|
|
4498
4497
|
mn as ContainerTable,
|
|
4499
4498
|
dn as ContainerToolbar,
|
|
4500
|
-
|
|
4501
|
-
|
|
4499
|
+
Ls as CreditCardForm,
|
|
4500
|
+
$s as DEFAULT_FOOTER_IDS,
|
|
4502
4501
|
ie as DEFAULT_GRID_INTERACTION_PHYSICS,
|
|
4503
|
-
|
|
4504
|
-
|
|
4505
|
-
|
|
4506
|
-
|
|
4507
|
-
|
|
4508
|
-
|
|
4509
|
-
|
|
4510
|
-
|
|
4502
|
+
fl as DEFAULT_MARKET_PRESETS,
|
|
4503
|
+
Bs as DEFAULT_OVERFLOW_IDS,
|
|
4504
|
+
hl as DEFAULT_PINNED,
|
|
4505
|
+
it as DEFAULT_RESIZE_PHYSICS,
|
|
4506
|
+
Ks as DataTable,
|
|
4507
|
+
zs as DatePicker,
|
|
4508
|
+
Ws as DateRangePicker,
|
|
4509
|
+
js as DestructiveModal,
|
|
4511
4510
|
Na as DevTuningPanel,
|
|
4512
4511
|
Gs as DirectionCard,
|
|
4513
|
-
|
|
4514
|
-
|
|
4515
|
-
|
|
4512
|
+
Vs as Dismissible,
|
|
4513
|
+
Hs as DistributionCard,
|
|
4514
|
+
Us as DonutChart,
|
|
4516
4515
|
Sr as DragGhost,
|
|
4517
4516
|
Nr as DropAnchorCell,
|
|
4518
|
-
|
|
4519
|
-
|
|
4520
|
-
|
|
4521
|
-
|
|
4522
|
-
|
|
4517
|
+
Zs as Dropdown,
|
|
4518
|
+
Sa as DualPaceBars,
|
|
4519
|
+
Ys as ENTITY_FILTER_KEYS,
|
|
4520
|
+
qs as ENTITY_PROFILE_ROUTES,
|
|
4521
|
+
Qs as ENTITY_TYPE_PLURAL,
|
|
4523
4522
|
Ht as EdgeHoverHandle,
|
|
4524
4523
|
Cr as EmptyCellPackAffordance,
|
|
4525
|
-
|
|
4524
|
+
Xs as EntityPicker,
|
|
4526
4525
|
X as EntityRow,
|
|
4527
|
-
|
|
4526
|
+
Js as EntitySearchPanel,
|
|
4528
4527
|
$a as ExceptionListCard,
|
|
4529
4528
|
Ba as ExceptionListTilePreview,
|
|
4530
|
-
|
|
4531
|
-
|
|
4532
|
-
|
|
4533
|
-
|
|
4534
|
-
|
|
4535
|
-
|
|
4536
|
-
|
|
4537
|
-
|
|
4538
|
-
|
|
4539
|
-
|
|
4540
|
-
|
|
4541
|
-
|
|
4542
|
-
|
|
4529
|
+
ei as Expandable,
|
|
4530
|
+
ti as ExpandableChip,
|
|
4531
|
+
ai as FLIP_AND_STAGE_TIMINGS,
|
|
4532
|
+
ni as FileUpload,
|
|
4533
|
+
ri as FilterChip,
|
|
4534
|
+
si as FilterInput,
|
|
4535
|
+
ii as FlipAndStageProvider,
|
|
4536
|
+
oi as Form,
|
|
4537
|
+
li as FormDialog,
|
|
4538
|
+
ci as FormField,
|
|
4539
|
+
di as FusedShape,
|
|
4540
|
+
xa as GapReadout,
|
|
4541
|
+
ui as GestureStateProvider,
|
|
4543
4542
|
Ut as GhostPreview,
|
|
4544
|
-
|
|
4545
|
-
|
|
4543
|
+
mi as GroupCheckbox,
|
|
4544
|
+
gi as GroupRadio,
|
|
4546
4545
|
zn as HARD_CLIP,
|
|
4547
|
-
|
|
4548
|
-
|
|
4549
|
-
|
|
4546
|
+
pi as HighlightCard,
|
|
4547
|
+
fi as HybridDatePicker,
|
|
4548
|
+
hi as ImportWizard,
|
|
4550
4549
|
Za as InlineNudge,
|
|
4551
|
-
|
|
4552
|
-
|
|
4553
|
-
|
|
4550
|
+
bi as Input,
|
|
4551
|
+
vi as InputAddon,
|
|
4552
|
+
yi as InputGroup,
|
|
4554
4553
|
Fa as LeaderboardCard,
|
|
4555
4554
|
Aa as LeaderboardTilePreview,
|
|
4556
4555
|
Ta as LensChipGroup,
|
|
4557
|
-
|
|
4558
|
-
|
|
4556
|
+
wi as Link,
|
|
4557
|
+
_i as LoginForm,
|
|
4559
4558
|
_e as MagnitudeBar,
|
|
4560
|
-
|
|
4561
|
-
|
|
4562
|
-
|
|
4563
|
-
|
|
4564
|
-
|
|
4559
|
+
Ni as MarketPresetRow,
|
|
4560
|
+
Di as MaskPresets,
|
|
4561
|
+
ki as MaskedInput,
|
|
4562
|
+
Ci as Menu,
|
|
4563
|
+
Si as MenuDivider,
|
|
4565
4564
|
xi as MenuGroup,
|
|
4566
|
-
|
|
4567
|
-
|
|
4568
|
-
|
|
4569
|
-
|
|
4565
|
+
Ri as MenuItem,
|
|
4566
|
+
Mi as MergePrompt,
|
|
4567
|
+
Ti as MetricCard,
|
|
4568
|
+
Ii as MetricCardGrid,
|
|
4570
4569
|
ga as MetricGroupContainer,
|
|
4571
|
-
|
|
4572
|
-
|
|
4570
|
+
Ei as MiniCalendar,
|
|
4571
|
+
Ea as MoreInLensRail,
|
|
4573
4572
|
Pi as MultiSelect,
|
|
4574
|
-
|
|
4575
|
-
|
|
4576
|
-
|
|
4577
|
-
|
|
4578
|
-
|
|
4579
|
-
|
|
4573
|
+
Fi as NumberInput,
|
|
4574
|
+
Ai as ObjectArrow,
|
|
4575
|
+
Oi as OrderFilterBar,
|
|
4576
|
+
bl as PERIOD_OPTIONS,
|
|
4577
|
+
Mr as PaceCard,
|
|
4578
|
+
Tr as PaceTilePreview,
|
|
4580
4579
|
ta as PageChip,
|
|
4581
|
-
|
|
4582
|
-
|
|
4583
|
-
|
|
4584
|
-
|
|
4585
|
-
|
|
4586
|
-
|
|
4580
|
+
ot as PageDropdown,
|
|
4581
|
+
Li as PasswordInput,
|
|
4582
|
+
$i as PaymentForm,
|
|
4583
|
+
Bi as PaymentMethodSelect,
|
|
4584
|
+
Ki as PhoneInput,
|
|
4585
|
+
zi as PinToMetric,
|
|
4587
4586
|
en as PresetSwatchRow,
|
|
4588
|
-
|
|
4589
|
-
|
|
4587
|
+
Wi as ProfileCard,
|
|
4588
|
+
ji as ProgressCard,
|
|
4590
4589
|
Gi as QuickConfigPanel,
|
|
4591
4590
|
la as RECONFIG_BACKSIDE_LABELS,
|
|
4592
|
-
|
|
4593
|
-
|
|
4594
|
-
|
|
4595
|
-
|
|
4591
|
+
vl as ROLLING_OPTIONS,
|
|
4592
|
+
Vi as Radio,
|
|
4593
|
+
Hi as RadioGroup,
|
|
4594
|
+
Ui as RangeSlider,
|
|
4596
4595
|
ye as RankBadge,
|
|
4597
|
-
|
|
4598
|
-
|
|
4596
|
+
gt as RankDelta,
|
|
4597
|
+
Zi as Rating,
|
|
4599
4598
|
ua as ReconfigBacksideButtons,
|
|
4600
|
-
|
|
4601
|
-
|
|
4599
|
+
Br as RefusePulse,
|
|
4600
|
+
Yi as RegistrationForm,
|
|
4602
4601
|
_r as ResizeEnvelope,
|
|
4603
|
-
|
|
4604
|
-
|
|
4605
|
-
|
|
4602
|
+
Kr as ResizeTrackingOutline,
|
|
4603
|
+
qi as Row1Controls,
|
|
4604
|
+
Qi as Row2FilterTray,
|
|
4606
4605
|
Er as STROKE_DASHED,
|
|
4607
|
-
Or as
|
|
4608
|
-
|
|
4609
|
-
|
|
4610
|
-
|
|
4606
|
+
Or as STROKE_DASHED_DASHARRAY,
|
|
4607
|
+
Ar as STROKE_OUTLINE,
|
|
4608
|
+
Pr as STROKE_SOLID,
|
|
4609
|
+
Fr as STROKE_SPARSE_DASH,
|
|
4610
|
+
Lr as STROKE_SPARSE_DASH_DASHARRAY,
|
|
4611
|
+
Xi as SearchInput,
|
|
4611
4612
|
kr as SectionDivider,
|
|
4612
|
-
|
|
4613
|
-
|
|
4614
|
-
|
|
4615
|
-
|
|
4616
|
-
|
|
4613
|
+
jr as SectionDots,
|
|
4614
|
+
Ji as SegmentCard,
|
|
4615
|
+
eo as SegmentedControl,
|
|
4616
|
+
to as Select,
|
|
4617
|
+
ao as Selectable,
|
|
4617
4618
|
we as SeverityDot,
|
|
4618
|
-
|
|
4619
|
-
|
|
4620
|
-
|
|
4621
|
-
|
|
4622
|
-
|
|
4623
|
-
|
|
4624
|
-
|
|
4625
|
-
|
|
4626
|
-
|
|
4619
|
+
no as SimpleMetricCard,
|
|
4620
|
+
ro as SimpleSelector,
|
|
4621
|
+
so as Skeleton,
|
|
4622
|
+
io as SkeletonCard,
|
|
4623
|
+
oo as SkeletonChart,
|
|
4624
|
+
lo as SkeletonTable,
|
|
4625
|
+
co as Slider,
|
|
4626
|
+
xr as SnapOutline,
|
|
4627
|
+
uo as Sortable,
|
|
4627
4628
|
cn as SortableZones,
|
|
4628
|
-
|
|
4629
|
+
mo as SparklineBg,
|
|
4629
4630
|
Dr as SpilloverArc,
|
|
4630
|
-
|
|
4631
|
-
|
|
4631
|
+
go as SplitButton,
|
|
4632
|
+
po as StackedGroupCard,
|
|
4632
4633
|
Ka as StackedGroupTilePreview,
|
|
4633
4634
|
Ia as StarterRail,
|
|
4634
|
-
|
|
4635
|
+
fo as StatusModeCard,
|
|
4635
4636
|
Vt as StatusSlotChipMenu,
|
|
4636
|
-
|
|
4637
|
+
ho as Stepper,
|
|
4637
4638
|
Oe as SwingReveal,
|
|
4638
|
-
|
|
4639
|
+
yl as TODAY_PRESET,
|
|
4639
4640
|
re as TUNING_DEFAULTS,
|
|
4640
|
-
|
|
4641
|
-
|
|
4642
|
-
|
|
4643
|
-
|
|
4641
|
+
ut as TUNING_STORAGE_KEY,
|
|
4642
|
+
bo as TabGroup,
|
|
4643
|
+
vo as TabbedDataView,
|
|
4644
|
+
yo as TagInput,
|
|
4644
4645
|
$t as TargetInput,
|
|
4645
|
-
|
|
4646
|
+
wo as Textarea,
|
|
4646
4647
|
Qa as ThresholdRamp,
|
|
4647
|
-
|
|
4648
|
-
|
|
4649
|
-
|
|
4650
|
-
|
|
4651
|
-
|
|
4652
|
-
|
|
4653
|
-
|
|
4648
|
+
_o as TimeFrame,
|
|
4649
|
+
No as TimePicker,
|
|
4650
|
+
Do as Toggle,
|
|
4651
|
+
ko as Tooltip,
|
|
4652
|
+
mt as TrackingOutline,
|
|
4653
|
+
Co as Transition,
|
|
4654
|
+
So as TransitionGroup,
|
|
4654
4655
|
xo as TrendCard,
|
|
4655
|
-
|
|
4656
|
-
|
|
4656
|
+
Ro as TrendIndicator,
|
|
4657
|
+
ml as UIContext,
|
|
4657
4658
|
ze as UIContextProvider,
|
|
4658
|
-
|
|
4659
|
-
|
|
4659
|
+
Mo as UnifiedBreakdownTable,
|
|
4660
|
+
To as UnifiedContextMenu,
|
|
4660
4661
|
Zt as VelocityBuffer,
|
|
4661
|
-
|
|
4662
|
-
|
|
4662
|
+
Io as addressGroupMetadata,
|
|
4663
|
+
Eo as addressSchema,
|
|
4663
4664
|
Rn as allChips,
|
|
4664
4665
|
Hn as allStateFixtures,
|
|
4665
4666
|
Vn as allVariantFixtures,
|
|
4666
|
-
|
|
4667
|
+
En as blockSamples,
|
|
4667
4668
|
Po as buildDefaultOverflow,
|
|
4668
4669
|
Ln as cardSamples,
|
|
4669
4670
|
le as cascadePhysics,
|
|
@@ -4672,56 +4673,56 @@ export {
|
|
|
4672
4673
|
Wn as colorTokens,
|
|
4673
4674
|
pr as compactLayout,
|
|
4674
4675
|
nr as compactState,
|
|
4675
|
-
|
|
4676
|
-
|
|
4677
|
-
|
|
4676
|
+
Gn as computeGutterAnchorX,
|
|
4677
|
+
Fo as contactFormMetadata,
|
|
4678
|
+
Ao as contactSchema,
|
|
4678
4679
|
rr as contextMenuFixtures,
|
|
4679
|
-
|
|
4680
|
-
|
|
4680
|
+
Oo as creditCardFormMetadata,
|
|
4681
|
+
Lo as creditCardSchema,
|
|
4681
4682
|
zt as dateChip,
|
|
4682
|
-
|
|
4683
|
-
|
|
4684
|
-
|
|
4685
|
-
|
|
4683
|
+
dt as defaultControlBarState,
|
|
4684
|
+
$o as destructiveModalMetadata,
|
|
4685
|
+
Bo as durations,
|
|
4686
|
+
Ko as easings,
|
|
4686
4687
|
Qt as emptyFixture,
|
|
4687
4688
|
Bt as entityChip,
|
|
4688
4689
|
sa as entityNameActions,
|
|
4689
4690
|
Tn as entityTabGroup,
|
|
4690
4691
|
qt as errorFixture,
|
|
4691
|
-
|
|
4692
|
+
zo as evaluateTintCondition,
|
|
4692
4693
|
ar as filteredState,
|
|
4693
|
-
|
|
4694
|
-
|
|
4695
|
-
|
|
4696
|
-
|
|
4697
|
-
|
|
4694
|
+
wl as findPreset,
|
|
4695
|
+
_l as formatDateRange,
|
|
4696
|
+
Nl as formatMarketDates,
|
|
4697
|
+
Dl as formatTrend,
|
|
4698
|
+
kl as formatValue,
|
|
4698
4699
|
hr as fullLayout,
|
|
4699
|
-
|
|
4700
|
-
|
|
4701
|
-
|
|
4702
|
-
|
|
4703
|
-
|
|
4704
|
-
|
|
4705
|
-
|
|
4700
|
+
Cl as generateMarketId,
|
|
4701
|
+
Wo as generateTabId,
|
|
4702
|
+
Sl as getAllPresets,
|
|
4703
|
+
xl as getDateRangeForPreset,
|
|
4704
|
+
jo as getMenuActions,
|
|
4705
|
+
st as getMotionMode,
|
|
4706
|
+
Rl as getPresetLabel,
|
|
4706
4707
|
Go as getTransitionStyle,
|
|
4707
4708
|
gr as gridCards,
|
|
4708
|
-
|
|
4709
|
-
|
|
4710
|
-
|
|
4711
|
-
|
|
4712
|
-
|
|
4709
|
+
Ir as gridChannels,
|
|
4710
|
+
Vo as interpolate,
|
|
4711
|
+
Ml as isInRange,
|
|
4712
|
+
Tl as isMarketActive,
|
|
4713
|
+
Il as isSameDay,
|
|
4713
4714
|
tr as itemColumns,
|
|
4714
4715
|
Jn as itemRows,
|
|
4715
4716
|
Yt as loadingFixture,
|
|
4716
|
-
|
|
4717
|
-
|
|
4717
|
+
Ho as loginFormMetadata,
|
|
4718
|
+
Uo as loginSchema,
|
|
4718
4719
|
Wt as manufacturerChip,
|
|
4719
4720
|
wr as manyTabs,
|
|
4720
|
-
|
|
4721
|
-
|
|
4721
|
+
Zo as mergeHandlers,
|
|
4722
|
+
Yo as mergeRefs,
|
|
4722
4723
|
Mn as metricTabGroup,
|
|
4723
4724
|
vr as mixedTabs,
|
|
4724
|
-
|
|
4725
|
+
El as normalizePresetId,
|
|
4725
4726
|
oa as numericActions,
|
|
4726
4727
|
er as orderColumns,
|
|
4727
4728
|
ia as orderIdActions,
|
|
@@ -4729,14 +4730,14 @@ export {
|
|
|
4729
4730
|
br as ordersTabs,
|
|
4730
4731
|
at as paletteHex,
|
|
4731
4732
|
se as paletteVars,
|
|
4732
|
-
|
|
4733
|
-
|
|
4734
|
-
|
|
4735
|
-
|
|
4733
|
+
qo as parseNumericValue,
|
|
4734
|
+
Qo as paymentFormMetadata,
|
|
4735
|
+
Xo as paymentSchema,
|
|
4736
|
+
Jo as presets,
|
|
4736
4737
|
Bn as provisional,
|
|
4737
4738
|
Kn as reducedMotion,
|
|
4738
|
-
|
|
4739
|
-
|
|
4739
|
+
el as registrationFormMetadata,
|
|
4740
|
+
tl as registrationSchema,
|
|
4740
4741
|
$n as rejectionFeedback,
|
|
4741
4742
|
ir as sampleCompareRanges,
|
|
4742
4743
|
cr as sampleCustomMarkets,
|
|
@@ -4759,24 +4760,24 @@ export {
|
|
|
4759
4760
|
Kt as statusChip,
|
|
4760
4761
|
fe as swingReveal,
|
|
4761
4762
|
On as tableSamples,
|
|
4762
|
-
|
|
4763
|
+
Pn as textSamples,
|
|
4763
4764
|
In as timeFrameTabGroup,
|
|
4764
|
-
|
|
4765
|
-
|
|
4766
|
-
|
|
4767
|
-
|
|
4768
|
-
|
|
4769
|
-
|
|
4770
|
-
|
|
4771
|
-
|
|
4772
|
-
|
|
4773
|
-
|
|
4774
|
-
|
|
4775
|
-
|
|
4776
|
-
|
|
4777
|
-
|
|
4778
|
-
|
|
4765
|
+
Pl as toUppercasePresetId,
|
|
4766
|
+
rt as useAffordanceVisibility,
|
|
4767
|
+
xn as useArrowNavigation,
|
|
4768
|
+
al as useCheckboxGroupContext,
|
|
4769
|
+
jn as useEdgeHoverResize,
|
|
4770
|
+
nl as useFilterLayout,
|
|
4771
|
+
rl as useFlipAndStage,
|
|
4772
|
+
sl as useFlipAndStageContext,
|
|
4773
|
+
il as useFlipAndStageContextOptional,
|
|
4774
|
+
Sn as useFocusReturn,
|
|
4775
|
+
ol as useFocusTrap,
|
|
4776
|
+
ll as useFormContext,
|
|
4777
|
+
cl as useGestureState,
|
|
4778
|
+
dl as useRadioGroupContext,
|
|
4779
|
+
zr as useResizeChoreography,
|
|
4779
4780
|
ha as useResizeTuning,
|
|
4780
4781
|
nn as useSortableZones,
|
|
4781
|
-
|
|
4782
|
+
gl as useUIContext
|
|
4782
4783
|
};
|