@cfx-dev/ui-components 4.2.5 → 4.2.7
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.
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import { jsx as d, Fragment as He, jsxs as it } from "react/jsx-runtime";
|
|
2
2
|
import * as a from "react";
|
|
3
|
-
import { useState as
|
|
3
|
+
import $n, { useState as Ct, useRef as Bn, useEffect as Kn } from "react";
|
|
4
4
|
import { c as fe, u as k, d as S, b as Re, a as bt } from "../../index-AweK2ufS.js";
|
|
5
|
-
import { c as Y, a as
|
|
6
|
-
import { r as
|
|
5
|
+
import { c as Y, a as Gn, b as Ce, u as St } from "../../index-Cf5Yu9oD.js";
|
|
6
|
+
import { r as zn } from "../../index-2hJuj4UN.js";
|
|
7
7
|
import { u as Rt } from "../../index-ByaXH_ih.js";
|
|
8
|
-
import { u as
|
|
9
|
-
import { _ as H, f as Mt, c as
|
|
10
|
-
import { Icon as
|
|
11
|
-
import { Flex as
|
|
8
|
+
import { u as Vn, a as Hn, b as Yn, o as Xn, s as jn, l as Zn, f as Qn, c as qn, d as Jn, h as er, e as We, g as tr, i as nr } from "../../index-Bz27DCHt.js";
|
|
9
|
+
import { _ as H, f as Mt, c as rr } from "../../tslib.es6-CBKHJX9H.js";
|
|
10
|
+
import { Icon as or } from "../Icon/Icon.js";
|
|
11
|
+
import { Flex as ar } from "../Layout/Flex/Flex.js";
|
|
12
12
|
import { ui as ct } from "../ui.js";
|
|
13
13
|
import { clsx as st } from "../../utils/clsx.js";
|
|
14
|
+
import { mergeRefs as ir } from "../../utils/mergeRefs.js";
|
|
14
15
|
var Pt = a.forwardRef((e, t) => {
|
|
15
|
-
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(
|
|
16
|
+
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(sr);
|
|
16
17
|
if (i) {
|
|
17
|
-
const s = i.props.children, c = o.map((
|
|
18
|
+
const s = i.props.children, c = o.map((f) => f === i ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : f);
|
|
18
19
|
return /* @__PURE__ */ d(Ue, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, c) : null });
|
|
19
20
|
}
|
|
20
21
|
return /* @__PURE__ */ d(Ue, { ...r, ref: t, children: n });
|
|
@@ -23,9 +24,9 @@ Pt.displayName = "Slot";
|
|
|
23
24
|
var Ue = a.forwardRef((e, t) => {
|
|
24
25
|
const { children: n, ...r } = e;
|
|
25
26
|
if (a.isValidElement(n)) {
|
|
26
|
-
const o =
|
|
27
|
+
const o = lr(n);
|
|
27
28
|
return a.cloneElement(n, {
|
|
28
|
-
...
|
|
29
|
+
...ur(r, n.props),
|
|
29
30
|
// @ts-ignore
|
|
30
31
|
ref: t ? fe(t, o) : o
|
|
31
32
|
});
|
|
@@ -33,11 +34,11 @@ var Ue = a.forwardRef((e, t) => {
|
|
|
33
34
|
return a.Children.count(n) > 1 ? a.Children.only(null) : null;
|
|
34
35
|
});
|
|
35
36
|
Ue.displayName = "SlotClone";
|
|
36
|
-
var
|
|
37
|
-
function
|
|
38
|
-
return a.isValidElement(e) && e.type ===
|
|
37
|
+
var cr = ({ children: e }) => /* @__PURE__ */ d(He, { children: e });
|
|
38
|
+
function sr(e) {
|
|
39
|
+
return a.isValidElement(e) && e.type === cr;
|
|
39
40
|
}
|
|
40
|
-
function
|
|
41
|
+
function ur(e, t) {
|
|
41
42
|
const n = { ...t };
|
|
42
43
|
for (const r in t) {
|
|
43
44
|
const o = e[r], i = t[r];
|
|
@@ -47,12 +48,12 @@ function cr(e, t) {
|
|
|
47
48
|
}
|
|
48
49
|
return { ...e, ...n };
|
|
49
50
|
}
|
|
50
|
-
function
|
|
51
|
+
function lr(e) {
|
|
51
52
|
var r, o;
|
|
52
53
|
let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
53
54
|
return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
54
55
|
}
|
|
55
|
-
var
|
|
56
|
+
var dr = [
|
|
56
57
|
"a",
|
|
57
58
|
"button",
|
|
58
59
|
"div",
|
|
@@ -69,16 +70,16 @@ var ur = [
|
|
|
69
70
|
"span",
|
|
70
71
|
"svg",
|
|
71
72
|
"ul"
|
|
72
|
-
],
|
|
73
|
+
], fr = dr.reduce((e, t) => {
|
|
73
74
|
const n = a.forwardRef((r, o) => {
|
|
74
75
|
const { asChild: i, ...s } = r, c = i ? Pt : t;
|
|
75
76
|
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(c, { ...s, ref: o });
|
|
76
77
|
});
|
|
77
78
|
return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
|
|
78
79
|
}, {}), Ye = a.forwardRef((e, t) => {
|
|
79
|
-
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(
|
|
80
|
+
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(mr);
|
|
80
81
|
if (i) {
|
|
81
|
-
const s = i.props.children, c = o.map((
|
|
82
|
+
const s = i.props.children, c = o.map((f) => f === i ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : f);
|
|
82
83
|
return /* @__PURE__ */ d($e, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, c) : null });
|
|
83
84
|
}
|
|
84
85
|
return /* @__PURE__ */ d($e, { ...r, ref: t, children: n });
|
|
@@ -87,9 +88,9 @@ Ye.displayName = "Slot";
|
|
|
87
88
|
var $e = a.forwardRef((e, t) => {
|
|
88
89
|
const { children: n, ...r } = e;
|
|
89
90
|
if (a.isValidElement(n)) {
|
|
90
|
-
const o =
|
|
91
|
+
const o = hr(n);
|
|
91
92
|
return a.cloneElement(n, {
|
|
92
|
-
...
|
|
93
|
+
...vr(r, n.props),
|
|
93
94
|
// @ts-ignore
|
|
94
95
|
ref: t ? fe(t, o) : o
|
|
95
96
|
});
|
|
@@ -97,11 +98,11 @@ var $e = a.forwardRef((e, t) => {
|
|
|
97
98
|
return a.Children.count(n) > 1 ? a.Children.only(null) : null;
|
|
98
99
|
});
|
|
99
100
|
$e.displayName = "SlotClone";
|
|
100
|
-
var
|
|
101
|
-
function
|
|
102
|
-
return a.isValidElement(e) && e.type ===
|
|
101
|
+
var pr = ({ children: e }) => /* @__PURE__ */ d(He, { children: e });
|
|
102
|
+
function mr(e) {
|
|
103
|
+
return a.isValidElement(e) && e.type === pr;
|
|
103
104
|
}
|
|
104
|
-
function
|
|
105
|
+
function vr(e, t) {
|
|
105
106
|
const n = { ...t };
|
|
106
107
|
for (const r in t) {
|
|
107
108
|
const o = e[r], i = t[r];
|
|
@@ -111,12 +112,12 @@ function pr(e, t) {
|
|
|
111
112
|
}
|
|
112
113
|
return { ...e, ...n };
|
|
113
114
|
}
|
|
114
|
-
function
|
|
115
|
+
function hr(e) {
|
|
115
116
|
var r, o;
|
|
116
117
|
let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
117
118
|
return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
118
119
|
}
|
|
119
|
-
var
|
|
120
|
+
var gr = [
|
|
120
121
|
"a",
|
|
121
122
|
"button",
|
|
122
123
|
"div",
|
|
@@ -133,7 +134,7 @@ var vr = [
|
|
|
133
134
|
"span",
|
|
134
135
|
"svg",
|
|
135
136
|
"ul"
|
|
136
|
-
], U =
|
|
137
|
+
], U = gr.reduce((e, t) => {
|
|
137
138
|
const n = a.forwardRef((r, o) => {
|
|
138
139
|
const { asChild: i, ...s } = r, c = i ? Ye : t;
|
|
139
140
|
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(c, { ...s, ref: o });
|
|
@@ -141,9 +142,9 @@ var vr = [
|
|
|
141
142
|
return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
|
|
142
143
|
}, {});
|
|
143
144
|
function xt(e, t) {
|
|
144
|
-
e &&
|
|
145
|
+
e && zn.flushSync(() => e.dispatchEvent(t));
|
|
145
146
|
}
|
|
146
|
-
var
|
|
147
|
+
var wr = "DismissableLayer", Be = "dismissableLayer.update", Er = "dismissableLayer.pointerDownOutside", yr = "dismissableLayer.focusOutside", ut, Nt = a.createContext({
|
|
147
148
|
layers: /* @__PURE__ */ new Set(),
|
|
148
149
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
149
150
|
branches: /* @__PURE__ */ new Set()
|
|
@@ -156,33 +157,33 @@ var hr = "DismissableLayer", Be = "dismissableLayer.update", gr = "dismissableLa
|
|
|
156
157
|
onFocusOutside: i,
|
|
157
158
|
onInteractOutside: s,
|
|
158
159
|
onDismiss: c,
|
|
159
|
-
...
|
|
160
|
-
} = e, u = a.useContext(Nt), [
|
|
160
|
+
...f
|
|
161
|
+
} = e, u = a.useContext(Nt), [p, m] = a.useState(null), v = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, w] = a.useState({}), h = k(t, (b) => m(b)), l = Array.from(u.layers), [E] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), g = l.indexOf(E), _ = p ? l.indexOf(p) : -1, C = u.layersWithOutsidePointerEventsDisabled.size > 0, R = _ >= g, M = br((b) => {
|
|
161
162
|
const P = b.target, I = [...u.branches].some((T) => T.contains(P));
|
|
162
163
|
!R || I || (o == null || o(b), s == null || s(b), b.defaultPrevented || c == null || c());
|
|
163
|
-
}, v), x =
|
|
164
|
+
}, v), x = Sr((b) => {
|
|
164
165
|
const P = b.target;
|
|
165
166
|
[...u.branches].some((T) => T.contains(P)) || (i == null || i(b), s == null || s(b), b.defaultPrevented || c == null || c());
|
|
166
167
|
}, v);
|
|
167
|
-
return
|
|
168
|
-
|
|
168
|
+
return Vn((b) => {
|
|
169
|
+
_ === u.layers.size - 1 && (r == null || r(b), !b.defaultPrevented && c && (b.preventDefault(), c()));
|
|
169
170
|
}, v), a.useEffect(() => {
|
|
170
|
-
if (
|
|
171
|
-
return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (ut = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(
|
|
171
|
+
if (p)
|
|
172
|
+
return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (ut = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(p)), u.layers.add(p), lt(), () => {
|
|
172
173
|
n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = ut);
|
|
173
174
|
};
|
|
174
|
-
}, [
|
|
175
|
-
|
|
176
|
-
}, [
|
|
177
|
-
const b = () =>
|
|
175
|
+
}, [p, v, n, u]), a.useEffect(() => () => {
|
|
176
|
+
p && (u.layers.delete(p), u.layersWithOutsidePointerEventsDisabled.delete(p), lt());
|
|
177
|
+
}, [p, u]), a.useEffect(() => {
|
|
178
|
+
const b = () => w({});
|
|
178
179
|
return document.addEventListener(Be, b), () => document.removeEventListener(Be, b);
|
|
179
180
|
}, []), /* @__PURE__ */ d(
|
|
180
181
|
U.div,
|
|
181
182
|
{
|
|
182
|
-
...
|
|
183
|
+
...f,
|
|
183
184
|
ref: h,
|
|
184
185
|
style: {
|
|
185
|
-
pointerEvents:
|
|
186
|
+
pointerEvents: C ? R ? "auto" : "none" : void 0,
|
|
186
187
|
...e.style
|
|
187
188
|
},
|
|
188
189
|
onFocusCapture: S(e.onFocusCapture, x.onFocusCapture),
|
|
@@ -195,8 +196,8 @@ var hr = "DismissableLayer", Be = "dismissableLayer.update", gr = "dismissableLa
|
|
|
195
196
|
);
|
|
196
197
|
}
|
|
197
198
|
);
|
|
198
|
-
It.displayName =
|
|
199
|
-
var
|
|
199
|
+
It.displayName = wr;
|
|
200
|
+
var _r = "DismissableLayerBranch", Cr = a.forwardRef((e, t) => {
|
|
200
201
|
const n = a.useContext(Nt), r = a.useRef(null), o = k(t, r);
|
|
201
202
|
return a.useEffect(() => {
|
|
202
203
|
const i = r.current;
|
|
@@ -206,23 +207,23 @@ var Er = "DismissableLayerBranch", yr = a.forwardRef((e, t) => {
|
|
|
206
207
|
};
|
|
207
208
|
}, [n.branches]), /* @__PURE__ */ d(U.div, { ...e, ref: o });
|
|
208
209
|
});
|
|
209
|
-
|
|
210
|
-
function
|
|
210
|
+
Cr.displayName = _r;
|
|
211
|
+
function br(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
211
212
|
const n = Y(e), r = a.useRef(!1), o = a.useRef(() => {
|
|
212
213
|
});
|
|
213
214
|
return a.useEffect(() => {
|
|
214
215
|
const i = (c) => {
|
|
215
216
|
if (c.target && !r.current) {
|
|
216
|
-
let
|
|
217
|
+
let f = function() {
|
|
217
218
|
At(
|
|
218
|
-
|
|
219
|
+
Er,
|
|
219
220
|
n,
|
|
220
221
|
u,
|
|
221
222
|
{ discrete: !0 }
|
|
222
223
|
);
|
|
223
224
|
};
|
|
224
225
|
const u = { originalEvent: c };
|
|
225
|
-
c.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current =
|
|
226
|
+
c.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = f, t.addEventListener("click", o.current, { once: !0 })) : f();
|
|
226
227
|
} else
|
|
227
228
|
t.removeEventListener("click", o.current);
|
|
228
229
|
r.current = !1;
|
|
@@ -237,11 +238,11 @@ function Cr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
237
238
|
onPointerDownCapture: () => r.current = !0
|
|
238
239
|
};
|
|
239
240
|
}
|
|
240
|
-
function
|
|
241
|
+
function Sr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
241
242
|
const n = Y(e), r = a.useRef(!1);
|
|
242
243
|
return a.useEffect(() => {
|
|
243
244
|
const o = (i) => {
|
|
244
|
-
i.target && !r.current && At(
|
|
245
|
+
i.target && !r.current && At(yr, n, { originalEvent: i }, {
|
|
245
246
|
discrete: !1
|
|
246
247
|
});
|
|
247
248
|
};
|
|
@@ -260,7 +261,7 @@ function At(e, t, n, { discrete: r }) {
|
|
|
260
261
|
t && o.addEventListener(e, t, { once: !0 }), r ? xt(o, i) : o.dispatchEvent(i);
|
|
261
262
|
}
|
|
262
263
|
var Ae = 0;
|
|
263
|
-
function
|
|
264
|
+
function Rr() {
|
|
264
265
|
a.useEffect(() => {
|
|
265
266
|
const e = document.querySelectorAll("[data-radix-focus-guard]");
|
|
266
267
|
return document.body.insertAdjacentElement("afterbegin", e[0] ?? dt()), document.body.insertAdjacentElement("beforeend", e[1] ?? dt()), Ae++, () => {
|
|
@@ -272,14 +273,14 @@ function dt() {
|
|
|
272
273
|
const e = document.createElement("span");
|
|
273
274
|
return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
|
|
274
275
|
}
|
|
275
|
-
var De = "focusScope.autoFocusOnMount", Te = "focusScope.autoFocusOnUnmount", ft = { bubbles: !1, cancelable: !0 },
|
|
276
|
+
var De = "focusScope.autoFocusOnMount", Te = "focusScope.autoFocusOnUnmount", ft = { bubbles: !1, cancelable: !0 }, Mr = "FocusScope", Dt = a.forwardRef((e, t) => {
|
|
276
277
|
const {
|
|
277
278
|
loop: n = !1,
|
|
278
279
|
trapped: r = !1,
|
|
279
280
|
onMountAutoFocus: o,
|
|
280
281
|
onUnmountAutoFocus: i,
|
|
281
282
|
...s
|
|
282
|
-
} = e, [c,
|
|
283
|
+
} = e, [c, f] = a.useState(null), u = Y(o), p = Y(i), m = a.useRef(null), v = k(t, (l) => f(l)), w = a.useRef({
|
|
283
284
|
paused: !1,
|
|
284
285
|
pause() {
|
|
285
286
|
this.paused = !0;
|
|
@@ -290,61 +291,61 @@ var De = "focusScope.autoFocusOnMount", Te = "focusScope.autoFocusOnUnmount", ft
|
|
|
290
291
|
}).current;
|
|
291
292
|
a.useEffect(() => {
|
|
292
293
|
if (r) {
|
|
293
|
-
let l = function(
|
|
294
|
-
if (
|
|
295
|
-
const R =
|
|
294
|
+
let l = function(C) {
|
|
295
|
+
if (w.paused || !c) return;
|
|
296
|
+
const R = C.target;
|
|
296
297
|
c.contains(R) ? m.current = R : V(m.current, { select: !0 });
|
|
297
|
-
},
|
|
298
|
-
if (
|
|
299
|
-
const R =
|
|
298
|
+
}, E = function(C) {
|
|
299
|
+
if (w.paused || !c) return;
|
|
300
|
+
const R = C.relatedTarget;
|
|
300
301
|
R !== null && (c.contains(R) || V(m.current, { select: !0 }));
|
|
301
|
-
},
|
|
302
|
+
}, g = function(C) {
|
|
302
303
|
if (document.activeElement === document.body)
|
|
303
|
-
for (const M of
|
|
304
|
+
for (const M of C)
|
|
304
305
|
M.removedNodes.length > 0 && V(c);
|
|
305
306
|
};
|
|
306
|
-
document.addEventListener("focusin", l), document.addEventListener("focusout",
|
|
307
|
-
const
|
|
308
|
-
return c &&
|
|
309
|
-
document.removeEventListener("focusin", l), document.removeEventListener("focusout",
|
|
307
|
+
document.addEventListener("focusin", l), document.addEventListener("focusout", E);
|
|
308
|
+
const _ = new MutationObserver(g);
|
|
309
|
+
return c && _.observe(c, { childList: !0, subtree: !0 }), () => {
|
|
310
|
+
document.removeEventListener("focusin", l), document.removeEventListener("focusout", E), _.disconnect();
|
|
310
311
|
};
|
|
311
312
|
}
|
|
312
|
-
}, [r, c,
|
|
313
|
+
}, [r, c, w.paused]), a.useEffect(() => {
|
|
313
314
|
if (c) {
|
|
314
|
-
mt.add(
|
|
315
|
+
mt.add(w);
|
|
315
316
|
const l = document.activeElement;
|
|
316
317
|
if (!c.contains(l)) {
|
|
317
|
-
const
|
|
318
|
-
c.addEventListener(De, u), c.dispatchEvent(
|
|
318
|
+
const g = new CustomEvent(De, ft);
|
|
319
|
+
c.addEventListener(De, u), c.dispatchEvent(g), g.defaultPrevented || (Pr(Dr(Tt(c)), { select: !0 }), document.activeElement === l && V(c));
|
|
319
320
|
}
|
|
320
321
|
return () => {
|
|
321
322
|
c.removeEventListener(De, u), setTimeout(() => {
|
|
322
|
-
const
|
|
323
|
-
c.addEventListener(Te,
|
|
323
|
+
const g = new CustomEvent(Te, ft);
|
|
324
|
+
c.addEventListener(Te, p), c.dispatchEvent(g), g.defaultPrevented || V(l ?? document.body, { select: !0 }), c.removeEventListener(Te, p), mt.remove(w);
|
|
324
325
|
}, 0);
|
|
325
326
|
};
|
|
326
327
|
}
|
|
327
|
-
}, [c, u,
|
|
328
|
+
}, [c, u, p, w]);
|
|
328
329
|
const h = a.useCallback(
|
|
329
330
|
(l) => {
|
|
330
|
-
if (!n && !r ||
|
|
331
|
-
const
|
|
332
|
-
if (
|
|
333
|
-
const
|
|
334
|
-
|
|
331
|
+
if (!n && !r || w.paused) return;
|
|
332
|
+
const E = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, g = document.activeElement;
|
|
333
|
+
if (E && g) {
|
|
334
|
+
const _ = l.currentTarget, [C, R] = xr(_);
|
|
335
|
+
C && R ? !l.shiftKey && g === R ? (l.preventDefault(), n && V(C, { select: !0 })) : l.shiftKey && g === C && (l.preventDefault(), n && V(R, { select: !0 })) : g === _ && l.preventDefault();
|
|
335
336
|
}
|
|
336
337
|
},
|
|
337
|
-
[n, r,
|
|
338
|
+
[n, r, w.paused]
|
|
338
339
|
);
|
|
339
340
|
return /* @__PURE__ */ d(U.div, { tabIndex: -1, ...s, ref: v, onKeyDown: h });
|
|
340
341
|
});
|
|
341
|
-
Dt.displayName =
|
|
342
|
-
function
|
|
342
|
+
Dt.displayName = Mr;
|
|
343
|
+
function Pr(e, { select: t = !1 } = {}) {
|
|
343
344
|
const n = document.activeElement;
|
|
344
345
|
for (const r of e)
|
|
345
346
|
if (V(r, { select: t }), document.activeElement !== n) return;
|
|
346
347
|
}
|
|
347
|
-
function
|
|
348
|
+
function xr(e) {
|
|
348
349
|
const t = Tt(e), n = pt(t, e), r = pt(t.reverse(), e);
|
|
349
350
|
return [n, r];
|
|
350
351
|
}
|
|
@@ -360,9 +361,9 @@ function Tt(e) {
|
|
|
360
361
|
}
|
|
361
362
|
function pt(e, t) {
|
|
362
363
|
for (const n of e)
|
|
363
|
-
if (!
|
|
364
|
+
if (!Nr(n, { upTo: t })) return n;
|
|
364
365
|
}
|
|
365
|
-
function
|
|
366
|
+
function Nr(e, { upTo: t }) {
|
|
366
367
|
if (getComputedStyle(e).visibility === "hidden") return !0;
|
|
367
368
|
for (; e; ) {
|
|
368
369
|
if (t !== void 0 && e === t) return !1;
|
|
@@ -371,17 +372,17 @@ function Pr(e, { upTo: t }) {
|
|
|
371
372
|
}
|
|
372
373
|
return !1;
|
|
373
374
|
}
|
|
374
|
-
function
|
|
375
|
+
function Ir(e) {
|
|
375
376
|
return e instanceof HTMLInputElement && "select" in e;
|
|
376
377
|
}
|
|
377
378
|
function V(e, { select: t = !1 } = {}) {
|
|
378
379
|
if (e && e.focus) {
|
|
379
380
|
const n = document.activeElement;
|
|
380
|
-
e.focus({ preventScroll: !0 }), e !== n &&
|
|
381
|
+
e.focus({ preventScroll: !0 }), e !== n && Ir(e) && t && e.select();
|
|
381
382
|
}
|
|
382
383
|
}
|
|
383
|
-
var mt =
|
|
384
|
-
function
|
|
384
|
+
var mt = Ar();
|
|
385
|
+
function Ar() {
|
|
385
386
|
let e = [];
|
|
386
387
|
return {
|
|
387
388
|
add(t) {
|
|
@@ -398,10 +399,10 @@ function vt(e, t) {
|
|
|
398
399
|
const n = [...e], r = n.indexOf(t);
|
|
399
400
|
return r !== -1 && n.splice(r, 1), n;
|
|
400
401
|
}
|
|
401
|
-
function
|
|
402
|
+
function Dr(e) {
|
|
402
403
|
return e.filter((t) => t.tagName !== "A");
|
|
403
404
|
}
|
|
404
|
-
var
|
|
405
|
+
var Tr = "Arrow", Ot = a.forwardRef((e, t) => {
|
|
405
406
|
const { children: n, width: r = 10, height: o = 5, ...i } = e;
|
|
406
407
|
return /* @__PURE__ */ d(
|
|
407
408
|
U.svg,
|
|
@@ -416,10 +417,10 @@ var Ar = "Arrow", Ot = a.forwardRef((e, t) => {
|
|
|
416
417
|
}
|
|
417
418
|
);
|
|
418
419
|
});
|
|
419
|
-
Ot.displayName =
|
|
420
|
-
var
|
|
420
|
+
Ot.displayName = Tr;
|
|
421
|
+
var Or = Ot, Xe = "Popper", [Ft, Lt] = Re(Xe), [Fr, kt] = Ft(Xe), Wt = (e) => {
|
|
421
422
|
const { __scopePopper: t, children: n } = e, [r, o] = a.useState(null);
|
|
422
|
-
return /* @__PURE__ */ d(
|
|
423
|
+
return /* @__PURE__ */ d(Fr, { scope: t, anchor: r, onAnchorChange: o, children: n });
|
|
423
424
|
};
|
|
424
425
|
Wt.displayName = Xe;
|
|
425
426
|
var Ut = "PopperAnchor", $t = a.forwardRef(
|
|
@@ -431,7 +432,7 @@ var Ut = "PopperAnchor", $t = a.forwardRef(
|
|
|
431
432
|
}
|
|
432
433
|
);
|
|
433
434
|
$t.displayName = Ut;
|
|
434
|
-
var je = "PopperContent", [
|
|
435
|
+
var je = "PopperContent", [Lr, kr] = Ft(je), Bt = a.forwardRef(
|
|
435
436
|
(e, t) => {
|
|
436
437
|
var K, ie, F, ce, rt, ot;
|
|
437
438
|
const {
|
|
@@ -441,57 +442,57 @@ var je = "PopperContent", [Or, Fr] = Ft(je), Bt = a.forwardRef(
|
|
|
441
442
|
align: i = "center",
|
|
442
443
|
alignOffset: s = 0,
|
|
443
444
|
arrowPadding: c = 0,
|
|
444
|
-
avoidCollisions:
|
|
445
|
+
avoidCollisions: f = !0,
|
|
445
446
|
collisionBoundary: u = [],
|
|
446
|
-
collisionPadding:
|
|
447
|
+
collisionPadding: p = 0,
|
|
447
448
|
sticky: m = "partial",
|
|
448
449
|
hideWhenDetached: v = !1,
|
|
449
|
-
updatePositionStrategy:
|
|
450
|
+
updatePositionStrategy: w = "optimized",
|
|
450
451
|
onPlaced: h,
|
|
451
452
|
...l
|
|
452
|
-
} = e,
|
|
453
|
+
} = e, E = kt(je, n), [g, _] = a.useState(null), C = k(t, (se) => _(se)), [R, M] = a.useState(null), x = Gn(R), b = (x == null ? void 0 : x.width) ?? 0, P = (x == null ? void 0 : x.height) ?? 0, I = r + (i !== "center" ? "-" + i : ""), T = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, z = Array.isArray(u) ? u : [u], X = z.length > 0, B = {
|
|
453
454
|
padding: T,
|
|
454
|
-
boundary: z.filter(
|
|
455
|
+
boundary: z.filter(Ur),
|
|
455
456
|
// with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
|
|
456
457
|
altBoundary: X
|
|
457
|
-
}, { refs: Q, floatingStyles: q, placement: W, isPositioned: J, middlewareData: O } =
|
|
458
|
+
}, { refs: Q, floatingStyles: q, placement: W, isPositioned: J, middlewareData: O } = Hn({
|
|
458
459
|
// default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
|
|
459
460
|
strategy: "fixed",
|
|
460
461
|
placement: I,
|
|
461
|
-
whileElementsMounted: (...se) =>
|
|
462
|
-
animationFrame:
|
|
462
|
+
whileElementsMounted: (...se) => Yn(...se, {
|
|
463
|
+
animationFrame: w === "always"
|
|
463
464
|
}),
|
|
464
465
|
elements: {
|
|
465
|
-
reference:
|
|
466
|
+
reference: E.anchor
|
|
466
467
|
},
|
|
467
468
|
middleware: [
|
|
468
|
-
|
|
469
|
-
|
|
469
|
+
Xn({ mainAxis: o + P, alignmentAxis: s }),
|
|
470
|
+
f && jn({
|
|
470
471
|
mainAxis: !0,
|
|
471
472
|
crossAxis: !1,
|
|
472
|
-
limiter: m === "partial" ?
|
|
473
|
+
limiter: m === "partial" ? Zn() : void 0,
|
|
473
474
|
...B
|
|
474
475
|
}),
|
|
475
|
-
|
|
476
|
-
|
|
476
|
+
f && Qn({ ...B }),
|
|
477
|
+
qn({
|
|
477
478
|
...B,
|
|
478
479
|
apply: ({ elements: se, rects: at, availableWidth: Ln, availableHeight: kn }) => {
|
|
479
480
|
const { width: Wn, height: Un } = at.reference, he = se.floating.style;
|
|
480
481
|
he.setProperty("--radix-popper-available-width", `${Ln}px`), he.setProperty("--radix-popper-available-height", `${kn}px`), he.setProperty("--radix-popper-anchor-width", `${Wn}px`), he.setProperty("--radix-popper-anchor-height", `${Un}px`);
|
|
481
482
|
}
|
|
482
483
|
}),
|
|
483
|
-
R &&
|
|
484
|
-
|
|
485
|
-
v &&
|
|
484
|
+
R && Jn({ element: R, padding: c }),
|
|
485
|
+
$r({ arrowWidth: b, arrowHeight: P }),
|
|
486
|
+
v && er({ strategy: "referenceHidden", ...B })
|
|
486
487
|
]
|
|
487
488
|
}), [y, A] = zt(W), N = Y(h);
|
|
488
|
-
|
|
489
|
+
Ce(() => {
|
|
489
490
|
J && (N == null || N());
|
|
490
491
|
}, [J, N]);
|
|
491
492
|
const $ = (K = O.arrow) == null ? void 0 : K.x, oe = (ie = O.arrow) == null ? void 0 : ie.y, ae = ((F = O.arrow) == null ? void 0 : F.centerOffset) !== 0, [ve, j] = a.useState();
|
|
492
|
-
return
|
|
493
|
-
|
|
494
|
-
}, [
|
|
493
|
+
return Ce(() => {
|
|
494
|
+
g && j(window.getComputedStyle(g).zIndex);
|
|
495
|
+
}, [g]), /* @__PURE__ */ d(
|
|
495
496
|
"div",
|
|
496
497
|
{
|
|
497
498
|
ref: Q.setFloating,
|
|
@@ -516,7 +517,7 @@ var je = "PopperContent", [Or, Fr] = Ft(je), Bt = a.forwardRef(
|
|
|
516
517
|
},
|
|
517
518
|
dir: e.dir,
|
|
518
519
|
children: /* @__PURE__ */ d(
|
|
519
|
-
|
|
520
|
+
Lr,
|
|
520
521
|
{
|
|
521
522
|
scope: n,
|
|
522
523
|
placedSide: y,
|
|
@@ -530,7 +531,7 @@ var je = "PopperContent", [Or, Fr] = Ft(je), Bt = a.forwardRef(
|
|
|
530
531
|
"data-side": y,
|
|
531
532
|
"data-align": A,
|
|
532
533
|
...l,
|
|
533
|
-
ref:
|
|
534
|
+
ref: C,
|
|
534
535
|
style: {
|
|
535
536
|
...l.style,
|
|
536
537
|
// if the PopperContent hasn't been placed yet (not all measurements done)
|
|
@@ -546,13 +547,13 @@ var je = "PopperContent", [Or, Fr] = Ft(je), Bt = a.forwardRef(
|
|
|
546
547
|
}
|
|
547
548
|
);
|
|
548
549
|
Bt.displayName = je;
|
|
549
|
-
var Kt = "PopperArrow",
|
|
550
|
+
var Kt = "PopperArrow", Wr = {
|
|
550
551
|
top: "bottom",
|
|
551
552
|
right: "left",
|
|
552
553
|
bottom: "top",
|
|
553
554
|
left: "right"
|
|
554
555
|
}, Gt = a.forwardRef(function(t, n) {
|
|
555
|
-
const { __scopePopper: r, ...o } = t, i =
|
|
556
|
+
const { __scopePopper: r, ...o } = t, i = kr(Kt, r), s = Wr[i.placedSide];
|
|
556
557
|
return (
|
|
557
558
|
// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
558
559
|
// doesn't report size as we'd expect on SVG elements.
|
|
@@ -581,7 +582,7 @@ var Kt = "PopperArrow", Lr = {
|
|
|
581
582
|
visibility: i.shouldHideArrow ? "hidden" : void 0
|
|
582
583
|
},
|
|
583
584
|
children: /* @__PURE__ */ d(
|
|
584
|
-
|
|
585
|
+
Or,
|
|
585
586
|
{
|
|
586
587
|
...o,
|
|
587
588
|
ref: n,
|
|
@@ -597,34 +598,34 @@ var Kt = "PopperArrow", Lr = {
|
|
|
597
598
|
);
|
|
598
599
|
});
|
|
599
600
|
Gt.displayName = Kt;
|
|
600
|
-
function
|
|
601
|
+
function Ur(e) {
|
|
601
602
|
return e !== null;
|
|
602
603
|
}
|
|
603
|
-
var
|
|
604
|
+
var $r = (e) => ({
|
|
604
605
|
name: "transformOrigin",
|
|
605
606
|
options: e,
|
|
606
607
|
fn(t) {
|
|
607
|
-
var
|
|
608
|
-
const { placement: n, rects: r, middlewareData: o } = t, s = ((
|
|
608
|
+
var E, g, _;
|
|
609
|
+
const { placement: n, rects: r, middlewareData: o } = t, s = ((E = o.arrow) == null ? void 0 : E.centerOffset) !== 0, c = s ? 0 : e.arrowWidth, f = s ? 0 : e.arrowHeight, [u, p] = zt(n), m = { start: "0%", center: "50%", end: "100%" }[p], v = (((g = o.arrow) == null ? void 0 : g.x) ?? 0) + c / 2, w = (((_ = o.arrow) == null ? void 0 : _.y) ?? 0) + f / 2;
|
|
609
610
|
let h = "", l = "";
|
|
610
|
-
return u === "bottom" ? (h = s ? m : `${v}px`, l = `${-
|
|
611
|
+
return u === "bottom" ? (h = s ? m : `${v}px`, l = `${-f}px`) : u === "top" ? (h = s ? m : `${v}px`, l = `${r.floating.height + f}px`) : u === "right" ? (h = `${-f}px`, l = s ? m : `${w}px`) : u === "left" && (h = `${r.floating.width + f}px`, l = s ? m : `${w}px`), { data: { x: h, y: l } };
|
|
611
612
|
}
|
|
612
613
|
});
|
|
613
614
|
function zt(e) {
|
|
614
615
|
const [t, n = "center"] = e.split("-");
|
|
615
616
|
return [t, n];
|
|
616
617
|
}
|
|
617
|
-
var
|
|
618
|
-
function
|
|
618
|
+
var Br = Wt, Kr = $t, Gr = Bt, zr = Gt;
|
|
619
|
+
function Vr(e, t) {
|
|
619
620
|
return a.useReducer((n, r) => t[n][r] ?? n, e);
|
|
620
621
|
}
|
|
621
622
|
var Me = (e) => {
|
|
622
|
-
const { present: t, children: n } = e, r =
|
|
623
|
+
const { present: t, children: n } = e, r = Hr(t), o = typeof n == "function" ? n({ present: r.isPresent }) : a.Children.only(n), i = k(r.ref, Yr(o));
|
|
623
624
|
return typeof n == "function" || r.isPresent ? a.cloneElement(o, { ref: i }) : null;
|
|
624
625
|
};
|
|
625
626
|
Me.displayName = "Presence";
|
|
626
|
-
function
|
|
627
|
-
const [t, n] = a.useState(), r = a.useRef({}), o = a.useRef(e), i = a.useRef("none"), s = e ? "mounted" : "unmounted", [c,
|
|
627
|
+
function Hr(e) {
|
|
628
|
+
const [t, n] = a.useState(), r = a.useRef({}), o = a.useRef(e), i = a.useRef("none"), s = e ? "mounted" : "unmounted", [c, f] = Vr(s, {
|
|
628
629
|
mounted: {
|
|
629
630
|
UNMOUNT: "unmounted",
|
|
630
631
|
ANIMATION_OUT: "unmountSuspended"
|
|
@@ -640,32 +641,32 @@ function zr(e) {
|
|
|
640
641
|
return a.useEffect(() => {
|
|
641
642
|
const u = ge(r.current);
|
|
642
643
|
i.current = c === "mounted" ? u : "none";
|
|
643
|
-
}, [c]),
|
|
644
|
-
const u = r.current,
|
|
645
|
-
if (
|
|
646
|
-
const v = i.current,
|
|
647
|
-
e ?
|
|
644
|
+
}, [c]), Ce(() => {
|
|
645
|
+
const u = r.current, p = o.current;
|
|
646
|
+
if (p !== e) {
|
|
647
|
+
const v = i.current, w = ge(u);
|
|
648
|
+
e ? f("MOUNT") : w === "none" || (u == null ? void 0 : u.display) === "none" ? f("UNMOUNT") : f(p && v !== w ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
|
|
648
649
|
}
|
|
649
|
-
}, [e,
|
|
650
|
+
}, [e, f]), Ce(() => {
|
|
650
651
|
if (t) {
|
|
651
652
|
let u;
|
|
652
|
-
const
|
|
653
|
-
const l = ge(r.current).includes(
|
|
654
|
-
if (
|
|
655
|
-
const
|
|
656
|
-
t.style.animationFillMode = "forwards", u =
|
|
657
|
-
t.style.animationFillMode === "forwards" && (t.style.animationFillMode =
|
|
653
|
+
const p = t.ownerDocument.defaultView ?? window, m = (w) => {
|
|
654
|
+
const l = ge(r.current).includes(w.animationName);
|
|
655
|
+
if (w.target === t && l && (f("ANIMATION_END"), !o.current)) {
|
|
656
|
+
const E = t.style.animationFillMode;
|
|
657
|
+
t.style.animationFillMode = "forwards", u = p.setTimeout(() => {
|
|
658
|
+
t.style.animationFillMode === "forwards" && (t.style.animationFillMode = E);
|
|
658
659
|
});
|
|
659
660
|
}
|
|
660
|
-
}, v = (
|
|
661
|
-
|
|
661
|
+
}, v = (w) => {
|
|
662
|
+
w.target === t && (i.current = ge(r.current));
|
|
662
663
|
};
|
|
663
664
|
return t.addEventListener("animationstart", v), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
|
|
664
|
-
|
|
665
|
+
p.clearTimeout(u), t.removeEventListener("animationstart", v), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
|
|
665
666
|
};
|
|
666
667
|
} else
|
|
667
|
-
|
|
668
|
-
}, [t,
|
|
668
|
+
f("ANIMATION_END");
|
|
669
|
+
}, [t, f]), {
|
|
669
670
|
isPresent: ["mounted", "unmountSuspended"].includes(c),
|
|
670
671
|
ref: a.useCallback((u) => {
|
|
671
672
|
u && (r.current = getComputedStyle(u)), n(u);
|
|
@@ -675,15 +676,15 @@ function zr(e) {
|
|
|
675
676
|
function ge(e) {
|
|
676
677
|
return (e == null ? void 0 : e.animationName) || "none";
|
|
677
678
|
}
|
|
678
|
-
function
|
|
679
|
+
function Yr(e) {
|
|
679
680
|
var r, o;
|
|
680
681
|
let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
681
682
|
return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
682
683
|
}
|
|
683
684
|
var Vt = a.forwardRef((e, t) => {
|
|
684
|
-
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(
|
|
685
|
+
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(jr);
|
|
685
686
|
if (i) {
|
|
686
|
-
const s = i.props.children, c = o.map((
|
|
687
|
+
const s = i.props.children, c = o.map((f) => f === i ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : f);
|
|
687
688
|
return /* @__PURE__ */ d(Ke, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, c) : null });
|
|
688
689
|
}
|
|
689
690
|
return /* @__PURE__ */ d(Ke, { ...r, ref: t, children: n });
|
|
@@ -692,9 +693,9 @@ Vt.displayName = "Slot";
|
|
|
692
693
|
var Ke = a.forwardRef((e, t) => {
|
|
693
694
|
const { children: n, ...r } = e;
|
|
694
695
|
if (a.isValidElement(n)) {
|
|
695
|
-
const o =
|
|
696
|
+
const o = Qr(n);
|
|
696
697
|
return a.cloneElement(n, {
|
|
697
|
-
...
|
|
698
|
+
...Zr(r, n.props),
|
|
698
699
|
// @ts-ignore
|
|
699
700
|
ref: t ? fe(t, o) : o
|
|
700
701
|
});
|
|
@@ -702,11 +703,11 @@ var Ke = a.forwardRef((e, t) => {
|
|
|
702
703
|
return a.Children.count(n) > 1 ? a.Children.only(null) : null;
|
|
703
704
|
});
|
|
704
705
|
Ke.displayName = "SlotClone";
|
|
705
|
-
var
|
|
706
|
-
function
|
|
707
|
-
return a.isValidElement(e) && e.type ===
|
|
706
|
+
var Xr = ({ children: e }) => /* @__PURE__ */ d(He, { children: e });
|
|
707
|
+
function jr(e) {
|
|
708
|
+
return a.isValidElement(e) && e.type === Xr;
|
|
708
709
|
}
|
|
709
|
-
function
|
|
710
|
+
function Zr(e, t) {
|
|
710
711
|
const n = { ...t };
|
|
711
712
|
for (const r in t) {
|
|
712
713
|
const o = e[r], i = t[r];
|
|
@@ -716,12 +717,12 @@ function Xr(e, t) {
|
|
|
716
717
|
}
|
|
717
718
|
return { ...e, ...n };
|
|
718
719
|
}
|
|
719
|
-
function
|
|
720
|
+
function Qr(e) {
|
|
720
721
|
var r, o;
|
|
721
722
|
let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
722
723
|
return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
723
724
|
}
|
|
724
|
-
var
|
|
725
|
+
var qr = [
|
|
725
726
|
"a",
|
|
726
727
|
"button",
|
|
727
728
|
"div",
|
|
@@ -738,20 +739,20 @@ var Zr = [
|
|
|
738
739
|
"span",
|
|
739
740
|
"svg",
|
|
740
741
|
"ul"
|
|
741
|
-
], Ht =
|
|
742
|
+
], Ht = qr.reduce((e, t) => {
|
|
742
743
|
const n = a.forwardRef((r, o) => {
|
|
743
744
|
const { asChild: i, ...s } = r, c = i ? Vt : t;
|
|
744
745
|
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(c, { ...s, ref: o });
|
|
745
746
|
});
|
|
746
747
|
return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
|
|
747
|
-
}, {}), Oe = "rovingFocusGroup.onEntryFocus",
|
|
748
|
+
}, {}), Oe = "rovingFocusGroup.onEntryFocus", Jr = { bubbles: !1, cancelable: !0 }, Pe = "RovingFocusGroup", [Ge, Yt, eo] = bt(Pe), [to, Xt] = Re(
|
|
748
749
|
Pe,
|
|
749
|
-
[
|
|
750
|
-
), [
|
|
751
|
-
(e, t) => /* @__PURE__ */ d(Ge.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(Ge.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(
|
|
750
|
+
[eo]
|
|
751
|
+
), [no, ro] = to(Pe), jt = a.forwardRef(
|
|
752
|
+
(e, t) => /* @__PURE__ */ d(Ge.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(Ge.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(oo, { ...e, ref: t }) }) })
|
|
752
753
|
);
|
|
753
754
|
jt.displayName = Pe;
|
|
754
|
-
var
|
|
755
|
+
var oo = a.forwardRef((e, t) => {
|
|
755
756
|
const {
|
|
756
757
|
__scopeRovingFocusGroup: n,
|
|
757
758
|
orientation: r,
|
|
@@ -759,21 +760,21 @@ var no = a.forwardRef((e, t) => {
|
|
|
759
760
|
dir: i,
|
|
760
761
|
currentTabStopId: s,
|
|
761
762
|
defaultCurrentTabStopId: c,
|
|
762
|
-
onCurrentTabStopIdChange:
|
|
763
|
+
onCurrentTabStopIdChange: f,
|
|
763
764
|
onEntryFocus: u,
|
|
764
|
-
preventScrollOnEntryFocus:
|
|
765
|
+
preventScrollOnEntryFocus: p = !1,
|
|
765
766
|
...m
|
|
766
|
-
} = e, v = a.useRef(null),
|
|
767
|
+
} = e, v = a.useRef(null), w = k(t, v), h = Rt(i), [l = null, E] = St({
|
|
767
768
|
prop: s,
|
|
768
769
|
defaultProp: c,
|
|
769
|
-
onChange:
|
|
770
|
-
}), [
|
|
770
|
+
onChange: f
|
|
771
|
+
}), [g, _] = a.useState(!1), C = Y(u), R = Yt(n), M = a.useRef(!1), [x, b] = a.useState(0);
|
|
771
772
|
return a.useEffect(() => {
|
|
772
773
|
const P = v.current;
|
|
773
774
|
if (P)
|
|
774
|
-
return P.addEventListener(Oe,
|
|
775
|
-
}, [
|
|
776
|
-
|
|
775
|
+
return P.addEventListener(Oe, C), () => P.removeEventListener(Oe, C);
|
|
776
|
+
}, [C]), /* @__PURE__ */ d(
|
|
777
|
+
no,
|
|
777
778
|
{
|
|
778
779
|
scope: n,
|
|
779
780
|
orientation: r,
|
|
@@ -781,10 +782,10 @@ var no = a.forwardRef((e, t) => {
|
|
|
781
782
|
loop: o,
|
|
782
783
|
currentTabStopId: l,
|
|
783
784
|
onItemFocus: a.useCallback(
|
|
784
|
-
(P) =>
|
|
785
|
-
[
|
|
785
|
+
(P) => E(P),
|
|
786
|
+
[E]
|
|
786
787
|
),
|
|
787
|
-
onItemShiftTab: a.useCallback(() =>
|
|
788
|
+
onItemShiftTab: a.useCallback(() => _(!0), []),
|
|
788
789
|
onFocusableItemAdd: a.useCallback(
|
|
789
790
|
() => b((P) => P + 1),
|
|
790
791
|
[]
|
|
@@ -796,28 +797,28 @@ var no = a.forwardRef((e, t) => {
|
|
|
796
797
|
children: /* @__PURE__ */ d(
|
|
797
798
|
Ht.div,
|
|
798
799
|
{
|
|
799
|
-
tabIndex:
|
|
800
|
+
tabIndex: g || x === 0 ? -1 : 0,
|
|
800
801
|
"data-orientation": r,
|
|
801
802
|
...m,
|
|
802
|
-
ref:
|
|
803
|
+
ref: w,
|
|
803
804
|
style: { outline: "none", ...e.style },
|
|
804
805
|
onMouseDown: S(e.onMouseDown, () => {
|
|
805
806
|
M.current = !0;
|
|
806
807
|
}),
|
|
807
808
|
onFocus: S(e.onFocus, (P) => {
|
|
808
809
|
const I = !M.current;
|
|
809
|
-
if (P.target === P.currentTarget && I && !
|
|
810
|
-
const T = new CustomEvent(Oe,
|
|
810
|
+
if (P.target === P.currentTarget && I && !g) {
|
|
811
|
+
const T = new CustomEvent(Oe, Jr);
|
|
811
812
|
if (P.currentTarget.dispatchEvent(T), !T.defaultPrevented) {
|
|
812
813
|
const z = R().filter((W) => W.focusable), X = z.find((W) => W.active), B = z.find((W) => W.id === l), q = [X, B, ...z].filter(
|
|
813
814
|
Boolean
|
|
814
815
|
).map((W) => W.ref.current);
|
|
815
|
-
qt(q,
|
|
816
|
+
qt(q, p);
|
|
816
817
|
}
|
|
817
818
|
}
|
|
818
819
|
M.current = !1;
|
|
819
820
|
}),
|
|
820
|
-
onBlur: S(e.onBlur, () =>
|
|
821
|
+
onBlur: S(e.onBlur, () => _(!1))
|
|
821
822
|
}
|
|
822
823
|
)
|
|
823
824
|
}
|
|
@@ -830,46 +831,46 @@ var no = a.forwardRef((e, t) => {
|
|
|
830
831
|
active: o = !1,
|
|
831
832
|
tabStopId: i,
|
|
832
833
|
...s
|
|
833
|
-
} = e, c = We(),
|
|
834
|
+
} = e, c = We(), f = i || c, u = ro(Zt, n), p = u.currentTabStopId === f, m = Yt(n), { onFocusableItemAdd: v, onFocusableItemRemove: w } = u;
|
|
834
835
|
return a.useEffect(() => {
|
|
835
836
|
if (r)
|
|
836
|
-
return v(), () =>
|
|
837
|
-
}, [r, v,
|
|
837
|
+
return v(), () => w();
|
|
838
|
+
}, [r, v, w]), /* @__PURE__ */ d(
|
|
838
839
|
Ge.ItemSlot,
|
|
839
840
|
{
|
|
840
841
|
scope: n,
|
|
841
|
-
id:
|
|
842
|
+
id: f,
|
|
842
843
|
focusable: r,
|
|
843
844
|
active: o,
|
|
844
845
|
children: /* @__PURE__ */ d(
|
|
845
846
|
Ht.span,
|
|
846
847
|
{
|
|
847
|
-
tabIndex:
|
|
848
|
+
tabIndex: p ? 0 : -1,
|
|
848
849
|
"data-orientation": u.orientation,
|
|
849
850
|
...s,
|
|
850
851
|
ref: t,
|
|
851
852
|
onMouseDown: S(e.onMouseDown, (h) => {
|
|
852
|
-
r ? u.onItemFocus(
|
|
853
|
+
r ? u.onItemFocus(f) : h.preventDefault();
|
|
853
854
|
}),
|
|
854
|
-
onFocus: S(e.onFocus, () => u.onItemFocus(
|
|
855
|
+
onFocus: S(e.onFocus, () => u.onItemFocus(f)),
|
|
855
856
|
onKeyDown: S(e.onKeyDown, (h) => {
|
|
856
857
|
if (h.key === "Tab" && h.shiftKey) {
|
|
857
858
|
u.onItemShiftTab();
|
|
858
859
|
return;
|
|
859
860
|
}
|
|
860
861
|
if (h.target !== h.currentTarget) return;
|
|
861
|
-
const l =
|
|
862
|
+
const l = co(h, u.orientation, u.dir);
|
|
862
863
|
if (l !== void 0) {
|
|
863
864
|
if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
|
|
864
865
|
h.preventDefault();
|
|
865
|
-
let
|
|
866
|
-
if (l === "last")
|
|
866
|
+
let g = m().filter((_) => _.focusable).map((_) => _.ref.current);
|
|
867
|
+
if (l === "last") g.reverse();
|
|
867
868
|
else if (l === "prev" || l === "next") {
|
|
868
|
-
l === "prev" &&
|
|
869
|
-
const
|
|
870
|
-
|
|
869
|
+
l === "prev" && g.reverse();
|
|
870
|
+
const _ = g.indexOf(h.currentTarget);
|
|
871
|
+
g = u.loop ? so(g, _ + 1) : g.slice(_ + 1);
|
|
871
872
|
}
|
|
872
|
-
setTimeout(() => qt(
|
|
873
|
+
setTimeout(() => qt(g));
|
|
873
874
|
}
|
|
874
875
|
})
|
|
875
876
|
}
|
|
@@ -879,7 +880,7 @@ var no = a.forwardRef((e, t) => {
|
|
|
879
880
|
}
|
|
880
881
|
);
|
|
881
882
|
Qt.displayName = Zt;
|
|
882
|
-
var
|
|
883
|
+
var ao = {
|
|
883
884
|
ArrowLeft: "prev",
|
|
884
885
|
ArrowUp: "prev",
|
|
885
886
|
ArrowRight: "next",
|
|
@@ -889,28 +890,28 @@ var ro = {
|
|
|
889
890
|
PageDown: "last",
|
|
890
891
|
End: "last"
|
|
891
892
|
};
|
|
892
|
-
function
|
|
893
|
+
function io(e, t) {
|
|
893
894
|
return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
|
|
894
895
|
}
|
|
895
|
-
function
|
|
896
|
-
const r =
|
|
896
|
+
function co(e, t, n) {
|
|
897
|
+
const r = io(e.key, n);
|
|
897
898
|
if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
|
|
898
|
-
return
|
|
899
|
+
return ao[r];
|
|
899
900
|
}
|
|
900
901
|
function qt(e, t = !1) {
|
|
901
902
|
const n = document.activeElement;
|
|
902
903
|
for (const r of e)
|
|
903
904
|
if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
|
|
904
905
|
}
|
|
905
|
-
function
|
|
906
|
+
function so(e, t) {
|
|
906
907
|
return e.map((n, r) => e[(t + r) % e.length]);
|
|
907
908
|
}
|
|
908
|
-
var
|
|
909
|
+
var uo = jt, lo = Qt, ye = "right-scroll-bar-position", _e = "width-before-scroll-bar", fo = "with-scroll-bars-hidden", po = "--removed-body-scroll-bar-size";
|
|
909
910
|
function Fe(e, t) {
|
|
910
911
|
return typeof e == "function" ? e(t) : e && (e.current = t), e;
|
|
911
912
|
}
|
|
912
|
-
function
|
|
913
|
-
var n =
|
|
913
|
+
function mo(e, t) {
|
|
914
|
+
var n = Ct(function() {
|
|
914
915
|
return {
|
|
915
916
|
// value
|
|
916
917
|
value: e,
|
|
@@ -930,14 +931,14 @@ function fo(e, t) {
|
|
|
930
931
|
})[0];
|
|
931
932
|
return n.callback = t, n.facade;
|
|
932
933
|
}
|
|
933
|
-
var
|
|
934
|
-
function
|
|
935
|
-
var n =
|
|
934
|
+
var vo = typeof window < "u" ? a.useLayoutEffect : a.useEffect, ht = /* @__PURE__ */ new WeakMap();
|
|
935
|
+
function ho(e, t) {
|
|
936
|
+
var n = mo(null, function(r) {
|
|
936
937
|
return e.forEach(function(o) {
|
|
937
938
|
return Fe(o, r);
|
|
938
939
|
});
|
|
939
940
|
});
|
|
940
|
-
return
|
|
941
|
+
return vo(function() {
|
|
941
942
|
var r = ht.get(n);
|
|
942
943
|
if (r) {
|
|
943
944
|
var o = new Set(r), i = new Set(e), s = n.current;
|
|
@@ -950,11 +951,11 @@ function mo(e, t) {
|
|
|
950
951
|
ht.set(n, e);
|
|
951
952
|
}, [e]), n;
|
|
952
953
|
}
|
|
953
|
-
function
|
|
954
|
+
function go(e) {
|
|
954
955
|
return e;
|
|
955
956
|
}
|
|
956
|
-
function
|
|
957
|
-
t === void 0 && (t =
|
|
957
|
+
function wo(e, t) {
|
|
958
|
+
t === void 0 && (t = go);
|
|
958
959
|
var n = [], r = !1, o = {
|
|
959
960
|
read: function() {
|
|
960
961
|
if (r)
|
|
@@ -990,27 +991,27 @@ function ho(e, t) {
|
|
|
990
991
|
var c = n;
|
|
991
992
|
n = [], c.forEach(i), s = n;
|
|
992
993
|
}
|
|
993
|
-
var
|
|
994
|
-
var
|
|
995
|
-
s = [],
|
|
994
|
+
var f = function() {
|
|
995
|
+
var p = s;
|
|
996
|
+
s = [], p.forEach(i);
|
|
996
997
|
}, u = function() {
|
|
997
|
-
return Promise.resolve().then(
|
|
998
|
+
return Promise.resolve().then(f);
|
|
998
999
|
};
|
|
999
1000
|
u(), n = {
|
|
1000
|
-
push: function(
|
|
1001
|
-
s.push(
|
|
1001
|
+
push: function(p) {
|
|
1002
|
+
s.push(p), u();
|
|
1002
1003
|
},
|
|
1003
|
-
filter: function(
|
|
1004
|
-
return s = s.filter(
|
|
1004
|
+
filter: function(p) {
|
|
1005
|
+
return s = s.filter(p), n;
|
|
1005
1006
|
}
|
|
1006
1007
|
};
|
|
1007
1008
|
}
|
|
1008
1009
|
};
|
|
1009
1010
|
return o;
|
|
1010
1011
|
}
|
|
1011
|
-
function
|
|
1012
|
+
function Eo(e) {
|
|
1012
1013
|
e === void 0 && (e = {});
|
|
1013
|
-
var t =
|
|
1014
|
+
var t = wo(null);
|
|
1014
1015
|
return t.options = H({ async: !0, ssr: !1 }, e), t;
|
|
1015
1016
|
}
|
|
1016
1017
|
var Jt = function(e) {
|
|
@@ -1023,21 +1024,21 @@ var Jt = function(e) {
|
|
|
1023
1024
|
return a.createElement(r, H({}, n));
|
|
1024
1025
|
};
|
|
1025
1026
|
Jt.isSideCarExport = !0;
|
|
1026
|
-
function
|
|
1027
|
+
function yo(e, t) {
|
|
1027
1028
|
return e.useMedium(t), Jt;
|
|
1028
1029
|
}
|
|
1029
|
-
var en =
|
|
1030
|
+
var en = Eo(), Le = function() {
|
|
1030
1031
|
}, xe = a.forwardRef(function(e, t) {
|
|
1031
1032
|
var n = a.useRef(null), r = a.useState({
|
|
1032
1033
|
onScrollCapture: Le,
|
|
1033
1034
|
onWheelCapture: Le,
|
|
1034
1035
|
onTouchMoveCapture: Le
|
|
1035
|
-
}), o = r[0], i = r[1], s = e.forwardProps, c = e.children,
|
|
1036
|
+
}), o = r[0], i = r[1], s = e.forwardProps, c = e.children, f = e.className, u = e.removeScrollBar, p = e.enabled, m = e.shards, v = e.sideCar, w = e.noIsolation, h = e.inert, l = e.allowPinchZoom, E = e.as, g = E === void 0 ? "div" : E, _ = e.gapMode, C = Mt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), R = v, M = ho([n, t]), x = H(H({}, C), o);
|
|
1036
1037
|
return a.createElement(
|
|
1037
1038
|
a.Fragment,
|
|
1038
1039
|
null,
|
|
1039
|
-
|
|
1040
|
-
s ? a.cloneElement(a.Children.only(c), H(H({}, x), { ref: M })) : a.createElement(
|
|
1040
|
+
p && a.createElement(R, { sideCar: en, removeScrollBar: u, shards: m, noIsolation: w, inert: h, setCallbacks: i, allowPinchZoom: !!l, lockRef: n, gapMode: _ }),
|
|
1041
|
+
s ? a.cloneElement(a.Children.only(c), H(H({}, x), { ref: M })) : a.createElement(g, H({}, x, { className: f, ref: M }), c)
|
|
1041
1042
|
);
|
|
1042
1043
|
});
|
|
1043
1044
|
xe.defaultProps = {
|
|
@@ -1046,36 +1047,36 @@ xe.defaultProps = {
|
|
|
1046
1047
|
inert: !1
|
|
1047
1048
|
};
|
|
1048
1049
|
xe.classNames = {
|
|
1049
|
-
fullWidth:
|
|
1050
|
+
fullWidth: _e,
|
|
1050
1051
|
zeroRight: ye
|
|
1051
1052
|
};
|
|
1052
|
-
function
|
|
1053
|
+
function _o() {
|
|
1053
1054
|
if (!document)
|
|
1054
1055
|
return null;
|
|
1055
1056
|
var e = document.createElement("style");
|
|
1056
1057
|
e.type = "text/css";
|
|
1057
|
-
var t =
|
|
1058
|
+
var t = tr();
|
|
1058
1059
|
return t && e.setAttribute("nonce", t), e;
|
|
1059
1060
|
}
|
|
1060
|
-
function
|
|
1061
|
+
function Co(e, t) {
|
|
1061
1062
|
e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
|
|
1062
1063
|
}
|
|
1063
|
-
function
|
|
1064
|
+
function bo(e) {
|
|
1064
1065
|
var t = document.head || document.getElementsByTagName("head")[0];
|
|
1065
1066
|
t.appendChild(e);
|
|
1066
1067
|
}
|
|
1067
|
-
var
|
|
1068
|
+
var So = function() {
|
|
1068
1069
|
var e = 0, t = null;
|
|
1069
1070
|
return {
|
|
1070
1071
|
add: function(n) {
|
|
1071
|
-
e == 0 && (t =
|
|
1072
|
+
e == 0 && (t = _o()) && (Co(t, n), bo(t)), e++;
|
|
1072
1073
|
},
|
|
1073
1074
|
remove: function() {
|
|
1074
1075
|
e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
|
|
1075
1076
|
}
|
|
1076
1077
|
};
|
|
1077
|
-
},
|
|
1078
|
-
var e =
|
|
1078
|
+
}, Ro = function() {
|
|
1079
|
+
var e = So();
|
|
1079
1080
|
return function(t, n) {
|
|
1080
1081
|
a.useEffect(function() {
|
|
1081
1082
|
return e.add(t), function() {
|
|
@@ -1084,35 +1085,35 @@ var _o = function() {
|
|
|
1084
1085
|
}, [t && n]);
|
|
1085
1086
|
};
|
|
1086
1087
|
}, tn = function() {
|
|
1087
|
-
var e =
|
|
1088
|
+
var e = Ro(), t = function(n) {
|
|
1088
1089
|
var r = n.styles, o = n.dynamic;
|
|
1089
1090
|
return e(r, o), null;
|
|
1090
1091
|
};
|
|
1091
1092
|
return t;
|
|
1092
|
-
},
|
|
1093
|
+
}, Mo = {
|
|
1093
1094
|
left: 0,
|
|
1094
1095
|
top: 0,
|
|
1095
1096
|
right: 0,
|
|
1096
1097
|
gap: 0
|
|
1097
1098
|
}, ke = function(e) {
|
|
1098
1099
|
return parseInt(e || "", 10) || 0;
|
|
1099
|
-
},
|
|
1100
|
+
}, Po = function(e) {
|
|
1100
1101
|
var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
|
|
1101
1102
|
return [ke(n), ke(r), ke(o)];
|
|
1102
|
-
},
|
|
1103
|
+
}, xo = function(e) {
|
|
1103
1104
|
if (e === void 0 && (e = "margin"), typeof window > "u")
|
|
1104
|
-
return
|
|
1105
|
-
var t =
|
|
1105
|
+
return Mo;
|
|
1106
|
+
var t = Po(e), n = document.documentElement.clientWidth, r = window.innerWidth;
|
|
1106
1107
|
return {
|
|
1107
1108
|
left: t[0],
|
|
1108
1109
|
top: t[1],
|
|
1109
1110
|
right: t[2],
|
|
1110
1111
|
gap: Math.max(0, r - n + t[2] - t[0])
|
|
1111
1112
|
};
|
|
1112
|
-
},
|
|
1113
|
+
}, No = tn(), ne = "data-scroll-locked", Io = function(e, t, n, r) {
|
|
1113
1114
|
var o = e.left, i = e.top, s = e.right, c = e.gap;
|
|
1114
1115
|
return n === void 0 && (n = "margin"), `
|
|
1115
|
-
.`.concat(
|
|
1116
|
+
.`.concat(fo, ` {
|
|
1116
1117
|
overflow: hidden `).concat(r, `;
|
|
1117
1118
|
padding-right: `).concat(c, "px ").concat(r, `;
|
|
1118
1119
|
}
|
|
@@ -1137,7 +1138,7 @@ var _o = function() {
|
|
|
1137
1138
|
right: `).concat(c, "px ").concat(r, `;
|
|
1138
1139
|
}
|
|
1139
1140
|
|
|
1140
|
-
.`).concat(
|
|
1141
|
+
.`).concat(_e, ` {
|
|
1141
1142
|
margin-right: `).concat(c, "px ").concat(r, `;
|
|
1142
1143
|
}
|
|
1143
1144
|
|
|
@@ -1145,31 +1146,31 @@ var _o = function() {
|
|
|
1145
1146
|
right: 0 `).concat(r, `;
|
|
1146
1147
|
}
|
|
1147
1148
|
|
|
1148
|
-
.`).concat(
|
|
1149
|
+
.`).concat(_e, " .").concat(_e, ` {
|
|
1149
1150
|
margin-right: 0 `).concat(r, `;
|
|
1150
1151
|
}
|
|
1151
1152
|
|
|
1152
1153
|
body[`).concat(ne, `] {
|
|
1153
|
-
`).concat(
|
|
1154
|
+
`).concat(po, ": ").concat(c, `px;
|
|
1154
1155
|
}
|
|
1155
1156
|
`);
|
|
1156
1157
|
}, gt = function() {
|
|
1157
1158
|
var e = parseInt(document.body.getAttribute(ne) || "0", 10);
|
|
1158
1159
|
return isFinite(e) ? e : 0;
|
|
1159
|
-
},
|
|
1160
|
+
}, Ao = function() {
|
|
1160
1161
|
a.useEffect(function() {
|
|
1161
1162
|
return document.body.setAttribute(ne, (gt() + 1).toString()), function() {
|
|
1162
1163
|
var e = gt() - 1;
|
|
1163
1164
|
e <= 0 ? document.body.removeAttribute(ne) : document.body.setAttribute(ne, e.toString());
|
|
1164
1165
|
};
|
|
1165
1166
|
}, []);
|
|
1166
|
-
},
|
|
1167
|
+
}, Do = function(e) {
|
|
1167
1168
|
var t = e.noRelative, n = e.noImportant, r = e.gapMode, o = r === void 0 ? "margin" : r;
|
|
1168
|
-
|
|
1169
|
+
Ao();
|
|
1169
1170
|
var i = a.useMemo(function() {
|
|
1170
|
-
return
|
|
1171
|
+
return xo(o);
|
|
1171
1172
|
}, [o]);
|
|
1172
|
-
return a.createElement(
|
|
1173
|
+
return a.createElement(No, { styles: Io(i, !t, o, n ? "" : "!important") });
|
|
1173
1174
|
}, ze = !1;
|
|
1174
1175
|
if (typeof window < "u")
|
|
1175
1176
|
try {
|
|
@@ -1182,7 +1183,7 @@ if (typeof window < "u")
|
|
|
1182
1183
|
} catch {
|
|
1183
1184
|
ze = !1;
|
|
1184
1185
|
}
|
|
1185
|
-
var ee = ze ? { passive: !1 } : !1,
|
|
1186
|
+
var ee = ze ? { passive: !1 } : !1, To = function(e) {
|
|
1186
1187
|
return e.tagName === "TEXTAREA";
|
|
1187
1188
|
}, nn = function(e, t) {
|
|
1188
1189
|
if (!(e instanceof Element))
|
|
@@ -1191,11 +1192,11 @@ var ee = ze ? { passive: !1 } : !1, Ao = function(e) {
|
|
|
1191
1192
|
return (
|
|
1192
1193
|
// not-not-scrollable
|
|
1193
1194
|
n[t] !== "hidden" && // contains scroll inside self
|
|
1194
|
-
!(n.overflowY === n.overflowX && !
|
|
1195
|
+
!(n.overflowY === n.overflowX && !To(e) && n[t] === "visible")
|
|
1195
1196
|
);
|
|
1196
|
-
},
|
|
1197
|
+
}, Oo = function(e) {
|
|
1197
1198
|
return nn(e, "overflowY");
|
|
1198
|
-
},
|
|
1199
|
+
}, Fo = function(e) {
|
|
1199
1200
|
return nn(e, "overflowX");
|
|
1200
1201
|
}, wt = function(e, t) {
|
|
1201
1202
|
var n = t.ownerDocument, r = t;
|
|
@@ -1210,14 +1211,14 @@ var ee = ze ? { passive: !1 } : !1, Ao = function(e) {
|
|
|
1210
1211
|
r = r.parentNode;
|
|
1211
1212
|
} while (r && r !== n.body);
|
|
1212
1213
|
return !1;
|
|
1213
|
-
},
|
|
1214
|
+
}, Lo = function(e) {
|
|
1214
1215
|
var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
|
|
1215
1216
|
return [
|
|
1216
1217
|
t,
|
|
1217
1218
|
n,
|
|
1218
1219
|
r
|
|
1219
1220
|
];
|
|
1220
|
-
},
|
|
1221
|
+
}, ko = function(e) {
|
|
1221
1222
|
var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
|
|
1222
1223
|
return [
|
|
1223
1224
|
t,
|
|
@@ -1225,57 +1226,57 @@ var ee = ze ? { passive: !1 } : !1, Ao = function(e) {
|
|
|
1225
1226
|
r
|
|
1226
1227
|
];
|
|
1227
1228
|
}, rn = function(e, t) {
|
|
1228
|
-
return e === "v" ? Do(t) : To(t);
|
|
1229
|
-
}, on = function(e, t) {
|
|
1230
1229
|
return e === "v" ? Oo(t) : Fo(t);
|
|
1231
|
-
},
|
|
1230
|
+
}, on = function(e, t) {
|
|
1231
|
+
return e === "v" ? Lo(t) : ko(t);
|
|
1232
|
+
}, Wo = function(e, t) {
|
|
1232
1233
|
return e === "h" && t === "rtl" ? -1 : 1;
|
|
1233
|
-
},
|
|
1234
|
-
var i =
|
|
1234
|
+
}, Uo = function(e, t, n, r, o) {
|
|
1235
|
+
var i = Wo(e, window.getComputedStyle(t).direction), s = i * r, c = n.target, f = t.contains(c), u = !1, p = s > 0, m = 0, v = 0;
|
|
1235
1236
|
do {
|
|
1236
|
-
var
|
|
1237
|
-
(h ||
|
|
1237
|
+
var w = on(e, c), h = w[0], l = w[1], E = w[2], g = l - E - i * h;
|
|
1238
|
+
(h || g) && rn(e, c) && (m += g, v += h), c instanceof ShadowRoot ? c = c.host : c = c.parentNode;
|
|
1238
1239
|
} while (
|
|
1239
1240
|
// portaled content
|
|
1240
|
-
!
|
|
1241
|
-
|
|
1241
|
+
!f && c !== document.body || // self content
|
|
1242
|
+
f && (t.contains(c) || t === c)
|
|
1242
1243
|
);
|
|
1243
|
-
return (
|
|
1244
|
+
return (p && (Math.abs(m) < 1 || !o) || !p && (Math.abs(v) < 1 || !o)) && (u = !0), u;
|
|
1244
1245
|
}, Ee = function(e) {
|
|
1245
1246
|
return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
|
|
1246
1247
|
}, Et = function(e) {
|
|
1247
1248
|
return [e.deltaX, e.deltaY];
|
|
1248
1249
|
}, yt = function(e) {
|
|
1249
1250
|
return e && "current" in e ? e.current : e;
|
|
1250
|
-
},
|
|
1251
|
+
}, $o = function(e, t) {
|
|
1251
1252
|
return e[0] === t[0] && e[1] === t[1];
|
|
1252
|
-
},
|
|
1253
|
+
}, Bo = function(e) {
|
|
1253
1254
|
return `
|
|
1254
1255
|
.block-interactivity-`.concat(e, ` {pointer-events: none;}
|
|
1255
1256
|
.allow-interactivity-`).concat(e, ` {pointer-events: all;}
|
|
1256
1257
|
`);
|
|
1257
|
-
},
|
|
1258
|
-
function
|
|
1259
|
-
var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(
|
|
1258
|
+
}, Ko = 0, te = [];
|
|
1259
|
+
function Go(e) {
|
|
1260
|
+
var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(Ko++)[0], i = a.useState(tn)[0], s = a.useRef(e);
|
|
1260
1261
|
a.useEffect(function() {
|
|
1261
1262
|
s.current = e;
|
|
1262
1263
|
}, [e]), a.useEffect(function() {
|
|
1263
1264
|
if (e.inert) {
|
|
1264
1265
|
document.body.classList.add("block-interactivity-".concat(o));
|
|
1265
|
-
var l =
|
|
1266
|
-
return l.forEach(function(
|
|
1267
|
-
return
|
|
1266
|
+
var l = rr([e.lockRef.current], (e.shards || []).map(yt), !0).filter(Boolean);
|
|
1267
|
+
return l.forEach(function(E) {
|
|
1268
|
+
return E.classList.add("allow-interactivity-".concat(o));
|
|
1268
1269
|
}), function() {
|
|
1269
|
-
document.body.classList.remove("block-interactivity-".concat(o)), l.forEach(function(
|
|
1270
|
-
return
|
|
1270
|
+
document.body.classList.remove("block-interactivity-".concat(o)), l.forEach(function(E) {
|
|
1271
|
+
return E.classList.remove("allow-interactivity-".concat(o));
|
|
1271
1272
|
});
|
|
1272
1273
|
};
|
|
1273
1274
|
}
|
|
1274
1275
|
}, [e.inert, e.lockRef.current, e.shards]);
|
|
1275
|
-
var c = a.useCallback(function(l,
|
|
1276
|
+
var c = a.useCallback(function(l, E) {
|
|
1276
1277
|
if ("touches" in l && l.touches.length === 2 || l.type === "wheel" && l.ctrlKey)
|
|
1277
1278
|
return !s.current.allowPinchZoom;
|
|
1278
|
-
var
|
|
1279
|
+
var g = Ee(l), _ = n.current, C = "deltaX" in l ? l.deltaX : _[0] - g[0], R = "deltaY" in l ? l.deltaY : _[1] - g[1], M, x = l.target, b = Math.abs(C) > Math.abs(R) ? "h" : "v";
|
|
1279
1280
|
if ("touches" in l && b === "h" && x.type === "range")
|
|
1280
1281
|
return !1;
|
|
1281
1282
|
var P = wt(b, x);
|
|
@@ -1283,35 +1284,35 @@ function Bo(e) {
|
|
|
1283
1284
|
return !0;
|
|
1284
1285
|
if (P ? M = b : (M = b === "v" ? "h" : "v", P = wt(b, x)), !P)
|
|
1285
1286
|
return !1;
|
|
1286
|
-
if (!r.current && "changedTouches" in l && (
|
|
1287
|
+
if (!r.current && "changedTouches" in l && (C || R) && (r.current = M), !M)
|
|
1287
1288
|
return !0;
|
|
1288
1289
|
var I = r.current || M;
|
|
1289
|
-
return
|
|
1290
|
-
}, []),
|
|
1291
|
-
var
|
|
1290
|
+
return Uo(I, E, l, I === "h" ? C : R, !0);
|
|
1291
|
+
}, []), f = a.useCallback(function(l) {
|
|
1292
|
+
var E = l;
|
|
1292
1293
|
if (!(!te.length || te[te.length - 1] !== i)) {
|
|
1293
|
-
var
|
|
1294
|
-
return M.name ===
|
|
1294
|
+
var g = "deltaY" in E ? Et(E) : Ee(E), _ = t.current.filter(function(M) {
|
|
1295
|
+
return M.name === E.type && (M.target === E.target || E.target === M.shadowParent) && $o(M.delta, g);
|
|
1295
1296
|
})[0];
|
|
1296
|
-
if (
|
|
1297
|
-
|
|
1297
|
+
if (_ && _.should) {
|
|
1298
|
+
E.cancelable && E.preventDefault();
|
|
1298
1299
|
return;
|
|
1299
1300
|
}
|
|
1300
|
-
if (!
|
|
1301
|
-
var
|
|
1302
|
-
return M.contains(
|
|
1303
|
-
}), R =
|
|
1304
|
-
R &&
|
|
1301
|
+
if (!_) {
|
|
1302
|
+
var C = (s.current.shards || []).map(yt).filter(Boolean).filter(function(M) {
|
|
1303
|
+
return M.contains(E.target);
|
|
1304
|
+
}), R = C.length > 0 ? c(E, C[0]) : !s.current.noIsolation;
|
|
1305
|
+
R && E.cancelable && E.preventDefault();
|
|
1305
1306
|
}
|
|
1306
1307
|
}
|
|
1307
|
-
}, []), u = a.useCallback(function(l,
|
|
1308
|
-
var
|
|
1309
|
-
t.current.push(
|
|
1308
|
+
}, []), u = a.useCallback(function(l, E, g, _) {
|
|
1309
|
+
var C = { name: l, delta: E, target: g, should: _, shadowParent: zo(g) };
|
|
1310
|
+
t.current.push(C), setTimeout(function() {
|
|
1310
1311
|
t.current = t.current.filter(function(R) {
|
|
1311
|
-
return R !==
|
|
1312
|
+
return R !== C;
|
|
1312
1313
|
});
|
|
1313
1314
|
}, 1);
|
|
1314
|
-
}, []),
|
|
1315
|
+
}, []), p = a.useCallback(function(l) {
|
|
1315
1316
|
n.current = Ee(l), r.current = void 0;
|
|
1316
1317
|
}, []), m = a.useCallback(function(l) {
|
|
1317
1318
|
u(l.type, Et(l), l.target, c(l, e.lockRef.current));
|
|
@@ -1323,63 +1324,63 @@ function Bo(e) {
|
|
|
1323
1324
|
onScrollCapture: m,
|
|
1324
1325
|
onWheelCapture: m,
|
|
1325
1326
|
onTouchMoveCapture: v
|
|
1326
|
-
}), document.addEventListener("wheel",
|
|
1327
|
+
}), document.addEventListener("wheel", f, ee), document.addEventListener("touchmove", f, ee), document.addEventListener("touchstart", p, ee), function() {
|
|
1327
1328
|
te = te.filter(function(l) {
|
|
1328
1329
|
return l !== i;
|
|
1329
|
-
}), document.removeEventListener("wheel",
|
|
1330
|
+
}), document.removeEventListener("wheel", f, ee), document.removeEventListener("touchmove", f, ee), document.removeEventListener("touchstart", p, ee);
|
|
1330
1331
|
};
|
|
1331
1332
|
}, []);
|
|
1332
|
-
var
|
|
1333
|
+
var w = e.removeScrollBar, h = e.inert;
|
|
1333
1334
|
return a.createElement(
|
|
1334
1335
|
a.Fragment,
|
|
1335
1336
|
null,
|
|
1336
|
-
h ? a.createElement(i, { styles:
|
|
1337
|
-
|
|
1337
|
+
h ? a.createElement(i, { styles: Bo(o) }) : null,
|
|
1338
|
+
w ? a.createElement(Do, { gapMode: e.gapMode }) : null
|
|
1338
1339
|
);
|
|
1339
1340
|
}
|
|
1340
|
-
function
|
|
1341
|
+
function zo(e) {
|
|
1341
1342
|
for (var t = null; e !== null; )
|
|
1342
1343
|
e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
|
|
1343
1344
|
return t;
|
|
1344
1345
|
}
|
|
1345
|
-
const
|
|
1346
|
+
const Vo = yo(en, Go);
|
|
1346
1347
|
var an = a.forwardRef(function(e, t) {
|
|
1347
|
-
return a.createElement(xe, H({}, e, { ref: t, sideCar:
|
|
1348
|
+
return a.createElement(xe, H({}, e, { ref: t, sideCar: Vo }));
|
|
1348
1349
|
});
|
|
1349
1350
|
an.classNames = xe.classNames;
|
|
1350
|
-
var Ve = ["Enter", " "],
|
|
1351
|
+
var Ve = ["Enter", " "], Ho = ["ArrowDown", "PageUp", "Home"], cn = ["ArrowUp", "PageDown", "End"], Yo = [...Ho, ...cn], Xo = {
|
|
1351
1352
|
ltr: [...Ve, "ArrowRight"],
|
|
1352
1353
|
rtl: [...Ve, "ArrowLeft"]
|
|
1353
|
-
},
|
|
1354
|
+
}, jo = {
|
|
1354
1355
|
ltr: ["ArrowLeft"],
|
|
1355
1356
|
rtl: ["ArrowRight"]
|
|
1356
|
-
}, pe = "Menu", [le,
|
|
1357
|
-
|
|
1357
|
+
}, pe = "Menu", [le, Zo, Qo] = bt(pe), [Z, sn] = Re(pe, [
|
|
1358
|
+
Qo,
|
|
1358
1359
|
Lt,
|
|
1359
1360
|
Xt
|
|
1360
|
-
]), Ne = Lt(), un = Xt(), [
|
|
1361
|
-
const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: i, modal: s = !0 } = e, c = Ne(t), [
|
|
1361
|
+
]), Ne = Lt(), un = Xt(), [qo, re] = Z(pe), [Jo, me] = Z(pe), ln = (e) => {
|
|
1362
|
+
const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: i, modal: s = !0 } = e, c = Ne(t), [f, u] = a.useState(null), p = a.useRef(!1), m = Y(i), v = Rt(o);
|
|
1362
1363
|
return a.useEffect(() => {
|
|
1363
|
-
const
|
|
1364
|
-
|
|
1365
|
-
}, h = () =>
|
|
1366
|
-
return document.addEventListener("keydown",
|
|
1367
|
-
document.removeEventListener("keydown",
|
|
1364
|
+
const w = () => {
|
|
1365
|
+
p.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
|
|
1366
|
+
}, h = () => p.current = !1;
|
|
1367
|
+
return document.addEventListener("keydown", w, { capture: !0 }), () => {
|
|
1368
|
+
document.removeEventListener("keydown", w, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
|
|
1368
1369
|
};
|
|
1369
|
-
}, []), /* @__PURE__ */ d(
|
|
1370
|
-
|
|
1370
|
+
}, []), /* @__PURE__ */ d(Br, { ...c, children: /* @__PURE__ */ d(
|
|
1371
|
+
qo,
|
|
1371
1372
|
{
|
|
1372
1373
|
scope: t,
|
|
1373
1374
|
open: n,
|
|
1374
1375
|
onOpenChange: m,
|
|
1375
|
-
content:
|
|
1376
|
+
content: f,
|
|
1376
1377
|
onContentChange: u,
|
|
1377
1378
|
children: /* @__PURE__ */ d(
|
|
1378
|
-
|
|
1379
|
+
Jo,
|
|
1379
1380
|
{
|
|
1380
1381
|
scope: t,
|
|
1381
1382
|
onClose: a.useCallback(() => m(!1), [m]),
|
|
1382
|
-
isUsingKeyboardRef:
|
|
1383
|
+
isUsingKeyboardRef: p,
|
|
1383
1384
|
dir: v,
|
|
1384
1385
|
modal: s,
|
|
1385
1386
|
children: r
|
|
@@ -1389,26 +1390,26 @@ var Ve = ["Enter", " "], zo = ["ArrowDown", "PageUp", "Home"], cn = ["ArrowUp",
|
|
|
1389
1390
|
) });
|
|
1390
1391
|
};
|
|
1391
1392
|
ln.displayName = pe;
|
|
1392
|
-
var
|
|
1393
|
+
var ea = "MenuAnchor", Ze = a.forwardRef(
|
|
1393
1394
|
(e, t) => {
|
|
1394
1395
|
const { __scopeMenu: n, ...r } = e, o = Ne(n);
|
|
1395
|
-
return /* @__PURE__ */ d(
|
|
1396
|
+
return /* @__PURE__ */ d(Kr, { ...o, ...r, ref: t });
|
|
1396
1397
|
}
|
|
1397
1398
|
);
|
|
1398
|
-
Ze.displayName =
|
|
1399
|
-
var
|
|
1399
|
+
Ze.displayName = ea;
|
|
1400
|
+
var ta = "MenuPortal", [Mi, dn] = Z(ta, {
|
|
1400
1401
|
forceMount: void 0
|
|
1401
|
-
}), L = "MenuContent", [
|
|
1402
|
+
}), L = "MenuContent", [na, Qe] = Z(L), fn = a.forwardRef(
|
|
1402
1403
|
(e, t) => {
|
|
1403
1404
|
const n = dn(L, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, i = re(L, e.__scopeMenu), s = me(L, e.__scopeMenu);
|
|
1404
|
-
return /* @__PURE__ */ d(le.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ d(Me, { present: r || i.open, children: /* @__PURE__ */ d(le.Slot, { scope: e.__scopeMenu, children: s.modal ? /* @__PURE__ */ d(
|
|
1405
|
+
return /* @__PURE__ */ d(le.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ d(Me, { present: r || i.open, children: /* @__PURE__ */ d(le.Slot, { scope: e.__scopeMenu, children: s.modal ? /* @__PURE__ */ d(ra, { ...o, ref: t }) : /* @__PURE__ */ d(oa, { ...o, ref: t }) }) }) });
|
|
1405
1406
|
}
|
|
1406
|
-
),
|
|
1407
|
+
), ra = a.forwardRef(
|
|
1407
1408
|
(e, t) => {
|
|
1408
1409
|
const n = re(L, e.__scopeMenu), r = a.useRef(null), o = k(t, r);
|
|
1409
1410
|
return a.useEffect(() => {
|
|
1410
1411
|
const i = r.current;
|
|
1411
|
-
if (i) return
|
|
1412
|
+
if (i) return nr(i);
|
|
1412
1413
|
}, []), /* @__PURE__ */ d(
|
|
1413
1414
|
qe,
|
|
1414
1415
|
{
|
|
@@ -1426,7 +1427,7 @@ var Jo = "MenuPortal", [bi, dn] = Z(Jo, {
|
|
|
1426
1427
|
}
|
|
1427
1428
|
);
|
|
1428
1429
|
}
|
|
1429
|
-
),
|
|
1430
|
+
), oa = a.forwardRef((e, t) => {
|
|
1430
1431
|
const n = re(L, e.__scopeMenu);
|
|
1431
1432
|
return /* @__PURE__ */ d(
|
|
1432
1433
|
qe,
|
|
@@ -1448,28 +1449,28 @@ var Jo = "MenuPortal", [bi, dn] = Z(Jo, {
|
|
|
1448
1449
|
onOpenAutoFocus: i,
|
|
1449
1450
|
onCloseAutoFocus: s,
|
|
1450
1451
|
disableOutsidePointerEvents: c,
|
|
1451
|
-
onEntryFocus:
|
|
1452
|
+
onEntryFocus: f,
|
|
1452
1453
|
onEscapeKeyDown: u,
|
|
1453
|
-
onPointerDownOutside:
|
|
1454
|
+
onPointerDownOutside: p,
|
|
1454
1455
|
onFocusOutside: m,
|
|
1455
1456
|
onInteractOutside: v,
|
|
1456
|
-
onDismiss:
|
|
1457
|
+
onDismiss: w,
|
|
1457
1458
|
disableOutsideScroll: h,
|
|
1458
1459
|
...l
|
|
1459
|
-
} = e,
|
|
1460
|
+
} = e, E = re(L, n), g = me(L, n), _ = Ne(n), C = un(n), R = Zo(n), [M, x] = a.useState(null), b = a.useRef(null), P = k(t, b, E.onContentChange), I = a.useRef(0), T = a.useRef(""), z = a.useRef(0), X = a.useRef(null), B = a.useRef("right"), Q = a.useRef(0), q = h ? an : a.Fragment, W = h ? { as: Ye, allowPinchZoom: !0 } : void 0, J = (y) => {
|
|
1460
1461
|
var K, ie;
|
|
1461
|
-
const A = T.current + y, N = R().filter((F) => !F.disabled), $ = document.activeElement, oe = (K = N.find((F) => F.ref.current === $)) == null ? void 0 : K.textValue, ae = N.map((F) => F.textValue), ve =
|
|
1462
|
+
const A = T.current + y, N = R().filter((F) => !F.disabled), $ = document.activeElement, oe = (K = N.find((F) => F.ref.current === $)) == null ? void 0 : K.textValue, ae = N.map((F) => F.textValue), ve = ha(ae, A, oe), j = (ie = N.find((F) => F.textValue === ve)) == null ? void 0 : ie.ref.current;
|
|
1462
1463
|
(function F(ce) {
|
|
1463
1464
|
T.current = ce, window.clearTimeout(I.current), ce !== "" && (I.current = window.setTimeout(() => F(""), 1e3));
|
|
1464
1465
|
})(A), j && setTimeout(() => j.focus());
|
|
1465
1466
|
};
|
|
1466
|
-
a.useEffect(() => () => window.clearTimeout(I.current), []),
|
|
1467
|
+
a.useEffect(() => () => window.clearTimeout(I.current), []), Rr();
|
|
1467
1468
|
const O = a.useCallback((y) => {
|
|
1468
1469
|
var N, $;
|
|
1469
|
-
return B.current === ((N = X.current) == null ? void 0 : N.side) &&
|
|
1470
|
+
return B.current === ((N = X.current) == null ? void 0 : N.side) && wa(y, ($ = X.current) == null ? void 0 : $.area);
|
|
1470
1471
|
}, []);
|
|
1471
1472
|
return /* @__PURE__ */ d(
|
|
1472
|
-
|
|
1473
|
+
na,
|
|
1473
1474
|
{
|
|
1474
1475
|
scope: n,
|
|
1475
1476
|
searchRef: T,
|
|
@@ -1512,33 +1513,33 @@ var Jo = "MenuPortal", [bi, dn] = Z(Jo, {
|
|
|
1512
1513
|
asChild: !0,
|
|
1513
1514
|
disableOutsidePointerEvents: c,
|
|
1514
1515
|
onEscapeKeyDown: u,
|
|
1515
|
-
onPointerDownOutside:
|
|
1516
|
+
onPointerDownOutside: p,
|
|
1516
1517
|
onFocusOutside: m,
|
|
1517
1518
|
onInteractOutside: v,
|
|
1518
|
-
onDismiss:
|
|
1519
|
+
onDismiss: w,
|
|
1519
1520
|
children: /* @__PURE__ */ d(
|
|
1520
|
-
|
|
1521
|
+
uo,
|
|
1521
1522
|
{
|
|
1522
1523
|
asChild: !0,
|
|
1523
|
-
...
|
|
1524
|
-
dir:
|
|
1524
|
+
...C,
|
|
1525
|
+
dir: g.dir,
|
|
1525
1526
|
orientation: "vertical",
|
|
1526
1527
|
loop: r,
|
|
1527
1528
|
currentTabStopId: M,
|
|
1528
1529
|
onCurrentTabStopIdChange: x,
|
|
1529
|
-
onEntryFocus: S(
|
|
1530
|
-
|
|
1530
|
+
onEntryFocus: S(f, (y) => {
|
|
1531
|
+
g.isUsingKeyboardRef.current || y.preventDefault();
|
|
1531
1532
|
}),
|
|
1532
1533
|
preventScrollOnEntryFocus: !0,
|
|
1533
1534
|
children: /* @__PURE__ */ d(
|
|
1534
|
-
|
|
1535
|
+
Gr,
|
|
1535
1536
|
{
|
|
1536
1537
|
role: "menu",
|
|
1537
1538
|
"aria-orientation": "vertical",
|
|
1538
|
-
"data-state": xn(
|
|
1539
|
+
"data-state": xn(E.open),
|
|
1539
1540
|
"data-radix-menu-content": "",
|
|
1540
|
-
dir:
|
|
1541
|
-
...
|
|
1541
|
+
dir: g.dir,
|
|
1542
|
+
..._,
|
|
1542
1543
|
...l,
|
|
1543
1544
|
ref: P,
|
|
1544
1545
|
style: { outline: "none", ...l.style },
|
|
@@ -1546,10 +1547,10 @@ var Jo = "MenuPortal", [bi, dn] = Z(Jo, {
|
|
|
1546
1547
|
const N = y.target.closest("[data-radix-menu-content]") === y.currentTarget, $ = y.ctrlKey || y.altKey || y.metaKey, oe = y.key.length === 1;
|
|
1547
1548
|
N && (y.key === "Tab" && y.preventDefault(), !$ && oe && J(y.key));
|
|
1548
1549
|
const ae = b.current;
|
|
1549
|
-
if (y.target !== ae || !
|
|
1550
|
+
if (y.target !== ae || !Yo.includes(y.key)) return;
|
|
1550
1551
|
y.preventDefault();
|
|
1551
1552
|
const j = R().filter((K) => !K.disabled).map((K) => K.ref.current);
|
|
1552
|
-
cn.includes(y.key) && j.reverse(),
|
|
1553
|
+
cn.includes(y.key) && j.reverse(), ma(j);
|
|
1553
1554
|
}),
|
|
1554
1555
|
onBlur: S(e.onBlur, (y) => {
|
|
1555
1556
|
y.currentTarget.contains(y.target) || (window.clearTimeout(I.current), T.current = "");
|
|
@@ -1577,36 +1578,36 @@ var Jo = "MenuPortal", [bi, dn] = Z(Jo, {
|
|
|
1577
1578
|
}
|
|
1578
1579
|
);
|
|
1579
1580
|
fn.displayName = L;
|
|
1580
|
-
var
|
|
1581
|
+
var aa = "MenuGroup", Je = a.forwardRef(
|
|
1581
1582
|
(e, t) => {
|
|
1582
1583
|
const { __scopeMenu: n, ...r } = e;
|
|
1583
1584
|
return /* @__PURE__ */ d(U.div, { role: "group", ...r, ref: t });
|
|
1584
1585
|
}
|
|
1585
1586
|
);
|
|
1586
|
-
Je.displayName =
|
|
1587
|
-
var
|
|
1587
|
+
Je.displayName = aa;
|
|
1588
|
+
var ia = "MenuLabel", pn = a.forwardRef(
|
|
1588
1589
|
(e, t) => {
|
|
1589
1590
|
const { __scopeMenu: n, ...r } = e;
|
|
1590
1591
|
return /* @__PURE__ */ d(U.div, { ...r, ref: t });
|
|
1591
1592
|
}
|
|
1592
1593
|
);
|
|
1593
|
-
pn.displayName =
|
|
1594
|
-
var be = "MenuItem",
|
|
1594
|
+
pn.displayName = ia;
|
|
1595
|
+
var be = "MenuItem", _t = "menu.itemSelect", Ie = a.forwardRef(
|
|
1595
1596
|
(e, t) => {
|
|
1596
|
-
const { disabled: n = !1, onSelect: r, ...o } = e, i = a.useRef(null), s = me(be, e.__scopeMenu), c = Qe(be, e.__scopeMenu),
|
|
1597
|
+
const { disabled: n = !1, onSelect: r, ...o } = e, i = a.useRef(null), s = me(be, e.__scopeMenu), c = Qe(be, e.__scopeMenu), f = k(t, i), u = a.useRef(!1), p = () => {
|
|
1597
1598
|
const m = i.current;
|
|
1598
1599
|
if (!n && m) {
|
|
1599
|
-
const v = new CustomEvent(
|
|
1600
|
-
m.addEventListener(
|
|
1600
|
+
const v = new CustomEvent(_t, { bubbles: !0, cancelable: !0 });
|
|
1601
|
+
m.addEventListener(_t, (w) => r == null ? void 0 : r(w), { once: !0 }), xt(m, v), v.defaultPrevented ? u.current = !1 : s.onClose();
|
|
1601
1602
|
}
|
|
1602
1603
|
};
|
|
1603
1604
|
return /* @__PURE__ */ d(
|
|
1604
1605
|
mn,
|
|
1605
1606
|
{
|
|
1606
1607
|
...o,
|
|
1607
|
-
ref:
|
|
1608
|
+
ref: f,
|
|
1608
1609
|
disabled: n,
|
|
1609
|
-
onClick: S(e.onClick,
|
|
1610
|
+
onClick: S(e.onClick, p),
|
|
1610
1611
|
onPointerDown: (m) => {
|
|
1611
1612
|
var v;
|
|
1612
1613
|
(v = e.onPointerDown) == null || v.call(e, m), u.current = !0;
|
|
@@ -1626,21 +1627,21 @@ var be = "MenuItem", Ct = "menu.itemSelect", Ie = a.forwardRef(
|
|
|
1626
1627
|
Ie.displayName = be;
|
|
1627
1628
|
var mn = a.forwardRef(
|
|
1628
1629
|
(e, t) => {
|
|
1629
|
-
const { __scopeMenu: n, disabled: r = !1, textValue: o, ...i } = e, s = Qe(be, n), c = un(n),
|
|
1630
|
+
const { __scopeMenu: n, disabled: r = !1, textValue: o, ...i } = e, s = Qe(be, n), c = un(n), f = a.useRef(null), u = k(t, f), [p, m] = a.useState(!1), [v, w] = a.useState("");
|
|
1630
1631
|
return a.useEffect(() => {
|
|
1631
|
-
const h =
|
|
1632
|
-
h &&
|
|
1632
|
+
const h = f.current;
|
|
1633
|
+
h && w((h.textContent ?? "").trim());
|
|
1633
1634
|
}, [i.children]), /* @__PURE__ */ d(
|
|
1634
1635
|
le.ItemSlot,
|
|
1635
1636
|
{
|
|
1636
1637
|
scope: n,
|
|
1637
1638
|
disabled: r,
|
|
1638
1639
|
textValue: o ?? v,
|
|
1639
|
-
children: /* @__PURE__ */ d(
|
|
1640
|
+
children: /* @__PURE__ */ d(lo, { asChild: !0, ...c, focusable: !r, children: /* @__PURE__ */ d(
|
|
1640
1641
|
U.div,
|
|
1641
1642
|
{
|
|
1642
1643
|
role: "menuitem",
|
|
1643
|
-
"data-highlighted":
|
|
1644
|
+
"data-highlighted": p ? "" : void 0,
|
|
1644
1645
|
"aria-disabled": r || void 0,
|
|
1645
1646
|
"data-disabled": r ? "" : void 0,
|
|
1646
1647
|
...i,
|
|
@@ -1662,7 +1663,7 @@ var mn = a.forwardRef(
|
|
|
1662
1663
|
}
|
|
1663
1664
|
);
|
|
1664
1665
|
}
|
|
1665
|
-
),
|
|
1666
|
+
), ca = "MenuCheckboxItem", vn = a.forwardRef(
|
|
1666
1667
|
(e, t) => {
|
|
1667
1668
|
const { checked: n = !1, onCheckedChange: r, ...o } = e;
|
|
1668
1669
|
return /* @__PURE__ */ d(yn, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ d(
|
|
@@ -1682,21 +1683,21 @@ var mn = a.forwardRef(
|
|
|
1682
1683
|
) });
|
|
1683
1684
|
}
|
|
1684
1685
|
);
|
|
1685
|
-
vn.displayName =
|
|
1686
|
-
var hn = "MenuRadioGroup", [
|
|
1686
|
+
vn.displayName = ca;
|
|
1687
|
+
var hn = "MenuRadioGroup", [sa, ua] = Z(
|
|
1687
1688
|
hn,
|
|
1688
1689
|
{ value: void 0, onValueChange: () => {
|
|
1689
1690
|
} }
|
|
1690
1691
|
), gn = a.forwardRef(
|
|
1691
1692
|
(e, t) => {
|
|
1692
1693
|
const { value: n, onValueChange: r, ...o } = e, i = Y(r);
|
|
1693
|
-
return /* @__PURE__ */ d(
|
|
1694
|
+
return /* @__PURE__ */ d(sa, { scope: e.__scopeMenu, value: n, onValueChange: i, children: /* @__PURE__ */ d(Je, { ...o, ref: t }) });
|
|
1694
1695
|
}
|
|
1695
1696
|
);
|
|
1696
1697
|
gn.displayName = hn;
|
|
1697
1698
|
var wn = "MenuRadioItem", En = a.forwardRef(
|
|
1698
1699
|
(e, t) => {
|
|
1699
|
-
const { value: n, ...r } = e, o =
|
|
1700
|
+
const { value: n, ...r } = e, o = ua(wn, e.__scopeMenu), i = n === o.value;
|
|
1700
1701
|
return /* @__PURE__ */ d(yn, { scope: e.__scopeMenu, checked: i, children: /* @__PURE__ */ d(
|
|
1701
1702
|
Ie,
|
|
1702
1703
|
{
|
|
@@ -1718,12 +1719,12 @@ var wn = "MenuRadioItem", En = a.forwardRef(
|
|
|
1718
1719
|
}
|
|
1719
1720
|
);
|
|
1720
1721
|
En.displayName = wn;
|
|
1721
|
-
var et = "MenuItemIndicator", [yn,
|
|
1722
|
+
var et = "MenuItemIndicator", [yn, la] = Z(
|
|
1722
1723
|
et,
|
|
1723
1724
|
{ checked: !1 }
|
|
1724
|
-
),
|
|
1725
|
+
), _n = a.forwardRef(
|
|
1725
1726
|
(e, t) => {
|
|
1726
|
-
const { __scopeMenu: n, forceMount: r, ...o } = e, i =
|
|
1727
|
+
const { __scopeMenu: n, forceMount: r, ...o } = e, i = la(et, n);
|
|
1727
1728
|
return /* @__PURE__ */ d(
|
|
1728
1729
|
Me,
|
|
1729
1730
|
{
|
|
@@ -1740,8 +1741,8 @@ var et = "MenuItemIndicator", [yn, sa] = Z(
|
|
|
1740
1741
|
);
|
|
1741
1742
|
}
|
|
1742
1743
|
);
|
|
1743
|
-
|
|
1744
|
-
var
|
|
1744
|
+
_n.displayName = et;
|
|
1745
|
+
var da = "MenuSeparator", Cn = a.forwardRef(
|
|
1745
1746
|
(e, t) => {
|
|
1746
1747
|
const { __scopeMenu: n, ...r } = e;
|
|
1747
1748
|
return /* @__PURE__ */ d(
|
|
@@ -1755,25 +1756,25 @@ var ua = "MenuSeparator", _n = a.forwardRef(
|
|
|
1755
1756
|
);
|
|
1756
1757
|
}
|
|
1757
1758
|
);
|
|
1758
|
-
|
|
1759
|
-
var
|
|
1759
|
+
Cn.displayName = da;
|
|
1760
|
+
var fa = "MenuArrow", bn = a.forwardRef(
|
|
1760
1761
|
(e, t) => {
|
|
1761
1762
|
const { __scopeMenu: n, ...r } = e, o = Ne(n);
|
|
1762
|
-
return /* @__PURE__ */ d(
|
|
1763
|
+
return /* @__PURE__ */ d(zr, { ...o, ...r, ref: t });
|
|
1763
1764
|
}
|
|
1764
1765
|
);
|
|
1765
|
-
bn.displayName =
|
|
1766
|
-
var
|
|
1766
|
+
bn.displayName = fa;
|
|
1767
|
+
var pa = "MenuSub", [Pi, Sn] = Z(pa), ue = "MenuSubTrigger", Rn = a.forwardRef(
|
|
1767
1768
|
(e, t) => {
|
|
1768
|
-
const n = re(ue, e.__scopeMenu), r = me(ue, e.__scopeMenu), o = Sn(ue, e.__scopeMenu), i = Qe(ue, e.__scopeMenu), s = a.useRef(null), { pointerGraceTimerRef: c, onPointerGraceIntentChange:
|
|
1769
|
+
const n = re(ue, e.__scopeMenu), r = me(ue, e.__scopeMenu), o = Sn(ue, e.__scopeMenu), i = Qe(ue, e.__scopeMenu), s = a.useRef(null), { pointerGraceTimerRef: c, onPointerGraceIntentChange: f } = i, u = { __scopeMenu: e.__scopeMenu }, p = a.useCallback(() => {
|
|
1769
1770
|
s.current && window.clearTimeout(s.current), s.current = null;
|
|
1770
1771
|
}, []);
|
|
1771
|
-
return a.useEffect(() =>
|
|
1772
|
+
return a.useEffect(() => p, [p]), a.useEffect(() => {
|
|
1772
1773
|
const m = c.current;
|
|
1773
1774
|
return () => {
|
|
1774
|
-
window.clearTimeout(m),
|
|
1775
|
+
window.clearTimeout(m), f(null);
|
|
1775
1776
|
};
|
|
1776
|
-
}, [c,
|
|
1777
|
+
}, [c, f]), /* @__PURE__ */ d(Ze, { asChild: !0, ...u, children: /* @__PURE__ */ d(
|
|
1777
1778
|
mn,
|
|
1778
1779
|
{
|
|
1779
1780
|
id: o.triggerId,
|
|
@@ -1791,27 +1792,27 @@ var da = "MenuSub", [Si, Sn] = Z(da), ue = "MenuSubTrigger", Rn = a.forwardRef(
|
|
|
1791
1792
|
e.onPointerMove,
|
|
1792
1793
|
de((m) => {
|
|
1793
1794
|
i.onItemEnter(m), !m.defaultPrevented && !e.disabled && !n.open && !s.current && (i.onPointerGraceIntentChange(null), s.current = window.setTimeout(() => {
|
|
1794
|
-
n.onOpenChange(!0),
|
|
1795
|
+
n.onOpenChange(!0), p();
|
|
1795
1796
|
}, 100));
|
|
1796
1797
|
})
|
|
1797
1798
|
),
|
|
1798
1799
|
onPointerLeave: S(
|
|
1799
1800
|
e.onPointerLeave,
|
|
1800
1801
|
de((m) => {
|
|
1801
|
-
var
|
|
1802
|
-
|
|
1803
|
-
const v = (
|
|
1802
|
+
var w, h;
|
|
1803
|
+
p();
|
|
1804
|
+
const v = (w = n.content) == null ? void 0 : w.getBoundingClientRect();
|
|
1804
1805
|
if (v) {
|
|
1805
|
-
const l = (h = n.content) == null ? void 0 : h.dataset.side,
|
|
1806
|
+
const l = (h = n.content) == null ? void 0 : h.dataset.side, E = l === "right", g = E ? -5 : 5, _ = v[E ? "left" : "right"], C = v[E ? "right" : "left"];
|
|
1806
1807
|
i.onPointerGraceIntentChange({
|
|
1807
1808
|
area: [
|
|
1808
1809
|
// Apply a bleed on clientX to ensure that our exit point is
|
|
1809
1810
|
// consistently within polygon bounds
|
|
1810
|
-
{ x: m.clientX +
|
|
1811
|
-
{ x: C, y: v.top },
|
|
1811
|
+
{ x: m.clientX + g, y: m.clientY },
|
|
1812
1812
|
{ x: _, y: v.top },
|
|
1813
|
-
{ x:
|
|
1814
|
-
{ x: C, y: v.bottom }
|
|
1813
|
+
{ x: C, y: v.top },
|
|
1814
|
+
{ x: C, y: v.bottom },
|
|
1815
|
+
{ x: _, y: v.bottom }
|
|
1815
1816
|
],
|
|
1816
1817
|
side: l
|
|
1817
1818
|
}), window.clearTimeout(c.current), c.current = window.setTimeout(
|
|
@@ -1825,9 +1826,9 @@ var da = "MenuSub", [Si, Sn] = Z(da), ue = "MenuSubTrigger", Rn = a.forwardRef(
|
|
|
1825
1826
|
})
|
|
1826
1827
|
),
|
|
1827
1828
|
onKeyDown: S(e.onKeyDown, (m) => {
|
|
1828
|
-
var
|
|
1829
|
+
var w;
|
|
1829
1830
|
const v = i.searchRef.current !== "";
|
|
1830
|
-
e.disabled || v && m.key === " " ||
|
|
1831
|
+
e.disabled || v && m.key === " " || Xo[r.dir].includes(m.key) && (n.onOpenChange(!0), (w = n.content) == null || w.focus(), m.preventDefault());
|
|
1831
1832
|
})
|
|
1832
1833
|
}
|
|
1833
1834
|
) });
|
|
@@ -1836,7 +1837,7 @@ var da = "MenuSub", [Si, Sn] = Z(da), ue = "MenuSubTrigger", Rn = a.forwardRef(
|
|
|
1836
1837
|
Rn.displayName = ue;
|
|
1837
1838
|
var Mn = "MenuSubContent", Pn = a.forwardRef(
|
|
1838
1839
|
(e, t) => {
|
|
1839
|
-
const n = dn(L, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, i = re(L, e.__scopeMenu), s = me(L, e.__scopeMenu), c = Sn(Mn, e.__scopeMenu),
|
|
1840
|
+
const n = dn(L, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, i = re(L, e.__scopeMenu), s = me(L, e.__scopeMenu), c = Sn(Mn, e.__scopeMenu), f = a.useRef(null), u = k(t, f);
|
|
1840
1841
|
return /* @__PURE__ */ d(le.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ d(Me, { present: r || i.open, children: /* @__PURE__ */ d(le.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ d(
|
|
1841
1842
|
qe,
|
|
1842
1843
|
{
|
|
@@ -1849,21 +1850,21 @@ var Mn = "MenuSubContent", Pn = a.forwardRef(
|
|
|
1849
1850
|
disableOutsidePointerEvents: !1,
|
|
1850
1851
|
disableOutsideScroll: !1,
|
|
1851
1852
|
trapFocus: !1,
|
|
1852
|
-
onOpenAutoFocus: (
|
|
1853
|
+
onOpenAutoFocus: (p) => {
|
|
1853
1854
|
var m;
|
|
1854
|
-
s.isUsingKeyboardRef.current && ((m =
|
|
1855
|
+
s.isUsingKeyboardRef.current && ((m = f.current) == null || m.focus()), p.preventDefault();
|
|
1855
1856
|
},
|
|
1856
|
-
onCloseAutoFocus: (
|
|
1857
|
-
onFocusOutside: S(e.onFocusOutside, (
|
|
1858
|
-
|
|
1857
|
+
onCloseAutoFocus: (p) => p.preventDefault(),
|
|
1858
|
+
onFocusOutside: S(e.onFocusOutside, (p) => {
|
|
1859
|
+
p.target !== c.trigger && i.onOpenChange(!1);
|
|
1859
1860
|
}),
|
|
1860
|
-
onEscapeKeyDown: S(e.onEscapeKeyDown, (
|
|
1861
|
-
s.onClose(),
|
|
1861
|
+
onEscapeKeyDown: S(e.onEscapeKeyDown, (p) => {
|
|
1862
|
+
s.onClose(), p.preventDefault();
|
|
1862
1863
|
}),
|
|
1863
|
-
onKeyDown: S(e.onKeyDown, (
|
|
1864
|
-
var
|
|
1865
|
-
const m =
|
|
1866
|
-
m && v && (i.onOpenChange(!1), (
|
|
1864
|
+
onKeyDown: S(e.onKeyDown, (p) => {
|
|
1865
|
+
var w;
|
|
1866
|
+
const m = p.currentTarget.contains(p.target), v = jo[s.dir].includes(p.key);
|
|
1867
|
+
m && v && (i.onOpenChange(!1), (w = c.trigger) == null || w.focus(), p.preventDefault());
|
|
1867
1868
|
})
|
|
1868
1869
|
}
|
|
1869
1870
|
) }) }) });
|
|
@@ -1879,44 +1880,44 @@ function Se(e) {
|
|
|
1879
1880
|
function tt(e) {
|
|
1880
1881
|
return Se(e) ? "indeterminate" : e ? "checked" : "unchecked";
|
|
1881
1882
|
}
|
|
1882
|
-
function
|
|
1883
|
+
function ma(e) {
|
|
1883
1884
|
const t = document.activeElement;
|
|
1884
1885
|
for (const n of e)
|
|
1885
1886
|
if (n === t || (n.focus(), document.activeElement !== t)) return;
|
|
1886
1887
|
}
|
|
1887
|
-
function
|
|
1888
|
+
function va(e, t) {
|
|
1888
1889
|
return e.map((n, r) => e[(t + r) % e.length]);
|
|
1889
1890
|
}
|
|
1890
|
-
function
|
|
1891
|
+
function ha(e, t, n) {
|
|
1891
1892
|
const o = t.length > 1 && Array.from(t).every((u) => u === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1;
|
|
1892
|
-
let s =
|
|
1893
|
+
let s = va(e, Math.max(i, 0));
|
|
1893
1894
|
o.length === 1 && (s = s.filter((u) => u !== n));
|
|
1894
|
-
const
|
|
1895
|
+
const f = s.find(
|
|
1895
1896
|
(u) => u.toLowerCase().startsWith(o.toLowerCase())
|
|
1896
1897
|
);
|
|
1897
|
-
return
|
|
1898
|
+
return f !== n ? f : void 0;
|
|
1898
1899
|
}
|
|
1899
|
-
function
|
|
1900
|
+
function ga(e, t) {
|
|
1900
1901
|
const { x: n, y: r } = e;
|
|
1901
1902
|
let o = !1;
|
|
1902
1903
|
for (let i = 0, s = t.length - 1; i < t.length; s = i++) {
|
|
1903
|
-
const c = t[i].x,
|
|
1904
|
-
|
|
1904
|
+
const c = t[i].x, f = t[i].y, u = t[s].x, p = t[s].y;
|
|
1905
|
+
f > r != p > r && n < (u - c) * (r - f) / (p - f) + c && (o = !o);
|
|
1905
1906
|
}
|
|
1906
1907
|
return o;
|
|
1907
1908
|
}
|
|
1908
|
-
function
|
|
1909
|
+
function wa(e, t) {
|
|
1909
1910
|
if (!t) return !1;
|
|
1910
1911
|
const n = { x: e.clientX, y: e.clientY };
|
|
1911
|
-
return
|
|
1912
|
+
return ga(n, t);
|
|
1912
1913
|
}
|
|
1913
1914
|
function de(e) {
|
|
1914
1915
|
return (t) => t.pointerType === "mouse" ? e(t) : void 0;
|
|
1915
1916
|
}
|
|
1916
|
-
var
|
|
1917
|
+
var Ea = ln, ya = Ze, _a = fn, Ca = Je, ba = pn, Sa = Ie, Ra = vn, Ma = gn, Pa = En, xa = _n, Na = Cn, Ia = bn, Aa = Rn, Da = Pn, nt = "DropdownMenu", [Ta, xi] = Re(
|
|
1917
1918
|
nt,
|
|
1918
1919
|
[sn]
|
|
1919
|
-
), D = sn(), [
|
|
1920
|
+
), D = sn(), [Oa, Nn] = Ta(nt), In = (e) => {
|
|
1920
1921
|
const {
|
|
1921
1922
|
__scopeDropdownMenu: t,
|
|
1922
1923
|
children: n,
|
|
@@ -1925,23 +1926,23 @@ var ga = ln, wa = Ze, Ea = fn, ya = Je, Ca = pn, _a = Ie, ba = vn, Sa = gn, Ra =
|
|
|
1925
1926
|
defaultOpen: i,
|
|
1926
1927
|
onOpenChange: s,
|
|
1927
1928
|
modal: c = !0
|
|
1928
|
-
} = e,
|
|
1929
|
+
} = e, f = D(t), u = a.useRef(null), [p = !1, m] = St({
|
|
1929
1930
|
prop: o,
|
|
1930
1931
|
defaultProp: i,
|
|
1931
1932
|
onChange: s
|
|
1932
1933
|
});
|
|
1933
1934
|
return /* @__PURE__ */ d(
|
|
1934
|
-
|
|
1935
|
+
Oa,
|
|
1935
1936
|
{
|
|
1936
1937
|
scope: t,
|
|
1937
1938
|
triggerId: We(),
|
|
1938
1939
|
triggerRef: u,
|
|
1939
1940
|
contentId: We(),
|
|
1940
|
-
open:
|
|
1941
|
+
open: p,
|
|
1941
1942
|
onOpenChange: m,
|
|
1942
1943
|
onOpenToggle: a.useCallback(() => m((v) => !v), [m]),
|
|
1943
1944
|
modal: c,
|
|
1944
|
-
children: /* @__PURE__ */ d(
|
|
1945
|
+
children: /* @__PURE__ */ d(Ea, { ...f, open: p, onOpenChange: m, dir: r, modal: c, children: n })
|
|
1945
1946
|
}
|
|
1946
1947
|
);
|
|
1947
1948
|
};
|
|
@@ -1949,8 +1950,8 @@ In.displayName = nt;
|
|
|
1949
1950
|
var An = "DropdownMenuTrigger", Dn = a.forwardRef(
|
|
1950
1951
|
(e, t) => {
|
|
1951
1952
|
const { __scopeDropdownMenu: n, disabled: r = !1, ...o } = e, i = Nn(An, n), s = D(n);
|
|
1952
|
-
return /* @__PURE__ */ d(
|
|
1953
|
-
|
|
1953
|
+
return /* @__PURE__ */ d(ya, { asChild: !0, ...s, children: /* @__PURE__ */ d(
|
|
1954
|
+
fr.button,
|
|
1954
1955
|
{
|
|
1955
1956
|
type: "button",
|
|
1956
1957
|
id: i.triggerId,
|
|
@@ -1977,7 +1978,7 @@ var Tn = "DropdownMenuContent", On = a.forwardRef(
|
|
|
1977
1978
|
(e, t) => {
|
|
1978
1979
|
const { __scopeDropdownMenu: n, ...r } = e, o = Nn(Tn, n), i = D(n), s = a.useRef(!1);
|
|
1979
1980
|
return /* @__PURE__ */ d(
|
|
1980
|
-
|
|
1981
|
+
_a,
|
|
1981
1982
|
{
|
|
1982
1983
|
id: o.contentId,
|
|
1983
1984
|
"aria-labelledby": o.triggerId,
|
|
@@ -1985,12 +1986,12 @@ var Tn = "DropdownMenuContent", On = a.forwardRef(
|
|
|
1985
1986
|
...r,
|
|
1986
1987
|
ref: t,
|
|
1987
1988
|
onCloseAutoFocus: S(e.onCloseAutoFocus, (c) => {
|
|
1988
|
-
var
|
|
1989
|
-
s.current || (
|
|
1989
|
+
var f;
|
|
1990
|
+
s.current || (f = o.triggerRef.current) == null || f.focus(), s.current = !1, c.preventDefault();
|
|
1990
1991
|
}),
|
|
1991
1992
|
onInteractOutside: S(e.onInteractOutside, (c) => {
|
|
1992
|
-
const
|
|
1993
|
-
(!o.modal ||
|
|
1993
|
+
const f = c.detail.originalEvent, u = f.button === 0 && f.ctrlKey === !0, p = f.button === 2 || u;
|
|
1994
|
+
(!o.modal || p) && (s.current = !0);
|
|
1994
1995
|
}),
|
|
1995
1996
|
style: {
|
|
1996
1997
|
...e.style,
|
|
@@ -2005,68 +2006,68 @@ var Tn = "DropdownMenuContent", On = a.forwardRef(
|
|
|
2005
2006
|
}
|
|
2006
2007
|
);
|
|
2007
2008
|
On.displayName = Tn;
|
|
2008
|
-
var
|
|
2009
|
+
var Fa = "DropdownMenuGroup", La = a.forwardRef(
|
|
2009
2010
|
(e, t) => {
|
|
2010
2011
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2011
|
-
return /* @__PURE__ */ d(
|
|
2012
|
+
return /* @__PURE__ */ d(Ca, { ...o, ...r, ref: t });
|
|
2012
2013
|
}
|
|
2013
2014
|
);
|
|
2014
|
-
|
|
2015
|
-
var
|
|
2015
|
+
La.displayName = Fa;
|
|
2016
|
+
var ka = "DropdownMenuLabel", Wa = a.forwardRef(
|
|
2016
2017
|
(e, t) => {
|
|
2017
2018
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2018
|
-
return /* @__PURE__ */ d(
|
|
2019
|
+
return /* @__PURE__ */ d(ba, { ...o, ...r, ref: t });
|
|
2019
2020
|
}
|
|
2020
2021
|
);
|
|
2021
|
-
|
|
2022
|
-
var
|
|
2022
|
+
Wa.displayName = ka;
|
|
2023
|
+
var Ua = "DropdownMenuItem", Fn = a.forwardRef(
|
|
2023
2024
|
(e, t) => {
|
|
2024
2025
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2025
|
-
return /* @__PURE__ */ d(
|
|
2026
|
+
return /* @__PURE__ */ d(Sa, { ...o, ...r, ref: t });
|
|
2026
2027
|
}
|
|
2027
2028
|
);
|
|
2028
|
-
Fn.displayName =
|
|
2029
|
-
var
|
|
2029
|
+
Fn.displayName = Ua;
|
|
2030
|
+
var $a = "DropdownMenuCheckboxItem", Ba = a.forwardRef((e, t) => {
|
|
2030
2031
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2031
|
-
return /* @__PURE__ */ d(
|
|
2032
|
-
});
|
|
2033
|
-
Ua.displayName = Wa;
|
|
2034
|
-
var $a = "DropdownMenuRadioGroup", Ba = a.forwardRef((e, t) => {
|
|
2035
|
-
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2036
|
-
return /* @__PURE__ */ d(Sa, { ...o, ...r, ref: t });
|
|
2032
|
+
return /* @__PURE__ */ d(Ra, { ...o, ...r, ref: t });
|
|
2037
2033
|
});
|
|
2038
2034
|
Ba.displayName = $a;
|
|
2039
|
-
var Ka = "
|
|
2035
|
+
var Ka = "DropdownMenuRadioGroup", Ga = a.forwardRef((e, t) => {
|
|
2040
2036
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2041
|
-
return /* @__PURE__ */ d(
|
|
2037
|
+
return /* @__PURE__ */ d(Ma, { ...o, ...r, ref: t });
|
|
2042
2038
|
});
|
|
2043
2039
|
Ga.displayName = Ka;
|
|
2044
|
-
var za = "
|
|
2040
|
+
var za = "DropdownMenuRadioItem", Va = a.forwardRef((e, t) => {
|
|
2045
2041
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2046
|
-
return /* @__PURE__ */ d(
|
|
2042
|
+
return /* @__PURE__ */ d(Pa, { ...o, ...r, ref: t });
|
|
2047
2043
|
});
|
|
2048
2044
|
Va.displayName = za;
|
|
2049
|
-
var Ha = "
|
|
2045
|
+
var Ha = "DropdownMenuItemIndicator", Ya = a.forwardRef((e, t) => {
|
|
2050
2046
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2051
|
-
return /* @__PURE__ */ d(
|
|
2047
|
+
return /* @__PURE__ */ d(xa, { ...o, ...r, ref: t });
|
|
2052
2048
|
});
|
|
2053
2049
|
Ya.displayName = Ha;
|
|
2054
|
-
var Xa = "
|
|
2050
|
+
var Xa = "DropdownMenuSeparator", ja = a.forwardRef((e, t) => {
|
|
2051
|
+
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2052
|
+
return /* @__PURE__ */ d(Na, { ...o, ...r, ref: t });
|
|
2053
|
+
});
|
|
2054
|
+
ja.displayName = Xa;
|
|
2055
|
+
var Za = "DropdownMenuArrow", Qa = a.forwardRef(
|
|
2055
2056
|
(e, t) => {
|
|
2056
2057
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2057
|
-
return /* @__PURE__ */ d(
|
|
2058
|
+
return /* @__PURE__ */ d(Ia, { ...o, ...r, ref: t });
|
|
2058
2059
|
}
|
|
2059
2060
|
);
|
|
2060
|
-
|
|
2061
|
-
var
|
|
2061
|
+
Qa.displayName = Za;
|
|
2062
|
+
var qa = "DropdownMenuSubTrigger", Ja = a.forwardRef((e, t) => {
|
|
2062
2063
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2063
|
-
return /* @__PURE__ */ d(
|
|
2064
|
+
return /* @__PURE__ */ d(Aa, { ...o, ...r, ref: t });
|
|
2064
2065
|
});
|
|
2065
|
-
|
|
2066
|
-
var
|
|
2066
|
+
Ja.displayName = qa;
|
|
2067
|
+
var ei = "DropdownMenuSubContent", ti = a.forwardRef((e, t) => {
|
|
2067
2068
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2068
2069
|
return /* @__PURE__ */ d(
|
|
2069
|
-
|
|
2070
|
+
Da,
|
|
2070
2071
|
{
|
|
2071
2072
|
...o,
|
|
2072
2073
|
...r,
|
|
@@ -2082,16 +2083,16 @@ var qa = "DropdownMenuSubContent", Ja = a.forwardRef((e, t) => {
|
|
|
2082
2083
|
}
|
|
2083
2084
|
);
|
|
2084
2085
|
});
|
|
2085
|
-
|
|
2086
|
-
var
|
|
2087
|
-
const
|
|
2088
|
-
trigger:
|
|
2089
|
-
onlight:
|
|
2090
|
-
fullWidth:
|
|
2091
|
-
icon:
|
|
2092
|
-
placeholder:
|
|
2093
|
-
content:
|
|
2094
|
-
item:
|
|
2086
|
+
ti.displayName = ei;
|
|
2087
|
+
var ni = In, ri = Dn, oi = On, ai = Fn;
|
|
2088
|
+
const ii = "cfxui__DropdownSelect__trigger__c03df", ci = "cfxui__DropdownSelect__onlight__f0191", si = "cfxui__DropdownSelect__fullWidth__dce56", ui = "cfxui__DropdownSelect__icon__d05b8", li = "cfxui__DropdownSelect__placeholder__e0d89", di = "cfxui__DropdownSelect__content__05ed8", fi = "cfxui__DropdownSelect__item__0e45f", G = {
|
|
2089
|
+
trigger: ii,
|
|
2090
|
+
onlight: ci,
|
|
2091
|
+
fullWidth: si,
|
|
2092
|
+
icon: ui,
|
|
2093
|
+
placeholder: li,
|
|
2094
|
+
content: di,
|
|
2095
|
+
item: fi,
|
|
2095
2096
|
"dropdownselect-size-initial-large": "cfxui__DropdownSelect__dropdownselect-size-initial-large__d6bf3",
|
|
2096
2097
|
"dropdownselect-size-initial-small": "cfxui__DropdownSelect__dropdownselect-size-initial-small__56570",
|
|
2097
2098
|
"dropdownselect-size-small-large": "cfxui__DropdownSelect__dropdownselect-size-small-large__7f027",
|
|
@@ -2106,78 +2107,78 @@ const oi = "cfxui__DropdownSelect__trigger__c03df", ai = "cfxui__DropdownSelect_
|
|
|
2106
2107
|
"dropdownselect-size-large-small": "cfxui__DropdownSelect__dropdownselect-size-large-small__5bca7",
|
|
2107
2108
|
"dropdownselect-size-xlarge-large": "cfxui__DropdownSelect__dropdownselect-size-xlarge-large__23eae",
|
|
2108
2109
|
"dropdownselect-size-xlarge-small": "cfxui__DropdownSelect__dropdownselect-size-xlarge-small__d232d"
|
|
2109
|
-
},
|
|
2110
|
+
}, Ni = {
|
|
2110
2111
|
small: "xxsmall",
|
|
2111
2112
|
normal: "xsmall",
|
|
2112
2113
|
large: "normal"
|
|
2113
|
-
},
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
}, [
|
|
2127
|
-
const
|
|
2114
|
+
}, Ii = $n.forwardRef(function(t, n) {
|
|
2115
|
+
const {
|
|
2116
|
+
options: r,
|
|
2117
|
+
value: o,
|
|
2118
|
+
onChange: i,
|
|
2119
|
+
size: s = "normal",
|
|
2120
|
+
fullWidth: c = !1,
|
|
2121
|
+
onlight: f = !1,
|
|
2122
|
+
disabled: u,
|
|
2123
|
+
placeholder: p = "Select..."
|
|
2124
|
+
} = t, m = Bn(null), [v, w] = Ct(void 0);
|
|
2125
|
+
Kn(() => {
|
|
2126
|
+
c && m.current && w(m.current.offsetWidth);
|
|
2127
|
+
}, [c]);
|
|
2128
|
+
const h = ct.getResponsiveFlatClassnames("dropdownselect-size", s).map((g) => G[g]), l = st(
|
|
2128
2129
|
G.trigger,
|
|
2129
|
-
|
|
2130
|
+
h,
|
|
2130
2131
|
{
|
|
2131
|
-
[G.placeholder]: !
|
|
2132
|
-
[G.fullWidth]:
|
|
2133
|
-
[G.onlight]:
|
|
2132
|
+
[G.placeholder]: !o,
|
|
2133
|
+
[G.fullWidth]: c,
|
|
2134
|
+
[G.onlight]: f
|
|
2134
2135
|
}
|
|
2135
|
-
),
|
|
2136
|
+
), E = st(
|
|
2136
2137
|
G.content,
|
|
2137
|
-
|
|
2138
|
+
h,
|
|
2138
2139
|
{
|
|
2139
|
-
[G.fullWidth]:
|
|
2140
|
+
[G.fullWidth]: c
|
|
2140
2141
|
}
|
|
2141
2142
|
);
|
|
2142
|
-
return /* @__PURE__ */ it(
|
|
2143
|
+
return /* @__PURE__ */ it(ni, { children: [
|
|
2143
2144
|
/* @__PURE__ */ d(
|
|
2144
|
-
|
|
2145
|
+
ri,
|
|
2145
2146
|
{
|
|
2146
|
-
ref:
|
|
2147
|
-
className:
|
|
2148
|
-
disabled:
|
|
2149
|
-
children: /* @__PURE__ */ it(
|
|
2150
|
-
|
|
2151
|
-
/* @__PURE__ */ d(
|
|
2147
|
+
ref: ir(n, m),
|
|
2148
|
+
className: l,
|
|
2149
|
+
disabled: u,
|
|
2150
|
+
children: /* @__PURE__ */ it(ar, { gap: "small", centered: !0, spaceBetween: !0, children: [
|
|
2151
|
+
o || p,
|
|
2152
|
+
/* @__PURE__ */ d(or, { className: G.icon, name: "DownChevron" })
|
|
2152
2153
|
] })
|
|
2153
2154
|
}
|
|
2154
2155
|
),
|
|
2155
2156
|
/* @__PURE__ */ d(
|
|
2156
|
-
|
|
2157
|
+
oi,
|
|
2157
2158
|
{
|
|
2158
2159
|
align: "end",
|
|
2159
2160
|
side: "bottom",
|
|
2160
|
-
className:
|
|
2161
|
+
className: E,
|
|
2161
2162
|
style: {
|
|
2162
|
-
width:
|
|
2163
|
+
width: v,
|
|
2163
2164
|
zIndex: ct.zindex("max")
|
|
2164
2165
|
},
|
|
2165
|
-
children:
|
|
2166
|
-
|
|
2166
|
+
children: r.map((g) => /* @__PURE__ */ d(
|
|
2167
|
+
ai,
|
|
2167
2168
|
{
|
|
2168
2169
|
className: G.item,
|
|
2169
|
-
onSelect: () =>
|
|
2170
|
-
style: { width:
|
|
2171
|
-
children:
|
|
2170
|
+
onSelect: () => i(g.value),
|
|
2171
|
+
style: { width: v },
|
|
2172
|
+
children: g.label
|
|
2172
2173
|
},
|
|
2173
|
-
|
|
2174
|
+
g.value
|
|
2174
2175
|
))
|
|
2175
2176
|
}
|
|
2176
2177
|
)
|
|
2177
2178
|
] });
|
|
2178
|
-
};
|
|
2179
|
+
});
|
|
2179
2180
|
export {
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
|
|
2181
|
+
Ii as DropdownSelect,
|
|
2182
|
+
Ni as ICON_SIZE_MAP,
|
|
2183
|
+
Ii as default
|
|
2183
2184
|
};
|