@rotki/ui-library 0.2.2 → 0.2.4

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.
@@ -1,2310 +0,0 @@
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__ */ $({
6
- name: "RuiProgress",
7
- __name: "Progress",
8
- props: {
9
- value: { default: 0 },
10
- bufferValue: { default: 0 },
11
- variant: { default: "determinate" },
12
- color: { default: "inherit" },
13
- circular: { type: Boolean, default: !1 },
14
- showLabel: { type: Boolean, default: !1 },
15
- thickness: { default: 4 },
16
- size: { default: 32 }
17
- },
18
- setup(e) {
19
- const s = e;
20
- ze((L) => ({
21
- "54a5d9d4": t(M),
22
- "284f2d02": t(i),
23
- "399567a9": t(y),
24
- fa8ad720: t(b),
25
- "53bb3a7c": t(u)
26
- }));
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))
29
- ), d = N(() => `${Math.floor(f(r))}%`), u = N(() => -100 + f(r)), y = N(() => `${f(u)}%`), b = N(
30
- () => `${-100 + Math.max(0, Math.min(f(l) ?? 100, 100))}%`
31
- ), h = N(
32
- () => +f(i) * 32 / +f(M)
33
- ), A = N(() => 40 + f(h));
34
- return (L, p) => (c(), _("div", {
35
- class: v([
36
- t(o).wrapper,
37
- L.circular ? "inline-flex" : "w-full",
38
- { [t(o)["has-label"]]: L.showLabel && t(a) !== "indeterminate" }
39
- ])
40
- }, [
41
- z("div", {
42
- "aria-valuenow": t(n),
43
- class: v([
44
- L.circular && t(a) !== "buffer" ? t(o).circular : t(o).progress,
45
- t(o)[t(a) ?? ""],
46
- t(o)[L.color ?? ""]
47
- ]),
48
- "aria-valuemax": "100",
49
- "aria-valuemin": "0",
50
- role: "progressbar"
51
- }, [
52
- L.circular && t(a) !== "buffer" ? (c(), _("svg", {
53
- key: 0,
54
- viewBox: `0 0 ${t(A)} ${t(A)}`
55
- }, [
56
- z("circle", {
57
- cx: "50%",
58
- cy: "50%",
59
- fill: "none",
60
- r: "20",
61
- "stroke-width": t(h)
62
- }, null, 8, _t)
63
- ], 8, pt)) : (c(), _(X, { key: 1 }, [
64
- t(a) === "buffer" ? (c(), _("div", {
65
- key: 0,
66
- class: v(t(o)["buffer-dots"])
67
- }, null, 2)) : E("", !0),
68
- z("div", {
69
- class: v([t(o).rail, { [t(o)["buffer-rail"]]: t(a) === "buffer" }])
70
- }, null, 2),
71
- z("div", {
72
- class: v(t(o)[t(a) ?? ""])
73
- }, null, 2)
74
- ], 64))
75
- ], 10, Mt),
76
- L.showLabel && t(a) !== "indeterminate" ? (c(), _("div", {
77
- key: 0,
78
- class: v(t(o).label)
79
- }, B(t(d)), 3)) : E("", !0)
80
- ], 2));
81
- }
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,
84
- "has-label": "_has-label_g0b28_1",
85
- label: vt,
86
- circular: gt,
87
- progress: jt,
88
- rail: Lt,
89
- determinate: Nt,
90
- buffer: bt,
91
- indeterminate: mt,
92
- "slide-rail": "_slide-rail_g0b28_1",
93
- "buffer-dots": "_buffer-dots_g0b28_28",
94
- "buffer-pulse": "_buffer-pulse_g0b28_1",
95
- "buffer-rail": "_buffer-rail_g0b28_32",
96
- primary: Tt,
97
- secondary: Dt,
98
- inherit: It,
99
- spin: zt,
100
- "collapse-stroke": "_collapse-stroke_g0b28_1"
101
- }, H = (e, s) => {
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__ */ $({
109
- name: "RuiButton",
110
- __name: "Button",
111
- props: {
112
- disabled: { type: Boolean, default: !1 },
113
- loading: { type: Boolean, default: !1 },
114
- color: { default: void 0 },
115
- rounded: { type: Boolean, default: !1 },
116
- elevation: { default: null },
117
- variant: { default: "default" },
118
- icon: { type: Boolean, default: !1 },
119
- size: { default: void 0 }
120
- },
121
- setup(e) {
122
- const s = e, { disabled: o, elevation: a, variant: n, size: l } = se(s), i = de(), M = Z(), r = N(() => {
123
- if (f(o))
124
- return 0;
125
- const u = f(a);
126
- return u !== null ? u : f(n) === "fab" ? 6 : 0;
127
- }), d = N(() => {
128
- const u = f(l);
129
- return u === "lg" ? 26 : u === "sm" ? 18 : 22;
130
- });
131
- return (u, y) => (c(), _("button", le({
132
- class: [
133
- t(M).btn,
134
- t(M)[u.color ?? "grey"],
135
- t(M)[t(l) ?? ""],
136
- t(M)[t(n)],
137
- `shadow-${t(r)}`,
138
- {
139
- [t(M).loading]: u.loading,
140
- [t(M)._rounded]: u.rounded,
141
- [t(M).icon]: u.icon
142
- }
143
- ],
144
- disabled: t(o) || u.loading
145
- }, t(i)), [
146
- te(u.$slots, "prepend"),
147
- z("span", {
148
- class: v(t(M).label)
149
- }, [
150
- te(u.$slots, "default")
151
- ], 2),
152
- te(u.$slots, "append"),
153
- u.loading ? (c(), Y(Pe, {
154
- key: 0,
155
- circular: "",
156
- class: v(t(M).spinner),
157
- variant: "indeterminate",
158
- size: t(d)
159
- }, null, 8, ["class", "size"])) : E("", !0)
160
- ], 16, St));
161
- }
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,
181
- "bg-tint": "_bg-tint_153yk_1",
182
- "bg-shade": "_bg-shade_153yk_1",
183
- "text-tint": "_text-tint_153yk_1",
184
- "text-shade": "_text-shade_153yk_1"
185
- }, Jt = {
186
- $style: qt
187
- }, ge = /* @__PURE__ */ H(At, [["__cssModules", Jt]]), Kt = ["height", "width"], Xt = ["d"], eo = /* @__PURE__ */ $({
188
- name: "RuiIcon",
189
- __name: "Icon",
190
- props: {
191
- name: {},
192
- size: { default: 24 },
193
- color: { default: void 0 }
194
- },
195
- setup(e) {
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];
198
- return r || console.error(
199
- `Icons "${i}" not found. Make sure that you have register the icon when installing the RuiPlugin`
200
- ), r;
201
- });
202
- return (i, M) => (c(), _("svg", {
203
- class: v([t(o).remixicon, t(o)[i.color ?? ""]]),
204
- height: i.size,
205
- width: i.size,
206
- viewBox: "0 0 24 24",
207
- xmlns: "http://www.w3.org/2000/svg"
208
- }, [
209
- z("path", {
210
- d: t(l),
211
- fill: "currentColor"
212
- }, null, 8, Xt)
213
- ], 10, Kt));
214
- }
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,
223
- "bg-tint": "_bg-tint_2d6in_1",
224
- "bg-shade": "_bg-shade_2d6in_1",
225
- "text-tint": "_text-tint_2d6in_1",
226
- "text-shade": "_text-shade_2d6in_1"
227
- }, uo = {
228
- $style: ro
229
- }, C = /* @__PURE__ */ H(eo, [["__cssModules", uo]]), co = { class: "flex space-x-3 py-1 flex-grow" }, Mo = {
230
- key: 0,
231
- class: "font-medium"
232
- }, po = { class: "text-body-2" }, _o = { key: 0 }, yo = { key: 1 }, fo = /* @__PURE__ */ $({
233
- name: "RuiAlert",
234
- __name: "Alert",
235
- props: {
236
- title: { default: "" },
237
- description: { default: "" },
238
- type: { default: "primary" },
239
- icon: { default: "" },
240
- variant: { default: "default" },
241
- actionText: { default: "" },
242
- closeable: { type: Boolean, default: !1 }
243
- },
244
- emits: ["action", "close"],
245
- setup(e, { emit: s }) {
246
- const o = e, { icon: a, type: n } = se(o), l = N(() => {
247
- const r = f(a);
248
- return r || ({
249
- primary: "",
250
- secondary: "",
251
- warning: "alert-line",
252
- info: "information-line",
253
- error: "error-warning-line",
254
- success: "checkbox-circle-line"
255
- }[f(n)] ?? "");
256
- }), i = Z(), M = de();
257
- return (r, d) => (c(), _("div", le({
258
- class: [t(i).alert, t(i)[t(n)], t(i)[r.variant]]
259
- }, t(M)), [
260
- z("div", co, [
261
- t(l) ? (c(), _("div", {
262
- key: 0,
263
- class: v(t(i).icon)
264
- }, [
265
- Q(C, {
266
- name: t(l),
267
- size: "22"
268
- }, null, 8, ["name"])
269
- ], 2)) : E("", !0),
270
- z("div", {
271
- class: v(["space-y-1 flex-grow", t(i).texts])
272
- }, [
273
- r.title ? (c(), _("div", Mo, B(r.title), 1)) : E("", !0),
274
- z("div", po, B(r.description), 1)
275
- ], 2)
276
- ]),
277
- r.actionText ? (c(), _("div", _o, [
278
- Q(ge, {
279
- variant: "text",
280
- size: "sm",
281
- color: r.variant === "filled" ? void 0 : t(n),
282
- class: v(t(i).action),
283
- onClick: d[0] || (d[0] = (u) => s("action"))
284
- }, {
285
- default: K(() => [
286
- $e(B(r.actionText), 1)
287
- ]),
288
- _: 1
289
- }, 8, ["color", "class"])
290
- ])) : E("", !0),
291
- r.closeable ? (c(), _("div", yo, [
292
- Q(ge, {
293
- color: r.variant === "filled" ? void 0 : t(n),
294
- size: "sm",
295
- icon: "",
296
- variant: "text",
297
- class: v(t(i).close),
298
- onClick: d[1] || (d[1] = (u) => s("close"))
299
- }, {
300
- default: K(() => [
301
- Q(C, {
302
- name: "close-fill",
303
- size: "20"
304
- })
305
- ]),
306
- _: 1
307
- }, 8, ["color", "class"])
308
- ])) : E("", !0)
309
- ], 16));
310
- }
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,
314
- default: "_default_1r1r6_315",
315
- "bg-shade": "_bg-shade_1r1r6_1",
316
- icon: jo,
317
- texts: Lo,
318
- action: No,
319
- close: bo,
320
- outlined: mo,
321
- "text-tint": "_text-tint_1r1r6_1",
322
- secondary: To,
323
- error: Do,
324
- warning: Io,
325
- info: zo,
326
- success: ho,
327
- "bg-tint": "_bg-tint_1r1r6_1",
328
- filled: xo,
329
- "text-shade": "_text-shade_1r1r6_1"
330
- }, Ao = {
331
- $style: So
332
- }, pi = /* @__PURE__ */ H(fo, [["__cssModules", Ao]]);
333
- function oe(e, s, ...o) {
334
- if (e in s) {
335
- let n = s[e];
336
- return typeof n == "function" ? n(...o) : n;
337
- }
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;
340
- }
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 }) {
343
- var l;
344
- let i = Ve(a, o), M = Object.assign(n, { props: i });
345
- if (e || s & 2 && i.static)
346
- return me(M);
347
- if (s & 1) {
348
- let r = (l = i.unmount) == null || l ? 0 : 1;
349
- return oe(r, { 0() {
350
- return null;
351
- }, 1() {
352
- return me({ ...n, props: { ...i, hidden: !0, style: { display: "none" } } });
353
- } });
354
- }
355
- return me(M);
356
- }
357
- function me({ props: e, attrs: s, slots: o, slot: a, name: n }) {
358
- var l, i;
359
- let { as: M, ...r } = xe(e, ["unmount", "static"]), d = (l = o.default) == null ? void 0 : l.call(o, a), u = {};
360
- if (a) {
361
- let y = !1, b = [];
362
- for (let [h, A] of Object.entries(a))
363
- typeof A == "boolean" && (y = !0), A === !0 && b.push(h);
364
- y && (u["data-headlessui-state"] = b.join(" "));
365
- }
366
- if (M === "template") {
367
- if (d = Be(d ?? []), Object.keys(r).length > 0 || Object.keys(s).length > 0) {
368
- let [y, ...b] = d ?? [];
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(`
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(`
372
- `)].join(`
373
- `));
374
- let h = Ve((i = y.props) != null ? i : {}, r), A = st(y, h);
375
- for (let L in h)
376
- L.startsWith("on") && (A.props || (A.props = {}), A.props[L] = h[L]);
377
- return A;
378
- }
379
- return Array.isArray(d) && d.length === 1 ? d[0] : d;
380
- }
381
- return Te(M, Object.assign({}, r, u), { default: () => d });
382
- }
383
- function Be(e) {
384
- return e.flatMap((s) => s.type === X ? Be(s.children) : [s]);
385
- }
386
- function Ve(...e) {
387
- if (e.length === 0)
388
- return {};
389
- if (e.length === 1)
390
- return e[0];
391
- let s = {}, o = {};
392
- for (let a of e)
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];
395
- if (s.disabled || s["aria-disabled"])
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];
400
- for (let M of i) {
401
- if (n instanceof Event && n.defaultPrevented)
402
- return;
403
- M(n, ...l);
404
- }
405
- } });
406
- return s;
407
- }
408
- function ko(e) {
409
- let s = Object.assign({}, e);
410
- for (let o in s)
411
- s[o] === void 0 && delete s[o];
412
- return s;
413
- }
414
- function xe(e, s = []) {
415
- let o = Object.assign({}, e);
416
- for (let a of s)
417
- a in o && delete o[a];
418
- return o;
419
- }
420
- function Oo(e) {
421
- return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
422
- }
423
- let Eo = 0;
424
- function Co() {
425
- return ++Eo;
426
- }
427
- function Ne() {
428
- return Co();
429
- }
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 || {});
431
- function $o(e) {
432
- throw new Error("Unexpected object: " + e);
433
- }
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 || {});
435
- function Yo(e, s) {
436
- let o = s.resolveItems();
437
- if (o.length <= 0)
438
- return null;
439
- let a = s.resolveActiveIndex(), n = a ?? -1, l = (() => {
440
- switch (e.focus) {
441
- case 0:
442
- return o.findIndex((i) => !s.resolveDisabled(i));
443
- case 1: {
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;
446
- }
447
- case 2:
448
- return o.findIndex((i, M) => M <= n ? !1 : !s.resolveDisabled(i));
449
- case 3: {
450
- let i = o.slice().reverse().findIndex((M) => !s.resolveDisabled(M));
451
- return i === -1 ? i : o.length - 1 - i;
452
- }
453
- case 4:
454
- return o.findIndex((i) => s.resolveId(i) === e.id);
455
- case 5:
456
- return null;
457
- default:
458
- $o(e);
459
- }
460
- })();
461
- return l === -1 ? a : l;
462
- }
463
- function U(e) {
464
- var s;
465
- return e == null || e.value == null ? null : (s = e.value.$el) != null ? s : e.value;
466
- }
467
- let Fe = Symbol("Context");
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 || {});
469
- function Qo() {
470
- return Ye(Fe, null);
471
- }
472
- function Uo(e) {
473
- Qe(Fe, e);
474
- }
475
- function Ae(e, s) {
476
- if (e)
477
- return e;
478
- let o = s ?? "button";
479
- if (typeof o == "string" && o.toLowerCase() === "button")
480
- return "button";
481
- }
482
- function Ro(e, s) {
483
- let o = O(Ae(e.value.type, e.value.as));
484
- return _e(() => {
485
- o.value = Ae(e.value.type, e.value.as);
486
- }), ue(() => {
487
- var a;
488
- o.value || U(s) && U(s) instanceof HTMLButtonElement && !((a = U(s)) != null && a.hasAttribute("type")) && (o.value = "button");
489
- }), o;
490
- }
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 {
493
- constructor() {
494
- we(this, "current", this.detect()), we(this, "currentId", 0);
495
- }
496
- set(s) {
497
- this.current !== s && (this.currentId = 0, this.current = s);
498
- }
499
- reset() {
500
- this.set(this.detect());
501
- }
502
- nextId() {
503
- return ++this.currentId;
504
- }
505
- get isServer() {
506
- return this.current === "server";
507
- }
508
- get isClient() {
509
- return this.current === "client";
510
- }
511
- detect() {
512
- return typeof window > "u" || typeof document > "u" ? "server" : "client";
513
- }
514
- }, Se = new Vo();
515
- function Ge(e) {
516
- if (Se.isServer)
517
- return null;
518
- if (e instanceof Node)
519
- return e.ownerDocument;
520
- if (e != null && e.hasOwnProperty("value")) {
521
- let s = U(e);
522
- if (s)
523
- return s.ownerDocument;
524
- }
525
- return document;
526
- }
527
- function Fo({ container: e, accept: s, walk: o, enabled: a }) {
528
- ue(() => {
529
- let n = e.value;
530
- if (!n || a !== void 0 && !a.value)
531
- return;
532
- let l = Ge(e);
533
- if (!l)
534
- return;
535
- let i = Object.assign((r) => s(r), { acceptNode: s }), M = l.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, i, !1);
536
- for (; M.nextNode(); )
537
- o(M.currentNode);
538
- });
539
- }
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(",");
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() {
545
- return e.matches(ke);
546
- }, 1() {
547
- let a = e;
548
- for (; a !== null; ) {
549
- if (a.matches(ke))
550
- return !0;
551
- a = a.parentElement;
552
- }
553
- return !1;
554
- } });
555
- }
556
- var qo = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(qo || {});
557
- typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
558
- e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
559
- }, !0), document.addEventListener("click", (e) => {
560
- e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
561
- }, !0));
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)
566
- return 0;
567
- let i = n.compareDocumentPosition(l);
568
- return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
569
- });
570
- }
571
- function Oe(e, s, o) {
572
- Se.isServer || ue((a) => {
573
- document.addEventListener(e, s, o), a(() => document.removeEventListener(e, s, o));
574
- });
575
- }
576
- function Ko(e, s, o) {
577
- Se.isServer || ue((a) => {
578
- window.addEventListener(e, s, o), a(() => window.removeEventListener(e, s, o));
579
- });
580
- }
581
- function Xo(e, s, o = N(() => !0)) {
582
- function a(l, i) {
583
- if (!o.value || l.defaultPrevented)
584
- return;
585
- let M = i(l);
586
- if (M === null || !M.getRootNode().contains(M))
587
- return;
588
- let r = function d(u) {
589
- return typeof u == "function" ? d(u()) : Array.isArray(u) || u instanceof Set ? u : [u];
590
- }(e);
591
- for (let d of r) {
592
- if (d === null)
593
- continue;
594
- let u = d instanceof HTMLElement ? d : U(d);
595
- if (u != null && u.contains(M) || l.composed && l.composedPath().includes(u))
596
- return;
597
- }
598
- return !Ho(M, We.Loose) && M.tabIndex !== -1 && l.preventDefault(), s(l, M);
599
- }
600
- let n = O(null);
601
- Oe("mousedown", (l) => {
602
- var i, M;
603
- o.value && (n.value = ((M = (i = l.composedPath) == null ? void 0 : i.call(l)) == null ? void 0 : M[0]) || l.target);
604
- }, !0), Oe("click", (l) => {
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);
607
- }
608
- var Ze = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Ze || {});
609
- let en = $({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: s, attrs: o }) {
610
- return () => {
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" });
613
- };
614
- } });
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;
619
- }
620
- function qe(e, s) {
621
- return e ? e + "[" + s + "]" : s;
622
- }
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);
627
- else
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);
629
- }
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);
634
- }];
635
- }
636
- function Ee(e) {
637
- return [e.screenX, e.screenY];
638
- }
639
- function on() {
640
- let e = O([-1, -1]);
641
- return { wasMoved(s) {
642
- let o = Ee(s);
643
- return e.value[0] === o[0] && e.value[1] === o[1] ? !1 : (e.value = o, !0);
644
- }, update(s) {
645
- e.value = Ee(s);
646
- } };
647
- }
648
- function nn() {
649
- return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
650
- }
651
- function sn() {
652
- return /Android/gi.test(window.navigator.userAgent);
653
- }
654
- function an() {
655
- return nn() || sn();
656
- }
657
- function Ke() {
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);
662
- s.add(() => cancelAnimationFrame(a));
663
- }, nextFrame(...o) {
664
- s.requestAnimationFrame(() => {
665
- s.requestAnimationFrame(...o);
666
- });
667
- }, setTimeout(...o) {
668
- let a = setTimeout(...o);
669
- s.add(() => clearTimeout(a));
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 });
674
- });
675
- }, group(o) {
676
- let a = Ke();
677
- return o(a), this.add(() => a.dispose());
678
- }, add(o) {
679
- return e.push(o), () => {
680
- let a = e.indexOf(o);
681
- if (a >= 0)
682
- for (let n of e.splice(a, 1))
683
- n();
684
- };
685
- }, dispose() {
686
- for (let o of e.splice(0))
687
- o();
688
- } };
689
- return s;
690
- }
691
- function ln(e, s) {
692
- return e === s;
693
- }
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 || {});
695
- let Xe = Symbol("ComboboxContext");
696
- function fe(e) {
697
- let s = Ye(Xe, null);
698
- if (s === null) {
699
- let o = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
700
- throw Error.captureStackTrace && Error.captureStackTrace(o, fe), o;
701
- }
702
- return s;
703
- }
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);
706
- function A(D = (x) => x) {
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;
708
- return I === -1 && (I = null), { options: w, activeOptionIndex: I };
709
- }
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) {
711
- if (typeof e.by == "string") {
712
- let w = e.by;
713
- return (D == null ? void 0 : D[w]) === (x == null ? void 0 : x[w]);
714
- }
715
- return e.by(D, x);
716
- }, defaultValue: N(() => e.defaultValue), nullable: p, inputRef: i, labelRef: l, buttonRef: M, optionsRef: r, disabled: N(() => e.disabled), options: u, change(D) {
717
- g(D);
718
- }, activeOptionIndex: N(() => {
719
- if (h.value && y.value === null && u.value.length > 0) {
720
- let D = u.value.findIndex((x) => !x.dataRef.disabled);
721
- D !== -1 && (y.value = D);
722
- }
723
- return y.value;
724
- }), activationTrigger: b, optionsPropsRef: d, closeCombobox() {
725
- h.value = !1, !e.disabled && n.value !== 1 && (n.value = 1, y.value = null);
726
- }, openCombobox() {
727
- if (h.value = !0, e.disabled || n.value === 0)
728
- return;
729
- let D = u.value.findIndex((x) => {
730
- let w = P(x.dataRef.value);
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))) });
732
- });
733
- D !== -1 && (y.value = D), n.value = 0;
734
- }, goToOption(D, x, w) {
735
- if (h.value = !1, e.disabled || r.value && !d.value.static && n.value === 1)
736
- return;
737
- let I = A();
738
- if (I.activeOptionIndex === null) {
739
- let R = I.options.findIndex((ie) => !ie.dataRef.disabled);
740
- R !== -1 && (I.activeOptionIndex = R);
741
- }
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 });
743
- y.value = k, b.value = w ?? 1, u.value = I.options;
744
- }, selectOption(D) {
745
- let x = u.value.find((I) => I.id === D);
746
- if (!x)
747
- return;
748
- let { dataRef: w } = x;
749
- g(oe(L.value, { 0: () => w.value, 1: () => {
750
- let I = P(j.value.value).slice(), k = P(w.value), R = I.findIndex((ie) => j.compare(k, P(ie)));
751
- return R === -1 ? I.push(k) : I.splice(R, 1), I;
752
- } }));
753
- }, selectActiveOption() {
754
- if (j.activeOptionIndex.value === null)
755
- return;
756
- let { dataRef: D, id: x } = u.value[j.activeOptionIndex.value];
757
- g(oe(L.value, { 0: () => D.value, 1: () => {
758
- let w = P(j.value.value).slice(), I = P(D.value), k = w.findIndex((R) => j.compare(I, P(R)));
759
- return k === -1 ? w.push(I) : w.splice(k, 1), w;
760
- } })), j.goToOption(G.Specific, x);
761
- }, registerOption(D, x) {
762
- let w = { id: D, dataRef: x }, I = A((k) => [...k, w]);
763
- if (y.value === null) {
764
- let k = x.value.value;
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));
766
- }
767
- u.value = I.options, y.value = I.activeOptionIndex, b.value = 1, I.options.some((k) => !U(k.dataRef.domRef)) && requestAnimationFrame(() => {
768
- let k = A();
769
- u.value = k.options, y.value = k.activeOptionIndex;
770
- });
771
- }, unregisterOption(D) {
772
- var x;
773
- j.activeOptionIndex.value !== null && ((x = j.options.value[j.activeOptionIndex.value]) == null ? void 0 : x.id) === D && (h.value = !0);
774
- let w = A((I) => {
775
- let k = I.findIndex((R) => R.id === D);
776
- return k !== -1 && I.splice(k, 1), I;
777
- });
778
- u.value = w.options, y.value = w.activeOptionIndex, b.value = 1;
779
- } };
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 })));
781
- let V = N(() => j.activeOptionIndex.value === null ? null : u.value[j.activeOptionIndex.value].dataRef.value), ee = N(() => {
782
- var D;
783
- return (D = U(i)) == null ? void 0 : D.closest("form");
784
- });
785
- return _e(() => {
786
- pe([ee], () => {
787
- if (!ee.value || e.defaultValue === void 0)
788
- return;
789
- function D() {
790
- j.change(e.defaultValue);
791
- }
792
- return ee.value.addEventListener("reset", D), () => {
793
- var x;
794
- (x = ee.value) == null || x.removeEventListener("reset", D);
795
- };
796
- }, { immediate: !0 });
797
- }), () => {
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" })]);
800
- };
801
- } });
802
- $({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${Ne()}` } }, setup(e, { attrs: s, slots: o }) {
803
- let a = fe("ComboboxLabel");
804
- function n() {
805
- var l;
806
- (l = U(a.inputRef)) == null || l.focus({ preventScroll: !0 });
807
- }
808
- return () => {
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" });
811
- };
812
- } });
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 });
816
- function l(r) {
817
- n.disabled.value || (n.comboboxState.value === 0 ? n.closeCombobox() : (r.preventDefault(), n.openCombobox()), ne(() => {
818
- var d;
819
- return (d = U(n.inputRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
820
- }));
821
- }
822
- function i(r) {
823
- switch (r.key) {
824
- case J.ArrowDown:
825
- r.preventDefault(), r.stopPropagation(), n.comboboxState.value === 1 && n.openCombobox(), ne(() => {
826
- var d;
827
- return (d = n.inputRef.value) == null ? void 0 : d.focus({ preventScroll: !0 });
828
- });
829
- return;
830
- case J.ArrowUp:
831
- r.preventDefault(), r.stopPropagation(), n.comboboxState.value === 1 && (n.openCombobox(), ne(() => {
832
- n.value.value || n.goToOption(G.Last);
833
- })), ne(() => {
834
- var d;
835
- return (d = n.inputRef.value) == null ? void 0 : d.focus({ preventScroll: !0 });
836
- });
837
- return;
838
- case J.Escape:
839
- if (n.comboboxState.value !== 0)
840
- return;
841
- r.preventDefault(), n.optionsRef.value && !n.optionsPropsRef.value.static && r.stopPropagation(), n.closeCombobox(), ne(() => {
842
- var d;
843
- return (d = n.inputRef.value) == null ? void 0 : d.focus({ preventScroll: !0 });
844
- });
845
- return;
846
- }
847
- }
848
- let M = Ro(N(() => ({ as: e.as, type: s.type })), n.buttonRef);
849
- return () => {
850
- var r, d;
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" });
853
- };
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 }) {
855
- let l = fe("ComboboxInput"), i = { value: !1 };
856
- n({ el: l.inputRef, $el: l.inputRef });
857
- let M = N(() => {
858
- var p;
859
- let m = l.value.value;
860
- return U(l.inputRef) ? typeof e.displayValue < "u" && m !== void 0 ? (p = e.displayValue(m)) != null ? p : "" : typeof m == "string" ? m : "" : "";
861
- });
862
- _e(() => {
863
- pe([M, l.comboboxState], ([p, m], [g, j]) => {
864
- if (i.value)
865
- return;
866
- let V = U(l.inputRef);
867
- V && (j === 0 && m === 1 || p !== g) && (V.value = p);
868
- }, { immediate: !0 }), pe([l.comboboxState], ([p], [m]) => {
869
- if (p === 0 && m === 1) {
870
- let g = U(l.inputRef);
871
- if (!g)
872
- return;
873
- let j = g.value, { selectionStart: V, selectionEnd: ee, selectionDirection: D } = g;
874
- g.value = "", g.value = j, D !== null ? g.setSelectionRange(V, ee, D) : g.setSelectionRange(V, ee);
875
- }
876
- });
877
- });
878
- let r = O(!1), d = O(null);
879
- function u() {
880
- r.value = !0;
881
- }
882
- function y() {
883
- Ke().nextFrame(() => {
884
- r.value = !1, d.value && (l.openCombobox(), s("change", d.value), d.value = null);
885
- });
886
- }
887
- function b(p) {
888
- switch (i.value = !0, p.key) {
889
- case J.Backspace:
890
- case J.Delete:
891
- if (l.mode.value !== 0 || !l.nullable.value)
892
- return;
893
- let m = p.currentTarget;
894
- requestAnimationFrame(() => {
895
- if (m.value === "") {
896
- l.change(null);
897
- let g = U(l.optionsRef);
898
- g && (g.scrollTop = 0), l.goToOption(G.Nothing);
899
- }
900
- });
901
- break;
902
- case J.Enter:
903
- if (i.value = !1, l.comboboxState.value !== 0 || r.value)
904
- return;
905
- if (p.preventDefault(), p.stopPropagation(), l.activeOptionIndex.value === null) {
906
- l.closeCombobox();
907
- return;
908
- }
909
- l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
910
- break;
911
- case J.ArrowDown:
912
- return i.value = !1, p.preventDefault(), p.stopPropagation(), oe(l.comboboxState.value, { 0: () => l.goToOption(G.Next), 1: () => l.openCombobox() });
913
- case J.ArrowUp:
914
- return i.value = !1, p.preventDefault(), p.stopPropagation(), oe(l.comboboxState.value, { 0: () => l.goToOption(G.Previous), 1: () => {
915
- l.openCombobox(), ne(() => {
916
- l.value.value || l.goToOption(G.Last);
917
- });
918
- } });
919
- case J.Home:
920
- if (p.shiftKey)
921
- break;
922
- return i.value = !1, p.preventDefault(), p.stopPropagation(), l.goToOption(G.First);
923
- case J.PageUp:
924
- return i.value = !1, p.preventDefault(), p.stopPropagation(), l.goToOption(G.First);
925
- case J.End:
926
- if (p.shiftKey)
927
- break;
928
- return i.value = !1, p.preventDefault(), p.stopPropagation(), l.goToOption(G.Last);
929
- case J.PageDown:
930
- return i.value = !1, p.preventDefault(), p.stopPropagation(), l.goToOption(G.Last);
931
- case J.Escape:
932
- if (i.value = !1, l.comboboxState.value !== 0)
933
- return;
934
- p.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && p.stopPropagation(), l.closeCombobox();
935
- break;
936
- case J.Tab:
937
- if (i.value = !1, l.comboboxState.value !== 0)
938
- return;
939
- l.mode.value === 0 && l.selectActiveOption(), l.closeCombobox();
940
- break;
941
- }
942
- }
943
- function h(p) {
944
- if (r.value) {
945
- d.value = p;
946
- return;
947
- }
948
- l.openCombobox(), s("change", p);
949
- }
950
- function A() {
951
- i.value = !1;
952
- }
953
- let L = N(() => {
954
- var p, m, g, j;
955
- return (j = (g = (m = e.defaultValue) != null ? m : l.defaultValue.value !== void 0 ? (p = e.displayValue) == null ? void 0 : p.call(e, l.defaultValue.value) : null) != null ? g : l.defaultValue.value) != null ? j : "";
956
- });
957
- return () => {
958
- var p, m, g, j, V, ee;
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" });
961
- };
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;
966
- }), ue(() => {
967
- n.optionsPropsRef.value.hold = e.hold;
968
- });
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) {
971
- return r.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : r.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
972
- }, walk(r) {
973
- r.setAttribute("role", "none");
974
- } }), () => {
975
- var r, d, u;
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" });
978
- };
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);
981
- a({ el: i, $el: i });
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(() => {
985
- var p, m;
986
- return (m = (p = U(i)) == null ? void 0 : p.scrollIntoView) == null ? void 0 : m.call(p, { block: "nearest" });
987
- });
988
- });
989
- function u(p) {
990
- if (e.disabled)
991
- return p.preventDefault();
992
- n.selectOption(l), n.mode.value === 0 && n.closeCombobox(), an() || requestAnimationFrame(() => {
993
- var m;
994
- return (m = U(n.inputRef)) == null ? void 0 : m.focus();
995
- });
996
- }
997
- function y() {
998
- if (e.disabled)
999
- return n.goToOption(G.Nothing);
1000
- n.goToOption(G.Specific, l);
1001
- }
1002
- let b = on();
1003
- function h(p) {
1004
- b.update(p);
1005
- }
1006
- function A(p) {
1007
- b.wasMoved(p) && (e.disabled || M.value || n.goToOption(G.Specific, l, 0));
1008
- }
1009
- function L(p) {
1010
- b.wasMoved(p) && (e.disabled || M.value && (n.optionsPropsRef.value.hold || n.goToOption(G.Nothing)));
1011
- }
1012
- return () => {
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 };
1014
- return Me({ ourProps: g, theirProps: e, slot: m, attrs: o, slots: s, name: "ComboboxOption" });
1015
- };
1016
- } });
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 = {
1020
- key: 0,
1021
- class: "details pt-1"
1022
- }, Nn = {
1023
- key: 0,
1024
- class: "text-rui-error text-caption"
1025
- }, bn = {
1026
- key: 1,
1027
- class: "text-rui-text-secondary text-caption"
1028
- }, mn = {
1029
- key: 2,
1030
- class: "h-5"
1031
- }, Tn = /* @__PURE__ */ $({
1032
- name: "RuiTextField",
1033
- __name: "TextField",
1034
- props: {
1035
- modelValue: { default: "" },
1036
- label: { default: "" },
1037
- placeholder: { default: "" },
1038
- disabled: { type: Boolean, default: !1 },
1039
- variant: { default: "default" },
1040
- color: { default: "grey" },
1041
- dense: { type: Boolean, default: !1 },
1042
- hint: { default: "" },
1043
- as: { default: "input" },
1044
- errorMessages: { default: () => [] },
1045
- hideDetails: { type: Boolean, default: !1 },
1046
- prependIcon: { default: "" },
1047
- appendIcon: { default: "" }
1048
- },
1049
- emits: ["update:modelValue", "focus-input", "blur", "remove"],
1050
- setup(e, { emit: s }) {
1051
- const o = e;
1052
- ze((g) => ({
1053
- "7472fb32": t(h),
1054
- "5914c95d": t(A),
1055
- "1c99e6de": t(l)
1056
- }));
1057
- const { label: a } = se(o), n = (g) => {
1058
- const j = g.target.value;
1059
- s("update:modelValue", j);
1060
- }, l = N(() => f(a) ? `' ${f(a)} '` : '"\\200B"'), i = O(), M = O(), { left: r, right: d } = ve(i), {
1061
- left: u,
1062
- right: y,
1063
- width: b
1064
- } = ve(M), h = N(
1065
- () => `${f(u) - f(r)}px`
1066
- ), A = N(
1067
- () => `${f(d) - f(y)}px`
1068
- ), L = Z(), p = de(), m = ye();
1069
- return (g, j) => (c(), _("div", {
1070
- class: v(t(p).class)
1071
- }, [
1072
- z("div", {
1073
- ref_key: "wrapper",
1074
- ref: i,
1075
- class: v([
1076
- t(L).wrapper,
1077
- t(L)[g.color],
1078
- t(L)[g.variant],
1079
- {
1080
- [t(L).dense]: g.dense,
1081
- [t(L)["with-error"]]: g.errorMessages.length > 0,
1082
- [t(L)["no-label"]]: !t(a)
1083
- }
1084
- ])
1085
- }, [
1086
- z("div", fn, [
1087
- t(m).prepend ? (c(), _("div", {
1088
- key: 0,
1089
- class: v(t(L).prepend)
1090
- }, [
1091
- te(g.$slots, "prepend")
1092
- ], 2)) : g.prependIcon ? (c(), _("div", {
1093
- key: 1,
1094
- class: v([t(L).icon, t(L).prepend])
1095
- }, [
1096
- Q(C, { name: g.prependIcon }, null, 8, ["name"])
1097
- ], 2)) : E("", !0)
1098
- ]),
1099
- z("div", {
1100
- ref_key: "innerWrapper",
1101
- ref: M,
1102
- class: "flex flex-1 overflow-hidden",
1103
- onClick: j[3] || (j[3] = (V) => s("focus-input", V))
1104
- }, [
1105
- (c(), Y(he(g.as), le({
1106
- value: g.modelValue,
1107
- placeholder: g.placeholder || " ",
1108
- class: t(L).input,
1109
- disabled: g.disabled,
1110
- dense: g.dense,
1111
- variant: g.variant,
1112
- "wrapper-width": t(b)
1113
- }, t(be)(t(p), ["class"]), {
1114
- onInput: j[0] || (j[0] = (V) => n(V)),
1115
- onBlur: j[1] || (j[1] = (V) => s("blur", V)),
1116
- onRemove: j[2] || (j[2] = (V) => s("remove", V))
1117
- }), null, 16, ["value", "placeholder", "class", "disabled", "dense", "variant", "wrapper-width"])),
1118
- z("label", {
1119
- class: v(t(L).label)
1120
- }, B(t(a)), 3),
1121
- g.variant === "outlined" ? (c(), _("fieldset", {
1122
- key: 0,
1123
- class: v(t(L).fieldset)
1124
- }, gn, 2)) : E("", !0)
1125
- ], 512),
1126
- z("div", jn, [
1127
- t(m).append ? (c(), _("div", {
1128
- key: 0,
1129
- class: v(t(L).append)
1130
- }, [
1131
- te(g.$slots, "append")
1132
- ], 2)) : g.appendIcon ? (c(), _("div", {
1133
- key: 1,
1134
- class: v([t(L).icon, t(L).append])
1135
- }, [
1136
- Q(C, { name: g.appendIcon }, null, 8, ["name"])
1137
- ], 2)) : E("", !0)
1138
- ])
1139
- ], 2),
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))
1142
- ]))
1143
- ], 2));
1144
- }
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,
1161
- "with-error": "_with-error_mt8jw_440",
1162
- dense: Un,
1163
- "no-label": "_no-label_mt8jw_494",
1164
- "bg-tint": "_bg-tint_mt8jw_1",
1165
- "bg-shade": "_bg-shade_mt8jw_1",
1166
- "text-tint": "_text-tint_mt8jw_1",
1167
- "text-shade": "_text-shade_mt8jw_1"
1168
- }, Pn = {
1169
- $style: Rn
1170
- }, et = /* @__PURE__ */ H(Tn, [["__cssModules", Pn]]), Bn = ["disabled"], Vn = /* @__PURE__ */ $({
1171
- name: "RuiChip",
1172
- __name: "Chip",
1173
- props: {
1174
- label: {},
1175
- dismissible: { type: Boolean, default: !1 },
1176
- disabled: { type: Boolean, default: !1 },
1177
- size: { default: "md" },
1178
- variant: { default: "filled" },
1179
- color: { default: "grey" }
1180
- },
1181
- emits: ["remove"],
1182
- setup(e, { emit: s }) {
1183
- const o = Z(), a = ye();
1184
- return (n, l) => (c(), _("div", {
1185
- class: v([
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 }
1191
- ]),
1192
- role: "button",
1193
- tabindex: "0"
1194
- }, [
1195
- t(a).prepend ? (c(), _("div", {
1196
- key: 0,
1197
- class: v(t(o).chip__prepend)
1198
- }, [
1199
- te(n.$slots, "prepend")
1200
- ], 2)) : E("", !0),
1201
- z("span", {
1202
- class: v(t(o).chip__label)
1203
- }, B(n.label), 3),
1204
- n.dismissible ? (c(), _("button", {
1205
- key: 1,
1206
- class: v(t(o).chip__close),
1207
- disabled: n.disabled,
1208
- onClick: l[0] || (l[0] = Ue((i) => s("remove"), ["stop"]))
1209
- }, [
1210
- Q(C, {
1211
- class: v(t(o).chip__close_icon),
1212
- size: n.size === "sm" ? 16 : 24,
1213
- name: "close-circle-line"
1214
- }, null, 8, ["class", "size"])
1215
- ], 10, Bn)) : E("", !0)
1216
- ], 2));
1217
- }
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,
1230
- chip__label: os,
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,
1239
- "bg-tint": "_bg-tint_tuzt7_1",
1240
- "bg-shade": "_bg-shade_tuzt7_1",
1241
- "text-tint": "_text-tint_tuzt7_1",
1242
- "text-shade": "_text-shade_tuzt7_1"
1243
- }, Ms = {
1244
- $style: ds
1245
- }, Ce = /* @__PURE__ */ H(Vn, [["__cssModules", Ms]]), ps = /* @__PURE__ */ $({
1246
- __name: "AutoCompleteSelection",
1247
- props: {
1248
- data: {},
1249
- hasValue: { type: Boolean },
1250
- wrapperWidth: {},
1251
- textProp: { default: "text" },
1252
- keyProp: { default: "id" },
1253
- dense: { type: Boolean, default: !1 },
1254
- itemDisabledProp: { default: "" },
1255
- variant: {}
1256
- },
1257
- emits: ["remove"],
1258
- setup(e, { emit: s }) {
1259
- const o = e;
1260
- ze((p) => ({
1261
- "0f128096": t(u)
1262
- }));
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(() => {
1264
- const p = f(l);
1265
- if (!(Array.isArray(p) || !p))
1266
- return p[f(i)];
1267
- }), A = N(() => f(M) - f(u)), L = async () => {
1268
- const p = f(l);
1269
- if (!Array.isArray(p) || p.length === 0) {
1270
- ae(y, 0);
1271
- return;
1272
- }
1273
- const m = p.length - f(y);
1274
- if (m <= 0) {
1275
- ae(y, f(y) + m);
1276
- return;
1277
- }
1278
- const g = f(ve(d).width);
1279
- if (f(A) < g) {
1280
- ae(y, 0), ae(u, f(M) - g);
1281
- return;
1282
- }
1283
- for (let j = 0; j < m; j++)
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);
1286
- break;
1287
- }
1288
- };
1289
- return _e(async () => {
1290
- ne(() => {
1291
- L();
1292
- }).catch();
1293
- }), pe([l, M], () => {
1294
- L();
1295
- }), (p, m) => {
1296
- var g;
1297
- return c(), _(X, null, [
1298
- t(b) && ((g = t(l)) != null && g.length) ? (c(), _("div", {
1299
- key: 0,
1300
- ref_key: "innerWrapper",
1301
- ref: r,
1302
- class: v(t(a).wrapper)
1303
- }, [
1304
- z("div", {
1305
- class: v(t(a).chips_wrapper)
1306
- }, [
1307
- z("div", {
1308
- class: v([t(a).chips, t(a)[p.variant ?? ""]])
1309
- }, [
1310
- (c(!0), _(X, null, ce(t(l).slice(0, t(y)), (j) => (c(), Y(Ce, {
1311
- key: j[p.keyProp],
1312
- class: v(t(a).chip),
1313
- disabled: !!p.itemDisabledProp && j[p.itemDisabledProp],
1314
- label: j[t(i)] ?? "",
1315
- size: p.dense ? "sm" : "md",
1316
- dismissible: "",
1317
- onRemove: (V) => s("remove", j)
1318
- }, null, 8, ["class", "disabled", "label", "size", "onRemove"]))), 128)),
1319
- t(l).length > t(y) ? (c(), _("div", {
1320
- key: 0,
1321
- ref_key: "more",
1322
- ref: d,
1323
- class: v(t(a).remaining)
1324
- }, [
1325
- Q(Ce, {
1326
- class: v(t(a).chip),
1327
- label: `+${t(l).length - t(y)}`,
1328
- size: p.dense ? "sm" : "md",
1329
- color: "secondary"
1330
- }, null, 8, ["class", "label", "size"])
1331
- ], 2)) : E("", !0)
1332
- ], 2)
1333
- ], 2)
1334
- ], 2)) : E("", !0),
1335
- Q(t(pn), le({
1336
- class: [
1337
- t(a).input,
1338
- t(a)[p.variant ?? ""],
1339
- { [t(a).multiple]: t(b), [t(a).has_value]: p.hasValue }
1340
- ],
1341
- "data-has-value": p.hasValue,
1342
- "display-value": (j) => t(h)
1343
- }, t(be)(t(n), ["value", "dense"])), null, 16, ["class", "data-has-value", "display-value"])
1344
- ], 64);
1345
- };
1346
- }
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,
1351
- default: "_default_1mrdp_10",
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__ */ $({
1360
- name: "RuiAutoComplete",
1361
- __name: "AutoComplete",
1362
- props: {
1363
- data: {},
1364
- modelValue: {},
1365
- nullable: { type: Boolean, default: !1 },
1366
- disabled: { type: Boolean, default: !1 },
1367
- searchQuery: { default: "" },
1368
- searchProp: { default: "" },
1369
- placeholder: { default: "" },
1370
- label: { default: "" },
1371
- keyProp: { default: "id" },
1372
- textProp: { default: "text" },
1373
- itemDisabledProp: { default: "disabled" },
1374
- variant: { default: "default" },
1375
- color: { default: "grey" },
1376
- dense: { type: Boolean, default: !1 },
1377
- hint: { default: "" },
1378
- errorMessages: { default: () => [] }
1379
- },
1380
- emits: ["update:modelValue"],
1381
- setup(e, { emit: s }) {
1382
- const o = e, a = Z(), n = ye(), {
1383
- data: l,
1384
- modelValue: i,
1385
- searchQuery: M,
1386
- searchProp: r,
1387
- textProp: d,
1388
- keyProp: u,
1389
- itemDisabledProp: y,
1390
- hint: b,
1391
- errorMessages: h
1392
- } = se(o), A = O(f(M) ?? ""), L = O(), p = N(() => {
1393
- var F;
1394
- const T = (F = f(A)) == null ? void 0 : F.toLowerCase(), S = f(r), q = f(d);
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);
1396
- }), m = N(() => Array.isArray(f(i))), g = N(() => {
1397
- var S;
1398
- const T = f(i);
1399
- return Array.isArray(T) ? !!((S = f(T)) != null && S.length) : !!T;
1400
- }), j = N(() => {
1401
- var T;
1402
- return !(f(b) || (T = f(h)) != null && T.length);
1403
- }), V = (T) => {
1404
- const S = f(i);
1405
- (!(T && S) || T !== S) && s("update:modelValue", T);
1406
- }, ee = (T) => {
1407
- ae(A, T);
1408
- }, D = () => {
1409
- var T, S;
1410
- (S = (T = f(L)) == null ? void 0 : T.el) == null || S.click();
1411
- }, x = () => {
1412
- s("update:modelValue", f(m) ? [] : null), ee("");
1413
- }, w = (T) => {
1414
- const S = f(i);
1415
- if (!f(m) || !Array.isArray(S))
1416
- return;
1417
- const q = f(u);
1418
- s(
1419
- "update:modelValue",
1420
- S.filter((F) => F[q] !== T[q])
1421
- );
1422
- };
1423
- pe(m, (T) => {
1424
- const S = f(i);
1425
- T ? s("update:modelValue", f(g) ? [S] : []) : Array.isArray(S) ? s("update:modelValue", S[0] ?? null) : s("update:modelValue", null);
1426
- });
1427
- const { list: I, containerProps: k, wrapperProps: R, scrollTo: ie } = ut(
1428
- p,
1429
- {
1430
- itemHeight: 40,
1431
- overscan: 1
1432
- }
1433
- );
1434
- pe(p, () => {
1435
- ie(0);
1436
- });
1437
- const tt = ct(I, ({ data: T }) => T), ot = (T) => {
1438
- if (!T && f(g)) {
1439
- const S = f(i), q = f(u), F = Array.isArray(S) ? S[S.length - 1][q] : S[q];
1440
- ne(() => {
1441
- ie(f(p).findIndex((re) => re[q] === F));
1442
- });
1443
- }
1444
- };
1445
- return (T, S) => (c(), _("div", {
1446
- class: v([t(m) ? t(a).multiple : t(a).single, t(a)[T.variant ?? ""]])
1447
- }, [
1448
- Q(t(dn), {
1449
- by: t(u),
1450
- class: v([
1451
- {
1452
- [t(a).disabled]: T.disabled,
1453
- [t(a).has_details]: !t(j)
1454
- }
1455
- ]),
1456
- disabled: T.disabled,
1457
- "model-value": t(i),
1458
- multiple: t(m),
1459
- nullable: T.nullable,
1460
- "onUpdate:modelValue": S[4] || (S[4] = (q) => V(q))
1461
- }, {
1462
- default: K(({ open: q }) => [
1463
- z("div", Ds, [
1464
- Q(et, {
1465
- modelValue: t(A),
1466
- "onUpdate:modelValue": S[1] || (S[1] = (F) => lt(A) ? A.value = F : null),
1467
- as: Ts,
1468
- color: T.color,
1469
- data: t(i),
1470
- dense: T.dense,
1471
- disabled: T.disabled,
1472
- "error-messages": t(h),
1473
- "has-value": t(g),
1474
- "hide-details": t(j),
1475
- hint: t(b),
1476
- "item-disabled-prop": t(y),
1477
- "key-prop": t(u),
1478
- label: T.label,
1479
- placeholder: T.placeholder,
1480
- "text-prop": t(d),
1481
- variant: T.variant,
1482
- onRemove: S[2] || (S[2] = (F) => w(F)),
1483
- onFocusInput: (F) => !q && D()
1484
- }, {
1485
- append: K(() => [
1486
- z("div", Is, [
1487
- T.nullable && t(g) ? (c(), _("button", {
1488
- key: 0,
1489
- class: v(t(a).clear_button),
1490
- disabled: T.disabled,
1491
- tabindex: "-1",
1492
- type: "button",
1493
- onClick: S[0] || (S[0] = Ue((F) => x(), ["prevent", "stop"]))
1494
- }, [
1495
- Q(C, {
1496
- class: v(t(a).clear_icon),
1497
- name: "close-line"
1498
- }, null, 8, ["class"])
1499
- ], 10, zs)) : E("", !0),
1500
- Q(t(Mn), {
1501
- ref_key: "button",
1502
- ref: L,
1503
- class: v([{ [t(a).toggle_disabled]: T.disabled }]),
1504
- disabled: T.disabled,
1505
- onClick: (F) => ot(q)
1506
- }, {
1507
- default: K(() => [
1508
- Q(C, {
1509
- class: v([t(a).toggle_icon, { "rotate-180": q }]),
1510
- name: "arrow-drop-down-fill"
1511
- }, null, 8, ["class"])
1512
- ]),
1513
- _: 2
1514
- }, 1032, ["class", "disabled", "onClick"])
1515
- ])
1516
- ]),
1517
- _: 2
1518
- }, 1032, ["modelValue", "color", "data", "dense", "disabled", "error-messages", "has-value", "hide-details", "hint", "item-disabled-prop", "key-prop", "label", "placeholder", "text-prop", "variant", "onFocusInput"]),
1519
- Q(it, {
1520
- "enter-active-class": "transition duration-100 ease-out",
1521
- "enter-from-class": "transform scale-95 opacity-0",
1522
- "enter-to-class": "transform scale-100 opacity-100",
1523
- "leave-active-class": "transition duration-75 ease-out",
1524
- "leave-from-class": "transform scale-100 opacity-100",
1525
- "leave-to-class": "transform scale-95 opacity-0",
1526
- onAfterLeave: S[3] || (S[3] = (F) => ee(""))
1527
- }, {
1528
- default: K(() => [
1529
- Q(t(_n), {
1530
- class: v(t(a).options)
1531
- }, {
1532
- default: K(() => [
1533
- t(p).length === 0 && t(A) !== "" ? (c(), _("div", {
1534
- key: 0,
1535
- class: v(t(a).empty)
1536
- }, " Nothing options found. ", 2)) : (c(), _("div", le({ key: 1 }, t(k), { class: "max-h-60" }), [
1537
- z("div", De(Re(t(R))), [
1538
- (c(!0), _(X, null, ce(t(tt), (F) => (c(), Y(t(yn), {
1539
- key: F[t(u)],
1540
- class: "h-10",
1541
- disabled: !!t(y) && F[t(y)],
1542
- value: F,
1543
- as: "template"
1544
- }, {
1545
- default: K(({ selected: re, disabled: nt }) => [
1546
- z("li", {
1547
- class: v([
1548
- t(a).option,
1549
- {
1550
- [t(a).option__disabled]: nt,
1551
- [t(a).option__selected]: re,
1552
- [t(a).option__prefixed]: !!t(n).prefix
1553
- }
1554
- ])
1555
- }, [
1556
- t(n).prefix ? (c(), _("span", {
1557
- key: 0,
1558
- class: v({ prefix: !!t(n).prefix })
1559
- }, [
1560
- te(T.$slots, "prefix", le({ class: "prefix" }, F))
1561
- ], 2)) : E("", !0),
1562
- z("span", hs, [
1563
- t(n).default ? te(T.$slots, "default", De(le({ key: 0 }, F))) : (c(), _(X, { key: 1 }, [
1564
- $e(B(F[t(d)]), 1)
1565
- ], 64))
1566
- ]),
1567
- re ? (c(), _("span", {
1568
- key: 1,
1569
- class: v(t(a).option__selected_icon)
1570
- }, [
1571
- Q(C, {
1572
- "aria-hidden": "true",
1573
- class: "h-5 w-5",
1574
- name: "check-line"
1575
- })
1576
- ], 2)) : E("", !0)
1577
- ], 2)
1578
- ]),
1579
- _: 2
1580
- }, 1032, ["disabled", "value"]))), 128))
1581
- ], 16)
1582
- ], 16))
1583
- ]),
1584
- _: 3
1585
- }, 8, ["class"])
1586
- ]),
1587
- _: 3
1588
- })
1589
- ])
1590
- ]),
1591
- _: 3
1592
- }, 8, ["by", "class", "disabled", "model-value", "multiple", "nullable"])
1593
- ], 2));
1594
- }
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,
1603
- default: "_default_17co6_21",
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__ */ $({
1615
- name: "RuiButtonGroup",
1616
- __name: "ButtonGroup",
1617
- props: {
1618
- vertical: { type: Boolean, default: !1 },
1619
- color: { default: void 0 },
1620
- variant: { default: "default" },
1621
- size: { default: void 0 }
1622
- },
1623
- setup(e) {
1624
- const s = ye(), o = N(() => {
1625
- var n;
1626
- return ((n = s.default) == null ? void 0 : n.call(s)) ?? [];
1627
- }), a = Z();
1628
- return (n, l) => (c(), _("div", null, [
1629
- z("div", {
1630
- class: v([
1631
- t(a).wrapper,
1632
- t(a)[n.color ?? ""],
1633
- t(a)[n.variant],
1634
- { [t(a).wrapper__vertical]: n.vertical }
1635
- ])
1636
- }, [
1637
- (c(!0), _(X, null, ce(t(o), (i, M) => (c(), Y(he(i), {
1638
- key: M,
1639
- color: n.color,
1640
- variant: n.variant,
1641
- size: n.size,
1642
- class: v(t(a).button)
1643
- }, null, 8, ["color", "variant", "size", "class"]))), 128))
1644
- ], 2)
1645
- ]));
1646
- }
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,
1656
- warning: oa,
1657
- info: na,
1658
- success: sa,
1659
- "bg-tint": "_bg-tint_j3xuo_1",
1660
- "bg-shade": "_bg-shade_j3xuo_1",
1661
- "text-tint": "_text-tint_j3xuo_1",
1662
- "text-shade": "_text-shade_j3xuo_1"
1663
- }, la = {
1664
- $style: aa
1665
- }, fi = /* @__PURE__ */ H(Ws, [["__cssModules", la]]), ia = ["checked", "disabled"], ra = {
1666
- key: 0,
1667
- class: "details"
1668
- }, ua = {
1669
- key: 0,
1670
- class: "text-rui-error text-caption"
1671
- }, ca = {
1672
- key: 1,
1673
- class: "text-rui-text-secondary text-caption"
1674
- }, da = {
1675
- key: 2,
1676
- class: "h-5"
1677
- }, Ma = /* @__PURE__ */ $({
1678
- name: "RuiCheckbox",
1679
- __name: "Checkbox",
1680
- props: {
1681
- modelValue: { type: Boolean, default: !1 },
1682
- indeterminate: { type: Boolean, default: !1 },
1683
- disabled: { type: Boolean, default: !1 },
1684
- color: { default: void 0 },
1685
- size: { default: void 0 },
1686
- hint: { default: "" },
1687
- errorMessages: { default: () => [] },
1688
- hideDetails: { type: Boolean, default: !1 }
1689
- },
1690
- emits: ["update:modelValue", "update:indeterminate"],
1691
- setup(e, { emit: s }) {
1692
- const o = e, { size: a } = se(o), n = (r) => {
1693
- const d = r.target.checked;
1694
- d && s("update:indeterminate", !1), s("update:modelValue", d);
1695
- }, l = N(() => {
1696
- const r = f(a);
1697
- return r === "lg" ? 28 : r === "sm" ? 20 : 24;
1698
- }), i = Z(), M = de();
1699
- return (r, d) => (c(), _("div", {
1700
- class: v(t(M).class)
1701
- }, [
1702
- z("label", {
1703
- class: v([
1704
- t(i).wrapper,
1705
- t(i)[t(a) ?? ""],
1706
- {
1707
- [t(i).disabled]: r.disabled
1708
- }
1709
- ])
1710
- }, [
1711
- z("input", le({
1712
- checked: r.modelValue,
1713
- type: "checkbox",
1714
- class: t(i).input,
1715
- disabled: r.disabled
1716
- }, t(be)(t(M), ["class"]), {
1717
- onInput: d[0] || (d[0] = (u) => n(u))
1718
- }), null, 16, ia),
1719
- z("div", {
1720
- class: v([
1721
- t(i).checkbox,
1722
- t(i)[r.color ?? ""],
1723
- t(i)[t(a) ?? ""],
1724
- {
1725
- [t(i).checked]: r.modelValue || r.indeterminate,
1726
- [t(i).disabled]: r.disabled,
1727
- [t(i)["with-error"]]: r.errorMessages.length > 0
1728
- }
1729
- ])
1730
- }, [
1731
- r.indeterminate ? (c(), Y(C, {
1732
- key: 0,
1733
- name: "checkbox-indeterminate-fill",
1734
- size: t(l)
1735
- }, null, 8, ["size"])) : r.modelValue ? (c(), Y(C, {
1736
- key: 1,
1737
- name: "checkbox-fill",
1738
- size: t(l)
1739
- }, null, 8, ["size"])) : (c(), Y(C, {
1740
- key: 2,
1741
- name: "checkbox-blank-line",
1742
- size: t(l)
1743
- }, null, 8, ["size"]))
1744
- ], 2),
1745
- z("div", {
1746
- class: v([t(i).label, "text-body-1"])
1747
- }, [
1748
- te(r.$slots, "default")
1749
- ], 2)
1750
- ], 2),
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))
1753
- ]))
1754
- ], 2));
1755
- }
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,
1762
- "with-error": "_with-error_1bkf8_30",
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"
1782
- }, xa = {
1783
- vertical: "vertical",
1784
- horizontal: "horizontal"
1785
- }, Sa = /* @__PURE__ */ $({
1786
- __name: "StepperIcon",
1787
- props: {
1788
- state: { default: W.inactive },
1789
- index: {}
1790
- },
1791
- setup(e) {
1792
- const s = Z();
1793
- return (o, a) => (c(), _("span", {
1794
- class: v([t(s).indicator, t(s)[o.state]])
1795
- }, [
1796
- o.state === t(W).inactive || o.state === t(W).active ? (c(), _("span", {
1797
- key: 0,
1798
- class: v(t(s).text)
1799
- }, B(o.index), 3)) : o.state === t(W).done ? (c(), Y(C, {
1800
- key: 1,
1801
- class: v(t(s).text),
1802
- size: 20,
1803
- name: "check-line"
1804
- }, null, 8, ["class"])) : o.state === t(W).success ? (c(), Y(C, {
1805
- key: 2,
1806
- name: "checkbox-circle-fill"
1807
- })) : o.state === t(W).error ? (c(), Y(C, {
1808
- key: 3,
1809
- name: "error-warning-fill"
1810
- })) : o.state === t(W).warning ? (c(), Y(C, {
1811
- key: 4,
1812
- name: "alert-fill"
1813
- })) : o.state === t(W).info ? (c(), Y(C, {
1814
- key: 5,
1815
- name: "information-fill"
1816
- })) : E("", !0)
1817
- ], 2));
1818
- }
1819
- }), Aa = "_indicator_vbhrs_1", wa = "_text_vbhrs_4", ka = "_inactive_vbhrs_7", Oa = "_active_vbhrs_10", Ea = "_done_vbhrs_10", Ca = {
1820
- indicator: Aa,
1821
- text: wa,
1822
- inactive: ka,
1823
- active: Oa,
1824
- done: Ea
1825
- }, $a = {
1826
- $style: Ca
1827
- }, Ya = /* @__PURE__ */ H(Sa, [["__cssModules", $a]]), Qa = /* @__PURE__ */ $({
1828
- __name: "StepperCustomIcon",
1829
- props: {
1830
- state: { default: W.inactive },
1831
- index: {}
1832
- },
1833
- setup(e) {
1834
- const s = Z();
1835
- return (o, a) => (c(), _("span", {
1836
- class: v([t(s).indicator, t(s)[o.state]])
1837
- }, [
1838
- o.state === t(W).inactive ? (c(), _("span", {
1839
- key: 0,
1840
- class: v(t(s).text)
1841
- }, B(o.index), 3)) : o.state === t(W).active ? (c(), Y(C, {
1842
- key: 1,
1843
- name: "checkbox-blank-circle-fill",
1844
- size: 20
1845
- })) : o.state === t(W).done ? (c(), Y(C, {
1846
- key: 2,
1847
- class: v(t(s).text),
1848
- size: 20,
1849
- name: "check-line"
1850
- }, null, 8, ["class"])) : (c(), _("span", {
1851
- key: 3,
1852
- class: v(t(s).text)
1853
- }, B(o.index), 3))
1854
- ], 2));
1855
- }
1856
- }), Ua = "_indicator_1fggs_1", Ra = "_inactive_1fggs_4", Pa = "_text_1fggs_7", Ba = {
1857
- indicator: Ua,
1858
- inactive: Ra,
1859
- text: Pa
1860
- }, Va = {
1861
- $style: Ba
1862
- }, Fa = /* @__PURE__ */ H(Qa, [["__cssModules", Va]]), Ga = /* @__PURE__ */ $({
1863
- name: "RuiStepper",
1864
- __name: "Stepper",
1865
- props: {
1866
- step: { default: 0 },
1867
- steps: {},
1868
- iconTop: { type: Boolean, default: !1 },
1869
- custom: { type: Boolean, default: !1 },
1870
- titleClass: { default: "" },
1871
- subtitleClass: { default: "" },
1872
- orientation: { default: xa.horizontal }
1873
- },
1874
- setup(e) {
1875
- const s = e, o = Z(), { custom: a, steps: n, step: l } = se(s), i = N(() => {
1876
- if (!f(a))
1877
- return f(n);
1878
- const M = f(l);
1879
- return f(n).map((r, d) => {
1880
- let u = W.inactive;
1881
- return d + 1 === M && (u = W.active), d + 1 < M && (u = W.done), {
1882
- ...r,
1883
- state: u
1884
- };
1885
- });
1886
- });
1887
- return (M, r) => (c(), _("div", {
1888
- class: v([
1889
- t(o).stepper,
1890
- t(o)[M.orientation ?? ""],
1891
- { [t(o)["icon-top"]]: M.iconTop, [t(o).custom]: t(a) }
1892
- ])
1893
- }, [
1894
- (c(!0), _(X, null, ce(t(i), ({ title: d, description: u, state: y }, b) => (c(), _(X, { key: b }, [
1895
- b > 0 ? (c(), _("hr", {
1896
- key: 0,
1897
- class: v(t(o).divider)
1898
- }, null, 2)) : E("", !0),
1899
- z("div", {
1900
- class: v([t(o).step, t(o)[y ?? t(W).inactive]])
1901
- }, [
1902
- te(M.$slots, "icon", De(Re({ state: y, index: b + 1 })), () => [
1903
- t(a) ? (c(), Y(Fa, {
1904
- key: 0,
1905
- index: b + 1,
1906
- state: y
1907
- }, null, 8, ["index", "state"])) : (c(), Y(Ya, {
1908
- key: 1,
1909
- index: b + 1,
1910
- state: y
1911
- }, null, 8, ["index", "state"]))
1912
- ]),
1913
- d || u ? (c(), _("div", {
1914
- key: 0,
1915
- class: v(t(o).label)
1916
- }, [
1917
- d ? (c(), _("span", {
1918
- key: 0,
1919
- class: v([[t(o).title, { [M.titleClass]: t(a) }], "text-subtitle-2"])
1920
- }, B(d), 3)) : E("", !0),
1921
- u ? (c(), _("span", {
1922
- key: 1,
1923
- class: v([[t(o).subtitle, { [M.subtitleClass]: t(a) }], "text-caption"])
1924
- }, B(u), 3)) : E("", !0)
1925
- ], 2)) : E("", !0)
1926
- ], 2)
1927
- ], 64))), 128))
1928
- ], 2));
1929
- }
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 = {
1931
- stepper: Wa,
1932
- vertical: Za,
1933
- step: Ha,
1934
- divider: qa,
1935
- custom: Ja,
1936
- "icon-top": "_icon-top_1kq7h_16",
1937
- indicator: Ka,
1938
- label: Xa,
1939
- inactive: el,
1940
- title: tl,
1941
- subtitle: ol,
1942
- active: nl,
1943
- done: sl,
1944
- error: al,
1945
- warning: ll,
1946
- info: il,
1947
- success: rl
1948
- }, cl = {
1949
- $style: ul
1950
- }, gi = /* @__PURE__ */ H(Ga, [["__cssModules", cl]]), dl = ["onClick"], Ml = { key: 0 }, pl = ["onClick"], _l = { key: 0 }, yl = /* @__PURE__ */ $({
1951
- name: "RuiFooterStepper",
1952
- __name: "FooterStepper",
1953
- props: {
1954
- pages: {},
1955
- modelValue: { default: 1 },
1956
- variant: { default: "numeric" },
1957
- arrowButtons: { type: Boolean, default: !1 }
1958
- },
1959
- emits: ["update:modelValue"],
1960
- setup(e, { emit: s }) {
1961
- const o = e, a = Z(), { modelValue: n, pages: l } = se(o), i = (u) => {
1962
- s("update:modelValue", f(n) + u);
1963
- }, M = () => {
1964
- f(n) && i(-1);
1965
- }, r = () => {
1966
- f(n) < f(l) && i(1);
1967
- }, d = (u) => {
1968
- i(u - f(n));
1969
- };
1970
- return (u, y) => (c(), _("div", {
1971
- class: v([t(a)["footer-stepper"], t(a)[u.variant ?? ""]])
1972
- }, [
1973
- u.variant === "pill" ? (c(), _("div", {
1974
- key: 0,
1975
- class: v(t(a).pills)
1976
- }, [
1977
- (c(!0), _(X, null, ce(t(l), (b) => (c(), _("span", {
1978
- key: b,
1979
- class: v([t(a).pill, { [t(a).active]: t(n) === b }]),
1980
- onClick: (h) => d(b)
1981
- }, null, 10, dl))), 128))
1982
- ], 2)) : (c(), _(X, { key: 1 }, [
1983
- Q(ge, {
1984
- class: v({ [t(a).arrow__button]: u.arrowButtons }),
1985
- disabled: t(n) <= 1,
1986
- icon: u.arrowButtons,
1987
- variant: u.arrowButtons ? "outlined" : "text",
1988
- color: "primary",
1989
- onClick: y[0] || (y[0] = (b) => M())
1990
- }, Ie({
1991
- default: K(() => [
1992
- u.arrowButtons ? (c(), Y(C, {
1993
- key: 1,
1994
- size: 24,
1995
- name: "arrow-left-line"
1996
- })) : (c(), _("span", Ml, "Back"))
1997
- ]),
1998
- _: 2
1999
- }, [
2000
- u.arrowButtons ? void 0 : {
2001
- name: "prepend",
2002
- fn: K(() => [
2003
- Q(C, {
2004
- size: 18,
2005
- name: "arrow-left-s-line"
2006
- })
2007
- ]),
2008
- key: "0"
2009
- }
2010
- ]), 1032, ["class", "disabled", "icon", "variant"]),
2011
- u.variant === "numeric" ? (c(), _("span", {
2012
- key: 0,
2013
- class: v(t(a).numeric)
2014
- }, B(t(n)) + "/" + B(t(l)), 3)) : u.variant === "bullet" ? (c(), _("div", {
2015
- key: 1,
2016
- class: v(t(a).bullets)
2017
- }, [
2018
- (c(!0), _(X, null, ce(t(l), (b) => (c(), _("span", {
2019
- key: b,
2020
- class: v([t(a).bullet, { [t(a).active]: t(n) === b }]),
2021
- onClick: (h) => d(b)
2022
- }, null, 10, pl))), 128))
2023
- ], 2)) : u.variant === "progress" ? (c(), Y(Pe, {
2024
- key: 2,
2025
- class: v(t(a).progress),
2026
- value: t(n) / t(l) * 100
2027
- }, null, 8, ["class", "value"])) : E("", !0),
2028
- Q(ge, {
2029
- class: v({ [t(a).arrow__button]: u.arrowButtons }),
2030
- disabled: t(n) >= t(l),
2031
- icon: u.arrowButtons,
2032
- variant: u.arrowButtons ? "outlined" : "text",
2033
- color: "primary",
2034
- onClick: y[1] || (y[1] = (b) => r())
2035
- }, Ie({
2036
- default: K(() => [
2037
- u.arrowButtons ? (c(), Y(C, {
2038
- key: 1,
2039
- size: 24,
2040
- name: "arrow-right-line"
2041
- })) : (c(), _("span", _l, "Next"))
2042
- ]),
2043
- _: 2
2044
- }, [
2045
- u.arrowButtons ? void 0 : {
2046
- name: "append",
2047
- fn: K(() => [
2048
- Q(C, {
2049
- size: 18,
2050
- name: "arrow-right-s-line"
2051
- })
2052
- ]),
2053
- key: "0"
2054
- }
2055
- ]), 1032, ["class", "disabled", "icon", "variant"])
2056
- ], 64))
2057
- ], 2));
2058
- }
2059
- }), fl = "_numeric_1bbl9_4", vl = "_bullets_1bbl9_7", gl = "_pills_1bbl9_8", jl = "_bullet_1bbl9_7", Ll = "_pill_1bbl9_8", Nl = "_active_1bbl9_17", bl = "_progress_1bbl9_39", ml = "_arrow__button_1bbl9_42", Tl = {
2060
- "footer-stepper": "_footer-stepper_1bbl9_1",
2061
- numeric: fl,
2062
- bullets: vl,
2063
- pills: gl,
2064
- bullet: jl,
2065
- pill: Ll,
2066
- active: Nl,
2067
- progress: bl,
2068
- arrow__button: ml
2069
- }, Dl = {
2070
- $style: Tl
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)}`;
2074
- }, hl = {
2075
- key: 0,
2076
- class: "details"
2077
- }, xl = {
2078
- key: 0,
2079
- class: "text-rui-error text-caption"
2080
- }, Sl = {
2081
- key: 1,
2082
- class: "text-rui-text-secondary text-caption"
2083
- }, Al = {
2084
- key: 2,
2085
- class: "h-5"
2086
- }, wl = /* @__PURE__ */ $({
2087
- name: "RuiRadioGroup",
2088
- __name: "RadioGroup",
2089
- props: {
2090
- modelValue: { default: "" },
2091
- inline: { type: Boolean, default: !1 },
2092
- hint: { default: "" },
2093
- errorMessages: { default: () => [] },
2094
- hideDetails: { type: Boolean, default: !1 }
2095
- },
2096
- emits: ["update:modelValue"],
2097
- setup(e, { emit: s }) {
2098
- const o = O("");
2099
- _e(() => {
2100
- ae(o, zl("radio-group"));
2101
- });
2102
- const a = ye(), n = N(() => {
2103
- var i, M;
2104
- return ((M = (i = a.default) == null ? void 0 : i.call(a)) == null ? void 0 : M[0].children) ?? [];
2105
- }), l = Z();
2106
- return (i, M) => (c(), _("div", null, [
2107
- z("div", {
2108
- class: v([t(l).wrapper, { [t(l).wrapper__inline]: i.inline }])
2109
- }, [
2110
- (c(!0), _(X, null, ce(t(n), (r, d) => (c(), Y(he(r), {
2111
- key: d,
2112
- "model-value": i.modelValue,
2113
- "hide-details": "",
2114
- name: t(o),
2115
- "onUpdate:modelValue": M[0] || (M[0] = (u) => s("update:modelValue", u))
2116
- }, null, 8, ["model-value", "name"]))), 128))
2117
- ], 2),
2118
- i.hideDetails ? E("", !0) : (c(), _("div", hl, [
2119
- i.errorMessages.length > 0 ? (c(), _("div", xl, B(i.errorMessages[0]), 1)) : i.hint ? (c(), _("div", Sl, B(i.hint), 1)) : (c(), _("div", Al))
2120
- ]))
2121
- ]));
2122
- }
2123
- }), kl = "_wrapper__inline_1tfcu_1", Ol = {
2124
- wrapper__inline: kl
2125
- }, El = {
2126
- $style: Ol
2127
- }, Li = /* @__PURE__ */ H(wl, [["__cssModules", El]]), Cl = ["checked", "disabled", "value"], $l = {
2128
- key: 0,
2129
- class: "details"
2130
- }, Yl = {
2131
- key: 0,
2132
- class: "text-rui-error text-caption"
2133
- }, Ql = {
2134
- key: 1,
2135
- class: "text-rui-text-secondary text-caption"
2136
- }, Ul = {
2137
- key: 2,
2138
- class: "h-5"
2139
- }, Rl = /* @__PURE__ */ $({
2140
- name: "RuiRadio",
2141
- __name: "Radio",
2142
- props: {
2143
- value: {},
2144
- modelValue: { default: "" },
2145
- disabled: { type: Boolean, default: !1 },
2146
- color: { default: void 0 },
2147
- size: { default: void 0 },
2148
- hint: { default: "" },
2149
- errorMessages: { default: () => [] },
2150
- hideDetails: { type: Boolean, default: !1 }
2151
- },
2152
- emits: ["update:modelValue"],
2153
- setup(e, { emit: s }) {
2154
- const o = e, { modelValue: a, size: n, value: l } = se(o), i = (y) => {
2155
- y.target.checked && s("update:modelValue", f(l));
2156
- }, M = N(() => {
2157
- const y = f(n);
2158
- return y === "lg" ? 28 : y === "sm" ? 20 : 24;
2159
- }), r = N(() => f(a) === f(l)), d = Z(), u = de();
2160
- return (y, b) => (c(), _("div", {
2161
- class: v(t(u).class)
2162
- }, [
2163
- z("label", {
2164
- class: v([
2165
- t(d).wrapper,
2166
- t(d)[t(n) ?? ""],
2167
- {
2168
- [t(d).disabled]: y.disabled
2169
- }
2170
- ])
2171
- }, [
2172
- z("input", le({
2173
- checked: t(r),
2174
- type: "radio",
2175
- class: t(d).input,
2176
- disabled: y.disabled
2177
- }, t(be)(t(u), ["class"]), {
2178
- value: t(l),
2179
- onInput: b[0] || (b[0] = (h) => i(h))
2180
- }), null, 16, Cl),
2181
- z("div", {
2182
- class: v([
2183
- t(d).radio,
2184
- t(d)[y.color ?? ""],
2185
- t(d)[t(n) ?? ""],
2186
- {
2187
- [t(d).checked]: t(r),
2188
- [t(d).disabled]: y.disabled,
2189
- [t(d)["with-error"]]: y.errorMessages.length > 0
2190
- }
2191
- ])
2192
- }, [
2193
- t(r) ? (c(), Y(C, {
2194
- key: 0,
2195
- name: "radio-button-line",
2196
- size: t(M)
2197
- }, null, 8, ["size"])) : (c(), Y(C, {
2198
- key: 1,
2199
- name: "checkbox-blank-circle-line",
2200
- size: t(M)
2201
- }, null, 8, ["size"]))
2202
- ], 2),
2203
- z("div", {
2204
- class: v([t(d).label, "text-body-1"])
2205
- }, [
2206
- te(y.$slots, "default")
2207
- ], 2)
2208
- ], 2),
2209
- y.hideDetails ? E("", !0) : (c(), _("div", $l, [
2210
- y.errorMessages.length > 0 ? (c(), _("div", Yl, B(y.errorMessages[0]), 1)) : y.hint ? (c(), _("div", Ql, B(y.hint), 1)) : (c(), _("div", Ul))
2211
- ]))
2212
- ], 2));
2213
- }
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 = {
2215
- wrapper: Pl,
2216
- disabled: Bl,
2217
- radio: Vl,
2218
- label: Fl,
2219
- input: Gl,
2220
- "with-error": "_with-error_1a51t_30",
2221
- lg: Wl,
2222
- sm: Zl,
2223
- primary: Hl,
2224
- checked: ql,
2225
- secondary: Jl,
2226
- error: Kl,
2227
- warning: Xl,
2228
- info: ei,
2229
- success: ti
2230
- }, ni = {
2231
- $style: oi
2232
- }, Ni = /* @__PURE__ */ H(Rl, [["__cssModules", ni]]), si = { class: "flex items-center" }, bi = /* @__PURE__ */ $({
2233
- name: "RuiRevealableTextField",
2234
- __name: "RevealableTextField",
2235
- setup(e) {
2236
- const s = O(!0), o = de(), a = ye();
2237
- return (n, l) => (c(), Y(et, le(t(o), {
2238
- type: t(s) ? "password" : "text"
2239
- }), Ie({
2240
- append: K(() => [
2241
- z("div", si, [
2242
- Q(ge, {
2243
- tabindex: "-1",
2244
- variant: "text",
2245
- type: "button",
2246
- icon: "",
2247
- class: "-mr-1 !p-2",
2248
- onClick: l[0] || (l[0] = (i) => s.value = !t(s))
2249
- }, {
2250
- default: K(() => [
2251
- Q(C, {
2252
- class: "text-black/[.54] dark:text-white/[.56]",
2253
- size: "20",
2254
- name: t(s) ? "eye-off-line" : "eye-line"
2255
- }, null, 8, ["name"])
2256
- ]),
2257
- _: 1
2258
- }),
2259
- te(n.$slots, "append")
2260
- ])
2261
- ]),
2262
- _: 2
2263
- }, [
2264
- t(a).prepend ? {
2265
- name: "prepend",
2266
- fn: K(() => [
2267
- te(n.$slots, "prepend")
2268
- ]),
2269
- key: "0"
2270
- } : void 0
2271
- ]), 1040, ["type"]));
2272
- }
2273
- }), ai = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSI4OCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTg1LjY3IDc0LjcyOEguMDA3djUuMzNIODUuNjd2LTUuMzN6IiBmaWxsPSIjNGUzNTJlIi8+PHBhdGggZD0iTTIxLjg1NiA4Ni45NzFjLTYuMzkxIDAtNi40MjEtMTguODgyIDAtMTguODgyczYuNDIxIDE4Ljg4MiAwIDE4Ljg4MnptNDUuMTktMTcuMDU1Yy0uMi0uMjc4LS40Ni0uNTA3LS43NjEtLjY3LjUxNyAyLjE2MiAxLjAzNSA3LjM0LTEuMDM1IDcuMzQtLjA2MS0xLjY0NS0uMDMxLTYuNDI2LTEuNDkxLTcuNzk3LS45MTMuMjc0LTIuNTg3IDEuMDk2LTMuNDk5IDMuNDQxLS4yODguOTM0LS40OTEgMS44OTItLjYwOSAyLjg2M3YuMDkxYy0uNjM5IDUuMzYuOTEzIDExLjgxNyA0LjY1NiAxMS44MTcgMy44OTUgMCA1LjQxNy03LjAzNSA0LjU2NS0xMi40ODdhMSAxIDAgMCAxLS42NjkuMjQ0Yy4wNjEtMS41NTMtLjM5Ni0zLjc0Ni0xLjE1Ni00Ljg0MnptMTIuMzI1LTEuODI3Yy02LjQyMSAwLTYuMzkxIDE4Ljg4MiAwIDE4Ljg4MnM2LjM5LTE4Ljg4MiAwLTE4Ljg4MnptLTY4LjY1MiAwYy02LjQyMSAwLTYuMzkxIDE4Ljg4MiAwIDE4Ljg4MnM2LjQyMS0xOC44ODIgMC0xOC44ODJ6IiBmaWxsPSIjZTQ1MzI1Ii8+PHBhdGggZD0iTTEzLjA2MiA4Mi43NjhhMy4wNCAzLjA0IDAgMCAwIDEuOTQ4LS43Yy0uNyAyLjgwMi0yLjEzIDQuOTAzLTQuMjYgNC45MDMtNS42NiAwLTYuMzMtMTQuODAxLTEuOTQ4LTE4LjE4Mi0xLjQzIDUuNjA0LS4wMyAxMy45NzkgNC4yNiAxMy45Nzl6bTY4LjYyMiAwYy00LjI2IDAtNS42OTEtOC40MDYtNC4yNi0xMy45NzktNC4zODIgMy4zOC0zLjcxMyAxOC4xODIgMS45NDggMTguMTgyIDIuMTMgMCAzLjU2LTIuMTAxIDQuMjYtNC45MDNhMy4wNCAzLjA0IDAgMCAxLTEuOTQ4Ljd6TTYwLjI1NSA3Mi4xNzljLTEuNzk2IDUuNTQzLS40NTcgMTQuODAxIDQuMDE3IDE0LjgwMSAyLjEzIDAgMy41Ni0yLjEwMSA0LjI2LTQuOTAzYTMuMjQgMy4yNCAwIDAgMS0xLjk0OC43MDFjLTQuMDc4IDAtNS41MzgtNy42MTQtNC40NDMtMTMuMTU3YTYuMDkgNi4wOSAwIDAgMC0xLjg4NyAyLjU1OHptLTQwLjM1MS0zLjM4MWMtNC4zODIgMy4zODEtMy43MTMgMTguMTgyIDEuOTQ4IDE4LjE4MiAyLjEzIDAgMy41Ni0yLjEwMSA0LjI2LTQuOTAzYTMuMjQgMy4yNCAwIDAgMS0xLjk0OC43MDFjLTQuMjU0LS4wMDktNS42ODQtOC4zODQtNC4yNTQtMTMuOTg4bC0uMDA2LjAwOXoiIGZpbGw9IiNiZTNhMjYiLz48cGF0aCBkPSJNMzcuMTI3IDczLjM1OGMtLjMzNS0uMDkxLTQuMzgyLTEwLjAyLTQuMzgyLTEwLjAyczIuODMtMi4wMSAyLjk4Mi0yLjYxOWMtLjgyMi0uODIyLTEuNjEzLTIuNDY3LTEuNjEzLTIuNDY3YTEyLjMzIDEyLjMzIDAgMCAwIC40NTcgMi4wMXMtMS4yMTctLjU0OC0xLjYxMy0xLjUyM2wtMi42NDggMy43NzdzNC40NzMgMTAuMjk0IDQuNDQzIDEwLjg0MmMtMS42NzQtLjM2NS0zLjIyNiAxLjQwMS0zLjIyNiAxLjQwMSAzLjI1Ni4zMzUgMi4xOTEgNS45MzkgMCA1LjMzIDEuNTUyIDMuNTYzIDMuNDA4IDEuNDYyIDMuNTYtNC41OTkuNy40ODcgMy4xNjUgMy45NTkuMzA0IDQuNTk5IDIuNjQ4IDQuODQyIDUuNTM4LTEuMzQgMS42MTMtNC44NzMgMi4wMzkuMTUyIDUuMjA0IDIuNjE5IDIuNzY5IDQuODczLjg4MiAyLjMxNSAyLjYxNyAxLjA5NiAyLjg5MS0uNjM5LjQwMi0zLjIyOC0yLjYxMS01LjM2LTUuNTM4LTYuMDkxem0yOS4zMTEtNS43ODdjLS44MjItMS4xODgtMi4wMzktMS4xODgtMy4zMTctLjQyNi0yLjguMDkxLTQuNTM0LS4yNzQtMTMuMTc3Ljg1MyAwIDAtLjA2MS0uNjctLjEyMi0xLjYxNC0uNzMuMDkxLTEuNDYxLjEyMi0yLjIyMS4xNTJsLjc5MSA0LjAyYzIuMzEzLS4wOTEgOS4yODItMS43MzYgMTIuNjI5LTEuNzM2LTEuMjE3IDEuMzEtMy4wNzQgNC44NDItMS4zMzkgNi4zNjUuMjc0LTQuNjI5IDIuODkxLTYuMDI0IDQuMDc4LTYuMzk1IDEuMTY5IDEuNDEzIDEuNDMgNi4xODIgMS40OTEgNy43OTYgMi4wNjkgMCAxLjYxMy01LjE0NyAxLjA5Ni03LjMwOS4yNjQuMTc4LjQ5OS4zOTMuNy42NC43NjEgMS4wNjYgMS4wMjkgMy4zMDcgMS4xNTYgNC44NDIgMi4zNzQgMCAuODc2LTcuMTI2LTEuNzY1LTcuMTg3eiIgZmlsbD0iIzJkMWUxYyIvPjxwYXRoIGQ9Ik02MS44NzMgNTguMjIxYy03LjE4MiAzLjY1NS0xNi4zNDEgMy43NDYtMTEuNjU1LTUuMjk5YTE1LjkzIDE1LjkzIDAgMCAwLTEuMDM1IDEuMjE4Yy44NTItMy4wMTUgMy40MzktNS43MjYgNS44NDMtNy41ODMtMS4xODIuNi0yLjMyMSAxLjI4Mi0zLjQwOCAyLjA0IDMuOTI2LTUuNTEyIDcuNzktMy44MDcgOS42MTYtMTEuNjk1LTEuNDMgNS4xMTctNy4yMTIgOC41MjgtMTIuMzU1IDkuODk4LTQuODk5IDIuODAyLTE4LjM4LS4zOTYtMjIuNzMyLTEuNzY2IDMuMDQzLS4yNDQgNC4xNjktLjQyNiA0LjE2OS0uNDI2LTMuMTY1LS45NzUtNi42NjQtMi44MDItMTAuMTM0LTQuMDUxLjE1MiAyLjQ5Ny43MyA1LjA4NiAxLjcwNCA3LjA5Ni0uNTE3LTIuODAyIDAtNC4yMDMgMC00LjIwM3MxLjAwNCA1LjkzOSAzLjM0NyA5LjM4Yy0uOTEzLTMuNjg1LS41MTctNC45MzQtLjUxNy00LjkzNHMxLjg4NyA3LjA5NiA0LjY1NiA5LjUzMmMtLjM2Ni0xLjMwNy0uNDY5LTIuNjczLS4zMDQtNC4wMiAwIDAgLjUxNyAxLjQwMSAzLjc3MyA0LjAyLS44MjItMS45OCAxLjEyNi0xLjI3OSAyLjY0OC44MjJzMi40MzUgMi4yODQgNi42MDQgMS40NjJjLTMuMDQzIDEuNzM2IDEuODI2IDIuOTU0IDQuOTYgMi41NTgtMi4yNTIgMS40MzEgNC44NjkgMS4wNjYgOC45MTYuMDkxLTIuMTMgMS42NDUgNS4yNjQuOTQ0IDYuNDgyLjEyMi4zNjUtLjI0NCAxLjE4Ny0uMjQ0IDIuMS0uMDYxYTMwLjM5IDMwLjM5IDAgMCAwIDEuMDM1LS43MzFjLTIuMjg4IDEuMTU3IDEuNjY4LTYuMjQzLTMuNzEzLTMuNDcyeiIgZmlsbD0iI2YyZjJmMiIvPjxwYXRoIGQ9Ik01NC40NDggNjUuMjg3Yy01LjY5MSAyLjE5My0xNC4zMzMgMS4yNzktMjEuNTQ1LTEuNjE0LS4wNDgtLjEwOS0uMDg5LS4yMjEtLjEyMi0uMzM1IDAgMCAyLjgzLTIuMDEgMi45ODItMi42MTktLjgyMi0uODIyLTEuNjEzLTIuNDY3LTEuNjEzLTIuNDY3YTEyLjMzIDEyLjMzIDAgMCAwIC40NTYgMi4wMXMtMS4yMTctLjU0OC0xLjYxMy0xLjUyM2wtMi42NDggMy43NzZjMCAuMDA4LjAwMy4wMTYuMDA5LjAyMnMuMDEzLjAwOS4wMjEuMDA5Yy0yLjgzLTEuNDAxLTUuMzI1LTMuMTA2LTcuMTgyLTUuMDI1LjQyNiAxLjE1Ny43OTEgMi4yODQuOTc0IDIuODMyLTEuMjE3LTEuNTIzLTYuMTE3LTYuNTc4LTcuOTczLTEzLjczNWEzMS4zNyAzMS4zNyAwIDAgMCAuMTgzIDMuMzhjLTEuMTM5LTIuNzktMS44NDctNS43MzctMi4xLTguNzQxYTIxLjYgMjEuNiAwIDAgMC0uMjEzIDIuNzQxYy0uNzYxLTIuMTYyLTEuMDk2LTUuMDI1LTEuMTU2LTcuMTU3di0yLjAxYTEwLjM2IDEwLjM2IDAgMCAwLS41NDggMS40MDFjLS4wMy4xMjItLjA2MS4yMTMtLjA5MS4zMzV2LjAzYy0uMDM1LjExOS0uMDU2LjI0Mi0uMDYxLjM2Ni0uMzE1LTIuMzE4LS4yNjQtNC42NzIuMTUyLTYuOTc0IDYuNDUxIDMuNTMzIDEzLjY5NCA3Ljk3OSAxOC4xNjcgMTEuMTQ3Ljc5MS41NDgtNy4wMjktMi4xMDEtNi4yMzgtMS41NTMgNi42MzQgNC40NzcgMTMuNTcyIDguMTMyIDIwLjI2NyA3LjkxOCAxLjQ4My0uMDYgMi45NTQtLjI5NiA0LjM4Mi0uNy00Ljg5OSAyLjgwMi0xOC4zOC0uMzk2LTIyLjczMi0xLjc2NiAzLjA0My0uMjQ0IDQuMTY5LS40MjYgNC4xNjktLjQyNi0zLjE2NS0uOTc1LTYuNjY0LTIuODAyLTEwLjEzMy00LjA1LjE1MiAyLjQ5Ny43MyA1LjA4NiAxLjcwNCA3LjA5Ni0uNTE3LTIuODAyIDAtNC4yMDMgMC00LjIwM3MxLjAwNCA1LjkzOSAzLjM0NyA5LjM4Yy0uOTEzLTMuNjg1LS41MTctNC45MzQtLjUxNy00LjkzNHMxLjg4NyA3LjA5NiA0LjY1NiA5LjUzMmMtLjM2Ni0xLjMwNy0uNDY5LTIuNjczLS4zMDQtNC4wMiAwIDAgLjUxNyAxLjQwMSAzLjc3MyA0LjAyLS44MjItMS45OCAxLjEyNi0xLjI3OSAyLjY0OC44MjJzMi40MzUgMi4yODQgNi42MDQgMS40NjJjLTMuMDQzIDEuNzM2IDEuODI2IDIuOTU0IDQuOTYgMi41NTgtMi4yNTIgMS40MzEgNC44NjkgMS4wNjYgOC45MTYuMDkxLTIuMTMgMS42NDQgNS4yNjQuOTQ0IDYuNDgyLjEyMi4zNjUtLjI0NCAxLjE4Ny0uMjQ0IDIuMS0uMDYxLTMuMDEzIDIuMDEtNi44MTcgMy41MDItMTEuNzE2IDQuMjAzLS4wNjEtLjAzMSAxLjAwNC0uNTE4IDEuNTUyLTEuMzR6bS0xNC45NzItMTEuMzZjMS41MjIuNjQgMy41LS4yMTMgNS4xMTItMi4zNzYtMS4wNzEuOTE0LTMuMjAxIDIuMTMyLTUuMTEyIDIuMzc2em0wIDQuODczYzEuMTI2LjM2NSAyLjYxNy0uMTIyIDMuODA0LTEuMzctMS4xNTkuNzE4LTIuNDU0IDEuMTg0LTMuODA0IDEuMzd6TTI3LjMzNCA0Ni45MDFjLS4zNjUgMS42NzUuMzY1IDMuNzc2IDIuMDM5IDUuNDIxYTE1LjU0IDE1LjU0IDAgMCAxLTIuMDM5LTUuNDIxeiIgZmlsbD0iI2IzYjNiMyIvPjxwYXRoIGQ9Ik0xLjE5NCAyNC42NjlDMi43NDYgMjcuOTI4IDcuMzEgMzEuNCAxMS45MzYgMzQuMDhhMTkuMjcgMTkuMjcgMCAwIDEgLjM2NS00LjA4MWMtNC41MzQtMi41MDYtOC42NDgtNC41NDctMTEuMTA3LTUuMzN6TTEyLjM5MiAyLjE1M0M4LjQwNi0xLjA3NSA2LjEyMyAxLjM2MiA3LjM3MSA0LjYyIDYuMTU0IDQuMDQyLS4yMzctMi45NjMuMDA3IDEuNDUzLjE1OSAzLjk4MSA2LjAzMiAxMS41OTQgMTEuOTM2IDE5LjExN2MzLjIxMS0xLjQ1NyA2LjUyNy0yLjY2OSA5LjkyMS0zLjYyNC0zLjY4Mi01Ljk2OS03LjU3Ny0xMS44MTctOS40NjQtMTMuMzM5eiIgZmlsbD0iIzJkMWUxYyIvPjxwYXRoIGQ9Ik04My43ODMgNDUuNjQzYzMuNTYtMTEuMjA4LS40ODctMjkuODc2LTM1LjUxMy0yOC44NDEtMTYuODg5LTcuOTE4LTM1LjIzOSAxLjA5Ni00Ny4wNzcgNy44NTcgNS45MDQgMS45MTkgMjEuNjY3IDExLjA4NiAyOS4yNzUgMTYuNDQ2Ljc5MS41NDgtNy4wMy0yLjEwMS02LjIzOC0xLjU1MyA2LjYzNCA0LjQ3NyAxMy41NzIgOC4xMzIgMjAuMjY3IDcuOTE4IDUuOTY0LS4xODMgMTYuMDA3LTQuMzg1IDE2Ljk4LTExLjg3OCAzLjAxMy41NzkgNC4xMzkgNi40ODcgMy44MzQgNi45NDQuMzk2LS40MjYuODUyLTQuOTM0IDIuOTgyLTYuMDMgMCAwLS44ODIgMi41MjgtLjYzOSAzLjE5OCAxLjEyNi0zLjU2MyA5LjgyOS00LjExMiA4LjQyOSA0LjY5LjM5Ni0uMzk2IDEuMTI2LTMuMDE1IDEuMTI2LTMuMDE1LTEuMDM1IDYuNTE3IDEuNDkxIDkuMTM2IDMuOTU2IDkuNTYzIDEuMTU2LS4yMTMgMy40MDgtNC4zNTUgMy42ODItNi45NDRhNy42OSA3LjY5IDAgMCAxLTEuMDY1IDEuNjQ1eiIgZmlsbD0iIzRlMzUyZSIvPjxwYXRoIGQ9Ik0xMy45NDQgMjAuMWMzLjE5NS0xLjk4IDE0LjM2NC02Ljg1MiAyNS45MjctNC41NjhDMjguNDkgMTQuOTIzIDEzLjk0NCAyMC4xIDEzLjk0NCAyMC4xem0zNC4zMjYtMy4yODlhMjQuMzMgMjQuMzMgMCAwIDAtMi42NDgtMS4wOTYgNDUuMyA0NS4zIDAgMCAxIDkuNTU1IDguNDA2Yy0uOTc0LTEuNzA2LTIuMTMtNC43NTEtNC4xOTktNy4zNC0uODgzLS4wMDktMS43OTUtLjAwOS0yLjcwOC4wMjF2LjAwOXoiIGZpbGw9IiMyZDFlMWMiLz48cGF0aCBkPSJNNTEuMjIyIDQyLjk5M2MtMTMuMDI0IDEuNzY2LTE4LjY4NS0xLjk4LTE4LjE2Ny0yLjUyOCA1Ljg0MyAzLjEwNiAxNi40MzMgMi40MDYgMTguMTY3IDIuNTI4em0tMjEuNjA2LTguODMyYy0uNTE3LjUxOCA1LjE0MyA0LjI5NCAxOC4xNjcgMi41MjgtMS43MzUtLjEyMi0xMi4yOTQuNTc5LTE4LjE2Ny0yLjUyOHptMjguMzAxIDIuODAyYy42MDkuMjQ0IDMuNDM5LTIuNzExLS4yNzQtOS4xNjcuMTIyLjg4MyAyLjQwNCA2LjEyMS4yNzQgOS4xNjd6bTIzLjM0MS01LjE0N2MtNi4wMjUtOS4zNS0xNS42NzItMTAuMTcyLTE3LjgzMy05LjU2MyAxMS43NCAxLjU4NCAxNi40OTQgOC44MTEgMTcuODI2IDkuNTYzaC4wMDZ6IiBmaWxsPSIjNmQ0ZDQyIi8+PHBhdGggZD0iTTgwLjI4NCA1Mi41ODdjLjU3OC0uNjQgMi4wMDgtMS4xODggMi41ODctMS40NjItLjMzNS0uMDMtMS4zMDkuMjQ0LTIuMjUyLjU0OGwuNTQ4LS43MzFjLTIuNDk1LS40MjYtNC45OTEtMy4wNDYtMy45NTYtOS41NjMgMCAwLS43NjEgMi42MTktMS4xMjYgMy4wMTUgMS40LTguODMyLTcuMzAzLTguMjUzLTguNDI5LTQuNjktLjI0My0uNjcuNjM5LTMuMTk4LjYzOS0zLjE5OC0yLjEzIDEuMDk2LTIuNTg3IDUuNjA0LTIuOTgyIDYuMDMuMzA0LS40NTctLjg1Mi02LjM2NS0zLjgzNC02Ljk0NC0uMDYyLjQzMi0uMTU0Ljg2LS4yNzQgMS4yNzktMS44MjYgNy44ODgtNS42OTEgNi4xODItOS42MTYgMTEuNjk1YTI4LjQ3IDI4LjQ3IDAgMCAxIDMuNDA4LTIuMDQxYy0yLjQzNCAxLjg1OC00Ljk5MSA0LjU2OC01Ljg0MyA3LjU4My4zMjQtLjQyMy42Ny0uODMgMS4wMzUtMS4yMTgtNC42NTYgOS4wNDUgNC40NzMgOC45NTQgMTEuNjU1IDUuMjk5IDUuNDE3LTIuNzcxIDEuNCA0LjY5IDMuNzEzIDMuNDQxIDMuMzE3LTEuNzY2IDQuODA4LTQuNTk5IDUuNjkxLTYuMTgybC0xLjA2NSAyLjI1NGMyLjEzLTEuNjE0IDIuOTIxLTQuNDE2IDQuNjI2LTQuNzUxLS41MTctMS4yMTgtLjc2MS0yLjE2Mi0uMzk2LTIuNDA2LjU0OC0uMzM1IDIuMjgyIDEuMzQgMy4wMTMgMS43MzYuMTgzLS4xMjIuMTUyLS41MTguMTUyLS41MTguMzYyLjUzNS44MjcuOTkgMS4zNjkgMS4zNC4xNTItLjM2NS4zNjUtLjE1Mi4zOTYtLjE1MmEzLjMxIDMuMzEgMCAwIDEgMS43OTUuNTc5Yy0uMjM1LS4zNTYtLjUyMi0uNjc0LS44NTItLjk0NHoiIGZpbGw9IiNlNDUzMjUiLz48cGF0aCBkPSJNNzQuODM3IDM5Ljg1N2MtMi4yNTItMi4xMzItNC44OTktMS4yNzktNi4wNTYuMTgzLjkwNy0yLjcxMSA0LjgzOS0zLjA3NiA2LjA1Ni0uMTgzem0tNS4wMjEgMTUuMzQ5Yy0uMzY1IDEuMDM1LTMuMDczIDQuMjY0LTQuODk5IDQuNDQ2LjgxNi40NTcgNC43NDctMS43MDYgNC44OTktNC40NDZ6bS0xMS40NDItNS44MTdjLS43My43MzEtMi4zNDMgMS45MTktMy44NjUgMi4xMDEuNDU2LjI4MyAyLjU1Ni0uMjQ0IDMuODY1LTIuMTAxem0tNS45OTUgNS42MDRjLS4zOTYuNTE4LTEuMzA5IDEuMjc5LTIuMzc0IDEuMTg4LjM2NS4zMzUgMS43NjUuMjQ0IDIuMzc0LTEuMTg4em03LjM2NC0xLjA2NmMtLjM5Ni41MTgtMS4zMDkgMS4yNzktMi4zNzQgMS4xODguMzY1LjMzNSAxLjc2NS4yNDQgMi4zNzQtMS4xODh6bTcuODUxLS4zOTZjLS4zOTYuNTE4LTEuMzA5IDEuMjc5LTIuMzc0IDEuMTg4LjM2NS4zMzUgMS43NjUuMjQ0IDIuMzc0LTEuMTg4em0tNy4wOSAyLjQ5N2MtLjUxNyAxLjA2Ni01LjIzNCAzLjk5LTcuMzM0IDMuMjU5Ljg1Mi45NzQgNi44NDcgMCA3LjMzNC0zLjI1di0uMDA5eiIgZmlsbD0iI2JlM2EyNiIvPjxwYXRoIGQ9Ik03NC41OTMgNDQuOTQzYy0xLjcwNCAxLjAzNS0zLjc0MyAxLjEyNy01LjIzNC0uMDkxLjMwNC45NzQgMy4yODcgMi4xOTMgNS4yMzQuMDkxeiIgZmlsbD0iI2VkNmQyMyIvPjxwYXRoIGQ9Ik0xMy40ODggMTkuNDkxQzcuMDk3IDEyLjA5MS45NSAyLjI4NC45NS44NTNjMC0uMDA5IDQuOTMgNy45MDkgMTIuNTM4IDE4LjYzOHptMy4xOTUtNC44NDJjLS4wNjEtLjkxNC00LjIzLTcuMDA1LTguMzk5LTExLjU0MiA1LjA4MiA2LjYzOSA4LjM5OSAxMS41MzMgOC4zOTkgMTEuNTMzdi4wMDl6IiBmaWxsPSIjNGUzNTJlIi8+PHBhdGggZD0iTTc4Ljk3NSA1My4xMzVhNC4xMSA0LjExIDAgMCAxLTEuMzY5LTEuMzRzLjAzLjM5Ni0uMTUyLjUxOGMtLjczLS4zOTYtMi40NjUtMi4wNzEtMy4wMTMtMS43MzYtLjM2NS4yNDQtLjEyMiAxLjE4OC4zOTYgMi40MDZsMi43MDggNS43NTZjLjI3NC42NCAxLjk3OCAyLjg2MyAxLjgyNi01Ljc1Ni0uMDMtLjAzLS4yNS0uMjQ0LS4zOTYuMTUyem0tNy4xNTEtNy42NDRhMy4zNSAzLjM1IDAgMSAwIDAtNi43IDMuMzUgMy4zNSAwIDEgMCAwIDYuN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNzIuODg5IDQwLjIwMWMuMDYxLjQyNi0uNDI2Ljg1My0xLjA2NS45NDRzLTEuMjQ4LS4xODMtMS4zMDgtLjU3OS40MjYtLjg1MyAxLjA2NS0uOTQ0IDEuMjE3LjE0MyAxLjMwOC41Nzl6bS45NDMgMy43MTVhMi4zOCAyLjM4IDAgMCAxLTEuNDkxLjgyMmMtLjA2MS0uMDYxLS4xNTItLjA2MS0uMjc0LS4wNjEtLjA3OS4wMDUtLjE1NS4wMzctLjIxMy4wOTEtLjY0OC4wMTQtMS4yODgtLjE0NC0xLjg1Ni0uNDU3YTIuMzggMi4zOCAwIDAgMCAxLjgyNi43MDFjLjA4Ny4wNjYuMTk1LjA5OS4zMDQuMDkxLjEyMi0uMDMuMjEzLS4wNjEuMjQzLS4xNTIuNzkxLS4xODMgMS40My0uNTg4IDEuNDYxLTEuMDQ1di4wMDl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+Cg==", li = { class: "h-12 space-x-4 flex items-center" }, ii = /* @__PURE__ */ z("img", {
2274
- class: "h-full",
2275
- src: ai,
2276
- alt: "Rotki"
2277
- }, null, -1), ri = {
2278
- key: 0,
2279
- class: "text-h4 text-rui-light-primary"
2280
- }, mi = /* @__PURE__ */ $({
2281
- name: "RuiLogo",
2282
- __name: "Logo",
2283
- props: {
2284
- text: { type: Boolean, default: !1 }
2285
- },
2286
- setup(e) {
2287
- return (s, o) => (c(), _("div", li, [
2288
- ii,
2289
- s.text ? (c(), _("div", ri, "rotki")) : E("", !0)
2290
- ]));
2291
- }
2292
- });
2293
- export {
2294
- pi as A,
2295
- fi as B,
2296
- vi as C,
2297
- ji as F,
2298
- ge as R,
2299
- W as S,
2300
- mi as _,
2301
- yi as a,
2302
- Ce as b,
2303
- C as c,
2304
- Pe as d,
2305
- Ni as e,
2306
- Li as f,
2307
- bi as g,
2308
- gi as h,
2309
- et as i
2310
- };