@rotki/ui-library 0.2.0 → 0.2.2
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/dist/{index-eb935704.mjs → all-icons.es.js} +4989 -5689
- package/dist/components/index.es.js +24 -0
- package/dist/composables/index.es.js +10 -0
- package/dist/index-1f5d0d16.js +110 -0
- package/dist/{index-74133324.mjs → index-b9d540d9.js} +580 -578
- package/dist/index.es.js +2525 -2522
- package/dist/{theme.es.js → theme/index.es.js} +1 -1
- package/package.json +33 -12
- package/dist/components.es.js +0 -21
- package/dist/composables.es.js +0 -7
- /package/dist/{colors-01d79c7b.mjs → colors-01d79c7b.js} +0 -0
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
import { defineComponent as $, useCssVars as ze, unref as t, useCssModule as Z, toRefs as se, computed as N, openBlock as c, createElementBlock as _, normalizeClass as v, createElementVNode as z, Fragment as X, createCommentVNode as E, toDisplayString as B, useAttrs as de, mergeProps as le, renderSlot as te, createBlock as Y, createVNode as Q, withCtx as K, createTextVNode as $e, cloneVNode as st, h as Te, inject as Ye, provide as Qe, ref as O, onMounted as _e, watchEffect as ue, toRaw as P, watch as pe, onUnmounted as at, nextTick as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
done: "done",
|
|
7
|
-
error: "error",
|
|
8
|
-
warning: "warning",
|
|
9
|
-
info: "info",
|
|
10
|
-
success: "success"
|
|
11
|
-
}, Mt = {
|
|
12
|
-
vertical: "vertical",
|
|
13
|
-
horizontal: "horizontal"
|
|
14
|
-
}, pt = ["aria-valuenow"], _t = ["viewBox"], yt = ["stroke-width"], ft = /* @__PURE__ */ $({
|
|
1
|
+
import { defineComponent as $, useCssVars as ze, unref as t, useCssModule as Z, toRefs as se, computed as N, openBlock as c, createElementBlock as _, normalizeClass as v, createElementVNode as z, Fragment as X, createCommentVNode as E, toDisplayString as B, useAttrs as de, mergeProps as le, renderSlot as te, createBlock as Y, createVNode as Q, withCtx as K, createTextVNode as $e, cloneVNode as st, h as Te, inject as Ye, provide as Qe, ref as O, onMounted as _e, watchEffect as ue, toRaw as P, watch as pe, onUnmounted as at, nextTick as ne, useSlots as ye, resolveDynamicComponent as he, withModifiers as Ue, renderList as ce, isRef as lt, Transition as it, normalizeProps as De, guardReactiveProps as Re, createSlots as Ie } from "vue";
|
|
2
|
+
import { get as f, objectOmit as be, set as ae } from "@vueuse/shared";
|
|
3
|
+
import { u as rt } from "./index-1f5d0d16.js";
|
|
4
|
+
import { useElementBounding as ve, useVirtualList as ut, useArrayMap as ct, createGlobalState as dt } from "@vueuse/core";
|
|
5
|
+
const Mt = ["aria-valuenow"], pt = ["viewBox"], _t = ["stroke-width"], yt = /* @__PURE__ */ $({
|
|
15
6
|
name: "RuiProgress",
|
|
16
7
|
__name: "Progress",
|
|
17
8
|
props: {
|
|
@@ -33,8 +24,8 @@ const W = {
|
|
|
33
24
|
fa8ad720: t(b),
|
|
34
25
|
"53bb3a7c": t(u)
|
|
35
26
|
}));
|
|
36
|
-
const
|
|
37
|
-
() => Math.max(0, Math.min(f(
|
|
27
|
+
const o = Z(), { variant: a, value: n, bufferValue: l, thickness: i, size: M } = se(s), r = N(
|
|
28
|
+
() => Math.max(0, Math.min(f(n) ?? 100, 100))
|
|
38
29
|
), d = N(() => `${Math.floor(f(r))}%`), u = N(() => -100 + f(r)), y = N(() => `${f(u)}%`), b = N(
|
|
39
30
|
() => `${-100 + Math.max(0, Math.min(f(l) ?? 100, 100))}%`
|
|
40
31
|
), h = N(
|
|
@@ -42,17 +33,17 @@ const W = {
|
|
|
42
33
|
), A = N(() => 40 + f(h));
|
|
43
34
|
return (L, p) => (c(), _("div", {
|
|
44
35
|
class: v([
|
|
45
|
-
t(
|
|
36
|
+
t(o).wrapper,
|
|
46
37
|
L.circular ? "inline-flex" : "w-full",
|
|
47
|
-
{ [t(
|
|
38
|
+
{ [t(o)["has-label"]]: L.showLabel && t(a) !== "indeterminate" }
|
|
48
39
|
])
|
|
49
40
|
}, [
|
|
50
41
|
z("div", {
|
|
51
|
-
"aria-valuenow": t(
|
|
42
|
+
"aria-valuenow": t(n),
|
|
52
43
|
class: v([
|
|
53
|
-
L.circular && t(a) !== "buffer" ? t(
|
|
54
|
-
t(
|
|
55
|
-
t(
|
|
44
|
+
L.circular && t(a) !== "buffer" ? t(o).circular : t(o).progress,
|
|
45
|
+
t(o)[t(a) ?? ""],
|
|
46
|
+
t(o)[L.color ?? ""]
|
|
56
47
|
]),
|
|
57
48
|
"aria-valuemax": "100",
|
|
58
49
|
"aria-valuemin": "0",
|
|
@@ -68,53 +59,53 @@ const W = {
|
|
|
68
59
|
fill: "none",
|
|
69
60
|
r: "20",
|
|
70
61
|
"stroke-width": t(h)
|
|
71
|
-
}, null, 8,
|
|
72
|
-
], 8,
|
|
62
|
+
}, null, 8, _t)
|
|
63
|
+
], 8, pt)) : (c(), _(X, { key: 1 }, [
|
|
73
64
|
t(a) === "buffer" ? (c(), _("div", {
|
|
74
65
|
key: 0,
|
|
75
|
-
class: v(t(
|
|
66
|
+
class: v(t(o)["buffer-dots"])
|
|
76
67
|
}, null, 2)) : E("", !0),
|
|
77
68
|
z("div", {
|
|
78
|
-
class: v([t(
|
|
69
|
+
class: v([t(o).rail, { [t(o)["buffer-rail"]]: t(a) === "buffer" }])
|
|
79
70
|
}, null, 2),
|
|
80
71
|
z("div", {
|
|
81
|
-
class: v(t(
|
|
72
|
+
class: v(t(o)[t(a) ?? ""])
|
|
82
73
|
}, null, 2)
|
|
83
74
|
], 64))
|
|
84
|
-
], 10,
|
|
75
|
+
], 10, Mt),
|
|
85
76
|
L.showLabel && t(a) !== "indeterminate" ? (c(), _("div", {
|
|
86
77
|
key: 0,
|
|
87
|
-
class: v(t(
|
|
78
|
+
class: v(t(o).label)
|
|
88
79
|
}, B(t(d)), 3)) : E("", !0)
|
|
89
80
|
], 2));
|
|
90
81
|
}
|
|
91
|
-
}),
|
|
92
|
-
wrapper:
|
|
82
|
+
}), ft = "_wrapper_g0b28_1", vt = "_label_g0b28_4", gt = "_circular_g0b28_7", jt = "_progress_g0b28_12", Lt = "_rail_g0b28_16", Nt = "_determinate_g0b28_19", bt = "_buffer_g0b28_20", mt = "_indeterminate_g0b28_24", Tt = "_primary_g0b28_36", Dt = "_secondary_g0b28_47", It = "_inherit_g0b28_58", zt = "_spin_g0b28_1", ht = {
|
|
83
|
+
wrapper: ft,
|
|
93
84
|
"has-label": "_has-label_g0b28_1",
|
|
94
|
-
label:
|
|
95
|
-
circular:
|
|
96
|
-
progress:
|
|
97
|
-
rail:
|
|
98
|
-
determinate:
|
|
99
|
-
buffer:
|
|
100
|
-
indeterminate:
|
|
85
|
+
label: vt,
|
|
86
|
+
circular: gt,
|
|
87
|
+
progress: jt,
|
|
88
|
+
rail: Lt,
|
|
89
|
+
determinate: Nt,
|
|
90
|
+
buffer: bt,
|
|
91
|
+
indeterminate: mt,
|
|
101
92
|
"slide-rail": "_slide-rail_g0b28_1",
|
|
102
93
|
"buffer-dots": "_buffer-dots_g0b28_28",
|
|
103
94
|
"buffer-pulse": "_buffer-pulse_g0b28_1",
|
|
104
95
|
"buffer-rail": "_buffer-rail_g0b28_32",
|
|
105
|
-
primary:
|
|
106
|
-
secondary:
|
|
107
|
-
inherit:
|
|
108
|
-
spin:
|
|
96
|
+
primary: Tt,
|
|
97
|
+
secondary: Dt,
|
|
98
|
+
inherit: It,
|
|
99
|
+
spin: zt,
|
|
109
100
|
"collapse-stroke": "_collapse-stroke_g0b28_1"
|
|
110
101
|
}, H = (e, s) => {
|
|
111
|
-
const
|
|
112
|
-
for (const [a,
|
|
113
|
-
|
|
114
|
-
return
|
|
115
|
-
},
|
|
116
|
-
$style:
|
|
117
|
-
}, Pe = /* @__PURE__ */ H(
|
|
102
|
+
const o = e.__vccOpts || e;
|
|
103
|
+
for (const [a, n] of s)
|
|
104
|
+
o[a] = n;
|
|
105
|
+
return o;
|
|
106
|
+
}, xt = {
|
|
107
|
+
$style: ht
|
|
108
|
+
}, Pe = /* @__PURE__ */ H(yt, [["__cssModules", xt]]), St = ["disabled"], At = /* @__PURE__ */ $({
|
|
118
109
|
name: "RuiButton",
|
|
119
110
|
__name: "Button",
|
|
120
111
|
props: {
|
|
@@ -128,11 +119,11 @@ const W = {
|
|
|
128
119
|
size: { default: void 0 }
|
|
129
120
|
},
|
|
130
121
|
setup(e) {
|
|
131
|
-
const s = e, { disabled:
|
|
132
|
-
if (f(
|
|
122
|
+
const s = e, { disabled: o, elevation: a, variant: n, size: l } = se(s), i = de(), M = Z(), r = N(() => {
|
|
123
|
+
if (f(o))
|
|
133
124
|
return 0;
|
|
134
125
|
const u = f(a);
|
|
135
|
-
return u !== null ? u : f(
|
|
126
|
+
return u !== null ? u : f(n) === "fab" ? 6 : 0;
|
|
136
127
|
}), d = N(() => {
|
|
137
128
|
const u = f(l);
|
|
138
129
|
return u === "lg" ? 26 : u === "sm" ? 18 : 22;
|
|
@@ -142,7 +133,7 @@ const W = {
|
|
|
142
133
|
t(M).btn,
|
|
143
134
|
t(M)[u.color ?? "grey"],
|
|
144
135
|
t(M)[t(l) ?? ""],
|
|
145
|
-
t(M)[t(
|
|
136
|
+
t(M)[t(n)],
|
|
146
137
|
`shadow-${t(r)}`,
|
|
147
138
|
{
|
|
148
139
|
[t(M).loading]: u.loading,
|
|
@@ -150,7 +141,7 @@ const W = {
|
|
|
150
141
|
[t(M).icon]: u.icon
|
|
151
142
|
}
|
|
152
143
|
],
|
|
153
|
-
disabled: t(
|
|
144
|
+
disabled: t(o) || u.loading
|
|
154
145
|
}, t(i)), [
|
|
155
146
|
te(u.$slots, "prepend"),
|
|
156
147
|
z("span", {
|
|
@@ -166,34 +157,34 @@ const W = {
|
|
|
166
157
|
variant: "indeterminate",
|
|
167
158
|
size: t(d)
|
|
168
159
|
}, null, 8, ["class", "size"])) : E("", !0)
|
|
169
|
-
], 16,
|
|
160
|
+
], 16, St));
|
|
170
161
|
}
|
|
171
|
-
}),
|
|
172
|
-
btn:
|
|
173
|
-
primary:
|
|
174
|
-
secondary:
|
|
175
|
-
error:
|
|
176
|
-
warning:
|
|
177
|
-
info:
|
|
178
|
-
success:
|
|
179
|
-
grey:
|
|
180
|
-
outlined:
|
|
181
|
-
text:
|
|
182
|
-
label:
|
|
183
|
-
_rounded:
|
|
184
|
-
sm:
|
|
185
|
-
lg:
|
|
186
|
-
fab:
|
|
187
|
-
icon:
|
|
188
|
-
loading:
|
|
189
|
-
spinner:
|
|
162
|
+
}), wt = "_btn_153yk_315", kt = "_primary_153yk_318", Ot = "_secondary_153yk_321", Et = "_error_153yk_324", Ct = "_warning_153yk_327", $t = "_info_153yk_330", Yt = "_success_153yk_334", Qt = "_grey_153yk_338", Ut = "_outlined_153yk_341", Rt = "_text_153yk_341", Pt = "_label_153yk_350", Bt = "__rounded_153yk_353", Vt = "_sm_153yk_356", Ft = "_lg_153yk_359", Gt = "_fab_153yk_443", Wt = "_icon_153yk_452", Zt = "_loading_153yk_464", Ht = "_spinner_153yk_467", qt = {
|
|
163
|
+
btn: wt,
|
|
164
|
+
primary: kt,
|
|
165
|
+
secondary: Ot,
|
|
166
|
+
error: Et,
|
|
167
|
+
warning: Ct,
|
|
168
|
+
info: $t,
|
|
169
|
+
success: Yt,
|
|
170
|
+
grey: Qt,
|
|
171
|
+
outlined: Ut,
|
|
172
|
+
text: Rt,
|
|
173
|
+
label: Pt,
|
|
174
|
+
_rounded: Bt,
|
|
175
|
+
sm: Vt,
|
|
176
|
+
lg: Ft,
|
|
177
|
+
fab: Gt,
|
|
178
|
+
icon: Wt,
|
|
179
|
+
loading: Zt,
|
|
180
|
+
spinner: Ht,
|
|
190
181
|
"bg-tint": "_bg-tint_153yk_1",
|
|
191
182
|
"bg-shade": "_bg-shade_153yk_1",
|
|
192
183
|
"text-tint": "_text-tint_153yk_1",
|
|
193
184
|
"text-shade": "_text-shade_153yk_1"
|
|
194
|
-
},
|
|
195
|
-
$style:
|
|
196
|
-
}, ge = /* @__PURE__ */ H(
|
|
185
|
+
}, Jt = {
|
|
186
|
+
$style: qt
|
|
187
|
+
}, ge = /* @__PURE__ */ H(At, [["__cssModules", Jt]]), Kt = ["height", "width"], Xt = ["d"], eo = /* @__PURE__ */ $({
|
|
197
188
|
name: "RuiIcon",
|
|
198
189
|
__name: "Icon",
|
|
199
190
|
props: {
|
|
@@ -202,14 +193,14 @@ const W = {
|
|
|
202
193
|
color: { default: void 0 }
|
|
203
194
|
},
|
|
204
195
|
setup(e) {
|
|
205
|
-
const s = e,
|
|
206
|
-
const i = f(
|
|
196
|
+
const s = e, o = Z(), { registeredIcons: a } = rt(), { name: n } = se(s), l = N(() => {
|
|
197
|
+
const i = f(n), M = `ri-${i}`, r = f(a)[M];
|
|
207
198
|
return r || console.error(
|
|
208
199
|
`Icons "${i}" not found. Make sure that you have register the icon when installing the RuiPlugin`
|
|
209
200
|
), r;
|
|
210
201
|
});
|
|
211
202
|
return (i, M) => (c(), _("svg", {
|
|
212
|
-
class: v([t(
|
|
203
|
+
class: v([t(o).remixicon, t(o)[i.color ?? ""]]),
|
|
213
204
|
height: i.size,
|
|
214
205
|
width: i.size,
|
|
215
206
|
viewBox: "0 0 24 24",
|
|
@@ -218,27 +209,27 @@ const W = {
|
|
|
218
209
|
z("path", {
|
|
219
210
|
d: t(l),
|
|
220
211
|
fill: "currentColor"
|
|
221
|
-
}, null, 8,
|
|
222
|
-
], 10,
|
|
212
|
+
}, null, 8, Xt)
|
|
213
|
+
], 10, Kt));
|
|
223
214
|
}
|
|
224
|
-
}),
|
|
225
|
-
remixicon:
|
|
226
|
-
primary:
|
|
227
|
-
secondary:
|
|
228
|
-
error:
|
|
229
|
-
warning:
|
|
230
|
-
info:
|
|
231
|
-
success:
|
|
215
|
+
}), to = "_remixicon_2d6in_315", oo = "_primary_2d6in_315", no = "_secondary_2d6in_318", so = "_error_2d6in_321", ao = "_warning_2d6in_324", lo = "_info_2d6in_327", io = "_success_2d6in_330", ro = {
|
|
216
|
+
remixicon: to,
|
|
217
|
+
primary: oo,
|
|
218
|
+
secondary: no,
|
|
219
|
+
error: so,
|
|
220
|
+
warning: ao,
|
|
221
|
+
info: lo,
|
|
222
|
+
success: io,
|
|
232
223
|
"bg-tint": "_bg-tint_2d6in_1",
|
|
233
224
|
"bg-shade": "_bg-shade_2d6in_1",
|
|
234
225
|
"text-tint": "_text-tint_2d6in_1",
|
|
235
226
|
"text-shade": "_text-shade_2d6in_1"
|
|
236
|
-
},
|
|
237
|
-
$style:
|
|
238
|
-
}, C = /* @__PURE__ */ H(
|
|
227
|
+
}, uo = {
|
|
228
|
+
$style: ro
|
|
229
|
+
}, C = /* @__PURE__ */ H(eo, [["__cssModules", uo]]), co = { class: "flex space-x-3 py-1 flex-grow" }, Mo = {
|
|
239
230
|
key: 0,
|
|
240
231
|
class: "font-medium"
|
|
241
|
-
},
|
|
232
|
+
}, po = { class: "text-body-2" }, _o = { key: 0 }, yo = { key: 1 }, fo = /* @__PURE__ */ $({
|
|
242
233
|
name: "RuiAlert",
|
|
243
234
|
__name: "Alert",
|
|
244
235
|
props: {
|
|
@@ -252,7 +243,7 @@ const W = {
|
|
|
252
243
|
},
|
|
253
244
|
emits: ["action", "close"],
|
|
254
245
|
setup(e, { emit: s }) {
|
|
255
|
-
const
|
|
246
|
+
const o = e, { icon: a, type: n } = se(o), l = N(() => {
|
|
256
247
|
const r = f(a);
|
|
257
248
|
return r || ({
|
|
258
249
|
primary: "",
|
|
@@ -261,12 +252,12 @@ const W = {
|
|
|
261
252
|
info: "information-line",
|
|
262
253
|
error: "error-warning-line",
|
|
263
254
|
success: "checkbox-circle-line"
|
|
264
|
-
}[f(
|
|
255
|
+
}[f(n)] ?? "");
|
|
265
256
|
}), i = Z(), M = de();
|
|
266
257
|
return (r, d) => (c(), _("div", le({
|
|
267
|
-
class: [t(i).alert, t(i)[t(
|
|
258
|
+
class: [t(i).alert, t(i)[t(n)], t(i)[r.variant]]
|
|
268
259
|
}, t(M)), [
|
|
269
|
-
z("div",
|
|
260
|
+
z("div", co, [
|
|
270
261
|
t(l) ? (c(), _("div", {
|
|
271
262
|
key: 0,
|
|
272
263
|
class: v(t(i).icon)
|
|
@@ -279,15 +270,15 @@ const W = {
|
|
|
279
270
|
z("div", {
|
|
280
271
|
class: v(["space-y-1 flex-grow", t(i).texts])
|
|
281
272
|
}, [
|
|
282
|
-
r.title ? (c(), _("div",
|
|
283
|
-
z("div",
|
|
273
|
+
r.title ? (c(), _("div", Mo, B(r.title), 1)) : E("", !0),
|
|
274
|
+
z("div", po, B(r.description), 1)
|
|
284
275
|
], 2)
|
|
285
276
|
]),
|
|
286
|
-
r.actionText ? (c(), _("div",
|
|
277
|
+
r.actionText ? (c(), _("div", _o, [
|
|
287
278
|
Q(ge, {
|
|
288
279
|
variant: "text",
|
|
289
280
|
size: "sm",
|
|
290
|
-
color: r.variant === "filled" ? void 0 : t(
|
|
281
|
+
color: r.variant === "filled" ? void 0 : t(n),
|
|
291
282
|
class: v(t(i).action),
|
|
292
283
|
onClick: d[0] || (d[0] = (u) => s("action"))
|
|
293
284
|
}, {
|
|
@@ -297,9 +288,9 @@ const W = {
|
|
|
297
288
|
_: 1
|
|
298
289
|
}, 8, ["color", "class"])
|
|
299
290
|
])) : E("", !0),
|
|
300
|
-
r.closeable ? (c(), _("div",
|
|
291
|
+
r.closeable ? (c(), _("div", yo, [
|
|
301
292
|
Q(ge, {
|
|
302
|
-
color: r.variant === "filled" ? void 0 : t(
|
|
293
|
+
color: r.variant === "filled" ? void 0 : t(n),
|
|
303
294
|
size: "sm",
|
|
304
295
|
icon: "",
|
|
305
296
|
variant: "text",
|
|
@@ -317,55 +308,55 @@ const W = {
|
|
|
317
308
|
])) : E("", !0)
|
|
318
309
|
], 16));
|
|
319
310
|
}
|
|
320
|
-
}),
|
|
321
|
-
alert:
|
|
322
|
-
primary:
|
|
311
|
+
}), vo = "_alert_1r1r6_315", go = "_primary_1r1r6_315", jo = "_icon_1r1r6_318", Lo = "_texts_1r1r6_319", No = "_action_1r1r6_320", bo = "_close_1r1r6_321", mo = "_outlined_1r1r6_321", To = "_secondary_1r1r6_330", Do = "_error_1r1r6_345", Io = "_warning_1r1r6_360", zo = "_info_1r1r6_375", ho = "_success_1r1r6_390", xo = "_filled_1r1r6_416", So = {
|
|
312
|
+
alert: vo,
|
|
313
|
+
primary: go,
|
|
323
314
|
default: "_default_1r1r6_315",
|
|
324
315
|
"bg-shade": "_bg-shade_1r1r6_1",
|
|
325
|
-
icon:
|
|
326
|
-
texts:
|
|
327
|
-
action:
|
|
328
|
-
close:
|
|
329
|
-
outlined:
|
|
316
|
+
icon: jo,
|
|
317
|
+
texts: Lo,
|
|
318
|
+
action: No,
|
|
319
|
+
close: bo,
|
|
320
|
+
outlined: mo,
|
|
330
321
|
"text-tint": "_text-tint_1r1r6_1",
|
|
331
|
-
secondary:
|
|
332
|
-
error:
|
|
333
|
-
warning:
|
|
334
|
-
info:
|
|
335
|
-
success:
|
|
322
|
+
secondary: To,
|
|
323
|
+
error: Do,
|
|
324
|
+
warning: Io,
|
|
325
|
+
info: zo,
|
|
326
|
+
success: ho,
|
|
336
327
|
"bg-tint": "_bg-tint_1r1r6_1",
|
|
337
|
-
filled:
|
|
328
|
+
filled: xo,
|
|
338
329
|
"text-shade": "_text-shade_1r1r6_1"
|
|
339
|
-
},
|
|
340
|
-
$style:
|
|
341
|
-
},
|
|
342
|
-
function
|
|
330
|
+
}, Ao = {
|
|
331
|
+
$style: So
|
|
332
|
+
}, pi = /* @__PURE__ */ H(fo, [["__cssModules", Ao]]);
|
|
333
|
+
function oe(e, s, ...o) {
|
|
343
334
|
if (e in s) {
|
|
344
|
-
let
|
|
345
|
-
return typeof
|
|
335
|
+
let n = s[e];
|
|
336
|
+
return typeof n == "function" ? n(...o) : n;
|
|
346
337
|
}
|
|
347
|
-
let a = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(s).map((
|
|
348
|
-
throw Error.captureStackTrace && Error.captureStackTrace(a,
|
|
338
|
+
let a = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(s).map((n) => `"${n}"`).join(", ")}.`);
|
|
339
|
+
throw Error.captureStackTrace && Error.captureStackTrace(a, oe), a;
|
|
349
340
|
}
|
|
350
|
-
var je = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(je || {}),
|
|
351
|
-
function Me({ visible: e = !0, features: s = 0, ourProps:
|
|
341
|
+
var je = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(je || {}), wo = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(wo || {});
|
|
342
|
+
function Me({ visible: e = !0, features: s = 0, ourProps: o, theirProps: a, ...n }) {
|
|
352
343
|
var l;
|
|
353
|
-
let i = Ve(a,
|
|
344
|
+
let i = Ve(a, o), M = Object.assign(n, { props: i });
|
|
354
345
|
if (e || s & 2 && i.static)
|
|
355
346
|
return me(M);
|
|
356
347
|
if (s & 1) {
|
|
357
348
|
let r = (l = i.unmount) == null || l ? 0 : 1;
|
|
358
|
-
return
|
|
349
|
+
return oe(r, { 0() {
|
|
359
350
|
return null;
|
|
360
351
|
}, 1() {
|
|
361
|
-
return me({ ...
|
|
352
|
+
return me({ ...n, props: { ...i, hidden: !0, style: { display: "none" } } });
|
|
362
353
|
} });
|
|
363
354
|
}
|
|
364
355
|
return me(M);
|
|
365
356
|
}
|
|
366
|
-
function me({ props: e, attrs: s, slots:
|
|
357
|
+
function me({ props: e, attrs: s, slots: o, slot: a, name: n }) {
|
|
367
358
|
var l, i;
|
|
368
|
-
let { as: M, ...r } = xe(e, ["unmount", "static"]), d = (l =
|
|
359
|
+
let { as: M, ...r } = xe(e, ["unmount", "static"]), d = (l = o.default) == null ? void 0 : l.call(o, a), u = {};
|
|
369
360
|
if (a) {
|
|
370
361
|
let y = !1, b = [];
|
|
371
362
|
for (let [h, A] of Object.entries(a))
|
|
@@ -375,8 +366,8 @@ function me({ props: e, attrs: s, slots: n, slot: a, name: o }) {
|
|
|
375
366
|
if (M === "template") {
|
|
376
367
|
if (d = Be(d ?? []), Object.keys(r).length > 0 || Object.keys(s).length > 0) {
|
|
377
368
|
let [y, ...b] = d ?? [];
|
|
378
|
-
if (!
|
|
379
|
-
throw new Error(['Passing props on "template"!', "", `The current component <${
|
|
369
|
+
if (!Oo(y) || b.length > 0)
|
|
370
|
+
throw new Error(['Passing props on "template"!', "", `The current component <${n} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(r).concat(Object.keys(s)).map((L) => L.trim()).filter((L, p, m) => m.indexOf(L) === p).sort((L, p) => L.localeCompare(p)).map((L) => ` - ${L}`).join(`
|
|
380
371
|
`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((L) => ` - ${L}`).join(`
|
|
381
372
|
`)].join(`
|
|
382
373
|
`));
|
|
@@ -397,74 +388,74 @@ function Ve(...e) {
|
|
|
397
388
|
return {};
|
|
398
389
|
if (e.length === 1)
|
|
399
390
|
return e[0];
|
|
400
|
-
let s = {},
|
|
391
|
+
let s = {}, o = {};
|
|
401
392
|
for (let a of e)
|
|
402
|
-
for (let
|
|
403
|
-
|
|
393
|
+
for (let n in a)
|
|
394
|
+
n.startsWith("on") && typeof a[n] == "function" ? (o[n] != null || (o[n] = []), o[n].push(a[n])) : s[n] = a[n];
|
|
404
395
|
if (s.disabled || s["aria-disabled"])
|
|
405
|
-
return Object.assign(s, Object.fromEntries(Object.keys(
|
|
406
|
-
for (let a in
|
|
407
|
-
Object.assign(s, { [a](
|
|
408
|
-
let i =
|
|
396
|
+
return Object.assign(s, Object.fromEntries(Object.keys(o).map((a) => [a, void 0])));
|
|
397
|
+
for (let a in o)
|
|
398
|
+
Object.assign(s, { [a](n, ...l) {
|
|
399
|
+
let i = o[a];
|
|
409
400
|
for (let M of i) {
|
|
410
|
-
if (
|
|
401
|
+
if (n instanceof Event && n.defaultPrevented)
|
|
411
402
|
return;
|
|
412
|
-
M(
|
|
403
|
+
M(n, ...l);
|
|
413
404
|
}
|
|
414
405
|
} });
|
|
415
406
|
return s;
|
|
416
407
|
}
|
|
417
|
-
function
|
|
408
|
+
function ko(e) {
|
|
418
409
|
let s = Object.assign({}, e);
|
|
419
|
-
for (let
|
|
420
|
-
s[
|
|
410
|
+
for (let o in s)
|
|
411
|
+
s[o] === void 0 && delete s[o];
|
|
421
412
|
return s;
|
|
422
413
|
}
|
|
423
414
|
function xe(e, s = []) {
|
|
424
|
-
let
|
|
415
|
+
let o = Object.assign({}, e);
|
|
425
416
|
for (let a of s)
|
|
426
|
-
a in
|
|
427
|
-
return
|
|
417
|
+
a in o && delete o[a];
|
|
418
|
+
return o;
|
|
428
419
|
}
|
|
429
|
-
function
|
|
420
|
+
function Oo(e) {
|
|
430
421
|
return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
|
|
431
422
|
}
|
|
432
|
-
let
|
|
433
|
-
function
|
|
434
|
-
return ++
|
|
423
|
+
let Eo = 0;
|
|
424
|
+
function Co() {
|
|
425
|
+
return ++Eo;
|
|
435
426
|
}
|
|
436
427
|
function Ne() {
|
|
437
|
-
return
|
|
428
|
+
return Co();
|
|
438
429
|
}
|
|
439
430
|
var J = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(J || {});
|
|
440
|
-
function
|
|
431
|
+
function $o(e) {
|
|
441
432
|
throw new Error("Unexpected object: " + e);
|
|
442
433
|
}
|
|
443
434
|
var G = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(G || {});
|
|
444
|
-
function
|
|
445
|
-
let
|
|
446
|
-
if (
|
|
435
|
+
function Yo(e, s) {
|
|
436
|
+
let o = s.resolveItems();
|
|
437
|
+
if (o.length <= 0)
|
|
447
438
|
return null;
|
|
448
|
-
let a = s.resolveActiveIndex(),
|
|
439
|
+
let a = s.resolveActiveIndex(), n = a ?? -1, l = (() => {
|
|
449
440
|
switch (e.focus) {
|
|
450
441
|
case 0:
|
|
451
|
-
return
|
|
442
|
+
return o.findIndex((i) => !s.resolveDisabled(i));
|
|
452
443
|
case 1: {
|
|
453
|
-
let i =
|
|
454
|
-
return i === -1 ? i :
|
|
444
|
+
let i = o.slice().reverse().findIndex((M, r, d) => n !== -1 && d.length - r - 1 >= n ? !1 : !s.resolveDisabled(M));
|
|
445
|
+
return i === -1 ? i : o.length - 1 - i;
|
|
455
446
|
}
|
|
456
447
|
case 2:
|
|
457
|
-
return
|
|
448
|
+
return o.findIndex((i, M) => M <= n ? !1 : !s.resolveDisabled(i));
|
|
458
449
|
case 3: {
|
|
459
|
-
let i =
|
|
460
|
-
return i === -1 ? i :
|
|
450
|
+
let i = o.slice().reverse().findIndex((M) => !s.resolveDisabled(M));
|
|
451
|
+
return i === -1 ? i : o.length - 1 - i;
|
|
461
452
|
}
|
|
462
453
|
case 4:
|
|
463
|
-
return
|
|
454
|
+
return o.findIndex((i) => s.resolveId(i) === e.id);
|
|
464
455
|
case 5:
|
|
465
456
|
return null;
|
|
466
457
|
default:
|
|
467
|
-
|
|
458
|
+
$o(e);
|
|
468
459
|
}
|
|
469
460
|
})();
|
|
470
461
|
return l === -1 ? a : l;
|
|
@@ -475,30 +466,30 @@ function U(e) {
|
|
|
475
466
|
}
|
|
476
467
|
let Fe = Symbol("Context");
|
|
477
468
|
var Le = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(Le || {});
|
|
478
|
-
function
|
|
469
|
+
function Qo() {
|
|
479
470
|
return Ye(Fe, null);
|
|
480
471
|
}
|
|
481
|
-
function
|
|
472
|
+
function Uo(e) {
|
|
482
473
|
Qe(Fe, e);
|
|
483
474
|
}
|
|
484
475
|
function Ae(e, s) {
|
|
485
476
|
if (e)
|
|
486
477
|
return e;
|
|
487
|
-
let
|
|
488
|
-
if (typeof
|
|
478
|
+
let o = s ?? "button";
|
|
479
|
+
if (typeof o == "string" && o.toLowerCase() === "button")
|
|
489
480
|
return "button";
|
|
490
481
|
}
|
|
491
|
-
function
|
|
492
|
-
let
|
|
482
|
+
function Ro(e, s) {
|
|
483
|
+
let o = O(Ae(e.value.type, e.value.as));
|
|
493
484
|
return _e(() => {
|
|
494
|
-
|
|
485
|
+
o.value = Ae(e.value.type, e.value.as);
|
|
495
486
|
}), ue(() => {
|
|
496
487
|
var a;
|
|
497
|
-
|
|
498
|
-
}),
|
|
488
|
+
o.value || U(s) && U(s) instanceof HTMLButtonElement && !((a = U(s)) != null && a.hasAttribute("type")) && (o.value = "button");
|
|
489
|
+
}), o;
|
|
499
490
|
}
|
|
500
|
-
var
|
|
501
|
-
let
|
|
491
|
+
var Po = Object.defineProperty, Bo = (e, s, o) => s in e ? Po(e, s, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[s] = o, we = (e, s, o) => (Bo(e, typeof s != "symbol" ? s + "" : s, o), o);
|
|
492
|
+
let Vo = class {
|
|
502
493
|
constructor() {
|
|
503
494
|
we(this, "current", this.detect()), we(this, "currentId", 0);
|
|
504
495
|
}
|
|
@@ -520,7 +511,7 @@ let Fn = class {
|
|
|
520
511
|
detect() {
|
|
521
512
|
return typeof window > "u" || typeof document > "u" ? "server" : "client";
|
|
522
513
|
}
|
|
523
|
-
}, Se = new
|
|
514
|
+
}, Se = new Vo();
|
|
524
515
|
function Ge(e) {
|
|
525
516
|
if (Se.isServer)
|
|
526
517
|
return null;
|
|
@@ -533,24 +524,24 @@ function Ge(e) {
|
|
|
533
524
|
}
|
|
534
525
|
return document;
|
|
535
526
|
}
|
|
536
|
-
function
|
|
527
|
+
function Fo({ container: e, accept: s, walk: o, enabled: a }) {
|
|
537
528
|
ue(() => {
|
|
538
|
-
let
|
|
539
|
-
if (!
|
|
529
|
+
let n = e.value;
|
|
530
|
+
if (!n || a !== void 0 && !a.value)
|
|
540
531
|
return;
|
|
541
532
|
let l = Ge(e);
|
|
542
533
|
if (!l)
|
|
543
534
|
return;
|
|
544
|
-
let i = Object.assign((r) => s(r), { acceptNode: s }), M = l.createTreeWalker(
|
|
535
|
+
let i = Object.assign((r) => s(r), { acceptNode: s }), M = l.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, i, !1);
|
|
545
536
|
for (; M.nextNode(); )
|
|
546
|
-
|
|
537
|
+
o(M.currentNode);
|
|
547
538
|
});
|
|
548
539
|
}
|
|
549
540
|
let ke = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
|
|
550
|
-
var
|
|
551
|
-
function
|
|
552
|
-
var
|
|
553
|
-
return e === ((
|
|
541
|
+
var Go = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(Go || {}), Wo = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Wo || {}), Zo = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Zo || {}), We = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(We || {});
|
|
542
|
+
function Ho(e, s = 0) {
|
|
543
|
+
var o;
|
|
544
|
+
return e === ((o = Ge(e)) == null ? void 0 : o.body) ? !1 : oe(s, { 0() {
|
|
554
545
|
return e.matches(ke);
|
|
555
546
|
}, 1() {
|
|
556
547
|
let a = e;
|
|
@@ -562,34 +553,34 @@ function qn(e, s = 0) {
|
|
|
562
553
|
return !1;
|
|
563
554
|
} });
|
|
564
555
|
}
|
|
565
|
-
var
|
|
556
|
+
var qo = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(qo || {});
|
|
566
557
|
typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
|
|
567
558
|
e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
|
|
568
559
|
}, !0), document.addEventListener("click", (e) => {
|
|
569
560
|
e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
|
|
570
561
|
}, !0));
|
|
571
|
-
function
|
|
572
|
-
return e.slice().sort((
|
|
573
|
-
let
|
|
574
|
-
if (
|
|
562
|
+
function Jo(e, s = (o) => o) {
|
|
563
|
+
return e.slice().sort((o, a) => {
|
|
564
|
+
let n = s(o), l = s(a);
|
|
565
|
+
if (n === null || l === null)
|
|
575
566
|
return 0;
|
|
576
|
-
let i =
|
|
567
|
+
let i = n.compareDocumentPosition(l);
|
|
577
568
|
return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
|
|
578
569
|
});
|
|
579
570
|
}
|
|
580
|
-
function Oe(e, s,
|
|
571
|
+
function Oe(e, s, o) {
|
|
581
572
|
Se.isServer || ue((a) => {
|
|
582
|
-
document.addEventListener(e, s,
|
|
573
|
+
document.addEventListener(e, s, o), a(() => document.removeEventListener(e, s, o));
|
|
583
574
|
});
|
|
584
575
|
}
|
|
585
|
-
function
|
|
576
|
+
function Ko(e, s, o) {
|
|
586
577
|
Se.isServer || ue((a) => {
|
|
587
|
-
window.addEventListener(e, s,
|
|
578
|
+
window.addEventListener(e, s, o), a(() => window.removeEventListener(e, s, o));
|
|
588
579
|
});
|
|
589
580
|
}
|
|
590
|
-
function
|
|
581
|
+
function Xo(e, s, o = N(() => !0)) {
|
|
591
582
|
function a(l, i) {
|
|
592
|
-
if (!
|
|
583
|
+
if (!o.value || l.defaultPrevented)
|
|
593
584
|
return;
|
|
594
585
|
let M = i(l);
|
|
595
586
|
if (M === null || !M.getRootNode().contains(M))
|
|
@@ -604,119 +595,119 @@ function eo(e, s, n = N(() => !0)) {
|
|
|
604
595
|
if (u != null && u.contains(M) || l.composed && l.composedPath().includes(u))
|
|
605
596
|
return;
|
|
606
597
|
}
|
|
607
|
-
return !
|
|
598
|
+
return !Ho(M, We.Loose) && M.tabIndex !== -1 && l.preventDefault(), s(l, M);
|
|
608
599
|
}
|
|
609
|
-
let
|
|
600
|
+
let n = O(null);
|
|
610
601
|
Oe("mousedown", (l) => {
|
|
611
602
|
var i, M;
|
|
612
|
-
|
|
603
|
+
o.value && (n.value = ((M = (i = l.composedPath) == null ? void 0 : i.call(l)) == null ? void 0 : M[0]) || l.target);
|
|
613
604
|
}, !0), Oe("click", (l) => {
|
|
614
|
-
|
|
615
|
-
}, !0),
|
|
605
|
+
n.value && (a(l, () => n.value), n.value = null);
|
|
606
|
+
}, !0), Ko("blur", (l) => a(l, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
|
|
616
607
|
}
|
|
617
608
|
var Ze = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Ze || {});
|
|
618
|
-
let
|
|
609
|
+
let en = $({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: s, attrs: o }) {
|
|
619
610
|
return () => {
|
|
620
|
-
let { features: a, ...
|
|
621
|
-
return Me({ ourProps: l, theirProps:
|
|
611
|
+
let { features: a, ...n } = e, l = { "aria-hidden": (a & 2) === 2 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(a & 4) === 4 && (a & 2) !== 2 && { display: "none" } } };
|
|
612
|
+
return Me({ ourProps: l, theirProps: n, slot: {}, attrs: o, slots: s, name: "Hidden" });
|
|
622
613
|
};
|
|
623
614
|
} });
|
|
624
|
-
function He(e = {}, s = null,
|
|
625
|
-
for (let [a,
|
|
626
|
-
Je(
|
|
627
|
-
return
|
|
615
|
+
function He(e = {}, s = null, o = []) {
|
|
616
|
+
for (let [a, n] of Object.entries(e))
|
|
617
|
+
Je(o, qe(s, a), n);
|
|
618
|
+
return o;
|
|
628
619
|
}
|
|
629
620
|
function qe(e, s) {
|
|
630
621
|
return e ? e + "[" + s + "]" : s;
|
|
631
622
|
}
|
|
632
|
-
function Je(e, s,
|
|
633
|
-
if (Array.isArray(
|
|
634
|
-
for (let [a,
|
|
635
|
-
Je(e, qe(s, a.toString()),
|
|
623
|
+
function Je(e, s, o) {
|
|
624
|
+
if (Array.isArray(o))
|
|
625
|
+
for (let [a, n] of o.entries())
|
|
626
|
+
Je(e, qe(s, a.toString()), n);
|
|
636
627
|
else
|
|
637
|
-
|
|
628
|
+
o instanceof Date ? e.push([s, o.toISOString()]) : typeof o == "boolean" ? e.push([s, o ? "1" : "0"]) : typeof o == "string" ? e.push([s, o]) : typeof o == "number" ? e.push([s, `${o}`]) : o == null ? e.push([s, ""]) : He(o, s, e);
|
|
638
629
|
}
|
|
639
|
-
function
|
|
640
|
-
let a = O(
|
|
641
|
-
return [N(() =>
|
|
642
|
-
return
|
|
630
|
+
function tn(e, s, o) {
|
|
631
|
+
let a = O(o == null ? void 0 : o.value), n = N(() => e.value !== void 0);
|
|
632
|
+
return [N(() => n.value ? e.value : a.value), function(l) {
|
|
633
|
+
return n.value || (a.value = l), s == null ? void 0 : s(l);
|
|
643
634
|
}];
|
|
644
635
|
}
|
|
645
636
|
function Ee(e) {
|
|
646
637
|
return [e.screenX, e.screenY];
|
|
647
638
|
}
|
|
648
|
-
function
|
|
639
|
+
function on() {
|
|
649
640
|
let e = O([-1, -1]);
|
|
650
641
|
return { wasMoved(s) {
|
|
651
|
-
let
|
|
652
|
-
return e.value[0] ===
|
|
642
|
+
let o = Ee(s);
|
|
643
|
+
return e.value[0] === o[0] && e.value[1] === o[1] ? !1 : (e.value = o, !0);
|
|
653
644
|
}, update(s) {
|
|
654
645
|
e.value = Ee(s);
|
|
655
646
|
} };
|
|
656
647
|
}
|
|
657
|
-
function
|
|
648
|
+
function nn() {
|
|
658
649
|
return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
|
|
659
650
|
}
|
|
660
|
-
function
|
|
651
|
+
function sn() {
|
|
661
652
|
return /Android/gi.test(window.navigator.userAgent);
|
|
662
653
|
}
|
|
663
|
-
function
|
|
664
|
-
return
|
|
654
|
+
function an() {
|
|
655
|
+
return nn() || sn();
|
|
665
656
|
}
|
|
666
657
|
function Ke() {
|
|
667
|
-
let e = [], s = { addEventListener(
|
|
668
|
-
return
|
|
669
|
-
}, requestAnimationFrame(...
|
|
670
|
-
let a = requestAnimationFrame(...
|
|
658
|
+
let e = [], s = { addEventListener(o, a, n, l) {
|
|
659
|
+
return o.addEventListener(a, n, l), s.add(() => o.removeEventListener(a, n, l));
|
|
660
|
+
}, requestAnimationFrame(...o) {
|
|
661
|
+
let a = requestAnimationFrame(...o);
|
|
671
662
|
s.add(() => cancelAnimationFrame(a));
|
|
672
|
-
}, nextFrame(...
|
|
663
|
+
}, nextFrame(...o) {
|
|
673
664
|
s.requestAnimationFrame(() => {
|
|
674
|
-
s.requestAnimationFrame(...
|
|
665
|
+
s.requestAnimationFrame(...o);
|
|
675
666
|
});
|
|
676
|
-
}, setTimeout(...
|
|
677
|
-
let a = setTimeout(...
|
|
667
|
+
}, setTimeout(...o) {
|
|
668
|
+
let a = setTimeout(...o);
|
|
678
669
|
s.add(() => clearTimeout(a));
|
|
679
|
-
}, style(
|
|
680
|
-
let l =
|
|
681
|
-
return Object.assign(
|
|
682
|
-
Object.assign(
|
|
670
|
+
}, style(o, a, n) {
|
|
671
|
+
let l = o.style.getPropertyValue(a);
|
|
672
|
+
return Object.assign(o.style, { [a]: n }), this.add(() => {
|
|
673
|
+
Object.assign(o.style, { [a]: l });
|
|
683
674
|
});
|
|
684
|
-
}, group(
|
|
675
|
+
}, group(o) {
|
|
685
676
|
let a = Ke();
|
|
686
|
-
return
|
|
687
|
-
}, add(
|
|
688
|
-
return e.push(
|
|
689
|
-
let a = e.indexOf(
|
|
677
|
+
return o(a), this.add(() => a.dispose());
|
|
678
|
+
}, add(o) {
|
|
679
|
+
return e.push(o), () => {
|
|
680
|
+
let a = e.indexOf(o);
|
|
690
681
|
if (a >= 0)
|
|
691
|
-
for (let
|
|
692
|
-
|
|
682
|
+
for (let n of e.splice(a, 1))
|
|
683
|
+
n();
|
|
693
684
|
};
|
|
694
685
|
}, dispose() {
|
|
695
|
-
for (let
|
|
696
|
-
|
|
686
|
+
for (let o of e.splice(0))
|
|
687
|
+
o();
|
|
697
688
|
} };
|
|
698
689
|
return s;
|
|
699
690
|
}
|
|
700
|
-
function
|
|
691
|
+
function ln(e, s) {
|
|
701
692
|
return e === s;
|
|
702
693
|
}
|
|
703
|
-
var
|
|
694
|
+
var rn = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(rn || {}), un = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(un || {}), cn = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(cn || {});
|
|
704
695
|
let Xe = Symbol("ComboboxContext");
|
|
705
696
|
function fe(e) {
|
|
706
697
|
let s = Ye(Xe, null);
|
|
707
698
|
if (s === null) {
|
|
708
|
-
let
|
|
709
|
-
throw Error.captureStackTrace && Error.captureStackTrace(
|
|
699
|
+
let o = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
|
|
700
|
+
throw Error.captureStackTrace && Error.captureStackTrace(o, fe), o;
|
|
710
701
|
}
|
|
711
702
|
return s;
|
|
712
703
|
}
|
|
713
|
-
let
|
|
714
|
-
let
|
|
704
|
+
let dn = $({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => ln }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, nullable: { type: Boolean, default: !1 }, multiple: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(e, { slots: s, attrs: o, emit: a }) {
|
|
705
|
+
let n = O(1), l = O(null), i = O(null), M = O(null), r = O(null), d = O({ static: !1, hold: !1 }), u = O([]), y = O(null), b = O(1), h = O(!1);
|
|
715
706
|
function A(D = (x) => x) {
|
|
716
|
-
let x = y.value !== null ? u.value[y.value] : null, w =
|
|
707
|
+
let x = y.value !== null ? u.value[y.value] : null, w = Jo(D(u.value.slice()), (k) => U(k.dataRef.domRef)), I = x ? w.indexOf(x) : null;
|
|
717
708
|
return I === -1 && (I = null), { options: w, activeOptionIndex: I };
|
|
718
709
|
}
|
|
719
|
-
let L = N(() => e.multiple ? 1 : 0), p = N(() => e.nullable), [m, g] =
|
|
710
|
+
let L = N(() => e.multiple ? 1 : 0), p = N(() => e.nullable), [m, g] = tn(N(() => e.modelValue === void 0 ? oe(L.value, { 1: [], 0: void 0 }) : e.modelValue), (D) => a("update:modelValue", D), N(() => e.defaultValue)), j = { comboboxState: n, value: m, mode: L, compare(D, x) {
|
|
720
711
|
if (typeof e.by == "string") {
|
|
721
712
|
let w = e.by;
|
|
722
713
|
return (D == null ? void 0 : D[w]) === (x == null ? void 0 : x[w]);
|
|
@@ -731,31 +722,31 @@ let Mo = $({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
|
|
|
731
722
|
}
|
|
732
723
|
return y.value;
|
|
733
724
|
}), activationTrigger: b, optionsPropsRef: d, closeCombobox() {
|
|
734
|
-
h.value = !1, !e.disabled &&
|
|
725
|
+
h.value = !1, !e.disabled && n.value !== 1 && (n.value = 1, y.value = null);
|
|
735
726
|
}, openCombobox() {
|
|
736
|
-
if (h.value = !0, e.disabled ||
|
|
727
|
+
if (h.value = !0, e.disabled || n.value === 0)
|
|
737
728
|
return;
|
|
738
729
|
let D = u.value.findIndex((x) => {
|
|
739
730
|
let w = P(x.dataRef.value);
|
|
740
|
-
return
|
|
731
|
+
return oe(L.value, { 0: () => j.compare(P(j.value.value), P(w)), 1: () => P(j.value.value).some((I) => j.compare(P(I), P(w))) });
|
|
741
732
|
});
|
|
742
|
-
D !== -1 && (y.value = D),
|
|
733
|
+
D !== -1 && (y.value = D), n.value = 0;
|
|
743
734
|
}, goToOption(D, x, w) {
|
|
744
|
-
if (h.value = !1, e.disabled || r.value && !d.value.static &&
|
|
735
|
+
if (h.value = !1, e.disabled || r.value && !d.value.static && n.value === 1)
|
|
745
736
|
return;
|
|
746
737
|
let I = A();
|
|
747
738
|
if (I.activeOptionIndex === null) {
|
|
748
739
|
let R = I.options.findIndex((ie) => !ie.dataRef.disabled);
|
|
749
740
|
R !== -1 && (I.activeOptionIndex = R);
|
|
750
741
|
}
|
|
751
|
-
let k =
|
|
742
|
+
let k = Yo(D === G.Specific ? { focus: G.Specific, id: x } : { focus: D }, { resolveItems: () => I.options, resolveActiveIndex: () => I.activeOptionIndex, resolveId: (R) => R.id, resolveDisabled: (R) => R.dataRef.disabled });
|
|
752
743
|
y.value = k, b.value = w ?? 1, u.value = I.options;
|
|
753
744
|
}, selectOption(D) {
|
|
754
745
|
let x = u.value.find((I) => I.id === D);
|
|
755
746
|
if (!x)
|
|
756
747
|
return;
|
|
757
748
|
let { dataRef: w } = x;
|
|
758
|
-
g(
|
|
749
|
+
g(oe(L.value, { 0: () => w.value, 1: () => {
|
|
759
750
|
let I = P(j.value.value).slice(), k = P(w.value), R = I.findIndex((ie) => j.compare(k, P(ie)));
|
|
760
751
|
return R === -1 ? I.push(k) : I.splice(R, 1), I;
|
|
761
752
|
} }));
|
|
@@ -763,7 +754,7 @@ let Mo = $({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
|
|
|
763
754
|
if (j.activeOptionIndex.value === null)
|
|
764
755
|
return;
|
|
765
756
|
let { dataRef: D, id: x } = u.value[j.activeOptionIndex.value];
|
|
766
|
-
g(
|
|
757
|
+
g(oe(L.value, { 0: () => D.value, 1: () => {
|
|
767
758
|
let w = P(j.value.value).slice(), I = P(D.value), k = w.findIndex((R) => j.compare(I, P(R)));
|
|
768
759
|
return k === -1 ? w.push(I) : w.splice(k, 1), w;
|
|
769
760
|
} })), j.goToOption(G.Specific, x);
|
|
@@ -771,7 +762,7 @@ let Mo = $({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
|
|
|
771
762
|
let w = { id: D, dataRef: x }, I = A((k) => [...k, w]);
|
|
772
763
|
if (y.value === null) {
|
|
773
764
|
let k = x.value.value;
|
|
774
|
-
|
|
765
|
+
oe(L.value, { 0: () => j.compare(P(j.value.value), P(k)), 1: () => P(j.value.value).some((R) => j.compare(P(R), P(k))) }) && (I.activeOptionIndex = I.options.indexOf(w));
|
|
775
766
|
}
|
|
776
767
|
u.value = I.options, y.value = I.activeOptionIndex, b.value = 1, I.options.some((k) => !U(k.dataRef.domRef)) && requestAnimationFrame(() => {
|
|
777
768
|
let k = A();
|
|
@@ -786,7 +777,7 @@ let Mo = $({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
|
|
|
786
777
|
});
|
|
787
778
|
u.value = w.options, y.value = w.activeOptionIndex, b.value = 1;
|
|
788
779
|
} };
|
|
789
|
-
|
|
780
|
+
Xo([i, M, r], () => j.closeCombobox(), N(() => n.value === 0)), Qe(Xe, j), Uo(N(() => oe(n.value, { 0: Le.Open, 1: Le.Closed })));
|
|
790
781
|
let V = N(() => j.activeOptionIndex.value === null ? null : u.value[j.activeOptionIndex.value].dataRef.value), ee = N(() => {
|
|
791
782
|
var D;
|
|
792
783
|
return (D = U(i)) == null ? void 0 : D.closest("form");
|
|
@@ -804,65 +795,65 @@ let Mo = $({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
|
|
|
804
795
|
};
|
|
805
796
|
}, { immediate: !0 });
|
|
806
797
|
}), () => {
|
|
807
|
-
let { name: D, disabled: x, form: w, ...I } = e, k = { open:
|
|
808
|
-
return Te(X, [...D != null && m.value != null ? He({ [D]: m.value }).map(([R, ie]) => Te(
|
|
798
|
+
let { name: D, disabled: x, form: w, ...I } = e, k = { open: n.value === 0, disabled: x, activeIndex: j.activeOptionIndex.value, activeOption: V.value, value: m.value };
|
|
799
|
+
return Te(X, [...D != null && m.value != null ? He({ [D]: m.value }).map(([R, ie]) => Te(en, ko({ features: Ze.Hidden, key: R, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: w, name: R, value: ie }))) : [], Me({ theirProps: { ...o, ...xe(I, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: k, slots: s, attrs: o, name: "Combobox" })]);
|
|
809
800
|
};
|
|
810
801
|
} });
|
|
811
|
-
$({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${Ne()}` } }, setup(e, { attrs: s, slots:
|
|
802
|
+
$({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${Ne()}` } }, setup(e, { attrs: s, slots: o }) {
|
|
812
803
|
let a = fe("ComboboxLabel");
|
|
813
|
-
function
|
|
804
|
+
function n() {
|
|
814
805
|
var l;
|
|
815
806
|
(l = U(a.inputRef)) == null || l.focus({ preventScroll: !0 });
|
|
816
807
|
}
|
|
817
808
|
return () => {
|
|
818
|
-
let l = { open: a.comboboxState.value === 0, disabled: a.disabled.value }, { id: i, ...M } = e, r = { id: i, ref: a.labelRef, onClick:
|
|
819
|
-
return Me({ ourProps: r, theirProps: M, slot: l, attrs: s, slots:
|
|
809
|
+
let l = { open: a.comboboxState.value === 0, disabled: a.disabled.value }, { id: i, ...M } = e, r = { id: i, ref: a.labelRef, onClick: n };
|
|
810
|
+
return Me({ ourProps: r, theirProps: M, slot: l, attrs: s, slots: o, name: "ComboboxLabel" });
|
|
820
811
|
};
|
|
821
812
|
} });
|
|
822
|
-
let
|
|
823
|
-
let
|
|
824
|
-
a({ el:
|
|
813
|
+
let Mn = $({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${Ne()}` } }, setup(e, { attrs: s, slots: o, expose: a }) {
|
|
814
|
+
let n = fe("ComboboxButton");
|
|
815
|
+
a({ el: n.buttonRef, $el: n.buttonRef });
|
|
825
816
|
function l(r) {
|
|
826
|
-
|
|
817
|
+
n.disabled.value || (n.comboboxState.value === 0 ? n.closeCombobox() : (r.preventDefault(), n.openCombobox()), ne(() => {
|
|
827
818
|
var d;
|
|
828
|
-
return (d = U(
|
|
819
|
+
return (d = U(n.inputRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
|
|
829
820
|
}));
|
|
830
821
|
}
|
|
831
822
|
function i(r) {
|
|
832
823
|
switch (r.key) {
|
|
833
824
|
case J.ArrowDown:
|
|
834
|
-
r.preventDefault(), r.stopPropagation(),
|
|
825
|
+
r.preventDefault(), r.stopPropagation(), n.comboboxState.value === 1 && n.openCombobox(), ne(() => {
|
|
835
826
|
var d;
|
|
836
|
-
return (d =
|
|
827
|
+
return (d = n.inputRef.value) == null ? void 0 : d.focus({ preventScroll: !0 });
|
|
837
828
|
});
|
|
838
829
|
return;
|
|
839
830
|
case J.ArrowUp:
|
|
840
|
-
r.preventDefault(), r.stopPropagation(),
|
|
841
|
-
|
|
842
|
-
})),
|
|
831
|
+
r.preventDefault(), r.stopPropagation(), n.comboboxState.value === 1 && (n.openCombobox(), ne(() => {
|
|
832
|
+
n.value.value || n.goToOption(G.Last);
|
|
833
|
+
})), ne(() => {
|
|
843
834
|
var d;
|
|
844
|
-
return (d =
|
|
835
|
+
return (d = n.inputRef.value) == null ? void 0 : d.focus({ preventScroll: !0 });
|
|
845
836
|
});
|
|
846
837
|
return;
|
|
847
838
|
case J.Escape:
|
|
848
|
-
if (
|
|
839
|
+
if (n.comboboxState.value !== 0)
|
|
849
840
|
return;
|
|
850
|
-
r.preventDefault(),
|
|
841
|
+
r.preventDefault(), n.optionsRef.value && !n.optionsPropsRef.value.static && r.stopPropagation(), n.closeCombobox(), ne(() => {
|
|
851
842
|
var d;
|
|
852
|
-
return (d =
|
|
843
|
+
return (d = n.inputRef.value) == null ? void 0 : d.focus({ preventScroll: !0 });
|
|
853
844
|
});
|
|
854
845
|
return;
|
|
855
846
|
}
|
|
856
847
|
}
|
|
857
|
-
let M =
|
|
848
|
+
let M = Ro(N(() => ({ as: e.as, type: s.type })), n.buttonRef);
|
|
858
849
|
return () => {
|
|
859
850
|
var r, d;
|
|
860
|
-
let u = { open:
|
|
861
|
-
return Me({ ourProps: h, theirProps: b, slot: u, attrs: s, slots:
|
|
851
|
+
let u = { open: n.comboboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { id: y, ...b } = e, h = { ref: n.buttonRef, id: y, type: M.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (r = U(n.optionsRef)) == null ? void 0 : r.id, "aria-expanded": n.disabled.value ? void 0 : n.comboboxState.value === 0, "aria-labelledby": n.labelRef.value ? [(d = U(n.labelRef)) == null ? void 0 : d.id, y].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: i, onClick: l };
|
|
852
|
+
return Me({ ourProps: h, theirProps: b, slot: u, attrs: s, slots: o, name: "ComboboxButton" });
|
|
862
853
|
};
|
|
863
|
-
} }),
|
|
854
|
+
} }), pn = $({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: () => `headlessui-combobox-input-${Ne()}` } }, emits: { change: (e) => !0 }, setup(e, { emit: s, attrs: o, slots: a, expose: n }) {
|
|
864
855
|
let l = fe("ComboboxInput"), i = { value: !1 };
|
|
865
|
-
|
|
856
|
+
n({ el: l.inputRef, $el: l.inputRef });
|
|
866
857
|
let M = N(() => {
|
|
867
858
|
var p;
|
|
868
859
|
let m = l.value.value;
|
|
@@ -918,10 +909,10 @@ let po = $({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
|
|
|
918
909
|
l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
|
|
919
910
|
break;
|
|
920
911
|
case J.ArrowDown:
|
|
921
|
-
return i.value = !1, p.preventDefault(), p.stopPropagation(),
|
|
912
|
+
return i.value = !1, p.preventDefault(), p.stopPropagation(), oe(l.comboboxState.value, { 0: () => l.goToOption(G.Next), 1: () => l.openCombobox() });
|
|
922
913
|
case J.ArrowUp:
|
|
923
|
-
return i.value = !1, p.preventDefault(), p.stopPropagation(),
|
|
924
|
-
l.openCombobox(),
|
|
914
|
+
return i.value = !1, p.preventDefault(), p.stopPropagation(), oe(l.comboboxState.value, { 0: () => l.goToOption(G.Previous), 1: () => {
|
|
915
|
+
l.openCombobox(), ne(() => {
|
|
925
916
|
l.value.value || l.goToOption(G.Last);
|
|
926
917
|
});
|
|
927
918
|
} });
|
|
@@ -965,32 +956,32 @@ let po = $({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
|
|
|
965
956
|
});
|
|
966
957
|
return () => {
|
|
967
958
|
var p, m, g, j, V, ee;
|
|
968
|
-
let D = { open: l.comboboxState.value === 0 }, { id: x, displayValue: w, onChange: I, ...k } = e, R = { "aria-controls": (p = l.optionsRef.value) == null ? void 0 : p.id, "aria-expanded": l.disabled.value ? void 0 : l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null || (m = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : m.id, "aria-labelledby": (V = (g = U(l.labelRef)) == null ? void 0 : g.id) != null ? V : (j = U(l.buttonRef)) == null ? void 0 : j.id, "aria-autocomplete": "list", id: x, onCompositionstart: u, onCompositionend: y, onKeydown: b, onInput: h, onBlur: A, role: "combobox", type: (ee =
|
|
969
|
-
return Me({ ourProps: R, theirProps: k, slot: D, attrs:
|
|
959
|
+
let D = { open: l.comboboxState.value === 0 }, { id: x, displayValue: w, onChange: I, ...k } = e, R = { "aria-controls": (p = l.optionsRef.value) == null ? void 0 : p.id, "aria-expanded": l.disabled.value ? void 0 : l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null || (m = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : m.id, "aria-labelledby": (V = (g = U(l.labelRef)) == null ? void 0 : g.id) != null ? V : (j = U(l.buttonRef)) == null ? void 0 : j.id, "aria-autocomplete": "list", id: x, onCompositionstart: u, onCompositionend: y, onKeydown: b, onInput: h, onBlur: A, role: "combobox", type: (ee = o.type) != null ? ee : "text", tabIndex: 0, ref: l.inputRef, defaultValue: L.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
|
|
960
|
+
return Me({ ourProps: R, theirProps: k, slot: D, attrs: o, slots: a, features: je.RenderStrategy | je.Static, name: "ComboboxInput" });
|
|
970
961
|
};
|
|
971
|
-
} }),
|
|
972
|
-
let
|
|
973
|
-
a({ el:
|
|
974
|
-
|
|
962
|
+
} }), _n = $({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(e, { attrs: s, slots: o, expose: a }) {
|
|
963
|
+
let n = fe("ComboboxOptions"), l = `headlessui-combobox-options-${Ne()}`;
|
|
964
|
+
a({ el: n.optionsRef, $el: n.optionsRef }), ue(() => {
|
|
965
|
+
n.optionsPropsRef.value.static = e.static;
|
|
975
966
|
}), ue(() => {
|
|
976
|
-
|
|
967
|
+
n.optionsPropsRef.value.hold = e.hold;
|
|
977
968
|
});
|
|
978
|
-
let i =
|
|
979
|
-
return
|
|
969
|
+
let i = Qo(), M = N(() => i !== null ? (i.value & Le.Open) === Le.Open : n.comboboxState.value === 0);
|
|
970
|
+
return Fo({ container: N(() => U(n.optionsRef)), enabled: N(() => n.comboboxState.value === 0), accept(r) {
|
|
980
971
|
return r.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : r.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
|
|
981
972
|
}, walk(r) {
|
|
982
973
|
r.setAttribute("role", "none");
|
|
983
974
|
} }), () => {
|
|
984
975
|
var r, d, u;
|
|
985
|
-
let y = { open:
|
|
986
|
-
return Me({ ourProps: b, theirProps: h, slot: y, attrs: s, slots:
|
|
976
|
+
let y = { open: n.comboboxState.value === 0 }, b = { "aria-labelledby": (u = (r = U(n.labelRef)) == null ? void 0 : r.id) != null ? u : (d = U(n.buttonRef)) == null ? void 0 : d.id, id: l, ref: n.optionsRef, role: "listbox", "aria-multiselectable": n.mode.value === 1 ? !0 : void 0 }, h = xe(e, ["hold"]);
|
|
977
|
+
return Me({ ourProps: b, theirProps: h, slot: y, attrs: s, slots: o, features: je.RenderStrategy | je.Static, visible: M.value, name: "ComboboxOptions" });
|
|
987
978
|
};
|
|
988
|
-
} }),
|
|
989
|
-
let
|
|
979
|
+
} }), yn = $({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 } }, setup(e, { slots: s, attrs: o, expose: a }) {
|
|
980
|
+
let n = fe("ComboboxOption"), l = `headlessui-combobox-option-${Ne()}`, i = O(null);
|
|
990
981
|
a({ el: i, $el: i });
|
|
991
|
-
let M = N(() =>
|
|
992
|
-
_e(() =>
|
|
993
|
-
|
|
982
|
+
let M = N(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === l : !1), r = N(() => oe(n.mode.value, { 0: () => n.compare(P(n.value.value), P(e.value)), 1: () => P(n.value.value).some((p) => n.compare(P(p), P(e.value))) })), d = N(() => ({ disabled: e.disabled, value: e.value, domRef: i }));
|
|
983
|
+
_e(() => n.registerOption(l, d)), at(() => n.unregisterOption(l)), ue(() => {
|
|
984
|
+
n.comboboxState.value === 0 && M.value && n.activationTrigger.value !== 0 && ne(() => {
|
|
994
985
|
var p, m;
|
|
995
986
|
return (m = (p = U(i)) == null ? void 0 : p.scrollIntoView) == null ? void 0 : m.call(p, { block: "nearest" });
|
|
996
987
|
});
|
|
@@ -998,46 +989,46 @@ let po = $({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
|
|
|
998
989
|
function u(p) {
|
|
999
990
|
if (e.disabled)
|
|
1000
991
|
return p.preventDefault();
|
|
1001
|
-
|
|
992
|
+
n.selectOption(l), n.mode.value === 0 && n.closeCombobox(), an() || requestAnimationFrame(() => {
|
|
1002
993
|
var m;
|
|
1003
|
-
return (m = U(
|
|
994
|
+
return (m = U(n.inputRef)) == null ? void 0 : m.focus();
|
|
1004
995
|
});
|
|
1005
996
|
}
|
|
1006
997
|
function y() {
|
|
1007
998
|
if (e.disabled)
|
|
1008
|
-
return
|
|
1009
|
-
|
|
999
|
+
return n.goToOption(G.Nothing);
|
|
1000
|
+
n.goToOption(G.Specific, l);
|
|
1010
1001
|
}
|
|
1011
|
-
let b =
|
|
1002
|
+
let b = on();
|
|
1012
1003
|
function h(p) {
|
|
1013
1004
|
b.update(p);
|
|
1014
1005
|
}
|
|
1015
1006
|
function A(p) {
|
|
1016
|
-
b.wasMoved(p) && (e.disabled || M.value ||
|
|
1007
|
+
b.wasMoved(p) && (e.disabled || M.value || n.goToOption(G.Specific, l, 0));
|
|
1017
1008
|
}
|
|
1018
1009
|
function L(p) {
|
|
1019
|
-
b.wasMoved(p) && (e.disabled || M.value && (
|
|
1010
|
+
b.wasMoved(p) && (e.disabled || M.value && (n.optionsPropsRef.value.hold || n.goToOption(G.Nothing)));
|
|
1020
1011
|
}
|
|
1021
1012
|
return () => {
|
|
1022
1013
|
let { disabled: p } = e, m = { active: M.value, selected: r.value, disabled: p }, g = { id: l, ref: i, role: "option", tabIndex: p === !0 ? void 0 : -1, "aria-disabled": p === !0 ? !0 : void 0, "aria-selected": r.value, disabled: void 0, onClick: u, onFocus: y, onPointerenter: h, onMouseenter: h, onPointermove: A, onMousemove: A, onPointerleave: L, onMouseleave: L };
|
|
1023
|
-
return Me({ ourProps: g, theirProps: e, slot: m, attrs:
|
|
1014
|
+
return Me({ ourProps: g, theirProps: e, slot: m, attrs: o, slots: s, name: "ComboboxOption" });
|
|
1024
1015
|
};
|
|
1025
1016
|
} });
|
|
1026
|
-
const
|
|
1027
|
-
|
|
1028
|
-
],
|
|
1017
|
+
const fn = { class: "flex items-center shrink-0" }, vn = /* @__PURE__ */ z("legend", null, null, -1), gn = [
|
|
1018
|
+
vn
|
|
1019
|
+
], jn = { class: "flex items-center shrink-0" }, Ln = {
|
|
1029
1020
|
key: 0,
|
|
1030
1021
|
class: "details pt-1"
|
|
1031
|
-
},
|
|
1022
|
+
}, Nn = {
|
|
1032
1023
|
key: 0,
|
|
1033
1024
|
class: "text-rui-error text-caption"
|
|
1034
|
-
},
|
|
1025
|
+
}, bn = {
|
|
1035
1026
|
key: 1,
|
|
1036
1027
|
class: "text-rui-text-secondary text-caption"
|
|
1037
|
-
},
|
|
1028
|
+
}, mn = {
|
|
1038
1029
|
key: 2,
|
|
1039
1030
|
class: "h-5"
|
|
1040
|
-
},
|
|
1031
|
+
}, Tn = /* @__PURE__ */ $({
|
|
1041
1032
|
name: "RuiTextField",
|
|
1042
1033
|
__name: "TextField",
|
|
1043
1034
|
props: {
|
|
@@ -1057,13 +1048,13 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1057
1048
|
},
|
|
1058
1049
|
emits: ["update:modelValue", "focus-input", "blur", "remove"],
|
|
1059
1050
|
setup(e, { emit: s }) {
|
|
1060
|
-
const
|
|
1051
|
+
const o = e;
|
|
1061
1052
|
ze((g) => ({
|
|
1062
1053
|
"7472fb32": t(h),
|
|
1063
1054
|
"5914c95d": t(A),
|
|
1064
1055
|
"1c99e6de": t(l)
|
|
1065
1056
|
}));
|
|
1066
|
-
const { label: a } = se(
|
|
1057
|
+
const { label: a } = se(o), n = (g) => {
|
|
1067
1058
|
const j = g.target.value;
|
|
1068
1059
|
s("update:modelValue", j);
|
|
1069
1060
|
}, l = N(() => f(a) ? `' ${f(a)} '` : '"\\200B"'), i = O(), M = O(), { left: r, right: d } = ve(i), {
|
|
@@ -1092,7 +1083,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1092
1083
|
}
|
|
1093
1084
|
])
|
|
1094
1085
|
}, [
|
|
1095
|
-
z("div",
|
|
1086
|
+
z("div", fn, [
|
|
1096
1087
|
t(m).prepend ? (c(), _("div", {
|
|
1097
1088
|
key: 0,
|
|
1098
1089
|
class: v(t(L).prepend)
|
|
@@ -1120,7 +1111,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1120
1111
|
variant: g.variant,
|
|
1121
1112
|
"wrapper-width": t(b)
|
|
1122
1113
|
}, t(be)(t(p), ["class"]), {
|
|
1123
|
-
onInput: j[0] || (j[0] = (V) =>
|
|
1114
|
+
onInput: j[0] || (j[0] = (V) => n(V)),
|
|
1124
1115
|
onBlur: j[1] || (j[1] = (V) => s("blur", V)),
|
|
1125
1116
|
onRemove: j[2] || (j[2] = (V) => s("remove", V))
|
|
1126
1117
|
}), null, 16, ["value", "placeholder", "class", "disabled", "dense", "variant", "wrapper-width"])),
|
|
@@ -1130,9 +1121,9 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1130
1121
|
g.variant === "outlined" ? (c(), _("fieldset", {
|
|
1131
1122
|
key: 0,
|
|
1132
1123
|
class: v(t(L).fieldset)
|
|
1133
|
-
},
|
|
1124
|
+
}, gn, 2)) : E("", !0)
|
|
1134
1125
|
], 512),
|
|
1135
|
-
z("div",
|
|
1126
|
+
z("div", jn, [
|
|
1136
1127
|
t(m).append ? (c(), _("div", {
|
|
1137
1128
|
key: 0,
|
|
1138
1129
|
class: v(t(L).append)
|
|
@@ -1146,37 +1137,37 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1146
1137
|
], 2)) : E("", !0)
|
|
1147
1138
|
])
|
|
1148
1139
|
], 2),
|
|
1149
|
-
g.hideDetails ? E("", !0) : (c(), _("div",
|
|
1150
|
-
g.errorMessages.length > 0 ? (c(), _("div",
|
|
1140
|
+
g.hideDetails ? E("", !0) : (c(), _("div", Ln, [
|
|
1141
|
+
g.errorMessages.length > 0 ? (c(), _("div", Nn, B(g.errorMessages[0]), 1)) : g.hint ? (c(), _("div", bn, B(g.hint), 1)) : (c(), _("div", mn))
|
|
1151
1142
|
]))
|
|
1152
1143
|
], 2));
|
|
1153
1144
|
}
|
|
1154
|
-
}),
|
|
1155
|
-
wrapper:
|
|
1156
|
-
label:
|
|
1157
|
-
icon:
|
|
1158
|
-
filled:
|
|
1159
|
-
input:
|
|
1160
|
-
outlined:
|
|
1161
|
-
fieldset:
|
|
1162
|
-
prepend:
|
|
1163
|
-
append:
|
|
1164
|
-
primary:
|
|
1165
|
-
secondary:
|
|
1166
|
-
error:
|
|
1167
|
-
warning:
|
|
1168
|
-
info:
|
|
1169
|
-
success:
|
|
1145
|
+
}), Dn = "_wrapper_mt8jw_316", In = "_label_mt8jw_316", zn = "_icon_mt8jw_322", hn = "_filled_mt8jw_325", xn = "_input_mt8jw_325", Sn = "_outlined_mt8jw_331", An = "_fieldset_mt8jw_331", wn = "_prepend_mt8jw_380", kn = "_append_mt8jw_383", On = "_primary_mt8jw_386", En = "_secondary_mt8jw_395", Cn = "_error_mt8jw_404", $n = "_warning_mt8jw_413", Yn = "_info_mt8jw_422", Qn = "_success_mt8jw_431", Un = "_dense_mt8jw_449", Rn = {
|
|
1146
|
+
wrapper: Dn,
|
|
1147
|
+
label: In,
|
|
1148
|
+
icon: zn,
|
|
1149
|
+
filled: hn,
|
|
1150
|
+
input: xn,
|
|
1151
|
+
outlined: Sn,
|
|
1152
|
+
fieldset: An,
|
|
1153
|
+
prepend: wn,
|
|
1154
|
+
append: kn,
|
|
1155
|
+
primary: On,
|
|
1156
|
+
secondary: En,
|
|
1157
|
+
error: Cn,
|
|
1158
|
+
warning: $n,
|
|
1159
|
+
info: Yn,
|
|
1160
|
+
success: Qn,
|
|
1170
1161
|
"with-error": "_with-error_mt8jw_440",
|
|
1171
|
-
dense:
|
|
1162
|
+
dense: Un,
|
|
1172
1163
|
"no-label": "_no-label_mt8jw_494",
|
|
1173
1164
|
"bg-tint": "_bg-tint_mt8jw_1",
|
|
1174
1165
|
"bg-shade": "_bg-shade_mt8jw_1",
|
|
1175
1166
|
"text-tint": "_text-tint_mt8jw_1",
|
|
1176
1167
|
"text-shade": "_text-shade_mt8jw_1"
|
|
1177
|
-
},
|
|
1178
|
-
$style:
|
|
1179
|
-
}, et = /* @__PURE__ */ H(
|
|
1168
|
+
}, Pn = {
|
|
1169
|
+
$style: Rn
|
|
1170
|
+
}, et = /* @__PURE__ */ H(Tn, [["__cssModules", Pn]]), Bn = ["disabled"], Vn = /* @__PURE__ */ $({
|
|
1180
1171
|
name: "RuiChip",
|
|
1181
1172
|
__name: "Chip",
|
|
1182
1173
|
props: {
|
|
@@ -1189,69 +1180,69 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1189
1180
|
},
|
|
1190
1181
|
emits: ["remove"],
|
|
1191
1182
|
setup(e, { emit: s }) {
|
|
1192
|
-
const
|
|
1193
|
-
return (
|
|
1183
|
+
const o = Z(), a = ye();
|
|
1184
|
+
return (n, l) => (c(), _("div", {
|
|
1194
1185
|
class: v([
|
|
1195
|
-
t(
|
|
1196
|
-
t(
|
|
1197
|
-
t(
|
|
1198
|
-
t(
|
|
1199
|
-
{ [t(
|
|
1186
|
+
t(o).chip,
|
|
1187
|
+
t(o)[n.color ?? ""],
|
|
1188
|
+
t(o)[n.size ?? ""],
|
|
1189
|
+
t(o)[n.variant ?? ""],
|
|
1190
|
+
{ [t(o).disabled]: n.disabled }
|
|
1200
1191
|
]),
|
|
1201
1192
|
role: "button",
|
|
1202
1193
|
tabindex: "0"
|
|
1203
1194
|
}, [
|
|
1204
1195
|
t(a).prepend ? (c(), _("div", {
|
|
1205
1196
|
key: 0,
|
|
1206
|
-
class: v(t(
|
|
1197
|
+
class: v(t(o).chip__prepend)
|
|
1207
1198
|
}, [
|
|
1208
|
-
te(
|
|
1199
|
+
te(n.$slots, "prepend")
|
|
1209
1200
|
], 2)) : E("", !0),
|
|
1210
1201
|
z("span", {
|
|
1211
|
-
class: v(t(
|
|
1212
|
-
}, B(
|
|
1213
|
-
|
|
1202
|
+
class: v(t(o).chip__label)
|
|
1203
|
+
}, B(n.label), 3),
|
|
1204
|
+
n.dismissible ? (c(), _("button", {
|
|
1214
1205
|
key: 1,
|
|
1215
|
-
class: v(t(
|
|
1216
|
-
disabled:
|
|
1206
|
+
class: v(t(o).chip__close),
|
|
1207
|
+
disabled: n.disabled,
|
|
1217
1208
|
onClick: l[0] || (l[0] = Ue((i) => s("remove"), ["stop"]))
|
|
1218
1209
|
}, [
|
|
1219
1210
|
Q(C, {
|
|
1220
|
-
class: v(t(
|
|
1221
|
-
size:
|
|
1211
|
+
class: v(t(o).chip__close_icon),
|
|
1212
|
+
size: n.size === "sm" ? 16 : 24,
|
|
1222
1213
|
name: "close-circle-line"
|
|
1223
1214
|
}, null, 8, ["class", "size"])
|
|
1224
|
-
], 10,
|
|
1215
|
+
], 10, Bn)) : E("", !0)
|
|
1225
1216
|
], 2));
|
|
1226
1217
|
}
|
|
1227
|
-
}),
|
|
1228
|
-
chip:
|
|
1229
|
-
grey:
|
|
1230
|
-
filled:
|
|
1231
|
-
outlined:
|
|
1232
|
-
primary:
|
|
1233
|
-
secondary:
|
|
1234
|
-
error:
|
|
1235
|
-
warning:
|
|
1236
|
-
info:
|
|
1237
|
-
success:
|
|
1238
|
-
chip__prepend:
|
|
1218
|
+
}), Fn = "_chip_tuzt7_315", Gn = "_grey_tuzt7_319", Wn = "_filled_tuzt7_322", Zn = "_outlined_tuzt7_325", Hn = "_primary_tuzt7_328", qn = "_secondary_tuzt7_334", Jn = "_error_tuzt7_340", Kn = "_warning_tuzt7_346", Xn = "_info_tuzt7_352", es = "_success_tuzt7_358", ts = "_chip__prepend_tuzt7_364", os = "_chip__label_tuzt7_368", ns = "_chip__close_tuzt7_371", ss = "_chip__close_icon_tuzt7_375", as = "_md_tuzt7_378", ls = "_sm_tuzt7_381", is = "_sm__prepend_tuzt7_384", rs = "_sm__label_tuzt7_387", us = "_sm__close_tuzt7_390", cs = "_disabled_tuzt7_395", ds = {
|
|
1219
|
+
chip: Fn,
|
|
1220
|
+
grey: Gn,
|
|
1221
|
+
filled: Wn,
|
|
1222
|
+
outlined: Zn,
|
|
1223
|
+
primary: Hn,
|
|
1224
|
+
secondary: qn,
|
|
1225
|
+
error: Jn,
|
|
1226
|
+
warning: Kn,
|
|
1227
|
+
info: Xn,
|
|
1228
|
+
success: es,
|
|
1229
|
+
chip__prepend: ts,
|
|
1239
1230
|
chip__label: os,
|
|
1240
|
-
chip__close:
|
|
1241
|
-
chip__close_icon:
|
|
1242
|
-
md:
|
|
1243
|
-
sm:
|
|
1244
|
-
sm__prepend:
|
|
1245
|
-
sm__label:
|
|
1246
|
-
sm__close:
|
|
1247
|
-
disabled:
|
|
1231
|
+
chip__close: ns,
|
|
1232
|
+
chip__close_icon: ss,
|
|
1233
|
+
md: as,
|
|
1234
|
+
sm: ls,
|
|
1235
|
+
sm__prepend: is,
|
|
1236
|
+
sm__label: rs,
|
|
1237
|
+
sm__close: us,
|
|
1238
|
+
disabled: cs,
|
|
1248
1239
|
"bg-tint": "_bg-tint_tuzt7_1",
|
|
1249
1240
|
"bg-shade": "_bg-shade_tuzt7_1",
|
|
1250
1241
|
"text-tint": "_text-tint_tuzt7_1",
|
|
1251
1242
|
"text-shade": "_text-shade_tuzt7_1"
|
|
1252
|
-
},
|
|
1253
|
-
$style:
|
|
1254
|
-
}, Ce = /* @__PURE__ */ H(
|
|
1243
|
+
}, Ms = {
|
|
1244
|
+
$style: ds
|
|
1245
|
+
}, Ce = /* @__PURE__ */ H(Vn, [["__cssModules", Ms]]), ps = /* @__PURE__ */ $({
|
|
1255
1246
|
__name: "AutoCompleteSelection",
|
|
1256
1247
|
props: {
|
|
1257
1248
|
data: {},
|
|
@@ -1265,11 +1256,11 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1265
1256
|
},
|
|
1266
1257
|
emits: ["remove"],
|
|
1267
1258
|
setup(e, { emit: s }) {
|
|
1268
|
-
const
|
|
1259
|
+
const o = e;
|
|
1269
1260
|
ze((p) => ({
|
|
1270
1261
|
"0f128096": t(u)
|
|
1271
1262
|
}));
|
|
1272
|
-
const a = Z(),
|
|
1263
|
+
const a = Z(), n = de(), { data: l, textProp: i, wrapperWidth: M } = se(o), r = O(), d = O(), u = O(120), y = O(0), b = N(() => Array.isArray(f(l))), h = N(() => {
|
|
1273
1264
|
const p = f(l);
|
|
1274
1265
|
if (!(Array.isArray(p) || !p))
|
|
1275
1266
|
return p[f(i)];
|
|
@@ -1290,13 +1281,13 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1290
1281
|
return;
|
|
1291
1282
|
}
|
|
1292
1283
|
for (let j = 0; j < m; j++)
|
|
1293
|
-
if (ae(y, f(y) + 1), await
|
|
1294
|
-
ae(y, f(y) - 1), await
|
|
1284
|
+
if (ae(y, f(y) + 1), await ne(), f(ve(r).width) > f(A)) {
|
|
1285
|
+
ae(y, f(y) - 1), await ne(), f(ve(r).width) > f(A) && ae(y, f(y) - 1);
|
|
1295
1286
|
break;
|
|
1296
1287
|
}
|
|
1297
1288
|
};
|
|
1298
1289
|
return _e(async () => {
|
|
1299
|
-
|
|
1290
|
+
ne(() => {
|
|
1300
1291
|
L();
|
|
1301
1292
|
}).catch();
|
|
1302
1293
|
}), pe([l, M], () => {
|
|
@@ -1341,7 +1332,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1341
1332
|
], 2)
|
|
1342
1333
|
], 2)
|
|
1343
1334
|
], 2)) : E("", !0),
|
|
1344
|
-
Q(t(
|
|
1335
|
+
Q(t(pn), le({
|
|
1345
1336
|
class: [
|
|
1346
1337
|
t(a).input,
|
|
1347
1338
|
t(a)[p.variant ?? ""],
|
|
@@ -1349,23 +1340,23 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1349
1340
|
],
|
|
1350
1341
|
"data-has-value": p.hasValue,
|
|
1351
1342
|
"display-value": (j) => t(h)
|
|
1352
|
-
}, t(be)(t(
|
|
1343
|
+
}, t(be)(t(n), ["value", "dense"])), null, 16, ["class", "data-has-value", "display-value"])
|
|
1353
1344
|
], 64);
|
|
1354
1345
|
};
|
|
1355
1346
|
}
|
|
1356
|
-
}),
|
|
1357
|
-
wrapper:
|
|
1358
|
-
chips_wrapper:
|
|
1359
|
-
chips:
|
|
1347
|
+
}), _s = "_wrapper_1mrdp_1", ys = "_chips_wrapper_1mrdp_4", fs = "_chips_1mrdp_4", vs = "_filled_1mrdp_13", gs = "_outlined_1mrdp_16", js = "_input_1mrdp_20", Ls = "_multiple_1mrdp_27", Ns = "_has_value_1mrdp_27", bs = {
|
|
1348
|
+
wrapper: _s,
|
|
1349
|
+
chips_wrapper: ys,
|
|
1350
|
+
chips: fs,
|
|
1360
1351
|
default: "_default_1mrdp_10",
|
|
1361
|
-
filled:
|
|
1362
|
-
outlined:
|
|
1363
|
-
input:
|
|
1364
|
-
multiple:
|
|
1365
|
-
has_value:
|
|
1366
|
-
},
|
|
1367
|
-
$style:
|
|
1368
|
-
},
|
|
1352
|
+
filled: vs,
|
|
1353
|
+
outlined: gs,
|
|
1354
|
+
input: js,
|
|
1355
|
+
multiple: Ls,
|
|
1356
|
+
has_value: Ns
|
|
1357
|
+
}, ms = {
|
|
1358
|
+
$style: bs
|
|
1359
|
+
}, Ts = /* @__PURE__ */ H(ps, [["__cssModules", ms]]), Ds = { class: "relative" }, Is = { class: "flex space-x-1 items-center" }, zs = ["disabled"], hs = { class: "block truncate" }, xs = /* @__PURE__ */ $({
|
|
1369
1360
|
name: "RuiAutoComplete",
|
|
1370
1361
|
__name: "AutoComplete",
|
|
1371
1362
|
props: {
|
|
@@ -1388,7 +1379,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1388
1379
|
},
|
|
1389
1380
|
emits: ["update:modelValue"],
|
|
1390
1381
|
setup(e, { emit: s }) {
|
|
1391
|
-
const
|
|
1382
|
+
const o = e, a = Z(), n = ye(), {
|
|
1392
1383
|
data: l,
|
|
1393
1384
|
modelValue: i,
|
|
1394
1385
|
searchQuery: M,
|
|
@@ -1398,7 +1389,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1398
1389
|
itemDisabledProp: y,
|
|
1399
1390
|
hint: b,
|
|
1400
1391
|
errorMessages: h
|
|
1401
|
-
} = se(
|
|
1392
|
+
} = se(o), A = O(f(M) ?? ""), L = O(), p = N(() => {
|
|
1402
1393
|
var F;
|
|
1403
1394
|
const T = (F = f(A)) == null ? void 0 : F.toLowerCase(), S = f(r), q = f(d);
|
|
1404
1395
|
return T ? f(l).filter((re) => S ? re[q].toLowerCase().includes(T) || re[S].toLowerCase().includes(T) : re[q].toLowerCase().includes(T)) : f(l);
|
|
@@ -1443,10 +1434,10 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1443
1434
|
pe(p, () => {
|
|
1444
1435
|
ie(0);
|
|
1445
1436
|
});
|
|
1446
|
-
const tt = ct(I, ({ data: T }) => T),
|
|
1437
|
+
const tt = ct(I, ({ data: T }) => T), ot = (T) => {
|
|
1447
1438
|
if (!T && f(g)) {
|
|
1448
1439
|
const S = f(i), q = f(u), F = Array.isArray(S) ? S[S.length - 1][q] : S[q];
|
|
1449
|
-
|
|
1440
|
+
ne(() => {
|
|
1450
1441
|
ie(f(p).findIndex((re) => re[q] === F));
|
|
1451
1442
|
});
|
|
1452
1443
|
}
|
|
@@ -1454,7 +1445,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1454
1445
|
return (T, S) => (c(), _("div", {
|
|
1455
1446
|
class: v([t(m) ? t(a).multiple : t(a).single, t(a)[T.variant ?? ""]])
|
|
1456
1447
|
}, [
|
|
1457
|
-
Q(t(
|
|
1448
|
+
Q(t(dn), {
|
|
1458
1449
|
by: t(u),
|
|
1459
1450
|
class: v([
|
|
1460
1451
|
{
|
|
@@ -1469,11 +1460,11 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1469
1460
|
"onUpdate:modelValue": S[4] || (S[4] = (q) => V(q))
|
|
1470
1461
|
}, {
|
|
1471
1462
|
default: K(({ open: q }) => [
|
|
1472
|
-
z("div",
|
|
1463
|
+
z("div", Ds, [
|
|
1473
1464
|
Q(et, {
|
|
1474
1465
|
modelValue: t(A),
|
|
1475
1466
|
"onUpdate:modelValue": S[1] || (S[1] = (F) => lt(A) ? A.value = F : null),
|
|
1476
|
-
as:
|
|
1467
|
+
as: Ts,
|
|
1477
1468
|
color: T.color,
|
|
1478
1469
|
data: t(i),
|
|
1479
1470
|
dense: T.dense,
|
|
@@ -1492,7 +1483,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1492
1483
|
onFocusInput: (F) => !q && D()
|
|
1493
1484
|
}, {
|
|
1494
1485
|
append: K(() => [
|
|
1495
|
-
z("div",
|
|
1486
|
+
z("div", Is, [
|
|
1496
1487
|
T.nullable && t(g) ? (c(), _("button", {
|
|
1497
1488
|
key: 0,
|
|
1498
1489
|
class: v(t(a).clear_button),
|
|
@@ -1505,13 +1496,13 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1505
1496
|
class: v(t(a).clear_icon),
|
|
1506
1497
|
name: "close-line"
|
|
1507
1498
|
}, null, 8, ["class"])
|
|
1508
|
-
], 10,
|
|
1509
|
-
Q(t(
|
|
1499
|
+
], 10, zs)) : E("", !0),
|
|
1500
|
+
Q(t(Mn), {
|
|
1510
1501
|
ref_key: "button",
|
|
1511
1502
|
ref: L,
|
|
1512
1503
|
class: v([{ [t(a).toggle_disabled]: T.disabled }]),
|
|
1513
1504
|
disabled: T.disabled,
|
|
1514
|
-
onClick: (F) =>
|
|
1505
|
+
onClick: (F) => ot(q)
|
|
1515
1506
|
}, {
|
|
1516
1507
|
default: K(() => [
|
|
1517
1508
|
Q(C, {
|
|
@@ -1535,7 +1526,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1535
1526
|
onAfterLeave: S[3] || (S[3] = (F) => ee(""))
|
|
1536
1527
|
}, {
|
|
1537
1528
|
default: K(() => [
|
|
1538
|
-
Q(t(
|
|
1529
|
+
Q(t(_n), {
|
|
1539
1530
|
class: v(t(a).options)
|
|
1540
1531
|
}, {
|
|
1541
1532
|
default: K(() => [
|
|
@@ -1544,32 +1535,32 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1544
1535
|
class: v(t(a).empty)
|
|
1545
1536
|
}, " Nothing options found. ", 2)) : (c(), _("div", le({ key: 1 }, t(k), { class: "max-h-60" }), [
|
|
1546
1537
|
z("div", De(Re(t(R))), [
|
|
1547
|
-
(c(!0), _(X, null, ce(t(tt), (F) => (c(), Y(t(
|
|
1538
|
+
(c(!0), _(X, null, ce(t(tt), (F) => (c(), Y(t(yn), {
|
|
1548
1539
|
key: F[t(u)],
|
|
1549
1540
|
class: "h-10",
|
|
1550
1541
|
disabled: !!t(y) && F[t(y)],
|
|
1551
1542
|
value: F,
|
|
1552
1543
|
as: "template"
|
|
1553
1544
|
}, {
|
|
1554
|
-
default: K(({ selected: re, disabled:
|
|
1545
|
+
default: K(({ selected: re, disabled: nt }) => [
|
|
1555
1546
|
z("li", {
|
|
1556
1547
|
class: v([
|
|
1557
1548
|
t(a).option,
|
|
1558
1549
|
{
|
|
1559
|
-
[t(a).option__disabled]:
|
|
1550
|
+
[t(a).option__disabled]: nt,
|
|
1560
1551
|
[t(a).option__selected]: re,
|
|
1561
|
-
[t(a).option__prefixed]: !!t(
|
|
1552
|
+
[t(a).option__prefixed]: !!t(n).prefix
|
|
1562
1553
|
}
|
|
1563
1554
|
])
|
|
1564
1555
|
}, [
|
|
1565
|
-
t(
|
|
1556
|
+
t(n).prefix ? (c(), _("span", {
|
|
1566
1557
|
key: 0,
|
|
1567
|
-
class: v({ prefix: !!t(
|
|
1558
|
+
class: v({ prefix: !!t(n).prefix })
|
|
1568
1559
|
}, [
|
|
1569
1560
|
te(T.$slots, "prefix", le({ class: "prefix" }, F))
|
|
1570
1561
|
], 2)) : E("", !0),
|
|
1571
|
-
z("span",
|
|
1572
|
-
t(
|
|
1562
|
+
z("span", hs, [
|
|
1563
|
+
t(n).default ? te(T.$slots, "default", De(le({ key: 0 }, F))) : (c(), _(X, { key: 1 }, [
|
|
1573
1564
|
$e(B(F[t(d)]), 1)
|
|
1574
1565
|
], 64))
|
|
1575
1566
|
]),
|
|
@@ -1601,26 +1592,26 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1601
1592
|
}, 8, ["by", "class", "disabled", "model-value", "multiple", "nullable"])
|
|
1602
1593
|
], 2));
|
|
1603
1594
|
}
|
|
1604
|
-
}),
|
|
1605
|
-
toggle_icon:
|
|
1606
|
-
clear_button:
|
|
1607
|
-
clear_icon:
|
|
1608
|
-
has_details:
|
|
1609
|
-
options:
|
|
1610
|
-
multiple:
|
|
1611
|
-
single:
|
|
1595
|
+
}), Ss = "_toggle_icon_17co6_1", As = "_clear_button_17co6_5", ws = "_clear_icon_17co6_8", ks = "_has_details_17co6_12", Os = "_options_17co6_12", Es = "_multiple_17co6_16", Cs = "_single_17co6_17", $s = "_filled_17co6_22", Ys = "_outlined_17co6_23", Qs = "_empty_17co6_30", Us = "_option_17co6_12", Rs = "_option__selected_17co6_37", Ps = "_option__disabled_17co6_40", Bs = "_option__selected_icon_17co6_43", Vs = "_option__prefixed_17co6_49", Fs = {
|
|
1596
|
+
toggle_icon: Ss,
|
|
1597
|
+
clear_button: As,
|
|
1598
|
+
clear_icon: ws,
|
|
1599
|
+
has_details: ks,
|
|
1600
|
+
options: Os,
|
|
1601
|
+
multiple: Es,
|
|
1602
|
+
single: Cs,
|
|
1612
1603
|
default: "_default_17co6_21",
|
|
1613
|
-
filled:
|
|
1614
|
-
outlined:
|
|
1615
|
-
empty:
|
|
1616
|
-
option:
|
|
1617
|
-
option__selected:
|
|
1618
|
-
option__disabled:
|
|
1619
|
-
option__selected_icon:
|
|
1620
|
-
option__prefixed:
|
|
1621
|
-
},
|
|
1622
|
-
$style:
|
|
1623
|
-
},
|
|
1604
|
+
filled: $s,
|
|
1605
|
+
outlined: Ys,
|
|
1606
|
+
empty: Qs,
|
|
1607
|
+
option: Us,
|
|
1608
|
+
option__selected: Rs,
|
|
1609
|
+
option__disabled: Ps,
|
|
1610
|
+
option__selected_icon: Bs,
|
|
1611
|
+
option__prefixed: Vs
|
|
1612
|
+
}, Gs = {
|
|
1613
|
+
$style: Fs
|
|
1614
|
+
}, yi = /* @__PURE__ */ H(xs, [["__cssModules", Gs]]), Ws = /* @__PURE__ */ $({
|
|
1624
1615
|
name: "RuiButtonGroup",
|
|
1625
1616
|
__name: "ButtonGroup",
|
|
1626
1617
|
props: {
|
|
@@ -1630,60 +1621,60 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1630
1621
|
size: { default: void 0 }
|
|
1631
1622
|
},
|
|
1632
1623
|
setup(e) {
|
|
1633
|
-
const s = ye(),
|
|
1634
|
-
var
|
|
1635
|
-
return ((
|
|
1624
|
+
const s = ye(), o = N(() => {
|
|
1625
|
+
var n;
|
|
1626
|
+
return ((n = s.default) == null ? void 0 : n.call(s)) ?? [];
|
|
1636
1627
|
}), a = Z();
|
|
1637
|
-
return (
|
|
1628
|
+
return (n, l) => (c(), _("div", null, [
|
|
1638
1629
|
z("div", {
|
|
1639
1630
|
class: v([
|
|
1640
1631
|
t(a).wrapper,
|
|
1641
|
-
t(a)[
|
|
1642
|
-
t(a)[
|
|
1643
|
-
{ [t(a).wrapper__vertical]:
|
|
1632
|
+
t(a)[n.color ?? ""],
|
|
1633
|
+
t(a)[n.variant],
|
|
1634
|
+
{ [t(a).wrapper__vertical]: n.vertical }
|
|
1644
1635
|
])
|
|
1645
1636
|
}, [
|
|
1646
|
-
(c(!0), _(X, null, ce(t(
|
|
1637
|
+
(c(!0), _(X, null, ce(t(o), (i, M) => (c(), Y(he(i), {
|
|
1647
1638
|
key: M,
|
|
1648
|
-
color:
|
|
1649
|
-
variant:
|
|
1650
|
-
size:
|
|
1639
|
+
color: n.color,
|
|
1640
|
+
variant: n.variant,
|
|
1641
|
+
size: n.size,
|
|
1651
1642
|
class: v(t(a).button)
|
|
1652
1643
|
}, null, 8, ["color", "variant", "size", "class"]))), 128))
|
|
1653
1644
|
], 2)
|
|
1654
1645
|
]));
|
|
1655
1646
|
}
|
|
1656
|
-
}),
|
|
1657
|
-
wrapper:
|
|
1658
|
-
wrapper__vertical:
|
|
1659
|
-
button:
|
|
1660
|
-
primary:
|
|
1661
|
-
outlined:
|
|
1662
|
-
text:
|
|
1663
|
-
secondary:
|
|
1664
|
-
error:
|
|
1647
|
+
}), Zs = "_wrapper_j3xuo_315", Hs = "_wrapper__vertical_j3xuo_319", qs = "_button_j3xuo_322", Js = "_primary_j3xuo_328", Ks = "_outlined_j3xuo_331", Xs = "_text_j3xuo_331", ea = "_secondary_j3xuo_337", ta = "_error_j3xuo_346", oa = "_warning_j3xuo_355", na = "_info_j3xuo_364", sa = "_success_j3xuo_373", aa = {
|
|
1648
|
+
wrapper: Zs,
|
|
1649
|
+
wrapper__vertical: Hs,
|
|
1650
|
+
button: qs,
|
|
1651
|
+
primary: Js,
|
|
1652
|
+
outlined: Ks,
|
|
1653
|
+
text: Xs,
|
|
1654
|
+
secondary: ea,
|
|
1655
|
+
error: ta,
|
|
1665
1656
|
warning: oa,
|
|
1666
|
-
info:
|
|
1667
|
-
success:
|
|
1657
|
+
info: na,
|
|
1658
|
+
success: sa,
|
|
1668
1659
|
"bg-tint": "_bg-tint_j3xuo_1",
|
|
1669
1660
|
"bg-shade": "_bg-shade_j3xuo_1",
|
|
1670
1661
|
"text-tint": "_text-tint_j3xuo_1",
|
|
1671
1662
|
"text-shade": "_text-shade_j3xuo_1"
|
|
1672
|
-
},
|
|
1673
|
-
$style:
|
|
1674
|
-
},
|
|
1663
|
+
}, la = {
|
|
1664
|
+
$style: aa
|
|
1665
|
+
}, fi = /* @__PURE__ */ H(Ws, [["__cssModules", la]]), ia = ["checked", "disabled"], ra = {
|
|
1675
1666
|
key: 0,
|
|
1676
1667
|
class: "details"
|
|
1677
|
-
},
|
|
1668
|
+
}, ua = {
|
|
1678
1669
|
key: 0,
|
|
1679
1670
|
class: "text-rui-error text-caption"
|
|
1680
|
-
},
|
|
1671
|
+
}, ca = {
|
|
1681
1672
|
key: 1,
|
|
1682
1673
|
class: "text-rui-text-secondary text-caption"
|
|
1683
|
-
},
|
|
1674
|
+
}, da = {
|
|
1684
1675
|
key: 2,
|
|
1685
1676
|
class: "h-5"
|
|
1686
|
-
},
|
|
1677
|
+
}, Ma = /* @__PURE__ */ $({
|
|
1687
1678
|
name: "RuiCheckbox",
|
|
1688
1679
|
__name: "Checkbox",
|
|
1689
1680
|
props: {
|
|
@@ -1698,7 +1689,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1698
1689
|
},
|
|
1699
1690
|
emits: ["update:modelValue", "update:indeterminate"],
|
|
1700
1691
|
setup(e, { emit: s }) {
|
|
1701
|
-
const
|
|
1692
|
+
const o = e, { size: a } = se(o), n = (r) => {
|
|
1702
1693
|
const d = r.target.checked;
|
|
1703
1694
|
d && s("update:indeterminate", !1), s("update:modelValue", d);
|
|
1704
1695
|
}, l = N(() => {
|
|
@@ -1723,8 +1714,8 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1723
1714
|
class: t(i).input,
|
|
1724
1715
|
disabled: r.disabled
|
|
1725
1716
|
}, t(be)(t(M), ["class"]), {
|
|
1726
|
-
onInput: d[0] || (d[0] = (u) =>
|
|
1727
|
-
}), null, 16,
|
|
1717
|
+
onInput: d[0] || (d[0] = (u) => n(u))
|
|
1718
|
+
}), null, 16, ia),
|
|
1728
1719
|
z("div", {
|
|
1729
1720
|
class: v([
|
|
1730
1721
|
t(i).checkbox,
|
|
@@ -1757,30 +1748,41 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1757
1748
|
te(r.$slots, "default")
|
|
1758
1749
|
], 2)
|
|
1759
1750
|
], 2),
|
|
1760
|
-
r.hideDetails ? E("", !0) : (c(), _("div",
|
|
1761
|
-
r.errorMessages.length > 0 ? (c(), _("div",
|
|
1751
|
+
r.hideDetails ? E("", !0) : (c(), _("div", ra, [
|
|
1752
|
+
r.errorMessages.length > 0 ? (c(), _("div", ua, B(r.errorMessages[0]), 1)) : r.hint ? (c(), _("div", ca, B(r.hint), 1)) : (c(), _("div", da))
|
|
1762
1753
|
]))
|
|
1763
1754
|
], 2));
|
|
1764
1755
|
}
|
|
1765
|
-
}),
|
|
1766
|
-
wrapper:
|
|
1767
|
-
disabled:
|
|
1768
|
-
checkbox:
|
|
1769
|
-
label:
|
|
1770
|
-
input:
|
|
1756
|
+
}), pa = "_wrapper_1bkf8_1", _a = "_disabled_1bkf8_4", ya = "_checkbox_1bkf8_7", fa = "_label_1bkf8_13", va = "_input_1bkf8_16", ga = "_lg_1bkf8_39", ja = "_sm_1bkf8_42", La = "_primary_1bkf8_45", Na = "_checked_1bkf8_48", ba = "_secondary_1bkf8_51", ma = "_error_1bkf8_57", Ta = "_warning_1bkf8_63", Da = "_info_1bkf8_69", Ia = "_success_1bkf8_75", za = {
|
|
1757
|
+
wrapper: pa,
|
|
1758
|
+
disabled: _a,
|
|
1759
|
+
checkbox: ya,
|
|
1760
|
+
label: fa,
|
|
1761
|
+
input: va,
|
|
1771
1762
|
"with-error": "_with-error_1bkf8_30",
|
|
1772
|
-
lg:
|
|
1773
|
-
sm:
|
|
1774
|
-
primary:
|
|
1775
|
-
checked:
|
|
1776
|
-
secondary:
|
|
1777
|
-
error:
|
|
1778
|
-
warning:
|
|
1779
|
-
info:
|
|
1780
|
-
success:
|
|
1763
|
+
lg: ga,
|
|
1764
|
+
sm: ja,
|
|
1765
|
+
primary: La,
|
|
1766
|
+
checked: Na,
|
|
1767
|
+
secondary: ba,
|
|
1768
|
+
error: ma,
|
|
1769
|
+
warning: Ta,
|
|
1770
|
+
info: Da,
|
|
1771
|
+
success: Ia
|
|
1772
|
+
}, ha = {
|
|
1773
|
+
$style: za
|
|
1774
|
+
}, vi = /* @__PURE__ */ H(Ma, [["__cssModules", ha]]), W = {
|
|
1775
|
+
inactive: "inactive",
|
|
1776
|
+
active: "active",
|
|
1777
|
+
done: "done",
|
|
1778
|
+
error: "error",
|
|
1779
|
+
warning: "warning",
|
|
1780
|
+
info: "info",
|
|
1781
|
+
success: "success"
|
|
1781
1782
|
}, xa = {
|
|
1782
|
-
|
|
1783
|
-
|
|
1783
|
+
vertical: "vertical",
|
|
1784
|
+
horizontal: "horizontal"
|
|
1785
|
+
}, Sa = /* @__PURE__ */ $({
|
|
1784
1786
|
__name: "StepperIcon",
|
|
1785
1787
|
props: {
|
|
1786
1788
|
state: { default: W.inactive },
|
|
@@ -1788,27 +1790,27 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1788
1790
|
},
|
|
1789
1791
|
setup(e) {
|
|
1790
1792
|
const s = Z();
|
|
1791
|
-
return (
|
|
1792
|
-
class: v([t(s).indicator, t(s)[
|
|
1793
|
+
return (o, a) => (c(), _("span", {
|
|
1794
|
+
class: v([t(s).indicator, t(s)[o.state]])
|
|
1793
1795
|
}, [
|
|
1794
|
-
|
|
1796
|
+
o.state === t(W).inactive || o.state === t(W).active ? (c(), _("span", {
|
|
1795
1797
|
key: 0,
|
|
1796
1798
|
class: v(t(s).text)
|
|
1797
|
-
}, B(
|
|
1799
|
+
}, B(o.index), 3)) : o.state === t(W).done ? (c(), Y(C, {
|
|
1798
1800
|
key: 1,
|
|
1799
1801
|
class: v(t(s).text),
|
|
1800
1802
|
size: 20,
|
|
1801
1803
|
name: "check-line"
|
|
1802
|
-
}, null, 8, ["class"])) :
|
|
1804
|
+
}, null, 8, ["class"])) : o.state === t(W).success ? (c(), Y(C, {
|
|
1803
1805
|
key: 2,
|
|
1804
1806
|
name: "checkbox-circle-fill"
|
|
1805
|
-
})) :
|
|
1807
|
+
})) : o.state === t(W).error ? (c(), Y(C, {
|
|
1806
1808
|
key: 3,
|
|
1807
1809
|
name: "error-warning-fill"
|
|
1808
|
-
})) :
|
|
1810
|
+
})) : o.state === t(W).warning ? (c(), Y(C, {
|
|
1809
1811
|
key: 4,
|
|
1810
1812
|
name: "alert-fill"
|
|
1811
|
-
})) :
|
|
1813
|
+
})) : o.state === t(W).info ? (c(), Y(C, {
|
|
1812
1814
|
key: 5,
|
|
1813
1815
|
name: "information-fill"
|
|
1814
1816
|
})) : E("", !0)
|
|
@@ -1830,17 +1832,17 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1830
1832
|
},
|
|
1831
1833
|
setup(e) {
|
|
1832
1834
|
const s = Z();
|
|
1833
|
-
return (
|
|
1834
|
-
class: v([t(s).indicator, t(s)[
|
|
1835
|
+
return (o, a) => (c(), _("span", {
|
|
1836
|
+
class: v([t(s).indicator, t(s)[o.state]])
|
|
1835
1837
|
}, [
|
|
1836
|
-
|
|
1838
|
+
o.state === t(W).inactive ? (c(), _("span", {
|
|
1837
1839
|
key: 0,
|
|
1838
1840
|
class: v(t(s).text)
|
|
1839
|
-
}, B(
|
|
1841
|
+
}, B(o.index), 3)) : o.state === t(W).active ? (c(), Y(C, {
|
|
1840
1842
|
key: 1,
|
|
1841
1843
|
name: "checkbox-blank-circle-fill",
|
|
1842
1844
|
size: 20
|
|
1843
|
-
})) :
|
|
1845
|
+
})) : o.state === t(W).done ? (c(), Y(C, {
|
|
1844
1846
|
key: 2,
|
|
1845
1847
|
class: v(t(s).text),
|
|
1846
1848
|
size: 20,
|
|
@@ -1848,7 +1850,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1848
1850
|
}, null, 8, ["class"])) : (c(), _("span", {
|
|
1849
1851
|
key: 3,
|
|
1850
1852
|
class: v(t(s).text)
|
|
1851
|
-
}, B(
|
|
1853
|
+
}, B(o.index), 3))
|
|
1852
1854
|
], 2));
|
|
1853
1855
|
}
|
|
1854
1856
|
}), Ua = "_indicator_1fggs_1", Ra = "_inactive_1fggs_4", Pa = "_text_1fggs_7", Ba = {
|
|
@@ -1867,14 +1869,14 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1867
1869
|
custom: { type: Boolean, default: !1 },
|
|
1868
1870
|
titleClass: { default: "" },
|
|
1869
1871
|
subtitleClass: { default: "" },
|
|
1870
|
-
orientation: { default:
|
|
1872
|
+
orientation: { default: xa.horizontal }
|
|
1871
1873
|
},
|
|
1872
1874
|
setup(e) {
|
|
1873
|
-
const s = e,
|
|
1875
|
+
const s = e, o = Z(), { custom: a, steps: n, step: l } = se(s), i = N(() => {
|
|
1874
1876
|
if (!f(a))
|
|
1875
|
-
return f(
|
|
1877
|
+
return f(n);
|
|
1876
1878
|
const M = f(l);
|
|
1877
|
-
return f(
|
|
1879
|
+
return f(n).map((r, d) => {
|
|
1878
1880
|
let u = W.inactive;
|
|
1879
1881
|
return d + 1 === M && (u = W.active), d + 1 < M && (u = W.done), {
|
|
1880
1882
|
...r,
|
|
@@ -1884,18 +1886,18 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1884
1886
|
});
|
|
1885
1887
|
return (M, r) => (c(), _("div", {
|
|
1886
1888
|
class: v([
|
|
1887
|
-
t(
|
|
1888
|
-
t(
|
|
1889
|
-
{ [t(
|
|
1889
|
+
t(o).stepper,
|
|
1890
|
+
t(o)[M.orientation ?? ""],
|
|
1891
|
+
{ [t(o)["icon-top"]]: M.iconTop, [t(o).custom]: t(a) }
|
|
1890
1892
|
])
|
|
1891
1893
|
}, [
|
|
1892
1894
|
(c(!0), _(X, null, ce(t(i), ({ title: d, description: u, state: y }, b) => (c(), _(X, { key: b }, [
|
|
1893
1895
|
b > 0 ? (c(), _("hr", {
|
|
1894
1896
|
key: 0,
|
|
1895
|
-
class: v(t(
|
|
1897
|
+
class: v(t(o).divider)
|
|
1896
1898
|
}, null, 2)) : E("", !0),
|
|
1897
1899
|
z("div", {
|
|
1898
|
-
class: v([t(
|
|
1900
|
+
class: v([t(o).step, t(o)[y ?? t(W).inactive]])
|
|
1899
1901
|
}, [
|
|
1900
1902
|
te(M.$slots, "icon", De(Re({ state: y, index: b + 1 })), () => [
|
|
1901
1903
|
t(a) ? (c(), Y(Fa, {
|
|
@@ -1910,22 +1912,22 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1910
1912
|
]),
|
|
1911
1913
|
d || u ? (c(), _("div", {
|
|
1912
1914
|
key: 0,
|
|
1913
|
-
class: v(t(
|
|
1915
|
+
class: v(t(o).label)
|
|
1914
1916
|
}, [
|
|
1915
1917
|
d ? (c(), _("span", {
|
|
1916
1918
|
key: 0,
|
|
1917
|
-
class: v([[t(
|
|
1919
|
+
class: v([[t(o).title, { [M.titleClass]: t(a) }], "text-subtitle-2"])
|
|
1918
1920
|
}, B(d), 3)) : E("", !0),
|
|
1919
1921
|
u ? (c(), _("span", {
|
|
1920
1922
|
key: 1,
|
|
1921
|
-
class: v([[t(
|
|
1923
|
+
class: v([[t(o).subtitle, { [M.subtitleClass]: t(a) }], "text-caption"])
|
|
1922
1924
|
}, B(u), 3)) : E("", !0)
|
|
1923
1925
|
], 2)) : E("", !0)
|
|
1924
1926
|
], 2)
|
|
1925
1927
|
], 64))), 128))
|
|
1926
1928
|
], 2));
|
|
1927
1929
|
}
|
|
1928
|
-
}), Wa = "_stepper_1kq7h_1", Za = "_vertical_1kq7h_4", Ha = "_step_1kq7h_1", qa = "_divider_1kq7h_10", Ja = "_custom_1kq7h_13", Ka = "_indicator_1kq7h_22", Xa = "_label_1kq7h_25", el = "_inactive_1kq7h_28", tl = "_title_1kq7h_31",
|
|
1930
|
+
}), Wa = "_stepper_1kq7h_1", Za = "_vertical_1kq7h_4", Ha = "_step_1kq7h_1", qa = "_divider_1kq7h_10", Ja = "_custom_1kq7h_13", Ka = "_indicator_1kq7h_22", Xa = "_label_1kq7h_25", el = "_inactive_1kq7h_28", tl = "_title_1kq7h_31", ol = "_subtitle_1kq7h_34", nl = "_active_1kq7h_37", sl = "_done_1kq7h_37", al = "_error_1kq7h_43", ll = "_warning_1kq7h_46", il = "_info_1kq7h_49", rl = "_success_1kq7h_52", ul = {
|
|
1929
1931
|
stepper: Wa,
|
|
1930
1932
|
vertical: Za,
|
|
1931
1933
|
step: Ha,
|
|
@@ -1936,8 +1938,8 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1936
1938
|
label: Xa,
|
|
1937
1939
|
inactive: el,
|
|
1938
1940
|
title: tl,
|
|
1939
|
-
subtitle:
|
|
1940
|
-
active:
|
|
1941
|
+
subtitle: ol,
|
|
1942
|
+
active: nl,
|
|
1941
1943
|
done: sl,
|
|
1942
1944
|
error: al,
|
|
1943
1945
|
warning: ll,
|
|
@@ -1945,7 +1947,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1945
1947
|
success: rl
|
|
1946
1948
|
}, cl = {
|
|
1947
1949
|
$style: ul
|
|
1948
|
-
},
|
|
1950
|
+
}, gi = /* @__PURE__ */ H(Ga, [["__cssModules", cl]]), dl = ["onClick"], Ml = { key: 0 }, pl = ["onClick"], _l = { key: 0 }, yl = /* @__PURE__ */ $({
|
|
1949
1951
|
name: "RuiFooterStepper",
|
|
1950
1952
|
__name: "FooterStepper",
|
|
1951
1953
|
props: {
|
|
@@ -1956,14 +1958,14 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1956
1958
|
},
|
|
1957
1959
|
emits: ["update:modelValue"],
|
|
1958
1960
|
setup(e, { emit: s }) {
|
|
1959
|
-
const
|
|
1960
|
-
s("update:modelValue", f(
|
|
1961
|
+
const o = e, a = Z(), { modelValue: n, pages: l } = se(o), i = (u) => {
|
|
1962
|
+
s("update:modelValue", f(n) + u);
|
|
1961
1963
|
}, M = () => {
|
|
1962
|
-
f(
|
|
1964
|
+
f(n) && i(-1);
|
|
1963
1965
|
}, r = () => {
|
|
1964
|
-
f(
|
|
1966
|
+
f(n) < f(l) && i(1);
|
|
1965
1967
|
}, d = (u) => {
|
|
1966
|
-
i(u - f(
|
|
1968
|
+
i(u - f(n));
|
|
1967
1969
|
};
|
|
1968
1970
|
return (u, y) => (c(), _("div", {
|
|
1969
1971
|
class: v([t(a)["footer-stepper"], t(a)[u.variant ?? ""]])
|
|
@@ -1974,13 +1976,13 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
1974
1976
|
}, [
|
|
1975
1977
|
(c(!0), _(X, null, ce(t(l), (b) => (c(), _("span", {
|
|
1976
1978
|
key: b,
|
|
1977
|
-
class: v([t(a).pill, { [t(a).active]: t(
|
|
1979
|
+
class: v([t(a).pill, { [t(a).active]: t(n) === b }]),
|
|
1978
1980
|
onClick: (h) => d(b)
|
|
1979
1981
|
}, null, 10, dl))), 128))
|
|
1980
1982
|
], 2)) : (c(), _(X, { key: 1 }, [
|
|
1981
1983
|
Q(ge, {
|
|
1982
1984
|
class: v({ [t(a).arrow__button]: u.arrowButtons }),
|
|
1983
|
-
disabled: t(
|
|
1985
|
+
disabled: t(n) <= 1,
|
|
1984
1986
|
icon: u.arrowButtons,
|
|
1985
1987
|
variant: u.arrowButtons ? "outlined" : "text",
|
|
1986
1988
|
color: "primary",
|
|
@@ -2009,23 +2011,23 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2009
2011
|
u.variant === "numeric" ? (c(), _("span", {
|
|
2010
2012
|
key: 0,
|
|
2011
2013
|
class: v(t(a).numeric)
|
|
2012
|
-
}, B(t(
|
|
2014
|
+
}, B(t(n)) + "/" + B(t(l)), 3)) : u.variant === "bullet" ? (c(), _("div", {
|
|
2013
2015
|
key: 1,
|
|
2014
2016
|
class: v(t(a).bullets)
|
|
2015
2017
|
}, [
|
|
2016
2018
|
(c(!0), _(X, null, ce(t(l), (b) => (c(), _("span", {
|
|
2017
2019
|
key: b,
|
|
2018
|
-
class: v([t(a).bullet, { [t(a).active]: t(
|
|
2020
|
+
class: v([t(a).bullet, { [t(a).active]: t(n) === b }]),
|
|
2019
2021
|
onClick: (h) => d(b)
|
|
2020
2022
|
}, null, 10, pl))), 128))
|
|
2021
2023
|
], 2)) : u.variant === "progress" ? (c(), Y(Pe, {
|
|
2022
2024
|
key: 2,
|
|
2023
2025
|
class: v(t(a).progress),
|
|
2024
|
-
value: t(
|
|
2026
|
+
value: t(n) / t(l) * 100
|
|
2025
2027
|
}, null, 8, ["class", "value"])) : E("", !0),
|
|
2026
2028
|
Q(ge, {
|
|
2027
2029
|
class: v({ [t(a).arrow__button]: u.arrowButtons }),
|
|
2028
|
-
disabled: t(
|
|
2030
|
+
disabled: t(n) >= t(l),
|
|
2029
2031
|
icon: u.arrowButtons,
|
|
2030
2032
|
variant: u.arrowButtons ? "outlined" : "text",
|
|
2031
2033
|
color: "primary",
|
|
@@ -2066,9 +2068,9 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2066
2068
|
arrow__button: ml
|
|
2067
2069
|
}, Dl = {
|
|
2068
2070
|
$style: Tl
|
|
2069
|
-
},
|
|
2070
|
-
const { count: s } = Il(),
|
|
2071
|
-
return ae(s,
|
|
2071
|
+
}, ji = /* @__PURE__ */ H(yl, [["__cssModules", Dl]]), Il = dt(() => ({ count: O(0) })), zl = (e = "") => {
|
|
2072
|
+
const { count: s } = Il(), o = f(s);
|
|
2073
|
+
return ae(s, o + 1), `${e}-${f(s)}`;
|
|
2072
2074
|
}, hl = {
|
|
2073
2075
|
key: 0,
|
|
2074
2076
|
class: "details"
|
|
@@ -2093,11 +2095,11 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2093
2095
|
},
|
|
2094
2096
|
emits: ["update:modelValue"],
|
|
2095
2097
|
setup(e, { emit: s }) {
|
|
2096
|
-
const
|
|
2098
|
+
const o = O("");
|
|
2097
2099
|
_e(() => {
|
|
2098
|
-
ae(
|
|
2100
|
+
ae(o, zl("radio-group"));
|
|
2099
2101
|
});
|
|
2100
|
-
const a = ye(),
|
|
2102
|
+
const a = ye(), n = N(() => {
|
|
2101
2103
|
var i, M;
|
|
2102
2104
|
return ((M = (i = a.default) == null ? void 0 : i.call(a)) == null ? void 0 : M[0].children) ?? [];
|
|
2103
2105
|
}), l = Z();
|
|
@@ -2105,11 +2107,11 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2105
2107
|
z("div", {
|
|
2106
2108
|
class: v([t(l).wrapper, { [t(l).wrapper__inline]: i.inline }])
|
|
2107
2109
|
}, [
|
|
2108
|
-
(c(!0), _(X, null, ce(t(
|
|
2110
|
+
(c(!0), _(X, null, ce(t(n), (r, d) => (c(), Y(he(r), {
|
|
2109
2111
|
key: d,
|
|
2110
2112
|
"model-value": i.modelValue,
|
|
2111
2113
|
"hide-details": "",
|
|
2112
|
-
name: t(
|
|
2114
|
+
name: t(o),
|
|
2113
2115
|
"onUpdate:modelValue": M[0] || (M[0] = (u) => s("update:modelValue", u))
|
|
2114
2116
|
}, null, 8, ["model-value", "name"]))), 128))
|
|
2115
2117
|
], 2),
|
|
@@ -2122,7 +2124,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2122
2124
|
wrapper__inline: kl
|
|
2123
2125
|
}, El = {
|
|
2124
2126
|
$style: Ol
|
|
2125
|
-
},
|
|
2127
|
+
}, Li = /* @__PURE__ */ H(wl, [["__cssModules", El]]), Cl = ["checked", "disabled", "value"], $l = {
|
|
2126
2128
|
key: 0,
|
|
2127
2129
|
class: "details"
|
|
2128
2130
|
}, Yl = {
|
|
@@ -2149,10 +2151,10 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2149
2151
|
},
|
|
2150
2152
|
emits: ["update:modelValue"],
|
|
2151
2153
|
setup(e, { emit: s }) {
|
|
2152
|
-
const
|
|
2154
|
+
const o = e, { modelValue: a, size: n, value: l } = se(o), i = (y) => {
|
|
2153
2155
|
y.target.checked && s("update:modelValue", f(l));
|
|
2154
2156
|
}, M = N(() => {
|
|
2155
|
-
const y = f(
|
|
2157
|
+
const y = f(n);
|
|
2156
2158
|
return y === "lg" ? 28 : y === "sm" ? 20 : 24;
|
|
2157
2159
|
}), r = N(() => f(a) === f(l)), d = Z(), u = de();
|
|
2158
2160
|
return (y, b) => (c(), _("div", {
|
|
@@ -2161,7 +2163,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2161
2163
|
z("label", {
|
|
2162
2164
|
class: v([
|
|
2163
2165
|
t(d).wrapper,
|
|
2164
|
-
t(d)[t(
|
|
2166
|
+
t(d)[t(n) ?? ""],
|
|
2165
2167
|
{
|
|
2166
2168
|
[t(d).disabled]: y.disabled
|
|
2167
2169
|
}
|
|
@@ -2180,7 +2182,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2180
2182
|
class: v([
|
|
2181
2183
|
t(d).radio,
|
|
2182
2184
|
t(d)[y.color ?? ""],
|
|
2183
|
-
t(d)[t(
|
|
2185
|
+
t(d)[t(n) ?? ""],
|
|
2184
2186
|
{
|
|
2185
2187
|
[t(d).checked]: t(r),
|
|
2186
2188
|
[t(d).disabled]: y.disabled,
|
|
@@ -2209,7 +2211,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2209
2211
|
]))
|
|
2210
2212
|
], 2));
|
|
2211
2213
|
}
|
|
2212
|
-
}), Pl = "_wrapper_1a51t_1", Bl = "_disabled_1a51t_4", Vl = "_radio_1a51t_7", Fl = "_label_1a51t_13", Gl = "_input_1a51t_16", Wl = "_lg_1a51t_39", Zl = "_sm_1a51t_42", Hl = "_primary_1a51t_45", ql = "_checked_1a51t_48", Jl = "_secondary_1a51t_51", Kl = "_error_1a51t_57", Xl = "_warning_1a51t_63", ei = "_info_1a51t_69", ti = "_success_1a51t_75",
|
|
2214
|
+
}), Pl = "_wrapper_1a51t_1", Bl = "_disabled_1a51t_4", Vl = "_radio_1a51t_7", Fl = "_label_1a51t_13", Gl = "_input_1a51t_16", Wl = "_lg_1a51t_39", Zl = "_sm_1a51t_42", Hl = "_primary_1a51t_45", ql = "_checked_1a51t_48", Jl = "_secondary_1a51t_51", Kl = "_error_1a51t_57", Xl = "_warning_1a51t_63", ei = "_info_1a51t_69", ti = "_success_1a51t_75", oi = {
|
|
2213
2215
|
wrapper: Pl,
|
|
2214
2216
|
disabled: Bl,
|
|
2215
2217
|
radio: Vl,
|
|
@@ -2225,14 +2227,14 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2225
2227
|
warning: Xl,
|
|
2226
2228
|
info: ei,
|
|
2227
2229
|
success: ti
|
|
2228
|
-
},
|
|
2229
|
-
$style:
|
|
2230
|
-
},
|
|
2230
|
+
}, ni = {
|
|
2231
|
+
$style: oi
|
|
2232
|
+
}, Ni = /* @__PURE__ */ H(Rl, [["__cssModules", ni]]), si = { class: "flex items-center" }, bi = /* @__PURE__ */ $({
|
|
2231
2233
|
name: "RuiRevealableTextField",
|
|
2232
2234
|
__name: "RevealableTextField",
|
|
2233
2235
|
setup(e) {
|
|
2234
|
-
const s = O(!0),
|
|
2235
|
-
return (
|
|
2236
|
+
const s = O(!0), o = de(), a = ye();
|
|
2237
|
+
return (n, l) => (c(), Y(et, le(t(o), {
|
|
2236
2238
|
type: t(s) ? "password" : "text"
|
|
2237
2239
|
}), Ie({
|
|
2238
2240
|
append: K(() => [
|
|
@@ -2254,7 +2256,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2254
2256
|
]),
|
|
2255
2257
|
_: 1
|
|
2256
2258
|
}),
|
|
2257
|
-
te(
|
|
2259
|
+
te(n.$slots, "append")
|
|
2258
2260
|
])
|
|
2259
2261
|
]),
|
|
2260
2262
|
_: 2
|
|
@@ -2262,7 +2264,7 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2262
2264
|
t(a).prepend ? {
|
|
2263
2265
|
name: "prepend",
|
|
2264
2266
|
fn: K(() => [
|
|
2265
|
-
te(
|
|
2267
|
+
te(n.$slots, "prepend")
|
|
2266
2268
|
]),
|
|
2267
2269
|
key: "0"
|
|
2268
2270
|
} : void 0
|
|
@@ -2275,34 +2277,34 @@ const vo = { class: "flex items-center shrink-0" }, go = /* @__PURE__ */ z("lege
|
|
|
2275
2277
|
}, null, -1), ri = {
|
|
2276
2278
|
key: 0,
|
|
2277
2279
|
class: "text-h4 text-rui-light-primary"
|
|
2278
|
-
},
|
|
2280
|
+
}, mi = /* @__PURE__ */ $({
|
|
2279
2281
|
name: "RuiLogo",
|
|
2280
2282
|
__name: "Logo",
|
|
2281
2283
|
props: {
|
|
2282
2284
|
text: { type: Boolean, default: !1 }
|
|
2283
2285
|
},
|
|
2284
2286
|
setup(e) {
|
|
2285
|
-
return (s,
|
|
2287
|
+
return (s, o) => (c(), _("div", li, [
|
|
2286
2288
|
ii,
|
|
2287
2289
|
s.text ? (c(), _("div", ri, "rotki")) : E("", !0)
|
|
2288
2290
|
]));
|
|
2289
2291
|
}
|
|
2290
2292
|
});
|
|
2291
2293
|
export {
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2294
|
+
pi as A,
|
|
2295
|
+
fi as B,
|
|
2296
|
+
vi as C,
|
|
2297
|
+
ji as F,
|
|
2296
2298
|
ge as R,
|
|
2297
2299
|
W as S,
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
+
mi as _,
|
|
2301
|
+
yi as a,
|
|
2300
2302
|
Ce as b,
|
|
2301
2303
|
C as c,
|
|
2302
2304
|
Pe as d,
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2305
|
+
Ni as e,
|
|
2306
|
+
Li as f,
|
|
2307
|
+
bi as g,
|
|
2308
|
+
gi as h,
|
|
2307
2309
|
et as i
|
|
2308
2310
|
};
|