@sps-woodland/modal 8.45.3 → 8.45.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +798 -721
- package/lib/index.umd.cjs +35 -30
- package/lib/style.css +1 -1
- package/package.json +20 -19
package/lib/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { Metadata as
|
|
2
|
-
import { Button as
|
|
3
|
-
import * as
|
|
4
|
-
import
|
|
5
|
-
import { useWoodlandLanguage as
|
|
6
|
-
import
|
|
7
|
-
import { code as
|
|
8
|
-
const
|
|
1
|
+
import { Metadata as tt, cl as Me, combineEventHandlers as We, useChildTestIdAttrBuilder as Ct, selectChildren as Bt, modChildren as Ot, Icon as Rt, contentOf as ge } from "@sps-woodland/core";
|
|
2
|
+
import { Button as ot } from "@sps-woodland/buttons";
|
|
3
|
+
import * as c from "react";
|
|
4
|
+
import M, { useState as re, useRef as y, useCallback as x, useContext as J, useEffect as D, useReducer as Dt, useMemo as Y, createContext as It } from "react";
|
|
5
|
+
import { useWoodlandLanguage as At } from "@spscommerce/i18n";
|
|
6
|
+
import Wt from "react-dom";
|
|
7
|
+
import { code as w } from "@spscommerce/utils";
|
|
8
|
+
const N = typeof document < "u" ? M.useLayoutEffect : () => {
|
|
9
9
|
};
|
|
10
|
-
function
|
|
11
|
-
let [t, o] =
|
|
10
|
+
function Vt(e) {
|
|
11
|
+
let [t, o] = re(e), n = y(t), r = y(null), a = y(() => {
|
|
12
12
|
if (!r.current) return;
|
|
13
13
|
let l = r.current.next();
|
|
14
14
|
if (l.done) {
|
|
@@ -17,10 +17,10 @@ function It(e) {
|
|
|
17
17
|
}
|
|
18
18
|
n.current === l.value ? a.current() : o(l.value);
|
|
19
19
|
});
|
|
20
|
-
|
|
20
|
+
N(() => {
|
|
21
21
|
n.current = t, r.current && a.current();
|
|
22
22
|
});
|
|
23
|
-
let i =
|
|
23
|
+
let i = x((l) => {
|
|
24
24
|
r.current = l(n.current), a.current();
|
|
25
25
|
}, [
|
|
26
26
|
a
|
|
@@ -30,87 +30,87 @@ function It(e) {
|
|
|
30
30
|
i
|
|
31
31
|
];
|
|
32
32
|
}
|
|
33
|
-
const
|
|
33
|
+
const ue = {
|
|
34
34
|
prefix: String(Math.round(Math.random() * 1e10)),
|
|
35
35
|
current: 0
|
|
36
|
-
},
|
|
37
|
-
let
|
|
38
|
-
function
|
|
39
|
-
let t =
|
|
36
|
+
}, nt = /* @__PURE__ */ M.createContext(ue), Ht = /* @__PURE__ */ M.createContext(!1);
|
|
37
|
+
let zt = !!(typeof window < "u" && window.document && window.document.createElement), ve = /* @__PURE__ */ new WeakMap();
|
|
38
|
+
function Kt(e = !1) {
|
|
39
|
+
let t = J(nt), o = y(null);
|
|
40
40
|
if (o.current === null && !e) {
|
|
41
41
|
var n, r;
|
|
42
|
-
let a = (r =
|
|
42
|
+
let a = (r = M.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || r === void 0 || (n = r.ReactCurrentOwner) === null || n === void 0 ? void 0 : n.current;
|
|
43
43
|
if (a) {
|
|
44
|
-
let i =
|
|
45
|
-
i == null ?
|
|
44
|
+
let i = ve.get(a);
|
|
45
|
+
i == null ? ve.set(a, {
|
|
46
46
|
id: t.current,
|
|
47
47
|
state: a.memoizedState
|
|
48
|
-
}) : a.memoizedState !== i.state && (t.current = i.id,
|
|
48
|
+
}) : a.memoizedState !== i.state && (t.current = i.id, ve.delete(a));
|
|
49
49
|
}
|
|
50
50
|
o.current = ++t.current;
|
|
51
51
|
}
|
|
52
52
|
return o.current;
|
|
53
53
|
}
|
|
54
|
-
function
|
|
55
|
-
let t =
|
|
56
|
-
t ===
|
|
57
|
-
let o =
|
|
54
|
+
function qt(e) {
|
|
55
|
+
let t = J(nt);
|
|
56
|
+
t === ue && !zt && process.env.NODE_ENV !== "production" && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
|
|
57
|
+
let o = Kt(!!e), n = t === ue && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
|
|
58
58
|
return e || `${n}-${o}`;
|
|
59
59
|
}
|
|
60
|
-
function
|
|
61
|
-
let t =
|
|
60
|
+
function jt(e) {
|
|
61
|
+
let t = M.useId(), [o] = re(rt()), n = o || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${ue.prefix}`;
|
|
62
62
|
return e || `${n}-${t}`;
|
|
63
63
|
}
|
|
64
|
-
const
|
|
65
|
-
function
|
|
64
|
+
const Ut = typeof M.useId == "function" ? jt : qt;
|
|
65
|
+
function Gt() {
|
|
66
66
|
return !1;
|
|
67
67
|
}
|
|
68
|
-
function
|
|
68
|
+
function Jt() {
|
|
69
69
|
return !0;
|
|
70
70
|
}
|
|
71
|
-
function
|
|
71
|
+
function Xt(e) {
|
|
72
72
|
return () => {
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
|
-
function
|
|
76
|
-
return typeof
|
|
75
|
+
function rt() {
|
|
76
|
+
return typeof M.useSyncExternalStore == "function" ? M.useSyncExternalStore(Xt, Gt, Jt) : J(Ht);
|
|
77
77
|
}
|
|
78
|
-
let
|
|
79
|
-
typeof FinalizationRegistry < "u" && (
|
|
80
|
-
|
|
78
|
+
let Qt = !!(typeof window < "u" && window.document && window.document.createElement), U = /* @__PURE__ */ new Map(), Q;
|
|
79
|
+
typeof FinalizationRegistry < "u" && (Q = new FinalizationRegistry((e) => {
|
|
80
|
+
U.delete(e);
|
|
81
81
|
}));
|
|
82
|
-
function
|
|
83
|
-
let [t, o] =
|
|
84
|
-
if (
|
|
85
|
-
const i =
|
|
86
|
-
i && !i.includes(n) ? i.push(n) :
|
|
82
|
+
function at(e) {
|
|
83
|
+
let [t, o] = re(e), n = y(null), r = Ut(t), a = y(null);
|
|
84
|
+
if (Q && Q.register(a, r), Qt) {
|
|
85
|
+
const i = U.get(r);
|
|
86
|
+
i && !i.includes(n) ? i.push(n) : U.set(r, [
|
|
87
87
|
n
|
|
88
88
|
]);
|
|
89
89
|
}
|
|
90
|
-
return
|
|
90
|
+
return N(() => {
|
|
91
91
|
let i = r;
|
|
92
92
|
return () => {
|
|
93
|
-
|
|
93
|
+
Q && Q.unregister(a), U.delete(i);
|
|
94
94
|
};
|
|
95
95
|
}, [
|
|
96
96
|
r
|
|
97
|
-
]),
|
|
97
|
+
]), D(() => {
|
|
98
98
|
let i = n.current;
|
|
99
99
|
return i && o(i), () => {
|
|
100
100
|
i && (n.current = null);
|
|
101
101
|
};
|
|
102
102
|
}), r;
|
|
103
103
|
}
|
|
104
|
-
function
|
|
104
|
+
function Zt(e, t) {
|
|
105
105
|
if (e === t) return e;
|
|
106
|
-
let o =
|
|
106
|
+
let o = U.get(e);
|
|
107
107
|
if (o)
|
|
108
108
|
return o.forEach((r) => r.current = t), t;
|
|
109
|
-
let n =
|
|
109
|
+
let n = U.get(t);
|
|
110
110
|
return n ? (n.forEach((r) => r.current = e), e) : t;
|
|
111
111
|
}
|
|
112
112
|
function Yt(e = []) {
|
|
113
|
-
let t =
|
|
113
|
+
let t = at(), [o, n] = Vt(t), r = x(() => {
|
|
114
114
|
n(function* () {
|
|
115
115
|
yield t, yield document.getElementById(t) ? t : void 0;
|
|
116
116
|
});
|
|
@@ -118,62 +118,62 @@ function Yt(e = []) {
|
|
|
118
118
|
t,
|
|
119
119
|
n
|
|
120
120
|
]);
|
|
121
|
-
return
|
|
121
|
+
return N(r, [
|
|
122
122
|
t,
|
|
123
123
|
r,
|
|
124
124
|
...e
|
|
125
125
|
]), o;
|
|
126
126
|
}
|
|
127
|
-
function
|
|
127
|
+
function Fe(...e) {
|
|
128
128
|
return (...t) => {
|
|
129
129
|
for (let o of e) typeof o == "function" && o(...t);
|
|
130
130
|
};
|
|
131
131
|
}
|
|
132
|
-
const
|
|
132
|
+
const P = (e) => {
|
|
133
133
|
var t;
|
|
134
134
|
return (t = e?.ownerDocument) !== null && t !== void 0 ? t : document;
|
|
135
|
-
},
|
|
136
|
-
function
|
|
135
|
+
}, G = (e) => e && "window" in e && e.window === e ? e : P(e).defaultView || window;
|
|
136
|
+
function eo(e) {
|
|
137
137
|
return e !== null && typeof e == "object" && "nodeType" in e && typeof e.nodeType == "number";
|
|
138
138
|
}
|
|
139
|
-
function
|
|
140
|
-
return
|
|
139
|
+
function to(e) {
|
|
140
|
+
return eo(e) && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in e;
|
|
141
141
|
}
|
|
142
|
-
let
|
|
143
|
-
function
|
|
144
|
-
return
|
|
142
|
+
let oo = !1;
|
|
143
|
+
function A() {
|
|
144
|
+
return oo;
|
|
145
145
|
}
|
|
146
|
-
function
|
|
147
|
-
if (!
|
|
146
|
+
function B(e, t) {
|
|
147
|
+
if (!A()) return t && e ? e.contains(t) : !1;
|
|
148
148
|
if (!e || !t) return !1;
|
|
149
149
|
let o = t;
|
|
150
150
|
for (; o !== null; ) {
|
|
151
151
|
if (o === e) return !0;
|
|
152
|
-
o.tagName === "SLOT" && o.assignedSlot ? o = o.assignedSlot.parentNode :
|
|
152
|
+
o.tagName === "SLOT" && o.assignedSlot ? o = o.assignedSlot.parentNode : to(o) ? o = o.host : o = o.parentNode;
|
|
153
153
|
}
|
|
154
154
|
return !1;
|
|
155
155
|
}
|
|
156
|
-
const
|
|
156
|
+
const S = (e = document) => {
|
|
157
157
|
var t;
|
|
158
|
-
if (!
|
|
158
|
+
if (!A()) return e.activeElement;
|
|
159
159
|
let o = e.activeElement;
|
|
160
160
|
for (; o && "shadowRoot" in o && (!((t = o.shadowRoot) === null || t === void 0) && t.activeElement); ) o = o.shadowRoot.activeElement;
|
|
161
161
|
return o;
|
|
162
162
|
};
|
|
163
|
-
function
|
|
164
|
-
if (
|
|
163
|
+
function k(e) {
|
|
164
|
+
if (A() && e.target instanceof Element && e.target.shadowRoot) {
|
|
165
165
|
var t, o;
|
|
166
166
|
if ("composedPath" in e) return (t = e.composedPath()[0]) !== null && t !== void 0 ? t : null;
|
|
167
167
|
if ("composedPath" in e.nativeEvent) return (o = e.nativeEvent.composedPath()[0]) !== null && o !== void 0 ? o : null;
|
|
168
168
|
}
|
|
169
169
|
return e.target;
|
|
170
170
|
}
|
|
171
|
-
class
|
|
171
|
+
class no {
|
|
172
172
|
get currentNode() {
|
|
173
173
|
return this._currentNode;
|
|
174
174
|
}
|
|
175
175
|
set currentNode(t) {
|
|
176
|
-
if (!
|
|
176
|
+
if (!B(this.root, t)) throw new Error("Cannot set currentNode to a node that is not contained by the root node.");
|
|
177
177
|
const o = [];
|
|
178
178
|
let n = t, r = t;
|
|
179
179
|
for (this._currentNode = t; n && n !== this.root; ) if (n.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
|
@@ -192,7 +192,7 @@ class to {
|
|
|
192
192
|
}
|
|
193
193
|
firstChild() {
|
|
194
194
|
let t = this.currentNode, o = this.nextNode();
|
|
195
|
-
return
|
|
195
|
+
return B(t, o) ? (o && (this.currentNode = o), o) : (this.currentNode = t, null);
|
|
196
196
|
}
|
|
197
197
|
lastChild() {
|
|
198
198
|
let o = this._walkerStack[0].lastChild();
|
|
@@ -267,10 +267,10 @@ class to {
|
|
|
267
267
|
if (i.nodeType === Node.ELEMENT_NODE) {
|
|
268
268
|
const s = i.shadowRoot;
|
|
269
269
|
if (s) {
|
|
270
|
-
const
|
|
270
|
+
const u = this._doc.createTreeWalker(s, this.whatToShow, {
|
|
271
271
|
acceptNode: this._acceptNode
|
|
272
272
|
});
|
|
273
|
-
return this._walkerStack.unshift(
|
|
273
|
+
return this._walkerStack.unshift(u), NodeFilter.FILTER_ACCEPT;
|
|
274
274
|
} else {
|
|
275
275
|
var l;
|
|
276
276
|
if (typeof this.filter == "function") return this.filter(i);
|
|
@@ -289,41 +289,41 @@ class to {
|
|
|
289
289
|
}
|
|
290
290
|
}
|
|
291
291
|
}
|
|
292
|
-
function
|
|
293
|
-
return
|
|
292
|
+
function it(e, t, o, n) {
|
|
293
|
+
return A() ? new no(e, t, o, n) : e.createTreeWalker(t, o, n);
|
|
294
294
|
}
|
|
295
|
-
function
|
|
295
|
+
function ro(...e) {
|
|
296
296
|
return e.length === 1 && e[0] ? e[0] : (t) => {
|
|
297
297
|
let o = !1;
|
|
298
298
|
const n = e.map((r) => {
|
|
299
|
-
const a =
|
|
299
|
+
const a = Ve(r, t);
|
|
300
300
|
return o || (o = typeof a == "function"), a;
|
|
301
301
|
});
|
|
302
302
|
if (o) return () => {
|
|
303
303
|
n.forEach((r, a) => {
|
|
304
|
-
typeof r == "function" ? r() :
|
|
304
|
+
typeof r == "function" ? r() : Ve(e[a], null);
|
|
305
305
|
});
|
|
306
306
|
};
|
|
307
307
|
};
|
|
308
308
|
}
|
|
309
|
-
function
|
|
309
|
+
function Ve(e, t) {
|
|
310
310
|
if (typeof e == "function") return e(t);
|
|
311
311
|
e != null && (e.current = t);
|
|
312
312
|
}
|
|
313
|
-
function
|
|
313
|
+
function lt(e) {
|
|
314
314
|
var t, o, n = "";
|
|
315
315
|
if (typeof e == "string" || typeof e == "number") n += e;
|
|
316
316
|
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
317
317
|
var r = e.length;
|
|
318
|
-
for (t = 0; t < r; t++) e[t] && (o =
|
|
318
|
+
for (t = 0; t < r; t++) e[t] && (o = lt(e[t])) && (n && (n += " "), n += o);
|
|
319
319
|
} else for (o in e) e[o] && (n && (n += " "), n += o);
|
|
320
320
|
return n;
|
|
321
321
|
}
|
|
322
|
-
function
|
|
323
|
-
for (var e, t, o = 0, n = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (t =
|
|
322
|
+
function ao() {
|
|
323
|
+
for (var e, t, o = 0, n = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (t = lt(e)) && (n && (n += " "), n += t);
|
|
324
324
|
return n;
|
|
325
325
|
}
|
|
326
|
-
function
|
|
326
|
+
function io(...e) {
|
|
327
327
|
let t = {
|
|
328
328
|
...e[0]
|
|
329
329
|
};
|
|
@@ -334,19 +334,19 @@ function ao(...e) {
|
|
|
334
334
|
typeof a == "function" && typeof i == "function" && // This is a lot faster than a regex.
|
|
335
335
|
r[0] === "o" && r[1] === "n" && r.charCodeAt(2) >= /* 'A' */
|
|
336
336
|
65 && r.charCodeAt(2) <= /* 'Z' */
|
|
337
|
-
90 ? t[r] =
|
|
337
|
+
90 ? t[r] = Fe(a, i) : (r === "className" || r === "UNSAFE_className") && typeof a == "string" && typeof i == "string" ? t[r] = ao(a, i) : r === "id" && a && i ? t.id = Zt(a, i) : r === "ref" && a && i ? t.ref = ro(a, i) : t[r] = i !== void 0 ? i : a;
|
|
338
338
|
}
|
|
339
339
|
}
|
|
340
340
|
return t;
|
|
341
341
|
}
|
|
342
|
-
const
|
|
342
|
+
const lo = /* @__PURE__ */ new Set([
|
|
343
343
|
"id"
|
|
344
|
-
]),
|
|
344
|
+
]), so = /* @__PURE__ */ new Set([
|
|
345
345
|
"aria-label",
|
|
346
346
|
"aria-labelledby",
|
|
347
347
|
"aria-describedby",
|
|
348
348
|
"aria-details"
|
|
349
|
-
]),
|
|
349
|
+
]), uo = /* @__PURE__ */ new Set([
|
|
350
350
|
"href",
|
|
351
351
|
"hrefLang",
|
|
352
352
|
"target",
|
|
@@ -354,13 +354,13 @@ const io = /* @__PURE__ */ new Set([
|
|
|
354
354
|
"download",
|
|
355
355
|
"ping",
|
|
356
356
|
"referrerPolicy"
|
|
357
|
-
]),
|
|
357
|
+
]), co = /* @__PURE__ */ new Set([
|
|
358
358
|
"dir",
|
|
359
359
|
"lang",
|
|
360
360
|
"hidden",
|
|
361
361
|
"inert",
|
|
362
362
|
"translate"
|
|
363
|
-
]),
|
|
363
|
+
]), He = /* @__PURE__ */ new Set([
|
|
364
364
|
"onClick",
|
|
365
365
|
"onAuxClick",
|
|
366
366
|
"onContextMenu",
|
|
@@ -395,37 +395,37 @@ const io = /* @__PURE__ */ new Set([
|
|
|
395
395
|
"onTransitionEnd",
|
|
396
396
|
"onTransitionRun",
|
|
397
397
|
"onTransitionStart"
|
|
398
|
-
]),
|
|
399
|
-
function
|
|
398
|
+
]), fo = /^(data-.*)$/;
|
|
399
|
+
function mo(e, t = {}) {
|
|
400
400
|
let { labelable: o, isLink: n, global: r, events: a = r, propNames: i } = t, l = {};
|
|
401
|
-
for (const s in e) Object.prototype.hasOwnProperty.call(e, s) && (
|
|
401
|
+
for (const s in e) Object.prototype.hasOwnProperty.call(e, s) && (lo.has(s) || o && so.has(s) || n && uo.has(s) || r && co.has(s) || a && (He.has(s) || s.endsWith("Capture") && He.has(s.slice(0, -7))) || i?.has(s) || fo.test(s)) && (l[s] = e[s]);
|
|
402
402
|
return l;
|
|
403
403
|
}
|
|
404
|
-
function
|
|
405
|
-
if (
|
|
404
|
+
function ye(e) {
|
|
405
|
+
if (po()) e.focus({
|
|
406
406
|
preventScroll: !0
|
|
407
407
|
});
|
|
408
408
|
else {
|
|
409
|
-
let t =
|
|
410
|
-
e.focus(),
|
|
409
|
+
let t = bo(e);
|
|
410
|
+
e.focus(), go(t);
|
|
411
411
|
}
|
|
412
412
|
}
|
|
413
|
-
let
|
|
414
|
-
function
|
|
415
|
-
if (
|
|
416
|
-
|
|
413
|
+
let ie = null;
|
|
414
|
+
function po() {
|
|
415
|
+
if (ie == null) {
|
|
416
|
+
ie = !1;
|
|
417
417
|
try {
|
|
418
418
|
document.createElement("div").focus({
|
|
419
419
|
get preventScroll() {
|
|
420
|
-
return
|
|
420
|
+
return ie = !0, !0;
|
|
421
421
|
}
|
|
422
422
|
});
|
|
423
423
|
} catch {
|
|
424
424
|
}
|
|
425
425
|
}
|
|
426
|
-
return
|
|
426
|
+
return ie;
|
|
427
427
|
}
|
|
428
|
-
function
|
|
428
|
+
function bo(e) {
|
|
429
429
|
let t = e.parentNode, o = [], n = document.scrollingElement || document.documentElement;
|
|
430
430
|
for (; t instanceof HTMLElement && t !== n; )
|
|
431
431
|
(t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && o.push({
|
|
@@ -439,52 +439,52 @@ function po(e) {
|
|
|
439
439
|
scrollLeft: n.scrollLeft
|
|
440
440
|
}), o;
|
|
441
441
|
}
|
|
442
|
-
function
|
|
442
|
+
function go(e) {
|
|
443
443
|
for (let { element: t, scrollTop: o, scrollLeft: n } of e)
|
|
444
444
|
t.scrollTop = o, t.scrollLeft = n;
|
|
445
445
|
}
|
|
446
|
-
function
|
|
446
|
+
function me(e) {
|
|
447
447
|
var t;
|
|
448
448
|
if (typeof window > "u" || window.navigator == null) return !1;
|
|
449
449
|
let o = (t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands;
|
|
450
450
|
return Array.isArray(o) && o.some((n) => e.test(n.brand)) || e.test(window.navigator.userAgent);
|
|
451
451
|
}
|
|
452
|
-
function
|
|
452
|
+
function Ce(e) {
|
|
453
453
|
var t;
|
|
454
454
|
return typeof window < "u" && window.navigator != null ? e.test(((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.platform) || window.navigator.platform) : !1;
|
|
455
455
|
}
|
|
456
|
-
function
|
|
456
|
+
function V(e) {
|
|
457
457
|
if (process.env.NODE_ENV === "test") return e;
|
|
458
458
|
let t = null;
|
|
459
459
|
return () => (t == null && (t = e()), t);
|
|
460
460
|
}
|
|
461
|
-
const
|
|
462
|
-
return
|
|
463
|
-
}),
|
|
464
|
-
return
|
|
465
|
-
}),
|
|
466
|
-
return
|
|
467
|
-
|
|
468
|
-
}),
|
|
469
|
-
return
|
|
461
|
+
const oe = V(function() {
|
|
462
|
+
return Ce(/^Mac/i);
|
|
463
|
+
}), vo = V(function() {
|
|
464
|
+
return Ce(/^iPhone/i);
|
|
465
|
+
}), st = V(function() {
|
|
466
|
+
return Ce(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
|
|
467
|
+
oe() && navigator.maxTouchPoints > 1;
|
|
468
|
+
}), dt = V(function() {
|
|
469
|
+
return vo() || st();
|
|
470
470
|
});
|
|
471
|
-
|
|
472
|
-
return
|
|
471
|
+
V(function() {
|
|
472
|
+
return oe() || dt();
|
|
473
473
|
});
|
|
474
|
-
const
|
|
475
|
-
return
|
|
476
|
-
}),
|
|
477
|
-
return
|
|
478
|
-
}),
|
|
479
|
-
return
|
|
480
|
-
}),
|
|
481
|
-
return
|
|
474
|
+
const ho = V(function() {
|
|
475
|
+
return me(/AppleWebKit/i) && !ut();
|
|
476
|
+
}), ut = V(function() {
|
|
477
|
+
return me(/Chrome/i);
|
|
478
|
+
}), ct = V(function() {
|
|
479
|
+
return me(/Android/i);
|
|
480
|
+
}), $o = V(function() {
|
|
481
|
+
return me(/Firefox/i);
|
|
482
482
|
});
|
|
483
|
-
function
|
|
483
|
+
function ne(e, t, o = !0) {
|
|
484
484
|
var n, r;
|
|
485
485
|
let { metaKey: a, ctrlKey: i, altKey: l, shiftKey: s } = t;
|
|
486
|
-
|
|
487
|
-
let
|
|
486
|
+
$o() && (!((r = window.event) === null || r === void 0 || (n = r.type) === null || n === void 0) && n.startsWith("key")) && e.target === "_blank" && (oe() ? a = !0 : i = !0);
|
|
487
|
+
let u = ho() && oe() && !st() && process.env.NODE_ENV !== "test" ? new KeyboardEvent("keydown", {
|
|
488
488
|
keyIdentifier: "Enter",
|
|
489
489
|
metaKey: a,
|
|
490
490
|
ctrlKey: i,
|
|
@@ -499,47 +499,47 @@ function ee(e, t, o = !0) {
|
|
|
499
499
|
bubbles: !0,
|
|
500
500
|
cancelable: !0
|
|
501
501
|
});
|
|
502
|
-
|
|
502
|
+
ne.isOpening = o, ye(e), e.dispatchEvent(u), ne.isOpening = !1;
|
|
503
503
|
}
|
|
504
|
-
|
|
505
|
-
let
|
|
506
|
-
function
|
|
504
|
+
ne.isOpening = !1;
|
|
505
|
+
let H = /* @__PURE__ */ new Map(), ke = /* @__PURE__ */ new Set();
|
|
506
|
+
function ze() {
|
|
507
507
|
if (typeof window > "u") return;
|
|
508
508
|
function e(n) {
|
|
509
509
|
return "propertyName" in n;
|
|
510
510
|
}
|
|
511
511
|
let t = (n) => {
|
|
512
|
-
let r =
|
|
512
|
+
let r = k(n);
|
|
513
513
|
if (!e(n) || !r) return;
|
|
514
|
-
let a =
|
|
515
|
-
a || (a = /* @__PURE__ */ new Set(),
|
|
514
|
+
let a = H.get(r);
|
|
515
|
+
a || (a = /* @__PURE__ */ new Set(), H.set(r, a), r.addEventListener("transitioncancel", o, {
|
|
516
516
|
once: !0
|
|
517
517
|
})), a.add(n.propertyName);
|
|
518
518
|
}, o = (n) => {
|
|
519
|
-
let r =
|
|
519
|
+
let r = k(n);
|
|
520
520
|
if (!e(n) || !r) return;
|
|
521
|
-
let a =
|
|
522
|
-
if (a && (a.delete(n.propertyName), a.size === 0 && (r.removeEventListener("transitioncancel", o),
|
|
523
|
-
for (let i of
|
|
524
|
-
|
|
521
|
+
let a = H.get(r);
|
|
522
|
+
if (a && (a.delete(n.propertyName), a.size === 0 && (r.removeEventListener("transitioncancel", o), H.delete(r)), H.size === 0)) {
|
|
523
|
+
for (let i of ke) i();
|
|
524
|
+
ke.clear();
|
|
525
525
|
}
|
|
526
526
|
};
|
|
527
527
|
document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", o);
|
|
528
528
|
}
|
|
529
|
-
typeof document < "u" && (document.readyState !== "loading" ?
|
|
530
|
-
function
|
|
531
|
-
for (const [e] of
|
|
532
|
-
"isConnected" in e && !e.isConnected &&
|
|
529
|
+
typeof document < "u" && (document.readyState !== "loading" ? ze() : document.addEventListener("DOMContentLoaded", ze));
|
|
530
|
+
function wo() {
|
|
531
|
+
for (const [e] of H)
|
|
532
|
+
"isConnected" in e && !e.isConnected && H.delete(e);
|
|
533
533
|
}
|
|
534
|
-
function
|
|
534
|
+
function Eo(e) {
|
|
535
535
|
requestAnimationFrame(() => {
|
|
536
|
-
|
|
536
|
+
wo(), H.size === 0 ? e() : ke.add(e);
|
|
537
537
|
});
|
|
538
538
|
}
|
|
539
|
-
function
|
|
540
|
-
let e =
|
|
541
|
-
let s = l?.once ? (...
|
|
542
|
-
e.current.delete(i), i(...
|
|
539
|
+
function _o() {
|
|
540
|
+
let e = y(/* @__PURE__ */ new Map()), t = x((r, a, i, l) => {
|
|
541
|
+
let s = l?.once ? (...u) => {
|
|
542
|
+
e.current.delete(i), i(...u);
|
|
543
543
|
} : i;
|
|
544
544
|
e.current.set(i, {
|
|
545
545
|
type: a,
|
|
@@ -547,18 +547,18 @@ function Eo() {
|
|
|
547
547
|
fn: s,
|
|
548
548
|
options: l
|
|
549
549
|
}), r.addEventListener(a, s, l);
|
|
550
|
-
}, []), o =
|
|
550
|
+
}, []), o = x((r, a, i, l) => {
|
|
551
551
|
var s;
|
|
552
|
-
let
|
|
553
|
-
r.removeEventListener(a,
|
|
554
|
-
}, []), n =
|
|
552
|
+
let u = ((s = e.current.get(i)) === null || s === void 0 ? void 0 : s.fn) || i;
|
|
553
|
+
r.removeEventListener(a, u, l), e.current.delete(i);
|
|
554
|
+
}, []), n = x(() => {
|
|
555
555
|
e.current.forEach((r, a) => {
|
|
556
556
|
o(r.eventTarget, r.type, a, r.options);
|
|
557
557
|
});
|
|
558
558
|
}, [
|
|
559
559
|
o
|
|
560
560
|
]);
|
|
561
|
-
return
|
|
561
|
+
return D(() => n, [
|
|
562
562
|
n
|
|
563
563
|
]), {
|
|
564
564
|
addGlobalListener: t,
|
|
@@ -566,35 +566,49 @@ function Eo() {
|
|
|
566
566
|
removeAllGlobalListeners: n
|
|
567
567
|
};
|
|
568
568
|
}
|
|
569
|
-
var
|
|
570
|
-
const
|
|
571
|
-
function
|
|
572
|
-
const t =
|
|
573
|
-
return
|
|
569
|
+
var he;
|
|
570
|
+
const Mo = (he = M.useInsertionEffect) !== null && he !== void 0 ? he : N;
|
|
571
|
+
function Ke(e) {
|
|
572
|
+
const t = y(null);
|
|
573
|
+
return Mo(() => {
|
|
574
574
|
t.current = e;
|
|
575
575
|
}, [
|
|
576
576
|
e
|
|
577
|
-
]),
|
|
577
|
+
]), x((...o) => {
|
|
578
578
|
const n = t.current;
|
|
579
579
|
return n?.(...o);
|
|
580
580
|
}, []);
|
|
581
581
|
}
|
|
582
|
-
function
|
|
582
|
+
function Te(e, t) {
|
|
583
583
|
if (!e) return !1;
|
|
584
584
|
let o = window.getComputedStyle(e), n = document.scrollingElement || document.documentElement, r = /(auto|scroll)/.test(o.overflow + o.overflowX + o.overflowY);
|
|
585
585
|
return e === n && o.overflow !== "hidden" && (r = !0), r && t && (r = e.scrollHeight !== e.clientHeight || e.scrollWidth !== e.clientWidth), r;
|
|
586
586
|
}
|
|
587
|
-
function
|
|
587
|
+
function ft(e, t) {
|
|
588
588
|
let o = e;
|
|
589
|
-
for (
|
|
589
|
+
for (Te(o, t) && (o = o.parentElement); o && !Te(o, t); ) o = o.parentElement;
|
|
590
590
|
return o || document.scrollingElement || document.documentElement;
|
|
591
591
|
}
|
|
592
|
-
|
|
593
|
-
|
|
592
|
+
const yo = /* @__PURE__ */ new Set([
|
|
593
|
+
"checkbox",
|
|
594
|
+
"radio",
|
|
595
|
+
"range",
|
|
596
|
+
"color",
|
|
597
|
+
"file",
|
|
598
|
+
"image",
|
|
599
|
+
"button",
|
|
600
|
+
"submit",
|
|
601
|
+
"reset"
|
|
602
|
+
]);
|
|
603
|
+
function $e(e) {
|
|
604
|
+
return e instanceof HTMLInputElement && !yo.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
|
|
594
605
|
}
|
|
595
|
-
const yo = typeof Element < "u" && "checkVisibility" in Element.prototype;
|
|
596
606
|
function ko(e) {
|
|
597
|
-
|
|
607
|
+
return e.pointerType === "" && e.isTrusted ? !0 : ct() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
|
|
608
|
+
}
|
|
609
|
+
const To = typeof Element < "u" && "checkVisibility" in Element.prototype;
|
|
610
|
+
function Po(e) {
|
|
611
|
+
const t = G(e);
|
|
598
612
|
if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement)) return !1;
|
|
599
613
|
let { display: o, visibility: n } = e.style, r = o !== "none" && n !== "hidden" && n !== "collapse";
|
|
600
614
|
if (r) {
|
|
@@ -604,16 +618,16 @@ function ko(e) {
|
|
|
604
618
|
}
|
|
605
619
|
return r;
|
|
606
620
|
}
|
|
607
|
-
function
|
|
621
|
+
function No(e, t) {
|
|
608
622
|
return !e.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
|
|
609
623
|
!e.hasAttribute("data-react-aria-prevent-focus") && (e.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? e.hasAttribute("open") : !0);
|
|
610
624
|
}
|
|
611
|
-
function
|
|
612
|
-
return
|
|
625
|
+
function Be(e, t) {
|
|
626
|
+
return To ? e.checkVisibility({
|
|
613
627
|
visibilityProperty: !0
|
|
614
|
-
}) && !e.closest("[data-react-aria-prevent-focus]") : e.nodeName !== "#comment" &&
|
|
628
|
+
}) && !e.closest("[data-react-aria-prevent-focus]") : e.nodeName !== "#comment" && Po(e) && No(e, t) && (!e.parentElement || Be(e.parentElement, e));
|
|
615
629
|
}
|
|
616
|
-
const
|
|
630
|
+
const Oe = [
|
|
617
631
|
"input:not([disabled]):not([type=hidden])",
|
|
618
632
|
"select:not([disabled])",
|
|
619
633
|
"textarea:not([disabled])",
|
|
@@ -628,16 +642,16 @@ const Se = [
|
|
|
628
642
|
"video[controls]",
|
|
629
643
|
'[contenteditable]:not([contenteditable^="false"])',
|
|
630
644
|
"permission"
|
|
631
|
-
],
|
|
632
|
-
|
|
633
|
-
const
|
|
645
|
+
], Lo = Oe.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
|
|
646
|
+
Oe.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
|
|
647
|
+
const So = Oe.join(':not([hidden]):not([tabindex="-1"]),');
|
|
634
648
|
function xo(e) {
|
|
635
|
-
return e.matches(
|
|
649
|
+
return e.matches(Lo) && Be(e) && !mt(e);
|
|
636
650
|
}
|
|
637
|
-
function
|
|
638
|
-
return e.matches(
|
|
651
|
+
function Fo(e) {
|
|
652
|
+
return e.matches(So) && Be(e) && !mt(e);
|
|
639
653
|
}
|
|
640
|
-
function
|
|
654
|
+
function mt(e) {
|
|
641
655
|
let t = e;
|
|
642
656
|
for (; t != null; ) {
|
|
643
657
|
if (t instanceof t.ownerDocument.defaultView.HTMLElement && t.inert) return !0;
|
|
@@ -645,61 +659,61 @@ function st(e) {
|
|
|
645
659
|
}
|
|
646
660
|
return !1;
|
|
647
661
|
}
|
|
648
|
-
var
|
|
649
|
-
const
|
|
662
|
+
var we;
|
|
663
|
+
const Co = typeof document < "u" ? (we = M.useInsertionEffect) !== null && we !== void 0 ? we : M.useLayoutEffect : () => {
|
|
650
664
|
};
|
|
651
|
-
function
|
|
652
|
-
let [n, r] =
|
|
653
|
-
|
|
654
|
-
let
|
|
655
|
-
|
|
665
|
+
function Bo(e, t, o) {
|
|
666
|
+
let [n, r] = re(e || t), a = y(n), i = y(e !== void 0), l = e !== void 0;
|
|
667
|
+
D(() => {
|
|
668
|
+
let d = i.current;
|
|
669
|
+
d !== l && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${d ? "controlled" : "uncontrolled"} to ${l ? "controlled" : "uncontrolled"}.`), i.current = l;
|
|
656
670
|
}, [
|
|
657
671
|
l
|
|
658
672
|
]);
|
|
659
673
|
let s = l ? e : n;
|
|
660
|
-
|
|
674
|
+
Co(() => {
|
|
661
675
|
a.current = s;
|
|
662
676
|
});
|
|
663
|
-
let [,
|
|
664
|
-
let
|
|
665
|
-
Object.is(a.current,
|
|
677
|
+
let [, u] = Dt(() => ({}), {}), f = x((d, ...m) => {
|
|
678
|
+
let p = typeof d == "function" ? d(a.current) : d;
|
|
679
|
+
Object.is(a.current, p) || (a.current = p, r(p), u(), o?.(p, ...m));
|
|
666
680
|
}, [
|
|
667
681
|
o
|
|
668
682
|
]);
|
|
669
683
|
return [
|
|
670
684
|
s,
|
|
671
|
-
|
|
685
|
+
f
|
|
672
686
|
];
|
|
673
687
|
}
|
|
674
|
-
function
|
|
688
|
+
function pt(e) {
|
|
675
689
|
let t = e;
|
|
676
690
|
return t.nativeEvent = e, t.isDefaultPrevented = () => t.defaultPrevented, t.isPropagationStopped = () => t.cancelBubble, t.persist = () => {
|
|
677
691
|
}, t;
|
|
678
692
|
}
|
|
679
|
-
function
|
|
693
|
+
function Oo(e, t) {
|
|
680
694
|
Object.defineProperty(e, "target", {
|
|
681
695
|
value: t
|
|
682
696
|
}), Object.defineProperty(e, "currentTarget", {
|
|
683
697
|
value: t
|
|
684
698
|
});
|
|
685
699
|
}
|
|
686
|
-
function
|
|
687
|
-
let t =
|
|
700
|
+
function Ro(e) {
|
|
701
|
+
let t = y({
|
|
688
702
|
isFocused: !1,
|
|
689
703
|
observer: null
|
|
690
704
|
});
|
|
691
|
-
return
|
|
705
|
+
return N(() => {
|
|
692
706
|
const o = t.current;
|
|
693
707
|
return () => {
|
|
694
708
|
o.observer && (o.observer.disconnect(), o.observer = null);
|
|
695
709
|
};
|
|
696
|
-
}, []),
|
|
697
|
-
let n =
|
|
710
|
+
}, []), x((o) => {
|
|
711
|
+
let n = k(o);
|
|
698
712
|
if (n instanceof HTMLButtonElement || n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement) {
|
|
699
713
|
t.current.isFocused = !0;
|
|
700
714
|
let r = n, a = (i) => {
|
|
701
715
|
if (t.current.isFocused = !1, r.disabled) {
|
|
702
|
-
let l =
|
|
716
|
+
let l = pt(i);
|
|
703
717
|
e?.(l);
|
|
704
718
|
}
|
|
705
719
|
t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
|
|
@@ -710,7 +724,7 @@ function Bo(e) {
|
|
|
710
724
|
if (t.current.isFocused && r.disabled) {
|
|
711
725
|
var i;
|
|
712
726
|
(i = t.current.observer) === null || i === void 0 || i.disconnect();
|
|
713
|
-
let l = r ===
|
|
727
|
+
let l = r === S() ? null : S();
|
|
714
728
|
r.dispatchEvent(new FocusEvent("blur", {
|
|
715
729
|
relatedTarget: l
|
|
716
730
|
})), r.dispatchEvent(new FocusEvent("focusout", {
|
|
@@ -729,111 +743,111 @@ function Bo(e) {
|
|
|
729
743
|
e
|
|
730
744
|
]);
|
|
731
745
|
}
|
|
732
|
-
let
|
|
733
|
-
const
|
|
746
|
+
let Do = !1;
|
|
747
|
+
const bt = M.createContext({
|
|
734
748
|
register: () => {
|
|
735
749
|
}
|
|
736
750
|
});
|
|
737
|
-
|
|
738
|
-
let
|
|
739
|
-
const
|
|
740
|
-
let
|
|
741
|
-
function
|
|
742
|
-
for (let o of
|
|
751
|
+
bt.displayName = "PressResponderContext";
|
|
752
|
+
let ae = null;
|
|
753
|
+
const Io = /* @__PURE__ */ new Set();
|
|
754
|
+
let ee = /* @__PURE__ */ new Map(), j = !1, Pe = !1;
|
|
755
|
+
function Re(e, t) {
|
|
756
|
+
for (let o of Io) o(e, t);
|
|
743
757
|
}
|
|
744
|
-
function
|
|
745
|
-
return !(e.metaKey || !
|
|
758
|
+
function Ao(e) {
|
|
759
|
+
return !(e.metaKey || !oe() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
|
|
746
760
|
}
|
|
747
|
-
function
|
|
748
|
-
|
|
761
|
+
function ce(e) {
|
|
762
|
+
j = !0, !ne.isOpening && Ao(e) && (ae = "keyboard", Re("keyboard", e));
|
|
749
763
|
}
|
|
750
|
-
function
|
|
751
|
-
|
|
764
|
+
function C(e) {
|
|
765
|
+
ae = "pointer", "pointerType" in e && e.pointerType, (e.type === "mousedown" || e.type === "pointerdown") && (j = !0, Re("pointer", e));
|
|
752
766
|
}
|
|
753
|
-
function
|
|
754
|
-
!
|
|
767
|
+
function gt(e) {
|
|
768
|
+
!ne.isOpening && ko(e) && (j = !0, ae = "virtual");
|
|
755
769
|
}
|
|
756
|
-
function
|
|
757
|
-
|
|
770
|
+
function vt(e) {
|
|
771
|
+
k(e) === window || k(e) === document || Do || !e.isTrusted || (!j && !Pe && (ae = "virtual", Re("virtual", e)), j = !1, Pe = !1);
|
|
758
772
|
}
|
|
759
|
-
function
|
|
760
|
-
|
|
773
|
+
function ht() {
|
|
774
|
+
j = !1, Pe = !0;
|
|
761
775
|
}
|
|
762
|
-
function
|
|
763
|
-
if (typeof window > "u" || typeof document > "u" ||
|
|
764
|
-
const t =
|
|
776
|
+
function qe(e) {
|
|
777
|
+
if (typeof window > "u" || typeof document > "u" || ee.get(G(e))) return;
|
|
778
|
+
const t = G(e), o = P(e);
|
|
765
779
|
let n = t.HTMLElement.prototype.focus;
|
|
766
780
|
t.HTMLElement.prototype.focus = function() {
|
|
767
|
-
|
|
768
|
-
}, o.addEventListener("keydown",
|
|
769
|
-
|
|
781
|
+
j = !0, n.apply(this, arguments);
|
|
782
|
+
}, o.addEventListener("keydown", ce, !0), o.addEventListener("keyup", ce, !0), o.addEventListener("click", gt, !0), t.addEventListener("focus", vt, !0), t.addEventListener("blur", ht, !1), typeof PointerEvent < "u" ? (o.addEventListener("pointerdown", C, !0), o.addEventListener("pointermove", C, !0), o.addEventListener("pointerup", C, !0)) : process.env.NODE_ENV === "test" && (o.addEventListener("mousedown", C, !0), o.addEventListener("mousemove", C, !0), o.addEventListener("mouseup", C, !0)), t.addEventListener("beforeunload", () => {
|
|
783
|
+
$t(e);
|
|
770
784
|
}, {
|
|
771
785
|
once: !0
|
|
772
|
-
}),
|
|
786
|
+
}), ee.set(t, {
|
|
773
787
|
focus: n
|
|
774
788
|
});
|
|
775
789
|
}
|
|
776
|
-
const
|
|
777
|
-
const o =
|
|
778
|
-
t && n.removeEventListener("DOMContentLoaded", t),
|
|
790
|
+
const $t = (e, t) => {
|
|
791
|
+
const o = G(e), n = P(e);
|
|
792
|
+
t && n.removeEventListener("DOMContentLoaded", t), ee.has(o) && (o.HTMLElement.prototype.focus = ee.get(o).focus, n.removeEventListener("keydown", ce, !0), n.removeEventListener("keyup", ce, !0), n.removeEventListener("click", gt, !0), o.removeEventListener("focus", vt, !0), o.removeEventListener("blur", ht, !1), typeof PointerEvent < "u" ? (n.removeEventListener("pointerdown", C, !0), n.removeEventListener("pointermove", C, !0), n.removeEventListener("pointerup", C, !0)) : process.env.NODE_ENV === "test" && (n.removeEventListener("mousedown", C, !0), n.removeEventListener("mousemove", C, !0), n.removeEventListener("mouseup", C, !0)), ee.delete(o));
|
|
779
793
|
};
|
|
780
|
-
function
|
|
781
|
-
const t =
|
|
794
|
+
function Wo(e) {
|
|
795
|
+
const t = P(e);
|
|
782
796
|
let o;
|
|
783
|
-
return t.readyState !== "loading" ?
|
|
784
|
-
|
|
785
|
-
}, t.addEventListener("DOMContentLoaded", o)), () =>
|
|
797
|
+
return t.readyState !== "loading" ? qe(e) : (o = () => {
|
|
798
|
+
qe(e);
|
|
799
|
+
}, t.addEventListener("DOMContentLoaded", o)), () => $t(e, o);
|
|
786
800
|
}
|
|
787
|
-
typeof document < "u" &&
|
|
788
|
-
function
|
|
789
|
-
return
|
|
801
|
+
typeof document < "u" && Wo();
|
|
802
|
+
function wt() {
|
|
803
|
+
return ae;
|
|
790
804
|
}
|
|
791
|
-
function
|
|
805
|
+
function Ne(e) {
|
|
792
806
|
if (!e.isConnected) return;
|
|
793
|
-
const t =
|
|
794
|
-
if (
|
|
795
|
-
let o =
|
|
796
|
-
|
|
797
|
-
const n =
|
|
798
|
-
(n === o || n === t.body) && e.isConnected &&
|
|
807
|
+
const t = P(e);
|
|
808
|
+
if (wt() === "virtual") {
|
|
809
|
+
let o = S(t);
|
|
810
|
+
Eo(() => {
|
|
811
|
+
const n = S(t);
|
|
812
|
+
(n === o || n === t.body) && e.isConnected && ye(e);
|
|
799
813
|
});
|
|
800
|
-
} else
|
|
814
|
+
} else ye(e);
|
|
801
815
|
}
|
|
802
|
-
function
|
|
803
|
-
let t =
|
|
816
|
+
function Vo({ children: e }) {
|
|
817
|
+
let t = Y(() => ({
|
|
804
818
|
register: () => {
|
|
805
819
|
}
|
|
806
820
|
}), []);
|
|
807
|
-
return /* @__PURE__ */
|
|
821
|
+
return /* @__PURE__ */ M.createElement(bt.Provider, {
|
|
808
822
|
value: t
|
|
809
823
|
}, e);
|
|
810
824
|
}
|
|
811
|
-
function
|
|
812
|
-
let { isDisabled: t, onBlurWithin: o, onFocusWithin: n, onFocusWithinChange: r } = e, a =
|
|
825
|
+
function Ho(e) {
|
|
826
|
+
let { isDisabled: t, onBlurWithin: o, onFocusWithin: n, onFocusWithinChange: r } = e, a = y({
|
|
813
827
|
isFocusWithin: !1
|
|
814
|
-
}), { addGlobalListener: i, removeAllGlobalListeners: l } =
|
|
815
|
-
|
|
828
|
+
}), { addGlobalListener: i, removeAllGlobalListeners: l } = _o(), s = x((d) => {
|
|
829
|
+
B(d.currentTarget, k(d)) && a.current.isFocusWithin && !B(d.currentTarget, d.relatedTarget) && (a.current.isFocusWithin = !1, l(), o && o(d), r && r(!1));
|
|
816
830
|
}, [
|
|
817
831
|
o,
|
|
818
832
|
r,
|
|
819
833
|
a,
|
|
820
834
|
l
|
|
821
|
-
]),
|
|
822
|
-
if (!
|
|
823
|
-
let m =
|
|
824
|
-
const
|
|
825
|
-
if (!a.current.isFocusWithin &&
|
|
826
|
-
n && n(
|
|
827
|
-
let
|
|
828
|
-
i(
|
|
829
|
-
let
|
|
830
|
-
if (a.current.isFocusWithin && !
|
|
831
|
-
let
|
|
832
|
-
relatedTarget:
|
|
835
|
+
]), u = Ro(s), f = x((d) => {
|
|
836
|
+
if (!B(d.currentTarget, k(d))) return;
|
|
837
|
+
let m = k(d);
|
|
838
|
+
const p = P(m), v = S(p);
|
|
839
|
+
if (!a.current.isFocusWithin && v === m) {
|
|
840
|
+
n && n(d), r && r(!0), a.current.isFocusWithin = !0, u(d);
|
|
841
|
+
let g = d.currentTarget;
|
|
842
|
+
i(p, "focus", (L) => {
|
|
843
|
+
let b = k(L);
|
|
844
|
+
if (a.current.isFocusWithin && !B(g, b)) {
|
|
845
|
+
let h = new p.defaultView.FocusEvent("blur", {
|
|
846
|
+
relatedTarget: b
|
|
833
847
|
});
|
|
834
|
-
|
|
835
|
-
let
|
|
836
|
-
s(
|
|
848
|
+
Oo(h, g);
|
|
849
|
+
let $ = pt(h);
|
|
850
|
+
s($);
|
|
837
851
|
}
|
|
838
852
|
}, {
|
|
839
853
|
capture: !0
|
|
@@ -842,7 +856,7 @@ function Wo(e) {
|
|
|
842
856
|
}, [
|
|
843
857
|
n,
|
|
844
858
|
r,
|
|
845
|
-
|
|
859
|
+
u,
|
|
846
860
|
i,
|
|
847
861
|
s
|
|
848
862
|
]);
|
|
@@ -854,39 +868,39 @@ function Wo(e) {
|
|
|
854
868
|
}
|
|
855
869
|
} : {
|
|
856
870
|
focusWithinProps: {
|
|
857
|
-
onFocus:
|
|
871
|
+
onFocus: f,
|
|
858
872
|
onBlur: s
|
|
859
873
|
}
|
|
860
874
|
};
|
|
861
875
|
}
|
|
862
|
-
function
|
|
863
|
-
let { ref: t, onInteractOutside: o, isDisabled: n, onInteractOutsideStart: r } = e, a =
|
|
876
|
+
function zo(e) {
|
|
877
|
+
let { ref: t, onInteractOutside: o, isDisabled: n, onInteractOutsideStart: r } = e, a = y({
|
|
864
878
|
isPointerDown: !1,
|
|
865
879
|
ignoreEmulatedMouseEvents: !1
|
|
866
|
-
}), i =
|
|
867
|
-
o &&
|
|
868
|
-
}), l =
|
|
880
|
+
}), i = Ke((s) => {
|
|
881
|
+
o && le(s, t) && (r && r(s), a.current.isPointerDown = !0);
|
|
882
|
+
}), l = Ke((s) => {
|
|
869
883
|
o && o(s);
|
|
870
884
|
});
|
|
871
|
-
|
|
885
|
+
D(() => {
|
|
872
886
|
let s = a.current;
|
|
873
887
|
if (n) return;
|
|
874
|
-
const
|
|
888
|
+
const u = t.current, f = P(u);
|
|
875
889
|
if (typeof PointerEvent < "u") {
|
|
876
|
-
let
|
|
877
|
-
s.isPointerDown &&
|
|
890
|
+
let d = (m) => {
|
|
891
|
+
s.isPointerDown && le(m, t) && l(m), s.isPointerDown = !1;
|
|
878
892
|
};
|
|
879
|
-
return
|
|
880
|
-
|
|
893
|
+
return f.addEventListener("pointerdown", i, !0), f.addEventListener("click", d, !0), () => {
|
|
894
|
+
f.removeEventListener("pointerdown", i, !0), f.removeEventListener("click", d, !0);
|
|
881
895
|
};
|
|
882
896
|
} else if (process.env.NODE_ENV === "test") {
|
|
883
|
-
let
|
|
884
|
-
s.ignoreEmulatedMouseEvents ? s.ignoreEmulatedMouseEvents = !1 : s.isPointerDown &&
|
|
885
|
-
}, m = (
|
|
886
|
-
s.ignoreEmulatedMouseEvents = !0, s.isPointerDown &&
|
|
897
|
+
let d = (p) => {
|
|
898
|
+
s.ignoreEmulatedMouseEvents ? s.ignoreEmulatedMouseEvents = !1 : s.isPointerDown && le(p, t) && l(p), s.isPointerDown = !1;
|
|
899
|
+
}, m = (p) => {
|
|
900
|
+
s.ignoreEmulatedMouseEvents = !0, s.isPointerDown && le(p, t) && l(p), s.isPointerDown = !1;
|
|
887
901
|
};
|
|
888
|
-
return
|
|
889
|
-
|
|
902
|
+
return f.addEventListener("mousedown", i, !0), f.addEventListener("mouseup", d, !0), f.addEventListener("touchstart", i, !0), f.addEventListener("touchend", m, !0), () => {
|
|
903
|
+
f.removeEventListener("mousedown", i, !0), f.removeEventListener("mouseup", d, !0), f.removeEventListener("touchstart", i, !0), f.removeEventListener("touchend", m, !0);
|
|
890
904
|
};
|
|
891
905
|
}
|
|
892
906
|
}, [
|
|
@@ -894,226 +908,226 @@ function Vo(e) {
|
|
|
894
908
|
n
|
|
895
909
|
]);
|
|
896
910
|
}
|
|
897
|
-
function
|
|
911
|
+
function le(e, t) {
|
|
898
912
|
if (e.button > 0) return !1;
|
|
899
|
-
let o =
|
|
913
|
+
let o = k(e);
|
|
900
914
|
if (o) {
|
|
901
915
|
const n = o.ownerDocument;
|
|
902
|
-
if (!n || !
|
|
916
|
+
if (!n || !B(n.documentElement, o) || o.closest("[data-react-aria-top-layer]")) return !1;
|
|
903
917
|
}
|
|
904
918
|
return t.current ? !e.composedPath().includes(t.current) : !1;
|
|
905
919
|
}
|
|
906
|
-
const
|
|
907
|
-
let
|
|
908
|
-
function
|
|
909
|
-
let { children: t, contain: o, restoreFocus: n, autoFocus: r } = e, a =
|
|
920
|
+
const je = /* @__PURE__ */ M.createContext(null), Le = "react-aria-focus-scope-restore";
|
|
921
|
+
let _ = null;
|
|
922
|
+
function Ko(e) {
|
|
923
|
+
let { children: t, contain: o, restoreFocus: n, autoFocus: r } = e, a = y(null), i = y(null), l = y([]), { parentNode: s } = J(je) || {}, u = Y(() => new xe({
|
|
910
924
|
scopeRef: l
|
|
911
925
|
}), [
|
|
912
926
|
l
|
|
913
927
|
]);
|
|
914
|
-
|
|
915
|
-
let m = s ||
|
|
916
|
-
if (
|
|
917
|
-
let
|
|
918
|
-
|
|
928
|
+
N(() => {
|
|
929
|
+
let m = s || T.root;
|
|
930
|
+
if (T.getTreeNode(m.scopeRef) && _ && !fe(_, m.scopeRef)) {
|
|
931
|
+
let p = T.getTreeNode(_);
|
|
932
|
+
p && (m = p);
|
|
919
933
|
}
|
|
920
|
-
m.addChild(
|
|
934
|
+
m.addChild(u), T.addNode(u);
|
|
921
935
|
}, [
|
|
922
|
-
|
|
936
|
+
u,
|
|
923
937
|
s
|
|
924
|
-
]),
|
|
925
|
-
let m =
|
|
938
|
+
]), N(() => {
|
|
939
|
+
let m = T.getTreeNode(l);
|
|
926
940
|
m && (m.contain = !!o);
|
|
927
941
|
}, [
|
|
928
942
|
o
|
|
929
|
-
]),
|
|
943
|
+
]), N(() => {
|
|
930
944
|
var m;
|
|
931
|
-
let
|
|
932
|
-
for (;
|
|
933
|
-
|
|
934
|
-
return l.current =
|
|
935
|
-
for (let L of
|
|
945
|
+
let p = (m = a.current) === null || m === void 0 ? void 0 : m.nextSibling, v = [], g = (L) => L.stopPropagation();
|
|
946
|
+
for (; p && p !== i.current; )
|
|
947
|
+
v.push(p), p.addEventListener(Le, g), p = p.nextSibling;
|
|
948
|
+
return l.current = v, () => {
|
|
949
|
+
for (let L of v) L.removeEventListener(Le, g);
|
|
936
950
|
};
|
|
937
951
|
}, [
|
|
938
952
|
t
|
|
939
|
-
]),
|
|
940
|
-
const m =
|
|
941
|
-
let
|
|
942
|
-
if (
|
|
943
|
-
for (let
|
|
944
|
-
|
|
953
|
+
]), Qo(l, n, o), Go(l, o), Zo(l, n, o), Xo(l, r), D(() => {
|
|
954
|
+
const m = S(P(l.current ? l.current[0] : void 0));
|
|
955
|
+
let p = null;
|
|
956
|
+
if (O(m, l.current)) {
|
|
957
|
+
for (let v of T.traverse()) v.scopeRef && O(m, v.scopeRef.current) && (p = v);
|
|
958
|
+
p === T.getTreeNode(l) && (_ = p.scopeRef);
|
|
945
959
|
}
|
|
946
960
|
}, [
|
|
947
961
|
l
|
|
948
|
-
]),
|
|
949
|
-
var m,
|
|
950
|
-
let
|
|
951
|
-
(l ===
|
|
962
|
+
]), N(() => () => {
|
|
963
|
+
var m, p, v;
|
|
964
|
+
let g = (v = (p = T.getTreeNode(l)) === null || p === void 0 || (m = p.parent) === null || m === void 0 ? void 0 : m.scopeRef) !== null && v !== void 0 ? v : null;
|
|
965
|
+
(l === _ || fe(l, _)) && (!g || T.getTreeNode(g)) && (_ = g), T.removeTreeNode(l);
|
|
952
966
|
}, [
|
|
953
967
|
l
|
|
954
968
|
]);
|
|
955
|
-
let
|
|
956
|
-
focusManager:
|
|
957
|
-
parentNode:
|
|
969
|
+
let f = Y(() => qo(l), []), d = Y(() => ({
|
|
970
|
+
focusManager: f,
|
|
971
|
+
parentNode: u
|
|
958
972
|
}), [
|
|
959
|
-
|
|
960
|
-
|
|
973
|
+
u,
|
|
974
|
+
f
|
|
961
975
|
]);
|
|
962
|
-
return /* @__PURE__ */
|
|
963
|
-
value:
|
|
964
|
-
}, /* @__PURE__ */
|
|
976
|
+
return /* @__PURE__ */ M.createElement(je.Provider, {
|
|
977
|
+
value: d
|
|
978
|
+
}, /* @__PURE__ */ M.createElement("span", {
|
|
965
979
|
"data-focus-scope-start": !0,
|
|
966
980
|
hidden: !0,
|
|
967
981
|
ref: a
|
|
968
|
-
}), t, /* @__PURE__ */
|
|
982
|
+
}), t, /* @__PURE__ */ M.createElement("span", {
|
|
969
983
|
"data-focus-scope-end": !0,
|
|
970
984
|
hidden: !0,
|
|
971
985
|
ref: i
|
|
972
986
|
}));
|
|
973
987
|
}
|
|
974
|
-
function
|
|
988
|
+
function qo(e) {
|
|
975
989
|
return {
|
|
976
990
|
focusNext(t = {}) {
|
|
977
991
|
let o = e.current, { from: n, tabbable: r, wrap: a, accept: i } = t;
|
|
978
992
|
var l;
|
|
979
|
-
let s = n ||
|
|
993
|
+
let s = n || S(P((l = o[0]) !== null && l !== void 0 ? l : void 0)), u = o[0].previousElementSibling, f = q(o), d = K(f, {
|
|
980
994
|
tabbable: r,
|
|
981
995
|
accept: i
|
|
982
996
|
}, o);
|
|
983
|
-
|
|
984
|
-
let m =
|
|
985
|
-
return !m && a && (
|
|
997
|
+
d.currentNode = O(s, o) ? s : u;
|
|
998
|
+
let m = d.nextNode();
|
|
999
|
+
return !m && a && (d.currentNode = u, m = d.nextNode()), m && W(m, !0), m;
|
|
986
1000
|
},
|
|
987
1001
|
focusPrevious(t = {}) {
|
|
988
1002
|
let o = e.current, { from: n, tabbable: r, wrap: a, accept: i } = t;
|
|
989
1003
|
var l;
|
|
990
|
-
let s = n ||
|
|
1004
|
+
let s = n || S(P((l = o[0]) !== null && l !== void 0 ? l : void 0)), u = o[o.length - 1].nextElementSibling, f = q(o), d = K(f, {
|
|
991
1005
|
tabbable: r,
|
|
992
1006
|
accept: i
|
|
993
1007
|
}, o);
|
|
994
|
-
|
|
995
|
-
let m =
|
|
996
|
-
return !m && a && (
|
|
1008
|
+
d.currentNode = O(s, o) ? s : u;
|
|
1009
|
+
let m = d.previousNode();
|
|
1010
|
+
return !m && a && (d.currentNode = u, m = d.previousNode()), m && W(m, !0), m;
|
|
997
1011
|
},
|
|
998
1012
|
focusFirst(t = {}) {
|
|
999
|
-
let o = e.current, { tabbable: n, accept: r } = t, a =
|
|
1013
|
+
let o = e.current, { tabbable: n, accept: r } = t, a = q(o), i = K(a, {
|
|
1000
1014
|
tabbable: n,
|
|
1001
1015
|
accept: r
|
|
1002
1016
|
}, o);
|
|
1003
1017
|
i.currentNode = o[0].previousElementSibling;
|
|
1004
1018
|
let l = i.nextNode();
|
|
1005
|
-
return l &&
|
|
1019
|
+
return l && W(l, !0), l;
|
|
1006
1020
|
},
|
|
1007
1021
|
focusLast(t = {}) {
|
|
1008
|
-
let o = e.current, { tabbable: n, accept: r } = t, a =
|
|
1022
|
+
let o = e.current, { tabbable: n, accept: r } = t, a = q(o), i = K(a, {
|
|
1009
1023
|
tabbable: n,
|
|
1010
1024
|
accept: r
|
|
1011
1025
|
}, o);
|
|
1012
1026
|
i.currentNode = o[o.length - 1].nextElementSibling;
|
|
1013
1027
|
let l = i.previousNode();
|
|
1014
|
-
return l &&
|
|
1028
|
+
return l && W(l, !0), l;
|
|
1015
1029
|
}
|
|
1016
1030
|
};
|
|
1017
1031
|
}
|
|
1018
|
-
function
|
|
1032
|
+
function q(e) {
|
|
1019
1033
|
return e[0].parentElement;
|
|
1020
1034
|
}
|
|
1021
|
-
function
|
|
1022
|
-
let t =
|
|
1035
|
+
function Z(e) {
|
|
1036
|
+
let t = T.getTreeNode(_);
|
|
1023
1037
|
for (; t && t.scopeRef !== e; ) {
|
|
1024
1038
|
if (t.contain) return !1;
|
|
1025
1039
|
t = t.parent;
|
|
1026
1040
|
}
|
|
1027
1041
|
return !0;
|
|
1028
1042
|
}
|
|
1029
|
-
function
|
|
1043
|
+
function jo(e) {
|
|
1030
1044
|
if (!e.form)
|
|
1031
|
-
return Array.from(
|
|
1045
|
+
return Array.from(P(e).querySelectorAll(`input[type="radio"][name="${CSS.escape(e.name)}"]`)).filter((n) => !n.form);
|
|
1032
1046
|
const t = e.form.elements.namedItem(e.name);
|
|
1033
|
-
let o =
|
|
1047
|
+
let o = G(e);
|
|
1034
1048
|
return t instanceof o.RadioNodeList ? Array.from(t).filter((n) => n instanceof o.HTMLInputElement) : t instanceof o.HTMLInputElement ? [
|
|
1035
1049
|
t
|
|
1036
1050
|
] : [];
|
|
1037
1051
|
}
|
|
1038
|
-
function
|
|
1052
|
+
function Uo(e) {
|
|
1039
1053
|
if (e.checked) return !0;
|
|
1040
|
-
const t =
|
|
1054
|
+
const t = jo(e);
|
|
1041
1055
|
return t.length > 0 && !t.some((o) => o.checked);
|
|
1042
1056
|
}
|
|
1043
|
-
function
|
|
1044
|
-
let o =
|
|
1045
|
-
|
|
1057
|
+
function Go(e, t) {
|
|
1058
|
+
let o = y(void 0), n = y(void 0);
|
|
1059
|
+
N(() => {
|
|
1046
1060
|
let r = e.current;
|
|
1047
1061
|
if (!t) {
|
|
1048
1062
|
n.current && (cancelAnimationFrame(n.current), n.current = void 0);
|
|
1049
1063
|
return;
|
|
1050
1064
|
}
|
|
1051
|
-
const a =
|
|
1052
|
-
let i = (
|
|
1053
|
-
if (
|
|
1054
|
-
let
|
|
1055
|
-
if (!
|
|
1056
|
-
let m =
|
|
1065
|
+
const a = P(r ? r[0] : void 0);
|
|
1066
|
+
let i = (u) => {
|
|
1067
|
+
if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !Z(e) || u.isComposing) return;
|
|
1068
|
+
let f = S(a), d = e.current;
|
|
1069
|
+
if (!d || !O(f, d)) return;
|
|
1070
|
+
let m = q(d), p = K(m, {
|
|
1057
1071
|
tabbable: !0
|
|
1058
|
-
},
|
|
1059
|
-
if (!
|
|
1060
|
-
|
|
1061
|
-
let
|
|
1062
|
-
|
|
1063
|
-
}, l = (
|
|
1064
|
-
(!
|
|
1065
|
-
}, s = (
|
|
1072
|
+
}, d);
|
|
1073
|
+
if (!f) return;
|
|
1074
|
+
p.currentNode = f;
|
|
1075
|
+
let v = u.shiftKey ? p.previousNode() : p.nextNode();
|
|
1076
|
+
v || (p.currentNode = u.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, v = u.shiftKey ? p.previousNode() : p.nextNode()), u.preventDefault(), v && W(v, !0);
|
|
1077
|
+
}, l = (u) => {
|
|
1078
|
+
(!_ || fe(_, e)) && O(k(u), e.current) ? (_ = e, o.current = k(u)) : Z(e) && !z(k(u), e) ? o.current ? o.current.focus() : _ && _.current && Se(_.current) : Z(e) && (o.current = k(u));
|
|
1079
|
+
}, s = (u) => {
|
|
1066
1080
|
n.current && cancelAnimationFrame(n.current), n.current = requestAnimationFrame(() => {
|
|
1067
|
-
let
|
|
1068
|
-
if (!
|
|
1069
|
-
|
|
1070
|
-
let
|
|
1071
|
-
if (
|
|
1072
|
-
var
|
|
1073
|
-
o.current =
|
|
1074
|
-
} else
|
|
1081
|
+
let f = wt(), d = (f === "virtual" || f === null) && ct() && ut(), m = S(a);
|
|
1082
|
+
if (!d && m && Z(e) && !z(m, e)) {
|
|
1083
|
+
_ = e;
|
|
1084
|
+
let v = k(u);
|
|
1085
|
+
if (v && v.isConnected) {
|
|
1086
|
+
var p;
|
|
1087
|
+
o.current = v, (p = o.current) === null || p === void 0 || p.focus();
|
|
1088
|
+
} else _.current && Se(_.current);
|
|
1075
1089
|
}
|
|
1076
1090
|
});
|
|
1077
1091
|
};
|
|
1078
|
-
return a.addEventListener("keydown", i, !1), a.addEventListener("focusin", l, !1), r?.forEach((
|
|
1079
|
-
a.removeEventListener("keydown", i, !1), a.removeEventListener("focusin", l, !1), r?.forEach((
|
|
1092
|
+
return a.addEventListener("keydown", i, !1), a.addEventListener("focusin", l, !1), r?.forEach((u) => u.addEventListener("focusin", l, !1)), r?.forEach((u) => u.addEventListener("focusout", s, !1)), () => {
|
|
1093
|
+
a.removeEventListener("keydown", i, !1), a.removeEventListener("focusin", l, !1), r?.forEach((u) => u.removeEventListener("focusin", l, !1)), r?.forEach((u) => u.removeEventListener("focusout", s, !1));
|
|
1080
1094
|
};
|
|
1081
1095
|
}, [
|
|
1082
1096
|
e,
|
|
1083
1097
|
t
|
|
1084
|
-
]),
|
|
1098
|
+
]), N(() => () => {
|
|
1085
1099
|
n.current && cancelAnimationFrame(n.current);
|
|
1086
1100
|
}, [
|
|
1087
1101
|
n
|
|
1088
1102
|
]);
|
|
1089
1103
|
}
|
|
1090
|
-
function
|
|
1091
|
-
return
|
|
1104
|
+
function Et(e) {
|
|
1105
|
+
return z(e);
|
|
1092
1106
|
}
|
|
1093
|
-
function
|
|
1094
|
-
return !e || !t ? !1 : t.some((o) =>
|
|
1107
|
+
function O(e, t) {
|
|
1108
|
+
return !e || !t ? !1 : t.some((o) => B(o, e));
|
|
1095
1109
|
}
|
|
1096
|
-
function
|
|
1110
|
+
function z(e, t = null) {
|
|
1097
1111
|
if (e instanceof Element && e.closest("[data-react-aria-top-layer]")) return !0;
|
|
1098
|
-
for (let { scopeRef: o } of
|
|
1099
|
-
if (o &&
|
|
1112
|
+
for (let { scopeRef: o } of T.traverse(T.getTreeNode(t)))
|
|
1113
|
+
if (o && O(e, o.current)) return !0;
|
|
1100
1114
|
return !1;
|
|
1101
1115
|
}
|
|
1102
|
-
function
|
|
1103
|
-
return
|
|
1116
|
+
function Jo(e) {
|
|
1117
|
+
return z(e, _);
|
|
1104
1118
|
}
|
|
1105
|
-
function
|
|
1119
|
+
function fe(e, t) {
|
|
1106
1120
|
var o;
|
|
1107
|
-
let n = (o =
|
|
1121
|
+
let n = (o = T.getTreeNode(t)) === null || o === void 0 ? void 0 : o.parent;
|
|
1108
1122
|
for (; n; ) {
|
|
1109
1123
|
if (n.scopeRef === e) return !0;
|
|
1110
1124
|
n = n.parent;
|
|
1111
1125
|
}
|
|
1112
1126
|
return !1;
|
|
1113
1127
|
}
|
|
1114
|
-
function
|
|
1128
|
+
function W(e, t = !1) {
|
|
1115
1129
|
if (e != null && !t) try {
|
|
1116
|
-
|
|
1130
|
+
Ne(e);
|
|
1117
1131
|
} catch {
|
|
1118
1132
|
}
|
|
1119
1133
|
else if (e != null) try {
|
|
@@ -1121,40 +1135,40 @@ function B(e, t = !1) {
|
|
|
1121
1135
|
} catch {
|
|
1122
1136
|
}
|
|
1123
1137
|
}
|
|
1124
|
-
function
|
|
1125
|
-
let o = e[0].previousElementSibling, n =
|
|
1138
|
+
function _t(e, t = !0) {
|
|
1139
|
+
let o = e[0].previousElementSibling, n = q(e), r = K(n, {
|
|
1126
1140
|
tabbable: t
|
|
1127
1141
|
}, e);
|
|
1128
1142
|
r.currentNode = o;
|
|
1129
1143
|
let a = r.nextNode();
|
|
1130
|
-
return t && !a && (n =
|
|
1144
|
+
return t && !a && (n = q(e), r = K(n, {
|
|
1131
1145
|
tabbable: !1
|
|
1132
1146
|
}, e), r.currentNode = o, a = r.nextNode()), a;
|
|
1133
1147
|
}
|
|
1134
|
-
function
|
|
1135
|
-
|
|
1148
|
+
function Se(e, t = !0) {
|
|
1149
|
+
W(_t(e, t));
|
|
1136
1150
|
}
|
|
1137
|
-
function
|
|
1138
|
-
const o =
|
|
1139
|
-
|
|
1151
|
+
function Xo(e, t) {
|
|
1152
|
+
const o = M.useRef(t);
|
|
1153
|
+
D(() => {
|
|
1140
1154
|
if (o.current) {
|
|
1141
|
-
|
|
1142
|
-
const n =
|
|
1143
|
-
!
|
|
1155
|
+
_ = e;
|
|
1156
|
+
const n = P(e.current ? e.current[0] : void 0);
|
|
1157
|
+
!O(S(n), _.current) && e.current && Se(e.current);
|
|
1144
1158
|
}
|
|
1145
1159
|
o.current = !1;
|
|
1146
1160
|
}, [
|
|
1147
1161
|
e
|
|
1148
1162
|
]);
|
|
1149
1163
|
}
|
|
1150
|
-
function
|
|
1151
|
-
|
|
1164
|
+
function Qo(e, t, o) {
|
|
1165
|
+
N(() => {
|
|
1152
1166
|
if (t || o) return;
|
|
1153
1167
|
let n = e.current;
|
|
1154
|
-
const r =
|
|
1168
|
+
const r = P(n ? n[0] : void 0);
|
|
1155
1169
|
let a = (i) => {
|
|
1156
|
-
let l =
|
|
1157
|
-
|
|
1170
|
+
let l = k(i);
|
|
1171
|
+
O(l, e.current) ? _ = e : Et(l) || (_ = null);
|
|
1158
1172
|
};
|
|
1159
1173
|
return r.addEventListener("focusin", a, !1), n?.forEach((i) => i.addEventListener("focusin", a, !1)), () => {
|
|
1160
1174
|
r.removeEventListener("focusin", a, !1), n?.forEach((i) => i.removeEventListener("focusin", a, !1));
|
|
@@ -1165,22 +1179,22 @@ function Jo(e, t, o) {
|
|
|
1165
1179
|
o
|
|
1166
1180
|
]);
|
|
1167
1181
|
}
|
|
1168
|
-
function
|
|
1169
|
-
let t =
|
|
1182
|
+
function Ue(e) {
|
|
1183
|
+
let t = T.getTreeNode(_);
|
|
1170
1184
|
for (; t && t.scopeRef !== e; ) {
|
|
1171
1185
|
if (t.nodeToRestore) return !1;
|
|
1172
1186
|
t = t.parent;
|
|
1173
1187
|
}
|
|
1174
1188
|
return t?.scopeRef === e;
|
|
1175
1189
|
}
|
|
1176
|
-
function
|
|
1177
|
-
const n =
|
|
1178
|
-
|
|
1190
|
+
function Zo(e, t, o) {
|
|
1191
|
+
const n = y(typeof document < "u" ? S(P(e.current ? e.current[0] : void 0)) : null);
|
|
1192
|
+
N(() => {
|
|
1179
1193
|
let r = e.current;
|
|
1180
|
-
const a =
|
|
1194
|
+
const a = P(r ? r[0] : void 0);
|
|
1181
1195
|
if (!t || o) return;
|
|
1182
1196
|
let i = () => {
|
|
1183
|
-
(!
|
|
1197
|
+
(!_ || fe(_, e)) && O(S(a), e.current) && (_ = e);
|
|
1184
1198
|
};
|
|
1185
1199
|
return a.addEventListener("focusin", i, !1), r?.forEach((l) => l.addEventListener("focusin", i, !1)), () => {
|
|
1186
1200
|
a.removeEventListener("focusin", i, !1), r?.forEach((l) => l.removeEventListener("focusin", i, !1));
|
|
@@ -1188,26 +1202,26 @@ function Xo(e, t, o) {
|
|
|
1188
1202
|
}, [
|
|
1189
1203
|
e,
|
|
1190
1204
|
o
|
|
1191
|
-
]),
|
|
1192
|
-
const r =
|
|
1205
|
+
]), N(() => {
|
|
1206
|
+
const r = P(e.current ? e.current[0] : void 0);
|
|
1193
1207
|
if (!t) return;
|
|
1194
1208
|
let a = (i) => {
|
|
1195
|
-
if (i.key !== "Tab" || i.altKey || i.ctrlKey || i.metaKey || !
|
|
1209
|
+
if (i.key !== "Tab" || i.altKey || i.ctrlKey || i.metaKey || !Z(e) || i.isComposing) return;
|
|
1196
1210
|
let l = r.activeElement;
|
|
1197
|
-
if (!
|
|
1198
|
-
let s =
|
|
1211
|
+
if (!z(l, e) || !Ue(e)) return;
|
|
1212
|
+
let s = T.getTreeNode(e);
|
|
1199
1213
|
if (!s) return;
|
|
1200
|
-
let
|
|
1214
|
+
let u = s.nodeToRestore, f = K(r.body, {
|
|
1201
1215
|
tabbable: !0
|
|
1202
1216
|
});
|
|
1203
|
-
|
|
1204
|
-
let
|
|
1205
|
-
if ((!
|
|
1206
|
-
|
|
1217
|
+
f.currentNode = l;
|
|
1218
|
+
let d = i.shiftKey ? f.previousNode() : f.nextNode();
|
|
1219
|
+
if ((!u || !u.isConnected || u === r.body) && (u = void 0, s.nodeToRestore = void 0), (!d || !z(d, e)) && u) {
|
|
1220
|
+
f.currentNode = u;
|
|
1207
1221
|
do
|
|
1208
|
-
|
|
1209
|
-
while (
|
|
1210
|
-
i.preventDefault(), i.stopPropagation(),
|
|
1222
|
+
d = i.shiftKey ? f.previousNode() : f.nextNode();
|
|
1223
|
+
while (z(d, e));
|
|
1224
|
+
i.preventDefault(), i.stopPropagation(), d ? W(d, !0) : Et(u) ? W(u, !0) : l.blur();
|
|
1211
1225
|
}
|
|
1212
1226
|
};
|
|
1213
1227
|
return o || r.addEventListener("keydown", a, !0), () => {
|
|
@@ -1217,35 +1231,35 @@ function Xo(e, t, o) {
|
|
|
1217
1231
|
e,
|
|
1218
1232
|
t,
|
|
1219
1233
|
o
|
|
1220
|
-
]),
|
|
1221
|
-
const r =
|
|
1234
|
+
]), N(() => {
|
|
1235
|
+
const r = P(e.current ? e.current[0] : void 0);
|
|
1222
1236
|
if (!t) return;
|
|
1223
|
-
let a =
|
|
1237
|
+
let a = T.getTreeNode(e);
|
|
1224
1238
|
if (a) {
|
|
1225
1239
|
var i;
|
|
1226
1240
|
return a.nodeToRestore = (i = n.current) !== null && i !== void 0 ? i : void 0, () => {
|
|
1227
|
-
let l =
|
|
1241
|
+
let l = T.getTreeNode(e);
|
|
1228
1242
|
if (!l) return;
|
|
1229
|
-
let s = l.nodeToRestore,
|
|
1230
|
-
if (t && s && (
|
|
1231
|
-
let
|
|
1243
|
+
let s = l.nodeToRestore, u = S(r);
|
|
1244
|
+
if (t && s && (u && z(u, e) || u === r.body && Ue(e))) {
|
|
1245
|
+
let f = T.clone();
|
|
1232
1246
|
requestAnimationFrame(() => {
|
|
1233
1247
|
if (r.activeElement === r.body) {
|
|
1234
|
-
let
|
|
1235
|
-
for (;
|
|
1236
|
-
if (
|
|
1237
|
-
|
|
1248
|
+
let d = f.getTreeNode(e);
|
|
1249
|
+
for (; d; ) {
|
|
1250
|
+
if (d.nodeToRestore && d.nodeToRestore.isConnected) {
|
|
1251
|
+
Ge(d.nodeToRestore);
|
|
1238
1252
|
return;
|
|
1239
1253
|
}
|
|
1240
|
-
|
|
1254
|
+
d = d.parent;
|
|
1241
1255
|
}
|
|
1242
|
-
for (
|
|
1243
|
-
if (
|
|
1244
|
-
let m =
|
|
1245
|
-
|
|
1256
|
+
for (d = f.getTreeNode(e); d; ) {
|
|
1257
|
+
if (d.scopeRef && d.scopeRef.current && T.getTreeNode(d.scopeRef)) {
|
|
1258
|
+
let m = _t(d.scopeRef.current, !0);
|
|
1259
|
+
Ge(m);
|
|
1246
1260
|
return;
|
|
1247
1261
|
}
|
|
1248
|
-
|
|
1262
|
+
d = d.parent;
|
|
1249
1263
|
}
|
|
1250
1264
|
}
|
|
1251
1265
|
});
|
|
@@ -1257,21 +1271,21 @@ function Xo(e, t, o) {
|
|
|
1257
1271
|
t
|
|
1258
1272
|
]);
|
|
1259
1273
|
}
|
|
1260
|
-
function
|
|
1261
|
-
e.dispatchEvent(new CustomEvent(
|
|
1274
|
+
function Ge(e) {
|
|
1275
|
+
e.dispatchEvent(new CustomEvent(Le, {
|
|
1262
1276
|
bubbles: !0,
|
|
1263
1277
|
cancelable: !0
|
|
1264
|
-
})) &&
|
|
1278
|
+
})) && W(e);
|
|
1265
1279
|
}
|
|
1266
|
-
function
|
|
1267
|
-
let n = t?.tabbable ?
|
|
1280
|
+
function K(e, t, o) {
|
|
1281
|
+
let n = t?.tabbable ? Fo : xo, r = e?.nodeType === Node.ELEMENT_NODE ? e : null, a = P(r), i = it(a, e || a, NodeFilter.SHOW_ELEMENT, {
|
|
1268
1282
|
acceptNode(l) {
|
|
1269
|
-
return
|
|
1283
|
+
return B(t?.from, l) || t?.tabbable && l.tagName === "INPUT" && l.getAttribute("type") === "radio" && (!Uo(l) || i.currentNode.tagName === "INPUT" && i.currentNode.type === "radio" && i.currentNode.name === l.name) ? NodeFilter.FILTER_REJECT : n(l) && (!o || O(l, o)) && (!t?.accept || t.accept(l)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
1270
1284
|
}
|
|
1271
1285
|
});
|
|
1272
1286
|
return t?.from && (i.currentNode = t.from), i;
|
|
1273
1287
|
}
|
|
1274
|
-
class
|
|
1288
|
+
class De {
|
|
1275
1289
|
get size() {
|
|
1276
1290
|
return this.fastMap.size;
|
|
1277
1291
|
}
|
|
@@ -1281,7 +1295,7 @@ class Fe {
|
|
|
1281
1295
|
addTreeNode(t, o, n) {
|
|
1282
1296
|
let r = this.fastMap.get(o ?? null);
|
|
1283
1297
|
if (!r) return;
|
|
1284
|
-
let a = new
|
|
1298
|
+
let a = new xe({
|
|
1285
1299
|
scopeRef: t
|
|
1286
1300
|
});
|
|
1287
1301
|
r.addChild(a), a.parent = r, this.fastMap.set(t, a), n && (a.nodeToRestore = n);
|
|
@@ -1294,7 +1308,7 @@ class Fe {
|
|
|
1294
1308
|
let o = this.fastMap.get(t);
|
|
1295
1309
|
if (!o) return;
|
|
1296
1310
|
let n = o.parent;
|
|
1297
|
-
for (let a of this.traverse()) a !== o && o.nodeToRestore && a.nodeToRestore && o.scopeRef && o.scopeRef.current &&
|
|
1311
|
+
for (let a of this.traverse()) a !== o && o.nodeToRestore && a.nodeToRestore && o.scopeRef && o.scopeRef.current && O(a.nodeToRestore, o.scopeRef.current) && (a.nodeToRestore = o.nodeToRestore);
|
|
1298
1312
|
let r = o.children;
|
|
1299
1313
|
n && (n.removeChild(o), r.size > 0 && r.forEach((a) => n && n.addChild(a))), this.fastMap.delete(o.scopeRef);
|
|
1300
1314
|
}
|
|
@@ -1304,18 +1318,18 @@ class Fe {
|
|
|
1304
1318
|
}
|
|
1305
1319
|
clone() {
|
|
1306
1320
|
var t;
|
|
1307
|
-
let o = new
|
|
1321
|
+
let o = new De();
|
|
1308
1322
|
var n;
|
|
1309
1323
|
for (let r of this.traverse()) o.addTreeNode(r.scopeRef, (n = (t = r.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && n !== void 0 ? n : null, r.nodeToRestore);
|
|
1310
1324
|
return o;
|
|
1311
1325
|
}
|
|
1312
1326
|
constructor() {
|
|
1313
|
-
this.fastMap = /* @__PURE__ */ new Map(), this.root = new
|
|
1327
|
+
this.fastMap = /* @__PURE__ */ new Map(), this.root = new xe({
|
|
1314
1328
|
scopeRef: null
|
|
1315
1329
|
}), this.fastMap.set(null, this.root);
|
|
1316
1330
|
}
|
|
1317
1331
|
}
|
|
1318
|
-
class
|
|
1332
|
+
class xe {
|
|
1319
1333
|
addChild(t) {
|
|
1320
1334
|
this.children.add(t), t.parent = this;
|
|
1321
1335
|
}
|
|
@@ -1326,60 +1340,64 @@ class Ne {
|
|
|
1326
1340
|
this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = t.scopeRef;
|
|
1327
1341
|
}
|
|
1328
1342
|
}
|
|
1329
|
-
let
|
|
1330
|
-
const Yo = /* @__PURE__ */ new WeakMap(),
|
|
1331
|
-
function
|
|
1332
|
-
let { onClose: o, shouldCloseOnBlur: n, isOpen: r, isDismissable: a = !1, isKeyboardDismissDisabled: i = !1, shouldCloseOnInteractOutside: l } = e;
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1343
|
+
let T = new De();
|
|
1344
|
+
const Yo = /* @__PURE__ */ new WeakMap(), R = [];
|
|
1345
|
+
function en(e, t) {
|
|
1346
|
+
let { onClose: o, shouldCloseOnBlur: n, isOpen: r, isDismissable: a = !1, isKeyboardDismissDisabled: i = !1, shouldCloseOnInteractOutside: l } = e, s = y(void 0);
|
|
1347
|
+
D(() => {
|
|
1348
|
+
if (r && !R.includes(t))
|
|
1349
|
+
return R.push(t), () => {
|
|
1350
|
+
let g = R.indexOf(t);
|
|
1351
|
+
g >= 0 && R.splice(g, 1);
|
|
1352
|
+
};
|
|
1353
|
+
}, [
|
|
1337
1354
|
r,
|
|
1338
1355
|
t
|
|
1339
1356
|
]);
|
|
1340
|
-
let
|
|
1341
|
-
|
|
1342
|
-
},
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1357
|
+
let u = () => {
|
|
1358
|
+
R[R.length - 1] === t && o && o();
|
|
1359
|
+
}, f = (g) => {
|
|
1360
|
+
const L = R[R.length - 1];
|
|
1361
|
+
s.current = L, (!l || l(k(g))) && L === t && (g.stopPropagation(), g.preventDefault());
|
|
1362
|
+
}, d = (g) => {
|
|
1363
|
+
(!l || l(k(g))) && (R[R.length - 1] === t && (g.stopPropagation(), g.preventDefault()), s.current === t && u()), s.current = void 0;
|
|
1364
|
+
}, m = (g) => {
|
|
1365
|
+
g.key === "Escape" && !i && !g.nativeEvent.isComposing && (g.stopPropagation(), g.preventDefault(), u());
|
|
1348
1366
|
};
|
|
1349
|
-
|
|
1367
|
+
zo({
|
|
1350
1368
|
ref: t,
|
|
1351
|
-
onInteractOutside: a && r ?
|
|
1352
|
-
onInteractOutsideStart:
|
|
1369
|
+
onInteractOutside: a && r ? d : void 0,
|
|
1370
|
+
onInteractOutsideStart: f
|
|
1353
1371
|
});
|
|
1354
|
-
let { focusWithinProps:
|
|
1372
|
+
let { focusWithinProps: p } = Ho({
|
|
1355
1373
|
isDisabled: !n,
|
|
1356
|
-
onBlurWithin: (
|
|
1357
|
-
!
|
|
1374
|
+
onBlurWithin: (g) => {
|
|
1375
|
+
!g.relatedTarget || Jo(g.relatedTarget) || (!l || l(g.relatedTarget)) && o?.();
|
|
1358
1376
|
}
|
|
1359
|
-
}),
|
|
1360
|
-
|
|
1377
|
+
}), v = (g) => {
|
|
1378
|
+
k(g) === g.currentTarget && g.preventDefault();
|
|
1361
1379
|
};
|
|
1362
1380
|
return {
|
|
1363
1381
|
overlayProps: {
|
|
1364
|
-
onKeyDown:
|
|
1365
|
-
...
|
|
1382
|
+
onKeyDown: m,
|
|
1383
|
+
...p
|
|
1366
1384
|
},
|
|
1367
1385
|
underlayProps: {
|
|
1368
|
-
onPointerDown:
|
|
1386
|
+
onPointerDown: v
|
|
1369
1387
|
}
|
|
1370
1388
|
};
|
|
1371
1389
|
}
|
|
1372
|
-
function
|
|
1390
|
+
function tn(e, t, o) {
|
|
1373
1391
|
let { isOpen: n } = t;
|
|
1374
|
-
|
|
1392
|
+
D(() => {
|
|
1375
1393
|
o && o.current && Yo.set(o.current, t.close);
|
|
1376
1394
|
});
|
|
1377
|
-
let r, a =
|
|
1395
|
+
let r, a = at();
|
|
1378
1396
|
return {
|
|
1379
1397
|
triggerProps: {
|
|
1380
1398
|
"aria-haspopup": r,
|
|
1381
1399
|
"aria-expanded": n,
|
|
1382
|
-
"aria-controls": n ? a :
|
|
1400
|
+
"aria-controls": n ? a : void 0,
|
|
1383
1401
|
onPress: t.toggle
|
|
1384
1402
|
},
|
|
1385
1403
|
overlayProps: {
|
|
@@ -1387,168 +1405,225 @@ function Zo(e, t, o) {
|
|
|
1387
1405
|
}
|
|
1388
1406
|
};
|
|
1389
1407
|
}
|
|
1390
|
-
const
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
"range",
|
|
1394
|
-
"color",
|
|
1395
|
-
"file",
|
|
1396
|
-
"image",
|
|
1397
|
-
"button",
|
|
1398
|
-
"submit",
|
|
1399
|
-
"reset"
|
|
1400
|
-
]);
|
|
1401
|
-
let ie = 0, $e;
|
|
1402
|
-
function tn(e = {}) {
|
|
1408
|
+
const te = typeof document < "u" && window.visualViewport;
|
|
1409
|
+
let se = 0, Ee;
|
|
1410
|
+
function on(e = {}) {
|
|
1403
1411
|
let { isDisabled: t } = e;
|
|
1404
|
-
|
|
1412
|
+
N(() => {
|
|
1405
1413
|
if (!t)
|
|
1406
|
-
return
|
|
1407
|
-
|
|
1414
|
+
return se++, se === 1 && (dt() ? Ee = rn() : Ee = nn()), () => {
|
|
1415
|
+
se--, se === 0 && Ee();
|
|
1408
1416
|
};
|
|
1409
1417
|
}, [
|
|
1410
1418
|
t
|
|
1411
1419
|
]);
|
|
1412
1420
|
}
|
|
1413
|
-
function on() {
|
|
1414
|
-
return se(z(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), z(document.documentElement, "overflow", "hidden"));
|
|
1415
|
-
}
|
|
1416
1421
|
function nn() {
|
|
1417
|
-
let e
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1422
|
+
let e = window.innerWidth - document.documentElement.clientWidth;
|
|
1423
|
+
return Fe(e > 0 && // Use scrollbar-gutter when supported because it also works for fixed positioned elements.
|
|
1424
|
+
("scrollbarGutter" in document.documentElement.style ? de(document.documentElement, "scrollbarGutter", "stable") : de(document.documentElement, "paddingRight", `${e}px`)), de(document.documentElement, "overflow", "hidden"));
|
|
1425
|
+
}
|
|
1426
|
+
function rn() {
|
|
1427
|
+
let e = de(document.documentElement, "overflow", "hidden"), t, o = !1, n = (u) => {
|
|
1428
|
+
let f = k(u);
|
|
1429
|
+
t = Te(f) ? f : ft(f, !0), o = !1;
|
|
1430
|
+
let d = f.ownerDocument.defaultView.getSelection();
|
|
1431
|
+
d && !d.isCollapsed && d.containsNode(f, !0) && (o = !0), u.composedPath().some((m) => m instanceof HTMLInputElement && m.type === "range") && (o = !0), "selectionStart" in f && "selectionEnd" in f && f.selectionStart < f.selectionEnd && f.ownerDocument.activeElement === f && (o = !0);
|
|
1432
|
+
}, r = document.createElement("style");
|
|
1433
|
+
r.textContent = `
|
|
1434
|
+
@layer {
|
|
1435
|
+
* {
|
|
1436
|
+
overscroll-behavior: contain;
|
|
1437
|
+
}
|
|
1438
|
+
}`.trim(), document.head.prepend(r);
|
|
1439
|
+
let a = (u) => {
|
|
1440
|
+
if (!(u.touches.length === 2 || o)) {
|
|
1441
|
+
if (!t || t === document.documentElement || t === document.body) {
|
|
1442
|
+
u.preventDefault();
|
|
1443
|
+
return;
|
|
1444
|
+
}
|
|
1445
|
+
t.scrollHeight === t.clientHeight && t.scrollWidth === t.clientWidth && u.preventDefault();
|
|
1423
1446
|
}
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
})
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
}, u
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
}), window.scrollTo(0, 0);
|
|
1447
|
-
}, s = se(j(document, "touchstart", o, {
|
|
1448
|
-
passive: !1,
|
|
1449
|
-
capture: !0
|
|
1450
|
-
}), j(document, "touchmove", n, {
|
|
1447
|
+
}, i = (u) => {
|
|
1448
|
+
let f = k(u), d = u.relatedTarget;
|
|
1449
|
+
if (d && $e(d))
|
|
1450
|
+
d.focus({
|
|
1451
|
+
preventScroll: !0
|
|
1452
|
+
}), Je(d, $e(f));
|
|
1453
|
+
else if (!d) {
|
|
1454
|
+
var m;
|
|
1455
|
+
let p = (m = f.parentElement) === null || m === void 0 ? void 0 : m.closest("[tabindex]");
|
|
1456
|
+
p?.focus({
|
|
1457
|
+
preventScroll: !0
|
|
1458
|
+
});
|
|
1459
|
+
}
|
|
1460
|
+
}, l = HTMLElement.prototype.focus;
|
|
1461
|
+
HTMLElement.prototype.focus = function(u) {
|
|
1462
|
+
let f = S(), d = f != null && $e(f);
|
|
1463
|
+
l.call(this, {
|
|
1464
|
+
...u,
|
|
1465
|
+
preventScroll: !0
|
|
1466
|
+
}), (!u || !u.preventScroll) && Je(this, d);
|
|
1467
|
+
};
|
|
1468
|
+
let s = Fe(_e(document, "touchstart", n, {
|
|
1451
1469
|
passive: !1,
|
|
1452
1470
|
capture: !0
|
|
1453
|
-
}),
|
|
1471
|
+
}), _e(document, "touchmove", a, {
|
|
1454
1472
|
passive: !1,
|
|
1455
1473
|
capture: !0
|
|
1456
|
-
}),
|
|
1474
|
+
}), _e(document, "blur", i, !0));
|
|
1457
1475
|
return () => {
|
|
1458
|
-
|
|
1476
|
+
e(), s(), r.remove(), HTMLElement.prototype.focus = l;
|
|
1459
1477
|
};
|
|
1460
1478
|
}
|
|
1461
|
-
function
|
|
1479
|
+
function de(e, t, o) {
|
|
1462
1480
|
let n = e.style[t];
|
|
1463
1481
|
return e.style[t] = o, () => {
|
|
1464
1482
|
e.style[t] = n;
|
|
1465
1483
|
};
|
|
1466
1484
|
}
|
|
1467
|
-
function
|
|
1485
|
+
function _e(e, t, o, n) {
|
|
1468
1486
|
return e.addEventListener(t, o, n), () => {
|
|
1469
1487
|
e.removeEventListener(t, o, n);
|
|
1470
1488
|
};
|
|
1471
1489
|
}
|
|
1472
|
-
function
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1490
|
+
function Je(e, t) {
|
|
1491
|
+
t || !te ? Xe(e) : te.addEventListener("resize", () => Xe(e), {
|
|
1492
|
+
once: !0
|
|
1493
|
+
});
|
|
1494
|
+
}
|
|
1495
|
+
function Xe(e) {
|
|
1496
|
+
let t = document.scrollingElement || document.documentElement, o = e;
|
|
1497
|
+
for (; o && o !== t; ) {
|
|
1498
|
+
let n = ft(o);
|
|
1499
|
+
if (n !== document.documentElement && n !== document.body && n !== o) {
|
|
1500
|
+
let r = n.getBoundingClientRect(), a = o.getBoundingClientRect();
|
|
1501
|
+
if (a.top < r.top || a.bottom > r.top + o.clientHeight) {
|
|
1502
|
+
let i = r.bottom;
|
|
1503
|
+
te && (i = Math.min(i, te.offsetTop + te.height));
|
|
1504
|
+
let l = a.top - r.top - ((i - r.top) / 2 - a.height / 2);
|
|
1505
|
+
n.scrollTo({
|
|
1506
|
+
// Clamp to the valid range to prevent over-scrolling.
|
|
1507
|
+
top: Math.max(0, Math.min(n.scrollHeight - n.clientHeight, n.scrollTop + l)),
|
|
1508
|
+
behavior: "smooth"
|
|
1509
|
+
});
|
|
1510
|
+
}
|
|
1479
1511
|
}
|
|
1480
|
-
|
|
1512
|
+
o = n.parentElement;
|
|
1481
1513
|
}
|
|
1482
1514
|
}
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1515
|
+
const an = /* @__PURE__ */ It({});
|
|
1516
|
+
function ln() {
|
|
1517
|
+
var e;
|
|
1518
|
+
return (e = J(an)) !== null && e !== void 0 ? e : {};
|
|
1519
|
+
}
|
|
1520
|
+
const sn = typeof HTMLElement < "u" && "inert" in HTMLElement.prototype;
|
|
1521
|
+
let X = /* @__PURE__ */ new WeakMap(), F = [];
|
|
1522
|
+
function dn(e, t) {
|
|
1523
|
+
let o = G(e?.[0]), n = t instanceof o.Element ? {
|
|
1524
|
+
root: t
|
|
1525
|
+
} : t;
|
|
1526
|
+
var r;
|
|
1527
|
+
let a = (r = n?.root) !== null && r !== void 0 ? r : document.body, i = n?.shouldUseInert && sn, l = new Set(e), s = /* @__PURE__ */ new Set(), u = (b) => i && b instanceof o.HTMLElement ? b.inert : b.getAttribute("aria-hidden") === "true", f = (b, h) => {
|
|
1528
|
+
i && b instanceof o.HTMLElement ? b.inert = h : h ? b.setAttribute("aria-hidden", "true") : (b.removeAttribute("aria-hidden"), b instanceof o.HTMLElement && (b.inert = !1));
|
|
1529
|
+
}, d = /* @__PURE__ */ new Set();
|
|
1530
|
+
if (A())
|
|
1531
|
+
for (let b of e) {
|
|
1532
|
+
let h = b;
|
|
1533
|
+
for (; h && h !== a; ) {
|
|
1534
|
+
let $ = h.getRootNode();
|
|
1535
|
+
"shadowRoot" in $ && d.add($.shadowRoot), h = $.parentNode;
|
|
1536
|
+
}
|
|
1537
|
+
}
|
|
1538
|
+
let m = (b) => {
|
|
1539
|
+
for (let E of b.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) l.add(E);
|
|
1540
|
+
let h = (E) => {
|
|
1541
|
+
if (s.has(E) || l.has(E) || E.parentElement && s.has(E.parentElement) && E.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
|
|
1542
|
+
for (let pe of l)
|
|
1543
|
+
if (B(E, pe)) return NodeFilter.FILTER_SKIP;
|
|
1494
1544
|
return NodeFilter.FILTER_ACCEPT;
|
|
1495
|
-
},
|
|
1496
|
-
acceptNode:
|
|
1497
|
-
}),
|
|
1498
|
-
if (
|
|
1499
|
-
let
|
|
1500
|
-
for (;
|
|
1501
|
-
|
|
1545
|
+
}, $ = it(P(b), b, NodeFilter.SHOW_ELEMENT, {
|
|
1546
|
+
acceptNode: h
|
|
1547
|
+
}), I = h(b);
|
|
1548
|
+
if (I === NodeFilter.FILTER_ACCEPT && p(b), I !== NodeFilter.FILTER_REJECT) {
|
|
1549
|
+
let E = $.nextNode();
|
|
1550
|
+
for (; E != null; )
|
|
1551
|
+
p(E), E = $.nextNode();
|
|
1502
1552
|
}
|
|
1503
|
-
},
|
|
1504
|
-
var
|
|
1505
|
-
let
|
|
1506
|
-
|
|
1553
|
+
}, p = (b) => {
|
|
1554
|
+
var h;
|
|
1555
|
+
let $ = (h = X.get(b)) !== null && h !== void 0 ? h : 0;
|
|
1556
|
+
u(b) && $ === 0 || ($ === 0 && f(b, !0), s.add(b), X.set(b, $ + 1));
|
|
1507
1557
|
};
|
|
1508
|
-
|
|
1509
|
-
let
|
|
1510
|
-
for (let
|
|
1511
|
-
if (
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1558
|
+
F.length && F[F.length - 1].disconnect(), m(a);
|
|
1559
|
+
let v = new MutationObserver((b) => {
|
|
1560
|
+
for (let h of b)
|
|
1561
|
+
if (h.type === "childList") {
|
|
1562
|
+
if (h.target.isConnected && ![
|
|
1563
|
+
...l,
|
|
1564
|
+
...s
|
|
1565
|
+
].some(($) => B($, h.target))) for (let $ of h.addedNodes)
|
|
1566
|
+
($ instanceof HTMLElement || $ instanceof SVGElement) && ($.dataset.liveAnnouncer === "true" || $.dataset.reactAriaTopLayer === "true") ? l.add($) : $ instanceof Element && m($);
|
|
1567
|
+
if (A()) {
|
|
1568
|
+
for (let $ of d) if (!$.isConnected) {
|
|
1569
|
+
v.disconnect();
|
|
1570
|
+
break;
|
|
1571
|
+
}
|
|
1572
|
+
}
|
|
1518
1573
|
}
|
|
1519
1574
|
});
|
|
1520
|
-
|
|
1575
|
+
v.observe(a, {
|
|
1521
1576
|
childList: !0,
|
|
1522
1577
|
subtree: !0
|
|
1523
1578
|
});
|
|
1524
|
-
let
|
|
1579
|
+
let g = /* @__PURE__ */ new Set();
|
|
1580
|
+
if (A()) for (let b of d) {
|
|
1581
|
+
let h = new MutationObserver(($) => {
|
|
1582
|
+
for (let I of $)
|
|
1583
|
+
if (I.type === "childList") {
|
|
1584
|
+
if (I.target.isConnected && ![
|
|
1585
|
+
...l,
|
|
1586
|
+
...s
|
|
1587
|
+
].some((E) => B(E, I.target))) for (let E of I.addedNodes)
|
|
1588
|
+
(E instanceof HTMLElement || E instanceof SVGElement) && (E.dataset.liveAnnouncer === "true" || E.dataset.reactAriaTopLayer === "true") ? l.add(E) : E instanceof Element && m(E);
|
|
1589
|
+
if (A()) {
|
|
1590
|
+
for (let E of d) if (!E.isConnected) {
|
|
1591
|
+
v.disconnect();
|
|
1592
|
+
break;
|
|
1593
|
+
}
|
|
1594
|
+
}
|
|
1595
|
+
}
|
|
1596
|
+
});
|
|
1597
|
+
h.observe(b, {
|
|
1598
|
+
childList: !0,
|
|
1599
|
+
subtree: !0
|
|
1600
|
+
}), g.add(h);
|
|
1601
|
+
}
|
|
1602
|
+
let L = {
|
|
1603
|
+
visibleNodes: l,
|
|
1604
|
+
hiddenNodes: s,
|
|
1525
1605
|
observe() {
|
|
1526
|
-
|
|
1606
|
+
v.observe(a, {
|
|
1527
1607
|
childList: !0,
|
|
1528
1608
|
subtree: !0
|
|
1529
1609
|
});
|
|
1530
1610
|
},
|
|
1531
1611
|
disconnect() {
|
|
1532
|
-
|
|
1612
|
+
v.disconnect();
|
|
1533
1613
|
}
|
|
1534
1614
|
};
|
|
1535
|
-
return
|
|
1536
|
-
|
|
1537
|
-
for (let
|
|
1538
|
-
let
|
|
1539
|
-
|
|
1615
|
+
return F.push(L), () => {
|
|
1616
|
+
if (v.disconnect(), A()) for (let b of g) b.disconnect();
|
|
1617
|
+
for (let b of s) {
|
|
1618
|
+
let h = X.get(b);
|
|
1619
|
+
h != null && (h === 1 ? (f(b, !1), X.delete(b)) : X.set(b, h - 1));
|
|
1540
1620
|
}
|
|
1541
|
-
|
|
1621
|
+
L === F[F.length - 1] ? (F.pop(), F.length && F[F.length - 1].observe()) : F.splice(F.indexOf(L), 1);
|
|
1542
1622
|
};
|
|
1543
1623
|
}
|
|
1544
|
-
const
|
|
1545
|
-
function
|
|
1546
|
-
|
|
1547
|
-
return (e = q(an)) !== null && e !== void 0 ? e : {};
|
|
1548
|
-
}
|
|
1549
|
-
const ht = /* @__PURE__ */ h.createContext(null);
|
|
1550
|
-
function sn(e) {
|
|
1551
|
-
let t = et(), { portalContainer: o = t ? null : document.body, isExiting: n } = e, [r, a] = te(!1), i = X(() => ({
|
|
1624
|
+
const Mt = /* @__PURE__ */ M.createContext(null);
|
|
1625
|
+
function un(e) {
|
|
1626
|
+
let t = rt(), { portalContainer: o = t ? null : document.body, isExiting: n } = e, [r, a] = re(!1), i = Y(() => ({
|
|
1552
1627
|
contain: r,
|
|
1553
1628
|
setContain: a
|
|
1554
1629
|
}), [
|
|
@@ -1557,50 +1632,52 @@ function sn(e) {
|
|
|
1557
1632
|
]), { getContainer: l } = ln();
|
|
1558
1633
|
if (!e.portalContainer && l && (o = l()), !o) return null;
|
|
1559
1634
|
let s = e.children;
|
|
1560
|
-
return e.disableFocusManagement || (s = /* @__PURE__ */
|
|
1635
|
+
return e.disableFocusManagement || (s = /* @__PURE__ */ M.createElement(Ko, {
|
|
1561
1636
|
restoreFocus: !0,
|
|
1562
|
-
contain: r && !n
|
|
1563
|
-
}, s)), s = /* @__PURE__ */
|
|
1637
|
+
contain: (e.shouldContainFocus || r) && !n
|
|
1638
|
+
}, s)), s = /* @__PURE__ */ M.createElement(Mt.Provider, {
|
|
1564
1639
|
value: i
|
|
1565
|
-
}, /* @__PURE__ */
|
|
1640
|
+
}, /* @__PURE__ */ M.createElement(Vo, null, s)), /* @__PURE__ */ Wt.createPortal(s, o);
|
|
1566
1641
|
}
|
|
1567
|
-
function
|
|
1568
|
-
let e =
|
|
1569
|
-
|
|
1642
|
+
function yt() {
|
|
1643
|
+
let e = J(Mt), t = e?.setContain;
|
|
1644
|
+
N(() => {
|
|
1570
1645
|
t?.(!0);
|
|
1571
1646
|
}, [
|
|
1572
1647
|
t
|
|
1573
1648
|
]);
|
|
1574
1649
|
}
|
|
1575
|
-
function
|
|
1576
|
-
let { overlayProps: n, underlayProps: r } =
|
|
1650
|
+
function cn(e, t, o) {
|
|
1651
|
+
let { overlayProps: n, underlayProps: r } = en({
|
|
1577
1652
|
...e,
|
|
1578
1653
|
isOpen: t.isOpen,
|
|
1579
1654
|
onClose: t.close
|
|
1580
1655
|
}, o);
|
|
1581
|
-
return
|
|
1656
|
+
return on({
|
|
1582
1657
|
isDisabled: !t.isOpen
|
|
1583
|
-
}),
|
|
1584
|
-
if (t.isOpen) return
|
|
1658
|
+
}), yt(), D(() => {
|
|
1659
|
+
if (t.isOpen && o.current) return dn([
|
|
1585
1660
|
o.current
|
|
1586
|
-
]
|
|
1661
|
+
], {
|
|
1662
|
+
shouldUseInert: !0
|
|
1663
|
+
});
|
|
1587
1664
|
}, [
|
|
1588
1665
|
t.isOpen,
|
|
1589
1666
|
o
|
|
1590
1667
|
]), {
|
|
1591
|
-
modalProps:
|
|
1668
|
+
modalProps: io(n),
|
|
1592
1669
|
underlayProps: r
|
|
1593
1670
|
};
|
|
1594
1671
|
}
|
|
1595
|
-
function
|
|
1672
|
+
function fn(e, t) {
|
|
1596
1673
|
let { role: o = "dialog" } = e, n = Yt();
|
|
1597
1674
|
n = e["aria-label"] ? void 0 : n;
|
|
1598
|
-
let r =
|
|
1599
|
-
return
|
|
1675
|
+
let r = y(!1);
|
|
1676
|
+
return D(() => {
|
|
1600
1677
|
if (t.current && !t.current.contains(document.activeElement)) {
|
|
1601
|
-
|
|
1678
|
+
Ne(t.current);
|
|
1602
1679
|
let a = setTimeout(() => {
|
|
1603
|
-
document.activeElement === t.current && (r.current = !0, t.current && (t.current.blur(),
|
|
1680
|
+
document.activeElement === t.current && (r.current = !0, t.current && (t.current.blur(), Ne(t.current)), r.current = !1);
|
|
1604
1681
|
}, 500);
|
|
1605
1682
|
return () => {
|
|
1606
1683
|
clearTimeout(a);
|
|
@@ -1608,9 +1685,9 @@ function un(e, t) {
|
|
|
1608
1685
|
}
|
|
1609
1686
|
}, [
|
|
1610
1687
|
t
|
|
1611
|
-
]),
|
|
1688
|
+
]), yt(), {
|
|
1612
1689
|
dialogProps: {
|
|
1613
|
-
...
|
|
1690
|
+
...mo(e, {
|
|
1614
1691
|
labelable: !0
|
|
1615
1692
|
}),
|
|
1616
1693
|
role: o,
|
|
@@ -1628,7 +1705,7 @@ function un(e, t) {
|
|
|
1628
1705
|
}
|
|
1629
1706
|
};
|
|
1630
1707
|
}
|
|
1631
|
-
function
|
|
1708
|
+
function mn(e, t, o) {
|
|
1632
1709
|
return t in e ? Object.defineProperty(e, t, {
|
|
1633
1710
|
value: o,
|
|
1634
1711
|
enumerable: !0,
|
|
@@ -1636,7 +1713,7 @@ function cn(e, t, o) {
|
|
|
1636
1713
|
writable: !0
|
|
1637
1714
|
}) : e[t] = o, e;
|
|
1638
1715
|
}
|
|
1639
|
-
function
|
|
1716
|
+
function Qe(e, t) {
|
|
1640
1717
|
var o = Object.keys(e);
|
|
1641
1718
|
if (Object.getOwnPropertySymbols) {
|
|
1642
1719
|
var n = Object.getOwnPropertySymbols(e);
|
|
@@ -1646,26 +1723,26 @@ function Ue(e, t) {
|
|
|
1646
1723
|
}
|
|
1647
1724
|
return o;
|
|
1648
1725
|
}
|
|
1649
|
-
function
|
|
1726
|
+
function Ze(e) {
|
|
1650
1727
|
for (var t = 1; t < arguments.length; t++) {
|
|
1651
1728
|
var o = arguments[t] != null ? arguments[t] : {};
|
|
1652
|
-
t % 2 ?
|
|
1653
|
-
|
|
1654
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) :
|
|
1729
|
+
t % 2 ? Qe(Object(o), !0).forEach(function(n) {
|
|
1730
|
+
mn(e, n, o[n]);
|
|
1731
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : Qe(Object(o)).forEach(function(n) {
|
|
1655
1732
|
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(o, n));
|
|
1656
1733
|
});
|
|
1657
1734
|
}
|
|
1658
1735
|
return e;
|
|
1659
1736
|
}
|
|
1660
|
-
var
|
|
1737
|
+
var pn = (e, t, o) => {
|
|
1661
1738
|
for (var n of Object.keys(e)) {
|
|
1662
1739
|
var r;
|
|
1663
1740
|
if (e[n] !== ((r = t[n]) !== null && r !== void 0 ? r : o[n]))
|
|
1664
1741
|
return !1;
|
|
1665
1742
|
}
|
|
1666
1743
|
return !0;
|
|
1667
|
-
},
|
|
1668
|
-
var o = e.defaultClassName, n =
|
|
1744
|
+
}, kt = (e) => (t) => {
|
|
1745
|
+
var o = e.defaultClassName, n = Ze(Ze({}, e.defaultVariants), t);
|
|
1669
1746
|
for (var r in n) {
|
|
1670
1747
|
var a, i = (a = n[r]) !== null && a !== void 0 ? a : e.defaultVariants[r];
|
|
1671
1748
|
if (i != null) {
|
|
@@ -1678,34 +1755,34 @@ var fn = (e, t, o) => {
|
|
|
1678
1755
|
s && (o += " " + s);
|
|
1679
1756
|
}
|
|
1680
1757
|
}
|
|
1681
|
-
for (var [
|
|
1682
|
-
|
|
1758
|
+
for (var [u, f] of e.compoundVariants)
|
|
1759
|
+
pn(u, n, e.defaultVariants) && (o += " " + f);
|
|
1683
1760
|
return o;
|
|
1684
|
-
},
|
|
1685
|
-
function
|
|
1761
|
+
}, bn = kt({ defaultClassName: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto20", variantClassNames: { kind: { informational: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto21", delete: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto22", failure: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto23", success: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto24", warning: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto25", successWithFailures: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto26", form: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto27" }, size: { sm: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto28", md: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto29", lg: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2a", xl: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2b" }, fullHeight: { true: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2c", false: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2d" } }, defaultVariants: {}, compoundVariants: [] }), gn = kt({ defaultClassName: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2e", variantClassNames: { kind: { form: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2f", delete: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2g", failure: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2h", informational: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2i", success: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2j", warning: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2k", successWithFailures: "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2l" } }, defaultVariants: {}, compoundVariants: [] }), vn = "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2m", hn = "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2n", $n = "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2o", Tt = "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2p", wn = "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2q", En = "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2r", _n = "pkg_sps-woodland_modal__version_8_45_5__hash_3moto2s";
|
|
1762
|
+
function Pt({
|
|
1686
1763
|
children: e,
|
|
1687
1764
|
className: t = "",
|
|
1688
1765
|
...o
|
|
1689
1766
|
}) {
|
|
1690
|
-
return /* @__PURE__ */
|
|
1767
|
+
return /* @__PURE__ */ c.createElement("div", { className: Me(Tt, t), ...o }, e);
|
|
1691
1768
|
}
|
|
1692
|
-
|
|
1693
|
-
function
|
|
1769
|
+
tt.set(Pt, { name: "ModalFooter" });
|
|
1770
|
+
function Ye({
|
|
1694
1771
|
dismissableValue: e,
|
|
1695
1772
|
handleClose: t
|
|
1696
1773
|
}) {
|
|
1697
|
-
return e ? /* @__PURE__ */
|
|
1698
|
-
|
|
1774
|
+
return e ? /* @__PURE__ */ c.createElement(
|
|
1775
|
+
ot,
|
|
1699
1776
|
{
|
|
1700
1777
|
"aria-label": "Close",
|
|
1701
1778
|
onClick: t,
|
|
1702
1779
|
kind: "icon",
|
|
1703
1780
|
icon: "x",
|
|
1704
|
-
className:
|
|
1781
|
+
className: wn
|
|
1705
1782
|
}
|
|
1706
1783
|
) : null;
|
|
1707
1784
|
}
|
|
1708
|
-
const
|
|
1785
|
+
const et = Object.freeze({
|
|
1709
1786
|
form: "pencil",
|
|
1710
1787
|
delete: "trash",
|
|
1711
1788
|
failure: "status-error",
|
|
@@ -1714,7 +1791,7 @@ const Xe = Object.freeze({
|
|
|
1714
1791
|
successWithFailures: "status-warning",
|
|
1715
1792
|
warning: "status-warning"
|
|
1716
1793
|
});
|
|
1717
|
-
function
|
|
1794
|
+
function Mn({
|
|
1718
1795
|
children: e,
|
|
1719
1796
|
className: t,
|
|
1720
1797
|
"data-testid": o,
|
|
@@ -1724,53 +1801,53 @@ function En({
|
|
|
1724
1801
|
overlayProps: i,
|
|
1725
1802
|
size: l = "sm",
|
|
1726
1803
|
state: s,
|
|
1727
|
-
title:
|
|
1728
|
-
dismissible:
|
|
1729
|
-
dismissable:
|
|
1804
|
+
title: u,
|
|
1805
|
+
dismissible: f,
|
|
1806
|
+
dismissable: d = !0,
|
|
1730
1807
|
onClose: m,
|
|
1731
|
-
fullHeight:
|
|
1732
|
-
...
|
|
1808
|
+
fullHeight: p = !1,
|
|
1809
|
+
...v
|
|
1733
1810
|
}) {
|
|
1734
|
-
const
|
|
1811
|
+
const g = f ?? d, L = c.useRef(null), { modalProps: b, underlayProps: h } = cn(
|
|
1735
1812
|
{
|
|
1736
|
-
isKeyboardDismissDisabled: !
|
|
1737
|
-
...
|
|
1813
|
+
isKeyboardDismissDisabled: !g,
|
|
1814
|
+
...v
|
|
1738
1815
|
},
|
|
1739
1816
|
s,
|
|
1740
1817
|
L
|
|
1741
|
-
), { dialogProps:
|
|
1818
|
+
), { dialogProps: $, titleProps: I } = fn(v, L), E = We(b.onFocus, $.onFocus, a), pe = We(b.onBlur, $.onBlur, r), { t: Lt } = At(), St = Ct({ "data-testid": o }), [be, xt] = Bt(
|
|
1742
1819
|
e,
|
|
1743
|
-
[{ type:
|
|
1744
|
-
),
|
|
1820
|
+
[{ type: Pt }]
|
|
1821
|
+
), Ie = c.useCallback(() => {
|
|
1745
1822
|
m && typeof m == "function" && m(), s.close();
|
|
1746
|
-
}, [m, s.close]),
|
|
1747
|
-
return /* @__PURE__ */
|
|
1823
|
+
}, [m, s.close]), Ft = Ot(xt, (Ae) => Ae.type === Ye ? [{ className: Me(Ae.props.classname, En) }] : []);
|
|
1824
|
+
return /* @__PURE__ */ c.createElement(un, null, /* @__PURE__ */ c.createElement("div", { className: _n, ...h, ...v }, /* @__PURE__ */ c.createElement(
|
|
1748
1825
|
"div",
|
|
1749
1826
|
{
|
|
1750
|
-
...
|
|
1751
|
-
|
|
1827
|
+
...b,
|
|
1828
|
+
...$,
|
|
1752
1829
|
...i,
|
|
1753
|
-
onFocus:
|
|
1754
|
-
onBlur:
|
|
1755
|
-
...
|
|
1830
|
+
onFocus: E,
|
|
1831
|
+
onBlur: pe,
|
|
1832
|
+
...St("dialog"),
|
|
1756
1833
|
ref: L,
|
|
1757
|
-
className:
|
|
1834
|
+
className: Me(bn({ kind: n, size: l, fullHeight: p }), t)
|
|
1758
1835
|
},
|
|
1759
|
-
/* @__PURE__ */
|
|
1760
|
-
|
|
1836
|
+
/* @__PURE__ */ c.createElement("div", { ...I, className: gn({ kind: n }) }, n && /* @__PURE__ */ c.createElement(
|
|
1837
|
+
Rt,
|
|
1761
1838
|
{
|
|
1762
|
-
icon:
|
|
1763
|
-
className:
|
|
1839
|
+
icon: et[n] || et.informational,
|
|
1840
|
+
className: hn
|
|
1764
1841
|
}
|
|
1765
|
-
), /* @__PURE__ */
|
|
1766
|
-
/* @__PURE__ */
|
|
1767
|
-
|
|
1842
|
+
), /* @__PURE__ */ c.createElement("div", { className: vn }, ge(u, s.close)), /* @__PURE__ */ c.createElement(Ye, { dismissableValue: g, handleClose: Ie })),
|
|
1843
|
+
/* @__PURE__ */ c.createElement("div", { className: $n }, ge(Ft, s.close)),
|
|
1844
|
+
be && be.length > 0 ? /* @__PURE__ */ c.createElement(c.Fragment, null, ge(be, s.close)) : /* @__PURE__ */ c.createElement("div", { className: Tt }, /* @__PURE__ */ c.createElement(ot, { kind: "key", onClick: Ie }, Lt("modal.defaultButtonLabel", { defaultValue: "Okay" })))
|
|
1768
1845
|
)));
|
|
1769
1846
|
}
|
|
1770
|
-
function
|
|
1771
|
-
return e.state.isOpen ? /* @__PURE__ */
|
|
1847
|
+
function Nt(e) {
|
|
1848
|
+
return e.state.isOpen ? /* @__PURE__ */ c.createElement(Mn, { ...e }, e.children) : /* @__PURE__ */ c.createElement(c.Fragment, null);
|
|
1772
1849
|
}
|
|
1773
|
-
|
|
1850
|
+
tt.set(Nt, {
|
|
1774
1851
|
name: "Modal",
|
|
1775
1852
|
props: {
|
|
1776
1853
|
dismissable: { type: "boolean", default: "true" },
|
|
@@ -1783,17 +1860,17 @@ Ye.set(Mt, {
|
|
|
1783
1860
|
title: { type: "string" }
|
|
1784
1861
|
}
|
|
1785
1862
|
});
|
|
1786
|
-
function
|
|
1787
|
-
let [t, o] =
|
|
1788
|
-
const n =
|
|
1863
|
+
function yn(e) {
|
|
1864
|
+
let [t, o] = Bo(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
|
|
1865
|
+
const n = x(() => {
|
|
1789
1866
|
o(!0);
|
|
1790
1867
|
}, [
|
|
1791
1868
|
o
|
|
1792
|
-
]), r =
|
|
1869
|
+
]), r = x(() => {
|
|
1793
1870
|
o(!1);
|
|
1794
1871
|
}, [
|
|
1795
1872
|
o
|
|
1796
|
-
]), a =
|
|
1873
|
+
]), a = x(() => {
|
|
1797
1874
|
o(!t);
|
|
1798
1875
|
}, [
|
|
1799
1876
|
o,
|
|
@@ -1807,8 +1884,8 @@ function _n(e) {
|
|
|
1807
1884
|
toggle: a
|
|
1808
1885
|
};
|
|
1809
1886
|
}
|
|
1810
|
-
function
|
|
1811
|
-
const t =
|
|
1887
|
+
function Fn(e = {}) {
|
|
1888
|
+
const t = yn(e), o = y(null), { triggerProps: n, overlayProps: r } = tn(
|
|
1812
1889
|
{},
|
|
1813
1890
|
t,
|
|
1814
1891
|
o
|
|
@@ -1827,20 +1904,20 @@ function Sn(e = {}) {
|
|
|
1827
1904
|
modalProps: { overlayProps: r, state: t }
|
|
1828
1905
|
};
|
|
1829
1906
|
}
|
|
1830
|
-
const
|
|
1831
|
-
description: () => /* @__PURE__ */
|
|
1832
|
-
components: [
|
|
1907
|
+
const kn = {
|
|
1908
|
+
description: () => /* @__PURE__ */ c.createElement("p", null, "Modals are overlays on a page that focus a user’s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),
|
|
1909
|
+
components: [Nt],
|
|
1833
1910
|
examples: {
|
|
1834
1911
|
general: {
|
|
1835
1912
|
label: "Usage",
|
|
1836
|
-
description: ({ NavigateTo: e }) => /* @__PURE__ */
|
|
1913
|
+
description: ({ NavigateTo: e }) => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("h5", null, "Use a Modal:"), /* @__PURE__ */ c.createElement("ul", null, /* @__PURE__ */ c.createElement("li", null, "When the user needs to confirm a basic decision, such as deleting a record."), /* @__PURE__ */ c.createElement("li", null, "When important information needs to be displayed to the user before continuing."), /* @__PURE__ */ c.createElement("li", null, "When a simple selection, such as a single form input, is required before proceeding.")), /* @__PURE__ */ c.createElement("h5", null, "Avoid a Modal:"), /* @__PURE__ */ c.createElement("ul", null, /* @__PURE__ */ c.createElement("li", null, "When a complex form is required. Use a ", /* @__PURE__ */ c.createElement(e, { to: "focused-task" }, "Focused Task View"), " instead."), /* @__PURE__ */ c.createElement("li", null, "When sharing non-critical or tertiary information. Use a ", /* @__PURE__ */ c.createElement(e, { to: "growlers" }, "Growler"), " instead.")))
|
|
1837
1914
|
},
|
|
1838
1915
|
implementation: {
|
|
1839
1916
|
label: "Close Button",
|
|
1840
|
-
description: () => /* @__PURE__ */
|
|
1917
|
+
description: () => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("h5", null, "Close Button and Modal dismissiability"), /* @__PURE__ */ c.createElement("p", null, "Remove the Close Button in the upper right of the Modal if the user must choose the course of action before proceeding."), /* @__PURE__ */ c.createElement("p", null, "The close button is included by default and omitted when the prop ", /* @__PURE__ */ c.createElement("code", null, "dismissable"), " is set to ", /* @__PURE__ */ c.createElement("strong", null, "false"), "."), /* @__PURE__ */ c.createElement("p", null, "Setting the ", /* @__PURE__ */ c.createElement("code", null, "dismissable"), " prop to false also prevents dismissing the modal by clicking outside of the modal or by using the", " ", /* @__PURE__ */ c.createElement("strong", null, "escape"), " key.")),
|
|
1841
1918
|
examples: {
|
|
1842
1919
|
basic: {
|
|
1843
|
-
react:
|
|
1920
|
+
react: w`
|
|
1844
1921
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
1845
1922
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
1846
1923
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -1889,7 +1966,7 @@ const Mn = {
|
|
|
1889
1966
|
},
|
|
1890
1967
|
hooks: {
|
|
1891
1968
|
label: "Using Hooks",
|
|
1892
|
-
description: () => /* @__PURE__ */
|
|
1969
|
+
description: () => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("h5", null, "Using the hook"), /* @__PURE__ */ c.createElement("p", null, "To use any modals, you must call the ", /* @__PURE__ */ c.createElement("code", null, "useModal"), " hook. Optional arguments for this hook include:"), /* @__PURE__ */ c.createElement("dl", null, /* @__PURE__ */ c.createElement("dt", null, /* @__PURE__ */ c.createElement("code", null, "isOpen"), ": boolean"), /* @__PURE__ */ c.createElement("dd", null, "Whether the overlay is open by default (controlled)"), /* @__PURE__ */ c.createElement("dt", null, /* @__PURE__ */ c.createElement("code", null, "defaultOpen"), ": boolean"), /* @__PURE__ */ c.createElement("dd", null, "Whether the overlay is open by default (uncontrolled)."), /* @__PURE__ */ c.createElement("dt", null, /* @__PURE__ */ c.createElement("code", null, "onOpenChange"), ": function"), /* @__PURE__ */ c.createElement("dd", null, "Handler that is called when the overlay's open state changes.", /* @__PURE__ */ c.createElement("code", null, "(isOpen: boolean) => void"))), /* @__PURE__ */ c.createElement("h5", null, "Modal Props, Modal State, and Trigger Props"), /* @__PURE__ */ c.createElement("p", null, "The ", /* @__PURE__ */ c.createElement("code", null, "useModal"), " returns an object with ", /* @__PURE__ */ c.createElement("code", null, "modalProps"), ", ", /* @__PURE__ */ c.createElement("code", null, "modalState"), " and ", /* @__PURE__ */ c.createElement("code", null, "triggerProps")), /* @__PURE__ */ c.createElement("p", null, "The ", /* @__PURE__ */ c.createElement("code", null, "triggerProps"), " need to be spread on the element that triggers the modal."), /* @__PURE__ */ c.createElement("p", null, "The ", /* @__PURE__ */ c.createElement("code", null, "modalState"), " object (which is also included in ", /* @__PURE__ */ c.createElement("code", null, "modalProps"), ") allows programmatic access to the state of the modal. This includes a read only ", /* @__PURE__ */ c.createElement("code", null, "isOpen"), " property, a ", /* @__PURE__ */ c.createElement("code", null, "setOpen(isOpen: boolean)"), " method which can be use to set whether the overlay is open, an ", /* @__PURE__ */ c.createElement("code", null, "open()"), " method which opens the overlay, a ", /* @__PURE__ */ c.createElement("code", null, "close()"), " method which closes the overlay and a ", /* @__PURE__ */ c.createElement("code", null, "toggle()"), " method that toggles the overlay's visiblity."), /* @__PURE__ */ c.createElement("p", null, "The ", /* @__PURE__ */ c.createElement("code", null, "modalProps"), " should be spread on the actual ", /* @__PURE__ */ c.createElement("code", null, "Modal"), " component."), /* @__PURE__ */ c.createElement("p", null, "Please refer to the examples to see its implementation"))
|
|
1893
1970
|
},
|
|
1894
1971
|
informational: {
|
|
1895
1972
|
label: "Informational",
|
|
@@ -1898,7 +1975,7 @@ const Mn = {
|
|
|
1898
1975
|
examples: {
|
|
1899
1976
|
small: {
|
|
1900
1977
|
description: "Small",
|
|
1901
|
-
react:
|
|
1978
|
+
react: w`
|
|
1902
1979
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
1903
1980
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
1904
1981
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -1927,7 +2004,7 @@ const Mn = {
|
|
|
1927
2004
|
},
|
|
1928
2005
|
medium: {
|
|
1929
2006
|
description: "Medium",
|
|
1930
|
-
react:
|
|
2007
|
+
react: w`
|
|
1931
2008
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
1932
2009
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
1933
2010
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -1953,7 +2030,7 @@ const Mn = {
|
|
|
1953
2030
|
},
|
|
1954
2031
|
large: {
|
|
1955
2032
|
description: "Large",
|
|
1956
|
-
react:
|
|
2033
|
+
react: w`
|
|
1957
2034
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
1958
2035
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
1959
2036
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -1979,7 +2056,7 @@ const Mn = {
|
|
|
1979
2056
|
},
|
|
1980
2057
|
xlarge: {
|
|
1981
2058
|
description: "Extra Large",
|
|
1982
|
-
react:
|
|
2059
|
+
react: w`
|
|
1983
2060
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
1984
2061
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
1985
2062
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2012,7 +2089,7 @@ const Mn = {
|
|
|
2012
2089
|
examples: {
|
|
2013
2090
|
small: {
|
|
2014
2091
|
description: "Small",
|
|
2015
|
-
react:
|
|
2092
|
+
react: w`
|
|
2016
2093
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2017
2094
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2018
2095
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2034,7 +2111,7 @@ const Mn = {
|
|
|
2034
2111
|
},
|
|
2035
2112
|
medium: {
|
|
2036
2113
|
description: "Medium",
|
|
2037
|
-
react:
|
|
2114
|
+
react: w`
|
|
2038
2115
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2039
2116
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2040
2117
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2055,7 +2132,7 @@ const Mn = {
|
|
|
2055
2132
|
},
|
|
2056
2133
|
large: {
|
|
2057
2134
|
description: "Large",
|
|
2058
|
-
react:
|
|
2135
|
+
react: w`
|
|
2059
2136
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2060
2137
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2061
2138
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2077,7 +2154,7 @@ const Mn = {
|
|
|
2077
2154
|
},
|
|
2078
2155
|
xlarge: {
|
|
2079
2156
|
description: "Extra Large",
|
|
2080
|
-
react:
|
|
2157
|
+
react: w`
|
|
2081
2158
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2082
2159
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2083
2160
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2104,7 +2181,7 @@ const Mn = {
|
|
|
2104
2181
|
examples: {
|
|
2105
2182
|
small: {
|
|
2106
2183
|
description: "Small",
|
|
2107
|
-
react:
|
|
2184
|
+
react: w`
|
|
2108
2185
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2109
2186
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2110
2187
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2126,7 +2203,7 @@ const Mn = {
|
|
|
2126
2203
|
},
|
|
2127
2204
|
medium: {
|
|
2128
2205
|
description: "Medium",
|
|
2129
|
-
react:
|
|
2206
|
+
react: w`
|
|
2130
2207
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2131
2208
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2132
2209
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2147,7 +2224,7 @@ const Mn = {
|
|
|
2147
2224
|
},
|
|
2148
2225
|
large: {
|
|
2149
2226
|
description: "Large",
|
|
2150
|
-
react:
|
|
2227
|
+
react: w`
|
|
2151
2228
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2152
2229
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2153
2230
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2169,7 +2246,7 @@ const Mn = {
|
|
|
2169
2246
|
},
|
|
2170
2247
|
xlarge: {
|
|
2171
2248
|
description: "Extra Large",
|
|
2172
|
-
react:
|
|
2249
|
+
react: w`
|
|
2173
2250
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2174
2251
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2175
2252
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2196,7 +2273,7 @@ const Mn = {
|
|
|
2196
2273
|
examples: {
|
|
2197
2274
|
small: {
|
|
2198
2275
|
description: "Small",
|
|
2199
|
-
react:
|
|
2276
|
+
react: w`
|
|
2200
2277
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2201
2278
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2202
2279
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2218,7 +2295,7 @@ const Mn = {
|
|
|
2218
2295
|
},
|
|
2219
2296
|
medium: {
|
|
2220
2297
|
description: "Medium",
|
|
2221
|
-
react:
|
|
2298
|
+
react: w`
|
|
2222
2299
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2223
2300
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2224
2301
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2239,7 +2316,7 @@ const Mn = {
|
|
|
2239
2316
|
},
|
|
2240
2317
|
large: {
|
|
2241
2318
|
description: "Large",
|
|
2242
|
-
react:
|
|
2319
|
+
react: w`
|
|
2243
2320
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2244
2321
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2245
2322
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2261,7 +2338,7 @@ const Mn = {
|
|
|
2261
2338
|
},
|
|
2262
2339
|
xlarge: {
|
|
2263
2340
|
description: "Extra Large",
|
|
2264
|
-
react:
|
|
2341
|
+
react: w`
|
|
2265
2342
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2266
2343
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2267
2344
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2288,7 +2365,7 @@ const Mn = {
|
|
|
2288
2365
|
examples: {
|
|
2289
2366
|
small: {
|
|
2290
2367
|
description: "Small",
|
|
2291
|
-
react:
|
|
2368
|
+
react: w`
|
|
2292
2369
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2293
2370
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2294
2371
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2310,7 +2387,7 @@ const Mn = {
|
|
|
2310
2387
|
},
|
|
2311
2388
|
medium: {
|
|
2312
2389
|
description: "Medium",
|
|
2313
|
-
react:
|
|
2390
|
+
react: w`
|
|
2314
2391
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2315
2392
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2316
2393
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2331,7 +2408,7 @@ const Mn = {
|
|
|
2331
2408
|
},
|
|
2332
2409
|
large: {
|
|
2333
2410
|
description: "Large",
|
|
2334
|
-
react:
|
|
2411
|
+
react: w`
|
|
2335
2412
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2336
2413
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2337
2414
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2353,7 +2430,7 @@ const Mn = {
|
|
|
2353
2430
|
},
|
|
2354
2431
|
xlarge: {
|
|
2355
2432
|
description: "Extra Large",
|
|
2356
|
-
react:
|
|
2433
|
+
react: w`
|
|
2357
2434
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2358
2435
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2359
2436
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2380,7 +2457,7 @@ const Mn = {
|
|
|
2380
2457
|
examples: {
|
|
2381
2458
|
small: {
|
|
2382
2459
|
description: "Small",
|
|
2383
|
-
react:
|
|
2460
|
+
react: w`
|
|
2384
2461
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2385
2462
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2386
2463
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2407,7 +2484,7 @@ const Mn = {
|
|
|
2407
2484
|
},
|
|
2408
2485
|
medium: {
|
|
2409
2486
|
description: "Medium",
|
|
2410
|
-
react:
|
|
2487
|
+
react: w`
|
|
2411
2488
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2412
2489
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2413
2490
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2432,7 +2509,7 @@ const Mn = {
|
|
|
2432
2509
|
},
|
|
2433
2510
|
large: {
|
|
2434
2511
|
description: "Large",
|
|
2435
|
-
react:
|
|
2512
|
+
react: w`
|
|
2436
2513
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2437
2514
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2438
2515
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2454,7 +2531,7 @@ const Mn = {
|
|
|
2454
2531
|
},
|
|
2455
2532
|
xlarge: {
|
|
2456
2533
|
description: "Extra Large",
|
|
2457
|
-
react:
|
|
2534
|
+
react: w`
|
|
2458
2535
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2459
2536
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2460
2537
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2481,7 +2558,7 @@ const Mn = {
|
|
|
2481
2558
|
examples: {
|
|
2482
2559
|
small: {
|
|
2483
2560
|
description: "Small",
|
|
2484
|
-
react:
|
|
2561
|
+
react: w`
|
|
2485
2562
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2486
2563
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2487
2564
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2503,7 +2580,7 @@ const Mn = {
|
|
|
2503
2580
|
},
|
|
2504
2581
|
medium: {
|
|
2505
2582
|
description: "Medium",
|
|
2506
|
-
react:
|
|
2583
|
+
react: w`
|
|
2507
2584
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2508
2585
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2509
2586
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2524,7 +2601,7 @@ const Mn = {
|
|
|
2524
2601
|
},
|
|
2525
2602
|
large: {
|
|
2526
2603
|
description: "Large",
|
|
2527
|
-
react:
|
|
2604
|
+
react: w`
|
|
2528
2605
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2529
2606
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2530
2607
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2546,7 +2623,7 @@ const Mn = {
|
|
|
2546
2623
|
},
|
|
2547
2624
|
xlarge: {
|
|
2548
2625
|
description: "Extra Large",
|
|
2549
|
-
react:
|
|
2626
|
+
react: w`
|
|
2550
2627
|
import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
|
|
2551
2628
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
2552
2629
|
import { Button } from "@sps-woodland/buttons";
|
|
@@ -2568,13 +2645,13 @@ const Mn = {
|
|
|
2568
2645
|
}
|
|
2569
2646
|
}
|
|
2570
2647
|
}
|
|
2571
|
-
},
|
|
2572
|
-
Modals:
|
|
2648
|
+
}, Cn = {
|
|
2649
|
+
Modals: kn
|
|
2573
2650
|
};
|
|
2574
2651
|
export {
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2652
|
+
Cn as MANIFEST,
|
|
2653
|
+
Nt as Modal,
|
|
2654
|
+
Pt as ModalFooter,
|
|
2655
|
+
et as ModalIcons,
|
|
2656
|
+
Fn as useModal
|
|
2580
2657
|
};
|