@inkorange/space-ui 1.6.0 → 1.7.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/README.md +3 -3
- package/dist/components/Checkbox.d.ts +72 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1110 -994
- package/dist/index.js.map +1 -1
- package/dist/space-ui.css +1 -1
- package/dist/tokens.css +15 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { jsx as n, jsxs as
|
|
4
|
-
const
|
|
2
|
+
import { forwardRef as G, createElement as Ve, isValidElement as ve, cloneElement as Oe, useId as Q, useMemo as Ce, Children as Qe, useRef as R, useState as B, useCallback as de, useLayoutEffect as be, useEffect as U, createContext as we, useContext as ye } from "react";
|
|
3
|
+
import { jsx as n, jsxs as z, Fragment as ue } from "react/jsx-runtime";
|
|
4
|
+
const Le = {
|
|
5
5
|
0: "0",
|
|
6
6
|
1: "var(--spacing-xs)",
|
|
7
7
|
2: "var(--spacing-sm)",
|
|
@@ -10,280 +10,280 @@ const he = {
|
|
|
10
10
|
5: "var(--spacing-lg)",
|
|
11
11
|
6: "var(--spacing-xl)"
|
|
12
12
|
};
|
|
13
|
-
function
|
|
13
|
+
function le({ m: e, mt: t, mb: o, p: r, pb: s }, l) {
|
|
14
14
|
const a = {
|
|
15
|
-
...e !== void 0 && { margin:
|
|
16
|
-
...t !== void 0 && { marginTop:
|
|
17
|
-
...o !== void 0 && { marginBottom:
|
|
18
|
-
...r !== void 0 && { padding:
|
|
19
|
-
...s !== void 0 && { paddingBottom:
|
|
15
|
+
...e !== void 0 && { margin: Le[e] },
|
|
16
|
+
...t !== void 0 && { marginTop: Le[t] },
|
|
17
|
+
...o !== void 0 && { marginBottom: Le[o] },
|
|
18
|
+
...r !== void 0 && { padding: Le[r] },
|
|
19
|
+
...s !== void 0 && { paddingBottom: Le[s] },
|
|
20
20
|
...l
|
|
21
21
|
};
|
|
22
22
|
return Object.keys(a).length > 0 ? a : void 0;
|
|
23
23
|
}
|
|
24
|
-
function
|
|
24
|
+
function v(...e) {
|
|
25
25
|
return e.filter(Boolean).join(" ");
|
|
26
26
|
}
|
|
27
|
-
const
|
|
28
|
-
text:
|
|
29
|
-
size1:
|
|
30
|
-
size2:
|
|
31
|
-
size3:
|
|
32
|
-
size4:
|
|
33
|
-
size5:
|
|
34
|
-
size6:
|
|
35
|
-
medium:
|
|
36
|
-
bold:
|
|
37
|
-
colorMuted:
|
|
38
|
-
colorDanger:
|
|
39
|
-
colorSuccess:
|
|
40
|
-
colorWarning:
|
|
41
|
-
},
|
|
42
|
-
return
|
|
43
|
-
...
|
|
44
|
-
ref:
|
|
45
|
-
className:
|
|
46
|
-
|
|
47
|
-
o &&
|
|
48
|
-
r &&
|
|
49
|
-
s &&
|
|
27
|
+
const bt = "_text_4vcq4_1", wt = "_size1_4vcq4_5", yt = "_size2_4vcq4_11", xt = "_size3_4vcq4_16", Lt = "_size4_4vcq4_21", $t = "_size5_4vcq4_27", kt = "_size6_4vcq4_33", Nt = "_medium_4vcq4_39", Mt = "_bold_4vcq4_43", zt = "_colorMuted_4vcq4_47", Rt = "_colorDanger_4vcq4_51", Dt = "_colorSuccess_4vcq4_55", qt = "_colorWarning_4vcq4_59", He = {
|
|
28
|
+
text: bt,
|
|
29
|
+
size1: wt,
|
|
30
|
+
size2: yt,
|
|
31
|
+
size3: xt,
|
|
32
|
+
size4: Lt,
|
|
33
|
+
size5: $t,
|
|
34
|
+
size6: kt,
|
|
35
|
+
medium: Nt,
|
|
36
|
+
bold: Mt,
|
|
37
|
+
colorMuted: zt,
|
|
38
|
+
colorDanger: Rt,
|
|
39
|
+
colorSuccess: Dt,
|
|
40
|
+
colorWarning: qt
|
|
41
|
+
}, It = G(function({ as: t = "span", size: o, weight: r, color: s, className: l, style: a, m: d, mt: f, mb: p, p: i, pb: g, ...b }, w) {
|
|
42
|
+
return Ve(t, {
|
|
43
|
+
...b,
|
|
44
|
+
ref: w,
|
|
45
|
+
className: v(
|
|
46
|
+
He.text,
|
|
47
|
+
o && He[`size${o}`],
|
|
48
|
+
r && He[r],
|
|
49
|
+
s && He[`color${s[0].toUpperCase()}${s.slice(1)}`],
|
|
50
50
|
l
|
|
51
51
|
),
|
|
52
|
-
style:
|
|
52
|
+
style: le({ m: d, mt: f, mb: p, p: i, pb: g }, a)
|
|
53
53
|
});
|
|
54
|
-
}),
|
|
55
|
-
heading:
|
|
56
|
-
size4:
|
|
57
|
-
size5:
|
|
58
|
-
size6:
|
|
59
|
-
size7:
|
|
60
|
-
size8:
|
|
61
|
-
size9:
|
|
62
|
-
colorMuted:
|
|
63
|
-
colorDanger:
|
|
64
|
-
alignCenter:
|
|
65
|
-
},
|
|
66
|
-
return
|
|
67
|
-
...
|
|
68
|
-
ref:
|
|
69
|
-
className:
|
|
70
|
-
|
|
71
|
-
o &&
|
|
72
|
-
r === "muted" &&
|
|
73
|
-
r === "danger" &&
|
|
74
|
-
s === "center" &&
|
|
54
|
+
}), Et = "_heading_vs4zk_1", Ht = "_size4_vs4zk_7", St = "_size5_vs4zk_13", Tt = "_size6_vs4zk_19", jt = "_size7_vs4zk_25", At = "_size8_vs4zk_31", Zt = "_size9_vs4zk_37", Ot = "_colorMuted_vs4zk_43", Bt = "_colorDanger_vs4zk_47", Wt = "_alignCenter_vs4zk_51", $e = {
|
|
55
|
+
heading: Et,
|
|
56
|
+
size4: Ht,
|
|
57
|
+
size5: St,
|
|
58
|
+
size6: Tt,
|
|
59
|
+
size7: jt,
|
|
60
|
+
size8: At,
|
|
61
|
+
size9: Zt,
|
|
62
|
+
colorMuted: Ot,
|
|
63
|
+
colorDanger: Bt,
|
|
64
|
+
alignCenter: Wt
|
|
65
|
+
}, Vt = G(function({ as: t = "h2", size: o, color: r, align: s, className: l, style: a, m: d, mt: f, mb: p, p: i, pb: g, ...b }, w) {
|
|
66
|
+
return Ve(t, {
|
|
67
|
+
...b,
|
|
68
|
+
ref: w,
|
|
69
|
+
className: v(
|
|
70
|
+
$e.heading,
|
|
71
|
+
o && $e[`size${o}`],
|
|
72
|
+
r === "muted" && $e.colorMuted,
|
|
73
|
+
r === "danger" && $e.colorDanger,
|
|
74
|
+
s === "center" && $e.alignCenter,
|
|
75
75
|
l
|
|
76
76
|
),
|
|
77
|
-
style:
|
|
77
|
+
style: le({ m: d, mt: f, mb: p, p: i, pb: g }, a)
|
|
78
78
|
});
|
|
79
|
-
}),
|
|
80
|
-
link:
|
|
81
|
-
size1:
|
|
82
|
-
size2:
|
|
83
|
-
size3:
|
|
84
|
-
},
|
|
85
|
-
const
|
|
86
|
-
if (t &&
|
|
87
|
-
const
|
|
88
|
-
return
|
|
89
|
-
...
|
|
90
|
-
className:
|
|
91
|
-
style: { ...
|
|
79
|
+
}), Ft = "_link_1qa7j_1", Pt = "_size1_1qa7j_10", Gt = "_size2_1qa7j_16", Kt = "_size3_1qa7j_21", Ge = {
|
|
80
|
+
link: Ft,
|
|
81
|
+
size1: Pt,
|
|
82
|
+
size2: Gt,
|
|
83
|
+
size3: Kt
|
|
84
|
+
}, P1 = G(function({ asChild: t, size: o, className: r, style: s, m: l, mt: a, mb: d, p: f, pb: p, children: i, ...g }, b) {
|
|
85
|
+
const w = v(Ge.link, o && Ge[`size${o}`], r), _ = le({ m: l, mt: a, mb: d, p: f, pb: p }, s);
|
|
86
|
+
if (t && ve(i)) {
|
|
87
|
+
const C = i;
|
|
88
|
+
return Oe(C, {
|
|
89
|
+
...g,
|
|
90
|
+
className: v(w, C.props.className),
|
|
91
|
+
style: { ..._, ...C.props.style }
|
|
92
92
|
});
|
|
93
93
|
}
|
|
94
|
-
return /* @__PURE__ */ n("a", { ...
|
|
95
|
-
}),
|
|
96
|
-
flex:
|
|
97
|
-
gap1:
|
|
98
|
-
gap2:
|
|
99
|
-
gap3:
|
|
100
|
-
gap4:
|
|
101
|
-
gap5:
|
|
102
|
-
gap6:
|
|
103
|
-
directionRow:
|
|
104
|
-
directionColumn:
|
|
105
|
-
alignStart:
|
|
106
|
-
alignCenter:
|
|
107
|
-
alignEnd:
|
|
108
|
-
alignBaseline:
|
|
109
|
-
alignStretch:
|
|
110
|
-
justifyStart:
|
|
111
|
-
justifyCenter:
|
|
112
|
-
justifyEnd:
|
|
113
|
-
justifyBetween:
|
|
114
|
-
wrapWrap:
|
|
115
|
-
wrapNowrap:
|
|
116
|
-
},
|
|
117
|
-
const
|
|
118
|
-
|
|
119
|
-
o &&
|
|
120
|
-
r &&
|
|
121
|
-
s &&
|
|
122
|
-
l &&
|
|
123
|
-
a &&
|
|
94
|
+
return /* @__PURE__ */ n("a", { ...g, ref: b, className: w, style: _, children: i });
|
|
95
|
+
}), Ut = "_flex_v4ziu_1", Xt = "_gap1_v4ziu_5", Yt = "_gap2_v4ziu_9", Qt = "_gap3_v4ziu_13", Jt = "_gap4_v4ziu_17", en = "_gap5_v4ziu_21", tn = "_gap6_v4ziu_25", nn = "_directionRow_v4ziu_29", on = "_directionColumn_v4ziu_33", rn = "_alignStart_v4ziu_37", sn = "_alignCenter_v4ziu_41", ln = "_alignEnd_v4ziu_45", an = "_alignBaseline_v4ziu_49", cn = "_alignStretch_v4ziu_53", dn = "_justifyStart_v4ziu_57", un = "_justifyCenter_v4ziu_61", fn = "_justifyEnd_v4ziu_65", _n = "_justifyBetween_v4ziu_69", pn = "_wrapWrap_v4ziu_73", gn = "_wrapNowrap_v4ziu_77", pe = {
|
|
96
|
+
flex: Ut,
|
|
97
|
+
gap1: Xt,
|
|
98
|
+
gap2: Yt,
|
|
99
|
+
gap3: Qt,
|
|
100
|
+
gap4: Jt,
|
|
101
|
+
gap5: en,
|
|
102
|
+
gap6: tn,
|
|
103
|
+
directionRow: nn,
|
|
104
|
+
directionColumn: on,
|
|
105
|
+
alignStart: rn,
|
|
106
|
+
alignCenter: sn,
|
|
107
|
+
alignEnd: ln,
|
|
108
|
+
alignBaseline: an,
|
|
109
|
+
alignStretch: cn,
|
|
110
|
+
justifyStart: dn,
|
|
111
|
+
justifyCenter: un,
|
|
112
|
+
justifyEnd: fn,
|
|
113
|
+
justifyBetween: _n,
|
|
114
|
+
wrapWrap: pn,
|
|
115
|
+
wrapNowrap: gn
|
|
116
|
+
}, Se = (e) => e[0].toUpperCase() + e.slice(1), G1 = G(function({ asChild: t, gap: o, direction: r, align: s, justify: l, wrap: a, className: d, style: f, m: p, mt: i, mb: g, p: b, pb: w, children: _, ...C }, $) {
|
|
117
|
+
const M = v(
|
|
118
|
+
pe.flex,
|
|
119
|
+
o && pe[`gap${o}`],
|
|
120
|
+
r && pe[`direction${Se(r)}`],
|
|
121
|
+
s && pe[`align${Se(s)}`],
|
|
122
|
+
l && pe[`justify${Se(l)}`],
|
|
123
|
+
a && pe[`wrap${Se(a)}`],
|
|
124
124
|
d
|
|
125
|
-
), k =
|
|
126
|
-
if (t &&
|
|
127
|
-
const
|
|
128
|
-
return
|
|
129
|
-
...
|
|
130
|
-
className:
|
|
131
|
-
style: { ...k, ...
|
|
125
|
+
), k = le({ m: p, mt: i, mb: g, p: b, pb: w }, f);
|
|
126
|
+
if (t && ve(_)) {
|
|
127
|
+
const j = _;
|
|
128
|
+
return Oe(j, {
|
|
129
|
+
...C,
|
|
130
|
+
className: v(M, j.props.className),
|
|
131
|
+
style: { ...k, ...j.props.style }
|
|
132
132
|
});
|
|
133
133
|
}
|
|
134
|
-
return /* @__PURE__ */ n("div", { ...
|
|
135
|
-
}),
|
|
136
|
-
return /* @__PURE__ */ n("div", { ...d, ref:
|
|
137
|
-
}),
|
|
138
|
-
grid:
|
|
139
|
-
cols1:
|
|
140
|
-
cols2:
|
|
141
|
-
cols3:
|
|
142
|
-
smCols2:
|
|
143
|
-
smCols3:
|
|
144
|
-
mdCols2:
|
|
145
|
-
mdCols3:
|
|
146
|
-
gap1:
|
|
147
|
-
gap2:
|
|
148
|
-
gap3:
|
|
149
|
-
gap4:
|
|
150
|
-
gap5:
|
|
151
|
-
gap6:
|
|
152
|
-
},
|
|
153
|
-
const
|
|
154
|
-
t.initial &&
|
|
155
|
-
t.sm &&
|
|
156
|
-
t.md &&
|
|
134
|
+
return /* @__PURE__ */ n("div", { ...C, ref: $, className: M, style: k, children: _ });
|
|
135
|
+
}), K1 = G(function({ style: t, m: o, mt: r, mb: s, p: l, pb: a, ...d }, f) {
|
|
136
|
+
return /* @__PURE__ */ n("div", { ...d, ref: f, style: le({ m: o, mt: r, mb: s, p: l, pb: a }, t) });
|
|
137
|
+
}), mn = "_grid_erpqq_1", hn = "_cols1_erpqq_5", Cn = "_cols2_erpqq_9", vn = "_cols3_erpqq_13", bn = "_smCols2_erpqq_18", wn = "_smCols3_erpqq_21", yn = "_mdCols2_erpqq_26", xn = "_mdCols3_erpqq_29", Ln = "_gap1_erpqq_33", $n = "_gap2_erpqq_37", kn = "_gap3_erpqq_41", Nn = "_gap4_erpqq_45", Mn = "_gap5_erpqq_49", zn = "_gap6_erpqq_53", ge = {
|
|
138
|
+
grid: mn,
|
|
139
|
+
cols1: hn,
|
|
140
|
+
cols2: Cn,
|
|
141
|
+
cols3: vn,
|
|
142
|
+
smCols2: bn,
|
|
143
|
+
smCols3: wn,
|
|
144
|
+
mdCols2: yn,
|
|
145
|
+
mdCols3: xn,
|
|
146
|
+
gap1: Ln,
|
|
147
|
+
gap2: $n,
|
|
148
|
+
gap3: kn,
|
|
149
|
+
gap4: Nn,
|
|
150
|
+
gap5: Mn,
|
|
151
|
+
gap6: zn
|
|
152
|
+
}, U1 = G(function({ columns: t, gap: o, className: r, style: s, m: l, mt: a, mb: d, p: f, pb: p, ...i }, g) {
|
|
153
|
+
const b = typeof t == "string" ? [ge[`cols${t}`]] : t ? [
|
|
154
|
+
t.initial && ge[`cols${t.initial}`],
|
|
155
|
+
t.sm && ge[`smCols${t.sm}`],
|
|
156
|
+
t.md && ge[`mdCols${t.md}`]
|
|
157
157
|
] : [];
|
|
158
158
|
return /* @__PURE__ */ n(
|
|
159
159
|
"div",
|
|
160
160
|
{
|
|
161
|
-
...
|
|
162
|
-
ref:
|
|
163
|
-
className:
|
|
164
|
-
style:
|
|
161
|
+
...i,
|
|
162
|
+
ref: g,
|
|
163
|
+
className: v(ge.grid, ...b, o && ge[`gap${o}`], r),
|
|
164
|
+
style: le({ m: l, mt: a, mb: d, p: f, pb: p }, s)
|
|
165
165
|
}
|
|
166
166
|
);
|
|
167
|
-
}),
|
|
168
|
-
badge:
|
|
169
|
-
size1:
|
|
170
|
-
size2:
|
|
171
|
-
colorMuted:
|
|
172
|
-
colorPrimary:
|
|
173
|
-
colorSuccess:
|
|
174
|
-
colorDanger:
|
|
175
|
-
colorWarning:
|
|
176
|
-
colorCyan:
|
|
177
|
-
colorPurple:
|
|
178
|
-
colorOrange:
|
|
179
|
-
colorAccent:
|
|
180
|
-
colorYellow:
|
|
181
|
-
solid:
|
|
182
|
-
wrap:
|
|
183
|
-
},
|
|
167
|
+
}), Rn = "_badge_1twqf_2", Dn = "_size1_1twqf_10", qn = "_size2_1twqf_19", In = "_colorMuted_1twqf_28", En = "_colorPrimary_1twqf_33", Hn = "_colorSuccess_1twqf_38", Sn = "_colorDanger_1twqf_43", Tn = "_colorWarning_1twqf_48", jn = "_colorCyan_1twqf_53", An = "_colorPurple_1twqf_58", Zn = "_colorOrange_1twqf_63", On = "_colorAccent_1twqf_68", Bn = "_colorYellow_1twqf_73", Wn = "_solid_1twqf_81", Vn = "_wrap_1twqf_89", ke = {
|
|
168
|
+
badge: Rn,
|
|
169
|
+
size1: Dn,
|
|
170
|
+
size2: qn,
|
|
171
|
+
colorMuted: In,
|
|
172
|
+
colorPrimary: En,
|
|
173
|
+
colorSuccess: Hn,
|
|
174
|
+
colorDanger: Sn,
|
|
175
|
+
colorWarning: Tn,
|
|
176
|
+
colorCyan: jn,
|
|
177
|
+
colorPurple: An,
|
|
178
|
+
colorOrange: Zn,
|
|
179
|
+
colorAccent: On,
|
|
180
|
+
colorYellow: Bn,
|
|
181
|
+
solid: Wn,
|
|
182
|
+
wrap: Vn
|
|
183
|
+
}, Fn = (e) => e[0].toUpperCase() + e.slice(1), X1 = G(function({ color: t = "primary", variant: o = "soft", size: r = "1", wrap: s, className: l, style: a, m: d, mt: f, mb: p, p: i, pb: g, ...b }, w) {
|
|
184
184
|
return /* @__PURE__ */ n(
|
|
185
185
|
"span",
|
|
186
186
|
{
|
|
187
|
-
...
|
|
188
|
-
ref:
|
|
189
|
-
className:
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
o === "solid" &&
|
|
193
|
-
|
|
194
|
-
s &&
|
|
187
|
+
...b,
|
|
188
|
+
ref: w,
|
|
189
|
+
className: v(
|
|
190
|
+
ke.badge,
|
|
191
|
+
ke[`color${Fn(t)}`],
|
|
192
|
+
o === "solid" && ke.solid,
|
|
193
|
+
ke[`size${r}`],
|
|
194
|
+
s && ke.wrap,
|
|
195
195
|
l
|
|
196
196
|
),
|
|
197
|
-
style:
|
|
197
|
+
style: le({ m: d, mt: f, mb: p, p: i, pb: g }, a)
|
|
198
198
|
}
|
|
199
199
|
);
|
|
200
|
-
}),
|
|
201
|
-
separator:
|
|
202
|
-
full:
|
|
203
|
-
},
|
|
200
|
+
}), Pn = "_separator_vao01_1", Gn = "_full_vao01_7", Ke = {
|
|
201
|
+
separator: Pn,
|
|
202
|
+
full: Gn
|
|
203
|
+
}, Y1 = G(function({ size: t = "4", className: o, ...r }, s) {
|
|
204
204
|
return /* @__PURE__ */ n(
|
|
205
205
|
"span",
|
|
206
206
|
{
|
|
207
207
|
...r,
|
|
208
208
|
ref: s,
|
|
209
209
|
role: "separator",
|
|
210
|
-
className:
|
|
210
|
+
className: v(Ke.separator, t === "4" && Ke.full, o)
|
|
211
211
|
}
|
|
212
212
|
);
|
|
213
|
-
}),
|
|
214
|
-
card:
|
|
215
|
-
image:
|
|
216
|
-
hasImage:
|
|
217
|
-
},
|
|
218
|
-
return /* @__PURE__ */
|
|
213
|
+
}), Kn = "_card_1ooot_2", Un = "_image_1ooot_14", Xn = "_hasImage_1ooot_41", Be = {
|
|
214
|
+
card: Kn,
|
|
215
|
+
image: Un,
|
|
216
|
+
hasImage: Xn
|
|
217
|
+
}, Q1 = G(function({ className: t, style: o, image: r, children: s, m: l, mt: a, mb: d, p: f, pb: p, ...i }, g) {
|
|
218
|
+
return /* @__PURE__ */ z(
|
|
219
219
|
"div",
|
|
220
220
|
{
|
|
221
|
-
...
|
|
222
|
-
ref:
|
|
223
|
-
className:
|
|
224
|
-
style:
|
|
221
|
+
...i,
|
|
222
|
+
ref: g,
|
|
223
|
+
className: v(Be.card, r != null && Be.hasImage, t),
|
|
224
|
+
style: le({ m: l, mt: a, mb: d, p: f, pb: p }, o),
|
|
225
225
|
children: [
|
|
226
|
-
r != null && /* @__PURE__ */ n("div", { className:
|
|
226
|
+
r != null && /* @__PURE__ */ n("div", { className: Be.image, children: r }),
|
|
227
227
|
s
|
|
228
228
|
]
|
|
229
229
|
}
|
|
230
230
|
);
|
|
231
|
-
}),
|
|
232
|
-
spaceButton:
|
|
233
|
-
rimRotate:
|
|
234
|
-
glintSweep:
|
|
235
|
-
iconOnly:
|
|
236
|
-
lg:
|
|
237
|
-
sm:
|
|
238
|
-
micro:
|
|
239
|
-
stars:
|
|
240
|
-
fullWidth:
|
|
241
|
-
ember:
|
|
242
|
-
label:
|
|
243
|
-
star:
|
|
244
|
-
twinkle:
|
|
231
|
+
}), Yn = "_spaceButton_kjhqx_14", Qn = "_rimRotate_kjhqx_1", Jn = "_glintSweep_kjhqx_1", eo = "_iconOnly_kjhqx_97", to = "_lg_kjhqx_104", no = "_sm_kjhqx_110", oo = "_micro_kjhqx_122", ro = "_stars_kjhqx_136", so = "_fullWidth_kjhqx_141", lo = "_ember_kjhqx_147", ao = "_label_kjhqx_157", co = "_star_kjhqx_136", io = "_twinkle_kjhqx_1", re = {
|
|
232
|
+
spaceButton: Yn,
|
|
233
|
+
rimRotate: Qn,
|
|
234
|
+
glintSweep: Jn,
|
|
235
|
+
iconOnly: eo,
|
|
236
|
+
lg: to,
|
|
237
|
+
sm: no,
|
|
238
|
+
micro: oo,
|
|
239
|
+
stars: ro,
|
|
240
|
+
fullWidth: so,
|
|
241
|
+
ember: lo,
|
|
242
|
+
label: ao,
|
|
243
|
+
star: co,
|
|
244
|
+
twinkle: io
|
|
245
245
|
};
|
|
246
|
-
function
|
|
246
|
+
function uo(e) {
|
|
247
247
|
return function() {
|
|
248
248
|
e |= 0, e = e + 1831565813 | 0;
|
|
249
249
|
let t = Math.imul(e ^ e >>> 15, 1 | e);
|
|
250
250
|
return t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t, ((t ^ t >>> 14) >>> 0) / 4294967296;
|
|
251
251
|
};
|
|
252
252
|
}
|
|
253
|
-
function
|
|
253
|
+
function fo(e) {
|
|
254
254
|
let t = 2166136261;
|
|
255
255
|
for (let o = 0; o < e.length; o++)
|
|
256
256
|
t ^= e.charCodeAt(o), t = Math.imul(t, 16777619);
|
|
257
257
|
return t >>> 0;
|
|
258
258
|
}
|
|
259
|
-
const
|
|
260
|
-
function({ iconOnly: t, ember: o, size: r = "md", fullWidth: s, animated: l = !0, className: a, children: d, ...
|
|
261
|
-
const
|
|
262
|
-
const
|
|
259
|
+
const Ze = G(
|
|
260
|
+
function({ iconOnly: t, ember: o, size: r = "md", fullWidth: s, animated: l = !0, className: a, children: d, ...f }, p) {
|
|
261
|
+
const i = Q(), g = Ce(() => {
|
|
262
|
+
const w = uo(fo(i));
|
|
263
263
|
return Array.from({ length: 3 }, () => ({
|
|
264
|
-
top: `${12 +
|
|
265
|
-
left: `${8 +
|
|
266
|
-
animationDelay: `${(
|
|
267
|
-
animationDuration: `${(2.8 +
|
|
264
|
+
top: `${12 + w() * 58}%`,
|
|
265
|
+
left: `${8 + w() * 80}%`,
|
|
266
|
+
animationDelay: `${(w() * 3.2).toFixed(2)}s`,
|
|
267
|
+
animationDuration: `${(2.8 + w() * 1.8).toFixed(2)}s`
|
|
268
268
|
}));
|
|
269
|
-
}, [
|
|
270
|
-
|
|
271
|
-
t ?
|
|
272
|
-
o ?
|
|
273
|
-
r !== "md" ?
|
|
274
|
-
s ?
|
|
269
|
+
}, [i]), b = [
|
|
270
|
+
re.spaceButton,
|
|
271
|
+
t ? re.iconOnly : "",
|
|
272
|
+
o ? re.ember : "",
|
|
273
|
+
r !== "md" ? re[r] : "",
|
|
274
|
+
s ? re.fullWidth : "",
|
|
275
275
|
a ?? ""
|
|
276
276
|
].filter(Boolean).join(" ");
|
|
277
|
-
return /* @__PURE__ */
|
|
277
|
+
return /* @__PURE__ */ z(
|
|
278
278
|
"button",
|
|
279
279
|
{
|
|
280
280
|
ref: p,
|
|
281
|
-
className:
|
|
281
|
+
className: b,
|
|
282
282
|
"data-animated": l ? void 0 : "false",
|
|
283
|
-
...
|
|
283
|
+
...f,
|
|
284
284
|
children: [
|
|
285
|
-
r !== "micro" && /* @__PURE__ */ n("span", { className:
|
|
286
|
-
/* @__PURE__ */ n("span", { className:
|
|
285
|
+
r !== "micro" && /* @__PURE__ */ n("span", { className: re.stars, "aria-hidden": !0, children: g.map((w, _) => /* @__PURE__ */ n("i", { className: re.star, style: w }, _)) }),
|
|
286
|
+
/* @__PURE__ */ n("span", { className: re.label, children: d })
|
|
287
287
|
]
|
|
288
288
|
}
|
|
289
289
|
);
|
|
@@ -296,7 +296,7 @@ const Ee = F(
|
|
|
296
296
|
xmlns: "http://www.w3.org/2000/svg",
|
|
297
297
|
"aria-hidden": !0
|
|
298
298
|
};
|
|
299
|
-
function
|
|
299
|
+
function J1(e) {
|
|
300
300
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
301
301
|
"path",
|
|
302
302
|
{
|
|
@@ -307,7 +307,7 @@ function Hr(e) {
|
|
|
307
307
|
}
|
|
308
308
|
) });
|
|
309
309
|
}
|
|
310
|
-
function
|
|
310
|
+
function es(e) {
|
|
311
311
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
312
312
|
"path",
|
|
313
313
|
{
|
|
@@ -318,7 +318,7 @@ function Sr(e) {
|
|
|
318
318
|
}
|
|
319
319
|
) });
|
|
320
320
|
}
|
|
321
|
-
function
|
|
321
|
+
function ts(e) {
|
|
322
322
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
323
323
|
"path",
|
|
324
324
|
{
|
|
@@ -329,7 +329,7 @@ function Tr(e) {
|
|
|
329
329
|
}
|
|
330
330
|
) });
|
|
331
331
|
}
|
|
332
|
-
function
|
|
332
|
+
function ns(e) {
|
|
333
333
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
334
334
|
"path",
|
|
335
335
|
{
|
|
@@ -340,7 +340,7 @@ function Ar(e) {
|
|
|
340
340
|
}
|
|
341
341
|
) });
|
|
342
342
|
}
|
|
343
|
-
function
|
|
343
|
+
function os(e) {
|
|
344
344
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
345
345
|
"path",
|
|
346
346
|
{
|
|
@@ -351,7 +351,7 @@ function jr(e) {
|
|
|
351
351
|
}
|
|
352
352
|
) });
|
|
353
353
|
}
|
|
354
|
-
function
|
|
354
|
+
function rs(e) {
|
|
355
355
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
356
356
|
"path",
|
|
357
357
|
{
|
|
@@ -362,7 +362,7 @@ function Zr(e) {
|
|
|
362
362
|
}
|
|
363
363
|
) });
|
|
364
364
|
}
|
|
365
|
-
function
|
|
365
|
+
function ss(e) {
|
|
366
366
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
367
367
|
"path",
|
|
368
368
|
{
|
|
@@ -373,7 +373,7 @@ function Or(e) {
|
|
|
373
373
|
}
|
|
374
374
|
) });
|
|
375
375
|
}
|
|
376
|
-
function
|
|
376
|
+
function ls(e) {
|
|
377
377
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
378
378
|
"path",
|
|
379
379
|
{
|
|
@@ -384,7 +384,7 @@ function Br(e) {
|
|
|
384
384
|
}
|
|
385
385
|
) });
|
|
386
386
|
}
|
|
387
|
-
function
|
|
387
|
+
function as(e) {
|
|
388
388
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
389
389
|
"path",
|
|
390
390
|
{
|
|
@@ -395,7 +395,7 @@ function Wr(e) {
|
|
|
395
395
|
}
|
|
396
396
|
) });
|
|
397
397
|
}
|
|
398
|
-
function
|
|
398
|
+
function cs(e) {
|
|
399
399
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
400
400
|
"path",
|
|
401
401
|
{
|
|
@@ -406,7 +406,7 @@ function Vr(e) {
|
|
|
406
406
|
}
|
|
407
407
|
) });
|
|
408
408
|
}
|
|
409
|
-
function
|
|
409
|
+
function is(e) {
|
|
410
410
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
411
411
|
"path",
|
|
412
412
|
{
|
|
@@ -417,7 +417,7 @@ function Fr(e) {
|
|
|
417
417
|
}
|
|
418
418
|
) });
|
|
419
419
|
}
|
|
420
|
-
function
|
|
420
|
+
function ds(e) {
|
|
421
421
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
422
422
|
"path",
|
|
423
423
|
{
|
|
@@ -428,7 +428,7 @@ function Pr(e) {
|
|
|
428
428
|
}
|
|
429
429
|
) });
|
|
430
430
|
}
|
|
431
|
-
function
|
|
431
|
+
function us(e) {
|
|
432
432
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
433
433
|
"path",
|
|
434
434
|
{
|
|
@@ -439,7 +439,7 @@ function Kr(e) {
|
|
|
439
439
|
}
|
|
440
440
|
) });
|
|
441
441
|
}
|
|
442
|
-
function
|
|
442
|
+
function fs(e) {
|
|
443
443
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
444
444
|
"path",
|
|
445
445
|
{
|
|
@@ -450,7 +450,7 @@ function Gr(e) {
|
|
|
450
450
|
}
|
|
451
451
|
) });
|
|
452
452
|
}
|
|
453
|
-
function
|
|
453
|
+
function _s(e) {
|
|
454
454
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
455
455
|
"path",
|
|
456
456
|
{
|
|
@@ -461,7 +461,7 @@ function Ur(e) {
|
|
|
461
461
|
}
|
|
462
462
|
) });
|
|
463
463
|
}
|
|
464
|
-
function
|
|
464
|
+
function ps(e) {
|
|
465
465
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
466
466
|
"path",
|
|
467
467
|
{
|
|
@@ -472,7 +472,7 @@ function Xr(e) {
|
|
|
472
472
|
}
|
|
473
473
|
) });
|
|
474
474
|
}
|
|
475
|
-
function
|
|
475
|
+
function Je(e) {
|
|
476
476
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
477
477
|
"path",
|
|
478
478
|
{
|
|
@@ -483,7 +483,7 @@ function Ue(e) {
|
|
|
483
483
|
}
|
|
484
484
|
) });
|
|
485
485
|
}
|
|
486
|
-
function
|
|
486
|
+
function et(e) {
|
|
487
487
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
488
488
|
"path",
|
|
489
489
|
{
|
|
@@ -494,7 +494,7 @@ function Xe(e) {
|
|
|
494
494
|
}
|
|
495
495
|
) });
|
|
496
496
|
}
|
|
497
|
-
function
|
|
497
|
+
function gs(e) {
|
|
498
498
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
499
499
|
"path",
|
|
500
500
|
{
|
|
@@ -505,7 +505,7 @@ function Yr(e) {
|
|
|
505
505
|
}
|
|
506
506
|
) });
|
|
507
507
|
}
|
|
508
|
-
function
|
|
508
|
+
function _o(e) {
|
|
509
509
|
return /* @__PURE__ */ n("svg", { viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", ...e, children: /* @__PURE__ */ n(
|
|
510
510
|
"path",
|
|
511
511
|
{
|
|
@@ -514,7 +514,7 @@ function lo(e) {
|
|
|
514
514
|
}
|
|
515
515
|
) });
|
|
516
516
|
}
|
|
517
|
-
function
|
|
517
|
+
function po(e) {
|
|
518
518
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
519
519
|
"path",
|
|
520
520
|
{
|
|
@@ -525,7 +525,7 @@ function ao(e) {
|
|
|
525
525
|
}
|
|
526
526
|
) });
|
|
527
527
|
}
|
|
528
|
-
function
|
|
528
|
+
function go(e) {
|
|
529
529
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
530
530
|
"path",
|
|
531
531
|
{
|
|
@@ -536,7 +536,7 @@ function co(e) {
|
|
|
536
536
|
}
|
|
537
537
|
) });
|
|
538
538
|
}
|
|
539
|
-
function
|
|
539
|
+
function mo(e) {
|
|
540
540
|
return /* @__PURE__ */ n("svg", { ...T, ...e, children: /* @__PURE__ */ n(
|
|
541
541
|
"path",
|
|
542
542
|
{
|
|
@@ -547,19 +547,19 @@ function io(e) {
|
|
|
547
547
|
}
|
|
548
548
|
) });
|
|
549
549
|
}
|
|
550
|
-
const
|
|
551
|
-
root:
|
|
552
|
-
viewport:
|
|
553
|
-
track:
|
|
554
|
-
slide:
|
|
555
|
-
arrow:
|
|
556
|
-
prev:
|
|
557
|
-
next:
|
|
558
|
-
arrowButton:
|
|
559
|
-
dots:
|
|
560
|
-
dot:
|
|
550
|
+
const ho = "_root_p5j1t_12", Co = "_viewport_p5j1t_17", vo = "_track_p5j1t_21", bo = "_slide_p5j1t_66", wo = "_arrow_p5j1t_78", yo = "_prev_p5j1t_99", xo = "_next_p5j1t_104", Lo = "_arrowButton_p5j1t_109", $o = "_dots_p5j1t_115", ko = "_dot_p5j1t_115", X = {
|
|
551
|
+
root: ho,
|
|
552
|
+
viewport: Co,
|
|
553
|
+
track: vo,
|
|
554
|
+
slide: bo,
|
|
555
|
+
arrow: wo,
|
|
556
|
+
prev: yo,
|
|
557
|
+
next: xo,
|
|
558
|
+
arrowButton: Lo,
|
|
559
|
+
dots: $o,
|
|
560
|
+
dot: ko
|
|
561
561
|
};
|
|
562
|
-
function
|
|
562
|
+
function ms({
|
|
563
563
|
children: e,
|
|
564
564
|
perView: t = 1,
|
|
565
565
|
step: o = "item",
|
|
@@ -569,182 +569,190 @@ function Qr({
|
|
|
569
569
|
"aria-label": a = "Carousel",
|
|
570
570
|
...d
|
|
571
571
|
}) {
|
|
572
|
-
const
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
const
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
572
|
+
const f = Qe.toArray(e), p = f.length, i = Q(), g = R(null), b = o === "page" ? Math.max(1, Math.floor(t)) : 1, w = p <= t ? 1 : o === "page" ? Math.ceil((p - t) / b) + 1 : Math.ceil(p - t) + 1, [_, C] = B(b), [$, M] = B(Math.max(1, w)), [k, j] = B(0), [E, q] = B(!0), [W, A] = B(p <= t), N = R([0]), I = R(0), y = R(0), u = R(() => {
|
|
573
|
+
}), x = de(() => {
|
|
574
|
+
const h = g.current;
|
|
575
|
+
if (!h) return;
|
|
576
|
+
const c = h.scrollLeft, m = Math.max(0, h.scrollWidth - h.clientWidth);
|
|
577
|
+
if (Math.abs(m - I.current) > 1) {
|
|
578
|
+
u.current();
|
|
579
|
+
return;
|
|
580
|
+
}
|
|
581
|
+
const D = c <= 1, S = c >= y.current - 1;
|
|
582
|
+
let O = 0;
|
|
583
|
+
S ? O = N.current.length - 1 : D || N.current.forEach((K, ne) => {
|
|
584
|
+
Math.abs(K - c) <= Math.abs(N.current[O] - c) && (O = ne);
|
|
585
|
+
}), j(O), q(D), A(S);
|
|
586
|
+
}, []), L = de(() => {
|
|
587
|
+
const h = g.current;
|
|
588
|
+
if (!h) return;
|
|
589
|
+
const c = Array.from(h.children);
|
|
590
|
+
if (!c.length) return;
|
|
591
|
+
const m = Math.max(0, h.scrollWidth - h.clientWidth), D = c[0], S = c.length > 1 ? c[1].offsetLeft - D.offsetLeft - D.offsetWidth : 0, O = (h.clientWidth + S) / (D.offsetWidth + S), K = o === "page" ? Math.max(1, Math.floor(O + 0.01)) : 1, ne = c[c.length - 1], oe = Math.round(
|
|
592
|
+
Math.max(0, Math.min(m, ne.offsetLeft - D.offsetLeft + ne.offsetWidth - h.clientWidth))
|
|
593
|
+
), J = [];
|
|
594
|
+
c.forEach((fe, Ie) => {
|
|
595
|
+
if (Ie % K !== 0) return;
|
|
596
|
+
const xe = Math.round(Math.min(fe.offsetLeft - D.offsetLeft, oe));
|
|
597
|
+
J[J.length - 1] !== xe && J.push(xe);
|
|
598
|
+
}), oe > 0 && J[J.length - 1] < oe - 1 && J.push(oe), N.current = J, I.current = Math.round(m), y.current = oe, C(K), M(J.length), x();
|
|
599
|
+
}, [o, x]);
|
|
600
|
+
be(() => {
|
|
601
|
+
u.current = L, L();
|
|
602
|
+
}, [L, p]), U(() => {
|
|
603
|
+
const h = g.current;
|
|
604
|
+
if (!h) return;
|
|
605
|
+
const c = new ResizeObserver(() => L());
|
|
606
|
+
c.observe(h);
|
|
607
|
+
let m = 0;
|
|
608
|
+
const D = () => {
|
|
609
|
+
cancelAnimationFrame(m), m = requestAnimationFrame(x);
|
|
602
610
|
};
|
|
603
|
-
return
|
|
604
|
-
|
|
611
|
+
return h.addEventListener("scroll", D, { passive: !0 }), () => {
|
|
612
|
+
c.disconnect(), cancelAnimationFrame(m), h.removeEventListener("scroll", D);
|
|
605
613
|
};
|
|
606
|
-
}, [
|
|
607
|
-
const
|
|
608
|
-
if (!
|
|
609
|
-
const
|
|
610
|
-
let
|
|
611
|
-
const
|
|
612
|
-
clearTimeout(
|
|
613
|
-
},
|
|
614
|
-
V.pointerType !== "mouse" || V.button !== 0 ||
|
|
614
|
+
}, [L, x]), U(() => {
|
|
615
|
+
const h = g.current;
|
|
616
|
+
if (!h) return;
|
|
617
|
+
const c = 4;
|
|
618
|
+
let m = null, D = 0, S = 0, O = !1, K = 0;
|
|
619
|
+
const ne = () => {
|
|
620
|
+
clearTimeout(K), delete h.dataset.settling;
|
|
621
|
+
}, oe = (V) => {
|
|
622
|
+
V.pointerType !== "mouse" || V.button !== 0 || h.scrollWidth <= h.clientWidth || (ne(), m = V.pointerId, D = V.clientX, S = h.scrollLeft, O = !1);
|
|
615
623
|
}, J = (V) => {
|
|
616
|
-
if (V.pointerId !==
|
|
617
|
-
const
|
|
618
|
-
if (!
|
|
619
|
-
if (Math.abs(
|
|
620
|
-
|
|
624
|
+
if (V.pointerId !== m) return;
|
|
625
|
+
const ae = V.clientX - D;
|
|
626
|
+
if (!O) {
|
|
627
|
+
if (Math.abs(ae) < c) return;
|
|
628
|
+
O = !0, h.setPointerCapture(V.pointerId), h.dataset.dragging = "";
|
|
621
629
|
}
|
|
622
|
-
|
|
623
|
-
},
|
|
624
|
-
if (V.pointerId !==
|
|
625
|
-
delete
|
|
626
|
-
const
|
|
627
|
-
let
|
|
628
|
-
|
|
629
|
-
const
|
|
630
|
-
|
|
631
|
-
},
|
|
632
|
-
|
|
633
|
-
},
|
|
634
|
-
return
|
|
635
|
-
|
|
630
|
+
h.scrollLeft = S - ae;
|
|
631
|
+
}, fe = (V) => {
|
|
632
|
+
if (V.pointerId !== m || (m = null, !O)) return;
|
|
633
|
+
delete h.dataset.dragging;
|
|
634
|
+
const ae = h.scrollLeft, Ee = N.current;
|
|
635
|
+
let ce = Ee.reduce((_e, Pe) => Math.abs(Pe - ae) < Math.abs(_e - ae) ? Pe : _e, Ee[0]);
|
|
636
|
+
ae > S + 1 && ce <= S + 1 ? ce = Ee.find((_e) => _e > S + 1) ?? ce : ae < S - 1 && ce >= S - 1 && (ce = [...Ee].reverse().find((_e) => _e < S - 1) ?? ce), h.dataset.settling = "";
|
|
637
|
+
const vt = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
638
|
+
h.scrollTo({ left: ce, behavior: vt ? "auto" : "smooth" }), h.addEventListener("scrollend", ne, { once: !0 }), K = window.setTimeout(ne, 700);
|
|
639
|
+
}, Ie = (V) => {
|
|
640
|
+
O && (O = !1, V.preventDefault(), V.stopPropagation());
|
|
641
|
+
}, xe = (V) => V.preventDefault();
|
|
642
|
+
return h.addEventListener("pointerdown", oe), h.addEventListener("pointermove", J), h.addEventListener("pointerup", fe), h.addEventListener("pointercancel", fe), h.addEventListener("click", Ie, !0), h.addEventListener("dragstart", xe), () => {
|
|
643
|
+
ne(), h.removeEventListener("pointerdown", oe), h.removeEventListener("pointermove", J), h.removeEventListener("pointerup", fe), h.removeEventListener("pointercancel", fe), h.removeEventListener("click", Ie, !0), h.removeEventListener("dragstart", xe);
|
|
636
644
|
};
|
|
637
645
|
}, []);
|
|
638
|
-
const
|
|
639
|
-
var
|
|
640
|
-
return (
|
|
641
|
-
},
|
|
642
|
-
const
|
|
643
|
-
if (!
|
|
644
|
-
const
|
|
645
|
-
|
|
646
|
-
},
|
|
647
|
-
return /* @__PURE__ */
|
|
646
|
+
const Z = (h) => {
|
|
647
|
+
var c;
|
|
648
|
+
return (c = g.current) == null ? void 0 : c.scrollTo({ left: h });
|
|
649
|
+
}, H = (h) => {
|
|
650
|
+
const c = g.current;
|
|
651
|
+
if (!c) return;
|
|
652
|
+
const m = c.scrollLeft, D = h > 0 ? N.current.find((S) => S > m + 1) : [...N.current].reverse().find((S) => S < m - 1);
|
|
653
|
+
D !== void 0 && Z(D);
|
|
654
|
+
}, F = $ > 1;
|
|
655
|
+
return /* @__PURE__ */ z(
|
|
648
656
|
"section",
|
|
649
657
|
{
|
|
650
658
|
...d,
|
|
651
659
|
"aria-roledescription": "carousel",
|
|
652
660
|
"aria-label": a,
|
|
653
|
-
className:
|
|
654
|
-
"data-scrollable":
|
|
661
|
+
className: v(X.root, l),
|
|
662
|
+
"data-scrollable": F ? "" : void 0,
|
|
655
663
|
children: [
|
|
656
|
-
/* @__PURE__ */
|
|
664
|
+
/* @__PURE__ */ z("div", { className: X.viewport, children: [
|
|
657
665
|
/* @__PURE__ */ n(
|
|
658
666
|
"div",
|
|
659
667
|
{
|
|
660
|
-
ref:
|
|
661
|
-
id:
|
|
662
|
-
className:
|
|
668
|
+
ref: g,
|
|
669
|
+
id: i,
|
|
670
|
+
className: X.track,
|
|
663
671
|
tabIndex: 0,
|
|
664
672
|
style: { "--_view-count-default": t },
|
|
665
|
-
children:
|
|
673
|
+
children: f.map((h, c) => /* @__PURE__ */ n(
|
|
666
674
|
"div",
|
|
667
675
|
{
|
|
668
|
-
className:
|
|
676
|
+
className: X.slide,
|
|
669
677
|
role: "group",
|
|
670
678
|
"aria-roledescription": "slide",
|
|
671
|
-
"aria-label": `${
|
|
672
|
-
"data-snap":
|
|
673
|
-
children:
|
|
679
|
+
"aria-label": `${c + 1} of ${p}`,
|
|
680
|
+
"data-snap": c % _ === 0 ? "" : void 0,
|
|
681
|
+
children: h
|
|
674
682
|
},
|
|
675
|
-
|
|
683
|
+
h.key ?? c
|
|
676
684
|
))
|
|
677
685
|
}
|
|
678
686
|
),
|
|
679
|
-
/* @__PURE__ */ n("span", { className:
|
|
680
|
-
|
|
687
|
+
/* @__PURE__ */ n("span", { className: v(X.arrow, X.prev), children: /* @__PURE__ */ n(
|
|
688
|
+
Ze,
|
|
681
689
|
{
|
|
682
690
|
iconOnly: !0,
|
|
683
|
-
className:
|
|
691
|
+
className: X.arrowButton,
|
|
684
692
|
animated: s,
|
|
685
693
|
"aria-label": "Previous",
|
|
686
|
-
"aria-controls":
|
|
687
|
-
disabled:
|
|
688
|
-
onClick: () =>
|
|
689
|
-
children: /* @__PURE__ */ n(
|
|
694
|
+
"aria-controls": i,
|
|
695
|
+
disabled: E,
|
|
696
|
+
onClick: () => H(-1),
|
|
697
|
+
children: /* @__PURE__ */ n(et, { "aria-hidden": "true" })
|
|
690
698
|
}
|
|
691
699
|
) }),
|
|
692
|
-
/* @__PURE__ */ n("span", { className:
|
|
693
|
-
|
|
700
|
+
/* @__PURE__ */ n("span", { className: v(X.arrow, X.next), children: /* @__PURE__ */ n(
|
|
701
|
+
Ze,
|
|
694
702
|
{
|
|
695
703
|
iconOnly: !0,
|
|
696
|
-
className:
|
|
704
|
+
className: X.arrowButton,
|
|
697
705
|
animated: s,
|
|
698
706
|
"aria-label": "Next",
|
|
699
|
-
"aria-controls":
|
|
700
|
-
disabled:
|
|
701
|
-
onClick: () =>
|
|
702
|
-
children: /* @__PURE__ */ n(
|
|
707
|
+
"aria-controls": i,
|
|
708
|
+
disabled: W,
|
|
709
|
+
onClick: () => H(1),
|
|
710
|
+
children: /* @__PURE__ */ n(Je, { "aria-hidden": "true" })
|
|
703
711
|
}
|
|
704
712
|
) })
|
|
705
713
|
] }),
|
|
706
|
-
r &&
|
|
714
|
+
r && F && /* @__PURE__ */ n("div", { className: X.dots, children: Array.from({ length: $ }, (h, c) => /* @__PURE__ */ n(
|
|
707
715
|
"button",
|
|
708
716
|
{
|
|
709
717
|
type: "button",
|
|
710
|
-
className:
|
|
711
|
-
"aria-label": o === "page" ? `Page ${
|
|
712
|
-
"aria-controls":
|
|
713
|
-
"aria-current":
|
|
714
|
-
onClick: () =>
|
|
718
|
+
className: X.dot,
|
|
719
|
+
"aria-label": o === "page" ? `Page ${c + 1} of ${$}` : `Position ${c + 1} of ${$}`,
|
|
720
|
+
"aria-controls": i,
|
|
721
|
+
"aria-current": c === k ? "true" : void 0,
|
|
722
|
+
onClick: () => Z(N.current[c] ?? 0)
|
|
715
723
|
},
|
|
716
|
-
|
|
724
|
+
c
|
|
717
725
|
)) })
|
|
718
726
|
]
|
|
719
727
|
}
|
|
720
728
|
);
|
|
721
729
|
}
|
|
722
|
-
const
|
|
723
|
-
nav:
|
|
724
|
-
pages:
|
|
725
|
-
item:
|
|
726
|
-
current:
|
|
727
|
-
page:
|
|
728
|
-
gap:
|
|
729
|
-
stepText:
|
|
730
|
-
step:
|
|
731
|
-
},
|
|
732
|
-
spaceControl:
|
|
733
|
-
spaceSlider:
|
|
734
|
-
spacePanel:
|
|
735
|
-
spaceInput:
|
|
736
|
-
spaceTextArea:
|
|
737
|
-
},
|
|
738
|
-
function
|
|
730
|
+
const No = "_nav_f248a_6", Mo = "_pages_f248a_21", zo = "_item_f248a_30", Ro = "_current_f248a_48", Do = "_page_f248a_21", qo = "_gap_f248a_82", Io = "_stepText_f248a_92", Eo = "_step_f248a_92", Y = {
|
|
731
|
+
nav: No,
|
|
732
|
+
pages: Mo,
|
|
733
|
+
item: zo,
|
|
734
|
+
current: Ro,
|
|
735
|
+
page: Do,
|
|
736
|
+
gap: qo,
|
|
737
|
+
stepText: Io,
|
|
738
|
+
step: Eo
|
|
739
|
+
}, Ho = "_spaceControl_4ou97_17", So = "_spaceSlider_4ou97_74", To = "_spacePanel_4ou97_111", jo = "_spaceInput_4ou97_34", Ao = "_spaceTextArea_4ou97_226", Zo = {
|
|
740
|
+
spaceControl: Ho,
|
|
741
|
+
spaceSlider: So,
|
|
742
|
+
spacePanel: To,
|
|
743
|
+
spaceInput: jo,
|
|
744
|
+
spaceTextArea: Ao
|
|
745
|
+
}, te = Zo;
|
|
746
|
+
function Oo({ pageSize: e, totalItems: t }) {
|
|
739
747
|
return e <= 0 ? 1 : Math.max(1, Math.ceil(t / e));
|
|
740
748
|
}
|
|
741
|
-
function
|
|
742
|
-
const r = (
|
|
749
|
+
function Bo(e, t, o = 1) {
|
|
750
|
+
const r = (g, b) => Array.from({ length: Math.max(0, b - g + 1) }, (w, _) => g + _), s = o * 2 + 5;
|
|
743
751
|
if (t <= s) return r(1, t);
|
|
744
|
-
const l = Math.min(Math.max(e, 1), t), a = Math.max(l - o, 1), d = Math.min(l + o, t),
|
|
745
|
-
return
|
|
752
|
+
const l = Math.min(Math.max(e, 1), t), a = Math.max(l - o, 1), d = Math.min(l + o, t), f = a > 3, p = d < t - 2, i = o * 2 + 3;
|
|
753
|
+
return f ? p ? [1, null, ...r(a, d), null, t] : [1, null, ...r(t - i + 1, t)] : [...r(1, i), null, t];
|
|
746
754
|
}
|
|
747
|
-
function
|
|
755
|
+
function hs({
|
|
748
756
|
pagination: e,
|
|
749
757
|
onPageClick: t,
|
|
750
758
|
siblings: o = 1,
|
|
@@ -753,107 +761,107 @@ function Jr({
|
|
|
753
761
|
"aria-label": l = "Pagination",
|
|
754
762
|
...a
|
|
755
763
|
}) {
|
|
756
|
-
const d =
|
|
764
|
+
const d = Oo(e);
|
|
757
765
|
if (d <= 1) return null;
|
|
758
|
-
const
|
|
759
|
-
|
|
766
|
+
const f = Math.min(Math.max(e.page, 1), d), p = (i) => {
|
|
767
|
+
i !== f && i >= 1 && i <= d && t(i);
|
|
760
768
|
};
|
|
761
|
-
return /* @__PURE__ */
|
|
762
|
-
/* @__PURE__ */
|
|
769
|
+
return /* @__PURE__ */ z("nav", { ...a, "aria-label": l, className: v(Y.nav, s), children: [
|
|
770
|
+
/* @__PURE__ */ z(
|
|
763
771
|
"button",
|
|
764
772
|
{
|
|
765
773
|
type: "button",
|
|
766
|
-
className:
|
|
767
|
-
disabled:
|
|
774
|
+
className: v(te.spaceControl, Y.item, Y.step),
|
|
775
|
+
disabled: f <= 1,
|
|
768
776
|
"aria-label": "Previous page",
|
|
769
|
-
onClick: () => p(
|
|
777
|
+
onClick: () => p(f - 1),
|
|
770
778
|
children: [
|
|
771
|
-
/* @__PURE__ */ n(
|
|
772
|
-
/* @__PURE__ */ n("span", { className:
|
|
779
|
+
/* @__PURE__ */ n(et, { "aria-hidden": "true" }),
|
|
780
|
+
/* @__PURE__ */ n("span", { className: Y.stepText, children: "Previous" })
|
|
773
781
|
]
|
|
774
782
|
}
|
|
775
783
|
),
|
|
776
|
-
/* @__PURE__ */ n("ol", { className:
|
|
777
|
-
(
|
|
784
|
+
/* @__PURE__ */ n("ol", { className: Y.pages, children: Bo(f, d, o).map(
|
|
785
|
+
(i, g) => i === null ? (
|
|
778
786
|
// Presentational: "ellipsis" read aloud between page numbers tells
|
|
779
787
|
// nobody anything.
|
|
780
788
|
// eslint-disable-next-line react/no-array-index-key
|
|
781
|
-
/* @__PURE__ */ n("li", { className:
|
|
789
|
+
/* @__PURE__ */ n("li", { className: Y.gap, "aria-hidden": "true", children: "…" }, `gap-${g}`)
|
|
782
790
|
) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
|
|
783
791
|
"button",
|
|
784
792
|
{
|
|
785
793
|
type: "button",
|
|
786
|
-
className:
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
794
|
+
className: v(
|
|
795
|
+
te.spaceControl,
|
|
796
|
+
Y.item,
|
|
797
|
+
Y.page,
|
|
798
|
+
i === f && Y.current
|
|
791
799
|
),
|
|
792
|
-
"data-animated":
|
|
793
|
-
"aria-label": `Page ${
|
|
794
|
-
"aria-current":
|
|
795
|
-
onClick: () => p(
|
|
796
|
-
children:
|
|
800
|
+
"data-animated": i === f && !r ? "false" : void 0,
|
|
801
|
+
"aria-label": `Page ${i}`,
|
|
802
|
+
"aria-current": i === f ? "page" : void 0,
|
|
803
|
+
onClick: () => p(i),
|
|
804
|
+
children: i
|
|
797
805
|
}
|
|
798
|
-
) },
|
|
806
|
+
) }, i)
|
|
799
807
|
) }),
|
|
800
|
-
/* @__PURE__ */
|
|
808
|
+
/* @__PURE__ */ z(
|
|
801
809
|
"button",
|
|
802
810
|
{
|
|
803
811
|
type: "button",
|
|
804
|
-
className:
|
|
805
|
-
disabled:
|
|
812
|
+
className: v(te.spaceControl, Y.item, Y.step),
|
|
813
|
+
disabled: f >= d,
|
|
806
814
|
"aria-label": "Next page",
|
|
807
|
-
onClick: () => p(
|
|
815
|
+
onClick: () => p(f + 1),
|
|
808
816
|
children: [
|
|
809
|
-
/* @__PURE__ */ n("span", { className:
|
|
810
|
-
/* @__PURE__ */ n(
|
|
817
|
+
/* @__PURE__ */ n("span", { className: Y.stepText, children: "Next" }),
|
|
818
|
+
/* @__PURE__ */ n(Je, { "aria-hidden": "true" })
|
|
811
819
|
]
|
|
812
820
|
}
|
|
813
821
|
)
|
|
814
822
|
] });
|
|
815
823
|
}
|
|
816
|
-
const
|
|
817
|
-
wrap:
|
|
818
|
-
sm:
|
|
819
|
-
md:
|
|
820
|
-
lg:
|
|
821
|
-
orbit:
|
|
822
|
-
planet:
|
|
824
|
+
const Wo = "_wrap_dwcut_5", Vo = "_sm_dwcut_30", Fo = "_md_dwcut_36", Po = "_lg_dwcut_42", Go = "_orbit_dwcut_49", Ko = "_planet_dwcut_58", Uo = "_moon_dwcut_73", Xo = "_label_dwcut_92", me = {
|
|
825
|
+
wrap: Wo,
|
|
826
|
+
sm: Vo,
|
|
827
|
+
md: Fo,
|
|
828
|
+
lg: Po,
|
|
829
|
+
orbit: Go,
|
|
830
|
+
planet: Ko,
|
|
823
831
|
"sp-loader-planet-pulse": "_sp-loader-planet-pulse_dwcut_1",
|
|
824
|
-
moon:
|
|
832
|
+
moon: Uo,
|
|
825
833
|
"sp-loader-orbit": "_sp-loader-orbit_dwcut_1",
|
|
826
|
-
label:
|
|
834
|
+
label: Xo,
|
|
827
835
|
"sp-loader-reduced-pulse": "_sp-loader-reduced-pulse_dwcut_1"
|
|
828
836
|
};
|
|
829
|
-
function
|
|
830
|
-
return /* @__PURE__ */
|
|
837
|
+
function Cs({ size: e = "md", label: t, className: o }) {
|
|
838
|
+
return /* @__PURE__ */ z(
|
|
831
839
|
"div",
|
|
832
840
|
{
|
|
833
|
-
className:
|
|
841
|
+
className: v(me.wrap, me[e], o),
|
|
834
842
|
role: "status",
|
|
835
843
|
"aria-live": "polite",
|
|
836
844
|
"aria-label": t ?? "Loading",
|
|
837
845
|
children: [
|
|
838
|
-
/* @__PURE__ */
|
|
839
|
-
/* @__PURE__ */ n("span", { className:
|
|
840
|
-
/* @__PURE__ */ n("span", { className:
|
|
846
|
+
/* @__PURE__ */ z("span", { className: me.orbit, children: [
|
|
847
|
+
/* @__PURE__ */ n("span", { className: me.planet }),
|
|
848
|
+
/* @__PURE__ */ n("span", { className: me.moon })
|
|
841
849
|
] }),
|
|
842
|
-
t && /* @__PURE__ */ n("span", { className:
|
|
850
|
+
t && /* @__PURE__ */ n("span", { className: me.label, children: t })
|
|
843
851
|
]
|
|
844
852
|
}
|
|
845
853
|
);
|
|
846
854
|
}
|
|
847
|
-
const
|
|
848
|
-
content:
|
|
855
|
+
const Yo = "_content_1efo6_6", Qo = {
|
|
856
|
+
content: Yo
|
|
849
857
|
};
|
|
850
|
-
function
|
|
858
|
+
function tt(e, t) {
|
|
851
859
|
e.matches(":popover-open") || (e.dataset.instant = "", e.dataset.measuring = "", t(), delete e.dataset.measuring, e.offsetWidth, delete e.dataset.instant, e.offsetWidth, e.showPopover());
|
|
852
860
|
}
|
|
853
|
-
const
|
|
854
|
-
function
|
|
861
|
+
const Jo = 350, er = 80, Te = 8, Ne = 8;
|
|
862
|
+
function tr({ triggerRef: e, tooltipId: t, show: o, hide: r, children: s }) {
|
|
855
863
|
const l = s.props;
|
|
856
|
-
return
|
|
864
|
+
return Oe(s, {
|
|
857
865
|
ref: e,
|
|
858
866
|
// Always present, so the id it points at never dangles: the content
|
|
859
867
|
// element stays mounted and only toggles its popover state.
|
|
@@ -883,52 +891,52 @@ function Uo({ triggerRef: e, tooltipId: t, show: o, hide: r, children: s }) {
|
|
|
883
891
|
}
|
|
884
892
|
});
|
|
885
893
|
}
|
|
886
|
-
function
|
|
887
|
-
const r =
|
|
888
|
-
|
|
889
|
-
},
|
|
890
|
-
if (
|
|
894
|
+
function nr({ label: e, side: t = "bottom", children: o }) {
|
|
895
|
+
const r = Q(), [s, l] = B(!1), [a, d] = B(null), f = R(null), p = R(null), i = R(null), g = R(null), b = () => {
|
|
896
|
+
i.current && (clearTimeout(i.current), i.current = null), g.current && (clearTimeout(g.current), g.current = null);
|
|
897
|
+
}, w = (C = !1) => {
|
|
898
|
+
if (b(), C) {
|
|
891
899
|
l(!0);
|
|
892
900
|
return;
|
|
893
901
|
}
|
|
894
|
-
|
|
895
|
-
},
|
|
896
|
-
|
|
902
|
+
i.current = setTimeout(() => l(!0), Jo);
|
|
903
|
+
}, _ = () => {
|
|
904
|
+
b(), g.current = setTimeout(() => l(!1), er);
|
|
897
905
|
};
|
|
898
|
-
return
|
|
899
|
-
const
|
|
900
|
-
if (!
|
|
906
|
+
return U(() => b, []), be(() => {
|
|
907
|
+
const C = p.current;
|
|
908
|
+
if (!C) return;
|
|
901
909
|
if (!s) {
|
|
902
|
-
|
|
910
|
+
C.matches(":popover-open") && C.hidePopover();
|
|
903
911
|
return;
|
|
904
912
|
}
|
|
905
|
-
const
|
|
906
|
-
if (
|
|
907
|
-
const
|
|
908
|
-
const k =
|
|
909
|
-
Math.max(
|
|
910
|
-
Math.max(
|
|
911
|
-
),
|
|
912
|
-
fitsNear:
|
|
913
|
-
fitsFar:
|
|
913
|
+
const $ = f.current;
|
|
914
|
+
if (!$) return;
|
|
915
|
+
const M = () => {
|
|
916
|
+
const k = $.getBoundingClientRect(), j = C.offsetWidth, E = C.offsetHeight, q = (x, L, Z, H) => Math.min(
|
|
917
|
+
Math.max(x + L / 2 - Z / 2, Ne),
|
|
918
|
+
Math.max(H - Z - Ne, Ne)
|
|
919
|
+
), W = (x, L, Z, H) => ({
|
|
920
|
+
fitsNear: x >= Ne,
|
|
921
|
+
fitsFar: L + Z <= H - Ne
|
|
914
922
|
});
|
|
915
923
|
if (t === "left" || t === "right") {
|
|
916
|
-
const
|
|
917
|
-
|
|
924
|
+
const x = k.right + Te, L = k.left - j - Te, { fitsNear: Z, fitsFar: H } = W(L, x, j, window.innerWidth), F = t === "right" ? H || !Z ? x : L : Z || !H ? L : x;
|
|
925
|
+
C.dataset.side = F === x ? "right" : "left", d({ top: q(k.top, k.height, E, window.innerHeight), left: F });
|
|
918
926
|
return;
|
|
919
927
|
}
|
|
920
|
-
const
|
|
921
|
-
|
|
928
|
+
const A = k.bottom + Te, N = k.top - E - Te, { fitsNear: I, fitsFar: y } = W(N, A, E, window.innerHeight), u = t === "bottom" ? y || !I ? A : N : I || !y ? N : A;
|
|
929
|
+
C.dataset.side = u === A ? "bottom" : "top", d({ top: u, left: q(k.left, k.width, j, window.innerWidth) });
|
|
922
930
|
};
|
|
923
|
-
|
|
924
|
-
}, [s, t, e]), !e || !
|
|
931
|
+
C.matches(":popover-open") ? M() : tt(C, M);
|
|
932
|
+
}, [s, t, e]), !e || !ve(o) ? /* @__PURE__ */ n(ue, { children: o }) : /* @__PURE__ */ z(ue, { children: [
|
|
925
933
|
/* @__PURE__ */ n(
|
|
926
|
-
|
|
934
|
+
tr,
|
|
927
935
|
{
|
|
928
|
-
triggerRef:
|
|
936
|
+
triggerRef: f,
|
|
929
937
|
tooltipId: r,
|
|
930
|
-
show:
|
|
931
|
-
hide:
|
|
938
|
+
show: w,
|
|
939
|
+
hide: _,
|
|
932
940
|
children: o
|
|
933
941
|
}
|
|
934
942
|
),
|
|
@@ -939,23 +947,23 @@ function Xo({ label: e, side: t = "bottom", children: o }) {
|
|
|
939
947
|
id: r,
|
|
940
948
|
popover: "auto",
|
|
941
949
|
role: "tooltip",
|
|
942
|
-
className:
|
|
950
|
+
className: Qo.content,
|
|
943
951
|
style: a ? { top: a.top, left: a.left } : void 0,
|
|
944
|
-
onToggle: (
|
|
945
|
-
|
|
952
|
+
onToggle: (C) => {
|
|
953
|
+
C.nativeEvent.newState === "closed" && s && l(!1);
|
|
946
954
|
},
|
|
947
955
|
children: e
|
|
948
956
|
}
|
|
949
957
|
)
|
|
950
958
|
] });
|
|
951
959
|
}
|
|
952
|
-
const
|
|
953
|
-
group:
|
|
954
|
-
segment:
|
|
955
|
-
active:
|
|
956
|
-
vertical:
|
|
960
|
+
const or = "_group_1tdav_4", rr = "_segment_1tdav_15", sr = "_active_1tdav_35", lr = "_vertical_1tdav_46", je = {
|
|
961
|
+
group: or,
|
|
962
|
+
segment: rr,
|
|
963
|
+
active: sr,
|
|
964
|
+
vertical: lr
|
|
957
965
|
};
|
|
958
|
-
function
|
|
966
|
+
function vs({
|
|
959
967
|
options: e,
|
|
960
968
|
value: t,
|
|
961
969
|
onValueChange: o,
|
|
@@ -966,18 +974,18 @@ function ts({
|
|
|
966
974
|
return /* @__PURE__ */ n(
|
|
967
975
|
"div",
|
|
968
976
|
{
|
|
969
|
-
className: `${
|
|
977
|
+
className: `${je.group} ${l ? je.vertical : ""} ${s}`,
|
|
970
978
|
role: "group",
|
|
971
979
|
children: e.map((a) => (
|
|
972
980
|
// A horizontal pill sits at the top of the scene, so its tooltips hang
|
|
973
981
|
// below it. A vertical one has a segment directly below every segment,
|
|
974
982
|
// so they go to the side instead — otherwise each tooltip covers the
|
|
975
983
|
// next option along.
|
|
976
|
-
/* @__PURE__ */ n(
|
|
984
|
+
/* @__PURE__ */ n(nr, { label: a.label, side: l ? "right" : "bottom", children: /* @__PURE__ */ n(
|
|
977
985
|
"button",
|
|
978
986
|
{
|
|
979
987
|
type: "button",
|
|
980
|
-
className: `${
|
|
988
|
+
className: `${je.segment} ${a.value === t ? je.active : ""}`,
|
|
981
989
|
"aria-label": a.label,
|
|
982
990
|
"aria-pressed": a.value === t,
|
|
983
991
|
onClick: () => {
|
|
@@ -990,31 +998,31 @@ function ts({
|
|
|
990
998
|
}
|
|
991
999
|
);
|
|
992
1000
|
}
|
|
993
|
-
const
|
|
994
|
-
root:
|
|
995
|
-
trigger:
|
|
996
|
-
labelWrap:
|
|
997
|
-
sizer:
|
|
998
|
-
triggerLabel:
|
|
999
|
-
chevron:
|
|
1000
|
-
listbox:
|
|
1001
|
-
item:
|
|
1002
|
-
},
|
|
1003
|
-
const e =
|
|
1001
|
+
const ar = "_root_32n97_2", cr = "_trigger_32n97_7", ir = "_labelWrap_32n97_30", dr = "_sizer_32n97_8", ur = "_triggerLabel_32n97_70", fr = "_chevron_32n97_77", _r = "_listbox_32n97_82", pr = "_item_32n97_148", se = {
|
|
1002
|
+
root: ar,
|
|
1003
|
+
trigger: cr,
|
|
1004
|
+
labelWrap: ir,
|
|
1005
|
+
sizer: dr,
|
|
1006
|
+
triggerLabel: ur,
|
|
1007
|
+
chevron: fr,
|
|
1008
|
+
listbox: _r,
|
|
1009
|
+
item: pr
|
|
1010
|
+
}, nt = we(null), gr = () => {
|
|
1011
|
+
const e = ye(nt);
|
|
1004
1012
|
if (!e) throw new Error("Select.Item must be inside a Select");
|
|
1005
1013
|
return e;
|
|
1006
|
-
},
|
|
1007
|
-
function
|
|
1014
|
+
}, ot = (e, t) => `${e}-${encodeURIComponent(t)}`;
|
|
1015
|
+
function mr(e) {
|
|
1008
1016
|
const t = [], o = (r) => {
|
|
1009
|
-
|
|
1010
|
-
if (!
|
|
1017
|
+
Qe.forEach(r, (s) => {
|
|
1018
|
+
if (!ve(s)) return;
|
|
1011
1019
|
const l = s.props;
|
|
1012
|
-
s.type ===
|
|
1020
|
+
s.type === rt && typeof l.value == "string" ? t.push({ value: l.value, label: l.children, disabled: l.disabled }) : l.children && o(l.children);
|
|
1013
1021
|
});
|
|
1014
1022
|
};
|
|
1015
1023
|
return o(e), t;
|
|
1016
1024
|
}
|
|
1017
|
-
function
|
|
1025
|
+
function hr({
|
|
1018
1026
|
value: e,
|
|
1019
1027
|
onValueChange: t,
|
|
1020
1028
|
disabled: o,
|
|
@@ -1024,104 +1032,104 @@ function u1({
|
|
|
1024
1032
|
children: a,
|
|
1025
1033
|
...d
|
|
1026
1034
|
}) {
|
|
1027
|
-
const [
|
|
1028
|
-
(
|
|
1029
|
-
var
|
|
1030
|
-
return ((
|
|
1035
|
+
const [f, p] = B(!1), [i, g] = B(null), b = Q(), w = R(null), _ = R(null), C = R(null), [$, M] = B(null), [k, j] = B(null), E = Ce(() => mr(a), [a]), q = Ce(() => E.filter((u) => !u.disabled).map((u) => u.value), [E]), W = Ce(() => E.map((u) => u.label), [E]), A = de(
|
|
1036
|
+
(u) => {
|
|
1037
|
+
var x;
|
|
1038
|
+
return ((x = E.find((L) => L.value === u)) == null ? void 0 : x.label) ?? null;
|
|
1031
1039
|
},
|
|
1032
|
-
[
|
|
1040
|
+
[E]
|
|
1033
1041
|
);
|
|
1034
|
-
|
|
1035
|
-
if (!
|
|
1036
|
-
const
|
|
1037
|
-
|
|
1042
|
+
U(() => {
|
|
1043
|
+
if (!f) return;
|
|
1044
|
+
const u = (x) => {
|
|
1045
|
+
_.current && !_.current.contains(x.target) && p(!1);
|
|
1038
1046
|
};
|
|
1039
|
-
return document.addEventListener("mousedown",
|
|
1040
|
-
}, [
|
|
1041
|
-
if (!
|
|
1042
|
-
const
|
|
1043
|
-
if (!
|
|
1044
|
-
const
|
|
1045
|
-
|
|
1046
|
-
const
|
|
1047
|
-
|
|
1048
|
-
}, [
|
|
1049
|
-
var
|
|
1050
|
-
|
|
1051
|
-
}, [
|
|
1052
|
-
const N = (
|
|
1053
|
-
|
|
1054
|
-
}, I = (
|
|
1055
|
-
const
|
|
1056
|
-
|
|
1057
|
-
},
|
|
1047
|
+
return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
|
|
1048
|
+
}, [f]), be(() => {
|
|
1049
|
+
if (!f) return;
|
|
1050
|
+
const u = w.current;
|
|
1051
|
+
if (!u) return;
|
|
1052
|
+
const x = u.getBoundingClientRect();
|
|
1053
|
+
M(u.offsetWidth);
|
|
1054
|
+
const L = window.innerHeight - x.bottom - 16;
|
|
1055
|
+
j(Math.min(380, Math.max(120, L)));
|
|
1056
|
+
}, [f]), U(() => {
|
|
1057
|
+
var u;
|
|
1058
|
+
f && ((u = C.current) == null || u.focus());
|
|
1059
|
+
}, [f]);
|
|
1060
|
+
const N = (u) => {
|
|
1061
|
+
g(u ?? q[0] ?? null), p(!0);
|
|
1062
|
+
}, I = (u) => {
|
|
1063
|
+
const x = i ? q.indexOf(i) : -1, L = Math.min(Math.max(x + u, 0), q.length - 1);
|
|
1064
|
+
g(q[L] ?? null);
|
|
1065
|
+
}, y = e ? A(e) : null;
|
|
1058
1066
|
return /* @__PURE__ */ n(
|
|
1059
|
-
|
|
1067
|
+
nt.Provider,
|
|
1060
1068
|
{
|
|
1061
1069
|
value: {
|
|
1062
1070
|
value: e,
|
|
1063
1071
|
onValueChange: t,
|
|
1064
1072
|
disabled: o,
|
|
1065
|
-
open:
|
|
1073
|
+
open: f,
|
|
1066
1074
|
setOpen: p,
|
|
1067
|
-
highlighted:
|
|
1068
|
-
setHighlighted:
|
|
1069
|
-
listboxId:
|
|
1075
|
+
highlighted: i,
|
|
1076
|
+
setHighlighted: g,
|
|
1077
|
+
listboxId: b,
|
|
1070
1078
|
values: q,
|
|
1071
|
-
labelFor:
|
|
1072
|
-
triggerRef:
|
|
1079
|
+
labelFor: A,
|
|
1080
|
+
triggerRef: w
|
|
1073
1081
|
},
|
|
1074
|
-
children: /* @__PURE__ */
|
|
1075
|
-
/* @__PURE__ */
|
|
1082
|
+
children: /* @__PURE__ */ z("div", { ref: _, className: se.root, children: [
|
|
1083
|
+
/* @__PURE__ */ z(
|
|
1076
1084
|
"button",
|
|
1077
1085
|
{
|
|
1078
1086
|
type: "button",
|
|
1079
1087
|
...d,
|
|
1080
|
-
ref:
|
|
1088
|
+
ref: w,
|
|
1081
1089
|
disabled: o,
|
|
1082
|
-
className:
|
|
1090
|
+
className: v(se.trigger, te.spaceControl, "spSelectTrigger", l),
|
|
1083
1091
|
"data-animated": s ? void 0 : "false",
|
|
1084
|
-
"data-state":
|
|
1092
|
+
"data-state": f ? "open" : "closed",
|
|
1085
1093
|
"aria-haspopup": "listbox",
|
|
1086
|
-
"aria-expanded":
|
|
1087
|
-
"aria-controls":
|
|
1088
|
-
onClick: () =>
|
|
1089
|
-
onKeyDown: (
|
|
1090
|
-
(
|
|
1094
|
+
"aria-expanded": f,
|
|
1095
|
+
"aria-controls": b,
|
|
1096
|
+
onClick: () => f ? p(!1) : N(e || null),
|
|
1097
|
+
onKeyDown: (u) => {
|
|
1098
|
+
(u.key === "ArrowDown" || u.key === "Enter" || u.key === " ") && (u.preventDefault(), N(e || null));
|
|
1091
1099
|
},
|
|
1092
1100
|
children: [
|
|
1093
|
-
/* @__PURE__ */
|
|
1094
|
-
/* @__PURE__ */
|
|
1095
|
-
|
|
1101
|
+
/* @__PURE__ */ z("span", { className: se.labelWrap, children: [
|
|
1102
|
+
/* @__PURE__ */ z("span", { className: se.sizer, "data-sizer": "", "aria-hidden": "true", children: [
|
|
1103
|
+
W.map((u, x) => (
|
|
1096
1104
|
// eslint-disable-next-line react/no-array-index-key
|
|
1097
|
-
/* @__PURE__ */ n("span", { children:
|
|
1105
|
+
/* @__PURE__ */ n("span", { children: u }, x)
|
|
1098
1106
|
)),
|
|
1099
1107
|
r && /* @__PURE__ */ n("span", { children: r })
|
|
1100
1108
|
] }),
|
|
1101
|
-
/* @__PURE__ */ n("span", { className:
|
|
1109
|
+
/* @__PURE__ */ n("span", { className: se.triggerLabel, children: y ?? r ?? "" })
|
|
1102
1110
|
] }),
|
|
1103
|
-
/* @__PURE__ */ n("svg", { className:
|
|
1111
|
+
/* @__PURE__ */ n("svg", { className: se.chevron, width: "9", height: "9", viewBox: "0 0 9 9", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M0.5 3 L4.5 7 L8.5 3", fill: "none", stroke: "currentColor", strokeWidth: "1.2" }) })
|
|
1104
1112
|
]
|
|
1105
1113
|
}
|
|
1106
1114
|
),
|
|
1107
1115
|
/* @__PURE__ */ n(
|
|
1108
1116
|
"div",
|
|
1109
1117
|
{
|
|
1110
|
-
ref:
|
|
1111
|
-
id:
|
|
1118
|
+
ref: C,
|
|
1119
|
+
id: b,
|
|
1112
1120
|
role: "listbox",
|
|
1113
1121
|
tabIndex: -1,
|
|
1114
|
-
hidden: !
|
|
1115
|
-
"aria-activedescendant":
|
|
1116
|
-
className:
|
|
1122
|
+
hidden: !f,
|
|
1123
|
+
"aria-activedescendant": i ? ot(b, i) : void 0,
|
|
1124
|
+
className: v(se.listbox, te.spacePanel),
|
|
1117
1125
|
"data-animated": s ? void 0 : "false",
|
|
1118
|
-
style:
|
|
1119
|
-
|
|
1126
|
+
style: $ != null || k != null ? {
|
|
1127
|
+
...$ != null ? { "--_select-trigger-width": `${$}px` } : {},
|
|
1120
1128
|
...k != null ? { maxHeight: `${k}px` } : {}
|
|
1121
1129
|
} : void 0,
|
|
1122
|
-
onKeyDown: (
|
|
1123
|
-
var
|
|
1124
|
-
|
|
1130
|
+
onKeyDown: (u) => {
|
|
1131
|
+
var x, L;
|
|
1132
|
+
u.key === "Escape" ? (u.stopPropagation(), p(!1), (x = w.current) == null || x.focus()) : u.key === "ArrowDown" ? (u.preventDefault(), I(1)) : u.key === "ArrowUp" ? (u.preventDefault(), I(-1)) : u.key === "Home" ? (u.preventDefault(), g(q[0] ?? null)) : u.key === "End" ? (u.preventDefault(), g(q[q.length - 1] ?? null)) : u.key === "Enter" || u.key === " " ? (u.preventDefault(), i && (t(i), p(!1), (L = w.current) == null || L.focus())) : u.key === "Tab" && p(!1);
|
|
1125
1133
|
},
|
|
1126
1134
|
children: a
|
|
1127
1135
|
}
|
|
@@ -1130,17 +1138,17 @@ function u1({
|
|
|
1130
1138
|
}
|
|
1131
1139
|
);
|
|
1132
1140
|
}
|
|
1133
|
-
function
|
|
1134
|
-
const r =
|
|
1141
|
+
function rt({ value: e, disabled: t, children: o }) {
|
|
1142
|
+
const r = gr(), s = r.value === e, l = r.highlighted === e;
|
|
1135
1143
|
return /* @__PURE__ */ n(
|
|
1136
1144
|
"div",
|
|
1137
1145
|
{
|
|
1138
|
-
id:
|
|
1146
|
+
id: ot(r.listboxId, e),
|
|
1139
1147
|
role: "option",
|
|
1140
1148
|
"aria-selected": s,
|
|
1141
1149
|
"aria-disabled": t || void 0,
|
|
1142
1150
|
"data-highlighted": l ? "" : void 0,
|
|
1143
|
-
className:
|
|
1151
|
+
className: v(se.item, "spSelectItem"),
|
|
1144
1152
|
onMouseEnter: () => !t && r.setHighlighted(e),
|
|
1145
1153
|
onClick: () => {
|
|
1146
1154
|
var a;
|
|
@@ -1150,55 +1158,55 @@ function et({ value: e, disabled: t, children: o }) {
|
|
|
1150
1158
|
}
|
|
1151
1159
|
);
|
|
1152
1160
|
}
|
|
1153
|
-
const
|
|
1154
|
-
root:
|
|
1155
|
-
input:
|
|
1156
|
-
slot:
|
|
1157
|
-
},
|
|
1158
|
-
return /* @__PURE__ */
|
|
1161
|
+
const bs = Object.assign(hr, { Item: rt }), Cr = "_root_1lx7y_1", vr = "_input_1lx7y_7", br = "_slot_1lx7y_17", We = {
|
|
1162
|
+
root: Cr,
|
|
1163
|
+
input: vr,
|
|
1164
|
+
slot: br
|
|
1165
|
+
}, wr = G(function({ className: t, style: o, animated: r = !0, children: s, ...l }, a) {
|
|
1166
|
+
return /* @__PURE__ */ z(
|
|
1159
1167
|
"div",
|
|
1160
1168
|
{
|
|
1161
|
-
className:
|
|
1169
|
+
className: v(We.root, te.spaceInput, "spTextFieldRoot", t),
|
|
1162
1170
|
"data-animated": r ? void 0 : "false",
|
|
1163
1171
|
style: o,
|
|
1164
1172
|
children: [
|
|
1165
1173
|
s,
|
|
1166
|
-
/* @__PURE__ */ n("input", { ...l, ref: a, className:
|
|
1174
|
+
/* @__PURE__ */ n("input", { ...l, ref: a, className: v(We.input, "spTextFieldInput") })
|
|
1167
1175
|
]
|
|
1168
1176
|
}
|
|
1169
1177
|
);
|
|
1170
1178
|
});
|
|
1171
|
-
function
|
|
1179
|
+
function yr({
|
|
1172
1180
|
children: e
|
|
1173
1181
|
}) {
|
|
1174
|
-
return /* @__PURE__ */ n("span", { className:
|
|
1182
|
+
return /* @__PURE__ */ n("span", { className: We.slot, children: e });
|
|
1175
1183
|
}
|
|
1176
|
-
const
|
|
1177
|
-
root:
|
|
1178
|
-
textarea:
|
|
1179
|
-
},
|
|
1184
|
+
const Ue = Object.assign(wr, { Slot: yr }), xr = "_root_1qu6w_1", Lr = "_textarea_1qu6w_6", Xe = {
|
|
1185
|
+
root: xr,
|
|
1186
|
+
textarea: Lr
|
|
1187
|
+
}, ws = G(function({ className: t, style: o, animated: r = !0, ...s }, l) {
|
|
1180
1188
|
return /* @__PURE__ */ n(
|
|
1181
1189
|
"div",
|
|
1182
1190
|
{
|
|
1183
|
-
className:
|
|
1191
|
+
className: v(Xe.root, te.spaceInput, te.spaceTextArea, "spTextFieldRoot", t),
|
|
1184
1192
|
"data-animated": r ? void 0 : "false",
|
|
1185
1193
|
style: o,
|
|
1186
|
-
children: /* @__PURE__ */ n("textarea", { ...s, ref: l, className:
|
|
1194
|
+
children: /* @__PURE__ */ n("textarea", { ...s, ref: l, className: v(Xe.textarea, "spTextAreaInput") })
|
|
1187
1195
|
}
|
|
1188
1196
|
);
|
|
1189
|
-
}),
|
|
1190
|
-
wrap:
|
|
1191
|
-
field:
|
|
1192
|
-
panel:
|
|
1193
|
-
status:
|
|
1194
|
-
list:
|
|
1195
|
-
option:
|
|
1196
|
-
active:
|
|
1197
|
-
label:
|
|
1198
|
-
meta:
|
|
1199
|
-
footer:
|
|
1197
|
+
}), $r = "_wrap_1rgfg_12", kr = "_field_1rgfg_16", Nr = "_panel_1rgfg_22", Mr = "_status_1rgfg_73", zr = "_list_1rgfg_83", Rr = "_option_1rgfg_96", Dr = "_active_1rgfg_108", qr = "_label_1rgfg_118", Ir = "_meta_1rgfg_125", Er = "_footer_1rgfg_131", ee = {
|
|
1198
|
+
wrap: $r,
|
|
1199
|
+
field: kr,
|
|
1200
|
+
panel: Nr,
|
|
1201
|
+
status: Mr,
|
|
1202
|
+
list: zr,
|
|
1203
|
+
option: Rr,
|
|
1204
|
+
active: Dr,
|
|
1205
|
+
label: qr,
|
|
1206
|
+
meta: Ir,
|
|
1207
|
+
footer: Er
|
|
1200
1208
|
};
|
|
1201
|
-
function
|
|
1209
|
+
function ys({
|
|
1202
1210
|
value: e,
|
|
1203
1211
|
onValueChange: t,
|
|
1204
1212
|
options: o,
|
|
@@ -1207,200 +1215,306 @@ function rs({
|
|
|
1207
1215
|
caseSensitive: l = !1,
|
|
1208
1216
|
preFiltered: a = !1,
|
|
1209
1217
|
loading: d = !1,
|
|
1210
|
-
loadingMessage:
|
|
1218
|
+
loadingMessage: f = "Loading…",
|
|
1211
1219
|
emptyMessage: p,
|
|
1212
|
-
footer:
|
|
1213
|
-
animated:
|
|
1214
|
-
className:
|
|
1215
|
-
style:
|
|
1216
|
-
...
|
|
1220
|
+
footer: i,
|
|
1221
|
+
animated: g = !0,
|
|
1222
|
+
className: b,
|
|
1223
|
+
style: w,
|
|
1224
|
+
..._
|
|
1217
1225
|
}) {
|
|
1218
|
-
const [
|
|
1219
|
-
if (!
|
|
1226
|
+
const [C, $] = B(!1), [M, k] = B(0), j = R(null), E = R(null), q = Q(), W = (c) => typeof c.label == "string" ? c.label : c.search ?? c.value, A = e.trim() !== "", N = Ce(() => {
|
|
1227
|
+
if (!A) return [];
|
|
1220
1228
|
if (a) return o;
|
|
1221
|
-
const
|
|
1222
|
-
return o.filter((
|
|
1223
|
-
}, [o, e, l, a,
|
|
1224
|
-
|
|
1225
|
-
var
|
|
1226
|
-
if (!
|
|
1227
|
-
const
|
|
1228
|
-
|
|
1229
|
-
}, [
|
|
1230
|
-
const
|
|
1231
|
-
|
|
1232
|
-
if (!
|
|
1233
|
-
const
|
|
1234
|
-
const
|
|
1235
|
-
|
|
1229
|
+
const c = l ? e : e.toLowerCase();
|
|
1230
|
+
return o.filter((m) => (l ? W(m) : W(m).toLowerCase()).includes(c));
|
|
1231
|
+
}, [o, e, l, a, A]), I = Ce(() => N.filter((c) => !c.disabled), [N]), y = A && (N.length > 0 || d || p != null), u = C && y;
|
|
1232
|
+
U(() => k(0), [N]), U(() => {
|
|
1233
|
+
var m;
|
|
1234
|
+
if (!u) return;
|
|
1235
|
+
const c = (m = E.current) == null ? void 0 : m.querySelector(`[data-index="${M}"]`);
|
|
1236
|
+
c == null || c.scrollIntoView({ block: "nearest" });
|
|
1237
|
+
}, [M, u]);
|
|
1238
|
+
const x = de(() => $(!1), []);
|
|
1239
|
+
U(() => {
|
|
1240
|
+
if (!u) return;
|
|
1241
|
+
const c = (m) => {
|
|
1242
|
+
const D = j.current;
|
|
1243
|
+
D && m.target instanceof Node && !D.contains(m.target) && x();
|
|
1236
1244
|
};
|
|
1237
|
-
return document.addEventListener("pointerdown",
|
|
1238
|
-
}, [
|
|
1239
|
-
const
|
|
1240
|
-
|
|
1241
|
-
},
|
|
1245
|
+
return document.addEventListener("pointerdown", c), () => document.removeEventListener("pointerdown", c);
|
|
1246
|
+
}, [u, x]);
|
|
1247
|
+
const L = R(!1), Z = (c) => {
|
|
1248
|
+
c.disabled || (t(W(c)), r(c.value, c), L.current = !1, $(!1));
|
|
1249
|
+
}, H = (c) => {
|
|
1242
1250
|
if (I.length === 0) return;
|
|
1243
|
-
const
|
|
1244
|
-
|
|
1245
|
-
},
|
|
1246
|
-
if (
|
|
1247
|
-
|
|
1251
|
+
const m = N[M], S = ((m && !m.disabled ? I.indexOf(m) : -1) + c + I.length) % I.length, O = I[S];
|
|
1252
|
+
O && k(N.indexOf(O));
|
|
1253
|
+
}, F = (c) => {
|
|
1254
|
+
if (c.key === "Escape") {
|
|
1255
|
+
u && c.stopPropagation(), $(!1);
|
|
1248
1256
|
return;
|
|
1249
1257
|
}
|
|
1250
|
-
if (
|
|
1251
|
-
|
|
1258
|
+
if (c.key === "Tab") {
|
|
1259
|
+
$(!1);
|
|
1252
1260
|
return;
|
|
1253
1261
|
}
|
|
1254
|
-
if (!
|
|
1255
|
-
|
|
1262
|
+
if (!u) {
|
|
1263
|
+
c.key === "ArrowDown" && $(!0);
|
|
1256
1264
|
return;
|
|
1257
1265
|
}
|
|
1258
|
-
if (
|
|
1259
|
-
|
|
1260
|
-
else if (
|
|
1261
|
-
|
|
1262
|
-
else if (
|
|
1263
|
-
|
|
1264
|
-
const
|
|
1265
|
-
|
|
1266
|
-
} else if (
|
|
1267
|
-
|
|
1268
|
-
const
|
|
1269
|
-
|
|
1270
|
-
} else if (
|
|
1271
|
-
const
|
|
1272
|
-
|
|
1266
|
+
if (c.key === "ArrowDown")
|
|
1267
|
+
c.preventDefault(), L.current = !0, H(1);
|
|
1268
|
+
else if (c.key === "ArrowUp")
|
|
1269
|
+
c.preventDefault(), L.current = !0, H(-1);
|
|
1270
|
+
else if (c.key === "Home") {
|
|
1271
|
+
c.preventDefault(), L.current = !0;
|
|
1272
|
+
const m = I[0];
|
|
1273
|
+
m && k(N.indexOf(m));
|
|
1274
|
+
} else if (c.key === "End") {
|
|
1275
|
+
c.preventDefault(), L.current = !0;
|
|
1276
|
+
const m = I[I.length - 1];
|
|
1277
|
+
m && k(N.indexOf(m));
|
|
1278
|
+
} else if (c.key === "Enter" || c.key === " " && L.current) {
|
|
1279
|
+
const m = N[M];
|
|
1280
|
+
m && !m.disabled && (c.preventDefault(), Z(m));
|
|
1273
1281
|
}
|
|
1274
|
-
},
|
|
1275
|
-
return /* @__PURE__ */
|
|
1282
|
+
}, h = u ? N[M] : void 0;
|
|
1283
|
+
return /* @__PURE__ */ z("div", { ref: j, className: v(ee.wrap, b), style: w, children: [
|
|
1276
1284
|
/* @__PURE__ */ n(
|
|
1277
|
-
|
|
1285
|
+
Ue,
|
|
1278
1286
|
{
|
|
1279
|
-
...
|
|
1280
|
-
type:
|
|
1287
|
+
..._,
|
|
1288
|
+
type: _.type ?? "text",
|
|
1281
1289
|
role: "combobox",
|
|
1282
|
-
animated:
|
|
1283
|
-
className:
|
|
1290
|
+
animated: g,
|
|
1291
|
+
className: ee.field,
|
|
1284
1292
|
autoComplete: "off",
|
|
1285
|
-
"aria-expanded":
|
|
1293
|
+
"aria-expanded": u,
|
|
1286
1294
|
"aria-controls": q,
|
|
1287
1295
|
"aria-autocomplete": "list",
|
|
1288
|
-
"aria-activedescendant":
|
|
1296
|
+
"aria-activedescendant": h && !h.disabled ? `${q}-${M}` : void 0,
|
|
1289
1297
|
value: e,
|
|
1290
|
-
onFocus: (
|
|
1291
|
-
var
|
|
1292
|
-
(
|
|
1298
|
+
onFocus: (c) => {
|
|
1299
|
+
var m;
|
|
1300
|
+
(m = _.onFocus) == null || m.call(_, c), $(!0);
|
|
1293
1301
|
},
|
|
1294
|
-
onClick: (
|
|
1295
|
-
var
|
|
1296
|
-
(
|
|
1302
|
+
onClick: (c) => {
|
|
1303
|
+
var m;
|
|
1304
|
+
(m = _.onClick) == null || m.call(_, c), $(!0);
|
|
1297
1305
|
},
|
|
1298
|
-
onKeyDown: (
|
|
1299
|
-
var
|
|
1300
|
-
(
|
|
1306
|
+
onKeyDown: (c) => {
|
|
1307
|
+
var m;
|
|
1308
|
+
(m = _.onKeyDown) == null || m.call(_, c), F(c);
|
|
1301
1309
|
},
|
|
1302
|
-
onChange: (
|
|
1303
|
-
|
|
1310
|
+
onChange: (c) => {
|
|
1311
|
+
L.current = !1, t(c.target.value), $(!0);
|
|
1304
1312
|
},
|
|
1305
|
-
children: s != null && /* @__PURE__ */ n(
|
|
1313
|
+
children: s != null && /* @__PURE__ */ n(Ue.Slot, { children: s })
|
|
1306
1314
|
}
|
|
1307
1315
|
),
|
|
1308
|
-
/* @__PURE__ */
|
|
1316
|
+
/* @__PURE__ */ z(
|
|
1309
1317
|
"div",
|
|
1310
1318
|
{
|
|
1311
|
-
className:
|
|
1312
|
-
hidden: !
|
|
1313
|
-
"data-animated":
|
|
1319
|
+
className: v(ee.panel, te.spacePanel),
|
|
1320
|
+
hidden: !u,
|
|
1321
|
+
"data-animated": g ? void 0 : "false",
|
|
1314
1322
|
children: [
|
|
1315
|
-
|
|
1316
|
-
|
|
1323
|
+
A && d && /* @__PURE__ */ n("p", { className: ee.status, children: f }),
|
|
1324
|
+
A && !d && N.length === 0 && p != null && /* @__PURE__ */ n("p", { className: ee.status, children: p }),
|
|
1317
1325
|
/* @__PURE__ */ n(
|
|
1318
1326
|
"ul",
|
|
1319
1327
|
{
|
|
1320
|
-
ref:
|
|
1328
|
+
ref: E,
|
|
1321
1329
|
id: q,
|
|
1322
1330
|
role: "listbox",
|
|
1323
|
-
className:
|
|
1331
|
+
className: ee.list,
|
|
1324
1332
|
hidden: d || N.length === 0,
|
|
1325
|
-
children: N.map((
|
|
1333
|
+
children: N.map((c, m) => /* @__PURE__ */ z(
|
|
1326
1334
|
"li",
|
|
1327
1335
|
{
|
|
1328
|
-
id: `${q}-${
|
|
1329
|
-
"data-index":
|
|
1336
|
+
id: `${q}-${m}`,
|
|
1337
|
+
"data-index": m,
|
|
1330
1338
|
role: "option",
|
|
1331
|
-
"aria-selected":
|
|
1332
|
-
"aria-disabled":
|
|
1333
|
-
className:
|
|
1334
|
-
|
|
1335
|
-
|
|
1339
|
+
"aria-selected": m === M,
|
|
1340
|
+
"aria-disabled": c.disabled || void 0,
|
|
1341
|
+
className: v(
|
|
1342
|
+
ee.option,
|
|
1343
|
+
m === M && !c.disabled && ee.active,
|
|
1336
1344
|
"spAutocompleteOption"
|
|
1337
1345
|
),
|
|
1338
|
-
onMouseEnter: () => !
|
|
1339
|
-
onPointerDown: (
|
|
1340
|
-
|
|
1346
|
+
onMouseEnter: () => !c.disabled && k(m),
|
|
1347
|
+
onPointerDown: (D) => {
|
|
1348
|
+
D.preventDefault(), Z(c);
|
|
1341
1349
|
},
|
|
1342
1350
|
children: [
|
|
1343
|
-
/* @__PURE__ */ n("span", { className:
|
|
1344
|
-
|
|
1351
|
+
/* @__PURE__ */ n("span", { className: ee.label, children: c.label }),
|
|
1352
|
+
c.meta != null && /* @__PURE__ */ n("span", { className: ee.meta, children: c.meta })
|
|
1345
1353
|
]
|
|
1346
1354
|
},
|
|
1347
|
-
|
|
1355
|
+
c.value
|
|
1348
1356
|
))
|
|
1349
1357
|
}
|
|
1350
1358
|
),
|
|
1351
|
-
|
|
1359
|
+
i != null && /* @__PURE__ */ n("div", { className: ee.footer, children: i })
|
|
1352
1360
|
]
|
|
1353
1361
|
}
|
|
1354
1362
|
)
|
|
1355
1363
|
] });
|
|
1356
1364
|
}
|
|
1357
|
-
const
|
|
1358
|
-
root:
|
|
1359
|
-
track:
|
|
1360
|
-
range:
|
|
1361
|
-
thumb:
|
|
1362
|
-
input:
|
|
1363
|
-
},
|
|
1364
|
-
const
|
|
1365
|
-
return /* @__PURE__ */
|
|
1366
|
-
/* @__PURE__ */ n("span", { className:
|
|
1367
|
-
/* @__PURE__ */ n("span", { className:
|
|
1365
|
+
const Hr = "_root_14a1b_1", Sr = "_track_14a1b_12", Tr = "_range_14a1b_22", jr = "_thumb_14a1b_28", Ar = "_input_14a1b_38", Me = {
|
|
1366
|
+
root: Hr,
|
|
1367
|
+
track: Sr,
|
|
1368
|
+
range: Tr,
|
|
1369
|
+
thumb: jr,
|
|
1370
|
+
input: Ar
|
|
1371
|
+
}, xs = G(function({ value: t, onValueChange: o, min: r, max: s, step: l, disabled: a, className: d, "aria-label": f }, p) {
|
|
1372
|
+
const i = t[0] ?? r, g = s === r ? 0 : (i - r) / (s - r) * 100;
|
|
1373
|
+
return /* @__PURE__ */ z("span", { className: v(Me.root, te.spaceSlider, d), "data-disabled": a || void 0, children: [
|
|
1374
|
+
/* @__PURE__ */ n("span", { className: v(Me.track, "spSliderTrack"), children: /* @__PURE__ */ n("span", { className: v(Me.range, "spSliderRange"), style: { width: `${g}%` } }) }),
|
|
1375
|
+
/* @__PURE__ */ n("span", { className: v(Me.thumb, "spSliderThumb"), style: { left: `${g}%` } }),
|
|
1368
1376
|
/* @__PURE__ */ n(
|
|
1369
1377
|
"input",
|
|
1370
1378
|
{
|
|
1371
1379
|
ref: p,
|
|
1372
1380
|
type: "range",
|
|
1373
|
-
className:
|
|
1374
|
-
value:
|
|
1381
|
+
className: v(Me.input, "spSliderInput"),
|
|
1382
|
+
value: i,
|
|
1375
1383
|
min: r,
|
|
1376
1384
|
max: s,
|
|
1377
1385
|
step: l,
|
|
1378
1386
|
disabled: a,
|
|
1379
|
-
"aria-label":
|
|
1380
|
-
onChange: (
|
|
1387
|
+
"aria-label": f,
|
|
1388
|
+
onChange: (b) => o([Number(b.target.value)])
|
|
1381
1389
|
}
|
|
1382
1390
|
)
|
|
1383
1391
|
] });
|
|
1384
|
-
}),
|
|
1385
|
-
root:
|
|
1386
|
-
item:
|
|
1387
|
-
selfLabeled:
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1392
|
+
}), Zr = "_root_mmcx8_18", Or = "_item_mmcx8_24", Br = "_selfLabeled_mmcx8_33", Wr = "_label_mmcx8_37", Vr = "_input_mmcx8_41", Fr = "_box_mmcx8_57", Pr = "_tick_mmcx8_80", Gr = "_dash_mmcx8_81", Kr = "_tickPath_mmcx8_95", P = {
|
|
1393
|
+
root: Zr,
|
|
1394
|
+
item: Or,
|
|
1395
|
+
selfLabeled: Br,
|
|
1396
|
+
label: Wr,
|
|
1397
|
+
input: Vr,
|
|
1398
|
+
box: Fr,
|
|
1399
|
+
tick: Pr,
|
|
1400
|
+
dash: Gr,
|
|
1401
|
+
tickPath: Kr
|
|
1402
|
+
}, st = we(null);
|
|
1403
|
+
function lt({
|
|
1404
|
+
checked: e,
|
|
1405
|
+
indeterminate: t,
|
|
1406
|
+
disabled: o,
|
|
1407
|
+
onToggle: r,
|
|
1408
|
+
value: s,
|
|
1409
|
+
ariaLabel: l
|
|
1410
|
+
}) {
|
|
1411
|
+
const a = R(null);
|
|
1412
|
+
return U(() => {
|
|
1413
|
+
a.current && (a.current.indeterminate = t === !0);
|
|
1414
|
+
}, [t]), /* @__PURE__ */ z(ue, { children: [
|
|
1415
|
+
/* @__PURE__ */ n(
|
|
1416
|
+
"input",
|
|
1417
|
+
{
|
|
1418
|
+
ref: a,
|
|
1419
|
+
type: "checkbox",
|
|
1420
|
+
className: P.input,
|
|
1421
|
+
"aria-label": l,
|
|
1422
|
+
value: s,
|
|
1423
|
+
checked: e,
|
|
1424
|
+
disabled: o,
|
|
1425
|
+
onChange: (d) => r(d.currentTarget.checked)
|
|
1426
|
+
}
|
|
1427
|
+
),
|
|
1428
|
+
/* @__PURE__ */ z("span", { className: P.box, "aria-hidden": "true", children: [
|
|
1429
|
+
/* @__PURE__ */ n("svg", { className: P.tick, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ n(
|
|
1430
|
+
"path",
|
|
1431
|
+
{
|
|
1432
|
+
className: P.tickPath,
|
|
1433
|
+
d: "M3.5 8.4 6.6 11.5 12.5 4.8",
|
|
1434
|
+
pathLength: 1,
|
|
1435
|
+
stroke: "currentColor",
|
|
1436
|
+
strokeWidth: 2,
|
|
1437
|
+
strokeLinecap: "round",
|
|
1438
|
+
strokeLinejoin: "round"
|
|
1439
|
+
}
|
|
1440
|
+
) }),
|
|
1441
|
+
/* @__PURE__ */ n("span", { className: P.dash })
|
|
1442
|
+
] })
|
|
1443
|
+
] });
|
|
1394
1444
|
}
|
|
1395
|
-
function
|
|
1396
|
-
|
|
1445
|
+
function Ur({
|
|
1446
|
+
value: e,
|
|
1447
|
+
onValueChange: t,
|
|
1448
|
+
disabled: o,
|
|
1449
|
+
className: r,
|
|
1450
|
+
"aria-label": s,
|
|
1451
|
+
children: l
|
|
1452
|
+
}) {
|
|
1453
|
+
return /* @__PURE__ */ n(st.Provider, { value: { value: e, onValueChange: t, disabled: o }, children: /* @__PURE__ */ n("div", { role: "group", "aria-label": s, className: v(P.root, r), children: l }) });
|
|
1454
|
+
}
|
|
1455
|
+
function Xr({ value: e, disabled: t, children: o }) {
|
|
1456
|
+
const r = ye(st);
|
|
1457
|
+
if (!r) throw new Error("CheckboxGroup.Item must be inside a CheckboxGroup");
|
|
1458
|
+
const s = t || r.disabled, l = r.value.includes(e), a = /* @__PURE__ */ n(
|
|
1459
|
+
lt,
|
|
1460
|
+
{
|
|
1461
|
+
checked: l,
|
|
1462
|
+
disabled: s,
|
|
1463
|
+
value: e,
|
|
1464
|
+
onToggle: (d) => r.onValueChange(d ? [...r.value, e] : r.value.filter((f) => f !== e))
|
|
1465
|
+
}
|
|
1466
|
+
);
|
|
1467
|
+
return o == null ? /* @__PURE__ */ n("span", { className: P.item, children: a }) : /* @__PURE__ */ z("label", { className: v(P.item, P.selfLabeled), children: [
|
|
1468
|
+
a,
|
|
1469
|
+
/* @__PURE__ */ n("span", { className: P.label, children: o })
|
|
1470
|
+
] });
|
|
1471
|
+
}
|
|
1472
|
+
const Ls = Object.assign(Ur, { Item: Xr });
|
|
1473
|
+
function $s({
|
|
1474
|
+
checked: e,
|
|
1475
|
+
onCheckedChange: t,
|
|
1476
|
+
indeterminate: o,
|
|
1477
|
+
disabled: r,
|
|
1478
|
+
className: s,
|
|
1479
|
+
"aria-label": l,
|
|
1480
|
+
children: a
|
|
1481
|
+
}) {
|
|
1482
|
+
const d = /* @__PURE__ */ n(
|
|
1483
|
+
lt,
|
|
1484
|
+
{
|
|
1485
|
+
checked: e,
|
|
1486
|
+
indeterminate: o,
|
|
1487
|
+
disabled: r,
|
|
1488
|
+
ariaLabel: l,
|
|
1489
|
+
onToggle: t
|
|
1490
|
+
}
|
|
1491
|
+
);
|
|
1492
|
+
return a == null ? /* @__PURE__ */ n("span", { className: v(P.item, s), children: d }) : /* @__PURE__ */ z("label", { className: v(P.item, P.selfLabeled, s), children: [
|
|
1493
|
+
d,
|
|
1494
|
+
/* @__PURE__ */ n("span", { className: P.label, children: a })
|
|
1495
|
+
] });
|
|
1496
|
+
}
|
|
1497
|
+
const Yr = "_root_1u1sq_15", Qr = "_item_1u1sq_23", Jr = "_selfLabeled_1u1sq_32", e1 = "_input_1u1sq_36", t1 = "_orb_1u1sq_52", n1 = "_burst_1u1sq_99", ie = {
|
|
1498
|
+
root: Yr,
|
|
1499
|
+
item: Qr,
|
|
1500
|
+
selfLabeled: Jr,
|
|
1501
|
+
input: e1,
|
|
1502
|
+
orb: t1,
|
|
1503
|
+
burst: n1
|
|
1504
|
+
}, at = we(null);
|
|
1505
|
+
function o1({ value: e, onValueChange: t, disabled: o, className: r, children: s }) {
|
|
1506
|
+
const l = Q();
|
|
1507
|
+
return /* @__PURE__ */ n(at.Provider, { value: { value: e, onValueChange: t, disabled: o, name: l }, children: /* @__PURE__ */ n("div", { role: "radiogroup", className: v(ie.root, r), children: s }) });
|
|
1508
|
+
}
|
|
1509
|
+
function r1({ value: e, disabled: t, children: o }) {
|
|
1510
|
+
const r = ye(at);
|
|
1397
1511
|
if (!r) throw new Error("RadioGroup.Item must be inside a RadioGroup");
|
|
1398
|
-
const s = t || r.disabled, l = /* @__PURE__ */
|
|
1512
|
+
const s = t || r.disabled, l = /* @__PURE__ */ z(ue, { children: [
|
|
1399
1513
|
/* @__PURE__ */ n(
|
|
1400
1514
|
"input",
|
|
1401
1515
|
{
|
|
1402
1516
|
type: "radio",
|
|
1403
|
-
className:
|
|
1517
|
+
className: ie.input,
|
|
1404
1518
|
name: r.name,
|
|
1405
1519
|
value: e,
|
|
1406
1520
|
checked: r.value === e,
|
|
@@ -1408,17 +1522,17 @@ function Z1({ value: e, disabled: t, children: o }) {
|
|
|
1408
1522
|
onChange: () => r.onValueChange(e)
|
|
1409
1523
|
}
|
|
1410
1524
|
),
|
|
1411
|
-
/* @__PURE__ */ n("span", { className:
|
|
1525
|
+
/* @__PURE__ */ n("span", { className: v(ie.orb, "spRadioOrb"), "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: ie.burst }) })
|
|
1412
1526
|
] });
|
|
1413
|
-
return o == null ? /* @__PURE__ */ n("span", { className:
|
|
1527
|
+
return o == null ? /* @__PURE__ */ n("span", { className: ie.item, children: l }) : /* @__PURE__ */ z("label", { className: v(ie.item, ie.selfLabeled), children: [
|
|
1414
1528
|
l,
|
|
1415
1529
|
o
|
|
1416
1530
|
] });
|
|
1417
1531
|
}
|
|
1418
|
-
const
|
|
1419
|
-
progress:
|
|
1532
|
+
const ks = Object.assign(o1, { Item: r1 }), s1 = "_progress_1cre6_16", l1 = {
|
|
1533
|
+
progress: s1
|
|
1420
1534
|
};
|
|
1421
|
-
function
|
|
1535
|
+
function Ns({ value: e, max: t = 100, className: o, style: r, ...s }) {
|
|
1422
1536
|
const l = t > 0 ? Math.min(Math.max(e / t * 100, 0), 100) : 0;
|
|
1423
1537
|
return /* @__PURE__ */ n(
|
|
1424
1538
|
"div",
|
|
@@ -1428,100 +1542,100 @@ function as({ value: e, max: t = 100, className: o, style: r, ...s }) {
|
|
|
1428
1542
|
"aria-valuenow": e,
|
|
1429
1543
|
"aria-valuemin": 0,
|
|
1430
1544
|
"aria-valuemax": t,
|
|
1431
|
-
className:
|
|
1545
|
+
className: v(l1.progress, o),
|
|
1432
1546
|
style: r,
|
|
1433
1547
|
children: /* @__PURE__ */ n("div", { style: { width: `${l}%`, height: "100%" } })
|
|
1434
1548
|
}
|
|
1435
1549
|
);
|
|
1436
1550
|
}
|
|
1437
|
-
const
|
|
1438
|
-
message:
|
|
1439
|
-
info:
|
|
1440
|
-
warning:
|
|
1441
|
-
alert:
|
|
1442
|
-
icon:
|
|
1443
|
-
body:
|
|
1444
|
-
title:
|
|
1445
|
-
text:
|
|
1446
|
-
},
|
|
1447
|
-
info: /* @__PURE__ */ n(
|
|
1448
|
-
warning: /* @__PURE__ */ n(
|
|
1449
|
-
alert: /* @__PURE__ */ n(
|
|
1450
|
-
},
|
|
1551
|
+
const a1 = "_message_1522x_14", c1 = "_info_1522x_44", i1 = "_warning_1522x_49", d1 = "_alert_1522x_56", u1 = "_icon_1522x_63", f1 = "_body_1522x_74", _1 = "_title_1522x_83", p1 = "_text_1522x_90", he = {
|
|
1552
|
+
message: a1,
|
|
1553
|
+
info: c1,
|
|
1554
|
+
warning: i1,
|
|
1555
|
+
alert: d1,
|
|
1556
|
+
icon: u1,
|
|
1557
|
+
body: f1,
|
|
1558
|
+
title: _1,
|
|
1559
|
+
text: p1
|
|
1560
|
+
}, g1 = {
|
|
1561
|
+
info: /* @__PURE__ */ n(po, {}),
|
|
1562
|
+
warning: /* @__PURE__ */ n(go, {}),
|
|
1563
|
+
alert: /* @__PURE__ */ n(mo, {})
|
|
1564
|
+
}, m1 = {
|
|
1451
1565
|
info: { role: "status", live: "polite" },
|
|
1452
1566
|
warning: { role: "status", live: "polite" },
|
|
1453
1567
|
alert: { role: "alert" }
|
|
1454
|
-
},
|
|
1455
|
-
const
|
|
1456
|
-
return /* @__PURE__ */
|
|
1568
|
+
}, Ms = G(function({ variant: t = "info", title: o, icon: r, className: s, children: l, ...a }, d) {
|
|
1569
|
+
const f = r === void 0 ? g1[t] : r, { role: p, live: i } = m1[t];
|
|
1570
|
+
return /* @__PURE__ */ z(
|
|
1457
1571
|
"div",
|
|
1458
1572
|
{
|
|
1459
1573
|
...a,
|
|
1460
1574
|
ref: d,
|
|
1461
1575
|
role: p,
|
|
1462
|
-
"aria-live":
|
|
1463
|
-
className:
|
|
1576
|
+
"aria-live": i,
|
|
1577
|
+
className: v(he.message, he[t], s),
|
|
1464
1578
|
children: [
|
|
1465
|
-
|
|
1466
|
-
/* @__PURE__ */
|
|
1467
|
-
o != null && /* @__PURE__ */ n("p", { className:
|
|
1468
|
-
l != null && /* @__PURE__ */ n("div", { className:
|
|
1579
|
+
f != null && /* @__PURE__ */ n("span", { className: he.icon, "aria-hidden": "true", children: f }),
|
|
1580
|
+
/* @__PURE__ */ z("div", { className: he.body, children: [
|
|
1581
|
+
o != null && /* @__PURE__ */ n("p", { className: he.title, children: o }),
|
|
1582
|
+
l != null && /* @__PURE__ */ n("div", { className: he.text, children: l })
|
|
1469
1583
|
] })
|
|
1470
1584
|
]
|
|
1471
1585
|
}
|
|
1472
1586
|
);
|
|
1473
|
-
}),
|
|
1474
|
-
dialog:
|
|
1475
|
-
inner:
|
|
1476
|
-
size4:
|
|
1477
|
-
title:
|
|
1478
|
-
closeX:
|
|
1587
|
+
}), h1 = "_dialog_zbndh_2", C1 = "_inner_zbndh_71", v1 = "_size4_zbndh_76", b1 = "_title_zbndh_80", w1 = "_closeX_zbndh_88", Re = {
|
|
1588
|
+
dialog: h1,
|
|
1589
|
+
inner: C1,
|
|
1590
|
+
size4: v1,
|
|
1591
|
+
title: b1,
|
|
1592
|
+
closeX: w1
|
|
1479
1593
|
};
|
|
1480
|
-
let
|
|
1481
|
-
const
|
|
1482
|
-
const e =
|
|
1594
|
+
let Ae = 0;
|
|
1595
|
+
const ct = we(null), qe = () => {
|
|
1596
|
+
const e = ye(ct);
|
|
1483
1597
|
if (!e) throw new Error("Dialog parts must be inside a Dialog");
|
|
1484
1598
|
return e;
|
|
1485
1599
|
};
|
|
1486
|
-
function
|
|
1600
|
+
function it(e) {
|
|
1487
1601
|
return function({ open: o, onOpenChange: r, children: s }) {
|
|
1488
|
-
const [l, a] =
|
|
1489
|
-
d || a(
|
|
1490
|
-
},
|
|
1491
|
-
return /* @__PURE__ */ n(
|
|
1602
|
+
const [l, a] = B(!1), d = o !== void 0, f = d ? o : l, p = (_) => {
|
|
1603
|
+
d || a(_), r == null || r(_);
|
|
1604
|
+
}, i = Q(), g = Q(), [b, w] = B(!1);
|
|
1605
|
+
return /* @__PURE__ */ n(ct.Provider, { value: { open: f, setOpen: p, titleId: i, descId: g, alert: e, hasDesc: b, setHasDesc: w }, children: s });
|
|
1492
1606
|
};
|
|
1493
1607
|
}
|
|
1494
|
-
const
|
|
1495
|
-
if (!
|
|
1608
|
+
const y1 = it(!1), dt = (e, t) => {
|
|
1609
|
+
if (!ve(e)) return e;
|
|
1496
1610
|
const o = e;
|
|
1497
|
-
return
|
|
1611
|
+
return Oe(o, {
|
|
1498
1612
|
onClick: (r) => {
|
|
1499
1613
|
var s, l;
|
|
1500
1614
|
(l = (s = o.props).onClick) == null || l.call(s, r), t();
|
|
1501
1615
|
}
|
|
1502
1616
|
});
|
|
1503
1617
|
};
|
|
1504
|
-
function
|
|
1618
|
+
function ut({
|
|
1505
1619
|
children: e
|
|
1506
1620
|
}) {
|
|
1507
|
-
const t =
|
|
1508
|
-
return /* @__PURE__ */ n(
|
|
1621
|
+
const t = qe();
|
|
1622
|
+
return /* @__PURE__ */ n(ue, { children: dt(e, () => t.setOpen(!0)) });
|
|
1509
1623
|
}
|
|
1510
|
-
function
|
|
1624
|
+
function Fe({
|
|
1511
1625
|
children: e
|
|
1512
1626
|
}) {
|
|
1513
|
-
const t =
|
|
1514
|
-
return /* @__PURE__ */ n(
|
|
1627
|
+
const t = qe();
|
|
1628
|
+
return /* @__PURE__ */ n(ue, { children: dt(e, () => t.setOpen(!1)) });
|
|
1515
1629
|
}
|
|
1516
|
-
function
|
|
1517
|
-
const a =
|
|
1518
|
-
return
|
|
1519
|
-
const
|
|
1520
|
-
|
|
1521
|
-
}, [a.open]),
|
|
1630
|
+
function ft({ size: e = "3", maxWidth: t, className: o, style: r, children: s, ...l }) {
|
|
1631
|
+
const a = qe(), d = R(null), f = R(!1), p = R(!1);
|
|
1632
|
+
return U(() => {
|
|
1633
|
+
const i = d.current;
|
|
1634
|
+
i && (a.open && !i.open ? i.showModal() : !a.open && i.open && i.close());
|
|
1635
|
+
}, [a.open]), U(() => {
|
|
1522
1636
|
if (a.open)
|
|
1523
|
-
return
|
|
1524
|
-
|
|
1637
|
+
return Ae += 1, Ae === 1 && (document.body.style.overflow = "hidden"), () => {
|
|
1638
|
+
Ae -= 1, Ae === 0 && (document.body.style.overflow = "");
|
|
1525
1639
|
};
|
|
1526
1640
|
}, [a.open]), /* @__PURE__ */ n(
|
|
1527
1641
|
"dialog",
|
|
@@ -1531,15 +1645,15 @@ function lt({ size: e = "3", maxWidth: t, className: o, style: r, children: s, .
|
|
|
1531
1645
|
role: a.alert ? "alertdialog" : void 0,
|
|
1532
1646
|
"aria-labelledby": a.titleId,
|
|
1533
1647
|
"aria-describedby": a.hasDesc ? a.descId : void 0,
|
|
1534
|
-
className:
|
|
1648
|
+
className: v(Re.dialog, "spDialog", e === "4" && Re.size4, o),
|
|
1535
1649
|
style: { ...t ? { maxWidth: t } : null, ...r },
|
|
1536
|
-
onKeyDownCapture: (
|
|
1537
|
-
var
|
|
1538
|
-
|
|
1650
|
+
onKeyDownCapture: (i) => {
|
|
1651
|
+
var g, b;
|
|
1652
|
+
i.key === "Escape" && ((g = d.current) != null && g.querySelector("dialog[open]") || (b = d.current) != null && b.querySelector('[role="listbox"]:not([hidden])') && (f.current = !0));
|
|
1539
1653
|
},
|
|
1540
|
-
onCancel: (
|
|
1541
|
-
if (
|
|
1542
|
-
|
|
1654
|
+
onCancel: (i) => {
|
|
1655
|
+
if (i.preventDefault(), f.current) {
|
|
1656
|
+
f.current = !1;
|
|
1543
1657
|
return;
|
|
1544
1658
|
}
|
|
1545
1659
|
a.setOpen(!1);
|
|
@@ -1547,21 +1661,21 @@ function lt({ size: e = "3", maxWidth: t, className: o, style: r, children: s, .
|
|
|
1547
1661
|
onClose: () => {
|
|
1548
1662
|
a.open && a.setOpen(!1);
|
|
1549
1663
|
},
|
|
1550
|
-
onPointerDown: (
|
|
1551
|
-
p.current =
|
|
1664
|
+
onPointerDown: (i) => {
|
|
1665
|
+
p.current = i.target === d.current;
|
|
1552
1666
|
},
|
|
1553
|
-
onClick: (
|
|
1554
|
-
!a.alert &&
|
|
1667
|
+
onClick: (i) => {
|
|
1668
|
+
!a.alert && i.target === d.current && p.current && a.setOpen(!1);
|
|
1555
1669
|
},
|
|
1556
|
-
children: /* @__PURE__ */
|
|
1670
|
+
children: /* @__PURE__ */ z("div", { className: Re.inner, children: [
|
|
1557
1671
|
!a.alert && /* @__PURE__ */ n(
|
|
1558
1672
|
"button",
|
|
1559
1673
|
{
|
|
1560
1674
|
type: "button",
|
|
1561
|
-
className:
|
|
1675
|
+
className: Re.closeX,
|
|
1562
1676
|
"aria-label": "Close",
|
|
1563
1677
|
onClick: () => a.setOpen(!1),
|
|
1564
|
-
children: /* @__PURE__ */ n(
|
|
1678
|
+
children: /* @__PURE__ */ n(_o, { width: 16, height: 16 })
|
|
1565
1679
|
}
|
|
1566
1680
|
),
|
|
1567
1681
|
s
|
|
@@ -1569,82 +1683,82 @@ function lt({ size: e = "3", maxWidth: t, className: o, style: r, children: s, .
|
|
|
1569
1683
|
}
|
|
1570
1684
|
);
|
|
1571
1685
|
}
|
|
1572
|
-
function
|
|
1573
|
-
const o =
|
|
1574
|
-
return /* @__PURE__ */ n(
|
|
1686
|
+
function _t({ className: e, ...t }) {
|
|
1687
|
+
const o = qe();
|
|
1688
|
+
return /* @__PURE__ */ n(Vt, { as: "h2", size: "5", ...t, id: o.titleId, className: v(Re.title, e) });
|
|
1575
1689
|
}
|
|
1576
|
-
function
|
|
1577
|
-
const t =
|
|
1578
|
-
return
|
|
1690
|
+
function pt(e) {
|
|
1691
|
+
const t = qe(), { setHasDesc: o } = t;
|
|
1692
|
+
return be(() => (o(!0), () => o(!1)), [o]), /* @__PURE__ */ n(It, { as: "p", ...e, id: t.descId });
|
|
1579
1693
|
}
|
|
1580
|
-
const
|
|
1581
|
-
Trigger:
|
|
1582
|
-
Close:
|
|
1583
|
-
Content:
|
|
1584
|
-
Title:
|
|
1585
|
-
Description:
|
|
1586
|
-
}),
|
|
1587
|
-
Trigger:
|
|
1588
|
-
Content:
|
|
1589
|
-
Title:
|
|
1590
|
-
Description:
|
|
1591
|
-
Cancel:
|
|
1592
|
-
Action:
|
|
1593
|
-
}),
|
|
1594
|
-
menu:
|
|
1595
|
-
label:
|
|
1596
|
-
item:
|
|
1597
|
-
danger:
|
|
1598
|
-
separator:
|
|
1599
|
-
},
|
|
1600
|
-
const e =
|
|
1694
|
+
const zs = Object.assign(y1, {
|
|
1695
|
+
Trigger: ut,
|
|
1696
|
+
Close: Fe,
|
|
1697
|
+
Content: ft,
|
|
1698
|
+
Title: _t,
|
|
1699
|
+
Description: pt
|
|
1700
|
+
}), x1 = Fe, L1 = Fe, Rs = Object.assign(it(!0), {
|
|
1701
|
+
Trigger: ut,
|
|
1702
|
+
Content: ft,
|
|
1703
|
+
Title: _t,
|
|
1704
|
+
Description: pt,
|
|
1705
|
+
Cancel: x1,
|
|
1706
|
+
Action: L1
|
|
1707
|
+
}), $1 = "_menu_11ctg_1", k1 = "_label_11ctg_51", N1 = "_item_11ctg_61", M1 = "_danger_11ctg_80", z1 = "_separator_11ctg_84", De = {
|
|
1708
|
+
menu: $1,
|
|
1709
|
+
label: k1,
|
|
1710
|
+
item: N1,
|
|
1711
|
+
danger: M1,
|
|
1712
|
+
separator: z1
|
|
1713
|
+
}, gt = we(null), R1 = () => {
|
|
1714
|
+
const e = ye(gt);
|
|
1601
1715
|
if (!e) throw new Error("DropdownMenu parts must be inside a DropdownMenu");
|
|
1602
1716
|
return e;
|
|
1603
1717
|
};
|
|
1604
|
-
function
|
|
1605
|
-
const [s, l] =
|
|
1606
|
-
|
|
1607
|
-
const
|
|
1608
|
-
|
|
1609
|
-
}, []), [
|
|
1610
|
-
return
|
|
1611
|
-
var
|
|
1612
|
-
const
|
|
1613
|
-
if (
|
|
1718
|
+
function D1({ label: e, align: t = "start", children: o, ...r }) {
|
|
1719
|
+
const [s, l] = B(!1), a = Q(), d = R(null), f = R(null), p = R(null), i = R(s);
|
|
1720
|
+
i.current = s;
|
|
1721
|
+
const g = de((_) => {
|
|
1722
|
+
i.current !== _ && (i.current = _, l(_));
|
|
1723
|
+
}, []), [b, w] = B(null);
|
|
1724
|
+
return be(() => {
|
|
1725
|
+
var C;
|
|
1726
|
+
const _ = f.current;
|
|
1727
|
+
if (_)
|
|
1614
1728
|
if (s) {
|
|
1615
|
-
const
|
|
1616
|
-
if (
|
|
1617
|
-
const
|
|
1618
|
-
|
|
1729
|
+
const $ = d.current;
|
|
1730
|
+
if ($) {
|
|
1731
|
+
const M = $.getBoundingClientRect(), k = t === "end" ? "auto" : M.left, j = t === "end" ? window.innerWidth - M.right : "auto";
|
|
1732
|
+
w({ top: M.bottom + 6, left: k, right: j });
|
|
1619
1733
|
}
|
|
1620
|
-
|
|
1621
|
-
} else
|
|
1622
|
-
}, [s, t]),
|
|
1734
|
+
_.showPopover(), (C = _.querySelector('[role="menuitem"]')) == null || C.focus();
|
|
1735
|
+
} else _.matches(":popover-open") && _.hidePopover();
|
|
1736
|
+
}, [s, t]), U(() => {
|
|
1623
1737
|
if (!s) return;
|
|
1624
|
-
const
|
|
1625
|
-
return window.addEventListener("resize",
|
|
1626
|
-
}, [s]), /* @__PURE__ */
|
|
1738
|
+
const _ = () => g(!1);
|
|
1739
|
+
return window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
|
|
1740
|
+
}, [s]), /* @__PURE__ */ z(gt.Provider, { value: { open: s, setOpen: g, menuId: a }, children: [
|
|
1627
1741
|
/* @__PURE__ */ n(
|
|
1628
|
-
|
|
1742
|
+
Ze,
|
|
1629
1743
|
{
|
|
1630
1744
|
...r,
|
|
1631
1745
|
ref: d,
|
|
1632
1746
|
"aria-haspopup": "menu",
|
|
1633
1747
|
"aria-expanded": s,
|
|
1634
1748
|
"aria-controls": a,
|
|
1635
|
-
onPointerDown: (
|
|
1636
|
-
var
|
|
1637
|
-
(
|
|
1749
|
+
onPointerDown: (_) => {
|
|
1750
|
+
var C;
|
|
1751
|
+
(C = r.onPointerDown) == null || C.call(r, _), p.current = !i.current;
|
|
1638
1752
|
},
|
|
1639
|
-
onKeyDown: (
|
|
1640
|
-
var
|
|
1641
|
-
(
|
|
1753
|
+
onKeyDown: (_) => {
|
|
1754
|
+
var C;
|
|
1755
|
+
(C = r.onKeyDown) == null || C.call(r, _), (_.key === "Enter" || _.key === " ") && (p.current = null);
|
|
1642
1756
|
},
|
|
1643
|
-
onClick: (
|
|
1644
|
-
var
|
|
1645
|
-
(
|
|
1646
|
-
const
|
|
1647
|
-
p.current = null, C
|
|
1757
|
+
onClick: (_) => {
|
|
1758
|
+
var $;
|
|
1759
|
+
($ = r.onClick) == null || $.call(r, _);
|
|
1760
|
+
const C = p.current ?? !i.current;
|
|
1761
|
+
p.current = null, g(C);
|
|
1648
1762
|
},
|
|
1649
1763
|
children: e
|
|
1650
1764
|
}
|
|
@@ -1652,90 +1766,90 @@ function _r({ label: e, align: t = "start", children: o, ...r }) {
|
|
|
1652
1766
|
/* @__PURE__ */ n(
|
|
1653
1767
|
"div",
|
|
1654
1768
|
{
|
|
1655
|
-
ref:
|
|
1769
|
+
ref: f,
|
|
1656
1770
|
id: a,
|
|
1657
1771
|
role: "menu",
|
|
1658
1772
|
popover: "auto",
|
|
1659
|
-
className:
|
|
1660
|
-
style:
|
|
1661
|
-
top:
|
|
1662
|
-
left:
|
|
1663
|
-
right:
|
|
1773
|
+
className: De.menu,
|
|
1774
|
+
style: b ? {
|
|
1775
|
+
top: b.top,
|
|
1776
|
+
left: b.left === "auto" ? "auto" : b.left,
|
|
1777
|
+
right: b.right === "auto" ? "auto" : b.right
|
|
1664
1778
|
} : void 0,
|
|
1665
|
-
onToggle: (
|
|
1666
|
-
|
|
1779
|
+
onToggle: (_) => {
|
|
1780
|
+
_.nativeEvent.newState === "closed" && g(!1);
|
|
1667
1781
|
},
|
|
1668
|
-
onKeyDown: (
|
|
1669
|
-
var
|
|
1670
|
-
const
|
|
1671
|
-
((
|
|
1672
|
-
),
|
|
1673
|
-
|
|
1782
|
+
onKeyDown: (_) => {
|
|
1783
|
+
var M, k, j, E, q, W;
|
|
1784
|
+
const C = Array.from(
|
|
1785
|
+
((M = f.current) == null ? void 0 : M.querySelectorAll('[role="menuitem"]')) ?? []
|
|
1786
|
+
), $ = C.indexOf(document.activeElement);
|
|
1787
|
+
_.key === "ArrowDown" ? (_.preventDefault(), (k = C[Math.min($ + 1, C.length - 1)]) == null || k.focus()) : _.key === "ArrowUp" ? (_.preventDefault(), (j = C[Math.max($ - 1, 0)]) == null || j.focus()) : _.key === "Home" ? (_.preventDefault(), (E = C[0]) == null || E.focus()) : _.key === "End" ? (_.preventDefault(), (q = C[C.length - 1]) == null || q.focus()) : _.key === "Escape" && (g(!1), (W = d.current) == null || W.focus());
|
|
1674
1788
|
},
|
|
1675
1789
|
children: o
|
|
1676
1790
|
}
|
|
1677
1791
|
)
|
|
1678
1792
|
] });
|
|
1679
1793
|
}
|
|
1680
|
-
function
|
|
1794
|
+
function q1({
|
|
1681
1795
|
children: e
|
|
1682
1796
|
}) {
|
|
1683
|
-
return /* @__PURE__ */ n("div", { className:
|
|
1797
|
+
return /* @__PURE__ */ n("div", { className: De.label, children: e });
|
|
1684
1798
|
}
|
|
1685
|
-
function
|
|
1686
|
-
const s =
|
|
1799
|
+
function I1({ asChild: e, color: t, onSelect: o, children: r }) {
|
|
1800
|
+
const s = R1(), l = v(De.item, t === "danger" && De.danger), a = () => {
|
|
1687
1801
|
s.setOpen(!1), o == null || o();
|
|
1688
1802
|
};
|
|
1689
|
-
if (e &&
|
|
1803
|
+
if (e && ve(r)) {
|
|
1690
1804
|
const d = r, {
|
|
1691
|
-
className:
|
|
1805
|
+
className: f,
|
|
1692
1806
|
onClick: p,
|
|
1693
|
-
children:
|
|
1694
|
-
role:
|
|
1695
|
-
tabIndex:
|
|
1696
|
-
...
|
|
1697
|
-
} = d.props,
|
|
1698
|
-
return
|
|
1807
|
+
children: i,
|
|
1808
|
+
role: g,
|
|
1809
|
+
tabIndex: b,
|
|
1810
|
+
...w
|
|
1811
|
+
} = d.props, _ = d.ref;
|
|
1812
|
+
return Ve(
|
|
1699
1813
|
d.type,
|
|
1700
1814
|
{
|
|
1701
1815
|
key: d.key,
|
|
1702
|
-
ref:
|
|
1816
|
+
ref: _,
|
|
1703
1817
|
role: "menuitem",
|
|
1704
1818
|
tabIndex: -1,
|
|
1705
|
-
...
|
|
1706
|
-
className:
|
|
1707
|
-
onClick: (
|
|
1708
|
-
p == null || p(
|
|
1819
|
+
...w,
|
|
1820
|
+
className: v(l, f),
|
|
1821
|
+
onClick: (C) => {
|
|
1822
|
+
p == null || p(C), s.setOpen(!1);
|
|
1709
1823
|
}
|
|
1710
1824
|
},
|
|
1711
|
-
|
|
1825
|
+
i
|
|
1712
1826
|
);
|
|
1713
1827
|
}
|
|
1714
1828
|
return /* @__PURE__ */ n("button", { type: "button", role: "menuitem", tabIndex: -1, className: l, onClick: a, children: r });
|
|
1715
1829
|
}
|
|
1716
|
-
function
|
|
1717
|
-
return /* @__PURE__ */ n("div", { role: "separator", className:
|
|
1830
|
+
function E1() {
|
|
1831
|
+
return /* @__PURE__ */ n("div", { role: "separator", className: De.separator });
|
|
1718
1832
|
}
|
|
1719
|
-
const
|
|
1720
|
-
list:
|
|
1721
|
-
trigger:
|
|
1722
|
-
},
|
|
1723
|
-
const e =
|
|
1833
|
+
const Ds = Object.assign(D1, { Item: I1, Separator: E1, Label: q1 }), H1 = "_list_1hc3r_19", S1 = "_trigger_1hc3r_28", mt = {
|
|
1834
|
+
list: H1,
|
|
1835
|
+
trigger: S1
|
|
1836
|
+
}, ht = we(null), Ct = () => {
|
|
1837
|
+
const e = ye(ht);
|
|
1724
1838
|
if (!e) throw new Error("Tabs parts must be inside a Tabs");
|
|
1725
1839
|
return e;
|
|
1726
1840
|
};
|
|
1727
|
-
function
|
|
1728
|
-
const s =
|
|
1729
|
-
return /* @__PURE__ */ n(
|
|
1841
|
+
function T1({ value: e, onValueChange: t, className: o, children: r }) {
|
|
1842
|
+
const s = Q();
|
|
1843
|
+
return /* @__PURE__ */ n(ht.Provider, { value: { value: e, onValueChange: t, id: s }, children: /* @__PURE__ */ n("div", { className: o, children: r }) });
|
|
1730
1844
|
}
|
|
1731
|
-
function
|
|
1845
|
+
function j1({
|
|
1732
1846
|
children: e
|
|
1733
1847
|
}) {
|
|
1734
1848
|
return /* @__PURE__ */ n(
|
|
1735
1849
|
"div",
|
|
1736
1850
|
{
|
|
1737
1851
|
role: "tablist",
|
|
1738
|
-
className:
|
|
1852
|
+
className: v(mt.list, "spTabsList"),
|
|
1739
1853
|
onKeyDown: (t) => {
|
|
1740
1854
|
const o = Array.from(
|
|
1741
1855
|
t.currentTarget.querySelectorAll('[role="tab"]')
|
|
@@ -1764,8 +1878,8 @@ function wr({
|
|
|
1764
1878
|
}
|
|
1765
1879
|
);
|
|
1766
1880
|
}
|
|
1767
|
-
function
|
|
1768
|
-
const s =
|
|
1881
|
+
function A1({ value: e, className: t, children: o, ...r }) {
|
|
1882
|
+
const s = Ct(), l = s.value === e;
|
|
1769
1883
|
return /* @__PURE__ */ n(
|
|
1770
1884
|
"button",
|
|
1771
1885
|
{
|
|
@@ -1777,23 +1891,23 @@ function br({ value: e, className: t, children: o, ...r }) {
|
|
|
1777
1891
|
"aria-controls": `${s.id}-panel-${e}`,
|
|
1778
1892
|
tabIndex: l ? 0 : -1,
|
|
1779
1893
|
"data-state": l ? "active" : "inactive",
|
|
1780
|
-
className:
|
|
1894
|
+
className: v(mt.trigger, "spTabsTrigger", t),
|
|
1781
1895
|
onClick: () => s.onValueChange(e),
|
|
1782
1896
|
children: o
|
|
1783
1897
|
}
|
|
1784
1898
|
);
|
|
1785
1899
|
}
|
|
1786
|
-
function
|
|
1900
|
+
function Z1({
|
|
1787
1901
|
value: e,
|
|
1788
1902
|
children: t
|
|
1789
1903
|
}) {
|
|
1790
|
-
const o =
|
|
1904
|
+
const o = Ct();
|
|
1791
1905
|
return o.value !== e ? null : /* @__PURE__ */ n("div", { role: "tabpanel", id: `${o.id}-panel-${e}`, "aria-labelledby": `${o.id}-tab-${e}`, children: t });
|
|
1792
1906
|
}
|
|
1793
|
-
const
|
|
1794
|
-
panel:
|
|
1795
|
-
},
|
|
1796
|
-
function
|
|
1907
|
+
const qs = Object.assign(T1, { List: j1, Trigger: A1, Content: Z1 }), O1 = "_panel_4us94_9", B1 = {
|
|
1908
|
+
panel: O1
|
|
1909
|
+
}, Ye = 8, ze = 8, W1 = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
|
|
1910
|
+
function Is({
|
|
1797
1911
|
label: e,
|
|
1798
1912
|
children: t,
|
|
1799
1913
|
open: o,
|
|
@@ -1802,66 +1916,66 @@ function _s({
|
|
|
1802
1916
|
side: l = "bottom",
|
|
1803
1917
|
align: a = "start",
|
|
1804
1918
|
panelClassName: d,
|
|
1805
|
-
onClick:
|
|
1919
|
+
onClick: f,
|
|
1806
1920
|
...p
|
|
1807
1921
|
}) {
|
|
1808
|
-
const [
|
|
1809
|
-
|
|
1810
|
-
const N =
|
|
1811
|
-
(
|
|
1812
|
-
|
|
1922
|
+
const [i, g] = B(s), b = o !== void 0, w = b ? o : i, _ = Q(), C = Q(), $ = R(null), M = R(null), [k, j] = B(null), E = R(!1), q = R(!1), W = R(null), A = R(w);
|
|
1923
|
+
A.current = w;
|
|
1924
|
+
const N = de(
|
|
1925
|
+
(y) => {
|
|
1926
|
+
A.current !== y && (A.current = y, b || g(y), r == null || r(y));
|
|
1813
1927
|
},
|
|
1814
|
-
[
|
|
1815
|
-
), I =
|
|
1816
|
-
const
|
|
1817
|
-
if (!
|
|
1818
|
-
const
|
|
1819
|
-
|
|
1820
|
-
const
|
|
1821
|
-
Math.max(
|
|
1822
|
-
Math.max(window.innerWidth -
|
|
1928
|
+
[b, r]
|
|
1929
|
+
), I = de(() => {
|
|
1930
|
+
const y = $.current, u = M.current;
|
|
1931
|
+
if (!y || !u) return;
|
|
1932
|
+
const x = y.getBoundingClientRect(), L = u.offsetWidth, Z = u.offsetHeight, H = x.bottom + Ye, F = x.top - Z - Ye, h = H + Z <= window.innerHeight - ze, c = F >= ze, m = l === "bottom" ? h || !c ? H : F : c || !h ? F : H, D = m === H ? "bottom" : "top";
|
|
1933
|
+
u.dataset.side = D;
|
|
1934
|
+
const S = a === "start" ? x.left : a === "end" ? x.right - L : x.left + x.width / 2 - L / 2, O = Math.min(
|
|
1935
|
+
Math.max(S, ze),
|
|
1936
|
+
Math.max(window.innerWidth - L - ze, ze)
|
|
1823
1937
|
);
|
|
1824
|
-
|
|
1825
|
-
(
|
|
1938
|
+
j(
|
|
1939
|
+
(K) => K && K.top === m && K.left === O && K.placed === D ? K : { top: m, left: O, placed: D }
|
|
1826
1940
|
);
|
|
1827
1941
|
}, [l, a]);
|
|
1828
|
-
return
|
|
1829
|
-
const
|
|
1830
|
-
|
|
1831
|
-
}, [
|
|
1832
|
-
if (!
|
|
1833
|
-
let
|
|
1834
|
-
const
|
|
1835
|
-
const
|
|
1836
|
-
if (
|
|
1837
|
-
const
|
|
1838
|
-
|
|
1942
|
+
return be(() => {
|
|
1943
|
+
const y = M.current;
|
|
1944
|
+
y && (w ? (tt(y, I), I(), E.current && (E.current = !1, (y.querySelector(W1) ?? y).focus({ preventScroll: !0 }))) : y.matches(":popover-open") && y.hidePopover());
|
|
1945
|
+
}, [w, I]), U(() => {
|
|
1946
|
+
if (!w) return;
|
|
1947
|
+
let y = 0, u = "";
|
|
1948
|
+
const x = () => {
|
|
1949
|
+
const L = $.current, Z = M.current;
|
|
1950
|
+
if (L && Z) {
|
|
1951
|
+
const H = L.getBoundingClientRect(), F = `${H.top}|${H.left}|${H.width}|${H.height}|${Z.offsetWidth}|${Z.offsetHeight}|${window.innerWidth}|${window.innerHeight}`;
|
|
1952
|
+
F !== u && (u = F, I());
|
|
1839
1953
|
}
|
|
1840
|
-
|
|
1954
|
+
y = requestAnimationFrame(x);
|
|
1841
1955
|
};
|
|
1842
|
-
return
|
|
1843
|
-
}, [
|
|
1956
|
+
return y = requestAnimationFrame(x), () => cancelAnimationFrame(y);
|
|
1957
|
+
}, [w, I]), /* @__PURE__ */ z(ue, { children: [
|
|
1844
1958
|
/* @__PURE__ */ n(
|
|
1845
|
-
|
|
1959
|
+
Ze,
|
|
1846
1960
|
{
|
|
1847
1961
|
...p,
|
|
1848
|
-
ref:
|
|
1849
|
-
id:
|
|
1962
|
+
ref: $,
|
|
1963
|
+
id: _,
|
|
1850
1964
|
"aria-haspopup": "dialog",
|
|
1851
|
-
"aria-expanded":
|
|
1852
|
-
"aria-controls":
|
|
1853
|
-
onPointerDown: (
|
|
1854
|
-
var
|
|
1855
|
-
(
|
|
1965
|
+
"aria-expanded": w,
|
|
1966
|
+
"aria-controls": C,
|
|
1967
|
+
onPointerDown: (y) => {
|
|
1968
|
+
var u;
|
|
1969
|
+
(u = p.onPointerDown) == null || u.call(p, y), W.current = !A.current;
|
|
1856
1970
|
},
|
|
1857
|
-
onKeyDown: (
|
|
1858
|
-
var
|
|
1859
|
-
(
|
|
1971
|
+
onKeyDown: (y) => {
|
|
1972
|
+
var u;
|
|
1973
|
+
(u = p.onKeyDown) == null || u.call(p, y), (y.key === "Enter" || y.key === " ") && (W.current = null);
|
|
1860
1974
|
},
|
|
1861
|
-
onClick: (
|
|
1862
|
-
|
|
1863
|
-
const
|
|
1864
|
-
|
|
1975
|
+
onClick: (y) => {
|
|
1976
|
+
f == null || f(y);
|
|
1977
|
+
const u = W.current ?? !A.current;
|
|
1978
|
+
W.current = null, u && (E.current = !0), N(u);
|
|
1865
1979
|
},
|
|
1866
1980
|
children: e
|
|
1867
1981
|
}
|
|
@@ -1869,22 +1983,22 @@ function _s({
|
|
|
1869
1983
|
/* @__PURE__ */ n(
|
|
1870
1984
|
"div",
|
|
1871
1985
|
{
|
|
1872
|
-
ref:
|
|
1873
|
-
id:
|
|
1986
|
+
ref: M,
|
|
1987
|
+
id: C,
|
|
1874
1988
|
popover: "auto",
|
|
1875
1989
|
role: "dialog",
|
|
1876
|
-
"aria-labelledby":
|
|
1990
|
+
"aria-labelledby": _,
|
|
1877
1991
|
tabIndex: -1,
|
|
1878
|
-
className:
|
|
1992
|
+
className: v(B1.panel, te.spacePanel, d),
|
|
1879
1993
|
"data-animated": p.animated === !1 ? "false" : void 0,
|
|
1880
1994
|
"data-side": (k == null ? void 0 : k.placed) ?? l,
|
|
1881
1995
|
style: k ? { top: k.top, left: k.left } : void 0,
|
|
1882
|
-
onKeyDown: (
|
|
1883
|
-
|
|
1996
|
+
onKeyDown: (y) => {
|
|
1997
|
+
y.key === "Escape" && (q.current = !0, y.stopPropagation());
|
|
1884
1998
|
},
|
|
1885
|
-
onToggle: (
|
|
1886
|
-
var
|
|
1887
|
-
|
|
1999
|
+
onToggle: (y) => {
|
|
2000
|
+
var u;
|
|
2001
|
+
y.nativeEvent.newState === "closed" && (q.current && (q.current = !1, (u = $.current) == null || u.focus()), N(!1));
|
|
1888
2002
|
},
|
|
1889
2003
|
children: t
|
|
1890
2004
|
}
|
|
@@ -1892,58 +2006,60 @@ function _s({
|
|
|
1892
2006
|
] });
|
|
1893
2007
|
}
|
|
1894
2008
|
export {
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
2009
|
+
Rs as AlertDialog,
|
|
2010
|
+
ys as Autocomplete,
|
|
2011
|
+
X1 as Badge,
|
|
2012
|
+
gs as BookmarkIcon,
|
|
2013
|
+
K1 as Box,
|
|
2014
|
+
Ze as Button,
|
|
2015
|
+
Q1 as Card,
|
|
2016
|
+
ms as Carousel,
|
|
2017
|
+
es as ChatBubbleIcon,
|
|
2018
|
+
ls as CheckIcon,
|
|
2019
|
+
$s as Checkbox,
|
|
2020
|
+
Ls as CheckboxGroup,
|
|
2021
|
+
ps as ChevronDownIcon,
|
|
2022
|
+
et as ChevronLeftIcon,
|
|
2023
|
+
Je as ChevronRightIcon,
|
|
2024
|
+
_s as ChevronUpIcon,
|
|
2025
|
+
mo as CrossCircledIcon,
|
|
2026
|
+
zs as Dialog,
|
|
2027
|
+
Ds as DropdownMenu,
|
|
2028
|
+
ss as EnterFullScreenIcon,
|
|
2029
|
+
go as ExclamationTriangleIcon,
|
|
2030
|
+
rs as ExitFullScreenIcon,
|
|
2031
|
+
G1 as Flex,
|
|
2032
|
+
U1 as Grid,
|
|
2033
|
+
Vt as Heading,
|
|
2034
|
+
os as HeartFilledIcon,
|
|
2035
|
+
fs as HeartIcon,
|
|
2036
|
+
vs as IconToggle,
|
|
2037
|
+
po as InfoCircledIcon,
|
|
2038
|
+
P1 as Link,
|
|
2039
|
+
Cs as Loader,
|
|
2040
|
+
us as MagnifyingGlassIcon,
|
|
2041
|
+
Ms as Message,
|
|
2042
|
+
ds as MinusIcon,
|
|
2043
|
+
hs as Pagination,
|
|
2044
|
+
ns as Pencil1Icon,
|
|
2045
|
+
is as PersonIcon,
|
|
2046
|
+
ts as PlusIcon,
|
|
2047
|
+
Is as Popover,
|
|
2048
|
+
Ns as Progress,
|
|
2049
|
+
cs as QuestionMarkCircledIcon,
|
|
2050
|
+
ks as RadioGroup,
|
|
2051
|
+
bs as Select,
|
|
2052
|
+
Y1 as Separator,
|
|
2053
|
+
J1 as Share2Icon,
|
|
2054
|
+
xs as Slider,
|
|
2055
|
+
qs as Tabs,
|
|
2056
|
+
It as Text,
|
|
2057
|
+
ws as TextArea,
|
|
2058
|
+
Ue as TextField,
|
|
2059
|
+
nr as Tooltip,
|
|
2060
|
+
as as TrashIcon,
|
|
2061
|
+
_o as XIcon,
|
|
2062
|
+
Oo as pageCount,
|
|
2063
|
+
Bo as pageWindow
|
|
1948
2064
|
};
|
|
1949
2065
|
//# sourceMappingURL=index.js.map
|