@mt-gloss/ui 0.1.157 → 0.1.158
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/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { s as U, g as ke, u as ze } from "./COMMITS-BI1gFcrd.js";
|
|
2
|
-
import { H as cr, N as dr, C as ur, e as mr, P as
|
|
3
|
-
import { u as Ge, C as He } from "./Expandable-
|
|
4
|
-
import { Q as xr, V as Tr, T as Rr, U as Mr, a5 as Pr, b2 as Ar, aA as Er, aj as Fr, $ as Ir, ap as Lr, N as Or, aa as $r, P as Br, B as zr, a as Gr, A as Hr, K as Wr, bc as Vr, J as Kr, L as jr, E as Ur, D as qr, H as Yr, F as Qr, bk as Xr, b as Jr, c as Zr, O as es, q as ts, af as as, aO as ns, A as rs, K as ss, J as is, L as ls, E as os, D as cs, H as ds, F as us, aX as ms, a_ as
|
|
2
|
+
import { H as cr, N as dr, C as ur, e as mr, P as gr, k as pr, S as hr, c as fr, j as br, i as vr, h as yr, p as _r, a as wr, r as Cr, d as Nr, f as kr, b as Sr } from "./COMMITS-BI1gFcrd.js";
|
|
3
|
+
import { u as Ge, C as He } from "./Expandable-BnGSJjQg.js";
|
|
4
|
+
import { Q as xr, V as Tr, T as Rr, U as Mr, a5 as Pr, b2 as Ar, aA as Er, aj as Fr, $ as Ir, ap as Lr, N as Or, aa as $r, P as Br, B as zr, a as Gr, A as Hr, K as Wr, bc as Vr, J as Kr, L as jr, E as Ur, D as qr, H as Yr, F as Qr, bk as Xr, b as Jr, c as Zr, O as es, q as ts, af as as, aO as ns, A as rs, K as ss, J as is, L as ls, E as os, D as cs, H as ds, F as us, aX as ms, a_ as gs, aZ as ps, aY as hs, a$ as fs, aD as bs, a7 as vs, a6 as ys, as as _s, m as ws, o as Cs, aG as Ns, ad as ks, b4 as Ss, ab as Ds, _ as xs, bu as Ts, bt as Rs, bv as Ms, ar as Ps, aR as As, b6 as Es, bi as Fs, p as Is, ao as Ls, bo as Os, bf as $s, a2 as Bs, at as zs, a4 as Gs, bn as Hs, bD as Ws, G as Vs, f as Ks, ac as js, bw as Us, aU as qs, t as Ys, x as Qs, I as Xs, i as Js, ax as Zs, bz as ei, M as ti, y as ai, W as ni, Z as ri, X as si, Y as ii, au as li, bB as oi, by as ci, aq as di, w as ui, aT as mi, al as gi, aL as pi, ai as hi, an as fi, av as bi, aS as vi, ae as yi, e as _i, R as wi, l as Ci, r as Ni, aI as ki, bl as Si, bm as Di, ak as xi, ag as Ti, j as Ri, z as Mi, b3 as Pi, ah as Ai, bA as Ei, b8 as Fi, bb as Ii, b9 as Li, ba as Oi, k as $i, b5 as Bi, S as zi, bd as Gi, aw as Hi, b7 as Wi, bC as Vi, am as Ki, v as ji, bx as Ui, n as qi, h as Yi, s as Qi, a0 as Xi, a1 as Ji, a9 as Zi, bj as el, bq as tl, aB as al, aC as nl, a8 as rl, aP as sl, aQ as il, aE as ll, aF as ol, aH as cl, bs as dl, br as ul, ay as ml, az as gl, b1 as pl, b0 as hl, aM as fl, aN as bl, aW as vl, aJ as yl, aK as _l, d as wl, bp as Cl, be as Nl, bg as kl, bh as Sl, aV as Dl, a3 as xl, bE as Tl, g as Rl } from "./Expandable-BnGSJjQg.js";
|
|
5
5
|
import { jsxs as f, jsx as a, Fragment as I } from "react/jsx-runtime";
|
|
6
6
|
import * as O from "react";
|
|
7
7
|
import V, { useRef as M, useEffect as E, useState as A, useCallback as C, useId as Se, useMemo as de, useLayoutEffect as De, createContext as We, useContext as Ve } from "react";
|
|
@@ -14,7 +14,7 @@ import { lerpHex as qe } from "@mt-gloss/utils";
|
|
|
14
14
|
import { DEFAULT_MARKET_PRESETS as Ll, DEFAULT_PINNED as Ol, PERIOD_OPTIONS as $l, ROLLING_OPTIONS as Bl, TODAY_PRESET as zl, findPreset as Gl, formatDateRange as Hl, formatMarketDates as Wl, formatTrend as Vl, formatValue as Kl, generateMarketId as jl, getAllPresets as Ul, getDateRangeForPreset as ql, getPresetLabel as Yl, getTransitionStyle as Ql, interpolate as Xl, isInRange as Jl, isMarketActive as Zl, isSameDay as eo, normalizePresetId as to, parseNumericValue as ao, toUppercasePresetId as no } from "@mt-gloss/utils";
|
|
15
15
|
import { B as Ye, U as ue } from "./UIContext-CGQI_KJk.js";
|
|
16
16
|
import { a as so, u as io } from "./UIContext-CGQI_KJk.js";
|
|
17
|
-
import { B as oo, D as co, E as uo, M as mo, O as
|
|
17
|
+
import { B as oo, D as co, E as uo, M as mo, O as go, a as po, S as ho, b as fo, T as bo, e as vo } from "./TimeframeQuickBar-DFK4fnAA.js";
|
|
18
18
|
import Qe from "@mui/icons-material/AccessTime";
|
|
19
19
|
import Xe from "@mui/icons-material/Tune";
|
|
20
20
|
import Je from "@mui/icons-material/ViewColumn";
|
|
@@ -43,9 +43,9 @@ function Va(e) {
|
|
|
43
43
|
isItemDisabled: o,
|
|
44
44
|
onSelect: u,
|
|
45
45
|
onEscape: m
|
|
46
|
-
} = e, [d,
|
|
46
|
+
} = e, [d, p] = A(-1), c = n !== void 0 ? n : d, g = C(
|
|
47
47
|
(h) => {
|
|
48
|
-
n === void 0 &&
|
|
48
|
+
n === void 0 && p(h), r?.(h);
|
|
49
49
|
},
|
|
50
50
|
[n, r]
|
|
51
51
|
), 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(
|
|
@@ -61,19 +61,19 @@ function Va(e) {
|
|
|
61
61
|
[b, i]
|
|
62
62
|
), _ = C(() => {
|
|
63
63
|
const h = b();
|
|
64
|
-
h.length > 0 &&
|
|
65
|
-
}, [b,
|
|
64
|
+
h.length > 0 && g(h[0]);
|
|
65
|
+
}, [b, g]), y = C(() => {
|
|
66
66
|
const h = b();
|
|
67
|
-
h.length > 0 &&
|
|
68
|
-
}, [b,
|
|
67
|
+
h.length > 0 && g(h[h.length - 1]);
|
|
68
|
+
}, [b, g]), T = C(() => {
|
|
69
69
|
const h = k(c, 1);
|
|
70
|
-
h !== -1 &&
|
|
71
|
-
}, [c, k,
|
|
70
|
+
h !== -1 && g(h);
|
|
71
|
+
}, [c, k, g]), w = C(() => {
|
|
72
72
|
const h = k(c, -1);
|
|
73
|
-
h !== -1 &&
|
|
74
|
-
}, [c, k,
|
|
75
|
-
|
|
76
|
-
}, [
|
|
73
|
+
h !== -1 && g(h);
|
|
74
|
+
}, [c, k, g]), S = C(() => {
|
|
75
|
+
g(-1);
|
|
76
|
+
}, [g]), R = C(
|
|
77
77
|
(h) => {
|
|
78
78
|
if (!l) return;
|
|
79
79
|
const { key: v } = h, N = v === "ArrowUp" && (s === "vertical" || s === "both"), x = v === "ArrowDown" && (s === "vertical" || s === "both"), P = v === "ArrowLeft" && (s === "horizontal" || s === "both"), D = v === "ArrowRight" && (s === "horizontal" || s === "both");
|
|
@@ -120,7 +120,7 @@ function Va(e) {
|
|
|
120
120
|
);
|
|
121
121
|
return {
|
|
122
122
|
focusedIndex: c,
|
|
123
|
-
setFocusedIndex:
|
|
123
|
+
setFocusedIndex: g,
|
|
124
124
|
handleKeyDown: R,
|
|
125
125
|
focusFirst: _,
|
|
126
126
|
focusLast: y,
|
|
@@ -138,22 +138,22 @@ const at = ({
|
|
|
138
138
|
hint: s
|
|
139
139
|
}) => {
|
|
140
140
|
const [l, o] = A(n != null ? String(n) : ""), u = () => {
|
|
141
|
-
const
|
|
142
|
-
Number.isNaN(
|
|
143
|
-
}, m = (
|
|
144
|
-
|
|
145
|
-
}, d = Se(),
|
|
141
|
+
const g = parseFloat(l);
|
|
142
|
+
Number.isNaN(g) || r(g);
|
|
143
|
+
}, m = (g) => {
|
|
144
|
+
g.key === "Enter" ? (g.preventDefault(), u()) : g.key === "Escape" && (g.preventDefault(), i?.());
|
|
145
|
+
}, d = Se(), p = `gloss-target-input-field-${d}`, c = s ? `gloss-target-input-hint-${d}` : void 0;
|
|
146
146
|
return /* @__PURE__ */ f("div", { className: "gloss-target-input", children: [
|
|
147
|
-
/* @__PURE__ */ a("label", { className: "gloss-target-input__label", htmlFor:
|
|
147
|
+
/* @__PURE__ */ a("label", { className: "gloss-target-input__label", htmlFor: p, children: e }),
|
|
148
148
|
/* @__PURE__ */ f("div", { className: "gloss-target-input__field-row", children: [
|
|
149
149
|
/* @__PURE__ */ a(
|
|
150
150
|
"input",
|
|
151
151
|
{
|
|
152
|
-
id:
|
|
152
|
+
id: p,
|
|
153
153
|
type: "number",
|
|
154
154
|
className: "gloss-target-input__field",
|
|
155
155
|
value: l,
|
|
156
|
-
onChange: (
|
|
156
|
+
onChange: (g) => o(g.target.value),
|
|
157
157
|
onKeyDown: m,
|
|
158
158
|
"aria-describedby": c,
|
|
159
159
|
autoFocus: !0
|
|
@@ -304,27 +304,27 @@ function ct({
|
|
|
304
304
|
}) {
|
|
305
305
|
const [o, u] = A(null), m = M(null), d = C(() => {
|
|
306
306
|
if (!t) return { ...me, top: 0, left: 0 };
|
|
307
|
-
const
|
|
307
|
+
const g = t.getBoundingClientRect();
|
|
308
308
|
return {
|
|
309
309
|
...me,
|
|
310
|
-
top:
|
|
311
|
-
left:
|
|
310
|
+
top: g.bottom + 4,
|
|
311
|
+
left: g.left
|
|
312
312
|
};
|
|
313
313
|
}, [t]);
|
|
314
314
|
if (E(() => {
|
|
315
315
|
if (!e) return;
|
|
316
|
-
const
|
|
316
|
+
const g = (b) => {
|
|
317
317
|
b.key === "Escape" && l();
|
|
318
318
|
};
|
|
319
|
-
return document.addEventListener("keydown",
|
|
319
|
+
return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
|
|
320
320
|
}, [e, l]), E(() => {
|
|
321
321
|
if (!e) return;
|
|
322
|
-
const
|
|
322
|
+
const g = (b) => {
|
|
323
323
|
m.current && !m.current.contains(b.target) && l();
|
|
324
324
|
};
|
|
325
|
-
return document.addEventListener("pointerdown",
|
|
325
|
+
return document.addEventListener("pointerdown", g, !0), () => document.removeEventListener("pointerdown", g, !0);
|
|
326
326
|
}, [e, l]), !e) return null;
|
|
327
|
-
const
|
|
327
|
+
const p = s && s.length > 0, c = /* @__PURE__ */ f(
|
|
328
328
|
"div",
|
|
329
329
|
{
|
|
330
330
|
ref: m,
|
|
@@ -359,20 +359,20 @@ function ct({
|
|
|
359
359
|
children: "Show on graph"
|
|
360
360
|
}
|
|
361
361
|
),
|
|
362
|
-
|
|
363
|
-
|
|
362
|
+
p && /* @__PURE__ */ a("div", { style: ot }),
|
|
363
|
+
p && s?.map((g) => /* @__PURE__ */ a(
|
|
364
364
|
"button",
|
|
365
365
|
{
|
|
366
366
|
role: "menuitem",
|
|
367
|
-
style: ie(o ===
|
|
368
|
-
onMouseEnter: () => u(
|
|
367
|
+
style: ie(o === g.id),
|
|
368
|
+
onMouseEnter: () => u(g.id),
|
|
369
369
|
onMouseLeave: () => u(null),
|
|
370
370
|
onClick: () => {
|
|
371
|
-
|
|
371
|
+
g.onSelect(n), l();
|
|
372
372
|
},
|
|
373
|
-
children:
|
|
373
|
+
children: g.label
|
|
374
374
|
},
|
|
375
|
-
|
|
375
|
+
g.id
|
|
376
376
|
))
|
|
377
377
|
]
|
|
378
378
|
}
|
|
@@ -563,7 +563,7 @@ function Me(e) {
|
|
|
563
563
|
staggerMs: u
|
|
564
564
|
} = e;
|
|
565
565
|
if (!t) return null;
|
|
566
|
-
const m = n === "grow", d = m ? s + r : s + i,
|
|
566
|
+
const m = n === "grow", d = m ? s + r : s + i, p = m ? l - i : l - r, c = Math.max(0, p - d);
|
|
567
567
|
return /* @__PURE__ */ a(
|
|
568
568
|
"div",
|
|
569
569
|
{
|
|
@@ -608,8 +608,8 @@ function Me(e) {
|
|
|
608
608
|
);
|
|
609
609
|
}
|
|
610
610
|
Me.displayName = "ResizePillArrowChain";
|
|
611
|
-
const
|
|
612
|
-
function
|
|
611
|
+
const ge = 3;
|
|
612
|
+
function pe({ filled: e, total: t }) {
|
|
613
613
|
const n = [];
|
|
614
614
|
for (let r = 0; r < t; r++)
|
|
615
615
|
n.push(
|
|
@@ -645,18 +645,18 @@ function Pe(e) {
|
|
|
645
645
|
children: [
|
|
646
646
|
i === "directional" && /* @__PURE__ */ f(I, { children: [
|
|
647
647
|
/* @__PURE__ */ a(
|
|
648
|
-
|
|
648
|
+
pe,
|
|
649
649
|
{
|
|
650
650
|
filled: typeof n == "number" ? n : 1,
|
|
651
|
-
total:
|
|
651
|
+
total: ge
|
|
652
652
|
}
|
|
653
653
|
),
|
|
654
654
|
/* @__PURE__ */ a("span", { className: "gloss-resize-pill-tooltip__arrow", children: "→" }),
|
|
655
655
|
/* @__PURE__ */ a(
|
|
656
|
-
|
|
656
|
+
pe,
|
|
657
657
|
{
|
|
658
658
|
filled: typeof r == "number" ? r : 1,
|
|
659
|
-
total:
|
|
659
|
+
total: ge
|
|
660
660
|
}
|
|
661
661
|
)
|
|
662
662
|
] }),
|
|
@@ -687,7 +687,7 @@ function mt({ direction: e }) {
|
|
|
687
687
|
}
|
|
688
688
|
);
|
|
689
689
|
}
|
|
690
|
-
function
|
|
690
|
+
function gt() {
|
|
691
691
|
return /* @__PURE__ */ a(
|
|
692
692
|
"svg",
|
|
693
693
|
{
|
|
@@ -704,7 +704,7 @@ function pt() {
|
|
|
704
704
|
}
|
|
705
705
|
);
|
|
706
706
|
}
|
|
707
|
-
function
|
|
707
|
+
function pt({ target: e }) {
|
|
708
708
|
const t = e === "compact" ? 5 : e === "medium" ? 9 : 13;
|
|
709
709
|
return /* @__PURE__ */ a(
|
|
710
710
|
"svg",
|
|
@@ -731,12 +731,12 @@ function ht(e) {
|
|
|
731
731
|
buttonHeight: m,
|
|
732
732
|
buttonWidth: d
|
|
733
733
|
} = e;
|
|
734
|
-
let
|
|
734
|
+
let p = null;
|
|
735
735
|
if (r === "directional") {
|
|
736
736
|
const c = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
|
|
737
|
-
|
|
737
|
+
p = /* @__PURE__ */ a(mt, { direction: c });
|
|
738
738
|
} else
|
|
739
|
-
|
|
739
|
+
p = /* @__PURE__ */ a(pt, { target: t });
|
|
740
740
|
return /* @__PURE__ */ f(
|
|
741
741
|
"button",
|
|
742
742
|
{
|
|
@@ -756,8 +756,8 @@ function ht(e) {
|
|
|
756
756
|
onPointerLeave: () => u?.(),
|
|
757
757
|
"aria-label": `Resize to ${String(t)}`,
|
|
758
758
|
children: [
|
|
759
|
-
/* @__PURE__ */ a("span", { className: "gloss-resize-pill__glyph", children:
|
|
760
|
-
/* @__PURE__ */ a("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ a(
|
|
759
|
+
/* @__PURE__ */ a("span", { className: "gloss-resize-pill__glyph", children: p }),
|
|
760
|
+
/* @__PURE__ */ a("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ a(gt, {}) })
|
|
761
761
|
]
|
|
762
762
|
}
|
|
763
763
|
);
|
|
@@ -797,16 +797,16 @@ const ft = ({
|
|
|
797
797
|
transition: { duration: n.pillRevealMs / 1e3 },
|
|
798
798
|
onPointerEnter: t.onPillEnter,
|
|
799
799
|
onPointerLeave: t.onPillLeave,
|
|
800
|
-
children: i.map((
|
|
800
|
+
children: i.map((p) => /* @__PURE__ */ a(
|
|
801
801
|
ht,
|
|
802
802
|
{
|
|
803
|
-
target:
|
|
803
|
+
target: p,
|
|
804
804
|
currentTarget: t.currentTarget,
|
|
805
805
|
mode: t.mode,
|
|
806
|
-
isActive:
|
|
806
|
+
isActive: p === t.currentTarget,
|
|
807
807
|
isHovered: (
|
|
808
808
|
// Hover-state mapping for chevron→✓ morph CSS.
|
|
809
|
-
t.buttonHover !== null && (typeof
|
|
809
|
+
t.buttonHover !== null && (typeof p == "number" && typeof t.currentTarget == "number" && (t.buttonHover === "grow" && p > t.currentTarget || t.buttonHover === "shrink" && p < t.currentTarget) || t.buttonHover === p)
|
|
810
810
|
),
|
|
811
811
|
onCommit: t.onCommit,
|
|
812
812
|
onEnter: t.onButtonEnter,
|
|
@@ -814,7 +814,7 @@ const ft = ({
|
|
|
814
814
|
buttonHeight: n.pillButtonHeight,
|
|
815
815
|
buttonWidth: n.pillButtonWidth
|
|
816
816
|
},
|
|
817
|
-
String(
|
|
817
|
+
String(p)
|
|
818
818
|
))
|
|
819
819
|
},
|
|
820
820
|
"pill"
|
|
@@ -864,12 +864,12 @@ function an(e) {
|
|
|
864
864
|
const t = {
|
|
865
865
|
...Te,
|
|
866
866
|
...e.physics
|
|
867
|
-
}, [n, r] = A("idle"), [i, s] = A(e.currentTarget), [l, o] = A(null), u = M(!1), m = M(null), d = M(null),
|
|
868
|
-
|
|
867
|
+
}, [n, r] = A("idle"), [i, s] = A(e.currentTarget), [l, o] = A(null), u = M(!1), m = M(null), d = M(null), p = M(e.currentTarget);
|
|
868
|
+
p.current = e.currentTarget;
|
|
869
869
|
const c = M(e.onCommit);
|
|
870
870
|
c.current = e.onCommit;
|
|
871
|
-
const
|
|
872
|
-
|
|
871
|
+
const g = M(e.forceIdle);
|
|
872
|
+
g.current = e.forceIdle;
|
|
873
873
|
const b = M(e.onPhaseChange);
|
|
874
874
|
b.current = e.onPhaseChange, E(() => {
|
|
875
875
|
b.current?.(n);
|
|
@@ -879,7 +879,7 @@ function an(e) {
|
|
|
879
879
|
m.current && clearTimeout(m.current), d.current && clearTimeout(d.current);
|
|
880
880
|
}, []);
|
|
881
881
|
const k = C(() => {
|
|
882
|
-
u.current ||
|
|
882
|
+
u.current || g.current || (s(p.current), r("pill-visible"));
|
|
883
883
|
}, []), _ = C(() => {
|
|
884
884
|
r("idle"), o(null);
|
|
885
885
|
}, []), y = C(
|
|
@@ -902,7 +902,7 @@ function an(e) {
|
|
|
902
902
|
_(), d.current = null;
|
|
903
903
|
}, t.hoverHideGraceMs);
|
|
904
904
|
}, [_, t.hoverHideGraceMs]), h = C((D) => {
|
|
905
|
-
const F =
|
|
905
|
+
const F = p.current;
|
|
906
906
|
let z;
|
|
907
907
|
D === "compact" || D === "medium" || D === "full" ? z = D : typeof F == "number" && typeof D == "number" ? z = D > F ? "grow" : "shrink" : z = "grow", o(z), r("pre-commit");
|
|
908
908
|
}, []), v = C(() => {
|
|
@@ -1223,13 +1223,13 @@ function Ae({
|
|
|
1223
1223
|
},
|
|
1224
1224
|
[s, t]
|
|
1225
1225
|
), m = C(
|
|
1226
|
-
(c,
|
|
1227
|
-
(
|
|
1226
|
+
(c, g) => {
|
|
1227
|
+
(g.key === "Enter" || g.key === " ") && (g.preventDefault(), u(c));
|
|
1228
1228
|
},
|
|
1229
1229
|
[u]
|
|
1230
1230
|
), d = C(() => {
|
|
1231
1231
|
l(), t();
|
|
1232
|
-
}, [l, t]),
|
|
1232
|
+
}, [l, t]), p = C(() => {
|
|
1233
1233
|
o(), t();
|
|
1234
1234
|
}, [o, t]);
|
|
1235
1235
|
return /* @__PURE__ */ f(
|
|
@@ -1247,22 +1247,22 @@ function Ae({
|
|
|
1247
1247
|
className: "gloss-page-dropdown",
|
|
1248
1248
|
children: [
|
|
1249
1249
|
/* @__PURE__ */ a("ul", { role: "menu", className: "gloss-page-dropdown__list", children: r.map((c) => {
|
|
1250
|
-
const
|
|
1250
|
+
const g = c.id === i;
|
|
1251
1251
|
return /* @__PURE__ */ f(
|
|
1252
1252
|
"li",
|
|
1253
1253
|
{
|
|
1254
1254
|
role: "menuitemradio",
|
|
1255
|
-
"aria-checked":
|
|
1256
|
-
"aria-current":
|
|
1255
|
+
"aria-checked": g,
|
|
1256
|
+
"aria-current": g ? "page" : void 0,
|
|
1257
1257
|
tabIndex: 0,
|
|
1258
|
-
className: `gloss-page-dropdown__item${
|
|
1258
|
+
className: `gloss-page-dropdown__item${g ? " gloss-page-dropdown__item--active" : ""}`,
|
|
1259
1259
|
onClick: () => u(c.id),
|
|
1260
1260
|
onKeyDown: (b) => m(c.id, b),
|
|
1261
1261
|
children: [
|
|
1262
1262
|
/* @__PURE__ */ a(
|
|
1263
1263
|
"span",
|
|
1264
1264
|
{
|
|
1265
|
-
className: `gloss-page-dropdown__dot${
|
|
1265
|
+
className: `gloss-page-dropdown__dot${g ? " gloss-page-dropdown__dot--active" : ""}`
|
|
1266
1266
|
}
|
|
1267
1267
|
),
|
|
1268
1268
|
/* @__PURE__ */ a(
|
|
@@ -1295,7 +1295,7 @@ function Ae({
|
|
|
1295
1295
|
{
|
|
1296
1296
|
role: "menuitem",
|
|
1297
1297
|
className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
|
|
1298
|
-
onClick:
|
|
1298
|
+
onClick: p,
|
|
1299
1299
|
children: "Manage pages"
|
|
1300
1300
|
}
|
|
1301
1301
|
)
|
|
@@ -1315,7 +1315,7 @@ const Nt = function({
|
|
|
1315
1315
|
displayMode: u = "count",
|
|
1316
1316
|
activePage: m
|
|
1317
1317
|
}) {
|
|
1318
|
-
const d = M(null), [
|
|
1318
|
+
const d = M(null), [p, c] = A(!1), g = C(() => {
|
|
1319
1319
|
c((y) => !y);
|
|
1320
1320
|
}, []), b = C(() => {
|
|
1321
1321
|
c(!1);
|
|
@@ -1340,9 +1340,9 @@ const Nt = function({
|
|
|
1340
1340
|
{
|
|
1341
1341
|
className: `gloss-page-chip__trigger${u === "name" ? " gloss-page-chip__trigger--name" : ""}`,
|
|
1342
1342
|
"aria-haspopup": "menu",
|
|
1343
|
-
"aria-expanded":
|
|
1343
|
+
"aria-expanded": p,
|
|
1344
1344
|
"aria-label": u === "name" ? `${m ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
|
|
1345
|
-
onClick:
|
|
1345
|
+
onClick: g,
|
|
1346
1346
|
children: u === "name" ? /* @__PURE__ */ f(I, { children: [
|
|
1347
1347
|
/* @__PURE__ */ a("span", { className: "gloss-page-chip__trigger-name", children: m ?? "" }),
|
|
1348
1348
|
/* @__PURE__ */ a("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
|
|
@@ -1356,7 +1356,7 @@ const Nt = function({
|
|
|
1356
1356
|
/* @__PURE__ */ a(
|
|
1357
1357
|
Ae,
|
|
1358
1358
|
{
|
|
1359
|
-
open:
|
|
1359
|
+
open: p,
|
|
1360
1360
|
onDismiss: b,
|
|
1361
1361
|
anchorRef: d,
|
|
1362
1362
|
pages: r,
|
|
@@ -1504,7 +1504,7 @@ const mn = [
|
|
|
1504
1504
|
date: "2026-03-01",
|
|
1505
1505
|
skuCount: 9
|
|
1506
1506
|
}
|
|
1507
|
-
],
|
|
1507
|
+
], gn = [
|
|
1508
1508
|
{
|
|
1509
1509
|
id: "ITEM-001",
|
|
1510
1510
|
sku: "PB-4520",
|
|
@@ -1647,7 +1647,7 @@ function Ee(e) {
|
|
|
1647
1647
|
function Fe(e) {
|
|
1648
1648
|
return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
1649
1649
|
}
|
|
1650
|
-
const Y = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"),
|
|
1650
|
+
const Y = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), pn = [
|
|
1651
1651
|
{
|
|
1652
1652
|
field: "id",
|
|
1653
1653
|
headerName: "Order",
|
|
@@ -2051,7 +2051,7 @@ const Et = ({
|
|
|
2051
2051
|
}) => {
|
|
2052
2052
|
const s = M(null), l = M([]), o = At(), u = de(() => Array.from(e), [e]);
|
|
2053
2053
|
if (u.length === 0) return null;
|
|
2054
|
-
const m = r ? `Configure ${r}: choose a dimension` : void 0, d = o ? "10ms" : "200ms",
|
|
2054
|
+
const m = r ? `Configure ${r}: choose a dimension` : void 0, d = o ? "10ms" : "200ms", p = (c, g) => {
|
|
2055
2055
|
const b = u.length - 1, k = (_) => {
|
|
2056
2056
|
const y = l.current[_];
|
|
2057
2057
|
y && y.focus();
|
|
@@ -2059,12 +2059,12 @@ const Et = ({
|
|
|
2059
2059
|
switch (c.key) {
|
|
2060
2060
|
case "ArrowRight":
|
|
2061
2061
|
case "ArrowDown": {
|
|
2062
|
-
c.preventDefault(), k(
|
|
2062
|
+
c.preventDefault(), k(g === b ? 0 : g + 1);
|
|
2063
2063
|
break;
|
|
2064
2064
|
}
|
|
2065
2065
|
case "ArrowLeft":
|
|
2066
2066
|
case "ArrowUp": {
|
|
2067
|
-
c.preventDefault(), k(
|
|
2067
|
+
c.preventDefault(), k(g === 0 ? b : g - 1);
|
|
2068
2068
|
break;
|
|
2069
2069
|
}
|
|
2070
2070
|
case "Home": {
|
|
@@ -2077,7 +2077,7 @@ const Et = ({
|
|
|
2077
2077
|
}
|
|
2078
2078
|
case "Enter":
|
|
2079
2079
|
case " ": {
|
|
2080
|
-
c.preventDefault(), t(u[
|
|
2080
|
+
c.preventDefault(), t(u[g]);
|
|
2081
2081
|
break;
|
|
2082
2082
|
}
|
|
2083
2083
|
}
|
|
@@ -2095,13 +2095,13 @@ const Et = ({
|
|
|
2095
2095
|
// query in the JS. Also surfaces the value for the unit test.
|
|
2096
2096
|
"--gloss-reconfig-backside-buttons-transition-duration": d
|
|
2097
2097
|
},
|
|
2098
|
-
children: u.map((c,
|
|
2098
|
+
children: u.map((c, g) => {
|
|
2099
2099
|
const b = Pt[c], k = n === c;
|
|
2100
2100
|
return /* @__PURE__ */ f(
|
|
2101
2101
|
"button",
|
|
2102
2102
|
{
|
|
2103
2103
|
ref: (_) => {
|
|
2104
|
-
l.current[
|
|
2104
|
+
l.current[g] = _;
|
|
2105
2105
|
},
|
|
2106
2106
|
type: "button",
|
|
2107
2107
|
"data-dimension": c,
|
|
@@ -2111,7 +2111,7 @@ const Et = ({
|
|
|
2111
2111
|
),
|
|
2112
2112
|
"aria-current": k ? "true" : void 0,
|
|
2113
2113
|
onClick: () => t(c),
|
|
2114
|
-
onKeyDown: (_) =>
|
|
2114
|
+
onKeyDown: (_) => p(_, g),
|
|
2115
2115
|
children: [
|
|
2116
2116
|
/* @__PURE__ */ a(
|
|
2117
2117
|
b,
|
|
@@ -2512,11 +2512,11 @@ function Kt() {
|
|
|
2512
2512
|
l(null), o.current = null;
|
|
2513
2513
|
}, 200);
|
|
2514
2514
|
}, []), m = C(
|
|
2515
|
-
(c,
|
|
2516
|
-
n(c,
|
|
2515
|
+
(c, g) => {
|
|
2516
|
+
n(c, g), c === "snapInPx" && g > t.snapOutPx && (n("snapOutPx", g), u("snapOutPx"));
|
|
2517
2517
|
},
|
|
2518
2518
|
[n, t.snapOutPx, u]
|
|
2519
|
-
), d = de(() => Bt, []),
|
|
2519
|
+
), d = de(() => Bt, []), p = Ue();
|
|
2520
2520
|
return /* @__PURE__ */ f(
|
|
2521
2521
|
B.div,
|
|
2522
2522
|
{
|
|
@@ -2526,14 +2526,14 @@ function Kt() {
|
|
|
2526
2526
|
"data-testid": "gloss-dev-tuning-panel",
|
|
2527
2527
|
drag: !0,
|
|
2528
2528
|
dragListener: !1,
|
|
2529
|
-
dragControls:
|
|
2529
|
+
dragControls: p,
|
|
2530
2530
|
dragMomentum: !1,
|
|
2531
2531
|
children: [
|
|
2532
2532
|
/* @__PURE__ */ f(
|
|
2533
2533
|
"div",
|
|
2534
2534
|
{
|
|
2535
2535
|
className: "gloss-dev-tuning-panel__header",
|
|
2536
|
-
onPointerDown: (c) =>
|
|
2536
|
+
onPointerDown: (c) => p.start(c),
|
|
2537
2537
|
children: [
|
|
2538
2538
|
/* @__PURE__ */ a("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
|
|
2539
2539
|
/* @__PURE__ */ a("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
|
|
@@ -2545,7 +2545,7 @@ function Kt() {
|
|
|
2545
2545
|
{
|
|
2546
2546
|
spec: c,
|
|
2547
2547
|
value: t[c.key],
|
|
2548
|
-
onChange: (
|
|
2548
|
+
onChange: (g) => m(c.key, g),
|
|
2549
2549
|
onReset: () => r(c.key),
|
|
2550
2550
|
flashing: s === c.key
|
|
2551
2551
|
},
|
|
@@ -2576,25 +2576,25 @@ function In({
|
|
|
2576
2576
|
bottomY: u,
|
|
2577
2577
|
enterMs: m = K.envelopeEnterMs,
|
|
2578
2578
|
exitMs: d = K.envelopeExitMs,
|
|
2579
|
-
className:
|
|
2579
|
+
className: p,
|
|
2580
2580
|
style: c
|
|
2581
2581
|
}) {
|
|
2582
2582
|
if (e === "hidden") return null;
|
|
2583
|
-
const
|
|
2583
|
+
const g = Math.max(0, i - r), b = Math.max(0, u - o), k = {
|
|
2584
2584
|
"--gloss-resize-envelope-enter-ms": `${m}ms`,
|
|
2585
2585
|
"--gloss-resize-envelope-exit-ms": `${d}ms`,
|
|
2586
2586
|
"--gloss-resize-envelope-origin-x": `${t - r}px`,
|
|
2587
2587
|
"--gloss-resize-envelope-origin-y": `${n - o}px`,
|
|
2588
2588
|
left: r,
|
|
2589
2589
|
top: o,
|
|
2590
|
-
width:
|
|
2590
|
+
width: g,
|
|
2591
2591
|
height: b,
|
|
2592
2592
|
...c
|
|
2593
2593
|
};
|
|
2594
2594
|
return /* @__PURE__ */ f(
|
|
2595
2595
|
"div",
|
|
2596
2596
|
{
|
|
2597
|
-
className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`,
|
|
2597
|
+
className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, p].filter(Boolean).join(" "),
|
|
2598
2598
|
"data-state": e,
|
|
2599
2599
|
"data-testid": "gloss-resize-envelope",
|
|
2600
2600
|
style: k,
|
|
@@ -2621,7 +2621,7 @@ function In({
|
|
|
2621
2621
|
{
|
|
2622
2622
|
className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
|
|
2623
2623
|
"data-edge": "right",
|
|
2624
|
-
style: { left:
|
|
2624
|
+
style: { left: g - 1 }
|
|
2625
2625
|
}
|
|
2626
2626
|
),
|
|
2627
2627
|
l.filter((_) => _ > s && _ < i).map((_) => /* @__PURE__ */ a(
|
|
@@ -2775,7 +2775,7 @@ function Bn({
|
|
|
2775
2775
|
onPack: o,
|
|
2776
2776
|
ariaLabel: u
|
|
2777
2777
|
}) {
|
|
2778
|
-
const m = r ?? "Add card to this cell", d = i ?? u ?? "Pack row — shift cards left",
|
|
2778
|
+
const m = r ?? "Add card to this cell", d = i ?? u ?? "Pack row — shift cards left", p = t ?? o, { affordancesVisible: c } = Ge();
|
|
2779
2779
|
return /* @__PURE__ */ f(O.Fragment, { children: [
|
|
2780
2780
|
/* @__PURE__ */ a(ye, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ a(
|
|
2781
2781
|
"button",
|
|
@@ -2789,8 +2789,8 @@ function Bn({
|
|
|
2789
2789
|
s
|
|
2790
2790
|
].filter(Boolean).join(" "),
|
|
2791
2791
|
style: l,
|
|
2792
|
-
onClick: (
|
|
2793
|
-
|
|
2792
|
+
onClick: (g) => {
|
|
2793
|
+
g.stopPropagation(), n?.();
|
|
2794
2794
|
},
|
|
2795
2795
|
children: /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
|
|
2796
2796
|
}
|
|
@@ -2803,8 +2803,8 @@ function Bn({
|
|
|
2803
2803
|
"aria-label": d,
|
|
2804
2804
|
className: ["gloss-empty-cell-pack-affordance", s].filter(Boolean).join(" "),
|
|
2805
2805
|
style: l,
|
|
2806
|
-
onClick: (
|
|
2807
|
-
|
|
2806
|
+
onClick: (g) => {
|
|
2807
|
+
g.stopPropagation(), p?.();
|
|
2808
2808
|
},
|
|
2809
2809
|
children: /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
|
|
2810
2810
|
}
|
|
@@ -2826,16 +2826,16 @@ function zn({
|
|
|
2826
2826
|
return re("drag-ghost", () => {
|
|
2827
2827
|
if (process.env.NODE_ENV === "production")
|
|
2828
2828
|
return { values: {}, spec: null, state: "idle", t: performance.now() };
|
|
2829
|
-
const
|
|
2829
|
+
const p = d.current?.getBoundingClientRect() ?? null;
|
|
2830
2830
|
return {
|
|
2831
2831
|
values: {
|
|
2832
2832
|
x: s.get(),
|
|
2833
2833
|
y: l.get(),
|
|
2834
|
-
bounds_x:
|
|
2835
|
-
bounds_y:
|
|
2836
|
-
bounds_w:
|
|
2837
|
-
bounds_h:
|
|
2838
|
-
visible:
|
|
2834
|
+
bounds_x: p?.x ?? 0,
|
|
2835
|
+
bounds_y: p?.y ?? 0,
|
|
2836
|
+
bounds_w: p?.width ?? 0,
|
|
2837
|
+
bounds_h: p?.height ?? 0,
|
|
2838
|
+
visible: p ? 1 : 0
|
|
2839
2839
|
},
|
|
2840
2840
|
spec: {
|
|
2841
2841
|
tint: e,
|
|
@@ -2849,15 +2849,15 @@ function zn({
|
|
|
2849
2849
|
}), re("commit-ghost-singleton", () => {
|
|
2850
2850
|
if (process.env.NODE_ENV === "production")
|
|
2851
2851
|
return { values: {}, spec: null, state: "idle", t: performance.now() };
|
|
2852
|
-
const
|
|
2853
|
-
let c = 0,
|
|
2854
|
-
if (
|
|
2852
|
+
const p = d.current;
|
|
2853
|
+
let c = 0, g = "", b = "", k = "";
|
|
2854
|
+
if (p)
|
|
2855
2855
|
try {
|
|
2856
|
-
const T = window.getComputedStyle(
|
|
2857
|
-
c = h || v || N ? 1 : 0,
|
|
2856
|
+
const T = window.getComputedStyle(p), w = T.outline || "", S = T.border || "", R = T.boxShadow || "", h = !!w && w !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(w), v = !!S && S !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(S), N = !!R && R !== "none";
|
|
2857
|
+
c = h || v || N ? 1 : 0, g = h ? w : "", b = v ? S : "", k = N ? R : "";
|
|
2858
2858
|
} catch {
|
|
2859
2859
|
}
|
|
2860
|
-
const _ =
|
|
2860
|
+
const _ = p?.getBoundingClientRect() ?? null, y = p ? "drag-clone" : "subsumed-by-tracking-outline";
|
|
2861
2861
|
return {
|
|
2862
2862
|
values: {
|
|
2863
2863
|
x: s.get(),
|
|
@@ -2866,13 +2866,13 @@ function zn({
|
|
|
2866
2866
|
bounds_y: _?.y ?? 0,
|
|
2867
2867
|
bounds_w: _?.width ?? 0,
|
|
2868
2868
|
bounds_h: _?.height ?? 0,
|
|
2869
|
-
visible:
|
|
2869
|
+
visible: p ? 1 : 0,
|
|
2870
2870
|
outlineOnClone: c
|
|
2871
2871
|
},
|
|
2872
2872
|
spec: {
|
|
2873
2873
|
mode: y,
|
|
2874
2874
|
tint: e,
|
|
2875
|
-
outlineSrc:
|
|
2875
|
+
outlineSrc: g,
|
|
2876
2876
|
borderSrc: b,
|
|
2877
2877
|
boxShadowSrc: k
|
|
2878
2878
|
// D-01 contract: Frame 1 (current/buggy) shows outline-on-clone=true;
|
|
@@ -2880,7 +2880,7 @@ function zn({
|
|
|
2880
2880
|
// outline). Wave 2 audit-D-01 reads this field across drag mid-flight
|
|
2881
2881
|
// + post-drop frames and records frame match.
|
|
2882
2882
|
},
|
|
2883
|
-
state:
|
|
2883
|
+
state: p ? "active" : "idle",
|
|
2884
2884
|
t: performance.now()
|
|
2885
2885
|
};
|
|
2886
2886
|
}), /* @__PURE__ */ a(
|
|
@@ -2913,7 +2913,7 @@ function Oe({
|
|
|
2913
2913
|
className: u,
|
|
2914
2914
|
motionWidth: m
|
|
2915
2915
|
}) {
|
|
2916
|
-
const d = n * r + (n - 1) * i, c = (t.section * Ut + t.col) * (r + i),
|
|
2916
|
+
const d = n * r + (n - 1) * i, c = (t.section * Ut + t.col) * (r + i), g = t.row * (s + i), b = e === "resize" ? 2.5 : 2, k = l === "dashed-retreated" ? "dashed" : "solid", _ = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", y = {
|
|
2917
2917
|
className: [
|
|
2918
2918
|
"gloss-tracking-outline",
|
|
2919
2919
|
`gloss-tracking-outline--${e}`,
|
|
@@ -2934,7 +2934,7 @@ function Oe({
|
|
|
2934
2934
|
{
|
|
2935
2935
|
...y,
|
|
2936
2936
|
style: {
|
|
2937
|
-
transform: `translate(${c}px, ${
|
|
2937
|
+
transform: `translate(${c}px, ${g}px)`,
|
|
2938
2938
|
width: m,
|
|
2939
2939
|
height: s,
|
|
2940
2940
|
borderWidth: b,
|
|
@@ -2946,7 +2946,7 @@ function Oe({
|
|
|
2946
2946
|
{
|
|
2947
2947
|
...y,
|
|
2948
2948
|
style: {
|
|
2949
|
-
transform: `translate(${c}px, ${
|
|
2949
|
+
transform: `translate(${c}px, ${g}px)`,
|
|
2950
2950
|
width: d,
|
|
2951
2951
|
height: s,
|
|
2952
2952
|
borderWidth: b,
|
|
@@ -2971,9 +2971,9 @@ function Hn({
|
|
|
2971
2971
|
return { values: {}, spec: null, state: "idle", t: performance.now() };
|
|
2972
2972
|
const l = s.current;
|
|
2973
2973
|
let o = 0, u = 0, m = 0, d = 0;
|
|
2974
|
-
for (const
|
|
2975
|
-
const c =
|
|
2976
|
-
Math.abs(c) > Math.abs(m) && (m = c, o = c), Math.abs(
|
|
2974
|
+
for (const p of l) {
|
|
2975
|
+
const c = p.x.get(), g = p.y.get();
|
|
2976
|
+
Math.abs(c) > Math.abs(m) && (m = c, o = c), Math.abs(g) > Math.abs(d) && (d = g, u = g);
|
|
2977
2977
|
}
|
|
2978
2978
|
return {
|
|
2979
2979
|
values: {
|
|
@@ -3130,8 +3130,10 @@ const qt = ({
|
|
|
3130
3130
|
quickConfigSlot: l,
|
|
3131
3131
|
onRemove: e.onRemove,
|
|
3132
3132
|
children: /* @__PURE__ */ f("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
|
|
3133
|
-
/* @__PURE__ */ a("div", { className: "gloss-
|
|
3134
|
-
|
|
3133
|
+
/* @__PURE__ */ a("div", { className: "gloss-metric-card__zone-a", children: /* @__PURE__ */ f("div", { children: [
|
|
3134
|
+
/* @__PURE__ */ a("div", { className: "gloss-metric-card__label", children: e.label }),
|
|
3135
|
+
e.subtitle && /* @__PURE__ */ a("div", { className: "gloss-pace-card__subtitle", children: e.subtitle })
|
|
3136
|
+
] }) }),
|
|
3135
3137
|
/* @__PURE__ */ a("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ f(I, { children: [
|
|
3136
3138
|
/* @__PURE__ */ a(
|
|
3137
3139
|
qt,
|
|
@@ -3303,8 +3305,8 @@ function $({
|
|
|
3303
3305
|
gap: 4,
|
|
3304
3306
|
cursor: "pointer"
|
|
3305
3307
|
},
|
|
3306
|
-
onClick: (
|
|
3307
|
-
|
|
3308
|
+
onClick: (p) => {
|
|
3309
|
+
p.stopPropagation(), l();
|
|
3308
3310
|
},
|
|
3309
3311
|
children: d
|
|
3310
3312
|
}
|
|
@@ -3392,14 +3394,7 @@ function aa({
|
|
|
3392
3394
|
}) {
|
|
3393
3395
|
const s = n ?? 3;
|
|
3394
3396
|
return /* @__PURE__ */ f(I, { children: [
|
|
3395
|
-
/* @__PURE__ */ a(
|
|
3396
|
-
q,
|
|
3397
|
-
{
|
|
3398
|
-
className: "gloss-metric-card__zone-a",
|
|
3399
|
-
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3400
|
-
children: /* @__PURE__ */ a(se, { className: "gloss-metric-card__label", children: e })
|
|
3401
|
-
}
|
|
3402
|
-
),
|
|
3397
|
+
/* @__PURE__ */ a(q, { className: "gloss-metric-card__zone-a", children: /* @__PURE__ */ a(se, { className: "gloss-metric-card__label", children: e }) }),
|
|
3403
3398
|
/* @__PURE__ */ a(
|
|
3404
3399
|
q,
|
|
3405
3400
|
{
|
|
@@ -3483,25 +3478,11 @@ function ia({
|
|
|
3483
3478
|
}) {
|
|
3484
3479
|
const o = t.filter((m) => sa(m, n)), u = o.slice(0, r ?? 3);
|
|
3485
3480
|
return o.length === 0 ? /* @__PURE__ */ f(I, { children: [
|
|
3486
|
-
/* @__PURE__ */ a(
|
|
3487
|
-
q,
|
|
3488
|
-
{
|
|
3489
|
-
className: "gloss-metric-card__zone-a",
|
|
3490
|
-
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3491
|
-
children: /* @__PURE__ */ a(se, { className: "gloss-metric-card__label", children: e })
|
|
3492
|
-
}
|
|
3493
|
-
),
|
|
3481
|
+
/* @__PURE__ */ a(q, { className: "gloss-metric-card__zone-a", children: /* @__PURE__ */ a(se, { className: "gloss-metric-card__label", children: e }) }),
|
|
3494
3482
|
/* @__PURE__ */ a("div", { className: "gloss-exception-list__empty", role: "status", children: i ?? "No exceptions" }),
|
|
3495
3483
|
s && /* @__PURE__ */ a("div", { className: "gloss-exception-list__zone-c", children: s })
|
|
3496
3484
|
] }) : /* @__PURE__ */ f(I, { children: [
|
|
3497
|
-
/* @__PURE__ */ a(
|
|
3498
|
-
q,
|
|
3499
|
-
{
|
|
3500
|
-
className: "gloss-metric-card__zone-a",
|
|
3501
|
-
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
3502
|
-
children: /* @__PURE__ */ a(se, { className: "gloss-metric-card__label", children: e })
|
|
3503
|
-
}
|
|
3504
|
-
),
|
|
3485
|
+
/* @__PURE__ */ a(q, { className: "gloss-metric-card__zone-a", children: /* @__PURE__ */ a(se, { className: "gloss-metric-card__label", children: e }) }),
|
|
3505
3486
|
/* @__PURE__ */ a(
|
|
3506
3487
|
q,
|
|
3507
3488
|
{
|
|
@@ -3655,7 +3636,7 @@ function Jn({
|
|
|
3655
3636
|
const u = (e.section * ca + e.col) * (r + s), m = e.row * (i + s), d = t === "eligibility" ? W.eligibilityFill : t === "commit" ? W.commitFill : t === "rejection" ? W.rejectionFill : (
|
|
3656
3637
|
/* ramp */
|
|
3657
3638
|
n ?? W.eligibilityFill
|
|
3658
|
-
),
|
|
3639
|
+
), p = t === "rejection", c = p ? W.rejectionStroke : "transparent", g = p ? "dashed" : "solid";
|
|
3659
3640
|
return /* @__PURE__ */ a(
|
|
3660
3641
|
"div",
|
|
3661
3642
|
{
|
|
@@ -3676,7 +3657,7 @@ function Jn({
|
|
|
3676
3657
|
// unknown values and breaks both unit-test introspection and styling.
|
|
3677
3658
|
backgroundColor: d,
|
|
3678
3659
|
borderColor: c,
|
|
3679
|
-
borderStyle:
|
|
3660
|
+
borderStyle: g
|
|
3680
3661
|
}
|
|
3681
3662
|
}
|
|
3682
3663
|
);
|
|
@@ -3732,7 +3713,7 @@ function Zn({
|
|
|
3732
3713
|
pointerEvents: "none"
|
|
3733
3714
|
},
|
|
3734
3715
|
children: ua.map((d) => {
|
|
3735
|
-
const
|
|
3716
|
+
const p = d.peakR * 2;
|
|
3736
3717
|
return /* @__PURE__ */ a(
|
|
3737
3718
|
"div",
|
|
3738
3719
|
{
|
|
@@ -3744,8 +3725,8 @@ function Zn({
|
|
|
3744
3725
|
position: "absolute",
|
|
3745
3726
|
left: o - d.peakR,
|
|
3746
3727
|
top: u - d.peakR,
|
|
3747
|
-
width:
|
|
3748
|
-
height:
|
|
3728
|
+
width: p,
|
|
3729
|
+
height: p,
|
|
3749
3730
|
borderRadius: "50%",
|
|
3750
3731
|
borderStyle: "solid",
|
|
3751
3732
|
borderWidth: d.strokeW,
|
|
@@ -3771,12 +3752,12 @@ function er(e) {
|
|
|
3771
3752
|
function ma(e) {
|
|
3772
3753
|
return e <= 1 ? 1 : e >= 3 ? 3 : 2;
|
|
3773
3754
|
}
|
|
3774
|
-
function
|
|
3755
|
+
function ga(e) {
|
|
3775
3756
|
return e === "dragging";
|
|
3776
3757
|
}
|
|
3777
3758
|
function tr(e) {
|
|
3778
|
-
const { edgeHover: t, sourceCell: n, cascadeResult: r } = e, s = ke() === "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),
|
|
3779
|
-
if (s ? (m.current = "settled", d.current = t.currentColSpan, u.current = t.currentColSpan) :
|
|
3759
|
+
const { edgeHover: t, sourceCell: n, cascadeResult: r } = e, s = ke() === "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), p = ga(t.state);
|
|
3760
|
+
if (s ? (m.current = "settled", d.current = t.currentColSpan, u.current = t.currentColSpan) : p ? 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")), !p)
|
|
3780
3761
|
return o.current.armed = !0, o.current.lastResult = null, {
|
|
3781
3762
|
trackingOutline: null,
|
|
3782
3763
|
cellTints: [],
|
|
@@ -3785,7 +3766,7 @@ function tr(e) {
|
|
|
3785
3766
|
phase: m.current,
|
|
3786
3767
|
displayColSpan: d.current
|
|
3787
3768
|
};
|
|
3788
|
-
const c = t.hysteresisTargetColSpan,
|
|
3769
|
+
const c = t.hysteresisTargetColSpan, g = t.previewColSpan, b = r?.result === "rejected";
|
|
3789
3770
|
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";
|
|
3790
3771
|
const k = b ? l.current : c, _ = {
|
|
3791
3772
|
cell: { section: 0, col: 0, row: 0 },
|
|
@@ -3804,7 +3785,7 @@ function tr(e) {
|
|
|
3804
3785
|
variant: "rejection"
|
|
3805
3786
|
});
|
|
3806
3787
|
} else {
|
|
3807
|
-
const S = Math.abs(
|
|
3788
|
+
const S = Math.abs(g - c), R = Math.max(0, Math.min(1, 1 - S));
|
|
3808
3789
|
for (let h = n.col; h < n.col + c && h <= 2; h++) {
|
|
3809
3790
|
if (h === n.col) continue;
|
|
3810
3791
|
const v = h === n.col + c - 1, N = {
|
|
@@ -3854,7 +3835,7 @@ const G = {
|
|
|
3854
3835
|
"gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
|
|
3855
3836
|
"gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
|
|
3856
3837
|
};
|
|
3857
|
-
function
|
|
3838
|
+
function pa({
|
|
3858
3839
|
message: e,
|
|
3859
3840
|
primaryAction: t,
|
|
3860
3841
|
onDismiss: n,
|
|
@@ -3915,7 +3896,7 @@ function ga({
|
|
|
3915
3896
|
}
|
|
3916
3897
|
);
|
|
3917
3898
|
}
|
|
3918
|
-
|
|
3899
|
+
pa.displayName = "InlineNudge";
|
|
3919
3900
|
function ce(e) {
|
|
3920
3901
|
return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
|
|
3921
3902
|
}
|
|
@@ -3946,11 +3927,11 @@ function ba({
|
|
|
3946
3927
|
), 0.01) : i, o = C(
|
|
3947
3928
|
(h) => Math.round(h / l) * l,
|
|
3948
3929
|
[l]
|
|
3949
|
-
), u = M(null), [m, d] = A(null), [
|
|
3930
|
+
), u = M(null), [m, d] = A(null), [p, c] = A(e), g = fa(e), b = M(g);
|
|
3950
3931
|
E(() => {
|
|
3951
|
-
b.current !==
|
|
3952
|
-
}, [
|
|
3953
|
-
const k = de(() => ha(
|
|
3932
|
+
b.current !== g && (b.current = g, !m && c(e));
|
|
3933
|
+
}, [g, e, m]);
|
|
3934
|
+
const k = de(() => ha(p, n, r), [p, n, r]), _ = C(
|
|
3954
3935
|
(h) => {
|
|
3955
3936
|
if (!u.current) return n;
|
|
3956
3937
|
const v = u.current.getBoundingClientRect(), N = v.width || 1, x = Math.max(0, Math.min(1, (h - v.left) / N)), P = n + x * (r - n);
|
|
@@ -3965,12 +3946,12 @@ function ba({
|
|
|
3965
3946
|
}, [n, r]);
|
|
3966
3947
|
const y = C(
|
|
3967
3948
|
(h, v) => {
|
|
3968
|
-
const N =
|
|
3949
|
+
const N = p.find((x) => x.id === v);
|
|
3969
3950
|
s || N?.disabled || (h.preventDefault(), d(v));
|
|
3970
3951
|
},
|
|
3971
|
-
[s,
|
|
3972
|
-
), T = M(
|
|
3973
|
-
T.current =
|
|
3952
|
+
[s, p]
|
|
3953
|
+
), T = M(p);
|
|
3954
|
+
T.current = p;
|
|
3974
3955
|
const w = M(t);
|
|
3975
3956
|
w.current = t, E(() => {
|
|
3976
3957
|
if (!m) return;
|
|
@@ -4017,12 +3998,12 @@ function ba({
|
|
|
4017
3998
|
h.preventDefault();
|
|
4018
3999
|
const D = Math.max(n, Math.min(r, P)), F = o(D);
|
|
4019
4000
|
if (F === v.value) return;
|
|
4020
|
-
const z =
|
|
4001
|
+
const z = p.map(
|
|
4021
4002
|
(ee) => ee.id === v.id ? { ...ee, value: F } : ee
|
|
4022
4003
|
);
|
|
4023
4004
|
c(z), t(z);
|
|
4024
4005
|
},
|
|
4025
|
-
[s, n, r,
|
|
4006
|
+
[s, n, r, p, t, o]
|
|
4026
4007
|
);
|
|
4027
4008
|
return /* @__PURE__ */ a("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ a(
|
|
4028
4009
|
"div",
|
|
@@ -4030,7 +4011,7 @@ function ba({
|
|
|
4030
4011
|
ref: u,
|
|
4031
4012
|
className: "gloss-threshold-ramp__track",
|
|
4032
4013
|
style: { background: k },
|
|
4033
|
-
children:
|
|
4014
|
+
children: p.map((h) => {
|
|
4034
4015
|
const v = (h.value - n) / S * 100;
|
|
4035
4016
|
return /* @__PURE__ */ a(
|
|
4036
4017
|
"span",
|
|
@@ -4105,9 +4086,9 @@ function ya(e) {
|
|
|
4105
4086
|
u(va(c, n, r, l.current));
|
|
4106
4087
|
};
|
|
4107
4088
|
d();
|
|
4108
|
-
let
|
|
4109
|
-
return typeof ResizeObserver < "u" && (
|
|
4110
|
-
|
|
4089
|
+
let p = null;
|
|
4090
|
+
return typeof ResizeObserver < "u" && (p = new ResizeObserver(d), p.observe(m)), window.addEventListener("scroll", d, { capture: !0, passive: !0 }), window.addEventListener("resize", d, { passive: !0 }), () => {
|
|
4091
|
+
p?.disconnect(), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
|
|
4111
4092
|
};
|
|
4112
4093
|
}, [t, n, r, s]), { style: o };
|
|
4113
4094
|
}
|
|
@@ -4169,10 +4150,10 @@ function Na({
|
|
|
4169
4150
|
l || u(w), r?.(w);
|
|
4170
4151
|
},
|
|
4171
4152
|
[l, r]
|
|
4172
|
-
),
|
|
4153
|
+
), p = C(
|
|
4173
4154
|
(w) => m === w,
|
|
4174
4155
|
[m]
|
|
4175
|
-
), c = M(/* @__PURE__ */ new Map()),
|
|
4156
|
+
), c = M(/* @__PURE__ */ new Map()), g = C((w, S) => {
|
|
4176
4157
|
S ? c.current.set(w, S) : c.current.delete(w);
|
|
4177
4158
|
}, []), b = e.filter((w) => !w.disabled && !i), k = b.find((w) => w.value === m)?.value ?? b[0]?.value, _ = C((w) => {
|
|
4178
4159
|
const S = c.current.get(w);
|
|
@@ -4215,10 +4196,10 @@ function Na({
|
|
|
4215
4196
|
), T = {
|
|
4216
4197
|
selectedValue: m,
|
|
4217
4198
|
select: d,
|
|
4218
|
-
isSelected:
|
|
4199
|
+
isSelected: p,
|
|
4219
4200
|
groupDisabled: i,
|
|
4220
4201
|
name: s,
|
|
4221
|
-
registerRef:
|
|
4202
|
+
registerRef: g,
|
|
4222
4203
|
firstFocusableValue: k,
|
|
4223
4204
|
onKeyNav: y
|
|
4224
4205
|
};
|
|
@@ -4356,8 +4337,8 @@ function sr({
|
|
|
4356
4337
|
// D-09 default
|
|
4357
4338
|
isHiding: m
|
|
4358
4339
|
}) {
|
|
4359
|
-
const d = o ?? t ?? 0,
|
|
4360
|
-
return b.current.length = e, !m && e <= 1 || !m &&
|
|
4340
|
+
const d = o ?? t ?? 0, p = Math.max(0, Math.min(e - 1, d)), c = Math.min(e - 1, p + Math.max(0, u - 1)), g = [p, c], b = O.useRef([]);
|
|
4341
|
+
return b.current.length = e, !m && e <= 1 || !m && g[0] === 0 && g[1] === e - 1 ? null : /* @__PURE__ */ f(
|
|
4361
4342
|
"div",
|
|
4362
4343
|
{
|
|
4363
4344
|
role: "tablist",
|
|
@@ -4385,8 +4366,8 @@ function sr({
|
|
|
4385
4366
|
className: "gloss-section-dots__blob",
|
|
4386
4367
|
"aria-hidden": "true",
|
|
4387
4368
|
style: {
|
|
4388
|
-
"--blob-start":
|
|
4389
|
-
"--blob-end":
|
|
4369
|
+
"--blob-start": g[0],
|
|
4370
|
+
"--blob-end": g[1]
|
|
4390
4371
|
}
|
|
4391
4372
|
}
|
|
4392
4373
|
),
|
|
@@ -4421,7 +4402,7 @@ function ir(e) {
|
|
|
4421
4402
|
anchorRef: r,
|
|
4422
4403
|
subscribeToCoordinator: i = !0,
|
|
4423
4404
|
cardLabels: s
|
|
4424
|
-
} = e, l = M(null), [o, u] = A({ cx: 0, cy: 0, r: 14 }), m = Se().replace(/:/g, "-"), d = ze(),
|
|
4405
|
+
} = e, l = M(null), [o, u] = A({ cx: 0, cy: 0, r: 14 }), m = Se().replace(/:/g, "-"), d = ze(), p = i ? d?.state?.lockHint ?? null : null, c = i ? d?.state?.bellCutoutOpen ?? !1 : !1, g = p != null ? "lock" : t ?? (c ? "default" : null), b = p?.activeCardId ?? null, k = b != null ? s?.[b] ?? b : "";
|
|
4425
4406
|
return De(() => {
|
|
4426
4407
|
const _ = l.current, y = r.current;
|
|
4427
4408
|
if (!_ || !y) return;
|
|
@@ -4431,13 +4412,13 @@ function ir(e) {
|
|
|
4431
4412
|
};
|
|
4432
4413
|
if (T(), globalThis.window !== void 0)
|
|
4433
4414
|
return globalThis.window.addEventListener("resize", T, { passive: !0 }), () => globalThis.window.removeEventListener("resize", T);
|
|
4434
|
-
}, [
|
|
4415
|
+
}, [g]), g == null ? null : /* @__PURE__ */ f(
|
|
4435
4416
|
"div",
|
|
4436
4417
|
{
|
|
4437
4418
|
ref: l,
|
|
4438
4419
|
className: "bell-cutout",
|
|
4439
|
-
"data-mode":
|
|
4440
|
-
"data-count":
|
|
4420
|
+
"data-mode": g,
|
|
4421
|
+
"data-count": g === "unread-count" && n != null ? String(n) : void 0,
|
|
4441
4422
|
"aria-hidden": "true",
|
|
4442
4423
|
children: [
|
|
4443
4424
|
/* @__PURE__ */ f("svg", { className: "bell-cutout__svg", width: "100%", height: "100%", preserveAspectRatio: "none", children: [
|
|
@@ -4448,7 +4429,7 @@ function ir(e) {
|
|
|
4448
4429
|
/* @__PURE__ */ a("rect", { x: "0", y: "0", width: "100%", height: "100%", mask: `url(#${m})`, className: "bell-cutout__fill" })
|
|
4449
4430
|
] }),
|
|
4450
4431
|
/* @__PURE__ */ a("span", { className: "bell-cutout__dot", "aria-hidden": "true" }),
|
|
4451
|
-
|
|
4432
|
+
g === "lock" && p != null ? /* @__PURE__ */ a("span", { className: "bell-cutout__lock-text", role: "status", "aria-live": "polite", children: `Still editing "${k}" — Cancel or Apply first` }) : null
|
|
4452
4433
|
]
|
|
4453
4434
|
}
|
|
4454
4435
|
);
|
|
@@ -4537,8 +4518,8 @@ export {
|
|
|
4537
4518
|
ds as ContainerCardSubtitle,
|
|
4538
4519
|
us as ContainerCardTitle,
|
|
4539
4520
|
ms as ContainerDialog,
|
|
4540
|
-
|
|
4541
|
-
|
|
4521
|
+
gs as ContainerDialogActions,
|
|
4522
|
+
ps as ContainerDialogBody,
|
|
4542
4523
|
hs as ContainerDialogHeader,
|
|
4543
4524
|
Sa as ContainerFormSection,
|
|
4544
4525
|
fs as ContainerPanel,
|
|
@@ -4594,7 +4575,7 @@ export {
|
|
|
4594
4575
|
js as HighlightCard,
|
|
4595
4576
|
Us as HybridDatePicker,
|
|
4596
4577
|
qs as ImportWizard,
|
|
4597
|
-
|
|
4578
|
+
pa as InlineNudge,
|
|
4598
4579
|
Ys as Input,
|
|
4599
4580
|
Qs as InputAddon,
|
|
4600
4581
|
Xs as InputGroup,
|
|
@@ -4620,7 +4601,7 @@ export {
|
|
|
4620
4601
|
di as MultiSelect,
|
|
4621
4602
|
dr as NotificationCenterShell,
|
|
4622
4603
|
ui as NumberInput,
|
|
4623
|
-
|
|
4604
|
+
go as ObjectArrow,
|
|
4624
4605
|
mi as OrderFilterBar,
|
|
4625
4606
|
ur as PANEL_COMMITS,
|
|
4626
4607
|
$l as PERIOD_OPTIONS,
|
|
@@ -4629,9 +4610,9 @@ export {
|
|
|
4629
4610
|
Nt as PageChip,
|
|
4630
4611
|
Ae as PageDropdown,
|
|
4631
4612
|
mr as PanelHost,
|
|
4632
|
-
|
|
4633
|
-
|
|
4634
|
-
|
|
4613
|
+
gr as PanelProvider,
|
|
4614
|
+
gi as PasswordInput,
|
|
4615
|
+
pi as PaymentForm,
|
|
4635
4616
|
hi as PaymentMethodSelect,
|
|
4636
4617
|
fi as PhoneInput,
|
|
4637
4618
|
bi as PinToMetric,
|
|
@@ -4668,7 +4649,7 @@ export {
|
|
|
4668
4649
|
Ri as SegmentedControl,
|
|
4669
4650
|
Mi as Select,
|
|
4670
4651
|
Pi as Selectable,
|
|
4671
|
-
|
|
4652
|
+
pr as SettingsTabStrip,
|
|
4672
4653
|
X as SeverityDot,
|
|
4673
4654
|
Ai as SimpleMetricCard,
|
|
4674
4655
|
Ei as SimpleSelector,
|
|
@@ -4680,7 +4661,7 @@ export {
|
|
|
4680
4661
|
Gn as SnapOutline,
|
|
4681
4662
|
Bi as Sortable,
|
|
4682
4663
|
hr as SortableZones,
|
|
4683
|
-
|
|
4664
|
+
po as SparklineBg,
|
|
4684
4665
|
On as SpilloverArc,
|
|
4685
4666
|
zi as SplitButton,
|
|
4686
4667
|
Gi as StackedGroupCard,
|
|
@@ -4767,19 +4748,19 @@ export {
|
|
|
4767
4748
|
Zl as isMarketActive,
|
|
4768
4749
|
eo as isSameDay,
|
|
4769
4750
|
hn as itemColumns,
|
|
4770
|
-
|
|
4751
|
+
gn as itemRows,
|
|
4771
4752
|
bt as loadingFixture,
|
|
4772
4753
|
ml as loginFormMetadata,
|
|
4773
|
-
|
|
4754
|
+
gl as loginSchema,
|
|
4774
4755
|
it as manufacturerChip,
|
|
4775
4756
|
Fn as manyTabs,
|
|
4776
|
-
|
|
4757
|
+
pl as mergeHandlers,
|
|
4777
4758
|
hl as mergeRefs,
|
|
4778
4759
|
ja as metricTabGroup,
|
|
4779
4760
|
An as mixedTabs,
|
|
4780
4761
|
to as normalizePresetId,
|
|
4781
4762
|
Rt as numericActions,
|
|
4782
|
-
|
|
4763
|
+
pn as orderColumns,
|
|
4783
4764
|
Tt as orderIdActions,
|
|
4784
4765
|
mn as orderRows,
|
|
4785
4766
|
Pn as ordersTabs,
|