@inkorange/space-ui 1.7.1 → 1.8.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 +4 -3
- package/dist/components/BarList.d.ts +47 -0
- package/dist/components/Chart.d.ts +83 -0
- package/dist/components/PieChart.d.ts +47 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +1787 -1219
- package/dist/index.js.map +1 -1
- package/dist/internal/chartScale.d.ts +75 -0
- package/dist/space-ui.css +1 -1
- package/dist/test/popoverShim.d.ts +3 -0
- package/dist/test/setup.d.ts +1 -0
- package/dist/tokens.css +35 -0
- package/package.json +14 -5
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 ae, createElement as ot, isValidElement as Re, cloneElement as Xe, useId as se, useMemo as pe, Children as _t, useRef as P, useState as Q, useCallback as _e, useLayoutEffect as we, useEffect as te, createContext as Ee, useContext as qe } from "react";
|
|
3
|
+
import { jsx as n, jsxs as N, Fragment as he } from "react/jsx-runtime";
|
|
4
|
+
const ze = {
|
|
5
5
|
0: "0",
|
|
6
6
|
1: "var(--spacing-xs)",
|
|
7
7
|
2: "var(--spacing-sm)",
|
|
@@ -10,285 +10,285 @@ const Le = {
|
|
|
10
10
|
5: "var(--spacing-lg)",
|
|
11
11
|
6: "var(--spacing-xl)"
|
|
12
12
|
};
|
|
13
|
-
function
|
|
14
|
-
const
|
|
15
|
-
...e !== void 0 && { margin:
|
|
16
|
-
...t !== void 0 && { marginTop:
|
|
17
|
-
...o !== void 0 && { marginBottom:
|
|
18
|
-
...r !== void 0 && { padding:
|
|
19
|
-
...
|
|
13
|
+
function ve({ m: e, mt: t, mb: o, p: r, pb: a }, l) {
|
|
14
|
+
const s = {
|
|
15
|
+
...e !== void 0 && { margin: ze[e] },
|
|
16
|
+
...t !== void 0 && { marginTop: ze[t] },
|
|
17
|
+
...o !== void 0 && { marginBottom: ze[o] },
|
|
18
|
+
...r !== void 0 && { padding: ze[r] },
|
|
19
|
+
...a !== void 0 && { paddingBottom: ze[a] },
|
|
20
20
|
...l
|
|
21
21
|
};
|
|
22
|
-
return Object.keys(
|
|
22
|
+
return Object.keys(s).length > 0 ? s : void 0;
|
|
23
23
|
}
|
|
24
|
-
function
|
|
24
|
+
function R(...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
|
-
|
|
27
|
+
const It = "_text_4vcq4_1", Ht = "_size1_4vcq4_5", St = "_size2_4vcq4_11", Tt = "_size3_4vcq4_16", At = "_size4_4vcq4_21", jt = "_size5_4vcq4_27", Ot = "_size6_4vcq4_33", Zt = "_medium_4vcq4_39", Bt = "_bold_4vcq4_43", Vt = "_colorMuted_4vcq4_47", Wt = "_colorDanger_4vcq4_51", Pt = "_colorSuccess_4vcq4_55", Ft = "_colorWarning_4vcq4_59", Ve = {
|
|
28
|
+
text: It,
|
|
29
|
+
size1: Ht,
|
|
30
|
+
size2: St,
|
|
31
|
+
size3: Tt,
|
|
32
|
+
size4: At,
|
|
33
|
+
size5: jt,
|
|
34
|
+
size6: Ot,
|
|
35
|
+
medium: Zt,
|
|
36
|
+
bold: Bt,
|
|
37
|
+
colorMuted: Vt,
|
|
38
|
+
colorDanger: Wt,
|
|
39
|
+
colorSuccess: Pt,
|
|
40
|
+
colorWarning: Ft
|
|
41
|
+
}, Gt = ae(function({ as: t = "span", size: o, weight: r, color: a, className: l, style: s, m: c, mt: h, mb: m, p: i, pb: g, ...$ }, w) {
|
|
42
|
+
return ot(t, {
|
|
43
|
+
...$,
|
|
44
|
+
ref: w,
|
|
45
|
+
className: R(
|
|
46
|
+
Ve.text,
|
|
47
|
+
o && Ve[`size${o}`],
|
|
48
|
+
r && Ve[r],
|
|
49
|
+
a && Ve[`color${a[0].toUpperCase()}${a.slice(1)}`],
|
|
50
50
|
l
|
|
51
51
|
),
|
|
52
|
-
style:
|
|
52
|
+
style: ve({ m: c, mt: h, mb: m, p: i, pb: g }, s)
|
|
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
|
-
|
|
54
|
+
}), Ut = "_heading_vs4zk_1", Kt = "_size4_vs4zk_7", Xt = "_size5_vs4zk_13", Yt = "_size6_vs4zk_19", Qt = "_size7_vs4zk_25", Jt = "_size8_vs4zk_31", en = "_size9_vs4zk_37", tn = "_colorMuted_vs4zk_43", nn = "_colorDanger_vs4zk_47", on = "_alignCenter_vs4zk_51", Ie = {
|
|
55
|
+
heading: Ut,
|
|
56
|
+
size4: Kt,
|
|
57
|
+
size5: Xt,
|
|
58
|
+
size6: Yt,
|
|
59
|
+
size7: Qt,
|
|
60
|
+
size8: Jt,
|
|
61
|
+
size9: en,
|
|
62
|
+
colorMuted: tn,
|
|
63
|
+
colorDanger: nn,
|
|
64
|
+
alignCenter: on
|
|
65
|
+
}, rn = ae(function({ as: t = "h2", size: o, color: r, align: a, className: l, style: s, m: c, mt: h, mb: m, p: i, pb: g, ...$ }, w) {
|
|
66
|
+
return ot(t, {
|
|
67
|
+
...$,
|
|
68
|
+
ref: w,
|
|
69
|
+
className: R(
|
|
70
|
+
Ie.heading,
|
|
71
|
+
o && Ie[`size${o}`],
|
|
72
|
+
r === "muted" && Ie.colorMuted,
|
|
73
|
+
r === "danger" && Ie.colorDanger,
|
|
74
|
+
a === "center" && Ie.alignCenter,
|
|
75
75
|
l
|
|
76
76
|
),
|
|
77
|
-
style:
|
|
77
|
+
style: ve({ m: c, mt: h, mb: m, p: i, pb: g }, s)
|
|
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
|
+
}), sn = "_link_1qa7j_1", an = "_size1_1qa7j_10", ln = "_size2_1qa7j_16", cn = "_size3_1qa7j_21", at = {
|
|
80
|
+
link: sn,
|
|
81
|
+
size1: an,
|
|
82
|
+
size2: ln,
|
|
83
|
+
size3: cn
|
|
84
|
+
}, al = ae(function({ asChild: t, size: o, className: r, style: a, m: l, mt: s, mb: c, p: h, pb: m, children: i, ...g }, $) {
|
|
85
|
+
const w = R(at.link, o && at[`size${o}`], r), p = ve({ m: l, mt: s, mb: c, p: h, pb: m }, a);
|
|
86
|
+
if (t && Re(i)) {
|
|
87
|
+
const b = i;
|
|
88
|
+
return Xe(b, {
|
|
89
|
+
...g,
|
|
90
|
+
className: R(w, b.props.className),
|
|
91
|
+
style: { ...p, ...b.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
|
-
|
|
122
|
-
l &&
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
),
|
|
126
|
-
if (t &&
|
|
127
|
-
const
|
|
128
|
-
return
|
|
129
|
-
...
|
|
130
|
-
className:
|
|
131
|
-
style: { ...
|
|
94
|
+
return /* @__PURE__ */ n("a", { ...g, ref: $, className: w, style: p, children: i });
|
|
95
|
+
}), dn = "_flex_v4ziu_1", un = "_gap1_v4ziu_5", fn = "_gap2_v4ziu_9", _n = "_gap3_v4ziu_13", pn = "_gap4_v4ziu_17", hn = "_gap5_v4ziu_21", mn = "_gap6_v4ziu_25", gn = "_directionRow_v4ziu_29", Cn = "_directionColumn_v4ziu_33", vn = "_alignStart_v4ziu_37", bn = "_alignCenter_v4ziu_41", $n = "_alignEnd_v4ziu_45", wn = "_alignBaseline_v4ziu_49", xn = "_alignStretch_v4ziu_53", yn = "_justifyStart_v4ziu_57", kn = "_justifyCenter_v4ziu_61", Nn = "_justifyEnd_v4ziu_65", Ln = "_justifyBetween_v4ziu_69", Mn = "_wrapWrap_v4ziu_73", Rn = "_wrapNowrap_v4ziu_77", xe = {
|
|
96
|
+
flex: dn,
|
|
97
|
+
gap1: un,
|
|
98
|
+
gap2: fn,
|
|
99
|
+
gap3: _n,
|
|
100
|
+
gap4: pn,
|
|
101
|
+
gap5: hn,
|
|
102
|
+
gap6: mn,
|
|
103
|
+
directionRow: gn,
|
|
104
|
+
directionColumn: Cn,
|
|
105
|
+
alignStart: vn,
|
|
106
|
+
alignCenter: bn,
|
|
107
|
+
alignEnd: $n,
|
|
108
|
+
alignBaseline: wn,
|
|
109
|
+
alignStretch: xn,
|
|
110
|
+
justifyStart: yn,
|
|
111
|
+
justifyCenter: kn,
|
|
112
|
+
justifyEnd: Nn,
|
|
113
|
+
justifyBetween: Ln,
|
|
114
|
+
wrapWrap: Mn,
|
|
115
|
+
wrapNowrap: Rn
|
|
116
|
+
}, We = (e) => e[0].toUpperCase() + e.slice(1), ll = ae(function({ asChild: t, gap: o, direction: r, align: a, justify: l, wrap: s, className: c, style: h, m, mt: i, mb: g, p: $, pb: w, children: p, ...b }, v) {
|
|
117
|
+
const M = R(
|
|
118
|
+
xe.flex,
|
|
119
|
+
o && xe[`gap${o}`],
|
|
120
|
+
r && xe[`direction${We(r)}`],
|
|
121
|
+
a && xe[`align${We(a)}`],
|
|
122
|
+
l && xe[`justify${We(l)}`],
|
|
123
|
+
s && xe[`wrap${We(s)}`],
|
|
124
|
+
c
|
|
125
|
+
), z = ve({ m, mt: i, mb: g, p: $, pb: w }, h);
|
|
126
|
+
if (t && Re(p)) {
|
|
127
|
+
const I = p;
|
|
128
|
+
return Xe(I, {
|
|
129
|
+
...b,
|
|
130
|
+
className: R(M, I.props.className),
|
|
131
|
+
style: { ...z, ...I.props.style }
|
|
132
132
|
});
|
|
133
133
|
}
|
|
134
|
-
return /* @__PURE__ */ n("div", { ...
|
|
135
|
-
}),
|
|
136
|
-
return /* @__PURE__ */ n("div", { ...
|
|
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", { ...b, ref: v, className: M, style: z, children: p });
|
|
135
|
+
}), cl = ae(function({ style: t, m: o, mt: r, mb: a, p: l, pb: s, ...c }, h) {
|
|
136
|
+
return /* @__PURE__ */ n("div", { ...c, ref: h, style: ve({ m: o, mt: r, mb: a, p: l, pb: s }, t) });
|
|
137
|
+
}), En = "_grid_erpqq_1", qn = "_cols1_erpqq_5", Dn = "_cols2_erpqq_9", zn = "_cols3_erpqq_13", In = "_smCols2_erpqq_18", Hn = "_smCols3_erpqq_21", Sn = "_mdCols2_erpqq_26", Tn = "_mdCols3_erpqq_29", An = "_gap1_erpqq_33", jn = "_gap2_erpqq_37", On = "_gap3_erpqq_41", Zn = "_gap4_erpqq_45", Bn = "_gap5_erpqq_49", Vn = "_gap6_erpqq_53", ye = {
|
|
138
|
+
grid: En,
|
|
139
|
+
cols1: qn,
|
|
140
|
+
cols2: Dn,
|
|
141
|
+
cols3: zn,
|
|
142
|
+
smCols2: In,
|
|
143
|
+
smCols3: Hn,
|
|
144
|
+
mdCols2: Sn,
|
|
145
|
+
mdCols3: Tn,
|
|
146
|
+
gap1: An,
|
|
147
|
+
gap2: jn,
|
|
148
|
+
gap3: On,
|
|
149
|
+
gap4: Zn,
|
|
150
|
+
gap5: Bn,
|
|
151
|
+
gap6: Vn
|
|
152
|
+
}, il = ae(function({ columns: t, gap: o, className: r, style: a, m: l, mt: s, mb: c, p: h, pb: m, ...i }, g) {
|
|
153
|
+
const $ = typeof t == "string" ? [ye[`cols${t}`]] : t ? [
|
|
154
|
+
t.initial && ye[`cols${t.initial}`],
|
|
155
|
+
t.sm && ye[`smCols${t.sm}`],
|
|
156
|
+
t.md && ye[`mdCols${t.md}`]
|
|
157
157
|
] : [];
|
|
158
158
|
return /* @__PURE__ */ n(
|
|
159
159
|
"div",
|
|
160
160
|
{
|
|
161
161
|
...i,
|
|
162
|
-
ref:
|
|
163
|
-
className:
|
|
164
|
-
style:
|
|
162
|
+
ref: g,
|
|
163
|
+
className: R(ye.grid, ...$, o && ye[`gap${o}`], r),
|
|
164
|
+
style: ve({ m: l, mt: s, mb: c, p: h, pb: m }, a)
|
|
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
|
+
}), Wn = "_badge_1twqf_2", Pn = "_size1_1twqf_10", Fn = "_size2_1twqf_19", Gn = "_colorMuted_1twqf_28", Un = "_colorPrimary_1twqf_33", Kn = "_colorSuccess_1twqf_38", Xn = "_colorDanger_1twqf_43", Yn = "_colorWarning_1twqf_48", Qn = "_colorCyan_1twqf_53", Jn = "_colorPurple_1twqf_58", eo = "_colorOrange_1twqf_63", to = "_colorAccent_1twqf_68", no = "_colorYellow_1twqf_73", oo = "_solid_1twqf_81", ro = "_wrap_1twqf_89", He = {
|
|
168
|
+
badge: Wn,
|
|
169
|
+
size1: Pn,
|
|
170
|
+
size2: Fn,
|
|
171
|
+
colorMuted: Gn,
|
|
172
|
+
colorPrimary: Un,
|
|
173
|
+
colorSuccess: Kn,
|
|
174
|
+
colorDanger: Xn,
|
|
175
|
+
colorWarning: Yn,
|
|
176
|
+
colorCyan: Qn,
|
|
177
|
+
colorPurple: Jn,
|
|
178
|
+
colorOrange: eo,
|
|
179
|
+
colorAccent: to,
|
|
180
|
+
colorYellow: no,
|
|
181
|
+
solid: oo,
|
|
182
|
+
wrap: ro
|
|
183
|
+
}, so = (e) => e[0].toUpperCase() + e.slice(1), dl = ae(function({ color: t = "primary", variant: o = "soft", size: r = "1", wrap: a, className: l, style: s, m: c, mt: h, mb: m, p: i, pb: g, ...$ }, w) {
|
|
184
184
|
return /* @__PURE__ */ n(
|
|
185
185
|
"span",
|
|
186
186
|
{
|
|
187
|
-
|
|
188
|
-
ref:
|
|
189
|
-
className:
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
o === "solid" &&
|
|
193
|
-
|
|
194
|
-
|
|
187
|
+
...$,
|
|
188
|
+
ref: w,
|
|
189
|
+
className: R(
|
|
190
|
+
He.badge,
|
|
191
|
+
He[`color${so(t)}`],
|
|
192
|
+
o === "solid" && He.solid,
|
|
193
|
+
He[`size${r}`],
|
|
194
|
+
a && He.wrap,
|
|
195
195
|
l
|
|
196
196
|
),
|
|
197
|
-
style:
|
|
197
|
+
style: ve({ m: c, mt: h, mb: m, p: i, pb: g }, s)
|
|
198
198
|
}
|
|
199
199
|
);
|
|
200
|
-
}),
|
|
201
|
-
separator:
|
|
202
|
-
full:
|
|
203
|
-
},
|
|
200
|
+
}), ao = "_separator_vao01_1", lo = "_full_vao01_7", lt = {
|
|
201
|
+
separator: ao,
|
|
202
|
+
full: lo
|
|
203
|
+
}, ul = ae(function({ size: t = "4", className: o, ...r }, a) {
|
|
204
204
|
return /* @__PURE__ */ n(
|
|
205
205
|
"span",
|
|
206
206
|
{
|
|
207
207
|
...r,
|
|
208
|
-
ref:
|
|
208
|
+
ref: a,
|
|
209
209
|
role: "separator",
|
|
210
|
-
className:
|
|
210
|
+
className: R(lt.separator, t === "4" && lt.full, o)
|
|
211
211
|
}
|
|
212
212
|
);
|
|
213
|
-
}),
|
|
214
|
-
card:
|
|
215
|
-
image:
|
|
216
|
-
hasImage:
|
|
217
|
-
},
|
|
218
|
-
return /* @__PURE__ */
|
|
213
|
+
}), co = "_card_1ooot_2", io = "_image_1ooot_14", uo = "_hasImage_1ooot_41", Je = {
|
|
214
|
+
card: co,
|
|
215
|
+
image: io,
|
|
216
|
+
hasImage: uo
|
|
217
|
+
}, fl = ae(function({ className: t, style: o, image: r, children: a, m: l, mt: s, mb: c, p: h, pb: m, ...i }, g) {
|
|
218
|
+
return /* @__PURE__ */ N(
|
|
219
219
|
"div",
|
|
220
220
|
{
|
|
221
221
|
...i,
|
|
222
|
-
ref:
|
|
223
|
-
className:
|
|
224
|
-
style:
|
|
222
|
+
ref: g,
|
|
223
|
+
className: R(Je.card, r != null && Je.hasImage, t),
|
|
224
|
+
style: ve({ m: l, mt: s, mb: c, p: h, pb: m }, o),
|
|
225
225
|
children: [
|
|
226
|
-
r != null && /* @__PURE__ */ n("div", { className:
|
|
227
|
-
|
|
226
|
+
r != null && /* @__PURE__ */ n("div", { className: Je.image, children: r }),
|
|
227
|
+
a
|
|
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
|
+
}), fo = "_spaceButton_kjhqx_14", _o = "_rimRotate_kjhqx_1", po = "_glintSweep_kjhqx_1", ho = "_iconOnly_kjhqx_97", mo = "_lg_kjhqx_104", go = "_sm_kjhqx_110", Co = "_micro_kjhqx_122", vo = "_stars_kjhqx_136", bo = "_fullWidth_kjhqx_141", $o = "_ember_kjhqx_147", wo = "_label_kjhqx_157", xo = "_star_kjhqx_136", yo = "_twinkle_kjhqx_1", ge = {
|
|
232
|
+
spaceButton: fo,
|
|
233
|
+
rimRotate: _o,
|
|
234
|
+
glintSweep: po,
|
|
235
|
+
iconOnly: ho,
|
|
236
|
+
lg: mo,
|
|
237
|
+
sm: go,
|
|
238
|
+
micro: Co,
|
|
239
|
+
stars: vo,
|
|
240
|
+
fullWidth: bo,
|
|
241
|
+
ember: $o,
|
|
242
|
+
label: wo,
|
|
243
|
+
star: xo,
|
|
244
|
+
twinkle: yo
|
|
245
245
|
};
|
|
246
|
-
function
|
|
246
|
+
function ko(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 No(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:
|
|
261
|
-
const i =
|
|
262
|
-
const
|
|
259
|
+
const Ue = ae(
|
|
260
|
+
function({ iconOnly: t, ember: o, size: r = "md", fullWidth: a, animated: l = !0, className: s, children: c, ...h }, m) {
|
|
261
|
+
const i = se(), g = pe(() => {
|
|
262
|
+
const w = ko(No(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
|
-
}, [i]),
|
|
270
|
-
|
|
271
|
-
t ?
|
|
272
|
-
o ?
|
|
273
|
-
r !== "md" ?
|
|
274
|
-
|
|
275
|
-
|
|
269
|
+
}, [i]), $ = [
|
|
270
|
+
ge.spaceButton,
|
|
271
|
+
t ? ge.iconOnly : "",
|
|
272
|
+
o ? ge.ember : "",
|
|
273
|
+
r !== "md" ? ge[r] : "",
|
|
274
|
+
a ? ge.fullWidth : "",
|
|
275
|
+
s ?? ""
|
|
276
276
|
].filter(Boolean).join(" ");
|
|
277
|
-
return /* @__PURE__ */
|
|
277
|
+
return /* @__PURE__ */ N(
|
|
278
278
|
"button",
|
|
279
279
|
{
|
|
280
|
-
ref:
|
|
281
|
-
className:
|
|
280
|
+
ref: m,
|
|
281
|
+
className: $,
|
|
282
282
|
"data-animated": l ? void 0 : "false",
|
|
283
|
-
...
|
|
283
|
+
...h,
|
|
284
284
|
children: [
|
|
285
|
-
r !== "micro" && /* @__PURE__ */ n("span", { className:
|
|
286
|
-
/* @__PURE__ */ n("span", { className:
|
|
285
|
+
r !== "micro" && /* @__PURE__ */ n("span", { className: ge.stars, "aria-hidden": !0, children: g.map((w, p) => /* @__PURE__ */ n("i", { className: ge.star, style: w }, p)) }),
|
|
286
|
+
/* @__PURE__ */ n("span", { className: ge.label, children: c })
|
|
287
287
|
]
|
|
288
288
|
}
|
|
289
289
|
);
|
|
290
290
|
}
|
|
291
|
-
),
|
|
291
|
+
), J = {
|
|
292
292
|
width: 15,
|
|
293
293
|
height: 15,
|
|
294
294
|
viewBox: "0 0 15 15",
|
|
@@ -296,8 +296,8 @@ const Oe = Q(
|
|
|
296
296
|
xmlns: "http://www.w3.org/2000/svg",
|
|
297
297
|
"aria-hidden": !0
|
|
298
298
|
};
|
|
299
|
-
function
|
|
300
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
299
|
+
function _l(e) {
|
|
300
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
301
301
|
"path",
|
|
302
302
|
{
|
|
303
303
|
d: "M3.5 5.00006C3.22386 5.00006 3 5.22392 3 5.50006L3 11.5001C3 11.7762 3.22386 12.0001 3.5 12.0001L11.5 12.0001C11.7761 12.0001 12 11.7762 12 11.5001L12 5.50006C12 5.22392 11.7761 5.00006 11.5 5.00006L10.25 5.00006C9.97386 5.00006 9.75 4.7762 9.75 4.50006C9.75 4.22392 9.97386 4.00006 10.25 4.00006L11.5 4.00006C12.3284 4.00006 13 4.67163 13 5.50006L13 11.5001C13 12.3285 12.3284 13.0001 11.5 13.0001L3.5 13.0001C2.67157 13.0001 2 12.3285 2 11.5001L2 5.50006C2 4.67163 2.67157 4.00006 3.5 4.00006L4.75 4.00006C5.02614 4.00006 5.25 4.22392 5.25 4.50006C5.25 4.7762 5.02614 5.00006 4.75 5.00006L3.5 5.00006ZM7 1.6364L5.5682 3.0682C5.39246 3.24393 5.10754 3.24393 4.9318 3.0682C4.75607 2.89246 4.75607 2.60754 4.9318 2.4318L7.1818 0.181802C7.26619 0.09741 7.38065 0.049999 7.5 0.049999C7.61935 0.049999 7.73381 0.09741 7.8182 0.181802L10.0682 2.4318C10.2439 2.60754 10.2439 2.89246 10.0682 3.0682C9.89246 3.24393 9.60754 3.24393 9.4318 3.0682L8 1.6364L8 8.5C8 8.77614 7.77614 9 7.5 9C7.22386 9 7 8.77614 7 8.5L7 1.6364Z",
|
|
@@ -307,8 +307,8 @@ function o1(e) {
|
|
|
307
307
|
}
|
|
308
308
|
) });
|
|
309
309
|
}
|
|
310
|
-
function
|
|
311
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
310
|
+
function pl(e) {
|
|
311
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
312
312
|
"path",
|
|
313
313
|
{
|
|
314
314
|
d: "M12.5 3L2.5 3.00002C1.67157 3.00002 1 3.6716 1 4.50002V9.50003C1 10.3285 1.67157 11 2.5 11H7.50003C7.63264 11 7.75982 11.0527 7.85358 11.1465L10 13.2929V11.5C10 11.2239 10.2239 11 10.5 11H12.5C13.3284 11 14 10.3285 14 9.50003V4.5C14 3.67157 13.3284 3 12.5 3ZM2.49999 2.00002L12.5 2C13.8807 2 15 3.11929 15 4.5V9.50003C15 10.8807 13.8807 12 12.5 12H11V14.5C11 14.7022 10.8782 14.8845 10.6913 14.9619C10.5045 15.0393 10.2894 14.9965 10.1464 14.8536L7.29292 12H2.5C1.11929 12 0 10.8807 0 9.50003V4.50002C0 3.11931 1.11928 2.00003 2.49999 2.00002Z",
|
|
@@ -318,8 +318,8 @@ function r1(e) {
|
|
|
318
318
|
}
|
|
319
319
|
) });
|
|
320
320
|
}
|
|
321
|
-
function
|
|
322
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
321
|
+
function hl(e) {
|
|
322
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
323
323
|
"path",
|
|
324
324
|
{
|
|
325
325
|
d: "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z",
|
|
@@ -329,8 +329,8 @@ function s1(e) {
|
|
|
329
329
|
}
|
|
330
330
|
) });
|
|
331
331
|
}
|
|
332
|
-
function
|
|
333
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
332
|
+
function ml(e) {
|
|
333
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
334
334
|
"path",
|
|
335
335
|
{
|
|
336
336
|
d: "M11.8536 1.14645C11.6583 0.951184 11.3417 0.951184 11.1465 1.14645L3.71455 8.57836C3.62459 8.66832 3.55263 8.77461 3.50251 8.89155L2.04044 12.303C1.9599 12.491 2.00189 12.709 2.14646 12.8536C2.29103 12.9981 2.50905 13.0401 2.69697 12.9596L6.10847 11.4975C6.2254 11.4474 6.3317 11.3754 6.42166 11.2855L13.8536 3.85355C14.0488 3.65829 14.0488 3.34171 13.8536 3.14645L11.8536 1.14645ZM4.42166 9.28547L11.5 2.20711L12.7929 3.5L5.71455 10.5784L4.21924 11.2192L3.78081 10.7808L4.42166 9.28547Z",
|
|
@@ -340,8 +340,8 @@ function l1(e) {
|
|
|
340
340
|
}
|
|
341
341
|
) });
|
|
342
342
|
}
|
|
343
|
-
function
|
|
344
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
343
|
+
function gl(e) {
|
|
344
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
345
345
|
"path",
|
|
346
346
|
{
|
|
347
347
|
d: "M1.35248 4.90532C1.35248 2.94498 2.936 1.35248 4.89346 1.35248C6.25769 1.35248 6.86058 1.92336 7.50002 2.93545C8.13946 1.92336 8.74235 1.35248 10.1066 1.35248C12.064 1.35248 13.6476 2.94498 13.6476 4.90532C13.6476 6.74041 12.6013 8.50508 11.4008 9.96927C10.2636 11.3562 8.92194 12.5508 8.00601 13.3664C7.94645 13.4194 7.88869 13.4709 7.83291 13.5206C7.64324 13.6899 7.3568 13.6899 7.16713 13.5206C7.11135 13.4709 7.05359 13.4194 6.99403 13.3664C6.0781 12.5508 4.73641 11.3562 3.59926 9.96927C2.39872 8.50508 1.35248 6.74041 1.35248 4.90532Z",
|
|
@@ -351,8 +351,8 @@ function a1(e) {
|
|
|
351
351
|
}
|
|
352
352
|
) });
|
|
353
353
|
}
|
|
354
|
-
function
|
|
355
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
354
|
+
function Cl(e) {
|
|
355
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
356
356
|
"path",
|
|
357
357
|
{
|
|
358
358
|
d: "M5.5 2C5.77614 2 6 2.22386 6 2.5V5.5C6 5.77614 5.77614 6 5.5 6H2.5C2.22386 6 2 5.77614 2 5.5C2 5.22386 2.22386 5 2.5 5H5V2.5C5 2.22386 5.22386 2 5.5 2ZM9.5 2C9.77614 2 10 2.22386 10 2.5V5H12.5C12.7761 5 13 5.22386 13 5.5C13 5.77614 12.7761 6 12.5 6H9.5C9.22386 6 9 5.77614 9 5.5V2.5C9 2.22386 9.22386 2 9.5 2ZM2 9.5C2 9.22386 2.22386 9 2.5 9H5.5C5.77614 9 6 9.22386 6 9.5V12.5C6 12.7761 5.77614 13 5.5 13C5.22386 13 5 12.7761 5 12.5V10H2.5C2.22386 10 2 9.77614 2 9.5ZM9 9.5C9 9.22386 9.22386 9 9.5 9H12.5C12.7761 9 13 9.22386 13 9.5C13 9.77614 12.7761 10 12.5 10H10V12.5C10 12.7761 9.77614 13 9.5 13C9.22386 13 9 12.7761 9 12.5V9.5Z",
|
|
@@ -362,8 +362,8 @@ function c1(e) {
|
|
|
362
362
|
}
|
|
363
363
|
) });
|
|
364
364
|
}
|
|
365
|
-
function
|
|
366
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
365
|
+
function vl(e) {
|
|
366
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
367
367
|
"path",
|
|
368
368
|
{
|
|
369
369
|
d: "M2 2.5C2 2.22386 2.22386 2 2.5 2H5.5C5.77614 2 6 2.22386 6 2.5C6 2.77614 5.77614 3 5.5 3H3V5.5C3 5.77614 2.77614 6 2.5 6C2.22386 6 2 5.77614 2 5.5V2.5ZM9 2.5C9 2.22386 9.22386 2 9.5 2H12.5C12.7761 2 13 2.22386 13 2.5V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3H9.5C9.22386 3 9 2.77614 9 2.5ZM2.5 9C2.77614 9 3 9.22386 3 9.5V12H5.5C5.77614 12 6 12.2239 6 12.5C6 12.7761 5.77614 13 5.5 13H2.5C2.22386 13 2 12.7761 2 12.5V9.5C2 9.22386 2.22386 9 2.5 9ZM12.5 9C12.7761 9 13 9.22386 13 9.5V12.5C13 12.7761 12.7761 13 12.5 13H9.5C9.22386 13 9 12.7761 9 12.5C9 12.2239 9.22386 12 9.5 12H12V9.5C12 9.22386 12.2239 9 12.5 9Z",
|
|
@@ -373,8 +373,8 @@ function i1(e) {
|
|
|
373
373
|
}
|
|
374
374
|
) });
|
|
375
375
|
}
|
|
376
|
-
function
|
|
377
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
376
|
+
function bl(e) {
|
|
377
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
378
378
|
"path",
|
|
379
379
|
{
|
|
380
380
|
d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
|
|
@@ -384,8 +384,8 @@ function d1(e) {
|
|
|
384
384
|
}
|
|
385
385
|
) });
|
|
386
386
|
}
|
|
387
|
-
function
|
|
388
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
387
|
+
function $l(e) {
|
|
388
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
389
389
|
"path",
|
|
390
390
|
{
|
|
391
391
|
d: "M5.5 1C5.22386 1 5 1.22386 5 1.5C5 1.77614 5.22386 2 5.5 2H9.5C9.77614 2 10 1.77614 10 1.5C10 1.22386 9.77614 1 9.5 1H5.5ZM3 3.5C3 3.22386 3.22386 3 3.5 3H5H10H11.5C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4H11V12C11 12.5523 10.5523 13 10 13H5C4.44772 13 4 12.5523 4 12V4L3.5 4C3.22386 4 3 3.77614 3 3.5ZM5 4H10V12H5V4Z",
|
|
@@ -395,8 +395,8 @@ function u1(e) {
|
|
|
395
395
|
}
|
|
396
396
|
) });
|
|
397
397
|
}
|
|
398
|
-
function
|
|
399
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
398
|
+
function wl(e) {
|
|
399
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
400
400
|
"path",
|
|
401
401
|
{
|
|
402
402
|
d: "M0.877075 7.49972C0.877075 3.84204 3.84222 0.876892 7.49991 0.876892C11.1576 0.876892 14.1227 3.84204 14.1227 7.49972C14.1227 11.1574 11.1576 14.1226 7.49991 14.1226C3.84222 14.1226 0.877075 11.1574 0.877075 7.49972ZM7.49991 1.82689C4.36689 1.82689 1.82708 4.36671 1.82708 7.49972C1.82708 10.6327 4.36689 13.1726 7.49991 13.1726C10.6329 13.1726 13.1727 10.6327 13.1727 7.49972C13.1727 4.36671 10.6329 1.82689 7.49991 1.82689ZM8.24993 10.5C8.24993 10.9142 7.91414 11.25 7.49993 11.25C7.08571 11.25 6.74993 10.9142 6.74993 10.5C6.74993 10.0858 7.08571 9.75 7.49993 9.75C7.91414 9.75 8.24993 10.0858 8.24993 10.5ZM6.05003 6.25C6.05003 5.57211 6.63511 4.925 7.50003 4.925C8.36496 4.925 8.95003 5.57211 8.95003 6.25C8.95003 6.74118 8.68002 6.99212 8.21447 7.27494C8.16251 7.30651 8.10258 7.34131 8.03847 7.37854L8.03841 7.37858C7.85521 7.48497 7.63788 7.61119 7.47449 7.73849C7.23214 7.92732 6.95003 8.23198 6.95003 8.7C6.95004 9.00376 7.19628 9.25 7.50004 9.25C7.8024 9.25 8.04778 9.00601 8.05002 8.70417L8.05056 8.7033C8.05924 8.6896 8.08493 8.65735 8.15058 8.6062C8.25207 8.52712 8.36508 8.46163 8.51567 8.37436L8.51571 8.37433C8.59422 8.32883 8.68296 8.27741 8.78559 8.21506C9.32004 7.89038 10.05 7.35382 10.05 6.25C10.05 4.92789 8.93511 3.825 7.50003 3.825C6.06496 3.825 4.95003 4.92789 4.95003 6.25C4.95003 6.55376 5.19628 6.8 5.50003 6.8C5.80379 6.8 6.05003 6.55376 6.05003 6.25Z",
|
|
@@ -406,8 +406,8 @@ function f1(e) {
|
|
|
406
406
|
}
|
|
407
407
|
) });
|
|
408
408
|
}
|
|
409
|
-
function
|
|
410
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
409
|
+
function xl(e) {
|
|
410
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
411
411
|
"path",
|
|
412
412
|
{
|
|
413
413
|
d: "M7.5 0.875C5.49797 0.875 3.875 2.49797 3.875 4.5C3.875 6.15288 4.98124 7.54738 6.49373 7.98351C5.2997 8.12901 4.27557 8.55134 3.50407 9.31167C2.52216 10.2794 2.02502 11.72 2.02502 13.5999C2.02502 13.8623 2.23769 14.0749 2.50002 14.0749C2.76236 14.0749 2.97502 13.8623 2.97502 13.5999C2.97502 11.8799 3.42786 10.7206 4.17091 9.9883C4.91536 9.25463 6.02674 8.87499 7.49995 8.87499C8.97317 8.87499 10.0846 9.25463 10.8291 9.98831C11.5721 10.7206 12.025 11.8799 12.025 13.5999C12.025 13.8623 12.2376 14.0749 12.5 14.0749C12.7623 14.075 12.975 13.8623 12.975 13.6C12.975 11.72 12.4778 10.2794 11.4959 9.31166C10.7244 8.55135 9.70025 8.12903 8.50625 7.98352C10.0187 7.5474 11.125 6.15289 11.125 4.5C11.125 2.49797 9.50203 0.875 7.5 0.875ZM4.825 4.5C4.825 3.02264 6.02264 1.825 7.5 1.825C8.97736 1.825 10.175 3.02264 10.175 4.5C10.175 5.97736 8.97736 7.175 7.5 7.175C6.02264 7.175 4.825 5.97736 4.825 4.5Z",
|
|
@@ -417,8 +417,8 @@ function _1(e) {
|
|
|
417
417
|
}
|
|
418
418
|
) });
|
|
419
419
|
}
|
|
420
|
-
function
|
|
421
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
420
|
+
function yl(e) {
|
|
421
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
422
422
|
"path",
|
|
423
423
|
{
|
|
424
424
|
d: "M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z",
|
|
@@ -428,8 +428,8 @@ function p1(e) {
|
|
|
428
428
|
}
|
|
429
429
|
) });
|
|
430
430
|
}
|
|
431
|
-
function
|
|
432
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
431
|
+
function kl(e) {
|
|
432
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
433
433
|
"path",
|
|
434
434
|
{
|
|
435
435
|
d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
|
|
@@ -439,8 +439,8 @@ function g1(e) {
|
|
|
439
439
|
}
|
|
440
440
|
) });
|
|
441
441
|
}
|
|
442
|
-
function
|
|
443
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
442
|
+
function Nl(e) {
|
|
443
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
444
444
|
"path",
|
|
445
445
|
{
|
|
446
446
|
d: "M4.89346 2.35248C3.49195 2.35248 2.35248 3.49359 2.35248 4.90532C2.35248 6.38164 3.20954 7.9168 4.37255 9.33522C5.39396 10.581 6.59464 11.6702 7.50002 12.4778C8.4054 11.6702 9.60608 10.581 10.6275 9.33522C11.7905 7.9168 12.6476 6.38164 12.6476 4.90532C12.6476 3.49359 11.5081 2.35248 10.1066 2.35248C9.27059 2.35248 8.81894 2.64323 8.5397 2.95843C8.27877 3.25295 8.14623 3.58566 8.02501 3.88993C8.00391 3.9429 7.98315 3.99501 7.96211 4.04591C7.88482 4.23294 7.7024 4.35494 7.50002 4.35494C7.29765 4.35494 7.11523 4.23295 7.03793 4.04592C7.01689 3.99501 6.99612 3.94289 6.97502 3.8899C6.8538 3.58564 6.72126 3.25294 6.46034 2.95843C6.18109 2.64323 5.72945 2.35248 4.89346 2.35248ZM1.35248 4.90532C1.35248 2.94498 2.936 1.35248 4.89346 1.35248C6.0084 1.35248 6.73504 1.76049 7.20884 2.2953C7.32062 2.42147 7.41686 2.55382 7.50002 2.68545C7.58318 2.55382 7.67941 2.42147 7.79119 2.2953C8.265 1.76049 8.99164 1.35248 10.1066 1.35248C12.064 1.35248 13.6476 2.94498 13.6476 4.90532C13.6476 6.74041 12.6013 8.50508 11.4008 9.96927C10.2636 11.3562 8.92194 12.5508 8.00601 13.3664C7.94645 13.4194 7.88869 13.4709 7.83291 13.5206C7.64324 13.6899 7.3568 13.6899 7.16713 13.5206C7.11135 13.4709 7.05359 13.4194 6.99403 13.3664C6.0781 12.5508 4.73641 11.3562 3.59926 9.96927C2.39872 8.50508 1.35248 6.74041 1.35248 4.90532Z",
|
|
@@ -450,8 +450,8 @@ function m1(e) {
|
|
|
450
450
|
}
|
|
451
451
|
) });
|
|
452
452
|
}
|
|
453
|
-
function
|
|
454
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
453
|
+
function Ll(e) {
|
|
454
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
455
455
|
"path",
|
|
456
456
|
{
|
|
457
457
|
d: "M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z",
|
|
@@ -461,8 +461,8 @@ function h1(e) {
|
|
|
461
461
|
}
|
|
462
462
|
) });
|
|
463
463
|
}
|
|
464
|
-
function
|
|
465
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
464
|
+
function Ml(e) {
|
|
465
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
466
466
|
"path",
|
|
467
467
|
{
|
|
468
468
|
d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
|
|
@@ -472,8 +472,8 @@ function C1(e) {
|
|
|
472
472
|
}
|
|
473
473
|
) });
|
|
474
474
|
}
|
|
475
|
-
function
|
|
476
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
475
|
+
function pt(e) {
|
|
476
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
477
477
|
"path",
|
|
478
478
|
{
|
|
479
479
|
d: "M6.1584 3.13508C5.95694 3.32394 5.94673 3.64036 6.13559 3.84182L9.56499 7.49991L6.13559 11.158C5.94673 11.3595 5.95694 11.6759 6.1584 11.8647C6.35986 12.0536 6.67628 12.0434 6.86514 11.8419L10.6151 7.84182C10.7954 7.64946 10.7954 7.35036 10.6151 7.158L6.86514 3.15801C6.67628 2.95655 6.35986 2.94634 6.1584 3.13508Z",
|
|
@@ -483,8 +483,8 @@ function rt(e) {
|
|
|
483
483
|
}
|
|
484
484
|
) });
|
|
485
485
|
}
|
|
486
|
-
function
|
|
487
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
486
|
+
function ht(e) {
|
|
487
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
488
488
|
"path",
|
|
489
489
|
{
|
|
490
490
|
d: "M8.84182 3.13508C9.04328 3.32394 9.05348 3.64036 8.86462 3.84182L5.43523 7.49991L8.86462 11.158C9.05348 11.3595 9.04328 11.6759 8.84182 11.8647C8.64036 12.0536 8.32394 12.0434 8.13508 11.8419L4.38508 7.84182C4.20477 7.64946 4.20477 7.35036 4.38508 7.158L8.13508 3.15801C8.32394 2.95655 8.64036 2.94634 8.84182 3.13508Z",
|
|
@@ -494,8 +494,8 @@ function st(e) {
|
|
|
494
494
|
}
|
|
495
495
|
) });
|
|
496
496
|
}
|
|
497
|
-
function
|
|
498
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
497
|
+
function Rl(e) {
|
|
498
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
499
499
|
"path",
|
|
500
500
|
{
|
|
501
501
|
d: "M3 2.5C3 2.22386 3.22386 2 3.5 2H11.5C11.7761 2 12 2.22386 12 2.5V13.5C12 13.6818 11.9014 13.8492 11.7424 13.9373C11.5834 14.0254 11.3891 14.0203 11.235 13.924L7.5 11.5896L3.765 13.924C3.61087 14.0203 3.41659 14.0254 3.25762 13.9373C3.09864 13.8492 3 13.6818 3 13.5V2.5ZM4 3V12.5979L6.97 10.7416C7.29427 10.539 7.70573 10.539 8.03 10.7416L11 12.5979V3H4Z",
|
|
@@ -505,7 +505,7 @@ function v1(e) {
|
|
|
505
505
|
}
|
|
506
506
|
) });
|
|
507
507
|
}
|
|
508
|
-
function
|
|
508
|
+
function Lo(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,8 +514,8 @@ function ho(e) {
|
|
|
514
514
|
}
|
|
515
515
|
) });
|
|
516
516
|
}
|
|
517
|
-
function
|
|
518
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
517
|
+
function Mo(e) {
|
|
518
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
519
519
|
"path",
|
|
520
520
|
{
|
|
521
521
|
d: "M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z",
|
|
@@ -525,8 +525,8 @@ function Co(e) {
|
|
|
525
525
|
}
|
|
526
526
|
) });
|
|
527
527
|
}
|
|
528
|
-
function
|
|
529
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
528
|
+
function Ro(e) {
|
|
529
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
530
530
|
"path",
|
|
531
531
|
{
|
|
532
532
|
d: "M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z",
|
|
@@ -536,8 +536,8 @@ function vo(e) {
|
|
|
536
536
|
}
|
|
537
537
|
) });
|
|
538
538
|
}
|
|
539
|
-
function
|
|
540
|
-
return /* @__PURE__ */ n("svg", { ...
|
|
539
|
+
function Eo(e) {
|
|
540
|
+
return /* @__PURE__ */ n("svg", { ...J, ...e, children: /* @__PURE__ */ n(
|
|
541
541
|
"path",
|
|
542
542
|
{
|
|
543
543
|
d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z",
|
|
@@ -547,941 +547,1506 @@ function bo(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 qo = "_root_p5j1t_12", Do = "_viewport_p5j1t_17", zo = "_track_p5j1t_21", Io = "_slide_p5j1t_66", Ho = "_arrow_p5j1t_78", So = "_prev_p5j1t_99", To = "_next_p5j1t_104", Ao = "_arrowButton_p5j1t_109", jo = "_dots_p5j1t_115", Oo = "_dot_p5j1t_115", le = {
|
|
551
|
+
root: qo,
|
|
552
|
+
viewport: Do,
|
|
553
|
+
track: zo,
|
|
554
|
+
slide: Io,
|
|
555
|
+
arrow: Ho,
|
|
556
|
+
prev: So,
|
|
557
|
+
next: To,
|
|
558
|
+
arrowButton: Ao,
|
|
559
|
+
dots: jo,
|
|
560
|
+
dot: Oo
|
|
561
561
|
};
|
|
562
|
-
function
|
|
562
|
+
function El({
|
|
563
563
|
children: e,
|
|
564
564
|
perView: t = 1,
|
|
565
565
|
step: o = "item",
|
|
566
566
|
showPagination: r = !1,
|
|
567
|
-
animated:
|
|
567
|
+
animated: a = !0,
|
|
568
568
|
className: l,
|
|
569
|
-
"aria-label":
|
|
570
|
-
...
|
|
569
|
+
"aria-label": s = "Carousel",
|
|
570
|
+
...c
|
|
571
571
|
}) {
|
|
572
|
-
const
|
|
573
|
-
}),
|
|
574
|
-
const
|
|
575
|
-
if (!
|
|
576
|
-
const
|
|
577
|
-
if (Math.abs(
|
|
578
|
-
|
|
572
|
+
const h = _t.toArray(e), m = h.length, i = se(), g = P(null), $ = o === "page" ? Math.max(1, Math.floor(t)) : 1, w = m <= t ? 1 : o === "page" ? Math.ceil((m - t) / $) + 1 : Math.ceil(m - t) + 1, [p, b] = Q($), [v, M] = Q(Math.max(1, w)), [z, I] = Q(0), [Y, U] = Q(!0), [D, T] = Q(m <= t), Z = P([0]), X = P(0), y = P(0), L = P(() => {
|
|
573
|
+
}), H = _e(() => {
|
|
574
|
+
const C = g.current;
|
|
575
|
+
if (!C) return;
|
|
576
|
+
const k = C.scrollLeft, B = Math.max(0, C.scrollWidth - C.clientWidth);
|
|
577
|
+
if (Math.abs(B - X.current) > 1) {
|
|
578
|
+
L.current();
|
|
579
579
|
return;
|
|
580
580
|
}
|
|
581
|
-
const
|
|
582
|
-
let
|
|
583
|
-
|
|
584
|
-
Math.abs(
|
|
585
|
-
}),
|
|
586
|
-
}, []),
|
|
587
|
-
const
|
|
588
|
-
if (!
|
|
589
|
-
const
|
|
590
|
-
if (!
|
|
591
|
-
const
|
|
592
|
-
Math.max(0, Math.min(
|
|
593
|
-
),
|
|
594
|
-
|
|
595
|
-
if (
|
|
596
|
-
const
|
|
597
|
-
|
|
598
|
-
}),
|
|
599
|
-
}, [o,
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
}, [
|
|
603
|
-
const
|
|
604
|
-
if (!
|
|
605
|
-
const
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
581
|
+
const V = k <= 1, G = k >= y.current - 1;
|
|
582
|
+
let _ = 0;
|
|
583
|
+
G ? _ = Z.current.length - 1 : V || Z.current.forEach((x, d) => {
|
|
584
|
+
Math.abs(x - k) <= Math.abs(Z.current[_] - k) && (_ = d);
|
|
585
|
+
}), I(_), U(V), T(G);
|
|
586
|
+
}, []), F = _e(() => {
|
|
587
|
+
const C = g.current;
|
|
588
|
+
if (!C) return;
|
|
589
|
+
const k = Array.from(C.children);
|
|
590
|
+
if (!k.length) return;
|
|
591
|
+
const B = Math.max(0, C.scrollWidth - C.clientWidth), V = k[0], G = k.length > 1 ? k[1].offsetLeft - V.offsetLeft - V.offsetWidth : 0, _ = (C.clientWidth + G) / (V.offsetWidth + G), x = o === "page" ? Math.max(1, Math.floor(_ + 0.01)) : 1, d = k[k.length - 1], u = Math.round(
|
|
592
|
+
Math.max(0, Math.min(B, d.offsetLeft - V.offsetLeft + d.offsetWidth - C.clientWidth))
|
|
593
|
+
), q = [];
|
|
594
|
+
k.forEach((j, O) => {
|
|
595
|
+
if (O % x !== 0) return;
|
|
596
|
+
const W = Math.round(Math.min(j.offsetLeft - V.offsetLeft, u));
|
|
597
|
+
q[q.length - 1] !== W && q.push(W);
|
|
598
|
+
}), u > 0 && q[q.length - 1] < u - 1 && q.push(u), Z.current = q, X.current = Math.round(B), y.current = u, b(x), M(q.length), H();
|
|
599
|
+
}, [o, H]);
|
|
600
|
+
we(() => {
|
|
601
|
+
L.current = F, F();
|
|
602
|
+
}, [F, m]), te(() => {
|
|
603
|
+
const C = g.current;
|
|
604
|
+
if (!C) return;
|
|
605
|
+
const k = new ResizeObserver(() => F());
|
|
606
|
+
k.observe(C);
|
|
607
|
+
const B = C.firstElementChild;
|
|
608
|
+
B && k.observe(B);
|
|
609
|
+
let V = 0;
|
|
610
|
+
const G = () => {
|
|
611
|
+
cancelAnimationFrame(V), V = requestAnimationFrame(H);
|
|
610
612
|
};
|
|
611
|
-
return
|
|
612
|
-
|
|
613
|
+
return C.addEventListener("scroll", G, { passive: !0 }), () => {
|
|
614
|
+
k.disconnect(), cancelAnimationFrame(V), C.removeEventListener("scroll", G);
|
|
613
615
|
};
|
|
614
|
-
}, [
|
|
615
|
-
const
|
|
616
|
-
if (!
|
|
617
|
-
const
|
|
618
|
-
let
|
|
619
|
-
const
|
|
620
|
-
clearTimeout(
|
|
621
|
-
},
|
|
622
|
-
|
|
623
|
-
},
|
|
624
|
-
if (
|
|
625
|
-
const
|
|
626
|
-
if (!
|
|
627
|
-
if (Math.abs(
|
|
628
|
-
|
|
616
|
+
}, [F, H, m]), te(() => {
|
|
617
|
+
const C = g.current;
|
|
618
|
+
if (!C) return;
|
|
619
|
+
const k = 4;
|
|
620
|
+
let B = null, V = 0, G = 0, _ = !1, x = 0;
|
|
621
|
+
const d = () => {
|
|
622
|
+
clearTimeout(x), delete C.dataset.settling;
|
|
623
|
+
}, u = (S) => {
|
|
624
|
+
S.pointerType !== "mouse" || S.button !== 0 || C.scrollWidth <= C.clientWidth || (d(), B = S.pointerId, V = S.clientX, G = C.scrollLeft, _ = !1);
|
|
625
|
+
}, q = (S) => {
|
|
626
|
+
if (S.pointerId !== B) return;
|
|
627
|
+
const ee = S.clientX - V;
|
|
628
|
+
if (!_) {
|
|
629
|
+
if (Math.abs(ee) < k) return;
|
|
630
|
+
_ = !0, C.setPointerCapture(S.pointerId), C.dataset.dragging = "";
|
|
629
631
|
}
|
|
630
|
-
|
|
631
|
-
},
|
|
632
|
-
if (
|
|
633
|
-
delete
|
|
634
|
-
const
|
|
635
|
-
let
|
|
636
|
-
|
|
637
|
-
const
|
|
638
|
-
|
|
639
|
-
},
|
|
640
|
-
|
|
641
|
-
},
|
|
642
|
-
return
|
|
643
|
-
|
|
632
|
+
C.scrollLeft = G - ee;
|
|
633
|
+
}, j = (S) => {
|
|
634
|
+
if (S.pointerId !== B || (B = null, !_)) return;
|
|
635
|
+
delete C.dataset.dragging;
|
|
636
|
+
const ee = C.scrollLeft, ne = Z.current;
|
|
637
|
+
let ie = ne.reduce((me, De) => Math.abs(De - ee) < Math.abs(me - ee) ? De : me, ne[0]);
|
|
638
|
+
ee > G + 1 && ie <= G + 1 ? ie = ne.find((me) => me > G + 1) ?? ie : ee < G - 1 && ie >= G - 1 && (ie = [...ne].reverse().find((me) => me < G - 1) ?? ie), C.dataset.settling = "";
|
|
639
|
+
const Qe = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
640
|
+
C.scrollTo({ left: ie, behavior: Qe ? "auto" : "smooth" }), C.addEventListener("scrollend", d, { once: !0 }), x = window.setTimeout(d, 700);
|
|
641
|
+
}, O = (S) => {
|
|
642
|
+
_ && (_ = !1, S.preventDefault(), S.stopPropagation());
|
|
643
|
+
}, W = (S) => S.preventDefault();
|
|
644
|
+
return C.addEventListener("pointerdown", u), C.addEventListener("pointermove", q), C.addEventListener("pointerup", j), C.addEventListener("pointercancel", j), C.addEventListener("click", O, !0), C.addEventListener("dragstart", W), () => {
|
|
645
|
+
d(), C.removeEventListener("pointerdown", u), C.removeEventListener("pointermove", q), C.removeEventListener("pointerup", j), C.removeEventListener("pointercancel", j), C.removeEventListener("click", O, !0), C.removeEventListener("dragstart", W);
|
|
644
646
|
};
|
|
645
647
|
}, []);
|
|
646
|
-
const
|
|
647
|
-
var
|
|
648
|
-
return (
|
|
649
|
-
},
|
|
650
|
-
const
|
|
651
|
-
if (!
|
|
652
|
-
const
|
|
653
|
-
|
|
654
|
-
},
|
|
655
|
-
return /* @__PURE__ */
|
|
648
|
+
const f = (C) => {
|
|
649
|
+
var k;
|
|
650
|
+
return (k = g.current) == null ? void 0 : k.scrollTo({ left: C });
|
|
651
|
+
}, E = (C) => {
|
|
652
|
+
const k = g.current;
|
|
653
|
+
if (!k) return;
|
|
654
|
+
const B = k.scrollLeft, V = C > 0 ? Z.current.find((G) => G > B + 1) : [...Z.current].reverse().find((G) => G < B - 1);
|
|
655
|
+
V !== void 0 && f(V);
|
|
656
|
+
}, A = v > 1;
|
|
657
|
+
return /* @__PURE__ */ N(
|
|
656
658
|
"section",
|
|
657
659
|
{
|
|
658
|
-
...
|
|
660
|
+
...c,
|
|
659
661
|
"aria-roledescription": "carousel",
|
|
660
|
-
"aria-label":
|
|
661
|
-
className:
|
|
662
|
-
"data-scrollable":
|
|
662
|
+
"aria-label": s,
|
|
663
|
+
className: R(le.root, l),
|
|
664
|
+
"data-scrollable": A ? "" : void 0,
|
|
663
665
|
children: [
|
|
664
|
-
/* @__PURE__ */
|
|
666
|
+
/* @__PURE__ */ N("div", { className: le.viewport, children: [
|
|
665
667
|
/* @__PURE__ */ n(
|
|
666
668
|
"div",
|
|
667
669
|
{
|
|
668
|
-
ref:
|
|
670
|
+
ref: g,
|
|
669
671
|
id: i,
|
|
670
|
-
className:
|
|
672
|
+
className: le.track,
|
|
671
673
|
tabIndex: 0,
|
|
672
674
|
style: { "--_view-count-default": t },
|
|
673
|
-
children:
|
|
675
|
+
children: h.map((C, k) => /* @__PURE__ */ n(
|
|
674
676
|
"div",
|
|
675
677
|
{
|
|
676
|
-
className:
|
|
678
|
+
className: le.slide,
|
|
677
679
|
role: "group",
|
|
678
680
|
"aria-roledescription": "slide",
|
|
679
|
-
"aria-label": `${
|
|
680
|
-
"data-snap":
|
|
681
|
-
children:
|
|
681
|
+
"aria-label": `${k + 1} of ${m}`,
|
|
682
|
+
"data-snap": k % p === 0 ? "" : void 0,
|
|
683
|
+
children: C
|
|
682
684
|
},
|
|
683
|
-
|
|
685
|
+
C.key ?? k
|
|
684
686
|
))
|
|
685
687
|
}
|
|
686
688
|
),
|
|
687
|
-
/* @__PURE__ */ n("span", { className:
|
|
688
|
-
|
|
689
|
+
/* @__PURE__ */ n("span", { className: R(le.arrow, le.prev), children: /* @__PURE__ */ n(
|
|
690
|
+
Ue,
|
|
689
691
|
{
|
|
690
692
|
iconOnly: !0,
|
|
691
|
-
className:
|
|
692
|
-
animated:
|
|
693
|
+
className: le.arrowButton,
|
|
694
|
+
animated: a,
|
|
693
695
|
"aria-label": "Previous",
|
|
694
696
|
"aria-controls": i,
|
|
695
|
-
disabled:
|
|
696
|
-
onClick: () =>
|
|
697
|
-
children: /* @__PURE__ */ n(
|
|
697
|
+
disabled: Y,
|
|
698
|
+
onClick: () => E(-1),
|
|
699
|
+
children: /* @__PURE__ */ n(ht, { "aria-hidden": "true" })
|
|
698
700
|
}
|
|
699
701
|
) }),
|
|
700
|
-
/* @__PURE__ */ n("span", { className:
|
|
701
|
-
|
|
702
|
+
/* @__PURE__ */ n("span", { className: R(le.arrow, le.next), children: /* @__PURE__ */ n(
|
|
703
|
+
Ue,
|
|
702
704
|
{
|
|
703
705
|
iconOnly: !0,
|
|
704
|
-
className:
|
|
705
|
-
animated:
|
|
706
|
+
className: le.arrowButton,
|
|
707
|
+
animated: a,
|
|
706
708
|
"aria-label": "Next",
|
|
707
709
|
"aria-controls": i,
|
|
708
|
-
disabled:
|
|
709
|
-
onClick: () =>
|
|
710
|
-
children: /* @__PURE__ */ n(
|
|
710
|
+
disabled: D,
|
|
711
|
+
onClick: () => E(1),
|
|
712
|
+
children: /* @__PURE__ */ n(pt, { "aria-hidden": "true" })
|
|
711
713
|
}
|
|
712
714
|
) })
|
|
713
715
|
] }),
|
|
714
|
-
r &&
|
|
716
|
+
r && A && /* @__PURE__ */ n("div", { className: le.dots, children: Array.from({ length: v }, (C, k) => /* @__PURE__ */ n(
|
|
715
717
|
"button",
|
|
716
718
|
{
|
|
717
719
|
type: "button",
|
|
718
|
-
className:
|
|
719
|
-
"aria-label": o === "page" ? `Page ${
|
|
720
|
+
className: le.dot,
|
|
721
|
+
"aria-label": o === "page" ? `Page ${k + 1} of ${v}` : `Position ${k + 1} of ${v}`,
|
|
720
722
|
"aria-controls": i,
|
|
721
|
-
"aria-current":
|
|
722
|
-
onClick: () =>
|
|
723
|
+
"aria-current": k === z ? "true" : void 0,
|
|
724
|
+
onClick: () => f(Z.current[k] ?? 0)
|
|
723
725
|
},
|
|
724
|
-
|
|
726
|
+
k
|
|
725
727
|
)) })
|
|
726
728
|
]
|
|
727
729
|
}
|
|
728
730
|
);
|
|
729
731
|
}
|
|
730
|
-
const
|
|
731
|
-
nav:
|
|
732
|
-
pages:
|
|
733
|
-
item:
|
|
734
|
-
current:
|
|
735
|
-
page:
|
|
736
|
-
gap:
|
|
737
|
-
stepText:
|
|
738
|
-
step:
|
|
739
|
-
},
|
|
740
|
-
spaceControl:
|
|
741
|
-
spaceSlider:
|
|
742
|
-
spacePanel:
|
|
743
|
-
spaceInput:
|
|
744
|
-
spaceTextArea:
|
|
745
|
-
},
|
|
746
|
-
function
|
|
732
|
+
const Zo = "_nav_f248a_6", Bo = "_pages_f248a_21", Vo = "_item_f248a_30", Wo = "_current_f248a_48", Po = "_page_f248a_21", Fo = "_gap_f248a_82", Go = "_stepText_f248a_92", Uo = "_step_f248a_92", ce = {
|
|
733
|
+
nav: Zo,
|
|
734
|
+
pages: Bo,
|
|
735
|
+
item: Vo,
|
|
736
|
+
current: Wo,
|
|
737
|
+
page: Po,
|
|
738
|
+
gap: Fo,
|
|
739
|
+
stepText: Go,
|
|
740
|
+
step: Uo
|
|
741
|
+
}, Ko = "_spaceControl_4ou97_17", Xo = "_spaceSlider_4ou97_74", Yo = "_spacePanel_4ou97_111", Qo = "_spaceInput_4ou97_34", Jo = "_spaceTextArea_4ou97_226", er = {
|
|
742
|
+
spaceControl: Ko,
|
|
743
|
+
spaceSlider: Xo,
|
|
744
|
+
spacePanel: Yo,
|
|
745
|
+
spaceInput: Qo,
|
|
746
|
+
spaceTextArea: Jo
|
|
747
|
+
}, ue = er;
|
|
748
|
+
function tr({ pageSize: e, totalItems: t }) {
|
|
747
749
|
return e <= 0 ? 1 : Math.max(1, Math.ceil(t / e));
|
|
748
750
|
}
|
|
749
|
-
function
|
|
750
|
-
const r = (
|
|
751
|
-
if (t <=
|
|
752
|
-
const l = Math.min(Math.max(e, 1), t),
|
|
753
|
-
return
|
|
751
|
+
function nr(e, t, o = 1) {
|
|
752
|
+
const r = (g, $) => Array.from({ length: Math.max(0, $ - g + 1) }, (w, p) => g + p), a = o * 2 + 5;
|
|
753
|
+
if (t <= a) return r(1, t);
|
|
754
|
+
const l = Math.min(Math.max(e, 1), t), s = Math.max(l - o, 1), c = Math.min(l + o, t), h = s > 3, m = c < t - 2, i = o * 2 + 3;
|
|
755
|
+
return h ? m ? [1, null, ...r(s, c), null, t] : [1, null, ...r(t - i + 1, t)] : [...r(1, i), null, t];
|
|
754
756
|
}
|
|
755
|
-
function
|
|
757
|
+
function ql({
|
|
756
758
|
pagination: e,
|
|
757
759
|
onPageClick: t,
|
|
758
760
|
siblings: o = 1,
|
|
759
761
|
animated: r = !0,
|
|
760
|
-
className:
|
|
762
|
+
className: a,
|
|
761
763
|
"aria-label": l = "Pagination",
|
|
762
|
-
...
|
|
764
|
+
...s
|
|
763
765
|
}) {
|
|
764
|
-
const
|
|
765
|
-
if (
|
|
766
|
-
const
|
|
767
|
-
i !==
|
|
766
|
+
const c = tr(e);
|
|
767
|
+
if (c <= 1) return null;
|
|
768
|
+
const h = Math.min(Math.max(e.page, 1), c), m = (i) => {
|
|
769
|
+
i !== h && i >= 1 && i <= c && t(i);
|
|
768
770
|
};
|
|
769
|
-
return /* @__PURE__ */
|
|
770
|
-
/* @__PURE__ */
|
|
771
|
+
return /* @__PURE__ */ N("nav", { ...s, "aria-label": l, className: R(ce.nav, a), children: [
|
|
772
|
+
/* @__PURE__ */ N(
|
|
771
773
|
"button",
|
|
772
774
|
{
|
|
773
775
|
type: "button",
|
|
774
|
-
className:
|
|
775
|
-
disabled:
|
|
776
|
+
className: R(ue.spaceControl, ce.item, ce.step),
|
|
777
|
+
disabled: h <= 1,
|
|
776
778
|
"aria-label": "Previous page",
|
|
777
|
-
onClick: () =>
|
|
779
|
+
onClick: () => m(h - 1),
|
|
778
780
|
children: [
|
|
779
|
-
/* @__PURE__ */ n(
|
|
780
|
-
/* @__PURE__ */ n("span", { className:
|
|
781
|
+
/* @__PURE__ */ n(ht, { "aria-hidden": "true" }),
|
|
782
|
+
/* @__PURE__ */ n("span", { className: ce.stepText, children: "Previous" })
|
|
781
783
|
]
|
|
782
784
|
}
|
|
783
785
|
),
|
|
784
|
-
/* @__PURE__ */ n("ol", { className:
|
|
785
|
-
(i,
|
|
786
|
+
/* @__PURE__ */ n("ol", { className: ce.pages, children: nr(h, c, o).map(
|
|
787
|
+
(i, g) => i === null ? (
|
|
786
788
|
// Presentational: "ellipsis" read aloud between page numbers tells
|
|
787
789
|
// nobody anything.
|
|
788
790
|
// eslint-disable-next-line react/no-array-index-key
|
|
789
|
-
/* @__PURE__ */ n("li", { className:
|
|
791
|
+
/* @__PURE__ */ n("li", { className: ce.gap, "aria-hidden": "true", children: "…" }, `gap-${g}`)
|
|
790
792
|
) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
|
|
791
793
|
"button",
|
|
792
794
|
{
|
|
793
795
|
type: "button",
|
|
794
|
-
className:
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
i ===
|
|
796
|
+
className: R(
|
|
797
|
+
ue.spaceControl,
|
|
798
|
+
ce.item,
|
|
799
|
+
ce.page,
|
|
800
|
+
i === h && ce.current
|
|
799
801
|
),
|
|
800
|
-
"data-animated": i ===
|
|
802
|
+
"data-animated": i === h && !r ? "false" : void 0,
|
|
801
803
|
"aria-label": `Page ${i}`,
|
|
802
|
-
"aria-current": i ===
|
|
803
|
-
onClick: () =>
|
|
804
|
+
"aria-current": i === h ? "page" : void 0,
|
|
805
|
+
onClick: () => m(i),
|
|
804
806
|
children: i
|
|
805
807
|
}
|
|
806
808
|
) }, i)
|
|
807
809
|
) }),
|
|
808
|
-
/* @__PURE__ */
|
|
810
|
+
/* @__PURE__ */ N(
|
|
809
811
|
"button",
|
|
810
812
|
{
|
|
811
813
|
type: "button",
|
|
812
|
-
className:
|
|
813
|
-
disabled:
|
|
814
|
+
className: R(ue.spaceControl, ce.item, ce.step),
|
|
815
|
+
disabled: h >= c,
|
|
814
816
|
"aria-label": "Next page",
|
|
815
|
-
onClick: () =>
|
|
817
|
+
onClick: () => m(h + 1),
|
|
816
818
|
children: [
|
|
817
|
-
/* @__PURE__ */ n("span", { className:
|
|
818
|
-
/* @__PURE__ */ n(
|
|
819
|
+
/* @__PURE__ */ n("span", { className: ce.stepText, children: "Next" }),
|
|
820
|
+
/* @__PURE__ */ n(pt, { "aria-hidden": "true" })
|
|
819
821
|
]
|
|
820
822
|
}
|
|
821
823
|
)
|
|
822
824
|
] });
|
|
823
825
|
}
|
|
824
|
-
const
|
|
825
|
-
wrap:
|
|
826
|
-
sm:
|
|
827
|
-
md:
|
|
828
|
-
lg:
|
|
829
|
-
orbit:
|
|
830
|
-
planet:
|
|
826
|
+
const or = "_wrap_dwcut_5", rr = "_sm_dwcut_30", sr = "_md_dwcut_36", ar = "_lg_dwcut_42", lr = "_orbit_dwcut_49", cr = "_planet_dwcut_58", ir = "_moon_dwcut_73", dr = "_label_dwcut_92", ke = {
|
|
827
|
+
wrap: or,
|
|
828
|
+
sm: rr,
|
|
829
|
+
md: sr,
|
|
830
|
+
lg: ar,
|
|
831
|
+
orbit: lr,
|
|
832
|
+
planet: cr,
|
|
831
833
|
"sp-loader-planet-pulse": "_sp-loader-planet-pulse_dwcut_1",
|
|
832
|
-
moon:
|
|
834
|
+
moon: ir,
|
|
833
835
|
"sp-loader-orbit": "_sp-loader-orbit_dwcut_1",
|
|
834
|
-
label:
|
|
836
|
+
label: dr,
|
|
835
837
|
"sp-loader-reduced-pulse": "_sp-loader-reduced-pulse_dwcut_1"
|
|
836
838
|
};
|
|
837
|
-
function
|
|
838
|
-
return /* @__PURE__ */
|
|
839
|
+
function Dl({ size: e = "md", label: t, className: o }) {
|
|
840
|
+
return /* @__PURE__ */ N(
|
|
839
841
|
"div",
|
|
840
842
|
{
|
|
841
|
-
className:
|
|
843
|
+
className: R(ke.wrap, ke[e], o),
|
|
842
844
|
role: "status",
|
|
843
845
|
"aria-live": "polite",
|
|
844
846
|
"aria-label": t ?? "Loading",
|
|
845
847
|
children: [
|
|
846
|
-
/* @__PURE__ */
|
|
847
|
-
/* @__PURE__ */ n("span", { className:
|
|
848
|
-
/* @__PURE__ */ n("span", { className:
|
|
848
|
+
/* @__PURE__ */ N("span", { className: ke.orbit, children: [
|
|
849
|
+
/* @__PURE__ */ n("span", { className: ke.planet }),
|
|
850
|
+
/* @__PURE__ */ n("span", { className: ke.moon })
|
|
849
851
|
] }),
|
|
850
|
-
t && /* @__PURE__ */ n("span", { className:
|
|
852
|
+
t && /* @__PURE__ */ n("span", { className: ke.label, children: t })
|
|
851
853
|
]
|
|
852
854
|
}
|
|
853
855
|
);
|
|
854
856
|
}
|
|
855
|
-
const
|
|
856
|
-
content:
|
|
857
|
+
const ur = "_content_1efo6_6", fr = {
|
|
858
|
+
content: ur
|
|
857
859
|
};
|
|
858
|
-
function
|
|
860
|
+
function Ye(e, t) {
|
|
859
861
|
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());
|
|
860
862
|
}
|
|
861
|
-
const
|
|
862
|
-
function
|
|
863
|
-
const l =
|
|
864
|
-
return
|
|
863
|
+
const _r = 350, pr = 80, Pe = 8, Se = 8;
|
|
864
|
+
function hr({ triggerRef: e, tooltipId: t, show: o, hide: r, children: a }) {
|
|
865
|
+
const l = a.props;
|
|
866
|
+
return Xe(a, {
|
|
865
867
|
ref: e,
|
|
866
868
|
// Always present, so the id it points at never dangles: the content
|
|
867
869
|
// element stays mounted and only toggles its popover state.
|
|
868
870
|
"aria-describedby": t,
|
|
869
|
-
onPointerEnter: (
|
|
870
|
-
var
|
|
871
|
-
(
|
|
871
|
+
onPointerEnter: (s) => {
|
|
872
|
+
var c;
|
|
873
|
+
(c = l.onPointerEnter) == null || c.call(l, s), s.pointerType === "mouse" && o();
|
|
872
874
|
},
|
|
873
|
-
onPointerLeave: (
|
|
874
|
-
var
|
|
875
|
-
(
|
|
875
|
+
onPointerLeave: (s) => {
|
|
876
|
+
var c;
|
|
877
|
+
(c = l.onPointerLeave) == null || c.call(l, s), r();
|
|
876
878
|
},
|
|
877
879
|
// Keyboard focus shows it immediately — no hover delay to wait out.
|
|
878
|
-
onFocus: (
|
|
879
|
-
var
|
|
880
|
-
(
|
|
880
|
+
onFocus: (s) => {
|
|
881
|
+
var c;
|
|
882
|
+
(c = l.onFocus) == null || c.call(l, s), o(!0);
|
|
881
883
|
},
|
|
882
|
-
onBlur: (
|
|
883
|
-
var
|
|
884
|
-
(
|
|
884
|
+
onBlur: (s) => {
|
|
885
|
+
var c;
|
|
886
|
+
(c = l.onBlur) == null || c.call(l, s), r();
|
|
885
887
|
},
|
|
886
888
|
// A tooltip must never outlive the action it describes: clicking the
|
|
887
889
|
// control (expand, switch view) leaves it stranded over the new layout.
|
|
888
|
-
onClick: (
|
|
889
|
-
var
|
|
890
|
-
(
|
|
890
|
+
onClick: (s) => {
|
|
891
|
+
var c;
|
|
892
|
+
(c = l.onClick) == null || c.call(l, s), r();
|
|
891
893
|
}
|
|
892
894
|
});
|
|
893
895
|
}
|
|
894
|
-
function
|
|
895
|
-
const r =
|
|
896
|
-
i.current && (clearTimeout(i.current), i.current = null),
|
|
897
|
-
},
|
|
898
|
-
if (
|
|
896
|
+
function mr({ label: e, side: t = "bottom", children: o }) {
|
|
897
|
+
const r = se(), [a, l] = Q(!1), [s, c] = Q(null), h = P(null), m = P(null), i = P(null), g = P(null), $ = () => {
|
|
898
|
+
i.current && (clearTimeout(i.current), i.current = null), g.current && (clearTimeout(g.current), g.current = null);
|
|
899
|
+
}, w = (b = !1) => {
|
|
900
|
+
if ($(), b) {
|
|
899
901
|
l(!0);
|
|
900
902
|
return;
|
|
901
903
|
}
|
|
902
|
-
i.current = setTimeout(() => l(!0),
|
|
903
|
-
},
|
|
904
|
-
|
|
904
|
+
i.current = setTimeout(() => l(!0), _r);
|
|
905
|
+
}, p = () => {
|
|
906
|
+
$(), g.current = setTimeout(() => l(!1), pr);
|
|
905
907
|
};
|
|
906
|
-
return
|
|
907
|
-
const
|
|
908
|
-
if (!
|
|
909
|
-
if (!
|
|
910
|
-
|
|
908
|
+
return te(() => $, []), we(() => {
|
|
909
|
+
const b = m.current;
|
|
910
|
+
if (!b) return;
|
|
911
|
+
if (!a) {
|
|
912
|
+
b.matches(":popover-open") && b.hidePopover();
|
|
911
913
|
return;
|
|
912
914
|
}
|
|
913
|
-
const
|
|
914
|
-
if (!
|
|
915
|
-
const
|
|
916
|
-
const
|
|
917
|
-
Math.max(
|
|
918
|
-
Math.max(
|
|
919
|
-
),
|
|
920
|
-
fitsNear:
|
|
921
|
-
fitsFar:
|
|
915
|
+
const v = h.current;
|
|
916
|
+
if (!v) return;
|
|
917
|
+
const M = () => {
|
|
918
|
+
const z = v.getBoundingClientRect(), I = b.offsetWidth, Y = b.offsetHeight, U = (H, F, f, E) => Math.min(
|
|
919
|
+
Math.max(H + F / 2 - f / 2, Se),
|
|
920
|
+
Math.max(E - f - Se, Se)
|
|
921
|
+
), D = (H, F, f, E) => ({
|
|
922
|
+
fitsNear: H >= Se,
|
|
923
|
+
fitsFar: F + f <= E - Se
|
|
922
924
|
});
|
|
923
925
|
if (t === "left" || t === "right") {
|
|
924
|
-
const
|
|
925
|
-
|
|
926
|
+
const H = z.right + Pe, F = z.left - I - Pe, { fitsNear: f, fitsFar: E } = D(F, H, I, window.innerWidth), A = t === "right" ? E || !f ? H : F : f || !E ? F : H;
|
|
927
|
+
b.dataset.side = A === H ? "right" : "left", c({ top: U(z.top, z.height, Y, window.innerHeight), left: A });
|
|
926
928
|
return;
|
|
927
929
|
}
|
|
928
|
-
const
|
|
929
|
-
|
|
930
|
+
const T = z.bottom + Pe, Z = z.top - Y - Pe, { fitsNear: X, fitsFar: y } = D(Z, T, Y, window.innerHeight), L = t === "bottom" ? y || !X ? T : Z : X || !y ? Z : T;
|
|
931
|
+
b.dataset.side = L === T ? "bottom" : "top", c({ top: L, left: U(z.left, z.width, I, window.innerWidth) });
|
|
930
932
|
};
|
|
931
|
-
|
|
932
|
-
}, [
|
|
933
|
+
b.matches(":popover-open") ? M() : Ye(b, M);
|
|
934
|
+
}, [a, t, e]), !e || !Re(o) ? /* @__PURE__ */ n(he, { children: o }) : /* @__PURE__ */ N(he, { children: [
|
|
933
935
|
/* @__PURE__ */ n(
|
|
934
|
-
|
|
936
|
+
hr,
|
|
935
937
|
{
|
|
936
|
-
triggerRef:
|
|
938
|
+
triggerRef: h,
|
|
937
939
|
tooltipId: r,
|
|
938
|
-
show:
|
|
939
|
-
hide:
|
|
940
|
+
show: w,
|
|
941
|
+
hide: p,
|
|
940
942
|
children: o
|
|
941
943
|
}
|
|
942
944
|
),
|
|
943
945
|
/* @__PURE__ */ n(
|
|
944
946
|
"div",
|
|
945
947
|
{
|
|
946
|
-
ref:
|
|
948
|
+
ref: m,
|
|
947
949
|
id: r,
|
|
948
950
|
popover: "auto",
|
|
949
951
|
role: "tooltip",
|
|
950
|
-
className:
|
|
951
|
-
style:
|
|
952
|
-
onToggle: (
|
|
953
|
-
|
|
952
|
+
className: fr.content,
|
|
953
|
+
style: s ? { top: s.top, left: s.left } : void 0,
|
|
954
|
+
onToggle: (b) => {
|
|
955
|
+
b.nativeEvent.newState === "closed" && a && l(!1);
|
|
954
956
|
},
|
|
955
957
|
children: e
|
|
956
958
|
}
|
|
957
959
|
)
|
|
958
960
|
] });
|
|
959
961
|
}
|
|
960
|
-
const
|
|
961
|
-
group:
|
|
962
|
-
segment:
|
|
963
|
-
active:
|
|
964
|
-
vertical:
|
|
962
|
+
const gr = "_group_1tdav_4", Cr = "_segment_1tdav_15", vr = "_active_1tdav_35", br = "_vertical_1tdav_46", Fe = {
|
|
963
|
+
group: gr,
|
|
964
|
+
segment: Cr,
|
|
965
|
+
active: vr,
|
|
966
|
+
vertical: br
|
|
965
967
|
};
|
|
966
|
-
function
|
|
968
|
+
function zl({
|
|
967
969
|
options: e,
|
|
968
970
|
value: t,
|
|
969
971
|
onValueChange: o,
|
|
970
972
|
orientation: r = "horizontal",
|
|
971
|
-
className:
|
|
973
|
+
className: a = ""
|
|
972
974
|
}) {
|
|
973
975
|
const l = r === "vertical";
|
|
974
976
|
return /* @__PURE__ */ n(
|
|
975
977
|
"div",
|
|
976
978
|
{
|
|
977
|
-
className: `${
|
|
979
|
+
className: `${Fe.group} ${l ? Fe.vertical : ""} ${a}`,
|
|
978
980
|
role: "group",
|
|
979
|
-
children: e.map((
|
|
981
|
+
children: e.map((s) => (
|
|
980
982
|
// A horizontal pill sits at the top of the scene, so its tooltips hang
|
|
981
983
|
// below it. A vertical one has a segment directly below every segment,
|
|
982
984
|
// so they go to the side instead — otherwise each tooltip covers the
|
|
983
985
|
// next option along.
|
|
984
|
-
/* @__PURE__ */ n(
|
|
986
|
+
/* @__PURE__ */ n(mr, { label: s.label, side: l ? "right" : "bottom", children: /* @__PURE__ */ n(
|
|
985
987
|
"button",
|
|
986
988
|
{
|
|
987
989
|
type: "button",
|
|
988
|
-
className: `${
|
|
989
|
-
"aria-label":
|
|
990
|
-
"aria-pressed":
|
|
990
|
+
className: `${Fe.segment} ${s.value === t ? Fe.active : ""}`,
|
|
991
|
+
"aria-label": s.label,
|
|
992
|
+
"aria-pressed": s.value === t,
|
|
991
993
|
onClick: () => {
|
|
992
|
-
|
|
994
|
+
s.value !== t && o(s.value);
|
|
993
995
|
},
|
|
994
|
-
children:
|
|
996
|
+
children: s.icon
|
|
995
997
|
}
|
|
996
|
-
) },
|
|
998
|
+
) }, s.value)
|
|
997
999
|
))
|
|
998
1000
|
}
|
|
999
1001
|
);
|
|
1000
1002
|
}
|
|
1001
|
-
const
|
|
1002
|
-
root:
|
|
1003
|
-
trigger:
|
|
1004
|
-
labelWrap:
|
|
1005
|
-
sizer:
|
|
1006
|
-
triggerLabel:
|
|
1007
|
-
chevron:
|
|
1008
|
-
listbox:
|
|
1009
|
-
item:
|
|
1010
|
-
},
|
|
1011
|
-
const e =
|
|
1003
|
+
const $r = "_root_12wb9_2", wr = "_trigger_12wb9_7", xr = "_labelWrap_12wb9_30", yr = "_sizer_12wb9_8", kr = "_triggerLabel_12wb9_70", Nr = "_chevron_12wb9_77", Lr = "_listbox_12wb9_82", Mr = "_item_12wb9_174", Ce = {
|
|
1004
|
+
root: $r,
|
|
1005
|
+
trigger: wr,
|
|
1006
|
+
labelWrap: xr,
|
|
1007
|
+
sizer: yr,
|
|
1008
|
+
triggerLabel: kr,
|
|
1009
|
+
chevron: Nr,
|
|
1010
|
+
listbox: Lr,
|
|
1011
|
+
item: Mr
|
|
1012
|
+
}, mt = Ee(null), Rr = () => {
|
|
1013
|
+
const e = qe(mt);
|
|
1012
1014
|
if (!e) throw new Error("Select.Item must be inside a Select");
|
|
1013
1015
|
return e;
|
|
1014
|
-
},
|
|
1015
|
-
function
|
|
1016
|
+
}, gt = (e, t) => `${e}-${encodeURIComponent(t)}`, Te = 4, Ne = 8;
|
|
1017
|
+
function Er(e) {
|
|
1016
1018
|
const t = [], o = (r) => {
|
|
1017
|
-
|
|
1018
|
-
if (!
|
|
1019
|
-
const l =
|
|
1020
|
-
|
|
1019
|
+
_t.forEach(r, (a) => {
|
|
1020
|
+
if (!Re(a)) return;
|
|
1021
|
+
const l = a.props;
|
|
1022
|
+
a.type === Ct && typeof l.value == "string" ? t.push({ value: l.value, label: l.children, disabled: l.disabled }) : l.children && o(l.children);
|
|
1021
1023
|
});
|
|
1022
1024
|
};
|
|
1023
1025
|
return o(e), t;
|
|
1024
1026
|
}
|
|
1025
|
-
function
|
|
1027
|
+
function qr({
|
|
1026
1028
|
value: e,
|
|
1027
1029
|
onValueChange: t,
|
|
1028
1030
|
disabled: o,
|
|
1029
1031
|
placeholder: r,
|
|
1030
|
-
animated:
|
|
1032
|
+
animated: a = !0,
|
|
1031
1033
|
className: l,
|
|
1032
|
-
children:
|
|
1033
|
-
...
|
|
1034
|
+
children: s,
|
|
1035
|
+
...c
|
|
1034
1036
|
}) {
|
|
1035
|
-
const [
|
|
1036
|
-
(
|
|
1037
|
-
var
|
|
1038
|
-
return ((
|
|
1037
|
+
const [h, m] = Q(!1), [i, g] = Q(null), $ = se(), w = P(null), p = P(null), b = P(null), [v, M] = Q(null), [z, I] = Q(null), [Y, U] = Q(null), D = pe(() => Er(s), [s]), T = pe(() => D.filter((f) => !f.disabled).map((f) => f.value), [D]), Z = pe(() => D.map((f) => f.label), [D]), X = _e(
|
|
1038
|
+
(f) => {
|
|
1039
|
+
var E;
|
|
1040
|
+
return ((E = D.find((A) => A.value === f)) == null ? void 0 : E.label) ?? null;
|
|
1039
1041
|
},
|
|
1040
|
-
[
|
|
1042
|
+
[D]
|
|
1041
1043
|
);
|
|
1042
|
-
|
|
1043
|
-
if (!
|
|
1044
|
-
const
|
|
1045
|
-
|
|
1044
|
+
te(() => {
|
|
1045
|
+
if (!h) return;
|
|
1046
|
+
const f = (E) => {
|
|
1047
|
+
p.current && !p.current.contains(E.target) && m(!1);
|
|
1046
1048
|
};
|
|
1047
|
-
return document.addEventListener("mousedown",
|
|
1048
|
-
}, [
|
|
1049
|
-
const
|
|
1050
|
-
const
|
|
1051
|
-
if (!
|
|
1052
|
-
const
|
|
1053
|
-
|
|
1054
|
-
const
|
|
1055
|
-
|
|
1056
|
-
const
|
|
1057
|
-
Math.max(
|
|
1058
|
-
Math.max(window.innerWidth -
|
|
1049
|
+
return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
|
|
1050
|
+
}, [h]);
|
|
1051
|
+
const y = _e(() => {
|
|
1052
|
+
const f = w.current, E = b.current;
|
|
1053
|
+
if (!f || !E) return;
|
|
1054
|
+
const A = f.getBoundingClientRect();
|
|
1055
|
+
M(f.offsetWidth);
|
|
1056
|
+
const C = window.innerHeight - A.bottom - Ne, k = A.top - Ne, B = C < Math.min(E.offsetHeight + Te, 200) && k > C, V = Math.max(120, Math.min(380, B ? k - Te : C - Te));
|
|
1057
|
+
I(V), E.dataset.side = B ? "top" : "bottom";
|
|
1058
|
+
const G = Math.min(E.offsetHeight, V), _ = B ? Math.max(Ne, A.top - Te - G) : A.bottom + Te, x = Math.min(
|
|
1059
|
+
Math.max(A.left, Ne),
|
|
1060
|
+
Math.max(window.innerWidth - E.offsetWidth - Ne, Ne)
|
|
1059
1061
|
);
|
|
1060
|
-
U((
|
|
1062
|
+
U((d) => d && d.top === _ && d.left === x ? d : { top: _, left: x });
|
|
1061
1063
|
}, []);
|
|
1062
|
-
|
|
1063
|
-
const
|
|
1064
|
-
|
|
1065
|
-
}, [
|
|
1066
|
-
if (!
|
|
1067
|
-
let
|
|
1068
|
-
const
|
|
1069
|
-
const
|
|
1070
|
-
if (
|
|
1071
|
-
const
|
|
1072
|
-
|
|
1064
|
+
we(() => {
|
|
1065
|
+
const f = b.current;
|
|
1066
|
+
f && (h ? (Ye(f, y), y()) : f.matches(":popover-open") && f.hidePopover());
|
|
1067
|
+
}, [h, y]), te(() => {
|
|
1068
|
+
if (!h) return;
|
|
1069
|
+
let f = 0, E = "";
|
|
1070
|
+
const A = () => {
|
|
1071
|
+
const C = w.current;
|
|
1072
|
+
if (C) {
|
|
1073
|
+
const k = C.getBoundingClientRect(), B = `${k.top}|${k.left}|${k.width}|${window.innerWidth}|${window.innerHeight}`;
|
|
1074
|
+
B !== E && (E = B, y());
|
|
1073
1075
|
}
|
|
1074
|
-
|
|
1076
|
+
f = requestAnimationFrame(A);
|
|
1075
1077
|
};
|
|
1076
|
-
return
|
|
1077
|
-
}, [
|
|
1078
|
-
var
|
|
1079
|
-
|
|
1080
|
-
}, [
|
|
1081
|
-
const
|
|
1082
|
-
|
|
1083
|
-
},
|
|
1084
|
-
const
|
|
1085
|
-
|
|
1086
|
-
},
|
|
1078
|
+
return f = requestAnimationFrame(A), () => cancelAnimationFrame(f);
|
|
1079
|
+
}, [h, y]), te(() => {
|
|
1080
|
+
var f;
|
|
1081
|
+
h && ((f = b.current) == null || f.focus());
|
|
1082
|
+
}, [h]);
|
|
1083
|
+
const L = (f) => {
|
|
1084
|
+
g(f ?? T[0] ?? null), m(!0);
|
|
1085
|
+
}, H = (f) => {
|
|
1086
|
+
const E = i ? T.indexOf(i) : -1, A = Math.min(Math.max(E + f, 0), T.length - 1);
|
|
1087
|
+
g(T[A] ?? null);
|
|
1088
|
+
}, F = e ? X(e) : null;
|
|
1087
1089
|
return /* @__PURE__ */ n(
|
|
1088
|
-
|
|
1090
|
+
mt.Provider,
|
|
1089
1091
|
{
|
|
1090
1092
|
value: {
|
|
1091
1093
|
value: e,
|
|
1092
1094
|
onValueChange: t,
|
|
1093
1095
|
disabled: o,
|
|
1094
|
-
open:
|
|
1095
|
-
setOpen:
|
|
1096
|
+
open: h,
|
|
1097
|
+
setOpen: m,
|
|
1096
1098
|
highlighted: i,
|
|
1097
|
-
setHighlighted:
|
|
1098
|
-
listboxId:
|
|
1099
|
-
values:
|
|
1100
|
-
labelFor:
|
|
1101
|
-
triggerRef:
|
|
1099
|
+
setHighlighted: g,
|
|
1100
|
+
listboxId: $,
|
|
1101
|
+
values: T,
|
|
1102
|
+
labelFor: X,
|
|
1103
|
+
triggerRef: w
|
|
1102
1104
|
},
|
|
1103
|
-
children: /* @__PURE__ */
|
|
1104
|
-
/* @__PURE__ */
|
|
1105
|
+
children: /* @__PURE__ */ N("div", { ref: p, className: Ce.root, children: [
|
|
1106
|
+
/* @__PURE__ */ N(
|
|
1105
1107
|
"button",
|
|
1106
1108
|
{
|
|
1107
1109
|
type: "button",
|
|
1108
|
-
...
|
|
1109
|
-
ref:
|
|
1110
|
+
...c,
|
|
1111
|
+
ref: w,
|
|
1110
1112
|
disabled: o,
|
|
1111
|
-
className:
|
|
1112
|
-
"data-animated":
|
|
1113
|
-
"data-state":
|
|
1113
|
+
className: R(Ce.trigger, ue.spaceControl, "spSelectTrigger", l),
|
|
1114
|
+
"data-animated": a ? void 0 : "false",
|
|
1115
|
+
"data-state": h ? "open" : "closed",
|
|
1114
1116
|
"aria-haspopup": "listbox",
|
|
1115
|
-
"aria-expanded":
|
|
1116
|
-
"aria-controls":
|
|
1117
|
-
onClick: () =>
|
|
1118
|
-
onKeyDown: (
|
|
1119
|
-
(
|
|
1117
|
+
"aria-expanded": h,
|
|
1118
|
+
"aria-controls": $,
|
|
1119
|
+
onClick: () => h ? m(!1) : L(e || null),
|
|
1120
|
+
onKeyDown: (f) => {
|
|
1121
|
+
(f.key === "ArrowDown" || f.key === "Enter" || f.key === " ") && (f.preventDefault(), L(e || null));
|
|
1120
1122
|
},
|
|
1121
1123
|
children: [
|
|
1122
|
-
/* @__PURE__ */
|
|
1123
|
-
/* @__PURE__ */
|
|
1124
|
-
|
|
1124
|
+
/* @__PURE__ */ N("span", { className: Ce.labelWrap, children: [
|
|
1125
|
+
/* @__PURE__ */ N("span", { className: Ce.sizer, "data-sizer": "", "aria-hidden": "true", children: [
|
|
1126
|
+
Z.map((f, E) => (
|
|
1125
1127
|
// eslint-disable-next-line react/no-array-index-key
|
|
1126
|
-
/* @__PURE__ */ n("span", { children:
|
|
1128
|
+
/* @__PURE__ */ n("span", { children: f }, E)
|
|
1127
1129
|
)),
|
|
1128
1130
|
r && /* @__PURE__ */ n("span", { children: r })
|
|
1129
1131
|
] }),
|
|
1130
|
-
/* @__PURE__ */ n("span", { className:
|
|
1132
|
+
/* @__PURE__ */ n("span", { className: Ce.triggerLabel, children: F ?? r ?? "" })
|
|
1131
1133
|
] }),
|
|
1132
|
-
/* @__PURE__ */ n("svg", { className:
|
|
1134
|
+
/* @__PURE__ */ n("svg", { className: Ce.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" }) })
|
|
1133
1135
|
]
|
|
1134
1136
|
}
|
|
1135
1137
|
),
|
|
1136
1138
|
/* @__PURE__ */ n(
|
|
1137
1139
|
"div",
|
|
1138
1140
|
{
|
|
1139
|
-
ref:
|
|
1140
|
-
id:
|
|
1141
|
+
ref: b,
|
|
1142
|
+
id: $,
|
|
1141
1143
|
role: "listbox",
|
|
1142
1144
|
tabIndex: -1,
|
|
1143
1145
|
popover: "manual",
|
|
1144
1146
|
"data-side": "bottom",
|
|
1145
|
-
"aria-activedescendant": i ?
|
|
1146
|
-
className:
|
|
1147
|
-
"data-animated":
|
|
1147
|
+
"aria-activedescendant": i ? gt($, i) : void 0,
|
|
1148
|
+
className: R(Ce.listbox, ue.spacePanel),
|
|
1149
|
+
"data-animated": a ? void 0 : "false",
|
|
1148
1150
|
style: {
|
|
1149
|
-
...
|
|
1150
|
-
...
|
|
1151
|
-
...
|
|
1151
|
+
...v != null ? { "--_select-trigger-width": `${v}px` } : {},
|
|
1152
|
+
...z != null ? { maxHeight: `${z}px` } : {},
|
|
1153
|
+
...Y ? { top: Y.top, left: Y.left } : {}
|
|
1152
1154
|
},
|
|
1153
|
-
onKeyDown: (
|
|
1154
|
-
var
|
|
1155
|
-
|
|
1155
|
+
onKeyDown: (f) => {
|
|
1156
|
+
var E, A;
|
|
1157
|
+
f.key === "Escape" ? (f.stopPropagation(), m(!1), (E = w.current) == null || E.focus()) : f.key === "ArrowDown" ? (f.preventDefault(), H(1)) : f.key === "ArrowUp" ? (f.preventDefault(), H(-1)) : f.key === "Home" ? (f.preventDefault(), g(T[0] ?? null)) : f.key === "End" ? (f.preventDefault(), g(T[T.length - 1] ?? null)) : f.key === "Enter" || f.key === " " ? (f.preventDefault(), i && (t(i), m(!1), (A = w.current) == null || A.focus())) : f.key === "Tab" && m(!1);
|
|
1156
1158
|
},
|
|
1157
|
-
children:
|
|
1159
|
+
children: s
|
|
1158
1160
|
}
|
|
1159
1161
|
)
|
|
1160
1162
|
] })
|
|
1161
1163
|
}
|
|
1162
1164
|
);
|
|
1163
1165
|
}
|
|
1164
|
-
function
|
|
1165
|
-
const r =
|
|
1166
|
+
function Ct({ value: e, disabled: t, children: o }) {
|
|
1167
|
+
const r = Rr(), a = r.value === e, l = r.highlighted === e;
|
|
1166
1168
|
return /* @__PURE__ */ n(
|
|
1167
1169
|
"div",
|
|
1168
1170
|
{
|
|
1169
|
-
id:
|
|
1171
|
+
id: gt(r.listboxId, e),
|
|
1170
1172
|
role: "option",
|
|
1171
|
-
"aria-selected":
|
|
1173
|
+
"aria-selected": a,
|
|
1172
1174
|
"aria-disabled": t || void 0,
|
|
1173
1175
|
"data-highlighted": l ? "" : void 0,
|
|
1174
|
-
className:
|
|
1176
|
+
className: R(Ce.item, "spSelectItem"),
|
|
1175
1177
|
onMouseEnter: () => !t && r.setHighlighted(e),
|
|
1176
1178
|
onClick: () => {
|
|
1177
|
-
var
|
|
1178
|
-
t || (r.onValueChange(e), r.setOpen(!1), (
|
|
1179
|
+
var s;
|
|
1180
|
+
t || (r.onValueChange(e), r.setOpen(!1), (s = r.triggerRef.current) == null || s.focus());
|
|
1179
1181
|
},
|
|
1180
1182
|
children: o
|
|
1181
1183
|
}
|
|
1182
1184
|
);
|
|
1183
1185
|
}
|
|
1184
|
-
const
|
|
1185
|
-
root:
|
|
1186
|
-
input:
|
|
1187
|
-
slot:
|
|
1188
|
-
},
|
|
1189
|
-
return /* @__PURE__ */
|
|
1186
|
+
const Il = Object.assign(qr, { Item: Ct }), Dr = "_root_1lx7y_1", zr = "_input_1lx7y_7", Ir = "_slot_1lx7y_17", tt = {
|
|
1187
|
+
root: Dr,
|
|
1188
|
+
input: zr,
|
|
1189
|
+
slot: Ir
|
|
1190
|
+
}, Hr = ae(function({ className: t, style: o, animated: r = !0, children: a, ...l }, s) {
|
|
1191
|
+
return /* @__PURE__ */ N(
|
|
1190
1192
|
"div",
|
|
1191
1193
|
{
|
|
1192
|
-
className:
|
|
1194
|
+
className: R(tt.root, ue.spaceInput, "spTextFieldRoot", t),
|
|
1193
1195
|
"data-animated": r ? void 0 : "false",
|
|
1194
1196
|
style: o,
|
|
1195
1197
|
children: [
|
|
1196
|
-
|
|
1197
|
-
/* @__PURE__ */ n("input", { ...l, ref:
|
|
1198
|
+
a,
|
|
1199
|
+
/* @__PURE__ */ n("input", { ...l, ref: s, className: R(tt.input, "spTextFieldInput") })
|
|
1198
1200
|
]
|
|
1199
1201
|
}
|
|
1200
1202
|
);
|
|
1201
1203
|
});
|
|
1202
|
-
function
|
|
1204
|
+
function Sr({
|
|
1203
1205
|
children: e
|
|
1204
1206
|
}) {
|
|
1205
|
-
return /* @__PURE__ */ n("span", { className:
|
|
1207
|
+
return /* @__PURE__ */ n("span", { className: tt.slot, children: e });
|
|
1206
1208
|
}
|
|
1207
|
-
const
|
|
1208
|
-
root:
|
|
1209
|
-
textarea:
|
|
1210
|
-
},
|
|
1209
|
+
const ct = Object.assign(Hr, { Slot: Sr }), Tr = "_root_1qu6w_1", Ar = "_textarea_1qu6w_6", it = {
|
|
1210
|
+
root: Tr,
|
|
1211
|
+
textarea: Ar
|
|
1212
|
+
}, Hl = ae(function({ className: t, style: o, animated: r = !0, ...a }, l) {
|
|
1211
1213
|
return /* @__PURE__ */ n(
|
|
1212
1214
|
"div",
|
|
1213
1215
|
{
|
|
1214
|
-
className:
|
|
1216
|
+
className: R(it.root, ue.spaceInput, ue.spaceTextArea, "spTextFieldRoot", t),
|
|
1215
1217
|
"data-animated": r ? void 0 : "false",
|
|
1216
1218
|
style: o,
|
|
1217
|
-
children: /* @__PURE__ */ n("textarea", { ...
|
|
1219
|
+
children: /* @__PURE__ */ n("textarea", { ...a, ref: l, className: R(it.textarea, "spTextAreaInput") })
|
|
1218
1220
|
}
|
|
1219
1221
|
);
|
|
1220
|
-
}),
|
|
1221
|
-
wrap:
|
|
1222
|
-
field:
|
|
1223
|
-
panel:
|
|
1224
|
-
status:
|
|
1225
|
-
list:
|
|
1226
|
-
option:
|
|
1227
|
-
active:
|
|
1228
|
-
label:
|
|
1229
|
-
meta:
|
|
1230
|
-
footer:
|
|
1231
|
-
},
|
|
1232
|
-
function
|
|
1222
|
+
}), jr = "_wrap_4p9as_12", Or = "_field_4p9as_16", Zr = "_panel_4p9as_25", Br = "_status_4p9as_91", Vr = "_list_4p9as_101", Wr = "_option_4p9as_114", Pr = "_active_4p9as_126", Fr = "_label_4p9as_136", Gr = "_meta_4p9as_143", Ur = "_footer_4p9as_149", de = {
|
|
1223
|
+
wrap: jr,
|
|
1224
|
+
field: Or,
|
|
1225
|
+
panel: Zr,
|
|
1226
|
+
status: Br,
|
|
1227
|
+
list: Vr,
|
|
1228
|
+
option: Wr,
|
|
1229
|
+
active: Pr,
|
|
1230
|
+
label: Fr,
|
|
1231
|
+
meta: Gr,
|
|
1232
|
+
footer: Ur
|
|
1233
|
+
}, dt = 8, et = 8;
|
|
1234
|
+
function Sl({
|
|
1233
1235
|
value: e,
|
|
1234
1236
|
onValueChange: t,
|
|
1235
1237
|
options: o,
|
|
1236
1238
|
onSelect: r,
|
|
1237
|
-
icon:
|
|
1239
|
+
icon: a,
|
|
1238
1240
|
caseSensitive: l = !1,
|
|
1239
|
-
preFiltered:
|
|
1240
|
-
loading:
|
|
1241
|
-
loadingMessage:
|
|
1242
|
-
emptyMessage:
|
|
1241
|
+
preFiltered: s = !1,
|
|
1242
|
+
loading: c = !1,
|
|
1243
|
+
loadingMessage: h = "Loading…",
|
|
1244
|
+
emptyMessage: m,
|
|
1243
1245
|
footer: i,
|
|
1244
|
-
animated:
|
|
1245
|
-
className:
|
|
1246
|
-
style:
|
|
1247
|
-
...
|
|
1246
|
+
animated: g = !0,
|
|
1247
|
+
className: $,
|
|
1248
|
+
style: w,
|
|
1249
|
+
...p
|
|
1248
1250
|
}) {
|
|
1249
|
-
const [
|
|
1250
|
-
if (!
|
|
1251
|
-
if (
|
|
1252
|
-
const
|
|
1253
|
-
return o.filter((
|
|
1254
|
-
}, [o, e, l,
|
|
1255
|
-
|
|
1256
|
-
var
|
|
1257
|
-
if (!
|
|
1258
|
-
const
|
|
1259
|
-
|
|
1260
|
-
}, [
|
|
1261
|
-
const
|
|
1262
|
-
const
|
|
1263
|
-
if (!
|
|
1264
|
-
const
|
|
1265
|
-
|
|
1266
|
-
const
|
|
1267
|
-
|
|
1268
|
-
(
|
|
1251
|
+
const [b, v] = Q(!1), [M, z] = Q(0), I = P(null), Y = P(null), U = P(null), D = se(), [T, Z] = Q(null), X = (_) => typeof _.label == "string" ? _.label : _.search ?? _.value, y = e.trim() !== "", L = pe(() => {
|
|
1252
|
+
if (!y) return [];
|
|
1253
|
+
if (s) return o;
|
|
1254
|
+
const _ = l ? e : e.toLowerCase();
|
|
1255
|
+
return o.filter((x) => (l ? X(x) : X(x).toLowerCase()).includes(_));
|
|
1256
|
+
}, [o, e, l, s, y]), H = pe(() => L.filter((_) => !_.disabled), [L]), F = y && (L.length > 0 || c || m != null), f = b && F;
|
|
1257
|
+
te(() => z(0), [L]), te(() => {
|
|
1258
|
+
var x;
|
|
1259
|
+
if (!f) return;
|
|
1260
|
+
const _ = (x = U.current) == null ? void 0 : x.querySelector(`[data-index="${M}"]`);
|
|
1261
|
+
_ == null || _.scrollIntoView({ block: "nearest" });
|
|
1262
|
+
}, [M, f]);
|
|
1263
|
+
const E = _e(() => {
|
|
1264
|
+
const _ = I.current, x = Y.current;
|
|
1265
|
+
if (!_ || !x) return;
|
|
1266
|
+
const u = (_.firstElementChild ?? _).getBoundingClientRect(), q = x.offsetHeight, j = window.innerHeight - u.bottom - et, O = j < q && u.top - et > j;
|
|
1267
|
+
x.dataset.side = O ? "top" : "bottom";
|
|
1268
|
+
const W = O ? Math.max(et, u.top - dt - q) : u.bottom + dt;
|
|
1269
|
+
Z(
|
|
1270
|
+
(S) => S && S.top === W && S.left === u.left && S.width === u.width ? S : { top: W, left: u.left, width: u.width }
|
|
1269
1271
|
);
|
|
1270
1272
|
}, []);
|
|
1271
|
-
|
|
1272
|
-
const
|
|
1273
|
-
|
|
1274
|
-
}, [
|
|
1275
|
-
if (!
|
|
1276
|
-
let
|
|
1277
|
-
const
|
|
1278
|
-
const
|
|
1279
|
-
if (
|
|
1280
|
-
const
|
|
1281
|
-
|
|
1273
|
+
we(() => {
|
|
1274
|
+
const _ = Y.current;
|
|
1275
|
+
_ && (f ? (Ye(_, E), E()) : _.matches(":popover-open") && _.hidePopover());
|
|
1276
|
+
}, [f, E]), te(() => {
|
|
1277
|
+
if (!f) return;
|
|
1278
|
+
let _ = 0, x = "";
|
|
1279
|
+
const d = () => {
|
|
1280
|
+
const u = I.current, q = Y.current;
|
|
1281
|
+
if (u && q) {
|
|
1282
|
+
const j = (u.firstElementChild ?? u).getBoundingClientRect(), O = `${j.top}|${j.left}|${j.width}|${q.offsetHeight}|${window.innerHeight}`;
|
|
1283
|
+
O !== x && (x = O, E());
|
|
1282
1284
|
}
|
|
1283
|
-
|
|
1285
|
+
_ = requestAnimationFrame(d);
|
|
1284
1286
|
};
|
|
1285
|
-
return
|
|
1286
|
-
}, [
|
|
1287
|
-
const
|
|
1288
|
-
|
|
1289
|
-
if (!
|
|
1290
|
-
const
|
|
1291
|
-
const
|
|
1292
|
-
|
|
1287
|
+
return _ = requestAnimationFrame(d), () => cancelAnimationFrame(_);
|
|
1288
|
+
}, [f, E]);
|
|
1289
|
+
const A = _e(() => v(!1), []);
|
|
1290
|
+
te(() => {
|
|
1291
|
+
if (!f) return;
|
|
1292
|
+
const _ = (x) => {
|
|
1293
|
+
const d = I.current;
|
|
1294
|
+
d && x.target instanceof Node && !d.contains(x.target) && A();
|
|
1293
1295
|
};
|
|
1294
|
-
return document.addEventListener("pointerdown",
|
|
1295
|
-
}, [
|
|
1296
|
-
const
|
|
1297
|
-
|
|
1298
|
-
},
|
|
1299
|
-
if (
|
|
1300
|
-
const
|
|
1301
|
-
|
|
1302
|
-
},
|
|
1303
|
-
if (
|
|
1304
|
-
|
|
1296
|
+
return document.addEventListener("pointerdown", _), () => document.removeEventListener("pointerdown", _);
|
|
1297
|
+
}, [f, A]);
|
|
1298
|
+
const C = P(!1), k = (_) => {
|
|
1299
|
+
_.disabled || (t(X(_)), r(_.value, _), C.current = !1, v(!1));
|
|
1300
|
+
}, B = (_) => {
|
|
1301
|
+
if (H.length === 0) return;
|
|
1302
|
+
const x = L[M], u = ((x && !x.disabled ? H.indexOf(x) : -1) + _ + H.length) % H.length, q = H[u];
|
|
1303
|
+
q && z(L.indexOf(q));
|
|
1304
|
+
}, V = (_) => {
|
|
1305
|
+
if (_.key === "Escape") {
|
|
1306
|
+
f && _.stopPropagation(), v(!1);
|
|
1305
1307
|
return;
|
|
1306
1308
|
}
|
|
1307
|
-
if (
|
|
1308
|
-
|
|
1309
|
+
if (_.key === "Tab") {
|
|
1310
|
+
v(!1);
|
|
1309
1311
|
return;
|
|
1310
1312
|
}
|
|
1311
|
-
if (!
|
|
1312
|
-
|
|
1313
|
+
if (!f) {
|
|
1314
|
+
_.key === "ArrowDown" && v(!0);
|
|
1313
1315
|
return;
|
|
1314
1316
|
}
|
|
1315
|
-
if (
|
|
1316
|
-
|
|
1317
|
-
else if (
|
|
1318
|
-
|
|
1319
|
-
else if (
|
|
1320
|
-
|
|
1321
|
-
const
|
|
1322
|
-
|
|
1323
|
-
} else if (
|
|
1324
|
-
|
|
1325
|
-
const
|
|
1326
|
-
|
|
1327
|
-
} else if (
|
|
1328
|
-
const
|
|
1329
|
-
|
|
1317
|
+
if (_.key === "ArrowDown")
|
|
1318
|
+
_.preventDefault(), C.current = !0, B(1);
|
|
1319
|
+
else if (_.key === "ArrowUp")
|
|
1320
|
+
_.preventDefault(), C.current = !0, B(-1);
|
|
1321
|
+
else if (_.key === "Home") {
|
|
1322
|
+
_.preventDefault(), C.current = !0;
|
|
1323
|
+
const x = H[0];
|
|
1324
|
+
x && z(L.indexOf(x));
|
|
1325
|
+
} else if (_.key === "End") {
|
|
1326
|
+
_.preventDefault(), C.current = !0;
|
|
1327
|
+
const x = H[H.length - 1];
|
|
1328
|
+
x && z(L.indexOf(x));
|
|
1329
|
+
} else if (_.key === "Enter" || _.key === " " && C.current) {
|
|
1330
|
+
const x = L[M];
|
|
1331
|
+
x && !x.disabled && (_.preventDefault(), k(x));
|
|
1330
1332
|
}
|
|
1331
|
-
},
|
|
1332
|
-
return /* @__PURE__ */
|
|
1333
|
+
}, G = f ? L[M] : void 0;
|
|
1334
|
+
return /* @__PURE__ */ N("div", { ref: I, className: R(de.wrap, $), style: w, children: [
|
|
1333
1335
|
/* @__PURE__ */ n(
|
|
1334
|
-
|
|
1336
|
+
ct,
|
|
1335
1337
|
{
|
|
1336
|
-
...
|
|
1337
|
-
type:
|
|
1338
|
+
...p,
|
|
1339
|
+
type: p.type ?? "text",
|
|
1338
1340
|
role: "combobox",
|
|
1339
|
-
animated:
|
|
1340
|
-
className:
|
|
1341
|
+
animated: g,
|
|
1342
|
+
className: de.field,
|
|
1341
1343
|
autoComplete: "off",
|
|
1342
|
-
"aria-expanded":
|
|
1343
|
-
"aria-controls":
|
|
1344
|
+
"aria-expanded": f,
|
|
1345
|
+
"aria-controls": D,
|
|
1344
1346
|
"aria-autocomplete": "list",
|
|
1345
|
-
"aria-activedescendant":
|
|
1347
|
+
"aria-activedescendant": G && !G.disabled ? `${D}-${M}` : void 0,
|
|
1346
1348
|
value: e,
|
|
1347
|
-
onFocus: (
|
|
1348
|
-
var
|
|
1349
|
-
(
|
|
1349
|
+
onFocus: (_) => {
|
|
1350
|
+
var x;
|
|
1351
|
+
(x = p.onFocus) == null || x.call(p, _), v(!0);
|
|
1350
1352
|
},
|
|
1351
|
-
onClick: (
|
|
1352
|
-
var
|
|
1353
|
-
(
|
|
1353
|
+
onClick: (_) => {
|
|
1354
|
+
var x;
|
|
1355
|
+
(x = p.onClick) == null || x.call(p, _), v(!0);
|
|
1354
1356
|
},
|
|
1355
|
-
onKeyDown: (
|
|
1356
|
-
var
|
|
1357
|
-
(
|
|
1357
|
+
onKeyDown: (_) => {
|
|
1358
|
+
var x;
|
|
1359
|
+
(x = p.onKeyDown) == null || x.call(p, _), V(_);
|
|
1358
1360
|
},
|
|
1359
|
-
onChange: (
|
|
1360
|
-
|
|
1361
|
+
onChange: (_) => {
|
|
1362
|
+
C.current = !1, t(_.target.value), v(!0);
|
|
1361
1363
|
},
|
|
1362
|
-
children:
|
|
1364
|
+
children: a != null && /* @__PURE__ */ n(ct.Slot, { children: a })
|
|
1363
1365
|
}
|
|
1364
1366
|
),
|
|
1365
|
-
/* @__PURE__ */
|
|
1367
|
+
/* @__PURE__ */ N(
|
|
1366
1368
|
"div",
|
|
1367
1369
|
{
|
|
1368
|
-
ref:
|
|
1370
|
+
ref: Y,
|
|
1369
1371
|
popover: "manual",
|
|
1370
1372
|
"data-side": "bottom",
|
|
1371
|
-
className:
|
|
1372
|
-
"data-animated":
|
|
1373
|
-
style:
|
|
1373
|
+
className: R(de.panel, ue.spacePanel),
|
|
1374
|
+
"data-animated": g ? void 0 : "false",
|
|
1375
|
+
style: T ? { top: T.top, left: T.left, width: T.width } : void 0,
|
|
1374
1376
|
children: [
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
+
y && c && /* @__PURE__ */ n("p", { className: de.status, children: h }),
|
|
1378
|
+
y && !c && L.length === 0 && m != null && /* @__PURE__ */ n("p", { className: de.status, children: m }),
|
|
1377
1379
|
/* @__PURE__ */ n(
|
|
1378
1380
|
"ul",
|
|
1379
1381
|
{
|
|
1380
1382
|
ref: U,
|
|
1381
|
-
id:
|
|
1383
|
+
id: D,
|
|
1382
1384
|
role: "listbox",
|
|
1383
|
-
className:
|
|
1384
|
-
hidden:
|
|
1385
|
-
children:
|
|
1385
|
+
className: de.list,
|
|
1386
|
+
hidden: c || L.length === 0,
|
|
1387
|
+
children: L.map((_, x) => /* @__PURE__ */ N(
|
|
1386
1388
|
"li",
|
|
1387
1389
|
{
|
|
1388
|
-
id: `${
|
|
1389
|
-
"data-index":
|
|
1390
|
+
id: `${D}-${x}`,
|
|
1391
|
+
"data-index": x,
|
|
1390
1392
|
role: "option",
|
|
1391
|
-
"aria-selected":
|
|
1392
|
-
"aria-disabled":
|
|
1393
|
-
className:
|
|
1394
|
-
|
|
1395
|
-
|
|
1393
|
+
"aria-selected": x === M,
|
|
1394
|
+
"aria-disabled": _.disabled || void 0,
|
|
1395
|
+
className: R(
|
|
1396
|
+
de.option,
|
|
1397
|
+
x === M && !_.disabled && de.active,
|
|
1396
1398
|
"spAutocompleteOption"
|
|
1397
1399
|
),
|
|
1398
|
-
onMouseEnter: () => !
|
|
1399
|
-
onPointerDown: (
|
|
1400
|
-
|
|
1400
|
+
onMouseEnter: () => !_.disabled && z(x),
|
|
1401
|
+
onPointerDown: (d) => {
|
|
1402
|
+
d.preventDefault(), k(_);
|
|
1401
1403
|
},
|
|
1402
1404
|
children: [
|
|
1403
|
-
/* @__PURE__ */ n("span", { className:
|
|
1404
|
-
|
|
1405
|
+
/* @__PURE__ */ n("span", { className: de.label, children: _.label }),
|
|
1406
|
+
_.meta != null && /* @__PURE__ */ n("span", { className: de.meta, children: _.meta })
|
|
1405
1407
|
]
|
|
1406
1408
|
},
|
|
1407
|
-
|
|
1409
|
+
_.value
|
|
1408
1410
|
))
|
|
1409
1411
|
}
|
|
1410
1412
|
),
|
|
1411
|
-
i != null && /* @__PURE__ */ n("div", { className:
|
|
1413
|
+
i != null && /* @__PURE__ */ n("div", { className: de.footer, children: i })
|
|
1412
1414
|
]
|
|
1413
1415
|
}
|
|
1414
1416
|
)
|
|
1415
1417
|
] });
|
|
1416
1418
|
}
|
|
1417
|
-
const
|
|
1418
|
-
root:
|
|
1419
|
-
track:
|
|
1420
|
-
range:
|
|
1421
|
-
thumb:
|
|
1422
|
-
input:
|
|
1423
|
-
},
|
|
1424
|
-
const i = t[0] ?? r,
|
|
1425
|
-
return /* @__PURE__ */
|
|
1426
|
-
/* @__PURE__ */ n("span", { className:
|
|
1427
|
-
/* @__PURE__ */ n("span", { className:
|
|
1419
|
+
const Kr = "_root_14a1b_1", Xr = "_track_14a1b_12", Yr = "_range_14a1b_22", Qr = "_thumb_14a1b_28", Jr = "_input_14a1b_38", Ae = {
|
|
1420
|
+
root: Kr,
|
|
1421
|
+
track: Xr,
|
|
1422
|
+
range: Yr,
|
|
1423
|
+
thumb: Qr,
|
|
1424
|
+
input: Jr
|
|
1425
|
+
}, Tl = ae(function({ value: t, onValueChange: o, min: r, max: a, step: l, disabled: s, className: c, "aria-label": h }, m) {
|
|
1426
|
+
const i = t[0] ?? r, g = a === r ? 0 : (i - r) / (a - r) * 100;
|
|
1427
|
+
return /* @__PURE__ */ N("span", { className: R(Ae.root, ue.spaceSlider, c), "data-disabled": s || void 0, children: [
|
|
1428
|
+
/* @__PURE__ */ n("span", { className: R(Ae.track, "spSliderTrack"), children: /* @__PURE__ */ n("span", { className: R(Ae.range, "spSliderRange"), style: { width: `${g}%` } }) }),
|
|
1429
|
+
/* @__PURE__ */ n("span", { className: R(Ae.thumb, "spSliderThumb"), style: { left: `${g}%` } }),
|
|
1428
1430
|
/* @__PURE__ */ n(
|
|
1429
1431
|
"input",
|
|
1430
1432
|
{
|
|
1431
|
-
ref:
|
|
1433
|
+
ref: m,
|
|
1432
1434
|
type: "range",
|
|
1433
|
-
className:
|
|
1435
|
+
className: R(Ae.input, "spSliderInput"),
|
|
1434
1436
|
value: i,
|
|
1435
1437
|
min: r,
|
|
1436
|
-
max:
|
|
1438
|
+
max: a,
|
|
1437
1439
|
step: l,
|
|
1438
|
-
disabled:
|
|
1439
|
-
"aria-label":
|
|
1440
|
-
onChange: (
|
|
1440
|
+
disabled: s,
|
|
1441
|
+
"aria-label": h,
|
|
1442
|
+
onChange: ($) => o([Number($.target.value)])
|
|
1441
1443
|
}
|
|
1442
1444
|
)
|
|
1443
1445
|
] });
|
|
1444
|
-
}),
|
|
1445
|
-
root:
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1446
|
+
}), es = "_root_1hrli_15", ts = "_plot_1hrli_24", ns = "_svg_1hrli_30", os = "_grid_1hrli_35", rs = "_zeroLine_1hrli_42", ss = "_axisLabel_1hrli_46", as = "_bar_1hrli_56", ls = "_hatch_1hrli_76", cs = "_partialNote_1hrli_80", is = "_line_1hrli_85", ds = "_area_1hrli_119", us = "_dot_1hrli_125", fs = "_crosshair_1hrli_136", _s = "_clickable_1hrli_143", ps = "_tooltip_1hrli_150", hs = "_tooltipHead_1hrli_164", ms = "_tooltipList_1hrli_170", gs = "_tooltipRow_1hrli_178", Cs = "_tooltipName_1hrli_186", vs = "_tooltipValue_1hrli_190", bs = "_swatch_1hrli_195", $s = "_legend_1hrli_202", ws = "_legendItem_1hrli_211", xs = "_data_1hrli_220", K = {
|
|
1447
|
+
root: es,
|
|
1448
|
+
plot: ts,
|
|
1449
|
+
svg: ns,
|
|
1450
|
+
grid: os,
|
|
1451
|
+
zeroLine: rs,
|
|
1452
|
+
axisLabel: ss,
|
|
1453
|
+
bar: as,
|
|
1454
|
+
hatch: ls,
|
|
1455
|
+
partialNote: cs,
|
|
1456
|
+
line: is,
|
|
1457
|
+
area: ds,
|
|
1458
|
+
dot: us,
|
|
1459
|
+
crosshair: fs,
|
|
1460
|
+
clickable: _s,
|
|
1461
|
+
tooltip: ps,
|
|
1462
|
+
tooltipHead: hs,
|
|
1463
|
+
tooltipList: ms,
|
|
1464
|
+
tooltipRow: gs,
|
|
1465
|
+
tooltipName: Cs,
|
|
1466
|
+
tooltipValue: vs,
|
|
1467
|
+
swatch: bs,
|
|
1468
|
+
legend: $s,
|
|
1469
|
+
legendItem: ws,
|
|
1470
|
+
data: xs
|
|
1471
|
+
}, vt = [
|
|
1472
|
+
"var(--sp-chart-series-1-color)",
|
|
1473
|
+
"var(--sp-chart-series-2-color)",
|
|
1474
|
+
"var(--sp-chart-series-3-color)",
|
|
1475
|
+
"var(--sp-chart-series-4-color)",
|
|
1476
|
+
"var(--sp-chart-series-5-color)",
|
|
1477
|
+
"var(--sp-chart-series-6-color)",
|
|
1478
|
+
"var(--sp-chart-series-7-color)",
|
|
1479
|
+
"var(--sp-chart-series-8-color)"
|
|
1480
|
+
], nt = vt.length, Ke = (e) => vt[e % nt];
|
|
1481
|
+
function ys(e) {
|
|
1482
|
+
if (e <= 0) return 1;
|
|
1483
|
+
const t = 10 ** Math.floor(Math.log10(e)), o = e / t;
|
|
1484
|
+
return (o <= 1 ? 1 : o <= 2 ? 2 : o <= 5 ? 5 : 10) * t;
|
|
1485
|
+
}
|
|
1486
|
+
function ks(e, { tickCount: t = 5, zeroBased: o = !0 } = {}) {
|
|
1487
|
+
const r = e.filter((p) => Number.isFinite(p)), a = r.length ? Math.min(...r) : 0, l = r.length ? Math.max(...r) : 0;
|
|
1488
|
+
let s = o ? Math.min(0, a) : a, c = o ? Math.max(0, l) : l;
|
|
1489
|
+
s === c && (s === 0 ? c = 1 : (s = Math.min(0, s), c = Math.max(0, c)));
|
|
1490
|
+
const h = ys((c - s) / Math.max(1, t)), m = Math.floor(s / h) * h, i = Math.ceil(c / h) * h, g = [], $ = Math.round((i - m) / h);
|
|
1491
|
+
for (let p = 0; p <= $; p++) g.push(Number((m + p * h).toPrecision(12)));
|
|
1492
|
+
const w = i - m || 1;
|
|
1493
|
+
return { min: m, max: i, ticks: g, ratio: (p) => (p - m) / w };
|
|
1494
|
+
}
|
|
1495
|
+
function Ns(e, t = 0.25) {
|
|
1496
|
+
if (e <= 0) return { centre: [], width: 0 };
|
|
1497
|
+
const o = 1 / e;
|
|
1498
|
+
return {
|
|
1499
|
+
centre: Array.from({ length: e }, (r, a) => o * (a + 0.5)),
|
|
1500
|
+
width: o * (1 - t * 2)
|
|
1501
|
+
};
|
|
1502
|
+
}
|
|
1503
|
+
function Ls(e, t, o, r, a, l = !0) {
|
|
1504
|
+
const s = Math.max(0, Math.min(a, o / 2, r));
|
|
1505
|
+
return s === 0 ? `M${e},${t}h${o}v${r}h${-o}Z` : l ? `M${e},${t + r}V${t + s}a${s},${s} 0 0 1 ${s},${-s}h${o - s * 2}a${s},${s} 0 0 1 ${s},${s}V${t + r}Z` : `M${e},${t}V${t + r - s}a${s},${s} 0 0 0 ${s},${s}h${o - s * 2}a${s},${s} 0 0 0 ${s},${-s}V${t}Z`;
|
|
1506
|
+
}
|
|
1507
|
+
function Ms(e) {
|
|
1508
|
+
return e <= 0 ? [] : e === 1 ? [0.5] : Array.from({ length: e }, (t, o) => o / (e - 1));
|
|
1509
|
+
}
|
|
1510
|
+
const Rs = () => {
|
|
1511
|
+
var t, o;
|
|
1512
|
+
return ((o = (t = globalThis.process) == null ? void 0 : t.env) == null ? void 0 : o.NODE_ENV) !== "production";
|
|
1513
|
+
}, rt = (e) => Number.isInteger(e) ? e.toLocaleString("en-US") : e.toLocaleString("en-US", { maximumFractionDigits: 2 }), be = { top: 8, right: 8, bottom: 24 }, ut = 8;
|
|
1514
|
+
function Al({
|
|
1515
|
+
type: e,
|
|
1516
|
+
categories: t,
|
|
1517
|
+
series: o,
|
|
1518
|
+
height: r = 240,
|
|
1519
|
+
stacked: a = !1,
|
|
1520
|
+
legend: l,
|
|
1521
|
+
grid: s = !0,
|
|
1522
|
+
formatValue: c = rt,
|
|
1523
|
+
tickCount: h = 5,
|
|
1524
|
+
animated: m = !0,
|
|
1525
|
+
partialFrom: i,
|
|
1526
|
+
onPointClick: g,
|
|
1527
|
+
className: $,
|
|
1528
|
+
"aria-label": w,
|
|
1529
|
+
...p
|
|
1530
|
+
}) {
|
|
1531
|
+
const b = se(), v = P(null), [M, z] = Q(0), [I, Y] = Q(null);
|
|
1532
|
+
te(() => {
|
|
1533
|
+
const d = v.current;
|
|
1534
|
+
if (!d) return;
|
|
1535
|
+
const u = new ResizeObserver(([q]) => {
|
|
1536
|
+
z(Math.round(q.contentRect.width));
|
|
1537
|
+
});
|
|
1538
|
+
return u.observe(d), z(Math.round(d.getBoundingClientRect().width)), () => u.disconnect();
|
|
1539
|
+
}, []), te(() => {
|
|
1540
|
+
if (!Rs()) return;
|
|
1541
|
+
o.length > nt && console.warn(
|
|
1542
|
+
`Chart: ${o.length} series, but the palette names ${nt}. Past that the colours repeat. Group the tail into an "Other" series, or split the chart.`
|
|
1543
|
+
);
|
|
1544
|
+
const d = o.filter((u) => u.data.length !== t.length);
|
|
1545
|
+
d.length && console.warn(
|
|
1546
|
+
`Chart: ${d.map((u) => `"${u.name}"`).join(", ")} ${d.length === 1 ? "has" : "have"} a different number of values than there are categories (${t.length}). Values line up with categories by position, so the tail will be missing.`
|
|
1547
|
+
);
|
|
1548
|
+
}, [o, t.length]);
|
|
1549
|
+
const U = a && (e === "bar" || e === "area"), D = e === "bar" && typeof i == "number" && i >= 0, T = (d) => D && d >= i, Z = pe(() => {
|
|
1550
|
+
const d = [];
|
|
1551
|
+
return U ? t.forEach((u, q) => {
|
|
1552
|
+
let j = 0, O = 0;
|
|
1553
|
+
o.forEach((W) => {
|
|
1554
|
+
const S = W.data[q];
|
|
1555
|
+
typeof S == "number" && (S >= 0 ? j += S : O += S);
|
|
1556
|
+
}), d.push(j, O);
|
|
1557
|
+
}) : o.forEach((u) => u.data.forEach((q) => {
|
|
1558
|
+
typeof q == "number" && d.push(q);
|
|
1559
|
+
})), ks(d, { tickCount: h, zeroBased: e !== "line" || d.some((u) => u < 0) });
|
|
1560
|
+
}, [o, t, U, h, e]), X = pe(() => Z.ticks.map(c), [Z.ticks, c]), y = Math.max(...X.map((d) => d.length * 7), 24) + ut, L = Math.max(0, M - y - be.right), H = Math.max(0, r - be.top - be.bottom), F = e === "bar" ? 0 : 16, f = (d) => y + F + d * Math.max(0, L - F * 2), E = (d) => be.top + (1 - Z.ratio(d)) * H, A = Ns(t.length), C = Ms(t.length), k = (d) => {
|
|
1561
|
+
var u;
|
|
1562
|
+
return ((u = o[d]) == null ? void 0 : u.color) ?? Ke(d);
|
|
1563
|
+
}, B = l ?? o.length > 1, V = pe(() => {
|
|
1564
|
+
const d = o.map(() => []);
|
|
1565
|
+
return t.forEach((u, q) => {
|
|
1566
|
+
let j = 0, O = 0;
|
|
1567
|
+
o.forEach((W, S) => {
|
|
1568
|
+
const ee = W.data[q];
|
|
1569
|
+
if (!U || typeof ee != "number") {
|
|
1570
|
+
d[S][q] = 0;
|
|
1571
|
+
return;
|
|
1572
|
+
}
|
|
1573
|
+
ee >= 0 ? (d[S][q] = j, j += ee) : (d[S][q] = O, O += ee);
|
|
1574
|
+
});
|
|
1575
|
+
}), d;
|
|
1576
|
+
}, [o, t, U]), G = _e(
|
|
1577
|
+
(d) => {
|
|
1578
|
+
const u = v.current;
|
|
1579
|
+
if (!u || !t.length || L <= 0) return null;
|
|
1580
|
+
const q = u.getBoundingClientRect(), j = e === "bar" ? L : Math.max(1, L - 32), O = (d - q.left - y - (e === "bar" ? 0 : 16)) / j, W = e === "bar" ? A.centre : C;
|
|
1581
|
+
let S = 0;
|
|
1582
|
+
return W.forEach((ee, ne) => {
|
|
1583
|
+
Math.abs(ee - O) < Math.abs(W[S] - O) && (S = ne);
|
|
1584
|
+
}), { index: S, x: f(W[S]) };
|
|
1585
|
+
},
|
|
1586
|
+
// x and the position arrays are derived from these; listing them keeps the
|
|
1587
|
+
// callback honest without re-creating it on every render.
|
|
1588
|
+
[t.length, y, L, e, A.centre, C]
|
|
1589
|
+
// eslint-disable-line react-hooks/exhaustive-deps
|
|
1590
|
+
), _ = (d, u) => {
|
|
1591
|
+
var j;
|
|
1592
|
+
const q = (j = o[d]) == null ? void 0 : j.data[u];
|
|
1593
|
+
typeof q != "number" || !g || g({
|
|
1594
|
+
series: o[d].name,
|
|
1595
|
+
seriesIndex: d,
|
|
1596
|
+
category: t[u],
|
|
1597
|
+
categoryIndex: u,
|
|
1598
|
+
value: q
|
|
1599
|
+
});
|
|
1600
|
+
}, x = U || o.length === 1 ? A.width * L : A.width * L / o.length;
|
|
1601
|
+
return /* @__PURE__ */ N(
|
|
1602
|
+
"div",
|
|
1603
|
+
{
|
|
1604
|
+
...p,
|
|
1605
|
+
className: R(K.root, $),
|
|
1606
|
+
"data-type": e,
|
|
1607
|
+
"data-animated": m ? "" : void 0,
|
|
1608
|
+
style: { ...p.style },
|
|
1609
|
+
children: [
|
|
1610
|
+
/* @__PURE__ */ N(
|
|
1611
|
+
"div",
|
|
1612
|
+
{
|
|
1613
|
+
ref: v,
|
|
1614
|
+
className: K.plot,
|
|
1615
|
+
style: { height: r },
|
|
1616
|
+
onPointerMove: (d) => {
|
|
1617
|
+
d.pointerType !== "touch" && Y(G(d.clientX));
|
|
1618
|
+
},
|
|
1619
|
+
onPointerLeave: () => Y(null),
|
|
1620
|
+
children: [
|
|
1621
|
+
/* @__PURE__ */ N(
|
|
1622
|
+
"svg",
|
|
1623
|
+
{
|
|
1624
|
+
className: K.svg,
|
|
1625
|
+
width: M || void 0,
|
|
1626
|
+
height: r,
|
|
1627
|
+
viewBox: M ? `0 0 ${M} ${r}` : void 0,
|
|
1628
|
+
role: "img",
|
|
1629
|
+
"aria-labelledby": w ? void 0 : b,
|
|
1630
|
+
"aria-label": w,
|
|
1631
|
+
children: [
|
|
1632
|
+
/* @__PURE__ */ N("defs", { children: [
|
|
1633
|
+
o.map((d, u) => /* @__PURE__ */ N("linearGradient", { id: `${b}-grad-${u}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
|
|
1634
|
+
/* @__PURE__ */ n("stop", { offset: "0%", stopColor: k(u), stopOpacity: "1" }),
|
|
1635
|
+
/* @__PURE__ */ n("stop", { offset: "100%", stopColor: k(u), stopOpacity: "0.55" })
|
|
1636
|
+
] }, `grad-${u}`)),
|
|
1637
|
+
o.map((d, u) => /* @__PURE__ */ N("linearGradient", { id: `${b}-area-${u}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
|
|
1638
|
+
/* @__PURE__ */ n("stop", { offset: "0%", stopColor: k(u), stopOpacity: "0.45" }),
|
|
1639
|
+
/* @__PURE__ */ n("stop", { offset: "100%", stopColor: k(u), stopOpacity: "0.02" })
|
|
1640
|
+
] }, `area-${u}`))
|
|
1641
|
+
] }),
|
|
1642
|
+
D && /* @__PURE__ */ n("defs", { children: o.map((d, u) => /* @__PURE__ */ N(
|
|
1643
|
+
"pattern",
|
|
1644
|
+
{
|
|
1645
|
+
id: `${b}-hatch-${u}`,
|
|
1646
|
+
width: "8",
|
|
1647
|
+
height: "8",
|
|
1648
|
+
patternUnits: "userSpaceOnUse",
|
|
1649
|
+
patternTransform: "rotate(45)",
|
|
1650
|
+
children: [
|
|
1651
|
+
/* @__PURE__ */ n("rect", { width: "8", height: "8", fill: "transparent" }),
|
|
1652
|
+
/* @__PURE__ */ n("line", { className: K.hatch, x1: "2", y1: "0", x2: "2", y2: "8", stroke: k(u) }),
|
|
1653
|
+
/* @__PURE__ */ n("line", { className: K.hatch, x1: "6", y1: "0", x2: "6", y2: "8", stroke: k(u) })
|
|
1654
|
+
]
|
|
1655
|
+
},
|
|
1656
|
+
`hatch-${u}`
|
|
1657
|
+
)) }),
|
|
1658
|
+
s && Z.ticks.map((d) => /* @__PURE__ */ n(
|
|
1659
|
+
"line",
|
|
1660
|
+
{
|
|
1661
|
+
className: R(K.grid, d === 0 && Z.min < 0 && K.zeroLine),
|
|
1662
|
+
x1: y,
|
|
1663
|
+
x2: y + L,
|
|
1664
|
+
y1: E(d),
|
|
1665
|
+
y2: E(d)
|
|
1666
|
+
},
|
|
1667
|
+
`grid-${d}`
|
|
1668
|
+
)),
|
|
1669
|
+
Z.ticks.map((d, u) => /* @__PURE__ */ n("text", { className: K.axisLabel, x: y - ut, y: E(d), textAnchor: "end", dominantBaseline: "middle", children: X[u] }, `label-${d}`)),
|
|
1670
|
+
t.map((d, u) => /* @__PURE__ */ n(
|
|
1671
|
+
"text",
|
|
1672
|
+
{
|
|
1673
|
+
className: K.axisLabel,
|
|
1674
|
+
x: f(e === "bar" ? A.centre[u] : C[u]),
|
|
1675
|
+
y: r - be.bottom / 2,
|
|
1676
|
+
textAnchor: "middle",
|
|
1677
|
+
dominantBaseline: "middle",
|
|
1678
|
+
children: d
|
|
1679
|
+
},
|
|
1680
|
+
`cat-${d}-${u}`
|
|
1681
|
+
)),
|
|
1682
|
+
e === "bar" && o.map((d, u) => /* @__PURE__ */ n("g", { children: t.map((q, j) => {
|
|
1683
|
+
const O = d.data[j];
|
|
1684
|
+
if (typeof O != "number") return null;
|
|
1685
|
+
const W = V[u][j], S = E(W + O), ee = E(W), ne = f(A.centre[j]) - A.width * L / 2, ie = U || o.length === 1 ? ne : ne + u * x, Qe = Math.max(1, x - (o.length > 1 && !U ? 2 : 0)), me = Math.max(1, Math.abs(ee - S)), De = D && j >= i;
|
|
1686
|
+
return /* @__PURE__ */ n(
|
|
1687
|
+
"path",
|
|
1688
|
+
{
|
|
1689
|
+
className: R(K.bar, g && K.clickable),
|
|
1690
|
+
d: Ls(ie, Math.min(S, ee), Qe, me, 4, O >= 0),
|
|
1691
|
+
fill: De ? `url(#${b}-hatch-${u})` : `url(#${b}-grad-${u})`,
|
|
1692
|
+
color: k(u),
|
|
1693
|
+
"data-dim": I && I.index !== j ? "" : void 0,
|
|
1694
|
+
onClick: () => _(u, j),
|
|
1695
|
+
children: /* @__PURE__ */ n("title", { children: `${d.name}, ${q}: ${c(O)}${De ? " so far" : ""}` })
|
|
1696
|
+
},
|
|
1697
|
+
`bar-${q}-${j}`
|
|
1698
|
+
);
|
|
1699
|
+
}) }, `bars-${d.name}-${u}`)),
|
|
1700
|
+
e !== "bar" && o.map((d, u) => {
|
|
1701
|
+
const q = [];
|
|
1702
|
+
let j = [];
|
|
1703
|
+
return d.data.forEach((O, W) => {
|
|
1704
|
+
if (typeof O != "number") {
|
|
1705
|
+
j.length && q.push(j), j = [];
|
|
1706
|
+
return;
|
|
1707
|
+
}
|
|
1708
|
+
j.push({ i: W, value: O, base: V[u][W] });
|
|
1709
|
+
}), j.length && q.push(j), /* @__PURE__ */ N("g", { children: [
|
|
1710
|
+
q.map((O, W) => {
|
|
1711
|
+
const S = O.map((ne, ie) => `${ie === 0 ? "M" : "L"}${f(C[ne.i])},${E(ne.base + ne.value)}`).join(" "), ee = e === "area" ? `${S} L${f(C[O[O.length - 1].i])},${E(O[O.length - 1].base)} ` + O.slice().reverse().map((ne) => `L${f(C[ne.i])},${E(ne.base)}`).join(" ") + " Z" : null;
|
|
1712
|
+
return /* @__PURE__ */ N("g", { children: [
|
|
1713
|
+
ee && /* @__PURE__ */ n("path", { className: K.area, d: ee, fill: `url(#${b}-area-${u})` }),
|
|
1714
|
+
/* @__PURE__ */ n(
|
|
1715
|
+
"path",
|
|
1716
|
+
{
|
|
1717
|
+
className: K.line,
|
|
1718
|
+
d: S,
|
|
1719
|
+
stroke: k(u),
|
|
1720
|
+
color: k(u),
|
|
1721
|
+
fill: "none",
|
|
1722
|
+
pathLength: 1
|
|
1723
|
+
}
|
|
1724
|
+
)
|
|
1725
|
+
] }, `run-${W}`);
|
|
1726
|
+
}),
|
|
1727
|
+
d.data.map(
|
|
1728
|
+
(O, W) => typeof O == "number" ? /* @__PURE__ */ n(
|
|
1729
|
+
"circle",
|
|
1730
|
+
{
|
|
1731
|
+
className: R(K.dot, g && K.clickable),
|
|
1732
|
+
cx: f(C[W]),
|
|
1733
|
+
cy: E(V[u][W] + O),
|
|
1734
|
+
r: 4,
|
|
1735
|
+
fill: k(u),
|
|
1736
|
+
color: k(u),
|
|
1737
|
+
"data-on": (I == null ? void 0 : I.index) === W ? "" : void 0,
|
|
1738
|
+
onClick: () => _(u, W),
|
|
1739
|
+
children: /* @__PURE__ */ n("title", { children: `${d.name}, ${t[W]}: ${c(O)}` })
|
|
1740
|
+
},
|
|
1741
|
+
`dot-${W}`
|
|
1742
|
+
) : null
|
|
1743
|
+
)
|
|
1744
|
+
] }, `line-${d.name}-${u}`);
|
|
1745
|
+
}),
|
|
1746
|
+
I && /* @__PURE__ */ n(
|
|
1747
|
+
"line",
|
|
1748
|
+
{
|
|
1749
|
+
className: K.crosshair,
|
|
1750
|
+
x1: I.x,
|
|
1751
|
+
x2: I.x,
|
|
1752
|
+
y1: be.top,
|
|
1753
|
+
y2: be.top + H
|
|
1754
|
+
}
|
|
1755
|
+
)
|
|
1756
|
+
]
|
|
1757
|
+
}
|
|
1758
|
+
),
|
|
1759
|
+
I && /* @__PURE__ */ N(
|
|
1760
|
+
"div",
|
|
1761
|
+
{
|
|
1762
|
+
className: K.tooltip,
|
|
1763
|
+
style: I.x > y + L / 2 ? { right: Math.max(0, M - I.x + 12) } : { left: I.x + 12 },
|
|
1764
|
+
role: "status",
|
|
1765
|
+
children: [
|
|
1766
|
+
/* @__PURE__ */ n("p", { className: K.tooltipHead, children: t[I.index] }),
|
|
1767
|
+
/* @__PURE__ */ n("ul", { className: K.tooltipList, children: o.map((d, u) => {
|
|
1768
|
+
const q = d.data[I.index];
|
|
1769
|
+
return /* @__PURE__ */ N("li", { className: K.tooltipRow, children: [
|
|
1770
|
+
/* @__PURE__ */ n("span", { className: K.swatch, style: { background: k(u) }, "aria-hidden": "true" }),
|
|
1771
|
+
/* @__PURE__ */ n("span", { className: K.tooltipName, children: d.name }),
|
|
1772
|
+
/* @__PURE__ */ N("span", { className: K.tooltipValue, children: [
|
|
1773
|
+
typeof q == "number" ? c(q) : "—",
|
|
1774
|
+
T(I.index) && typeof q == "number" && /* @__PURE__ */ n("span", { className: K.partialNote, children: "so far" })
|
|
1775
|
+
] })
|
|
1776
|
+
] }, d.name);
|
|
1777
|
+
}) })
|
|
1778
|
+
]
|
|
1779
|
+
}
|
|
1780
|
+
)
|
|
1781
|
+
]
|
|
1782
|
+
}
|
|
1783
|
+
),
|
|
1784
|
+
B && /* @__PURE__ */ n("ul", { className: K.legend, children: o.map((d, u) => /* @__PURE__ */ N("li", { className: K.legendItem, children: [
|
|
1785
|
+
/* @__PURE__ */ n("span", { className: K.swatch, style: { background: k(u) }, "aria-hidden": "true" }),
|
|
1786
|
+
d.name
|
|
1787
|
+
] }, d.name)) }),
|
|
1788
|
+
/* @__PURE__ */ N("table", { className: K.data, id: b, children: [
|
|
1789
|
+
/* @__PURE__ */ n("caption", { children: w ?? "Chart data" }),
|
|
1790
|
+
/* @__PURE__ */ n("thead", { children: /* @__PURE__ */ N("tr", { children: [
|
|
1791
|
+
/* @__PURE__ */ n("th", { scope: "col", children: "Category" }),
|
|
1792
|
+
o.map((d) => /* @__PURE__ */ n("th", { scope: "col", children: d.name }, d.name))
|
|
1793
|
+
] }) }),
|
|
1794
|
+
/* @__PURE__ */ n("tbody", { children: t.map((d, u) => /* @__PURE__ */ N("tr", { children: [
|
|
1795
|
+
/* @__PURE__ */ n("th", { scope: "row", children: d }),
|
|
1796
|
+
o.map((q) => /* @__PURE__ */ N("td", { children: [
|
|
1797
|
+
typeof q.data[u] == "number" ? c(q.data[u]) : "—",
|
|
1798
|
+
T(u) && typeof q.data[u] == "number" ? " so far" : ""
|
|
1799
|
+
] }, q.name))
|
|
1800
|
+
] }, d)) })
|
|
1801
|
+
] })
|
|
1802
|
+
]
|
|
1803
|
+
}
|
|
1804
|
+
);
|
|
1805
|
+
}
|
|
1806
|
+
const Es = "_root_90ktq_8", qs = "_row_90ktq_15", Ds = "_line_90ktq_21", zs = "_pressable_90ktq_36", Is = "_fill_90ktq_50", Hs = "_label_90ktq_58", Ss = "_track_90ktq_66", Ts = "_value_90ktq_101", As = "_percent_90ktq_106", fe = {
|
|
1807
|
+
root: Es,
|
|
1808
|
+
row: qs,
|
|
1809
|
+
line: Ds,
|
|
1810
|
+
pressable: zs,
|
|
1811
|
+
fill: Is,
|
|
1812
|
+
label: Hs,
|
|
1813
|
+
track: Ss,
|
|
1814
|
+
value: Ts,
|
|
1815
|
+
percent: As
|
|
1816
|
+
};
|
|
1817
|
+
function jl({
|
|
1818
|
+
items: e,
|
|
1819
|
+
max: t,
|
|
1820
|
+
showPercent: o = !1,
|
|
1821
|
+
formatValue: r = rt,
|
|
1822
|
+
colorful: a = !1,
|
|
1823
|
+
animated: l = !0,
|
|
1824
|
+
onItemClick: s,
|
|
1825
|
+
className: c,
|
|
1826
|
+
"aria-label": h,
|
|
1827
|
+
...m
|
|
1828
|
+
}) {
|
|
1829
|
+
const i = t ?? Math.max(0, ...e.map(($) => $.value)), g = e.reduce(($, w) => $ + (w.value > 0 ? w.value : 0), 0);
|
|
1830
|
+
return /* @__PURE__ */ n(
|
|
1831
|
+
"div",
|
|
1832
|
+
{
|
|
1833
|
+
...m,
|
|
1834
|
+
className: R(fe.root, c),
|
|
1835
|
+
role: "list",
|
|
1836
|
+
"aria-label": h,
|
|
1837
|
+
"data-animated": l ? "" : void 0,
|
|
1838
|
+
children: e.map(($, w) => {
|
|
1839
|
+
const p = i > 0 ? Math.max(0, $.value) / i : 0, b = g > 0 ? $.value / g * 100 : 0, v = $.color ?? (a ? Ke(w) : "var(--sp-chart-series-1-color)"), M = /* @__PURE__ */ N(he, { children: [
|
|
1840
|
+
/* @__PURE__ */ n("span", { className: fe.label, children: $.label }),
|
|
1841
|
+
/* @__PURE__ */ n("span", { className: fe.track, children: /* @__PURE__ */ n(
|
|
1842
|
+
"span",
|
|
1843
|
+
{
|
|
1844
|
+
className: fe.fill,
|
|
1845
|
+
style: {
|
|
1846
|
+
width: `${p * 100}%`,
|
|
1847
|
+
background: v,
|
|
1848
|
+
// Each row starts a little after the one above, so a poll
|
|
1849
|
+
// reads as counting up rather than snapping into place.
|
|
1850
|
+
// Capped, or a long list would still be filling when the
|
|
1851
|
+
// reader has finished reading it.
|
|
1852
|
+
animationDelay: `${Math.min(w * 60, 360)}ms`
|
|
1853
|
+
}
|
|
1854
|
+
}
|
|
1855
|
+
) }),
|
|
1856
|
+
/* @__PURE__ */ N("span", { className: fe.value, children: [
|
|
1857
|
+
r($.value),
|
|
1858
|
+
o && /* @__PURE__ */ N("span", { className: fe.percent, children: [
|
|
1859
|
+
Math.round(b),
|
|
1860
|
+
"%"
|
|
1861
|
+
] })
|
|
1862
|
+
] })
|
|
1863
|
+
] });
|
|
1864
|
+
return /* @__PURE__ */ n("div", { role: "listitem", className: fe.row, children: s ? /* @__PURE__ */ n(
|
|
1865
|
+
"button",
|
|
1866
|
+
{
|
|
1867
|
+
type: "button",
|
|
1868
|
+
className: R(fe.line, fe.pressable),
|
|
1869
|
+
onClick: () => s($, w),
|
|
1870
|
+
children: M
|
|
1871
|
+
}
|
|
1872
|
+
) : /* @__PURE__ */ n("span", { className: fe.line, children: M }) }, `${$.label}-${w}`);
|
|
1873
|
+
})
|
|
1874
|
+
}
|
|
1875
|
+
);
|
|
1876
|
+
}
|
|
1877
|
+
const js = "_root_1y6jk_6", Os = "_svg_1y6jk_15", Zs = "_face_1y6jk_24", Bs = "_hole_1y6jk_25", Vs = "_slice_1y6jk_35", Ws = "_sweep_1y6jk_57", Ps = "_clickable_1y6jk_70", Fs = "_total_1y6jk_76", Gs = "_totalLabel_1y6jk_84", Us = "_legend_1y6jk_89", Ks = "_legendItem_1y6jk_98", Xs = "_legendName_1y6jk_113", Ys = "_legendValue_1y6jk_121", Qs = "_legendPercent_1y6jk_126", Js = "_swatch_1y6jk_131", oe = {
|
|
1878
|
+
root: js,
|
|
1879
|
+
svg: Os,
|
|
1880
|
+
face: Zs,
|
|
1881
|
+
hole: Bs,
|
|
1882
|
+
slice: Vs,
|
|
1883
|
+
sweep: Ws,
|
|
1884
|
+
clickable: Ps,
|
|
1885
|
+
total: Fs,
|
|
1886
|
+
totalLabel: Gs,
|
|
1887
|
+
legend: Us,
|
|
1888
|
+
legendItem: Ks,
|
|
1889
|
+
legendName: Xs,
|
|
1890
|
+
legendValue: Ys,
|
|
1891
|
+
legendPercent: Qs,
|
|
1892
|
+
swatch: Js
|
|
1893
|
+
}, Le = (e, t, o) => {
|
|
1894
|
+
const r = o * 2 * Math.PI - Math.PI / 2;
|
|
1895
|
+
return { x: e + t * Math.cos(r), y: e + t * Math.sin(r) };
|
|
1896
|
+
};
|
|
1897
|
+
function Ol({
|
|
1898
|
+
slices: e,
|
|
1899
|
+
donut: t = !1,
|
|
1900
|
+
label: o,
|
|
1901
|
+
size: r = 180,
|
|
1902
|
+
legend: a = !0,
|
|
1903
|
+
animated: l = !0,
|
|
1904
|
+
formatValue: s = rt,
|
|
1905
|
+
onSliceClick: c,
|
|
1906
|
+
className: h,
|
|
1907
|
+
"aria-label": m,
|
|
1908
|
+
...i
|
|
1909
|
+
}) {
|
|
1910
|
+
const [g, $] = Q(null), w = se(), p = e.filter((D) => D.value > 0), b = p.reduce((D, T) => D + T.value, 0), v = r / 2, M = v - 2, z = t ? M * 0.62 : 0;
|
|
1911
|
+
let I = 0;
|
|
1912
|
+
const Y = p.map((D, T) => {
|
|
1913
|
+
const Z = b > 0 ? D.value / b : 0, X = I;
|
|
1914
|
+
I += Z;
|
|
1915
|
+
const y = Le(v, M, X), L = Le(v, M, I), H = Z > 0.5 ? 1 : 0, F = Z >= 0.999, f = F ? t ? `M${v},${v - M} A${M},${M} 0 1 1 ${v - 0.01},${v - M} Z M${v},${v - z} A${z},${z} 0 1 0 ${v - 0.01},${v - z} Z` : `M${v},${v - M} A${M},${M} 0 1 1 ${v - 0.01},${v - M} Z` : t ? `M${y.x},${y.y} A${M},${M} 0 ${H} 1 ${L.x},${L.y} L${Le(v, z, I).x},${Le(v, z, I).y} A${z},${z} 0 ${H} 0 ${Le(v, z, X).x},${Le(v, z, X).y} Z` : `M${v},${v} L${y.x},${y.y} A${M},${M} 0 ${H} 1 ${L.x},${L.y} Z`;
|
|
1916
|
+
return { slice: D, index: T, d: f, fraction: Z, fillRule: F && t ? "evenodd" : void 0 };
|
|
1917
|
+
}), U = (D) => e.indexOf(D);
|
|
1918
|
+
return /* @__PURE__ */ N("div", { ...i, className: R(oe.root, h), "data-animated": l ? "" : void 0, children: [
|
|
1919
|
+
/* @__PURE__ */ N(
|
|
1920
|
+
"svg",
|
|
1921
|
+
{
|
|
1922
|
+
className: oe.svg,
|
|
1923
|
+
width: r,
|
|
1924
|
+
height: r,
|
|
1925
|
+
viewBox: `0 0 ${r} ${r}`,
|
|
1926
|
+
role: "img",
|
|
1927
|
+
"aria-label": m ?? "Pie chart",
|
|
1928
|
+
children: [
|
|
1929
|
+
/* @__PURE__ */ N("defs", { children: [
|
|
1930
|
+
/* @__PURE__ */ N("radialGradient", { id: `${w}-face`, cx: "32%", cy: "26%", r: "78%", children: [
|
|
1931
|
+
/* @__PURE__ */ n("stop", { offset: "0%", stopColor: "#fff", stopOpacity: "0.22" }),
|
|
1932
|
+
/* @__PURE__ */ n("stop", { offset: "55%", stopColor: "#fff", stopOpacity: "0.04" }),
|
|
1933
|
+
/* @__PURE__ */ n("stop", { offset: "100%", stopColor: "#000", stopOpacity: "0.28" })
|
|
1934
|
+
] }),
|
|
1935
|
+
/* @__PURE__ */ N("radialGradient", { id: `${w}-edge`, cx: "50%", cy: "50%", r: "50%", children: [
|
|
1936
|
+
/* @__PURE__ */ n("stop", { offset: "88%", stopColor: "#000", stopOpacity: "0" }),
|
|
1937
|
+
/* @__PURE__ */ n("stop", { offset: "100%", stopColor: "#000", stopOpacity: "0.45" })
|
|
1938
|
+
] })
|
|
1939
|
+
] }),
|
|
1940
|
+
/* @__PURE__ */ N("g", { className: oe.sweep, children: [
|
|
1941
|
+
Y.map(({ slice: D, index: T, d: Z, fillRule: X }) => /* @__PURE__ */ n(
|
|
1942
|
+
"path",
|
|
1943
|
+
{
|
|
1944
|
+
className: R(oe.slice, c && oe.clickable),
|
|
1945
|
+
d: Z,
|
|
1946
|
+
fill: D.color ?? Ke(U(D)),
|
|
1947
|
+
fillRule: X,
|
|
1948
|
+
"data-dim": g !== null && g !== T ? "" : void 0,
|
|
1949
|
+
onPointerEnter: () => $(T),
|
|
1950
|
+
onPointerLeave: () => $(null),
|
|
1951
|
+
onClick: () => c == null ? void 0 : c(D, U(D)),
|
|
1952
|
+
children: /* @__PURE__ */ n("title", { children: `${D.label}: ${s(D.value)}` })
|
|
1953
|
+
},
|
|
1954
|
+
`${D.label}-${T}`
|
|
1955
|
+
)),
|
|
1956
|
+
/* @__PURE__ */ n("circle", { className: oe.face, cx: v, cy: v, r: M, fill: `url(#${w}-face)` }),
|
|
1957
|
+
/* @__PURE__ */ n("circle", { className: oe.face, cx: v, cy: v, r: M, fill: `url(#${w}-edge)` }),
|
|
1958
|
+
t && // The wall of the hole, so the middle reads as cut through the
|
|
1959
|
+
// disc rather than printed on it.
|
|
1960
|
+
/* @__PURE__ */ n(
|
|
1961
|
+
"circle",
|
|
1962
|
+
{
|
|
1963
|
+
className: oe.hole,
|
|
1964
|
+
cx: v,
|
|
1965
|
+
cy: v,
|
|
1966
|
+
r: z,
|
|
1967
|
+
fill: "none",
|
|
1968
|
+
stroke: "#000",
|
|
1969
|
+
strokeOpacity: "0.45",
|
|
1970
|
+
strokeWidth: "3"
|
|
1971
|
+
}
|
|
1972
|
+
)
|
|
1973
|
+
] }),
|
|
1974
|
+
t && /* @__PURE__ */ N(he, { children: [
|
|
1975
|
+
/* @__PURE__ */ n("text", { className: oe.total, x: v, y: v - (o ? 6 : 0), textAnchor: "middle", dominantBaseline: "middle", children: s(g !== null ? p[g].value : b) }),
|
|
1976
|
+
o && /* @__PURE__ */ n("text", { className: oe.totalLabel, x: v, y: v + 14, textAnchor: "middle", dominantBaseline: "middle", children: g !== null ? p[g].label : o })
|
|
1977
|
+
] })
|
|
1978
|
+
]
|
|
1979
|
+
}
|
|
1980
|
+
),
|
|
1981
|
+
a && /* @__PURE__ */ n("ul", { className: oe.legend, children: p.map((D, T) => /* @__PURE__ */ N(
|
|
1982
|
+
"li",
|
|
1983
|
+
{
|
|
1984
|
+
className: oe.legendItem,
|
|
1985
|
+
"data-dim": g !== null && g !== T ? "" : void 0,
|
|
1986
|
+
children: [
|
|
1987
|
+
/* @__PURE__ */ n(
|
|
1988
|
+
"span",
|
|
1989
|
+
{
|
|
1990
|
+
className: oe.swatch,
|
|
1991
|
+
style: { background: D.color ?? Ke(U(D)) },
|
|
1992
|
+
"aria-hidden": "true"
|
|
1993
|
+
}
|
|
1994
|
+
),
|
|
1995
|
+
/* @__PURE__ */ n("span", { className: oe.legendName, children: D.label }),
|
|
1996
|
+
/* @__PURE__ */ N("span", { className: oe.legendValue, children: [
|
|
1997
|
+
s(D.value),
|
|
1998
|
+
/* @__PURE__ */ N("span", { className: oe.legendPercent, children: [
|
|
1999
|
+
b > 0 ? Math.round(D.value / b * 100) : 0,
|
|
2000
|
+
"%"
|
|
2001
|
+
] })
|
|
2002
|
+
] })
|
|
2003
|
+
]
|
|
2004
|
+
},
|
|
2005
|
+
`${D.label}-${T}`
|
|
2006
|
+
)) })
|
|
2007
|
+
] });
|
|
2008
|
+
}
|
|
2009
|
+
const ea = "_root_mmcx8_18", ta = "_item_mmcx8_24", na = "_selfLabeled_mmcx8_33", oa = "_label_mmcx8_37", ra = "_input_mmcx8_41", sa = "_box_mmcx8_57", aa = "_tick_mmcx8_80", la = "_dash_mmcx8_81", ca = "_tickPath_mmcx8_95", re = {
|
|
2010
|
+
root: ea,
|
|
2011
|
+
item: ta,
|
|
2012
|
+
selfLabeled: na,
|
|
2013
|
+
label: oa,
|
|
2014
|
+
input: ra,
|
|
2015
|
+
box: sa,
|
|
2016
|
+
tick: aa,
|
|
2017
|
+
dash: la,
|
|
2018
|
+
tickPath: ca
|
|
2019
|
+
}, bt = Ee(null);
|
|
2020
|
+
function $t({
|
|
1456
2021
|
checked: e,
|
|
1457
2022
|
indeterminate: t,
|
|
1458
2023
|
disabled: o,
|
|
1459
2024
|
onToggle: r,
|
|
1460
|
-
value:
|
|
2025
|
+
value: a,
|
|
1461
2026
|
ariaLabel: l
|
|
1462
2027
|
}) {
|
|
1463
|
-
const
|
|
1464
|
-
return
|
|
1465
|
-
|
|
1466
|
-
}, [t]), /* @__PURE__ */
|
|
2028
|
+
const s = P(null);
|
|
2029
|
+
return te(() => {
|
|
2030
|
+
s.current && (s.current.indeterminate = t === !0);
|
|
2031
|
+
}, [t]), /* @__PURE__ */ N(he, { children: [
|
|
1467
2032
|
/* @__PURE__ */ n(
|
|
1468
2033
|
"input",
|
|
1469
2034
|
{
|
|
1470
|
-
ref:
|
|
2035
|
+
ref: s,
|
|
1471
2036
|
type: "checkbox",
|
|
1472
|
-
className:
|
|
2037
|
+
className: re.input,
|
|
1473
2038
|
"aria-label": l,
|
|
1474
|
-
value:
|
|
2039
|
+
value: a,
|
|
1475
2040
|
checked: e,
|
|
1476
2041
|
disabled: o,
|
|
1477
|
-
onChange: (
|
|
2042
|
+
onChange: (c) => r(c.currentTarget.checked)
|
|
1478
2043
|
}
|
|
1479
2044
|
),
|
|
1480
|
-
/* @__PURE__ */
|
|
1481
|
-
/* @__PURE__ */ n("svg", { className:
|
|
2045
|
+
/* @__PURE__ */ N("span", { className: re.box, "aria-hidden": "true", children: [
|
|
2046
|
+
/* @__PURE__ */ n("svg", { className: re.tick, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ n(
|
|
1482
2047
|
"path",
|
|
1483
2048
|
{
|
|
1484
|
-
className:
|
|
2049
|
+
className: re.tickPath,
|
|
1485
2050
|
d: "M3.5 8.4 6.6 11.5 12.5 4.8",
|
|
1486
2051
|
pathLength: 1,
|
|
1487
2052
|
stroke: "currentColor",
|
|
@@ -1490,49 +2055,49 @@ function dt({
|
|
|
1490
2055
|
strokeLinejoin: "round"
|
|
1491
2056
|
}
|
|
1492
2057
|
) }),
|
|
1493
|
-
/* @__PURE__ */ n("span", { className:
|
|
2058
|
+
/* @__PURE__ */ n("span", { className: re.dash })
|
|
1494
2059
|
] })
|
|
1495
2060
|
] });
|
|
1496
2061
|
}
|
|
1497
|
-
function
|
|
2062
|
+
function ia({
|
|
1498
2063
|
value: e,
|
|
1499
2064
|
onValueChange: t,
|
|
1500
2065
|
disabled: o,
|
|
1501
2066
|
className: r,
|
|
1502
|
-
"aria-label":
|
|
2067
|
+
"aria-label": a,
|
|
1503
2068
|
children: l
|
|
1504
2069
|
}) {
|
|
1505
|
-
return /* @__PURE__ */ n(
|
|
2070
|
+
return /* @__PURE__ */ n(bt.Provider, { value: { value: e, onValueChange: t, disabled: o }, children: /* @__PURE__ */ n("div", { role: "group", "aria-label": a, className: R(re.root, r), children: l }) });
|
|
1506
2071
|
}
|
|
1507
|
-
function
|
|
1508
|
-
const r =
|
|
2072
|
+
function da({ value: e, disabled: t, children: o }) {
|
|
2073
|
+
const r = qe(bt);
|
|
1509
2074
|
if (!r) throw new Error("CheckboxGroup.Item must be inside a CheckboxGroup");
|
|
1510
|
-
const
|
|
1511
|
-
|
|
2075
|
+
const a = t || r.disabled, l = r.value.includes(e), s = /* @__PURE__ */ n(
|
|
2076
|
+
$t,
|
|
1512
2077
|
{
|
|
1513
2078
|
checked: l,
|
|
1514
|
-
disabled:
|
|
2079
|
+
disabled: a,
|
|
1515
2080
|
value: e,
|
|
1516
|
-
onToggle: (
|
|
2081
|
+
onToggle: (c) => r.onValueChange(c ? [...r.value, e] : r.value.filter((h) => h !== e))
|
|
1517
2082
|
}
|
|
1518
2083
|
);
|
|
1519
|
-
return o == null ? /* @__PURE__ */ n("span", { className:
|
|
1520
|
-
|
|
1521
|
-
/* @__PURE__ */ n("span", { className:
|
|
2084
|
+
return o == null ? /* @__PURE__ */ n("span", { className: re.item, children: s }) : /* @__PURE__ */ N("label", { className: R(re.item, re.selfLabeled), children: [
|
|
2085
|
+
s,
|
|
2086
|
+
/* @__PURE__ */ n("span", { className: re.label, children: o })
|
|
1522
2087
|
] });
|
|
1523
2088
|
}
|
|
1524
|
-
const
|
|
1525
|
-
function
|
|
2089
|
+
const Zl = Object.assign(ia, { Item: da });
|
|
2090
|
+
function Bl({
|
|
1526
2091
|
checked: e,
|
|
1527
2092
|
onCheckedChange: t,
|
|
1528
2093
|
indeterminate: o,
|
|
1529
2094
|
disabled: r,
|
|
1530
|
-
className:
|
|
2095
|
+
className: a,
|
|
1531
2096
|
"aria-label": l,
|
|
1532
|
-
children:
|
|
2097
|
+
children: s
|
|
1533
2098
|
}) {
|
|
1534
|
-
const
|
|
1535
|
-
|
|
2099
|
+
const c = /* @__PURE__ */ n(
|
|
2100
|
+
$t,
|
|
1536
2101
|
{
|
|
1537
2102
|
checked: e,
|
|
1538
2103
|
indeterminate: o,
|
|
@@ -1541,276 +2106,276 @@ function z1({
|
|
|
1541
2106
|
onToggle: t
|
|
1542
2107
|
}
|
|
1543
2108
|
);
|
|
1544
|
-
return
|
|
1545
|
-
|
|
1546
|
-
/* @__PURE__ */ n("span", { className:
|
|
2109
|
+
return s == null ? /* @__PURE__ */ n("span", { className: R(re.item, a), children: c }) : /* @__PURE__ */ N("label", { className: R(re.item, re.selfLabeled, a), children: [
|
|
2110
|
+
c,
|
|
2111
|
+
/* @__PURE__ */ n("span", { className: re.label, children: s })
|
|
1547
2112
|
] });
|
|
1548
2113
|
}
|
|
1549
|
-
const
|
|
1550
|
-
root:
|
|
1551
|
-
item:
|
|
1552
|
-
selfLabeled:
|
|
1553
|
-
input:
|
|
1554
|
-
orb:
|
|
1555
|
-
burst:
|
|
1556
|
-
},
|
|
1557
|
-
function
|
|
1558
|
-
const l =
|
|
1559
|
-
return /* @__PURE__ */ n(
|
|
1560
|
-
}
|
|
1561
|
-
function
|
|
1562
|
-
const r =
|
|
2114
|
+
const ua = "_root_1u1sq_15", fa = "_item_1u1sq_23", _a = "_selfLabeled_1u1sq_32", pa = "_input_1u1sq_36", ha = "_orb_1u1sq_52", ma = "_burst_1u1sq_99", $e = {
|
|
2115
|
+
root: ua,
|
|
2116
|
+
item: fa,
|
|
2117
|
+
selfLabeled: _a,
|
|
2118
|
+
input: pa,
|
|
2119
|
+
orb: ha,
|
|
2120
|
+
burst: ma
|
|
2121
|
+
}, wt = Ee(null);
|
|
2122
|
+
function ga({ value: e, onValueChange: t, disabled: o, className: r, children: a }) {
|
|
2123
|
+
const l = se();
|
|
2124
|
+
return /* @__PURE__ */ n(wt.Provider, { value: { value: e, onValueChange: t, disabled: o, name: l }, children: /* @__PURE__ */ n("div", { role: "radiogroup", className: R($e.root, r), children: a }) });
|
|
2125
|
+
}
|
|
2126
|
+
function Ca({ value: e, disabled: t, children: o }) {
|
|
2127
|
+
const r = qe(wt);
|
|
1563
2128
|
if (!r) throw new Error("RadioGroup.Item must be inside a RadioGroup");
|
|
1564
|
-
const
|
|
2129
|
+
const a = t || r.disabled, l = /* @__PURE__ */ N(he, { children: [
|
|
1565
2130
|
/* @__PURE__ */ n(
|
|
1566
2131
|
"input",
|
|
1567
2132
|
{
|
|
1568
2133
|
type: "radio",
|
|
1569
|
-
className:
|
|
2134
|
+
className: $e.input,
|
|
1570
2135
|
name: r.name,
|
|
1571
2136
|
value: e,
|
|
1572
2137
|
checked: r.value === e,
|
|
1573
|
-
disabled:
|
|
2138
|
+
disabled: a,
|
|
1574
2139
|
onChange: () => r.onValueChange(e)
|
|
1575
2140
|
}
|
|
1576
2141
|
),
|
|
1577
|
-
/* @__PURE__ */ n("span", { className:
|
|
2142
|
+
/* @__PURE__ */ n("span", { className: R($e.orb, "spRadioOrb"), "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: $e.burst }) })
|
|
1578
2143
|
] });
|
|
1579
|
-
return o == null ? /* @__PURE__ */ n("span", { className:
|
|
2144
|
+
return o == null ? /* @__PURE__ */ n("span", { className: $e.item, children: l }) : /* @__PURE__ */ N("label", { className: R($e.item, $e.selfLabeled), children: [
|
|
1580
2145
|
l,
|
|
1581
2146
|
o
|
|
1582
2147
|
] });
|
|
1583
2148
|
}
|
|
1584
|
-
const
|
|
1585
|
-
progress:
|
|
2149
|
+
const Vl = Object.assign(ga, { Item: Ca }), va = "_progress_1cre6_16", ba = {
|
|
2150
|
+
progress: va
|
|
1586
2151
|
};
|
|
1587
|
-
function
|
|
2152
|
+
function Wl({ value: e, max: t = 100, className: o, style: r, ...a }) {
|
|
1588
2153
|
const l = t > 0 ? Math.min(Math.max(e / t * 100, 0), 100) : 0;
|
|
1589
2154
|
return /* @__PURE__ */ n(
|
|
1590
2155
|
"div",
|
|
1591
2156
|
{
|
|
1592
|
-
...
|
|
2157
|
+
...a,
|
|
1593
2158
|
role: "progressbar",
|
|
1594
2159
|
"aria-valuenow": e,
|
|
1595
2160
|
"aria-valuemin": 0,
|
|
1596
2161
|
"aria-valuemax": t,
|
|
1597
|
-
className:
|
|
2162
|
+
className: R(ba.progress, o),
|
|
1598
2163
|
style: r,
|
|
1599
2164
|
children: /* @__PURE__ */ n("div", { style: { width: `${l}%`, height: "100%" } })
|
|
1600
2165
|
}
|
|
1601
2166
|
);
|
|
1602
2167
|
}
|
|
1603
|
-
const
|
|
1604
|
-
message:
|
|
1605
|
-
info:
|
|
1606
|
-
warning:
|
|
1607
|
-
alert:
|
|
1608
|
-
icon:
|
|
1609
|
-
body:
|
|
1610
|
-
title:
|
|
1611
|
-
text:
|
|
1612
|
-
},
|
|
1613
|
-
info: /* @__PURE__ */ n(
|
|
1614
|
-
warning: /* @__PURE__ */ n(
|
|
1615
|
-
alert: /* @__PURE__ */ n(
|
|
1616
|
-
},
|
|
2168
|
+
const $a = "_message_1522x_14", wa = "_info_1522x_44", xa = "_warning_1522x_49", ya = "_alert_1522x_56", ka = "_icon_1522x_63", Na = "_body_1522x_74", La = "_title_1522x_83", Ma = "_text_1522x_90", Me = {
|
|
2169
|
+
message: $a,
|
|
2170
|
+
info: wa,
|
|
2171
|
+
warning: xa,
|
|
2172
|
+
alert: ya,
|
|
2173
|
+
icon: ka,
|
|
2174
|
+
body: Na,
|
|
2175
|
+
title: La,
|
|
2176
|
+
text: Ma
|
|
2177
|
+
}, Ra = {
|
|
2178
|
+
info: /* @__PURE__ */ n(Mo, {}),
|
|
2179
|
+
warning: /* @__PURE__ */ n(Ro, {}),
|
|
2180
|
+
alert: /* @__PURE__ */ n(Eo, {})
|
|
2181
|
+
}, Ea = {
|
|
1617
2182
|
info: { role: "status", live: "polite" },
|
|
1618
2183
|
warning: { role: "status", live: "polite" },
|
|
1619
2184
|
alert: { role: "alert" }
|
|
1620
|
-
},
|
|
1621
|
-
const
|
|
1622
|
-
return /* @__PURE__ */
|
|
2185
|
+
}, Pl = ae(function({ variant: t = "info", title: o, icon: r, className: a, children: l, ...s }, c) {
|
|
2186
|
+
const h = r === void 0 ? Ra[t] : r, { role: m, live: i } = Ea[t];
|
|
2187
|
+
return /* @__PURE__ */ N(
|
|
1623
2188
|
"div",
|
|
1624
2189
|
{
|
|
1625
|
-
...
|
|
1626
|
-
ref:
|
|
1627
|
-
role:
|
|
2190
|
+
...s,
|
|
2191
|
+
ref: c,
|
|
2192
|
+
role: m,
|
|
1628
2193
|
"aria-live": i,
|
|
1629
|
-
className:
|
|
2194
|
+
className: R(Me.message, Me[t], a),
|
|
1630
2195
|
children: [
|
|
1631
|
-
|
|
1632
|
-
/* @__PURE__ */
|
|
1633
|
-
o != null && /* @__PURE__ */ n("p", { className:
|
|
1634
|
-
l != null && /* @__PURE__ */ n("div", { className:
|
|
2196
|
+
h != null && /* @__PURE__ */ n("span", { className: Me.icon, "aria-hidden": "true", children: h }),
|
|
2197
|
+
/* @__PURE__ */ N("div", { className: Me.body, children: [
|
|
2198
|
+
o != null && /* @__PURE__ */ n("p", { className: Me.title, children: o }),
|
|
2199
|
+
l != null && /* @__PURE__ */ n("div", { className: Me.text, children: l })
|
|
1635
2200
|
] })
|
|
1636
2201
|
]
|
|
1637
2202
|
}
|
|
1638
2203
|
);
|
|
1639
|
-
}),
|
|
1640
|
-
dialog:
|
|
1641
|
-
inner:
|
|
1642
|
-
size4:
|
|
1643
|
-
title:
|
|
1644
|
-
closeX:
|
|
2204
|
+
}), qa = "_dialog_zbndh_2", Da = "_inner_zbndh_71", za = "_size4_zbndh_76", Ia = "_title_zbndh_80", Ha = "_closeX_zbndh_88", Oe = {
|
|
2205
|
+
dialog: qa,
|
|
2206
|
+
inner: Da,
|
|
2207
|
+
size4: za,
|
|
2208
|
+
title: Ia,
|
|
2209
|
+
closeX: Ha
|
|
1645
2210
|
};
|
|
1646
|
-
let
|
|
1647
|
-
const
|
|
1648
|
-
const e =
|
|
2211
|
+
let Ge = 0;
|
|
2212
|
+
const xt = Ee(null), Be = () => {
|
|
2213
|
+
const e = qe(xt);
|
|
1649
2214
|
if (!e) throw new Error("Dialog parts must be inside a Dialog");
|
|
1650
2215
|
return e;
|
|
1651
2216
|
};
|
|
1652
|
-
function
|
|
1653
|
-
return function({ open: o, onOpenChange: r, children:
|
|
1654
|
-
const [l,
|
|
1655
|
-
|
|
1656
|
-
}, i =
|
|
1657
|
-
return /* @__PURE__ */ n(
|
|
2217
|
+
function yt(e) {
|
|
2218
|
+
return function({ open: o, onOpenChange: r, children: a }) {
|
|
2219
|
+
const [l, s] = Q(!1), c = o !== void 0, h = c ? o : l, m = (p) => {
|
|
2220
|
+
c || s(p), r == null || r(p);
|
|
2221
|
+
}, i = se(), g = se(), [$, w] = Q(!1);
|
|
2222
|
+
return /* @__PURE__ */ n(xt.Provider, { value: { open: h, setOpen: m, titleId: i, descId: g, alert: e, hasDesc: $, setHasDesc: w }, children: a });
|
|
1658
2223
|
};
|
|
1659
2224
|
}
|
|
1660
|
-
const
|
|
1661
|
-
if (!
|
|
2225
|
+
const Sa = yt(!1), kt = (e, t) => {
|
|
2226
|
+
if (!Re(e)) return e;
|
|
1662
2227
|
const o = e;
|
|
1663
|
-
return
|
|
2228
|
+
return Xe(o, {
|
|
1664
2229
|
onClick: (r) => {
|
|
1665
|
-
var
|
|
1666
|
-
(l = (
|
|
2230
|
+
var a, l;
|
|
2231
|
+
(l = (a = o.props).onClick) == null || l.call(a, r), t();
|
|
1667
2232
|
}
|
|
1668
2233
|
});
|
|
1669
2234
|
};
|
|
1670
|
-
function
|
|
2235
|
+
function Nt({
|
|
1671
2236
|
children: e
|
|
1672
2237
|
}) {
|
|
1673
|
-
const t =
|
|
1674
|
-
return /* @__PURE__ */ n(
|
|
2238
|
+
const t = Be();
|
|
2239
|
+
return /* @__PURE__ */ n(he, { children: kt(e, () => t.setOpen(!0)) });
|
|
1675
2240
|
}
|
|
1676
|
-
function
|
|
2241
|
+
function st({
|
|
1677
2242
|
children: e
|
|
1678
2243
|
}) {
|
|
1679
|
-
const t =
|
|
1680
|
-
return /* @__PURE__ */ n(
|
|
1681
|
-
}
|
|
1682
|
-
function
|
|
1683
|
-
const
|
|
1684
|
-
return
|
|
1685
|
-
const i =
|
|
1686
|
-
i && (
|
|
1687
|
-
}, [
|
|
1688
|
-
if (
|
|
1689
|
-
return
|
|
1690
|
-
|
|
2244
|
+
const t = Be();
|
|
2245
|
+
return /* @__PURE__ */ n(he, { children: kt(e, () => t.setOpen(!1)) });
|
|
2246
|
+
}
|
|
2247
|
+
function Lt({ size: e = "3", maxWidth: t, className: o, style: r, children: a, ...l }) {
|
|
2248
|
+
const s = Be(), c = P(null), h = P(!1), m = P(!1);
|
|
2249
|
+
return te(() => {
|
|
2250
|
+
const i = c.current;
|
|
2251
|
+
i && (s.open && !i.open ? i.showModal() : !s.open && i.open && i.close());
|
|
2252
|
+
}, [s.open]), te(() => {
|
|
2253
|
+
if (s.open)
|
|
2254
|
+
return Ge += 1, Ge === 1 && (document.body.style.overflow = "hidden"), () => {
|
|
2255
|
+
Ge -= 1, Ge === 0 && (document.body.style.overflow = "");
|
|
1691
2256
|
};
|
|
1692
|
-
}, [
|
|
2257
|
+
}, [s.open]), /* @__PURE__ */ n(
|
|
1693
2258
|
"dialog",
|
|
1694
2259
|
{
|
|
1695
2260
|
...l,
|
|
1696
|
-
ref:
|
|
1697
|
-
role:
|
|
1698
|
-
"aria-labelledby":
|
|
1699
|
-
"aria-describedby":
|
|
1700
|
-
className:
|
|
2261
|
+
ref: c,
|
|
2262
|
+
role: s.alert ? "alertdialog" : void 0,
|
|
2263
|
+
"aria-labelledby": s.titleId,
|
|
2264
|
+
"aria-describedby": s.hasDesc ? s.descId : void 0,
|
|
2265
|
+
className: R(Oe.dialog, "spDialog", e === "4" && Oe.size4, o),
|
|
1701
2266
|
style: { ...t ? { maxWidth: t } : null, ...r },
|
|
1702
2267
|
onKeyDownCapture: (i) => {
|
|
1703
|
-
var
|
|
1704
|
-
i.key === "Escape" && ((
|
|
2268
|
+
var g, $;
|
|
2269
|
+
i.key === "Escape" && ((g = c.current) != null && g.querySelector("dialog[open]") || ($ = c.current) != null && $.querySelector('[role="listbox"]:not([hidden])') && (h.current = !0));
|
|
1705
2270
|
},
|
|
1706
2271
|
onCancel: (i) => {
|
|
1707
|
-
if (i.preventDefault(),
|
|
1708
|
-
|
|
2272
|
+
if (i.preventDefault(), h.current) {
|
|
2273
|
+
h.current = !1;
|
|
1709
2274
|
return;
|
|
1710
2275
|
}
|
|
1711
|
-
|
|
2276
|
+
s.setOpen(!1);
|
|
1712
2277
|
},
|
|
1713
2278
|
onClose: () => {
|
|
1714
|
-
|
|
2279
|
+
s.open && s.setOpen(!1);
|
|
1715
2280
|
},
|
|
1716
2281
|
onPointerDown: (i) => {
|
|
1717
|
-
|
|
2282
|
+
m.current = i.target === c.current;
|
|
1718
2283
|
},
|
|
1719
2284
|
onClick: (i) => {
|
|
1720
|
-
!
|
|
2285
|
+
!s.alert && i.target === c.current && m.current && s.setOpen(!1);
|
|
1721
2286
|
},
|
|
1722
|
-
children: /* @__PURE__ */
|
|
1723
|
-
!
|
|
2287
|
+
children: /* @__PURE__ */ N("div", { className: Oe.inner, children: [
|
|
2288
|
+
!s.alert && /* @__PURE__ */ n(
|
|
1724
2289
|
"button",
|
|
1725
2290
|
{
|
|
1726
2291
|
type: "button",
|
|
1727
|
-
className:
|
|
2292
|
+
className: Oe.closeX,
|
|
1728
2293
|
"aria-label": "Close",
|
|
1729
|
-
onClick: () =>
|
|
1730
|
-
children: /* @__PURE__ */ n(
|
|
2294
|
+
onClick: () => s.setOpen(!1),
|
|
2295
|
+
children: /* @__PURE__ */ n(Lo, { width: 16, height: 16 })
|
|
1731
2296
|
}
|
|
1732
2297
|
),
|
|
1733
|
-
|
|
2298
|
+
a
|
|
1734
2299
|
] })
|
|
1735
2300
|
}
|
|
1736
2301
|
);
|
|
1737
2302
|
}
|
|
1738
|
-
function
|
|
1739
|
-
const o =
|
|
1740
|
-
return /* @__PURE__ */ n(
|
|
1741
|
-
}
|
|
1742
|
-
function
|
|
1743
|
-
const t =
|
|
1744
|
-
return
|
|
1745
|
-
}
|
|
1746
|
-
const
|
|
1747
|
-
Trigger:
|
|
1748
|
-
Close:
|
|
1749
|
-
Content:
|
|
1750
|
-
Title:
|
|
1751
|
-
Description:
|
|
1752
|
-
}),
|
|
1753
|
-
Trigger:
|
|
1754
|
-
Content:
|
|
1755
|
-
Title:
|
|
1756
|
-
Description:
|
|
1757
|
-
Cancel:
|
|
1758
|
-
Action:
|
|
1759
|
-
}),
|
|
1760
|
-
menu:
|
|
1761
|
-
label:
|
|
1762
|
-
item:
|
|
1763
|
-
danger:
|
|
1764
|
-
separator:
|
|
1765
|
-
},
|
|
1766
|
-
const e =
|
|
2303
|
+
function Mt({ className: e, ...t }) {
|
|
2304
|
+
const o = Be();
|
|
2305
|
+
return /* @__PURE__ */ n(rn, { as: "h2", size: "5", ...t, id: o.titleId, className: R(Oe.title, e) });
|
|
2306
|
+
}
|
|
2307
|
+
function Rt(e) {
|
|
2308
|
+
const t = Be(), { setHasDesc: o } = t;
|
|
2309
|
+
return we(() => (o(!0), () => o(!1)), [o]), /* @__PURE__ */ n(Gt, { as: "p", ...e, id: t.descId });
|
|
2310
|
+
}
|
|
2311
|
+
const Fl = Object.assign(Sa, {
|
|
2312
|
+
Trigger: Nt,
|
|
2313
|
+
Close: st,
|
|
2314
|
+
Content: Lt,
|
|
2315
|
+
Title: Mt,
|
|
2316
|
+
Description: Rt
|
|
2317
|
+
}), Ta = st, Aa = st, Gl = Object.assign(yt(!0), {
|
|
2318
|
+
Trigger: Nt,
|
|
2319
|
+
Content: Lt,
|
|
2320
|
+
Title: Mt,
|
|
2321
|
+
Description: Rt,
|
|
2322
|
+
Cancel: Ta,
|
|
2323
|
+
Action: Aa
|
|
2324
|
+
}), ja = "_menu_11ctg_1", Oa = "_label_11ctg_51", Za = "_item_11ctg_61", Ba = "_danger_11ctg_80", Va = "_separator_11ctg_84", Ze = {
|
|
2325
|
+
menu: ja,
|
|
2326
|
+
label: Oa,
|
|
2327
|
+
item: Za,
|
|
2328
|
+
danger: Ba,
|
|
2329
|
+
separator: Va
|
|
2330
|
+
}, Et = Ee(null), Wa = () => {
|
|
2331
|
+
const e = qe(Et);
|
|
1767
2332
|
if (!e) throw new Error("DropdownMenu parts must be inside a DropdownMenu");
|
|
1768
2333
|
return e;
|
|
1769
2334
|
};
|
|
1770
|
-
function
|
|
1771
|
-
const [
|
|
1772
|
-
i.current =
|
|
1773
|
-
const
|
|
1774
|
-
i.current !==
|
|
1775
|
-
}, []), [w
|
|
1776
|
-
return
|
|
1777
|
-
var
|
|
1778
|
-
const
|
|
1779
|
-
if (
|
|
1780
|
-
if (
|
|
1781
|
-
const
|
|
1782
|
-
if (
|
|
1783
|
-
const
|
|
1784
|
-
|
|
2335
|
+
function Pa({ label: e, align: t = "start", children: o, ...r }) {
|
|
2336
|
+
const [a, l] = Q(!1), s = se(), c = P(null), h = P(null), m = P(null), i = P(a);
|
|
2337
|
+
i.current = a;
|
|
2338
|
+
const g = _e((p) => {
|
|
2339
|
+
i.current !== p && (i.current = p, l(p));
|
|
2340
|
+
}, []), [$, w] = Q(null);
|
|
2341
|
+
return we(() => {
|
|
2342
|
+
var b;
|
|
2343
|
+
const p = h.current;
|
|
2344
|
+
if (p)
|
|
2345
|
+
if (a) {
|
|
2346
|
+
const v = c.current;
|
|
2347
|
+
if (v) {
|
|
2348
|
+
const M = v.getBoundingClientRect(), z = t === "end" ? "auto" : M.left, I = t === "end" ? window.innerWidth - M.right : "auto";
|
|
2349
|
+
w({ top: M.bottom + 6, left: z, right: I });
|
|
1785
2350
|
}
|
|
1786
|
-
|
|
1787
|
-
} else
|
|
1788
|
-
}, [
|
|
1789
|
-
if (!
|
|
1790
|
-
const
|
|
1791
|
-
return window.addEventListener("resize",
|
|
1792
|
-
}, [
|
|
2351
|
+
p.showPopover(), (b = p.querySelector('[role="menuitem"]')) == null || b.focus();
|
|
2352
|
+
} else p.matches(":popover-open") && p.hidePopover();
|
|
2353
|
+
}, [a, t]), te(() => {
|
|
2354
|
+
if (!a) return;
|
|
2355
|
+
const p = () => g(!1);
|
|
2356
|
+
return window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
|
|
2357
|
+
}, [a]), /* @__PURE__ */ N(Et.Provider, { value: { open: a, setOpen: g, menuId: s }, children: [
|
|
1793
2358
|
/* @__PURE__ */ n(
|
|
1794
|
-
|
|
2359
|
+
Ue,
|
|
1795
2360
|
{
|
|
1796
2361
|
...r,
|
|
1797
|
-
ref:
|
|
2362
|
+
ref: c,
|
|
1798
2363
|
"aria-haspopup": "menu",
|
|
1799
|
-
"aria-expanded":
|
|
1800
|
-
"aria-controls":
|
|
1801
|
-
onPointerDown: (
|
|
1802
|
-
var
|
|
1803
|
-
(
|
|
2364
|
+
"aria-expanded": a,
|
|
2365
|
+
"aria-controls": s,
|
|
2366
|
+
onPointerDown: (p) => {
|
|
2367
|
+
var b;
|
|
2368
|
+
(b = r.onPointerDown) == null || b.call(r, p), m.current = !i.current;
|
|
1804
2369
|
},
|
|
1805
|
-
onKeyDown: (
|
|
1806
|
-
var
|
|
1807
|
-
(
|
|
2370
|
+
onKeyDown: (p) => {
|
|
2371
|
+
var b;
|
|
2372
|
+
(b = r.onKeyDown) == null || b.call(r, p), (p.key === "Enter" || p.key === " ") && (m.current = null);
|
|
1808
2373
|
},
|
|
1809
|
-
onClick: (
|
|
1810
|
-
var
|
|
1811
|
-
(
|
|
1812
|
-
const
|
|
1813
|
-
|
|
2374
|
+
onClick: (p) => {
|
|
2375
|
+
var v;
|
|
2376
|
+
(v = r.onClick) == null || v.call(r, p);
|
|
2377
|
+
const b = m.current ?? !i.current;
|
|
2378
|
+
m.current = null, g(b);
|
|
1814
2379
|
},
|
|
1815
2380
|
children: e
|
|
1816
2381
|
}
|
|
@@ -1818,90 +2383,90 @@ function Hs({ label: e, align: t = "start", children: o, ...r }) {
|
|
|
1818
2383
|
/* @__PURE__ */ n(
|
|
1819
2384
|
"div",
|
|
1820
2385
|
{
|
|
1821
|
-
ref:
|
|
1822
|
-
id:
|
|
2386
|
+
ref: h,
|
|
2387
|
+
id: s,
|
|
1823
2388
|
role: "menu",
|
|
1824
2389
|
popover: "auto",
|
|
1825
|
-
className:
|
|
1826
|
-
style:
|
|
1827
|
-
top:
|
|
1828
|
-
left:
|
|
1829
|
-
right:
|
|
2390
|
+
className: Ze.menu,
|
|
2391
|
+
style: $ ? {
|
|
2392
|
+
top: $.top,
|
|
2393
|
+
left: $.left === "auto" ? "auto" : $.left,
|
|
2394
|
+
right: $.right === "auto" ? "auto" : $.right
|
|
1830
2395
|
} : void 0,
|
|
1831
|
-
onToggle: (
|
|
1832
|
-
|
|
2396
|
+
onToggle: (p) => {
|
|
2397
|
+
p.nativeEvent.newState === "closed" && g(!1);
|
|
1833
2398
|
},
|
|
1834
|
-
onKeyDown: (
|
|
1835
|
-
var
|
|
1836
|
-
const
|
|
1837
|
-
((
|
|
1838
|
-
),
|
|
1839
|
-
|
|
2399
|
+
onKeyDown: (p) => {
|
|
2400
|
+
var M, z, I, Y, U, D;
|
|
2401
|
+
const b = Array.from(
|
|
2402
|
+
((M = h.current) == null ? void 0 : M.querySelectorAll('[role="menuitem"]')) ?? []
|
|
2403
|
+
), v = b.indexOf(document.activeElement);
|
|
2404
|
+
p.key === "ArrowDown" ? (p.preventDefault(), (z = b[Math.min(v + 1, b.length - 1)]) == null || z.focus()) : p.key === "ArrowUp" ? (p.preventDefault(), (I = b[Math.max(v - 1, 0)]) == null || I.focus()) : p.key === "Home" ? (p.preventDefault(), (Y = b[0]) == null || Y.focus()) : p.key === "End" ? (p.preventDefault(), (U = b[b.length - 1]) == null || U.focus()) : p.key === "Escape" && (g(!1), (D = c.current) == null || D.focus());
|
|
1840
2405
|
},
|
|
1841
2406
|
children: o
|
|
1842
2407
|
}
|
|
1843
2408
|
)
|
|
1844
2409
|
] });
|
|
1845
2410
|
}
|
|
1846
|
-
function
|
|
2411
|
+
function Fa({
|
|
1847
2412
|
children: e
|
|
1848
2413
|
}) {
|
|
1849
|
-
return /* @__PURE__ */ n("div", { className:
|
|
2414
|
+
return /* @__PURE__ */ n("div", { className: Ze.label, children: e });
|
|
1850
2415
|
}
|
|
1851
|
-
function
|
|
1852
|
-
const
|
|
1853
|
-
|
|
2416
|
+
function Ga({ asChild: e, color: t, onSelect: o, children: r }) {
|
|
2417
|
+
const a = Wa(), l = R(Ze.item, t === "danger" && Ze.danger), s = () => {
|
|
2418
|
+
a.setOpen(!1), o == null || o();
|
|
1854
2419
|
};
|
|
1855
|
-
if (e &&
|
|
1856
|
-
const
|
|
1857
|
-
className:
|
|
1858
|
-
onClick:
|
|
2420
|
+
if (e && Re(r)) {
|
|
2421
|
+
const c = r, {
|
|
2422
|
+
className: h,
|
|
2423
|
+
onClick: m,
|
|
1859
2424
|
children: i,
|
|
1860
|
-
role:
|
|
1861
|
-
tabIndex:
|
|
1862
|
-
|
|
1863
|
-
} =
|
|
1864
|
-
return
|
|
1865
|
-
|
|
2425
|
+
role: g,
|
|
2426
|
+
tabIndex: $,
|
|
2427
|
+
...w
|
|
2428
|
+
} = c.props, p = c.ref;
|
|
2429
|
+
return ot(
|
|
2430
|
+
c.type,
|
|
1866
2431
|
{
|
|
1867
|
-
key:
|
|
1868
|
-
ref:
|
|
2432
|
+
key: c.key,
|
|
2433
|
+
ref: p,
|
|
1869
2434
|
role: "menuitem",
|
|
1870
2435
|
tabIndex: -1,
|
|
1871
|
-
|
|
1872
|
-
className:
|
|
1873
|
-
onClick: (
|
|
1874
|
-
|
|
2436
|
+
...w,
|
|
2437
|
+
className: R(l, h),
|
|
2438
|
+
onClick: (b) => {
|
|
2439
|
+
m == null || m(b), a.setOpen(!1);
|
|
1875
2440
|
}
|
|
1876
2441
|
},
|
|
1877
2442
|
i
|
|
1878
2443
|
);
|
|
1879
2444
|
}
|
|
1880
|
-
return /* @__PURE__ */ n("button", { type: "button", role: "menuitem", tabIndex: -1, className: l, onClick:
|
|
2445
|
+
return /* @__PURE__ */ n("button", { type: "button", role: "menuitem", tabIndex: -1, className: l, onClick: s, children: r });
|
|
1881
2446
|
}
|
|
1882
|
-
function
|
|
1883
|
-
return /* @__PURE__ */ n("div", { role: "separator", className:
|
|
2447
|
+
function Ua() {
|
|
2448
|
+
return /* @__PURE__ */ n("div", { role: "separator", className: Ze.separator });
|
|
1884
2449
|
}
|
|
1885
|
-
const
|
|
1886
|
-
list:
|
|
1887
|
-
trigger:
|
|
1888
|
-
},
|
|
1889
|
-
const e =
|
|
2450
|
+
const Ul = Object.assign(Pa, { Item: Ga, Separator: Ua, Label: Fa }), Ka = "_list_1hc3r_19", Xa = "_trigger_1hc3r_28", qt = {
|
|
2451
|
+
list: Ka,
|
|
2452
|
+
trigger: Xa
|
|
2453
|
+
}, Dt = Ee(null), zt = () => {
|
|
2454
|
+
const e = qe(Dt);
|
|
1890
2455
|
if (!e) throw new Error("Tabs parts must be inside a Tabs");
|
|
1891
2456
|
return e;
|
|
1892
2457
|
};
|
|
1893
|
-
function
|
|
1894
|
-
const
|
|
1895
|
-
return /* @__PURE__ */ n(
|
|
2458
|
+
function Ya({ value: e, onValueChange: t, className: o, children: r }) {
|
|
2459
|
+
const a = se();
|
|
2460
|
+
return /* @__PURE__ */ n(Dt.Provider, { value: { value: e, onValueChange: t, id: a }, children: /* @__PURE__ */ n("div", { className: o, children: r }) });
|
|
1896
2461
|
}
|
|
1897
|
-
function
|
|
2462
|
+
function Qa({
|
|
1898
2463
|
children: e
|
|
1899
2464
|
}) {
|
|
1900
2465
|
return /* @__PURE__ */ n(
|
|
1901
2466
|
"div",
|
|
1902
2467
|
{
|
|
1903
2468
|
role: "tablist",
|
|
1904
|
-
className:
|
|
2469
|
+
className: R(qt.list, "spTabsList"),
|
|
1905
2470
|
onKeyDown: (t) => {
|
|
1906
2471
|
const o = Array.from(
|
|
1907
2472
|
t.currentTarget.querySelectorAll('[role="tab"]')
|
|
@@ -1909,20 +2474,20 @@ function Os({
|
|
|
1909
2474
|
if (r !== -1) {
|
|
1910
2475
|
if (t.key === "ArrowRight") {
|
|
1911
2476
|
t.preventDefault();
|
|
1912
|
-
const
|
|
1913
|
-
|
|
2477
|
+
const a = o[(r + 1) % o.length];
|
|
2478
|
+
a.focus(), a.click();
|
|
1914
2479
|
} else if (t.key === "ArrowLeft") {
|
|
1915
2480
|
t.preventDefault();
|
|
1916
|
-
const
|
|
1917
|
-
|
|
2481
|
+
const a = o[(r - 1 + o.length) % o.length];
|
|
2482
|
+
a.focus(), a.click();
|
|
1918
2483
|
} else if (t.key === "Home") {
|
|
1919
2484
|
t.preventDefault();
|
|
1920
|
-
const
|
|
1921
|
-
|
|
2485
|
+
const a = o[0];
|
|
2486
|
+
a.focus(), a.click();
|
|
1922
2487
|
} else if (t.key === "End") {
|
|
1923
2488
|
t.preventDefault();
|
|
1924
|
-
const
|
|
1925
|
-
|
|
2489
|
+
const a = o[o.length - 1];
|
|
2490
|
+
a.focus(), a.click();
|
|
1926
2491
|
}
|
|
1927
2492
|
}
|
|
1928
2493
|
},
|
|
@@ -1930,104 +2495,104 @@ function Os({
|
|
|
1930
2495
|
}
|
|
1931
2496
|
);
|
|
1932
2497
|
}
|
|
1933
|
-
function
|
|
1934
|
-
const
|
|
2498
|
+
function Ja({ value: e, className: t, children: o, ...r }) {
|
|
2499
|
+
const a = zt(), l = a.value === e;
|
|
1935
2500
|
return /* @__PURE__ */ n(
|
|
1936
2501
|
"button",
|
|
1937
2502
|
{
|
|
1938
2503
|
...r,
|
|
1939
2504
|
type: "button",
|
|
1940
2505
|
role: "tab",
|
|
1941
|
-
id: `${
|
|
2506
|
+
id: `${a.id}-tab-${e}`,
|
|
1942
2507
|
"aria-selected": l,
|
|
1943
|
-
"aria-controls": `${
|
|
2508
|
+
"aria-controls": `${a.id}-panel-${e}`,
|
|
1944
2509
|
tabIndex: l ? 0 : -1,
|
|
1945
2510
|
"data-state": l ? "active" : "inactive",
|
|
1946
|
-
className:
|
|
1947
|
-
onClick: () =>
|
|
2511
|
+
className: R(qt.trigger, "spTabsTrigger", t),
|
|
2512
|
+
onClick: () => a.onValueChange(e),
|
|
1948
2513
|
children: o
|
|
1949
2514
|
}
|
|
1950
2515
|
);
|
|
1951
2516
|
}
|
|
1952
|
-
function
|
|
2517
|
+
function el({
|
|
1953
2518
|
value: e,
|
|
1954
2519
|
children: t
|
|
1955
2520
|
}) {
|
|
1956
|
-
const o =
|
|
2521
|
+
const o = zt();
|
|
1957
2522
|
return o.value !== e ? null : /* @__PURE__ */ n("div", { role: "tabpanel", id: `${o.id}-panel-${e}`, "aria-labelledby": `${o.id}-tab-${e}`, children: t });
|
|
1958
2523
|
}
|
|
1959
|
-
const
|
|
1960
|
-
panel:
|
|
1961
|
-
},
|
|
1962
|
-
function
|
|
2524
|
+
const Kl = Object.assign(Ya, { List: Qa, Trigger: Ja, Content: el }), tl = "_panel_4us94_9", nl = {
|
|
2525
|
+
panel: tl
|
|
2526
|
+
}, ft = 8, je = 8, ol = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
|
|
2527
|
+
function Xl({
|
|
1963
2528
|
label: e,
|
|
1964
2529
|
children: t,
|
|
1965
2530
|
open: o,
|
|
1966
2531
|
onOpenChange: r,
|
|
1967
|
-
defaultOpen:
|
|
2532
|
+
defaultOpen: a = !1,
|
|
1968
2533
|
side: l = "bottom",
|
|
1969
|
-
align:
|
|
1970
|
-
panelClassName:
|
|
1971
|
-
onClick:
|
|
1972
|
-
...
|
|
2534
|
+
align: s = "start",
|
|
2535
|
+
panelClassName: c,
|
|
2536
|
+
onClick: h,
|
|
2537
|
+
...m
|
|
1973
2538
|
}) {
|
|
1974
|
-
const [i,
|
|
1975
|
-
|
|
1976
|
-
const
|
|
1977
|
-
(
|
|
1978
|
-
|
|
2539
|
+
const [i, g] = Q(a), $ = o !== void 0, w = $ ? o : i, p = se(), b = se(), v = P(null), M = P(null), [z, I] = Q(null), Y = P(!1), U = P(!1), D = P(null), T = P(w);
|
|
2540
|
+
T.current = w;
|
|
2541
|
+
const Z = _e(
|
|
2542
|
+
(y) => {
|
|
2543
|
+
T.current !== y && (T.current = y, $ || g(y), r == null || r(y));
|
|
1979
2544
|
},
|
|
1980
|
-
[
|
|
1981
|
-
),
|
|
1982
|
-
const
|
|
1983
|
-
if (!
|
|
1984
|
-
const
|
|
1985
|
-
|
|
1986
|
-
const
|
|
1987
|
-
Math.max(
|
|
1988
|
-
Math.max(window.innerWidth -
|
|
2545
|
+
[$, r]
|
|
2546
|
+
), X = _e(() => {
|
|
2547
|
+
const y = v.current, L = M.current;
|
|
2548
|
+
if (!y || !L) return;
|
|
2549
|
+
const H = y.getBoundingClientRect(), F = L.offsetWidth, f = L.offsetHeight, E = H.bottom + ft, A = H.top - f - ft, C = E + f <= window.innerHeight - je, k = A >= je, B = l === "bottom" ? C || !k ? E : A : k || !C ? A : E, V = B === E ? "bottom" : "top";
|
|
2550
|
+
L.dataset.side = V;
|
|
2551
|
+
const G = s === "start" ? H.left : s === "end" ? H.right - F : H.left + H.width / 2 - F / 2, _ = Math.min(
|
|
2552
|
+
Math.max(G, je),
|
|
2553
|
+
Math.max(window.innerWidth - F - je, je)
|
|
1989
2554
|
);
|
|
1990
|
-
|
|
1991
|
-
(
|
|
2555
|
+
I(
|
|
2556
|
+
(x) => x && x.top === B && x.left === _ && x.placed === V ? x : { top: B, left: _, placed: V }
|
|
1992
2557
|
);
|
|
1993
|
-
}, [l,
|
|
1994
|
-
return
|
|
1995
|
-
const
|
|
1996
|
-
|
|
1997
|
-
}, [
|
|
1998
|
-
if (
|
|
1999
|
-
let
|
|
2000
|
-
const
|
|
2001
|
-
const
|
|
2002
|
-
if (
|
|
2003
|
-
const
|
|
2004
|
-
|
|
2558
|
+
}, [l, s]);
|
|
2559
|
+
return we(() => {
|
|
2560
|
+
const y = M.current;
|
|
2561
|
+
y && (w ? (Ye(y, X), X(), Y.current && (Y.current = !1, (y.querySelector(ol) ?? y).focus({ preventScroll: !0 }))) : y.matches(":popover-open") && y.hidePopover());
|
|
2562
|
+
}, [w, X]), te(() => {
|
|
2563
|
+
if (!w) return;
|
|
2564
|
+
let y = 0, L = "";
|
|
2565
|
+
const H = () => {
|
|
2566
|
+
const F = v.current, f = M.current;
|
|
2567
|
+
if (F && f) {
|
|
2568
|
+
const E = F.getBoundingClientRect(), A = `${E.top}|${E.left}|${E.width}|${E.height}|${f.offsetWidth}|${f.offsetHeight}|${window.innerWidth}|${window.innerHeight}`;
|
|
2569
|
+
A !== L && (L = A, X());
|
|
2005
2570
|
}
|
|
2006
|
-
|
|
2571
|
+
y = requestAnimationFrame(H);
|
|
2007
2572
|
};
|
|
2008
|
-
return
|
|
2009
|
-
}, [
|
|
2573
|
+
return y = requestAnimationFrame(H), () => cancelAnimationFrame(y);
|
|
2574
|
+
}, [w, X]), /* @__PURE__ */ N(he, { children: [
|
|
2010
2575
|
/* @__PURE__ */ n(
|
|
2011
|
-
|
|
2576
|
+
Ue,
|
|
2012
2577
|
{
|
|
2013
|
-
...
|
|
2014
|
-
ref:
|
|
2015
|
-
id:
|
|
2578
|
+
...m,
|
|
2579
|
+
ref: v,
|
|
2580
|
+
id: p,
|
|
2016
2581
|
"aria-haspopup": "dialog",
|
|
2017
|
-
"aria-expanded":
|
|
2018
|
-
"aria-controls":
|
|
2019
|
-
onPointerDown: (
|
|
2020
|
-
var
|
|
2021
|
-
(
|
|
2582
|
+
"aria-expanded": w,
|
|
2583
|
+
"aria-controls": b,
|
|
2584
|
+
onPointerDown: (y) => {
|
|
2585
|
+
var L;
|
|
2586
|
+
(L = m.onPointerDown) == null || L.call(m, y), D.current = !T.current;
|
|
2022
2587
|
},
|
|
2023
|
-
onKeyDown: (
|
|
2024
|
-
var
|
|
2025
|
-
(
|
|
2588
|
+
onKeyDown: (y) => {
|
|
2589
|
+
var L;
|
|
2590
|
+
(L = m.onKeyDown) == null || L.call(m, y), (y.key === "Enter" || y.key === " ") && (D.current = null);
|
|
2026
2591
|
},
|
|
2027
|
-
onClick: (
|
|
2028
|
-
|
|
2029
|
-
const
|
|
2030
|
-
|
|
2592
|
+
onClick: (y) => {
|
|
2593
|
+
h == null || h(y);
|
|
2594
|
+
const L = D.current ?? !T.current;
|
|
2595
|
+
D.current = null, L && (Y.current = !0), Z(L);
|
|
2031
2596
|
},
|
|
2032
2597
|
children: e
|
|
2033
2598
|
}
|
|
@@ -2035,22 +2600,22 @@ function T1({
|
|
|
2035
2600
|
/* @__PURE__ */ n(
|
|
2036
2601
|
"div",
|
|
2037
2602
|
{
|
|
2038
|
-
ref:
|
|
2039
|
-
id:
|
|
2603
|
+
ref: M,
|
|
2604
|
+
id: b,
|
|
2040
2605
|
popover: "auto",
|
|
2041
2606
|
role: "dialog",
|
|
2042
|
-
"aria-labelledby":
|
|
2607
|
+
"aria-labelledby": p,
|
|
2043
2608
|
tabIndex: -1,
|
|
2044
|
-
className:
|
|
2045
|
-
"data-animated":
|
|
2046
|
-
"data-side": (
|
|
2047
|
-
style:
|
|
2048
|
-
onKeyDown: (
|
|
2049
|
-
|
|
2609
|
+
className: R(nl.panel, ue.spacePanel, c),
|
|
2610
|
+
"data-animated": m.animated === !1 ? "false" : void 0,
|
|
2611
|
+
"data-side": (z == null ? void 0 : z.placed) ?? l,
|
|
2612
|
+
style: z ? { top: z.top, left: z.left } : void 0,
|
|
2613
|
+
onKeyDown: (y) => {
|
|
2614
|
+
y.key === "Escape" && (U.current = !0, y.stopPropagation());
|
|
2050
2615
|
},
|
|
2051
|
-
onToggle: (
|
|
2052
|
-
var
|
|
2053
|
-
|
|
2616
|
+
onToggle: (y) => {
|
|
2617
|
+
var L;
|
|
2618
|
+
y.nativeEvent.newState === "closed" && (U.current && (U.current = !1, (L = v.current) == null || L.focus()), Z(!1));
|
|
2054
2619
|
},
|
|
2055
2620
|
children: t
|
|
2056
2621
|
}
|
|
@@ -2058,60 +2623,63 @@ function T1({
|
|
|
2058
2623
|
] });
|
|
2059
2624
|
}
|
|
2060
2625
|
export {
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2626
|
+
Gl as AlertDialog,
|
|
2627
|
+
Sl as Autocomplete,
|
|
2628
|
+
dl as Badge,
|
|
2629
|
+
jl as BarList,
|
|
2630
|
+
Rl as BookmarkIcon,
|
|
2631
|
+
cl as Box,
|
|
2632
|
+
Ue as Button,
|
|
2633
|
+
fl as Card,
|
|
2634
|
+
El as Carousel,
|
|
2635
|
+
Al as Chart,
|
|
2636
|
+
pl as ChatBubbleIcon,
|
|
2637
|
+
bl as CheckIcon,
|
|
2638
|
+
Bl as Checkbox,
|
|
2639
|
+
Zl as CheckboxGroup,
|
|
2640
|
+
Ml as ChevronDownIcon,
|
|
2641
|
+
ht as ChevronLeftIcon,
|
|
2642
|
+
pt as ChevronRightIcon,
|
|
2643
|
+
Ll as ChevronUpIcon,
|
|
2644
|
+
Eo as CrossCircledIcon,
|
|
2645
|
+
Fl as Dialog,
|
|
2646
|
+
Ul as DropdownMenu,
|
|
2647
|
+
vl as EnterFullScreenIcon,
|
|
2648
|
+
Ro as ExclamationTriangleIcon,
|
|
2649
|
+
Cl as ExitFullScreenIcon,
|
|
2650
|
+
ll as Flex,
|
|
2651
|
+
il as Grid,
|
|
2652
|
+
rn as Heading,
|
|
2653
|
+
gl as HeartFilledIcon,
|
|
2654
|
+
Nl as HeartIcon,
|
|
2655
|
+
zl as IconToggle,
|
|
2656
|
+
Mo as InfoCircledIcon,
|
|
2657
|
+
al as Link,
|
|
2658
|
+
Dl as Loader,
|
|
2659
|
+
kl as MagnifyingGlassIcon,
|
|
2660
|
+
Pl as Message,
|
|
2661
|
+
yl as MinusIcon,
|
|
2662
|
+
ql as Pagination,
|
|
2663
|
+
ml as Pencil1Icon,
|
|
2664
|
+
xl as PersonIcon,
|
|
2665
|
+
Ol as PieChart,
|
|
2666
|
+
hl as PlusIcon,
|
|
2667
|
+
Xl as Popover,
|
|
2668
|
+
Wl as Progress,
|
|
2669
|
+
wl as QuestionMarkCircledIcon,
|
|
2670
|
+
Vl as RadioGroup,
|
|
2671
|
+
Il as Select,
|
|
2672
|
+
ul as Separator,
|
|
2673
|
+
_l as Share2Icon,
|
|
2674
|
+
Tl as Slider,
|
|
2675
|
+
Kl as Tabs,
|
|
2676
|
+
Gt as Text,
|
|
2677
|
+
Hl as TextArea,
|
|
2678
|
+
ct as TextField,
|
|
2679
|
+
mr as Tooltip,
|
|
2680
|
+
$l as TrashIcon,
|
|
2681
|
+
Lo as XIcon,
|
|
2682
|
+
tr as pageCount,
|
|
2683
|
+
nr as pageWindow
|
|
2116
2684
|
};
|
|
2117
2685
|
//# sourceMappingURL=index.js.map
|