@mt-gloss/ui 0.1.140 → 0.1.141
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-DEdHYT0E.js → COMMITS-fUdex1LY.js} +82 -78
- package/composites-panels.js +5 -5
- package/index.js +2 -2
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { motion as
|
|
1
|
+
import { jsx as s, jsxs as N } from "react/jsx-runtime";
|
|
2
|
+
import { motion as se } from "framer-motion";
|
|
3
3
|
import B, { useSyncExternalStore as le, useState as F, useRef as O, useMemo as z, useEffect as w, useCallback as T, createContext as ae, useContext as W, useReducer as ce, useId as X, useLayoutEffect as G } from "react";
|
|
4
4
|
import { z as K } from "zod";
|
|
5
5
|
const We = {
|
|
@@ -82,15 +82,15 @@ function ge({
|
|
|
82
82
|
activeTab: n,
|
|
83
83
|
onSelect: t,
|
|
84
84
|
reduced: r,
|
|
85
|
-
labels:
|
|
85
|
+
labels: i,
|
|
86
86
|
ariaLabel: a = "Settings dimensions"
|
|
87
87
|
}) {
|
|
88
88
|
const c = ee(), o = r ?? c;
|
|
89
89
|
if (e.length < 2) return null;
|
|
90
|
-
const p = (d) =>
|
|
90
|
+
const p = (d) => i?.[d] ?? me[d], u = (d, m) => {
|
|
91
91
|
d.key === "ArrowRight" ? (d.preventDefault(), t(e[(m + 1) % e.length])) : d.key === "ArrowLeft" ? (d.preventDefault(), t(e[(m - 1 + e.length) % e.length])) : d.key === "Home" ? (d.preventDefault(), t(e[0])) : d.key === "End" && (d.preventDefault(), t(e[e.length - 1]));
|
|
92
92
|
};
|
|
93
|
-
return /* @__PURE__ */
|
|
93
|
+
return /* @__PURE__ */ s(
|
|
94
94
|
"div",
|
|
95
95
|
{
|
|
96
96
|
role: "tablist",
|
|
@@ -111,9 +111,9 @@ function ge({
|
|
|
111
111
|
onClick: () => t(d),
|
|
112
112
|
onKeyDown: (k) => u(k, m),
|
|
113
113
|
children: [
|
|
114
|
-
/* @__PURE__ */
|
|
115
|
-
_ && !o && /* @__PURE__ */
|
|
116
|
-
|
|
114
|
+
/* @__PURE__ */ s("span", { className: "settings-tab-strip__label", children: p(d) }),
|
|
115
|
+
_ && !o && /* @__PURE__ */ s(
|
|
116
|
+
se.span,
|
|
117
117
|
{
|
|
118
118
|
layoutId: "settings-active-tab-indicator",
|
|
119
119
|
"data-layout-id": "settings-active-tab-indicator",
|
|
@@ -142,8 +142,8 @@ function Q(e, n) {
|
|
|
142
142
|
return t ? t.zoneKey : U(e, n);
|
|
143
143
|
}
|
|
144
144
|
function ve(e, n, t) {
|
|
145
|
-
const r = [...e], [
|
|
146
|
-
return r.splice(t, 0,
|
|
145
|
+
const r = [...e], [i] = r.splice(n, 1);
|
|
146
|
+
return r.splice(t, 0, i), r;
|
|
147
147
|
}
|
|
148
148
|
function he(e) {
|
|
149
149
|
return e.map((n) => `${n.zoneKey}:${n.items.map((t) => t.id).join(",")}`).join("|");
|
|
@@ -153,7 +153,7 @@ function ye(e) {
|
|
|
153
153
|
() => e.zones.map((l) => l.maxItems !== void 0 && l.items.length > l.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
|
|
154
154
|
`useSortableZones: zone "${l.zoneKey}" exceeds maxItems (${l.items.length} > ${l.maxItems}); trimming to cap.`
|
|
155
155
|
), { ...l, items: l.items.slice(0, l.maxItems) }) : l)
|
|
156
|
-
), [r,
|
|
156
|
+
), [r, i] = F(null), [a, c] = F(null), o = O(null), p = O(e.onZoneChange);
|
|
157
157
|
p.current = e.onZoneChange;
|
|
158
158
|
const u = z(
|
|
159
159
|
() => he(e.zones),
|
|
@@ -177,7 +177,7 @@ function ye(e) {
|
|
|
177
177
|
break;
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
|
-
o.current = y,
|
|
180
|
+
o.current = y, i(C), c(y);
|
|
181
181
|
},
|
|
182
182
|
[n]
|
|
183
183
|
), _ = T(
|
|
@@ -193,7 +193,7 @@ function ye(e) {
|
|
|
193
193
|
), k = T(
|
|
194
194
|
(l) => {
|
|
195
195
|
const { active: g, over: C } = l, y = () => {
|
|
196
|
-
o.current = null,
|
|
196
|
+
o.current = null, i(null), c(null);
|
|
197
197
|
};
|
|
198
198
|
if (!C) {
|
|
199
199
|
y();
|
|
@@ -223,12 +223,12 @@ function ye(e) {
|
|
|
223
223
|
const h = x[x.length - 1];
|
|
224
224
|
x = x.slice(0, S.maxItems - 1), j = [...D, h];
|
|
225
225
|
}
|
|
226
|
-
const q = Math.min(oe, x.length),
|
|
226
|
+
const q = Math.min(oe, x.length), ie = [
|
|
227
227
|
...x.slice(0, q),
|
|
228
228
|
M,
|
|
229
229
|
...x.slice(q)
|
|
230
230
|
];
|
|
231
|
-
f[I] = { ...v, items: j }, f[E] = { ...S, items:
|
|
231
|
+
f[I] = { ...v, items: j }, f[E] = { ...S, items: ie };
|
|
232
232
|
}
|
|
233
233
|
t(f), p.current?.(f), y();
|
|
234
234
|
},
|
|
@@ -280,9 +280,9 @@ function Se(e, n) {
|
|
|
280
280
|
const t = [], r = e ?? {};
|
|
281
281
|
for (const a of Ie)
|
|
282
282
|
r[a] === void 0 && t.push(`@dnd-kit/core:${a}`);
|
|
283
|
-
const
|
|
283
|
+
const i = n ?? {};
|
|
284
284
|
for (const a of Ee)
|
|
285
|
-
|
|
285
|
+
i[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
|
|
286
286
|
return t.length === 0 ? { ok: !0 } : { ok: !1, missing: t };
|
|
287
287
|
}
|
|
288
288
|
function Ce() {
|
|
@@ -308,7 +308,7 @@ function Ce() {
|
|
|
308
308
|
})(), R);
|
|
309
309
|
}
|
|
310
310
|
function be(e) {
|
|
311
|
-
const { zones: n, onZoneChange: t, renderZone: r, renderItem:
|
|
311
|
+
const { zones: n, onZoneChange: t, renderZone: r, renderItem: i, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [o, p] = B.useState(L);
|
|
312
312
|
return B.useEffect(() => {
|
|
313
313
|
if (o) return;
|
|
314
314
|
let u = !0;
|
|
@@ -317,18 +317,18 @@ function be(e) {
|
|
|
317
317
|
}), () => {
|
|
318
318
|
u = !1;
|
|
319
319
|
};
|
|
320
|
-
}, [o]), o ? /* @__PURE__ */
|
|
320
|
+
}, [o]), o ? /* @__PURE__ */ s(
|
|
321
321
|
ne,
|
|
322
322
|
{
|
|
323
323
|
state: c,
|
|
324
324
|
modules: o,
|
|
325
325
|
renderZone: r,
|
|
326
|
-
renderItem:
|
|
326
|
+
renderItem: i,
|
|
327
327
|
renderDragOverlay: a
|
|
328
328
|
}
|
|
329
|
-
) : /* @__PURE__ */
|
|
330
|
-
const d = u.items.map((m) => /* @__PURE__ */
|
|
331
|
-
return /* @__PURE__ */
|
|
329
|
+
) : /* @__PURE__ */ s("div", { "data-sortable-zones-passive": "true", children: c.zones.map((u) => {
|
|
330
|
+
const d = u.items.map((m) => /* @__PURE__ */ s(B.Fragment, { children: i(m) }, m.id));
|
|
331
|
+
return /* @__PURE__ */ s("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, d) }, u.zoneKey);
|
|
332
332
|
}) });
|
|
333
333
|
}
|
|
334
334
|
be.displayName = "SortableZones";
|
|
@@ -337,7 +337,7 @@ function ne({
|
|
|
337
337
|
modules: n,
|
|
338
338
|
renderZone: t,
|
|
339
339
|
renderItem: r,
|
|
340
|
-
renderDragOverlay:
|
|
340
|
+
renderDragOverlay: i
|
|
341
341
|
}) {
|
|
342
342
|
const { core: a, sortable: c, utilities: o } = n, { DndContext: p, DragOverlay: u, useSensors: d, useSensor: m, useDroppable: _, PointerSensor: k, KeyboardSensor: A, closestCenter: H } = a, { SortableContext: l, verticalListSortingStrategy: g } = c, C = d(
|
|
343
343
|
m(k, { activationConstraint: { distance: 5 } }),
|
|
@@ -353,7 +353,7 @@ function ne({
|
|
|
353
353
|
onDragEnd: e.handleDragEnd,
|
|
354
354
|
children: [
|
|
355
355
|
e.zones.map((f) => {
|
|
356
|
-
const I = f.items.map((v) => v.id), E = f.items.map((v) => /* @__PURE__ */
|
|
356
|
+
const I = f.items.map((v) => v.id), E = f.items.map((v) => /* @__PURE__ */ s(
|
|
357
357
|
te,
|
|
358
358
|
{
|
|
359
359
|
id: v.id,
|
|
@@ -363,30 +363,30 @@ function ne({
|
|
|
363
363
|
},
|
|
364
364
|
v.id
|
|
365
365
|
));
|
|
366
|
-
return /* @__PURE__ */
|
|
366
|
+
return /* @__PURE__ */ s(
|
|
367
367
|
re,
|
|
368
368
|
{
|
|
369
369
|
zoneKey: f.zoneKey,
|
|
370
370
|
zoneProps: e.getZoneProps(f.zoneKey),
|
|
371
371
|
useDroppable: _,
|
|
372
|
-
children: /* @__PURE__ */
|
|
372
|
+
children: /* @__PURE__ */ s(P, { items: I, strategy: g, children: t(f.zoneKey, f.items, E) })
|
|
373
373
|
},
|
|
374
374
|
f.zoneKey
|
|
375
375
|
);
|
|
376
376
|
}),
|
|
377
|
-
/* @__PURE__ */
|
|
377
|
+
/* @__PURE__ */ s(b, { children: e.activeItem ? i?.(e.activeItem) ?? r(e.activeItem) : null })
|
|
378
378
|
]
|
|
379
379
|
}
|
|
380
380
|
);
|
|
381
381
|
}
|
|
382
382
|
ne.displayName = "SortableZonesInner";
|
|
383
383
|
function te({ id: e, useSortable: n, cssHelper: t, children: r }) {
|
|
384
|
-
const { attributes:
|
|
384
|
+
const { attributes: i, listeners: a, setNodeRef: c, transform: o, transition: p, isDragging: u } = n({ id: e }), d = {
|
|
385
385
|
transform: t?.Transform?.toString(o) ?? void 0,
|
|
386
386
|
transition: p,
|
|
387
387
|
opacity: u ? 0.5 : 1
|
|
388
388
|
};
|
|
389
|
-
return /* @__PURE__ */
|
|
389
|
+
return /* @__PURE__ */ s("div", { ref: c, style: d, "data-sortable-item-id": e, ...i, ...a, children: r });
|
|
390
390
|
}
|
|
391
391
|
te.displayName = "SortableItem";
|
|
392
392
|
function re({
|
|
@@ -395,8 +395,8 @@ function re({
|
|
|
395
395
|
useDroppable: t,
|
|
396
396
|
children: r
|
|
397
397
|
}) {
|
|
398
|
-
const { setNodeRef:
|
|
399
|
-
return /* @__PURE__ */
|
|
398
|
+
const { setNodeRef: i, isOver: a } = t({ id: e });
|
|
399
|
+
return /* @__PURE__ */ s("div", { ref: i, "data-zone-is-over": a || void 0, ...n, children: r });
|
|
400
400
|
}
|
|
401
401
|
re.displayName = "ZoneDroppable";
|
|
402
402
|
const V = ae(null);
|
|
@@ -492,12 +492,12 @@ function Te(e, n) {
|
|
|
492
492
|
case "CLOSE_PANEL": {
|
|
493
493
|
if (e.activePanelId == null)
|
|
494
494
|
return e;
|
|
495
|
-
const t = e.activePanelId, r = e.activeTrigger?.cardId ?? null,
|
|
495
|
+
const t = e.activePanelId, r = e.activeTrigger?.cardId ?? null, i = r != null ? e.bufferByCard[r] : void 0, a = e.isDirty ? n.reason === "apply-button" ? r != null && i != null ? [
|
|
496
496
|
{
|
|
497
497
|
type: "COMMIT_BUFFER",
|
|
498
|
-
payload: { cardId: r, delta:
|
|
498
|
+
payload: { cardId: r, delta: i }
|
|
499
499
|
}
|
|
500
|
-
] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null &&
|
|
500
|
+
] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && i != null ? (() => {
|
|
501
501
|
const o = { ...e.bufferByCard };
|
|
502
502
|
return delete o[r], o;
|
|
503
503
|
})() : e.bufferByCard;
|
|
@@ -537,12 +537,12 @@ function Te(e, n) {
|
|
|
537
537
|
{ type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
|
|
538
538
|
]
|
|
539
539
|
};
|
|
540
|
-
const t = e.bufferByCard[n.cardId], r = t == null,
|
|
541
|
-
if (!r && t.changes[n.key] ===
|
|
540
|
+
const t = e.bufferByCard[n.cardId], r = t == null, i = Ne(n.key, n.value);
|
|
541
|
+
if (!r && t.changes[n.key] === i)
|
|
542
542
|
return e;
|
|
543
543
|
const c = { kind: "settings", changes: {
|
|
544
544
|
...t?.kind === "settings" ? t.changes : {},
|
|
545
|
-
[n.key]:
|
|
545
|
+
[n.key]: i
|
|
546
546
|
} }, o = { ...e.bufferByCard, [n.cardId]: c }, p = r ? [
|
|
547
547
|
{
|
|
548
548
|
type: "SCHEDULE_TIMER",
|
|
@@ -559,8 +559,8 @@ function Te(e, n) {
|
|
|
559
559
|
case "CLEAR_BUFFER": {
|
|
560
560
|
if (e.bufferByCard[n.cardId] == null)
|
|
561
561
|
return e;
|
|
562
|
-
const r = Object.keys(e.bufferByCard).length === 1,
|
|
563
|
-
delete
|
|
562
|
+
const r = Object.keys(e.bufferByCard).length === 1, i = { ...e.bufferByCard };
|
|
563
|
+
delete i[n.cardId];
|
|
564
564
|
const a = r && e.isDirty ? [
|
|
565
565
|
{
|
|
566
566
|
type: "SCHEDULE_TIMER",
|
|
@@ -570,7 +570,7 @@ function Te(e, n) {
|
|
|
570
570
|
] : [];
|
|
571
571
|
return {
|
|
572
572
|
...e,
|
|
573
|
-
bufferByCard:
|
|
573
|
+
bufferByCard: i,
|
|
574
574
|
pendingSideEffects: [...e.pendingSideEffects, ...a]
|
|
575
575
|
};
|
|
576
576
|
}
|
|
@@ -648,11 +648,11 @@ function Le() {
|
|
|
648
648
|
c
|
|
649
649
|
];
|
|
650
650
|
}, [e.lastClose]);
|
|
651
|
-
const
|
|
651
|
+
const i = z(
|
|
652
652
|
() => ke(e),
|
|
653
653
|
[e.activePanelId, e.bellCutoutOpen, e.isDirty]
|
|
654
654
|
), a = T(() => t.current.slice(), []);
|
|
655
|
-
return { state: e, surfaceState:
|
|
655
|
+
return { state: e, surfaceState: i, dispatch: n, getCloseLog: a };
|
|
656
656
|
}
|
|
657
657
|
function on({ children: e }) {
|
|
658
658
|
const n = Le(), t = z(
|
|
@@ -661,12 +661,12 @@ function on({ children: e }) {
|
|
|
661
661
|
// dispatch + getCloseLog are stable. state + surfaceState change on dispatch.
|
|
662
662
|
[n.state, n.surfaceState, n.dispatch, n.getCloseLog]
|
|
663
663
|
);
|
|
664
|
-
return /* @__PURE__ */
|
|
664
|
+
return /* @__PURE__ */ s(V.Provider, { value: t, children: e });
|
|
665
665
|
}
|
|
666
666
|
function Me({ title: e, onClose: n, titleId: t }) {
|
|
667
667
|
return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__header", children: [
|
|
668
|
-
e != null && /* @__PURE__ */
|
|
669
|
-
/* @__PURE__ */
|
|
668
|
+
e != null && /* @__PURE__ */ s("span", { id: t, className: "gloss-panel-chrome-v2__title", children: e }),
|
|
669
|
+
/* @__PURE__ */ s(
|
|
670
670
|
"button",
|
|
671
671
|
{
|
|
672
672
|
id: "panel-close",
|
|
@@ -680,7 +680,7 @@ function Me({ title: e, onClose: n, titleId: t }) {
|
|
|
680
680
|
] });
|
|
681
681
|
}
|
|
682
682
|
function Re({ children: e }) {
|
|
683
|
-
return /* @__PURE__ */
|
|
683
|
+
return /* @__PURE__ */ s(
|
|
684
684
|
"div",
|
|
685
685
|
{
|
|
686
686
|
"data-panel-stage": !0,
|
|
@@ -691,15 +691,15 @@ function Re({ children: e }) {
|
|
|
691
691
|
);
|
|
692
692
|
}
|
|
693
693
|
function Fe({ children: e }) {
|
|
694
|
-
return /* @__PURE__ */
|
|
694
|
+
return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
|
|
695
695
|
}
|
|
696
696
|
function Ae({ children: e }) {
|
|
697
|
-
return /* @__PURE__ */
|
|
697
|
+
return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__body", children: e });
|
|
698
698
|
}
|
|
699
699
|
function He({ left: e, right: n }) {
|
|
700
700
|
return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__footer", children: [
|
|
701
|
-
/* @__PURE__ */
|
|
702
|
-
/* @__PURE__ */
|
|
701
|
+
/* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__footer-left", children: e }),
|
|
702
|
+
/* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__footer-right", children: n })
|
|
703
703
|
] });
|
|
704
704
|
}
|
|
705
705
|
function Be({
|
|
@@ -707,7 +707,7 @@ function Be({
|
|
|
707
707
|
onClose: n,
|
|
708
708
|
title: t,
|
|
709
709
|
variant: r = "no-stage",
|
|
710
|
-
stage:
|
|
710
|
+
stage: i,
|
|
711
711
|
navigation: a,
|
|
712
712
|
footer: c
|
|
713
713
|
}) {
|
|
@@ -724,12 +724,12 @@ function Be({
|
|
|
724
724
|
"aria-label": u ? void 0 : "Panel",
|
|
725
725
|
className: `gloss-panel-chrome-v2 gloss-panel-chrome-v2--${r}${o ? " gloss-panel-chrome-v2--headerless" : ""}`,
|
|
726
726
|
children: [
|
|
727
|
-
!o && /* @__PURE__ */
|
|
728
|
-
r === "with-stage" && /* @__PURE__ */
|
|
729
|
-
a != null && /* @__PURE__ */
|
|
730
|
-
/* @__PURE__ */
|
|
731
|
-
c != null && /* @__PURE__ */
|
|
732
|
-
o && /* @__PURE__ */
|
|
727
|
+
!o && /* @__PURE__ */ s(Me, { title: t, onClose: n, titleId: p }),
|
|
728
|
+
r === "with-stage" && /* @__PURE__ */ s(Re, { children: i }),
|
|
729
|
+
a != null && /* @__PURE__ */ s(Fe, { children: a }),
|
|
730
|
+
/* @__PURE__ */ s(Ae, { children: e }),
|
|
731
|
+
c != null && /* @__PURE__ */ s(He, { left: c.left, right: c.right }),
|
|
732
|
+
o && /* @__PURE__ */ s(
|
|
733
733
|
"button",
|
|
734
734
|
{
|
|
735
735
|
id: "panel-close",
|
|
@@ -746,19 +746,19 @@ function Be({
|
|
|
746
746
|
}
|
|
747
747
|
function sn({ isOpen: e }) {
|
|
748
748
|
const n = Pe();
|
|
749
|
-
return /* @__PURE__ */
|
|
749
|
+
return /* @__PURE__ */ s(
|
|
750
750
|
Be,
|
|
751
751
|
{
|
|
752
752
|
variant: "no-stage",
|
|
753
753
|
title: "Notifications",
|
|
754
754
|
onClose: () => n?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
|
|
755
|
-
children: /* @__PURE__ */
|
|
755
|
+
children: /* @__PURE__ */ s(
|
|
756
756
|
"div",
|
|
757
757
|
{
|
|
758
758
|
"data-shell": "notification-center",
|
|
759
759
|
"data-panel": "notification-center",
|
|
760
760
|
"aria-hidden": !e,
|
|
761
|
-
children: /* @__PURE__ */
|
|
761
|
+
children: /* @__PURE__ */ s("p", { children: "No notifications" })
|
|
762
762
|
}
|
|
763
763
|
)
|
|
764
764
|
}
|
|
@@ -768,21 +768,21 @@ const Ze = {
|
|
|
768
768
|
position: "relative",
|
|
769
769
|
pointerEvents: "auto"
|
|
770
770
|
};
|
|
771
|
-
function Ke({ children: e, onClose: n, footer: t, title: r, variant:
|
|
771
|
+
function Ke({ children: e, onClose: n, footer: t, title: r, variant: i = "default" }) {
|
|
772
772
|
const a = `panel-close-${X().replace(/:/g, "-")}`;
|
|
773
773
|
return /* @__PURE__ */ N(
|
|
774
774
|
"div",
|
|
775
775
|
{
|
|
776
776
|
"data-chrome": "panel",
|
|
777
|
-
"data-chrome-variant":
|
|
777
|
+
"data-chrome-variant": i,
|
|
778
778
|
role: "dialog",
|
|
779
779
|
"aria-modal": "true",
|
|
780
|
-
className:
|
|
780
|
+
className: i === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
|
|
781
781
|
style: Ze,
|
|
782
782
|
children: [
|
|
783
783
|
/* @__PURE__ */ N("div", { className: "gloss-panel-chrome__header", children: [
|
|
784
|
-
r != null && /* @__PURE__ */
|
|
785
|
-
/* @__PURE__ */
|
|
784
|
+
r != null && /* @__PURE__ */ s("span", { className: "gloss-panel-chrome__title", children: r }),
|
|
785
|
+
/* @__PURE__ */ s(
|
|
786
786
|
"button",
|
|
787
787
|
{
|
|
788
788
|
id: a,
|
|
@@ -794,15 +794,19 @@ function Ke({ children: e, onClose: n, footer: t, title: r, variant: s = "defaul
|
|
|
794
794
|
}
|
|
795
795
|
)
|
|
796
796
|
] }),
|
|
797
|
-
/* @__PURE__ */
|
|
798
|
-
t != null && /* @__PURE__ */
|
|
797
|
+
/* @__PURE__ */ s("div", { className: "gloss-panel-chrome__body", children: e }),
|
|
798
|
+
t != null && /* @__PURE__ */ s("div", { className: "gloss-panel-chrome__footer", children: t })
|
|
799
799
|
]
|
|
800
800
|
}
|
|
801
801
|
);
|
|
802
802
|
}
|
|
803
803
|
function Ue(e) {
|
|
804
804
|
if (process.env.NODE_ENV === "production" || !e || !e.parentElement) return;
|
|
805
|
-
|
|
805
|
+
let n = e.parentElement;
|
|
806
|
+
for (; n && window.getComputedStyle(n).display === "contents"; )
|
|
807
|
+
n = n.parentElement;
|
|
808
|
+
if (!n) return;
|
|
809
|
+
const t = window.getComputedStyle(n);
|
|
806
810
|
t.perspective === "none" && console.warn(
|
|
807
811
|
"[PanelMount] §2.7 violation: parent of .gloss-panel-mount has perspective:none. Rotated mount will render flat. Parent:",
|
|
808
812
|
n
|
|
@@ -816,7 +820,7 @@ function ze({ isOpen: e, children: n }) {
|
|
|
816
820
|
G(() => {
|
|
817
821
|
Ue(r.current);
|
|
818
822
|
}, []);
|
|
819
|
-
const [
|
|
823
|
+
const [i, a] = F(!1);
|
|
820
824
|
w(() => {
|
|
821
825
|
if (!e) {
|
|
822
826
|
a(!1);
|
|
@@ -827,10 +831,10 @@ function ze({ isOpen: e, children: n }) {
|
|
|
827
831
|
}, [e]);
|
|
828
832
|
const c = [
|
|
829
833
|
"gloss-panel-mount",
|
|
830
|
-
|
|
834
|
+
i ? "has-panel" : "",
|
|
831
835
|
t ? "reduced-motion" : ""
|
|
832
836
|
].filter(Boolean).join(" ");
|
|
833
|
-
return /* @__PURE__ */
|
|
837
|
+
return /* @__PURE__ */ s(
|
|
834
838
|
"div",
|
|
835
839
|
{
|
|
836
840
|
ref: r,
|
|
@@ -867,8 +871,8 @@ const Ve = {
|
|
|
867
871
|
background: "rgba(0, 0, 0, 0.04)"
|
|
868
872
|
};
|
|
869
873
|
function ln({ panelComponents: e }) {
|
|
870
|
-
const { state: n, dispatch: t, getCloseLog: r } = _e(),
|
|
871
|
-
n.activePanelId && !
|
|
874
|
+
const { state: n, dispatch: t, getCloseLog: r } = _e(), i = n.activePanelId ? e[n.activePanelId] : null;
|
|
875
|
+
n.activePanelId && !i && process.env.NODE_ENV !== "production" && console.error(
|
|
872
876
|
"[panels] No panel component registered for activePanelId:",
|
|
873
877
|
n.activePanelId
|
|
874
878
|
), w(() => {
|
|
@@ -894,21 +898,21 @@ function ln({ panelComponents: e }) {
|
|
|
894
898
|
o.__panelsHostHandle?.dispatch === t && delete o.__panelsHostHandle;
|
|
895
899
|
};
|
|
896
900
|
}, [t, r]);
|
|
897
|
-
const c = n.activePanelId != null &&
|
|
901
|
+
const c = n.activePanelId != null && i != null;
|
|
898
902
|
return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: Ve, children: [
|
|
899
|
-
c && /* @__PURE__ */
|
|
903
|
+
c && /* @__PURE__ */ s(
|
|
900
904
|
"div",
|
|
901
905
|
{
|
|
902
906
|
"data-panel-scrim": "true",
|
|
903
907
|
style: $e
|
|
904
908
|
}
|
|
905
909
|
),
|
|
906
|
-
/* @__PURE__ */
|
|
910
|
+
/* @__PURE__ */ s(ze, { isOpen: c, children: c && /* @__PURE__ */ s(
|
|
907
911
|
Ke,
|
|
908
912
|
{
|
|
909
913
|
isOpen: !0,
|
|
910
914
|
onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
|
|
911
|
-
children: /* @__PURE__ */ i
|
|
915
|
+
children: /* @__PURE__ */ s(i, { isOpen: !0 })
|
|
912
916
|
}
|
|
913
917
|
) })
|
|
914
918
|
] });
|
package/composites-panels.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { u as M, g as xe, m as ae, n as z, l as Ae, S as De, e as Me, o as Le } from "./COMMITS-
|
|
2
|
-
import { C as Wt, N as jt, w as Zt, x as Xt, q as Jt, f as en, v as tn, P as nn, t as an, k as sn, j as on, i as rn, h as ln } from "./COMMITS-
|
|
1
|
+
import { u as M, g as xe, m as ae, n as z, l as Ae, S as De, e as Me, o as Le } from "./COMMITS-fUdex1LY.js";
|
|
2
|
+
import { C as Wt, N as jt, w as Zt, x as Xt, q as Jt, f as en, v as tn, P as nn, t as an, k as sn, j as on, i as rn, h as ln } from "./COMMITS-fUdex1LY.js";
|
|
3
3
|
import { jsx as a, jsxs as b, Fragment as ge } from "react/jsx-runtime";
|
|
4
4
|
import * as U from "react";
|
|
5
5
|
import I, { useState as E, useRef as K, createContext as ye, useContext as be, useMemo as ie, useEffect as F, useCallback as k, useLayoutEffect as ke } from "react";
|
|
@@ -1555,7 +1555,7 @@ function re() {
|
|
|
1555
1555
|
)
|
|
1556
1556
|
);
|
|
1557
1557
|
else {
|
|
1558
|
-
const o = getComputedStyle(r), i = getComputedStyle(s), l = o.perspective || r.style.perspective || "", d = (o.perspectiveOrigin || r.style.perspectiveOrigin || "").trim(), u = i.
|
|
1558
|
+
const o = getComputedStyle(r), i = getComputedStyle(s), l = o.perspective || r.style.perspective || "", d = (o.perspectiveOrigin || r.style.perspectiveOrigin || "").trim(), u = i.transformStyle || s.style.transformStyle || "", v = l !== "" && l !== "none" && (d === "center bottom" || d === "50% 100%") && u === "flat";
|
|
1559
1559
|
e.push(
|
|
1560
1560
|
C(
|
|
1561
1561
|
"C5",
|
|
@@ -1677,8 +1677,8 @@ function St() {
|
|
|
1677
1677
|
id: "Q12-12",
|
|
1678
1678
|
constraint: "single source of motion — DOM shape (mount/chrome/frozen/zIndex)",
|
|
1679
1679
|
expected: "valid:true; mount/chrome consistent with activePanelId",
|
|
1680
|
-
actual: `valid=${e.valid} mount=${e.mount} chrome=${e.chrome} frozen=${e.frozen} orphans=[${e.orphans.join(",")}]`,
|
|
1681
|
-
pass: e.valid
|
|
1680
|
+
actual: `valid=${e.valid} mount=${e.mount} chrome=${e.chrome} frozen=${e.frozen} orphans=[${(e.orphans ?? []).join(",")}]`,
|
|
1681
|
+
pass: e.valid ?? !1
|
|
1682
1682
|
}
|
|
1683
1683
|
], cc: re() };
|
|
1684
1684
|
}
|
package/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { s as U, c as j, g as Ne, u as Be } from "./COMMITS-
|
|
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-
|
|
1
|
+
import { s as U, c as j, g as Ne, u as Be } from "./COMMITS-fUdex1LY.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-fUdex1LY.js";
|
|
3
3
|
import { u as ze, C as Ge } from "./Expandable-D0on5vJa.js";
|
|
4
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-D0on5vJa.js";
|
|
5
5
|
import { jsxs as f, jsx as n, Fragment as I } from "react/jsx-runtime";
|