@mt-gloss/ui 0.1.123 → 0.1.124
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/{COMMITS-C1VHNgld.js → COMMITS-DlJB1KcF.js} +177 -182
- package/composites-panels.js +243 -249
- package/index.d.ts +2 -4
- package/index.js +969 -1014
- package/lib/composites/panels/index.d.ts +0 -2
- package/package.json +1 -1
- package/ui.css +1 -1
package/index.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { u as
|
|
2
|
-
import { Q as
|
|
3
|
-
import { jsxs as f, jsx as
|
|
1
|
+
import { u as ze, C as Be } from "./Expandable-DFHxVkCF.js";
|
|
2
|
+
import { Q as mn, V as pn, T as gn, U as hn, a5 as fn, b8 as bn, aB as vn, aj as yn, $ as wn, ap as _n, N as Cn, aa as Nn, P as kn, B as Sn, a as Dn, A as xn, K as Tn, bi as Rn, J as Mn, L as Pn, E as An, D as En, H as Fn, F as In, bq as Ln, b as On, c as $n, O as zn, q as Bn, af as Gn, aP as Hn, A as Wn, K as Vn, J as jn, L as Kn, E as Un, D as Yn, H as qn, F as Qn, b1 as Jn, b4 as Xn, b3 as Zn, b2 as es, b5 as ts, aE as as, a7 as rs, a6 as ns, as as ss, m as is, o as ls, aH as os, ad as cs, ba as ds, ab as us, _ as ms, bA as ps, bz as gs, bB as hs, ar as fs, aS as bs, bc as vs, bF as ys, bo as ws, p as _s, ao as Cs, bu as Ns, bl as ks, a2 as Ss, at as Ds, a4 as xs, bt as Ts, bK as Rs, G as Ms, f as Ps, ac as As, bC as Es, aV as Fs, t as Is, x as Ls, I as Os, i as $s, ay as zs, bG as Bs, M as Gs, y as Hs, W as Ws, Z as Vs, X as js, Y as Ks, au as Us, bI as Ys, bE as qs, aq as Qs, w as Js, aU as Xs, al as Zs, aM as ei, ai as ti, an as ai, aw as ri, aT as ni, ae as si, av as ii, e as li, R as oi, l as ci, r as di, aJ as ui, br as mi, bs as pi, ak as gi, ag as hi, j as fi, z as bi, b9 as vi, ah as yi, bH as wi, be as _i, bh as Ci, bf as Ni, bg as ki, k as Si, bb as Di, S as xi, bj as Ti, ax as Ri, bd as Mi, bJ as Pi, am as Ai, v as Ei, bD as Fi, n as Ii, h as Li, s as Oi, a0 as $i, a1 as zi, a9 as Bi, bp as Gi, bw as Hi, aC as Wi, aD as Vi, a8 as ji, aQ as Ki, aR as Ui, aF as Yi, aG as qi, aI as Qi, aX as Ji, aY as Xi, by as Zi, bx as el, a_ as tl, a$ as al, az as rl, aA as nl, b7 as sl, b6 as il, b0 as ll, aN as ol, aO as cl, aZ as dl, aK as ul, aL as ml, d as pl, bv as gl, bk as hl, bm as fl, bn as bl, aW as vl, a3 as yl, bL as wl, g as _l } from "./Expandable-DFHxVkCF.js";
|
|
3
|
+
import { jsxs as f, jsx as r, Fragment as L } from "react/jsx-runtime";
|
|
4
4
|
import * as $ from "react";
|
|
5
|
-
import
|
|
5
|
+
import I, { useRef as M, useEffect as E, useState as A, useCallback as C, useId as Ne, forwardRef as Ge, useMemo as ce, useLayoutEffect as ke, createContext as He, useContext as We } from "react";
|
|
6
6
|
import { motion as B, useMotionValue as Ve, AnimatePresence as je, useDragControls as Ke } from "framer-motion";
|
|
7
|
-
import { u as Ue } from "./COMMITS-
|
|
8
|
-
import { N as
|
|
9
|
-
import { createPortal as
|
|
7
|
+
import { u as Ue } from "./COMMITS-DlJB1KcF.js";
|
|
8
|
+
import { N as Nl, C as kl, c as Sl, P as Dl, f as xl, S as Tl, e as Rl, i as Ml, r as Pl, b as Al, d as El, a as Fl } from "./COMMITS-DlJB1KcF.js";
|
|
9
|
+
import { createPortal as Se } from "react-dom";
|
|
10
10
|
import { B as Ye, U as de } from "./UIContext-Dm0GYHFT.js";
|
|
11
|
-
import { a as
|
|
12
|
-
import { B as
|
|
13
|
-
import { DEFAULT_MARKET_PRESETS as
|
|
11
|
+
import { a as Ll, u as Ol } from "./UIContext-Dm0GYHFT.js";
|
|
12
|
+
import { B as zl, D as Bl, M as Gl, O as Hl, a as Wl, S as Vl, T as jl, e as Kl } from "./MetricCard-Cyoxhb_S.js";
|
|
13
|
+
import { DEFAULT_MARKET_PRESETS as Yl, DEFAULT_PINNED as ql, PERIOD_OPTIONS as Ql, ROLLING_OPTIONS as Jl, TODAY_PRESET as Xl, findPreset as Zl, formatDateRange as eo, formatMarketDates as to, formatTrend as ao, formatValue as ro, generateMarketId as no, getAllPresets as so, getDateRangeForPreset as io, getPresetLabel as lo, isInRange as oo, isMarketActive as co, isSameDay as uo, normalizePresetId as mo, toUppercasePresetId as po } from "@mt-gloss/utils";
|
|
14
14
|
import qe from "@mui/icons-material/AccessTime";
|
|
15
15
|
import Qe from "@mui/icons-material/Tune";
|
|
16
16
|
import Je from "@mui/icons-material/ViewColumn";
|
|
@@ -19,84 +19,84 @@ import Ze from "@mui/icons-material/Palette";
|
|
|
19
19
|
import et from "@mui/icons-material/PushPin";
|
|
20
20
|
import { useMotionProbe as re } from "@mt-gloss/motion";
|
|
21
21
|
import { B as Y, a as ne } from "./BaseText-Dxbk1JJa.js";
|
|
22
|
-
function
|
|
23
|
-
const { enabled: t = !0, returnTo: n } = e,
|
|
22
|
+
function Ha(e = {}) {
|
|
23
|
+
const { enabled: t = !0, returnTo: n } = e, a = M(null);
|
|
24
24
|
return E(() => {
|
|
25
|
-
t && (
|
|
25
|
+
t && (a.current = n || document.activeElement);
|
|
26
26
|
}, [t, n]), E(() => () => {
|
|
27
|
-
t &&
|
|
28
|
-
|
|
27
|
+
t && a.current && setTimeout(() => {
|
|
28
|
+
a.current?.focus?.();
|
|
29
29
|
}, 0);
|
|
30
|
-
}, [t]),
|
|
30
|
+
}, [t]), a;
|
|
31
31
|
}
|
|
32
|
-
function
|
|
32
|
+
function Wa(e) {
|
|
33
33
|
const {
|
|
34
34
|
items: t,
|
|
35
35
|
activeIndex: n,
|
|
36
|
-
onActiveIndexChange:
|
|
36
|
+
onActiveIndexChange: a,
|
|
37
37
|
loop: s = !0,
|
|
38
38
|
orientation: i = "vertical",
|
|
39
39
|
enabled: l = !0,
|
|
40
40
|
isItemDisabled: o,
|
|
41
41
|
onSelect: u,
|
|
42
42
|
onEscape: m
|
|
43
|
-
} = e, [d, g] = A(-1), c = n !== void 0 ? n : d, p =
|
|
43
|
+
} = e, [d, g] = A(-1), c = n !== void 0 ? n : d, p = C(
|
|
44
44
|
(h) => {
|
|
45
|
-
n === void 0 && g(h),
|
|
45
|
+
n === void 0 && g(h), a?.(h);
|
|
46
46
|
},
|
|
47
|
-
[n,
|
|
48
|
-
), b =
|
|
49
|
-
(h,
|
|
50
|
-
const
|
|
51
|
-
if (
|
|
52
|
-
const
|
|
53
|
-
if (
|
|
54
|
-
return
|
|
55
|
-
let P =
|
|
56
|
-
return s ? P = (P +
|
|
47
|
+
[n, a]
|
|
48
|
+
), b = C(() => t.map((h, v) => ({ item: h, index: v })).filter(({ item: h, index: v }) => !o?.(h, v)).map(({ index: h }) => h), [t, o]), k = C(
|
|
49
|
+
(h, v) => {
|
|
50
|
+
const N = b();
|
|
51
|
+
if (N.length === 0) return -1;
|
|
52
|
+
const x = N.indexOf(h);
|
|
53
|
+
if (x === -1)
|
|
54
|
+
return v === 1 ? N.find((D) => D > h) ?? (s ? N[0] : -1) : [...N].reverse().find((F) => F < h) ?? (s ? N[N.length - 1] : -1);
|
|
55
|
+
let P = x + v;
|
|
56
|
+
return s ? P = (P + N.length) % N.length : P = Math.max(0, Math.min(N.length - 1, P)), N[P];
|
|
57
57
|
},
|
|
58
58
|
[b, s]
|
|
59
|
-
), w =
|
|
59
|
+
), w = C(() => {
|
|
60
60
|
const h = b();
|
|
61
61
|
h.length > 0 && p(h[0]);
|
|
62
|
-
}, [b, p]),
|
|
62
|
+
}, [b, p]), y = C(() => {
|
|
63
63
|
const h = b();
|
|
64
64
|
h.length > 0 && p(h[h.length - 1]);
|
|
65
|
-
}, [b, p]),
|
|
65
|
+
}, [b, p]), T = C(() => {
|
|
66
66
|
const h = k(c, 1);
|
|
67
67
|
h !== -1 && p(h);
|
|
68
|
-
}, [c, k, p]),
|
|
68
|
+
}, [c, k, p]), _ = C(() => {
|
|
69
69
|
const h = k(c, -1);
|
|
70
70
|
h !== -1 && p(h);
|
|
71
|
-
}, [c, k, p]), S =
|
|
71
|
+
}, [c, k, p]), S = C(() => {
|
|
72
72
|
p(-1);
|
|
73
|
-
}, [p]),
|
|
73
|
+
}, [p]), R = C(
|
|
74
74
|
(h) => {
|
|
75
75
|
if (!l) return;
|
|
76
|
-
const { key:
|
|
77
|
-
if (
|
|
78
|
-
h.preventDefault(), c === -1 ?
|
|
76
|
+
const { key: v } = h, N = v === "ArrowUp" && (i === "vertical" || i === "both"), x = v === "ArrowDown" && (i === "vertical" || i === "both"), P = v === "ArrowLeft" && (i === "horizontal" || i === "both"), D = v === "ArrowRight" && (i === "horizontal" || i === "both");
|
|
77
|
+
if (N || P) {
|
|
78
|
+
h.preventDefault(), c === -1 ? y() : _();
|
|
79
79
|
return;
|
|
80
80
|
}
|
|
81
|
-
if (
|
|
82
|
-
h.preventDefault(), c === -1 ? w() :
|
|
81
|
+
if (x || D) {
|
|
82
|
+
h.preventDefault(), c === -1 ? w() : T();
|
|
83
83
|
return;
|
|
84
84
|
}
|
|
85
|
-
if (
|
|
85
|
+
if (v === "Home") {
|
|
86
86
|
h.preventDefault(), w();
|
|
87
87
|
return;
|
|
88
88
|
}
|
|
89
|
-
if (
|
|
90
|
-
h.preventDefault(),
|
|
89
|
+
if (v === "End") {
|
|
90
|
+
h.preventDefault(), y();
|
|
91
91
|
return;
|
|
92
92
|
}
|
|
93
|
-
if ((
|
|
93
|
+
if ((v === "Enter" || v === " ") && c >= 0 && c < t.length) {
|
|
94
94
|
h.preventDefault();
|
|
95
95
|
const F = t[c];
|
|
96
96
|
o?.(F, c) || u?.(F, c);
|
|
97
97
|
return;
|
|
98
98
|
}
|
|
99
|
-
if (
|
|
99
|
+
if (v === "Escape") {
|
|
100
100
|
m?.();
|
|
101
101
|
return;
|
|
102
102
|
}
|
|
@@ -107,9 +107,9 @@ function Va(e) {
|
|
|
107
107
|
c,
|
|
108
108
|
t,
|
|
109
109
|
w,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
110
|
+
y,
|
|
111
|
+
T,
|
|
112
|
+
_,
|
|
113
113
|
o,
|
|
114
114
|
u,
|
|
115
115
|
m
|
|
@@ -118,11 +118,11 @@ function Va(e) {
|
|
|
118
118
|
return {
|
|
119
119
|
focusedIndex: c,
|
|
120
120
|
setFocusedIndex: p,
|
|
121
|
-
handleKeyDown:
|
|
121
|
+
handleKeyDown: R,
|
|
122
122
|
focusFirst: w,
|
|
123
|
-
focusLast:
|
|
124
|
-
focusNext:
|
|
125
|
-
focusPrevious:
|
|
123
|
+
focusLast: y,
|
|
124
|
+
focusNext: T,
|
|
125
|
+
focusPrevious: _,
|
|
126
126
|
resetFocus: S
|
|
127
127
|
};
|
|
128
128
|
}
|
|
@@ -130,20 +130,20 @@ const tt = ({
|
|
|
130
130
|
label: e = "Set a target",
|
|
131
131
|
unit: t,
|
|
132
132
|
currentValue: n,
|
|
133
|
-
onConfirm:
|
|
133
|
+
onConfirm: a,
|
|
134
134
|
onSkip: s,
|
|
135
135
|
hint: i
|
|
136
136
|
}) => {
|
|
137
137
|
const [l, o] = A(n != null ? String(n) : ""), u = () => {
|
|
138
138
|
const p = parseFloat(l);
|
|
139
|
-
Number.isNaN(p) ||
|
|
139
|
+
Number.isNaN(p) || a(p);
|
|
140
140
|
}, m = (p) => {
|
|
141
141
|
p.key === "Enter" ? (p.preventDefault(), u()) : p.key === "Escape" && (p.preventDefault(), s?.());
|
|
142
|
-
}, d =
|
|
142
|
+
}, d = Ne(), g = `gloss-target-input-field-${d}`, c = i ? `gloss-target-input-hint-${d}` : void 0;
|
|
143
143
|
return /* @__PURE__ */ f("div", { className: "gloss-target-input", children: [
|
|
144
|
-
/* @__PURE__ */
|
|
144
|
+
/* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: g, children: e }),
|
|
145
145
|
/* @__PURE__ */ f("div", { className: "gloss-target-input__field-row", children: [
|
|
146
|
-
/* @__PURE__ */
|
|
146
|
+
/* @__PURE__ */ r(
|
|
147
147
|
"input",
|
|
148
148
|
{
|
|
149
149
|
id: g,
|
|
@@ -156,11 +156,11 @@ const tt = ({
|
|
|
156
156
|
autoFocus: !0
|
|
157
157
|
}
|
|
158
158
|
),
|
|
159
|
-
t && /* @__PURE__ */
|
|
159
|
+
t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
|
|
160
160
|
] }),
|
|
161
|
-
i && /* @__PURE__ */
|
|
161
|
+
i && /* @__PURE__ */ r("p", { id: c, className: "gloss-target-input__hint", children: i }),
|
|
162
162
|
/* @__PURE__ */ f("div", { className: "gloss-target-input__actions", children: [
|
|
163
|
-
/* @__PURE__ */
|
|
163
|
+
/* @__PURE__ */ r(
|
|
164
164
|
"button",
|
|
165
165
|
{
|
|
166
166
|
type: "button",
|
|
@@ -169,7 +169,7 @@ const tt = ({
|
|
|
169
169
|
children: "Confirm"
|
|
170
170
|
}
|
|
171
171
|
),
|
|
172
|
-
s && /* @__PURE__ */
|
|
172
|
+
s && /* @__PURE__ */ r(
|
|
173
173
|
"button",
|
|
174
174
|
{
|
|
175
175
|
type: "button",
|
|
@@ -205,18 +205,18 @@ const tt = ({
|
|
|
205
205
|
field: "manufacturer",
|
|
206
206
|
value: "widget-co-456",
|
|
207
207
|
onRemove: Z
|
|
208
|
-
},
|
|
208
|
+
}, Va = [
|
|
209
209
|
at,
|
|
210
210
|
rt,
|
|
211
211
|
nt,
|
|
212
212
|
st
|
|
213
|
-
],
|
|
213
|
+
], ja = {
|
|
214
214
|
id: "metric-toggle",
|
|
215
215
|
tabs: [
|
|
216
216
|
{ id: "$", label: "$", mono: !0 },
|
|
217
217
|
{ id: "#", label: "#", mono: !0 }
|
|
218
218
|
]
|
|
219
|
-
},
|
|
219
|
+
}, Ka = {
|
|
220
220
|
id: "entity-type",
|
|
221
221
|
tabs: [
|
|
222
222
|
{ id: "orders", label: "Orders" },
|
|
@@ -224,7 +224,7 @@ const tt = ({
|
|
|
224
224
|
{ id: "customers", label: "Customers" },
|
|
225
225
|
{ id: "manufacturers", label: "Manufacturers" }
|
|
226
226
|
]
|
|
227
|
-
},
|
|
227
|
+
}, Ua = {
|
|
228
228
|
id: "time-frame",
|
|
229
229
|
tabs: [
|
|
230
230
|
{ id: "MTD", label: "MTD" },
|
|
@@ -232,26 +232,26 @@ const tt = ({
|
|
|
232
232
|
{ id: "YTD", label: "YTD" },
|
|
233
233
|
{ id: "LYTD", label: "LYTD" }
|
|
234
234
|
]
|
|
235
|
-
},
|
|
235
|
+
}, Ya = [
|
|
236
236
|
{ variant: "block", width: "100%", height: 16 },
|
|
237
237
|
{ variant: "block", width: 200, height: 32, borderRadius: 8 },
|
|
238
238
|
{ variant: "block", width: "80%", height: 12, borderRadius: "4px" },
|
|
239
239
|
{ variant: "block", width: 120, height: 44, borderRadius: 22 }
|
|
240
|
-
],
|
|
240
|
+
], qa = [
|
|
241
241
|
{ variant: "text", lines: 3, lineHeight: 14, gap: 8 },
|
|
242
242
|
{ variant: "text", lines: 2, lineHeight: 16, gap: 10 },
|
|
243
243
|
{ variant: "text", lines: 5, lineHeight: 12, gap: 6 }
|
|
244
|
-
],
|
|
244
|
+
], Qa = [
|
|
245
245
|
{ variant: "circle", size: 24 },
|
|
246
246
|
{ variant: "circle", size: 40 },
|
|
247
247
|
{ variant: "circle", size: 64 }
|
|
248
|
-
],
|
|
248
|
+
], Ja = [
|
|
249
249
|
{ bars: 10, maxHeight: 120 },
|
|
250
250
|
{ bars: 5, maxHeight: 80 }
|
|
251
|
-
],
|
|
251
|
+
], Xa = [
|
|
252
252
|
{ rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
|
|
253
253
|
{ rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
|
|
254
|
-
],
|
|
254
|
+
], Za = [
|
|
255
255
|
{ variant: "value", colSpan: 1 },
|
|
256
256
|
{ variant: "trend", colSpan: 2 },
|
|
257
257
|
{ variant: "target", colSpan: 1 }
|
|
@@ -294,12 +294,12 @@ function ot({
|
|
|
294
294
|
open: e,
|
|
295
295
|
anchorEl: t,
|
|
296
296
|
statusId: n,
|
|
297
|
-
onOpenInTable:
|
|
297
|
+
onOpenInTable: a,
|
|
298
298
|
onShowOnGraph: s,
|
|
299
299
|
overflowActions: i,
|
|
300
300
|
onClose: l
|
|
301
301
|
}) {
|
|
302
|
-
const [o, u] = A(null), m = M(null), d =
|
|
302
|
+
const [o, u] = A(null), m = M(null), d = C(() => {
|
|
303
303
|
if (!t) return { ...ue, top: 0, left: 0 };
|
|
304
304
|
const p = t.getBoundingClientRect();
|
|
305
305
|
return {
|
|
@@ -330,7 +330,7 @@ function ot({
|
|
|
330
330
|
"aria-label": "Status actions",
|
|
331
331
|
style: d(),
|
|
332
332
|
children: [
|
|
333
|
-
/* @__PURE__ */
|
|
333
|
+
/* @__PURE__ */ r(
|
|
334
334
|
"button",
|
|
335
335
|
{
|
|
336
336
|
role: "menuitem",
|
|
@@ -338,12 +338,12 @@ function ot({
|
|
|
338
338
|
onMouseEnter: () => u("__primary"),
|
|
339
339
|
onMouseLeave: () => u(null),
|
|
340
340
|
onClick: () => {
|
|
341
|
-
|
|
341
|
+
a(n), l();
|
|
342
342
|
},
|
|
343
343
|
children: "Open in table"
|
|
344
344
|
}
|
|
345
345
|
),
|
|
346
|
-
/* @__PURE__ */
|
|
346
|
+
/* @__PURE__ */ r(
|
|
347
347
|
"button",
|
|
348
348
|
{
|
|
349
349
|
role: "menuitem",
|
|
@@ -356,8 +356,8 @@ function ot({
|
|
|
356
356
|
children: "Show on graph"
|
|
357
357
|
}
|
|
358
358
|
),
|
|
359
|
-
g && /* @__PURE__ */
|
|
360
|
-
g && i?.map((p) => /* @__PURE__ */
|
|
359
|
+
g && /* @__PURE__ */ r("div", { style: lt }),
|
|
360
|
+
g && i?.map((p) => /* @__PURE__ */ r(
|
|
361
361
|
"button",
|
|
362
362
|
{
|
|
363
363
|
role: "menuitem",
|
|
@@ -374,17 +374,17 @@ function ot({
|
|
|
374
374
|
]
|
|
375
375
|
}
|
|
376
376
|
);
|
|
377
|
-
return
|
|
377
|
+
return Se(c, document.body);
|
|
378
378
|
}
|
|
379
379
|
ot.displayName = "StatusSlotChipMenu";
|
|
380
380
|
function ct({
|
|
381
381
|
visible: e,
|
|
382
382
|
targetColSpan: t,
|
|
383
383
|
ghostWidth: n,
|
|
384
|
-
enterMs:
|
|
384
|
+
enterMs: a = 180,
|
|
385
385
|
exitMs: s = 120
|
|
386
386
|
}) {
|
|
387
|
-
return /* @__PURE__ */
|
|
387
|
+
return /* @__PURE__ */ r(
|
|
388
388
|
B.div,
|
|
389
389
|
{
|
|
390
390
|
"aria-hidden": "true",
|
|
@@ -396,7 +396,7 @@ function ct({
|
|
|
396
396
|
].filter(Boolean).join(" "),
|
|
397
397
|
style: {
|
|
398
398
|
width: n,
|
|
399
|
-
transitionDuration: `${e ?
|
|
399
|
+
transitionDuration: `${e ? a : s}ms`
|
|
400
400
|
}
|
|
401
401
|
}
|
|
402
402
|
);
|
|
@@ -422,7 +422,7 @@ const dt = {
|
|
|
422
422
|
// Velocity multiplier (D-03b panel)
|
|
423
423
|
velocityMultiplier: 1
|
|
424
424
|
};
|
|
425
|
-
class
|
|
425
|
+
class er {
|
|
426
426
|
constructor() {
|
|
427
427
|
this.samples = [], this.capacity = 3;
|
|
428
428
|
}
|
|
@@ -463,7 +463,7 @@ class tr {
|
|
|
463
463
|
const [u, m] = this.samples, d = Math.max(1, m.t - u.t);
|
|
464
464
|
return (m.x - u.x) / d * 1e3;
|
|
465
465
|
}
|
|
466
|
-
const [n,
|
|
466
|
+
const [n, a, s] = this.samples, i = (s.x - a.x) / Math.max(1, s.t - a.t) * 1e3, l = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, o = l;
|
|
467
467
|
return (i * 3 + l * 2 + o * 1) / 6;
|
|
468
468
|
}
|
|
469
469
|
}
|
|
@@ -491,7 +491,7 @@ const j = {
|
|
|
491
491
|
sectionDividerFadeInMs: 120,
|
|
492
492
|
sectionDividerFadeOutMs: 80,
|
|
493
493
|
sectionDividerStaggerMs: 40
|
|
494
|
-
},
|
|
494
|
+
}, De = {
|
|
495
495
|
// Geometry (D-08)
|
|
496
496
|
pillOverhangPx: 12,
|
|
497
497
|
pillClearancePx: 14,
|
|
@@ -510,11 +510,11 @@ const j = {
|
|
|
510
510
|
chainPulseMs: 1200,
|
|
511
511
|
chainStaggerMs: 120
|
|
512
512
|
};
|
|
513
|
-
function
|
|
514
|
-
const { visible: t, currentTarget: n, previewTarget:
|
|
513
|
+
function xe(e) {
|
|
514
|
+
const { visible: t, currentTarget: n, previewTarget: a, targetWidth: s, orientation: i } = e, l = Ve(s);
|
|
515
515
|
return E(() => {
|
|
516
516
|
l.set(s);
|
|
517
|
-
}, [s, l]), !t ||
|
|
517
|
+
}, [s, l]), !t || a === n ? null : /* @__PURE__ */ r(
|
|
518
518
|
B.div,
|
|
519
519
|
{
|
|
520
520
|
"aria-hidden": "true",
|
|
@@ -548,12 +548,12 @@ function De(e) {
|
|
|
548
548
|
}
|
|
549
549
|
);
|
|
550
550
|
}
|
|
551
|
-
|
|
552
|
-
function
|
|
551
|
+
xe.displayName = "ResizePillGhost";
|
|
552
|
+
function Te(e) {
|
|
553
553
|
const {
|
|
554
554
|
visible: t,
|
|
555
555
|
direction: n,
|
|
556
|
-
pillClearancePx:
|
|
556
|
+
pillClearancePx: a,
|
|
557
557
|
ghostClearancePx: s,
|
|
558
558
|
startX: i,
|
|
559
559
|
endX: l,
|
|
@@ -561,8 +561,8 @@ function xe(e) {
|
|
|
561
561
|
staggerMs: u
|
|
562
562
|
} = e;
|
|
563
563
|
if (!t) return null;
|
|
564
|
-
const m = n === "grow", d = m ? i +
|
|
565
|
-
return /* @__PURE__ */
|
|
564
|
+
const m = n === "grow", d = m ? i + a : i + s, g = m ? l - s : l - a, c = Math.max(0, g - d);
|
|
565
|
+
return /* @__PURE__ */ r(
|
|
566
566
|
"div",
|
|
567
567
|
{
|
|
568
568
|
"aria-hidden": "true",
|
|
@@ -581,7 +581,7 @@ function xe(e) {
|
|
|
581
581
|
left: d,
|
|
582
582
|
width: c
|
|
583
583
|
},
|
|
584
|
-
children: (n === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((b, k) => /* @__PURE__ */
|
|
584
|
+
children: (n === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((b, k) => /* @__PURE__ */ r(
|
|
585
585
|
B.span,
|
|
586
586
|
{
|
|
587
587
|
className: [
|
|
@@ -605,30 +605,30 @@ function xe(e) {
|
|
|
605
605
|
}
|
|
606
606
|
);
|
|
607
607
|
}
|
|
608
|
-
|
|
608
|
+
Te.displayName = "ResizePillArrowChain";
|
|
609
609
|
const me = 3;
|
|
610
610
|
function pe({ filled: e, total: t }) {
|
|
611
611
|
const n = [];
|
|
612
|
-
for (let
|
|
612
|
+
for (let a = 0; a < t; a++)
|
|
613
613
|
n.push(
|
|
614
|
-
/* @__PURE__ */
|
|
614
|
+
/* @__PURE__ */ r(
|
|
615
615
|
"span",
|
|
616
616
|
{
|
|
617
617
|
className: [
|
|
618
618
|
"gloss-resize-pill-tooltip__cell",
|
|
619
|
-
|
|
619
|
+
a < e ? "gloss-resize-pill-tooltip__cell--filled" : ""
|
|
620
620
|
].filter(Boolean).join(" ")
|
|
621
621
|
},
|
|
622
|
-
|
|
622
|
+
a
|
|
623
623
|
)
|
|
624
624
|
);
|
|
625
|
-
return /* @__PURE__ */
|
|
625
|
+
return /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__matrix", children: n });
|
|
626
626
|
}
|
|
627
627
|
function ge(e) {
|
|
628
628
|
return e === "compact" ? "Compact" : e === "medium" ? "Medium" : e === "full" ? "Full" : String(e);
|
|
629
629
|
}
|
|
630
630
|
function Re(e) {
|
|
631
|
-
const { visible: t, currentTarget: n, previewTarget:
|
|
631
|
+
const { visible: t, currentTarget: n, previewTarget: a, mode: s, showSizeTooltip: i = !0 } = e;
|
|
632
632
|
return !t || i === !1 ? null : /* @__PURE__ */ f(
|
|
633
633
|
B.div,
|
|
634
634
|
{
|
|
@@ -641,27 +641,27 @@ function Re(e) {
|
|
|
641
641
|
exit: { opacity: 0 },
|
|
642
642
|
transition: { duration: 0.18 },
|
|
643
643
|
children: [
|
|
644
|
-
s === "directional" && /* @__PURE__ */ f(
|
|
645
|
-
/* @__PURE__ */
|
|
644
|
+
s === "directional" && /* @__PURE__ */ f(L, { children: [
|
|
645
|
+
/* @__PURE__ */ r(
|
|
646
646
|
pe,
|
|
647
647
|
{
|
|
648
648
|
filled: typeof n == "number" ? n : 1,
|
|
649
649
|
total: me
|
|
650
650
|
}
|
|
651
651
|
),
|
|
652
|
-
/* @__PURE__ */
|
|
653
|
-
/* @__PURE__ */
|
|
652
|
+
/* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__arrow", children: "→" }),
|
|
653
|
+
/* @__PURE__ */ r(
|
|
654
654
|
pe,
|
|
655
655
|
{
|
|
656
|
-
filled: typeof
|
|
656
|
+
filled: typeof a == "number" ? a : 1,
|
|
657
657
|
total: me
|
|
658
658
|
}
|
|
659
659
|
)
|
|
660
660
|
] }),
|
|
661
|
-
s === "sized" && /* @__PURE__ */ f(
|
|
662
|
-
/* @__PURE__ */
|
|
663
|
-
/* @__PURE__ */
|
|
664
|
-
/* @__PURE__ */
|
|
661
|
+
s === "sized" && /* @__PURE__ */ f(L, { children: [
|
|
662
|
+
/* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__label", children: ge(n) }),
|
|
663
|
+
/* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__arrow", children: "→" }),
|
|
664
|
+
/* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__label", children: ge(a) })
|
|
665
665
|
] })
|
|
666
666
|
]
|
|
667
667
|
}
|
|
@@ -669,7 +669,7 @@ function Re(e) {
|
|
|
669
669
|
}
|
|
670
670
|
Re.displayName = "ResizePillSizeTooltip";
|
|
671
671
|
function ut({ direction: e }) {
|
|
672
|
-
return /* @__PURE__ */
|
|
672
|
+
return /* @__PURE__ */ r(
|
|
673
673
|
"svg",
|
|
674
674
|
{
|
|
675
675
|
width: 14,
|
|
@@ -681,12 +681,12 @@ function ut({ direction: e }) {
|
|
|
681
681
|
strokeLinecap: "round",
|
|
682
682
|
strokeLinejoin: "round",
|
|
683
683
|
"aria-hidden": "true",
|
|
684
|
-
children: /* @__PURE__ */
|
|
684
|
+
children: /* @__PURE__ */ r("g", { transform: e === "left" ? "scale(-1, 1) translate(-14, 0)" : void 0, children: /* @__PURE__ */ r("path", { d: "M5.5 3 L9.5 7 L5.5 11" }) })
|
|
685
685
|
}
|
|
686
686
|
);
|
|
687
687
|
}
|
|
688
688
|
function mt() {
|
|
689
|
-
return /* @__PURE__ */
|
|
689
|
+
return /* @__PURE__ */ r(
|
|
690
690
|
"svg",
|
|
691
691
|
{
|
|
692
692
|
width: 14,
|
|
@@ -698,13 +698,13 @@ function mt() {
|
|
|
698
698
|
strokeLinecap: "round",
|
|
699
699
|
strokeLinejoin: "round",
|
|
700
700
|
"aria-hidden": "true",
|
|
701
|
-
children: /* @__PURE__ */
|
|
701
|
+
children: /* @__PURE__ */ r("path", { d: "M3 7.5 L6 10.5 L11 4.5" })
|
|
702
702
|
}
|
|
703
703
|
);
|
|
704
704
|
}
|
|
705
705
|
function pt({ target: e }) {
|
|
706
706
|
const t = e === "compact" ? 5 : e === "medium" ? 9 : 13;
|
|
707
|
-
return /* @__PURE__ */
|
|
707
|
+
return /* @__PURE__ */ r(
|
|
708
708
|
"svg",
|
|
709
709
|
{
|
|
710
710
|
width: 14,
|
|
@@ -712,7 +712,7 @@ function pt({ target: e }) {
|
|
|
712
712
|
viewBox: "0 0 14 14",
|
|
713
713
|
fill: "currentColor",
|
|
714
714
|
"aria-hidden": "true",
|
|
715
|
-
children: /* @__PURE__ */
|
|
715
|
+
children: /* @__PURE__ */ r("rect", { x: (14 - t) / 2, y: 5, width: t, height: 4, rx: 1 })
|
|
716
716
|
}
|
|
717
717
|
);
|
|
718
718
|
}
|
|
@@ -720,7 +720,7 @@ function gt(e) {
|
|
|
720
720
|
const {
|
|
721
721
|
target: t,
|
|
722
722
|
currentTarget: n,
|
|
723
|
-
mode:
|
|
723
|
+
mode: a,
|
|
724
724
|
isActive: s,
|
|
725
725
|
isHovered: i,
|
|
726
726
|
onCommit: l,
|
|
@@ -730,11 +730,11 @@ function gt(e) {
|
|
|
730
730
|
buttonWidth: d
|
|
731
731
|
} = e;
|
|
732
732
|
let g = null;
|
|
733
|
-
if (
|
|
733
|
+
if (a === "directional") {
|
|
734
734
|
const c = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
|
|
735
|
-
g = /* @__PURE__ */
|
|
735
|
+
g = /* @__PURE__ */ r(ut, { direction: c });
|
|
736
736
|
} else
|
|
737
|
-
g = /* @__PURE__ */
|
|
737
|
+
g = /* @__PURE__ */ r(pt, { target: t });
|
|
738
738
|
return /* @__PURE__ */ f(
|
|
739
739
|
"button",
|
|
740
740
|
{
|
|
@@ -745,7 +745,7 @@ function gt(e) {
|
|
|
745
745
|
s ? "gloss-resize-pill__button--active" : ""
|
|
746
746
|
].filter(Boolean).join(" "),
|
|
747
747
|
"data-target": String(t),
|
|
748
|
-
"data-mode":
|
|
748
|
+
"data-mode": a,
|
|
749
749
|
"data-active": s ? "true" : "false",
|
|
750
750
|
"data-button-hover-state": i ? "check" : "chevron",
|
|
751
751
|
style: { width: d, height: m },
|
|
@@ -754,20 +754,20 @@ function gt(e) {
|
|
|
754
754
|
onPointerLeave: () => u?.(),
|
|
755
755
|
"aria-label": `Resize to ${String(t)}`,
|
|
756
756
|
children: [
|
|
757
|
-
/* @__PURE__ */
|
|
758
|
-
/* @__PURE__ */
|
|
757
|
+
/* @__PURE__ */ r("span", { className: "gloss-resize-pill__glyph", children: g }),
|
|
758
|
+
/* @__PURE__ */ r("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ r(mt, {}) })
|
|
759
759
|
]
|
|
760
760
|
}
|
|
761
761
|
);
|
|
762
762
|
}
|
|
763
763
|
const ht = Ge(
|
|
764
764
|
function(t, n) {
|
|
765
|
-
const
|
|
766
|
-
...
|
|
765
|
+
const a = {
|
|
766
|
+
...De,
|
|
767
767
|
...t.physics
|
|
768
768
|
}, s = t.pillVisible && !t.forceIdle && t.resizePillEnabled !== !1, i = t.availableTargets, l = t.orientation ?? "vertical", o = t.buttonHover !== null && t.previewTarget !== void 0 && t.previewTarget !== null && t.previewTarget !== t.currentTarget && !t.forceIdle && t.resizePillEnabled !== !1, u = o && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, m = t.chainStartX ?? 0, d = t.chainEndX ?? t.hostWidth, g = t.chainDirection ?? "grow";
|
|
769
769
|
return /* @__PURE__ */ f(je, { children: [
|
|
770
|
-
s && /* @__PURE__ */
|
|
770
|
+
s && /* @__PURE__ */ r(
|
|
771
771
|
B.div,
|
|
772
772
|
{
|
|
773
773
|
ref: n,
|
|
@@ -790,10 +790,10 @@ const ht = Ge(
|
|
|
790
790
|
initial: { opacity: 0 },
|
|
791
791
|
animate: { opacity: 1 },
|
|
792
792
|
exit: { opacity: 0 },
|
|
793
|
-
transition: { duration:
|
|
793
|
+
transition: { duration: a.pillRevealMs / 1e3 },
|
|
794
794
|
onPointerEnter: t.onPillEnter,
|
|
795
795
|
onPointerLeave: t.onPillLeave,
|
|
796
|
-
children: i.map((c) => /* @__PURE__ */
|
|
796
|
+
children: i.map((c) => /* @__PURE__ */ r(
|
|
797
797
|
gt,
|
|
798
798
|
{
|
|
799
799
|
target: c,
|
|
@@ -807,42 +807,42 @@ const ht = Ge(
|
|
|
807
807
|
onCommit: t.onCommit,
|
|
808
808
|
onEnter: t.onButtonEnter,
|
|
809
809
|
onLeave: t.onButtonLeave,
|
|
810
|
-
buttonHeight:
|
|
811
|
-
buttonWidth:
|
|
810
|
+
buttonHeight: a.pillButtonHeight,
|
|
811
|
+
buttonWidth: a.pillButtonWidth
|
|
812
812
|
},
|
|
813
813
|
String(c)
|
|
814
814
|
))
|
|
815
815
|
},
|
|
816
816
|
"pill"
|
|
817
817
|
),
|
|
818
|
-
s && o && t.previewTarget != null && /* @__PURE__ */
|
|
819
|
-
|
|
818
|
+
s && o && t.previewTarget != null && /* @__PURE__ */ r(
|
|
819
|
+
xe,
|
|
820
820
|
{
|
|
821
821
|
visible: !0,
|
|
822
822
|
currentTarget: t.currentTarget,
|
|
823
823
|
previewTarget: t.previewTarget,
|
|
824
824
|
hostWidth: t.hostWidth,
|
|
825
825
|
targetWidth: u,
|
|
826
|
-
ghostClearancePx:
|
|
826
|
+
ghostClearancePx: a.ghostClearancePx,
|
|
827
827
|
orientation: l
|
|
828
828
|
},
|
|
829
829
|
"ghost"
|
|
830
830
|
),
|
|
831
|
-
s && o && /* @__PURE__ */
|
|
832
|
-
|
|
831
|
+
s && o && /* @__PURE__ */ r(
|
|
832
|
+
Te,
|
|
833
833
|
{
|
|
834
834
|
visible: !0,
|
|
835
835
|
direction: g,
|
|
836
|
-
pillClearancePx:
|
|
837
|
-
ghostClearancePx:
|
|
836
|
+
pillClearancePx: a.pillClearancePx,
|
|
837
|
+
ghostClearancePx: a.ghostClearancePx,
|
|
838
838
|
startX: m,
|
|
839
839
|
endX: d,
|
|
840
|
-
pulseMs:
|
|
841
|
-
staggerMs:
|
|
840
|
+
pulseMs: a.chainPulseMs,
|
|
841
|
+
staggerMs: a.chainStaggerMs
|
|
842
842
|
},
|
|
843
843
|
"chain"
|
|
844
844
|
),
|
|
845
|
-
s && o && t.showSizeTooltip && t.previewTarget != null && /* @__PURE__ */
|
|
845
|
+
s && o && t.showSizeTooltip && t.previewTarget != null && /* @__PURE__ */ r(
|
|
846
846
|
Re,
|
|
847
847
|
{
|
|
848
848
|
visible: !0,
|
|
@@ -857,11 +857,11 @@ const ht = Ge(
|
|
|
857
857
|
}
|
|
858
858
|
);
|
|
859
859
|
ht.displayName = "ResizePill";
|
|
860
|
-
function
|
|
860
|
+
function tr(e) {
|
|
861
861
|
const t = {
|
|
862
|
-
...
|
|
862
|
+
...De,
|
|
863
863
|
...e.physics
|
|
864
|
-
}, [n,
|
|
864
|
+
}, [n, a] = A("idle"), [s, i] = A(e.currentTarget), [l, o] = A(null), u = M(!1), m = M(null), d = M(null), g = M(e.currentTarget);
|
|
865
865
|
g.current = e.currentTarget;
|
|
866
866
|
const c = M(e.onCommit);
|
|
867
867
|
c.current = e.onCommit;
|
|
@@ -871,72 +871,72 @@ function ar(e) {
|
|
|
871
871
|
b.current = e.onPhaseChange, E(() => {
|
|
872
872
|
b.current?.(n);
|
|
873
873
|
}, [n]), E(() => {
|
|
874
|
-
e.forceIdle && (d.current && (clearTimeout(d.current), d.current = null),
|
|
874
|
+
e.forceIdle && (d.current && (clearTimeout(d.current), d.current = null), a("idle"), o(null));
|
|
875
875
|
}, [e.forceIdle]), E(() => () => {
|
|
876
876
|
m.current && clearTimeout(m.current), d.current && clearTimeout(d.current);
|
|
877
877
|
}, []);
|
|
878
|
-
const k =
|
|
879
|
-
u.current || p.current || (i(g.current),
|
|
880
|
-
}, []), w =
|
|
881
|
-
|
|
882
|
-
}, []),
|
|
878
|
+
const k = C(() => {
|
|
879
|
+
u.current || p.current || (i(g.current), a("pill-visible"));
|
|
880
|
+
}, []), w = C(() => {
|
|
881
|
+
a("idle"), o(null);
|
|
882
|
+
}, []), y = C(
|
|
883
883
|
(D) => {
|
|
884
884
|
u.current = !0, m.current && clearTimeout(m.current), m.current = setTimeout(() => {
|
|
885
885
|
u.current = !1, m.current = null;
|
|
886
|
-
}, t.fadeGraceMs), o(null),
|
|
886
|
+
}, t.fadeGraceMs), o(null), a("fading"), c.current(D);
|
|
887
887
|
},
|
|
888
888
|
[t.fadeGraceMs]
|
|
889
|
-
),
|
|
889
|
+
), T = C(() => {
|
|
890
890
|
d.current && (clearTimeout(d.current), d.current = null), k();
|
|
891
|
-
}, [k]),
|
|
891
|
+
}, [k]), _ = C(() => {
|
|
892
892
|
d.current && clearTimeout(d.current), d.current = setTimeout(() => {
|
|
893
893
|
w(), d.current = null;
|
|
894
894
|
}, t.hoverHideGraceMs);
|
|
895
|
-
}, [w, t.hoverHideGraceMs]), S =
|
|
895
|
+
}, [w, t.hoverHideGraceMs]), S = C(() => {
|
|
896
896
|
d.current && (clearTimeout(d.current), d.current = null);
|
|
897
|
-
}, []),
|
|
897
|
+
}, []), R = C(() => {
|
|
898
898
|
d.current && clearTimeout(d.current), d.current = setTimeout(() => {
|
|
899
899
|
w(), d.current = null;
|
|
900
900
|
}, t.hoverHideGraceMs);
|
|
901
|
-
}, [w, t.hoverHideGraceMs]), h =
|
|
901
|
+
}, [w, t.hoverHideGraceMs]), h = C((D) => {
|
|
902
902
|
const F = g.current;
|
|
903
903
|
let G;
|
|
904
|
-
D === "compact" || D === "medium" || D === "full" ? G = D : typeof F == "number" && typeof D == "number" ? G = D > F ? "grow" : "shrink" : G = "grow", o(G),
|
|
905
|
-
}, []),
|
|
906
|
-
o(null),
|
|
907
|
-
}, []),
|
|
904
|
+
D === "compact" || D === "medium" || D === "full" ? G = D : typeof F == "number" && typeof D == "number" ? G = D > F ? "grow" : "shrink" : G = "grow", o(G), a("pre-commit");
|
|
905
|
+
}, []), v = C(() => {
|
|
906
|
+
o(null), a((D) => D === "pre-commit" ? "pill-visible" : D);
|
|
907
|
+
}, []), N = C(
|
|
908
908
|
(D) => {
|
|
909
|
-
|
|
909
|
+
y(D);
|
|
910
910
|
},
|
|
911
|
-
[
|
|
911
|
+
[y]
|
|
912
912
|
);
|
|
913
|
-
let
|
|
914
|
-
return l !== null && (l === "compact" || l === "medium" || l === "full" ? (
|
|
913
|
+
let x = null;
|
|
914
|
+
return l !== null && (l === "compact" || l === "medium" || l === "full" ? (x = l, x === e.currentTarget && (x = null)) : l === "grow" && typeof e.currentTarget == "number" ? x = e.currentTarget + 1 : l === "shrink" && typeof e.currentTarget == "number" && (x = e.currentTarget - 1)), {
|
|
915
915
|
phase: n,
|
|
916
916
|
pillVisible: n === "pill-visible" || n === "pre-commit",
|
|
917
917
|
pillSpan: s,
|
|
918
918
|
buttonHover: l,
|
|
919
|
-
previewTarget:
|
|
919
|
+
previewTarget: x,
|
|
920
920
|
handlers: {
|
|
921
|
-
onTriggerEnter:
|
|
922
|
-
onTriggerLeave:
|
|
921
|
+
onTriggerEnter: T,
|
|
922
|
+
onTriggerLeave: _,
|
|
923
923
|
onPillEnter: S,
|
|
924
|
-
onPillLeave:
|
|
924
|
+
onPillLeave: R,
|
|
925
925
|
onButtonEnter: h,
|
|
926
|
-
onButtonLeave:
|
|
927
|
-
onButtonClick:
|
|
926
|
+
onButtonLeave: v,
|
|
927
|
+
onButtonClick: N
|
|
928
928
|
},
|
|
929
|
-
commit:
|
|
929
|
+
commit: y
|
|
930
930
|
};
|
|
931
931
|
}
|
|
932
|
-
function
|
|
933
|
-
const { cardWidthPx: t, slotCount: n, activeSlotIdx:
|
|
934
|
-
if (
|
|
932
|
+
function ar(e) {
|
|
933
|
+
const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: s } = e;
|
|
934
|
+
if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
|
|
935
935
|
return;
|
|
936
|
-
const i = (
|
|
936
|
+
const i = (a + 0.5) * (t / n);
|
|
937
937
|
return s != null && Number.isFinite(s) && s > 0 ? i - s / 2 : i;
|
|
938
938
|
}
|
|
939
|
-
const
|
|
939
|
+
const rr = [
|
|
940
940
|
// 1. Standard: Total Revenue
|
|
941
941
|
{
|
|
942
942
|
variant: "standard",
|
|
@@ -1113,14 +1113,14 @@ const nr = [
|
|
|
1113
1113
|
donutMax: 100,
|
|
1114
1114
|
accentColor: "#10b981",
|
|
1115
1115
|
isStale: !0
|
|
1116
|
-
},
|
|
1116
|
+
}, nr = [
|
|
1117
1117
|
ft,
|
|
1118
1118
|
bt,
|
|
1119
1119
|
vt,
|
|
1120
1120
|
yt,
|
|
1121
1121
|
wt,
|
|
1122
1122
|
_t
|
|
1123
|
-
],
|
|
1123
|
+
], sr = {
|
|
1124
1124
|
variant: "sparkline",
|
|
1125
1125
|
label: "Daily Orders",
|
|
1126
1126
|
value: 847,
|
|
@@ -1143,7 +1143,7 @@ const nr = [
|
|
|
1143
1143
|
59
|
|
1144
1144
|
],
|
|
1145
1145
|
accentColor: "#6366f1"
|
|
1146
|
-
},
|
|
1146
|
+
}, ir = {
|
|
1147
1147
|
variant: "sparkline",
|
|
1148
1148
|
label: "New Customers",
|
|
1149
1149
|
value: 23,
|
|
@@ -1182,21 +1182,21 @@ const nr = [
|
|
|
1182
1182
|
19
|
|
1183
1183
|
],
|
|
1184
1184
|
accentColor: "#10b981"
|
|
1185
|
-
},
|
|
1185
|
+
}, lr = {
|
|
1186
1186
|
variant: "standard",
|
|
1187
1187
|
label: "Total Revenue",
|
|
1188
1188
|
value: 125430,
|
|
1189
1189
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
1190
1190
|
trend: { value: 12.5, direction: "up" },
|
|
1191
1191
|
subtitle: "MTD"
|
|
1192
|
-
},
|
|
1192
|
+
}, or = {
|
|
1193
1193
|
variant: "standard",
|
|
1194
1194
|
label: "Returns",
|
|
1195
1195
|
value: 3280,
|
|
1196
1196
|
valueFormat: { prefix: "$", abbreviated: !0 },
|
|
1197
1197
|
trend: { value: -8.3, direction: "down" },
|
|
1198
1198
|
subtitle: "MTD"
|
|
1199
|
-
},
|
|
1199
|
+
}, cr = {
|
|
1200
1200
|
variant: "standard",
|
|
1201
1201
|
label: "Avg Order Value",
|
|
1202
1202
|
value: 487,
|
|
@@ -1204,29 +1204,29 @@ const nr = [
|
|
|
1204
1204
|
trend: { value: 0, direction: "flat" },
|
|
1205
1205
|
subtitle: "QTD"
|
|
1206
1206
|
};
|
|
1207
|
-
function
|
|
1207
|
+
function Me({
|
|
1208
1208
|
open: e,
|
|
1209
1209
|
onDismiss: t,
|
|
1210
1210
|
anchorRef: n,
|
|
1211
|
-
pages:
|
|
1211
|
+
pages: a,
|
|
1212
1212
|
activePageId: s,
|
|
1213
1213
|
onPageChange: i,
|
|
1214
1214
|
onCreatePage: l,
|
|
1215
1215
|
onManagePages: o
|
|
1216
1216
|
}) {
|
|
1217
|
-
const u =
|
|
1217
|
+
const u = C(
|
|
1218
1218
|
(c) => {
|
|
1219
1219
|
i(c), t();
|
|
1220
1220
|
},
|
|
1221
1221
|
[i, t]
|
|
1222
|
-
), m =
|
|
1222
|
+
), m = C(
|
|
1223
1223
|
(c, p) => {
|
|
1224
1224
|
(p.key === "Enter" || p.key === " ") && (p.preventDefault(), u(c));
|
|
1225
1225
|
},
|
|
1226
1226
|
[u]
|
|
1227
|
-
), d =
|
|
1227
|
+
), d = C(() => {
|
|
1228
1228
|
l(), t();
|
|
1229
|
-
}, [l, t]), g =
|
|
1229
|
+
}, [l, t]), g = C(() => {
|
|
1230
1230
|
o(), t();
|
|
1231
1231
|
}, [o, t]);
|
|
1232
1232
|
return /* @__PURE__ */ f(
|
|
@@ -1243,7 +1243,7 @@ function Te({
|
|
|
1243
1243
|
anchorRef: n,
|
|
1244
1244
|
className: "gloss-page-dropdown",
|
|
1245
1245
|
children: [
|
|
1246
|
-
/* @__PURE__ */
|
|
1246
|
+
/* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((c) => {
|
|
1247
1247
|
const p = c.id === s;
|
|
1248
1248
|
return /* @__PURE__ */ f(
|
|
1249
1249
|
"li",
|
|
@@ -1256,28 +1256,28 @@ function Te({
|
|
|
1256
1256
|
onClick: () => u(c.id),
|
|
1257
1257
|
onKeyDown: (b) => m(c.id, b),
|
|
1258
1258
|
children: [
|
|
1259
|
-
/* @__PURE__ */
|
|
1259
|
+
/* @__PURE__ */ r(
|
|
1260
1260
|
"span",
|
|
1261
1261
|
{
|
|
1262
1262
|
className: `gloss-page-dropdown__dot${p ? " gloss-page-dropdown__dot--active" : ""}`
|
|
1263
1263
|
}
|
|
1264
1264
|
),
|
|
1265
|
-
/* @__PURE__ */
|
|
1265
|
+
/* @__PURE__ */ r(
|
|
1266
1266
|
"span",
|
|
1267
1267
|
{
|
|
1268
1268
|
className: `gloss-page-dropdown__name${c.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
|
|
1269
1269
|
children: c.name
|
|
1270
1270
|
}
|
|
1271
1271
|
),
|
|
1272
|
-
c.icon && /* @__PURE__ */
|
|
1273
|
-
/* @__PURE__ */
|
|
1272
|
+
c.icon && /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__icon", children: c.icon }),
|
|
1273
|
+
/* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: c.cardCount })
|
|
1274
1274
|
]
|
|
1275
1275
|
},
|
|
1276
1276
|
c.id
|
|
1277
1277
|
);
|
|
1278
1278
|
}) }),
|
|
1279
|
-
/* @__PURE__ */
|
|
1280
|
-
/* @__PURE__ */
|
|
1279
|
+
/* @__PURE__ */ r("hr", { className: "gloss-page-dropdown__separator" }),
|
|
1280
|
+
/* @__PURE__ */ r(
|
|
1281
1281
|
"button",
|
|
1282
1282
|
{
|
|
1283
1283
|
role: "menuitem",
|
|
@@ -1286,8 +1286,8 @@ function Te({
|
|
|
1286
1286
|
children: "+ New page"
|
|
1287
1287
|
}
|
|
1288
1288
|
),
|
|
1289
|
-
/* @__PURE__ */
|
|
1290
|
-
/* @__PURE__ */
|
|
1289
|
+
/* @__PURE__ */ r("hr", { className: "gloss-page-dropdown__separator" }),
|
|
1290
|
+
/* @__PURE__ */ r(
|
|
1291
1291
|
"button",
|
|
1292
1292
|
{
|
|
1293
1293
|
role: "menuitem",
|
|
@@ -1300,11 +1300,11 @@ function Te({
|
|
|
1300
1300
|
}
|
|
1301
1301
|
);
|
|
1302
1302
|
}
|
|
1303
|
-
|
|
1303
|
+
Me.displayName = "PageDropdown";
|
|
1304
1304
|
const Ct = function({
|
|
1305
1305
|
currentIndex: t,
|
|
1306
1306
|
total: n,
|
|
1307
|
-
pages:
|
|
1307
|
+
pages: a,
|
|
1308
1308
|
onPageChange: s,
|
|
1309
1309
|
onCreatePage: i,
|
|
1310
1310
|
onManagePages: l,
|
|
@@ -1312,11 +1312,11 @@ const Ct = function({
|
|
|
1312
1312
|
displayMode: u = "count",
|
|
1313
1313
|
activePage: m
|
|
1314
1314
|
}) {
|
|
1315
|
-
const d = M(null), [g, c] = A(!1), p =
|
|
1316
|
-
c((
|
|
1317
|
-
}, []), b =
|
|
1315
|
+
const d = M(null), [g, c] = A(!1), p = C(() => {
|
|
1316
|
+
c((y) => !y);
|
|
1317
|
+
}, []), b = C(() => {
|
|
1318
1318
|
c(!1);
|
|
1319
|
-
}, []), k =
|
|
1319
|
+
}, []), k = a[t]?.id ?? "";
|
|
1320
1320
|
return /* @__PURE__ */ f(
|
|
1321
1321
|
"div",
|
|
1322
1322
|
{
|
|
@@ -1325,14 +1325,14 @@ const Ct = function({
|
|
|
1325
1325
|
style: u === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
|
|
1326
1326
|
"data-page-chip": !0,
|
|
1327
1327
|
children: [
|
|
1328
|
-
u !== "name" && /* @__PURE__ */
|
|
1328
|
+
u !== "name" && /* @__PURE__ */ r(
|
|
1329
1329
|
"div",
|
|
1330
1330
|
{
|
|
1331
1331
|
className: "gloss-page-chip__nuzzle",
|
|
1332
1332
|
style: { "--_nuzzle-r": o }
|
|
1333
1333
|
}
|
|
1334
1334
|
),
|
|
1335
|
-
/* @__PURE__ */
|
|
1335
|
+
/* @__PURE__ */ r(
|
|
1336
1336
|
"button",
|
|
1337
1337
|
{
|
|
1338
1338
|
className: `gloss-page-chip__trigger${u === "name" ? " gloss-page-chip__trigger--name" : ""}`,
|
|
@@ -1340,23 +1340,23 @@ const Ct = function({
|
|
|
1340
1340
|
"aria-expanded": g,
|
|
1341
1341
|
"aria-label": u === "name" ? `${m ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
|
|
1342
1342
|
onClick: p,
|
|
1343
|
-
children: u === "name" ? /* @__PURE__ */ f(
|
|
1344
|
-
/* @__PURE__ */
|
|
1345
|
-
/* @__PURE__ */
|
|
1346
|
-
] }) : /* @__PURE__ */ f(
|
|
1343
|
+
children: u === "name" ? /* @__PURE__ */ f(L, { children: [
|
|
1344
|
+
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: m ?? "" }),
|
|
1345
|
+
/* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
|
|
1346
|
+
] }) : /* @__PURE__ */ f(L, { children: [
|
|
1347
1347
|
t + 1,
|
|
1348
1348
|
" / ",
|
|
1349
1349
|
n
|
|
1350
1350
|
] })
|
|
1351
1351
|
}
|
|
1352
1352
|
),
|
|
1353
|
-
/* @__PURE__ */
|
|
1354
|
-
|
|
1353
|
+
/* @__PURE__ */ r(
|
|
1354
|
+
Me,
|
|
1355
1355
|
{
|
|
1356
1356
|
open: g,
|
|
1357
1357
|
onDismiss: b,
|
|
1358
1358
|
anchorRef: d,
|
|
1359
|
-
pages:
|
|
1359
|
+
pages: a,
|
|
1360
1360
|
activePageId: k,
|
|
1361
1361
|
onPageChange: s,
|
|
1362
1362
|
onCreatePage: i,
|
|
@@ -1368,7 +1368,7 @@ const Ct = function({
|
|
|
1368
1368
|
);
|
|
1369
1369
|
};
|
|
1370
1370
|
Ct.displayName = "PageChip";
|
|
1371
|
-
const
|
|
1371
|
+
const dr = [
|
|
1372
1372
|
{
|
|
1373
1373
|
id: "ORD-1001",
|
|
1374
1374
|
orderNumber: "ORD-1001",
|
|
@@ -1501,7 +1501,7 @@ const ur = [
|
|
|
1501
1501
|
date: "2026-03-01",
|
|
1502
1502
|
skuCount: 9
|
|
1503
1503
|
}
|
|
1504
|
-
],
|
|
1504
|
+
], ur = [
|
|
1505
1505
|
{
|
|
1506
1506
|
id: "ITEM-001",
|
|
1507
1507
|
sku: "PB-4520",
|
|
@@ -1638,13 +1638,13 @@ const ur = [
|
|
|
1638
1638
|
function ie(e) {
|
|
1639
1639
|
return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
|
1640
1640
|
}
|
|
1641
|
-
function
|
|
1641
|
+
function Pe(e) {
|
|
1642
1642
|
return e.toLocaleString("en-US");
|
|
1643
1643
|
}
|
|
1644
|
-
function
|
|
1644
|
+
function Ae(e) {
|
|
1645
1645
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1646
1646
|
}
|
|
1647
|
-
const q =
|
|
1647
|
+
const q = I.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), mr = [
|
|
1648
1648
|
{
|
|
1649
1649
|
field: "id",
|
|
1650
1650
|
headerName: "Order",
|
|
@@ -1674,7 +1674,7 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1674
1674
|
align: "right",
|
|
1675
1675
|
headerAlign: "right",
|
|
1676
1676
|
cellClassName: "gloss-tabular-nums",
|
|
1677
|
-
renderCell: ({ row: e }) => e.skuCount ?
|
|
1677
|
+
renderCell: ({ row: e }) => e.skuCount ? Pe(e.skuCount) : q
|
|
1678
1678
|
},
|
|
1679
1679
|
{
|
|
1680
1680
|
field: "total",
|
|
@@ -1694,9 +1694,9 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1694
1694
|
align: "right",
|
|
1695
1695
|
headerAlign: "right",
|
|
1696
1696
|
cellClassName: "gloss-tabular-nums",
|
|
1697
|
-
renderCell: ({ row: e }) => e.date ?
|
|
1697
|
+
renderCell: ({ row: e }) => e.date ? Ae(e.date) : ""
|
|
1698
1698
|
}
|
|
1699
|
-
],
|
|
1699
|
+
], pr = [
|
|
1700
1700
|
{
|
|
1701
1701
|
field: "sku",
|
|
1702
1702
|
headerName: "Item ID",
|
|
@@ -1738,7 +1738,7 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1738
1738
|
align: "right",
|
|
1739
1739
|
headerAlign: "right",
|
|
1740
1740
|
cellClassName: "gloss-tabular-nums gloss-drillable",
|
|
1741
|
-
renderCell: ({ row: e }) => e.quantity ?
|
|
1741
|
+
renderCell: ({ row: e }) => e.quantity ? Pe(e.quantity) : q
|
|
1742
1742
|
},
|
|
1743
1743
|
{
|
|
1744
1744
|
field: "total",
|
|
@@ -1758,7 +1758,7 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1758
1758
|
align: "right",
|
|
1759
1759
|
headerAlign: "right",
|
|
1760
1760
|
cellClassName: "gloss-tabular-nums",
|
|
1761
|
-
renderCell: ({ row: e }) => e.lastDate ?
|
|
1761
|
+
renderCell: ({ row: e }) => e.lastDate ? Ae(e.lastDate) : ""
|
|
1762
1762
|
}
|
|
1763
1763
|
], Nt = [
|
|
1764
1764
|
{ id: "c-001", label: "ABC Home Goods" },
|
|
@@ -1775,7 +1775,7 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1775
1775
|
], te = (e) => {
|
|
1776
1776
|
}, St = (e) => {
|
|
1777
1777
|
}, he = (e, t) => {
|
|
1778
|
-
},
|
|
1778
|
+
}, Ee = {
|
|
1779
1779
|
vizState: {
|
|
1780
1780
|
type: "orders",
|
|
1781
1781
|
quant: "$",
|
|
@@ -1792,8 +1792,8 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1792
1792
|
userType: "sales-agency",
|
|
1793
1793
|
entityFilterOptions: Nt,
|
|
1794
1794
|
itemFilterOptions: kt
|
|
1795
|
-
},
|
|
1796
|
-
...
|
|
1795
|
+
}, gr = {
|
|
1796
|
+
...Ee,
|
|
1797
1797
|
vizState: {
|
|
1798
1798
|
type: "items",
|
|
1799
1799
|
quant: "$",
|
|
@@ -1801,8 +1801,8 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1801
1801
|
byItem: { id: "i-003", name: "Walnut Console Table" },
|
|
1802
1802
|
timeFrame: "YTD"
|
|
1803
1803
|
}
|
|
1804
|
-
},
|
|
1805
|
-
...
|
|
1804
|
+
}, hr = {
|
|
1805
|
+
...Ee,
|
|
1806
1806
|
vizState: {
|
|
1807
1807
|
type: "orders",
|
|
1808
1808
|
quant: "#",
|
|
@@ -1889,7 +1889,7 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1889
1889
|
cellKinds: ["orderId"],
|
|
1890
1890
|
graphType: "timeline"
|
|
1891
1891
|
}
|
|
1892
|
-
],
|
|
1892
|
+
], Tt = [
|
|
1893
1893
|
{
|
|
1894
1894
|
id: "graph-metric",
|
|
1895
1895
|
label: "Graph This Metric",
|
|
@@ -1917,14 +1917,14 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1917
1917
|
cellKinds: ["numeric"],
|
|
1918
1918
|
tabType: "orders"
|
|
1919
1919
|
}
|
|
1920
|
-
],
|
|
1920
|
+
], fr = {
|
|
1921
1921
|
entityName: Dt,
|
|
1922
1922
|
orderId: xt,
|
|
1923
|
-
numeric:
|
|
1924
|
-
},
|
|
1923
|
+
numeric: Tt
|
|
1924
|
+
}, br = [
|
|
1925
1925
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
|
|
1926
1926
|
/* @__PURE__ */ new Date()
|
|
1927
|
-
],
|
|
1927
|
+
], vr = {
|
|
1928
1928
|
rangeA: [
|
|
1929
1929
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
|
|
1930
1930
|
/* @__PURE__ */ new Date()
|
|
@@ -1937,7 +1937,7 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1937
1937
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
|
|
1938
1938
|
new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
|
|
1939
1939
|
]
|
|
1940
|
-
},
|
|
1940
|
+
}, yr = {
|
|
1941
1941
|
version: 4,
|
|
1942
1942
|
lastPreset: "mtd",
|
|
1943
1943
|
pinnedPreset: "mtd",
|
|
@@ -1945,7 +1945,7 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1945
1945
|
rangeCount: 1,
|
|
1946
1946
|
lastPresetB: null,
|
|
1947
1947
|
lastPresetC: null
|
|
1948
|
-
},
|
|
1948
|
+
}, wr = [
|
|
1949
1949
|
{
|
|
1950
1950
|
id: "atlanta-jan",
|
|
1951
1951
|
label: "Atlanta Market",
|
|
@@ -1967,7 +1967,7 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1967
1967
|
endDate: new Date(2026, 3, 22),
|
|
1968
1968
|
location: "Chicago, IL"
|
|
1969
1969
|
}
|
|
1970
|
-
],
|
|
1970
|
+
], _r = [
|
|
1971
1971
|
{
|
|
1972
1972
|
id: "custom-regional-1",
|
|
1973
1973
|
label: "Southeast Regional Expo",
|
|
@@ -1984,7 +1984,7 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
1984
1984
|
location: "Portland, OR",
|
|
1985
1985
|
isCustom: !0
|
|
1986
1986
|
}
|
|
1987
|
-
],
|
|
1987
|
+
], Cr = [
|
|
1988
1988
|
{
|
|
1989
1989
|
id: "atlanta-jan",
|
|
1990
1990
|
label: "Atlanta Market",
|
|
@@ -2001,17 +2001,17 @@ const q = L.createElement("span", { style: { color: "var(--color-text-muted)" }
|
|
|
2001
2001
|
location: "New York, NY",
|
|
2002
2002
|
active: !0
|
|
2003
2003
|
}
|
|
2004
|
-
],
|
|
2004
|
+
], Nr = [
|
|
2005
2005
|
{ id: "7d", label: "7D" },
|
|
2006
2006
|
{ id: "30d", label: "30D" },
|
|
2007
2007
|
{ id: "60d", label: "60D" },
|
|
2008
2008
|
{ id: "90d", label: "90D" }
|
|
2009
|
-
],
|
|
2009
|
+
], kr = [
|
|
2010
2010
|
{ id: "mtd", label: "MTD" },
|
|
2011
2011
|
{ id: "qtd", label: "QTD" },
|
|
2012
2012
|
{ id: "ytd", label: "YTD" },
|
|
2013
2013
|
{ id: "lytd", label: "LYTD" }
|
|
2014
|
-
],
|
|
2014
|
+
], Rt = {
|
|
2015
2015
|
timeframe: "Time Frame",
|
|
2016
2016
|
threshold: "Thresholds",
|
|
2017
2017
|
slots: "Slots",
|
|
@@ -2033,9 +2033,9 @@ function Pt() {
|
|
|
2033
2033
|
const [e, t] = A(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
|
|
2034
2034
|
return E(() => {
|
|
2035
2035
|
if (typeof window > "u" || typeof window.matchMedia != "function") return;
|
|
2036
|
-
const n = window.matchMedia("(prefers-reduced-motion: reduce)"),
|
|
2037
|
-
return typeof n.addEventListener == "function" ? (n.addEventListener("change",
|
|
2038
|
-
n.removeListener?.(
|
|
2036
|
+
const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (s) => t(s.matches);
|
|
2037
|
+
return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
|
|
2038
|
+
n.removeListener?.(a);
|
|
2039
2039
|
});
|
|
2040
2040
|
}, []), e;
|
|
2041
2041
|
}
|
|
@@ -2043,15 +2043,15 @@ const At = ({
|
|
|
2043
2043
|
dimensions: e,
|
|
2044
2044
|
onDimensionSelect: t,
|
|
2045
2045
|
activeDimension: n,
|
|
2046
|
-
ariaCardTypeLabel:
|
|
2046
|
+
ariaCardTypeLabel: a,
|
|
2047
2047
|
className: s
|
|
2048
2048
|
}) => {
|
|
2049
2049
|
const i = M(null), l = M([]), o = Pt(), u = ce(() => Array.from(e), [e]);
|
|
2050
2050
|
if (u.length === 0) return null;
|
|
2051
|
-
const m =
|
|
2051
|
+
const m = a ? `Configure ${a}: choose a dimension` : void 0, d = o ? "10ms" : "200ms", g = (c, p) => {
|
|
2052
2052
|
const b = u.length - 1, k = (w) => {
|
|
2053
|
-
const
|
|
2054
|
-
|
|
2053
|
+
const y = l.current[w];
|
|
2054
|
+
y && y.focus();
|
|
2055
2055
|
};
|
|
2056
2056
|
switch (c.key) {
|
|
2057
2057
|
case "ArrowRight":
|
|
@@ -2079,7 +2079,7 @@ const At = ({
|
|
|
2079
2079
|
}
|
|
2080
2080
|
}
|
|
2081
2081
|
};
|
|
2082
|
-
return /* @__PURE__ */
|
|
2082
|
+
return /* @__PURE__ */ r(
|
|
2083
2083
|
"div",
|
|
2084
2084
|
{
|
|
2085
2085
|
ref: i,
|
|
@@ -2110,14 +2110,14 @@ const At = ({
|
|
|
2110
2110
|
onClick: () => t(c),
|
|
2111
2111
|
onKeyDown: (w) => g(w, p),
|
|
2112
2112
|
children: [
|
|
2113
|
-
/* @__PURE__ */
|
|
2113
|
+
/* @__PURE__ */ r(
|
|
2114
2114
|
b,
|
|
2115
2115
|
{
|
|
2116
2116
|
className: "gloss-reconfig-backside-buttons__button-icon",
|
|
2117
2117
|
"aria-hidden": "true"
|
|
2118
2118
|
}
|
|
2119
2119
|
),
|
|
2120
|
-
/* @__PURE__ */
|
|
2120
|
+
/* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Rt[c] })
|
|
2121
2121
|
]
|
|
2122
2122
|
},
|
|
2123
2123
|
c
|
|
@@ -2131,7 +2131,7 @@ function O(e, t) {
|
|
|
2131
2131
|
return {
|
|
2132
2132
|
id: e,
|
|
2133
2133
|
colSpan: 1,
|
|
2134
|
-
content:
|
|
2134
|
+
content: I.createElement("div", {
|
|
2135
2135
|
style: {
|
|
2136
2136
|
width: "100%",
|
|
2137
2137
|
height: "100%",
|
|
@@ -2153,7 +2153,7 @@ function be(e, t) {
|
|
|
2153
2153
|
colSpan: 2
|
|
2154
2154
|
};
|
|
2155
2155
|
}
|
|
2156
|
-
const
|
|
2156
|
+
const Sr = [
|
|
2157
2157
|
O("total-revenue", "Total Revenue"),
|
|
2158
2158
|
O("total-orders", "Total Orders"),
|
|
2159
2159
|
be("revenue-trend", "Revenue Trend (2x)"),
|
|
@@ -2164,14 +2164,14 @@ const Dr = [
|
|
|
2164
2164
|
O("repeat-rate", "Repeat Rate"),
|
|
2165
2165
|
O("open-orders", "Open Orders"),
|
|
2166
2166
|
O("shipped-orders", "Shipped Orders")
|
|
2167
|
-
],
|
|
2167
|
+
], Dr = {
|
|
2168
2168
|
columns: 6,
|
|
2169
2169
|
rowHeight: 120,
|
|
2170
2170
|
gap: 15,
|
|
2171
2171
|
maxRows: 3,
|
|
2172
2172
|
currentPage: 0,
|
|
2173
2173
|
totalPages: 1
|
|
2174
|
-
},
|
|
2174
|
+
}, xr = {
|
|
2175
2175
|
columns: 9,
|
|
2176
2176
|
rowHeight: 120,
|
|
2177
2177
|
gap: 15,
|
|
@@ -2187,9 +2187,9 @@ const Dr = [
|
|
|
2187
2187
|
totalPages: 3
|
|
2188
2188
|
};
|
|
2189
2189
|
function ae(e) {
|
|
2190
|
-
return
|
|
2190
|
+
return I.createElement("span", { style: { fontSize: 14 } }, e);
|
|
2191
2191
|
}
|
|
2192
|
-
const
|
|
2192
|
+
const Rr = [
|
|
2193
2193
|
{
|
|
2194
2194
|
id: "all-orders",
|
|
2195
2195
|
type: "orders",
|
|
@@ -2212,7 +2212,7 @@ const Mr = [
|
|
|
2212
2212
|
icon: ae("🚚"),
|
|
2213
2213
|
closable: !0
|
|
2214
2214
|
}
|
|
2215
|
-
],
|
|
2215
|
+
], Mr = [
|
|
2216
2216
|
{
|
|
2217
2217
|
id: "orders-main",
|
|
2218
2218
|
type: "orders",
|
|
@@ -2238,7 +2238,7 @@ const Mr = [
|
|
|
2238
2238
|
name: "Customers",
|
|
2239
2239
|
closable: !0
|
|
2240
2240
|
}
|
|
2241
|
-
],
|
|
2241
|
+
], Pr = [
|
|
2242
2242
|
{
|
|
2243
2243
|
id: "only-tab",
|
|
2244
2244
|
type: "orders",
|
|
@@ -2246,7 +2246,7 @@ const Mr = [
|
|
|
2246
2246
|
closable: !1,
|
|
2247
2247
|
autoCreated: !0
|
|
2248
2248
|
}
|
|
2249
|
-
],
|
|
2249
|
+
], Ar = [
|
|
2250
2250
|
{ id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
|
|
2251
2251
|
{ id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
|
|
2252
2252
|
{ id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
|
|
@@ -2271,22 +2271,22 @@ function le(e) {
|
|
|
2271
2271
|
}
|
|
2272
2272
|
function Et(e) {
|
|
2273
2273
|
let t = 0;
|
|
2274
|
-
for (const
|
|
2275
|
-
const s = le(
|
|
2274
|
+
for (const a of e) {
|
|
2275
|
+
const s = le(a.size), i = a.gridPosition.col + s.cols - 1;
|
|
2276
2276
|
i > t && (t = i);
|
|
2277
2277
|
}
|
|
2278
2278
|
return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
|
|
2279
2279
|
}
|
|
2280
2280
|
const Ft = function(t) {
|
|
2281
2281
|
if (t.renderMode === "discrete")
|
|
2282
|
-
return /* @__PURE__ */
|
|
2282
|
+
return /* @__PURE__ */ r(
|
|
2283
2283
|
"div",
|
|
2284
2284
|
{
|
|
2285
2285
|
className: "gloss-metric-group gloss-metric-group--discrete",
|
|
2286
2286
|
style: { display: "contents" },
|
|
2287
2287
|
children: t.cards.map((s) => {
|
|
2288
2288
|
const i = le(s.size);
|
|
2289
|
-
return /* @__PURE__ */
|
|
2289
|
+
return /* @__PURE__ */ r(
|
|
2290
2290
|
"div",
|
|
2291
2291
|
{
|
|
2292
2292
|
className: "gloss-metric-group__slot",
|
|
@@ -2301,7 +2301,7 @@ const Ft = function(t) {
|
|
|
2301
2301
|
})
|
|
2302
2302
|
}
|
|
2303
2303
|
);
|
|
2304
|
-
const { cards: n, composite:
|
|
2304
|
+
const { cards: n, composite: a } = t;
|
|
2305
2305
|
return /* @__PURE__ */ f(
|
|
2306
2306
|
"div",
|
|
2307
2307
|
{
|
|
@@ -2317,29 +2317,29 @@ const Ft = function(t) {
|
|
|
2317
2317
|
padding: "10px 12px 8px",
|
|
2318
2318
|
overflow: "visible"
|
|
2319
2319
|
},
|
|
2320
|
-
role:
|
|
2321
|
-
"aria-label":
|
|
2320
|
+
role: a?.label ? "group" : void 0,
|
|
2321
|
+
"aria-label": a?.label,
|
|
2322
2322
|
tabIndex: void 0,
|
|
2323
2323
|
children: [
|
|
2324
|
-
|
|
2324
|
+
a?.accentColor && /* @__PURE__ */ r(
|
|
2325
2325
|
"div",
|
|
2326
2326
|
{
|
|
2327
2327
|
className: "gloss-metric-group__accent",
|
|
2328
|
-
style: { background:
|
|
2328
|
+
style: { background: a.accentColor }
|
|
2329
2329
|
}
|
|
2330
2330
|
),
|
|
2331
|
-
|
|
2332
|
-
/* @__PURE__ */
|
|
2333
|
-
|
|
2331
|
+
a?.label && /* @__PURE__ */ f("div", { className: "gloss-metric-group__label", children: [
|
|
2332
|
+
/* @__PURE__ */ r("span", { children: a.label }),
|
|
2333
|
+
a?.trend && /* @__PURE__ */ r(
|
|
2334
2334
|
"span",
|
|
2335
2335
|
{
|
|
2336
2336
|
className: "gloss-metric-group__trend",
|
|
2337
|
-
"data-direction":
|
|
2338
|
-
children:
|
|
2337
|
+
"data-direction": a.trend.direction,
|
|
2338
|
+
children: a.trend.delta
|
|
2339
2339
|
}
|
|
2340
2340
|
)
|
|
2341
2341
|
] }),
|
|
2342
|
-
/* @__PURE__ */
|
|
2342
|
+
/* @__PURE__ */ r(
|
|
2343
2343
|
"div",
|
|
2344
2344
|
{
|
|
2345
2345
|
className: "gloss-metric-group__slots",
|
|
@@ -2350,7 +2350,7 @@ const Ft = function(t) {
|
|
|
2350
2350
|
},
|
|
2351
2351
|
children: n.map((s) => {
|
|
2352
2352
|
const i = le(s.size);
|
|
2353
|
-
return /* @__PURE__ */
|
|
2353
|
+
return /* @__PURE__ */ r(
|
|
2354
2354
|
"div",
|
|
2355
2355
|
{
|
|
2356
2356
|
className: "gloss-metric-group__slot--composite",
|
|
@@ -2370,15 +2370,15 @@ const Ft = function(t) {
|
|
|
2370
2370
|
);
|
|
2371
2371
|
};
|
|
2372
2372
|
Ft.displayName = "MetricGroupContainer";
|
|
2373
|
-
const
|
|
2373
|
+
const Fe = "resize.tuning.dev", It = {
|
|
2374
2374
|
...dt,
|
|
2375
2375
|
snapInPx: 60,
|
|
2376
2376
|
snapOutPx: 90
|
|
2377
|
-
}, W =
|
|
2378
|
-
function
|
|
2377
|
+
}, W = It;
|
|
2378
|
+
function Lt() {
|
|
2379
2379
|
if (typeof window > "u") return { ...W };
|
|
2380
2380
|
try {
|
|
2381
|
-
const e = window.localStorage.getItem(
|
|
2381
|
+
const e = window.localStorage.getItem(Fe);
|
|
2382
2382
|
if (!e) return { ...W };
|
|
2383
2383
|
const t = JSON.parse(e);
|
|
2384
2384
|
return !t || typeof t != "object" || Array.isArray(t) ? { ...W } : { ...W, ...t };
|
|
@@ -2387,28 +2387,28 @@ function It() {
|
|
|
2387
2387
|
}
|
|
2388
2388
|
}
|
|
2389
2389
|
function Ot() {
|
|
2390
|
-
const [e, t] = A(() =>
|
|
2390
|
+
const [e, t] = A(() => Lt());
|
|
2391
2391
|
E(() => {
|
|
2392
2392
|
if (!(typeof window > "u"))
|
|
2393
2393
|
try {
|
|
2394
|
-
window.localStorage.setItem(
|
|
2394
|
+
window.localStorage.setItem(Fe, JSON.stringify(e));
|
|
2395
2395
|
} catch {
|
|
2396
2396
|
}
|
|
2397
2397
|
}, [e]);
|
|
2398
|
-
const n =
|
|
2398
|
+
const n = C(
|
|
2399
2399
|
(i, l) => {
|
|
2400
2400
|
t((o) => ({ ...o, [i]: l }));
|
|
2401
2401
|
},
|
|
2402
2402
|
[]
|
|
2403
|
-
),
|
|
2403
|
+
), a = C(
|
|
2404
2404
|
(i) => {
|
|
2405
2405
|
t((l) => ({ ...l, [i]: W[i] }));
|
|
2406
2406
|
},
|
|
2407
2407
|
[]
|
|
2408
|
-
), s =
|
|
2408
|
+
), s = C(() => {
|
|
2409
2409
|
t({ ...W });
|
|
2410
2410
|
}, []);
|
|
2411
|
-
return { values: e, setValue: n, resetRow:
|
|
2411
|
+
return { values: e, setValue: n, resetRow: a, resetAll: s };
|
|
2412
2412
|
}
|
|
2413
2413
|
const $t = [
|
|
2414
2414
|
{ key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
|
|
@@ -2438,18 +2438,18 @@ function Bt() {
|
|
|
2438
2438
|
strokeLinejoin: "round",
|
|
2439
2439
|
"aria-hidden": "true",
|
|
2440
2440
|
children: [
|
|
2441
|
-
/* @__PURE__ */
|
|
2442
|
-
/* @__PURE__ */
|
|
2441
|
+
/* @__PURE__ */ r("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
|
|
2442
|
+
/* @__PURE__ */ r("polyline", { points: "3 3 3 8 8 8" })
|
|
2443
2443
|
]
|
|
2444
2444
|
}
|
|
2445
2445
|
);
|
|
2446
2446
|
}
|
|
2447
|
-
function Gt({ spec: e, value: t, onChange: n, onReset:
|
|
2448
|
-
const i =
|
|
2447
|
+
function Gt({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
|
|
2448
|
+
const i = C(
|
|
2449
2449
|
(l) => {
|
|
2450
|
-
(l.key === "r" || l.key === "R") && (l.preventDefault(),
|
|
2450
|
+
(l.key === "r" || l.key === "R") && (l.preventDefault(), a());
|
|
2451
2451
|
},
|
|
2452
|
-
[
|
|
2452
|
+
[a]
|
|
2453
2453
|
);
|
|
2454
2454
|
return /* @__PURE__ */ f(
|
|
2455
2455
|
"div",
|
|
@@ -2458,12 +2458,12 @@ function Gt({ spec: e, value: t, onChange: n, onReset: r, flashing: s }) {
|
|
|
2458
2458
|
"data-tuning-row": e.key,
|
|
2459
2459
|
onKeyDown: i,
|
|
2460
2460
|
children: [
|
|
2461
|
-
/* @__PURE__ */
|
|
2461
|
+
/* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
|
|
2462
2462
|
/* @__PURE__ */ f("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
|
|
2463
2463
|
zt(t, e.step),
|
|
2464
2464
|
e.unit ? ` ${e.unit}` : ""
|
|
2465
2465
|
] }),
|
|
2466
|
-
/* @__PURE__ */
|
|
2466
|
+
/* @__PURE__ */ r(
|
|
2467
2467
|
"input",
|
|
2468
2468
|
{
|
|
2469
2469
|
id: `gloss-dtp-${e.key}`,
|
|
@@ -2477,14 +2477,14 @@ function Gt({ spec: e, value: t, onChange: n, onReset: r, flashing: s }) {
|
|
|
2477
2477
|
onChange: (l) => n(Number(l.target.value))
|
|
2478
2478
|
}
|
|
2479
2479
|
),
|
|
2480
|
-
/* @__PURE__ */
|
|
2480
|
+
/* @__PURE__ */ r(
|
|
2481
2481
|
"button",
|
|
2482
2482
|
{
|
|
2483
2483
|
type: "button",
|
|
2484
2484
|
className: "gloss-dev-tuning-panel__reset",
|
|
2485
2485
|
"aria-label": `Reset ${e.label}`,
|
|
2486
|
-
onClick:
|
|
2487
|
-
children: /* @__PURE__ */
|
|
2486
|
+
onClick: a,
|
|
2487
|
+
children: /* @__PURE__ */ r(Bt, {})
|
|
2488
2488
|
}
|
|
2489
2489
|
)
|
|
2490
2490
|
]
|
|
@@ -2500,15 +2500,15 @@ function Ht() {
|
|
|
2500
2500
|
}
|
|
2501
2501
|
}
|
|
2502
2502
|
function Wt(e = {}) {
|
|
2503
|
-
return Ht() ? /* @__PURE__ */
|
|
2503
|
+
return Ht() ? /* @__PURE__ */ r(Vt, {}) : null;
|
|
2504
2504
|
}
|
|
2505
2505
|
Wt.displayName = "DevTuningPanel";
|
|
2506
2506
|
function Vt() {
|
|
2507
|
-
const e = Ot(), { values: t, setValue: n, resetRow:
|
|
2507
|
+
const e = Ot(), { values: t, setValue: n, resetRow: a, resetAll: s } = e, [i, l] = A(null), o = M(null), u = C((c) => {
|
|
2508
2508
|
o.current && clearTimeout(o.current), l(c), o.current = setTimeout(() => {
|
|
2509
2509
|
l(null), o.current = null;
|
|
2510
2510
|
}, 200);
|
|
2511
|
-
}, []), m =
|
|
2511
|
+
}, []), m = C(
|
|
2512
2512
|
(c, p) => {
|
|
2513
2513
|
n(c, p), c === "snapInPx" && p > t.snapOutPx && (n("snapOutPx", p), u("snapOutPx"));
|
|
2514
2514
|
},
|
|
@@ -2532,23 +2532,23 @@ function Vt() {
|
|
|
2532
2532
|
className: "gloss-dev-tuning-panel__header",
|
|
2533
2533
|
onPointerDown: (c) => g.start(c),
|
|
2534
2534
|
children: [
|
|
2535
|
-
/* @__PURE__ */
|
|
2536
|
-
/* @__PURE__ */
|
|
2535
|
+
/* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
|
|
2536
|
+
/* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
|
|
2537
2537
|
]
|
|
2538
2538
|
}
|
|
2539
2539
|
),
|
|
2540
|
-
/* @__PURE__ */
|
|
2540
|
+
/* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: d.map((c) => /* @__PURE__ */ r(
|
|
2541
2541
|
Gt,
|
|
2542
2542
|
{
|
|
2543
2543
|
spec: c,
|
|
2544
2544
|
value: t[c.key],
|
|
2545
2545
|
onChange: (p) => m(c.key, p),
|
|
2546
|
-
onReset: () =>
|
|
2546
|
+
onReset: () => a(c.key),
|
|
2547
2547
|
flashing: i === c.key
|
|
2548
2548
|
},
|
|
2549
2549
|
c.key
|
|
2550
2550
|
)) }),
|
|
2551
|
-
/* @__PURE__ */
|
|
2551
|
+
/* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ r(
|
|
2552
2552
|
"button",
|
|
2553
2553
|
{
|
|
2554
2554
|
type: "button",
|
|
@@ -2561,11 +2561,11 @@ function Vt() {
|
|
|
2561
2561
|
}
|
|
2562
2562
|
);
|
|
2563
2563
|
}
|
|
2564
|
-
function
|
|
2564
|
+
function Er({
|
|
2565
2565
|
state: e,
|
|
2566
2566
|
originX: t,
|
|
2567
2567
|
originY: n,
|
|
2568
|
-
leftEdgeX:
|
|
2568
|
+
leftEdgeX: a,
|
|
2569
2569
|
rightEdgeX: s,
|
|
2570
2570
|
minBoundaryX: i,
|
|
2571
2571
|
snapBoundariesX: l,
|
|
@@ -2577,12 +2577,12 @@ function Fr({
|
|
|
2577
2577
|
style: c
|
|
2578
2578
|
}) {
|
|
2579
2579
|
if (e === "hidden") return null;
|
|
2580
|
-
const p = Math.max(0, s -
|
|
2580
|
+
const p = Math.max(0, s - a), b = Math.max(0, u - o), k = {
|
|
2581
2581
|
"--gloss-resize-envelope-enter-ms": `${m}ms`,
|
|
2582
2582
|
"--gloss-resize-envelope-exit-ms": `${d}ms`,
|
|
2583
|
-
"--gloss-resize-envelope-origin-x": `${t -
|
|
2583
|
+
"--gloss-resize-envelope-origin-x": `${t - a}px`,
|
|
2584
2584
|
"--gloss-resize-envelope-origin-y": `${n - o}px`,
|
|
2585
|
-
left:
|
|
2585
|
+
left: a,
|
|
2586
2586
|
top: o,
|
|
2587
2587
|
width: p,
|
|
2588
2588
|
height: b,
|
|
@@ -2597,7 +2597,7 @@ function Fr({
|
|
|
2597
2597
|
style: k,
|
|
2598
2598
|
"aria-hidden": "true",
|
|
2599
2599
|
children: [
|
|
2600
|
-
/* @__PURE__ */
|
|
2600
|
+
/* @__PURE__ */ r(
|
|
2601
2601
|
"div",
|
|
2602
2602
|
{
|
|
2603
2603
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--left",
|
|
@@ -2605,15 +2605,15 @@ function Fr({
|
|
|
2605
2605
|
style: { left: 0 }
|
|
2606
2606
|
}
|
|
2607
2607
|
),
|
|
2608
|
-
/* @__PURE__ */
|
|
2608
|
+
/* @__PURE__ */ r(
|
|
2609
2609
|
"div",
|
|
2610
2610
|
{
|
|
2611
2611
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
|
|
2612
2612
|
"data-edge": "min-boundary",
|
|
2613
|
-
style: { left: i -
|
|
2613
|
+
style: { left: i - a }
|
|
2614
2614
|
}
|
|
2615
2615
|
),
|
|
2616
|
-
/* @__PURE__ */
|
|
2616
|
+
/* @__PURE__ */ r(
|
|
2617
2617
|
"div",
|
|
2618
2618
|
{
|
|
2619
2619
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
|
|
@@ -2621,12 +2621,12 @@ function Fr({
|
|
|
2621
2621
|
style: { left: p - 1 }
|
|
2622
2622
|
}
|
|
2623
2623
|
),
|
|
2624
|
-
l.filter((w) => w > i && w < s).map((w) => /* @__PURE__ */
|
|
2624
|
+
l.filter((w) => w > i && w < s).map((w) => /* @__PURE__ */ r(
|
|
2625
2625
|
"div",
|
|
2626
2626
|
{
|
|
2627
2627
|
className: "gloss-resize-envelope__snap-line",
|
|
2628
2628
|
"data-snap-line": !0,
|
|
2629
|
-
style: { left: w -
|
|
2629
|
+
style: { left: w - a }
|
|
2630
2630
|
},
|
|
2631
2631
|
w
|
|
2632
2632
|
))
|
|
@@ -2634,19 +2634,19 @@ function Fr({
|
|
|
2634
2634
|
}
|
|
2635
2635
|
);
|
|
2636
2636
|
}
|
|
2637
|
-
function
|
|
2637
|
+
function Fr({
|
|
2638
2638
|
density: e,
|
|
2639
2639
|
canAccept: t,
|
|
2640
2640
|
blocked: n = !1,
|
|
2641
|
-
proximityOpacity:
|
|
2641
|
+
proximityOpacity: a,
|
|
2642
2642
|
state: s,
|
|
2643
2643
|
rejection: i = !1,
|
|
2644
2644
|
className: l,
|
|
2645
2645
|
children: o,
|
|
2646
2646
|
...u
|
|
2647
2647
|
}) {
|
|
2648
|
-
const m =
|
|
2649
|
-
return /* @__PURE__ */
|
|
2648
|
+
const m = a != null ? { ...u.style, "--_proximity-opacity": String(a) } : u.style;
|
|
2649
|
+
return /* @__PURE__ */ r(
|
|
2650
2650
|
"div",
|
|
2651
2651
|
{
|
|
2652
2652
|
...u,
|
|
@@ -2655,7 +2655,7 @@ function Lr({
|
|
|
2655
2655
|
"data-can-accept": t ? "true" : "false",
|
|
2656
2656
|
"data-blocked": n ? "true" : void 0,
|
|
2657
2657
|
"data-rejection": i ? "true" : void 0,
|
|
2658
|
-
"data-proximity-driven":
|
|
2658
|
+
"data-proximity-driven": a != null ? "true" : void 0,
|
|
2659
2659
|
"data-state": s ?? void 0,
|
|
2660
2660
|
"data-testid": "gloss-drop-anchor-cell",
|
|
2661
2661
|
className: [
|
|
@@ -2667,26 +2667,26 @@ function Lr({
|
|
|
2667
2667
|
}
|
|
2668
2668
|
);
|
|
2669
2669
|
}
|
|
2670
|
-
function jt(e, t, n,
|
|
2671
|
-
const s = (e + n) / 2, i = Math.min(t,
|
|
2672
|
-
return `M${e},${t} Q${s},${i} ${n},${
|
|
2670
|
+
function jt(e, t, n, a) {
|
|
2671
|
+
const s = (e + n) / 2, i = Math.min(t, a) - 40;
|
|
2672
|
+
return `M${e},${t} Q${s},${i} ${n},${a}`;
|
|
2673
2673
|
}
|
|
2674
2674
|
function Ir({
|
|
2675
2675
|
segments: e,
|
|
2676
2676
|
durationMs: t = j.spilloverArcDurationMs,
|
|
2677
2677
|
staggerMs: n = j.spilloverStaggerMs,
|
|
2678
|
-
className:
|
|
2678
|
+
className: a,
|
|
2679
2679
|
style: s
|
|
2680
2680
|
}) {
|
|
2681
|
-
return e.length === 0 ? null : /* @__PURE__ */
|
|
2681
|
+
return e.length === 0 ? null : /* @__PURE__ */ r(
|
|
2682
2682
|
"svg",
|
|
2683
2683
|
{
|
|
2684
|
-
className: ["gloss-spillover-arc",
|
|
2684
|
+
className: ["gloss-spillover-arc", a].filter(Boolean).join(" "),
|
|
2685
2685
|
"data-testid": "gloss-spillover-arc",
|
|
2686
2686
|
"aria-hidden": "true",
|
|
2687
2687
|
overflow: "visible",
|
|
2688
2688
|
style: { position: "absolute", inset: 0, pointerEvents: "none", ...s },
|
|
2689
|
-
children: e.map((i, l) => /* @__PURE__ */
|
|
2689
|
+
children: e.map((i, l) => /* @__PURE__ */ r(
|
|
2690
2690
|
"path",
|
|
2691
2691
|
{
|
|
2692
2692
|
"data-arc-id": i.id,
|
|
@@ -2702,11 +2702,11 @@ function Ir({
|
|
|
2702
2702
|
}
|
|
2703
2703
|
);
|
|
2704
2704
|
}
|
|
2705
|
-
function
|
|
2705
|
+
function Lr({
|
|
2706
2706
|
state: e,
|
|
2707
2707
|
staggerIndex: t = 0,
|
|
2708
2708
|
fadeInMs: n = j.sectionDividerFadeInMs,
|
|
2709
|
-
fadeOutMs:
|
|
2709
|
+
fadeOutMs: a = j.sectionDividerFadeOutMs,
|
|
2710
2710
|
staggerMs: s = j.sectionDividerStaggerMs,
|
|
2711
2711
|
variant: i = "dashed",
|
|
2712
2712
|
className: l,
|
|
@@ -2715,11 +2715,11 @@ function Or({
|
|
|
2715
2715
|
}) {
|
|
2716
2716
|
const m = {
|
|
2717
2717
|
"--gloss-section-divider-fade-in-ms": `${n}ms`,
|
|
2718
|
-
"--gloss-section-divider-fade-out-ms": `${
|
|
2718
|
+
"--gloss-section-divider-fade-out-ms": `${a}ms`,
|
|
2719
2719
|
"--gloss-section-divider-stagger-delay": `${t * s}ms`,
|
|
2720
2720
|
...o
|
|
2721
2721
|
};
|
|
2722
|
-
return /* @__PURE__ */
|
|
2722
|
+
return /* @__PURE__ */ r(
|
|
2723
2723
|
"div",
|
|
2724
2724
|
{
|
|
2725
2725
|
...u,
|
|
@@ -2748,18 +2748,18 @@ const K = {
|
|
|
2748
2748
|
enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
2749
2749
|
exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
|
|
2750
2750
|
translateOffsetPx: 8
|
|
2751
|
-
},
|
|
2751
|
+
}, Or = {
|
|
2752
2752
|
shiverCycles: 3,
|
|
2753
2753
|
shiverAmplitudePx: 2,
|
|
2754
2754
|
shiverDurationMs: 180,
|
|
2755
2755
|
validCellOpacity: 0.6
|
|
2756
|
-
},
|
|
2756
|
+
}, $r = {
|
|
2757
2757
|
materializeMs: 180,
|
|
2758
2758
|
dematerializeMs: 140,
|
|
2759
2759
|
easing: "cubic-bezier(0.22, 1, 0.36, 1)",
|
|
2760
2760
|
dotStrokePx: 2,
|
|
2761
2761
|
dividerDashGapPx: 4
|
|
2762
|
-
},
|
|
2762
|
+
}, zr = {
|
|
2763
2763
|
cascadeStaggerMs: 0,
|
|
2764
2764
|
cascadeSpringCapMs: 120,
|
|
2765
2765
|
swingEnterMs: 100,
|
|
@@ -2768,7 +2768,7 @@ const K = {
|
|
|
2768
2768
|
provisionalStyle: "opacity",
|
|
2769
2769
|
shiverMs: 200,
|
|
2770
2770
|
shiverStyle: "color-flash"
|
|
2771
|
-
},
|
|
2771
|
+
}, Br = !0, Gr = {
|
|
2772
2772
|
rejectionFill: "var(--gloss-rejection-fill)",
|
|
2773
2773
|
rejectionStroke: "var(--gloss-rejection-stroke)",
|
|
2774
2774
|
validFill: "var(--gloss-valid-fill)",
|
|
@@ -2776,7 +2776,7 @@ const K = {
|
|
|
2776
2776
|
validCellStroke: "var(--gloss-valid-cell-stroke)",
|
|
2777
2777
|
provisionalWash: "var(--gloss-provisional-wash)"
|
|
2778
2778
|
};
|
|
2779
|
-
function
|
|
2779
|
+
function Ie() {
|
|
2780
2780
|
if (typeof window > "u") return "full";
|
|
2781
2781
|
try {
|
|
2782
2782
|
return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
|
|
@@ -2784,7 +2784,7 @@ function Fe() {
|
|
|
2784
2784
|
return "full";
|
|
2785
2785
|
}
|
|
2786
2786
|
}
|
|
2787
|
-
const ve = ({ visible: e, variant: t, trigger: n, children:
|
|
2787
|
+
const ve = ({ visible: e, variant: t, trigger: n, children: a, className: s }) => {
|
|
2788
2788
|
const i = {
|
|
2789
2789
|
"--gloss-swing-enter-ms": `${U.enterDurationMs}ms`,
|
|
2790
2790
|
"--gloss-swing-exit-ms": `${U.exitDurationMs}ms`,
|
|
@@ -2797,7 +2797,7 @@ const ve = ({ visible: e, variant: t, trigger: n, children: r, className: s }) =
|
|
|
2797
2797
|
n === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
|
|
2798
2798
|
s ?? ""
|
|
2799
2799
|
].filter(Boolean).join(" ");
|
|
2800
|
-
return /* @__PURE__ */
|
|
2800
|
+
return /* @__PURE__ */ r(
|
|
2801
2801
|
"span",
|
|
2802
2802
|
{
|
|
2803
2803
|
"data-testid": "gloss-swing-reveal",
|
|
@@ -2805,24 +2805,24 @@ const ve = ({ visible: e, variant: t, trigger: n, children: r, className: s }) =
|
|
|
2805
2805
|
"data-visible": e ? "true" : "false",
|
|
2806
2806
|
className: l,
|
|
2807
2807
|
style: i,
|
|
2808
|
-
children:
|
|
2808
|
+
children: a
|
|
2809
2809
|
}
|
|
2810
2810
|
);
|
|
2811
2811
|
};
|
|
2812
|
-
function
|
|
2812
|
+
function Hr({
|
|
2813
2813
|
enabled: e,
|
|
2814
2814
|
onCollapse: t,
|
|
2815
2815
|
onAdd: n,
|
|
2816
|
-
addGlyphLabel:
|
|
2816
|
+
addGlyphLabel: a,
|
|
2817
2817
|
collapseGlyphLabel: s,
|
|
2818
2818
|
className: i,
|
|
2819
2819
|
style: l,
|
|
2820
2820
|
onPack: o,
|
|
2821
2821
|
ariaLabel: u
|
|
2822
2822
|
}) {
|
|
2823
|
-
const m =
|
|
2823
|
+
const m = a ?? "Add card to this cell", d = s ?? u ?? "Pack row — shift cards left", g = t ?? o, { affordancesVisible: c } = ze();
|
|
2824
2824
|
return /* @__PURE__ */ f($.Fragment, { children: [
|
|
2825
|
-
/* @__PURE__ */
|
|
2825
|
+
/* @__PURE__ */ r(ve, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
|
|
2826
2826
|
"button",
|
|
2827
2827
|
{
|
|
2828
2828
|
type: "button",
|
|
@@ -2837,10 +2837,10 @@ function Wr({
|
|
|
2837
2837
|
onClick: (p) => {
|
|
2838
2838
|
p.stopPropagation(), n?.();
|
|
2839
2839
|
},
|
|
2840
|
-
children: /* @__PURE__ */
|
|
2840
|
+
children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
|
|
2841
2841
|
}
|
|
2842
2842
|
) }),
|
|
2843
|
-
/* @__PURE__ */
|
|
2843
|
+
/* @__PURE__ */ r(ve, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
|
|
2844
2844
|
"button",
|
|
2845
2845
|
{
|
|
2846
2846
|
type: "button",
|
|
@@ -2851,16 +2851,16 @@ function Wr({
|
|
|
2851
2851
|
onClick: (p) => {
|
|
2852
2852
|
p.stopPropagation(), g?.();
|
|
2853
2853
|
},
|
|
2854
|
-
children: /* @__PURE__ */
|
|
2854
|
+
children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
|
|
2855
2855
|
}
|
|
2856
2856
|
) })
|
|
2857
2857
|
] });
|
|
2858
2858
|
}
|
|
2859
|
-
function
|
|
2859
|
+
function Wr({
|
|
2860
2860
|
tint: e,
|
|
2861
2861
|
colSpan: t,
|
|
2862
2862
|
colWidth: n,
|
|
2863
|
-
rowHeight:
|
|
2863
|
+
rowHeight: a,
|
|
2864
2864
|
gap: s,
|
|
2865
2865
|
x: i,
|
|
2866
2866
|
y: l,
|
|
@@ -2898,11 +2898,11 @@ function Vr({
|
|
|
2898
2898
|
let c = 0, p = "", b = "", k = "";
|
|
2899
2899
|
if (g)
|
|
2900
2900
|
try {
|
|
2901
|
-
const
|
|
2902
|
-
c = h ||
|
|
2901
|
+
const T = window.getComputedStyle(g), _ = T.outline || "", S = T.border || "", R = T.boxShadow || "", h = !!_ && _ !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(_), v = !!S && S !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(S), N = !!R && R !== "none";
|
|
2902
|
+
c = h || v || N ? 1 : 0, p = h ? _ : "", b = v ? S : "", k = N ? R : "";
|
|
2903
2903
|
} catch {
|
|
2904
2904
|
}
|
|
2905
|
-
const w = g?.getBoundingClientRect() ?? null,
|
|
2905
|
+
const w = g?.getBoundingClientRect() ?? null, y = g ? "drag-clone" : "subsumed-by-tracking-outline";
|
|
2906
2906
|
return {
|
|
2907
2907
|
values: {
|
|
2908
2908
|
x: i.get(),
|
|
@@ -2915,7 +2915,7 @@ function Vr({
|
|
|
2915
2915
|
outlineOnClone: c
|
|
2916
2916
|
},
|
|
2917
2917
|
spec: {
|
|
2918
|
-
mode:
|
|
2918
|
+
mode: y,
|
|
2919
2919
|
tint: e,
|
|
2920
2920
|
outlineSrc: p,
|
|
2921
2921
|
borderSrc: b,
|
|
@@ -2928,7 +2928,7 @@ function Vr({
|
|
|
2928
2928
|
state: g ? "active" : "idle",
|
|
2929
2929
|
t: performance.now()
|
|
2930
2930
|
};
|
|
2931
|
-
}), /* @__PURE__ */
|
|
2931
|
+
}), /* @__PURE__ */ r(
|
|
2932
2932
|
B.div,
|
|
2933
2933
|
{
|
|
2934
2934
|
ref: d,
|
|
@@ -2940,7 +2940,7 @@ function Vr({
|
|
|
2940
2940
|
`gloss-drag-ghost--tint-${e}`,
|
|
2941
2941
|
u
|
|
2942
2942
|
].filter(Boolean).join(" "),
|
|
2943
|
-
style: { x: i, y: l, width: m, height:
|
|
2943
|
+
style: { x: i, y: l, width: m, height: a },
|
|
2944
2944
|
children: o
|
|
2945
2945
|
}
|
|
2946
2946
|
);
|
|
@@ -2950,7 +2950,7 @@ function Le({
|
|
|
2950
2950
|
gesture: e,
|
|
2951
2951
|
cell: t,
|
|
2952
2952
|
colSpan: n,
|
|
2953
|
-
colWidth:
|
|
2953
|
+
colWidth: a,
|
|
2954
2954
|
gap: s,
|
|
2955
2955
|
rowHeight: i,
|
|
2956
2956
|
pattern: l = "solid",
|
|
@@ -2958,7 +2958,7 @@ function Le({
|
|
|
2958
2958
|
className: u,
|
|
2959
2959
|
motionWidth: m
|
|
2960
2960
|
}) {
|
|
2961
|
-
const d = n *
|
|
2961
|
+
const d = n * a + (n - 1) * s, c = (t.section * Kt + t.col) * (a + s), p = t.row * (i + s), b = e === "resize" ? 2.5 : 2, k = l === "dashed-retreated" ? "dashed" : "solid", w = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", y = {
|
|
2962
2962
|
className: [
|
|
2963
2963
|
"gloss-tracking-outline",
|
|
2964
2964
|
`gloss-tracking-outline--${e}`,
|
|
@@ -2974,10 +2974,10 @@ function Le({
|
|
|
2974
2974
|
"data-pattern": l,
|
|
2975
2975
|
"aria-hidden": "true"
|
|
2976
2976
|
};
|
|
2977
|
-
return m ? /* @__PURE__ */
|
|
2977
|
+
return m ? /* @__PURE__ */ r(
|
|
2978
2978
|
B.div,
|
|
2979
2979
|
{
|
|
2980
|
-
...
|
|
2980
|
+
...y,
|
|
2981
2981
|
style: {
|
|
2982
2982
|
transform: `translate(${c}px, ${p}px)`,
|
|
2983
2983
|
width: m,
|
|
@@ -2986,10 +2986,10 @@ function Le({
|
|
|
2986
2986
|
borderStyle: k
|
|
2987
2987
|
}
|
|
2988
2988
|
}
|
|
2989
|
-
) : /* @__PURE__ */
|
|
2989
|
+
) : /* @__PURE__ */ r(
|
|
2990
2990
|
"div",
|
|
2991
2991
|
{
|
|
2992
|
-
...
|
|
2992
|
+
...y,
|
|
2993
2993
|
style: {
|
|
2994
2994
|
transform: `translate(${c}px, ${p}px)`,
|
|
2995
2995
|
width: d,
|
|
@@ -3001,16 +3001,16 @@ function Le({
|
|
|
3001
3001
|
}
|
|
3002
3002
|
);
|
|
3003
3003
|
}
|
|
3004
|
-
function
|
|
3005
|
-
return /* @__PURE__ */
|
|
3004
|
+
function Vr(e) {
|
|
3005
|
+
return /* @__PURE__ */ r(Le, { gesture: "drag", pattern: "solid", ...e });
|
|
3006
3006
|
}
|
|
3007
|
-
function
|
|
3007
|
+
function jr({
|
|
3008
3008
|
items: e,
|
|
3009
3009
|
children: t,
|
|
3010
3010
|
className: n,
|
|
3011
|
-
debugMagenta:
|
|
3011
|
+
debugMagenta: a
|
|
3012
3012
|
}) {
|
|
3013
|
-
const s = process.env.NODE_ENV !== "production" && (
|
|
3013
|
+
const s = process.env.NODE_ENV !== "production" && (a || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0), i = $.useRef(e);
|
|
3014
3014
|
return i.current = e, re("cascade-preview", () => {
|
|
3015
3015
|
if (process.env.NODE_ENV === "production")
|
|
3016
3016
|
return { values: {}, spec: null, state: "idle", t: performance.now() };
|
|
@@ -3036,7 +3036,7 @@ function Kr({
|
|
|
3036
3036
|
state: l.length > 0 ? "active" : "idle",
|
|
3037
3037
|
t: performance.now()
|
|
3038
3038
|
};
|
|
3039
|
-
}), e.length === 0 ? null : /* @__PURE__ */
|
|
3039
|
+
}), e.length === 0 ? null : /* @__PURE__ */ r(L, { children: e.map((l) => /* @__PURE__ */ r(
|
|
3040
3040
|
B.div,
|
|
3041
3041
|
{
|
|
3042
3042
|
"data-card-id": l.cardId,
|
|
@@ -3063,10 +3063,10 @@ const Ut = ({
|
|
|
3063
3063
|
elapsed: t,
|
|
3064
3064
|
severity: n = "neutral"
|
|
3065
3065
|
}) => {
|
|
3066
|
-
const
|
|
3066
|
+
const a = M(null), s = M(null);
|
|
3067
3067
|
E(() => {
|
|
3068
3068
|
const o = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)), m = requestAnimationFrame(() => {
|
|
3069
|
-
|
|
3069
|
+
a.current && (a.current.style.width = `${o}%`), s.current && (s.current.style.width = `${u}%`);
|
|
3070
3070
|
});
|
|
3071
3071
|
return () => cancelAnimationFrame(m);
|
|
3072
3072
|
}, [e.value, t.value]);
|
|
@@ -3079,11 +3079,11 @@ const Ut = ({
|
|
|
3079
3079
|
"aria-label": `${i}: ${e.value}%, ${l}: ${t.value}%`,
|
|
3080
3080
|
children: [
|
|
3081
3081
|
/* @__PURE__ */ f("div", { className: "gloss-dual-pace-bars__row", children: [
|
|
3082
|
-
/* @__PURE__ */
|
|
3083
|
-
/* @__PURE__ */
|
|
3082
|
+
/* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: i }),
|
|
3083
|
+
/* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
|
|
3084
3084
|
"div",
|
|
3085
3085
|
{
|
|
3086
|
-
ref:
|
|
3086
|
+
ref: a,
|
|
3087
3087
|
className: `gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--consumed gloss-dual-pace-bars__fill--${n}`,
|
|
3088
3088
|
style: { width: "0%" },
|
|
3089
3089
|
role: "meter",
|
|
@@ -3099,8 +3099,8 @@ const Ut = ({
|
|
|
3099
3099
|
] })
|
|
3100
3100
|
] }),
|
|
3101
3101
|
/* @__PURE__ */ f("div", { className: "gloss-dual-pace-bars__row", children: [
|
|
3102
|
-
/* @__PURE__ */
|
|
3103
|
-
/* @__PURE__ */
|
|
3102
|
+
/* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: l }),
|
|
3103
|
+
/* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
|
|
3104
3104
|
"div",
|
|
3105
3105
|
{
|
|
3106
3106
|
ref: s,
|
|
@@ -3127,20 +3127,20 @@ const Ut = ({
|
|
|
3127
3127
|
className: `gloss-gap-readout gloss-gap-readout--${n}`,
|
|
3128
3128
|
"aria-label": `${e}: ${t}`,
|
|
3129
3129
|
children: [
|
|
3130
|
-
/* @__PURE__ */
|
|
3130
|
+
/* @__PURE__ */ r("hr", { className: "gloss-gap-readout__separator" }),
|
|
3131
3131
|
/* @__PURE__ */ f("div", { className: "gloss-gap-readout__strip", children: [
|
|
3132
|
-
/* @__PURE__ */
|
|
3133
|
-
/* @__PURE__ */
|
|
3132
|
+
/* @__PURE__ */ r("span", { className: "gloss-gap-readout__label", children: e }),
|
|
3133
|
+
/* @__PURE__ */ r("span", { className: "gloss-gap-readout__value", children: t })
|
|
3134
3134
|
] })
|
|
3135
3135
|
]
|
|
3136
3136
|
}
|
|
3137
3137
|
), qt = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ f("div", { className: "gloss-pace-placeholder", children: [
|
|
3138
|
-
/* @__PURE__ */
|
|
3138
|
+
/* @__PURE__ */ r("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
|
|
3139
3139
|
/* @__PURE__ */ f("p", { className: "gloss-pace-placeholder__context", children: [
|
|
3140
3140
|
"for ",
|
|
3141
3141
|
e
|
|
3142
3142
|
] }),
|
|
3143
|
-
/* @__PURE__ */
|
|
3143
|
+
/* @__PURE__ */ r(
|
|
3144
3144
|
"button",
|
|
3145
3145
|
{
|
|
3146
3146
|
type: "button",
|
|
@@ -3150,13 +3150,13 @@ const Ut = ({
|
|
|
3150
3150
|
children: "Set target"
|
|
3151
3151
|
}
|
|
3152
3152
|
)
|
|
3153
|
-
] }),
|
|
3154
|
-
const [t, n] = A(!1),
|
|
3153
|
+
] }), Kr = (e) => {
|
|
3154
|
+
const [t, n] = A(!1), a = e.target?.value, s = a !== void 0, i = e.paceGapUnit === "usd" ? "$" : "%", l = /* @__PURE__ */ r(
|
|
3155
3155
|
tt,
|
|
3156
3156
|
{
|
|
3157
3157
|
label: `Set a target for ${e.label}`,
|
|
3158
3158
|
unit: i,
|
|
3159
|
-
currentValue:
|
|
3159
|
+
currentValue: a,
|
|
3160
3160
|
onConfirm: (o) => {
|
|
3161
3161
|
e.onTargetChange(o), n(!1);
|
|
3162
3162
|
},
|
|
@@ -3165,8 +3165,8 @@ const Ut = ({
|
|
|
3165
3165
|
}
|
|
3166
3166
|
}
|
|
3167
3167
|
);
|
|
3168
|
-
return /* @__PURE__ */
|
|
3169
|
-
|
|
3168
|
+
return /* @__PURE__ */ r(
|
|
3169
|
+
Be,
|
|
3170
3170
|
{
|
|
3171
3171
|
colSpan: 2,
|
|
3172
3172
|
enableQuickSettings: !0,
|
|
@@ -3175,10 +3175,10 @@ const Ut = ({
|
|
|
3175
3175
|
quickConfigSlot: l,
|
|
3176
3176
|
onRemove: e.onRemove,
|
|
3177
3177
|
children: /* @__PURE__ */ f("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
|
|
3178
|
-
/* @__PURE__ */
|
|
3179
|
-
e.subtitle && /* @__PURE__ */
|
|
3180
|
-
/* @__PURE__ */
|
|
3181
|
-
/* @__PURE__ */
|
|
3178
|
+
/* @__PURE__ */ r("div", { className: "gloss-pace-card__label", children: e.label }),
|
|
3179
|
+
e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
|
|
3180
|
+
/* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: s ? /* @__PURE__ */ f(L, { children: [
|
|
3181
|
+
/* @__PURE__ */ r(
|
|
3182
3182
|
Ut,
|
|
3183
3183
|
{
|
|
3184
3184
|
consumed: e.consumed,
|
|
@@ -3186,8 +3186,8 @@ const Ut = ({
|
|
|
3186
3186
|
severity: e.severity
|
|
3187
3187
|
}
|
|
3188
3188
|
),
|
|
3189
|
-
/* @__PURE__ */
|
|
3190
|
-
] }) : /* @__PURE__ */
|
|
3189
|
+
/* @__PURE__ */ r(Yt, { label: "Gap", value: e.gapLabel, severity: e.severity })
|
|
3190
|
+
] }) : /* @__PURE__ */ r(
|
|
3191
3191
|
qt,
|
|
3192
3192
|
{
|
|
3193
3193
|
label: e.label,
|
|
@@ -3197,31 +3197,31 @@ const Ut = ({
|
|
|
3197
3197
|
] })
|
|
3198
3198
|
}
|
|
3199
3199
|
);
|
|
3200
|
-
},
|
|
3201
|
-
/* @__PURE__ */
|
|
3200
|
+
}, Ur = () => /* @__PURE__ */ f("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
|
|
3201
|
+
/* @__PURE__ */ r(
|
|
3202
3202
|
"div",
|
|
3203
3203
|
{
|
|
3204
3204
|
className: "gloss-pace-tile-preview__bar gloss-pace-tile-preview__bar--consumed",
|
|
3205
3205
|
style: { width: "78%" }
|
|
3206
3206
|
}
|
|
3207
3207
|
),
|
|
3208
|
-
/* @__PURE__ */
|
|
3208
|
+
/* @__PURE__ */ r(
|
|
3209
3209
|
"div",
|
|
3210
3210
|
{
|
|
3211
3211
|
className: "gloss-pace-tile-preview__bar gloss-pace-tile-preview__bar--elapsed",
|
|
3212
3212
|
style: { width: "60%" }
|
|
3213
3213
|
}
|
|
3214
3214
|
),
|
|
3215
|
-
/* @__PURE__ */
|
|
3215
|
+
/* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
|
|
3216
3216
|
] });
|
|
3217
|
-
function Qt({ id: e, label: t, selected: n, focused:
|
|
3218
|
-
return /* @__PURE__ */
|
|
3217
|
+
function Qt({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, onClick: l }) {
|
|
3218
|
+
return /* @__PURE__ */ r(
|
|
3219
3219
|
"span",
|
|
3220
3220
|
{
|
|
3221
3221
|
role: "radio",
|
|
3222
3222
|
"aria-checked": n,
|
|
3223
3223
|
"aria-disabled": s || void 0,
|
|
3224
|
-
tabIndex:
|
|
3224
|
+
tabIndex: a ? 0 : -1,
|
|
3225
3225
|
className: "gloss-lens-chip",
|
|
3226
3226
|
"data-selected": n || void 0,
|
|
3227
3227
|
"data-disabled": s || void 0,
|
|
@@ -3229,8 +3229,8 @@ function Qt({ id: e, label: t, selected: n, focused: r, disabled: s, badge: i, o
|
|
|
3229
3229
|
s || l(e);
|
|
3230
3230
|
},
|
|
3231
3231
|
children: /* @__PURE__ */ f("span", { className: "gloss-lens-chip__inner", children: [
|
|
3232
|
-
/* @__PURE__ */
|
|
3233
|
-
i && /* @__PURE__ */
|
|
3232
|
+
/* @__PURE__ */ r("span", { className: "gloss-lens-chip__label", children: t }),
|
|
3233
|
+
i && /* @__PURE__ */ r("span", { className: "gloss-lens-chip__badge", children: i })
|
|
3234
3234
|
] })
|
|
3235
3235
|
}
|
|
3236
3236
|
);
|
|
@@ -3239,7 +3239,7 @@ function Jt({
|
|
|
3239
3239
|
lenses: e,
|
|
3240
3240
|
value: t,
|
|
3241
3241
|
onChange: n,
|
|
3242
|
-
"aria-label":
|
|
3242
|
+
"aria-label": a = "Lens"
|
|
3243
3243
|
}) {
|
|
3244
3244
|
const [s, i] = A(
|
|
3245
3245
|
() => Math.max(0, e.findIndex((o) => o.id === t))
|
|
@@ -3247,11 +3247,11 @@ function Jt({
|
|
|
3247
3247
|
return E(() => {
|
|
3248
3248
|
const o = e.findIndex((u) => u.id === t);
|
|
3249
3249
|
i(o >= 0 ? o : 0);
|
|
3250
|
-
}, [t, e]), e.length === 0 ? null : /* @__PURE__ */
|
|
3250
|
+
}, [t, e]), e.length === 0 ? null : /* @__PURE__ */ r(
|
|
3251
3251
|
"div",
|
|
3252
3252
|
{
|
|
3253
3253
|
role: "radiogroup",
|
|
3254
|
-
"aria-label":
|
|
3254
|
+
"aria-label": a,
|
|
3255
3255
|
onKeyDown: (o) => {
|
|
3256
3256
|
switch (o.key) {
|
|
3257
3257
|
case "ArrowRight":
|
|
@@ -3278,7 +3278,7 @@ function Jt({
|
|
|
3278
3278
|
}
|
|
3279
3279
|
},
|
|
3280
3280
|
className: "gloss-lens-chip-group",
|
|
3281
|
-
children: e.map((o, u) => /* @__PURE__ */
|
|
3281
|
+
children: e.map((o, u) => /* @__PURE__ */ r(
|
|
3282
3282
|
Qt,
|
|
3283
3283
|
{
|
|
3284
3284
|
id: o.id,
|
|
@@ -3297,18 +3297,18 @@ function Jt({
|
|
|
3297
3297
|
Jt.displayName = "LensChipGroup";
|
|
3298
3298
|
function Xt({ heading: e, children: t }) {
|
|
3299
3299
|
return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ f("section", { className: "gloss-starter-rail", "aria-label": e, children: [
|
|
3300
|
-
/* @__PURE__ */
|
|
3301
|
-
/* @__PURE__ */
|
|
3300
|
+
/* @__PURE__ */ r("header", { className: "gloss-starter-rail__heading", children: e }),
|
|
3301
|
+
/* @__PURE__ */ r("div", { className: "gloss-starter-rail__tiles", children: t })
|
|
3302
3302
|
] });
|
|
3303
3303
|
}
|
|
3304
3304
|
Xt.displayName = "StarterRail";
|
|
3305
3305
|
function Zt({ heading: e, children: t, emptyStateLabel: n }) {
|
|
3306
|
-
const
|
|
3306
|
+
const a = !t || Array.isArray(t) && t.length === 0;
|
|
3307
3307
|
return /* @__PURE__ */ f("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
|
|
3308
|
-
/* @__PURE__ */
|
|
3308
|
+
/* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
|
|
3309
3309
|
/* @__PURE__ */ f("div", { className: "gloss-more-in-lens-rail__tiles", children: [
|
|
3310
3310
|
t,
|
|
3311
|
-
|
|
3311
|
+
a && n && /* @__PURE__ */ r("p", { className: "gloss-more-in-lens-rail__empty", children: n })
|
|
3312
3312
|
] })
|
|
3313
3313
|
] });
|
|
3314
3314
|
}
|
|
@@ -3317,7 +3317,7 @@ function z({
|
|
|
3317
3317
|
lead: e,
|
|
3318
3318
|
name: t,
|
|
3319
3319
|
secondary: n,
|
|
3320
|
-
value:
|
|
3320
|
+
value: a,
|
|
3321
3321
|
trail: s,
|
|
3322
3322
|
variant: i = "default",
|
|
3323
3323
|
onClick: l,
|
|
@@ -3329,14 +3329,14 @@ function z({
|
|
|
3329
3329
|
`gloss-entity-row--${i}`,
|
|
3330
3330
|
l ? "gloss-entity-row--clickable" : "",
|
|
3331
3331
|
o ?? ""
|
|
3332
|
-
].filter(Boolean).join(" "), d = /* @__PURE__ */ f(
|
|
3333
|
-
e !== void 0 && /* @__PURE__ */
|
|
3334
|
-
/* @__PURE__ */
|
|
3335
|
-
n !== void 0 && /* @__PURE__ */
|
|
3336
|
-
/* @__PURE__ */
|
|
3337
|
-
s !== void 0 && /* @__PURE__ */
|
|
3332
|
+
].filter(Boolean).join(" "), d = /* @__PURE__ */ f(L, { children: [
|
|
3333
|
+
e !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__lead", children: e }),
|
|
3334
|
+
/* @__PURE__ */ r("span", { className: "gloss-entity-row__name", title: t, children: t }),
|
|
3335
|
+
n !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__secondary", children: n }),
|
|
3336
|
+
/* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
|
|
3337
|
+
s !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: s })
|
|
3338
3338
|
] });
|
|
3339
|
-
return l ? /* @__PURE__ */
|
|
3339
|
+
return l ? /* @__PURE__ */ r("div", { role: "listitem", className: m, style: u, children: /* @__PURE__ */ r(
|
|
3340
3340
|
"button",
|
|
3341
3341
|
{
|
|
3342
3342
|
type: "button",
|
|
@@ -3353,12 +3353,12 @@ function z({
|
|
|
3353
3353
|
},
|
|
3354
3354
|
children: d
|
|
3355
3355
|
}
|
|
3356
|
-
) }) : /* @__PURE__ */
|
|
3356
|
+
) }) : /* @__PURE__ */ r("div", { role: "listitem", className: m, style: u, children: d });
|
|
3357
3357
|
}
|
|
3358
3358
|
z.displayName = "EntityRow";
|
|
3359
3359
|
const Q = ({ rank: e }) => {
|
|
3360
3360
|
const t = e === 1 ? "first" : "other";
|
|
3361
|
-
return /* @__PURE__ */
|
|
3361
|
+
return /* @__PURE__ */ r(
|
|
3362
3362
|
"span",
|
|
3363
3363
|
{
|
|
3364
3364
|
role: "img",
|
|
@@ -3370,7 +3370,7 @@ const Q = ({ rank: e }) => {
|
|
|
3370
3370
|
};
|
|
3371
3371
|
Q.displayName = "RankBadge";
|
|
3372
3372
|
function J({ severity: e, "aria-label": t }) {
|
|
3373
|
-
return /* @__PURE__ */
|
|
3373
|
+
return /* @__PURE__ */ r(
|
|
3374
3374
|
"span",
|
|
3375
3375
|
{
|
|
3376
3376
|
role: "img",
|
|
@@ -3380,13 +3380,13 @@ function J({ severity: e, "aria-label": t }) {
|
|
|
3380
3380
|
);
|
|
3381
3381
|
}
|
|
3382
3382
|
J.displayName = "SeverityDot";
|
|
3383
|
-
function
|
|
3383
|
+
function Oe({
|
|
3384
3384
|
delta: e,
|
|
3385
3385
|
direction: t = "flat",
|
|
3386
3386
|
"aria-label": n
|
|
3387
3387
|
}) {
|
|
3388
3388
|
if (e === "new")
|
|
3389
|
-
return /* @__PURE__ */
|
|
3389
|
+
return /* @__PURE__ */ r(
|
|
3390
3390
|
"span",
|
|
3391
3391
|
{
|
|
3392
3392
|
role: "img",
|
|
@@ -3395,7 +3395,7 @@ function Ie({
|
|
|
3395
3395
|
children: "NEW"
|
|
3396
3396
|
}
|
|
3397
3397
|
);
|
|
3398
|
-
const
|
|
3398
|
+
const a = t === "up" ? "▲" : t === "down" ? "▼" : "—";
|
|
3399
3399
|
return /* @__PURE__ */ f(
|
|
3400
3400
|
"span",
|
|
3401
3401
|
{
|
|
@@ -3403,16 +3403,16 @@ function Ie({
|
|
|
3403
3403
|
"aria-label": n,
|
|
3404
3404
|
className: `gloss-rank-delta gloss-rank-delta--${t}`,
|
|
3405
3405
|
children: [
|
|
3406
|
-
|
|
3406
|
+
a,
|
|
3407
3407
|
e
|
|
3408
3408
|
]
|
|
3409
3409
|
}
|
|
3410
3410
|
);
|
|
3411
3411
|
}
|
|
3412
|
-
|
|
3412
|
+
Oe.displayName = "RankDelta";
|
|
3413
3413
|
function X({ fill: e, variant: t = "default", className: n }) {
|
|
3414
|
-
const
|
|
3415
|
-
return /* @__PURE__ */
|
|
3414
|
+
const a = Math.max(0, Math.min(100, e));
|
|
3415
|
+
return /* @__PURE__ */ r(
|
|
3416
3416
|
"div",
|
|
3417
3417
|
{
|
|
3418
3418
|
"aria-hidden": "true",
|
|
@@ -3421,8 +3421,8 @@ function X({ fill: e, variant: t = "default", className: n }) {
|
|
|
3421
3421
|
`gloss-magnitude-bar--${t}`,
|
|
3422
3422
|
n ?? ""
|
|
3423
3423
|
].filter(Boolean).join(" "),
|
|
3424
|
-
style: { "--_fill": `${
|
|
3425
|
-
children: /* @__PURE__ */
|
|
3424
|
+
style: { "--_fill": `${a}%` },
|
|
3425
|
+
children: /* @__PURE__ */ r("div", { className: "gloss-magnitude-bar__fill" })
|
|
3426
3426
|
}
|
|
3427
3427
|
);
|
|
3428
3428
|
}
|
|
@@ -3432,30 +3432,30 @@ function ta({
|
|
|
3432
3432
|
label: e,
|
|
3433
3433
|
rows: t,
|
|
3434
3434
|
rowCount: n,
|
|
3435
|
-
rankDeltaPeriod:
|
|
3435
|
+
rankDeltaPeriod: a,
|
|
3436
3436
|
isStale: s
|
|
3437
3437
|
}) {
|
|
3438
3438
|
const i = n ?? 3;
|
|
3439
|
-
return /* @__PURE__ */ f(
|
|
3440
|
-
/* @__PURE__ */
|
|
3439
|
+
return /* @__PURE__ */ f(L, { children: [
|
|
3440
|
+
/* @__PURE__ */ r(
|
|
3441
3441
|
Y,
|
|
3442
3442
|
{
|
|
3443
3443
|
className: "gloss-metric-card__zone-a",
|
|
3444
3444
|
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3445
|
-
children: /* @__PURE__ */
|
|
3445
|
+
children: /* @__PURE__ */ r(ne, { className: "gloss-metric-card__label", children: e })
|
|
3446
3446
|
}
|
|
3447
3447
|
),
|
|
3448
|
-
/* @__PURE__ */
|
|
3448
|
+
/* @__PURE__ */ r(
|
|
3449
3449
|
Y,
|
|
3450
3450
|
{
|
|
3451
3451
|
className: `gloss-metric-card__zone-b gloss-leaderboard ${s ? "gloss-metric-data-stale" : ""}`,
|
|
3452
3452
|
style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
|
|
3453
|
-
children: /* @__PURE__ */
|
|
3453
|
+
children: /* @__PURE__ */ r("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, i).map((l, o) => /* @__PURE__ */ r(
|
|
3454
3454
|
z,
|
|
3455
3455
|
{
|
|
3456
|
-
lead: /* @__PURE__ */
|
|
3456
|
+
lead: /* @__PURE__ */ r(Q, { rank: o + 1 }),
|
|
3457
3457
|
name: l.name,
|
|
3458
|
-
secondary: /* @__PURE__ */
|
|
3458
|
+
secondary: /* @__PURE__ */ r(
|
|
3459
3459
|
X,
|
|
3460
3460
|
{
|
|
3461
3461
|
fill: l.magnitude,
|
|
@@ -3463,8 +3463,8 @@ function ta({
|
|
|
3463
3463
|
}
|
|
3464
3464
|
),
|
|
3465
3465
|
value: l.value,
|
|
3466
|
-
trail: /* @__PURE__ */
|
|
3467
|
-
|
|
3466
|
+
trail: /* @__PURE__ */ r(
|
|
3467
|
+
Oe,
|
|
3468
3468
|
{
|
|
3469
3469
|
delta: l.rankDelta,
|
|
3470
3470
|
direction: l.direction,
|
|
@@ -3479,7 +3479,7 @@ function ta({
|
|
|
3479
3479
|
}
|
|
3480
3480
|
),
|
|
3481
3481
|
/* @__PURE__ */ f("div", { className: "gloss-leaderboard__zone-c", children: [
|
|
3482
|
-
|
|
3482
|
+
a ?? "WoW",
|
|
3483
3483
|
" rank change"
|
|
3484
3484
|
] })
|
|
3485
3485
|
] });
|
|
@@ -3492,9 +3492,9 @@ const aa = () => /* @__PURE__ */ f(
|
|
|
3492
3492
|
"aria-hidden": "true",
|
|
3493
3493
|
style: { transform: "scale(0.6)", transformOrigin: "top left" },
|
|
3494
3494
|
children: [
|
|
3495
|
-
/* @__PURE__ */
|
|
3496
|
-
/* @__PURE__ */
|
|
3497
|
-
/* @__PURE__ */
|
|
3495
|
+
/* @__PURE__ */ r(z, { lead: /* @__PURE__ */ r(Q, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(X, { fill: 96 }), value: "98%" }),
|
|
3496
|
+
/* @__PURE__ */ r(z, { lead: /* @__PURE__ */ r(Q, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(X, { fill: 72 }), value: "85%" }),
|
|
3497
|
+
/* @__PURE__ */ r(z, { lead: /* @__PURE__ */ r(Q, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(X, { fill: 48 }), value: "71%" })
|
|
3498
3498
|
]
|
|
3499
3499
|
}
|
|
3500
3500
|
);
|
|
@@ -3521,41 +3521,41 @@ function sa({
|
|
|
3521
3521
|
label: e,
|
|
3522
3522
|
rows: t,
|
|
3523
3523
|
rule: n,
|
|
3524
|
-
rowCount:
|
|
3524
|
+
rowCount: a,
|
|
3525
3525
|
emptyStateLabel: s,
|
|
3526
3526
|
ruleSubtitle: i,
|
|
3527
3527
|
isStale: l
|
|
3528
3528
|
}) {
|
|
3529
|
-
const o = t.filter((m) => na(m, n)), u = o.slice(0,
|
|
3530
|
-
return o.length === 0 ? /* @__PURE__ */ f(
|
|
3531
|
-
/* @__PURE__ */
|
|
3529
|
+
const o = t.filter((m) => na(m, n)), u = o.slice(0, a ?? 3);
|
|
3530
|
+
return o.length === 0 ? /* @__PURE__ */ f(L, { children: [
|
|
3531
|
+
/* @__PURE__ */ r(
|
|
3532
3532
|
Y,
|
|
3533
3533
|
{
|
|
3534
3534
|
className: "gloss-metric-card__zone-a",
|
|
3535
3535
|
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3536
|
-
children: /* @__PURE__ */
|
|
3536
|
+
children: /* @__PURE__ */ r(ne, { className: "gloss-metric-card__label", children: e })
|
|
3537
3537
|
}
|
|
3538
3538
|
),
|
|
3539
|
-
/* @__PURE__ */
|
|
3540
|
-
i && /* @__PURE__ */
|
|
3541
|
-
] }) : /* @__PURE__ */ f(
|
|
3542
|
-
/* @__PURE__ */
|
|
3539
|
+
/* @__PURE__ */ r("div", { className: "gloss-exception-list__empty", role: "status", children: s ?? "No exceptions" }),
|
|
3540
|
+
i && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: i })
|
|
3541
|
+
] }) : /* @__PURE__ */ f(L, { children: [
|
|
3542
|
+
/* @__PURE__ */ r(
|
|
3543
3543
|
Y,
|
|
3544
3544
|
{
|
|
3545
3545
|
className: "gloss-metric-card__zone-a",
|
|
3546
3546
|
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3547
|
-
children: /* @__PURE__ */
|
|
3547
|
+
children: /* @__PURE__ */ r(ne, { className: "gloss-metric-card__label", children: e })
|
|
3548
3548
|
}
|
|
3549
3549
|
),
|
|
3550
|
-
/* @__PURE__ */
|
|
3550
|
+
/* @__PURE__ */ r(
|
|
3551
3551
|
Y,
|
|
3552
3552
|
{
|
|
3553
3553
|
className: `gloss-metric-card__zone-b gloss-exception-list ${l ? "gloss-metric-data-stale" : ""}`,
|
|
3554
3554
|
style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
|
|
3555
|
-
children: /* @__PURE__ */
|
|
3555
|
+
children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((m, d) => /* @__PURE__ */ r(
|
|
3556
3556
|
z,
|
|
3557
3557
|
{
|
|
3558
|
-
lead: /* @__PURE__ */
|
|
3558
|
+
lead: /* @__PURE__ */ r(J, { severity: m.severity, "aria-label": ra(m.severity) }),
|
|
3559
3559
|
name: m.name,
|
|
3560
3560
|
value: m.value,
|
|
3561
3561
|
variant: "exception",
|
|
@@ -3565,7 +3565,7 @@ function sa({
|
|
|
3565
3565
|
)) })
|
|
3566
3566
|
}
|
|
3567
3567
|
),
|
|
3568
|
-
i && /* @__PURE__ */
|
|
3568
|
+
i && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: i })
|
|
3569
3569
|
] });
|
|
3570
3570
|
}
|
|
3571
3571
|
sa.displayName = "ExceptionListCard";
|
|
@@ -3576,26 +3576,26 @@ const ia = () => /* @__PURE__ */ f(
|
|
|
3576
3576
|
"aria-hidden": "true",
|
|
3577
3577
|
style: { transform: "scale(0.6)", transformOrigin: "top left" },
|
|
3578
3578
|
children: [
|
|
3579
|
-
/* @__PURE__ */
|
|
3579
|
+
/* @__PURE__ */ r(
|
|
3580
3580
|
z,
|
|
3581
3581
|
{
|
|
3582
|
-
lead: /* @__PURE__ */
|
|
3582
|
+
lead: /* @__PURE__ */ r(J, { severity: "critical", "aria-label": "Critical severity" }),
|
|
3583
3583
|
name: "SKU A",
|
|
3584
3584
|
value: "0 on hand"
|
|
3585
3585
|
}
|
|
3586
3586
|
),
|
|
3587
|
-
/* @__PURE__ */
|
|
3587
|
+
/* @__PURE__ */ r(
|
|
3588
3588
|
z,
|
|
3589
3589
|
{
|
|
3590
|
-
lead: /* @__PURE__ */
|
|
3590
|
+
lead: /* @__PURE__ */ r(J, { severity: "warn", "aria-label": "Warning severity" }),
|
|
3591
3591
|
name: "SKU B",
|
|
3592
3592
|
value: "3 units"
|
|
3593
3593
|
}
|
|
3594
3594
|
),
|
|
3595
|
-
/* @__PURE__ */
|
|
3595
|
+
/* @__PURE__ */ r(
|
|
3596
3596
|
z,
|
|
3597
3597
|
{
|
|
3598
|
-
lead: /* @__PURE__ */
|
|
3598
|
+
lead: /* @__PURE__ */ r(J, { severity: "info", "aria-label": "Info severity" }),
|
|
3599
3599
|
name: "SKU C",
|
|
3600
3600
|
value: "12 days"
|
|
3601
3601
|
}
|
|
@@ -3615,20 +3615,20 @@ const ye = ["MTD", "QTD", "YTD", "LYTD", "7D"], we = ["$248K", "$612K", "$1.24M"
|
|
|
3615
3615
|
labels: t = ye,
|
|
3616
3616
|
sampleValues: n = we
|
|
3617
3617
|
}) => {
|
|
3618
|
-
const
|
|
3618
|
+
const a = Array.from({ length: e }, (s, i) => ({
|
|
3619
3619
|
label: t[i] ?? ye[i] ?? "",
|
|
3620
3620
|
value: n[i] ?? we[i] ?? "",
|
|
3621
3621
|
sparkPath: _e[i % _e.length]
|
|
3622
3622
|
}));
|
|
3623
|
-
return e === 1 ? /* @__PURE__ */
|
|
3623
|
+
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(
|
|
3624
3624
|
"div",
|
|
3625
3625
|
{
|
|
3626
3626
|
className: `gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--slots-${e}`,
|
|
3627
3627
|
"aria-hidden": "true",
|
|
3628
|
-
children:
|
|
3629
|
-
/* @__PURE__ */
|
|
3630
|
-
/* @__PURE__ */
|
|
3631
|
-
/* @__PURE__ */
|
|
3628
|
+
children: a.map((s, i) => /* @__PURE__ */ f("div", { className: "gloss-stacked-group-tile-preview__row", children: [
|
|
3629
|
+
/* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-label", children: s.label }),
|
|
3630
|
+
/* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-value", children: s.value }),
|
|
3631
|
+
/* @__PURE__ */ r(
|
|
3632
3632
|
"svg",
|
|
3633
3633
|
{
|
|
3634
3634
|
className: "gloss-stacked-group-tile-preview__row-spark",
|
|
@@ -3637,7 +3637,7 @@ const ye = ["MTD", "QTD", "YTD", "LYTD", "7D"], we = ["$248K", "$612K", "$1.24M"
|
|
|
3637
3637
|
height: "10",
|
|
3638
3638
|
preserveAspectRatio: "none",
|
|
3639
3639
|
"aria-hidden": "true",
|
|
3640
|
-
children: /* @__PURE__ */
|
|
3640
|
+
children: /* @__PURE__ */ r("path", { d: s.sparkPath, fill: "none", stroke: "currentColor", strokeWidth: "1" })
|
|
3641
3641
|
}
|
|
3642
3642
|
)
|
|
3643
3643
|
] }, i))
|
|
@@ -3645,7 +3645,7 @@ const ye = ["MTD", "QTD", "YTD", "LYTD", "7D"], we = ["$248K", "$612K", "$1.24M"
|
|
|
3645
3645
|
);
|
|
3646
3646
|
};
|
|
3647
3647
|
la.displayName = "StackedGroupTilePreview";
|
|
3648
|
-
const
|
|
3648
|
+
const Yr = {
|
|
3649
3649
|
/** GEV-01 — Eligibility tint. Contiguous-from-source paint; blocked by first occupied cell (Principle 4). */
|
|
3650
3650
|
eligibilityTint: { applicableStates: ["arming", "active"] },
|
|
3651
3651
|
/** GEV-01 — Commit tint. Fill+stroke emphasis on the commit-target cell footprint (G-02). */
|
|
@@ -3687,21 +3687,21 @@ const qr = {
|
|
|
3687
3687
|
rejectionFill: "var(--gloss-g02-rejection-fill)",
|
|
3688
3688
|
rejectionStroke: "var(--gloss-g02-rejection-stroke)",
|
|
3689
3689
|
trackingOutline: "var(--gloss-g02-tracking-outline)"
|
|
3690
|
-
},
|
|
3691
|
-
function
|
|
3690
|
+
}, qr = "dashed", Qr = "solid", Jr = "sparse-dash", Xr = "2px no-fill", Zr = "6 4", en = "10 6", oa = 3;
|
|
3691
|
+
function tn({
|
|
3692
3692
|
cell: e,
|
|
3693
3693
|
variant: t,
|
|
3694
3694
|
rampColor: n,
|
|
3695
|
-
colWidth:
|
|
3695
|
+
colWidth: a,
|
|
3696
3696
|
rowHeight: s,
|
|
3697
3697
|
gap: i,
|
|
3698
3698
|
className: l
|
|
3699
3699
|
}) {
|
|
3700
|
-
const u = (e.section * oa + e.col) * (
|
|
3700
|
+
const u = (e.section * oa + e.col) * (a + i), m = e.row * (s + i), d = t === "eligibility" ? V.eligibilityFill : t === "commit" ? V.commitFill : t === "rejection" ? V.rejectionFill : (
|
|
3701
3701
|
/* ramp */
|
|
3702
3702
|
n ?? V.eligibilityFill
|
|
3703
3703
|
), g = t === "rejection", c = g ? V.rejectionStroke : "transparent", p = g ? "dashed" : "solid";
|
|
3704
|
-
return /* @__PURE__ */
|
|
3704
|
+
return /* @__PURE__ */ r(
|
|
3705
3705
|
"div",
|
|
3706
3706
|
{
|
|
3707
3707
|
className: [
|
|
@@ -3714,7 +3714,7 @@ function an({
|
|
|
3714
3714
|
"aria-hidden": "true",
|
|
3715
3715
|
style: {
|
|
3716
3716
|
transform: `translate(${u}px, ${m}px)`,
|
|
3717
|
-
width:
|
|
3717
|
+
width: a,
|
|
3718
3718
|
height: s,
|
|
3719
3719
|
// Use background-color longhand (NOT background shorthand) so jsdom + DOM
|
|
3720
3720
|
// both preserve `var(...)` in inline cssText. The shorthand getter strips
|
|
@@ -3731,16 +3731,16 @@ const ca = 3, da = [
|
|
|
3731
3731
|
{ idx: 1, peakR: 34, peakOpacity: 0.22, strokeW: 1 },
|
|
3732
3732
|
{ idx: 2, peakR: 46, peakOpacity: 0.1, strokeW: 0.8 }
|
|
3733
3733
|
];
|
|
3734
|
-
function
|
|
3734
|
+
function an({
|
|
3735
3735
|
cell: e,
|
|
3736
3736
|
fireKey: t,
|
|
3737
3737
|
colWidth: n,
|
|
3738
|
-
rowHeight:
|
|
3738
|
+
rowHeight: a,
|
|
3739
3739
|
gap: s,
|
|
3740
3740
|
className: i
|
|
3741
3741
|
}) {
|
|
3742
|
-
const o = (e.section * ca + e.col) * (n + s) + n / 2, u = e.row * (
|
|
3743
|
-
return
|
|
3742
|
+
const o = (e.section * ca + e.col) * (n + s) + n / 2, u = e.row * (a + s) + a / 2;
|
|
3743
|
+
return Ie() === "reduced" ? /* @__PURE__ */ r(
|
|
3744
3744
|
"div",
|
|
3745
3745
|
{
|
|
3746
3746
|
className: ["gloss-refuse-pulse-flash", i].filter(Boolean).join(" "),
|
|
@@ -3761,7 +3761,7 @@ function rn({
|
|
|
3761
3761
|
}
|
|
3762
3762
|
},
|
|
3763
3763
|
t
|
|
3764
|
-
) : /* @__PURE__ */
|
|
3764
|
+
) : /* @__PURE__ */ r(
|
|
3765
3765
|
"div",
|
|
3766
3766
|
{
|
|
3767
3767
|
className: ["gloss-refuse-pulse", i].filter(Boolean).join(" "),
|
|
@@ -3778,7 +3778,7 @@ function rn({
|
|
|
3778
3778
|
},
|
|
3779
3779
|
children: da.map((d) => {
|
|
3780
3780
|
const g = d.peakR * 2;
|
|
3781
|
-
return /* @__PURE__ */
|
|
3781
|
+
return /* @__PURE__ */ r(
|
|
3782
3782
|
"div",
|
|
3783
3783
|
{
|
|
3784
3784
|
className: `gloss-refuse-pulse__ring gloss-refuse-pulse__ring--${d.idx}`,
|
|
@@ -3810,17 +3810,17 @@ function rn({
|
|
|
3810
3810
|
t
|
|
3811
3811
|
);
|
|
3812
3812
|
}
|
|
3813
|
-
function
|
|
3814
|
-
return /* @__PURE__ */
|
|
3813
|
+
function rn(e) {
|
|
3814
|
+
return /* @__PURE__ */ r(Le, { gesture: "resize", ...e });
|
|
3815
3815
|
}
|
|
3816
3816
|
function ua(e, t, n) {
|
|
3817
|
-
const
|
|
3817
|
+
const a = Math.max(0, Math.min(1, n)), s = (g) => [
|
|
3818
3818
|
parseInt(g.slice(1, 3), 16),
|
|
3819
3819
|
parseInt(g.slice(3, 5), 16),
|
|
3820
3820
|
parseInt(g.slice(5, 7), 16)
|
|
3821
3821
|
], [i, l, o] = s(e), [u, m, d] = s(t);
|
|
3822
|
-
return `rgb(${Math.round(i + (u - i) *
|
|
3823
|
-
o + (d - o) *
|
|
3822
|
+
return `rgb(${Math.round(i + (u - i) * a)}, ${Math.round(l + (m - l) * a)}, ${Math.round(
|
|
3823
|
+
o + (d - o) * a
|
|
3824
3824
|
)})`;
|
|
3825
3825
|
}
|
|
3826
3826
|
function ma(e) {
|
|
@@ -3829,8 +3829,8 @@ function ma(e) {
|
|
|
3829
3829
|
function pa(e) {
|
|
3830
3830
|
return e === "dragging";
|
|
3831
3831
|
}
|
|
3832
|
-
function
|
|
3833
|
-
const { edgeHover: t, sourceCell: n, cascadeResult:
|
|
3832
|
+
function nn(e) {
|
|
3833
|
+
const { edgeHover: t, sourceCell: n, cascadeResult: a } = e, i = Ie() === "reduced", l = $.useRef(t.currentColSpan), o = $.useRef({ armed: !0, fireKey: 0, lastResult: null }), u = $.useRef(t.currentColSpan), m = $.useRef("idle"), d = $.useRef(t.currentColSpan), g = pa(t.state);
|
|
3834
3834
|
if (i ? (m.current = "settled", d.current = t.currentColSpan, u.current = t.currentColSpan) : g ? m.current = t.currentColSpan !== u.current ? "incoming" : "outgoing" : (t.currentColSpan !== u.current && (d.current = t.currentColSpan, u.current = t.currentColSpan), m.current !== "idle" && (m.current = "settled")), !g)
|
|
3835
3835
|
return o.current.armed = !0, o.current.lastResult = null, {
|
|
3836
3836
|
trackingOutline: null,
|
|
@@ -3840,17 +3840,17 @@ function sn(e) {
|
|
|
3840
3840
|
phase: m.current,
|
|
3841
3841
|
displayColSpan: d.current
|
|
3842
3842
|
};
|
|
3843
|
-
const c = t.hysteresisTargetColSpan, p = t.previewColSpan, b =
|
|
3843
|
+
const c = t.hysteresisTargetColSpan, p = t.previewColSpan, b = a?.result === "rejected";
|
|
3844
3844
|
b || (l.current = c), b && o.current.armed && o.current.lastResult !== "rejected" && (o.current.fireKey += 1, o.current.armed = !1), o.current.lastResult = b ? "rejected" : "ok";
|
|
3845
3845
|
const k = b ? l.current : c, w = {
|
|
3846
3846
|
cell: { section: 0, col: 0, row: 0 },
|
|
3847
3847
|
colSpan: k,
|
|
3848
3848
|
pattern: b ? "dashed-retreated" : "solid"
|
|
3849
|
-
},
|
|
3849
|
+
}, y = [];
|
|
3850
3850
|
if (b) {
|
|
3851
|
-
const S = n.col + l.current,
|
|
3852
|
-
for (let h = S; h <=
|
|
3853
|
-
|
|
3851
|
+
const S = n.col + l.current, R = n.col + c - 1;
|
|
3852
|
+
for (let h = S; h <= R && h <= 2; h++)
|
|
3853
|
+
y.push({
|
|
3854
3854
|
cell: {
|
|
3855
3855
|
section: 0,
|
|
3856
3856
|
col: h - n.col,
|
|
@@ -3859,30 +3859,30 @@ function sn(e) {
|
|
|
3859
3859
|
variant: "rejection"
|
|
3860
3860
|
});
|
|
3861
3861
|
} else {
|
|
3862
|
-
const S = Math.abs(p - c),
|
|
3862
|
+
const S = Math.abs(p - c), R = Math.max(0, Math.min(1, 1 - S));
|
|
3863
3863
|
for (let h = n.col; h < n.col + c && h <= 2; h++) {
|
|
3864
3864
|
if (h === n.col) continue;
|
|
3865
|
-
const
|
|
3865
|
+
const v = h === n.col + c - 1, N = {
|
|
3866
3866
|
section: 0,
|
|
3867
3867
|
col: h - n.col,
|
|
3868
3868
|
row: 0
|
|
3869
3869
|
};
|
|
3870
|
-
|
|
3871
|
-
cell:
|
|
3870
|
+
v && t.direction.startsWith("grow") && c > 1 && !i && S > 0 && S < 1 ? y.push({
|
|
3871
|
+
cell: N,
|
|
3872
3872
|
variant: "ramp",
|
|
3873
|
-
rampColor: ua(Ce.eligibilityFill, Ce.commitFill,
|
|
3874
|
-
}) :
|
|
3873
|
+
rampColor: ua(Ce.eligibilityFill, Ce.commitFill, R)
|
|
3874
|
+
}) : v ? y.push({ cell: N, variant: "commit" }) : y.push({ cell: N, variant: "eligibility" });
|
|
3875
3875
|
}
|
|
3876
3876
|
}
|
|
3877
|
-
const
|
|
3877
|
+
const T = [];
|
|
3878
3878
|
if (t.currentColSpan > c)
|
|
3879
3879
|
for (let S = n.col + c; S < n.col + t.currentColSpan && S <= 2; S++)
|
|
3880
|
-
|
|
3880
|
+
T.push({
|
|
3881
3881
|
section: 0,
|
|
3882
3882
|
col: S - n.col,
|
|
3883
3883
|
row: 0
|
|
3884
3884
|
});
|
|
3885
|
-
const
|
|
3885
|
+
const _ = o.current.fireKey > 0 ? {
|
|
3886
3886
|
cell: {
|
|
3887
3887
|
section: 0,
|
|
3888
3888
|
col: ma(
|
|
@@ -3894,9 +3894,9 @@ function sn(e) {
|
|
|
3894
3894
|
} : null;
|
|
3895
3895
|
return {
|
|
3896
3896
|
trackingOutline: w,
|
|
3897
|
-
cellTints:
|
|
3898
|
-
refusePulse:
|
|
3899
|
-
shrinkFreedCells:
|
|
3897
|
+
cellTints: y,
|
|
3898
|
+
refusePulse: _,
|
|
3899
|
+
shrinkFreedCells: T,
|
|
3900
3900
|
phase: m.current,
|
|
3901
3901
|
displayColSpan: d.current
|
|
3902
3902
|
};
|
|
@@ -3913,27 +3913,27 @@ function ga({
|
|
|
3913
3913
|
message: e,
|
|
3914
3914
|
primaryAction: t,
|
|
3915
3915
|
onDismiss: n,
|
|
3916
|
-
anchorEl:
|
|
3916
|
+
anchorEl: a,
|
|
3917
3917
|
anchorSelector: s
|
|
3918
3918
|
}) {
|
|
3919
|
-
const [i, l] =
|
|
3919
|
+
const [i, l] = I.useState(null), o = I.useMemo(
|
|
3920
3920
|
() => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
|
|
3921
3921
|
[]
|
|
3922
3922
|
);
|
|
3923
|
-
|
|
3924
|
-
!
|
|
3923
|
+
I.useEffect(() => {
|
|
3924
|
+
!a && !s && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
|
|
3925
3925
|
"[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
|
|
3926
3926
|
);
|
|
3927
|
-
}, [
|
|
3927
|
+
}, [a, s]), I.useLayoutEffect(() => {
|
|
3928
3928
|
let m = null;
|
|
3929
|
-
if (
|
|
3929
|
+
if (a ? m = a : s && (m = document.querySelector(s)), m) {
|
|
3930
3930
|
const d = m.getBoundingClientRect();
|
|
3931
3931
|
l({
|
|
3932
3932
|
top: d.bottom + window.scrollY + 6,
|
|
3933
3933
|
left: d.left + window.scrollX
|
|
3934
3934
|
});
|
|
3935
3935
|
}
|
|
3936
|
-
}, [
|
|
3936
|
+
}, [a, s]);
|
|
3937
3937
|
const u = i ? { top: i.top, left: i.left } : {};
|
|
3938
3938
|
return /* @__PURE__ */ f(
|
|
3939
3939
|
"div",
|
|
@@ -3944,9 +3944,9 @@ function ga({
|
|
|
3944
3944
|
"aria-live": "polite",
|
|
3945
3945
|
"data-reduced-motion": o ? "true" : void 0,
|
|
3946
3946
|
children: [
|
|
3947
|
-
/* @__PURE__ */
|
|
3947
|
+
/* @__PURE__ */ r("span", { className: H["gloss-inline-nudge__message"], children: e }),
|
|
3948
3948
|
/* @__PURE__ */ f("div", { className: H["gloss-inline-nudge__actions"], children: [
|
|
3949
|
-
/* @__PURE__ */
|
|
3949
|
+
/* @__PURE__ */ r(
|
|
3950
3950
|
"button",
|
|
3951
3951
|
{
|
|
3952
3952
|
type: "button",
|
|
@@ -3955,7 +3955,7 @@ function ga({
|
|
|
3955
3955
|
children: t.label
|
|
3956
3956
|
}
|
|
3957
3957
|
),
|
|
3958
|
-
/* @__PURE__ */
|
|
3958
|
+
/* @__PURE__ */ r(
|
|
3959
3959
|
"button",
|
|
3960
3960
|
{
|
|
3961
3961
|
type: "button",
|
|
@@ -3979,8 +3979,8 @@ function ha(e, t, n) {
|
|
|
3979
3979
|
const l = e[0], o = l ? oe(l) : "#888";
|
|
3980
3980
|
return `linear-gradient(to right, ${o}, ${o})`;
|
|
3981
3981
|
}
|
|
3982
|
-
const
|
|
3983
|
-
const o = (l.value - t) /
|
|
3982
|
+
const a = n - t, i = [...e].sort((l, o) => l.value - o.value).map((l) => {
|
|
3983
|
+
const o = (l.value - t) / a * 100;
|
|
3984
3984
|
return `${oe(l)} ${o.toFixed(2)}%`;
|
|
3985
3985
|
});
|
|
3986
3986
|
return i.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : i.length === 1 ? `linear-gradient(to right, ${i[0]}, ${i[0]})` : `linear-gradient(to right, ${i.join(", ")})`;
|
|
@@ -3992,118 +3992,118 @@ function ba({
|
|
|
3992
3992
|
stops: e,
|
|
3993
3993
|
onChange: t,
|
|
3994
3994
|
min: n = 0,
|
|
3995
|
-
max:
|
|
3995
|
+
max: a = 100,
|
|
3996
3996
|
step: s,
|
|
3997
3997
|
disabled: i = !1
|
|
3998
3998
|
}) {
|
|
3999
3999
|
const l = s === void 0 ? 0.01 : !Number.isFinite(s) || s <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
4000
4000
|
`ThresholdRamp: step (${s}) must be a positive finite number; falling back to 0.01.`
|
|
4001
|
-
), 0.01) : s, o =
|
|
4001
|
+
), 0.01) : s, o = C(
|
|
4002
4002
|
(h) => Math.round(h / l) * l,
|
|
4003
4003
|
[l]
|
|
4004
4004
|
), u = M(null), [m, d] = A(null), [g, c] = A(e), p = fa(e), b = M(p);
|
|
4005
4005
|
E(() => {
|
|
4006
4006
|
b.current !== p && (b.current = p, !m && c(e));
|
|
4007
4007
|
}, [p, e, m]);
|
|
4008
|
-
const k = ce(() => ha(g, n,
|
|
4008
|
+
const k = ce(() => ha(g, n, a), [g, n, a]), w = C(
|
|
4009
4009
|
(h) => {
|
|
4010
4010
|
if (!u.current) return n;
|
|
4011
|
-
const
|
|
4011
|
+
const v = u.current.getBoundingClientRect(), N = v.width || 1, x = Math.max(0, Math.min(1, (h - v.left) / N)), P = n + x * (a - n);
|
|
4012
4012
|
return o(P);
|
|
4013
4013
|
},
|
|
4014
|
-
[n,
|
|
4014
|
+
[n, a, o]
|
|
4015
4015
|
);
|
|
4016
4016
|
E(() => {
|
|
4017
|
-
|
|
4018
|
-
`ThresholdRamp: max (${
|
|
4017
|
+
a <= n && process.env.NODE_ENV !== "production" && console.warn(
|
|
4018
|
+
`ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
|
|
4019
4019
|
);
|
|
4020
|
-
}, [n,
|
|
4021
|
-
const
|
|
4022
|
-
(h,
|
|
4023
|
-
const
|
|
4024
|
-
i ||
|
|
4020
|
+
}, [n, a]);
|
|
4021
|
+
const y = C(
|
|
4022
|
+
(h, v) => {
|
|
4023
|
+
const N = g.find((x) => x.id === v);
|
|
4024
|
+
i || N?.disabled || (h.preventDefault(), d(v));
|
|
4025
4025
|
},
|
|
4026
4026
|
[i, g]
|
|
4027
|
-
),
|
|
4028
|
-
|
|
4029
|
-
const
|
|
4030
|
-
|
|
4027
|
+
), T = M(g);
|
|
4028
|
+
T.current = g;
|
|
4029
|
+
const _ = M(t);
|
|
4030
|
+
_.current = t, E(() => {
|
|
4031
4031
|
if (!m) return;
|
|
4032
|
-
const h = (
|
|
4033
|
-
const
|
|
4032
|
+
const h = (N) => {
|
|
4033
|
+
const x = w(N.clientX);
|
|
4034
4034
|
c(
|
|
4035
|
-
(P) => P.map((D) => D.id === m ? { ...D, value:
|
|
4035
|
+
(P) => P.map((D) => D.id === m ? { ...D, value: x } : D)
|
|
4036
4036
|
);
|
|
4037
|
-
},
|
|
4038
|
-
const
|
|
4039
|
-
(D) => D.id === m ? { ...D, value:
|
|
4037
|
+
}, v = (N) => {
|
|
4038
|
+
const x = w(N.clientX), P = T.current.map(
|
|
4039
|
+
(D) => D.id === m ? { ...D, value: x } : D
|
|
4040
4040
|
);
|
|
4041
|
-
c(P), d(null),
|
|
4041
|
+
c(P), d(null), _.current(P);
|
|
4042
4042
|
};
|
|
4043
|
-
return window.addEventListener("pointermove", h), window.addEventListener("pointerup",
|
|
4044
|
-
window.removeEventListener("pointermove", h), window.removeEventListener("pointerup",
|
|
4043
|
+
return window.addEventListener("pointermove", h), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
|
|
4044
|
+
window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
|
|
4045
4045
|
};
|
|
4046
4046
|
}, [m, w]);
|
|
4047
|
-
const S =
|
|
4048
|
-
(h,
|
|
4049
|
-
if (i ||
|
|
4050
|
-
const
|
|
4051
|
-
if (
|
|
4052
|
-
const
|
|
4053
|
-
let P =
|
|
4047
|
+
const S = a - n > 0 ? a - n : 1, R = C(
|
|
4048
|
+
(h, v) => {
|
|
4049
|
+
if (i || v.disabled) return;
|
|
4050
|
+
const N = a - n;
|
|
4051
|
+
if (N <= 0) return;
|
|
4052
|
+
const x = h.shiftKey ? N / 20 : N / 100;
|
|
4053
|
+
let P = v.value;
|
|
4054
4054
|
switch (h.key) {
|
|
4055
4055
|
case "ArrowRight":
|
|
4056
4056
|
case "ArrowUp":
|
|
4057
|
-
P =
|
|
4057
|
+
P = v.value + x;
|
|
4058
4058
|
break;
|
|
4059
4059
|
case "ArrowLeft":
|
|
4060
4060
|
case "ArrowDown":
|
|
4061
|
-
P =
|
|
4061
|
+
P = v.value - x;
|
|
4062
4062
|
break;
|
|
4063
4063
|
case "Home":
|
|
4064
4064
|
P = n;
|
|
4065
4065
|
break;
|
|
4066
4066
|
case "End":
|
|
4067
|
-
P =
|
|
4067
|
+
P = a;
|
|
4068
4068
|
break;
|
|
4069
4069
|
default:
|
|
4070
4070
|
return;
|
|
4071
4071
|
}
|
|
4072
4072
|
h.preventDefault();
|
|
4073
|
-
const D = Math.max(n, Math.min(
|
|
4074
|
-
if (F ===
|
|
4073
|
+
const D = Math.max(n, Math.min(a, P)), F = o(D);
|
|
4074
|
+
if (F === v.value) return;
|
|
4075
4075
|
const G = g.map(
|
|
4076
|
-
(ee) => ee.id ===
|
|
4076
|
+
(ee) => ee.id === v.id ? { ...ee, value: F } : ee
|
|
4077
4077
|
);
|
|
4078
4078
|
c(G), t(G);
|
|
4079
4079
|
},
|
|
4080
|
-
[i, n,
|
|
4080
|
+
[i, n, a, g, t, o]
|
|
4081
4081
|
);
|
|
4082
|
-
return /* @__PURE__ */
|
|
4082
|
+
return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": i || void 0, children: /* @__PURE__ */ r(
|
|
4083
4083
|
"div",
|
|
4084
4084
|
{
|
|
4085
4085
|
ref: u,
|
|
4086
4086
|
className: "gloss-threshold-ramp__track",
|
|
4087
4087
|
style: { background: k },
|
|
4088
4088
|
children: g.map((h) => {
|
|
4089
|
-
const
|
|
4090
|
-
return /* @__PURE__ */
|
|
4089
|
+
const v = (h.value - n) / S * 100;
|
|
4090
|
+
return /* @__PURE__ */ r(
|
|
4091
4091
|
"span",
|
|
4092
4092
|
{
|
|
4093
4093
|
className: "gloss-threshold-ramp__stop",
|
|
4094
4094
|
style: {
|
|
4095
|
-
left: `${
|
|
4095
|
+
left: `${v}%`,
|
|
4096
4096
|
color: oe(h)
|
|
4097
4097
|
},
|
|
4098
4098
|
"data-disabled": h.disabled || void 0,
|
|
4099
4099
|
"data-dragging": m === h.id || void 0,
|
|
4100
|
-
onPointerDown: (
|
|
4101
|
-
onKeyDown: (
|
|
4100
|
+
onPointerDown: (N) => y(N, h.id),
|
|
4101
|
+
onKeyDown: (N) => R(N, h),
|
|
4102
4102
|
"aria-label": h.label ?? `Stop at ${h.value}`,
|
|
4103
4103
|
role: "slider",
|
|
4104
4104
|
"aria-valuenow": h.value,
|
|
4105
4105
|
"aria-valuemin": n,
|
|
4106
|
-
"aria-valuemax":
|
|
4106
|
+
"aria-valuemax": a,
|
|
4107
4107
|
"aria-disabled": h.disabled || i || void 0,
|
|
4108
4108
|
tabIndex: h.disabled || i ? -1 : 0
|
|
4109
4109
|
},
|
|
@@ -4114,83 +4114,83 @@ function ba({
|
|
|
4114
4114
|
) });
|
|
4115
4115
|
}
|
|
4116
4116
|
ba.displayName = "ThresholdRamp";
|
|
4117
|
-
function va(e, t, n,
|
|
4117
|
+
function va(e, t, n, a) {
|
|
4118
4118
|
switch (t) {
|
|
4119
4119
|
case "above-right":
|
|
4120
4120
|
return {
|
|
4121
|
-
top: e.top - n +
|
|
4122
|
-
left: e.right +
|
|
4121
|
+
top: e.top - n + a.y,
|
|
4122
|
+
left: e.right + a.x,
|
|
4123
4123
|
transform: "translate(-100%, -100%)",
|
|
4124
4124
|
transformOrigin: "bottom right"
|
|
4125
4125
|
};
|
|
4126
4126
|
case "above-left":
|
|
4127
4127
|
return {
|
|
4128
|
-
top: e.top - n +
|
|
4129
|
-
left: e.left +
|
|
4128
|
+
top: e.top - n + a.y,
|
|
4129
|
+
left: e.left + a.x,
|
|
4130
4130
|
transform: "translate(0, -100%)",
|
|
4131
4131
|
transformOrigin: "bottom left"
|
|
4132
4132
|
};
|
|
4133
4133
|
case "below-right":
|
|
4134
4134
|
return {
|
|
4135
|
-
top: e.bottom + n +
|
|
4136
|
-
left: e.right +
|
|
4135
|
+
top: e.bottom + n + a.y,
|
|
4136
|
+
left: e.right + a.x,
|
|
4137
4137
|
transform: "translate(-100%, 0)",
|
|
4138
4138
|
transformOrigin: "top right"
|
|
4139
4139
|
};
|
|
4140
4140
|
case "below-left":
|
|
4141
4141
|
default:
|
|
4142
4142
|
return {
|
|
4143
|
-
top: e.bottom + n +
|
|
4144
|
-
left: e.left +
|
|
4143
|
+
top: e.bottom + n + a.y,
|
|
4144
|
+
left: e.left + a.x,
|
|
4145
4145
|
transform: "translate(0, 0)",
|
|
4146
4146
|
transformOrigin: "top left"
|
|
4147
4147
|
};
|
|
4148
4148
|
}
|
|
4149
4149
|
}
|
|
4150
4150
|
function ya(e) {
|
|
4151
|
-
const { anchorRef: t, placement: n, gap:
|
|
4151
|
+
const { anchorRef: t, placement: n, gap: a = 8, offset: s, isOpen: i = !0 } = e, l = M({ x: s?.x ?? 0, y: s?.y ?? 0 });
|
|
4152
4152
|
l.current = { x: s?.x ?? 0, y: s?.y ?? 0 };
|
|
4153
4153
|
const [o, u] = A({});
|
|
4154
|
-
return
|
|
4154
|
+
return ke(() => {
|
|
4155
4155
|
if (typeof window > "u" || !i) return;
|
|
4156
4156
|
const m = t.current;
|
|
4157
4157
|
if (!m) return;
|
|
4158
4158
|
const d = () => {
|
|
4159
4159
|
const c = m.getBoundingClientRect();
|
|
4160
|
-
u(va(c, n,
|
|
4160
|
+
u(va(c, n, a, l.current));
|
|
4161
4161
|
};
|
|
4162
4162
|
d();
|
|
4163
4163
|
let g = null;
|
|
4164
4164
|
return typeof ResizeObserver < "u" && (g = new ResizeObserver(d), g.observe(m)), window.addEventListener("scroll", d, { capture: !0, passive: !0 }), window.addEventListener("resize", d, { passive: !0 }), () => {
|
|
4165
4165
|
g?.disconnect(), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
|
|
4166
4166
|
};
|
|
4167
|
-
}, [t, n,
|
|
4167
|
+
}, [t, n, a, i]), { style: o };
|
|
4168
4168
|
}
|
|
4169
4169
|
const wa = {
|
|
4170
4170
|
position: "fixed",
|
|
4171
4171
|
zIndex: 9999
|
|
4172
4172
|
};
|
|
4173
|
-
function
|
|
4174
|
-
const { anchorRef: t, placement: n, gap:
|
|
4175
|
-
return typeof window > "u" || typeof document > "u" || !l ? null :
|
|
4176
|
-
/* @__PURE__ */
|
|
4173
|
+
function sn(e) {
|
|
4174
|
+
const { anchorRef: t, placement: n, gap: a, offset: s, dataHost: i, isOpen: l = !0, className: o, children: u } = e, { style: m } = ya({ anchorRef: t, placement: n, gap: a, offset: s, isOpen: l });
|
|
4175
|
+
return typeof window > "u" || typeof document > "u" || !l ? null : Se(
|
|
4176
|
+
/* @__PURE__ */ r("div", { "data-portal-host": i, className: o, style: { ...wa, ...m }, children: u }),
|
|
4177
4177
|
document.body
|
|
4178
4178
|
);
|
|
4179
4179
|
}
|
|
4180
|
-
const
|
|
4181
|
-
function
|
|
4182
|
-
return We(
|
|
4180
|
+
const $e = He(null);
|
|
4181
|
+
function _a() {
|
|
4182
|
+
return We($e);
|
|
4183
4183
|
}
|
|
4184
|
-
function
|
|
4185
|
-
const t =
|
|
4186
|
-
|
|
4187
|
-
}, [
|
|
4184
|
+
function Ca({ option: e }) {
|
|
4185
|
+
const t = _a(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, s = C(() => {
|
|
4186
|
+
a || t?.select(e.value);
|
|
4187
|
+
}, [a, t, e.value]), i = C(
|
|
4188
4188
|
(m) => {
|
|
4189
|
-
|
|
4189
|
+
a || t?.onKeyNav(m, e.value);
|
|
4190
4190
|
},
|
|
4191
|
-
[
|
|
4192
|
-
), l = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", o = t?.firstFocusableValue === e.value, u =
|
|
4193
|
-
return /* @__PURE__ */
|
|
4191
|
+
[a, t, e.value]
|
|
4192
|
+
), l = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", o = t?.firstFocusableValue === e.value, u = a ? -1 : o ? 0 : -1;
|
|
4193
|
+
return /* @__PURE__ */ r(
|
|
4194
4194
|
"button",
|
|
4195
4195
|
{
|
|
4196
4196
|
ref: (m) => t?.registerRef(e.value, m),
|
|
@@ -4200,74 +4200,74 @@ function Na({ option: e }) {
|
|
|
4200
4200
|
className: "gloss-preset-swatch-row__swatch",
|
|
4201
4201
|
style: { backgroundColor: l },
|
|
4202
4202
|
"data-selected": n || void 0,
|
|
4203
|
-
"data-disabled":
|
|
4203
|
+
"data-disabled": a || void 0,
|
|
4204
4204
|
...process.env.NODE_ENV === "test" ? { "data-bg-color": l } : {},
|
|
4205
4205
|
"aria-label": e.label ?? e.value,
|
|
4206
|
-
"aria-disabled":
|
|
4207
|
-
disabled:
|
|
4206
|
+
"aria-disabled": a,
|
|
4207
|
+
disabled: a,
|
|
4208
4208
|
tabIndex: u,
|
|
4209
4209
|
onClick: s,
|
|
4210
4210
|
onKeyDown: i
|
|
4211
4211
|
}
|
|
4212
4212
|
);
|
|
4213
4213
|
}
|
|
4214
|
-
function
|
|
4214
|
+
function Na({
|
|
4215
4215
|
swatches: e,
|
|
4216
4216
|
value: t,
|
|
4217
4217
|
defaultValue: n,
|
|
4218
|
-
onChange:
|
|
4218
|
+
onChange: a,
|
|
4219
4219
|
disabled: s = !1,
|
|
4220
4220
|
name: i
|
|
4221
4221
|
}) {
|
|
4222
|
-
const l = t !== void 0, [o, u] = A(n), m = l ? t : o, d =
|
|
4223
|
-
(
|
|
4224
|
-
l || u(
|
|
4222
|
+
const l = t !== void 0, [o, u] = A(n), m = l ? t : o, d = C(
|
|
4223
|
+
(_) => {
|
|
4224
|
+
l || u(_), a?.(_);
|
|
4225
4225
|
},
|
|
4226
|
-
[l,
|
|
4227
|
-
), g =
|
|
4228
|
-
(
|
|
4226
|
+
[l, a]
|
|
4227
|
+
), g = C(
|
|
4228
|
+
(_) => m === _,
|
|
4229
4229
|
[m]
|
|
4230
|
-
), c = M(/* @__PURE__ */ new Map()), p =
|
|
4231
|
-
S ? c.current.set(
|
|
4232
|
-
}, []), b = e.filter((
|
|
4233
|
-
const S = c.current.get(
|
|
4230
|
+
), c = M(/* @__PURE__ */ new Map()), p = C((_, S) => {
|
|
4231
|
+
S ? c.current.set(_, S) : c.current.delete(_);
|
|
4232
|
+
}, []), b = e.filter((_) => !_.disabled && !s), k = b.find((_) => _.value === m)?.value ?? b[0]?.value, w = C((_) => {
|
|
4233
|
+
const S = c.current.get(_);
|
|
4234
4234
|
S && S.focus();
|
|
4235
|
-
}, []),
|
|
4236
|
-
(
|
|
4235
|
+
}, []), y = C(
|
|
4236
|
+
(_, S) => {
|
|
4237
4237
|
if (s) return;
|
|
4238
|
-
const
|
|
4239
|
-
if (
|
|
4240
|
-
const h =
|
|
4238
|
+
const R = e.filter((x) => !x.disabled);
|
|
4239
|
+
if (R.length === 0) return;
|
|
4240
|
+
const h = R.findIndex((x) => x.value === S);
|
|
4241
4241
|
if (h === -1) return;
|
|
4242
|
-
let
|
|
4243
|
-
switch (
|
|
4242
|
+
let v = h;
|
|
4243
|
+
switch (_.key) {
|
|
4244
4244
|
case "ArrowRight":
|
|
4245
4245
|
case "ArrowDown":
|
|
4246
|
-
|
|
4246
|
+
v = (h + 1) % R.length;
|
|
4247
4247
|
break;
|
|
4248
4248
|
case "ArrowLeft":
|
|
4249
4249
|
case "ArrowUp":
|
|
4250
|
-
|
|
4250
|
+
v = (h - 1 + R.length) % R.length;
|
|
4251
4251
|
break;
|
|
4252
4252
|
case "Home":
|
|
4253
|
-
|
|
4253
|
+
v = 0;
|
|
4254
4254
|
break;
|
|
4255
4255
|
case "End":
|
|
4256
|
-
|
|
4256
|
+
v = R.length - 1;
|
|
4257
4257
|
break;
|
|
4258
4258
|
case " ":
|
|
4259
4259
|
case "Enter":
|
|
4260
|
-
|
|
4260
|
+
_.preventDefault(), d(S);
|
|
4261
4261
|
return;
|
|
4262
4262
|
default:
|
|
4263
4263
|
return;
|
|
4264
4264
|
}
|
|
4265
|
-
|
|
4266
|
-
const
|
|
4267
|
-
w(
|
|
4265
|
+
_.preventDefault();
|
|
4266
|
+
const N = R[v].value;
|
|
4267
|
+
w(N), d(N);
|
|
4268
4268
|
},
|
|
4269
4269
|
[s, e, d, w]
|
|
4270
|
-
),
|
|
4270
|
+
), T = {
|
|
4271
4271
|
selectedValue: m,
|
|
4272
4272
|
select: d,
|
|
4273
4273
|
isSelected: g,
|
|
@@ -4275,9 +4275,9 @@ function ka({
|
|
|
4275
4275
|
name: i,
|
|
4276
4276
|
registerRef: p,
|
|
4277
4277
|
firstFocusableValue: k,
|
|
4278
|
-
onKeyNav:
|
|
4278
|
+
onKeyNav: y
|
|
4279
4279
|
};
|
|
4280
|
-
return /* @__PURE__ */
|
|
4280
|
+
return /* @__PURE__ */ r($e.Provider, { value: T, children: /* @__PURE__ */ r(
|
|
4281
4281
|
"div",
|
|
4282
4282
|
{
|
|
4283
4283
|
className: "gloss-preset-swatch-row",
|
|
@@ -4285,22 +4285,22 @@ function ka({
|
|
|
4285
4285
|
"aria-label": i,
|
|
4286
4286
|
"aria-disabled": s,
|
|
4287
4287
|
"data-disabled": s || void 0,
|
|
4288
|
-
children: e.map((
|
|
4288
|
+
children: e.map((_) => /* @__PURE__ */ r(Ca, { option: _ }, _.value))
|
|
4289
4289
|
}
|
|
4290
4290
|
) });
|
|
4291
4291
|
}
|
|
4292
|
-
|
|
4292
|
+
Na.displayName = "PresetSwatchRow";
|
|
4293
4293
|
function ln({
|
|
4294
4294
|
slotLeft: e,
|
|
4295
4295
|
slotCenter: t,
|
|
4296
4296
|
slotRight: n,
|
|
4297
|
-
height:
|
|
4297
|
+
height: a = 36,
|
|
4298
4298
|
className: s,
|
|
4299
4299
|
style: i,
|
|
4300
4300
|
"aria-label": l = "Dashboard navigation"
|
|
4301
4301
|
}) {
|
|
4302
4302
|
const o = {
|
|
4303
|
-
"--gloss-bottom-toolbar-height": `${
|
|
4303
|
+
"--gloss-bottom-toolbar-height": `${a}px`,
|
|
4304
4304
|
...i
|
|
4305
4305
|
};
|
|
4306
4306
|
return /* @__PURE__ */ f(
|
|
@@ -4312,7 +4312,7 @@ function ln({
|
|
|
4312
4312
|
className: ["gloss-bottom-toolbar", s].filter(Boolean).join(" "),
|
|
4313
4313
|
style: o,
|
|
4314
4314
|
children: [
|
|
4315
|
-
/* @__PURE__ */
|
|
4315
|
+
/* @__PURE__ */ r(
|
|
4316
4316
|
"div",
|
|
4317
4317
|
{
|
|
4318
4318
|
className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--left",
|
|
@@ -4320,7 +4320,7 @@ function ln({
|
|
|
4320
4320
|
children: e
|
|
4321
4321
|
}
|
|
4322
4322
|
),
|
|
4323
|
-
/* @__PURE__ */
|
|
4323
|
+
/* @__PURE__ */ r(
|
|
4324
4324
|
"div",
|
|
4325
4325
|
{
|
|
4326
4326
|
className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--center",
|
|
@@ -4328,7 +4328,7 @@ function ln({
|
|
|
4328
4328
|
children: t
|
|
4329
4329
|
}
|
|
4330
4330
|
),
|
|
4331
|
-
/* @__PURE__ */
|
|
4331
|
+
/* @__PURE__ */ r(
|
|
4332
4332
|
"div",
|
|
4333
4333
|
{
|
|
4334
4334
|
className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
|
|
@@ -4344,7 +4344,7 @@ function on({
|
|
|
4344
4344
|
count: e,
|
|
4345
4345
|
currentIndex: t,
|
|
4346
4346
|
onSelect: n,
|
|
4347
|
-
"aria-label":
|
|
4347
|
+
"aria-label": a = "Sections",
|
|
4348
4348
|
provisionalIndex: s,
|
|
4349
4349
|
pulseIndex: i,
|
|
4350
4350
|
pulseNonce: l,
|
|
@@ -4358,7 +4358,7 @@ function on({
|
|
|
4358
4358
|
"div",
|
|
4359
4359
|
{
|
|
4360
4360
|
role: "tablist",
|
|
4361
|
-
"aria-label":
|
|
4361
|
+
"aria-label": a,
|
|
4362
4362
|
"data-testid": "gloss-section-dots",
|
|
4363
4363
|
className: "gloss-section-dots",
|
|
4364
4364
|
"data-hiding": m ? "true" : void 0,
|
|
@@ -4366,17 +4366,17 @@ function on({
|
|
|
4366
4366
|
if (e !== 0) {
|
|
4367
4367
|
if (w.key === "ArrowRight") {
|
|
4368
4368
|
w.preventDefault();
|
|
4369
|
-
const
|
|
4370
|
-
n(
|
|
4369
|
+
const y = (d + 1) % e;
|
|
4370
|
+
n(y), requestAnimationFrame(() => b.current[y]?.focus());
|
|
4371
4371
|
} else if (w.key === "ArrowLeft") {
|
|
4372
4372
|
w.preventDefault();
|
|
4373
|
-
const
|
|
4374
|
-
n(
|
|
4373
|
+
const y = (d - 1 + e) % e;
|
|
4374
|
+
n(y), requestAnimationFrame(() => b.current[y]?.focus());
|
|
4375
4375
|
}
|
|
4376
4376
|
}
|
|
4377
4377
|
},
|
|
4378
4378
|
children: [
|
|
4379
|
-
/* @__PURE__ */
|
|
4379
|
+
/* @__PURE__ */ r(
|
|
4380
4380
|
"span",
|
|
4381
4381
|
{
|
|
4382
4382
|
className: "gloss-section-dots__blob",
|
|
@@ -4387,483 +4387,438 @@ function on({
|
|
|
4387
4387
|
}
|
|
4388
4388
|
}
|
|
4389
4389
|
),
|
|
4390
|
-
Array.from({ length: e }, (w,
|
|
4390
|
+
Array.from({ length: e }, (w, y) => /* @__PURE__ */ r(
|
|
4391
4391
|
"button",
|
|
4392
4392
|
{
|
|
4393
|
-
ref: (
|
|
4394
|
-
b.current[
|
|
4393
|
+
ref: (T) => {
|
|
4394
|
+
b.current[y] = T;
|
|
4395
4395
|
},
|
|
4396
4396
|
type: "button",
|
|
4397
4397
|
role: "tab",
|
|
4398
|
-
"aria-selected":
|
|
4399
|
-
"aria-label":
|
|
4400
|
-
"data-state":
|
|
4401
|
-
"data-section-index":
|
|
4398
|
+
"aria-selected": y === d,
|
|
4399
|
+
"aria-label": y === s ? "Unconfirmed section" : `Section ${y + 1}`,
|
|
4400
|
+
"data-state": y === s ? "provisional-hollow" : y === i ? "pulse" : y === d ? "current" : "hollow",
|
|
4401
|
+
"data-section-index": y,
|
|
4402
4402
|
className: [
|
|
4403
4403
|
"gloss-section-dots__dot",
|
|
4404
|
-
|
|
4404
|
+
y === d && "gloss-section-dots__dot--current"
|
|
4405
4405
|
].filter(Boolean).join(" "),
|
|
4406
|
-
onClick: () => n(
|
|
4406
|
+
onClick: () => n(y)
|
|
4407
4407
|
},
|
|
4408
|
-
|
|
4408
|
+
y === i ? `${y}-${l ?? 0}` : y
|
|
4409
4409
|
))
|
|
4410
4410
|
]
|
|
4411
4411
|
}
|
|
4412
4412
|
);
|
|
4413
4413
|
}
|
|
4414
4414
|
function cn(e) {
|
|
4415
|
-
const { anchorRef: t, isOpen: n, onRequestClose: r, onPopoverEnter: s, onPopoverLeave: i, children: l } = e, o = M(!0);
|
|
4416
|
-
return E(() => (o.current = !0, () => {
|
|
4417
|
-
o.current = !1;
|
|
4418
|
-
}), []), n ? /* @__PURE__ */ a(
|
|
4419
|
-
_a,
|
|
4420
|
-
{
|
|
4421
|
-
anchorRef: t,
|
|
4422
|
-
placement: "above-right",
|
|
4423
|
-
gap: 8,
|
|
4424
|
-
dataHost: "bell-popover",
|
|
4425
|
-
isOpen: n,
|
|
4426
|
-
className: "bell-popover",
|
|
4427
|
-
children: /* @__PURE__ */ f(
|
|
4428
|
-
"div",
|
|
4429
|
-
{
|
|
4430
|
-
className: "bell-popover__panel",
|
|
4431
|
-
role: "dialog",
|
|
4432
|
-
"aria-label": "Notifications preview",
|
|
4433
|
-
onMouseEnter: s,
|
|
4434
|
-
onMouseLeave: i,
|
|
4435
|
-
children: [
|
|
4436
|
-
/* @__PURE__ */ a("div", { className: "bell-popover__header", children: /* @__PURE__ */ a("h4", { className: "bell-popover__title", children: "Notifications" }) }),
|
|
4437
|
-
/* @__PURE__ */ a("div", { className: "bell-popover__body", children: l ?? /* @__PURE__ */ a("em", { className: "bell-popover__placeholder", children: "No recent notifications" }) }),
|
|
4438
|
-
/* @__PURE__ */ a("div", { className: "bell-popover__footer", children: /* @__PURE__ */ a(
|
|
4439
|
-
"button",
|
|
4440
|
-
{
|
|
4441
|
-
type: "button",
|
|
4442
|
-
"data-action": "open-notification-center",
|
|
4443
|
-
className: "bell-popover__open",
|
|
4444
|
-
onClick: () => {
|
|
4445
|
-
o.current && r();
|
|
4446
|
-
},
|
|
4447
|
-
children: "Open notification center"
|
|
4448
|
-
}
|
|
4449
|
-
) })
|
|
4450
|
-
]
|
|
4451
|
-
}
|
|
4452
|
-
)
|
|
4453
|
-
}
|
|
4454
|
-
) : null;
|
|
4455
|
-
}
|
|
4456
|
-
function dn(e) {
|
|
4457
4415
|
const {
|
|
4458
4416
|
mode: t = null,
|
|
4459
4417
|
count: n,
|
|
4460
|
-
anchorRef:
|
|
4418
|
+
anchorRef: a,
|
|
4461
4419
|
subscribeToCoordinator: s = !0,
|
|
4462
4420
|
cardLabels: i
|
|
4463
|
-
} = e, l = M(null), [o, u] = A({ cx: 0, cy: 0, r: 14 }), m =
|
|
4464
|
-
return
|
|
4465
|
-
|
|
4466
|
-
|
|
4467
|
-
|
|
4468
|
-
|
|
4469
|
-
|
|
4470
|
-
u({ cx: S, cy: T, r: h });
|
|
4421
|
+
} = e, l = M(null), [o, u] = A({ cx: 0, cy: 0, r: 14 }), m = Ne().replace(/:/g, "-"), d = Ue(), g = s ? d?.state?.lockHint ?? null : null, c = s ? d?.state?.bellCutoutOpen ?? !1 : !1, p = g != null ? "lock" : t ?? (c ? "default" : null), b = g?.activeCardId ?? null, k = b != null ? i?.[b] ?? b : "";
|
|
4422
|
+
return ke(() => {
|
|
4423
|
+
const w = l.current, y = a.current;
|
|
4424
|
+
if (!w || !y) return;
|
|
4425
|
+
const T = () => {
|
|
4426
|
+
const _ = y.getBoundingClientRect(), S = w.getBoundingClientRect(), R = _.left + _.width / 2 - S.left, h = _.top + _.height / 2 - S.top, v = Math.max(_.width, _.height) / 2 + 4;
|
|
4427
|
+
u({ cx: R, cy: h, r: v });
|
|
4471
4428
|
};
|
|
4472
|
-
if (
|
|
4473
|
-
return window.addEventListener("resize",
|
|
4474
|
-
}, [
|
|
4429
|
+
if (T(), globalThis.window !== void 0)
|
|
4430
|
+
return globalThis.window.addEventListener("resize", T, { passive: !0 }), () => globalThis.window.removeEventListener("resize", T);
|
|
4431
|
+
}, [p]), p == null ? null : /* @__PURE__ */ f(
|
|
4475
4432
|
"div",
|
|
4476
4433
|
{
|
|
4477
4434
|
ref: l,
|
|
4478
4435
|
className: "bell-cutout",
|
|
4479
|
-
"data-mode":
|
|
4480
|
-
"data-count":
|
|
4436
|
+
"data-mode": p,
|
|
4437
|
+
"data-count": p === "unread-count" && n != null ? String(n) : void 0,
|
|
4481
4438
|
"aria-hidden": "true",
|
|
4482
4439
|
children: [
|
|
4483
4440
|
/* @__PURE__ */ f("svg", { className: "bell-cutout__svg", width: "100%", height: "100%", preserveAspectRatio: "none", children: [
|
|
4484
|
-
/* @__PURE__ */
|
|
4485
|
-
/* @__PURE__ */
|
|
4486
|
-
/* @__PURE__ */
|
|
4441
|
+
/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ f("mask", { id: m, children: [
|
|
4442
|
+
/* @__PURE__ */ r("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }),
|
|
4443
|
+
/* @__PURE__ */ r("circle", { cx: o.cx, cy: o.cy, r: o.r, fill: "black" })
|
|
4487
4444
|
] }) }),
|
|
4488
|
-
/* @__PURE__ */
|
|
4445
|
+
/* @__PURE__ */ r("rect", { x: "0", y: "0", width: "100%", height: "100%", mask: `url(#${m})`, className: "bell-cutout__fill" })
|
|
4489
4446
|
] }),
|
|
4490
|
-
/* @__PURE__ */
|
|
4491
|
-
|
|
4447
|
+
/* @__PURE__ */ r("span", { className: "bell-cutout__dot", "aria-hidden": "true" }),
|
|
4448
|
+
p === "lock" && g != null ? /* @__PURE__ */ r("span", { className: "bell-cutout__lock-text", role: "status", "aria-live": "polite", children: `Still editing "${k}" — Cancel or Apply first` }) : null
|
|
4492
4449
|
]
|
|
4493
4450
|
}
|
|
4494
4451
|
);
|
|
4495
4452
|
}
|
|
4496
|
-
const
|
|
4453
|
+
const ka = I.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
4497
4454
|
const s = { ...n };
|
|
4498
|
-
return delete s.className, delete s.style, /* @__PURE__ */
|
|
4455
|
+
return delete s.className, delete s.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...s, children: /* @__PURE__ */ r(de, { region: "toolbar", density: e, children: t }) });
|
|
4499
4456
|
});
|
|
4500
|
-
|
|
4501
|
-
const
|
|
4457
|
+
ka.displayName = "ContainerToolbar";
|
|
4458
|
+
const Sa = I.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...s }, i) => {
|
|
4502
4459
|
const l = { ...s };
|
|
4503
4460
|
return delete l.className, delete l.style, /* @__PURE__ */ f("fieldset", { ref: i, className: "gloss-container-form-section", ...l, children: [
|
|
4504
|
-
e && /* @__PURE__ */
|
|
4505
|
-
t && /* @__PURE__ */
|
|
4506
|
-
/* @__PURE__ */
|
|
4461
|
+
e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
|
|
4462
|
+
t && /* @__PURE__ */ r("p", { className: "gloss-container-form-section__description", children: t }),
|
|
4463
|
+
/* @__PURE__ */ r(de, { region: "form-section", density: n, children: a })
|
|
4507
4464
|
] });
|
|
4508
4465
|
});
|
|
4509
|
-
|
|
4510
|
-
const
|
|
4466
|
+
Sa.displayName = "ContainerFormSection";
|
|
4467
|
+
const Da = I.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
|
|
4511
4468
|
const s = { ...n };
|
|
4512
|
-
return delete s.className, delete s.style, /* @__PURE__ */
|
|
4469
|
+
return delete s.className, delete s.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...s, children: /* @__PURE__ */ r(de, { region: "table", density: e, children: t }) });
|
|
4513
4470
|
});
|
|
4514
|
-
|
|
4471
|
+
Da.displayName = "ContainerTable";
|
|
4515
4472
|
export {
|
|
4516
|
-
|
|
4517
|
-
|
|
4518
|
-
|
|
4519
|
-
|
|
4520
|
-
|
|
4521
|
-
|
|
4522
|
-
|
|
4523
|
-
|
|
4524
|
-
|
|
4525
|
-
|
|
4526
|
-
|
|
4527
|
-
|
|
4528
|
-
|
|
4529
|
-
|
|
4530
|
-
|
|
4531
|
-
_a as BodyPortal,
|
|
4473
|
+
mn as Accordion,
|
|
4474
|
+
pn as AccordionContent,
|
|
4475
|
+
gn as AccordionItem,
|
|
4476
|
+
hn as AccordionTrigger,
|
|
4477
|
+
fn as ActionStrip,
|
|
4478
|
+
bn as Actionable,
|
|
4479
|
+
vn as AddressGroup,
|
|
4480
|
+
yn as AddressSelect,
|
|
4481
|
+
wn as AsyncLoader,
|
|
4482
|
+
_n as Autocomplete,
|
|
4483
|
+
Cn as Badge,
|
|
4484
|
+
Nn as BarChartCard,
|
|
4485
|
+
zl as BarsBg,
|
|
4486
|
+
cn as BellCutout,
|
|
4487
|
+
sn as BodyPortal,
|
|
4532
4488
|
ln as BottomToolbar,
|
|
4533
|
-
|
|
4534
|
-
|
|
4535
|
-
|
|
4536
|
-
|
|
4489
|
+
kn as Button,
|
|
4490
|
+
Sn as ButtonGroup,
|
|
4491
|
+
Dn as ButtonGroupContext,
|
|
4492
|
+
xn as Card,
|
|
4537
4493
|
Tn as CardActions,
|
|
4538
|
-
|
|
4539
|
-
|
|
4540
|
-
|
|
4541
|
-
|
|
4542
|
-
|
|
4543
|
-
|
|
4544
|
-
|
|
4494
|
+
Rn as CardBack,
|
|
4495
|
+
Mn as CardBody,
|
|
4496
|
+
Pn as CardFooter,
|
|
4497
|
+
An as CardHeader,
|
|
4498
|
+
En as CardMedia,
|
|
4499
|
+
Be as CardShell,
|
|
4500
|
+
Fn as CardSubtitle,
|
|
4545
4501
|
In as CardTitle,
|
|
4546
|
-
|
|
4547
|
-
|
|
4548
|
-
|
|
4549
|
-
|
|
4550
|
-
|
|
4551
|
-
|
|
4552
|
-
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
|
|
4556
|
-
|
|
4557
|
-
|
|
4558
|
-
|
|
4559
|
-
|
|
4560
|
-
|
|
4561
|
-
|
|
4562
|
-
|
|
4563
|
-
|
|
4564
|
-
|
|
4565
|
-
|
|
4566
|
-
|
|
4567
|
-
|
|
4568
|
-
|
|
4569
|
-
|
|
4570
|
-
|
|
4571
|
-
|
|
4572
|
-
|
|
4502
|
+
jr as CascadePreview,
|
|
4503
|
+
tn as CellTintOverlay,
|
|
4504
|
+
Ln as ChartControlBar,
|
|
4505
|
+
On as Checkbox,
|
|
4506
|
+
$n as CheckboxGroup,
|
|
4507
|
+
zn as Chip,
|
|
4508
|
+
Bn as ColorPicker,
|
|
4509
|
+
Gn as ComparisonCard,
|
|
4510
|
+
Hn as ContactForm,
|
|
4511
|
+
Wn as ContainerCard,
|
|
4512
|
+
Vn as ContainerCardActions,
|
|
4513
|
+
jn as ContainerCardBody,
|
|
4514
|
+
Kn as ContainerCardFooter,
|
|
4515
|
+
Un as ContainerCardHeader,
|
|
4516
|
+
Yn as ContainerCardMedia,
|
|
4517
|
+
qn as ContainerCardSubtitle,
|
|
4518
|
+
Qn as ContainerCardTitle,
|
|
4519
|
+
Jn as ContainerDialog,
|
|
4520
|
+
Xn as ContainerDialogActions,
|
|
4521
|
+
Zn as ContainerDialogBody,
|
|
4522
|
+
es as ContainerDialogHeader,
|
|
4523
|
+
Sa as ContainerFormSection,
|
|
4524
|
+
ts as ContainerPanel,
|
|
4525
|
+
Da as ContainerTable,
|
|
4526
|
+
ka as ContainerToolbar,
|
|
4527
|
+
as as CreditCardForm,
|
|
4528
|
+
rs as DEFAULT_FOOTER_IDS,
|
|
4573
4529
|
j as DEFAULT_GRID_INTERACTION_PHYSICS,
|
|
4574
|
-
|
|
4575
|
-
|
|
4576
|
-
|
|
4530
|
+
Yl as DEFAULT_MARKET_PRESETS,
|
|
4531
|
+
ns as DEFAULT_OVERFLOW_IDS,
|
|
4532
|
+
ql as DEFAULT_PINNED,
|
|
4577
4533
|
dt as DEFAULT_RESIZE_PHYSICS,
|
|
4578
|
-
|
|
4579
|
-
|
|
4580
|
-
|
|
4581
|
-
|
|
4582
|
-
|
|
4534
|
+
De as DEFAULT_RESIZE_PILL_PHYSICS,
|
|
4535
|
+
ss as DataTable,
|
|
4536
|
+
is as DatePicker,
|
|
4537
|
+
ls as DateRangePicker,
|
|
4538
|
+
os as DestructiveModal,
|
|
4583
4539
|
Wt as DevTuningPanel,
|
|
4584
|
-
|
|
4585
|
-
|
|
4586
|
-
|
|
4587
|
-
|
|
4588
|
-
|
|
4589
|
-
|
|
4590
|
-
|
|
4540
|
+
cs as DirectionCard,
|
|
4541
|
+
ds as Dismissible,
|
|
4542
|
+
us as DistributionCard,
|
|
4543
|
+
Bl as DonutChart,
|
|
4544
|
+
Wr as DragGhost,
|
|
4545
|
+
Fr as DropAnchorCell,
|
|
4546
|
+
ms as Dropdown,
|
|
4591
4547
|
Ut as DualPaceBars,
|
|
4592
|
-
|
|
4593
|
-
|
|
4594
|
-
|
|
4595
|
-
|
|
4596
|
-
|
|
4548
|
+
ps as ENTITY_FILTER_KEYS,
|
|
4549
|
+
gs as ENTITY_PROFILE_ROUTES,
|
|
4550
|
+
hs as ENTITY_TYPE_PLURAL,
|
|
4551
|
+
Hr as EmptyCellPackAffordance,
|
|
4552
|
+
fs as EntityPicker,
|
|
4597
4553
|
z as EntityRow,
|
|
4598
|
-
|
|
4554
|
+
bs as EntitySearchPanel,
|
|
4599
4555
|
sa as ExceptionListCard,
|
|
4600
4556
|
ia as ExceptionListTilePreview,
|
|
4601
|
-
|
|
4602
|
-
|
|
4603
|
-
|
|
4604
|
-
|
|
4605
|
-
|
|
4606
|
-
|
|
4607
|
-
|
|
4608
|
-
|
|
4609
|
-
|
|
4610
|
-
|
|
4557
|
+
vs as Expandable,
|
|
4558
|
+
ys as ExpandableChip,
|
|
4559
|
+
ws as FLIP_AND_STAGE_TIMINGS,
|
|
4560
|
+
_s as FileUpload,
|
|
4561
|
+
Cs as FilterChip,
|
|
4562
|
+
Ns as FilterInput,
|
|
4563
|
+
ks as FlipAndStageProvider,
|
|
4564
|
+
Ss as Form,
|
|
4565
|
+
Ds as FormDialog,
|
|
4566
|
+
xs as FormField,
|
|
4611
4567
|
Ts as FusedShape,
|
|
4612
4568
|
Yt as GapReadout,
|
|
4613
|
-
|
|
4569
|
+
Rs as GestureStateProvider,
|
|
4614
4570
|
ct as GhostPreview,
|
|
4615
|
-
|
|
4616
|
-
|
|
4617
|
-
|
|
4618
|
-
|
|
4619
|
-
|
|
4620
|
-
|
|
4571
|
+
Ms as GroupCheckbox,
|
|
4572
|
+
Ps as GroupRadio,
|
|
4573
|
+
Br as HARD_CLIP,
|
|
4574
|
+
As as HighlightCard,
|
|
4575
|
+
Es as HybridDatePicker,
|
|
4576
|
+
Fs as ImportWizard,
|
|
4621
4577
|
ga as InlineNudge,
|
|
4622
4578
|
Is as Input,
|
|
4623
|
-
|
|
4624
|
-
|
|
4579
|
+
Ls as InputAddon,
|
|
4580
|
+
Os as InputGroup,
|
|
4625
4581
|
ta as LeaderboardCard,
|
|
4626
4582
|
aa as LeaderboardTilePreview,
|
|
4627
4583
|
Jt as LensChipGroup,
|
|
4628
|
-
|
|
4629
|
-
|
|
4584
|
+
$s as Link,
|
|
4585
|
+
zs as LoginForm,
|
|
4630
4586
|
X as MagnitudeBar,
|
|
4631
|
-
|
|
4632
|
-
|
|
4633
|
-
|
|
4634
|
-
|
|
4635
|
-
|
|
4636
|
-
|
|
4637
|
-
|
|
4638
|
-
|
|
4639
|
-
|
|
4640
|
-
|
|
4587
|
+
Bs as MarketPresetRow,
|
|
4588
|
+
Gs as MaskPresets,
|
|
4589
|
+
Hs as MaskedInput,
|
|
4590
|
+
Ws as Menu,
|
|
4591
|
+
Vs as MenuDivider,
|
|
4592
|
+
js as MenuGroup,
|
|
4593
|
+
Ks as MenuItem,
|
|
4594
|
+
Us as MergePrompt,
|
|
4595
|
+
Gl as MetricCard,
|
|
4596
|
+
Ys as MetricCardGrid,
|
|
4641
4597
|
Ft as MetricGroupContainer,
|
|
4642
|
-
|
|
4598
|
+
qs as MiniCalendar,
|
|
4643
4599
|
Zt as MoreInLensRail,
|
|
4644
|
-
|
|
4645
|
-
|
|
4646
|
-
|
|
4647
|
-
|
|
4648
|
-
|
|
4649
|
-
|
|
4650
|
-
|
|
4651
|
-
|
|
4652
|
-
|
|
4600
|
+
Qs as MultiSelect,
|
|
4601
|
+
Nl as NotificationCenterShell,
|
|
4602
|
+
Js as NumberInput,
|
|
4603
|
+
Hl as ObjectArrow,
|
|
4604
|
+
Xs as OrderFilterBar,
|
|
4605
|
+
kl as PANEL_COMMITS,
|
|
4606
|
+
Ql as PERIOD_OPTIONS,
|
|
4607
|
+
Kr as PaceCard,
|
|
4608
|
+
Ur as PaceTilePreview,
|
|
4653
4609
|
Ct as PageChip,
|
|
4654
|
-
|
|
4655
|
-
|
|
4656
|
-
|
|
4657
|
-
|
|
4658
|
-
ei as
|
|
4659
|
-
ti as
|
|
4660
|
-
ai as
|
|
4661
|
-
ri as
|
|
4662
|
-
|
|
4663
|
-
|
|
4664
|
-
si as
|
|
4665
|
-
ii as
|
|
4666
|
-
|
|
4667
|
-
|
|
4668
|
-
|
|
4669
|
-
oi as
|
|
4670
|
-
ci as
|
|
4671
|
-
di as RangeSlider,
|
|
4610
|
+
Me as PageDropdown,
|
|
4611
|
+
Sl as PanelHost,
|
|
4612
|
+
Dl as PanelProvider,
|
|
4613
|
+
Zs as PasswordInput,
|
|
4614
|
+
ei as PaymentForm,
|
|
4615
|
+
ti as PaymentMethodSelect,
|
|
4616
|
+
ai as PhoneInput,
|
|
4617
|
+
ri as PinToMetric,
|
|
4618
|
+
Na as PresetSwatchRow,
|
|
4619
|
+
ni as ProfileCard,
|
|
4620
|
+
si as ProgressCard,
|
|
4621
|
+
ii as QuickConfigPanel,
|
|
4622
|
+
Rt as RECONFIG_BACKSIDE_LABELS,
|
|
4623
|
+
Jl as ROLLING_OPTIONS,
|
|
4624
|
+
li as Radio,
|
|
4625
|
+
oi as RadioGroup,
|
|
4626
|
+
ci as RangeSlider,
|
|
4672
4627
|
Q as RankBadge,
|
|
4673
|
-
|
|
4674
|
-
|
|
4628
|
+
Oe as RankDelta,
|
|
4629
|
+
di as Rating,
|
|
4675
4630
|
At as ReconfigBacksideButtons,
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4631
|
+
an as RefusePulse,
|
|
4632
|
+
ui as RegistrationForm,
|
|
4633
|
+
Er as ResizeEnvelope,
|
|
4679
4634
|
ht as ResizePill,
|
|
4680
|
-
|
|
4681
|
-
|
|
4682
|
-
|
|
4683
|
-
|
|
4684
|
-
|
|
4685
|
-
|
|
4686
|
-
|
|
4687
|
-
|
|
4688
|
-
|
|
4689
|
-
|
|
4690
|
-
|
|
4635
|
+
rn as ResizeTrackingOutline,
|
|
4636
|
+
mi as Row1Controls,
|
|
4637
|
+
pi as Row2FilterTray,
|
|
4638
|
+
qr as STROKE_DASHED,
|
|
4639
|
+
Zr as STROKE_DASHED_DASHARRAY,
|
|
4640
|
+
Xr as STROKE_OUTLINE,
|
|
4641
|
+
Qr as STROKE_SOLID,
|
|
4642
|
+
Jr as STROKE_SPARSE_DASH,
|
|
4643
|
+
en as STROKE_SPARSE_DASH_DASHARRAY,
|
|
4644
|
+
gi as SearchInput,
|
|
4645
|
+
Lr as SectionDivider,
|
|
4691
4646
|
on as SectionDots,
|
|
4692
|
-
|
|
4693
|
-
|
|
4694
|
-
|
|
4695
|
-
|
|
4696
|
-
|
|
4647
|
+
hi as SegmentCard,
|
|
4648
|
+
fi as SegmentedControl,
|
|
4649
|
+
bi as Select,
|
|
4650
|
+
vi as Selectable,
|
|
4651
|
+
xl as SettingsTabStrip,
|
|
4697
4652
|
J as SeverityDot,
|
|
4698
|
-
|
|
4699
|
-
|
|
4700
|
-
|
|
4701
|
-
|
|
4702
|
-
|
|
4703
|
-
|
|
4704
|
-
|
|
4705
|
-
|
|
4706
|
-
|
|
4707
|
-
|
|
4708
|
-
|
|
4653
|
+
yi as SimpleMetricCard,
|
|
4654
|
+
wi as SimpleSelector,
|
|
4655
|
+
_i as Skeleton,
|
|
4656
|
+
Ci as SkeletonCard,
|
|
4657
|
+
Ni as SkeletonChart,
|
|
4658
|
+
ki as SkeletonTable,
|
|
4659
|
+
Si as Slider,
|
|
4660
|
+
Vr as SnapOutline,
|
|
4661
|
+
Di as Sortable,
|
|
4662
|
+
Tl as SortableZones,
|
|
4663
|
+
Wl as SparklineBg,
|
|
4709
4664
|
Ir as SpilloverArc,
|
|
4710
|
-
|
|
4665
|
+
xi as SplitButton,
|
|
4711
4666
|
Ti as StackedGroupCard,
|
|
4712
4667
|
la as StackedGroupTilePreview,
|
|
4713
4668
|
Xt as StarterRail,
|
|
4714
|
-
|
|
4669
|
+
Vl as StatusModeCard,
|
|
4715
4670
|
ot as StatusSlotChipMenu,
|
|
4716
|
-
|
|
4671
|
+
Ri as Stepper,
|
|
4717
4672
|
ve as SwingReveal,
|
|
4718
|
-
|
|
4673
|
+
Xl as TODAY_PRESET,
|
|
4719
4674
|
W as TUNING_DEFAULTS,
|
|
4720
|
-
|
|
4721
|
-
|
|
4722
|
-
|
|
4723
|
-
|
|
4675
|
+
Fe as TUNING_STORAGE_KEY,
|
|
4676
|
+
Mi as TabGroup,
|
|
4677
|
+
Pi as TabbedDataView,
|
|
4678
|
+
Ai as TagInput,
|
|
4724
4679
|
tt as TargetInput,
|
|
4725
|
-
|
|
4680
|
+
Ei as Textarea,
|
|
4726
4681
|
ba as ThresholdRamp,
|
|
4727
|
-
|
|
4682
|
+
Fi as TimeFrame,
|
|
4728
4683
|
Ii as TimePicker,
|
|
4729
|
-
|
|
4730
|
-
|
|
4684
|
+
Li as Toggle,
|
|
4685
|
+
Oi as Tooltip,
|
|
4731
4686
|
Le as TrackingOutline,
|
|
4732
|
-
|
|
4733
|
-
|
|
4734
|
-
|
|
4735
|
-
|
|
4736
|
-
|
|
4687
|
+
$i as Transition,
|
|
4688
|
+
zi as TransitionGroup,
|
|
4689
|
+
Bi as TrendCard,
|
|
4690
|
+
jl as TrendIndicator,
|
|
4691
|
+
Ll as UIContext,
|
|
4737
4692
|
de as UIContextProvider,
|
|
4738
|
-
|
|
4739
|
-
|
|
4740
|
-
|
|
4741
|
-
|
|
4742
|
-
|
|
4743
|
-
|
|
4744
|
-
|
|
4745
|
-
|
|
4746
|
-
|
|
4747
|
-
|
|
4748
|
-
|
|
4693
|
+
Gi as UnifiedBreakdownTable,
|
|
4694
|
+
Hi as UnifiedContextMenu,
|
|
4695
|
+
er as VelocityBuffer,
|
|
4696
|
+
Wi as addressGroupMetadata,
|
|
4697
|
+
Vi as addressSchema,
|
|
4698
|
+
Va as allChips,
|
|
4699
|
+
nr as allStateFixtures,
|
|
4700
|
+
rr as allVariantFixtures,
|
|
4701
|
+
Ya as blockSamples,
|
|
4702
|
+
ji as buildDefaultOverflow,
|
|
4703
|
+
Za as cardSamples,
|
|
4749
4704
|
K as cascadePhysics,
|
|
4750
|
-
|
|
4751
|
-
|
|
4752
|
-
|
|
4753
|
-
|
|
4754
|
-
|
|
4755
|
-
|
|
4756
|
-
|
|
4757
|
-
|
|
4758
|
-
|
|
4759
|
-
|
|
4760
|
-
|
|
4705
|
+
Ja as chartSamples,
|
|
4706
|
+
Qa as circleSamples,
|
|
4707
|
+
Gr as colorTokens,
|
|
4708
|
+
Dr as compactLayout,
|
|
4709
|
+
hr as compactState,
|
|
4710
|
+
ar as computeGutterAnchorX,
|
|
4711
|
+
Ki as contactFormMetadata,
|
|
4712
|
+
Ui as contactSchema,
|
|
4713
|
+
fr as contextMenuFixtures,
|
|
4714
|
+
Yi as creditCardFormMetadata,
|
|
4715
|
+
qi as creditCardSchema,
|
|
4761
4716
|
nt as dateChip,
|
|
4762
|
-
|
|
4763
|
-
|
|
4764
|
-
|
|
4765
|
-
|
|
4717
|
+
Ee as defaultControlBarState,
|
|
4718
|
+
Qi as destructiveModalMetadata,
|
|
4719
|
+
Ji as durations,
|
|
4720
|
+
Xi as easings,
|
|
4766
4721
|
vt as emptyFixture,
|
|
4767
4722
|
at as entityChip,
|
|
4768
4723
|
Dt as entityNameActions,
|
|
4769
|
-
|
|
4724
|
+
Ka as entityTabGroup,
|
|
4770
4725
|
bt as errorFixture,
|
|
4771
|
-
|
|
4772
|
-
|
|
4773
|
-
|
|
4774
|
-
|
|
4775
|
-
|
|
4776
|
-
|
|
4777
|
-
|
|
4726
|
+
Kl as evaluateTintCondition,
|
|
4727
|
+
gr as filteredState,
|
|
4728
|
+
Zl as findPreset,
|
|
4729
|
+
eo as formatDateRange,
|
|
4730
|
+
to as formatMarketDates,
|
|
4731
|
+
ao as formatTrend,
|
|
4732
|
+
ro as formatValue,
|
|
4778
4733
|
Tr as fullLayout,
|
|
4779
|
-
|
|
4780
|
-
|
|
4781
|
-
|
|
4782
|
-
|
|
4783
|
-
|
|
4784
|
-
|
|
4785
|
-
|
|
4786
|
-
|
|
4787
|
-
|
|
4788
|
-
|
|
4789
|
-
|
|
4790
|
-
|
|
4791
|
-
|
|
4792
|
-
|
|
4793
|
-
|
|
4794
|
-
|
|
4734
|
+
no as generateMarketId,
|
|
4735
|
+
Zi as generateTabId,
|
|
4736
|
+
so as getAllPresets,
|
|
4737
|
+
io as getDateRangeForPreset,
|
|
4738
|
+
el as getMenuActions,
|
|
4739
|
+
Ie as getMotionMode,
|
|
4740
|
+
lo as getPresetLabel,
|
|
4741
|
+
tl as getTransitionStyle,
|
|
4742
|
+
Sr as gridCards,
|
|
4743
|
+
Yr as gridChannels,
|
|
4744
|
+
al as interpolate,
|
|
4745
|
+
oo as isInRange,
|
|
4746
|
+
co as isMarketActive,
|
|
4747
|
+
uo as isSameDay,
|
|
4748
|
+
pr as itemColumns,
|
|
4749
|
+
ur as itemRows,
|
|
4795
4750
|
ft as loadingFixture,
|
|
4796
|
-
|
|
4797
|
-
|
|
4751
|
+
rl as loginFormMetadata,
|
|
4752
|
+
nl as loginSchema,
|
|
4798
4753
|
st as manufacturerChip,
|
|
4799
|
-
|
|
4800
|
-
|
|
4801
|
-
|
|
4802
|
-
|
|
4803
|
-
|
|
4804
|
-
|
|
4805
|
-
|
|
4806
|
-
|
|
4754
|
+
Ar as manyTabs,
|
|
4755
|
+
sl as mergeHandlers,
|
|
4756
|
+
il as mergeRefs,
|
|
4757
|
+
ja as metricTabGroup,
|
|
4758
|
+
Mr as mixedTabs,
|
|
4759
|
+
mo as normalizePresetId,
|
|
4760
|
+
Tt as numericActions,
|
|
4761
|
+
mr as orderColumns,
|
|
4807
4762
|
xt as orderIdActions,
|
|
4808
|
-
|
|
4809
|
-
|
|
4763
|
+
dr as orderRows,
|
|
4764
|
+
Rr as ordersTabs,
|
|
4810
4765
|
Ce as paletteHex,
|
|
4811
4766
|
V as paletteVars,
|
|
4812
|
-
|
|
4813
|
-
|
|
4814
|
-
|
|
4815
|
-
|
|
4816
|
-
|
|
4817
|
-
|
|
4818
|
-
|
|
4819
|
-
|
|
4820
|
-
|
|
4821
|
-
|
|
4822
|
-
|
|
4823
|
-
|
|
4824
|
-
|
|
4825
|
-
|
|
4826
|
-
|
|
4827
|
-
|
|
4828
|
-
|
|
4829
|
-
|
|
4830
|
-
|
|
4831
|
-
|
|
4832
|
-
|
|
4833
|
-
|
|
4834
|
-
|
|
4767
|
+
Rl as panelsDeriveSurfaceState,
|
|
4768
|
+
Ml as panelsInitialState,
|
|
4769
|
+
Pl as panelsReducer,
|
|
4770
|
+
ll as parseNumericValue,
|
|
4771
|
+
ol as paymentFormMetadata,
|
|
4772
|
+
cl as paymentSchema,
|
|
4773
|
+
dl as presets,
|
|
4774
|
+
$r as provisional,
|
|
4775
|
+
zr as reducedMotion,
|
|
4776
|
+
ul as registrationFormMetadata,
|
|
4777
|
+
ml as registrationSchema,
|
|
4778
|
+
Or as rejectionFeedback,
|
|
4779
|
+
vr as sampleCompareRanges,
|
|
4780
|
+
_r as sampleCustomMarkets,
|
|
4781
|
+
br as sampleDateRange,
|
|
4782
|
+
Cr as sampleMarketPresetData,
|
|
4783
|
+
wr as sampleMarkets,
|
|
4784
|
+
kr as samplePeriodPresets,
|
|
4785
|
+
yr as samplePreferences,
|
|
4786
|
+
Nr as samplePresets,
|
|
4787
|
+
Pr as singleTab,
|
|
4788
|
+
sr as sparklineFixture,
|
|
4789
|
+
ir as sparklineUpFixture,
|
|
4835
4790
|
_t as staleDonutFixture,
|
|
4836
4791
|
yt as staleFixture,
|
|
4837
4792
|
wt as staleSparklineFixture,
|
|
4838
|
-
|
|
4839
|
-
|
|
4840
|
-
|
|
4841
|
-
|
|
4793
|
+
lr as standardFixture,
|
|
4794
|
+
cr as standardFlatFixture,
|
|
4795
|
+
xr as standardLayout,
|
|
4796
|
+
or as standardNegativeFixture,
|
|
4842
4797
|
rt as statusChip,
|
|
4843
4798
|
U as swingReveal,
|
|
4844
|
-
|
|
4845
|
-
|
|
4846
|
-
|
|
4847
|
-
|
|
4848
|
-
|
|
4849
|
-
|
|
4850
|
-
|
|
4851
|
-
|
|
4852
|
-
|
|
4853
|
-
|
|
4854
|
-
|
|
4855
|
-
|
|
4856
|
-
|
|
4857
|
-
|
|
4858
|
-
|
|
4859
|
-
|
|
4799
|
+
Xa as tableSamples,
|
|
4800
|
+
qa as textSamples,
|
|
4801
|
+
Ua as timeFrameTabGroup,
|
|
4802
|
+
po as toUppercasePresetId,
|
|
4803
|
+
ze as useAffordanceVisibility,
|
|
4804
|
+
Wa as useArrowNavigation,
|
|
4805
|
+
pl as useCheckboxGroupContext,
|
|
4806
|
+
gl as useFilterLayout,
|
|
4807
|
+
hl as useFlipAndStage,
|
|
4808
|
+
fl as useFlipAndStageContext,
|
|
4809
|
+
bl as useFlipAndStageContextOptional,
|
|
4810
|
+
Ha as useFocusReturn,
|
|
4811
|
+
vl as useFocusTrap,
|
|
4812
|
+
yl as useFormContext,
|
|
4813
|
+
wl as useGestureState,
|
|
4814
|
+
Al as usePanelContext,
|
|
4860
4815
|
Ue as usePanelContextOptional,
|
|
4861
|
-
|
|
4816
|
+
El as usePanelCoordinator,
|
|
4862
4817
|
ya as usePortalAnchor,
|
|
4863
|
-
|
|
4864
|
-
|
|
4865
|
-
|
|
4818
|
+
_l as useRadioGroupContext,
|
|
4819
|
+
nn as useResizeChoreography,
|
|
4820
|
+
tr as useResizePill,
|
|
4866
4821
|
Ot as useResizeTuning,
|
|
4867
|
-
|
|
4868
|
-
|
|
4822
|
+
Fl as useSortableZones,
|
|
4823
|
+
Ol as useUIContext
|
|
4869
4824
|
};
|