@mt-gloss/ui 0.1.43 → 0.1.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{Expandable-Cyncyopi.js → Expandable-BgEhifn0.js} +1639 -1625
- package/catalog.js +44 -44
- package/index.d.ts +1 -0
- package/index.js +1163 -1113
- package/lib/composites/dashboard/BottomToolbar/SectionDots.d.ts +6 -1
- package/lib/primitives/dashboard/DropAnchorCell/DropAnchorCell.d.ts +5 -1
- package/lib/primitives/dashboard/EmptyCellPackAffordance/EmptyCellPackAffordance.d.ts +44 -11
- package/lib/primitives/dashboard/GestureState/GestureStateProvider.d.ts +49 -0
- package/lib/primitives/dashboard/GestureState/index.d.ts +1 -0
- package/lib/primitives/dashboard/hooks/useAffordanceVisibility.d.ts +28 -0
- package/lib/primitives/dashboard/index.d.ts +2 -0
- package/package.json +1 -1
- package/ui.css +1 -1
package/index.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { C as
|
|
2
|
-
import {
|
|
1
|
+
import { u as ht, C as ft } from "./Expandable-BgEhifn0.js";
|
|
2
|
+
import { Q as Rr, V as Ir, T as Pr, U as Fr, a5 as Er, b8 as Ar, aB as Lr, aj as Or, $ as $r, ap as Br, N as Kr, aa as zr, bo as Gr, P as Wr, B as Vr, a as Hr, A as jr, K as Ur, bj as Zr, J as qr, L as Yr, E as Qr, D as Xr, H as Jr, F as es, by as ts, b as as, c as ns, O as rs, q as ss, af as is, aP as os, A as ls, K as cs, J as ds, L as us, E as ms, D as gs, H as ps, F as hs, b1 as fs, b4 as vs, b3 as bs, b2 as ys, b5 as ws, aE as _s, a7 as Ns, a6 as Ds, as as ks, m as Cs, o as xs, aH as Ss, ad as Ms, ba as Ts, ab as Rs, bp as Is, _ as Ps, bI as Fs, bH as Es, bJ as As, ar as Ls, aS as Os, bc as $s, bN as Bs, bw as Ks, p as zs, ao as Gs, bC as Ws, bt as Vs, a2 as Hs, at as js, a4 as Us, bB as Zs, bS as qs, G as Ys, f as Qs, ac as Xs, bK as Js, aV as ei, t as ti, x as ai, I as ni, i as ri, ay as si, bO as ii, M as oi, y as li, W as ci, Z as di, X as ui, Y as mi, au as gi, bi as pi, bQ as hi, bM as fi, aq as vi, w as bi, bq as yi, aU as wi, al as _i, aM as Ni, ai as Di, an as ki, aw as Ci, aT as xi, ae as Si, av as Mi, e as Ti, R as Ri, l as Ii, r as Pi, aJ as Fi, bz as Ei, bA as Ai, ak as Li, ag as Oi, j as $i, z as Bi, b9 as Ki, ah as zi, bP as Gi, be as Wi, bh as Vi, bf as Hi, bg as ji, k as Ui, bb as Zi, bn as qi, S as Yi, bl as Qi, bm as Xi, ax as Ji, bd as eo, bR as to, am as ao, v as no, bL as ro, n as so, h as io, s as oo, a0 as lo, a1 as co, a9 as uo, bk as mo, bx as go, bE as po, aC as ho, aD as fo, a8 as vo, aQ as bo, aR as yo, aF as wo, aG as _o, aI as No, aX as Do, aY as ko, br as Co, bG as xo, bF as So, a_ as Mo, a$ as To, az as Ro, aA as Io, b7 as Po, b6 as Fo, b0 as Eo, aN as Ao, aO as Lo, aZ as Oo, aK as $o, aL as Bo, d as Ko, bD as zo, bs as Go, bu as Wo, bv as Vo, aW as Ho, a3 as jo, g as Uo } from "./Expandable-BgEhifn0.js";
|
|
3
3
|
import { jsxs as N, jsx as r, Fragment as te } from "react/jsx-runtime";
|
|
4
|
-
import * as
|
|
5
|
-
import H, { useRef as
|
|
6
|
-
import { motion as De, useMotionValue as
|
|
7
|
-
import { B as
|
|
8
|
-
import { c as
|
|
9
|
-
import { createPortal as
|
|
10
|
-
import { DEFAULT_MARKET_PRESETS as
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
4
|
+
import * as Xe from "react";
|
|
5
|
+
import H, { useRef as T, useEffect as L, useState as $, useCallback as w, useId as vt, forwardRef as bt, useMemo as ye, createContext as yt, useContext as wt } from "react";
|
|
6
|
+
import { motion as De, useMotionValue as _t, animate as We, useDragControls as Nt } from "framer-motion";
|
|
7
|
+
import { B as Dt, a as pe, b as Re, U as Oe } from "./UIContext-CDdyubSF.js";
|
|
8
|
+
import { c as qo, u as Yo } from "./UIContext-CDdyubSF.js";
|
|
9
|
+
import { createPortal as kt } from "react-dom";
|
|
10
|
+
import { DEFAULT_MARKET_PRESETS as Xo, DEFAULT_PINNED as Jo, PERIOD_OPTIONS as el, ROLLING_OPTIONS as tl, TODAY_PRESET as al, findPreset as nl, formatDateRange as rl, formatMarketDates as sl, formatTrend as il, formatValue as ol, generateMarketId as ll, getAllPresets as cl, getDateRangeForPreset as dl, getPresetLabel as ul, isInRange as ml, isMarketActive as gl, isSameDay as pl, normalizePresetId as hl, toUppercasePresetId as fl } from "@mt-gloss/utils";
|
|
11
|
+
import Ct from "@mui/icons-material/AccessTime";
|
|
12
|
+
import xt from "@mui/icons-material/Tune";
|
|
13
|
+
import St from "@mui/icons-material/ViewColumn";
|
|
14
|
+
import Mt from "@mui/icons-material/AspectRatio";
|
|
15
15
|
import Tt from "@mui/icons-material/Palette";
|
|
16
|
-
import
|
|
17
|
-
function
|
|
18
|
-
const { enabled: t = !0, returnTo: n } = e, a =
|
|
16
|
+
import Rt from "@mui/icons-material/PushPin";
|
|
17
|
+
function un(e = {}) {
|
|
18
|
+
const { enabled: t = !0, returnTo: n } = e, a = T(null);
|
|
19
19
|
return L(() => {
|
|
20
20
|
t && (a.current = n || document.activeElement);
|
|
21
21
|
}, [t, n]), L(() => () => {
|
|
@@ -24,7 +24,7 @@ function dn(e = {}) {
|
|
|
24
24
|
}, 0);
|
|
25
25
|
}, [t]), a;
|
|
26
26
|
}
|
|
27
|
-
function
|
|
27
|
+
function mn(e) {
|
|
28
28
|
const {
|
|
29
29
|
items: t,
|
|
30
30
|
activeIndex: n,
|
|
@@ -33,95 +33,95 @@ function un(e) {
|
|
|
33
33
|
orientation: s = "vertical",
|
|
34
34
|
enabled: o = !0,
|
|
35
35
|
isItemDisabled: l,
|
|
36
|
-
onSelect:
|
|
37
|
-
onEscape:
|
|
38
|
-
} = e, [
|
|
36
|
+
onSelect: d,
|
|
37
|
+
onEscape: u
|
|
38
|
+
} = e, [v, f] = $(-1), m = n !== void 0 ? n : v, g = w(
|
|
39
39
|
(c) => {
|
|
40
40
|
n === void 0 && f(c), a?.(c);
|
|
41
41
|
},
|
|
42
42
|
[n, a]
|
|
43
|
-
),
|
|
44
|
-
(c,
|
|
45
|
-
const
|
|
46
|
-
if (
|
|
47
|
-
const S =
|
|
43
|
+
), _ = w(() => t.map((c, b) => ({ item: c, index: b })).filter(({ item: c, index: b }) => !l?.(c, b)).map(({ index: c }) => c), [t, l]), p = w(
|
|
44
|
+
(c, b) => {
|
|
45
|
+
const D = _();
|
|
46
|
+
if (D.length === 0) return -1;
|
|
47
|
+
const S = D.indexOf(c);
|
|
48
48
|
if (S === -1)
|
|
49
|
-
return
|
|
50
|
-
let
|
|
51
|
-
return i ?
|
|
49
|
+
return b === 1 ? D.find((x) => x > c) ?? (i ? D[0] : -1) : [...D].reverse().find((F) => F < c) ?? (i ? D[D.length - 1] : -1);
|
|
50
|
+
let y = S + b;
|
|
51
|
+
return i ? y = (y + D.length) % D.length : y = Math.max(0, Math.min(D.length - 1, y)), D[y];
|
|
52
52
|
},
|
|
53
|
-
[
|
|
53
|
+
[_, i]
|
|
54
54
|
), h = w(() => {
|
|
55
|
-
const c =
|
|
56
|
-
c.length > 0 &&
|
|
57
|
-
}, [
|
|
58
|
-
const c =
|
|
59
|
-
c.length > 0 &&
|
|
60
|
-
}, [
|
|
61
|
-
const c =
|
|
62
|
-
c !== -1 &&
|
|
63
|
-
}, [
|
|
64
|
-
const c =
|
|
65
|
-
c !== -1 &&
|
|
66
|
-
}, [
|
|
67
|
-
|
|
68
|
-
}, [
|
|
55
|
+
const c = _();
|
|
56
|
+
c.length > 0 && g(c[0]);
|
|
57
|
+
}, [_, g]), M = w(() => {
|
|
58
|
+
const c = _();
|
|
59
|
+
c.length > 0 && g(c[c.length - 1]);
|
|
60
|
+
}, [_, g]), P = w(() => {
|
|
61
|
+
const c = p(m, 1);
|
|
62
|
+
c !== -1 && g(c);
|
|
63
|
+
}, [m, p, g]), C = w(() => {
|
|
64
|
+
const c = p(m, -1);
|
|
65
|
+
c !== -1 && g(c);
|
|
66
|
+
}, [m, p, g]), R = w(() => {
|
|
67
|
+
g(-1);
|
|
68
|
+
}, [g]), I = w(
|
|
69
69
|
(c) => {
|
|
70
70
|
if (!o) return;
|
|
71
|
-
const { key:
|
|
72
|
-
if (
|
|
73
|
-
c.preventDefault(),
|
|
71
|
+
const { key: b } = c, D = b === "ArrowUp" && (s === "vertical" || s === "both"), S = b === "ArrowDown" && (s === "vertical" || s === "both"), y = b === "ArrowLeft" && (s === "horizontal" || s === "both"), x = b === "ArrowRight" && (s === "horizontal" || s === "both");
|
|
72
|
+
if (D || y) {
|
|
73
|
+
c.preventDefault(), m === -1 ? M() : C();
|
|
74
74
|
return;
|
|
75
75
|
}
|
|
76
76
|
if (S || x) {
|
|
77
|
-
c.preventDefault(),
|
|
77
|
+
c.preventDefault(), m === -1 ? h() : P();
|
|
78
78
|
return;
|
|
79
79
|
}
|
|
80
|
-
if (
|
|
80
|
+
if (b === "Home") {
|
|
81
81
|
c.preventDefault(), h();
|
|
82
82
|
return;
|
|
83
83
|
}
|
|
84
|
-
if (
|
|
85
|
-
c.preventDefault(),
|
|
84
|
+
if (b === "End") {
|
|
85
|
+
c.preventDefault(), M();
|
|
86
86
|
return;
|
|
87
87
|
}
|
|
88
|
-
if ((
|
|
88
|
+
if ((b === "Enter" || b === " ") && m >= 0 && m < t.length) {
|
|
89
89
|
c.preventDefault();
|
|
90
|
-
const F = t[
|
|
91
|
-
l?.(F,
|
|
90
|
+
const F = t[m];
|
|
91
|
+
l?.(F, m) || d?.(F, m);
|
|
92
92
|
return;
|
|
93
93
|
}
|
|
94
|
-
if (
|
|
95
|
-
|
|
94
|
+
if (b === "Escape") {
|
|
95
|
+
u?.();
|
|
96
96
|
return;
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
[
|
|
100
100
|
o,
|
|
101
101
|
s,
|
|
102
|
-
|
|
102
|
+
m,
|
|
103
103
|
t,
|
|
104
104
|
h,
|
|
105
|
-
|
|
105
|
+
M,
|
|
106
106
|
P,
|
|
107
107
|
C,
|
|
108
108
|
l,
|
|
109
|
-
|
|
110
|
-
|
|
109
|
+
d,
|
|
110
|
+
u
|
|
111
111
|
]
|
|
112
112
|
);
|
|
113
113
|
return {
|
|
114
|
-
focusedIndex:
|
|
115
|
-
setFocusedIndex:
|
|
114
|
+
focusedIndex: m,
|
|
115
|
+
setFocusedIndex: g,
|
|
116
116
|
handleKeyDown: I,
|
|
117
117
|
focusFirst: h,
|
|
118
|
-
focusLast:
|
|
118
|
+
focusLast: M,
|
|
119
119
|
focusNext: P,
|
|
120
120
|
focusPrevious: C,
|
|
121
121
|
resetFocus: R
|
|
122
122
|
};
|
|
123
123
|
}
|
|
124
|
-
const
|
|
124
|
+
const It = ({
|
|
125
125
|
label: e = "Set a target",
|
|
126
126
|
unit: t,
|
|
127
127
|
currentValue: n,
|
|
@@ -129,12 +129,12 @@ const Rt = ({
|
|
|
129
129
|
onSkip: i,
|
|
130
130
|
hint: s
|
|
131
131
|
}) => {
|
|
132
|
-
const [o, l] = $(n != null ? String(n) : ""),
|
|
133
|
-
const
|
|
134
|
-
Number.isNaN(
|
|
135
|
-
},
|
|
136
|
-
|
|
137
|
-
},
|
|
132
|
+
const [o, l] = $(n != null ? String(n) : ""), d = () => {
|
|
133
|
+
const g = parseFloat(o);
|
|
134
|
+
Number.isNaN(g) || a(g);
|
|
135
|
+
}, u = (g) => {
|
|
136
|
+
g.key === "Enter" ? (g.preventDefault(), d()) : g.key === "Escape" && (g.preventDefault(), i?.());
|
|
137
|
+
}, v = vt(), f = `gloss-target-input-field-${v}`, m = s ? `gloss-target-input-hint-${v}` : void 0;
|
|
138
138
|
return /* @__PURE__ */ N("div", { className: "gloss-target-input", children: [
|
|
139
139
|
/* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: f, children: e }),
|
|
140
140
|
/* @__PURE__ */ N("div", { className: "gloss-target-input__field-row", children: [
|
|
@@ -145,22 +145,22 @@ const Rt = ({
|
|
|
145
145
|
type: "number",
|
|
146
146
|
className: "gloss-target-input__field",
|
|
147
147
|
value: o,
|
|
148
|
-
onChange: (
|
|
149
|
-
onKeyDown:
|
|
150
|
-
"aria-describedby":
|
|
148
|
+
onChange: (g) => l(g.target.value),
|
|
149
|
+
onKeyDown: u,
|
|
150
|
+
"aria-describedby": m,
|
|
151
151
|
autoFocus: !0
|
|
152
152
|
}
|
|
153
153
|
),
|
|
154
154
|
t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
|
|
155
155
|
] }),
|
|
156
|
-
s && /* @__PURE__ */ r("p", { id:
|
|
156
|
+
s && /* @__PURE__ */ r("p", { id: m, className: "gloss-target-input__hint", children: s }),
|
|
157
157
|
/* @__PURE__ */ N("div", { className: "gloss-target-input__actions", children: [
|
|
158
158
|
/* @__PURE__ */ r(
|
|
159
159
|
"button",
|
|
160
160
|
{
|
|
161
161
|
type: "button",
|
|
162
162
|
className: "gloss-target-input__confirm",
|
|
163
|
-
onClick:
|
|
163
|
+
onClick: d,
|
|
164
164
|
children: "Confirm"
|
|
165
165
|
}
|
|
166
166
|
),
|
|
@@ -176,42 +176,42 @@ const Rt = ({
|
|
|
176
176
|
] })
|
|
177
177
|
] });
|
|
178
178
|
}, ke = (e) => {
|
|
179
|
-
},
|
|
179
|
+
}, Pt = {
|
|
180
180
|
id: "entity-filter-1",
|
|
181
181
|
label: "Customer: Acme Corp",
|
|
182
182
|
field: "customer",
|
|
183
183
|
value: "acme-corp-123",
|
|
184
184
|
onRemove: ke
|
|
185
|
-
},
|
|
185
|
+
}, Ft = {
|
|
186
186
|
id: "status-filter-1",
|
|
187
187
|
label: "Status: Open",
|
|
188
188
|
field: "status",
|
|
189
189
|
value: "open",
|
|
190
190
|
onRemove: ke
|
|
191
|
-
},
|
|
191
|
+
}, Et = {
|
|
192
192
|
id: "date-filter-1",
|
|
193
193
|
label: "Date: Mar 1 - Mar 15",
|
|
194
194
|
field: "dateRange",
|
|
195
195
|
value: "2026-03-01..2026-03-15",
|
|
196
196
|
onRemove: ke
|
|
197
|
-
},
|
|
197
|
+
}, At = {
|
|
198
198
|
id: "mfg-filter-1",
|
|
199
199
|
label: "Manufacturer: Widget Co",
|
|
200
200
|
field: "manufacturer",
|
|
201
201
|
value: "widget-co-456",
|
|
202
202
|
onRemove: ke
|
|
203
|
-
},
|
|
204
|
-
It,
|
|
203
|
+
}, gn = [
|
|
205
204
|
Pt,
|
|
206
205
|
Ft,
|
|
207
|
-
Et
|
|
208
|
-
|
|
206
|
+
Et,
|
|
207
|
+
At
|
|
208
|
+
], pn = {
|
|
209
209
|
id: "metric-toggle",
|
|
210
210
|
tabs: [
|
|
211
211
|
{ id: "$", label: "$", mono: !0 },
|
|
212
212
|
{ id: "#", label: "#", mono: !0 }
|
|
213
213
|
]
|
|
214
|
-
},
|
|
214
|
+
}, hn = {
|
|
215
215
|
id: "entity-type",
|
|
216
216
|
tabs: [
|
|
217
217
|
{ id: "orders", label: "Orders" },
|
|
@@ -219,7 +219,7 @@ const Rt = ({
|
|
|
219
219
|
{ id: "customers", label: "Customers" },
|
|
220
220
|
{ id: "manufacturers", label: "Manufacturers" }
|
|
221
221
|
]
|
|
222
|
-
},
|
|
222
|
+
}, fn = {
|
|
223
223
|
id: "time-frame",
|
|
224
224
|
tabs: [
|
|
225
225
|
{ id: "MTD", label: "MTD" },
|
|
@@ -227,30 +227,30 @@ const Rt = ({
|
|
|
227
227
|
{ id: "YTD", label: "YTD" },
|
|
228
228
|
{ id: "LYTD", label: "LYTD" }
|
|
229
229
|
]
|
|
230
|
-
},
|
|
230
|
+
}, vn = [
|
|
231
231
|
{ variant: "block", width: "100%", height: 16 },
|
|
232
232
|
{ variant: "block", width: 200, height: 32, borderRadius: 8 },
|
|
233
233
|
{ variant: "block", width: "80%", height: 12, borderRadius: "4px" },
|
|
234
234
|
{ variant: "block", width: 120, height: 44, borderRadius: 22 }
|
|
235
|
-
],
|
|
235
|
+
], bn = [
|
|
236
236
|
{ variant: "text", lines: 3, lineHeight: 14, gap: 8 },
|
|
237
237
|
{ variant: "text", lines: 2, lineHeight: 16, gap: 10 },
|
|
238
238
|
{ variant: "text", lines: 5, lineHeight: 12, gap: 6 }
|
|
239
|
-
],
|
|
239
|
+
], yn = [
|
|
240
240
|
{ variant: "circle", size: 24 },
|
|
241
241
|
{ variant: "circle", size: 40 },
|
|
242
242
|
{ variant: "circle", size: 64 }
|
|
243
|
-
],
|
|
243
|
+
], wn = [
|
|
244
244
|
{ bars: 10, maxHeight: 120 },
|
|
245
245
|
{ bars: 5, maxHeight: 80 }
|
|
246
|
-
],
|
|
246
|
+
], _n = [
|
|
247
247
|
{ rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
|
|
248
248
|
{ rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
|
|
249
|
-
],
|
|
249
|
+
], Nn = [
|
|
250
250
|
{ variant: "value", colSpan: 1 },
|
|
251
251
|
{ variant: "trend", colSpan: 2 },
|
|
252
252
|
{ variant: "target", colSpan: 1 }
|
|
253
|
-
],
|
|
253
|
+
], Ve = {
|
|
254
254
|
position: "fixed",
|
|
255
255
|
zIndex: 9999,
|
|
256
256
|
background: "rgba(255,255,255,0.92)",
|
|
@@ -276,16 +276,16 @@ const Rt = ({
|
|
|
276
276
|
width: "100%",
|
|
277
277
|
textAlign: "left",
|
|
278
278
|
border: "none"
|
|
279
|
-
}),
|
|
279
|
+
}), Lt = (e) => ({
|
|
280
280
|
...Ie(e),
|
|
281
281
|
color: e ? "#4338ca" : "#4f46e5",
|
|
282
282
|
fontWeight: 600
|
|
283
|
-
}),
|
|
283
|
+
}), Ot = {
|
|
284
284
|
height: 1,
|
|
285
285
|
background: "rgba(0,0,0,0.06)",
|
|
286
286
|
margin: "3px 10px"
|
|
287
287
|
};
|
|
288
|
-
function
|
|
288
|
+
function $t({
|
|
289
289
|
open: e,
|
|
290
290
|
anchorEl: t,
|
|
291
291
|
statusId: n,
|
|
@@ -294,44 +294,44 @@ function Ot({
|
|
|
294
294
|
overflowActions: s,
|
|
295
295
|
onClose: o
|
|
296
296
|
}) {
|
|
297
|
-
const [l,
|
|
298
|
-
if (!t) return { ...
|
|
299
|
-
const
|
|
297
|
+
const [l, d] = $(null), u = T(null), v = w(() => {
|
|
298
|
+
if (!t) return { ...Ve, top: 0, left: 0 };
|
|
299
|
+
const g = t.getBoundingClientRect();
|
|
300
300
|
return {
|
|
301
|
-
...
|
|
302
|
-
top:
|
|
303
|
-
left:
|
|
301
|
+
...Ve,
|
|
302
|
+
top: g.bottom + 4,
|
|
303
|
+
left: g.left
|
|
304
304
|
};
|
|
305
305
|
}, [t]);
|
|
306
306
|
if (L(() => {
|
|
307
307
|
if (!e) return;
|
|
308
|
-
const
|
|
309
|
-
|
|
308
|
+
const g = (_) => {
|
|
309
|
+
_.key === "Escape" && o();
|
|
310
310
|
};
|
|
311
|
-
return document.addEventListener("keydown",
|
|
311
|
+
return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
|
|
312
312
|
}, [e, o]), L(() => {
|
|
313
313
|
if (!e) return;
|
|
314
|
-
const
|
|
315
|
-
|
|
314
|
+
const g = (_) => {
|
|
315
|
+
u.current && !u.current.contains(_.target) && o();
|
|
316
316
|
};
|
|
317
|
-
return document.addEventListener("pointerdown",
|
|
317
|
+
return document.addEventListener("pointerdown", g, !0), () => document.removeEventListener("pointerdown", g, !0);
|
|
318
318
|
}, [e, o]), !e) return null;
|
|
319
|
-
const f = s && s.length > 0,
|
|
319
|
+
const f = s && s.length > 0, m = /* @__PURE__ */ N(
|
|
320
320
|
"div",
|
|
321
321
|
{
|
|
322
|
-
ref:
|
|
322
|
+
ref: u,
|
|
323
323
|
"data-status-chip-menu": n,
|
|
324
324
|
role: "menu",
|
|
325
325
|
"aria-label": "Status actions",
|
|
326
|
-
style:
|
|
326
|
+
style: v(),
|
|
327
327
|
children: [
|
|
328
328
|
/* @__PURE__ */ r(
|
|
329
329
|
"button",
|
|
330
330
|
{
|
|
331
331
|
role: "menuitem",
|
|
332
|
-
style:
|
|
333
|
-
onMouseEnter: () =>
|
|
334
|
-
onMouseLeave: () =>
|
|
332
|
+
style: Lt(l === "__primary"),
|
|
333
|
+
onMouseEnter: () => d("__primary"),
|
|
334
|
+
onMouseLeave: () => d(null),
|
|
335
335
|
onClick: () => {
|
|
336
336
|
a(n), o();
|
|
337
337
|
},
|
|
@@ -343,36 +343,36 @@ function Ot({
|
|
|
343
343
|
{
|
|
344
344
|
role: "menuitem",
|
|
345
345
|
style: Ie(l === "__graph"),
|
|
346
|
-
onMouseEnter: () =>
|
|
347
|
-
onMouseLeave: () =>
|
|
346
|
+
onMouseEnter: () => d("__graph"),
|
|
347
|
+
onMouseLeave: () => d(null),
|
|
348
348
|
onClick: () => {
|
|
349
349
|
i(n), o();
|
|
350
350
|
},
|
|
351
351
|
children: "Show on graph"
|
|
352
352
|
}
|
|
353
353
|
),
|
|
354
|
-
f && /* @__PURE__ */ r("div", { style:
|
|
355
|
-
f && s?.map((
|
|
354
|
+
f && /* @__PURE__ */ r("div", { style: Ot }),
|
|
355
|
+
f && s?.map((g) => /* @__PURE__ */ r(
|
|
356
356
|
"button",
|
|
357
357
|
{
|
|
358
358
|
role: "menuitem",
|
|
359
|
-
style: Ie(l ===
|
|
360
|
-
onMouseEnter: () =>
|
|
361
|
-
onMouseLeave: () =>
|
|
359
|
+
style: Ie(l === g.id),
|
|
360
|
+
onMouseEnter: () => d(g.id),
|
|
361
|
+
onMouseLeave: () => d(null),
|
|
362
362
|
onClick: () => {
|
|
363
|
-
|
|
363
|
+
g.onSelect(n), o();
|
|
364
364
|
},
|
|
365
|
-
children:
|
|
365
|
+
children: g.label
|
|
366
366
|
},
|
|
367
|
-
|
|
367
|
+
g.id
|
|
368
368
|
))
|
|
369
369
|
]
|
|
370
370
|
}
|
|
371
371
|
);
|
|
372
|
-
return
|
|
372
|
+
return kt(m, document.body);
|
|
373
373
|
}
|
|
374
|
-
|
|
375
|
-
const
|
|
374
|
+
$t.displayName = "StatusSlotChipMenu";
|
|
375
|
+
const Dn = {
|
|
376
376
|
forwardStaggerMs: 50,
|
|
377
377
|
reverseStaggerMs: 30,
|
|
378
378
|
springStiffness: 380,
|
|
@@ -384,18 +384,18 @@ const Nn = {
|
|
|
384
384
|
enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
385
385
|
exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
|
|
386
386
|
translateOffsetPx: 8
|
|
387
|
-
},
|
|
387
|
+
}, kn = {
|
|
388
388
|
shiverCycles: 3,
|
|
389
389
|
shiverAmplitudePx: 2,
|
|
390
390
|
shiverDurationMs: 180,
|
|
391
391
|
validCellOpacity: 0.6
|
|
392
|
-
},
|
|
392
|
+
}, Cn = {
|
|
393
393
|
materializeMs: 180,
|
|
394
394
|
dematerializeMs: 140,
|
|
395
395
|
easing: "cubic-bezier(0.22, 1, 0.36, 1)",
|
|
396
396
|
dotStrokePx: 2,
|
|
397
397
|
dividerDashGapPx: 4
|
|
398
|
-
},
|
|
398
|
+
}, xn = {
|
|
399
399
|
cascadeStaggerMs: 0,
|
|
400
400
|
cascadeSpringCapMs: 120,
|
|
401
401
|
swingEnterMs: 100,
|
|
@@ -404,7 +404,7 @@ const Nn = {
|
|
|
404
404
|
provisionalStyle: "opacity",
|
|
405
405
|
shiverMs: 200,
|
|
406
406
|
shiverStyle: "color-flash"
|
|
407
|
-
},
|
|
407
|
+
}, Sn = !0, Mn = {
|
|
408
408
|
rejectionFill: "var(--gloss-rejection-fill)",
|
|
409
409
|
rejectionStroke: "var(--gloss-rejection-stroke)",
|
|
410
410
|
validFill: "var(--gloss-valid-fill)",
|
|
@@ -420,7 +420,7 @@ function Tn() {
|
|
|
420
420
|
return "full";
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
|
-
const
|
|
423
|
+
const Pe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) => {
|
|
424
424
|
const s = {
|
|
425
425
|
"--gloss-swing-enter-ms": `${me.enterDurationMs}ms`,
|
|
426
426
|
"--gloss-swing-exit-ms": `${me.exitDurationMs}ms`,
|
|
@@ -444,49 +444,49 @@ const Qe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
|
|
|
444
444
|
children: a
|
|
445
445
|
}
|
|
446
446
|
);
|
|
447
|
-
},
|
|
448
|
-
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge:
|
|
449
|
-
const f = t === "handle-visible" || t === "dragging" || t === "settling",
|
|
447
|
+
}, Bt = bt(
|
|
448
|
+
function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: d = "right", ariaLabel: u = "Resize card" }, v) {
|
|
449
|
+
const f = t === "handle-visible" || t === "dragging" || t === "settling", m = (p) => {
|
|
450
450
|
try {
|
|
451
|
-
|
|
451
|
+
p.currentTarget.setPointerCapture(p.pointerId);
|
|
452
452
|
} catch {
|
|
453
453
|
}
|
|
454
|
-
n(
|
|
455
|
-
},
|
|
454
|
+
n(p);
|
|
455
|
+
}, g = (p) => {
|
|
456
456
|
try {
|
|
457
|
-
|
|
457
|
+
p.currentTarget.hasPointerCapture?.(p.pointerId) && p.currentTarget.releasePointerCapture(p.pointerId);
|
|
458
458
|
} catch {
|
|
459
459
|
}
|
|
460
|
-
a(
|
|
461
|
-
},
|
|
462
|
-
!f || !o || (
|
|
460
|
+
a(p);
|
|
461
|
+
}, _ = (p) => {
|
|
462
|
+
!f || !o || (p.key === "ArrowRight" ? (p.preventDefault(), o("grow")) : p.key === "ArrowLeft" && (p.preventDefault(), o("shrink")));
|
|
463
463
|
};
|
|
464
|
-
return /* @__PURE__ */ r(
|
|
464
|
+
return /* @__PURE__ */ r(Pe, { visible: f, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
|
|
465
465
|
"button",
|
|
466
466
|
{
|
|
467
|
-
ref:
|
|
467
|
+
ref: v,
|
|
468
468
|
type: "button",
|
|
469
|
-
"aria-label":
|
|
470
|
-
"data-edge":
|
|
469
|
+
"aria-label": u,
|
|
470
|
+
"data-edge": d,
|
|
471
471
|
"data-resize-state": t,
|
|
472
472
|
className: [
|
|
473
473
|
"gloss-edge-handle",
|
|
474
|
-
`gloss-edge-handle--${
|
|
474
|
+
`gloss-edge-handle--${d}`,
|
|
475
475
|
f ? "gloss-edge-handle--visible" : ""
|
|
476
476
|
].filter(Boolean).join(" "),
|
|
477
|
-
onPointerDown:
|
|
478
|
-
onPointerUp:
|
|
477
|
+
onPointerDown: m,
|
|
478
|
+
onPointerUp: g,
|
|
479
479
|
onPointerEnter: i,
|
|
480
480
|
onPointerLeave: s,
|
|
481
481
|
onLostPointerCapture: l,
|
|
482
|
-
onKeyDown:
|
|
482
|
+
onKeyDown: _,
|
|
483
483
|
tabIndex: f ? 0 : -1
|
|
484
484
|
}
|
|
485
485
|
) });
|
|
486
486
|
}
|
|
487
487
|
);
|
|
488
|
-
|
|
489
|
-
function
|
|
488
|
+
Bt.displayName = "EdgeHoverHandle";
|
|
489
|
+
function Kt({
|
|
490
490
|
visible: e,
|
|
491
491
|
targetColSpan: t,
|
|
492
492
|
ghostWidth: n,
|
|
@@ -510,8 +510,8 @@ function Bt({
|
|
|
510
510
|
}
|
|
511
511
|
);
|
|
512
512
|
}
|
|
513
|
-
|
|
514
|
-
class
|
|
513
|
+
Kt.displayName = "GhostPreview";
|
|
514
|
+
class zt {
|
|
515
515
|
constructor() {
|
|
516
516
|
this.samples = [], this.capacity = 3;
|
|
517
517
|
}
|
|
@@ -549,14 +549,14 @@ class Kt {
|
|
|
549
549
|
const t = this.samples.length;
|
|
550
550
|
if (t < 2) return 0;
|
|
551
551
|
if (t === 2) {
|
|
552
|
-
const [
|
|
553
|
-
return (
|
|
552
|
+
const [d, u] = this.samples, v = Math.max(1, u.t - d.t);
|
|
553
|
+
return (u.x - d.x) / v * 1e3;
|
|
554
554
|
}
|
|
555
555
|
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;
|
|
556
556
|
return (s * 3 + o * 2 + l * 1) / 6;
|
|
557
557
|
}
|
|
558
558
|
}
|
|
559
|
-
const
|
|
559
|
+
const Je = {
|
|
560
560
|
// Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
|
|
561
561
|
// has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
|
|
562
562
|
// prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
|
|
@@ -576,7 +576,7 @@ const Xe = {
|
|
|
576
576
|
// Velocity multiplier (D-03b panel)
|
|
577
577
|
velocityMultiplier: 1
|
|
578
578
|
};
|
|
579
|
-
function
|
|
579
|
+
function Rn({
|
|
580
580
|
currentColSpan: e,
|
|
581
581
|
stackable: t,
|
|
582
582
|
onResize: n,
|
|
@@ -585,18 +585,18 @@ function Mn({
|
|
|
585
585
|
gap: s = 0,
|
|
586
586
|
tuning: o,
|
|
587
587
|
dwellMs: l = 60,
|
|
588
|
-
graceExitMs:
|
|
589
|
-
enterMs:
|
|
590
|
-
exitMs:
|
|
588
|
+
graceExitMs: d = 150,
|
|
589
|
+
enterMs: u = 180,
|
|
590
|
+
exitMs: v = 120,
|
|
591
591
|
maxColSpan: f = 3,
|
|
592
|
-
containerRef:
|
|
593
|
-
forceIdle:
|
|
592
|
+
containerRef: m,
|
|
593
|
+
forceIdle: g
|
|
594
594
|
}) {
|
|
595
|
-
const [
|
|
595
|
+
const [_, p] = $("idle"), [h, M] = $(e), P = T(null), C = T(null), R = T(null), I = T(null), c = T(i), b = T(s), D = T(f), S = T(0), y = T("idle");
|
|
596
596
|
L(() => {
|
|
597
|
-
|
|
598
|
-
}, [
|
|
599
|
-
const x =
|
|
597
|
+
y.current = _;
|
|
598
|
+
}, [_]);
|
|
599
|
+
const x = _t(0), F = T(null), j = w(() => {
|
|
600
600
|
const k = F.current;
|
|
601
601
|
if (k) {
|
|
602
602
|
try {
|
|
@@ -607,15 +607,15 @@ function Mn({
|
|
|
607
607
|
}
|
|
608
608
|
}, []), q = w(
|
|
609
609
|
(k) => {
|
|
610
|
-
const E = c.current, A =
|
|
610
|
+
const E = c.current, A = b.current;
|
|
611
611
|
return k * E + (k - 1) * A;
|
|
612
612
|
},
|
|
613
613
|
[]
|
|
614
|
-
), U =
|
|
614
|
+
), U = T(new zt()), W = T(e);
|
|
615
615
|
L(() => {
|
|
616
|
-
|
|
616
|
+
W.current = h;
|
|
617
617
|
}, [h]);
|
|
618
|
-
const B = ye(() => ({ ...
|
|
618
|
+
const B = ye(() => ({ ...Je, ...o ?? {} }), [o]), Z = w(() => {
|
|
619
619
|
P.current && (clearTimeout(P.current), P.current = null);
|
|
620
620
|
}, []), O = w(() => {
|
|
621
621
|
C.current && (clearTimeout(C.current), C.current = null);
|
|
@@ -623,123 +623,123 @@ function Mn({
|
|
|
623
623
|
R.current && (clearTimeout(R.current), R.current = null);
|
|
624
624
|
}, []);
|
|
625
625
|
L(() => {
|
|
626
|
-
|
|
627
|
-
}, [
|
|
628
|
-
const
|
|
629
|
-
O(),
|
|
630
|
-
}, [l, O]),
|
|
626
|
+
g && (y.current === "dragging" || y.current === "settling" || (Z(), O(), J(), y.current = "idle", p("idle")));
|
|
627
|
+
}, [g, Z, O, J]);
|
|
628
|
+
const $e = w(() => {
|
|
629
|
+
O(), p((k) => k === "settling" || k !== "idle" ? k : (P.current = setTimeout(() => p("handle-visible"), l), "dwelling"));
|
|
630
|
+
}, [l, O]), Be = w(() => {
|
|
631
631
|
Z();
|
|
632
|
-
const k =
|
|
632
|
+
const k = y.current;
|
|
633
633
|
k !== "dwelling" && k !== "handle-visible" || (C.current = setTimeout(() => {
|
|
634
|
-
|
|
635
|
-
},
|
|
636
|
-
}, [Z,
|
|
634
|
+
y.current = "idle", p("idle");
|
|
635
|
+
}, d));
|
|
636
|
+
}, [Z, d]), oe = w(
|
|
637
637
|
(k, E, A) => {
|
|
638
638
|
const K = c.current, ee = K * B.snapInFraction, Y = K * B.snapOutFraction, z = E - A, V = Math.max(
|
|
639
639
|
A,
|
|
640
|
-
|
|
640
|
+
D.current ?? f
|
|
641
641
|
);
|
|
642
|
-
let
|
|
643
|
-
for (; A +
|
|
644
|
-
const ae =
|
|
645
|
-
if (k >= ae)
|
|
642
|
+
let G = z;
|
|
643
|
+
for (; A + G < V; ) {
|
|
644
|
+
const ae = G * K + (G < 0 ? Y : ee);
|
|
645
|
+
if (k >= ae) G += 1;
|
|
646
646
|
else break;
|
|
647
647
|
}
|
|
648
|
-
if (
|
|
649
|
-
for (; A +
|
|
650
|
-
const ae =
|
|
651
|
-
if (k <= ae)
|
|
648
|
+
if (G === z)
|
|
649
|
+
for (; A + G > 1; ) {
|
|
650
|
+
const ae = G * K - (G > 0 ? Y : ee);
|
|
651
|
+
if (k <= ae) G -= 1;
|
|
652
652
|
else break;
|
|
653
653
|
}
|
|
654
|
-
return Math.min(V, Math.max(1, A +
|
|
654
|
+
return Math.min(V, Math.max(1, A + G));
|
|
655
655
|
},
|
|
656
656
|
[B.snapInFraction, B.snapOutFraction, f]
|
|
657
|
-
),
|
|
657
|
+
), dt = w(
|
|
658
658
|
(k) => {
|
|
659
|
-
if (
|
|
660
|
-
j(), I.current = k.clientX, c.current = i,
|
|
659
|
+
if (y.current !== "handle-visible") return;
|
|
660
|
+
j(), I.current = k.clientX, c.current = i, b.current = s, D.current = f;
|
|
661
661
|
const E = e * i + (e - 1) * s;
|
|
662
|
-
S.current = E, U.current.clear(), U.current.push({ x: k.clientX, t: performance.now() }), x.jump(E),
|
|
662
|
+
S.current = E, U.current.clear(), U.current.push({ x: k.clientX, t: performance.now() }), x.jump(E), y.current = "dragging", p("dragging");
|
|
663
663
|
},
|
|
664
664
|
[i, s, f, e, x, j]
|
|
665
|
-
),
|
|
666
|
-
(k) => k * c.current + (k - 1) *
|
|
665
|
+
), Ke = w(
|
|
666
|
+
(k) => k * c.current + (k - 1) * b.current,
|
|
667
667
|
[]
|
|
668
668
|
), ie = w(
|
|
669
669
|
(k, E) => {
|
|
670
|
-
const A =
|
|
670
|
+
const A = Ke(k), K = k !== e;
|
|
671
671
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
672
|
-
x.jump(A), K && E ? n({ direction: E, targetColSpan: k, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0),
|
|
672
|
+
x.jump(A), K && E ? n({ direction: E, targetColSpan: k, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0), y.current = "idle", p("idle");
|
|
673
673
|
return;
|
|
674
674
|
}
|
|
675
675
|
const Y = U.current.getWeightedVelocity() * B.velocityMultiplier;
|
|
676
|
-
|
|
676
|
+
y.current = "settling", p("settling"), j(), F.current = We(x, A, {
|
|
677
677
|
type: "spring",
|
|
678
678
|
stiffness: B.stiffness,
|
|
679
679
|
damping: B.damping,
|
|
680
680
|
mass: B.mass,
|
|
681
681
|
velocity: Y,
|
|
682
682
|
onComplete: () => {
|
|
683
|
-
F.current = null, K && E ? n({ direction: E, targetColSpan: k, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0),
|
|
683
|
+
F.current = null, K && E ? n({ direction: E, targetColSpan: k, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0), y.current = "idle", p("idle");
|
|
684
684
|
}
|
|
685
685
|
});
|
|
686
686
|
},
|
|
687
|
-
[
|
|
688
|
-
),
|
|
687
|
+
[Ke, e, t, n, a, x, B, j]
|
|
688
|
+
), ut = w(
|
|
689
689
|
(k) => {
|
|
690
|
-
if (
|
|
691
|
-
const E = k.clientX - (I.current ?? k.clientX), A = c.current, ee = ((
|
|
690
|
+
if (y.current !== "dragging") return;
|
|
691
|
+
const E = k.clientX - (I.current ?? k.clientX), A = c.current, ee = ((D.current ?? f) - e) * A, Y = (1 - e) * A, z = Math.max(Y, Math.min(ee, E));
|
|
692
692
|
U.current.push({ x: k.clientX, t: performance.now() });
|
|
693
|
-
const V = oe(z,
|
|
694
|
-
ie(V,
|
|
693
|
+
const V = oe(z, W.current, e), G = V > e ? "grow" : V < e ? "shrink" : null;
|
|
694
|
+
ie(V, G);
|
|
695
695
|
},
|
|
696
696
|
[oe, e, f, ie]
|
|
697
697
|
), le = w(() => {
|
|
698
|
-
if (Z(),
|
|
698
|
+
if (Z(), y.current === "dragging") {
|
|
699
699
|
const k = S.current;
|
|
700
700
|
if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
701
|
-
x.jump(k), a?.(), x.jump(0),
|
|
701
|
+
x.jump(k), a?.(), x.jump(0), y.current = "idle", p("idle");
|
|
702
702
|
return;
|
|
703
703
|
}
|
|
704
704
|
const A = U.current.getWeightedVelocity();
|
|
705
|
-
|
|
705
|
+
y.current = "settling", p("settling"), j(), F.current = We(x, k, {
|
|
706
706
|
type: "spring",
|
|
707
707
|
stiffness: B.stiffness,
|
|
708
708
|
damping: B.damping,
|
|
709
709
|
mass: B.mass,
|
|
710
710
|
velocity: A,
|
|
711
711
|
onComplete: () => {
|
|
712
|
-
F.current = null, a?.(), x.jump(0),
|
|
712
|
+
F.current = null, a?.(), x.jump(0), y.current = "idle", p("idle");
|
|
713
713
|
}
|
|
714
714
|
});
|
|
715
715
|
return;
|
|
716
716
|
}
|
|
717
|
-
|
|
717
|
+
y.current === "handle-visible" && (a?.(), y.current = "cancelled", p("cancelled"));
|
|
718
718
|
}, [Z, x, a, B, j]);
|
|
719
719
|
L(() => {
|
|
720
|
-
if (
|
|
720
|
+
if (_ !== "dragging" && _ !== "handle-visible") return;
|
|
721
721
|
const k = (E) => {
|
|
722
722
|
E.key === "Escape" && le();
|
|
723
723
|
};
|
|
724
724
|
return window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k);
|
|
725
|
-
}, [
|
|
726
|
-
if (
|
|
727
|
-
|
|
725
|
+
}, [_, le]), L(() => {
|
|
726
|
+
if (_ !== "dragging") {
|
|
727
|
+
M(e);
|
|
728
728
|
return;
|
|
729
729
|
}
|
|
730
730
|
const k = (z) => {
|
|
731
|
-
const V = z.clientX - (I.current ?? z.clientX),
|
|
732
|
-
x.set(
|
|
731
|
+
const V = z.clientX - (I.current ?? z.clientX), G = S.current, ce = q(1), ae = q(f), we = G + V, Ge = Math.max(ce, Math.min(ae, we));
|
|
732
|
+
x.set(Ge);
|
|
733
733
|
const _e = c.current, Ce = (f - e) * _e, xe = (1 - e) * _e, de = Math.max(xe, Math.min(Ce, V));
|
|
734
734
|
U.current.push({ x: z.clientX, t: performance.now() });
|
|
735
|
-
const ue = oe(de,
|
|
736
|
-
ue !==
|
|
735
|
+
const ue = oe(de, W.current, e);
|
|
736
|
+
ue !== W.current && (W.current = ue, M(ue));
|
|
737
737
|
}, E = (z, V) => {
|
|
738
|
-
if (
|
|
738
|
+
if (y.current === "dragging")
|
|
739
739
|
if (z === "pointerup") {
|
|
740
|
-
const
|
|
740
|
+
const G = U.current.tail(), ce = V?.clientX ?? G?.x ?? I.current ?? 0, ae = ce - (I.current ?? ce), we = c.current, _e = ((D.current ?? f) - e) * we, Ce = (1 - e) * we, xe = Math.max(Ce, Math.min(_e, ae));
|
|
741
741
|
V && U.current.push({ x: V.clientX, t: performance.now() });
|
|
742
|
-
const de = oe(xe,
|
|
742
|
+
const de = oe(xe, W.current, e), ue = de > e ? "grow" : de < e ? "shrink" : null;
|
|
743
743
|
ie(de, ue);
|
|
744
744
|
} else
|
|
745
745
|
le();
|
|
@@ -749,55 +749,55 @@ function Mn({
|
|
|
749
749
|
return window.addEventListener("pointermove", k), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", K), window.addEventListener("blur", ee), document.addEventListener("visibilitychange", Y), () => {
|
|
750
750
|
window.removeEventListener("pointermove", k), window.removeEventListener("pointerup", A), window.removeEventListener("pointercancel", K), window.removeEventListener("blur", ee), document.removeEventListener("visibilitychange", Y);
|
|
751
751
|
};
|
|
752
|
-
}, [
|
|
752
|
+
}, [_, e, x, oe, f, q, le, ie]), L(() => () => {
|
|
753
753
|
Z(), O(), J();
|
|
754
754
|
}, [Z, O, J]), L(() => {
|
|
755
|
-
if (
|
|
756
|
-
const k = setTimeout(() =>
|
|
755
|
+
if (_ !== "cancelled") return;
|
|
756
|
+
const k = setTimeout(() => p("idle"), v);
|
|
757
757
|
return () => clearTimeout(k);
|
|
758
|
-
}, [
|
|
759
|
-
const
|
|
758
|
+
}, [_, v]);
|
|
759
|
+
const mt = w(
|
|
760
760
|
(k) => {
|
|
761
|
-
if (
|
|
761
|
+
if (y.current === "settling") return;
|
|
762
762
|
const A = Math.min(f, Math.max(1, e + (k === "grow" ? 1 : -1)));
|
|
763
763
|
if (A === e) return;
|
|
764
|
-
c.current = i,
|
|
764
|
+
c.current = i, b.current = s, D.current = f, U.current.clear();
|
|
765
765
|
const K = e * i + (e - 1) * s;
|
|
766
766
|
S.current = K, x.jump(K), ie(A, k);
|
|
767
767
|
},
|
|
768
768
|
[e, i, s, f, x, ie]
|
|
769
|
-
),
|
|
769
|
+
), ze = w(() => {
|
|
770
770
|
J(), R.current = setTimeout(() => {
|
|
771
|
-
|
|
771
|
+
y.current === "handle-visible" && (y.current = "idle", p("idle"));
|
|
772
772
|
}, 5e3);
|
|
773
|
-
}, [J]),
|
|
774
|
-
|
|
775
|
-
}, [Z,
|
|
776
|
-
J(),
|
|
773
|
+
}, [J]), gt = w(() => {
|
|
774
|
+
y.current === "idle" && (Z(), y.current = "handle-visible", p("handle-visible"), ze());
|
|
775
|
+
}, [Z, ze]), pt = w(() => {
|
|
776
|
+
J(), y.current === "handle-visible" && (y.current = "idle", p("idle"));
|
|
777
777
|
}, [J]);
|
|
778
778
|
return {
|
|
779
|
-
state:
|
|
780
|
-
enterEdgeZone:
|
|
781
|
-
leaveEdgeZone:
|
|
779
|
+
state: _,
|
|
780
|
+
enterEdgeZone: $e,
|
|
781
|
+
leaveEdgeZone: Be,
|
|
782
782
|
handleProps: {
|
|
783
|
-
onPointerDown:
|
|
784
|
-
onPointerUp:
|
|
783
|
+
onPointerDown: dt,
|
|
784
|
+
onPointerUp: ut,
|
|
785
785
|
// Bug E: handle continues zone presence so pointer crossing sentinel→handle
|
|
786
786
|
// doesn't collapse state. handle's pointerenter = stay in zone.
|
|
787
|
-
onPointerEnter:
|
|
788
|
-
onPointerLeave:
|
|
787
|
+
onPointerEnter: $e,
|
|
788
|
+
onPointerLeave: Be
|
|
789
789
|
},
|
|
790
790
|
previewColSpan: h,
|
|
791
791
|
ghostProps: {
|
|
792
|
-
visible:
|
|
792
|
+
visible: _ === "dragging" || _ === "settling",
|
|
793
793
|
targetColSpan: h,
|
|
794
794
|
ghostWidth: x,
|
|
795
|
-
enterMs:
|
|
796
|
-
exitMs:
|
|
795
|
+
enterMs: u,
|
|
796
|
+
exitMs: v
|
|
797
797
|
},
|
|
798
|
-
onKeyboardStep:
|
|
799
|
-
onTouchReveal:
|
|
800
|
-
onTouchDismiss:
|
|
798
|
+
onKeyboardStep: mt,
|
|
799
|
+
onTouchReveal: gt,
|
|
800
|
+
onTouchDismiss: pt,
|
|
801
801
|
cancel: le
|
|
802
802
|
};
|
|
803
803
|
}
|
|
@@ -826,14 +826,14 @@ const se = {
|
|
|
826
826
|
sectionDividerFadeOutMs: 80,
|
|
827
827
|
sectionDividerStaggerMs: 40
|
|
828
828
|
};
|
|
829
|
-
function
|
|
829
|
+
function In(e) {
|
|
830
830
|
const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: i } = e;
|
|
831
831
|
if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
|
|
832
832
|
return;
|
|
833
833
|
const s = (a + 0.5) * (t / n);
|
|
834
834
|
return i != null && Number.isFinite(i) && i > 0 ? s - i / 2 : s;
|
|
835
835
|
}
|
|
836
|
-
const
|
|
836
|
+
const Pn = [
|
|
837
837
|
// 1. Standard: Total Revenue
|
|
838
838
|
{
|
|
839
839
|
variant: "standard",
|
|
@@ -965,7 +965,7 @@ const In = [
|
|
|
965
965
|
subtitle: "Awaiting QA",
|
|
966
966
|
highlightColor: "neutral"
|
|
967
967
|
}
|
|
968
|
-
],
|
|
968
|
+
], Gt = {
|
|
969
969
|
variant: "standard",
|
|
970
970
|
label: "Total Revenue",
|
|
971
971
|
isLoading: !0
|
|
@@ -975,14 +975,14 @@ const In = [
|
|
|
975
975
|
value: 125430,
|
|
976
976
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
977
977
|
isError: !0
|
|
978
|
-
},
|
|
978
|
+
}, Vt = {
|
|
979
979
|
variant: "standard",
|
|
980
980
|
label: "Total Revenue",
|
|
981
981
|
value: null,
|
|
982
982
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
983
983
|
isEmpty: !0,
|
|
984
984
|
subtitle: "No data"
|
|
985
|
-
},
|
|
985
|
+
}, Ht = {
|
|
986
986
|
variant: "standard",
|
|
987
987
|
label: "Total Revenue",
|
|
988
988
|
value: 125430,
|
|
@@ -990,7 +990,7 @@ const In = [
|
|
|
990
990
|
trend: { value: 12.5, direction: "up" },
|
|
991
991
|
subtitle: "MTD",
|
|
992
992
|
isStale: !0
|
|
993
|
-
},
|
|
993
|
+
}, jt = {
|
|
994
994
|
variant: "sparkline",
|
|
995
995
|
label: "Daily Orders",
|
|
996
996
|
value: 847,
|
|
@@ -999,7 +999,7 @@ const In = [
|
|
|
999
999
|
sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
|
|
1000
1000
|
accentColor: "#6366f1",
|
|
1001
1001
|
isStale: !0
|
|
1002
|
-
},
|
|
1002
|
+
}, Ut = {
|
|
1003
1003
|
variant: "donut",
|
|
1004
1004
|
label: "Order Fill Rate",
|
|
1005
1005
|
value: 78,
|
|
@@ -1010,14 +1010,14 @@ const In = [
|
|
|
1010
1010
|
donutMax: 100,
|
|
1011
1011
|
accentColor: "#10b981",
|
|
1012
1012
|
isStale: !0
|
|
1013
|
-
},
|
|
1014
|
-
zt,
|
|
1015
|
-
Wt,
|
|
1013
|
+
}, Fn = [
|
|
1016
1014
|
Gt,
|
|
1015
|
+
Wt,
|
|
1017
1016
|
Vt,
|
|
1018
1017
|
Ht,
|
|
1019
|
-
jt
|
|
1020
|
-
|
|
1018
|
+
jt,
|
|
1019
|
+
Ut
|
|
1020
|
+
], En = {
|
|
1021
1021
|
variant: "sparkline",
|
|
1022
1022
|
label: "Daily Orders",
|
|
1023
1023
|
value: 847,
|
|
@@ -1040,7 +1040,7 @@ const In = [
|
|
|
1040
1040
|
59
|
|
1041
1041
|
],
|
|
1042
1042
|
accentColor: "#6366f1"
|
|
1043
|
-
},
|
|
1043
|
+
}, An = {
|
|
1044
1044
|
variant: "sparkline",
|
|
1045
1045
|
label: "New Customers",
|
|
1046
1046
|
value: 23,
|
|
@@ -1079,21 +1079,21 @@ const In = [
|
|
|
1079
1079
|
19
|
|
1080
1080
|
],
|
|
1081
1081
|
accentColor: "#10b981"
|
|
1082
|
-
},
|
|
1082
|
+
}, Ln = {
|
|
1083
1083
|
variant: "standard",
|
|
1084
1084
|
label: "Total Revenue",
|
|
1085
1085
|
value: 125430,
|
|
1086
1086
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
1087
1087
|
trend: { value: 12.5, direction: "up" },
|
|
1088
1088
|
subtitle: "MTD"
|
|
1089
|
-
},
|
|
1089
|
+
}, On = {
|
|
1090
1090
|
variant: "standard",
|
|
1091
1091
|
label: "Returns",
|
|
1092
1092
|
value: 3280,
|
|
1093
1093
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
1094
1094
|
trend: { value: -8.3, direction: "down" },
|
|
1095
1095
|
subtitle: "MTD"
|
|
1096
|
-
},
|
|
1096
|
+
}, $n = {
|
|
1097
1097
|
variant: "standard",
|
|
1098
1098
|
label: "Avg Order Value",
|
|
1099
1099
|
value: 487,
|
|
@@ -1101,7 +1101,7 @@ const In = [
|
|
|
1101
1101
|
trend: { value: 0, direction: "flat" },
|
|
1102
1102
|
subtitle: "QTD"
|
|
1103
1103
|
};
|
|
1104
|
-
function
|
|
1104
|
+
function et({
|
|
1105
1105
|
open: e,
|
|
1106
1106
|
onDismiss: t,
|
|
1107
1107
|
anchorRef: n,
|
|
@@ -1111,23 +1111,23 @@ function Je({
|
|
|
1111
1111
|
onCreatePage: o,
|
|
1112
1112
|
onManagePages: l
|
|
1113
1113
|
}) {
|
|
1114
|
-
const
|
|
1115
|
-
(
|
|
1116
|
-
s(
|
|
1114
|
+
const d = w(
|
|
1115
|
+
(m) => {
|
|
1116
|
+
s(m), t();
|
|
1117
1117
|
},
|
|
1118
1118
|
[s, t]
|
|
1119
|
-
),
|
|
1120
|
-
(
|
|
1121
|
-
(
|
|
1119
|
+
), u = w(
|
|
1120
|
+
(m, g) => {
|
|
1121
|
+
(g.key === "Enter" || g.key === " ") && (g.preventDefault(), d(m));
|
|
1122
1122
|
},
|
|
1123
|
-
[
|
|
1124
|
-
),
|
|
1123
|
+
[d]
|
|
1124
|
+
), v = w(() => {
|
|
1125
1125
|
o(), t();
|
|
1126
1126
|
}, [o, t]), f = w(() => {
|
|
1127
1127
|
l(), t();
|
|
1128
1128
|
}, [l, t]);
|
|
1129
1129
|
return /* @__PURE__ */ N(
|
|
1130
|
-
|
|
1130
|
+
Dt,
|
|
1131
1131
|
{
|
|
1132
1132
|
definition: {
|
|
1133
1133
|
placement: "bottom-end",
|
|
@@ -1140,36 +1140,36 @@ function Je({
|
|
|
1140
1140
|
anchorRef: n,
|
|
1141
1141
|
className: "gloss-page-dropdown",
|
|
1142
1142
|
children: [
|
|
1143
|
-
/* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((
|
|
1144
|
-
const
|
|
1143
|
+
/* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((m) => {
|
|
1144
|
+
const g = m.id === i;
|
|
1145
1145
|
return /* @__PURE__ */ N(
|
|
1146
1146
|
"li",
|
|
1147
1147
|
{
|
|
1148
1148
|
role: "menuitemradio",
|
|
1149
|
-
"aria-checked":
|
|
1150
|
-
"aria-current":
|
|
1149
|
+
"aria-checked": g,
|
|
1150
|
+
"aria-current": g ? "page" : void 0,
|
|
1151
1151
|
tabIndex: 0,
|
|
1152
|
-
className: `gloss-page-dropdown__item${
|
|
1153
|
-
onClick: () =>
|
|
1154
|
-
onKeyDown: (
|
|
1152
|
+
className: `gloss-page-dropdown__item${g ? " gloss-page-dropdown__item--active" : ""}`,
|
|
1153
|
+
onClick: () => d(m.id),
|
|
1154
|
+
onKeyDown: (_) => u(m.id, _),
|
|
1155
1155
|
children: [
|
|
1156
1156
|
/* @__PURE__ */ r(
|
|
1157
1157
|
"span",
|
|
1158
1158
|
{
|
|
1159
|
-
className: `gloss-page-dropdown__dot${
|
|
1159
|
+
className: `gloss-page-dropdown__dot${g ? " gloss-page-dropdown__dot--active" : ""}`
|
|
1160
1160
|
}
|
|
1161
1161
|
),
|
|
1162
1162
|
/* @__PURE__ */ r(
|
|
1163
1163
|
"span",
|
|
1164
1164
|
{
|
|
1165
|
-
className: `gloss-page-dropdown__name${
|
|
1166
|
-
children:
|
|
1165
|
+
className: `gloss-page-dropdown__name${m.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
|
|
1166
|
+
children: m.name
|
|
1167
1167
|
}
|
|
1168
1168
|
),
|
|
1169
|
-
/* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children:
|
|
1169
|
+
/* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: m.cardCount })
|
|
1170
1170
|
]
|
|
1171
1171
|
},
|
|
1172
|
-
|
|
1172
|
+
m.id
|
|
1173
1173
|
);
|
|
1174
1174
|
}) }),
|
|
1175
1175
|
/* @__PURE__ */ r("hr", { className: "gloss-page-dropdown__separator" }),
|
|
@@ -1178,7 +1178,7 @@ function Je({
|
|
|
1178
1178
|
{
|
|
1179
1179
|
role: "menuitem",
|
|
1180
1180
|
className: "gloss-page-dropdown__action",
|
|
1181
|
-
onClick:
|
|
1181
|
+
onClick: v,
|
|
1182
1182
|
children: "+ New page"
|
|
1183
1183
|
}
|
|
1184
1184
|
),
|
|
@@ -1196,8 +1196,8 @@ function Je({
|
|
|
1196
1196
|
}
|
|
1197
1197
|
);
|
|
1198
1198
|
}
|
|
1199
|
-
|
|
1200
|
-
const
|
|
1199
|
+
et.displayName = "PageDropdown";
|
|
1200
|
+
const Zt = function({
|
|
1201
1201
|
currentIndex: t,
|
|
1202
1202
|
total: n,
|
|
1203
1203
|
pages: a,
|
|
@@ -1205,23 +1205,23 @@ const Ut = function({
|
|
|
1205
1205
|
onCreatePage: s,
|
|
1206
1206
|
onManagePages: o,
|
|
1207
1207
|
maskRadius: l = "var(--gloss-radius-md)",
|
|
1208
|
-
displayMode:
|
|
1209
|
-
activePage:
|
|
1208
|
+
displayMode: d = "count",
|
|
1209
|
+
activePage: u
|
|
1210
1210
|
}) {
|
|
1211
|
-
const
|
|
1212
|
-
|
|
1213
|
-
}, []),
|
|
1214
|
-
|
|
1215
|
-
}, []),
|
|
1211
|
+
const v = T(null), [f, m] = $(!1), g = w(() => {
|
|
1212
|
+
m((M) => !M);
|
|
1213
|
+
}, []), _ = w(() => {
|
|
1214
|
+
m(!1);
|
|
1215
|
+
}, []), p = a[t]?.id ?? "";
|
|
1216
1216
|
return /* @__PURE__ */ N(
|
|
1217
1217
|
"div",
|
|
1218
1218
|
{
|
|
1219
1219
|
className: "gloss-page-chip",
|
|
1220
|
-
ref:
|
|
1221
|
-
style:
|
|
1220
|
+
ref: v,
|
|
1221
|
+
style: d === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
|
|
1222
1222
|
"data-page-chip": !0,
|
|
1223
1223
|
children: [
|
|
1224
|
-
|
|
1224
|
+
d !== "name" && /* @__PURE__ */ r(
|
|
1225
1225
|
"div",
|
|
1226
1226
|
{
|
|
1227
1227
|
className: "gloss-page-chip__nuzzle",
|
|
@@ -1231,13 +1231,13 @@ const Ut = function({
|
|
|
1231
1231
|
/* @__PURE__ */ r(
|
|
1232
1232
|
"button",
|
|
1233
1233
|
{
|
|
1234
|
-
className: `gloss-page-chip__trigger${
|
|
1234
|
+
className: `gloss-page-chip__trigger${d === "name" ? " gloss-page-chip__trigger--name" : ""}`,
|
|
1235
1235
|
"aria-haspopup": "menu",
|
|
1236
1236
|
"aria-expanded": f,
|
|
1237
|
-
"aria-label":
|
|
1238
|
-
onClick:
|
|
1239
|
-
children:
|
|
1240
|
-
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children:
|
|
1237
|
+
"aria-label": d === "name" ? `${u ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
|
|
1238
|
+
onClick: g,
|
|
1239
|
+
children: d === "name" ? /* @__PURE__ */ N(te, { children: [
|
|
1240
|
+
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: u ?? "" }),
|
|
1241
1241
|
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
|
|
1242
1242
|
] }) : /* @__PURE__ */ N(te, { children: [
|
|
1243
1243
|
t + 1,
|
|
@@ -1247,13 +1247,13 @@ const Ut = function({
|
|
|
1247
1247
|
}
|
|
1248
1248
|
),
|
|
1249
1249
|
/* @__PURE__ */ r(
|
|
1250
|
-
|
|
1250
|
+
et,
|
|
1251
1251
|
{
|
|
1252
1252
|
open: f,
|
|
1253
|
-
onDismiss:
|
|
1254
|
-
anchorRef:
|
|
1253
|
+
onDismiss: _,
|
|
1254
|
+
anchorRef: v,
|
|
1255
1255
|
pages: a,
|
|
1256
|
-
activePageId:
|
|
1256
|
+
activePageId: p,
|
|
1257
1257
|
onPageChange: i,
|
|
1258
1258
|
onCreatePage: s,
|
|
1259
1259
|
onManagePages: o
|
|
@@ -1263,8 +1263,8 @@ const Ut = function({
|
|
|
1263
1263
|
}
|
|
1264
1264
|
);
|
|
1265
1265
|
};
|
|
1266
|
-
|
|
1267
|
-
const
|
|
1266
|
+
Zt.displayName = "PageChip";
|
|
1267
|
+
const Bn = [
|
|
1268
1268
|
{
|
|
1269
1269
|
id: "ORD-1001",
|
|
1270
1270
|
orderNumber: "ORD-1001",
|
|
@@ -1397,7 +1397,7 @@ const $n = [
|
|
|
1397
1397
|
date: "2026-03-01",
|
|
1398
1398
|
skuCount: 9
|
|
1399
1399
|
}
|
|
1400
|
-
],
|
|
1400
|
+
], Kn = [
|
|
1401
1401
|
{
|
|
1402
1402
|
id: "ITEM-001",
|
|
1403
1403
|
sku: "PB-4520",
|
|
@@ -1531,16 +1531,16 @@ const $n = [
|
|
|
1531
1531
|
lastDate: "2026-03-01"
|
|
1532
1532
|
}
|
|
1533
1533
|
];
|
|
1534
|
-
function
|
|
1534
|
+
function Fe(e) {
|
|
1535
1535
|
return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
|
1536
1536
|
}
|
|
1537
|
-
function
|
|
1537
|
+
function tt(e) {
|
|
1538
1538
|
return e.toLocaleString("en-US");
|
|
1539
1539
|
}
|
|
1540
|
-
function
|
|
1540
|
+
function at(e) {
|
|
1541
1541
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1542
1542
|
}
|
|
1543
|
-
const he = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"),
|
|
1543
|
+
const he = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), zn = [
|
|
1544
1544
|
{
|
|
1545
1545
|
field: "id",
|
|
1546
1546
|
headerName: "Order",
|
|
@@ -1570,7 +1570,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1570
1570
|
align: "right",
|
|
1571
1571
|
headerAlign: "right",
|
|
1572
1572
|
cellClassName: "gloss-tabular-nums",
|
|
1573
|
-
renderCell: ({ row: e }) => e.skuCount ?
|
|
1573
|
+
renderCell: ({ row: e }) => e.skuCount ? tt(e.skuCount) : he
|
|
1574
1574
|
},
|
|
1575
1575
|
{
|
|
1576
1576
|
field: "total",
|
|
@@ -1580,7 +1580,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1580
1580
|
align: "right",
|
|
1581
1581
|
headerAlign: "right",
|
|
1582
1582
|
cellClassName: "gloss-tabular-nums",
|
|
1583
|
-
renderCell: ({ row: e }) => e.total ?
|
|
1583
|
+
renderCell: ({ row: e }) => e.total ? Fe(e.total) : he
|
|
1584
1584
|
},
|
|
1585
1585
|
{
|
|
1586
1586
|
field: "date",
|
|
@@ -1590,9 +1590,9 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1590
1590
|
align: "right",
|
|
1591
1591
|
headerAlign: "right",
|
|
1592
1592
|
cellClassName: "gloss-tabular-nums",
|
|
1593
|
-
renderCell: ({ row: e }) => e.date ?
|
|
1593
|
+
renderCell: ({ row: e }) => e.date ? at(e.date) : ""
|
|
1594
1594
|
}
|
|
1595
|
-
],
|
|
1595
|
+
], Gn = [
|
|
1596
1596
|
{
|
|
1597
1597
|
field: "sku",
|
|
1598
1598
|
headerName: "Item ID",
|
|
@@ -1624,7 +1624,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1624
1624
|
align: "right",
|
|
1625
1625
|
headerAlign: "right",
|
|
1626
1626
|
cellClassName: "gloss-tabular-nums",
|
|
1627
|
-
renderCell: ({ row: e }) => e.price ?
|
|
1627
|
+
renderCell: ({ row: e }) => e.price ? Fe(e.price) : he
|
|
1628
1628
|
},
|
|
1629
1629
|
{
|
|
1630
1630
|
field: "quantity",
|
|
@@ -1634,7 +1634,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1634
1634
|
align: "right",
|
|
1635
1635
|
headerAlign: "right",
|
|
1636
1636
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1637
|
-
renderCell: ({ row: e }) => e.quantity ?
|
|
1637
|
+
renderCell: ({ row: e }) => e.quantity ? tt(e.quantity) : he
|
|
1638
1638
|
},
|
|
1639
1639
|
{
|
|
1640
1640
|
field: "total",
|
|
@@ -1644,7 +1644,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1644
1644
|
align: "right",
|
|
1645
1645
|
headerAlign: "right",
|
|
1646
1646
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1647
|
-
renderCell: ({ row: e }) => e.total ?
|
|
1647
|
+
renderCell: ({ row: e }) => e.total ? Fe(e.total) : he
|
|
1648
1648
|
},
|
|
1649
1649
|
{
|
|
1650
1650
|
field: "lastDate",
|
|
@@ -1654,24 +1654,24 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1654
1654
|
align: "right",
|
|
1655
1655
|
headerAlign: "right",
|
|
1656
1656
|
cellClassName: "gloss-tabular-nums",
|
|
1657
|
-
renderCell: ({ row: e }) => e.lastDate ?
|
|
1657
|
+
renderCell: ({ row: e }) => e.lastDate ? at(e.lastDate) : ""
|
|
1658
1658
|
}
|
|
1659
|
-
],
|
|
1659
|
+
], qt = [
|
|
1660
1660
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
1661
1661
|
{ id: "c-002", label: "Riverside Retail" },
|
|
1662
1662
|
{ id: "c-003", label: "Mountain View Store" },
|
|
1663
1663
|
{ id: "c-004", label: "Downtown Decor" },
|
|
1664
1664
|
{ id: "c-005", label: "Pacific Coast Imports" }
|
|
1665
|
-
],
|
|
1665
|
+
], Yt = [
|
|
1666
1666
|
{ id: "i-001", label: "Classic Linen Throw Pillow" },
|
|
1667
1667
|
{ id: "i-002", label: "Coastal Wave Candle Set" },
|
|
1668
1668
|
{ id: "i-003", label: "Walnut Console Table" },
|
|
1669
1669
|
{ id: "i-004", label: "Hand-Blown Glass Vase" },
|
|
1670
1670
|
{ id: "i-005", label: "Velvet Accent Cushion" }
|
|
1671
1671
|
], Se = (e) => {
|
|
1672
|
-
},
|
|
1673
|
-
},
|
|
1674
|
-
},
|
|
1672
|
+
}, Qt = (e) => {
|
|
1673
|
+
}, He = (e, t) => {
|
|
1674
|
+
}, nt = {
|
|
1675
1675
|
vizState: {
|
|
1676
1676
|
type: "orders",
|
|
1677
1677
|
quant: "$",
|
|
@@ -1680,16 +1680,16 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1680
1680
|
timeFrame: "MTD"
|
|
1681
1681
|
},
|
|
1682
1682
|
onTypeChange: Se,
|
|
1683
|
-
onQuantChange:
|
|
1683
|
+
onQuantChange: Qt,
|
|
1684
1684
|
onEntityTypeChange: Se,
|
|
1685
|
-
onEntitySelect:
|
|
1686
|
-
onItemSelect:
|
|
1685
|
+
onEntitySelect: He,
|
|
1686
|
+
onItemSelect: He,
|
|
1687
1687
|
onTimeFrameChange: Se,
|
|
1688
1688
|
userType: "sales-agency",
|
|
1689
|
-
entityFilterOptions:
|
|
1690
|
-
itemFilterOptions:
|
|
1689
|
+
entityFilterOptions: qt,
|
|
1690
|
+
itemFilterOptions: Yt
|
|
1691
1691
|
}, Wn = {
|
|
1692
|
-
...
|
|
1692
|
+
...nt,
|
|
1693
1693
|
vizState: {
|
|
1694
1694
|
type: "items",
|
|
1695
1695
|
quant: "$",
|
|
@@ -1697,8 +1697,8 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1697
1697
|
byItem: { id: "i-003", name: "Walnut Console Table" },
|
|
1698
1698
|
timeFrame: "YTD"
|
|
1699
1699
|
}
|
|
1700
|
-
},
|
|
1701
|
-
...
|
|
1700
|
+
}, Vn = {
|
|
1701
|
+
...nt,
|
|
1702
1702
|
vizState: {
|
|
1703
1703
|
type: "orders",
|
|
1704
1704
|
quant: "#",
|
|
@@ -1710,7 +1710,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1710
1710
|
entityFilterOptions: [
|
|
1711
1711
|
{ id: "customers", label: "Customers" }
|
|
1712
1712
|
]
|
|
1713
|
-
},
|
|
1713
|
+
}, Xt = [
|
|
1714
1714
|
{
|
|
1715
1715
|
id: "recent-orders",
|
|
1716
1716
|
label: "Recent Orders",
|
|
@@ -1756,7 +1756,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1756
1756
|
routeKey: "customer.profile",
|
|
1757
1757
|
subtitle: "Opens in RepTime"
|
|
1758
1758
|
}
|
|
1759
|
-
],
|
|
1759
|
+
], Jt = [
|
|
1760
1760
|
{
|
|
1761
1761
|
id: "order-items",
|
|
1762
1762
|
label: "Items in Order",
|
|
@@ -1785,7 +1785,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1785
1785
|
cellKinds: ["orderId"],
|
|
1786
1786
|
graphType: "timeline"
|
|
1787
1787
|
}
|
|
1788
|
-
],
|
|
1788
|
+
], ea = [
|
|
1789
1789
|
{
|
|
1790
1790
|
id: "graph-metric",
|
|
1791
1791
|
label: "Graph This Metric",
|
|
@@ -1813,14 +1813,14 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1813
1813
|
cellKinds: ["numeric"],
|
|
1814
1814
|
tabType: "orders"
|
|
1815
1815
|
}
|
|
1816
|
-
],
|
|
1817
|
-
entityName:
|
|
1818
|
-
orderId:
|
|
1819
|
-
numeric:
|
|
1820
|
-
},
|
|
1816
|
+
], Hn = {
|
|
1817
|
+
entityName: Xt,
|
|
1818
|
+
orderId: Jt,
|
|
1819
|
+
numeric: ea
|
|
1820
|
+
}, jn = [
|
|
1821
1821
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
|
|
1822
1822
|
/* @__PURE__ */ new Date()
|
|
1823
|
-
],
|
|
1823
|
+
], Un = {
|
|
1824
1824
|
rangeA: [
|
|
1825
1825
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
|
|
1826
1826
|
/* @__PURE__ */ new Date()
|
|
@@ -1833,7 +1833,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1833
1833
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
|
|
1834
1834
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
|
|
1835
1835
|
]
|
|
1836
|
-
},
|
|
1836
|
+
}, Zn = {
|
|
1837
1837
|
version: 4,
|
|
1838
1838
|
lastPreset: "mtd",
|
|
1839
1839
|
pinnedPreset: "mtd",
|
|
@@ -1841,7 +1841,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1841
1841
|
rangeCount: 1,
|
|
1842
1842
|
lastPresetB: null,
|
|
1843
1843
|
lastPresetC: null
|
|
1844
|
-
},
|
|
1844
|
+
}, qn = [
|
|
1845
1845
|
{
|
|
1846
1846
|
id: "atlanta-jan",
|
|
1847
1847
|
label: "Atlanta Market",
|
|
@@ -1863,7 +1863,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1863
1863
|
endDate: new Date(2026, 3, 22),
|
|
1864
1864
|
location: "Chicago, IL"
|
|
1865
1865
|
}
|
|
1866
|
-
],
|
|
1866
|
+
], Yn = [
|
|
1867
1867
|
{
|
|
1868
1868
|
id: "custom-regional-1",
|
|
1869
1869
|
label: "Southeast Regional Expo",
|
|
@@ -1880,7 +1880,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1880
1880
|
location: "Portland, OR",
|
|
1881
1881
|
isCustom: !0
|
|
1882
1882
|
}
|
|
1883
|
-
],
|
|
1883
|
+
], Qn = [
|
|
1884
1884
|
{
|
|
1885
1885
|
id: "atlanta-jan",
|
|
1886
1886
|
label: "Atlanta Market",
|
|
@@ -1897,35 +1897,35 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1897
1897
|
location: "New York, NY",
|
|
1898
1898
|
active: !0
|
|
1899
1899
|
}
|
|
1900
|
-
],
|
|
1900
|
+
], Xn = [
|
|
1901
1901
|
{ id: "7d", label: "7D" },
|
|
1902
1902
|
{ id: "30d", label: "30D" },
|
|
1903
1903
|
{ id: "60d", label: "60D" },
|
|
1904
1904
|
{ id: "90d", label: "90D" }
|
|
1905
|
-
],
|
|
1905
|
+
], Jn = [
|
|
1906
1906
|
{ id: "mtd", label: "MTD" },
|
|
1907
1907
|
{ id: "qtd", label: "QTD" },
|
|
1908
1908
|
{ id: "ytd", label: "YTD" },
|
|
1909
1909
|
{ id: "lytd", label: "LYTD" }
|
|
1910
|
-
],
|
|
1910
|
+
], ta = {
|
|
1911
1911
|
timeframe: "Time Frame",
|
|
1912
1912
|
threshold: "Thresholds",
|
|
1913
1913
|
slots: "Slots",
|
|
1914
1914
|
size: "Size",
|
|
1915
1915
|
color: "Color",
|
|
1916
1916
|
pinned: "Pinned"
|
|
1917
|
-
},
|
|
1918
|
-
timeframe:
|
|
1919
|
-
threshold:
|
|
1920
|
-
slots:
|
|
1921
|
-
size:
|
|
1917
|
+
}, aa = {
|
|
1918
|
+
timeframe: Ct,
|
|
1919
|
+
threshold: xt,
|
|
1920
|
+
slots: St,
|
|
1921
|
+
size: Mt,
|
|
1922
1922
|
color: Tt,
|
|
1923
|
-
pinned:
|
|
1923
|
+
pinned: Rt
|
|
1924
1924
|
};
|
|
1925
|
-
function
|
|
1925
|
+
function je(...e) {
|
|
1926
1926
|
return e.filter(Boolean).join(" ");
|
|
1927
1927
|
}
|
|
1928
|
-
function
|
|
1928
|
+
function na() {
|
|
1929
1929
|
const [e, t] = $(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
|
|
1930
1930
|
return L(() => {
|
|
1931
1931
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
@@ -1935,42 +1935,42 @@ function aa() {
|
|
|
1935
1935
|
});
|
|
1936
1936
|
}, []), e;
|
|
1937
1937
|
}
|
|
1938
|
-
const
|
|
1938
|
+
const ra = ({
|
|
1939
1939
|
dimensions: e,
|
|
1940
1940
|
onDimensionSelect: t,
|
|
1941
1941
|
activeDimension: n,
|
|
1942
1942
|
ariaCardTypeLabel: a,
|
|
1943
1943
|
className: i
|
|
1944
1944
|
}) => {
|
|
1945
|
-
const s =
|
|
1946
|
-
if (
|
|
1947
|
-
const
|
|
1948
|
-
const
|
|
1949
|
-
const
|
|
1950
|
-
|
|
1945
|
+
const s = T(null), o = T([]), l = na(), d = ye(() => Array.from(e), [e]);
|
|
1946
|
+
if (d.length === 0) return null;
|
|
1947
|
+
const u = a ? `Configure ${a}: choose a dimension` : void 0, v = l ? "10ms" : "200ms", f = (m, g) => {
|
|
1948
|
+
const _ = d.length - 1, p = (h) => {
|
|
1949
|
+
const M = o.current[h];
|
|
1950
|
+
M && M.focus();
|
|
1951
1951
|
};
|
|
1952
|
-
switch (
|
|
1952
|
+
switch (m.key) {
|
|
1953
1953
|
case "ArrowRight":
|
|
1954
1954
|
case "ArrowDown": {
|
|
1955
|
-
|
|
1955
|
+
m.preventDefault(), p(g === _ ? 0 : g + 1);
|
|
1956
1956
|
break;
|
|
1957
1957
|
}
|
|
1958
1958
|
case "ArrowLeft":
|
|
1959
1959
|
case "ArrowUp": {
|
|
1960
|
-
|
|
1960
|
+
m.preventDefault(), p(g === 0 ? _ : g - 1);
|
|
1961
1961
|
break;
|
|
1962
1962
|
}
|
|
1963
1963
|
case "Home": {
|
|
1964
|
-
|
|
1964
|
+
m.preventDefault(), p(0);
|
|
1965
1965
|
break;
|
|
1966
1966
|
}
|
|
1967
1967
|
case "End": {
|
|
1968
|
-
|
|
1968
|
+
m.preventDefault(), p(_);
|
|
1969
1969
|
break;
|
|
1970
1970
|
}
|
|
1971
1971
|
case "Enter":
|
|
1972
1972
|
case " ": {
|
|
1973
|
-
|
|
1973
|
+
m.preventDefault(), t(d[g]);
|
|
1974
1974
|
break;
|
|
1975
1975
|
}
|
|
1976
1976
|
}
|
|
@@ -1980,49 +1980,49 @@ const na = ({
|
|
|
1980
1980
|
{
|
|
1981
1981
|
ref: s,
|
|
1982
1982
|
role: "group",
|
|
1983
|
-
"aria-label":
|
|
1984
|
-
className:
|
|
1983
|
+
"aria-label": u,
|
|
1984
|
+
className: je("gloss-reconfig-backside-buttons", i),
|
|
1985
1985
|
style: {
|
|
1986
1986
|
// Expose the reduced-motion-resolved duration as a CSS custom prop
|
|
1987
1987
|
// so the SCSS transition rule can consume it without a nested media
|
|
1988
1988
|
// query in the JS. Also surfaces the value for the unit test.
|
|
1989
|
-
"--gloss-reconfig-backside-buttons-transition-duration":
|
|
1989
|
+
"--gloss-reconfig-backside-buttons-transition-duration": v
|
|
1990
1990
|
},
|
|
1991
|
-
children:
|
|
1992
|
-
const
|
|
1991
|
+
children: d.map((m, g) => {
|
|
1992
|
+
const _ = aa[m], p = n === m;
|
|
1993
1993
|
return /* @__PURE__ */ N(
|
|
1994
1994
|
"button",
|
|
1995
1995
|
{
|
|
1996
1996
|
ref: (h) => {
|
|
1997
|
-
o.current[
|
|
1997
|
+
o.current[g] = h;
|
|
1998
1998
|
},
|
|
1999
1999
|
type: "button",
|
|
2000
|
-
"data-dimension":
|
|
2001
|
-
className:
|
|
2000
|
+
"data-dimension": m,
|
|
2001
|
+
className: je(
|
|
2002
2002
|
"gloss-reconfig-backside-buttons__button",
|
|
2003
|
-
|
|
2003
|
+
p && "gloss-reconfig-backside-buttons__button--active"
|
|
2004
2004
|
),
|
|
2005
|
-
"aria-current":
|
|
2006
|
-
onClick: () => t(
|
|
2007
|
-
onKeyDown: (h) => f(h,
|
|
2005
|
+
"aria-current": p ? "true" : void 0,
|
|
2006
|
+
onClick: () => t(m),
|
|
2007
|
+
onKeyDown: (h) => f(h, g),
|
|
2008
2008
|
children: [
|
|
2009
2009
|
/* @__PURE__ */ r(
|
|
2010
|
-
|
|
2010
|
+
_,
|
|
2011
2011
|
{
|
|
2012
2012
|
className: "gloss-reconfig-backside-buttons__button-icon",
|
|
2013
2013
|
"aria-hidden": "true"
|
|
2014
2014
|
}
|
|
2015
2015
|
),
|
|
2016
|
-
/* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children:
|
|
2016
|
+
/* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: ta[m] })
|
|
2017
2017
|
]
|
|
2018
2018
|
},
|
|
2019
|
-
|
|
2019
|
+
m
|
|
2020
2020
|
);
|
|
2021
2021
|
})
|
|
2022
2022
|
}
|
|
2023
2023
|
);
|
|
2024
2024
|
};
|
|
2025
|
-
|
|
2025
|
+
ra.displayName = "ReconfigBacksideButtons";
|
|
2026
2026
|
function Q(e, t) {
|
|
2027
2027
|
return {
|
|
2028
2028
|
id: e,
|
|
@@ -2043,38 +2043,38 @@ function Q(e, t) {
|
|
|
2043
2043
|
}, t)
|
|
2044
2044
|
};
|
|
2045
2045
|
}
|
|
2046
|
-
function
|
|
2046
|
+
function Ue(e, t) {
|
|
2047
2047
|
return {
|
|
2048
2048
|
...Q(e, t),
|
|
2049
2049
|
colSpan: 2
|
|
2050
2050
|
};
|
|
2051
2051
|
}
|
|
2052
|
-
const
|
|
2052
|
+
const er = [
|
|
2053
2053
|
Q("total-revenue", "Total Revenue"),
|
|
2054
2054
|
Q("total-orders", "Total Orders"),
|
|
2055
|
-
|
|
2055
|
+
Ue("revenue-trend", "Revenue Trend (2x)"),
|
|
2056
2056
|
Q("avg-order", "Avg Order Value"),
|
|
2057
2057
|
Q("new-customers", "New Customers"),
|
|
2058
2058
|
Q("top-salesperson", "Top Salesperson"),
|
|
2059
|
-
|
|
2059
|
+
Ue("order-trend", "Order Trend (2x)"),
|
|
2060
2060
|
Q("repeat-rate", "Repeat Rate"),
|
|
2061
2061
|
Q("open-orders", "Open Orders"),
|
|
2062
2062
|
Q("shipped-orders", "Shipped Orders")
|
|
2063
|
-
],
|
|
2063
|
+
], tr = {
|
|
2064
2064
|
columns: 6,
|
|
2065
2065
|
rowHeight: 120,
|
|
2066
2066
|
gap: 15,
|
|
2067
2067
|
maxRows: 3,
|
|
2068
2068
|
currentPage: 0,
|
|
2069
2069
|
totalPages: 1
|
|
2070
|
-
},
|
|
2070
|
+
}, ar = {
|
|
2071
2071
|
columns: 9,
|
|
2072
2072
|
rowHeight: 120,
|
|
2073
2073
|
gap: 15,
|
|
2074
2074
|
maxRows: 3,
|
|
2075
2075
|
currentPage: 0,
|
|
2076
2076
|
totalPages: 2
|
|
2077
|
-
},
|
|
2077
|
+
}, nr = {
|
|
2078
2078
|
columns: 12,
|
|
2079
2079
|
rowHeight: 120,
|
|
2080
2080
|
gap: 15,
|
|
@@ -2082,15 +2082,15 @@ const Jn = [
|
|
|
2082
2082
|
currentPage: 0,
|
|
2083
2083
|
totalPages: 3
|
|
2084
2084
|
};
|
|
2085
|
-
function
|
|
2085
|
+
function Me(e) {
|
|
2086
2086
|
return H.createElement("span", { style: { fontSize: 14 } }, e);
|
|
2087
2087
|
}
|
|
2088
|
-
const
|
|
2088
|
+
const rr = [
|
|
2089
2089
|
{
|
|
2090
2090
|
id: "all-orders",
|
|
2091
2091
|
type: "orders",
|
|
2092
2092
|
name: "All Orders",
|
|
2093
|
-
icon:
|
|
2093
|
+
icon: Me("📋"),
|
|
2094
2094
|
closable: !1,
|
|
2095
2095
|
autoCreated: !0
|
|
2096
2096
|
},
|
|
@@ -2098,17 +2098,17 @@ const nr = [
|
|
|
2098
2098
|
id: "open-orders",
|
|
2099
2099
|
type: "orders",
|
|
2100
2100
|
name: "Open Orders",
|
|
2101
|
-
icon:
|
|
2101
|
+
icon: Me("📦"),
|
|
2102
2102
|
closable: !0
|
|
2103
2103
|
},
|
|
2104
2104
|
{
|
|
2105
2105
|
id: "shipped-orders",
|
|
2106
2106
|
type: "orders",
|
|
2107
2107
|
name: "Shipped Orders",
|
|
2108
|
-
icon:
|
|
2108
|
+
icon: Me("🚚"),
|
|
2109
2109
|
closable: !0
|
|
2110
2110
|
}
|
|
2111
|
-
],
|
|
2111
|
+
], sr = [
|
|
2112
2112
|
{
|
|
2113
2113
|
id: "orders-main",
|
|
2114
2114
|
type: "orders",
|
|
@@ -2134,7 +2134,7 @@ const nr = [
|
|
|
2134
2134
|
name: "Customers",
|
|
2135
2135
|
closable: !0
|
|
2136
2136
|
}
|
|
2137
|
-
],
|
|
2137
|
+
], ir = [
|
|
2138
2138
|
{
|
|
2139
2139
|
id: "only-tab",
|
|
2140
2140
|
type: "orders",
|
|
@@ -2142,7 +2142,7 @@ const nr = [
|
|
|
2142
2142
|
closable: !1,
|
|
2143
2143
|
autoCreated: !0
|
|
2144
2144
|
}
|
|
2145
|
-
],
|
|
2145
|
+
], or = [
|
|
2146
2146
|
{ id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
|
|
2147
2147
|
{ id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
|
|
2148
2148
|
{ id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
|
|
@@ -2154,7 +2154,7 @@ const nr = [
|
|
|
2154
2154
|
{ id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
|
|
2155
2155
|
{ id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
|
|
2156
2156
|
];
|
|
2157
|
-
function
|
|
2157
|
+
function Ee(e) {
|
|
2158
2158
|
switch (e) {
|
|
2159
2159
|
case "wide":
|
|
2160
2160
|
return { cols: 2, rows: 1 };
|
|
@@ -2165,15 +2165,15 @@ function Fe(e) {
|
|
|
2165
2165
|
return { cols: 1, rows: 1 };
|
|
2166
2166
|
}
|
|
2167
2167
|
}
|
|
2168
|
-
function
|
|
2168
|
+
function sa(e) {
|
|
2169
2169
|
let t = 0;
|
|
2170
2170
|
for (const a of e) {
|
|
2171
|
-
const i =
|
|
2171
|
+
const i = Ee(a.size), s = a.gridPosition.col + i.cols - 1;
|
|
2172
2172
|
s > t && (t = s);
|
|
2173
2173
|
}
|
|
2174
2174
|
return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
|
|
2175
2175
|
}
|
|
2176
|
-
const
|
|
2176
|
+
const ia = function(t) {
|
|
2177
2177
|
if (t.renderMode === "discrete")
|
|
2178
2178
|
return /* @__PURE__ */ r(
|
|
2179
2179
|
"div",
|
|
@@ -2181,7 +2181,7 @@ const sa = function(t) {
|
|
|
2181
2181
|
className: "gloss-metric-group gloss-metric-group--discrete",
|
|
2182
2182
|
style: { display: "contents" },
|
|
2183
2183
|
children: t.cards.map((i) => {
|
|
2184
|
-
const s =
|
|
2184
|
+
const s = Ee(i.size);
|
|
2185
2185
|
return /* @__PURE__ */ r(
|
|
2186
2186
|
"div",
|
|
2187
2187
|
{
|
|
@@ -2242,10 +2242,10 @@ const sa = function(t) {
|
|
|
2242
2242
|
style: {
|
|
2243
2243
|
display: "grid",
|
|
2244
2244
|
gap: "var(--gloss-spacing-2, 8px)",
|
|
2245
|
-
gridTemplateColumns:
|
|
2245
|
+
gridTemplateColumns: sa(n)
|
|
2246
2246
|
},
|
|
2247
2247
|
children: n.map((i) => {
|
|
2248
|
-
const s =
|
|
2248
|
+
const s = Ee(i.size);
|
|
2249
2249
|
return /* @__PURE__ */ r(
|
|
2250
2250
|
"div",
|
|
2251
2251
|
{
|
|
@@ -2265,16 +2265,16 @@ const sa = function(t) {
|
|
|
2265
2265
|
}
|
|
2266
2266
|
);
|
|
2267
2267
|
};
|
|
2268
|
-
|
|
2269
|
-
const
|
|
2270
|
-
...
|
|
2268
|
+
ia.displayName = "MetricGroupContainer";
|
|
2269
|
+
const rt = "resize.tuning.dev", oa = {
|
|
2270
|
+
...Je,
|
|
2271
2271
|
snapInPx: 60,
|
|
2272
2272
|
snapOutPx: 90
|
|
2273
|
-
}, re =
|
|
2274
|
-
function
|
|
2273
|
+
}, re = oa;
|
|
2274
|
+
function la() {
|
|
2275
2275
|
if (typeof window > "u") return { ...re };
|
|
2276
2276
|
try {
|
|
2277
|
-
const e = window.localStorage.getItem(
|
|
2277
|
+
const e = window.localStorage.getItem(rt);
|
|
2278
2278
|
if (!e) return { ...re };
|
|
2279
2279
|
const t = JSON.parse(e);
|
|
2280
2280
|
return !t || typeof t != "object" || Array.isArray(t) ? { ...re } : { ...re, ...t };
|
|
@@ -2282,12 +2282,12 @@ function oa() {
|
|
|
2282
2282
|
return { ...re };
|
|
2283
2283
|
}
|
|
2284
2284
|
}
|
|
2285
|
-
function
|
|
2286
|
-
const [e, t] = $(() =>
|
|
2285
|
+
function ca() {
|
|
2286
|
+
const [e, t] = $(() => la());
|
|
2287
2287
|
L(() => {
|
|
2288
2288
|
if (!(typeof window > "u"))
|
|
2289
2289
|
try {
|
|
2290
|
-
window.localStorage.setItem(
|
|
2290
|
+
window.localStorage.setItem(rt, JSON.stringify(e));
|
|
2291
2291
|
} catch {
|
|
2292
2292
|
}
|
|
2293
2293
|
}, [e]);
|
|
@@ -2306,7 +2306,7 @@ function la() {
|
|
|
2306
2306
|
}, []);
|
|
2307
2307
|
return { values: e, setValue: n, resetRow: a, resetAll: i };
|
|
2308
2308
|
}
|
|
2309
|
-
const
|
|
2309
|
+
const da = [
|
|
2310
2310
|
{ key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
|
|
2311
2311
|
{ key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
|
|
2312
2312
|
{ key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
|
|
@@ -2317,10 +2317,10 @@ const ca = [
|
|
|
2317
2317
|
{ key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
|
|
2318
2318
|
{ key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
|
|
2319
2319
|
];
|
|
2320
|
-
function
|
|
2320
|
+
function ua(e, t) {
|
|
2321
2321
|
return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
|
|
2322
2322
|
}
|
|
2323
|
-
function
|
|
2323
|
+
function ma() {
|
|
2324
2324
|
return /* @__PURE__ */ N(
|
|
2325
2325
|
"svg",
|
|
2326
2326
|
{
|
|
@@ -2340,7 +2340,7 @@ function ua() {
|
|
|
2340
2340
|
}
|
|
2341
2341
|
);
|
|
2342
2342
|
}
|
|
2343
|
-
function
|
|
2343
|
+
function ga({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
|
|
2344
2344
|
const s = w(
|
|
2345
2345
|
(o) => {
|
|
2346
2346
|
(o.key === "r" || o.key === "R") && (o.preventDefault(), a());
|
|
@@ -2356,7 +2356,7 @@ function ma({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
|
|
|
2356
2356
|
children: [
|
|
2357
2357
|
/* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
|
|
2358
2358
|
/* @__PURE__ */ N("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
|
|
2359
|
-
|
|
2359
|
+
ua(t, e.step),
|
|
2360
2360
|
e.unit ? ` ${e.unit}` : ""
|
|
2361
2361
|
] }),
|
|
2362
2362
|
/* @__PURE__ */ r(
|
|
@@ -2380,14 +2380,14 @@ function ma({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
|
|
|
2380
2380
|
className: "gloss-dev-tuning-panel__reset",
|
|
2381
2381
|
"aria-label": `Reset ${e.label}`,
|
|
2382
2382
|
onClick: a,
|
|
2383
|
-
children: /* @__PURE__ */ r(
|
|
2383
|
+
children: /* @__PURE__ */ r(ma, {})
|
|
2384
2384
|
}
|
|
2385
2385
|
)
|
|
2386
2386
|
]
|
|
2387
2387
|
}
|
|
2388
2388
|
);
|
|
2389
2389
|
}
|
|
2390
|
-
function
|
|
2390
|
+
function pa() {
|
|
2391
2391
|
if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
|
|
2392
2392
|
try {
|
|
2393
2393
|
return new URLSearchParams(window.location.search).has("devtune");
|
|
@@ -2395,21 +2395,21 @@ function ga() {
|
|
|
2395
2395
|
return !1;
|
|
2396
2396
|
}
|
|
2397
2397
|
}
|
|
2398
|
-
function
|
|
2399
|
-
return
|
|
2398
|
+
function ha(e = {}) {
|
|
2399
|
+
return pa() ? /* @__PURE__ */ r(fa, {}) : null;
|
|
2400
2400
|
}
|
|
2401
|
-
|
|
2402
|
-
function
|
|
2403
|
-
const e =
|
|
2404
|
-
l.current && clearTimeout(l.current), o(
|
|
2401
|
+
ha.displayName = "DevTuningPanel";
|
|
2402
|
+
function fa() {
|
|
2403
|
+
const e = ca(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l = T(null), d = w((m) => {
|
|
2404
|
+
l.current && clearTimeout(l.current), o(m), l.current = setTimeout(() => {
|
|
2405
2405
|
o(null), l.current = null;
|
|
2406
2406
|
}, 200);
|
|
2407
|
-
}, []),
|
|
2408
|
-
(
|
|
2409
|
-
n(
|
|
2407
|
+
}, []), u = w(
|
|
2408
|
+
(m, g) => {
|
|
2409
|
+
n(m, g), m === "snapInPx" && g > t.snapOutPx && (n("snapOutPx", g), d("snapOutPx"));
|
|
2410
2410
|
},
|
|
2411
|
-
[n, t.snapOutPx,
|
|
2412
|
-
),
|
|
2411
|
+
[n, t.snapOutPx, d]
|
|
2412
|
+
), v = ye(() => da, []), f = Nt();
|
|
2413
2413
|
return /* @__PURE__ */ N(
|
|
2414
2414
|
De.div,
|
|
2415
2415
|
{
|
|
@@ -2426,23 +2426,23 @@ function ha() {
|
|
|
2426
2426
|
"div",
|
|
2427
2427
|
{
|
|
2428
2428
|
className: "gloss-dev-tuning-panel__header",
|
|
2429
|
-
onPointerDown: (
|
|
2429
|
+
onPointerDown: (m) => f.start(m),
|
|
2430
2430
|
children: [
|
|
2431
2431
|
/* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
|
|
2432
2432
|
/* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
|
|
2433
2433
|
]
|
|
2434
2434
|
}
|
|
2435
2435
|
),
|
|
2436
|
-
/* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children:
|
|
2437
|
-
|
|
2436
|
+
/* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: v.map((m) => /* @__PURE__ */ r(
|
|
2437
|
+
ga,
|
|
2438
2438
|
{
|
|
2439
|
-
spec:
|
|
2440
|
-
value: t[
|
|
2441
|
-
onChange: (
|
|
2442
|
-
onReset: () => a(
|
|
2443
|
-
flashing: s ===
|
|
2439
|
+
spec: m,
|
|
2440
|
+
value: t[m.key],
|
|
2441
|
+
onChange: (g) => u(m.key, g),
|
|
2442
|
+
onReset: () => a(m.key),
|
|
2443
|
+
flashing: s === m.key
|
|
2444
2444
|
},
|
|
2445
|
-
|
|
2445
|
+
m.key
|
|
2446
2446
|
)) }),
|
|
2447
2447
|
/* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ r(
|
|
2448
2448
|
"button",
|
|
@@ -2457,7 +2457,7 @@ function ha() {
|
|
|
2457
2457
|
}
|
|
2458
2458
|
);
|
|
2459
2459
|
}
|
|
2460
|
-
function
|
|
2460
|
+
function lr({
|
|
2461
2461
|
state: e,
|
|
2462
2462
|
originX: t,
|
|
2463
2463
|
originY: n,
|
|
@@ -2466,23 +2466,23 @@ function or({
|
|
|
2466
2466
|
minBoundaryX: s,
|
|
2467
2467
|
snapBoundariesX: o,
|
|
2468
2468
|
topY: l,
|
|
2469
|
-
bottomY:
|
|
2470
|
-
enterMs:
|
|
2471
|
-
exitMs:
|
|
2469
|
+
bottomY: d,
|
|
2470
|
+
enterMs: u = se.envelopeEnterMs,
|
|
2471
|
+
exitMs: v = se.envelopeExitMs,
|
|
2472
2472
|
className: f,
|
|
2473
|
-
style:
|
|
2473
|
+
style: m
|
|
2474
2474
|
}) {
|
|
2475
2475
|
if (e === "hidden") return null;
|
|
2476
|
-
const
|
|
2477
|
-
"--gloss-resize-envelope-enter-ms": `${
|
|
2478
|
-
"--gloss-resize-envelope-exit-ms": `${
|
|
2476
|
+
const g = Math.max(0, i - a), _ = Math.max(0, d - l), p = {
|
|
2477
|
+
"--gloss-resize-envelope-enter-ms": `${u}ms`,
|
|
2478
|
+
"--gloss-resize-envelope-exit-ms": `${v}ms`,
|
|
2479
2479
|
"--gloss-resize-envelope-origin-x": `${t - a}px`,
|
|
2480
2480
|
"--gloss-resize-envelope-origin-y": `${n - l}px`,
|
|
2481
2481
|
left: a,
|
|
2482
2482
|
top: l,
|
|
2483
|
-
width:
|
|
2484
|
-
height:
|
|
2485
|
-
...
|
|
2483
|
+
width: g,
|
|
2484
|
+
height: _,
|
|
2485
|
+
...m
|
|
2486
2486
|
};
|
|
2487
2487
|
return /* @__PURE__ */ N(
|
|
2488
2488
|
"div",
|
|
@@ -2490,7 +2490,7 @@ function or({
|
|
|
2490
2490
|
className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, f].filter(Boolean).join(" "),
|
|
2491
2491
|
"data-state": e,
|
|
2492
2492
|
"data-testid": "gloss-resize-envelope",
|
|
2493
|
-
style:
|
|
2493
|
+
style: p,
|
|
2494
2494
|
"aria-hidden": "true",
|
|
2495
2495
|
children: [
|
|
2496
2496
|
/* @__PURE__ */ r(
|
|
@@ -2514,7 +2514,7 @@ function or({
|
|
|
2514
2514
|
{
|
|
2515
2515
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
|
|
2516
2516
|
"data-edge": "right",
|
|
2517
|
-
style: { left:
|
|
2517
|
+
style: { left: g - 1 }
|
|
2518
2518
|
}
|
|
2519
2519
|
),
|
|
2520
2520
|
o.filter((h) => h > s && h < i).map((h) => /* @__PURE__ */ r(
|
|
@@ -2530,40 +2530,42 @@ function or({
|
|
|
2530
2530
|
}
|
|
2531
2531
|
);
|
|
2532
2532
|
}
|
|
2533
|
-
function
|
|
2533
|
+
function cr({
|
|
2534
2534
|
density: e,
|
|
2535
2535
|
canAccept: t,
|
|
2536
2536
|
blocked: n = !1,
|
|
2537
2537
|
proximityOpacity: a,
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2538
|
+
state: i,
|
|
2539
|
+
className: s,
|
|
2540
|
+
children: o,
|
|
2541
|
+
...l
|
|
2541
2542
|
}) {
|
|
2542
|
-
const
|
|
2543
|
+
const d = a != null ? { ...l.style, "--_proximity-opacity": String(a) } : l.style;
|
|
2543
2544
|
return /* @__PURE__ */ r(
|
|
2544
2545
|
"div",
|
|
2545
2546
|
{
|
|
2546
|
-
...
|
|
2547
|
-
style:
|
|
2547
|
+
...l,
|
|
2548
|
+
style: d,
|
|
2548
2549
|
"data-density": e,
|
|
2549
2550
|
"data-can-accept": t ? "true" : "false",
|
|
2550
2551
|
"data-blocked": n ? "true" : void 0,
|
|
2551
2552
|
"data-proximity-driven": a != null ? "true" : void 0,
|
|
2553
|
+
"data-state": i ?? void 0,
|
|
2552
2554
|
"data-testid": "gloss-drop-anchor-cell",
|
|
2553
2555
|
className: [
|
|
2554
2556
|
"gloss-drop-anchor-cell",
|
|
2555
2557
|
n && "gloss-drop-anchor-cell--blocked-pulse",
|
|
2556
|
-
|
|
2558
|
+
s
|
|
2557
2559
|
].filter(Boolean).join(" "),
|
|
2558
|
-
children:
|
|
2560
|
+
children: o
|
|
2559
2561
|
}
|
|
2560
2562
|
);
|
|
2561
2563
|
}
|
|
2562
|
-
function
|
|
2564
|
+
function va(e, t, n, a) {
|
|
2563
2565
|
const i = (e + n) / 2, s = Math.min(t, a) - 40;
|
|
2564
2566
|
return `M${e},${t} Q${i},${s} ${n},${a}`;
|
|
2565
2567
|
}
|
|
2566
|
-
function
|
|
2568
|
+
function dr({
|
|
2567
2569
|
segments: e,
|
|
2568
2570
|
durationMs: t = se.spilloverArcDurationMs,
|
|
2569
2571
|
staggerMs: n = se.spilloverStaggerMs,
|
|
@@ -2583,7 +2585,7 @@ function cr({
|
|
|
2583
2585
|
{
|
|
2584
2586
|
"data-arc-id": s.id,
|
|
2585
2587
|
className: "gloss-spillover-arc__path",
|
|
2586
|
-
d:
|
|
2588
|
+
d: va(s.fromX, s.fromY, s.toX, s.toY),
|
|
2587
2589
|
style: {
|
|
2588
2590
|
animationDelay: `${o * n}ms`,
|
|
2589
2591
|
animationDuration: `${t}ms`
|
|
@@ -2594,7 +2596,7 @@ function cr({
|
|
|
2594
2596
|
}
|
|
2595
2597
|
);
|
|
2596
2598
|
}
|
|
2597
|
-
function
|
|
2599
|
+
function ur({
|
|
2598
2600
|
state: e,
|
|
2599
2601
|
staggerIndex: t = 0,
|
|
2600
2602
|
fadeInMs: n = se.sectionDividerFadeInMs,
|
|
@@ -2603,9 +2605,9 @@ function dr({
|
|
|
2603
2605
|
variant: s = "dashed",
|
|
2604
2606
|
className: o,
|
|
2605
2607
|
style: l,
|
|
2606
|
-
...
|
|
2608
|
+
...d
|
|
2607
2609
|
}) {
|
|
2608
|
-
const
|
|
2610
|
+
const u = {
|
|
2609
2611
|
"--gloss-section-divider-fade-in-ms": `${n}ms`,
|
|
2610
2612
|
"--gloss-section-divider-fade-out-ms": `${a}ms`,
|
|
2611
2613
|
"--gloss-section-divider-stagger-delay": `${t * i}ms`,
|
|
@@ -2614,7 +2616,7 @@ function dr({
|
|
|
2614
2616
|
return /* @__PURE__ */ r(
|
|
2615
2617
|
"div",
|
|
2616
2618
|
{
|
|
2617
|
-
...
|
|
2619
|
+
...d,
|
|
2618
2620
|
"data-state": e,
|
|
2619
2621
|
"data-testid": "gloss-section-divider",
|
|
2620
2622
|
"aria-hidden": "true",
|
|
@@ -2624,33 +2626,61 @@ function dr({
|
|
|
2624
2626
|
s === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
|
|
2625
2627
|
o
|
|
2626
2628
|
].filter(Boolean).join(" "),
|
|
2627
|
-
style:
|
|
2629
|
+
style: u
|
|
2628
2630
|
}
|
|
2629
2631
|
);
|
|
2630
2632
|
}
|
|
2631
|
-
function
|
|
2633
|
+
function mr({
|
|
2632
2634
|
enabled: e,
|
|
2633
|
-
|
|
2634
|
-
|
|
2635
|
-
|
|
2636
|
-
|
|
2635
|
+
onCollapse: t,
|
|
2636
|
+
onAdd: n,
|
|
2637
|
+
addGlyphLabel: a,
|
|
2638
|
+
collapseGlyphLabel: i,
|
|
2639
|
+
className: s,
|
|
2640
|
+
style: o,
|
|
2641
|
+
onPack: l,
|
|
2642
|
+
ariaLabel: d
|
|
2637
2643
|
}) {
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
{
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2644
|
+
const u = a ?? "Add card to this cell", v = i ?? d ?? "Pack row — shift cards left", f = t ?? l, m = ht();
|
|
2645
|
+
return /* @__PURE__ */ N(Xe.Fragment, { children: [
|
|
2646
|
+
/* @__PURE__ */ r(Pe, { visible: !m.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
|
|
2647
|
+
"button",
|
|
2648
|
+
{
|
|
2649
|
+
type: "button",
|
|
2650
|
+
"data-testid": "gloss-empty-cell-add",
|
|
2651
|
+
"aria-label": u,
|
|
2652
|
+
className: [
|
|
2653
|
+
"gloss-empty-cell-pack-affordance",
|
|
2654
|
+
"gloss-empty-cell-pack-affordance--add",
|
|
2655
|
+
s
|
|
2656
|
+
].filter(Boolean).join(" "),
|
|
2657
|
+
style: o,
|
|
2658
|
+
onClick: (g) => {
|
|
2659
|
+
g.stopPropagation(), n?.();
|
|
2660
|
+
},
|
|
2661
|
+
children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
|
|
2662
|
+
}
|
|
2663
|
+
) }),
|
|
2664
|
+
/* @__PURE__ */ r(Pe, { visible: e && !m.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
|
|
2665
|
+
"button",
|
|
2666
|
+
{
|
|
2667
|
+
type: "button",
|
|
2668
|
+
"data-testid": "gloss-empty-cell-pack",
|
|
2669
|
+
"aria-label": v,
|
|
2670
|
+
className: ["gloss-empty-cell-pack-affordance", s].filter(Boolean).join(" "),
|
|
2671
|
+
style: o,
|
|
2672
|
+
onClick: (g) => {
|
|
2673
|
+
g.stopPropagation(), f?.();
|
|
2674
|
+
},
|
|
2675
|
+
children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
|
|
2676
|
+
}
|
|
2677
|
+
) })
|
|
2678
|
+
] });
|
|
2652
2679
|
}
|
|
2653
|
-
function
|
|
2680
|
+
function gr() {
|
|
2681
|
+
return { affordancesVisible: !0 };
|
|
2682
|
+
}
|
|
2683
|
+
function pr({
|
|
2654
2684
|
tint: e,
|
|
2655
2685
|
colSpan: t,
|
|
2656
2686
|
colWidth: n,
|
|
@@ -2659,9 +2689,9 @@ function mr({
|
|
|
2659
2689
|
x: s,
|
|
2660
2690
|
y: o,
|
|
2661
2691
|
children: l,
|
|
2662
|
-
className:
|
|
2692
|
+
className: d
|
|
2663
2693
|
}) {
|
|
2664
|
-
const
|
|
2694
|
+
const u = t * n + (t - 1) * i;
|
|
2665
2695
|
return /* @__PURE__ */ r(
|
|
2666
2696
|
De.div,
|
|
2667
2697
|
{
|
|
@@ -2671,15 +2701,15 @@ function mr({
|
|
|
2671
2701
|
className: [
|
|
2672
2702
|
"gloss-drag-ghost",
|
|
2673
2703
|
`gloss-drag-ghost--tint-${e}`,
|
|
2674
|
-
|
|
2704
|
+
d
|
|
2675
2705
|
].filter(Boolean).join(" "),
|
|
2676
|
-
style: { x: s, y: o, width:
|
|
2706
|
+
style: { x: s, y: o, width: u, height: a },
|
|
2677
2707
|
children: l
|
|
2678
2708
|
}
|
|
2679
2709
|
);
|
|
2680
2710
|
}
|
|
2681
|
-
const
|
|
2682
|
-
function
|
|
2711
|
+
const ba = 3;
|
|
2712
|
+
function hr({
|
|
2683
2713
|
cell: e,
|
|
2684
2714
|
colSpan: t,
|
|
2685
2715
|
colWidth: n,
|
|
@@ -2688,7 +2718,7 @@ function gr({
|
|
|
2688
2718
|
transitionMs: s = 120,
|
|
2689
2719
|
className: o
|
|
2690
2720
|
}) {
|
|
2691
|
-
const l = t * n + (t - 1) * a,
|
|
2721
|
+
const l = t * n + (t - 1) * a, u = (e.section * ba + e.col) * (n + a), v = e.row * (i + a);
|
|
2692
2722
|
return /* @__PURE__ */ r(
|
|
2693
2723
|
"div",
|
|
2694
2724
|
{
|
|
@@ -2696,7 +2726,7 @@ function gr({
|
|
|
2696
2726
|
"data-testid": "gloss-snap-outline",
|
|
2697
2727
|
"aria-hidden": "true",
|
|
2698
2728
|
style: {
|
|
2699
|
-
transform: `translate(${
|
|
2729
|
+
transform: `translate(${u}px, ${v}px)`,
|
|
2700
2730
|
width: l,
|
|
2701
2731
|
height: i,
|
|
2702
2732
|
transition: `transform ${s}ms cubic-bezier(0.4, 0, 0.2, 1)`
|
|
@@ -2704,7 +2734,7 @@ function gr({
|
|
|
2704
2734
|
}
|
|
2705
2735
|
);
|
|
2706
2736
|
}
|
|
2707
|
-
function
|
|
2737
|
+
function fr({
|
|
2708
2738
|
items: e,
|
|
2709
2739
|
children: t,
|
|
2710
2740
|
className: n,
|
|
@@ -2731,17 +2761,17 @@ function pr({
|
|
|
2731
2761
|
s.cardId
|
|
2732
2762
|
)) });
|
|
2733
2763
|
}
|
|
2734
|
-
const
|
|
2764
|
+
const ya = ({
|
|
2735
2765
|
consumed: e,
|
|
2736
2766
|
elapsed: t,
|
|
2737
2767
|
severity: n = "neutral"
|
|
2738
2768
|
}) => {
|
|
2739
|
-
const a =
|
|
2769
|
+
const a = T(null), i = T(null);
|
|
2740
2770
|
L(() => {
|
|
2741
|
-
const l = Math.min(100, Math.max(0, e.value)),
|
|
2742
|
-
a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${
|
|
2771
|
+
const l = Math.min(100, Math.max(0, e.value)), d = Math.min(100, Math.max(0, t.value)), u = requestAnimationFrame(() => {
|
|
2772
|
+
a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${d}%`);
|
|
2743
2773
|
});
|
|
2744
|
-
return () => cancelAnimationFrame(
|
|
2774
|
+
return () => cancelAnimationFrame(u);
|
|
2745
2775
|
}, [e.value, t.value]);
|
|
2746
2776
|
const s = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
|
|
2747
2777
|
return /* @__PURE__ */ N(
|
|
@@ -2794,7 +2824,7 @@ const ba = ({
|
|
|
2794
2824
|
]
|
|
2795
2825
|
}
|
|
2796
2826
|
);
|
|
2797
|
-
},
|
|
2827
|
+
}, wa = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ N(
|
|
2798
2828
|
"div",
|
|
2799
2829
|
{
|
|
2800
2830
|
className: `gloss-gap-readout gloss-gap-readout--${n}`,
|
|
@@ -2807,7 +2837,7 @@ const ba = ({
|
|
|
2807
2837
|
] })
|
|
2808
2838
|
]
|
|
2809
2839
|
}
|
|
2810
|
-
),
|
|
2840
|
+
), _a = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ N("div", { className: "gloss-pace-placeholder", children: [
|
|
2811
2841
|
/* @__PURE__ */ r("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
|
|
2812
2842
|
/* @__PURE__ */ N("p", { className: "gloss-pace-placeholder__context", children: [
|
|
2813
2843
|
"for ",
|
|
@@ -2823,9 +2853,9 @@ const ba = ({
|
|
|
2823
2853
|
children: "Set target"
|
|
2824
2854
|
}
|
|
2825
2855
|
)
|
|
2826
|
-
] }),
|
|
2856
|
+
] }), vr = (e) => {
|
|
2827
2857
|
const [t, n] = $(!1), a = e.target?.value, i = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
|
|
2828
|
-
|
|
2858
|
+
It,
|
|
2829
2859
|
{
|
|
2830
2860
|
label: `Set a target for ${e.label}`,
|
|
2831
2861
|
unit: s,
|
|
@@ -2839,7 +2869,7 @@ const ba = ({
|
|
|
2839
2869
|
}
|
|
2840
2870
|
);
|
|
2841
2871
|
return /* @__PURE__ */ r(
|
|
2842
|
-
|
|
2872
|
+
ft,
|
|
2843
2873
|
{
|
|
2844
2874
|
colSpan: 2,
|
|
2845
2875
|
enableQuickSettings: !0,
|
|
@@ -2852,16 +2882,16 @@ const ba = ({
|
|
|
2852
2882
|
e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
|
|
2853
2883
|
/* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ N(te, { children: [
|
|
2854
2884
|
/* @__PURE__ */ r(
|
|
2855
|
-
|
|
2885
|
+
ya,
|
|
2856
2886
|
{
|
|
2857
2887
|
consumed: e.consumed,
|
|
2858
2888
|
elapsed: e.elapsed,
|
|
2859
2889
|
severity: e.severity
|
|
2860
2890
|
}
|
|
2861
2891
|
),
|
|
2862
|
-
/* @__PURE__ */ r(
|
|
2892
|
+
/* @__PURE__ */ r(wa, { label: "Gap", value: e.gapLabel, severity: e.severity })
|
|
2863
2893
|
] }) : /* @__PURE__ */ r(
|
|
2864
|
-
|
|
2894
|
+
_a,
|
|
2865
2895
|
{
|
|
2866
2896
|
label: e.label,
|
|
2867
2897
|
onSetTarget: () => n(!0)
|
|
@@ -2870,7 +2900,7 @@ const ba = ({
|
|
|
2870
2900
|
] })
|
|
2871
2901
|
}
|
|
2872
2902
|
);
|
|
2873
|
-
},
|
|
2903
|
+
}, br = () => /* @__PURE__ */ N("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
|
|
2874
2904
|
/* @__PURE__ */ r(
|
|
2875
2905
|
"div",
|
|
2876
2906
|
{
|
|
@@ -2887,7 +2917,7 @@ const ba = ({
|
|
|
2887
2917
|
),
|
|
2888
2918
|
/* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
|
|
2889
2919
|
] });
|
|
2890
|
-
function
|
|
2920
|
+
function Na({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, onClick: o }) {
|
|
2891
2921
|
return /* @__PURE__ */ r(
|
|
2892
2922
|
"span",
|
|
2893
2923
|
{
|
|
@@ -2908,7 +2938,7 @@ function _a({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, o
|
|
|
2908
2938
|
}
|
|
2909
2939
|
);
|
|
2910
2940
|
}
|
|
2911
|
-
function
|
|
2941
|
+
function Da({
|
|
2912
2942
|
lenses: e,
|
|
2913
2943
|
value: t,
|
|
2914
2944
|
onChange: n,
|
|
@@ -2918,7 +2948,7 @@ function Na({
|
|
|
2918
2948
|
() => Math.max(0, e.findIndex((l) => l.id === t))
|
|
2919
2949
|
);
|
|
2920
2950
|
return L(() => {
|
|
2921
|
-
const l = e.findIndex((
|
|
2951
|
+
const l = e.findIndex((d) => d.id === t);
|
|
2922
2952
|
s(l >= 0 ? l : 0);
|
|
2923
2953
|
}, [t, e]), e.length === 0 ? null : /* @__PURE__ */ r(
|
|
2924
2954
|
"div",
|
|
@@ -2929,11 +2959,11 @@ function Na({
|
|
|
2929
2959
|
switch (l.key) {
|
|
2930
2960
|
case "ArrowRight":
|
|
2931
2961
|
case "ArrowDown":
|
|
2932
|
-
l.preventDefault(), s((
|
|
2962
|
+
l.preventDefault(), s((d) => (d + 1) % e.length);
|
|
2933
2963
|
break;
|
|
2934
2964
|
case "ArrowLeft":
|
|
2935
2965
|
case "ArrowUp":
|
|
2936
|
-
l.preventDefault(), s((
|
|
2966
|
+
l.preventDefault(), s((d) => (d - 1 + e.length) % e.length);
|
|
2937
2967
|
break;
|
|
2938
2968
|
case "Home":
|
|
2939
2969
|
l.preventDefault(), s(0);
|
|
@@ -2944,20 +2974,20 @@ function Na({
|
|
|
2944
2974
|
case "Enter":
|
|
2945
2975
|
case " ": {
|
|
2946
2976
|
l.preventDefault();
|
|
2947
|
-
const
|
|
2948
|
-
|
|
2977
|
+
const d = e[i];
|
|
2978
|
+
d && !d.disabled && n(d.id);
|
|
2949
2979
|
break;
|
|
2950
2980
|
}
|
|
2951
2981
|
}
|
|
2952
2982
|
},
|
|
2953
2983
|
className: "gloss-lens-chip-group",
|
|
2954
|
-
children: e.map((l,
|
|
2955
|
-
|
|
2984
|
+
children: e.map((l, d) => /* @__PURE__ */ r(
|
|
2985
|
+
Na,
|
|
2956
2986
|
{
|
|
2957
2987
|
id: l.id,
|
|
2958
2988
|
label: l.label,
|
|
2959
2989
|
selected: l.id === t,
|
|
2960
|
-
focused:
|
|
2990
|
+
focused: d === i,
|
|
2961
2991
|
disabled: l.disabled,
|
|
2962
2992
|
badge: l.badge,
|
|
2963
2993
|
onClick: n
|
|
@@ -2967,15 +2997,15 @@ function Na({
|
|
|
2967
2997
|
}
|
|
2968
2998
|
);
|
|
2969
2999
|
}
|
|
2970
|
-
|
|
2971
|
-
function
|
|
3000
|
+
Da.displayName = "LensChipGroup";
|
|
3001
|
+
function ka({ heading: e, children: t }) {
|
|
2972
3002
|
return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ N("section", { className: "gloss-starter-rail", "aria-label": e, children: [
|
|
2973
3003
|
/* @__PURE__ */ r("header", { className: "gloss-starter-rail__heading", children: e }),
|
|
2974
3004
|
/* @__PURE__ */ r("div", { className: "gloss-starter-rail__tiles", children: t })
|
|
2975
3005
|
] });
|
|
2976
3006
|
}
|
|
2977
|
-
|
|
2978
|
-
function
|
|
3007
|
+
ka.displayName = "StarterRail";
|
|
3008
|
+
function Ca({ heading: e, children: t, emptyStateLabel: n }) {
|
|
2979
3009
|
const a = !t || Array.isArray(t) && t.length === 0;
|
|
2980
3010
|
return /* @__PURE__ */ N("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
|
|
2981
3011
|
/* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
|
|
@@ -2985,7 +3015,7 @@ function ka({ heading: e, children: t, emptyStateLabel: n }) {
|
|
|
2985
3015
|
] })
|
|
2986
3016
|
] });
|
|
2987
3017
|
}
|
|
2988
|
-
|
|
3018
|
+
Ca.displayName = "MoreInLensRail";
|
|
2989
3019
|
function X({
|
|
2990
3020
|
lead: e,
|
|
2991
3021
|
name: t,
|
|
@@ -2995,21 +3025,21 @@ function X({
|
|
|
2995
3025
|
variant: s = "default",
|
|
2996
3026
|
onClick: o,
|
|
2997
3027
|
className: l,
|
|
2998
|
-
style:
|
|
3028
|
+
style: d
|
|
2999
3029
|
}) {
|
|
3000
|
-
const
|
|
3030
|
+
const u = [
|
|
3001
3031
|
"gloss-entity-row",
|
|
3002
3032
|
`gloss-entity-row--${s}`,
|
|
3003
3033
|
o ? "gloss-entity-row--clickable" : "",
|
|
3004
3034
|
l ?? ""
|
|
3005
|
-
].filter(Boolean).join(" "),
|
|
3035
|
+
].filter(Boolean).join(" "), v = /* @__PURE__ */ N(te, { children: [
|
|
3006
3036
|
e !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__lead", children: e }),
|
|
3007
3037
|
/* @__PURE__ */ r("span", { className: "gloss-entity-row__name", title: t, children: t }),
|
|
3008
3038
|
n !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__secondary", children: n }),
|
|
3009
3039
|
/* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
|
|
3010
3040
|
i !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: i })
|
|
3011
3041
|
] });
|
|
3012
|
-
return o ? /* @__PURE__ */ r("div", { role: "listitem", className:
|
|
3042
|
+
return o ? /* @__PURE__ */ r("div", { role: "listitem", className: u, style: d, children: /* @__PURE__ */ r(
|
|
3013
3043
|
"button",
|
|
3014
3044
|
{
|
|
3015
3045
|
type: "button",
|
|
@@ -3024,9 +3054,9 @@ function X({
|
|
|
3024
3054
|
onClick: (f) => {
|
|
3025
3055
|
f.stopPropagation(), o();
|
|
3026
3056
|
},
|
|
3027
|
-
children:
|
|
3057
|
+
children: v
|
|
3028
3058
|
}
|
|
3029
|
-
) }) : /* @__PURE__ */ r("div", { role: "listitem", className:
|
|
3059
|
+
) }) : /* @__PURE__ */ r("div", { role: "listitem", className: u, style: d, children: v });
|
|
3030
3060
|
}
|
|
3031
3061
|
X.displayName = "EntityRow";
|
|
3032
3062
|
const fe = ({ rank: e }) => {
|
|
@@ -3053,7 +3083,7 @@ function ve({ severity: e, "aria-label": t }) {
|
|
|
3053
3083
|
);
|
|
3054
3084
|
}
|
|
3055
3085
|
ve.displayName = "SeverityDot";
|
|
3056
|
-
function
|
|
3086
|
+
function st({
|
|
3057
3087
|
delta: e,
|
|
3058
3088
|
direction: t = "flat",
|
|
3059
3089
|
"aria-label": n
|
|
@@ -3082,7 +3112,7 @@ function rt({
|
|
|
3082
3112
|
}
|
|
3083
3113
|
);
|
|
3084
3114
|
}
|
|
3085
|
-
|
|
3115
|
+
st.displayName = "RankDelta";
|
|
3086
3116
|
function be({ fill: e, variant: t = "default", className: n }) {
|
|
3087
3117
|
const a = Math.max(0, Math.min(100, e));
|
|
3088
3118
|
return /* @__PURE__ */ r(
|
|
@@ -3100,8 +3130,8 @@ function be({ fill: e, variant: t = "default", className: n }) {
|
|
|
3100
3130
|
);
|
|
3101
3131
|
}
|
|
3102
3132
|
be.displayName = "MagnitudeBar";
|
|
3103
|
-
const
|
|
3104
|
-
function
|
|
3133
|
+
const xa = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
|
|
3134
|
+
function Sa({
|
|
3105
3135
|
label: e,
|
|
3106
3136
|
rows: t,
|
|
3107
3137
|
rowCount: n,
|
|
@@ -3137,11 +3167,11 @@ function xa({
|
|
|
3137
3167
|
),
|
|
3138
3168
|
value: o.value,
|
|
3139
3169
|
trail: /* @__PURE__ */ r(
|
|
3140
|
-
|
|
3170
|
+
st,
|
|
3141
3171
|
{
|
|
3142
3172
|
delta: o.rankDelta,
|
|
3143
3173
|
direction: o.direction,
|
|
3144
|
-
"aria-label":
|
|
3174
|
+
"aria-label": xa(o)
|
|
3145
3175
|
}
|
|
3146
3176
|
),
|
|
3147
3177
|
variant: "leaderboard",
|
|
@@ -3157,8 +3187,8 @@ function xa({
|
|
|
3157
3187
|
] })
|
|
3158
3188
|
] });
|
|
3159
3189
|
}
|
|
3160
|
-
|
|
3161
|
-
const
|
|
3190
|
+
Sa.displayName = "LeaderboardCard";
|
|
3191
|
+
const Ma = () => /* @__PURE__ */ N(
|
|
3162
3192
|
"div",
|
|
3163
3193
|
{
|
|
3164
3194
|
className: "leaderboard-tile-preview",
|
|
@@ -3171,8 +3201,8 @@ const Sa = () => /* @__PURE__ */ N(
|
|
|
3171
3201
|
]
|
|
3172
3202
|
}
|
|
3173
3203
|
);
|
|
3174
|
-
|
|
3175
|
-
const Ta = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity",
|
|
3204
|
+
Ma.displayName = "LeaderboardTilePreview";
|
|
3205
|
+
const Ta = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", Ra = (e, t) => {
|
|
3176
3206
|
const n = e.sourceValue;
|
|
3177
3207
|
if (typeof n != "number") return !1;
|
|
3178
3208
|
switch (t.condition) {
|
|
@@ -3190,7 +3220,7 @@ const Ta = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warni
|
|
|
3190
3220
|
return !1;
|
|
3191
3221
|
}
|
|
3192
3222
|
};
|
|
3193
|
-
function
|
|
3223
|
+
function Ia({
|
|
3194
3224
|
label: e,
|
|
3195
3225
|
rows: t,
|
|
3196
3226
|
rule: n,
|
|
@@ -3199,7 +3229,7 @@ function Ra({
|
|
|
3199
3229
|
ruleSubtitle: s,
|
|
3200
3230
|
isStale: o
|
|
3201
3231
|
}) {
|
|
3202
|
-
const l = t.filter((
|
|
3232
|
+
const l = t.filter((u) => Ra(u, n)), d = l.slice(0, a ?? 3);
|
|
3203
3233
|
return l.length === 0 ? /* @__PURE__ */ N(te, { children: [
|
|
3204
3234
|
/* @__PURE__ */ r(
|
|
3205
3235
|
pe,
|
|
@@ -3225,24 +3255,24 @@ function Ra({
|
|
|
3225
3255
|
{
|
|
3226
3256
|
className: `gloss-metric-card__zone-b gloss-exception-list ${o ? "gloss-metric-data-stale" : ""}`,
|
|
3227
3257
|
style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
|
|
3228
|
-
children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children:
|
|
3258
|
+
children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: d.map((u, v) => /* @__PURE__ */ r(
|
|
3229
3259
|
X,
|
|
3230
3260
|
{
|
|
3231
|
-
lead: /* @__PURE__ */ r(ve, { severity:
|
|
3232
|
-
name:
|
|
3233
|
-
value:
|
|
3261
|
+
lead: /* @__PURE__ */ r(ve, { severity: u.severity, "aria-label": Ta(u.severity) }),
|
|
3262
|
+
name: u.name,
|
|
3263
|
+
value: u.value,
|
|
3234
3264
|
variant: "exception",
|
|
3235
|
-
style: { "--i":
|
|
3265
|
+
style: { "--i": v }
|
|
3236
3266
|
},
|
|
3237
|
-
|
|
3267
|
+
u.id
|
|
3238
3268
|
)) })
|
|
3239
3269
|
}
|
|
3240
3270
|
),
|
|
3241
3271
|
s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
|
|
3242
3272
|
] });
|
|
3243
3273
|
}
|
|
3244
|
-
|
|
3245
|
-
const
|
|
3274
|
+
Ia.displayName = "ExceptionListCard";
|
|
3275
|
+
const Pa = () => /* @__PURE__ */ N(
|
|
3246
3276
|
"div",
|
|
3247
3277
|
{
|
|
3248
3278
|
className: "exception-list-tile-preview",
|
|
@@ -3276,22 +3306,22 @@ const Ia = () => /* @__PURE__ */ N(
|
|
|
3276
3306
|
]
|
|
3277
3307
|
}
|
|
3278
3308
|
);
|
|
3279
|
-
|
|
3280
|
-
const
|
|
3309
|
+
Pa.displayName = "ExceptionListTilePreview";
|
|
3310
|
+
const Ze = ["MTD", "QTD", "YTD", "LYTD", "7D"], qe = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], Ye = [
|
|
3281
3311
|
"M0,7 L10,5 L20,6 L30,3 L40,2",
|
|
3282
3312
|
"M0,6 L10,4 L20,5 L30,2 L40,1",
|
|
3283
3313
|
"M0,8 L10,7 L20,5 L30,4 L40,2",
|
|
3284
3314
|
"M0,5 L10,6 L20,3 L30,4 L40,1",
|
|
3285
3315
|
"M0,7 L10,4 L20,5 L30,3 L40,2"
|
|
3286
|
-
],
|
|
3316
|
+
], Fa = ({
|
|
3287
3317
|
slotCount: e = 3,
|
|
3288
|
-
labels: t =
|
|
3289
|
-
sampleValues: n =
|
|
3318
|
+
labels: t = Ze,
|
|
3319
|
+
sampleValues: n = qe
|
|
3290
3320
|
}) => {
|
|
3291
3321
|
const a = Array.from({ length: e }, (i, s) => ({
|
|
3292
|
-
label: t[s] ??
|
|
3293
|
-
value: n[s] ??
|
|
3294
|
-
sparkPath:
|
|
3322
|
+
label: t[s] ?? Ze[s] ?? "",
|
|
3323
|
+
value: n[s] ?? qe[s] ?? "",
|
|
3324
|
+
sparkPath: Ye[s % Ye.length]
|
|
3295
3325
|
}));
|
|
3296
3326
|
return e === 1 ? /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--single", "aria-hidden": "true", children: /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview__single-value", children: a[0].value }) }) : /* @__PURE__ */ r(
|
|
3297
3327
|
"div",
|
|
@@ -3317,8 +3347,8 @@ const Ue = ["MTD", "QTD", "YTD", "LYTD", "7D"], Ze = ["$248K", "$612K", "$1.24M"
|
|
|
3317
3347
|
}
|
|
3318
3348
|
);
|
|
3319
3349
|
};
|
|
3320
|
-
|
|
3321
|
-
const
|
|
3350
|
+
Fa.displayName = "StackedGroupTilePreview";
|
|
3351
|
+
const yr = {
|
|
3322
3352
|
/** GEV-01 — Eligibility tint. Contiguous-from-source paint; blocked by first occupied cell (Principle 4). */
|
|
3323
3353
|
eligibilityTint: { applicableStates: ["arming", "active"] },
|
|
3324
3354
|
/** GEV-01 — Commit tint. Fill+stroke emphasis on the commit-target cell footprint (G-02). */
|
|
@@ -3337,7 +3367,7 @@ const vr = {
|
|
|
3337
3367
|
hideOnActive: { applicableStates: ["active"] },
|
|
3338
3368
|
/** GEV-01 — Refuse pulse. Discrete moment of crossing into rejection. Fires ONCE per transition (Principle 2). No strobing. */
|
|
3339
3369
|
refusePulse: { applicableStates: ["active"] }
|
|
3340
|
-
},
|
|
3370
|
+
}, wr = {
|
|
3341
3371
|
baseCellTint: "#F1F4F8",
|
|
3342
3372
|
// Grey · Neutral −2
|
|
3343
3373
|
eligibilityFill: "#6F87D2",
|
|
@@ -3352,7 +3382,7 @@ const vr = {
|
|
|
3352
3382
|
// Rejection +2 stroke (sparse-dash)
|
|
3353
3383
|
trackingOutline: "#2541A1"
|
|
3354
3384
|
// Action +3 — same hex as commitStroke per D-01
|
|
3355
|
-
},
|
|
3385
|
+
}, _r = {
|
|
3356
3386
|
baseCellTint: "var(--gloss-g02-base-cell-tint)",
|
|
3357
3387
|
eligibilityFill: "var(--gloss-g02-eligibility-fill)",
|
|
3358
3388
|
commitFill: "var(--gloss-g02-commit-fill)",
|
|
@@ -3360,7 +3390,7 @@ const vr = {
|
|
|
3360
3390
|
rejectionFill: "var(--gloss-g02-rejection-fill)",
|
|
3361
3391
|
rejectionStroke: "var(--gloss-g02-rejection-stroke)",
|
|
3362
3392
|
trackingOutline: "var(--gloss-g02-tracking-outline)"
|
|
3363
|
-
},
|
|
3393
|
+
}, Nr = "dashed", Dr = "solid", kr = "sparse-dash", Cr = "2px no-fill", ne = {
|
|
3364
3394
|
"gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
|
|
3365
3395
|
"gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
|
|
3366
3396
|
"gloss-inline-nudge__actions": "_gloss-inline-nudge__actions_kdk88_72",
|
|
@@ -3368,7 +3398,7 @@ const vr = {
|
|
|
3368
3398
|
"gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
|
|
3369
3399
|
"gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
|
|
3370
3400
|
};
|
|
3371
|
-
function
|
|
3401
|
+
function Ea({
|
|
3372
3402
|
message: e,
|
|
3373
3403
|
primaryAction: t,
|
|
3374
3404
|
onDismiss: n,
|
|
@@ -3384,21 +3414,21 @@ function Fa({
|
|
|
3384
3414
|
"[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
|
|
3385
3415
|
);
|
|
3386
3416
|
}, [a, i]), H.useLayoutEffect(() => {
|
|
3387
|
-
let
|
|
3388
|
-
if (a ?
|
|
3389
|
-
const
|
|
3417
|
+
let u = null;
|
|
3418
|
+
if (a ? u = a : i && (u = document.querySelector(i)), u) {
|
|
3419
|
+
const v = u.getBoundingClientRect();
|
|
3390
3420
|
o({
|
|
3391
|
-
top:
|
|
3392
|
-
left:
|
|
3421
|
+
top: v.bottom + window.scrollY + 6,
|
|
3422
|
+
left: v.left + window.scrollX
|
|
3393
3423
|
});
|
|
3394
3424
|
}
|
|
3395
3425
|
}, [a, i]);
|
|
3396
|
-
const
|
|
3426
|
+
const d = s ? { top: s.top, left: s.left } : {};
|
|
3397
3427
|
return /* @__PURE__ */ N(
|
|
3398
3428
|
"div",
|
|
3399
3429
|
{
|
|
3400
3430
|
className: ne["gloss-inline-nudge"],
|
|
3401
|
-
style:
|
|
3431
|
+
style: d,
|
|
3402
3432
|
role: "status",
|
|
3403
3433
|
"aria-live": "polite",
|
|
3404
3434
|
"data-reduced-motion": l ? "true" : void 0,
|
|
@@ -3429,25 +3459,25 @@ function Fa({
|
|
|
3429
3459
|
}
|
|
3430
3460
|
);
|
|
3431
3461
|
}
|
|
3432
|
-
|
|
3433
|
-
function
|
|
3462
|
+
Ea.displayName = "InlineNudge";
|
|
3463
|
+
function Ae(e) {
|
|
3434
3464
|
return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
|
|
3435
3465
|
}
|
|
3436
|
-
function
|
|
3466
|
+
function Aa(e, t, n) {
|
|
3437
3467
|
if (n <= t) {
|
|
3438
|
-
const o = e[0], l = o ?
|
|
3468
|
+
const o = e[0], l = o ? Ae(o) : "#888";
|
|
3439
3469
|
return `linear-gradient(to right, ${l}, ${l})`;
|
|
3440
3470
|
}
|
|
3441
3471
|
const a = n - t, s = [...e].sort((o, l) => o.value - l.value).map((o) => {
|
|
3442
3472
|
const l = (o.value - t) / a * 100;
|
|
3443
|
-
return `${
|
|
3473
|
+
return `${Ae(o)} ${l.toFixed(2)}%`;
|
|
3444
3474
|
});
|
|
3445
3475
|
return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
|
|
3446
3476
|
}
|
|
3447
|
-
function
|
|
3477
|
+
function La(e) {
|
|
3448
3478
|
return e.map((t) => `${t.id}:${t.value}`).join("|");
|
|
3449
3479
|
}
|
|
3450
|
-
function
|
|
3480
|
+
function Oa({
|
|
3451
3481
|
stops: e,
|
|
3452
3482
|
onChange: t,
|
|
3453
3483
|
min: n = 0,
|
|
@@ -3460,15 +3490,15 @@ function La({
|
|
|
3460
3490
|
), 0.01) : i, l = w(
|
|
3461
3491
|
(c) => Math.round(c / o) * o,
|
|
3462
3492
|
[o]
|
|
3463
|
-
),
|
|
3493
|
+
), d = T(null), [u, v] = $(null), [f, m] = $(e), g = La(e), _ = T(g);
|
|
3464
3494
|
L(() => {
|
|
3465
|
-
|
|
3466
|
-
}, [
|
|
3467
|
-
const
|
|
3495
|
+
_.current !== g && (_.current = g, !u && m(e));
|
|
3496
|
+
}, [g, e, u]);
|
|
3497
|
+
const p = ye(() => Aa(f, n, a), [f, n, a]), h = w(
|
|
3468
3498
|
(c) => {
|
|
3469
|
-
if (!
|
|
3470
|
-
const
|
|
3471
|
-
return l(
|
|
3499
|
+
if (!d.current) return n;
|
|
3500
|
+
const b = d.current.getBoundingClientRect(), D = b.width || 1, S = Math.max(0, Math.min(1, (c - b.left) / D)), y = n + S * (a - n);
|
|
3501
|
+
return l(y);
|
|
3472
3502
|
},
|
|
3473
3503
|
[n, a, l]
|
|
3474
3504
|
);
|
|
@@ -3477,87 +3507,87 @@ function La({
|
|
|
3477
3507
|
`ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
|
|
3478
3508
|
);
|
|
3479
3509
|
}, [n, a]);
|
|
3480
|
-
const
|
|
3481
|
-
(c,
|
|
3482
|
-
const
|
|
3483
|
-
s ||
|
|
3510
|
+
const M = w(
|
|
3511
|
+
(c, b) => {
|
|
3512
|
+
const D = f.find((S) => S.id === b);
|
|
3513
|
+
s || D?.disabled || (c.preventDefault(), v(b));
|
|
3484
3514
|
},
|
|
3485
3515
|
[s, f]
|
|
3486
|
-
), P =
|
|
3516
|
+
), P = T(f);
|
|
3487
3517
|
P.current = f;
|
|
3488
|
-
const C =
|
|
3518
|
+
const C = T(t);
|
|
3489
3519
|
C.current = t, L(() => {
|
|
3490
|
-
if (!
|
|
3491
|
-
const c = (
|
|
3492
|
-
const S = h(
|
|
3493
|
-
|
|
3494
|
-
(
|
|
3520
|
+
if (!u) return;
|
|
3521
|
+
const c = (D) => {
|
|
3522
|
+
const S = h(D.clientX);
|
|
3523
|
+
m(
|
|
3524
|
+
(y) => y.map((x) => x.id === u ? { ...x, value: S } : x)
|
|
3495
3525
|
);
|
|
3496
|
-
},
|
|
3497
|
-
const S = h(
|
|
3498
|
-
(x) => x.id ===
|
|
3526
|
+
}, b = (D) => {
|
|
3527
|
+
const S = h(D.clientX), y = P.current.map(
|
|
3528
|
+
(x) => x.id === u ? { ...x, value: S } : x
|
|
3499
3529
|
);
|
|
3500
|
-
|
|
3530
|
+
m(y), v(null), C.current(y);
|
|
3501
3531
|
};
|
|
3502
|
-
return window.addEventListener("pointermove", c), window.addEventListener("pointerup",
|
|
3503
|
-
window.removeEventListener("pointermove", c), window.removeEventListener("pointerup",
|
|
3532
|
+
return window.addEventListener("pointermove", c), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
|
|
3533
|
+
window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
|
|
3504
3534
|
};
|
|
3505
|
-
}, [
|
|
3535
|
+
}, [u, h]);
|
|
3506
3536
|
const R = a - n > 0 ? a - n : 1, I = w(
|
|
3507
|
-
(c,
|
|
3508
|
-
if (s ||
|
|
3509
|
-
const
|
|
3510
|
-
if (
|
|
3511
|
-
const S = c.shiftKey ?
|
|
3512
|
-
let
|
|
3537
|
+
(c, b) => {
|
|
3538
|
+
if (s || b.disabled) return;
|
|
3539
|
+
const D = a - n;
|
|
3540
|
+
if (D <= 0) return;
|
|
3541
|
+
const S = c.shiftKey ? D / 20 : D / 100;
|
|
3542
|
+
let y = b.value;
|
|
3513
3543
|
switch (c.key) {
|
|
3514
3544
|
case "ArrowRight":
|
|
3515
3545
|
case "ArrowUp":
|
|
3516
|
-
|
|
3546
|
+
y = b.value + S;
|
|
3517
3547
|
break;
|
|
3518
3548
|
case "ArrowLeft":
|
|
3519
3549
|
case "ArrowDown":
|
|
3520
|
-
|
|
3550
|
+
y = b.value - S;
|
|
3521
3551
|
break;
|
|
3522
3552
|
case "Home":
|
|
3523
|
-
|
|
3553
|
+
y = n;
|
|
3524
3554
|
break;
|
|
3525
3555
|
case "End":
|
|
3526
|
-
|
|
3556
|
+
y = a;
|
|
3527
3557
|
break;
|
|
3528
3558
|
default:
|
|
3529
3559
|
return;
|
|
3530
3560
|
}
|
|
3531
3561
|
c.preventDefault();
|
|
3532
|
-
const x = Math.max(n, Math.min(a,
|
|
3533
|
-
if (F ===
|
|
3562
|
+
const x = Math.max(n, Math.min(a, y)), F = l(x);
|
|
3563
|
+
if (F === b.value) return;
|
|
3534
3564
|
const j = f.map(
|
|
3535
|
-
(q) => q.id ===
|
|
3565
|
+
(q) => q.id === b.id ? { ...q, value: F } : q
|
|
3536
3566
|
);
|
|
3537
|
-
|
|
3567
|
+
m(j), t(j);
|
|
3538
3568
|
},
|
|
3539
3569
|
[s, n, a, f, t, l]
|
|
3540
3570
|
);
|
|
3541
3571
|
return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ r(
|
|
3542
3572
|
"div",
|
|
3543
3573
|
{
|
|
3544
|
-
ref:
|
|
3574
|
+
ref: d,
|
|
3545
3575
|
className: "gloss-threshold-ramp__track",
|
|
3546
|
-
style: { background:
|
|
3576
|
+
style: { background: p },
|
|
3547
3577
|
children: f.map((c) => {
|
|
3548
|
-
const
|
|
3578
|
+
const b = (c.value - n) / R * 100;
|
|
3549
3579
|
return /* @__PURE__ */ r(
|
|
3550
3580
|
"span",
|
|
3551
3581
|
{
|
|
3552
3582
|
className: "gloss-threshold-ramp__stop",
|
|
3553
3583
|
style: {
|
|
3554
|
-
left: `${
|
|
3555
|
-
color:
|
|
3584
|
+
left: `${b}%`,
|
|
3585
|
+
color: Ae(c)
|
|
3556
3586
|
},
|
|
3557
3587
|
"data-disabled": c.disabled || void 0,
|
|
3558
|
-
"data-dragging":
|
|
3559
|
-
onPointerDown: (
|
|
3560
|
-
onKeyDown: (
|
|
3588
|
+
"data-dragging": u === c.id || void 0,
|
|
3589
|
+
onPointerDown: (D) => M(D, c.id),
|
|
3590
|
+
onKeyDown: (D) => I(D, c),
|
|
3561
3591
|
"aria-label": c.label ?? `Stop at ${c.value}`,
|
|
3562
3592
|
role: "slider",
|
|
3563
3593
|
"aria-valuenow": c.value,
|
|
@@ -3572,24 +3602,24 @@ function La({
|
|
|
3572
3602
|
}
|
|
3573
3603
|
) });
|
|
3574
3604
|
}
|
|
3575
|
-
|
|
3576
|
-
const
|
|
3577
|
-
function
|
|
3578
|
-
return
|
|
3605
|
+
Oa.displayName = "ThresholdRamp";
|
|
3606
|
+
const it = yt(null);
|
|
3607
|
+
function $a() {
|
|
3608
|
+
return wt(it);
|
|
3579
3609
|
}
|
|
3580
|
-
function
|
|
3581
|
-
const t =
|
|
3610
|
+
function Ba({ option: e }) {
|
|
3611
|
+
const t = $a(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = w(() => {
|
|
3582
3612
|
a || t?.select(e.value);
|
|
3583
3613
|
}, [a, t, e.value]), s = w(
|
|
3584
|
-
(
|
|
3585
|
-
a || t?.onKeyNav(
|
|
3614
|
+
(u) => {
|
|
3615
|
+
a || t?.onKeyNav(u, e.value);
|
|
3586
3616
|
},
|
|
3587
3617
|
[a, t, e.value]
|
|
3588
|
-
), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value,
|
|
3618
|
+
), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, d = a ? -1 : l ? 0 : -1;
|
|
3589
3619
|
return /* @__PURE__ */ r(
|
|
3590
3620
|
"button",
|
|
3591
3621
|
{
|
|
3592
|
-
ref: (
|
|
3622
|
+
ref: (u) => t?.registerRef(e.value, u),
|
|
3593
3623
|
type: "button",
|
|
3594
3624
|
role: "radio",
|
|
3595
3625
|
"aria-checked": n,
|
|
@@ -3601,13 +3631,13 @@ function $a({ option: e }) {
|
|
|
3601
3631
|
"aria-label": e.label ?? e.value,
|
|
3602
3632
|
"aria-disabled": a,
|
|
3603
3633
|
disabled: a,
|
|
3604
|
-
tabIndex:
|
|
3634
|
+
tabIndex: d,
|
|
3605
3635
|
onClick: i,
|
|
3606
3636
|
onKeyDown: s
|
|
3607
3637
|
}
|
|
3608
3638
|
);
|
|
3609
3639
|
}
|
|
3610
|
-
function
|
|
3640
|
+
function Ka({
|
|
3611
3641
|
swatches: e,
|
|
3612
3642
|
value: t,
|
|
3613
3643
|
defaultValue: n,
|
|
@@ -3615,65 +3645,65 @@ function Ba({
|
|
|
3615
3645
|
disabled: i = !1,
|
|
3616
3646
|
name: s
|
|
3617
3647
|
}) {
|
|
3618
|
-
const o = t !== void 0, [l,
|
|
3648
|
+
const o = t !== void 0, [l, d] = $(n), u = o ? t : l, v = w(
|
|
3619
3649
|
(C) => {
|
|
3620
|
-
o ||
|
|
3650
|
+
o || d(C), a?.(C);
|
|
3621
3651
|
},
|
|
3622
3652
|
[o, a]
|
|
3623
3653
|
), f = w(
|
|
3624
|
-
(C) =>
|
|
3625
|
-
[
|
|
3626
|
-
),
|
|
3627
|
-
R ?
|
|
3628
|
-
}, []),
|
|
3629
|
-
const R =
|
|
3654
|
+
(C) => u === C,
|
|
3655
|
+
[u]
|
|
3656
|
+
), m = T(/* @__PURE__ */ new Map()), g = w((C, R) => {
|
|
3657
|
+
R ? m.current.set(C, R) : m.current.delete(C);
|
|
3658
|
+
}, []), _ = e.filter((C) => !C.disabled && !i), p = _.find((C) => C.value === u)?.value ?? _[0]?.value, h = w((C) => {
|
|
3659
|
+
const R = m.current.get(C);
|
|
3630
3660
|
R && R.focus();
|
|
3631
|
-
}, []),
|
|
3661
|
+
}, []), M = w(
|
|
3632
3662
|
(C, R) => {
|
|
3633
3663
|
if (i) return;
|
|
3634
3664
|
const I = e.filter((S) => !S.disabled);
|
|
3635
3665
|
if (I.length === 0) return;
|
|
3636
3666
|
const c = I.findIndex((S) => S.value === R);
|
|
3637
3667
|
if (c === -1) return;
|
|
3638
|
-
let
|
|
3668
|
+
let b = c;
|
|
3639
3669
|
switch (C.key) {
|
|
3640
3670
|
case "ArrowRight":
|
|
3641
3671
|
case "ArrowDown":
|
|
3642
|
-
|
|
3672
|
+
b = (c + 1) % I.length;
|
|
3643
3673
|
break;
|
|
3644
3674
|
case "ArrowLeft":
|
|
3645
3675
|
case "ArrowUp":
|
|
3646
|
-
|
|
3676
|
+
b = (c - 1 + I.length) % I.length;
|
|
3647
3677
|
break;
|
|
3648
3678
|
case "Home":
|
|
3649
|
-
|
|
3679
|
+
b = 0;
|
|
3650
3680
|
break;
|
|
3651
3681
|
case "End":
|
|
3652
|
-
|
|
3682
|
+
b = I.length - 1;
|
|
3653
3683
|
break;
|
|
3654
3684
|
case " ":
|
|
3655
3685
|
case "Enter":
|
|
3656
|
-
C.preventDefault(),
|
|
3686
|
+
C.preventDefault(), v(R);
|
|
3657
3687
|
return;
|
|
3658
3688
|
default:
|
|
3659
3689
|
return;
|
|
3660
3690
|
}
|
|
3661
3691
|
C.preventDefault();
|
|
3662
|
-
const
|
|
3663
|
-
h(
|
|
3692
|
+
const D = I[b].value;
|
|
3693
|
+
h(D), v(D);
|
|
3664
3694
|
},
|
|
3665
|
-
[i, e,
|
|
3695
|
+
[i, e, v, h]
|
|
3666
3696
|
), P = {
|
|
3667
|
-
selectedValue:
|
|
3668
|
-
select:
|
|
3697
|
+
selectedValue: u,
|
|
3698
|
+
select: v,
|
|
3669
3699
|
isSelected: f,
|
|
3670
3700
|
groupDisabled: i,
|
|
3671
3701
|
name: s,
|
|
3672
|
-
registerRef:
|
|
3673
|
-
firstFocusableValue:
|
|
3674
|
-
onKeyNav:
|
|
3702
|
+
registerRef: g,
|
|
3703
|
+
firstFocusableValue: p,
|
|
3704
|
+
onKeyNav: M
|
|
3675
3705
|
};
|
|
3676
|
-
return /* @__PURE__ */ r(
|
|
3706
|
+
return /* @__PURE__ */ r(it.Provider, { value: P, children: /* @__PURE__ */ r(
|
|
3677
3707
|
"div",
|
|
3678
3708
|
{
|
|
3679
3709
|
className: "gloss-preset-swatch-row",
|
|
@@ -3681,26 +3711,26 @@ function Ba({
|
|
|
3681
3711
|
"aria-label": s,
|
|
3682
3712
|
"aria-disabled": i,
|
|
3683
3713
|
"data-disabled": i || void 0,
|
|
3684
|
-
children: e.map((C) => /* @__PURE__ */ r(
|
|
3714
|
+
children: e.map((C) => /* @__PURE__ */ r(Ba, { option: C }, C.value))
|
|
3685
3715
|
}
|
|
3686
3716
|
) });
|
|
3687
3717
|
}
|
|
3688
|
-
|
|
3689
|
-
function
|
|
3718
|
+
Ka.displayName = "PresetSwatchRow";
|
|
3719
|
+
function Le(e, t) {
|
|
3690
3720
|
for (const n of e)
|
|
3691
3721
|
if (n.items.some((a) => a.id === t))
|
|
3692
3722
|
return n.zoneKey;
|
|
3693
3723
|
return null;
|
|
3694
3724
|
}
|
|
3695
|
-
function
|
|
3725
|
+
function Qe(e, t) {
|
|
3696
3726
|
const n = e.find((a) => a.zoneKey === t);
|
|
3697
|
-
return n ? n.zoneKey :
|
|
3727
|
+
return n ? n.zoneKey : Le(e, t);
|
|
3698
3728
|
}
|
|
3699
|
-
function
|
|
3729
|
+
function za(e, t, n) {
|
|
3700
3730
|
const a = [...e], [i] = a.splice(t, 1);
|
|
3701
3731
|
return a.splice(n, 0, i), a;
|
|
3702
3732
|
}
|
|
3703
|
-
function
|
|
3733
|
+
function Ga(e) {
|
|
3704
3734
|
return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
|
|
3705
3735
|
}
|
|
3706
3736
|
function Wa(e) {
|
|
@@ -3708,25 +3738,25 @@ function Wa(e) {
|
|
|
3708
3738
|
() => e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
3709
3739
|
`useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
|
|
3710
3740
|
), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
|
|
3711
|
-
), [a, i] = $(null), [s, o] = $(null), l =
|
|
3712
|
-
|
|
3713
|
-
const
|
|
3714
|
-
() =>
|
|
3741
|
+
), [a, i] = $(null), [s, o] = $(null), l = T(null), d = T(e.onZoneChange);
|
|
3742
|
+
d.current = e.onZoneChange;
|
|
3743
|
+
const u = ye(
|
|
3744
|
+
() => Ga(e.zones),
|
|
3715
3745
|
[e.zones]
|
|
3716
|
-
),
|
|
3746
|
+
), v = T(u);
|
|
3717
3747
|
L(() => {
|
|
3718
|
-
|
|
3748
|
+
v.current !== u && (v.current = u, !a && n(
|
|
3719
3749
|
e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
3720
3750
|
`useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
|
|
3721
3751
|
), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
|
|
3722
3752
|
));
|
|
3723
|
-
}, [
|
|
3753
|
+
}, [u, e.zones, a]);
|
|
3724
3754
|
const f = w(
|
|
3725
3755
|
(h) => {
|
|
3726
|
-
const
|
|
3756
|
+
const M = h.active.id;
|
|
3727
3757
|
let P = null, C = null;
|
|
3728
3758
|
for (const R of t) {
|
|
3729
|
-
const I = R.items.find((c) => c.id ===
|
|
3759
|
+
const I = R.items.find((c) => c.id === M);
|
|
3730
3760
|
if (I) {
|
|
3731
3761
|
P = I, C = R.zoneKey;
|
|
3732
3762
|
break;
|
|
@@ -3735,72 +3765,72 @@ function Wa(e) {
|
|
|
3735
3765
|
l.current = C, i(P), o(C);
|
|
3736
3766
|
},
|
|
3737
3767
|
[t]
|
|
3738
|
-
),
|
|
3768
|
+
), m = w(
|
|
3739
3769
|
(h) => {
|
|
3740
3770
|
if (!h.over) {
|
|
3741
3771
|
o(l.current);
|
|
3742
3772
|
return;
|
|
3743
3773
|
}
|
|
3744
|
-
const
|
|
3745
|
-
o(
|
|
3774
|
+
const M = Qe(t, h.over.id);
|
|
3775
|
+
o(M);
|
|
3746
3776
|
},
|
|
3747
3777
|
[t]
|
|
3748
|
-
),
|
|
3778
|
+
), g = w(
|
|
3749
3779
|
(h) => {
|
|
3750
|
-
const { active:
|
|
3780
|
+
const { active: M, over: P } = h, C = () => {
|
|
3751
3781
|
l.current = null, i(null), o(null);
|
|
3752
3782
|
};
|
|
3753
3783
|
if (!P) {
|
|
3754
3784
|
C();
|
|
3755
3785
|
return;
|
|
3756
3786
|
}
|
|
3757
|
-
const R =
|
|
3787
|
+
const R = Le(t, M.id), I = Qe(t, P.id);
|
|
3758
3788
|
if (!R || !I) {
|
|
3759
3789
|
C();
|
|
3760
3790
|
return;
|
|
3761
3791
|
}
|
|
3762
|
-
let c = t.map((
|
|
3792
|
+
let c = t.map((b) => ({ ...b, items: [...b.items] }));
|
|
3763
3793
|
if (R === I) {
|
|
3764
|
-
const
|
|
3765
|
-
c[
|
|
3766
|
-
...
|
|
3767
|
-
items:
|
|
3794
|
+
const b = c.findIndex((F) => F.zoneKey === R), D = c[b], S = D.items.findIndex((F) => F.id === M.id), y = D.items.findIndex((F) => F.id === P.id), x = y >= 0 ? y : Math.max(0, D.items.length - 1);
|
|
3795
|
+
c[b] = {
|
|
3796
|
+
...D,
|
|
3797
|
+
items: za(D.items, S, x)
|
|
3768
3798
|
};
|
|
3769
3799
|
} else {
|
|
3770
|
-
const
|
|
3800
|
+
const b = c.findIndex((O) => O.zoneKey === R), D = c.findIndex((O) => O.zoneKey === I), S = c[b], y = c[D], x = S.items.find((O) => O.id === M.id);
|
|
3771
3801
|
if (!x) {
|
|
3772
3802
|
C();
|
|
3773
3803
|
return;
|
|
3774
3804
|
}
|
|
3775
|
-
const F = S.items.filter((O) => O.id !==
|
|
3776
|
-
let U = F,
|
|
3777
|
-
if (
|
|
3778
|
-
const O =
|
|
3779
|
-
|
|
3805
|
+
const F = S.items.filter((O) => O.id !== M.id), j = y.items.findIndex((O) => O.id === P.id), q = j >= 0 ? j : y.items.length;
|
|
3806
|
+
let U = F, W = [...y.items];
|
|
3807
|
+
if (y.maxItems !== void 0 && W.length >= y.maxItems) {
|
|
3808
|
+
const O = W[W.length - 1];
|
|
3809
|
+
W = W.slice(0, y.maxItems - 1), U = [...F, O];
|
|
3780
3810
|
}
|
|
3781
|
-
const B = Math.min(q,
|
|
3782
|
-
...
|
|
3811
|
+
const B = Math.min(q, W.length), Z = [
|
|
3812
|
+
...W.slice(0, B),
|
|
3783
3813
|
x,
|
|
3784
|
-
...
|
|
3814
|
+
...W.slice(B)
|
|
3785
3815
|
];
|
|
3786
|
-
c[
|
|
3816
|
+
c[b] = { ...S, items: U }, c[D] = { ...y, items: Z };
|
|
3787
3817
|
}
|
|
3788
|
-
n(c),
|
|
3818
|
+
n(c), d.current?.(c), C();
|
|
3789
3819
|
},
|
|
3790
3820
|
[t]
|
|
3791
|
-
),
|
|
3821
|
+
), _ = w(
|
|
3792
3822
|
(h) => ({
|
|
3793
3823
|
id: h,
|
|
3794
3824
|
"data-zone-key": h
|
|
3795
3825
|
}),
|
|
3796
3826
|
[]
|
|
3797
|
-
),
|
|
3827
|
+
), p = w(
|
|
3798
3828
|
(h) => {
|
|
3799
|
-
const
|
|
3829
|
+
const M = Le(t, h.id) ?? "";
|
|
3800
3830
|
return {
|
|
3801
3831
|
id: h.id,
|
|
3802
3832
|
"data-item-id": h.id,
|
|
3803
|
-
"data-zone-key":
|
|
3833
|
+
"data-zone-key": M
|
|
3804
3834
|
};
|
|
3805
3835
|
},
|
|
3806
3836
|
[t]
|
|
@@ -3809,15 +3839,15 @@ function Wa(e) {
|
|
|
3809
3839
|
zones: t,
|
|
3810
3840
|
activeZone: s,
|
|
3811
3841
|
activeItem: a,
|
|
3812
|
-
getZoneProps:
|
|
3813
|
-
getItemProps:
|
|
3842
|
+
getZoneProps: _,
|
|
3843
|
+
getItemProps: p,
|
|
3814
3844
|
handleDragStart: f,
|
|
3815
|
-
handleDragOver:
|
|
3816
|
-
handleDragEnd:
|
|
3845
|
+
handleDragOver: m,
|
|
3846
|
+
handleDragEnd: g
|
|
3817
3847
|
};
|
|
3818
3848
|
}
|
|
3819
|
-
let ge = null, Ne = null,
|
|
3820
|
-
const
|
|
3849
|
+
let ge = null, Ne = null, Te = !1;
|
|
3850
|
+
const Va = [
|
|
3821
3851
|
"DndContext",
|
|
3822
3852
|
"DragOverlay",
|
|
3823
3853
|
"useSensors",
|
|
@@ -3826,22 +3856,22 @@ const Ga = [
|
|
|
3826
3856
|
"PointerSensor",
|
|
3827
3857
|
"KeyboardSensor",
|
|
3828
3858
|
"closestCenter"
|
|
3829
|
-
],
|
|
3859
|
+
], Ha = [
|
|
3830
3860
|
"SortableContext",
|
|
3831
3861
|
"useSortable",
|
|
3832
3862
|
"verticalListSortingStrategy"
|
|
3833
3863
|
];
|
|
3834
|
-
function
|
|
3864
|
+
function ja(e, t) {
|
|
3835
3865
|
const n = [], a = e ?? {};
|
|
3836
|
-
for (const s of
|
|
3866
|
+
for (const s of Va)
|
|
3837
3867
|
a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
|
|
3838
3868
|
const i = t ?? {};
|
|
3839
|
-
for (const s of
|
|
3869
|
+
for (const s of Ha)
|
|
3840
3870
|
i[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
|
|
3841
3871
|
return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
|
|
3842
3872
|
}
|
|
3843
|
-
function
|
|
3844
|
-
return ge ? Promise.resolve(ge) :
|
|
3873
|
+
function Ua() {
|
|
3874
|
+
return ge ? Promise.resolve(ge) : Te ? Promise.resolve(null) : Ne || (Ne = (async () => {
|
|
3845
3875
|
try {
|
|
3846
3876
|
const [e, t, n] = await Promise.all([
|
|
3847
3877
|
import("@dnd-kit/core"),
|
|
@@ -3849,31 +3879,31 @@ function ja() {
|
|
|
3849
3879
|
import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
|
|
3850
3880
|
"SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
|
|
3851
3881
|
), {}))
|
|
3852
|
-
]), a =
|
|
3882
|
+
]), a = ja(e, t);
|
|
3853
3883
|
return a.ok ? (ge = {
|
|
3854
3884
|
core: e,
|
|
3855
3885
|
sortable: t,
|
|
3856
3886
|
utilities: n
|
|
3857
|
-
}, ge) : (
|
|
3887
|
+
}, ge) : (Te = !0, process.env.NODE_ENV !== "production" && console.error(
|
|
3858
3888
|
`SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
|
|
3859
3889
|
), null);
|
|
3860
3890
|
} catch {
|
|
3861
|
-
return
|
|
3891
|
+
return Te = !0, null;
|
|
3862
3892
|
}
|
|
3863
3893
|
})(), Ne);
|
|
3864
3894
|
}
|
|
3865
|
-
function
|
|
3866
|
-
const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = Wa({ zones: t, onZoneChange: n }), [l,
|
|
3895
|
+
function Za(e) {
|
|
3896
|
+
const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = Wa({ zones: t, onZoneChange: n }), [l, d] = H.useState(ge);
|
|
3867
3897
|
return H.useEffect(() => {
|
|
3868
3898
|
if (l) return;
|
|
3869
|
-
let
|
|
3870
|
-
return
|
|
3871
|
-
|
|
3899
|
+
let u = !0;
|
|
3900
|
+
return Ua().then((v) => {
|
|
3901
|
+
u && d(v);
|
|
3872
3902
|
}), () => {
|
|
3873
|
-
|
|
3903
|
+
u = !1;
|
|
3874
3904
|
};
|
|
3875
3905
|
}, [l]), l ? /* @__PURE__ */ r(
|
|
3876
|
-
|
|
3906
|
+
ot,
|
|
3877
3907
|
{
|
|
3878
3908
|
state: o,
|
|
3879
3909
|
modules: l,
|
|
@@ -3881,35 +3911,35 @@ function Ua(e) {
|
|
|
3881
3911
|
renderItem: i,
|
|
3882
3912
|
renderDragOverlay: s
|
|
3883
3913
|
}
|
|
3884
|
-
) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((
|
|
3885
|
-
const
|
|
3886
|
-
return /* @__PURE__ */ r("div", { ...o.getZoneProps(
|
|
3914
|
+
) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((u) => {
|
|
3915
|
+
const v = u.items.map((f) => /* @__PURE__ */ r(H.Fragment, { children: i(f) }, f.id));
|
|
3916
|
+
return /* @__PURE__ */ r("div", { ...o.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items, v) }, u.zoneKey);
|
|
3887
3917
|
}) });
|
|
3888
3918
|
}
|
|
3889
|
-
|
|
3890
|
-
function
|
|
3919
|
+
Za.displayName = "SortableZones";
|
|
3920
|
+
function ot({
|
|
3891
3921
|
state: e,
|
|
3892
3922
|
modules: t,
|
|
3893
3923
|
renderZone: n,
|
|
3894
3924
|
renderItem: a,
|
|
3895
3925
|
renderDragOverlay: i
|
|
3896
3926
|
}) {
|
|
3897
|
-
const { core: s, sortable: o, utilities: l } = t, { DndContext:
|
|
3898
|
-
f(
|
|
3899
|
-
f(
|
|
3900
|
-
), C =
|
|
3927
|
+
const { core: s, sortable: o, utilities: l } = t, { DndContext: d, DragOverlay: u, useSensors: v, useSensor: f, useDroppable: m, PointerSensor: g, KeyboardSensor: _, closestCenter: p } = s, { SortableContext: h, verticalListSortingStrategy: M } = o, P = v(
|
|
3928
|
+
f(g, { activationConstraint: { distance: 5 } }),
|
|
3929
|
+
f(_)
|
|
3930
|
+
), C = d, R = u, I = h;
|
|
3901
3931
|
return /* @__PURE__ */ N(
|
|
3902
3932
|
C,
|
|
3903
3933
|
{
|
|
3904
3934
|
sensors: P,
|
|
3905
|
-
collisionDetection:
|
|
3935
|
+
collisionDetection: p,
|
|
3906
3936
|
onDragStart: e.handleDragStart,
|
|
3907
3937
|
onDragOver: e.handleDragOver,
|
|
3908
3938
|
onDragEnd: e.handleDragEnd,
|
|
3909
3939
|
children: [
|
|
3910
3940
|
e.zones.map((c) => {
|
|
3911
|
-
const
|
|
3912
|
-
|
|
3941
|
+
const b = c.items.map((S) => S.id), D = c.items.map((S) => /* @__PURE__ */ r(
|
|
3942
|
+
lt,
|
|
3913
3943
|
{
|
|
3914
3944
|
id: S.id,
|
|
3915
3945
|
useSortable: o.useSortable,
|
|
@@ -3919,12 +3949,12 @@ function it({
|
|
|
3919
3949
|
S.id
|
|
3920
3950
|
));
|
|
3921
3951
|
return /* @__PURE__ */ r(
|
|
3922
|
-
|
|
3952
|
+
ct,
|
|
3923
3953
|
{
|
|
3924
3954
|
zoneKey: c.zoneKey,
|
|
3925
3955
|
zoneProps: e.getZoneProps(c.zoneKey),
|
|
3926
|
-
useDroppable:
|
|
3927
|
-
children: /* @__PURE__ */ r(I, { items:
|
|
3956
|
+
useDroppable: m,
|
|
3957
|
+
children: /* @__PURE__ */ r(I, { items: b, strategy: M, children: n(c.zoneKey, c.items, D) })
|
|
3928
3958
|
},
|
|
3929
3959
|
c.zoneKey
|
|
3930
3960
|
);
|
|
@@ -3934,17 +3964,17 @@ function it({
|
|
|
3934
3964
|
}
|
|
3935
3965
|
);
|
|
3936
3966
|
}
|
|
3937
|
-
|
|
3938
|
-
function
|
|
3939
|
-
const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition:
|
|
3967
|
+
ot.displayName = "SortableZonesInner";
|
|
3968
|
+
function lt({ id: e, useSortable: t, cssHelper: n, children: a }) {
|
|
3969
|
+
const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: d, isDragging: u } = t({ id: e }), v = {
|
|
3940
3970
|
transform: n?.Transform?.toString(l) ?? void 0,
|
|
3941
|
-
transition:
|
|
3942
|
-
opacity:
|
|
3971
|
+
transition: d,
|
|
3972
|
+
opacity: u ? 0.5 : 1
|
|
3943
3973
|
};
|
|
3944
|
-
return /* @__PURE__ */ r("div", { ref: o, style:
|
|
3974
|
+
return /* @__PURE__ */ r("div", { ref: o, style: v, "data-sortable-item-id": e, ...i, ...s, children: a });
|
|
3945
3975
|
}
|
|
3946
|
-
|
|
3947
|
-
function
|
|
3976
|
+
lt.displayName = "SortableItem";
|
|
3977
|
+
function ct({
|
|
3948
3978
|
zoneKey: e,
|
|
3949
3979
|
zoneProps: t,
|
|
3950
3980
|
useDroppable: n,
|
|
@@ -3953,8 +3983,8 @@ function lt({
|
|
|
3953
3983
|
const { setNodeRef: i, isOver: s } = n({ id: e });
|
|
3954
3984
|
return /* @__PURE__ */ r("div", { ref: i, "data-zone-is-over": s || void 0, ...t, children: a });
|
|
3955
3985
|
}
|
|
3956
|
-
|
|
3957
|
-
function
|
|
3986
|
+
ct.displayName = "ZoneDroppable";
|
|
3987
|
+
function xr({
|
|
3958
3988
|
slotLeft: e,
|
|
3959
3989
|
slotCenter: t,
|
|
3960
3990
|
slotRight: n,
|
|
@@ -4004,403 +4034,423 @@ function kr({
|
|
|
4004
4034
|
}
|
|
4005
4035
|
);
|
|
4006
4036
|
}
|
|
4007
|
-
function
|
|
4037
|
+
function Sr({
|
|
4008
4038
|
count: e,
|
|
4009
4039
|
currentIndex: t,
|
|
4010
4040
|
onSelect: n,
|
|
4011
4041
|
"aria-label": a = "Sections",
|
|
4012
4042
|
provisionalIndex: i,
|
|
4013
4043
|
pulseIndex: s,
|
|
4014
|
-
pulseNonce: o
|
|
4044
|
+
pulseNonce: o,
|
|
4045
|
+
currentSection: l = t,
|
|
4046
|
+
// D-08 back-compat shim
|
|
4047
|
+
sectionsPerView: d = 1
|
|
4048
|
+
// D-09 default
|
|
4015
4049
|
}) {
|
|
4016
|
-
const l =
|
|
4017
|
-
return
|
|
4050
|
+
const u = Math.max(0, Math.min(e - 1, l)), v = Math.min(e - 1, u + Math.max(0, d - 1)), f = [u, v], m = Xe.useRef([]);
|
|
4051
|
+
return m.current.length = e, e <= 1 || f[0] === 0 && f[1] === e - 1 ? null : /* @__PURE__ */ N(
|
|
4018
4052
|
"div",
|
|
4019
4053
|
{
|
|
4020
4054
|
role: "tablist",
|
|
4021
4055
|
"aria-label": a,
|
|
4022
4056
|
"data-testid": "gloss-section-dots",
|
|
4023
4057
|
className: "gloss-section-dots",
|
|
4024
|
-
onKeyDown: (
|
|
4058
|
+
onKeyDown: (_) => {
|
|
4025
4059
|
if (e !== 0) {
|
|
4026
|
-
if (
|
|
4027
|
-
|
|
4060
|
+
if (_.key === "ArrowRight") {
|
|
4061
|
+
_.preventDefault();
|
|
4028
4062
|
const p = (t + 1) % e;
|
|
4029
|
-
n(p), requestAnimationFrame(() =>
|
|
4030
|
-
} else if (
|
|
4031
|
-
|
|
4063
|
+
n(p), requestAnimationFrame(() => m.current[p]?.focus());
|
|
4064
|
+
} else if (_.key === "ArrowLeft") {
|
|
4065
|
+
_.preventDefault();
|
|
4032
4066
|
const p = (t - 1 + e) % e;
|
|
4033
|
-
n(p), requestAnimationFrame(() =>
|
|
4067
|
+
n(p), requestAnimationFrame(() => m.current[p]?.focus());
|
|
4034
4068
|
}
|
|
4035
4069
|
}
|
|
4036
4070
|
},
|
|
4037
|
-
children:
|
|
4038
|
-
|
|
4039
|
-
|
|
4040
|
-
|
|
4041
|
-
|
|
4071
|
+
children: [
|
|
4072
|
+
/* @__PURE__ */ r(
|
|
4073
|
+
"span",
|
|
4074
|
+
{
|
|
4075
|
+
className: "gloss-section-dots__blob",
|
|
4076
|
+
"aria-hidden": "true",
|
|
4077
|
+
style: {
|
|
4078
|
+
"--blob-start": f[0],
|
|
4079
|
+
"--blob-end": f[1]
|
|
4080
|
+
}
|
|
4081
|
+
}
|
|
4082
|
+
),
|
|
4083
|
+
Array.from({ length: e }, (_, p) => /* @__PURE__ */ r(
|
|
4084
|
+
"button",
|
|
4085
|
+
{
|
|
4086
|
+
ref: (h) => {
|
|
4087
|
+
m.current[p] = h;
|
|
4088
|
+
},
|
|
4089
|
+
type: "button",
|
|
4090
|
+
role: "tab",
|
|
4091
|
+
"aria-selected": p === t,
|
|
4092
|
+
"aria-label": p === i ? "Unconfirmed section" : `Section ${p + 1}`,
|
|
4093
|
+
"data-state": p === i ? "provisional-hollow" : p === s ? "pulse" : p === t ? "current" : "hollow",
|
|
4094
|
+
"data-section-index": p,
|
|
4095
|
+
className: [
|
|
4096
|
+
"gloss-section-dots__dot",
|
|
4097
|
+
p === t && "gloss-section-dots__dot--current"
|
|
4098
|
+
].filter(Boolean).join(" "),
|
|
4099
|
+
onClick: () => n(p)
|
|
4042
4100
|
},
|
|
4043
|
-
|
|
4044
|
-
|
|
4045
|
-
|
|
4046
|
-
"aria-label": p === i ? "Unconfirmed section" : `Section ${p + 1}`,
|
|
4047
|
-
"data-state": p === i ? "provisional-hollow" : p === s ? "pulse" : p === t ? "current" : "hollow",
|
|
4048
|
-
"data-section-index": p,
|
|
4049
|
-
className: [
|
|
4050
|
-
"gloss-section-dots__dot",
|
|
4051
|
-
p === t && "gloss-section-dots__dot--current"
|
|
4052
|
-
].filter(Boolean).join(" "),
|
|
4053
|
-
onClick: () => n(p)
|
|
4054
|
-
},
|
|
4055
|
-
p === s ? `${p}-${o ?? 0}` : p
|
|
4056
|
-
))
|
|
4101
|
+
p === s ? `${p}-${o ?? 0}` : p
|
|
4102
|
+
))
|
|
4103
|
+
]
|
|
4057
4104
|
}
|
|
4058
4105
|
);
|
|
4059
4106
|
}
|
|
4060
|
-
const
|
|
4107
|
+
const qa = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
4061
4108
|
const i = { ...n };
|
|
4062
|
-
return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ r(
|
|
4109
|
+
return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ r(Oe, { region: "toolbar", density: e, children: t }) });
|
|
4063
4110
|
});
|
|
4064
|
-
|
|
4065
|
-
const
|
|
4111
|
+
qa.displayName = "ContainerToolbar";
|
|
4112
|
+
const Ya = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...i }, s) => {
|
|
4066
4113
|
const o = { ...i };
|
|
4067
4114
|
return delete o.className, delete o.style, /* @__PURE__ */ N("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
|
|
4068
4115
|
e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
|
|
4069
4116
|
t && /* @__PURE__ */ r("p", { className: "gloss-container-form-section__description", children: t }),
|
|
4070
|
-
/* @__PURE__ */ r(
|
|
4117
|
+
/* @__PURE__ */ r(Oe, { region: "form-section", density: n, children: a })
|
|
4071
4118
|
] });
|
|
4072
4119
|
});
|
|
4073
|
-
|
|
4074
|
-
const
|
|
4120
|
+
Ya.displayName = "ContainerFormSection";
|
|
4121
|
+
const Qa = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
4075
4122
|
const i = { ...n };
|
|
4076
|
-
return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...i, children: /* @__PURE__ */ r(
|
|
4123
|
+
return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...i, children: /* @__PURE__ */ r(Oe, { region: "table", density: e, children: t }) });
|
|
4077
4124
|
});
|
|
4078
|
-
|
|
4125
|
+
Qa.displayName = "ContainerTable";
|
|
4079
4126
|
export {
|
|
4080
|
-
|
|
4081
|
-
|
|
4082
|
-
|
|
4083
|
-
|
|
4084
|
-
|
|
4085
|
-
|
|
4086
|
-
|
|
4087
|
-
|
|
4088
|
-
|
|
4089
|
-
|
|
4090
|
-
|
|
4091
|
-
|
|
4092
|
-
|
|
4093
|
-
|
|
4094
|
-
|
|
4095
|
-
|
|
4096
|
-
|
|
4097
|
-
|
|
4098
|
-
|
|
4099
|
-
|
|
4100
|
-
|
|
4101
|
-
|
|
4102
|
-
|
|
4103
|
-
|
|
4104
|
-
|
|
4105
|
-
|
|
4106
|
-
|
|
4107
|
-
|
|
4108
|
-
|
|
4109
|
-
|
|
4110
|
-
|
|
4111
|
-
|
|
4112
|
-
|
|
4113
|
-
|
|
4114
|
-
|
|
4115
|
-
|
|
4116
|
-
|
|
4117
|
-
|
|
4118
|
-
|
|
4119
|
-
|
|
4120
|
-
|
|
4121
|
-
|
|
4122
|
-
|
|
4123
|
-
|
|
4124
|
-
|
|
4125
|
-
|
|
4126
|
-
|
|
4127
|
-
|
|
4128
|
-
|
|
4129
|
-
|
|
4130
|
-
|
|
4131
|
-
|
|
4132
|
-
|
|
4127
|
+
Rr as Accordion,
|
|
4128
|
+
Ir as AccordionContent,
|
|
4129
|
+
Pr as AccordionItem,
|
|
4130
|
+
Fr as AccordionTrigger,
|
|
4131
|
+
Er as ActionStrip,
|
|
4132
|
+
Ar as Actionable,
|
|
4133
|
+
Lr as AddressGroup,
|
|
4134
|
+
Or as AddressSelect,
|
|
4135
|
+
$r as AsyncLoader,
|
|
4136
|
+
Br as Autocomplete,
|
|
4137
|
+
Kr as Badge,
|
|
4138
|
+
zr as BarChartCard,
|
|
4139
|
+
Gr as BarsBg,
|
|
4140
|
+
xr as BottomToolbar,
|
|
4141
|
+
Wr as Button,
|
|
4142
|
+
Vr as ButtonGroup,
|
|
4143
|
+
Hr as ButtonGroupContext,
|
|
4144
|
+
jr as Card,
|
|
4145
|
+
Ur as CardActions,
|
|
4146
|
+
Zr as CardBack,
|
|
4147
|
+
qr as CardBody,
|
|
4148
|
+
Yr as CardFooter,
|
|
4149
|
+
Qr as CardHeader,
|
|
4150
|
+
Xr as CardMedia,
|
|
4151
|
+
ft as CardShell,
|
|
4152
|
+
Jr as CardSubtitle,
|
|
4153
|
+
es as CardTitle,
|
|
4154
|
+
fr as CascadePreview,
|
|
4155
|
+
ts as ChartControlBar,
|
|
4156
|
+
as as Checkbox,
|
|
4157
|
+
ns as CheckboxGroup,
|
|
4158
|
+
rs as Chip,
|
|
4159
|
+
ss as ColorPicker,
|
|
4160
|
+
is as ComparisonCard,
|
|
4161
|
+
os as ContactForm,
|
|
4162
|
+
ls as ContainerCard,
|
|
4163
|
+
cs as ContainerCardActions,
|
|
4164
|
+
ds as ContainerCardBody,
|
|
4165
|
+
us as ContainerCardFooter,
|
|
4166
|
+
ms as ContainerCardHeader,
|
|
4167
|
+
gs as ContainerCardMedia,
|
|
4168
|
+
ps as ContainerCardSubtitle,
|
|
4169
|
+
hs as ContainerCardTitle,
|
|
4170
|
+
fs as ContainerDialog,
|
|
4171
|
+
vs as ContainerDialogActions,
|
|
4172
|
+
bs as ContainerDialogBody,
|
|
4173
|
+
ys as ContainerDialogHeader,
|
|
4174
|
+
Ya as ContainerFormSection,
|
|
4175
|
+
ws as ContainerPanel,
|
|
4176
|
+
Qa as ContainerTable,
|
|
4177
|
+
qa as ContainerToolbar,
|
|
4178
|
+
_s as CreditCardForm,
|
|
4179
|
+
Ns as DEFAULT_FOOTER_IDS,
|
|
4133
4180
|
se as DEFAULT_GRID_INTERACTION_PHYSICS,
|
|
4134
|
-
|
|
4135
|
-
|
|
4136
|
-
|
|
4137
|
-
|
|
4138
|
-
|
|
4139
|
-
|
|
4140
|
-
|
|
4141
|
-
|
|
4142
|
-
|
|
4143
|
-
|
|
4144
|
-
|
|
4145
|
-
|
|
4146
|
-
|
|
4147
|
-
|
|
4148
|
-
|
|
4149
|
-
|
|
4150
|
-
|
|
4151
|
-
|
|
4152
|
-
|
|
4153
|
-
|
|
4154
|
-
|
|
4155
|
-
|
|
4156
|
-
|
|
4181
|
+
Xo as DEFAULT_MARKET_PRESETS,
|
|
4182
|
+
Ds as DEFAULT_OVERFLOW_IDS,
|
|
4183
|
+
Jo as DEFAULT_PINNED,
|
|
4184
|
+
Je as DEFAULT_RESIZE_PHYSICS,
|
|
4185
|
+
ks as DataTable,
|
|
4186
|
+
Cs as DatePicker,
|
|
4187
|
+
xs as DateRangePicker,
|
|
4188
|
+
Ss as DestructiveModal,
|
|
4189
|
+
ha as DevTuningPanel,
|
|
4190
|
+
Ms as DirectionCard,
|
|
4191
|
+
Ts as Dismissible,
|
|
4192
|
+
Rs as DistributionCard,
|
|
4193
|
+
Is as DonutChart,
|
|
4194
|
+
pr as DragGhost,
|
|
4195
|
+
cr as DropAnchorCell,
|
|
4196
|
+
Ps as Dropdown,
|
|
4197
|
+
ya as DualPaceBars,
|
|
4198
|
+
Fs as ENTITY_FILTER_KEYS,
|
|
4199
|
+
Es as ENTITY_PROFILE_ROUTES,
|
|
4200
|
+
As as ENTITY_TYPE_PLURAL,
|
|
4201
|
+
Bt as EdgeHoverHandle,
|
|
4202
|
+
mr as EmptyCellPackAffordance,
|
|
4203
|
+
Ls as EntityPicker,
|
|
4157
4204
|
X as EntityRow,
|
|
4158
|
-
|
|
4159
|
-
|
|
4160
|
-
|
|
4161
|
-
|
|
4162
|
-
|
|
4163
|
-
|
|
4164
|
-
|
|
4165
|
-
|
|
4166
|
-
|
|
4167
|
-
|
|
4168
|
-
|
|
4169
|
-
|
|
4170
|
-
|
|
4171
|
-
|
|
4172
|
-
|
|
4173
|
-
|
|
4174
|
-
|
|
4175
|
-
|
|
4176
|
-
|
|
4177
|
-
|
|
4178
|
-
|
|
4179
|
-
|
|
4180
|
-
|
|
4181
|
-
|
|
4182
|
-
|
|
4183
|
-
|
|
4184
|
-
|
|
4185
|
-
Sa as
|
|
4186
|
-
|
|
4187
|
-
|
|
4188
|
-
|
|
4205
|
+
Os as EntitySearchPanel,
|
|
4206
|
+
Ia as ExceptionListCard,
|
|
4207
|
+
Pa as ExceptionListTilePreview,
|
|
4208
|
+
$s as Expandable,
|
|
4209
|
+
Bs as ExpandableChip,
|
|
4210
|
+
Ks as FLIP_AND_STAGE_TIMINGS,
|
|
4211
|
+
zs as FileUpload,
|
|
4212
|
+
Gs as FilterChip,
|
|
4213
|
+
Ws as FilterInput,
|
|
4214
|
+
Vs as FlipAndStageProvider,
|
|
4215
|
+
Hs as Form,
|
|
4216
|
+
js as FormDialog,
|
|
4217
|
+
Us as FormField,
|
|
4218
|
+
Zs as FusedShape,
|
|
4219
|
+
wa as GapReadout,
|
|
4220
|
+
qs as GestureStateProvider,
|
|
4221
|
+
Kt as GhostPreview,
|
|
4222
|
+
Ys as GroupCheckbox,
|
|
4223
|
+
Qs as GroupRadio,
|
|
4224
|
+
Sn as HARD_CLIP,
|
|
4225
|
+
Xs as HighlightCard,
|
|
4226
|
+
Js as HybridDatePicker,
|
|
4227
|
+
ei as ImportWizard,
|
|
4228
|
+
Ea as InlineNudge,
|
|
4229
|
+
ti as Input,
|
|
4230
|
+
ai as InputAddon,
|
|
4231
|
+
ni as InputGroup,
|
|
4232
|
+
Sa as LeaderboardCard,
|
|
4233
|
+
Ma as LeaderboardTilePreview,
|
|
4234
|
+
Da as LensChipGroup,
|
|
4235
|
+
ri as Link,
|
|
4236
|
+
si as LoginForm,
|
|
4189
4237
|
be as MagnitudeBar,
|
|
4190
|
-
|
|
4191
|
-
|
|
4192
|
-
|
|
4193
|
-
|
|
4194
|
-
|
|
4195
|
-
|
|
4196
|
-
|
|
4197
|
-
|
|
4198
|
-
|
|
4199
|
-
|
|
4200
|
-
|
|
4201
|
-
|
|
4202
|
-
|
|
4203
|
-
|
|
4204
|
-
|
|
4205
|
-
|
|
4206
|
-
|
|
4207
|
-
|
|
4208
|
-
|
|
4209
|
-
|
|
4210
|
-
|
|
4211
|
-
|
|
4212
|
-
|
|
4213
|
-
|
|
4214
|
-
|
|
4215
|
-
|
|
4216
|
-
|
|
4217
|
-
|
|
4218
|
-
|
|
4219
|
-
|
|
4220
|
-
|
|
4221
|
-
|
|
4222
|
-
|
|
4223
|
-
|
|
4224
|
-
|
|
4225
|
-
|
|
4238
|
+
ii as MarketPresetRow,
|
|
4239
|
+
oi as MaskPresets,
|
|
4240
|
+
li as MaskedInput,
|
|
4241
|
+
ci as Menu,
|
|
4242
|
+
di as MenuDivider,
|
|
4243
|
+
ui as MenuGroup,
|
|
4244
|
+
mi as MenuItem,
|
|
4245
|
+
gi as MergePrompt,
|
|
4246
|
+
pi as MetricCard,
|
|
4247
|
+
hi as MetricCardGrid,
|
|
4248
|
+
ia as MetricGroupContainer,
|
|
4249
|
+
fi as MiniCalendar,
|
|
4250
|
+
Ca as MoreInLensRail,
|
|
4251
|
+
vi as MultiSelect,
|
|
4252
|
+
bi as NumberInput,
|
|
4253
|
+
yi as ObjectArrow,
|
|
4254
|
+
wi as OrderFilterBar,
|
|
4255
|
+
el as PERIOD_OPTIONS,
|
|
4256
|
+
vr as PaceCard,
|
|
4257
|
+
br as PaceTilePreview,
|
|
4258
|
+
Zt as PageChip,
|
|
4259
|
+
et as PageDropdown,
|
|
4260
|
+
_i as PasswordInput,
|
|
4261
|
+
Ni as PaymentForm,
|
|
4262
|
+
Di as PaymentMethodSelect,
|
|
4263
|
+
ki as PhoneInput,
|
|
4264
|
+
Ci as PinToMetric,
|
|
4265
|
+
Ka as PresetSwatchRow,
|
|
4266
|
+
xi as ProfileCard,
|
|
4267
|
+
Si as ProgressCard,
|
|
4268
|
+
Mi as QuickConfigPanel,
|
|
4269
|
+
ta as RECONFIG_BACKSIDE_LABELS,
|
|
4270
|
+
tl as ROLLING_OPTIONS,
|
|
4271
|
+
Ti as Radio,
|
|
4272
|
+
Ri as RadioGroup,
|
|
4273
|
+
Ii as RangeSlider,
|
|
4226
4274
|
fe as RankBadge,
|
|
4227
|
-
|
|
4228
|
-
|
|
4229
|
-
|
|
4230
|
-
|
|
4231
|
-
|
|
4232
|
-
|
|
4233
|
-
|
|
4234
|
-
|
|
4235
|
-
|
|
4236
|
-
|
|
4237
|
-
|
|
4238
|
-
|
|
4239
|
-
|
|
4240
|
-
|
|
4241
|
-
|
|
4242
|
-
|
|
4243
|
-
|
|
4244
|
-
|
|
4275
|
+
st as RankDelta,
|
|
4276
|
+
Pi as Rating,
|
|
4277
|
+
ra as ReconfigBacksideButtons,
|
|
4278
|
+
Fi as RegistrationForm,
|
|
4279
|
+
lr as ResizeEnvelope,
|
|
4280
|
+
Ei as Row1Controls,
|
|
4281
|
+
Ai as Row2FilterTray,
|
|
4282
|
+
Nr as STROKE_DASHED,
|
|
4283
|
+
Cr as STROKE_OUTLINE,
|
|
4284
|
+
Dr as STROKE_SOLID,
|
|
4285
|
+
kr as STROKE_SPARSE_DASH,
|
|
4286
|
+
Li as SearchInput,
|
|
4287
|
+
ur as SectionDivider,
|
|
4288
|
+
Sr as SectionDots,
|
|
4289
|
+
Oi as SegmentCard,
|
|
4290
|
+
$i as SegmentedControl,
|
|
4291
|
+
Bi as Select,
|
|
4292
|
+
Ki as Selectable,
|
|
4245
4293
|
ve as SeverityDot,
|
|
4246
|
-
|
|
4247
|
-
|
|
4248
|
-
|
|
4249
|
-
|
|
4250
|
-
|
|
4251
|
-
|
|
4252
|
-
|
|
4253
|
-
|
|
4254
|
-
|
|
4255
|
-
|
|
4256
|
-
|
|
4257
|
-
|
|
4258
|
-
|
|
4259
|
-
|
|
4260
|
-
|
|
4261
|
-
|
|
4262
|
-
|
|
4263
|
-
|
|
4264
|
-
|
|
4265
|
-
|
|
4266
|
-
|
|
4294
|
+
zi as SimpleMetricCard,
|
|
4295
|
+
Gi as SimpleSelector,
|
|
4296
|
+
Wi as Skeleton,
|
|
4297
|
+
Vi as SkeletonCard,
|
|
4298
|
+
Hi as SkeletonChart,
|
|
4299
|
+
ji as SkeletonTable,
|
|
4300
|
+
Ui as Slider,
|
|
4301
|
+
hr as SnapOutline,
|
|
4302
|
+
Zi as Sortable,
|
|
4303
|
+
Za as SortableZones,
|
|
4304
|
+
qi as SparklineBg,
|
|
4305
|
+
dr as SpilloverArc,
|
|
4306
|
+
Yi as SplitButton,
|
|
4307
|
+
Qi as StackedGroupCard,
|
|
4308
|
+
Fa as StackedGroupTilePreview,
|
|
4309
|
+
ka as StarterRail,
|
|
4310
|
+
Xi as StatusModeCard,
|
|
4311
|
+
$t as StatusSlotChipMenu,
|
|
4312
|
+
Ji as Stepper,
|
|
4313
|
+
Pe as SwingReveal,
|
|
4314
|
+
al as TODAY_PRESET,
|
|
4267
4315
|
re as TUNING_DEFAULTS,
|
|
4268
|
-
|
|
4269
|
-
|
|
4270
|
-
|
|
4271
|
-
|
|
4272
|
-
|
|
4273
|
-
|
|
4274
|
-
|
|
4275
|
-
|
|
4276
|
-
|
|
4277
|
-
|
|
4278
|
-
|
|
4279
|
-
|
|
4280
|
-
|
|
4281
|
-
|
|
4282
|
-
|
|
4283
|
-
|
|
4284
|
-
|
|
4285
|
-
|
|
4286
|
-
|
|
4287
|
-
|
|
4288
|
-
|
|
4289
|
-
|
|
4290
|
-
|
|
4291
|
-
|
|
4292
|
-
|
|
4293
|
-
|
|
4294
|
-
|
|
4295
|
-
|
|
4296
|
-
|
|
4297
|
-
|
|
4298
|
-
|
|
4299
|
-
|
|
4300
|
-
|
|
4301
|
-
|
|
4302
|
-
|
|
4303
|
-
|
|
4304
|
-
|
|
4305
|
-
|
|
4306
|
-
|
|
4307
|
-
|
|
4308
|
-
|
|
4309
|
-
|
|
4310
|
-
|
|
4311
|
-
|
|
4312
|
-
|
|
4313
|
-
|
|
4314
|
-
|
|
4315
|
-
|
|
4316
|
-
|
|
4316
|
+
rt as TUNING_STORAGE_KEY,
|
|
4317
|
+
eo as TabGroup,
|
|
4318
|
+
to as TabbedDataView,
|
|
4319
|
+
ao as TagInput,
|
|
4320
|
+
It as TargetInput,
|
|
4321
|
+
no as Textarea,
|
|
4322
|
+
Oa as ThresholdRamp,
|
|
4323
|
+
ro as TimeFrame,
|
|
4324
|
+
so as TimePicker,
|
|
4325
|
+
io as Toggle,
|
|
4326
|
+
oo as Tooltip,
|
|
4327
|
+
lo as Transition,
|
|
4328
|
+
co as TransitionGroup,
|
|
4329
|
+
uo as TrendCard,
|
|
4330
|
+
mo as TrendIndicator,
|
|
4331
|
+
qo as UIContext,
|
|
4332
|
+
Oe as UIContextProvider,
|
|
4333
|
+
go as UnifiedBreakdownTable,
|
|
4334
|
+
po as UnifiedContextMenu,
|
|
4335
|
+
zt as VelocityBuffer,
|
|
4336
|
+
ho as addressGroupMetadata,
|
|
4337
|
+
fo as addressSchema,
|
|
4338
|
+
gn as allChips,
|
|
4339
|
+
Fn as allStateFixtures,
|
|
4340
|
+
Pn as allVariantFixtures,
|
|
4341
|
+
vn as blockSamples,
|
|
4342
|
+
vo as buildDefaultOverflow,
|
|
4343
|
+
Nn as cardSamples,
|
|
4344
|
+
Dn as cascadePhysics,
|
|
4345
|
+
wn as chartSamples,
|
|
4346
|
+
yn as circleSamples,
|
|
4347
|
+
Mn as colorTokens,
|
|
4348
|
+
tr as compactLayout,
|
|
4349
|
+
Vn as compactState,
|
|
4350
|
+
In as computeGutterAnchorX,
|
|
4351
|
+
bo as contactFormMetadata,
|
|
4352
|
+
yo as contactSchema,
|
|
4353
|
+
Hn as contextMenuFixtures,
|
|
4354
|
+
wo as creditCardFormMetadata,
|
|
4355
|
+
_o as creditCardSchema,
|
|
4356
|
+
Et as dateChip,
|
|
4357
|
+
nt as defaultControlBarState,
|
|
4358
|
+
No as destructiveModalMetadata,
|
|
4359
|
+
Do as durations,
|
|
4360
|
+
ko as easings,
|
|
4361
|
+
Vt as emptyFixture,
|
|
4362
|
+
Pt as entityChip,
|
|
4363
|
+
Xt as entityNameActions,
|
|
4364
|
+
hn as entityTabGroup,
|
|
4317
4365
|
Wt as errorFixture,
|
|
4318
|
-
|
|
4366
|
+
Co as evaluateTintCondition,
|
|
4319
4367
|
Wn as filteredState,
|
|
4320
|
-
|
|
4321
|
-
|
|
4322
|
-
|
|
4323
|
-
|
|
4324
|
-
|
|
4325
|
-
|
|
4326
|
-
|
|
4327
|
-
|
|
4328
|
-
|
|
4329
|
-
|
|
4330
|
-
|
|
4368
|
+
nl as findPreset,
|
|
4369
|
+
rl as formatDateRange,
|
|
4370
|
+
sl as formatMarketDates,
|
|
4371
|
+
il as formatTrend,
|
|
4372
|
+
ol as formatValue,
|
|
4373
|
+
nr as fullLayout,
|
|
4374
|
+
ll as generateMarketId,
|
|
4375
|
+
xo as generateTabId,
|
|
4376
|
+
cl as getAllPresets,
|
|
4377
|
+
dl as getDateRangeForPreset,
|
|
4378
|
+
So as getMenuActions,
|
|
4331
4379
|
Tn as getMotionMode,
|
|
4332
|
-
|
|
4333
|
-
|
|
4334
|
-
|
|
4335
|
-
|
|
4336
|
-
|
|
4337
|
-
|
|
4338
|
-
|
|
4339
|
-
|
|
4340
|
-
|
|
4341
|
-
|
|
4342
|
-
|
|
4343
|
-
|
|
4344
|
-
|
|
4345
|
-
|
|
4346
|
-
|
|
4347
|
-
|
|
4348
|
-
|
|
4349
|
-
|
|
4350
|
-
|
|
4351
|
-
|
|
4352
|
-
|
|
4353
|
-
|
|
4354
|
-
|
|
4355
|
-
|
|
4356
|
-
|
|
4357
|
-
|
|
4358
|
-
|
|
4359
|
-
|
|
4360
|
-
|
|
4361
|
-
|
|
4362
|
-
|
|
4363
|
-
|
|
4364
|
-
|
|
4365
|
-
|
|
4366
|
-
|
|
4367
|
-
|
|
4368
|
-
|
|
4369
|
-
|
|
4370
|
-
|
|
4371
|
-
|
|
4372
|
-
|
|
4373
|
-
|
|
4374
|
-
|
|
4375
|
-
|
|
4376
|
-
|
|
4377
|
-
|
|
4378
|
-
|
|
4379
|
-
|
|
4380
|
-
|
|
4381
|
-
|
|
4382
|
-
|
|
4383
|
-
|
|
4384
|
-
|
|
4385
|
-
|
|
4386
|
-
|
|
4380
|
+
ul as getPresetLabel,
|
|
4381
|
+
Mo as getTransitionStyle,
|
|
4382
|
+
er as gridCards,
|
|
4383
|
+
yr as gridChannels,
|
|
4384
|
+
To as interpolate,
|
|
4385
|
+
ml as isInRange,
|
|
4386
|
+
gl as isMarketActive,
|
|
4387
|
+
pl as isSameDay,
|
|
4388
|
+
Gn as itemColumns,
|
|
4389
|
+
Kn as itemRows,
|
|
4390
|
+
Gt as loadingFixture,
|
|
4391
|
+
Ro as loginFormMetadata,
|
|
4392
|
+
Io as loginSchema,
|
|
4393
|
+
At as manufacturerChip,
|
|
4394
|
+
or as manyTabs,
|
|
4395
|
+
Po as mergeHandlers,
|
|
4396
|
+
Fo as mergeRefs,
|
|
4397
|
+
pn as metricTabGroup,
|
|
4398
|
+
sr as mixedTabs,
|
|
4399
|
+
hl as normalizePresetId,
|
|
4400
|
+
ea as numericActions,
|
|
4401
|
+
zn as orderColumns,
|
|
4402
|
+
Jt as orderIdActions,
|
|
4403
|
+
Bn as orderRows,
|
|
4404
|
+
rr as ordersTabs,
|
|
4405
|
+
wr as paletteHex,
|
|
4406
|
+
_r as paletteVars,
|
|
4407
|
+
Eo as parseNumericValue,
|
|
4408
|
+
Ao as paymentFormMetadata,
|
|
4409
|
+
Lo as paymentSchema,
|
|
4410
|
+
Oo as presets,
|
|
4411
|
+
Cn as provisional,
|
|
4412
|
+
xn as reducedMotion,
|
|
4413
|
+
$o as registrationFormMetadata,
|
|
4414
|
+
Bo as registrationSchema,
|
|
4415
|
+
kn as rejectionFeedback,
|
|
4416
|
+
Un as sampleCompareRanges,
|
|
4417
|
+
Yn as sampleCustomMarkets,
|
|
4418
|
+
jn as sampleDateRange,
|
|
4419
|
+
Qn as sampleMarketPresetData,
|
|
4420
|
+
qn as sampleMarkets,
|
|
4421
|
+
Jn as samplePeriodPresets,
|
|
4422
|
+
Zn as samplePreferences,
|
|
4423
|
+
Xn as samplePresets,
|
|
4424
|
+
ir as singleTab,
|
|
4425
|
+
En as sparklineFixture,
|
|
4426
|
+
An as sparklineUpFixture,
|
|
4427
|
+
Ut as staleDonutFixture,
|
|
4428
|
+
Ht as staleFixture,
|
|
4429
|
+
jt as staleSparklineFixture,
|
|
4430
|
+
Ln as standardFixture,
|
|
4431
|
+
$n as standardFlatFixture,
|
|
4432
|
+
ar as standardLayout,
|
|
4433
|
+
On as standardNegativeFixture,
|
|
4434
|
+
Ft as statusChip,
|
|
4387
4435
|
me as swingReveal,
|
|
4388
|
-
|
|
4389
|
-
|
|
4390
|
-
|
|
4391
|
-
|
|
4392
|
-
|
|
4393
|
-
|
|
4394
|
-
|
|
4395
|
-
|
|
4396
|
-
|
|
4397
|
-
|
|
4398
|
-
|
|
4399
|
-
|
|
4400
|
-
|
|
4401
|
-
|
|
4402
|
-
|
|
4403
|
-
|
|
4436
|
+
_n as tableSamples,
|
|
4437
|
+
bn as textSamples,
|
|
4438
|
+
fn as timeFrameTabGroup,
|
|
4439
|
+
fl as toUppercasePresetId,
|
|
4440
|
+
gr as useAffordanceVisibility,
|
|
4441
|
+
mn as useArrowNavigation,
|
|
4442
|
+
Ko as useCheckboxGroupContext,
|
|
4443
|
+
Rn as useEdgeHoverResize,
|
|
4444
|
+
zo as useFilterLayout,
|
|
4445
|
+
Go as useFlipAndStage,
|
|
4446
|
+
Wo as useFlipAndStageContext,
|
|
4447
|
+
Vo as useFlipAndStageContextOptional,
|
|
4448
|
+
un as useFocusReturn,
|
|
4449
|
+
Ho as useFocusTrap,
|
|
4450
|
+
jo as useFormContext,
|
|
4451
|
+
ht as useGestureState,
|
|
4452
|
+
Uo as useRadioGroupContext,
|
|
4453
|
+
ca as useResizeTuning,
|
|
4404
4454
|
Wa as useSortableZones,
|
|
4405
|
-
|
|
4455
|
+
Yo as useUIContext
|
|
4406
4456
|
};
|