@sps-woodland/focused-task 8.23.18 → 8.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +502 -504
- package/lib/index.umd.cjs +3 -3
- package/lib/style.css +1 -1
- package/package.json +7 -7
package/lib/index.js
CHANGED
@@ -1,14 +1,14 @@
|
|
1
|
-
import { Metadata as Le, cl as
|
2
|
-
import { Button as
|
3
|
-
import * as
|
4
|
-
import h, { useRef as
|
5
|
-
import
|
6
|
-
import { code as
|
7
|
-
const
|
1
|
+
import { Metadata as Le, cl as Y, combineEventHandlers as $e, useChildTestIdAttrBuilder as nt, selectChildren as rt, contentOf as he } from "@sps-woodland/core";
|
2
|
+
import { Button as ot } from "@sps-woodland/buttons";
|
3
|
+
import * as p from "react";
|
4
|
+
import h, { useRef as w, useCallback as S, useState as z, useContext as W, useEffect as P, useMemo as K, createContext as at } from "react";
|
5
|
+
import it from "react-dom";
|
6
|
+
import { code as ge } from "@spscommerce/utils";
|
7
|
+
const g = typeof document < "u" ? h.useLayoutEffect : () => {
|
8
8
|
};
|
9
|
-
function
|
10
|
-
const t =
|
11
|
-
return
|
9
|
+
function q(e) {
|
10
|
+
const t = w(null);
|
11
|
+
return g(() => {
|
12
12
|
t.current = e;
|
13
13
|
}, [
|
14
14
|
e
|
@@ -17,8 +17,8 @@ function K(e) {
|
|
17
17
|
return r == null ? void 0 : r(...n);
|
18
18
|
}, []);
|
19
19
|
}
|
20
|
-
function
|
21
|
-
let [t, n] =
|
20
|
+
function lt(e) {
|
21
|
+
let [t, n] = z(e), r = w(null), o = q(() => {
|
22
22
|
if (!r.current) return;
|
23
23
|
let a = r.current.next();
|
24
24
|
if (a.done) {
|
@@ -27,10 +27,10 @@ function ot(e) {
|
|
27
27
|
}
|
28
28
|
t === a.value ? o() : n(a.value);
|
29
29
|
});
|
30
|
-
|
30
|
+
g(() => {
|
31
31
|
r.current && o();
|
32
32
|
});
|
33
|
-
let i =
|
33
|
+
let i = q((a) => {
|
34
34
|
r.current = a(t), o();
|
35
35
|
});
|
36
36
|
return [
|
@@ -38,13 +38,13 @@ function ot(e) {
|
|
38
38
|
i
|
39
39
|
];
|
40
40
|
}
|
41
|
-
const
|
41
|
+
const Q = {
|
42
42
|
prefix: String(Math.round(Math.random() * 1e10)),
|
43
43
|
current: 0
|
44
|
-
}, Ce = /* @__PURE__ */ h.createContext(
|
45
|
-
let
|
46
|
-
function
|
47
|
-
let t =
|
44
|
+
}, Ce = /* @__PURE__ */ h.createContext(Q), st = /* @__PURE__ */ h.createContext(!1);
|
45
|
+
let ut = !!(typeof window < "u" && window.document && window.document.createElement), oe = /* @__PURE__ */ new WeakMap();
|
46
|
+
function ct(e = !1) {
|
47
|
+
let t = W(Ce), n = w(null);
|
48
48
|
if (n.current === null && !e) {
|
49
49
|
var r, o;
|
50
50
|
let i = (o = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || o === void 0 || (r = o.ReactCurrentOwner) === null || r === void 0 ? void 0 : r.current;
|
@@ -59,41 +59,41 @@ function lt(e = !1) {
|
|
59
59
|
}
|
60
60
|
return n.current;
|
61
61
|
}
|
62
|
-
function
|
63
|
-
let t =
|
64
|
-
t ===
|
65
|
-
let n =
|
62
|
+
function dt(e) {
|
63
|
+
let t = W(Ce);
|
64
|
+
t === Q && !ut && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
|
65
|
+
let n = ct(!!e), r = t === Q && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
|
66
66
|
return e || `${r}-${n}`;
|
67
67
|
}
|
68
|
-
function
|
69
|
-
let t = h.useId(), [n] =
|
68
|
+
function ft(e) {
|
69
|
+
let t = h.useId(), [n] = z(_e()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${Q.prefix}`;
|
70
70
|
return e || `${r}-${t}`;
|
71
71
|
}
|
72
|
-
const
|
73
|
-
function
|
72
|
+
const pt = typeof h.useId == "function" ? ft : dt;
|
73
|
+
function bt() {
|
74
74
|
return !1;
|
75
75
|
}
|
76
|
-
function
|
76
|
+
function mt() {
|
77
77
|
return !0;
|
78
78
|
}
|
79
|
-
function
|
79
|
+
function vt(e) {
|
80
80
|
return () => {
|
81
81
|
};
|
82
82
|
}
|
83
83
|
function _e() {
|
84
|
-
return typeof h.useSyncExternalStore == "function" ? h.useSyncExternalStore(
|
84
|
+
return typeof h.useSyncExternalStore == "function" ? h.useSyncExternalStore(vt, bt, mt) : W(st);
|
85
85
|
}
|
86
|
-
let
|
86
|
+
let $t = !!(typeof window < "u" && window.document && window.document.createElement), L = /* @__PURE__ */ new Map();
|
87
87
|
function Oe(e) {
|
88
|
-
let [t, n] =
|
88
|
+
let [t, n] = z(e), r = w(null), o = pt(t), i = S((a) => {
|
89
89
|
r.current = a;
|
90
90
|
}, []);
|
91
|
-
return
|
91
|
+
return $t && (L.has(o) && !L.get(o).includes(i) ? L.set(o, [
|
92
92
|
...L.get(o),
|
93
93
|
i
|
94
94
|
]) : L.set(o, [
|
95
95
|
i
|
96
|
-
])),
|
96
|
+
])), g(() => {
|
97
97
|
let a = o;
|
98
98
|
return () => {
|
99
99
|
L.delete(a);
|
@@ -105,7 +105,7 @@ function Oe(e) {
|
|
105
105
|
a && (r.current = null, n(a));
|
106
106
|
}), o;
|
107
107
|
}
|
108
|
-
function
|
108
|
+
function ht(e, t) {
|
109
109
|
if (e === t) return e;
|
110
110
|
let n = L.get(e);
|
111
111
|
if (n)
|
@@ -113,8 +113,8 @@ function bt(e, t) {
|
|
113
113
|
let r = L.get(t);
|
114
114
|
return r ? (r.forEach((o) => o(e)), e) : t;
|
115
115
|
}
|
116
|
-
function
|
117
|
-
let t = Oe(), [n, r] =
|
116
|
+
function gt(e = []) {
|
117
|
+
let t = Oe(), [n, r] = lt(t), o = S(() => {
|
118
118
|
r(function* () {
|
119
119
|
yield t, yield document.getElementById(t) ? t : void 0;
|
120
120
|
});
|
@@ -122,21 +122,21 @@ function mt(e = []) {
|
|
122
122
|
t,
|
123
123
|
r
|
124
124
|
]);
|
125
|
-
return
|
125
|
+
return g(o, [
|
126
126
|
t,
|
127
127
|
o,
|
128
128
|
...e
|
129
129
|
]), n;
|
130
130
|
}
|
131
|
-
function
|
131
|
+
function Z(...e) {
|
132
132
|
return (...t) => {
|
133
133
|
for (let n of e) typeof n == "function" && n(...t);
|
134
134
|
};
|
135
135
|
}
|
136
|
-
const
|
136
|
+
const E = (e) => {
|
137
137
|
var t;
|
138
138
|
return (t = e == null ? void 0 : e.ownerDocument) !== null && t !== void 0 ? t : document;
|
139
|
-
},
|
139
|
+
}, ee = (e) => e && "window" in e && e.window === e ? e : E(e).defaultView || window;
|
140
140
|
function Me(e) {
|
141
141
|
var t, n, r = "";
|
142
142
|
if (typeof e == "string" || typeof e == "number") r += e;
|
@@ -146,11 +146,11 @@ function Me(e) {
|
|
146
146
|
} else for (n in e) e[n] && (r && (r += " "), r += n);
|
147
147
|
return r;
|
148
148
|
}
|
149
|
-
function
|
149
|
+
function Et() {
|
150
150
|
for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = Me(e)) && (r && (r += " "), r += t);
|
151
151
|
return r;
|
152
152
|
}
|
153
|
-
function
|
153
|
+
function wt(...e) {
|
154
154
|
let t = {
|
155
155
|
...e[0]
|
156
156
|
};
|
@@ -161,19 +161,19 @@ function ht(...e) {
|
|
161
161
|
typeof i == "function" && typeof a == "function" && // This is a lot faster than a regex.
|
162
162
|
o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= /* 'A' */
|
163
163
|
65 && o.charCodeAt(2) <= /* 'Z' */
|
164
|
-
90 ? t[o] =
|
164
|
+
90 ? t[o] = Z(i, a) : (o === "className" || o === "UNSAFE_className") && typeof i == "string" && typeof a == "string" ? t[o] = Et(i, a) : o === "id" && i && a ? t.id = ht(i, a) : t[o] = a !== void 0 ? a : i;
|
165
165
|
}
|
166
166
|
}
|
167
167
|
return t;
|
168
168
|
}
|
169
|
-
const
|
169
|
+
const yt = /* @__PURE__ */ new Set([
|
170
170
|
"id"
|
171
|
-
]),
|
171
|
+
]), Tt = /* @__PURE__ */ new Set([
|
172
172
|
"aria-label",
|
173
173
|
"aria-labelledby",
|
174
174
|
"aria-describedby",
|
175
175
|
"aria-details"
|
176
|
-
]),
|
176
|
+
]), xt = /* @__PURE__ */ new Set([
|
177
177
|
"href",
|
178
178
|
"hrefLang",
|
179
179
|
"target",
|
@@ -181,37 +181,37 @@ const Et = /* @__PURE__ */ new Set([
|
|
181
181
|
"download",
|
182
182
|
"ping",
|
183
183
|
"referrerPolicy"
|
184
|
-
]),
|
185
|
-
function
|
184
|
+
]), kt = /^(data-.*)$/;
|
185
|
+
function St(e, t = {}) {
|
186
186
|
let { labelable: n, isLink: r, propNames: o } = t, i = {};
|
187
|
-
for (const a in e) Object.prototype.hasOwnProperty.call(e, a) && (
|
187
|
+
for (const a in e) Object.prototype.hasOwnProperty.call(e, a) && (yt.has(a) || n && Tt.has(a) || r && xt.has(a) || o != null && o.has(a) || kt.test(a)) && (i[a] = e[a]);
|
188
188
|
return i;
|
189
189
|
}
|
190
|
-
function
|
191
|
-
if (
|
190
|
+
function Ee(e) {
|
191
|
+
if (Nt()) e.focus({
|
192
192
|
preventScroll: !0
|
193
193
|
});
|
194
194
|
else {
|
195
|
-
let t =
|
196
|
-
e.focus(),
|
195
|
+
let t = Ft(e);
|
196
|
+
e.focus(), Pt(t);
|
197
197
|
}
|
198
198
|
}
|
199
|
-
let
|
200
|
-
function
|
201
|
-
if (
|
202
|
-
|
199
|
+
let G = null;
|
200
|
+
function Nt() {
|
201
|
+
if (G == null) {
|
202
|
+
G = !1;
|
203
203
|
try {
|
204
204
|
document.createElement("div").focus({
|
205
205
|
get preventScroll() {
|
206
|
-
return
|
206
|
+
return G = !0, !0;
|
207
207
|
}
|
208
208
|
});
|
209
209
|
} catch {
|
210
210
|
}
|
211
211
|
}
|
212
|
-
return
|
212
|
+
return G;
|
213
213
|
}
|
214
|
-
function
|
214
|
+
function Ft(e) {
|
215
215
|
let t = e.parentNode, n = [], r = document.scrollingElement || document.documentElement;
|
216
216
|
for (; t instanceof HTMLElement && t !== r; )
|
217
217
|
(t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && n.push({
|
@@ -225,11 +225,11 @@ function kt(e) {
|
|
225
225
|
scrollLeft: r.scrollLeft
|
226
226
|
}), n;
|
227
227
|
}
|
228
|
-
function
|
228
|
+
function Pt(e) {
|
229
229
|
for (let { element: t, scrollTop: n, scrollLeft: r } of e)
|
230
230
|
t.scrollTop = n, t.scrollLeft = r;
|
231
231
|
}
|
232
|
-
function
|
232
|
+
function De(e) {
|
233
233
|
var t;
|
234
234
|
return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.some((n) => e.test(n.brand))) || e.test(window.navigator.userAgent);
|
235
235
|
}
|
@@ -237,23 +237,25 @@ function pe(e) {
|
|
237
237
|
var t;
|
238
238
|
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;
|
239
239
|
}
|
240
|
-
function
|
240
|
+
function I(e) {
|
241
241
|
let t = null;
|
242
242
|
return () => (t == null && (t = e()), t);
|
243
243
|
}
|
244
|
-
const
|
244
|
+
const Ae = I(function() {
|
245
245
|
return pe(/^Mac/i);
|
246
|
-
}),
|
246
|
+
}), Lt = I(function() {
|
247
247
|
return pe(/^iPhone/i);
|
248
|
-
}),
|
248
|
+
}), Ct = I(function() {
|
249
249
|
return pe(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
|
250
|
-
|
251
|
-
}),
|
252
|
-
return
|
253
|
-
}),
|
254
|
-
return
|
250
|
+
Ae() && navigator.maxTouchPoints > 1;
|
251
|
+
}), _t = I(function() {
|
252
|
+
return Lt() || Ct();
|
253
|
+
}), Ot = I(function() {
|
254
|
+
return De(/Chrome/i);
|
255
|
+
}), We = I(function() {
|
256
|
+
return De(/Android/i);
|
255
257
|
});
|
256
|
-
let
|
258
|
+
let D = /* @__PURE__ */ new Map(), le = /* @__PURE__ */ new Set();
|
257
259
|
function we() {
|
258
260
|
if (typeof window > "u") return;
|
259
261
|
function e(r) {
|
@@ -261,14 +263,14 @@ function we() {
|
|
261
263
|
}
|
262
264
|
let t = (r) => {
|
263
265
|
if (!e(r) || !r.target) return;
|
264
|
-
let o =
|
265
|
-
o || (o = /* @__PURE__ */ new Set(),
|
266
|
+
let o = D.get(r.target);
|
267
|
+
o || (o = /* @__PURE__ */ new Set(), D.set(r.target, o), r.target.addEventListener("transitioncancel", n, {
|
266
268
|
once: !0
|
267
269
|
})), o.add(r.propertyName);
|
268
270
|
}, n = (r) => {
|
269
271
|
if (!e(r) || !r.target) return;
|
270
|
-
let o =
|
271
|
-
if (o && (o.delete(r.propertyName), o.size === 0 && (r.target.removeEventListener("transitioncancel", n),
|
272
|
+
let o = D.get(r.target);
|
273
|
+
if (o && (o.delete(r.propertyName), o.size === 0 && (r.target.removeEventListener("transitioncancel", n), D.delete(r.target)), D.size === 0)) {
|
272
274
|
for (let i of le) i();
|
273
275
|
le.clear();
|
274
276
|
}
|
@@ -276,64 +278,65 @@ function we() {
|
|
276
278
|
document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", n);
|
277
279
|
}
|
278
280
|
typeof document < "u" && (document.readyState !== "loading" ? we() : document.addEventListener("DOMContentLoaded", we));
|
279
|
-
function
|
281
|
+
function Mt(e) {
|
280
282
|
requestAnimationFrame(() => {
|
281
|
-
|
283
|
+
D.size === 0 ? e() : le.add(e);
|
282
284
|
});
|
283
285
|
}
|
284
286
|
function ye(e, t) {
|
287
|
+
if (!e) return !1;
|
285
288
|
let n = window.getComputedStyle(e), r = /(auto|scroll)/.test(n.overflow + n.overflowX + n.overflowY);
|
286
289
|
return r && t && (r = e.scrollHeight !== e.clientHeight || e.scrollWidth !== e.clientWidth), r;
|
287
290
|
}
|
288
|
-
function
|
291
|
+
function Ie(e, t) {
|
289
292
|
let n = e;
|
290
293
|
for (ye(n, t) && (n = n.parentElement); n && !ye(n, t); ) n = n.parentElement;
|
291
294
|
return n || document.scrollingElement || document.documentElement;
|
292
295
|
}
|
293
|
-
function
|
294
|
-
return e.mozInputSource === 0 && e.isTrusted ? !0 :
|
296
|
+
function Dt(e) {
|
297
|
+
return e.mozInputSource === 0 && e.isTrusted ? !0 : We() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
|
295
298
|
}
|
296
|
-
function
|
297
|
-
let [r, o] =
|
299
|
+
function At(e, t, n) {
|
300
|
+
let [r, o] = z(e || t), i = w(e !== void 0), a = e !== void 0;
|
298
301
|
P(() => {
|
299
302
|
let l = i.current;
|
300
303
|
l !== a && console.warn(`WARN: A component changed from ${l ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}.`), i.current = a;
|
301
304
|
}, [
|
302
305
|
a
|
303
306
|
]);
|
304
|
-
let
|
305
|
-
let d = (
|
306
|
-
n && (Object.is(
|
307
|
+
let s = a ? e : r, c = S((l, ...u) => {
|
308
|
+
let d = (f, ...m) => {
|
309
|
+
n && (Object.is(s, f) || n(f, ...m)), a || (s = f);
|
307
310
|
};
|
308
|
-
typeof l == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), o((
|
309
|
-
let k = l(a ?
|
310
|
-
return d(k, ...
|
311
|
-
})) : (a || o(l), d(l, ...
|
311
|
+
typeof l == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), o((m, ...b) => {
|
312
|
+
let k = l(a ? s : m, ...b);
|
313
|
+
return d(k, ...u), a ? m : k;
|
314
|
+
})) : (a || o(l), d(l, ...u));
|
312
315
|
}, [
|
313
316
|
a,
|
314
|
-
|
317
|
+
s,
|
315
318
|
n
|
316
319
|
]);
|
317
320
|
return [
|
318
|
-
|
319
|
-
|
321
|
+
s,
|
322
|
+
c
|
320
323
|
];
|
321
324
|
}
|
322
|
-
const
|
325
|
+
const Re = h.createContext({
|
323
326
|
register: () => {
|
324
327
|
}
|
325
328
|
});
|
326
|
-
|
327
|
-
function
|
328
|
-
let t =
|
329
|
+
Re.displayName = "PressResponderContext";
|
330
|
+
function Wt({ children: e }) {
|
331
|
+
let t = K(() => ({
|
329
332
|
register: () => {
|
330
333
|
}
|
331
334
|
}), []);
|
332
|
-
return /* @__PURE__ */ h.createElement(
|
335
|
+
return /* @__PURE__ */ h.createElement(Re.Provider, {
|
333
336
|
value: t
|
334
337
|
}, e);
|
335
338
|
}
|
336
|
-
class
|
339
|
+
class It {
|
337
340
|
isDefaultPrevented() {
|
338
341
|
return this.nativeEvent.defaultPrevented;
|
339
342
|
}
|
@@ -352,25 +355,25 @@ class At {
|
|
352
355
|
this.nativeEvent = n, this.target = n.target, this.currentTarget = n.currentTarget, this.relatedTarget = n.relatedTarget, this.bubbles = n.bubbles, this.cancelable = n.cancelable, this.defaultPrevented = n.defaultPrevented, this.eventPhase = n.eventPhase, this.isTrusted = n.isTrusted, this.timeStamp = n.timeStamp, this.type = t;
|
353
356
|
}
|
354
357
|
}
|
355
|
-
function
|
356
|
-
let t =
|
358
|
+
function Rt(e) {
|
359
|
+
let t = w({
|
357
360
|
isFocused: !1,
|
358
361
|
observer: null
|
359
362
|
});
|
360
|
-
|
363
|
+
g(() => {
|
361
364
|
const r = t.current;
|
362
365
|
return () => {
|
363
366
|
r.observer && (r.observer.disconnect(), r.observer = null);
|
364
367
|
};
|
365
368
|
}, []);
|
366
|
-
let n =
|
369
|
+
let n = q((r) => {
|
367
370
|
e == null || e(r);
|
368
371
|
});
|
369
372
|
return S((r) => {
|
370
373
|
if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
|
371
374
|
t.current.isFocused = !0;
|
372
375
|
let o = r.target, i = (a) => {
|
373
|
-
t.current.isFocused = !1, o.disabled && n(new
|
376
|
+
t.current.isFocused = !1, o.disabled && n(new It("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
|
374
377
|
};
|
375
378
|
o.addEventListener("focusout", i, {
|
376
379
|
once: !0
|
@@ -378,12 +381,12 @@ function Wt(e) {
|
|
378
381
|
if (t.current.isFocused && o.disabled) {
|
379
382
|
var a;
|
380
383
|
(a = t.current.observer) === null || a === void 0 || a.disconnect();
|
381
|
-
let
|
384
|
+
let s = o === document.activeElement ? null : document.activeElement;
|
382
385
|
o.dispatchEvent(new FocusEvent("blur", {
|
383
|
-
relatedTarget:
|
386
|
+
relatedTarget: s
|
384
387
|
})), o.dispatchEvent(new FocusEvent("focusout", {
|
385
388
|
bubbles: !0,
|
386
|
-
relatedTarget:
|
389
|
+
relatedTarget: s
|
387
390
|
}));
|
388
391
|
}
|
389
392
|
}), t.current.observer.observe(o, {
|
@@ -397,59 +400,59 @@ function Wt(e) {
|
|
397
400
|
n
|
398
401
|
]);
|
399
402
|
}
|
400
|
-
let
|
401
|
-
function
|
402
|
-
for (let n of
|
403
|
+
let U = null, Bt = /* @__PURE__ */ new Set(), j = /* @__PURE__ */ new Map(), M = !1, se = !1;
|
404
|
+
function be(e, t) {
|
405
|
+
for (let n of Bt) n(e, t);
|
403
406
|
}
|
404
|
-
function
|
405
|
-
return !(e.metaKey || !
|
407
|
+
function Ht(e) {
|
408
|
+
return !(e.metaKey || !Ae() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
|
406
409
|
}
|
407
|
-
function
|
408
|
-
|
410
|
+
function te(e) {
|
411
|
+
M = !0, Ht(e) && (U = "keyboard", be("keyboard", e));
|
409
412
|
}
|
410
|
-
function
|
411
|
-
|
412
|
-
}
|
413
|
-
function Ie(e) {
|
414
|
-
Ot(e) && (O = !0, z = "virtual");
|
413
|
+
function T(e) {
|
414
|
+
U = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (M = !0, be("pointer", e));
|
415
415
|
}
|
416
416
|
function Be(e) {
|
417
|
-
e
|
417
|
+
Dt(e) && (M = !0, U = "virtual");
|
418
|
+
}
|
419
|
+
function He(e) {
|
420
|
+
e.target === window || e.target === document || (!M && !se && (U = "virtual", be("virtual", e)), M = !1, se = !1);
|
418
421
|
}
|
419
|
-
function
|
420
|
-
|
422
|
+
function Ve() {
|
423
|
+
M = !1, se = !0;
|
421
424
|
}
|
422
425
|
function Te(e) {
|
423
|
-
if (typeof window > "u" ||
|
424
|
-
const t =
|
426
|
+
if (typeof window > "u" || j.get(ee(e))) return;
|
427
|
+
const t = ee(e), n = E(e);
|
425
428
|
let r = t.HTMLElement.prototype.focus;
|
426
429
|
t.HTMLElement.prototype.focus = function() {
|
427
|
-
|
428
|
-
}, n.addEventListener("keydown",
|
429
|
-
|
430
|
+
M = !0, r.apply(this, arguments);
|
431
|
+
}, n.addEventListener("keydown", te, !0), n.addEventListener("keyup", te, !0), n.addEventListener("click", Be, !0), t.addEventListener("focus", He, !0), t.addEventListener("blur", Ve, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", T, !0), n.addEventListener("pointermove", T, !0), n.addEventListener("pointerup", T, !0)) : (n.addEventListener("mousedown", T, !0), n.addEventListener("mousemove", T, !0), n.addEventListener("mouseup", T, !0)), t.addEventListener("beforeunload", () => {
|
432
|
+
Ke(e);
|
430
433
|
}, {
|
431
434
|
once: !0
|
432
|
-
}),
|
435
|
+
}), j.set(t, {
|
433
436
|
focus: r
|
434
437
|
});
|
435
438
|
}
|
436
|
-
const
|
437
|
-
const n =
|
438
|
-
t && r.removeEventListener("DOMContentLoaded", t),
|
439
|
+
const Ke = (e, t) => {
|
440
|
+
const n = ee(e), r = E(e);
|
441
|
+
t && r.removeEventListener("DOMContentLoaded", t), j.has(n) && (n.HTMLElement.prototype.focus = j.get(n).focus, r.removeEventListener("keydown", te, !0), r.removeEventListener("keyup", te, !0), r.removeEventListener("click", Be, !0), n.removeEventListener("focus", He, !0), n.removeEventListener("blur", Ve, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", T, !0), r.removeEventListener("pointermove", T, !0), r.removeEventListener("pointerup", T, !0)) : (r.removeEventListener("mousedown", T, !0), r.removeEventListener("mousemove", T, !0), r.removeEventListener("mouseup", T, !0)), j.delete(n));
|
439
442
|
};
|
440
|
-
function
|
441
|
-
const t =
|
443
|
+
function Vt(e) {
|
444
|
+
const t = E(e);
|
442
445
|
let n;
|
443
446
|
return t.readyState !== "loading" ? Te(e) : (n = () => {
|
444
447
|
Te(e);
|
445
|
-
}, t.addEventListener("DOMContentLoaded", n)), () =>
|
448
|
+
}, t.addEventListener("DOMContentLoaded", n)), () => Ke(e, n);
|
446
449
|
}
|
447
|
-
typeof document < "u" &&
|
448
|
-
function
|
449
|
-
return
|
450
|
+
typeof document < "u" && Vt();
|
451
|
+
function je() {
|
452
|
+
return U;
|
450
453
|
}
|
451
|
-
function
|
452
|
-
let { isDisabled: t, onBlurWithin: n, onFocusWithin: r, onFocusWithinChange: o } = e, i =
|
454
|
+
function Kt(e) {
|
455
|
+
let { isDisabled: t, onBlurWithin: n, onFocusWithin: r, onFocusWithinChange: o } = e, i = w({
|
453
456
|
isFocusWithin: !1
|
454
457
|
}), a = S((l) => {
|
455
458
|
i.current.isFocusWithin && !l.currentTarget.contains(l.relatedTarget) && (i.current.isFocusWithin = !1, n && n(l), o && o(!1));
|
@@ -457,12 +460,12 @@ function Vt(e) {
|
|
457
460
|
n,
|
458
461
|
o,
|
459
462
|
i
|
460
|
-
]),
|
461
|
-
!i.current.isFocusWithin && document.activeElement === l.target && (r && r(l), o && o(!0), i.current.isFocusWithin = !0,
|
463
|
+
]), s = Rt(a), c = S((l) => {
|
464
|
+
!i.current.isFocusWithin && document.activeElement === l.target && (r && r(l), o && o(!0), i.current.isFocusWithin = !0, s(l));
|
462
465
|
}, [
|
463
466
|
r,
|
464
467
|
o,
|
465
|
-
|
468
|
+
s
|
466
469
|
]);
|
467
470
|
return t ? {
|
468
471
|
focusWithinProps: {
|
@@ -472,49 +475,49 @@ function Vt(e) {
|
|
472
475
|
}
|
473
476
|
} : {
|
474
477
|
focusWithinProps: {
|
475
|
-
onFocus:
|
478
|
+
onFocus: c,
|
476
479
|
onBlur: a
|
477
480
|
}
|
478
481
|
};
|
479
482
|
}
|
480
|
-
function
|
481
|
-
let { ref: t, onInteractOutside: n, isDisabled: r, onInteractOutsideStart: o } = e, i =
|
483
|
+
function jt(e) {
|
484
|
+
let { ref: t, onInteractOutside: n, isDisabled: r, onInteractOutsideStart: o } = e, i = w({
|
482
485
|
isPointerDown: !1,
|
483
486
|
ignoreEmulatedMouseEvents: !1
|
484
|
-
}), a =
|
485
|
-
n &&
|
486
|
-
}),
|
487
|
-
n && n(
|
487
|
+
}), a = q((c) => {
|
488
|
+
n && J(c, t) && (o && o(c), i.current.isPointerDown = !0);
|
489
|
+
}), s = q((c) => {
|
490
|
+
n && n(c);
|
488
491
|
});
|
489
492
|
P(() => {
|
490
|
-
let
|
493
|
+
let c = i.current;
|
491
494
|
if (r) return;
|
492
|
-
const l = t.current,
|
495
|
+
const l = t.current, u = E(l);
|
493
496
|
if (typeof PointerEvent < "u") {
|
494
|
-
let d = (
|
495
|
-
|
497
|
+
let d = (f) => {
|
498
|
+
c.isPointerDown && J(f, t) && s(f), c.isPointerDown = !1;
|
496
499
|
};
|
497
|
-
return
|
498
|
-
|
500
|
+
return u.addEventListener("pointerdown", a, !0), u.addEventListener("pointerup", d, !0), () => {
|
501
|
+
u.removeEventListener("pointerdown", a, !0), u.removeEventListener("pointerup", d, !0);
|
499
502
|
};
|
500
503
|
} else {
|
501
|
-
let d = (
|
502
|
-
|
503
|
-
},
|
504
|
-
|
504
|
+
let d = (m) => {
|
505
|
+
c.ignoreEmulatedMouseEvents ? c.ignoreEmulatedMouseEvents = !1 : c.isPointerDown && J(m, t) && s(m), c.isPointerDown = !1;
|
506
|
+
}, f = (m) => {
|
507
|
+
c.ignoreEmulatedMouseEvents = !0, c.isPointerDown && J(m, t) && s(m), c.isPointerDown = !1;
|
505
508
|
};
|
506
|
-
return
|
507
|
-
|
509
|
+
return u.addEventListener("mousedown", a, !0), u.addEventListener("mouseup", d, !0), u.addEventListener("touchstart", a, !0), u.addEventListener("touchend", f, !0), () => {
|
510
|
+
u.removeEventListener("mousedown", a, !0), u.removeEventListener("mouseup", d, !0), u.removeEventListener("touchstart", a, !0), u.removeEventListener("touchend", f, !0);
|
508
511
|
};
|
509
512
|
}
|
510
513
|
}, [
|
511
514
|
t,
|
512
515
|
r,
|
513
516
|
a,
|
514
|
-
|
517
|
+
s
|
515
518
|
]);
|
516
519
|
}
|
517
|
-
function
|
520
|
+
function J(e, t) {
|
518
521
|
if (e.button > 0) return !1;
|
519
522
|
if (e.target) {
|
520
523
|
const n = e.target.ownerDocument;
|
@@ -522,88 +525,88 @@ function G(e, t) {
|
|
522
525
|
}
|
523
526
|
return t.current && !t.current.contains(e.target);
|
524
527
|
}
|
525
|
-
function
|
526
|
-
const t =
|
527
|
-
if (
|
528
|
+
function ue(e) {
|
529
|
+
const t = E(e);
|
530
|
+
if (je() === "virtual") {
|
528
531
|
let n = t.activeElement;
|
529
|
-
|
530
|
-
t.activeElement === n && e.isConnected &&
|
532
|
+
Mt(() => {
|
533
|
+
t.activeElement === n && e.isConnected && Ee(e);
|
531
534
|
});
|
532
|
-
} else
|
535
|
+
} else Ee(e);
|
533
536
|
}
|
534
|
-
function
|
535
|
-
const t =
|
537
|
+
function qt(e) {
|
538
|
+
const t = ee(e);
|
536
539
|
if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement)) return !1;
|
537
540
|
let { display: n, visibility: r } = e.style, o = n !== "none" && r !== "hidden" && r !== "collapse";
|
538
541
|
if (o) {
|
539
542
|
const { getComputedStyle: i } = e.ownerDocument.defaultView;
|
540
|
-
let { display: a, visibility:
|
541
|
-
o = a !== "none" &&
|
543
|
+
let { display: a, visibility: s } = i(e);
|
544
|
+
o = a !== "none" && s !== "hidden" && s !== "collapse";
|
542
545
|
}
|
543
546
|
return o;
|
544
547
|
}
|
545
|
-
function
|
548
|
+
function zt(e, t) {
|
546
549
|
return !e.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
|
547
550
|
!e.hasAttribute("data-react-aria-prevent-focus") && (e.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? e.hasAttribute("open") : !0);
|
548
551
|
}
|
549
|
-
function
|
550
|
-
return e.nodeName !== "#comment" &&
|
552
|
+
function qe(e, t) {
|
553
|
+
return e.nodeName !== "#comment" && qt(e) && zt(e, t) && (!e.parentElement || qe(e.parentElement, e));
|
551
554
|
}
|
552
|
-
const xe = /* @__PURE__ */ h.createContext(null),
|
553
|
-
let
|
554
|
-
function
|
555
|
-
let { children: t, contain: n, restoreFocus: r, autoFocus: o } = e, i =
|
556
|
-
scopeRef:
|
555
|
+
const xe = /* @__PURE__ */ h.createContext(null), ce = "react-aria-focus-scope-restore";
|
556
|
+
let v = null;
|
557
|
+
function Ut(e) {
|
558
|
+
let { children: t, contain: n, restoreFocus: r, autoFocus: o } = e, i = w(null), a = w(null), s = w([]), { parentNode: c } = W(xe) || {}, l = K(() => new fe({
|
559
|
+
scopeRef: s
|
557
560
|
}), [
|
558
|
-
|
561
|
+
s
|
559
562
|
]);
|
560
|
-
|
561
|
-
let
|
562
|
-
if ($.getTreeNode(
|
563
|
-
let
|
564
|
-
|
563
|
+
g(() => {
|
564
|
+
let f = c || $.root;
|
565
|
+
if ($.getTreeNode(f.scopeRef) && v && !ne(v, f.scopeRef)) {
|
566
|
+
let m = $.getTreeNode(v);
|
567
|
+
m && (f = m);
|
565
568
|
}
|
566
|
-
|
569
|
+
f.addChild(l), $.addNode(l);
|
567
570
|
}, [
|
568
571
|
l,
|
569
|
-
|
570
|
-
]),
|
571
|
-
let
|
572
|
-
|
572
|
+
c
|
573
|
+
]), g(() => {
|
574
|
+
let f = $.getTreeNode(s);
|
575
|
+
f && (f.contain = !!n);
|
573
576
|
}, [
|
574
577
|
n
|
575
|
-
]),
|
576
|
-
var
|
577
|
-
let
|
578
|
-
for (;
|
579
|
-
|
580
|
-
return
|
581
|
-
for (let
|
578
|
+
]), g(() => {
|
579
|
+
var f;
|
580
|
+
let m = (f = i.current) === null || f === void 0 ? void 0 : f.nextSibling, b = [], k = (R) => R.stopPropagation();
|
581
|
+
for (; m && m !== a.current; )
|
582
|
+
b.push(m), m.addEventListener(ce, k), m = m.nextSibling;
|
583
|
+
return s.current = b, () => {
|
584
|
+
for (let R of b) R.removeEventListener(ce, k);
|
582
585
|
};
|
583
586
|
}, [
|
584
587
|
t
|
585
|
-
]),
|
586
|
-
const
|
587
|
-
let
|
588
|
-
if (
|
589
|
-
for (let
|
590
|
-
|
588
|
+
]), en(s, r, n), Yt(s, n), tn(s, r, n), Zt(s, o), P(() => {
|
589
|
+
const f = E(s.current ? s.current[0] : void 0).activeElement;
|
590
|
+
let m = null;
|
591
|
+
if (x(f, s.current)) {
|
592
|
+
for (let b of $.traverse()) b.scopeRef && x(f, b.scopeRef.current) && (m = b);
|
593
|
+
m === $.getTreeNode(s) && (v = m.scopeRef);
|
591
594
|
}
|
592
595
|
}, [
|
593
|
-
|
594
|
-
]),
|
595
|
-
var
|
596
|
-
let k = (
|
597
|
-
(
|
596
|
+
s
|
597
|
+
]), g(() => () => {
|
598
|
+
var f, m, b;
|
599
|
+
let k = (b = (m = $.getTreeNode(s)) === null || m === void 0 || (f = m.parent) === null || f === void 0 ? void 0 : f.scopeRef) !== null && b !== void 0 ? b : null;
|
600
|
+
(s === v || ne(s, v)) && (!k || $.getTreeNode(k)) && (v = k), $.removeTreeNode(s);
|
598
601
|
}, [
|
599
|
-
|
602
|
+
s
|
600
603
|
]);
|
601
|
-
let
|
602
|
-
focusManager:
|
604
|
+
let u = K(() => Gt(s), []), d = K(() => ({
|
605
|
+
focusManager: u,
|
603
606
|
parentNode: l
|
604
607
|
}), [
|
605
608
|
l,
|
606
|
-
|
609
|
+
u
|
607
610
|
]);
|
608
611
|
return /* @__PURE__ */ h.createElement(xe.Provider, {
|
609
612
|
value: d
|
@@ -617,47 +620,47 @@ function zt(e) {
|
|
617
620
|
ref: a
|
618
621
|
}));
|
619
622
|
}
|
620
|
-
function
|
623
|
+
function Gt(e) {
|
621
624
|
return {
|
622
625
|
focusNext(t = {}) {
|
623
|
-
let n = e.current, { from: r, tabbable: o, wrap: i, accept: a } = t,
|
626
|
+
let n = e.current, { from: r, tabbable: o, wrap: i, accept: a } = t, s = r || E(n[0]).activeElement, c = n[0].previousElementSibling, l = O(n), u = _(l, {
|
624
627
|
tabbable: o,
|
625
628
|
accept: a
|
626
629
|
}, n);
|
627
|
-
|
628
|
-
let d =
|
629
|
-
return !d && i && (
|
630
|
+
u.currentNode = x(s, n) ? s : c;
|
631
|
+
let d = u.nextNode();
|
632
|
+
return !d && i && (u.currentNode = c, d = u.nextNode()), d && F(d, !0), d;
|
630
633
|
},
|
631
634
|
focusPrevious(t = {}) {
|
632
|
-
let n = e.current, { from: r, tabbable: o, wrap: i, accept: a } = t,
|
635
|
+
let n = e.current, { from: r, tabbable: o, wrap: i, accept: a } = t, s = r || E(n[0]).activeElement, c = n[n.length - 1].nextElementSibling, l = O(n), u = _(l, {
|
633
636
|
tabbable: o,
|
634
637
|
accept: a
|
635
638
|
}, n);
|
636
|
-
|
637
|
-
let d =
|
638
|
-
return !d && i && (
|
639
|
+
u.currentNode = x(s, n) ? s : c;
|
640
|
+
let d = u.previousNode();
|
641
|
+
return !d && i && (u.currentNode = c, d = u.previousNode()), d && F(d, !0), d;
|
639
642
|
},
|
640
643
|
focusFirst(t = {}) {
|
641
|
-
let n = e.current, { tabbable: r, accept: o } = t, i =
|
644
|
+
let n = e.current, { tabbable: r, accept: o } = t, i = O(n), a = _(i, {
|
642
645
|
tabbable: r,
|
643
646
|
accept: o
|
644
647
|
}, n);
|
645
648
|
a.currentNode = n[0].previousElementSibling;
|
646
|
-
let
|
647
|
-
return
|
649
|
+
let s = a.nextNode();
|
650
|
+
return s && F(s, !0), s;
|
648
651
|
},
|
649
652
|
focusLast(t = {}) {
|
650
|
-
let n = e.current, { tabbable: r, accept: o } = t, i =
|
653
|
+
let n = e.current, { tabbable: r, accept: o } = t, i = O(n), a = _(i, {
|
651
654
|
tabbable: r,
|
652
655
|
accept: o
|
653
656
|
}, n);
|
654
657
|
a.currentNode = n[n.length - 1].nextElementSibling;
|
655
|
-
let
|
656
|
-
return
|
658
|
+
let s = a.previousNode();
|
659
|
+
return s && F(s, !0), s;
|
657
660
|
}
|
658
661
|
};
|
659
662
|
}
|
660
|
-
const
|
663
|
+
const me = [
|
661
664
|
"input:not([disabled]):not([type=hidden])",
|
662
665
|
"select:not([disabled])",
|
663
666
|
"textarea:not([disabled])",
|
@@ -670,78 +673,79 @@ const be = [
|
|
670
673
|
"embed",
|
671
674
|
"audio[controls]",
|
672
675
|
"video[controls]",
|
673
|
-
|
674
|
-
],
|
675
|
-
|
676
|
-
const
|
677
|
-
function
|
676
|
+
'[contenteditable]:not([contenteditable^="false"])'
|
677
|
+
], Jt = me.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
|
678
|
+
me.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
|
679
|
+
const Xt = me.join(':not([hidden]):not([tabindex="-1"]),');
|
680
|
+
function O(e) {
|
678
681
|
return e[0].parentElement;
|
679
682
|
}
|
680
|
-
function
|
681
|
-
let t = $.getTreeNode(
|
683
|
+
function V(e) {
|
684
|
+
let t = $.getTreeNode(v);
|
682
685
|
for (; t && t.scopeRef !== e; ) {
|
683
686
|
if (t.contain) return !1;
|
684
687
|
t = t.parent;
|
685
688
|
}
|
686
689
|
return !0;
|
687
690
|
}
|
688
|
-
function
|
689
|
-
let n =
|
690
|
-
|
691
|
+
function Yt(e, t) {
|
692
|
+
let n = w(void 0), r = w(void 0);
|
693
|
+
g(() => {
|
691
694
|
let o = e.current;
|
692
695
|
if (!t) {
|
693
696
|
r.current && (cancelAnimationFrame(r.current), r.current = void 0);
|
694
697
|
return;
|
695
698
|
}
|
696
|
-
const i =
|
699
|
+
const i = E(o ? o[0] : void 0);
|
697
700
|
let a = (l) => {
|
698
|
-
if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !
|
699
|
-
let
|
700
|
-
if (!d || !
|
701
|
-
let
|
701
|
+
if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !V(e) || l.isComposing) return;
|
702
|
+
let u = i.activeElement, d = e.current;
|
703
|
+
if (!d || !x(u, d)) return;
|
704
|
+
let f = O(d), m = _(f, {
|
702
705
|
tabbable: !0
|
703
706
|
}, d);
|
704
|
-
if (!
|
705
|
-
|
706
|
-
let
|
707
|
-
|
707
|
+
if (!u) return;
|
708
|
+
m.currentNode = u;
|
709
|
+
let b = l.shiftKey ? m.previousNode() : m.nextNode();
|
710
|
+
b || (m.currentNode = l.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, b = l.shiftKey ? m.previousNode() : m.nextNode()), l.preventDefault(), b && F(b, !0);
|
711
|
+
}, s = (l) => {
|
712
|
+
(!v || ne(v, e)) && x(l.target, e.current) ? (v = e, n.current = l.target) : V(e) && !C(l.target, e) ? n.current ? n.current.focus() : v && v.current && de(v.current) : V(e) && (n.current = l.target);
|
708
713
|
}, c = (l) => {
|
709
|
-
(!m || ne(m, e)) && w(l.target, e.current) ? (m = e, n.current = l.target) : R(e) && !te(l.target, e) ? n.current ? n.current.focus() : m && m.current && de(m.current) : R(e) && (n.current = l.target);
|
710
|
-
}, u = (l) => {
|
711
714
|
r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
|
712
|
-
|
713
|
-
|
714
|
-
|
715
|
-
|
716
|
-
|
715
|
+
let u = je();
|
716
|
+
if (!((u === "virtual" || u === null) && We() && Ot()) && i.activeElement && V(e) && !C(i.activeElement, e))
|
717
|
+
if (v = e, i.body.contains(l.target)) {
|
718
|
+
var f;
|
719
|
+
n.current = l.target, (f = n.current) === null || f === void 0 || f.focus();
|
720
|
+
} else v.current && de(v.current);
|
717
721
|
});
|
718
722
|
};
|
719
|
-
return i.addEventListener("keydown", a, !1), i.addEventListener("focusin",
|
720
|
-
i.removeEventListener("keydown", a, !1), i.removeEventListener("focusin",
|
723
|
+
return i.addEventListener("keydown", a, !1), i.addEventListener("focusin", s, !1), o == null || o.forEach((l) => l.addEventListener("focusin", s, !1)), o == null || o.forEach((l) => l.addEventListener("focusout", c, !1)), () => {
|
724
|
+
i.removeEventListener("keydown", a, !1), i.removeEventListener("focusin", s, !1), o == null || o.forEach((l) => l.removeEventListener("focusin", s, !1)), o == null || o.forEach((l) => l.removeEventListener("focusout", c, !1));
|
721
725
|
};
|
722
726
|
}, [
|
723
727
|
e,
|
724
728
|
t
|
725
|
-
]),
|
729
|
+
]), g(() => () => {
|
726
730
|
r.current && cancelAnimationFrame(r.current);
|
727
731
|
}, [
|
728
732
|
r
|
729
733
|
]);
|
730
734
|
}
|
731
|
-
function
|
732
|
-
return
|
735
|
+
function ze(e) {
|
736
|
+
return C(e);
|
733
737
|
}
|
734
|
-
function
|
738
|
+
function x(e, t) {
|
735
739
|
return !e || !t ? !1 : t.some((n) => n.contains(e));
|
736
740
|
}
|
737
|
-
function
|
741
|
+
function C(e, t = null) {
|
738
742
|
if (e instanceof Element && e.closest("[data-react-aria-top-layer]")) return !0;
|
739
743
|
for (let { scopeRef: n } of $.traverse($.getTreeNode(t)))
|
740
|
-
if (n &&
|
744
|
+
if (n && x(e, n.current)) return !0;
|
741
745
|
return !1;
|
742
746
|
}
|
743
|
-
function
|
744
|
-
return
|
747
|
+
function Qt(e) {
|
748
|
+
return C(e, v);
|
745
749
|
}
|
746
750
|
function ne(e, t) {
|
747
751
|
var n;
|
@@ -754,7 +758,7 @@ function ne(e, t) {
|
|
754
758
|
}
|
755
759
|
function F(e, t = !1) {
|
756
760
|
if (e != null && !t) try {
|
757
|
-
|
761
|
+
ue(e);
|
758
762
|
} catch {
|
759
763
|
}
|
760
764
|
else if (e != null) try {
|
@@ -762,40 +766,40 @@ function F(e, t = !1) {
|
|
762
766
|
} catch {
|
763
767
|
}
|
764
768
|
}
|
765
|
-
function
|
766
|
-
let n = e[0].previousElementSibling, r =
|
769
|
+
function Ue(e, t = !0) {
|
770
|
+
let n = e[0].previousElementSibling, r = O(e), o = _(r, {
|
767
771
|
tabbable: t
|
768
772
|
}, e);
|
769
773
|
o.currentNode = n;
|
770
774
|
let i = o.nextNode();
|
771
|
-
return t && !i && (r =
|
775
|
+
return t && !i && (r = O(e), o = _(r, {
|
772
776
|
tabbable: !1
|
773
777
|
}, e), o.currentNode = n, i = o.nextNode()), i;
|
774
778
|
}
|
775
779
|
function de(e, t = !0) {
|
776
|
-
F(
|
780
|
+
F(Ue(e, t));
|
777
781
|
}
|
778
|
-
function
|
782
|
+
function Zt(e, t) {
|
779
783
|
const n = h.useRef(t);
|
780
784
|
P(() => {
|
781
785
|
if (n.current) {
|
782
|
-
|
783
|
-
const r =
|
784
|
-
!
|
786
|
+
v = e;
|
787
|
+
const r = E(e.current ? e.current[0] : void 0);
|
788
|
+
!x(r.activeElement, v.current) && e.current && de(e.current);
|
785
789
|
}
|
786
790
|
n.current = !1;
|
787
791
|
}, [
|
788
792
|
e
|
789
793
|
]);
|
790
794
|
}
|
791
|
-
function
|
792
|
-
|
795
|
+
function en(e, t, n) {
|
796
|
+
g(() => {
|
793
797
|
if (t || n) return;
|
794
798
|
let r = e.current;
|
795
|
-
const o =
|
799
|
+
const o = E(r ? r[0] : void 0);
|
796
800
|
let i = (a) => {
|
797
|
-
let
|
798
|
-
|
801
|
+
let s = a.target;
|
802
|
+
x(s, e.current) ? v = e : ze(s) || (v = null);
|
799
803
|
};
|
800
804
|
return o.addEventListener("focusin", i, !1), r == null || r.forEach((a) => a.addEventListener("focusin", i, !1)), () => {
|
801
805
|
o.removeEventListener("focusin", i, !1), r == null || r.forEach((a) => a.removeEventListener("focusin", i, !1));
|
@@ -806,8 +810,8 @@ function Zt(e, t, n) {
|
|
806
810
|
n
|
807
811
|
]);
|
808
812
|
}
|
809
|
-
function
|
810
|
-
let t = $.getTreeNode(
|
813
|
+
function ke(e) {
|
814
|
+
let t = $.getTreeNode(v);
|
811
815
|
for (; t && t.scopeRef !== e; ) {
|
812
816
|
if (t.nodeToRestore) return !1;
|
813
817
|
t = t.parent;
|
@@ -815,40 +819,40 @@ function en(e) {
|
|
815
819
|
return (t == null ? void 0 : t.scopeRef) === e;
|
816
820
|
}
|
817
821
|
function tn(e, t, n) {
|
818
|
-
const r =
|
819
|
-
|
822
|
+
const r = w(typeof document < "u" ? E(e.current ? e.current[0] : void 0).activeElement : null);
|
823
|
+
g(() => {
|
820
824
|
let o = e.current;
|
821
|
-
const i =
|
825
|
+
const i = E(o ? o[0] : void 0);
|
822
826
|
if (!t || n) return;
|
823
827
|
let a = () => {
|
824
|
-
(!
|
828
|
+
(!v || ne(v, e)) && x(i.activeElement, e.current) && (v = e);
|
825
829
|
};
|
826
|
-
return i.addEventListener("focusin", a, !1), o == null || o.forEach((
|
827
|
-
i.removeEventListener("focusin", a, !1), o == null || o.forEach((
|
830
|
+
return i.addEventListener("focusin", a, !1), o == null || o.forEach((s) => s.addEventListener("focusin", a, !1)), () => {
|
831
|
+
i.removeEventListener("focusin", a, !1), o == null || o.forEach((s) => s.removeEventListener("focusin", a, !1));
|
828
832
|
};
|
829
833
|
}, [
|
830
834
|
e,
|
831
835
|
n
|
832
|
-
]),
|
833
|
-
const o =
|
836
|
+
]), g(() => {
|
837
|
+
const o = E(e.current ? e.current[0] : void 0);
|
834
838
|
if (!t) return;
|
835
839
|
let i = (a) => {
|
836
|
-
if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !
|
837
|
-
let
|
838
|
-
if (!
|
839
|
-
let
|
840
|
-
if (!
|
841
|
-
let l =
|
840
|
+
if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !V(e) || a.isComposing) return;
|
841
|
+
let s = o.activeElement;
|
842
|
+
if (!C(s, e) || !ke(e)) return;
|
843
|
+
let c = $.getTreeNode(e);
|
844
|
+
if (!c) return;
|
845
|
+
let l = c.nodeToRestore, u = _(o.body, {
|
842
846
|
tabbable: !0
|
843
847
|
});
|
844
|
-
|
845
|
-
let d = a.shiftKey ?
|
846
|
-
if ((!l || !o.body.contains(l) || l === o.body) && (l = void 0,
|
847
|
-
|
848
|
+
u.currentNode = s;
|
849
|
+
let d = a.shiftKey ? u.previousNode() : u.nextNode();
|
850
|
+
if ((!l || !o.body.contains(l) || l === o.body) && (l = void 0, c.nodeToRestore = void 0), (!d || !C(d, e)) && l) {
|
851
|
+
u.currentNode = l;
|
848
852
|
do
|
849
|
-
d = a.shiftKey ?
|
850
|
-
while (
|
851
|
-
a.preventDefault(), a.stopPropagation(), d ? F(d, !0) :
|
853
|
+
d = a.shiftKey ? u.previousNode() : u.nextNode();
|
854
|
+
while (C(d, e));
|
855
|
+
a.preventDefault(), a.stopPropagation(), d ? F(d, !0) : ze(l) ? F(l, !0) : s.blur();
|
852
856
|
}
|
853
857
|
};
|
854
858
|
return n || o.addEventListener("keydown", i, !0), () => {
|
@@ -858,36 +862,35 @@ function tn(e, t, n) {
|
|
858
862
|
e,
|
859
863
|
t,
|
860
864
|
n
|
861
|
-
]),
|
862
|
-
const o =
|
865
|
+
]), g(() => {
|
866
|
+
const o = E(e.current ? e.current[0] : void 0);
|
863
867
|
if (!t) return;
|
864
868
|
let i = $.getTreeNode(e);
|
865
869
|
if (i) {
|
866
870
|
var a;
|
867
871
|
return i.nodeToRestore = (a = r.current) !== null && a !== void 0 ? a : void 0, () => {
|
868
|
-
let
|
869
|
-
if (!
|
870
|
-
let
|
871
|
-
if (t &&
|
872
|
-
(w(o.activeElement, e.current) || o.activeElement === o.body && en(e))) {
|
872
|
+
let s = $.getTreeNode(e);
|
873
|
+
if (!s) return;
|
874
|
+
let c = s.nodeToRestore;
|
875
|
+
if (t && c && (o.activeElement && C(o.activeElement, e) || o.activeElement === o.body && ke(e))) {
|
873
876
|
let l = $.clone();
|
874
877
|
requestAnimationFrame(() => {
|
875
878
|
if (o.activeElement === o.body) {
|
876
|
-
let
|
877
|
-
for (;
|
878
|
-
if (
|
879
|
-
|
879
|
+
let u = l.getTreeNode(e);
|
880
|
+
for (; u; ) {
|
881
|
+
if (u.nodeToRestore && u.nodeToRestore.isConnected) {
|
882
|
+
Se(u.nodeToRestore);
|
880
883
|
return;
|
881
884
|
}
|
882
|
-
|
885
|
+
u = u.parent;
|
883
886
|
}
|
884
|
-
for (
|
885
|
-
if (
|
886
|
-
let d =
|
887
|
-
|
887
|
+
for (u = l.getTreeNode(e); u; ) {
|
888
|
+
if (u.scopeRef && u.scopeRef.current && $.getTreeNode(u.scopeRef)) {
|
889
|
+
let d = Ue(u.scopeRef.current, !0);
|
890
|
+
Se(d);
|
888
891
|
return;
|
889
892
|
}
|
890
|
-
|
893
|
+
u = u.parent;
|
891
894
|
}
|
892
895
|
}
|
893
896
|
});
|
@@ -899,22 +902,22 @@ function tn(e, t, n) {
|
|
899
902
|
t
|
900
903
|
]);
|
901
904
|
}
|
902
|
-
function
|
903
|
-
e.dispatchEvent(new CustomEvent(
|
905
|
+
function Se(e) {
|
906
|
+
e.dispatchEvent(new CustomEvent(ce, {
|
904
907
|
bubbles: !0,
|
905
908
|
cancelable: !0
|
906
909
|
})) && F(e);
|
907
910
|
}
|
908
|
-
function
|
909
|
-
let r = t != null && t.tabbable ?
|
911
|
+
function _(e, t, n) {
|
912
|
+
let r = t != null && t.tabbable ? Xt : Jt, o = E(e).createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
|
910
913
|
acceptNode(i) {
|
911
914
|
var a;
|
912
|
-
return !(t == null || (a = t.from) === null || a === void 0) && a.contains(i) ? NodeFilter.FILTER_REJECT : i.matches(r) &&
|
915
|
+
return !(t == null || (a = t.from) === null || a === void 0) && a.contains(i) ? NodeFilter.FILTER_REJECT : i.matches(r) && qe(i) && (!n || x(i, n)) && (!(t != null && t.accept) || t.accept(i)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
913
916
|
}
|
914
917
|
});
|
915
918
|
return t != null && t.from && (o.currentNode = t.from), o;
|
916
919
|
}
|
917
|
-
class
|
920
|
+
class ve {
|
918
921
|
get size() {
|
919
922
|
return this.fastMap.size;
|
920
923
|
}
|
@@ -937,7 +940,7 @@ class me {
|
|
937
940
|
let n = this.fastMap.get(t);
|
938
941
|
if (!n) return;
|
939
942
|
let r = n.parent;
|
940
|
-
for (let i of this.traverse()) i !== n && n.nodeToRestore && i.nodeToRestore && n.scopeRef && n.scopeRef.current &&
|
943
|
+
for (let i of this.traverse()) i !== n && n.nodeToRestore && i.nodeToRestore && n.scopeRef && n.scopeRef.current && x(i.nodeToRestore, n.scopeRef.current) && (i.nodeToRestore = n.nodeToRestore);
|
941
944
|
let o = n.children;
|
942
945
|
r && (r.removeChild(n), o.size > 0 && o.forEach((i) => r && r.addChild(i))), this.fastMap.delete(n.scopeRef);
|
943
946
|
}
|
@@ -947,7 +950,7 @@ class me {
|
|
947
950
|
}
|
948
951
|
clone() {
|
949
952
|
var t;
|
950
|
-
let n = new
|
953
|
+
let n = new ve();
|
951
954
|
var r;
|
952
955
|
for (let o of this.traverse()) n.addTreeNode(o.scopeRef, (r = (t = o.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && r !== void 0 ? r : null, o.nodeToRestore);
|
953
956
|
return n;
|
@@ -969,66 +972,64 @@ class fe {
|
|
969
972
|
this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = t.scopeRef;
|
970
973
|
}
|
971
974
|
}
|
972
|
-
let $ = new
|
975
|
+
let $ = new ve();
|
973
976
|
const nn = /* @__PURE__ */ new WeakMap(), N = [];
|
974
977
|
function rn(e, t) {
|
975
|
-
let { onClose: n, shouldCloseOnBlur: r, isOpen: o, isDismissable: i = !1, isKeyboardDismissDisabled: a = !1, shouldCloseOnInteractOutside:
|
978
|
+
let { onClose: n, shouldCloseOnBlur: r, isOpen: o, isDismissable: i = !1, isKeyboardDismissDisabled: a = !1, shouldCloseOnInteractOutside: s } = e;
|
976
979
|
P(() => (o && N.push(t), () => {
|
977
|
-
let
|
978
|
-
|
980
|
+
let b = N.indexOf(t);
|
981
|
+
b >= 0 && N.splice(b, 1);
|
979
982
|
}), [
|
980
983
|
o,
|
981
984
|
t
|
982
985
|
]);
|
983
|
-
let
|
986
|
+
let c = () => {
|
984
987
|
N[N.length - 1] === t && n && n();
|
985
|
-
}, l = (
|
986
|
-
(!
|
987
|
-
},
|
988
|
-
(!
|
989
|
-
}, d = (
|
990
|
-
|
988
|
+
}, l = (b) => {
|
989
|
+
(!s || s(b.target)) && N[N.length - 1] === t && (b.stopPropagation(), b.preventDefault());
|
990
|
+
}, u = (b) => {
|
991
|
+
(!s || s(b.target)) && (N[N.length - 1] === t && (b.stopPropagation(), b.preventDefault()), c());
|
992
|
+
}, d = (b) => {
|
993
|
+
b.key === "Escape" && !a && !b.nativeEvent.isComposing && (b.stopPropagation(), b.preventDefault(), c());
|
991
994
|
};
|
992
|
-
|
995
|
+
jt({
|
993
996
|
ref: t,
|
994
|
-
onInteractOutside: i && o ?
|
997
|
+
onInteractOutside: i && o ? u : void 0,
|
995
998
|
onInteractOutsideStart: l
|
996
999
|
});
|
997
|
-
let { focusWithinProps:
|
1000
|
+
let { focusWithinProps: f } = Kt({
|
998
1001
|
isDisabled: !r,
|
999
|
-
onBlurWithin: (
|
1000
|
-
!
|
1002
|
+
onBlurWithin: (b) => {
|
1003
|
+
!b.relatedTarget || Qt(b.relatedTarget) || (!s || s(b.relatedTarget)) && (n == null || n());
|
1001
1004
|
}
|
1002
|
-
}),
|
1003
|
-
|
1005
|
+
}), m = (b) => {
|
1006
|
+
b.target === b.currentTarget && b.preventDefault();
|
1004
1007
|
};
|
1005
1008
|
return {
|
1006
1009
|
overlayProps: {
|
1007
1010
|
onKeyDown: d,
|
1008
|
-
...
|
1011
|
+
...f
|
1009
1012
|
},
|
1010
1013
|
underlayProps: {
|
1011
|
-
onPointerDown:
|
1014
|
+
onPointerDown: m
|
1012
1015
|
}
|
1013
1016
|
};
|
1014
1017
|
}
|
1015
1018
|
function on(e, t, n) {
|
1016
|
-
let {
|
1019
|
+
let { isOpen: r } = t;
|
1017
1020
|
P(() => {
|
1018
1021
|
n && n.current && nn.set(n.current, t.close);
|
1019
1022
|
});
|
1020
|
-
let i;
|
1021
|
-
r === "menu" ? i = !0 : r === "listbox" && (i = "listbox");
|
1022
|
-
let a = Oe();
|
1023
|
+
let o, i = Oe();
|
1023
1024
|
return {
|
1024
1025
|
triggerProps: {
|
1025
|
-
"aria-haspopup":
|
1026
|
-
"aria-expanded":
|
1027
|
-
"aria-controls":
|
1026
|
+
"aria-haspopup": o,
|
1027
|
+
"aria-expanded": r,
|
1028
|
+
"aria-controls": r ? i : void 0,
|
1028
1029
|
onPress: t.toggle
|
1029
1030
|
},
|
1030
1031
|
overlayProps: {
|
1031
|
-
id:
|
1032
|
+
id: i
|
1032
1033
|
}
|
1033
1034
|
};
|
1034
1035
|
}
|
@@ -1043,130 +1044,127 @@ const ae = typeof document < "u" && window.visualViewport, an = /* @__PURE__ */
|
|
1043
1044
|
"submit",
|
1044
1045
|
"reset"
|
1045
1046
|
]);
|
1046
|
-
let
|
1047
|
+
let X = 0, ie;
|
1047
1048
|
function ln(e = {}) {
|
1048
1049
|
let { isDisabled: t } = e;
|
1049
|
-
|
1050
|
+
g(() => {
|
1050
1051
|
if (!t)
|
1051
|
-
return
|
1052
|
-
|
1052
|
+
return X++, X === 1 && (_t() ? ie = un() : ie = sn()), () => {
|
1053
|
+
X--, X === 0 && ie();
|
1053
1054
|
};
|
1054
1055
|
}, [
|
1055
1056
|
t
|
1056
1057
|
]);
|
1057
1058
|
}
|
1058
1059
|
function sn() {
|
1059
|
-
return
|
1060
|
+
return Z(A(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), A(document.documentElement, "overflow", "hidden"));
|
1060
1061
|
}
|
1061
|
-
function
|
1062
|
+
function un() {
|
1062
1063
|
let e, t, n = (l) => {
|
1063
|
-
e =
|
1064
|
+
e = Ie(l.target, !0), !(e === document.documentElement && e === document.body) && e instanceof HTMLElement && window.getComputedStyle(e).overscrollBehavior === "auto" && (t = A(e, "overscrollBehavior", "contain"));
|
1064
1065
|
}, r = (l) => {
|
1065
1066
|
if (!e || e === document.documentElement || e === document.body) {
|
1066
1067
|
l.preventDefault();
|
1067
1068
|
return;
|
1068
1069
|
}
|
1069
1070
|
e.scrollHeight === e.clientHeight && e.scrollWidth === e.clientWidth && l.preventDefault();
|
1070
|
-
}, o = (
|
1071
|
-
|
1072
|
-
Ne(s) && s !== document.activeElement && (l.preventDefault(), c(), s.style.transform = "translateY(-2000px)", s.focus(), requestAnimationFrame(() => {
|
1073
|
-
s.style.transform = "";
|
1074
|
-
})), t && t();
|
1071
|
+
}, o = () => {
|
1072
|
+
t && t();
|
1075
1073
|
}, i = (l) => {
|
1076
|
-
let
|
1077
|
-
|
1078
|
-
|
1079
|
-
|
1080
|
-
}) : ae.addEventListener("resize", () =>
|
1074
|
+
let u = l.target;
|
1075
|
+
cn(u) && (s(), u.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
|
1076
|
+
u.style.transform = "", ae && (ae.height < window.innerHeight ? requestAnimationFrame(() => {
|
1077
|
+
Ne(u);
|
1078
|
+
}) : ae.addEventListener("resize", () => Ne(u), {
|
1081
1079
|
once: !0
|
1082
1080
|
}));
|
1083
1081
|
}));
|
1084
|
-
}, a = null,
|
1082
|
+
}, a = null, s = () => {
|
1085
1083
|
if (a) return;
|
1086
1084
|
let l = () => {
|
1087
1085
|
window.scrollTo(0, 0);
|
1088
|
-
},
|
1089
|
-
a =
|
1090
|
-
window.scrollTo(
|
1086
|
+
}, u = window.pageXOffset, d = window.pageYOffset;
|
1087
|
+
a = Z(B(window, "scroll", l), A(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), A(document.documentElement, "overflow", "hidden"), A(document.body, "marginTop", `-${d}px`), () => {
|
1088
|
+
window.scrollTo(u, d);
|
1091
1089
|
}), window.scrollTo(0, 0);
|
1092
|
-
},
|
1090
|
+
}, c = Z(B(document, "touchstart", n, {
|
1093
1091
|
passive: !1,
|
1094
1092
|
capture: !0
|
1095
|
-
}),
|
1093
|
+
}), B(document, "touchmove", r, {
|
1096
1094
|
passive: !1,
|
1097
1095
|
capture: !0
|
1098
|
-
}),
|
1096
|
+
}), B(document, "touchend", o, {
|
1099
1097
|
passive: !1,
|
1100
1098
|
capture: !0
|
1101
|
-
}),
|
1099
|
+
}), B(document, "focus", i, !0));
|
1102
1100
|
return () => {
|
1103
|
-
t == null || t(), a == null || a(),
|
1101
|
+
t == null || t(), a == null || a(), c();
|
1104
1102
|
};
|
1105
1103
|
}
|
1106
|
-
function
|
1104
|
+
function A(e, t, n) {
|
1107
1105
|
let r = e.style[t];
|
1108
1106
|
return e.style[t] = n, () => {
|
1109
1107
|
e.style[t] = r;
|
1110
1108
|
};
|
1111
1109
|
}
|
1112
|
-
function
|
1110
|
+
function B(e, t, n, r) {
|
1113
1111
|
return e.addEventListener(t, n, r), () => {
|
1114
1112
|
e.removeEventListener(t, n, r);
|
1115
1113
|
};
|
1116
1114
|
}
|
1117
|
-
function
|
1118
|
-
let t = document.scrollingElement || document.documentElement;
|
1119
|
-
for (;
|
1120
|
-
let
|
1121
|
-
if (
|
1122
|
-
let
|
1123
|
-
|
1115
|
+
function Ne(e) {
|
1116
|
+
let t = document.scrollingElement || document.documentElement, n = e;
|
1117
|
+
for (; n && n !== t; ) {
|
1118
|
+
let r = Ie(n);
|
1119
|
+
if (r !== document.documentElement && r !== document.body && r !== n) {
|
1120
|
+
let o = r.getBoundingClientRect().top, i = n.getBoundingClientRect().top;
|
1121
|
+
i > o + n.clientHeight && (r.scrollTop += i - o);
|
1124
1122
|
}
|
1125
|
-
|
1123
|
+
n = r.parentElement;
|
1126
1124
|
}
|
1127
1125
|
}
|
1128
|
-
function
|
1126
|
+
function cn(e) {
|
1129
1127
|
return e instanceof HTMLInputElement && !an.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
|
1130
1128
|
}
|
1131
|
-
let
|
1132
|
-
function
|
1133
|
-
let n = new Set(e), r = /* @__PURE__ */ new Set(), o = (
|
1134
|
-
for (let
|
1135
|
-
let l = (
|
1136
|
-
if (n.has(
|
1137
|
-
for (let
|
1138
|
-
if (
|
1129
|
+
let H = /* @__PURE__ */ new WeakMap(), y = [];
|
1130
|
+
function dn(e, t = document.body) {
|
1131
|
+
let n = new Set(e), r = /* @__PURE__ */ new Set(), o = (c) => {
|
1132
|
+
for (let f of c.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) n.add(f);
|
1133
|
+
let l = (f) => {
|
1134
|
+
if (n.has(f) || f.parentElement && r.has(f.parentElement) && f.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
|
1135
|
+
for (let m of n)
|
1136
|
+
if (f.contains(m)) return NodeFilter.FILTER_SKIP;
|
1139
1137
|
return NodeFilter.FILTER_ACCEPT;
|
1140
|
-
},
|
1138
|
+
}, u = document.createTreeWalker(c, NodeFilter.SHOW_ELEMENT, {
|
1141
1139
|
acceptNode: l
|
1142
|
-
}), d = l(
|
1143
|
-
if (d === NodeFilter.FILTER_ACCEPT && i(
|
1144
|
-
let
|
1145
|
-
for (;
|
1146
|
-
i(
|
1140
|
+
}), d = l(c);
|
1141
|
+
if (d === NodeFilter.FILTER_ACCEPT && i(c), d !== NodeFilter.FILTER_REJECT) {
|
1142
|
+
let f = u.nextNode();
|
1143
|
+
for (; f != null; )
|
1144
|
+
i(f), f = u.nextNode();
|
1147
1145
|
}
|
1148
|
-
}, i = (
|
1146
|
+
}, i = (c) => {
|
1149
1147
|
var l;
|
1150
|
-
let
|
1151
|
-
|
1148
|
+
let u = (l = H.get(c)) !== null && l !== void 0 ? l : 0;
|
1149
|
+
c.getAttribute("aria-hidden") === "true" && u === 0 || (u === 0 && c.setAttribute("aria-hidden", "true"), r.add(c), H.set(c, u + 1));
|
1152
1150
|
};
|
1153
|
-
|
1154
|
-
let a = new MutationObserver((
|
1155
|
-
for (let l of
|
1151
|
+
y.length && y[y.length - 1].disconnect(), o(t);
|
1152
|
+
let a = new MutationObserver((c) => {
|
1153
|
+
for (let l of c)
|
1156
1154
|
if (!(l.type !== "childList" || l.addedNodes.length === 0) && ![
|
1157
1155
|
...n,
|
1158
1156
|
...r
|
1159
|
-
].some((
|
1160
|
-
for (let
|
1161
|
-
for (let
|
1162
|
-
(
|
1157
|
+
].some((u) => u.contains(l.target))) {
|
1158
|
+
for (let u of l.removedNodes) u instanceof Element && (n.delete(u), r.delete(u));
|
1159
|
+
for (let u of l.addedNodes)
|
1160
|
+
(u instanceof HTMLElement || u instanceof SVGElement) && (u.dataset.liveAnnouncer === "true" || u.dataset.reactAriaTopLayer === "true") ? n.add(u) : u instanceof Element && o(u);
|
1163
1161
|
}
|
1164
1162
|
});
|
1165
1163
|
a.observe(t, {
|
1166
1164
|
childList: !0,
|
1167
1165
|
subtree: !0
|
1168
1166
|
});
|
1169
|
-
let
|
1167
|
+
let s = {
|
1170
1168
|
observe() {
|
1171
1169
|
a.observe(t, {
|
1172
1170
|
childList: !0,
|
@@ -1177,47 +1175,47 @@ function un(e, t = document.body) {
|
|
1177
1175
|
a.disconnect();
|
1178
1176
|
}
|
1179
1177
|
};
|
1180
|
-
return
|
1178
|
+
return y.push(s), () => {
|
1181
1179
|
a.disconnect();
|
1182
|
-
for (let
|
1183
|
-
let l =
|
1184
|
-
l === 1 ? (
|
1180
|
+
for (let c of r) {
|
1181
|
+
let l = H.get(c);
|
1182
|
+
l != null && (l === 1 ? (c.removeAttribute("aria-hidden"), H.delete(c)) : H.set(c, l - 1));
|
1185
1183
|
}
|
1186
|
-
|
1184
|
+
s === y[y.length - 1] ? (y.pop(), y.length && y[y.length - 1].observe()) : y.splice(y.indexOf(s), 1);
|
1187
1185
|
};
|
1188
1186
|
}
|
1189
|
-
const
|
1190
|
-
function
|
1187
|
+
const fn = /* @__PURE__ */ at({});
|
1188
|
+
function pn() {
|
1191
1189
|
var e;
|
1192
|
-
return (e =
|
1190
|
+
return (e = W(fn)) !== null && e !== void 0 ? e : {};
|
1193
1191
|
}
|
1194
|
-
const
|
1195
|
-
function
|
1196
|
-
let t = _e(), { portalContainer: n = t ? null : document.body, isExiting: r } = e, [o, i] =
|
1192
|
+
const Ge = /* @__PURE__ */ h.createContext(null);
|
1193
|
+
function bn(e) {
|
1194
|
+
let t = _e(), { portalContainer: n = t ? null : document.body, isExiting: r } = e, [o, i] = z(!1), a = K(() => ({
|
1197
1195
|
contain: o,
|
1198
1196
|
setContain: i
|
1199
1197
|
}), [
|
1200
1198
|
o,
|
1201
1199
|
i
|
1202
|
-
]), { getContainer:
|
1203
|
-
if (!e.portalContainer &&
|
1204
|
-
let
|
1205
|
-
return e.disableFocusManagement || (
|
1200
|
+
]), { getContainer: s } = pn();
|
1201
|
+
if (!e.portalContainer && s && (n = s()), !n) return null;
|
1202
|
+
let c = e.children;
|
1203
|
+
return e.disableFocusManagement || (c = /* @__PURE__ */ h.createElement(Ut, {
|
1206
1204
|
restoreFocus: !0,
|
1207
1205
|
contain: o && !r
|
1208
|
-
},
|
1206
|
+
}, c)), c = /* @__PURE__ */ h.createElement(Ge.Provider, {
|
1209
1207
|
value: a
|
1210
|
-
}, /* @__PURE__ */ h.createElement(
|
1208
|
+
}, /* @__PURE__ */ h.createElement(Wt, null, c)), /* @__PURE__ */ it.createPortal(c, n);
|
1211
1209
|
}
|
1212
|
-
function
|
1213
|
-
let e =
|
1214
|
-
|
1210
|
+
function Je() {
|
1211
|
+
let e = W(Ge), t = e == null ? void 0 : e.setContain;
|
1212
|
+
g(() => {
|
1215
1213
|
t == null || t(!0);
|
1216
1214
|
}, [
|
1217
1215
|
t
|
1218
1216
|
]);
|
1219
1217
|
}
|
1220
|
-
function
|
1218
|
+
function mn(e, t, n) {
|
1221
1219
|
let { overlayProps: r, underlayProps: o } = rn({
|
1222
1220
|
...e,
|
1223
1221
|
isOpen: t.isOpen,
|
@@ -1225,27 +1223,27 @@ function vn(e, t, n) {
|
|
1225
1223
|
}, n);
|
1226
1224
|
return ln({
|
1227
1225
|
isDisabled: !t.isOpen
|
1228
|
-
}),
|
1229
|
-
if (t.isOpen) return
|
1226
|
+
}), Je(), P(() => {
|
1227
|
+
if (t.isOpen && n.current) return dn([
|
1230
1228
|
n.current
|
1231
1229
|
]);
|
1232
1230
|
}, [
|
1233
1231
|
t.isOpen,
|
1234
1232
|
n
|
1235
1233
|
]), {
|
1236
|
-
modalProps:
|
1234
|
+
modalProps: wt(r),
|
1237
1235
|
underlayProps: o
|
1238
1236
|
};
|
1239
1237
|
}
|
1240
|
-
function
|
1241
|
-
let { role: n = "dialog" } = e, r =
|
1238
|
+
function vn(e, t) {
|
1239
|
+
let { role: n = "dialog" } = e, r = gt();
|
1242
1240
|
r = e["aria-label"] ? void 0 : r;
|
1243
|
-
let o =
|
1241
|
+
let o = w(!1);
|
1244
1242
|
return P(() => {
|
1245
1243
|
if (t.current && !t.current.contains(document.activeElement)) {
|
1246
|
-
|
1244
|
+
ue(t.current);
|
1247
1245
|
let i = setTimeout(() => {
|
1248
|
-
document.activeElement === t.current && (o.current = !0, t.current && (t.current.blur(),
|
1246
|
+
document.activeElement === t.current && (o.current = !0, t.current && (t.current.blur(), ue(t.current)), o.current = !1);
|
1249
1247
|
}, 500);
|
1250
1248
|
return () => {
|
1251
1249
|
clearTimeout(i);
|
@@ -1253,9 +1251,9 @@ function bn(e, t) {
|
|
1253
1251
|
}
|
1254
1252
|
}, [
|
1255
1253
|
t
|
1256
|
-
]),
|
1254
|
+
]), Je(), {
|
1257
1255
|
dialogProps: {
|
1258
|
-
...
|
1256
|
+
...St(e, {
|
1259
1257
|
labelable: !0
|
1260
1258
|
}),
|
1261
1259
|
role: n,
|
@@ -1273,7 +1271,7 @@ function bn(e, t) {
|
|
1273
1271
|
}
|
1274
1272
|
};
|
1275
1273
|
}
|
1276
|
-
function
|
1274
|
+
function $n(e, t, n) {
|
1277
1275
|
return t in e ? Object.defineProperty(e, t, {
|
1278
1276
|
value: n,
|
1279
1277
|
enumerable: !0,
|
@@ -1295,47 +1293,47 @@ function Pe(e) {
|
|
1295
1293
|
for (var t = 1; t < arguments.length; t++) {
|
1296
1294
|
var n = arguments[t] != null ? arguments[t] : {};
|
1297
1295
|
t % 2 ? Fe(Object(n), !0).forEach(function(r) {
|
1298
|
-
|
1296
|
+
$n(e, r, n[r]);
|
1299
1297
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Fe(Object(n)).forEach(function(r) {
|
1300
1298
|
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
|
1301
1299
|
});
|
1302
1300
|
}
|
1303
1301
|
return e;
|
1304
1302
|
}
|
1305
|
-
var
|
1303
|
+
var hn = (e, t, n) => {
|
1306
1304
|
for (var r of Object.keys(e)) {
|
1307
1305
|
var o;
|
1308
1306
|
if (e[r] !== ((o = t[r]) !== null && o !== void 0 ? o : n[r]))
|
1309
1307
|
return !1;
|
1310
1308
|
}
|
1311
1309
|
return !0;
|
1312
|
-
},
|
1310
|
+
}, gn = (e) => (t) => {
|
1313
1311
|
var n = e.defaultClassName, r = Pe(Pe({}, e.defaultVariants), t);
|
1314
1312
|
for (var o in r) {
|
1315
1313
|
var i, a = (i = r[o]) !== null && i !== void 0 ? i : e.defaultVariants[o];
|
1316
1314
|
if (a != null) {
|
1317
|
-
var
|
1318
|
-
typeof
|
1319
|
-
var
|
1315
|
+
var s = a;
|
1316
|
+
typeof s == "boolean" && (s = s === !0 ? "true" : "false");
|
1317
|
+
var c = (
|
1320
1318
|
// @ts-expect-error
|
1321
|
-
e.variantClassNames[o][
|
1319
|
+
e.variantClassNames[o][s]
|
1322
1320
|
);
|
1323
|
-
|
1321
|
+
c && (n += " " + c);
|
1324
1322
|
}
|
1325
1323
|
}
|
1326
|
-
for (var [l,
|
1327
|
-
|
1324
|
+
for (var [l, u] of e.compoundVariants)
|
1325
|
+
hn(l, r, e.defaultVariants) && (n += " " + u);
|
1328
1326
|
return n;
|
1329
|
-
}, En =
|
1330
|
-
function
|
1327
|
+
}, En = gn({ defaultClassName: "pkg_sps-woodland_focused-task__version_8_24_0__hash_1io4psq1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_focused-task__version_8_24_0__hash_1io4psq2", false: "pkg_sps-woodland_focused-task__version_8_24_0__hash_1io4psq3" } }, defaultVariants: {}, compoundVariants: [] }), wn = "pkg_sps-woodland_focused-task__version_8_24_0__hash_1io4psq5", yn = "pkg_sps-woodland_focused-task__version_8_24_0__hash_1io4psq0", Tn = "pkg_sps-woodland_focused-task__version_8_24_0__hash_1io4psq9", xn = "pkg_sps-woodland_focused-task__version_8_24_0__hash_1io4psqa", kn = "pkg_sps-woodland_focused-task__version_8_24_0__hash_1io4psq8", Sn = "pkg_sps-woodland_focused-task__version_8_24_0__hash_1io4psq4", Nn = "pkg_sps-woodland_focused-task__version_8_24_0__hash_1io4psq7";
|
1328
|
+
function Xe({
|
1331
1329
|
children: e,
|
1332
1330
|
className: t = "",
|
1333
1331
|
...n
|
1334
1332
|
}) {
|
1335
|
-
return /* @__PURE__ */
|
1333
|
+
return /* @__PURE__ */ p.createElement("div", { className: Y(kn, t), ...n }, /* @__PURE__ */ p.createElement("div", { className: Y(Tn) }, /* @__PURE__ */ p.createElement("div", { className: Y(xn) }, e)));
|
1336
1334
|
}
|
1337
|
-
Le.set(
|
1338
|
-
function
|
1335
|
+
Le.set(Xe, { name: "FocusedTaskActions" });
|
1336
|
+
function Fn({
|
1339
1337
|
children: e,
|
1340
1338
|
className: t,
|
1341
1339
|
"data-testid": n,
|
@@ -1343,49 +1341,49 @@ function Nn({
|
|
1343
1341
|
onFocus: o,
|
1344
1342
|
overlayProps: i,
|
1345
1343
|
state: a,
|
1346
|
-
onClose:
|
1347
|
-
fullWidth:
|
1344
|
+
onClose: s,
|
1345
|
+
fullWidth: c = !1,
|
1348
1346
|
...l
|
1349
1347
|
}) {
|
1350
|
-
const
|
1348
|
+
const u = p.useRef(null), { modalProps: d, underlayProps: f } = mn(
|
1351
1349
|
{ ...l },
|
1352
1350
|
a,
|
1353
|
-
|
1354
|
-
), { dialogProps:
|
1355
|
-
function
|
1356
|
-
|
1351
|
+
u
|
1352
|
+
), { dialogProps: m, titleProps: b } = vn(l, u), k = $e(d.onFocus, m.onFocus, o), R = $e(d.onBlur, m.onBlur, r), Qe = nt({ "data-testid": n }), [re, Ze] = rt(e, [{ type: Xe }]);
|
1353
|
+
function et() {
|
1354
|
+
s && typeof s == "function" && s(), a.close();
|
1357
1355
|
}
|
1358
|
-
const
|
1359
|
-
|
1356
|
+
const tt = /* @__PURE__ */ p.createElement(
|
1357
|
+
ot,
|
1360
1358
|
{
|
1361
1359
|
"aria-label": "Close",
|
1362
|
-
onClick:
|
1360
|
+
onClick: et,
|
1363
1361
|
kind: "icon",
|
1364
1362
|
icon: "x",
|
1365
|
-
className:
|
1363
|
+
className: wn
|
1366
1364
|
}
|
1367
1365
|
);
|
1368
|
-
return /* @__PURE__ */
|
1366
|
+
return /* @__PURE__ */ p.createElement(bn, null, /* @__PURE__ */ p.createElement("div", { className: Nn, ...f, ...l }, /* @__PURE__ */ p.createElement(
|
1369
1367
|
"div",
|
1370
1368
|
{
|
1371
1369
|
...d,
|
1372
|
-
...
|
1370
|
+
...m,
|
1373
1371
|
...i,
|
1374
1372
|
onFocus: k,
|
1375
|
-
onBlur:
|
1376
|
-
...
|
1377
|
-
ref:
|
1378
|
-
className:
|
1373
|
+
onBlur: R,
|
1374
|
+
...Qe("dialog"),
|
1375
|
+
ref: u,
|
1376
|
+
className: Y(yn, t)
|
1379
1377
|
},
|
1380
|
-
/* @__PURE__ */
|
1381
|
-
/* @__PURE__ */
|
1382
|
-
re && re.length > 0 && /* @__PURE__ */
|
1378
|
+
/* @__PURE__ */ p.createElement("div", { ...b, className: Sn }, tt),
|
1379
|
+
/* @__PURE__ */ p.createElement("div", { className: En({ fullWidth: c }) }, he(Ze, a.close)),
|
1380
|
+
re && re.length > 0 && /* @__PURE__ */ p.createElement(p.Fragment, null, he(re, a.close))
|
1383
1381
|
)));
|
1384
1382
|
}
|
1385
|
-
function
|
1386
|
-
return e.state.isOpen ? /* @__PURE__ */
|
1383
|
+
function Ye(e) {
|
1384
|
+
return e.state.isOpen ? /* @__PURE__ */ p.createElement(Fn, { ...e }, e.children) : /* @__PURE__ */ p.createElement(p.Fragment, null);
|
1387
1385
|
}
|
1388
|
-
Le.set(
|
1386
|
+
Le.set(Ye, {
|
1389
1387
|
name: "FocusedTask",
|
1390
1388
|
props: {
|
1391
1389
|
fullWidth: { type: "boolean", default: "false" },
|
@@ -1394,8 +1392,8 @@ Le.set(Ge, {
|
|
1394
1392
|
onFocus: { type: "() => void" }
|
1395
1393
|
}
|
1396
1394
|
});
|
1397
|
-
function
|
1398
|
-
let [t, n] =
|
1395
|
+
function Pn(e) {
|
1396
|
+
let [t, n] = At(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
|
1399
1397
|
const r = S(() => {
|
1400
1398
|
n(!0);
|
1401
1399
|
}, [
|
@@ -1418,8 +1416,8 @@ function Fn(e) {
|
|
1418
1416
|
toggle: i
|
1419
1417
|
};
|
1420
1418
|
}
|
1421
|
-
function
|
1422
|
-
const t =
|
1419
|
+
function An(e = {}) {
|
1420
|
+
const t = Pn(e), n = w(null), { triggerProps: r, overlayProps: o } = on({}, t, n), { onPress: i, ...a } = r;
|
1423
1421
|
return {
|
1424
1422
|
triggerProps: {
|
1425
1423
|
...a,
|
@@ -1430,18 +1428,18 @@ function Dn(e = {}) {
|
|
1430
1428
|
focusedTaskProps: { overlayProps: o, state: t }
|
1431
1429
|
};
|
1432
1430
|
}
|
1433
|
-
const
|
1434
|
-
components: [
|
1431
|
+
const Ln = {
|
1432
|
+
components: [Ye],
|
1435
1433
|
examples: {
|
1436
1434
|
hooks: {
|
1437
1435
|
label: "Using the Hook",
|
1438
|
-
description: () => /* @__PURE__ */
|
1436
|
+
description: () => /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("p", null, "To use the focused task component, you must call the ", /* @__PURE__ */ p.createElement("code", null, "useFocusedTask"), " hook. Optional arguments for this hook include:"), /* @__PURE__ */ p.createElement("dl", null, /* @__PURE__ */ p.createElement("dt", null, /* @__PURE__ */ p.createElement("code", null, "isOpen"), ": boolean"), /* @__PURE__ */ p.createElement("dd", null, "Whether the overlay is open by default (controlled)"), /* @__PURE__ */ p.createElement("dt", null, /* @__PURE__ */ p.createElement("code", null, "defaultOpen"), ": boolean"), /* @__PURE__ */ p.createElement("dd", null, "Whether the overlay is open by default (uncontrolled)."), /* @__PURE__ */ p.createElement("dt", null, /* @__PURE__ */ p.createElement("code", null, "onOpenChange"), ": function"), /* @__PURE__ */ p.createElement("dd", null, "Handler that is called when the overlay's open state changes.", /* @__PURE__ */ p.createElement("code", null, "(isOpen: boolean) => void"))), /* @__PURE__ */ p.createElement("h5", null, "Focused Task Props, Focused Task State, and Trigger Props"), /* @__PURE__ */ p.createElement("p", null, "The ", /* @__PURE__ */ p.createElement("code", null, "useFocusedTask"), " returns an object with ", /* @__PURE__ */ p.createElement("code", null, "focusedTaskProps"), ",", " ", /* @__PURE__ */ p.createElement("code", null, "focusedTaskState"), " and ", /* @__PURE__ */ p.createElement("code", null, "triggerProps")), /* @__PURE__ */ p.createElement("p", null, "The ", /* @__PURE__ */ p.createElement("code", null, "triggerProps"), " need to be spread on the element that triggers the focused task."), /* @__PURE__ */ p.createElement("p", null, "The ", /* @__PURE__ */ p.createElement("code", null, "focusedTaskState"), " object (which is also included in ", /* @__PURE__ */ p.createElement("code", null, "focusedTaskProps"), ") allows programmatic access to the state of the focused task. This includes a read only", " ", /* @__PURE__ */ p.createElement("code", null, "isOpen"), " property, a ", /* @__PURE__ */ p.createElement("code", null, "setOpen(isOpen: boolean)"), " method which can be use to set whether the overlay is open, an ", /* @__PURE__ */ p.createElement("code", null, "open()"), " method which opens the overlay, a ", /* @__PURE__ */ p.createElement("code", null, "close()"), " method which closes the overlay and a", " ", /* @__PURE__ */ p.createElement("code", null, "toggle()"), " method that toggles the overlay's visiblity."), /* @__PURE__ */ p.createElement("p", null, "The ", /* @__PURE__ */ p.createElement("code", null, "focusedTaskProps"), " should be spread on the actual ", /* @__PURE__ */ p.createElement("code", null, "FocusedTask"), " component."), /* @__PURE__ */ p.createElement("p", null, "Please refer to the examples to see its implementation"))
|
1439
1437
|
},
|
1440
1438
|
standard: {
|
1441
1439
|
label: "Standard",
|
1442
1440
|
examples: {
|
1443
1441
|
basic: {
|
1444
|
-
react:
|
1442
|
+
react: ge`
|
1445
1443
|
import { FocusedTask, FocusedTaskActions, useFocusedTask } from "@sps-woodland/focused-task";
|
1446
1444
|
import { Button } from "@sps-woodland/buttons";
|
1447
1445
|
import { Card } from "@sps-woodland/cards";
|
@@ -1487,7 +1485,7 @@ const Pn = {
|
|
1487
1485
|
label: "Fill Width",
|
1488
1486
|
examples: {
|
1489
1487
|
basic: {
|
1490
|
-
react:
|
1488
|
+
react: ge`
|
1491
1489
|
import { FocusedTask, FocusedTaskActions, useFocusedTask } from "@sps-woodland/focused-task";
|
1492
1490
|
import { Button } from "@sps-woodland/buttons";
|
1493
1491
|
import { Card } from "@sps-woodland/cards";
|
@@ -1531,12 +1529,12 @@ const Pn = {
|
|
1531
1529
|
}
|
1532
1530
|
}
|
1533
1531
|
}
|
1534
|
-
},
|
1535
|
-
"Focused Task":
|
1532
|
+
}, Wn = {
|
1533
|
+
"Focused Task": Ln
|
1536
1534
|
};
|
1537
1535
|
export {
|
1538
|
-
|
1539
|
-
|
1540
|
-
|
1541
|
-
|
1536
|
+
Ye as FocusedTask,
|
1537
|
+
Xe as FocusedTaskActions,
|
1538
|
+
Wn as MANIFEST,
|
1539
|
+
An as useFocusedTask
|
1542
1540
|
};
|