@nxgt/material 3.10.2 → 3.11.0
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/CHANGELOG.md +70 -0
- package/README.md +4 -4
- package/dist/{async-slice-DDjaJY_F.js → async-slice-4qbER86I.js} +1 -1
- package/dist/button-BNjw-pnE.js +327 -0
- package/dist/button-group-context-CaP0X5p_.js +5 -0
- package/dist/{button-tones-BgZJ1tkD.js → button-tones-BwuVvAmd.js} +9 -1
- package/dist/{callout-view-DdJPdFrP.js → callout-view-C6voDS00.js} +1 -1
- package/dist/charts.js +5 -5
- package/dist/{chip-DpySRqCy.js → chip-DLgQTJBZ.js} +4 -4
- package/dist/{code-editor-BiA14xua.js → code-editor-BZbaYLvo.js} +8 -8
- package/dist/code-editor.js +7 -7
- package/dist/{code-language-items-C_dJ6GVs.js → code-language-items-BT5BO5w6.js} +2 -2
- package/dist/components/base.css +21 -6
- package/dist/components/components.css +5 -2
- package/dist/components/type-scale.css +194 -0
- package/dist/components/ui/actions/button/button.css +156 -0
- package/dist/components/ui/actions/button-group/button-group-standard.css +131 -0
- package/dist/components/ui/actions/button-group/button-group.css +4 -1
- package/dist/components/ui/actions/icon-button/icon-button.css +115 -0
- package/dist/components/ui/actions/morph-fill.css +62 -0
- package/dist/{components-BkF9N-Yx.js → components-1GK7YIhY.js} +14685 -14688
- package/dist/components.js +23 -23
- package/dist/{dialog-CkIYpJXk.js → dialog-BQp5IdFl.js} +147 -147
- package/dist/dnd.js +1 -1
- package/dist/{dropdown-menu-BC5Tbhb9.js → dropdown-menu-BsH9W_3C.js} +3 -3
- package/dist/editor-viewer.js +1 -1
- package/dist/editor.js +13 -13
- package/dist/{empty-state-SeAg2TOX.js → empty-state-WaU4-T2c.js} +5 -5
- package/dist/escape-owner-C4W_sOAU.js +116 -0
- package/dist/{field-blur-DPLsMufs.js → field-blur-CJHzVSh9.js} +1 -1
- package/dist/{field-blur-context-1ZwJgsHE.js → field-blur-context-Cft9s7Hg.js} +2 -2
- package/dist/{hover-card-Cox-tPDz.js → hover-card-C0fw2kLK.js} +72 -71
- package/dist/i18n.js +12 -12
- package/dist/{icon-badge-q3Ve8gra.js → icon-badge-DUAq9f7H.js} +4 -4
- package/dist/icon-button-ifTpXt0A.js +355 -0
- package/dist/{illustration-BfHRpVzM.js → illustration-BmQmvW_4.js} +1 -1
- package/dist/illustrations.js +2 -2
- package/dist/lib/components/ui/actions/button/button-tones.d.ts +16 -0
- package/dist/lib/components/ui/actions/button/button.d.ts +13 -0
- package/dist/lib/components/ui/actions/button/button.variants.d.ts +4 -3
- package/dist/lib/components/ui/actions/button-group/button-group-context.d.ts +16 -0
- package/dist/lib/components/ui/actions/button-group/button-group-reset.d.ts +13 -0
- package/dist/lib/components/ui/actions/button-group/button-group.d.ts +19 -2
- package/dist/lib/components/ui/actions/icon-button/icon-button-shape.d.ts +3 -2
- package/dist/lib/components/ui/actions/icon-button/icon-button.d.ts +18 -4
- package/dist/lib/components/ui/actions/icon-button/icon-button.variants.d.ts +34 -4
- package/dist/lib/components/ui/feedback/typing-indicator/typing-indicator.d.ts +1 -1
- package/dist/lib/components/ui/fields/slider/split-slider-props.d.ts +1 -1
- package/dist/lib/components/ui/fields/slider/use-slider-control.d.ts +1 -1
- package/dist/lib/components/ui/overlays/dialog/dialog-variants.d.ts +1 -1
- package/dist/lib/components/ui/primitives/toggle/toggle.d.ts +1 -1
- package/dist/lib/components/ui/primitives/typography/typography.d.ts +17 -7
- package/dist/lib/components/ui/primitives/typography/typography.variants.d.ts +55 -0
- package/dist/lib/components/ui/selection/choice-group/use-choice-group-field.d.ts +2 -2
- package/dist/lib/i18n/translator.d.ts +1 -1
- package/dist/lib.js +2 -2
- package/dist/{line-path-BQeLQZ-P.js → line-path-C5pZGC49.js} +1 -1
- package/dist/main.js +29 -29
- package/dist/map.js +9 -9
- package/dist/material.css +1 -1
- package/dist/pdf-reader.js +1 -1
- package/dist/print.js +1 -1
- package/dist/{public-CtpsxV4I.js → public-B0Nq_yYV.js} +524 -524
- package/dist/{render-json-DyFYFIkZ.js → render-json-BOhvPnSv.js} +1 -1
- package/dist/{rich-code-block-C2Fp_FDU.js → rich-code-block-v7WmeZp9.js} +5 -5
- package/dist/{rich-text-viewer-LO1IZCWs.js → rich-text-viewer-W15XIwah.js} +2 -2
- package/dist/{skeleton-Bmp4gWAH.js → skeleton-DSdtr2qc.js} +1 -1
- package/dist/{sortable-provider-pVaEZzty.js → sortable-provider-CgDTolQR.js} +3 -3
- package/dist/{spinner-CsHcmcpF.js → spinner-BtSIYVrC.js} +3 -3
- package/dist/{state-scenes-SGNyZjTz.js → state-scenes-BX03WmSu.js} +1 -1
- package/dist/styles.css +2 -0
- package/dist/theme-picker.js +3 -3
- package/dist/{theme-toggle-oU-fh6WE.js → theme-toggle-B2Pehdhn.js} +2 -2
- package/dist/{toggle-group-j8zaxEg1.js → toggle-group-BMJNcFAC.js} +1 -1
- package/dist/{toolbar-items-CqHvlTU8.js → toolbar-items-rUHdVqAq.js} +399 -398
- package/dist/{tooltip-rhbqNmr3.js → tooltip-CkttDIab.js} +1 -1
- package/dist/{translate-material-CGZljjp1.js → translate-material-Bd_KgfB8.js} +1 -1
- package/dist/{translator-DCYO4Ij3.js → translator-Dje8HrNz.js} +5 -5
- package/dist/{use-chat-composer-nWWfVyrK.js → use-chat-composer-Bt2ULsv6.js} +4172 -4172
- package/dist/{use-material-translation-DkxcLbLM.js → use-material-translation-B3V_bz-5.js} +1 -1
- package/dist/{utils-Bcd2Z3ea.js → utils-BLfntITJ.js} +14 -1
- package/docs/components/buttons-and-actions.md +64 -15
- package/docs/components/navigation-and-layout.md +1 -1
- package/docs/components/primitives.md +52 -10
- package/docs/guides/theming.md +51 -0
- package/docs/previews/buttons-actions-button.webp +0 -0
- package/docs/previews/buttons-actions-iconbutton.webp +0 -0
- package/docs/previews/primitives-typography.webp +0 -0
- package/docs/roadmap.md +35 -4
- package/docs/troubleshooting.md +58 -2
- package/lib/components/base.css +21 -6
- package/lib/components/components.css +5 -2
- package/lib/components/type-scale.css +194 -0
- package/lib/components/ui/actions/button/button.css +156 -0
- package/lib/components/ui/actions/button-group/button-group-standard.css +131 -0
- package/lib/components/ui/actions/button-group/button-group.css +4 -1
- package/lib/components/ui/actions/icon-button/icon-button.css +115 -0
- package/lib/components/ui/actions/morph-fill.css +62 -0
- package/lib/styles.css +2 -0
- package/package.json +1 -1
- package/dist/button-DbfdITBB.js +0 -322
- package/dist/components/ui/actions/icon-button/icon-button-morph-media.css +0 -65
- package/dist/components/ui/actions/icon-button/icon-button-morph.css +0 -152
- package/dist/escape-owner-CripBce_.js +0 -57
- package/dist/icon-button-DJcWpIhu.js +0 -319
- package/lib/components/ui/actions/icon-button/icon-button-morph-media.css +0 -65
- package/lib/components/ui/actions/icon-button/icon-button-morph.css +0 -152
|
@@ -1,103 +1,104 @@
|
|
|
1
|
-
import { t as e } from "./utils-
|
|
1
|
+
import { t as e } from "./utils-BLfntITJ.js";
|
|
2
2
|
import { o as t, r as n, t as r } from "./dist-DVRQkaTK.js";
|
|
3
3
|
import { a as i, c as a, i as o, l as s, r as c, s as l } from "./dist-lmHmz_bu.js";
|
|
4
|
-
import { b as u, c as d, d as f, f as p, l as m, t as h, u as g, x as _ } from "./tooltip-
|
|
4
|
+
import { b as u, c as d, d as f, f as p, l as m, t as h, u as g, x as _ } from "./tooltip-CkttDIab.js";
|
|
5
5
|
import { i as v, n as y, r as b, t as x } from "./dist-C4wtXCjf.js";
|
|
6
|
-
import { a as S, c as C, l as w, o as T, r as
|
|
7
|
-
import { A as
|
|
8
|
-
import { a as
|
|
9
|
-
import { t as
|
|
10
|
-
import { t as
|
|
11
|
-
import {
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
6
|
+
import { a as S, c as C, l as w, o as T, r as ee, s as te, t as E } from "./in-dialog-Vwkyp-M5.js";
|
|
7
|
+
import { A as ne, M as re, N as ie, b as ae, d as oe, f as se, i as ce, j as le, l as ue, n as de, o as fe, r as pe, t as me, u as he, y as ge } from "./dropdown-menu-BsH9W_3C.js";
|
|
8
|
+
import { a as _e, n as ve, r as ye, t as be } from "./dist-B7RjY7SL.js";
|
|
9
|
+
import { t as xe } from "./use-material-translation-B3V_bz-5.js";
|
|
10
|
+
import { t as Se } from "./warn-once-C_e47JM8.js";
|
|
11
|
+
import { o as Ce } from "./escape-owner-C4W_sOAU.js";
|
|
12
|
+
import { ChevronLeft as we, ChevronRightIcon as Te, MoreVertical as Ee } from "lucide-react";
|
|
13
|
+
import * as D from "react";
|
|
14
|
+
import { createContext as O, useCallback as De, useContext as k, useEffect as A, useId as Oe, useLayoutEffect as j, useMemo as ke, useReducer as Ae, useRef as M, useState as N } from "react";
|
|
15
|
+
import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
|
|
16
|
+
import { keepListEscape as je } from "@nxgt/material-core/escape-forward";
|
|
16
17
|
//#region ../../node_modules/@radix-ui/react-popover/dist/index.mjs
|
|
17
|
-
var
|
|
18
|
+
var Me = Object.defineProperty, L = (e, t) => Me(e, "name", {
|
|
18
19
|
value: t,
|
|
19
20
|
configurable: !0
|
|
20
|
-
}),
|
|
21
|
-
let { __scopePopover: t, children: n, open: r, defaultOpen: a, onOpenChange: o, modal: s = !1 } = e, l =
|
|
21
|
+
}), Ne = "Popover", [Pe, Fe] = a(Ne, [p]), R = p(), [Ie, z] = Pe(Ne), Le = /* @__PURE__ */ L((e) => {
|
|
22
|
+
let { __scopePopover: t, children: n, open: r, defaultOpen: a, onOpenChange: o, modal: s = !1 } = e, l = R(t), u = D.useRef(null), [d, p] = D.useState(!1), [m, h] = i({
|
|
22
23
|
prop: r,
|
|
23
24
|
defaultProp: a ?? !1,
|
|
24
25
|
onChange: o,
|
|
25
|
-
caller:
|
|
26
|
+
caller: Ne
|
|
26
27
|
});
|
|
27
|
-
return /* @__PURE__ */
|
|
28
|
+
return /* @__PURE__ */ F(f, {
|
|
28
29
|
...l,
|
|
29
|
-
children: /* @__PURE__ */
|
|
30
|
+
children: /* @__PURE__ */ F(Ie, {
|
|
30
31
|
scope: t,
|
|
31
32
|
contentId: c(),
|
|
32
33
|
triggerRef: u,
|
|
33
34
|
open: m,
|
|
34
35
|
onOpenChange: h,
|
|
35
|
-
onOpenToggle:
|
|
36
|
+
onOpenToggle: D.useCallback(() => h((e) => !e), [h]),
|
|
36
37
|
hasCustomAnchor: d,
|
|
37
|
-
onCustomAnchorAdd:
|
|
38
|
-
onCustomAnchorRemove:
|
|
38
|
+
onCustomAnchorAdd: D.useCallback(() => p(!0), []),
|
|
39
|
+
onCustomAnchorRemove: D.useCallback(() => p(!1), []),
|
|
39
40
|
modal: s,
|
|
40
41
|
children: n
|
|
41
42
|
})
|
|
42
43
|
});
|
|
43
|
-
}, "Popover"),
|
|
44
|
-
let { __scopePopover: n, ...r } = e, i =
|
|
45
|
-
return
|
|
44
|
+
}, "Popover"), Re = "PopoverAnchor", ze = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ L(function(e, t) {
|
|
45
|
+
let { __scopePopover: n, ...r } = e, i = z(Re, n), a = R(n), { onCustomAnchorAdd: o, onCustomAnchorRemove: s } = i;
|
|
46
|
+
return D.useEffect(() => (o(), () => s()), [o, s]), /* @__PURE__ */ F(d, {
|
|
46
47
|
...a,
|
|
47
48
|
...r,
|
|
48
49
|
ref: t
|
|
49
50
|
});
|
|
50
|
-
}, "PopoverAnchor")),
|
|
51
|
-
let { __scopePopover: r, ...i } = e, a =
|
|
51
|
+
}, "PopoverAnchor")), Be = "PopoverTrigger", Ve = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ L(function(e, n) {
|
|
52
|
+
let { __scopePopover: r, ...i } = e, a = z(Be, r), o = R(r), c = t(n, a.triggerRef), u = /* @__PURE__ */ F(s.button, {
|
|
52
53
|
type: "button",
|
|
53
54
|
"aria-haspopup": "dialog",
|
|
54
55
|
"aria-expanded": a.open,
|
|
55
56
|
"aria-controls": a.open ? a.contentId : void 0,
|
|
56
|
-
"data-state":
|
|
57
|
+
"data-state": Qe(a.open),
|
|
57
58
|
...i,
|
|
58
59
|
ref: c,
|
|
59
60
|
onClick: l(e.onClick, a.onOpenToggle)
|
|
60
61
|
});
|
|
61
|
-
return a.hasCustomAnchor ? u : /* @__PURE__ */
|
|
62
|
+
return a.hasCustomAnchor ? u : /* @__PURE__ */ F(d, {
|
|
62
63
|
asChild: !0,
|
|
63
64
|
...o,
|
|
64
65
|
children: u
|
|
65
66
|
});
|
|
66
|
-
}, "PopoverTrigger")),
|
|
67
|
-
let { __scopePopover: t, forceMount: n, children: r, container: i } = e, a =
|
|
68
|
-
return /* @__PURE__ */
|
|
67
|
+
}, "PopoverTrigger")), He = "PopoverPortal", [Ue, We] = Pe(He, { forceMount: void 0 }), Ge = /* @__PURE__ */ L((e) => {
|
|
68
|
+
let { __scopePopover: t, forceMount: n, children: r, container: i } = e, a = z(He, t);
|
|
69
|
+
return /* @__PURE__ */ F(Ue, {
|
|
69
70
|
scope: t,
|
|
70
71
|
forceMount: n,
|
|
71
|
-
children: /* @__PURE__ */
|
|
72
|
+
children: /* @__PURE__ */ F(o, {
|
|
72
73
|
present: n || a.open,
|
|
73
|
-
children: /* @__PURE__ */
|
|
74
|
+
children: /* @__PURE__ */ F(u, {
|
|
74
75
|
asChild: !0,
|
|
75
76
|
container: i,
|
|
76
77
|
children: r
|
|
77
78
|
})
|
|
78
79
|
})
|
|
79
80
|
});
|
|
80
|
-
}, "PopoverPortal"),
|
|
81
|
-
let n =
|
|
82
|
-
return /* @__PURE__ */
|
|
81
|
+
}, "PopoverPortal"), B = "PopoverContent", Ke = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ L(function(e, t) {
|
|
82
|
+
let n = We(B, e.__scopePopover), { forceMount: r = n.forceMount, ...i } = e, a = z(B, e.__scopePopover);
|
|
83
|
+
return /* @__PURE__ */ F(o, {
|
|
83
84
|
present: r || a.open,
|
|
84
|
-
children: a.modal ? /* @__PURE__ */
|
|
85
|
+
children: a.modal ? /* @__PURE__ */ F(Je, {
|
|
85
86
|
...i,
|
|
86
87
|
ref: t
|
|
87
|
-
}) : /* @__PURE__ */
|
|
88
|
+
}) : /* @__PURE__ */ F(Ye, {
|
|
88
89
|
...i,
|
|
89
90
|
ref: t
|
|
90
91
|
})
|
|
91
92
|
});
|
|
92
|
-
}, "PopoverContent")),
|
|
93
|
-
let r =
|
|
94
|
-
return
|
|
93
|
+
}, "PopoverContent")), qe = n("PopoverContent.RemoveScroll"), Je = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ L(function(e, n) {
|
|
94
|
+
let r = z(B, e.__scopePopover), i = D.useRef(null), a = t(n, i), o = D.useRef(!1);
|
|
95
|
+
return D.useEffect(() => {
|
|
95
96
|
let e = i.current;
|
|
96
97
|
if (e) return T(e);
|
|
97
|
-
}, []), /* @__PURE__ */
|
|
98
|
-
as:
|
|
98
|
+
}, []), /* @__PURE__ */ F(te, {
|
|
99
|
+
as: qe,
|
|
99
100
|
allowPinchZoom: !0,
|
|
100
|
-
children: /* @__PURE__ */
|
|
101
|
+
children: /* @__PURE__ */ F(Xe, {
|
|
101
102
|
...e,
|
|
102
103
|
ref: a,
|
|
103
104
|
trapFocus: r.open,
|
|
@@ -112,9 +113,9 @@ var ke = Object.defineProperty, z = (e, t) => ke(e, "name", {
|
|
|
112
113
|
onFocusOutside: l(e.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 })
|
|
113
114
|
})
|
|
114
115
|
});
|
|
115
|
-
}, "PopoverContentModal")),
|
|
116
|
-
let n =
|
|
117
|
-
return /* @__PURE__ */
|
|
116
|
+
}, "PopoverContentModal")), Ye = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ L(function(e, t) {
|
|
117
|
+
let n = z(B, e.__scopePopover), r = D.useRef(!1), i = D.useRef(!1);
|
|
118
|
+
return /* @__PURE__ */ F(Xe, {
|
|
118
119
|
...e,
|
|
119
120
|
ref: t,
|
|
120
121
|
trapFocus: !1,
|
|
@@ -128,15 +129,15 @@ var ke = Object.defineProperty, z = (e, t) => ke(e, "name", {
|
|
|
128
129
|
n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
|
|
129
130
|
}
|
|
130
131
|
});
|
|
131
|
-
}, "PopoverContentNonModal")),
|
|
132
|
-
let { __scopePopover: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, disableOutsidePointerEvents: o, onEscapeKeyDown: s, onPointerDownOutside: c, onFocusOutside: l, onInteractOutside: u, ...d } = e, f =
|
|
133
|
-
return C(), /* @__PURE__ */
|
|
132
|
+
}, "PopoverContentNonModal")), Xe = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ L(function(e, t) {
|
|
133
|
+
let { __scopePopover: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, disableOutsidePointerEvents: o, onEscapeKeyDown: s, onPointerDownOutside: c, onFocusOutside: l, onInteractOutside: u, ...d } = e, f = z(B, n), p = R(n);
|
|
134
|
+
return C(), /* @__PURE__ */ F(w, {
|
|
134
135
|
asChild: !0,
|
|
135
136
|
loop: !0,
|
|
136
137
|
trapped: r,
|
|
137
138
|
onMountAutoFocus: i,
|
|
138
139
|
onUnmountAutoFocus: a,
|
|
139
|
-
children: /* @__PURE__ */
|
|
140
|
+
children: /* @__PURE__ */ F(_, {
|
|
140
141
|
asChild: !0,
|
|
141
142
|
disableOutsidePointerEvents: o,
|
|
142
143
|
onInteractOutside: u,
|
|
@@ -145,8 +146,8 @@ var ke = Object.defineProperty, z = (e, t) => ke(e, "name", {
|
|
|
145
146
|
onFocusOutside: l,
|
|
146
147
|
onDismiss: () => f.onOpenChange(!1),
|
|
147
148
|
deferPointerDownOutside: !0,
|
|
148
|
-
children: /* @__PURE__ */
|
|
149
|
-
"data-state":
|
|
149
|
+
children: /* @__PURE__ */ F(g, {
|
|
150
|
+
"data-state": Qe(f.open),
|
|
150
151
|
role: "dialog",
|
|
151
152
|
id: f.contentId,
|
|
152
153
|
...p,
|
|
@@ -163,34 +164,34 @@ var ke = Object.defineProperty, z = (e, t) => ke(e, "name", {
|
|
|
163
164
|
})
|
|
164
165
|
})
|
|
165
166
|
});
|
|
166
|
-
}, "PopoverContentImpl")),
|
|
167
|
+
}, "PopoverContentImpl")), Ze = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ L(function(e, t) {
|
|
167
168
|
let { __scopePopover: n, ...r } = e;
|
|
168
|
-
return /* @__PURE__ */
|
|
169
|
-
...
|
|
169
|
+
return /* @__PURE__ */ F(m, {
|
|
170
|
+
...R(n),
|
|
170
171
|
...r,
|
|
171
172
|
ref: t
|
|
172
173
|
});
|
|
173
174
|
}, "PopoverArrow"));
|
|
174
|
-
function
|
|
175
|
+
function Qe(e) {
|
|
175
176
|
return e ? "open" : "closed";
|
|
176
177
|
}
|
|
177
|
-
|
|
178
|
-
var
|
|
178
|
+
L(Qe, "getState");
|
|
179
|
+
var $e = Le, et = ze, tt = Ve, nt = Ge, rt = Ke, it = Ze, at = Object.defineProperty, V = (e, t) => at(e, "name", {
|
|
179
180
|
value: t,
|
|
180
181
|
configurable: !0
|
|
181
|
-
}),
|
|
182
|
-
let { __scopeToolbar: n, orientation: r = "horizontal", dir: i, loop: a = !0, ...o } = e, c =
|
|
183
|
-
return /* @__PURE__ */
|
|
182
|
+
}), ot = "Toolbar", [st, ct] = a(ot, [b, ye]), lt = b(), ut = ye(), [dt, ft] = st(ot), pt = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ V(function(e, t) {
|
|
183
|
+
let { __scopeToolbar: n, orientation: r = "horizontal", dir: i, loop: a = !0, ...o } = e, c = lt(n), l = v(i);
|
|
184
|
+
return /* @__PURE__ */ F(dt, {
|
|
184
185
|
scope: n,
|
|
185
186
|
orientation: r,
|
|
186
187
|
dir: l,
|
|
187
|
-
children: /* @__PURE__ */
|
|
188
|
+
children: /* @__PURE__ */ F(y, {
|
|
188
189
|
asChild: !0,
|
|
189
190
|
...c,
|
|
190
191
|
orientation: r,
|
|
191
192
|
dir: l,
|
|
192
193
|
loop: a,
|
|
193
|
-
children: /* @__PURE__ */
|
|
194
|
+
children: /* @__PURE__ */ F(s.div, {
|
|
194
195
|
role: "toolbar",
|
|
195
196
|
"aria-orientation": r,
|
|
196
197
|
dir: l,
|
|
@@ -199,28 +200,28 @@ var Je = Ne, Ye = Fe, Xe = Le, Ze = Ve, Qe = He, $e = qe, et = Object.defineProp
|
|
|
199
200
|
})
|
|
200
201
|
})
|
|
201
202
|
});
|
|
202
|
-
}, "Toolbar")),
|
|
203
|
+
}, "Toolbar")), mt = "ToolbarSeparator", ht = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ V(function(e, t) {
|
|
203
204
|
let { __scopeToolbar: n, ...r } = e;
|
|
204
|
-
return /* @__PURE__ */
|
|
205
|
-
orientation:
|
|
205
|
+
return /* @__PURE__ */ F(_e, {
|
|
206
|
+
orientation: ft(mt, n).orientation === "horizontal" ? "vertical" : "horizontal",
|
|
206
207
|
...r,
|
|
207
208
|
ref: t
|
|
208
209
|
});
|
|
209
|
-
}, "ToolbarSeparator")),
|
|
210
|
+
}, "ToolbarSeparator")), gt = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ V(function(e, t) {
|
|
210
211
|
let { __scopeToolbar: n, ...r } = e;
|
|
211
|
-
return /* @__PURE__ */
|
|
212
|
+
return /* @__PURE__ */ F(x, {
|
|
212
213
|
asChild: !0,
|
|
213
|
-
...
|
|
214
|
+
...lt(n),
|
|
214
215
|
focusable: !e.disabled,
|
|
215
|
-
children: /* @__PURE__ */
|
|
216
|
+
children: /* @__PURE__ */ F(s.button, {
|
|
216
217
|
type: "button",
|
|
217
218
|
...r,
|
|
218
219
|
ref: t
|
|
219
220
|
})
|
|
220
221
|
});
|
|
221
|
-
}, "ToolbarButton")),
|
|
222
|
-
let { __scopeToolbar: n, ...r } = e, i =
|
|
223
|
-
return /* @__PURE__ */
|
|
222
|
+
}, "ToolbarButton")), _t = "ToolbarToggleGroup", vt = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ V(function(e, t) {
|
|
223
|
+
let { __scopeToolbar: n, ...r } = e, i = ft(_t, n), a = ut(n);
|
|
224
|
+
return /* @__PURE__ */ F(be, {
|
|
224
225
|
"data-orientation": i.orientation,
|
|
225
226
|
dir: i.dir,
|
|
226
227
|
...a,
|
|
@@ -228,23 +229,23 @@ var Je = Ne, Ye = Fe, Xe = Le, Ze = Ve, Qe = He, $e = qe, et = Object.defineProp
|
|
|
228
229
|
ref: t,
|
|
229
230
|
rovingFocus: !1
|
|
230
231
|
});
|
|
231
|
-
}, "ToolbarToggleGroup")),
|
|
232
|
-
let { __scopeToolbar: n, ...r } = e, i =
|
|
233
|
-
return /* @__PURE__ */
|
|
232
|
+
}, "ToolbarToggleGroup")), yt = /* @__PURE__ */ D.forwardRef(/* @__PURE__ */ V(function(e, t) {
|
|
233
|
+
let { __scopeToolbar: n, ...r } = e, i = ut(n);
|
|
234
|
+
return /* @__PURE__ */ F(gt, {
|
|
234
235
|
asChild: !0,
|
|
235
236
|
__scopeToolbar: e.__scopeToolbar,
|
|
236
|
-
children: /* @__PURE__ */
|
|
237
|
+
children: /* @__PURE__ */ F(ve, {
|
|
237
238
|
...i,
|
|
238
239
|
...r,
|
|
239
240
|
ref: t
|
|
240
241
|
})
|
|
241
242
|
});
|
|
242
|
-
}, "ToolbarToggleItem")),
|
|
243
|
+
}, "ToolbarToggleItem")), bt = pt, xt = ht, H = gt, St = vt, Ct = yt;
|
|
243
244
|
//#endregion
|
|
244
245
|
//#region lib/hooks/use-page-direction.ts
|
|
245
|
-
function
|
|
246
|
-
let [t, n] =
|
|
247
|
-
return
|
|
246
|
+
function wt(e) {
|
|
247
|
+
let [t, n] = N("ltr");
|
|
248
|
+
return j(() => {
|
|
248
249
|
let t = e.current;
|
|
249
250
|
if (!t) return;
|
|
250
251
|
let r = t.parentElement ?? t;
|
|
@@ -253,25 +254,25 @@ function yt(e) {
|
|
|
253
254
|
}
|
|
254
255
|
//#endregion
|
|
255
256
|
//#region lib/components/ui/overlays/dropdown-menu/dropdown-menu-sub.tsx
|
|
256
|
-
function
|
|
257
|
-
return /* @__PURE__ */
|
|
257
|
+
function Tt({ ...e }) {
|
|
258
|
+
return /* @__PURE__ */ F(ne, {
|
|
258
259
|
"data-slot": "dropdown-menu-sub",
|
|
259
260
|
...e
|
|
260
261
|
});
|
|
261
262
|
}
|
|
262
|
-
function
|
|
263
|
-
return /* @__PURE__ */
|
|
263
|
+
function Et({ className: t, inset: n, children: r, ...i }) {
|
|
264
|
+
return /* @__PURE__ */ I(re, {
|
|
264
265
|
"data-slot": "dropdown-menu-sub-trigger",
|
|
265
266
|
"data-inset": n,
|
|
266
|
-
className: e(
|
|
267
|
+
className: e(ge, ae, "data-[state=open]:bg-primary/8 flex cursor-default items-center rounded-(--nxgt-item-radius) px-2 py-1.5 text-sm outline-none select-none data-[inset]:ps-8", t),
|
|
267
268
|
...i,
|
|
268
|
-
children: [r, /* @__PURE__ */
|
|
269
|
+
children: [r, /* @__PURE__ */ F(Te, { className: "ms-auto size-4" })]
|
|
269
270
|
});
|
|
270
271
|
}
|
|
271
|
-
function
|
|
272
|
-
return /* @__PURE__ */
|
|
272
|
+
function Dt({ className: t, ...n }) {
|
|
273
|
+
return /* @__PURE__ */ F(E, {
|
|
273
274
|
value: !1,
|
|
274
|
-
children: /* @__PURE__ */
|
|
275
|
+
children: /* @__PURE__ */ F(le, {
|
|
275
276
|
"data-slot": "dropdown-menu-sub-content",
|
|
276
277
|
className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 grid gap-0.5 min-w-[12rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border p-3 shadow-lg", t),
|
|
277
278
|
...n
|
|
@@ -280,7 +281,7 @@ function St({ className: t, ...n }) {
|
|
|
280
281
|
}
|
|
281
282
|
//#endregion
|
|
282
283
|
//#region lib/components/ui/actions/toolbar/toolbar-context.ts
|
|
283
|
-
var
|
|
284
|
+
var U = O({
|
|
284
285
|
inside: !1,
|
|
285
286
|
spilled: /* @__PURE__ */ new Set(),
|
|
286
287
|
entries: /* @__PURE__ */ new Map(),
|
|
@@ -289,12 +290,12 @@ var q = k({
|
|
|
289
290
|
overflowing: !1,
|
|
290
291
|
moreAnchor: { current: null },
|
|
291
292
|
focusLost: { current: null }
|
|
292
|
-
}),
|
|
293
|
-
function
|
|
294
|
-
let n =
|
|
295
|
-
|
|
293
|
+
}), Ot = O(null), kt = O(null);
|
|
294
|
+
function W(e, t) {
|
|
295
|
+
let n = Oe(), { inside: r, spilled: i, entries: a } = k(U), o = k(Ot);
|
|
296
|
+
j(() => {
|
|
296
297
|
r && a.set(n, e);
|
|
297
|
-
}),
|
|
298
|
+
}), j(() => () => void a.delete(n), [a, n]);
|
|
298
299
|
let s = r && (!!o?.spilled || i.has(n));
|
|
299
300
|
return {
|
|
300
301
|
id: n,
|
|
@@ -309,36 +310,36 @@ function J(e, t) {
|
|
|
309
310
|
} : {}
|
|
310
311
|
};
|
|
311
312
|
}
|
|
312
|
-
function
|
|
313
|
-
let { spilled: e, overflowing: t } =
|
|
313
|
+
function At() {
|
|
314
|
+
let { spilled: e, overflowing: t } = k(U);
|
|
314
315
|
return {
|
|
315
316
|
spilled: e,
|
|
316
317
|
overflowing: t
|
|
317
318
|
};
|
|
318
319
|
}
|
|
319
|
-
function
|
|
320
|
-
return
|
|
320
|
+
function jt() {
|
|
321
|
+
return k(U).moreAnchor;
|
|
321
322
|
}
|
|
322
323
|
//#endregion
|
|
323
324
|
//#region lib/components/ui/actions/toolbar/toolbar-axis.ts
|
|
324
|
-
var
|
|
325
|
-
function
|
|
325
|
+
var G = (e) => Number.parseFloat(e) || 0;
|
|
326
|
+
function K(e, t) {
|
|
326
327
|
let n = getComputedStyle(e);
|
|
327
|
-
return t === "x" ? e.offsetWidth +
|
|
328
|
+
return t === "x" ? e.offsetWidth + G(n.marginLeft) + G(n.marginRight) : e.offsetHeight + G(n.marginTop) + G(n.marginBottom);
|
|
328
329
|
}
|
|
329
|
-
function
|
|
330
|
-
return
|
|
330
|
+
function Mt(e, t) {
|
|
331
|
+
return G(t === "x" ? e.columnGap : e.rowGap);
|
|
331
332
|
}
|
|
332
|
-
function
|
|
333
|
-
return t === "x" ?
|
|
333
|
+
function q(e, t) {
|
|
334
|
+
return t === "x" ? G(e.paddingLeft) + G(e.paddingRight) + G(e.borderLeftWidth) + G(e.borderRightWidth) : G(e.paddingTop) + G(e.paddingBottom) + G(e.borderTopWidth) + G(e.borderBottomWidth);
|
|
334
335
|
}
|
|
335
336
|
//#endregion
|
|
336
337
|
//#region lib/components/ui/actions/toolbar/toolbar-block-room.ts
|
|
337
|
-
function
|
|
338
|
-
let { height: t, cap: n } =
|
|
338
|
+
function Nt(e) {
|
|
339
|
+
let { height: t, cap: n } = Pt(e), r = [t, n].filter((e) => e > 0);
|
|
339
340
|
return r.length ? Math.min(...r) : 0;
|
|
340
341
|
}
|
|
341
|
-
function
|
|
342
|
+
function Pt(e) {
|
|
342
343
|
let t = (t) => {
|
|
343
344
|
let n = document.createElement("div");
|
|
344
345
|
n.setAttribute("aria-hidden", "true"), n.style.setProperty("position", "relative"), n.style.setProperty("visibility", "hidden"), n.style.setProperty("width", "0"), n.style.setProperty("flex", "none");
|
|
@@ -355,64 +356,64 @@ function At(e) {
|
|
|
355
356
|
cap: i < 1e5 ? i : 0
|
|
356
357
|
};
|
|
357
358
|
}
|
|
358
|
-
function
|
|
359
|
+
function Ft(e, t) {
|
|
359
360
|
let n = getComputedStyle(t);
|
|
360
361
|
if (!n.display.includes("flex") || !n.flexDirection.startsWith("column") || n.flexWrap !== "nowrap") return 0;
|
|
361
362
|
let r = 0;
|
|
362
363
|
for (let i of Array.from(t.children)) {
|
|
363
364
|
if (i === e || !(i instanceof HTMLElement)) continue;
|
|
364
365
|
let t = getComputedStyle(i);
|
|
365
|
-
["absolute", "fixed"].includes(t.position) || t.display !== "none" && (r +=
|
|
366
|
+
["absolute", "fixed"].includes(t.position) || t.display !== "none" && (r += K(i, "y") + G(n.rowGap));
|
|
366
367
|
}
|
|
367
368
|
return r;
|
|
368
369
|
}
|
|
369
|
-
function
|
|
370
|
+
function J(e) {
|
|
370
371
|
for (let t = e.parentElement; t; t = t.parentElement) if (/(auto|scroll)/.test(getComputedStyle(t).overflowY) && t.scrollHeight > t.clientHeight) return t;
|
|
371
372
|
return null;
|
|
372
373
|
}
|
|
373
|
-
function
|
|
374
|
+
function It(e) {
|
|
374
375
|
for (let t = e; t; t = t.parentElement) {
|
|
375
376
|
let n = getComputedStyle(t);
|
|
376
377
|
if (n.position !== "sticky" || n.top === "auto") continue;
|
|
377
378
|
let r = e.getBoundingClientRect().top - t.getBoundingClientRect().top;
|
|
378
|
-
return
|
|
379
|
+
return G(n.top) + Math.max(0, r);
|
|
379
380
|
}
|
|
380
381
|
return -1;
|
|
381
382
|
}
|
|
382
|
-
function
|
|
383
|
-
let t =
|
|
383
|
+
function Lt(e) {
|
|
384
|
+
let t = It(e);
|
|
384
385
|
if (t < 0) return Infinity;
|
|
385
|
-
let n =
|
|
386
|
+
let n = J(e);
|
|
386
387
|
return (n ? n.clientHeight : window.innerHeight) - t - 16;
|
|
387
388
|
}
|
|
388
|
-
function
|
|
389
|
-
let t = getComputedStyle(e), n =
|
|
389
|
+
function Rt(e) {
|
|
390
|
+
let t = getComputedStyle(e), n = q(t, "y"), r = e.parentElement, i = Pt(e), a = r ? Nt(r) - Ft(e, r) : 0, o = t.boxSizing === "border-box" ? n : 0, s = [
|
|
390
391
|
a > 0 ? a - n : 0,
|
|
391
392
|
i.height,
|
|
392
393
|
i.cap > 0 ? i.cap - o : 0
|
|
393
394
|
].filter((e) => e > 0);
|
|
394
|
-
return Math.min(...s,
|
|
395
|
+
return Math.min(...s, Lt(e) - n);
|
|
395
396
|
}
|
|
396
397
|
//#endregion
|
|
397
398
|
//#region lib/components/ui/actions/toolbar/toolbar-morph-probe.ts
|
|
398
|
-
var
|
|
399
|
-
function
|
|
399
|
+
var zt = ":is(.nxgt-toolbar-item, [data-toolbar-item][data-toolbar-fit]):not([data-toolbar-shape=\"round\"])", Bt = ":is([aria-pressed=\"true\"], [aria-checked=\"true\"], [data-state=\"on\"])", Vt = ":is([aria-pressed], [aria-checked], [data-state=\"on\"], [data-state=\"off\"])";
|
|
400
|
+
function Ht(e, t) {
|
|
400
401
|
let n = Number.parseFloat(e);
|
|
401
402
|
return Number.isFinite(n) ? e.trim().endsWith("rem") || e.trim().endsWith("em") ? n * t : n : 0;
|
|
402
403
|
}
|
|
403
|
-
function
|
|
404
|
-
return
|
|
404
|
+
function Ut(e) {
|
|
405
|
+
return G(e.getPropertyValue("--tb-morph"));
|
|
405
406
|
}
|
|
406
|
-
function
|
|
407
|
+
function Wt(e, t, n, r, i) {
|
|
407
408
|
let a = {
|
|
408
409
|
widening: 0,
|
|
409
410
|
toggles: 0,
|
|
410
411
|
single: !1
|
|
411
412
|
};
|
|
412
413
|
if (r <= 0) return a;
|
|
413
|
-
let o =
|
|
414
|
+
let o = Ht(n.getPropertyValue("--tb-item"), i), s = [...e.matches(zt) ? [e] : [], ...Array.from(e.querySelectorAll(zt))].filter((e) => e.matches(Vt) && !e.hidden), c = 0;
|
|
414
415
|
for (let e of s) {
|
|
415
|
-
if (!e.matches(".nxgt-toolbar-item") && !e.matches(
|
|
416
|
+
if (!e.matches(".nxgt-toolbar-item") && !e.matches(Bt)) continue;
|
|
416
417
|
let n = t === "x" ? e.offsetWidth : e.offsetHeight;
|
|
417
418
|
c += Math.max(0, Math.min(r * 2, n - o));
|
|
418
419
|
}
|
|
@@ -422,38 +423,38 @@ function Vt(e, t, n, r, i) {
|
|
|
422
423
|
single: e.dataset.toolbarChoice === "single"
|
|
423
424
|
};
|
|
424
425
|
}
|
|
425
|
-
var
|
|
426
|
+
var Gt = () => G(getComputedStyle(document.documentElement).fontSize) || 16;
|
|
426
427
|
//#endregion
|
|
427
428
|
//#region lib/components/ui/actions/toolbar/toolbar-morph-room.ts
|
|
428
|
-
function
|
|
429
|
+
function Kt(e, t) {
|
|
429
430
|
return t <= 0 ? 0 : t * (e.single ? Math.min(1, e.toggles) : e.toggles);
|
|
430
431
|
}
|
|
431
|
-
function
|
|
432
|
-
return n <= 0 ? e : e - t.widening +
|
|
432
|
+
function qt(e, t, n) {
|
|
433
|
+
return n <= 0 ? e : e - t.widening + Kt(t, n);
|
|
433
434
|
}
|
|
434
435
|
//#endregion
|
|
435
436
|
//#region lib/components/ui/actions/toolbar/toolbar-spill.ts
|
|
436
|
-
var
|
|
437
|
-
function
|
|
438
|
-
if (
|
|
437
|
+
var Y = (e, t, n) => e.reduce((e, r) => t.has(r.id) ? e : e + r.width + n, 0);
|
|
438
|
+
function Jt(e, t, n, r) {
|
|
439
|
+
if (Y(e, /* @__PURE__ */ new Set(), n) - (e.length ? n : 0) <= t) return /* @__PURE__ */ new Set();
|
|
439
440
|
let i = e.map((e, t) => ({
|
|
440
441
|
slot: e,
|
|
441
442
|
i: t
|
|
442
443
|
})).filter(({ slot: e }) => !e.separator && !e.pinned).sort((e, t) => e.slot.priority - t.slot.priority || t.i - e.i), a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
|
|
443
|
-
for (let { slot: s } of i) if (a.add(s.id), o =
|
|
444
|
+
for (let { slot: s } of i) if (a.add(s.id), o = Yt(e, a), (e.some((e) => !e.separator && !e.unlisted && o.has(e.id)) ? r + Y(e, o, n) : Y(e, o, n) - n) <= t) return o;
|
|
444
445
|
return o;
|
|
445
446
|
}
|
|
446
|
-
function
|
|
447
|
+
function Yt(e, t) {
|
|
447
448
|
let n = new Set(t), r = !1, i = !1;
|
|
448
449
|
return e.forEach((a, o) => {
|
|
449
450
|
if (!a.separator) {
|
|
450
451
|
i = !0, r ||= !t.has(a.id);
|
|
451
452
|
return;
|
|
452
453
|
}
|
|
453
|
-
(i && !r || !
|
|
454
|
+
(i && !r || !Xt(e, o, t)) && n.add(a.id);
|
|
454
455
|
}), n;
|
|
455
456
|
}
|
|
456
|
-
function
|
|
457
|
+
function Xt(e, t, n) {
|
|
457
458
|
let r = !1;
|
|
458
459
|
for (let i = t + 1; i < e.length; i++) {
|
|
459
460
|
let t = e[i];
|
|
@@ -464,18 +465,18 @@ function Jt(e, t, n) {
|
|
|
464
465
|
}
|
|
465
466
|
//#endregion
|
|
466
467
|
//#region lib/components/ui/actions/toolbar/toolbar-measure.ts
|
|
467
|
-
var
|
|
468
|
+
var Zt = ":scope > [data-toolbar-id]", Qt = ":scope > [data-toolbar-more]", $t = "\0more", en = {
|
|
468
469
|
spilled: /* @__PURE__ */ new Set(),
|
|
469
470
|
overflowing: !1
|
|
470
471
|
};
|
|
471
|
-
function
|
|
472
|
-
if (!n) return
|
|
472
|
+
function tn(e, t, { enabled: n, axis: r = "x", room: i, entries: a = Zt, more: o = Qt }) {
|
|
473
|
+
if (!n) return en;
|
|
473
474
|
let s = Array.from(e.querySelectorAll(a)), c = (e) => e.dataset.toolbarId || e.id, l = (e) => c(e) || `#${s.indexOf(e)}`;
|
|
474
|
-
for (let e of s) c(e) ||
|
|
475
|
-
let u = getComputedStyle(e), d =
|
|
476
|
-
for (let e of s) e.hidden || t.set(l(e),
|
|
475
|
+
for (let e of s) c(e) || Se("an overflow entry has no data-toolbar-id (nor id) and never folds.", "Toolbar");
|
|
476
|
+
let u = getComputedStyle(e), d = Ut(u), f = d > 0 ? Gt() : 16;
|
|
477
|
+
for (let e of s) e.hidden || t.set(l(e), qt(K(e, r), Wt(e, r, u, d, f), d));
|
|
477
478
|
let p = typeof o == "string" ? e.querySelector(o) : o.current;
|
|
478
|
-
p && !p.hidden && t.set(
|
|
479
|
+
p && !p.hidden && t.set($t, K(p, r));
|
|
479
480
|
let m = s.map((e) => {
|
|
480
481
|
let n = l(e);
|
|
481
482
|
return {
|
|
@@ -484,38 +485,38 @@ function $t(e, t, { enabled: n, axis: r = "x", room: i, entries: a = Yt, more: o
|
|
|
484
485
|
priority: Number(e.dataset.toolbarPriority) || 0,
|
|
485
486
|
pinned: e.dataset.toolbarPriority === "pinned" || !c(e),
|
|
486
487
|
separator: e.dataset.slot === "toolbar-separator",
|
|
487
|
-
unlisted:
|
|
488
|
+
unlisted: nn(e)
|
|
488
489
|
};
|
|
489
|
-
}), h = Math.min(...m.filter((e) => !e.separator && e.width).map((e) => e.width)), g = t.get(
|
|
490
|
+
}), h = Math.min(...m.filter((e) => !e.separator && e.width).map((e) => e.width)), g = t.get($t) ?? (Number.isFinite(h) ? h : 40), _ = Mt(u, r), v = Jt(m, rn(e, u, r, i), _, g);
|
|
490
491
|
return {
|
|
491
492
|
spilled: v,
|
|
492
|
-
overflowing: s.some((e) => !
|
|
493
|
+
overflowing: s.some((e) => !nn(e) && v.has(l(e)))
|
|
493
494
|
};
|
|
494
495
|
}
|
|
495
|
-
function
|
|
496
|
+
function nn(e) {
|
|
496
497
|
if (e.dataset.slot === "toolbar-separator" || e.hasAttribute("data-toolbar-unlisted")) return !0;
|
|
497
498
|
let t = Array.from(e.querySelectorAll("[data-toolbar-id]")).filter((e) => e.dataset.slot !== "toolbar-group" && e.dataset.slot !== "toolbar-toggle-group");
|
|
498
499
|
return t.length > 0 && t.every((e) => e.hasAttribute("data-toolbar-unlisted") || e.dataset.slot === "toolbar-separator");
|
|
499
500
|
}
|
|
500
|
-
function
|
|
501
|
-
return r === void 0 ? n === "x" ?
|
|
501
|
+
function rn(e, t, n, r) {
|
|
502
|
+
return r === void 0 ? n === "x" ? an(e, t) : Rt(e) : (typeof r == "function" ? r(e) : r) - q(t, n);
|
|
502
503
|
}
|
|
503
|
-
function
|
|
504
|
-
let n =
|
|
504
|
+
function an(e, t) {
|
|
505
|
+
let n = q(t, "x");
|
|
505
506
|
if (e.dataset.variant !== "floating" || !e.parentElement) return e.offsetWidth - n;
|
|
506
|
-
let r =
|
|
507
|
-
return t.maxWidth.endsWith("px") && (r = Math.min(r,
|
|
507
|
+
let r = on(e, e.parentElement);
|
|
508
|
+
return t.maxWidth.endsWith("px") && (r = Math.min(r, G(t.maxWidth))), r - n;
|
|
508
509
|
}
|
|
509
|
-
function
|
|
510
|
-
let n = getComputedStyle(t), r = t.clientWidth -
|
|
510
|
+
function on(e, t) {
|
|
511
|
+
let n = getComputedStyle(t), r = t.clientWidth - G(n.paddingLeft) - G(n.paddingRight);
|
|
511
512
|
if (!(n.display.includes("flex") && n.flexDirection.startsWith("row") && n.flexWrap === "nowrap")) return r;
|
|
512
513
|
let i = Array.from(t.children).filter((t) => t !== e && t instanceof HTMLElement && !["absolute", "fixed"].includes(getComputedStyle(t).position) && getComputedStyle(t).display !== "none");
|
|
513
|
-
for (let e of i) r -=
|
|
514
|
+
for (let e of i) r -= K(e, "x") + G(n.columnGap);
|
|
514
515
|
return r;
|
|
515
516
|
}
|
|
516
517
|
//#endregion
|
|
517
518
|
//#region lib/components/ui/actions/toolbar/toolbar-more-tracking.ts
|
|
518
|
-
function
|
|
519
|
+
function X(e, t) {
|
|
519
520
|
let n = e.current;
|
|
520
521
|
if (!n || !(t instanceof Element)) return !1;
|
|
521
522
|
let r = t.closest("[role=\"menu\"]");
|
|
@@ -526,11 +527,11 @@ function Z(e, t) {
|
|
|
526
527
|
}
|
|
527
528
|
return !1;
|
|
528
529
|
}
|
|
529
|
-
function
|
|
530
|
+
function sn(e, t, n) {
|
|
530
531
|
let r = null, i = !1, a = (e) => {
|
|
531
532
|
let a = e.target;
|
|
532
533
|
if (a instanceof HTMLElement) {
|
|
533
|
-
if (
|
|
534
|
+
if (X(n, a)) {
|
|
534
535
|
r && (i = !0);
|
|
535
536
|
return;
|
|
536
537
|
}
|
|
@@ -542,23 +543,23 @@ function an(e, t, n) {
|
|
|
542
543
|
stop: () => e.removeEventListener("focusin", a)
|
|
543
544
|
};
|
|
544
545
|
}
|
|
545
|
-
function
|
|
546
|
+
function cn(e, t, n) {
|
|
546
547
|
let r = "menu.itemSelect", i = (e) => {
|
|
547
|
-
|
|
548
|
+
X(t, e.target) && n.before();
|
|
548
549
|
}, a = (e) => {
|
|
549
|
-
|
|
550
|
+
X(t, e.target) && n.after(e.defaultPrevented);
|
|
550
551
|
}, o = (e) => {
|
|
551
|
-
n.closing() &&
|
|
552
|
+
n.closing() && X(t, e.target) && e.preventDefault();
|
|
552
553
|
};
|
|
553
554
|
return e.addEventListener(r, i, !0), e.addEventListener(r, a), e.addEventListener("pointerout", o, !0), e.addEventListener("pointermove", o, !0), () => {
|
|
554
555
|
e.removeEventListener(r, i, !0), e.removeEventListener(r, a), e.removeEventListener("pointerout", o, !0), e.removeEventListener("pointermove", o, !0);
|
|
555
556
|
};
|
|
556
557
|
}
|
|
557
|
-
var
|
|
558
|
+
var ln = O({
|
|
558
559
|
onPointerLeave: () => {},
|
|
559
560
|
onPointerMove: () => {}
|
|
560
|
-
}),
|
|
561
|
-
function
|
|
561
|
+
}), Z = () => k(ln);
|
|
562
|
+
function un(e) {
|
|
562
563
|
let t = (t) => {
|
|
563
564
|
e() && t.preventDefault();
|
|
564
565
|
};
|
|
@@ -567,17 +568,17 @@ function cn(e) {
|
|
|
567
568
|
onPointerMove: t
|
|
568
569
|
};
|
|
569
570
|
}
|
|
570
|
-
function
|
|
571
|
-
let t =
|
|
571
|
+
function dn(e) {
|
|
572
|
+
let t = M(!1), n = M(null), r = M(null), i = M(un(() => t.current)).current, a = () => {
|
|
572
573
|
n.current?.stop(), n.current = null;
|
|
573
574
|
}, o = () => {
|
|
574
575
|
a(), r.current?.(), r.current = null;
|
|
575
576
|
};
|
|
576
|
-
|
|
577
|
+
A(() => () => {
|
|
577
578
|
n.current?.stop(), r.current?.();
|
|
578
579
|
}, []);
|
|
579
580
|
let s = (t) => {
|
|
580
|
-
n.current ||=
|
|
581
|
+
n.current ||= sn(t?.ownerDocument ?? document, t, e);
|
|
581
582
|
};
|
|
582
583
|
return {
|
|
583
584
|
guard: i,
|
|
@@ -585,7 +586,7 @@ function ln(e) {
|
|
|
585
586
|
t.current = !0, s(e);
|
|
586
587
|
},
|
|
587
588
|
reset(n) {
|
|
588
|
-
t.current = !1, o(), r.current =
|
|
589
|
+
t.current = !1, o(), r.current = cn(n?.ownerDocument ?? document, e, {
|
|
589
590
|
closing: () => t.current,
|
|
590
591
|
before: () => s(n),
|
|
591
592
|
after(e) {
|
|
@@ -604,23 +605,23 @@ function ln(e) {
|
|
|
604
605
|
}
|
|
605
606
|
//#endregion
|
|
606
607
|
//#region lib/components/ui/actions/toolbar/toolbar-more-drill.tsx
|
|
607
|
-
var
|
|
608
|
-
function
|
|
608
|
+
var fn = O(null), pn = 8;
|
|
609
|
+
function mn(e) {
|
|
609
610
|
let t = e.closest("[role=\"menu\"]"), n = e.ownerDocument.defaultView;
|
|
610
611
|
if (!t || !n) return !0;
|
|
611
612
|
let r = Number.parseFloat(n.getComputedStyle(e.ownerDocument.documentElement).fontSize) || 16, i = t.getBoundingClientRect();
|
|
612
|
-
return Math.max(i.left, n.innerWidth - i.right) >= Math.max(12 * r, i.width) +
|
|
613
|
+
return Math.max(i.left, n.innerWidth - i.right) >= Math.max(12 * r, i.width) + pn;
|
|
613
614
|
}
|
|
614
|
-
var
|
|
615
|
-
function
|
|
616
|
-
let [t, n] =
|
|
615
|
+
var hn = (e) => e.querySelector("[role^=\"menuitem\"]:not([data-more-back]):not([data-disabled]):not([aria-disabled=\"true\"])");
|
|
616
|
+
function gn(e) {
|
|
617
|
+
let [t, n] = N([]), r = t[t.length - 1] ?? null, i = M(null), a = M(null), o = M(-Infinity), s = () => {
|
|
617
618
|
a.current = r?.id ?? null, n(t.slice(0, -1));
|
|
618
619
|
};
|
|
619
|
-
|
|
620
|
+
A(() => {
|
|
620
621
|
let e = i.current;
|
|
621
622
|
if (!e) return;
|
|
622
623
|
let t = a.current;
|
|
623
|
-
a.current = null, (t ? e.querySelector(`[data-more-row="${CSS.escape(t)}"]`) : r ?
|
|
624
|
+
a.current = null, (t ? e.querySelector(`[data-more-row="${CSS.escape(t)}"]`) : r ? hn(e) ?? e.querySelector("[data-more-back]") : null)?.focus({ preventScroll: !0 });
|
|
624
625
|
}, [r]);
|
|
625
626
|
let c = e === "rtl" ? "ArrowRight" : "ArrowLeft";
|
|
626
627
|
return {
|
|
@@ -645,50 +646,50 @@ function mn(e) {
|
|
|
645
646
|
}
|
|
646
647
|
};
|
|
647
648
|
}
|
|
648
|
-
function
|
|
649
|
-
let { t: n } =
|
|
650
|
-
return /* @__PURE__ */
|
|
651
|
-
/* @__PURE__ */
|
|
649
|
+
function _n({ drill: e, leave: t }) {
|
|
650
|
+
let { t: n } = xe(), r = n("material.toolbar.back", "Back");
|
|
651
|
+
return /* @__PURE__ */ I(P, { children: [
|
|
652
|
+
/* @__PURE__ */ I(he, {
|
|
652
653
|
"data-more-back": "",
|
|
653
|
-
...
|
|
654
|
+
...Z(),
|
|
654
655
|
"aria-label": `${r} ${e.label}`,
|
|
655
656
|
onSelect: (e) => {
|
|
656
657
|
e.preventDefault(), t();
|
|
657
658
|
},
|
|
658
659
|
children: [
|
|
659
|
-
/* @__PURE__ */
|
|
660
|
+
/* @__PURE__ */ F(we, {
|
|
660
661
|
"aria-hidden": !0,
|
|
661
662
|
className: "rtl:rotate-180"
|
|
662
663
|
}),
|
|
663
|
-
/* @__PURE__ */
|
|
664
|
-
/* @__PURE__ */
|
|
664
|
+
/* @__PURE__ */ F("span", { children: r }),
|
|
665
|
+
/* @__PURE__ */ F("span", {
|
|
665
666
|
className: "text-muted-foreground truncate",
|
|
666
667
|
children: e.label
|
|
667
668
|
})
|
|
668
669
|
]
|
|
669
670
|
}),
|
|
670
|
-
/* @__PURE__ */
|
|
671
|
+
/* @__PURE__ */ F(fe, {}),
|
|
671
672
|
e.content
|
|
672
673
|
] });
|
|
673
674
|
}
|
|
674
675
|
//#endregion
|
|
675
676
|
//#region lib/components/ui/actions/toolbar/toolbar-more-sub.tsx
|
|
676
|
-
var
|
|
677
|
-
function
|
|
678
|
-
let s =
|
|
677
|
+
var vn = 1e3;
|
|
678
|
+
function yn({ id: e, lead: t, label: n, value: r, inset: i, disabled: a, children: o }) {
|
|
679
|
+
let s = k(fn), c = Z(), l = (e) => !!s && !a && !mn(e.currentTarget), u = (t) => {
|
|
679
680
|
l(t) && (t.preventDefault(), s?.enter({
|
|
680
681
|
id: e,
|
|
681
682
|
label: n,
|
|
682
683
|
content: o
|
|
683
684
|
}));
|
|
684
685
|
}, d = s?.dir === "rtl" ? "ArrowLeft" : "ArrowRight";
|
|
685
|
-
return /* @__PURE__ */
|
|
686
|
+
return /* @__PURE__ */ I(Tt, { children: [/* @__PURE__ */ I(Et, {
|
|
686
687
|
"data-more-row": e,
|
|
687
688
|
inset: i,
|
|
688
689
|
disabled: a,
|
|
689
690
|
onClick: u,
|
|
690
691
|
onKeyDown: (e) => {
|
|
691
|
-
e.key === " " && performance.now() - (s?.typedAt() ?? 0) <
|
|
692
|
+
e.key === " " && performance.now() - (s?.typedAt() ?? 0) < vn || [
|
|
692
693
|
"Enter",
|
|
693
694
|
" ",
|
|
694
695
|
d
|
|
@@ -701,56 +702,56 @@ function _n({ id: e, lead: t, label: n, value: r, inset: i, disabled: a, childre
|
|
|
701
702
|
let t = e.currentTarget;
|
|
702
703
|
e.pointerType === "mouse" && t.ownerDocument.activeElement !== t && t.focus({ preventScroll: !0 });
|
|
703
704
|
},
|
|
704
|
-
children: [t, /* @__PURE__ */
|
|
705
|
+
children: [t, /* @__PURE__ */ I("span", {
|
|
705
706
|
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
706
|
-
children: [/* @__PURE__ */
|
|
707
|
+
children: [/* @__PURE__ */ F("span", {
|
|
707
708
|
className: "truncate",
|
|
708
709
|
children: n
|
|
709
|
-
}), r ? /* @__PURE__ */
|
|
710
|
+
}), r ? /* @__PURE__ */ F("span", {
|
|
710
711
|
className: "text-muted-foreground ms-auto truncate text-xs",
|
|
711
712
|
children: r
|
|
712
713
|
}) : null]
|
|
713
714
|
})]
|
|
714
|
-
}), /* @__PURE__ */
|
|
715
|
+
}), /* @__PURE__ */ F(Dt, { children: o })] });
|
|
715
716
|
}
|
|
716
717
|
//#endregion
|
|
717
718
|
//#region lib/components/ui/actions/toolbar/toolbar-more-item.tsx
|
|
718
|
-
var
|
|
719
|
+
var bn = (e) => e.getAttribute("aria-pressed") === "true" || e.getAttribute("aria-checked") === "true" || e.dataset.state === "on", Q = (e) => e.disabled || e.getAttribute("aria-disabled") === "true", xn = (e) => ({
|
|
719
720
|
icons: e.some((e) => e.icon),
|
|
720
721
|
inset: e.some((e) => e.render.kind === "checkbox")
|
|
721
722
|
});
|
|
722
|
-
function
|
|
723
|
-
return t.icons ? /* @__PURE__ */
|
|
723
|
+
function Sn({ icon: e, layout: t }) {
|
|
724
|
+
return t.icons ? /* @__PURE__ */ F("span", {
|
|
724
725
|
"aria-hidden": !0,
|
|
725
726
|
className: "flex size-4 shrink-0 text-muted-foreground",
|
|
726
727
|
children: e
|
|
727
728
|
}) : null;
|
|
728
729
|
}
|
|
729
|
-
function
|
|
730
|
-
let { item: r, label: i, icon: a, render: o } = e, s = /* @__PURE__ */
|
|
730
|
+
function Cn({ row: e, layout: t, select: n }) {
|
|
731
|
+
let { item: r, label: i, icon: a, render: o } = e, s = /* @__PURE__ */ F(Sn, {
|
|
731
732
|
icon: a,
|
|
732
733
|
layout: t
|
|
733
|
-
}), c = () => n(e), l =
|
|
734
|
-
if (o.kind === "checkbox") return /* @__PURE__ */
|
|
735
|
-
checked: o.checked ??
|
|
736
|
-
disabled:
|
|
734
|
+
}), c = () => n(e), l = Z();
|
|
735
|
+
if (o.kind === "checkbox") return /* @__PURE__ */ I(ue, {
|
|
736
|
+
checked: o.checked ?? bn(r),
|
|
737
|
+
disabled: Q(r),
|
|
737
738
|
onSelect: c,
|
|
738
739
|
...l,
|
|
739
740
|
children: [s, i]
|
|
740
741
|
});
|
|
741
|
-
if (o.kind === "submenu") return /* @__PURE__ */
|
|
742
|
+
if (o.kind === "submenu") return /* @__PURE__ */ F(yn, {
|
|
742
743
|
id: e.id,
|
|
743
744
|
lead: s,
|
|
744
745
|
label: i,
|
|
745
746
|
value: o.value,
|
|
746
747
|
inset: t.inset || void 0,
|
|
747
|
-
disabled:
|
|
748
|
+
disabled: Q(r),
|
|
748
749
|
children: o.content
|
|
749
750
|
});
|
|
750
751
|
let u = o.kind === "popover" || o.kind === "dialog";
|
|
751
|
-
return /* @__PURE__ */
|
|
752
|
+
return /* @__PURE__ */ I(he, {
|
|
752
753
|
inset: t.inset || void 0,
|
|
753
|
-
disabled:
|
|
754
|
+
disabled: Q(r),
|
|
754
755
|
"aria-haspopup": u ? "dialog" : void 0,
|
|
755
756
|
onSelect: c,
|
|
756
757
|
...l,
|
|
@@ -759,44 +760,44 @@ function xn({ row: e, layout: t, select: n }) {
|
|
|
759
760
|
}
|
|
760
761
|
//#endregion
|
|
761
762
|
//#region lib/components/ui/actions/toolbar/toolbar-more-group.tsx
|
|
762
|
-
function
|
|
763
|
-
let i = (e) => e.toggle && !e.more, a = e.rows.find((e) => i(e) &&
|
|
764
|
-
return /* @__PURE__ */
|
|
763
|
+
function wn({ row: e, name: t, title: n, select: r }) {
|
|
764
|
+
let i = (e) => e.toggle && !e.more, a = e.rows.find((e) => i(e) && bn(e.item)), o = xn(e.rows), s = Z();
|
|
765
|
+
return /* @__PURE__ */ I(oe, {
|
|
765
766
|
...t,
|
|
766
767
|
value: a?.id ?? "",
|
|
767
|
-
children: [n, e.rows.map((e) => i(e) ? /* @__PURE__ */
|
|
768
|
+
children: [n, e.rows.map((e) => i(e) ? /* @__PURE__ */ I(se, {
|
|
768
769
|
value: e.id,
|
|
769
|
-
disabled:
|
|
770
|
+
disabled: Q(e.item),
|
|
770
771
|
...s,
|
|
771
772
|
onSelect: () => {
|
|
772
|
-
(e.onSelect || !
|
|
773
|
+
(e.onSelect || !bn(e.item)) && r(e);
|
|
773
774
|
},
|
|
774
|
-
children: [/* @__PURE__ */
|
|
775
|
+
children: [/* @__PURE__ */ F(Sn, {
|
|
775
776
|
icon: e.icon,
|
|
776
777
|
layout: o
|
|
777
778
|
}), e.label]
|
|
778
|
-
}, e.id) : /* @__PURE__ */
|
|
779
|
+
}, e.id) : /* @__PURE__ */ F(Cn, {
|
|
779
780
|
row: e,
|
|
780
781
|
layout: o,
|
|
781
782
|
select: r
|
|
782
783
|
}, e.id))]
|
|
783
784
|
});
|
|
784
785
|
}
|
|
785
|
-
function
|
|
786
|
-
let r = `${e.id}-name`, i = n ? { "aria-labelledby": r } : { "aria-label": e.label }, a = n ? /* @__PURE__ */
|
|
786
|
+
function Tn({ row: e, select: t, titled: n }) {
|
|
787
|
+
let r = `${e.id}-name`, i = n ? { "aria-labelledby": r } : { "aria-label": e.label }, a = n ? /* @__PURE__ */ F(ce, {
|
|
787
788
|
id: r,
|
|
788
789
|
children: e.label
|
|
789
790
|
}) : null;
|
|
790
|
-
if (e.choice === "single") return /* @__PURE__ */
|
|
791
|
+
if (e.choice === "single") return /* @__PURE__ */ F(wn, {
|
|
791
792
|
row: e,
|
|
792
793
|
name: i,
|
|
793
794
|
title: a,
|
|
794
795
|
select: t
|
|
795
796
|
});
|
|
796
|
-
let o =
|
|
797
|
-
return /* @__PURE__ */
|
|
797
|
+
let o = xn(e.rows);
|
|
798
|
+
return /* @__PURE__ */ I(pe, {
|
|
798
799
|
...i,
|
|
799
|
-
children: [a, e.rows.map((e) => /* @__PURE__ */
|
|
800
|
+
children: [a, e.rows.map((e) => /* @__PURE__ */ F(Cn, {
|
|
800
801
|
row: e,
|
|
801
802
|
layout: o,
|
|
802
803
|
select: t
|
|
@@ -805,21 +806,21 @@ function Cn({ row: e, select: t, titled: n }) {
|
|
|
805
806
|
}
|
|
806
807
|
//#endregion
|
|
807
808
|
//#region lib/components/ui/actions/toolbar/toolbar-more-items.tsx
|
|
808
|
-
function
|
|
809
|
-
let n =
|
|
810
|
-
return e.map((e) => e.kind === "separator" ? /* @__PURE__ */
|
|
809
|
+
function En({ rows: e, select: t }) {
|
|
810
|
+
let n = xn(e.filter((e) => e.kind === "item"));
|
|
811
|
+
return e.map((e) => e.kind === "separator" ? /* @__PURE__ */ F(fe, {}, e.id) : e.kind === "item" ? /* @__PURE__ */ F(Cn, {
|
|
811
812
|
row: e,
|
|
812
813
|
layout: n,
|
|
813
814
|
select: t
|
|
814
|
-
}, e.id) : e.moreAs === "submenu" ? /* @__PURE__ */
|
|
815
|
+
}, e.id) : e.moreAs === "submenu" ? /* @__PURE__ */ F(yn, {
|
|
815
816
|
id: e.id,
|
|
816
817
|
label: e.label,
|
|
817
|
-
children: /* @__PURE__ */
|
|
818
|
+
children: /* @__PURE__ */ F(Tn, {
|
|
818
819
|
row: e,
|
|
819
820
|
select: t,
|
|
820
821
|
titled: !1
|
|
821
822
|
})
|
|
822
|
-
}, e.id) : /* @__PURE__ */
|
|
823
|
+
}, e.id) : /* @__PURE__ */ F(Tn, {
|
|
823
824
|
row: e,
|
|
824
825
|
select: t,
|
|
825
826
|
titled: e.rows.length > 1
|
|
@@ -827,38 +828,38 @@ function wn({ rows: e, select: t }) {
|
|
|
827
828
|
}
|
|
828
829
|
//#endregion
|
|
829
830
|
//#region lib/components/ui/actions/toolbar/toolbar-return-focus.ts
|
|
830
|
-
var
|
|
831
|
-
function
|
|
832
|
-
e.settling && a ===
|
|
831
|
+
var Dn = "[role=\"dialog\"],[role=\"alertdialog\"],[data-radix-popper-content-wrapper]", On = "[role=\"menu\"]", kn = 90, An = (e, t) => e.opened && t.getAttribute("aria-expanded") === "false" || !!(e.layer && !e.layer.isConnected);
|
|
832
|
+
function jn(e, t, n, r, i, a = kn) {
|
|
833
|
+
e.settling && a === kn || (e.settling = !0, requestAnimationFrame(() => {
|
|
833
834
|
if (r.aborted || !t.isConnected) return i();
|
|
834
|
-
if (!
|
|
835
|
+
if (!An(e, t)) {
|
|
835
836
|
e.settling = !1;
|
|
836
837
|
return;
|
|
837
838
|
}
|
|
838
839
|
let o = document.activeElement;
|
|
839
840
|
if (o?.closest("[role=\"dialog\"],[role=\"alertdialog\"],[data-radix-popper-content-wrapper]")) {
|
|
840
|
-
if (a > 0) return
|
|
841
|
+
if (a > 0) return jn(e, t, n, r, i, a - 1);
|
|
841
842
|
e.settling = !1;
|
|
842
843
|
return;
|
|
843
844
|
}
|
|
844
845
|
(!o || o === document.body) && (n.isConnected && !n.hidden ? n : t).focus({ preventScroll: !0 }), i();
|
|
845
846
|
}));
|
|
846
847
|
}
|
|
847
|
-
function
|
|
848
|
+
function Mn(e, t, n, r, i) {
|
|
848
849
|
document.addEventListener("focusin", ({ target: n }) => {
|
|
849
|
-
if (!(n instanceof HTMLElement) || n === t || n.closest(
|
|
850
|
-
let i = n.closest(
|
|
850
|
+
if (!(n instanceof HTMLElement) || n === t || n.closest(On)) return;
|
|
851
|
+
let i = n.closest(Dn);
|
|
851
852
|
i ? e.layer = i : n !== document.body && r();
|
|
852
853
|
}, { signal: n }), document.addEventListener("focusout", ({ relatedTarget: e }) => {
|
|
853
854
|
!e && document.hasFocus() && i();
|
|
854
855
|
}, { signal: n }), document.addEventListener("pointerdown", ({ target: e }) => {
|
|
855
|
-
(e instanceof Element ? e : null)?.closest(`[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper],${
|
|
856
|
+
(e instanceof Element ? e : null)?.closest(`[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper],${On}`) || r();
|
|
856
857
|
}, {
|
|
857
858
|
capture: !0,
|
|
858
859
|
signal: n
|
|
859
860
|
});
|
|
860
861
|
}
|
|
861
|
-
function
|
|
862
|
+
function Nn(e, t) {
|
|
862
863
|
let n = new AbortController(), { signal: r } = n, i = {
|
|
863
864
|
layer: null,
|
|
864
865
|
opened: e.getAttribute("aria-expanded") === "true",
|
|
@@ -868,7 +869,7 @@ function jn(e, t) {
|
|
|
868
869
|
}), o = () => {
|
|
869
870
|
n.abort(), a.disconnect();
|
|
870
871
|
}, s = () => {
|
|
871
|
-
|
|
872
|
+
An(i, e) && jn(i, e, t, r, o);
|
|
872
873
|
};
|
|
873
874
|
return a.observe(e, {
|
|
874
875
|
attributes: !0,
|
|
@@ -876,29 +877,29 @@ function jn(e, t) {
|
|
|
876
877
|
}), a.observe(document.body, {
|
|
877
878
|
childList: !0,
|
|
878
879
|
subtree: !0
|
|
879
|
-
}),
|
|
880
|
+
}), Mn(i, t, r, o, s), o;
|
|
880
881
|
}
|
|
881
882
|
//#endregion
|
|
882
883
|
//#region lib/components/ui/actions/toolbar/toolbar-more-launch.ts
|
|
883
|
-
var
|
|
884
|
-
function
|
|
884
|
+
var Pn = "a[href],button:not([disabled]),input:not([disabled]):not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", Fn = (e) => e.onSelect ? e.onSelect() : e.item.click();
|
|
885
|
+
function In(e, t) {
|
|
885
886
|
let n = (e instanceof Node ? e : t)?.ownerDocument, r = n?.activeElement;
|
|
886
887
|
return !n || !r || r === n.body ? !1 : !(e instanceof Node && e.contains(r)) && !t?.contains(r);
|
|
887
888
|
}
|
|
888
|
-
function
|
|
889
|
+
function Ln(e, t = 20) {
|
|
889
890
|
let n = e.getAttribute("aria-controls"), r = n ? document.getElementById(n) : null;
|
|
890
891
|
if (!r) {
|
|
891
|
-
t > 0 && requestAnimationFrame(() =>
|
|
892
|
+
t > 0 && requestAnimationFrame(() => Ln(e, t - 1));
|
|
892
893
|
return;
|
|
893
894
|
}
|
|
894
|
-
(r.querySelector(
|
|
895
|
+
(r.querySelector(Pn) ?? r).focus({ preventScroll: !0 });
|
|
895
896
|
}
|
|
896
|
-
function
|
|
897
|
-
let n =
|
|
898
|
-
|
|
897
|
+
function Rn(e, t) {
|
|
898
|
+
let n = M(null), r = M(null), i = dn(t);
|
|
899
|
+
A(() => () => r.current?.(), []);
|
|
899
900
|
let a = (t) => {
|
|
900
901
|
let n = e.current, i = "returnFocus" in t.render && t.render.returnFocus === !1;
|
|
901
|
-
!n || i || (r.current?.(), r.current =
|
|
902
|
+
!n || i || (r.current?.(), r.current = Nn(t.item, n));
|
|
902
903
|
};
|
|
903
904
|
return {
|
|
904
905
|
guard: i.guard,
|
|
@@ -908,13 +909,13 @@ function In(e, t) {
|
|
|
908
909
|
n.current = t;
|
|
909
910
|
return;
|
|
910
911
|
}
|
|
911
|
-
|
|
912
|
+
Fn(t), t.render.kind === "dialog" && a(t);
|
|
912
913
|
},
|
|
913
914
|
onCloseAutoFocus(t) {
|
|
914
915
|
document.activeElement?.closest("[role=\"dialog\"],[role=\"alertdialog\"],[data-radix-popper-content-wrapper]") && t.preventDefault();
|
|
915
916
|
let r = n.current;
|
|
916
917
|
if (!r) {
|
|
917
|
-
if (
|
|
918
|
+
if (In(t.target, e.current)) {
|
|
918
919
|
i.end(), t.preventDefault();
|
|
919
920
|
return;
|
|
920
921
|
}
|
|
@@ -922,22 +923,22 @@ function In(e, t) {
|
|
|
922
923
|
return;
|
|
923
924
|
}
|
|
924
925
|
i.end(), n.current = null, t.preventDefault(), requestAnimationFrame(() => {
|
|
925
|
-
|
|
926
|
+
Fn(r), a(r), Ln(r.item);
|
|
926
927
|
});
|
|
927
928
|
}
|
|
928
929
|
};
|
|
929
930
|
}
|
|
930
931
|
//#endregion
|
|
931
932
|
//#region lib/components/ui/actions/toolbar/toolbar-more-render.ts
|
|
932
|
-
function
|
|
933
|
+
function zn(e) {
|
|
933
934
|
return e.more ? e.more : e.toggle ? { kind: "checkbox" } : { kind: "item" };
|
|
934
935
|
}
|
|
935
936
|
//#endregion
|
|
936
937
|
//#region lib/components/ui/actions/toolbar/toolbar-more-rows.ts
|
|
937
|
-
var
|
|
938
|
-
function
|
|
939
|
-
let r =
|
|
940
|
-
return r.kind === "none" ? null : (!n.more && !n.onSelect && t.getAttribute("aria-haspopup") === "menu" &&
|
|
938
|
+
var Bn = "[data-toolbar-id]";
|
|
939
|
+
function Vn(e, t, n) {
|
|
940
|
+
let r = zn(n);
|
|
941
|
+
return r.kind === "none" ? null : (!n.more && !n.onSelect && t.getAttribute("aria-haspopup") === "menu" && Se(`"${n.label}" opens a menu and is folded into More without \`more\`: pass more={{ kind: 'submenu', content }} (or an onSelect).`, "Toolbar"), {
|
|
941
942
|
...n,
|
|
942
943
|
id: e,
|
|
943
944
|
item: t,
|
|
@@ -945,17 +946,17 @@ function zn(e, t, n) {
|
|
|
945
946
|
render: r
|
|
946
947
|
});
|
|
947
948
|
}
|
|
948
|
-
function
|
|
949
|
+
function Hn(e, t) {
|
|
949
950
|
let n = [];
|
|
950
|
-
for (let r of e.querySelectorAll(
|
|
951
|
+
for (let r of e.querySelectorAll(Bn)) {
|
|
951
952
|
let e = r.dataset.toolbarId ?? "", i = t.get(e);
|
|
952
953
|
if (!i || i.separator || i.group) continue;
|
|
953
|
-
let a =
|
|
954
|
+
let a = Vn(e, r, i);
|
|
954
955
|
a && n.push(a);
|
|
955
956
|
}
|
|
956
957
|
return n;
|
|
957
958
|
}
|
|
958
|
-
function
|
|
959
|
+
function Un(e, t) {
|
|
959
960
|
if (!e) return [];
|
|
960
961
|
let n = [], r = (e) => {
|
|
961
962
|
let t = n[n.length - 1];
|
|
@@ -964,11 +965,11 @@ function Vn(e, t) {
|
|
|
964
965
|
kind: "separator"
|
|
965
966
|
});
|
|
966
967
|
};
|
|
967
|
-
for (let i of e.querySelectorAll(`:scope > ${
|
|
968
|
+
for (let i of e.querySelectorAll(`:scope > ${Bn}[hidden]`)) {
|
|
968
969
|
let e = i.dataset.toolbarId ?? "", a = t.get(e);
|
|
969
970
|
if (a) if (a.separator) r(e);
|
|
970
971
|
else if (a.group) {
|
|
971
|
-
let o =
|
|
972
|
+
let o = Hn(i, t);
|
|
972
973
|
if (!o.length) continue;
|
|
973
974
|
r(`${e}-before`), o.length === 1 && a.choice !== "single" ? n.push(o[0]) : n.push({
|
|
974
975
|
id: e,
|
|
@@ -979,7 +980,7 @@ function Vn(e, t) {
|
|
|
979
980
|
rows: o
|
|
980
981
|
}), r(`${e}-after`);
|
|
981
982
|
} else {
|
|
982
|
-
let t =
|
|
983
|
+
let t = Vn(e, i, a);
|
|
983
984
|
t && n.push(t);
|
|
984
985
|
}
|
|
985
986
|
}
|
|
@@ -987,16 +988,16 @@ function Vn(e, t) {
|
|
|
987
988
|
}
|
|
988
989
|
//#endregion
|
|
989
990
|
//#region lib/components/ui/actions/toolbar/toolbar-more.tsx
|
|
990
|
-
function
|
|
991
|
-
let { t: o } =
|
|
992
|
-
return /* @__PURE__ */
|
|
991
|
+
function Wn({ root: e, hidden: t, label: n, dir: r, side: i, align: a = "end" }) {
|
|
992
|
+
let { t: o } = xe(), { entries: s, dir: c, orientation: l } = k(U), u = r ?? c, d = i ?? (l === "vertical" ? u === "rtl" ? "left" : "right" : void 0), f = gn(u), p = M(null), m = Rn(p, f.contentProps.ref), [h, g] = N([]), _ = () => e?.current ?? p.current?.closest("[role=\"toolbar\"]") ?? null;
|
|
993
|
+
return /* @__PURE__ */ I(me, {
|
|
993
994
|
dir: u,
|
|
994
995
|
onOpenChange: (e) => {
|
|
995
|
-
e && (f.reset(), m.reset(), g(
|
|
996
|
+
e && (f.reset(), m.reset(), g(Un(_(), s)));
|
|
996
997
|
},
|
|
997
|
-
children: [/* @__PURE__ */
|
|
998
|
+
children: [/* @__PURE__ */ F(ie, {
|
|
998
999
|
asChild: !0,
|
|
999
|
-
children: /* @__PURE__ */
|
|
1000
|
+
children: /* @__PURE__ */ F(H, {
|
|
1000
1001
|
ref: p,
|
|
1001
1002
|
type: "button",
|
|
1002
1003
|
"data-slot": "toolbar-more",
|
|
@@ -1004,22 +1005,22 @@ function Hn({ root: e, hidden: t, label: n, dir: r, side: i, align: a = "end" })
|
|
|
1004
1005
|
hidden: t || void 0,
|
|
1005
1006
|
"aria-label": n ?? o("material.toolbar.more", "More"),
|
|
1006
1007
|
className: "nxgt-toolbar-item",
|
|
1007
|
-
children: /* @__PURE__ */
|
|
1008
|
+
children: /* @__PURE__ */ F(Ee, {})
|
|
1008
1009
|
})
|
|
1009
|
-
}), /* @__PURE__ */
|
|
1010
|
+
}), /* @__PURE__ */ F(de, {
|
|
1010
1011
|
side: d,
|
|
1011
1012
|
align: a,
|
|
1012
1013
|
className: "min-w-48",
|
|
1013
1014
|
onCloseAutoFocus: m.onCloseAutoFocus,
|
|
1014
1015
|
...f.contentProps,
|
|
1015
|
-
children: /* @__PURE__ */
|
|
1016
|
+
children: /* @__PURE__ */ F(ln, {
|
|
1016
1017
|
value: m.guard,
|
|
1017
|
-
children: /* @__PURE__ */
|
|
1018
|
+
children: /* @__PURE__ */ F(fn, {
|
|
1018
1019
|
value: f.api,
|
|
1019
|
-
children: f.drill ? /* @__PURE__ */
|
|
1020
|
+
children: f.drill ? /* @__PURE__ */ F(_n, {
|
|
1020
1021
|
drill: f.drill,
|
|
1021
1022
|
leave: f.leave
|
|
1022
|
-
}) : /* @__PURE__ */
|
|
1023
|
+
}) : /* @__PURE__ */ F(En, {
|
|
1023
1024
|
rows: h,
|
|
1024
1025
|
select: m.select
|
|
1025
1026
|
})
|
|
@@ -1030,32 +1031,32 @@ function Hn({ root: e, hidden: t, label: n, dir: r, side: i, align: a = "end" })
|
|
|
1030
1031
|
}
|
|
1031
1032
|
//#endregion
|
|
1032
1033
|
//#region lib/components/ui/actions/toolbar/use-toolbar-fit.ts
|
|
1033
|
-
function
|
|
1034
|
-
let [a, o] =
|
|
1034
|
+
function Gn(e, t, n = "x", r, i) {
|
|
1035
|
+
let [a, o] = N(en), s = M(/* @__PURE__ */ new Map()), c = M(a);
|
|
1035
1036
|
c.current = a;
|
|
1036
|
-
let l =
|
|
1037
|
+
let l = M(() => {}), u = M(null);
|
|
1037
1038
|
l.current = () => {
|
|
1038
1039
|
let a = e.current;
|
|
1039
1040
|
if (!a) return;
|
|
1040
|
-
let l =
|
|
1041
|
+
let l = tn(a, s.current, {
|
|
1041
1042
|
enabled: t,
|
|
1042
1043
|
axis: n,
|
|
1043
1044
|
room: r,
|
|
1044
1045
|
...i
|
|
1045
1046
|
});
|
|
1046
|
-
u.current?.takeRecords(),
|
|
1047
|
-
},
|
|
1047
|
+
u.current?.takeRecords(), Kn(l, c.current) || o(l);
|
|
1048
|
+
}, j(() => l.current()), j(() => {
|
|
1048
1049
|
let r = e.current;
|
|
1049
1050
|
if (!r || !t || typeof ResizeObserver > "u") return;
|
|
1050
1051
|
let i = new MutationObserver(() => l.current());
|
|
1051
1052
|
u.current = i;
|
|
1052
1053
|
let a = () => l.current(), o = new ResizeObserver(a);
|
|
1053
1054
|
o.observe(r), r.parentElement && o.observe(r.parentElement);
|
|
1054
|
-
let s = n === "y" ?
|
|
1055
|
+
let s = n === "y" ? J(r) : null;
|
|
1055
1056
|
s && o.observe(s);
|
|
1056
1057
|
let c = () => {
|
|
1057
1058
|
if (n === "y") {
|
|
1058
|
-
let e =
|
|
1059
|
+
let e = J(r);
|
|
1059
1060
|
e !== s && (s && o.unobserve(s), e && o.observe(e), s = e);
|
|
1060
1061
|
}
|
|
1061
1062
|
a();
|
|
@@ -1072,20 +1073,20 @@ function Un(e, t, n = "x", r, i) {
|
|
|
1072
1073
|
t,
|
|
1073
1074
|
n
|
|
1074
1075
|
]);
|
|
1075
|
-
let d =
|
|
1076
|
+
let d = De(() => l.current(), []);
|
|
1076
1077
|
return {
|
|
1077
1078
|
...a,
|
|
1078
1079
|
remeasure: d
|
|
1079
1080
|
};
|
|
1080
1081
|
}
|
|
1081
|
-
function
|
|
1082
|
+
function Kn(e, t) {
|
|
1082
1083
|
if (e.overflowing !== t.overflowing || e.spilled.size !== t.spilled.size) return !1;
|
|
1083
1084
|
for (let n of e.spilled) if (!t.spilled.has(n)) return !1;
|
|
1084
1085
|
return !0;
|
|
1085
1086
|
}
|
|
1086
1087
|
//#endregion
|
|
1087
1088
|
//#region lib/components/ui/actions/toolbar/use-toolbar-focus.ts
|
|
1088
|
-
function
|
|
1089
|
+
function qn(e) {
|
|
1089
1090
|
let t = e.parentElement;
|
|
1090
1091
|
if (t?.dataset.slot !== "toolbar-pair") return null;
|
|
1091
1092
|
for (let n of Array.from(t.children)) {
|
|
@@ -1096,9 +1097,9 @@ function Gn(e) {
|
|
|
1096
1097
|
}
|
|
1097
1098
|
return null;
|
|
1098
1099
|
}
|
|
1099
|
-
function
|
|
1100
|
-
let t =
|
|
1101
|
-
return
|
|
1100
|
+
function Jn(e) {
|
|
1101
|
+
let t = M(null);
|
|
1102
|
+
return A(() => {
|
|
1102
1103
|
let n = e.current;
|
|
1103
1104
|
if (!n) return;
|
|
1104
1105
|
let r = (e) => {
|
|
@@ -1115,16 +1116,16 @@ function Kn(e) {
|
|
|
1115
1116
|
return r && (e === r || n) ? r : null;
|
|
1116
1117
|
};
|
|
1117
1118
|
}
|
|
1118
|
-
function
|
|
1119
|
-
let r =
|
|
1120
|
-
|
|
1119
|
+
function Yn(e, t, n) {
|
|
1120
|
+
let r = Jn(e), i = M(null);
|
|
1121
|
+
j(() => {
|
|
1121
1122
|
let t = e.current, n = r()?.closest("[hidden]");
|
|
1122
1123
|
!t || !n || n === t || !t.contains(n) || t.querySelector(":scope > [data-toolbar-more]")?.focus();
|
|
1123
|
-
}, [e, t]),
|
|
1124
|
+
}, [e, t]), j(() => {
|
|
1124
1125
|
let t = e.current;
|
|
1125
1126
|
if (!t) return;
|
|
1126
1127
|
if (n) {
|
|
1127
|
-
let e = r(), n = e &&
|
|
1128
|
+
let e = r(), n = e && qn(t);
|
|
1128
1129
|
if (!e || !n) return;
|
|
1129
1130
|
i.current = {
|
|
1130
1131
|
item: e,
|
|
@@ -1136,9 +1137,9 @@ function qn(e, t, n) {
|
|
|
1136
1137
|
i.current = null, a && document.activeElement === a.fab && a.item.isConnected && a.item.focus({ preventScroll: !0 });
|
|
1137
1138
|
}, [e, n]);
|
|
1138
1139
|
}
|
|
1139
|
-
function
|
|
1140
|
-
let [, n] =
|
|
1141
|
-
return
|
|
1140
|
+
function Xn(e, t) {
|
|
1141
|
+
let [, n] = Ae((e) => e + 1, 0), r = e.current, i = !!t && r !== null && typeof document < "u" && r.contains(document.activeElement) && !qn(r);
|
|
1142
|
+
return A(() => {
|
|
1142
1143
|
let t = e.current;
|
|
1143
1144
|
if (!i || !t) return;
|
|
1144
1145
|
let r = (e) => {
|
|
@@ -1147,12 +1148,12 @@ function Jn(e, t) {
|
|
|
1147
1148
|
return t.addEventListener("focusout", r), () => t.removeEventListener("focusout", r);
|
|
1148
1149
|
}, [e, i]), !!t && !i;
|
|
1149
1150
|
}
|
|
1150
|
-
function
|
|
1151
|
+
function Zn(e) {
|
|
1151
1152
|
if (e.scale > 1.01) return 0;
|
|
1152
1153
|
let t = e.layoutHeight - (e.height + e.offsetTop);
|
|
1153
1154
|
return t >= 120 ? Math.round(t) : 0;
|
|
1154
1155
|
}
|
|
1155
|
-
var
|
|
1156
|
+
var Qn = "--nxgt-toolbar-lift", $n = [
|
|
1156
1157
|
"[role=\"dialog\"]",
|
|
1157
1158
|
"[role=\"alertdialog\"]",
|
|
1158
1159
|
...[
|
|
@@ -1161,26 +1162,26 @@ var Xn = "--nxgt-toolbar-lift", Zn = [
|
|
|
1161
1162
|
"sheet",
|
|
1162
1163
|
"drawer"
|
|
1163
1164
|
].map((e) => `[data-slot="${e}-content"]`)
|
|
1164
|
-
].join(","),
|
|
1165
|
-
function
|
|
1165
|
+
].join(","), er = "data-nxgt-keyboard-lift";
|
|
1166
|
+
function tr(e, t) {
|
|
1166
1167
|
for (let n = e; n && n.tagName !== "BODY"; n = n.parentElement) if (t.getComputedStyle(n).position === "fixed") return n;
|
|
1167
1168
|
return null;
|
|
1168
1169
|
}
|
|
1169
|
-
function
|
|
1170
|
+
function nr(e, t = typeof window > "u" ? void 0 : window) {
|
|
1170
1171
|
let n = t?.visualViewport;
|
|
1171
1172
|
if (!t || !n) return () => {};
|
|
1172
1173
|
let r = null, i = 0, a = 0, o = (e) => {
|
|
1173
|
-
e.style.removeProperty(
|
|
1174
|
+
e.style.removeProperty(Qn), e.removeAttribute(er);
|
|
1174
1175
|
}, s = (e, t) => {
|
|
1175
|
-
r && r !== e && (o(r), i = 0), r = e, !(!e || t === i) && (i = t, t ? (e.style.setProperty(
|
|
1176
|
+
r && r !== e && (o(r), i = 0), r = e, !(!e || t === i) && (i = t, t ? (e.style.setProperty(Qn, `${t}px`), e.setAttribute(er, "")) : o(e));
|
|
1176
1177
|
}, c = () => {
|
|
1177
1178
|
a = 0;
|
|
1178
|
-
let o = t.matchMedia("(pointer: coarse), (max-width: 40rem)").matches ?
|
|
1179
|
+
let o = t.matchMedia("(pointer: coarse), (max-width: 40rem)").matches ? tr(e, t) : null, c = o?.getBoundingClientRect(), l = o && c && !o.matches($n) && c.height <= t.innerHeight / 2 && c.bottom + (o === r ? i : 0) > t.innerHeight / 2;
|
|
1179
1180
|
if (!o || !l) {
|
|
1180
1181
|
s(r, 0);
|
|
1181
1182
|
return;
|
|
1182
1183
|
}
|
|
1183
|
-
s(o,
|
|
1184
|
+
s(o, Zn({
|
|
1184
1185
|
layoutHeight: t.innerHeight,
|
|
1185
1186
|
height: n.height,
|
|
1186
1187
|
offsetTop: n.offsetTop,
|
|
@@ -1193,45 +1194,45 @@ function er(e, t = typeof window > "u" ? void 0 : window) {
|
|
|
1193
1194
|
n.removeEventListener("resize", l), n.removeEventListener("scroll", l), a && t.cancelAnimationFrame(a), s(r, 0);
|
|
1194
1195
|
};
|
|
1195
1196
|
}
|
|
1196
|
-
function
|
|
1197
|
-
|
|
1197
|
+
function rr(e, t) {
|
|
1198
|
+
A(() => {
|
|
1198
1199
|
let n = e.current;
|
|
1199
|
-
if (!(!t || !n)) return
|
|
1200
|
+
if (!(!t || !n)) return nr(n);
|
|
1200
1201
|
}, [e, t]);
|
|
1201
1202
|
}
|
|
1202
1203
|
//#endregion
|
|
1203
1204
|
//#region lib/components/ui/actions/toolbar/toolbar.tsx
|
|
1204
|
-
function
|
|
1205
|
+
function ir(e) {
|
|
1205
1206
|
return {
|
|
1206
1207
|
get current() {
|
|
1207
|
-
let t = e.current?.querySelector(
|
|
1208
|
+
let t = e.current?.querySelector(Qt);
|
|
1208
1209
|
return t && !t.hidden ? t : e.current;
|
|
1209
1210
|
},
|
|
1210
1211
|
set current(e) {}
|
|
1211
1212
|
};
|
|
1212
1213
|
}
|
|
1213
|
-
function
|
|
1214
|
-
let v =
|
|
1215
|
-
|
|
1216
|
-
let [
|
|
1214
|
+
function ar({ label: n, children: r, variant: i = "floating", density: a = "comfortable", keyboardLift: o = !0, tone: s = "neutral", selectedLook: c = "quiet", orientation: l = "horizontal", overflow: u, overflowRoom: d, moreLabel: f, hidden: p, dir: m, className: h, ref: g, ..._ }) {
|
|
1215
|
+
let v = M(null), y = t(v, g), b = wt(v), x = m ?? b, S = Xn(v, p), C = !!u, { spilled: w, overflowing: T } = Gn(v, C, l === "vertical" ? "y" : "x", d);
|
|
1216
|
+
Yn(v, w, S), rr(v, i === "floating" && o);
|
|
1217
|
+
let [ee] = N(() => /* @__PURE__ */ new Map()), [te] = N(() => ir(v)), [E] = N(() => ({ current: null })), ne = ke(() => ({
|
|
1217
1218
|
inside: !0,
|
|
1218
1219
|
spilled: w,
|
|
1219
|
-
entries:
|
|
1220
|
+
entries: ee,
|
|
1220
1221
|
dir: x,
|
|
1221
1222
|
orientation: l,
|
|
1222
1223
|
overflowing: T,
|
|
1223
|
-
moreAnchor:
|
|
1224
|
-
focusLost:
|
|
1224
|
+
moreAnchor: te,
|
|
1225
|
+
focusLost: E
|
|
1225
1226
|
}), [
|
|
1226
1227
|
w,
|
|
1227
|
-
|
|
1228
|
+
ee,
|
|
1228
1229
|
x,
|
|
1229
1230
|
l,
|
|
1230
1231
|
T,
|
|
1231
|
-
|
|
1232
|
-
|
|
1232
|
+
te,
|
|
1233
|
+
E
|
|
1233
1234
|
]);
|
|
1234
|
-
return /* @__PURE__ */
|
|
1235
|
+
return /* @__PURE__ */ F(bt, {
|
|
1235
1236
|
"data-slot": "toolbar",
|
|
1236
1237
|
..._,
|
|
1237
1238
|
ref: y,
|
|
@@ -1246,9 +1247,9 @@ function rr({ label: n, children: r, variant: i = "floating", density: a = "comf
|
|
|
1246
1247
|
"data-hidden": S ? "" : void 0,
|
|
1247
1248
|
inert: S || void 0,
|
|
1248
1249
|
className: e("nxgt-toolbar", h),
|
|
1249
|
-
children: /* @__PURE__ */
|
|
1250
|
-
value:
|
|
1251
|
-
children: [r, C ? /* @__PURE__ */
|
|
1250
|
+
children: /* @__PURE__ */ I(U, {
|
|
1251
|
+
value: ne,
|
|
1252
|
+
children: [r, C ? /* @__PURE__ */ F(Wn, {
|
|
1252
1253
|
root: v,
|
|
1253
1254
|
dir: x,
|
|
1254
1255
|
label: f,
|
|
@@ -1259,21 +1260,21 @@ function rr({ label: n, children: r, variant: i = "floating", density: a = "comf
|
|
|
1259
1260
|
}
|
|
1260
1261
|
//#endregion
|
|
1261
1262
|
//#region lib/components/ui/actions/toolbar/toolbar-group.tsx
|
|
1262
|
-
function
|
|
1263
|
-
let { spilled: c, inside: l, props: u } =
|
|
1263
|
+
function or({ label: t, children: n, priority: r, moreAs: i, choice: a, className: o, ...s }) {
|
|
1264
|
+
let { spilled: c, inside: l, props: u } = W({
|
|
1264
1265
|
label: t,
|
|
1265
1266
|
group: !0,
|
|
1266
1267
|
choice: a,
|
|
1267
1268
|
moreAs: i
|
|
1268
|
-
}, r), d =
|
|
1269
|
-
return /* @__PURE__ */
|
|
1269
|
+
}, r), d = ke(() => ({ spilled: c }), [c]);
|
|
1270
|
+
return /* @__PURE__ */ F("div", {
|
|
1270
1271
|
"data-slot": "toolbar-group",
|
|
1271
1272
|
...s,
|
|
1272
1273
|
...u,
|
|
1273
1274
|
role: "group",
|
|
1274
1275
|
"aria-label": t,
|
|
1275
1276
|
className: e(l && "nxgt-toolbar-group", o),
|
|
1276
|
-
children: /* @__PURE__ */
|
|
1277
|
+
children: /* @__PURE__ */ F(Ot, {
|
|
1277
1278
|
value: d,
|
|
1278
1279
|
children: n
|
|
1279
1280
|
})
|
|
@@ -1281,7 +1282,7 @@ function ir({ label: t, children: n, priority: r, moreAs: i, choice: a, classNam
|
|
|
1281
1282
|
}
|
|
1282
1283
|
//#endregion
|
|
1283
1284
|
//#region lib/components/ui/actions/toolbar/keep-text-keys.ts
|
|
1284
|
-
var
|
|
1285
|
+
var sr = /* @__PURE__ */ new Set([
|
|
1285
1286
|
"button",
|
|
1286
1287
|
"checkbox",
|
|
1287
1288
|
"color",
|
|
@@ -1291,7 +1292,7 @@ var ar = /* @__PURE__ */ new Set([
|
|
|
1291
1292
|
"reset",
|
|
1292
1293
|
"submit"
|
|
1293
1294
|
]);
|
|
1294
|
-
function
|
|
1295
|
+
function cr(e) {
|
|
1295
1296
|
let t, n;
|
|
1296
1297
|
try {
|
|
1297
1298
|
t = e.selectionStart, n = e.selectionEnd;
|
|
@@ -1303,19 +1304,19 @@ function or(e) {
|
|
|
1303
1304
|
atEnd: t === e.value.length
|
|
1304
1305
|
};
|
|
1305
1306
|
}
|
|
1306
|
-
function
|
|
1307
|
+
function lr(e) {
|
|
1307
1308
|
let t = e.target;
|
|
1308
1309
|
if (t.isContentEditable || e.nativeEvent.isComposing) return !0;
|
|
1309
1310
|
let n = e.key === "ArrowUp" || e.key === "ArrowDown";
|
|
1310
1311
|
if (t instanceof HTMLSelectElement) return n;
|
|
1311
|
-
let r = t instanceof HTMLInputElement && !
|
|
1312
|
+
let r = t instanceof HTMLInputElement && !sr.has(t.type) || t instanceof HTMLTextAreaElement ? t : null;
|
|
1312
1313
|
if (!r) return !1;
|
|
1313
|
-
let i =
|
|
1314
|
+
let i = cr(r);
|
|
1314
1315
|
if (!i || n) return !0;
|
|
1315
1316
|
let a = getComputedStyle(t).direction === "rtl", o = a ? "ArrowRight" : "ArrowLeft", s = a ? "ArrowLeft" : "ArrowRight";
|
|
1316
1317
|
return e.key === o || e.key === "Home" ? !i.atStart : e.key === s || e.key === "End" ? !i.atEnd : !1;
|
|
1317
1318
|
}
|
|
1318
|
-
var
|
|
1319
|
+
var ur = /* @__PURE__ */ new Set([
|
|
1319
1320
|
"ArrowLeft",
|
|
1320
1321
|
"ArrowRight",
|
|
1321
1322
|
"ArrowUp",
|
|
@@ -1323,8 +1324,8 @@ var cr = /* @__PURE__ */ new Set([
|
|
|
1323
1324
|
"Home",
|
|
1324
1325
|
"End"
|
|
1325
1326
|
]);
|
|
1326
|
-
function
|
|
1327
|
-
if (!
|
|
1327
|
+
function dr(e) {
|
|
1328
|
+
if (!ur.has(e.key) || !lr(e)) return;
|
|
1328
1329
|
let t = !0;
|
|
1329
1330
|
Object.defineProperty(e, "defaultPrevented", {
|
|
1330
1331
|
configurable: !0,
|
|
@@ -1333,36 +1334,36 @@ function lr(e) {
|
|
|
1333
1334
|
}
|
|
1334
1335
|
//#endregion
|
|
1335
1336
|
//#region lib/components/ui/overlays/popover/in-popover.ts
|
|
1336
|
-
var
|
|
1337
|
-
function
|
|
1338
|
-
return
|
|
1337
|
+
var fr = O(!1);
|
|
1338
|
+
function pr() {
|
|
1339
|
+
return k(fr);
|
|
1339
1340
|
}
|
|
1340
1341
|
//#endregion
|
|
1341
1342
|
//#region lib/components/ui/overlays/popover/popover.tsx
|
|
1342
|
-
function
|
|
1343
|
-
return /* @__PURE__ */
|
|
1343
|
+
function mr({ ...e }) {
|
|
1344
|
+
return /* @__PURE__ */ F(ee, {
|
|
1344
1345
|
value: e.modal ?? !1,
|
|
1345
|
-
children: /* @__PURE__ */
|
|
1346
|
+
children: /* @__PURE__ */ F(fr, {
|
|
1346
1347
|
value: !0,
|
|
1347
|
-
children: /* @__PURE__ */
|
|
1348
|
+
children: /* @__PURE__ */ F($e, {
|
|
1348
1349
|
"data-slot": "popover",
|
|
1349
1350
|
...e
|
|
1350
1351
|
})
|
|
1351
1352
|
})
|
|
1352
1353
|
});
|
|
1353
1354
|
}
|
|
1354
|
-
function
|
|
1355
|
-
return /* @__PURE__ */
|
|
1355
|
+
function hr({ ...e }) {
|
|
1356
|
+
return /* @__PURE__ */ F(tt, {
|
|
1356
1357
|
"data-slot": "popover-trigger",
|
|
1357
1358
|
...e
|
|
1358
1359
|
});
|
|
1359
1360
|
}
|
|
1360
|
-
function
|
|
1361
|
-
return /* @__PURE__ */
|
|
1361
|
+
function gr({ className: t, children: n, align: r = "center", sideOffset: i = 6, collisionPadding: a = 8, variant: o = "elevated", arrow: s = !1, ref: c, ...l }) {
|
|
1362
|
+
return /* @__PURE__ */ F(Ce, { children: /* @__PURE__ */ F(E, {
|
|
1362
1363
|
value: !1,
|
|
1363
|
-
children: /* @__PURE__ */
|
|
1364
|
+
children: /* @__PURE__ */ F(fr, {
|
|
1364
1365
|
value: !1,
|
|
1365
|
-
children: /* @__PURE__ */
|
|
1366
|
+
children: /* @__PURE__ */ F(nt, { children: /* @__PURE__ */ F(rt, {
|
|
1366
1367
|
ref: S(!1, c),
|
|
1367
1368
|
"data-slot": "popover-content",
|
|
1368
1369
|
"data-variant": o,
|
|
@@ -1374,27 +1375,27 @@ function mr({ className: t, children: n, align: r = "center", sideOffset: i = 6,
|
|
|
1374
1375
|
onOpenAutoFocus: (e) => e.preventDefault(),
|
|
1375
1376
|
...l,
|
|
1376
1377
|
onEscapeKeyDown: (e) => {
|
|
1377
|
-
|
|
1378
|
+
je(e), l.onEscapeKeyDown?.(e);
|
|
1378
1379
|
},
|
|
1379
|
-
children: s ? /* @__PURE__ */
|
|
1380
|
+
children: s ? /* @__PURE__ */ I(P, { children: [n, /* @__PURE__ */ F(it, {
|
|
1380
1381
|
className: "nxgt-popover-arrow",
|
|
1381
1382
|
width: 16,
|
|
1382
1383
|
height: 8
|
|
1383
1384
|
})] }) : n
|
|
1384
1385
|
}) })
|
|
1385
1386
|
})
|
|
1386
|
-
});
|
|
1387
|
+
}) });
|
|
1387
1388
|
}
|
|
1388
|
-
function
|
|
1389
|
-
return /* @__PURE__ */
|
|
1389
|
+
function _r({ ...e }) {
|
|
1390
|
+
return /* @__PURE__ */ F(et, {
|
|
1390
1391
|
"data-slot": "popover-anchor",
|
|
1391
1392
|
...e
|
|
1392
1393
|
});
|
|
1393
1394
|
}
|
|
1394
1395
|
//#endregion
|
|
1395
1396
|
//#region lib/components/ui/actions/toolbar/toolbar-fold-anchor.tsx
|
|
1396
|
-
function
|
|
1397
|
-
let { moreAnchor: n } =
|
|
1397
|
+
function vr({ own: e, folded: t }) {
|
|
1398
|
+
let { moreAnchor: n } = k(U), r = pr(), i = ke(() => ({
|
|
1398
1399
|
get current() {
|
|
1399
1400
|
return t ? n.current : e.current;
|
|
1400
1401
|
},
|
|
@@ -1404,13 +1405,13 @@ function gr({ own: e, folded: t }) {
|
|
|
1404
1405
|
e,
|
|
1405
1406
|
n
|
|
1406
1407
|
]);
|
|
1407
|
-
return r ? /* @__PURE__ */
|
|
1408
|
+
return r ? /* @__PURE__ */ F(_r, { virtualRef: i }) : null;
|
|
1408
1409
|
}
|
|
1409
1410
|
//#endregion
|
|
1410
1411
|
//#region lib/components/ui/actions/toolbar/toolbar-keep-focus.ts
|
|
1411
|
-
function
|
|
1412
|
-
let { inside: n, focusLost: r } =
|
|
1413
|
-
return
|
|
1412
|
+
function yr(e, t) {
|
|
1413
|
+
let { inside: n, focusLost: r } = k(U), i = M(null);
|
|
1414
|
+
return De((a) => {
|
|
1414
1415
|
if (!e || !n) {
|
|
1415
1416
|
i.current = a;
|
|
1416
1417
|
return;
|
|
@@ -1439,50 +1440,50 @@ function _r(e, t) {
|
|
|
1439
1440
|
}
|
|
1440
1441
|
//#endregion
|
|
1441
1442
|
//#region lib/components/ui/actions/toolbar/toolbar-item-slot.tsx
|
|
1442
|
-
function
|
|
1443
|
-
let { inside: m, spilled: h, props: g } =
|
|
1443
|
+
function br({ children: e, label: n, icon: i, toggle: a, priority: o, onSelect: s, more: c, onKeyDown: u, fit: d, shape: f = "pill", ...p }) {
|
|
1444
|
+
let { inside: m, spilled: h, props: g } = W({
|
|
1444
1445
|
label: n,
|
|
1445
1446
|
icon: i,
|
|
1446
1447
|
toggle: a,
|
|
1447
1448
|
onSelect: s,
|
|
1448
1449
|
more: c
|
|
1449
|
-
}, o), _ =
|
|
1450
|
-
return m ? /* @__PURE__ */
|
|
1450
|
+
}, o), _ = M(null), v = yr(c?.kind === "popover", n), y = t(_, p.ref, v);
|
|
1451
|
+
return m ? /* @__PURE__ */ I(P, { children: [c?.kind === "popover" ? /* @__PURE__ */ F(vr, {
|
|
1451
1452
|
own: _,
|
|
1452
1453
|
folded: h
|
|
1453
|
-
}) : null, /* @__PURE__ */
|
|
1454
|
+
}) : null, /* @__PURE__ */ F(H, {
|
|
1454
1455
|
asChild: !0,
|
|
1455
1456
|
...p,
|
|
1456
1457
|
ref: y,
|
|
1457
|
-
...
|
|
1458
|
-
onKeyDown: l(u,
|
|
1458
|
+
...xr(e),
|
|
1459
|
+
onKeyDown: l(u, dr),
|
|
1459
1460
|
...g,
|
|
1460
1461
|
"data-toolbar-item": "",
|
|
1461
1462
|
"data-toolbar-shape": f,
|
|
1462
|
-
"data-toolbar-fit": d ?? !
|
|
1463
|
+
"data-toolbar-fit": d ?? !Sr(e) ? "" : void 0,
|
|
1463
1464
|
children: e
|
|
1464
|
-
})] }) : /* @__PURE__ */
|
|
1465
|
+
})] }) : /* @__PURE__ */ F(r, {
|
|
1465
1466
|
...p,
|
|
1466
1467
|
onKeyDown: u,
|
|
1467
1468
|
children: e
|
|
1468
1469
|
});
|
|
1469
1470
|
}
|
|
1470
|
-
function
|
|
1471
|
+
function xr(e) {
|
|
1471
1472
|
let t = e.props;
|
|
1472
|
-
return e.type === "input" ? { type: t.type ?? "text" } :
|
|
1473
|
+
return e.type === "input" ? { type: t.type ?? "text" } : Sr(e) ? { type: void 0 } : {};
|
|
1473
1474
|
}
|
|
1474
|
-
var
|
|
1475
|
+
var Sr = (e) => e.type === "input" || e.type === "textarea" || e.type === "select";
|
|
1475
1476
|
//#endregion
|
|
1476
1477
|
//#region lib/components/ui/actions/toolbar/toolbar-item.tsx
|
|
1477
|
-
function
|
|
1478
|
-
let { spilled: p, props: m } =
|
|
1478
|
+
function $({ icon: n, label: r, tooltip: i = !0, toggle: a, priority: o, more: s, shape: c = "pill", className: l, type: u = "button", toggleValue: d, ...f }) {
|
|
1479
|
+
let { spilled: p, props: m } = W({
|
|
1479
1480
|
label: r,
|
|
1480
1481
|
icon: n,
|
|
1481
1482
|
toggle: a,
|
|
1482
1483
|
more: s
|
|
1483
|
-
}, o), [g, _] =
|
|
1484
|
+
}, o), [g, _] = N(!1), v = k(kt);
|
|
1484
1485
|
p && g && _(!1);
|
|
1485
|
-
let y =
|
|
1486
|
+
let y = M(null), b = yr(s?.kind === "popover", r), x = t(y, f.ref, b), S = {
|
|
1486
1487
|
type: u,
|
|
1487
1488
|
...f,
|
|
1488
1489
|
...m,
|
|
@@ -1492,30 +1493,30 @@ function xr({ icon: n, label: r, tooltip: i = !0, toggle: a, priority: o, more:
|
|
|
1492
1493
|
"aria-label": r,
|
|
1493
1494
|
className: e("nxgt-toolbar-item", l),
|
|
1494
1495
|
children: n
|
|
1495
|
-
}, C = d === void 0 ? /* @__PURE__ */
|
|
1496
|
+
}, C = d === void 0 ? /* @__PURE__ */ F(H, { ...S }) : /* @__PURE__ */ F(Ct, {
|
|
1496
1497
|
...S,
|
|
1497
1498
|
value: d
|
|
1498
|
-
}), w = s?.kind === "popover" ? /* @__PURE__ */
|
|
1499
|
+
}), w = s?.kind === "popover" ? /* @__PURE__ */ F(vr, {
|
|
1499
1500
|
own: y,
|
|
1500
1501
|
folded: p
|
|
1501
1502
|
}) : null;
|
|
1502
|
-
return i ? /* @__PURE__ */
|
|
1503
|
+
return i ? /* @__PURE__ */ I(P, { children: [w, /* @__PURE__ */ F(h, {
|
|
1503
1504
|
content: r,
|
|
1504
1505
|
open: g && !p,
|
|
1505
1506
|
onOpenChange: (e) => {
|
|
1506
1507
|
e && v?.current || _(e);
|
|
1507
1508
|
},
|
|
1508
1509
|
children: C
|
|
1509
|
-
})] }) : /* @__PURE__ */
|
|
1510
|
+
})] }) : /* @__PURE__ */ I(P, { children: [w, C] });
|
|
1510
1511
|
}
|
|
1511
1512
|
//#endregion
|
|
1512
1513
|
//#region lib/components/ui/actions/toolbar/toolbar-items.tsx
|
|
1513
|
-
function
|
|
1514
|
-
return /* @__PURE__ */
|
|
1514
|
+
function Cr(e) {
|
|
1515
|
+
return /* @__PURE__ */ F($, { ...e });
|
|
1515
1516
|
}
|
|
1516
|
-
function
|
|
1517
|
-
let [a, o] =
|
|
1518
|
-
return /* @__PURE__ */
|
|
1517
|
+
function wr({ pressed: e, defaultPressed: t = !1, onPressedChange: n, onClick: r, ...i }) {
|
|
1518
|
+
let [a, o] = N(t), s = e ?? a;
|
|
1519
|
+
return /* @__PURE__ */ F($, {
|
|
1519
1520
|
...i,
|
|
1520
1521
|
toggle: !0,
|
|
1521
1522
|
"aria-pressed": s,
|
|
@@ -1524,16 +1525,16 @@ function Cr({ pressed: e, defaultPressed: t = !1, onPressedChange: n, onClick: r
|
|
|
1524
1525
|
}
|
|
1525
1526
|
});
|
|
1526
1527
|
}
|
|
1527
|
-
function
|
|
1528
|
-
let { props: n } =
|
|
1528
|
+
function Tr({ className: t }) {
|
|
1529
|
+
let { props: n } = W({
|
|
1529
1530
|
label: "",
|
|
1530
1531
|
separator: !0
|
|
1531
1532
|
});
|
|
1532
|
-
return /* @__PURE__ */
|
|
1533
|
+
return /* @__PURE__ */ F(xt, {
|
|
1533
1534
|
...n,
|
|
1534
1535
|
"data-slot": "toolbar-separator",
|
|
1535
1536
|
className: e("nxgt-toolbar-separator", t)
|
|
1536
1537
|
});
|
|
1537
1538
|
}
|
|
1538
1539
|
//#endregion
|
|
1539
|
-
export {
|
|
1540
|
+
export { H as C, wt as S, et as T, jt as _, br as a, Dt as b, gr as c, ar as d, Gn as f, W as g, kt as h, $ as i, hr as l, Ot as m, Tr as n, mr as o, Wn as p, wr as r, _r as s, Cr as t, or as u, At as v, St as w, Et as x, Tt as y };
|