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