@solfacil/girassol 0.2.8 → 0.2.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/girassol.es.js +456 -445
- package/dist/girassol.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/theme/solfacil/miscs.d.ts +7 -0
- package/dist/theme/solfacil/spacing.d.ts +3 -0
- package/dist/types/components/menus/menu-item/menu-item-link/MenuItemLink.vue.d.ts +4 -0
- package/dist/types/components/menus/menu-item/menu-item-link/types.d.ts +1 -0
- package/dist/types/index.d.ts +12 -0
- package/package.json +1 -1
- package/theme/solfacil/spacing.ts +2 -1
package/dist/girassol.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as O, openBlock as s, createElementBlock as r, normalizeClass as
|
|
1
|
+
import { defineComponent as O, openBlock as s, createElementBlock as r, normalizeClass as k, createElementVNode as u, useSlots as Ye, computed as p, unref as $, renderSlot as m, createVNode as L, createCommentVNode as T, createBlock as R, withCtx as E, ref as z, toDisplayString as x, mergeProps as U, isRef as Ee, withDirectives as Y, vShow as X, vModelText as We, Fragment as j, renderList as Z, getCurrentScope as je, onScopeDispose as Ze, watch as Je, reactive as ie, withModifiers as q, createTextVNode as D, Transition as Me, normalizeStyle as ae, withKeys as K, onMounted as pe, onUnmounted as Xe, render as De } from "vue";
|
|
2
2
|
const _e = /* @__PURE__ */ u("path", {
|
|
3
3
|
class: "path",
|
|
4
4
|
d: "M16.0008 1.5C17.905 1.5 19.7905 1.87506 21.5497 2.60375C23.3089 3.33244 24.9074 4.4005 26.2538 5.74695C27.6003 7.0934 28.6684 8.69187 29.397 10.4511C30.1257 12.2103 30.5008 14.0958 30.5008 16C30.5008 17.9042 30.1257 19.7897 29.397 21.5489C28.6684 23.3081 27.6003 24.9066 26.2538 26.2531C24.9074 27.5995 23.3089 28.6676 21.5497 29.3963C19.7905 30.1249 17.905 30.5 16.0008 30.5C14.0966 30.5 12.2111 30.1249 10.4519 29.3963C8.69266 28.6676 7.09419 27.5995 5.74774 26.253C4.4013 24.9066 3.33323 23.3081 2.60454 21.5489C1.87585 19.7897 1.50079 17.9042 1.50079 16C1.5008 14.0958 1.87585 12.2103 2.60454 10.4511C3.33324 8.69187 4.4013 7.0934 5.74775 5.74695C7.0942 4.4005 8.69267 3.33244 10.4519 2.60375C12.2111 1.87505 14.0966 1.5 16.0008 1.5L16.0008 1.5Z"
|
|
@@ -11,15 +11,15 @@ const _e = /* @__PURE__ */ u("path", {
|
|
|
11
11
|
dark: { type: Boolean }
|
|
12
12
|
},
|
|
13
13
|
setup(e) {
|
|
14
|
-
return (
|
|
15
|
-
class:
|
|
14
|
+
return (l, t) => (s(), r("svg", {
|
|
15
|
+
class: k(["sol-inner-loader", `-${e.size}`]),
|
|
16
16
|
viewBox: "0 0 32 32",
|
|
17
17
|
fill: "none",
|
|
18
18
|
xmlns: "http://www.w3.org/2000/svg"
|
|
19
19
|
}, et, 2));
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
const
|
|
22
|
+
const lt = ["data-testid", "disabled"], nt = { class: "icon -left" }, it = { class: "icon -right" }, at = {
|
|
23
23
|
key: 0,
|
|
24
24
|
class: "loading"
|
|
25
25
|
}, _ = /* @__PURE__ */ O({
|
|
@@ -33,26 +33,26 @@ const nt = ["data-testid", "disabled"], lt = { class: "icon -left" }, it = { cla
|
|
|
33
33
|
variant: { default: "primary" }
|
|
34
34
|
},
|
|
35
35
|
setup(e) {
|
|
36
|
-
function
|
|
36
|
+
function l(a, o) {
|
|
37
37
|
return a ? o : "";
|
|
38
38
|
}
|
|
39
39
|
const t = Ye(), i = p(
|
|
40
40
|
() => !!(t != null && t.default) && (!!(t != null && t["icon-right"]) || !!(t != null && t["icon-left"]))
|
|
41
|
-
),
|
|
41
|
+
), n = p(
|
|
42
42
|
() => !(t != null && t.default) && (!!(t != null && t["icon-right"]) || !!(t != null && t["icon-left"]))
|
|
43
43
|
);
|
|
44
44
|
return (a, o) => (s(), r("button", {
|
|
45
45
|
"data-testid": `button-${e.id}`,
|
|
46
|
-
class:
|
|
47
|
-
${
|
|
48
|
-
${
|
|
49
|
-
${
|
|
50
|
-
${
|
|
46
|
+
class: k(["sol-button-core", `-${e.variant} -${e.size}
|
|
47
|
+
${l(e.loading, "-loading-helper")}
|
|
48
|
+
${l(e.onColor, "-on-color")}
|
|
49
|
+
${l($(i), "-has-icon")}
|
|
50
|
+
${l($(n), "-only-icon")}
|
|
51
51
|
`]),
|
|
52
52
|
type: "button",
|
|
53
53
|
disabled: e.disabled || e.loading
|
|
54
54
|
}, [
|
|
55
|
-
u("div",
|
|
55
|
+
u("div", nt, [
|
|
56
56
|
m(a.$slots, "icon-left")
|
|
57
57
|
]),
|
|
58
58
|
m(a.$slots, "default"),
|
|
@@ -66,7 +66,7 @@ const nt = ["data-testid", "disabled"], lt = { class: "icon -left" }, it = { cla
|
|
|
66
66
|
dark: e.onColor
|
|
67
67
|
}, null, 8, ["data-testid", "size", "dark"])
|
|
68
68
|
])) : T("", !0)
|
|
69
|
-
], 10,
|
|
69
|
+
], 10, lt));
|
|
70
70
|
}
|
|
71
71
|
});
|
|
72
72
|
const ot = {
|
|
@@ -80,7 +80,7 @@ const ot = {
|
|
|
80
80
|
}, null, -1), dt = [
|
|
81
81
|
st
|
|
82
82
|
];
|
|
83
|
-
function ct(e,
|
|
83
|
+
function ct(e, l) {
|
|
84
84
|
return s(), r("svg", ot, dt);
|
|
85
85
|
}
|
|
86
86
|
const rt = { name: "material-symbols-delete-outline", render: ct }, Ne = /* @__PURE__ */ O({
|
|
@@ -91,7 +91,7 @@ const rt = { name: "material-symbols-delete-outline", render: ct }, Ne = /* @__P
|
|
|
91
91
|
loading: { type: Boolean }
|
|
92
92
|
},
|
|
93
93
|
setup(e) {
|
|
94
|
-
return (
|
|
94
|
+
return (l, t) => (s(), R(_, {
|
|
95
95
|
id: `destructive-${e.id}`,
|
|
96
96
|
size: e.size,
|
|
97
97
|
loading: e.loading,
|
|
@@ -102,7 +102,7 @@ const rt = { name: "material-symbols-delete-outline", render: ct }, Ne = /* @__P
|
|
|
102
102
|
L($(rt))
|
|
103
103
|
]),
|
|
104
104
|
default: E(() => [
|
|
105
|
-
m(
|
|
105
|
+
m(l.$slots, "default")
|
|
106
106
|
]),
|
|
107
107
|
_: 3
|
|
108
108
|
}, 8, ["id", "size", "loading"]));
|
|
@@ -123,20 +123,20 @@ const ut = ["id", "data-testid", "value"], W = /* @__PURE__ */ O({
|
|
|
123
123
|
error: { type: Boolean }
|
|
124
124
|
},
|
|
125
125
|
emits: ["update:modelValue"],
|
|
126
|
-
setup(e, { expose:
|
|
126
|
+
setup(e, { expose: l, emit: t }) {
|
|
127
127
|
function i({ target: a }) {
|
|
128
128
|
t("update:modelValue", a == null ? void 0 : a.value);
|
|
129
129
|
}
|
|
130
|
-
const
|
|
131
|
-
return
|
|
132
|
-
input:
|
|
130
|
+
const n = z("");
|
|
131
|
+
return l({
|
|
132
|
+
input: n
|
|
133
133
|
}), (a, o) => (s(), r("input", {
|
|
134
134
|
id: `input-${e.id}`,
|
|
135
135
|
ref_key: "input",
|
|
136
|
-
ref:
|
|
136
|
+
ref: n,
|
|
137
137
|
"data-testid": `input-${e.id}`,
|
|
138
138
|
value: e.modelValue,
|
|
139
|
-
class:
|
|
139
|
+
class: k(["sol-input-core", { "-invert": e.invert, "-error": e.error }]),
|
|
140
140
|
onInput: i
|
|
141
141
|
}, null, 42, ut));
|
|
142
142
|
}
|
|
@@ -156,25 +156,25 @@ const ht = ["id", "data-testid"], ft = ["for"], mt = { class: "container-input"
|
|
|
156
156
|
error: null
|
|
157
157
|
},
|
|
158
158
|
emits: ["update:modelValue"],
|
|
159
|
-
setup(e, { emit:
|
|
159
|
+
setup(e, { emit: l }) {
|
|
160
160
|
const t = e, i = p({
|
|
161
161
|
get: () => t.modelValue,
|
|
162
162
|
set: (o) => {
|
|
163
|
-
|
|
163
|
+
l("update:modelValue", o);
|
|
164
164
|
}
|
|
165
165
|
});
|
|
166
|
-
function
|
|
166
|
+
function n(o, d) {
|
|
167
167
|
return !!o && !d;
|
|
168
168
|
}
|
|
169
169
|
function a(o, d) {
|
|
170
|
-
return d ? `error-${t.id}` :
|
|
170
|
+
return d ? `error-${t.id}` : n(o, d) ? `hint-${t.id}` : null;
|
|
171
171
|
}
|
|
172
172
|
return (o, d) => {
|
|
173
173
|
var c;
|
|
174
174
|
return s(), r("div", {
|
|
175
175
|
id: `textfield-${e.id}`,
|
|
176
176
|
"data-testid": `textfield-${e.id}`,
|
|
177
|
-
class:
|
|
177
|
+
class: k([[`${(c = o.$props.class) != null ? c : ""}`, { "-invert": e.invert }], "sol-textfield-core"])
|
|
178
178
|
}, [
|
|
179
179
|
m(o.$slots, "label", {}, () => [
|
|
180
180
|
e.label ? (s(), r("label", {
|
|
@@ -182,7 +182,7 @@ const ht = ["id", "data-testid"], ft = ["for"], mt = { class: "container-input"
|
|
|
182
182
|
for: `input-${e.id}`,
|
|
183
183
|
class: "label"
|
|
184
184
|
}, [
|
|
185
|
-
u("span", null,
|
|
185
|
+
u("span", null, x(e.label), 1)
|
|
186
186
|
], 8, ft)) : T("", !0)
|
|
187
187
|
]),
|
|
188
188
|
u("div", mt, [
|
|
@@ -200,15 +200,15 @@ const ht = ["id", "data-testid"], ft = ["for"], mt = { class: "container-input"
|
|
|
200
200
|
]),
|
|
201
201
|
m(o.$slots, "icon")
|
|
202
202
|
]),
|
|
203
|
-
|
|
203
|
+
n(e.hint, e.error) ? (s(), r("span", {
|
|
204
204
|
key: 0,
|
|
205
205
|
id: `hint-${e.id}`,
|
|
206
206
|
class: "hint"
|
|
207
|
-
},
|
|
207
|
+
}, x(e.hint), 9, vt)) : e.error ? (s(), r("span", {
|
|
208
208
|
key: 1,
|
|
209
209
|
id: `error-${e.id}`,
|
|
210
210
|
class: "error"
|
|
211
|
-
},
|
|
211
|
+
}, x(e.error), 9, $t)) : T("", !0)
|
|
212
212
|
], 10, ht);
|
|
213
213
|
};
|
|
214
214
|
}
|
|
@@ -224,10 +224,10 @@ const bt = {
|
|
|
224
224
|
], -1), gt = [
|
|
225
225
|
yt
|
|
226
226
|
];
|
|
227
|
-
function wt(e,
|
|
227
|
+
function wt(e, l) {
|
|
228
228
|
return s(), r("svg", bt, gt);
|
|
229
229
|
}
|
|
230
|
-
const
|
|
230
|
+
const kt = { name: "mi-eye", render: wt }, xt = {
|
|
231
231
|
preserveAspectRatio: "xMidYMid meet",
|
|
232
232
|
viewBox: "0 0 24 24",
|
|
233
233
|
width: "1em",
|
|
@@ -238,20 +238,20 @@ const xt = { name: "mi-eye", render: wt }, kt = {
|
|
|
238
238
|
}, null, -1), Ct = [
|
|
239
239
|
St
|
|
240
240
|
];
|
|
241
|
-
function
|
|
242
|
-
return s(), r("svg",
|
|
241
|
+
function It(e, l) {
|
|
242
|
+
return s(), r("svg", xt, Ct);
|
|
243
243
|
}
|
|
244
|
-
const
|
|
244
|
+
const Bt = { name: "mi-eye-off", render: It }, Ot = ["aria-label"], $e = /* @__PURE__ */ O({
|
|
245
245
|
__name: "TextfieldPassword",
|
|
246
246
|
props: {
|
|
247
247
|
id: { default: "" },
|
|
248
248
|
label: { default: "Sua senha" }
|
|
249
249
|
},
|
|
250
250
|
setup(e) {
|
|
251
|
-
const
|
|
252
|
-
() =>
|
|
251
|
+
const l = z(!1), t = p(
|
|
252
|
+
() => l.value ? "text" : "password"
|
|
253
253
|
);
|
|
254
|
-
return (i,
|
|
254
|
+
return (i, n) => (s(), R(oe, {
|
|
255
255
|
id: e.id,
|
|
256
256
|
required: "",
|
|
257
257
|
type: $(t),
|
|
@@ -262,14 +262,14 @@ const It = { name: "mi-eye-off", render: Bt }, Ot = ["aria-label"], $e = /* @__P
|
|
|
262
262
|
u("button", {
|
|
263
263
|
type: "button",
|
|
264
264
|
"data-testid": "toggle-type-password",
|
|
265
|
-
"aria-label":
|
|
266
|
-
onClick:
|
|
265
|
+
"aria-label": l.value ? "Hide password" : "Show password",
|
|
266
|
+
onClick: n[0] || (n[0] = (a) => l.value = !l.value)
|
|
267
267
|
}, [
|
|
268
|
-
Y(L($(
|
|
269
|
-
[X,
|
|
268
|
+
Y(L($(kt), { "aria-hidden": "true" }, null, 512), [
|
|
269
|
+
[X, l.value]
|
|
270
270
|
]),
|
|
271
|
-
Y(L($(
|
|
272
|
-
[X, !
|
|
271
|
+
Y(L($(Bt), { "aria-hidden": "true" }, null, 512), [
|
|
272
|
+
[X, !l.value]
|
|
273
273
|
])
|
|
274
274
|
], 8, Ot)
|
|
275
275
|
]),
|
|
@@ -296,25 +296,25 @@ const Mt = ["id", "data-testid"], Tt = ["for"], Lt = { class: "container-textare
|
|
|
296
296
|
error: null
|
|
297
297
|
},
|
|
298
298
|
emits: ["update:modelValue"],
|
|
299
|
-
setup(e, { emit:
|
|
299
|
+
setup(e, { emit: l }) {
|
|
300
300
|
const t = e, i = p({
|
|
301
301
|
get: () => t.modelValue,
|
|
302
302
|
set: (o) => {
|
|
303
|
-
|
|
303
|
+
l("update:modelValue", o);
|
|
304
304
|
}
|
|
305
305
|
});
|
|
306
|
-
function
|
|
306
|
+
function n(o, d) {
|
|
307
307
|
return !!o && !d;
|
|
308
308
|
}
|
|
309
309
|
function a(o, d) {
|
|
310
|
-
return d ? `error-${t.id}` :
|
|
310
|
+
return d ? `error-${t.id}` : n(o, d) ? `hint-${t.id}` : null;
|
|
311
311
|
}
|
|
312
312
|
return (o, d) => {
|
|
313
313
|
var c;
|
|
314
314
|
return s(), r("div", {
|
|
315
315
|
id: `textarea-${e.id}`,
|
|
316
316
|
"data-testid": `textarea-${e.id}`,
|
|
317
|
-
class:
|
|
317
|
+
class: k([[`${(c = o.$props.class) != null ? c : ""}`, { "-invert": e.invert }], "sol-textarea-core"])
|
|
318
318
|
}, [
|
|
319
319
|
m(o.$slots, "label", {}, () => [
|
|
320
320
|
e.label ? (s(), r("label", {
|
|
@@ -322,7 +322,7 @@ const Mt = ["id", "data-testid"], Tt = ["for"], Lt = { class: "container-textare
|
|
|
322
322
|
for: `input-${e.id}`,
|
|
323
323
|
class: "label"
|
|
324
324
|
}, [
|
|
325
|
-
u("span", null,
|
|
325
|
+
u("span", null, x(e.label), 1)
|
|
326
326
|
], 8, Tt)) : T("", !0)
|
|
327
327
|
]),
|
|
328
328
|
u("div", Lt, [
|
|
@@ -341,15 +341,15 @@ const Mt = ["id", "data-testid"], Tt = ["for"], Lt = { class: "container-textare
|
|
|
341
341
|
])
|
|
342
342
|
])
|
|
343
343
|
]),
|
|
344
|
-
|
|
344
|
+
n(e.hint, e.error) ? (s(), r("span", {
|
|
345
345
|
key: 0,
|
|
346
346
|
id: `hint-${e.id}`,
|
|
347
347
|
class: "hint"
|
|
348
|
-
},
|
|
348
|
+
}, x(e.hint), 9, zt)) : e.error ? (s(), r("span", {
|
|
349
349
|
key: 1,
|
|
350
350
|
id: `error-${e.id}`,
|
|
351
351
|
class: "error"
|
|
352
|
-
},
|
|
352
|
+
}, x(e.error), 9, Vt)) : T("", !0)
|
|
353
353
|
], 10, Mt);
|
|
354
354
|
};
|
|
355
355
|
}
|
|
@@ -368,9 +368,9 @@ const At = ["id", "data-testid", "checked", "value", "name"], Et = ["for"], se =
|
|
|
368
368
|
class: null
|
|
369
369
|
},
|
|
370
370
|
emits: ["change"],
|
|
371
|
-
setup(e, { emit:
|
|
371
|
+
setup(e, { emit: l }) {
|
|
372
372
|
return (t, i) => (s(), r("div", {
|
|
373
|
-
class:
|
|
373
|
+
class: k(["sol-radio-core", t.$props.class])
|
|
374
374
|
}, [
|
|
375
375
|
u("input", U(t.$attrs, {
|
|
376
376
|
id: `radio-${e.name}-${e.id}`,
|
|
@@ -380,12 +380,12 @@ const At = ["id", "data-testid", "checked", "value", "name"], Et = ["for"], se =
|
|
|
380
380
|
checked: e.checked,
|
|
381
381
|
value: e.value,
|
|
382
382
|
name: e.name,
|
|
383
|
-
onChange: i[0] || (i[0] = (
|
|
383
|
+
onChange: i[0] || (i[0] = (n) => l("change", e.value))
|
|
384
384
|
}), null, 16, At),
|
|
385
385
|
u("label", {
|
|
386
386
|
class: "label",
|
|
387
387
|
for: `radio-${e.name}-${e.id}`
|
|
388
|
-
},
|
|
388
|
+
}, x(e.label), 9, Et)
|
|
389
389
|
], 2));
|
|
390
390
|
}
|
|
391
391
|
});
|
|
@@ -402,19 +402,19 @@ const pt = ["aria-labelledby"], Dt = ["id", "data-testid"], Nt = ["id"], Rt = ["
|
|
|
402
402
|
direction: { default: "row" }
|
|
403
403
|
},
|
|
404
404
|
emits: ["change", "update:modelValue"],
|
|
405
|
-
setup(e, { emit:
|
|
405
|
+
setup(e, { emit: l }) {
|
|
406
406
|
const t = e;
|
|
407
407
|
function i(d, c) {
|
|
408
408
|
return !!d && !c;
|
|
409
409
|
}
|
|
410
|
-
function
|
|
410
|
+
function n(d, c) {
|
|
411
411
|
return c ? `error-${t.id}` : i(d, c) ? `hint-${t.id}` : null;
|
|
412
412
|
}
|
|
413
413
|
function a(d) {
|
|
414
414
|
return (t == null ? void 0 : t.modelValue) === d;
|
|
415
415
|
}
|
|
416
416
|
function o(d) {
|
|
417
|
-
|
|
417
|
+
l("change", d.value), l("update:modelValue", d.value);
|
|
418
418
|
}
|
|
419
419
|
return (d, c) => (s(), r("fieldset", {
|
|
420
420
|
class: "sol-radio-group-core",
|
|
@@ -425,29 +425,29 @@ const pt = ["aria-labelledby"], Dt = ["id", "data-testid"], Nt = ["id"], Rt = ["
|
|
|
425
425
|
}, () => [
|
|
426
426
|
u("legend", {
|
|
427
427
|
id: `radio-group-title-${e.id}`,
|
|
428
|
-
class:
|
|
428
|
+
class: k(["title", { "sr-only": e.hideTitle }]),
|
|
429
429
|
"data-testid": `radio-group-title-${e.id}`
|
|
430
|
-
},
|
|
430
|
+
}, x(e.title), 11, Dt)
|
|
431
431
|
]),
|
|
432
432
|
u("ul", {
|
|
433
|
-
class:
|
|
433
|
+
class: k(["container-radios", { "flex-col": e.direction === "column" }])
|
|
434
434
|
}, [
|
|
435
435
|
m(d.$slots, "default", {
|
|
436
436
|
radios: e.radios,
|
|
437
437
|
direction: e.direction
|
|
438
438
|
}, () => [
|
|
439
439
|
(s(!0), r(j, null, Z(e.radios, (h, f) => {
|
|
440
|
-
var
|
|
440
|
+
var I;
|
|
441
441
|
return s(), r("li", { key: f }, [
|
|
442
442
|
L(se, U(d.$attrs, {
|
|
443
|
-
id: (
|
|
443
|
+
id: (I = h == null ? void 0 : h.id) != null ? I : `${h.value}`,
|
|
444
444
|
class: ["radio", { "mb-micro": e.direction === "column", "mr-micro": e.direction === "row" }],
|
|
445
445
|
name: h.name,
|
|
446
446
|
value: h.value,
|
|
447
447
|
label: h.label,
|
|
448
448
|
checked: a(h.value),
|
|
449
449
|
"aria-invalid": !!e.error,
|
|
450
|
-
"aria-describedby":
|
|
450
|
+
"aria-describedby": n(e.hint, e.error),
|
|
451
451
|
onChange: (y) => o(h)
|
|
452
452
|
}), null, 16, ["id", "class", "name", "value", "label", "checked", "aria-invalid", "aria-describedby", "onChange"])
|
|
453
453
|
]);
|
|
@@ -458,11 +458,11 @@ const pt = ["aria-labelledby"], Dt = ["id", "data-testid"], Nt = ["id"], Rt = ["
|
|
|
458
458
|
key: 0,
|
|
459
459
|
id: `hint-${e.id}`,
|
|
460
460
|
class: "hint"
|
|
461
|
-
},
|
|
461
|
+
}, x(e.hint), 9, Nt)) : e.error ? (s(), r("p", {
|
|
462
462
|
key: 1,
|
|
463
463
|
id: `error-${e.id}`,
|
|
464
464
|
class: "error"
|
|
465
|
-
},
|
|
465
|
+
}, x(e.error), 9, Rt)) : T("", !0)
|
|
466
466
|
], 8, pt));
|
|
467
467
|
}
|
|
468
468
|
});
|
|
@@ -483,9 +483,9 @@ const Ht = ["id", "data-testid", "checked", "value", "name"], Ft = ["for"], de =
|
|
|
483
483
|
class: null
|
|
484
484
|
},
|
|
485
485
|
emits: ["change"],
|
|
486
|
-
setup(e, { emit:
|
|
486
|
+
setup(e, { emit: l }) {
|
|
487
487
|
return (t, i) => (s(), r("div", {
|
|
488
|
-
class:
|
|
488
|
+
class: k(["sol-checkbox-core", t.$props.class])
|
|
489
489
|
}, [
|
|
490
490
|
u("input", U(t.$attrs, {
|
|
491
491
|
id: `checkbox-${e.name}-${e.id}`,
|
|
@@ -495,12 +495,12 @@ const Ht = ["id", "data-testid", "checked", "value", "name"], Ft = ["for"], de =
|
|
|
495
495
|
checked: e.checked,
|
|
496
496
|
value: e.value,
|
|
497
497
|
name: e.name,
|
|
498
|
-
onChange: i[0] || (i[0] = (
|
|
498
|
+
onChange: i[0] || (i[0] = (n) => l("change", e.value))
|
|
499
499
|
}), null, 16, Ht),
|
|
500
500
|
u("label", {
|
|
501
501
|
class: "label",
|
|
502
502
|
for: `checkbox-${e.name}-${e.id}`
|
|
503
|
-
},
|
|
503
|
+
}, x(e.label), 9, Ft)
|
|
504
504
|
], 2));
|
|
505
505
|
}
|
|
506
506
|
});
|
|
@@ -517,12 +517,12 @@ const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["
|
|
|
517
517
|
direction: { default: "row" }
|
|
518
518
|
},
|
|
519
519
|
emits: ["change", "update:modelValue"],
|
|
520
|
-
setup(e, { emit:
|
|
520
|
+
setup(e, { emit: l }) {
|
|
521
521
|
const t = e;
|
|
522
522
|
function i(c, h) {
|
|
523
523
|
return !!c && !h;
|
|
524
524
|
}
|
|
525
|
-
function
|
|
525
|
+
function n(c, h) {
|
|
526
526
|
return h ? `error-${t.id}` : i(c, h) ? `hint-${t.id}` : null;
|
|
527
527
|
}
|
|
528
528
|
function a(c) {
|
|
@@ -534,9 +534,9 @@ const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["
|
|
|
534
534
|
}
|
|
535
535
|
function d(c) {
|
|
536
536
|
var f;
|
|
537
|
-
|
|
538
|
-
const h = a(c.value) ? (f = t.modelValue) == null ? void 0 : f.filter((
|
|
539
|
-
|
|
537
|
+
l("change", c.value);
|
|
538
|
+
const h = a(c.value) ? (f = t.modelValue) == null ? void 0 : f.filter((I) => I !== c.value) : o(c.value);
|
|
539
|
+
l("update:modelValue", h);
|
|
540
540
|
}
|
|
541
541
|
return (c, h) => (s(), r("fieldset", {
|
|
542
542
|
class: "sol-checkbox-group-core",
|
|
@@ -547,20 +547,20 @@ const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["
|
|
|
547
547
|
}, () => [
|
|
548
548
|
u("legend", {
|
|
549
549
|
id: `checkbox-group-title-${e.id}`,
|
|
550
|
-
class:
|
|
550
|
+
class: k(["title", { "sr-only": e.hideTitle }]),
|
|
551
551
|
"data-testid": `checkbox-group-title-${e.id}`
|
|
552
|
-
},
|
|
552
|
+
}, x(e.title), 11, Kt)
|
|
553
553
|
]),
|
|
554
554
|
u("ul", {
|
|
555
|
-
class:
|
|
555
|
+
class: k(["container-checkboxes", { "flex-col": e.direction === "column" }])
|
|
556
556
|
}, [
|
|
557
557
|
m(c.$slots, "default", {
|
|
558
558
|
checkboxes: e.checkboxes,
|
|
559
559
|
direction: e.direction
|
|
560
560
|
}, () => [
|
|
561
|
-
(s(!0), r(j, null, Z(e.checkboxes, (f,
|
|
561
|
+
(s(!0), r(j, null, Z(e.checkboxes, (f, I) => {
|
|
562
562
|
var y;
|
|
563
|
-
return s(), r("li", { key:
|
|
563
|
+
return s(), r("li", { key: I }, [
|
|
564
564
|
L(de, U(c.$attrs, {
|
|
565
565
|
id: (y = f == null ? void 0 : f.id) != null ? y : `${f.value}`,
|
|
566
566
|
class: ["checkbox", { "mb-micro": e.direction === "column", "mr-micro": e.direction === "row" }],
|
|
@@ -569,7 +569,7 @@ const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["
|
|
|
569
569
|
value: f.value,
|
|
570
570
|
checked: a(f.value),
|
|
571
571
|
"aria-invalid": !!e.error,
|
|
572
|
-
"aria-describedby":
|
|
572
|
+
"aria-describedby": n(e.hint, e.error),
|
|
573
573
|
onChange: (S) => d(f)
|
|
574
574
|
}), null, 16, ["id", "class", "label", "name", "value", "checked", "aria-invalid", "aria-describedby", "onChange"])
|
|
575
575
|
]);
|
|
@@ -580,11 +580,11 @@ const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["
|
|
|
580
580
|
key: 0,
|
|
581
581
|
id: `hint-${e.id}`,
|
|
582
582
|
class: "hint"
|
|
583
|
-
},
|
|
583
|
+
}, x(e.hint), 9, Ut)) : e.error ? (s(), r("p", {
|
|
584
584
|
key: 1,
|
|
585
585
|
id: `error-${e.id}`,
|
|
586
586
|
class: "error"
|
|
587
|
-
},
|
|
587
|
+
}, x(e.error), 9, Gt)) : T("", !0)
|
|
588
588
|
], 8, qt));
|
|
589
589
|
}
|
|
590
590
|
});
|
|
@@ -607,16 +607,16 @@ const Qt = ["id", "for", "data-testid"], Yt = { class: "switch-container" }, Wt
|
|
|
607
607
|
horizontalLabel: { type: Boolean }
|
|
608
608
|
},
|
|
609
609
|
emits: ["change"],
|
|
610
|
-
setup(e, { emit:
|
|
610
|
+
setup(e, { emit: l }) {
|
|
611
611
|
return (t, i) => (s(), r("div", {
|
|
612
|
-
class:
|
|
612
|
+
class: k(["sol-switch-core", [t.$props.class, { "-horizontal": e.horizontalLabel }]])
|
|
613
613
|
}, [
|
|
614
614
|
u("label", {
|
|
615
615
|
id: `switch-label-${e.name}-${e.id}`,
|
|
616
|
-
class:
|
|
616
|
+
class: k(["label", { "mb-1": !e.horizontalLabel, "sr-only": e.hideLabel }]),
|
|
617
617
|
for: `switch-${e.name}-${e.id}`,
|
|
618
618
|
"data-testid": `switch-label-${e.name}-${e.id}`
|
|
619
|
-
},
|
|
619
|
+
}, x(e.label), 11, Qt),
|
|
620
620
|
u("div", Yt, [
|
|
621
621
|
u("input", U(t.$attrs, {
|
|
622
622
|
id: `switch-${e.name}-${e.id}`,
|
|
@@ -629,7 +629,7 @@ const Qt = ["id", "for", "data-testid"], Yt = { class: "switch-container" }, Wt
|
|
|
629
629
|
checked: e.checked,
|
|
630
630
|
value: e.value,
|
|
631
631
|
name: e.name,
|
|
632
|
-
onChange: i[0] || (i[0] = (
|
|
632
|
+
onChange: i[0] || (i[0] = (n) => l("change", e.value))
|
|
633
633
|
}), null, 16, Wt),
|
|
634
634
|
jt
|
|
635
635
|
])
|
|
@@ -653,77 +653,77 @@ function _t(e) {
|
|
|
653
653
|
return je() ? (Ze(e), !0) : !1;
|
|
654
654
|
}
|
|
655
655
|
function J(e) {
|
|
656
|
-
var
|
|
656
|
+
var l;
|
|
657
657
|
const t = Jt(e);
|
|
658
|
-
return (
|
|
658
|
+
return (l = t == null ? void 0 : t.$el) != null ? l : t;
|
|
659
659
|
}
|
|
660
660
|
const Re = te ? window : void 0;
|
|
661
661
|
te && window.document;
|
|
662
662
|
te && window.navigator;
|
|
663
663
|
te && window.location;
|
|
664
|
-
function
|
|
665
|
-
let
|
|
666
|
-
if (Zt(e[0]) ? ([t, i,
|
|
664
|
+
function ne(...e) {
|
|
665
|
+
let l, t, i, n;
|
|
666
|
+
if (Zt(e[0]) ? ([t, i, n] = e, l = Re) : [l, t, i, n] = e, !l)
|
|
667
667
|
return ve;
|
|
668
668
|
let a = ve;
|
|
669
|
-
const o = Je(() => J(
|
|
670
|
-
a(), c && (c.addEventListener(t, i,
|
|
671
|
-
c.removeEventListener(t, i,
|
|
669
|
+
const o = Je(() => J(l), (c) => {
|
|
670
|
+
a(), c && (c.addEventListener(t, i, n), a = () => {
|
|
671
|
+
c.removeEventListener(t, i, n), a = ve;
|
|
672
672
|
});
|
|
673
673
|
}, { immediate: !0, flush: "post" }), d = () => {
|
|
674
674
|
o(), a();
|
|
675
675
|
};
|
|
676
676
|
return _t(d), d;
|
|
677
677
|
}
|
|
678
|
-
function Te(e,
|
|
679
|
-
const { window: i = Re, ignore:
|
|
678
|
+
function Te(e, l, t = {}) {
|
|
679
|
+
const { window: i = Re, ignore: n, capture: a = !0, detectIframe: o = !1 } = t;
|
|
680
680
|
if (!i)
|
|
681
681
|
return;
|
|
682
682
|
const d = z(!0);
|
|
683
683
|
let c;
|
|
684
684
|
const h = (y) => {
|
|
685
685
|
i.clearTimeout(c);
|
|
686
|
-
const S = J(e),
|
|
687
|
-
!S || S === y.target ||
|
|
686
|
+
const S = J(e), B = y.composedPath();
|
|
687
|
+
!S || S === y.target || B.includes(S) || !d.value || n && n.length > 0 && n.some((M) => {
|
|
688
688
|
const N = J(M);
|
|
689
|
-
return N && (y.target === N ||
|
|
690
|
-
}) ||
|
|
689
|
+
return N && (y.target === N || B.includes(N));
|
|
690
|
+
}) || l(y);
|
|
691
691
|
}, f = [
|
|
692
|
-
|
|
693
|
-
|
|
692
|
+
ne(i, "click", h, { passive: !0, capture: a }),
|
|
693
|
+
ne(i, "pointerdown", (y) => {
|
|
694
694
|
const S = J(e);
|
|
695
695
|
d.value = !!S && !y.composedPath().includes(S);
|
|
696
696
|
}, { passive: !0 }),
|
|
697
|
-
|
|
697
|
+
ne(i, "pointerup", (y) => {
|
|
698
698
|
if (y.button === 0) {
|
|
699
699
|
const S = y.composedPath();
|
|
700
700
|
y.composedPath = () => S, c = i.setTimeout(() => h(y), 50);
|
|
701
701
|
}
|
|
702
702
|
}, { passive: !0 }),
|
|
703
|
-
o &&
|
|
703
|
+
o && ne(i, "blur", (y) => {
|
|
704
704
|
var S;
|
|
705
|
-
const
|
|
706
|
-
((S = document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !(
|
|
705
|
+
const B = J(e);
|
|
706
|
+
((S = document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !(B != null && B.contains(document.activeElement)) && l(y);
|
|
707
707
|
})
|
|
708
708
|
].filter(Boolean);
|
|
709
709
|
return () => f.forEach((y) => y());
|
|
710
710
|
}
|
|
711
|
-
const
|
|
712
|
-
xe
|
|
713
|
-
xe
|
|
711
|
+
const ke = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, xe = "__vueuse_ssr_handlers__";
|
|
712
|
+
ke[xe] = ke[xe] || {};
|
|
713
|
+
ke[xe];
|
|
714
714
|
var Pe;
|
|
715
715
|
(function(e) {
|
|
716
716
|
e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
|
|
717
717
|
})(Pe || (Pe = {}));
|
|
718
|
-
var
|
|
719
|
-
for (var t in
|
|
720
|
-
|
|
718
|
+
var el = Object.defineProperty, ze = Object.getOwnPropertySymbols, tl = Object.prototype.hasOwnProperty, ll = Object.prototype.propertyIsEnumerable, Ve = (e, l, t) => l in e ? el(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, nl = (e, l) => {
|
|
719
|
+
for (var t in l || (l = {}))
|
|
720
|
+
tl.call(l, t) && Ve(e, t, l[t]);
|
|
721
721
|
if (ze)
|
|
722
|
-
for (var t of ze(
|
|
723
|
-
|
|
722
|
+
for (var t of ze(l))
|
|
723
|
+
ll.call(l, t) && Ve(e, t, l[t]);
|
|
724
724
|
return e;
|
|
725
725
|
};
|
|
726
|
-
const
|
|
726
|
+
const il = {
|
|
727
727
|
easeInSine: [0.12, 0, 0.39, 0],
|
|
728
728
|
easeOutSine: [0.61, 1, 0.88, 1],
|
|
729
729
|
easeInOutSine: [0.37, 0, 0.63, 1],
|
|
@@ -749,27 +749,27 @@ const an = {
|
|
|
749
749
|
easeOutBack: [0.34, 1.56, 0.64, 1],
|
|
750
750
|
easeInOutBack: [0.68, -0.6, 0.32, 1.6]
|
|
751
751
|
};
|
|
752
|
-
|
|
752
|
+
nl({
|
|
753
753
|
linear: Xt
|
|
754
|
-
},
|
|
755
|
-
const
|
|
754
|
+
}, il);
|
|
755
|
+
const al = {
|
|
756
756
|
preserveAspectRatio: "xMidYMid meet",
|
|
757
757
|
viewBox: "0 0 24 24",
|
|
758
758
|
width: "1em",
|
|
759
759
|
height: "1em"
|
|
760
|
-
},
|
|
760
|
+
}, ol = /* @__PURE__ */ u("path", {
|
|
761
761
|
fill: "currentColor",
|
|
762
762
|
d: "M10 4a6 6 0 1 0 0 12a6 6 0 0 0 0-12zm-8 6a8 8 0 1 1 14.32 4.906l5.387 5.387a1 1 0 0 1-1.414 1.414l-5.387-5.387A8 8 0 0 1 2 10z"
|
|
763
|
-
}, null, -1),
|
|
764
|
-
|
|
763
|
+
}, null, -1), sl = [
|
|
764
|
+
ol
|
|
765
765
|
];
|
|
766
|
-
function
|
|
767
|
-
return s(), r("svg",
|
|
766
|
+
function dl(e, l) {
|
|
767
|
+
return s(), r("svg", al, sl);
|
|
768
768
|
}
|
|
769
|
-
const He = { name: "mi-search", render:
|
|
769
|
+
const He = { name: "mi-search", render: dl }, cl = ["data-testid"], rl = ["id", "for"], ul = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], hl = { class: "dropdown-container" }, fl = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], ml = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], vl = {
|
|
770
770
|
key: 0,
|
|
771
771
|
class: "no-data"
|
|
772
|
-
},
|
|
772
|
+
}, $l = /* @__PURE__ */ D(" Sem dados "), Se = /* @__PURE__ */ O({
|
|
773
773
|
__name: "Dropdown",
|
|
774
774
|
props: {
|
|
775
775
|
id: null,
|
|
@@ -787,8 +787,8 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
|
|
|
787
787
|
options: { default: () => [] }
|
|
788
788
|
},
|
|
789
789
|
emits: ["closeDropdown", "search", "update:selected"],
|
|
790
|
-
setup(e, { emit:
|
|
791
|
-
const t = e, i = z(),
|
|
790
|
+
setup(e, { emit: l }) {
|
|
791
|
+
const t = e, i = z(), n = z(!1), a = z(""), o = p(
|
|
792
792
|
() => {
|
|
793
793
|
var b;
|
|
794
794
|
return t.fetchOnSearch ? t.options : (b = t.options) == null ? void 0 : b.filter(
|
|
@@ -799,29 +799,29 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
|
|
|
799
799
|
() => Array.isArray(t.selected) ? t.selected.join(", ").trim() : t.selected
|
|
800
800
|
);
|
|
801
801
|
Te(i, () => {
|
|
802
|
-
|
|
802
|
+
n.value && f();
|
|
803
803
|
});
|
|
804
804
|
function c() {
|
|
805
|
-
t.disabled || (
|
|
805
|
+
t.disabled || (n.value ? f() : h());
|
|
806
806
|
}
|
|
807
807
|
function h() {
|
|
808
|
-
|
|
808
|
+
n.value = !0;
|
|
809
809
|
}
|
|
810
810
|
function f() {
|
|
811
|
-
he(),
|
|
811
|
+
he(), l("closeDropdown");
|
|
812
812
|
}
|
|
813
|
-
function
|
|
813
|
+
function I(b) {
|
|
814
814
|
const v = new Set(t.selected);
|
|
815
815
|
return v.has(b) ? v.delete(b) : v.add(b), [...v];
|
|
816
816
|
}
|
|
817
817
|
function y(b) {
|
|
818
|
-
const v = typeof b == "string" ? b : b.value, C = t.isMultipleSelect ?
|
|
819
|
-
|
|
818
|
+
const v = typeof b == "string" ? b : b.value, C = t.isMultipleSelect ? I(v) : v;
|
|
819
|
+
l("update:selected", C), t.closeOnSelect && !t.isMultipleSelect && f();
|
|
820
820
|
}
|
|
821
821
|
function S(b) {
|
|
822
822
|
return Array.isArray(t.selected) ? typeof b == "string" ? t.selected.includes(b) : t.selected.includes(b.value) : typeof b == "string" ? b === t.selected : b.value === t.selected;
|
|
823
823
|
}
|
|
824
|
-
const
|
|
824
|
+
const B = ie({
|
|
825
825
|
list: void 0,
|
|
826
826
|
search: void 0
|
|
827
827
|
}), M = ie({
|
|
@@ -833,18 +833,18 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
|
|
|
833
833
|
const F = P != null ? P : M.index;
|
|
834
834
|
P !== void 0 && (M.index = P), setTimeout(() => {
|
|
835
835
|
var g, w;
|
|
836
|
-
const H = (g =
|
|
836
|
+
const H = (g = B.list) == null ? void 0 : g.children[F];
|
|
837
837
|
M.id = (w = H == null ? void 0 : H.id) != null ? w : "", H == null || H.focus();
|
|
838
838
|
}, 0);
|
|
839
839
|
}, C = () => {
|
|
840
840
|
var P;
|
|
841
|
-
t.searchable && (M.index = 0, (P =
|
|
841
|
+
t.searchable && (M.index = 0, (P = B == null ? void 0 : B.search) == null || P.focus());
|
|
842
842
|
};
|
|
843
843
|
switch (b) {
|
|
844
844
|
case "ArrowUp":
|
|
845
845
|
return M.index > 0 && (M.index -= 1), v();
|
|
846
846
|
case "ArrowDown":
|
|
847
|
-
return
|
|
847
|
+
return n.value ? (M.index < o.value.length - 1 && (M.index += 1), v()) : (h(), v(0));
|
|
848
848
|
case "Home":
|
|
849
849
|
return v(0);
|
|
850
850
|
case "End":
|
|
@@ -856,27 +856,27 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
|
|
|
856
856
|
}
|
|
857
857
|
}
|
|
858
858
|
function he() {
|
|
859
|
-
|
|
859
|
+
n.value = !1, M.index = 0, a.value = "";
|
|
860
860
|
}
|
|
861
861
|
function G(b, v) {
|
|
862
862
|
return typeof b == "string" ? b : b[v != null ? v : "value"];
|
|
863
863
|
}
|
|
864
|
-
function
|
|
865
|
-
|
|
864
|
+
function le(b, v) {
|
|
865
|
+
B[b] = v != null ? v : void 0;
|
|
866
866
|
}
|
|
867
867
|
return (b, v) => (s(), r("div", {
|
|
868
868
|
ref_key: "el",
|
|
869
869
|
ref: i,
|
|
870
|
-
class:
|
|
870
|
+
class: k(["sol-dropdown-core", { "-smaller": e.smallerWidth }]),
|
|
871
871
|
"data-testid": `dropdown-${e.id}`,
|
|
872
872
|
onKeydownPassive: N
|
|
873
873
|
}, [
|
|
874
874
|
m(b.$slots, "label", {}, () => [
|
|
875
875
|
u("label", {
|
|
876
876
|
id: `label-dropdown-${e.id}`,
|
|
877
|
-
class:
|
|
877
|
+
class: k(["label", { "-disabled": e.disabled, "sr-only": e.ariaLabel }]),
|
|
878
878
|
for: `toggle-dropdown-${e.id}`
|
|
879
|
-
},
|
|
879
|
+
}, x(e.label || e.ariaLabel), 11, rl)
|
|
880
880
|
]),
|
|
881
881
|
u("button", {
|
|
882
882
|
id: `toggle-dropdown-${e.id}`,
|
|
@@ -884,7 +884,7 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
|
|
|
884
884
|
"data-testid": `toggle-dropdown-${e.id}`,
|
|
885
885
|
class: "button-toggle-dropdown toggle-dropdown",
|
|
886
886
|
"aria-haspopup": "listbox",
|
|
887
|
-
"aria-expanded":
|
|
887
|
+
"aria-expanded": n.value,
|
|
888
888
|
"aria-labelledby": `label-dropdown-${e.id}`,
|
|
889
889
|
"aria-label": e.ariaLabel,
|
|
890
890
|
"aria-controls": `dropdown-list-${e.id}`,
|
|
@@ -892,28 +892,28 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
|
|
|
892
892
|
}, [
|
|
893
893
|
m(b.$slots, "toggle-dropdown", {
|
|
894
894
|
toggle: { open: h, close: f, toggleDropdown: c },
|
|
895
|
-
isOpen:
|
|
895
|
+
isOpen: n.value,
|
|
896
896
|
select: y,
|
|
897
897
|
selectedSanitized: $(d),
|
|
898
898
|
selected: e.selected
|
|
899
899
|
}, () => [
|
|
900
|
-
D(
|
|
900
|
+
D(x($(d) || "Selecione"), 1)
|
|
901
901
|
])
|
|
902
|
-
], 8,
|
|
902
|
+
], 8, ul),
|
|
903
903
|
L(Me, {
|
|
904
904
|
mode: "out-in",
|
|
905
905
|
name: "dropdown"
|
|
906
906
|
}, {
|
|
907
907
|
default: E(() => [
|
|
908
|
-
Y(u("div",
|
|
908
|
+
Y(u("div", hl, [
|
|
909
909
|
e.searchable ? (s(), r("div", {
|
|
910
910
|
key: 0,
|
|
911
|
-
class:
|
|
911
|
+
class: k(["search-container", { "-loading": e.loading }])
|
|
912
912
|
}, [
|
|
913
913
|
m(b.$slots, "search", { filter: a.value }, () => [
|
|
914
914
|
L(W, {
|
|
915
915
|
id: `search-dropdown-${e.id}`,
|
|
916
|
-
ref: (C) =>
|
|
916
|
+
ref: (C) => le("search", C == null ? void 0 : C.input),
|
|
917
917
|
modelValue: a.value,
|
|
918
918
|
"onUpdate:modelValue": v[0] || (v[0] = (C) => a.value = C),
|
|
919
919
|
"data-testid": `search-dropdown-${e.id}`,
|
|
@@ -921,7 +921,7 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
|
|
|
921
921
|
class: "search",
|
|
922
922
|
"aria-autocomplete": "list",
|
|
923
923
|
placeholder: e.searchPlaceholder,
|
|
924
|
-
"aria-expanded":
|
|
924
|
+
"aria-expanded": n.value,
|
|
925
925
|
"aria-haspopup": "listbox",
|
|
926
926
|
"aria-owns": `dropdown-list-${e.id}`,
|
|
927
927
|
"aria-controls": `dropdown-list-${e.id}`,
|
|
@@ -931,7 +931,7 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
|
|
|
931
931
|
}, ["stop"])),
|
|
932
932
|
onInput: v[2] || (v[2] = (C) => {
|
|
933
933
|
var P;
|
|
934
|
-
return
|
|
934
|
+
return l("search", (P = C.target) == null ? void 0 : P.value);
|
|
935
935
|
})
|
|
936
936
|
}, null, 8, ["id", "modelValue", "data-testid", "placeholder", "aria-expanded", "aria-owns", "aria-controls", "aria-activedescendant", "aria-labelledby"]),
|
|
937
937
|
L($(He), {
|
|
@@ -942,7 +942,7 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
|
|
|
942
942
|
], 2)) : T("", !0),
|
|
943
943
|
u("ul", {
|
|
944
944
|
id: `dropdown-list-${e.id}`,
|
|
945
|
-
ref: (C) =>
|
|
945
|
+
ref: (C) => le("list", C),
|
|
946
946
|
"data-testid": `dropdown-list-${e.id}`,
|
|
947
947
|
role: "listbox",
|
|
948
948
|
tabindex: "-1",
|
|
@@ -971,42 +971,42 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
|
|
|
971
971
|
option: C,
|
|
972
972
|
isSelect: S
|
|
973
973
|
}, () => [
|
|
974
|
-
D(
|
|
974
|
+
D(x(G(C, "name")), 1)
|
|
975
975
|
])
|
|
976
|
-
], 44,
|
|
977
|
-
$(o).length ? T("", !0) : (s(), r("li",
|
|
976
|
+
], 44, ml))), 128)),
|
|
977
|
+
$(o).length ? T("", !0) : (s(), r("li", vl, [
|
|
978
978
|
m(b.$slots, "no-data", {}, () => [
|
|
979
|
-
|
|
979
|
+
$l
|
|
980
980
|
])
|
|
981
981
|
]))
|
|
982
|
-
], 8,
|
|
982
|
+
], 8, fl)
|
|
983
983
|
], 512), [
|
|
984
|
-
[X,
|
|
984
|
+
[X, n.value]
|
|
985
985
|
])
|
|
986
986
|
]),
|
|
987
987
|
_: 3
|
|
988
988
|
})
|
|
989
|
-
], 42,
|
|
989
|
+
], 42, cl));
|
|
990
990
|
}
|
|
991
991
|
});
|
|
992
992
|
Se.install = (e) => {
|
|
993
993
|
e.component("SolDropdown", Se);
|
|
994
994
|
};
|
|
995
|
-
const
|
|
995
|
+
const bl = {
|
|
996
996
|
preserveAspectRatio: "xMidYMid meet",
|
|
997
997
|
viewBox: "0 0 24 24",
|
|
998
998
|
width: "1em",
|
|
999
999
|
height: "1em"
|
|
1000
|
-
},
|
|
1000
|
+
}, yl = /* @__PURE__ */ u("path", {
|
|
1001
1001
|
fill: "currentColor",
|
|
1002
1002
|
d: "M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12L5.293 6.707a1 1 0 0 1 0-1.414z"
|
|
1003
|
-
}, null, -1),
|
|
1004
|
-
|
|
1003
|
+
}, null, -1), gl = [
|
|
1004
|
+
yl
|
|
1005
1005
|
];
|
|
1006
|
-
function
|
|
1007
|
-
return s(), r("svg",
|
|
1006
|
+
function wl(e, l) {
|
|
1007
|
+
return s(), r("svg", bl, gl);
|
|
1008
1008
|
}
|
|
1009
|
-
const Fe = { name: "mi-close", render:
|
|
1009
|
+
const Fe = { name: "mi-close", render: wl }, kl = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"], xl = ["id"], Sl = { class: "label" }, ce = /* @__PURE__ */ O({
|
|
1010
1010
|
__name: "Chip",
|
|
1011
1011
|
props: {
|
|
1012
1012
|
id: null,
|
|
@@ -1016,41 +1016,41 @@ const Fe = { name: "mi-close", render: xn }, kn = ["id", "data-testid", "title",
|
|
|
1016
1016
|
removable: { type: Boolean, default: !0 }
|
|
1017
1017
|
},
|
|
1018
1018
|
emits: ["close", "update:selected"],
|
|
1019
|
-
setup(e, { emit:
|
|
1019
|
+
setup(e, { emit: l }) {
|
|
1020
1020
|
const t = e;
|
|
1021
|
-
function i({ code:
|
|
1021
|
+
function i({ code: n }) {
|
|
1022
1022
|
if (!t.disabled)
|
|
1023
|
-
switch (
|
|
1023
|
+
switch (n) {
|
|
1024
1024
|
case "Enter":
|
|
1025
1025
|
case "NumpadEnter":
|
|
1026
1026
|
case "Space":
|
|
1027
|
-
return
|
|
1027
|
+
return l("update:selected");
|
|
1028
1028
|
case "Delete":
|
|
1029
1029
|
case "Backspace":
|
|
1030
|
-
return t.removable &&
|
|
1030
|
+
return t.removable && l("close");
|
|
1031
1031
|
default:
|
|
1032
1032
|
return !1;
|
|
1033
1033
|
}
|
|
1034
1034
|
}
|
|
1035
|
-
return (
|
|
1035
|
+
return (n, a) => (s(), r("div", {
|
|
1036
1036
|
id: `chip-${e.id}`,
|
|
1037
1037
|
"data-testid": `chip-${e.id}`,
|
|
1038
|
-
class:
|
|
1038
|
+
class: k(["sol-chip-core", { "-selected": e.selected, "-disabled": e.disabled }]),
|
|
1039
1039
|
tabindex: "0",
|
|
1040
1040
|
title: e.label,
|
|
1041
1041
|
"aria-describedby": `chip-description-${e.id}`,
|
|
1042
1042
|
"aria-disabled": e.disabled,
|
|
1043
|
-
onClick: a[1] || (a[1] = (o) =>
|
|
1043
|
+
onClick: a[1] || (a[1] = (o) => l("update:selected")),
|
|
1044
1044
|
onKeydown: q(i, ["self"])
|
|
1045
1045
|
}, [
|
|
1046
1046
|
u("span", {
|
|
1047
1047
|
id: `chip-description-${e.id}`,
|
|
1048
1048
|
"z-index": "-1",
|
|
1049
1049
|
class: "sr-only"
|
|
1050
|
-
}, "Press Delete or Backspace to remove this Chip", 8,
|
|
1051
|
-
u("span",
|
|
1052
|
-
m(
|
|
1053
|
-
D(
|
|
1050
|
+
}, "Press Delete or Backspace to remove this Chip", 8, xl),
|
|
1051
|
+
u("span", Sl, [
|
|
1052
|
+
m(n.$slots, "default", {}, () => [
|
|
1053
|
+
D(x(e.label), 1)
|
|
1054
1054
|
])
|
|
1055
1055
|
]),
|
|
1056
1056
|
e.removable ? (s(), r("i", {
|
|
@@ -1058,17 +1058,17 @@ const Fe = { name: "mi-close", render: xn }, kn = ["id", "data-testid", "title",
|
|
|
1058
1058
|
role: "presentation",
|
|
1059
1059
|
"aira-hidden": "true",
|
|
1060
1060
|
class: "close",
|
|
1061
|
-
onClick: a[0] || (a[0] = q((o) =>
|
|
1061
|
+
onClick: a[0] || (a[0] = q((o) => l("close"), ["stop"]))
|
|
1062
1062
|
}, [
|
|
1063
1063
|
L($(Fe), { class: "icon" })
|
|
1064
1064
|
])) : T("", !0)
|
|
1065
|
-
], 42,
|
|
1065
|
+
], 42, kl));
|
|
1066
1066
|
}
|
|
1067
1067
|
});
|
|
1068
|
-
const
|
|
1068
|
+
const Cl = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], Il = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], Bl = {
|
|
1069
1069
|
key: 0,
|
|
1070
1070
|
class: "no-data"
|
|
1071
|
-
},
|
|
1071
|
+
}, Ol = /* @__PURE__ */ D(" Sem dados "), Ml = /* @__PURE__ */ O({
|
|
1072
1072
|
__name: "ListOption",
|
|
1073
1073
|
props: {
|
|
1074
1074
|
id: null,
|
|
@@ -1077,11 +1077,11 @@ const Bn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], In
|
|
|
1077
1077
|
isSelected: null
|
|
1078
1078
|
},
|
|
1079
1079
|
emits: ["select"],
|
|
1080
|
-
setup(e, { expose:
|
|
1080
|
+
setup(e, { expose: l, emit: t }) {
|
|
1081
1081
|
const i = z("");
|
|
1082
|
-
return
|
|
1082
|
+
return l({
|
|
1083
1083
|
list: i
|
|
1084
|
-
}), (
|
|
1084
|
+
}), (n, a) => (s(), r("ul", {
|
|
1085
1085
|
id: `select-list-${e.id}`,
|
|
1086
1086
|
ref_key: "list",
|
|
1087
1087
|
ref: i,
|
|
@@ -1108,67 +1108,67 @@ const Bn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], In
|
|
|
1108
1108
|
K((c) => t("select", o), ["space"])
|
|
1109
1109
|
]
|
|
1110
1110
|
}, [
|
|
1111
|
-
m(
|
|
1111
|
+
m(n.$slots, "item-list", {
|
|
1112
1112
|
text: o.name,
|
|
1113
1113
|
value: o.value,
|
|
1114
1114
|
option: o,
|
|
1115
1115
|
isSelected: e.isSelected(o)
|
|
1116
1116
|
}, () => [
|
|
1117
|
-
D(
|
|
1117
|
+
D(x(o.name), 1)
|
|
1118
1118
|
])
|
|
1119
|
-
], 44,
|
|
1120
|
-
e.options.length ? T("", !0) : (s(), r("li",
|
|
1121
|
-
m(
|
|
1122
|
-
|
|
1119
|
+
], 44, Il))), 128)),
|
|
1120
|
+
e.options.length ? T("", !0) : (s(), r("li", Bl, [
|
|
1121
|
+
m(n.$slots, "no-data", {}, () => [
|
|
1122
|
+
Ol
|
|
1123
1123
|
])
|
|
1124
1124
|
]))
|
|
1125
|
-
], 8,
|
|
1125
|
+
], 8, Cl));
|
|
1126
1126
|
}
|
|
1127
1127
|
});
|
|
1128
|
-
const
|
|
1128
|
+
const Tl = {
|
|
1129
1129
|
preserveAspectRatio: "xMidYMid meet",
|
|
1130
1130
|
viewBox: "0 0 24 24",
|
|
1131
1131
|
width: "1em",
|
|
1132
1132
|
height: "1em"
|
|
1133
|
-
},
|
|
1133
|
+
}, Ll = /* @__PURE__ */ u("path", {
|
|
1134
1134
|
fill: "currentColor",
|
|
1135
1135
|
d: "m17 10l-5 6l-5-6h10z"
|
|
1136
|
-
}, null, -1),
|
|
1137
|
-
|
|
1136
|
+
}, null, -1), Pl = [
|
|
1137
|
+
Ll
|
|
1138
1138
|
];
|
|
1139
|
-
function
|
|
1140
|
-
return s(), r("svg",
|
|
1139
|
+
function zl(e, l) {
|
|
1140
|
+
return s(), r("svg", Tl, Pl);
|
|
1141
1141
|
}
|
|
1142
|
-
const
|
|
1143
|
-
function qe(e,
|
|
1142
|
+
const Vl = { name: "mi-caret-down", render: zl };
|
|
1143
|
+
function qe(e, l) {
|
|
1144
1144
|
function t({ code: i }) {
|
|
1145
1145
|
var o;
|
|
1146
|
-
const
|
|
1146
|
+
const n = i;
|
|
1147
1147
|
(() => {
|
|
1148
|
-
if (!(
|
|
1148
|
+
if (!(l != null && l.fallback))
|
|
1149
1149
|
return !1;
|
|
1150
|
-
const d = (c) => Array.isArray(c) ? !c.includes(
|
|
1151
|
-
return
|
|
1152
|
-
})() && (
|
|
1150
|
+
const d = (c) => Array.isArray(c) ? !c.includes(n) : n !== c;
|
|
1151
|
+
return l != null && l.exclude ? !e.hasOwnProperty(n) && d(l.exclude) : !e.hasOwnProperty(n);
|
|
1152
|
+
})() && (l == null || l.fallback()), e.hasOwnProperty(n) && ((o = e[n]) == null || o.call(e));
|
|
1153
1153
|
}
|
|
1154
1154
|
return {
|
|
1155
1155
|
navigate: t
|
|
1156
1156
|
};
|
|
1157
1157
|
}
|
|
1158
|
-
function Ke({ target: e, query:
|
|
1158
|
+
function Ke({ target: e, query: l }) {
|
|
1159
1159
|
const t = ie({
|
|
1160
1160
|
id: "",
|
|
1161
1161
|
index: -1
|
|
1162
1162
|
});
|
|
1163
1163
|
function i(f) {
|
|
1164
|
-
const
|
|
1164
|
+
const I = f != null ? f : t.index, y = e == null ? void 0 : e.value;
|
|
1165
1165
|
f !== void 0 && (t.index = f), setTimeout(() => {
|
|
1166
1166
|
var M;
|
|
1167
|
-
const S = y.children[
|
|
1168
|
-
t.id = (M = S == null ? void 0 : S.id) != null ? M : "",
|
|
1167
|
+
const S = y.children[I], B = l && S.querySelector(l) ? S.querySelector(l) : S;
|
|
1168
|
+
t.id = (M = S == null ? void 0 : S.id) != null ? M : "", B == null || B.focus();
|
|
1169
1169
|
}, 0);
|
|
1170
1170
|
}
|
|
1171
|
-
function
|
|
1171
|
+
function n() {
|
|
1172
1172
|
t.index > 0 && (t.index -= 1, i());
|
|
1173
1173
|
}
|
|
1174
1174
|
function a(f) {
|
|
@@ -1191,20 +1191,20 @@ function Ke({ target: e, query: n }) {
|
|
|
1191
1191
|
isItemFocused: c,
|
|
1192
1192
|
resetStateFocus: h,
|
|
1193
1193
|
focusListItem: i,
|
|
1194
|
-
focusOnPreviousItem:
|
|
1194
|
+
focusOnPreviousItem: n,
|
|
1195
1195
|
focusOnNextItem: a,
|
|
1196
1196
|
focusOnFirstItem: o,
|
|
1197
1197
|
focusOnLastItem: d
|
|
1198
1198
|
};
|
|
1199
1199
|
}
|
|
1200
|
-
const
|
|
1200
|
+
const Al = ["data-testid"], El = ["id"], pl = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], Dl = {
|
|
1201
1201
|
key: 0,
|
|
1202
1202
|
class: "container-tags"
|
|
1203
|
-
},
|
|
1203
|
+
}, Nl = {
|
|
1204
1204
|
key: 1,
|
|
1205
1205
|
class: "mr-micro placeholder-inline",
|
|
1206
1206
|
tabindex: "-1"
|
|
1207
|
-
},
|
|
1207
|
+
}, Rl = { class: "error" }, Hl = { class: "select-options-container" }, Ce = /* @__PURE__ */ O({
|
|
1208
1208
|
__name: "Select",
|
|
1209
1209
|
props: {
|
|
1210
1210
|
id: null,
|
|
@@ -1224,24 +1224,24 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1224
1224
|
placeholder: { default: "placeholder" }
|
|
1225
1225
|
},
|
|
1226
1226
|
emits: ["closeDropdown", "search", "update:selected"],
|
|
1227
|
-
setup(e, { emit:
|
|
1228
|
-
const t = e, i = z(),
|
|
1227
|
+
setup(e, { emit: l }) {
|
|
1228
|
+
const t = e, i = z(), n = z(!1), a = z(""), o = p(
|
|
1229
1229
|
() => {
|
|
1230
1230
|
var g;
|
|
1231
1231
|
return t.fetchOnSearch ? t.options : (g = t.options) == null ? void 0 : g.filter((w) => w.name.includes(a.value));
|
|
1232
1232
|
}
|
|
1233
1233
|
);
|
|
1234
1234
|
Te(i, () => {
|
|
1235
|
-
|
|
1235
|
+
n.value && h();
|
|
1236
1236
|
});
|
|
1237
1237
|
function d() {
|
|
1238
|
-
t.disabled || (
|
|
1238
|
+
t.disabled || (n.value ? h() : c());
|
|
1239
1239
|
}
|
|
1240
1240
|
function c() {
|
|
1241
|
-
|
|
1241
|
+
n.value = !0;
|
|
1242
1242
|
}
|
|
1243
1243
|
function h() {
|
|
1244
|
-
P(),
|
|
1244
|
+
P(), l("closeDropdown");
|
|
1245
1245
|
}
|
|
1246
1246
|
function f(g) {
|
|
1247
1247
|
if (Array.isArray(t.selected)) {
|
|
@@ -1252,14 +1252,14 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1252
1252
|
}
|
|
1253
1253
|
return [g];
|
|
1254
1254
|
}
|
|
1255
|
-
function
|
|
1256
|
-
t.multiple ?
|
|
1255
|
+
function I(g) {
|
|
1256
|
+
t.multiple ? l("update:selected", f(g)) : l("update:selected", g), t.closeOnSelect && !t.multiple && h();
|
|
1257
1257
|
}
|
|
1258
1258
|
function y(g) {
|
|
1259
1259
|
var w;
|
|
1260
1260
|
return Array.isArray(t.selected) ? t.selected.some(({ value: V }) => V === g.value) : g.value === ((w = t.selected) == null ? void 0 : w.value);
|
|
1261
1261
|
}
|
|
1262
|
-
const S = z(),
|
|
1262
|
+
const S = z(), B = z();
|
|
1263
1263
|
function M() {
|
|
1264
1264
|
var g;
|
|
1265
1265
|
t.searchable && (v(), (g = S.value) == null || g.focus());
|
|
@@ -1268,15 +1268,15 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1268
1268
|
elementFocus: N,
|
|
1269
1269
|
focusOnFirstItem: he,
|
|
1270
1270
|
focusOnLastItem: G,
|
|
1271
|
-
focusOnNextItem:
|
|
1271
|
+
focusOnNextItem: le,
|
|
1272
1272
|
focusOnPreviousItem: b,
|
|
1273
1273
|
resetStateFocus: v
|
|
1274
|
-
} = Ke({ target:
|
|
1274
|
+
} = Ke({ target: B }), { navigate: C } = qe({
|
|
1275
1275
|
Home: he,
|
|
1276
1276
|
End: () => G(t.options.length),
|
|
1277
1277
|
ArrowUp: b,
|
|
1278
1278
|
ArrowDown: () => {
|
|
1279
|
-
!
|
|
1279
|
+
!n.value && c(), le(t.options.length);
|
|
1280
1280
|
},
|
|
1281
1281
|
Escape: h
|
|
1282
1282
|
}, {
|
|
@@ -1284,11 +1284,11 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1284
1284
|
exclude: ["Enter", "NumpadEnter", "Space"]
|
|
1285
1285
|
});
|
|
1286
1286
|
function P() {
|
|
1287
|
-
|
|
1287
|
+
n.value = !1, a.value = "", v();
|
|
1288
1288
|
}
|
|
1289
1289
|
function F(g) {
|
|
1290
1290
|
return (w) => {
|
|
1291
|
-
g === "search" ? S.value = w == null ? void 0 : w.input :
|
|
1291
|
+
g === "search" ? S.value = w == null ? void 0 : w.input : B.value = w == null ? void 0 : w.list;
|
|
1292
1292
|
};
|
|
1293
1293
|
}
|
|
1294
1294
|
function H() {
|
|
@@ -1299,7 +1299,7 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1299
1299
|
return (g, w) => (s(), r("div", {
|
|
1300
1300
|
ref_key: "el",
|
|
1301
1301
|
ref: i,
|
|
1302
|
-
class:
|
|
1302
|
+
class: k(["sol-select-core", { "-smaller": e.smallerWidth }]),
|
|
1303
1303
|
"data-testid": `select-${e.id}`,
|
|
1304
1304
|
onKeydownPassive: w[3] || (w[3] = (...V) => $(C) && $(C)(...V))
|
|
1305
1305
|
}, [
|
|
@@ -1310,8 +1310,8 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1310
1310
|
e.label ? (s(), r("label", {
|
|
1311
1311
|
key: 0,
|
|
1312
1312
|
id: `select-label-${e.id}`,
|
|
1313
|
-
class:
|
|
1314
|
-
},
|
|
1313
|
+
class: k(["label", { "-disabled": e.disabled }])
|
|
1314
|
+
}, x(e.label), 11, El)) : T("", !0)
|
|
1315
1315
|
]),
|
|
1316
1316
|
u("button", {
|
|
1317
1317
|
id: `select-toggle-${e.id}`,
|
|
@@ -1319,7 +1319,7 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1319
1319
|
"data-testid": `select-toggle-${e.id}`,
|
|
1320
1320
|
class: "select-button-toggle",
|
|
1321
1321
|
"aria-haspopup": "listbox",
|
|
1322
|
-
"aria-expanded":
|
|
1322
|
+
"aria-expanded": n.value,
|
|
1323
1323
|
"aria-labelledby": `select-label-${e.id}`,
|
|
1324
1324
|
"aria-label": e.ariaLabel,
|
|
1325
1325
|
"aria-controls": `select-list-${e.id}`,
|
|
@@ -1327,40 +1327,40 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1327
1327
|
}, [
|
|
1328
1328
|
m(g.$slots, "toggle-dropdown", {
|
|
1329
1329
|
toggle: { open: c, close: h, toggleDropdown: d },
|
|
1330
|
-
isOpen:
|
|
1331
|
-
select:
|
|
1330
|
+
isOpen: n.value,
|
|
1331
|
+
select: I,
|
|
1332
1332
|
selected: e.selected
|
|
1333
1333
|
}, () => {
|
|
1334
1334
|
var V;
|
|
1335
1335
|
return [
|
|
1336
|
-
e.multiple && Array.isArray(e.selected) && ((V = e.selected) == null ? void 0 : V.length) ? (s(), r("div",
|
|
1336
|
+
e.multiple && Array.isArray(e.selected) && ((V = e.selected) == null ? void 0 : V.length) ? (s(), r("div", Dl, [
|
|
1337
1337
|
(s(!0), r(j, null, Z(e.selected, (A, fe) => (s(), R(ce, {
|
|
1338
1338
|
id: A.value,
|
|
1339
1339
|
key: fe,
|
|
1340
1340
|
label: A.name,
|
|
1341
|
-
onClick: q((me) =>
|
|
1342
|
-
onClose: (me) =>
|
|
1341
|
+
onClick: q((me) => I(A), ["stop"]),
|
|
1342
|
+
onClose: (me) => I(A)
|
|
1343
1343
|
}, null, 8, ["id", "label", "onClick", "onClose"]))), 128))
|
|
1344
|
-
])) : (s(), r("span",
|
|
1345
|
-
L($(
|
|
1344
|
+
])) : (s(), r("span", Nl, x(H()), 1)),
|
|
1345
|
+
L($(Vl), {
|
|
1346
1346
|
"aria-hidden": "true",
|
|
1347
1347
|
tabindex: "-1",
|
|
1348
|
-
class:
|
|
1348
|
+
class: k(["icon", { "-open": n.value }])
|
|
1349
1349
|
}, null, 8, ["class"])
|
|
1350
1350
|
];
|
|
1351
1351
|
})
|
|
1352
|
-
], 8,
|
|
1353
|
-
u("span",
|
|
1352
|
+
], 8, pl),
|
|
1353
|
+
u("span", Rl, x(e.error), 1),
|
|
1354
1354
|
L(Me, {
|
|
1355
1355
|
mode: "out-in",
|
|
1356
1356
|
name: "dropdown"
|
|
1357
1357
|
}, {
|
|
1358
1358
|
default: E(() => [
|
|
1359
|
-
Y(u("div",
|
|
1359
|
+
Y(u("div", Hl, [
|
|
1360
1360
|
m(g.$slots, "search", {}, () => [
|
|
1361
1361
|
e.searchable ? (s(), r("div", {
|
|
1362
1362
|
key: 0,
|
|
1363
|
-
class:
|
|
1363
|
+
class: k(["search-container", { "-loading": e.loading }])
|
|
1364
1364
|
}, [
|
|
1365
1365
|
m(g.$slots, "search", { filter: a.value }, () => [
|
|
1366
1366
|
L(W, {
|
|
@@ -1373,7 +1373,7 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1373
1373
|
class: "search",
|
|
1374
1374
|
"aria-autocomplete": "list",
|
|
1375
1375
|
placeholder: e.searchPlaceholder,
|
|
1376
|
-
"aria-expanded":
|
|
1376
|
+
"aria-expanded": n.value,
|
|
1377
1377
|
"aria-haspopup": "listbox",
|
|
1378
1378
|
"aria-owns": `select-list-${e.id}`,
|
|
1379
1379
|
"aria-controls": `select-list-${e.id}`,
|
|
@@ -1383,7 +1383,7 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1383
1383
|
}, ["stop"])),
|
|
1384
1384
|
onInput: w[2] || (w[2] = (V) => {
|
|
1385
1385
|
var A;
|
|
1386
|
-
return
|
|
1386
|
+
return l("search", (A = V.target) == null ? void 0 : A.value);
|
|
1387
1387
|
})
|
|
1388
1388
|
}, null, 8, ["id", "modelValue", "data-testid", "placeholder", "aria-expanded", "aria-owns", "aria-controls", "aria-activedescendant", "aria-labelledby"]),
|
|
1389
1389
|
L($(He), {
|
|
@@ -1392,13 +1392,13 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1392
1392
|
})
|
|
1393
1393
|
])
|
|
1394
1394
|
], 2)) : T("", !0),
|
|
1395
|
-
L(
|
|
1395
|
+
L(Ml, {
|
|
1396
1396
|
id: e.id,
|
|
1397
1397
|
ref: F("list"),
|
|
1398
1398
|
options: $(o),
|
|
1399
1399
|
multiple: e.multiple,
|
|
1400
1400
|
"is-selected": y,
|
|
1401
|
-
onSelect:
|
|
1401
|
+
onSelect: I
|
|
1402
1402
|
}, {
|
|
1403
1403
|
"item-list": E(({ text: V, value: A, option: fe, isSelected: me }) => [
|
|
1404
1404
|
m(g.$slots, "default", {
|
|
@@ -1415,12 +1415,12 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
|
|
|
1415
1415
|
}, 8, ["id", "options", "multiple"])
|
|
1416
1416
|
])
|
|
1417
1417
|
], 512), [
|
|
1418
|
-
[X,
|
|
1418
|
+
[X, n.value]
|
|
1419
1419
|
])
|
|
1420
1420
|
]),
|
|
1421
1421
|
_: 3
|
|
1422
1422
|
})
|
|
1423
|
-
], 42,
|
|
1423
|
+
], 42, Al));
|
|
1424
1424
|
}
|
|
1425
1425
|
});
|
|
1426
1426
|
Ce.install = (e) => {
|
|
@@ -1429,21 +1429,21 @@ Ce.install = (e) => {
|
|
|
1429
1429
|
ce.install = (e) => {
|
|
1430
1430
|
e.component("SolChip", ce);
|
|
1431
1431
|
};
|
|
1432
|
-
const
|
|
1432
|
+
const Fl = {
|
|
1433
1433
|
preserveAspectRatio: "xMidYMid meet",
|
|
1434
1434
|
viewBox: "0 0 24 24",
|
|
1435
1435
|
width: "1em",
|
|
1436
1436
|
height: "1em"
|
|
1437
|
-
},
|
|
1437
|
+
}, ql = /* @__PURE__ */ u("path", {
|
|
1438
1438
|
fill: "currentColor",
|
|
1439
1439
|
d: "M12 14.975q-.2 0-.387-.075q-.188-.075-.313-.2l-4.6-4.6q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275q.425 0 .7.275q.275.275.275.7q0 .425-.275.7l-4.6 4.6q-.15.15-.325.212q-.175.063-.375.063Z"
|
|
1440
|
-
}, null, -1),
|
|
1441
|
-
|
|
1440
|
+
}, null, -1), Kl = [
|
|
1441
|
+
ql
|
|
1442
1442
|
];
|
|
1443
|
-
function
|
|
1444
|
-
return s(), r("svg",
|
|
1443
|
+
function Ul(e, l) {
|
|
1444
|
+
return s(), r("svg", Fl, Kl);
|
|
1445
1445
|
}
|
|
1446
|
-
const Ue = { name: "material-symbols-keyboard-arrow-down-rounded", render:
|
|
1446
|
+
const Ue = { name: "material-symbols-keyboard-arrow-down-rounded", render: Ul }, Gl = ["id", "data-testid", "aria-disabled"], Ql = ["data-testid", "tabindex"], Yl = { class: "container-title" }, Wl = { class: "icon" }, jl = ["data-testid"], Ie = /* @__PURE__ */ O({
|
|
1447
1447
|
__name: "Accordion",
|
|
1448
1448
|
props: {
|
|
1449
1449
|
id: null,
|
|
@@ -1452,10 +1452,10 @@ const Ue = { name: "material-symbols-keyboard-arrow-down-rounded", render: Gn },
|
|
|
1452
1452
|
disabled: { type: Boolean }
|
|
1453
1453
|
},
|
|
1454
1454
|
setup(e) {
|
|
1455
|
-
return (
|
|
1455
|
+
return (l, t) => (s(), r("details", {
|
|
1456
1456
|
id: `accordion-${e.id}`,
|
|
1457
1457
|
"data-testid": `accordion-${e.id}`,
|
|
1458
|
-
class:
|
|
1458
|
+
class: k(["sol-accordion-core", { "-on-color": e.onColor, "-disabled": e.disabled }]),
|
|
1459
1459
|
"aria-disabled": e.disabled
|
|
1460
1460
|
}, [
|
|
1461
1461
|
u("summary", {
|
|
@@ -1463,32 +1463,32 @@ const Ue = { name: "material-symbols-keyboard-arrow-down-rounded", render: Gn },
|
|
|
1463
1463
|
class: "summary",
|
|
1464
1464
|
tabindex: e.disabled ? -1 : 0
|
|
1465
1465
|
}, [
|
|
1466
|
-
u("div",
|
|
1467
|
-
u("span",
|
|
1468
|
-
m(
|
|
1466
|
+
u("div", Yl, [
|
|
1467
|
+
u("span", Wl, [
|
|
1468
|
+
m(l.$slots, "icon")
|
|
1469
1469
|
]),
|
|
1470
|
-
m(
|
|
1471
|
-
D(
|
|
1470
|
+
m(l.$slots, "title", {}, () => [
|
|
1471
|
+
D(x(e.title), 1)
|
|
1472
1472
|
])
|
|
1473
1473
|
]),
|
|
1474
1474
|
L($(Ue), {
|
|
1475
1475
|
class: "icon",
|
|
1476
1476
|
"aria-hidden": "true"
|
|
1477
1477
|
})
|
|
1478
|
-
], 8,
|
|
1478
|
+
], 8, Ql),
|
|
1479
1479
|
u("div", {
|
|
1480
1480
|
"data-testid": `accordion-content-${e.id}`,
|
|
1481
1481
|
class: "accordion-content"
|
|
1482
1482
|
}, [
|
|
1483
|
-
m(
|
|
1484
|
-
], 8,
|
|
1485
|
-
], 10,
|
|
1483
|
+
m(l.$slots, "default")
|
|
1484
|
+
], 8, jl)
|
|
1485
|
+
], 10, Gl));
|
|
1486
1486
|
}
|
|
1487
1487
|
});
|
|
1488
|
-
|
|
1489
|
-
e.component("SolAccordion",
|
|
1488
|
+
Ie.install = (e) => {
|
|
1489
|
+
e.component("SolAccordion", Ie);
|
|
1490
1490
|
};
|
|
1491
|
-
const
|
|
1491
|
+
const Zl = ["id", "data-testid"], Jl = ["id", "aria-expanded"], Xl = ["id", "data-testid", "aria-labelledby"], re = /* @__PURE__ */ O({
|
|
1492
1492
|
__name: "Menu",
|
|
1493
1493
|
props: {
|
|
1494
1494
|
id: null,
|
|
@@ -1496,11 +1496,11 @@ const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "dat
|
|
|
1496
1496
|
position: { default: "bottom" }
|
|
1497
1497
|
},
|
|
1498
1498
|
setup(e) {
|
|
1499
|
-
const
|
|
1500
|
-
Te(
|
|
1501
|
-
|
|
1499
|
+
const l = z();
|
|
1500
|
+
Te(l, () => {
|
|
1501
|
+
I();
|
|
1502
1502
|
});
|
|
1503
|
-
const t = z(!1), i = z(),
|
|
1503
|
+
const t = z(!1), i = z(), n = p(
|
|
1504
1504
|
() => i.value ? i.value.childElementCount : 0
|
|
1505
1505
|
), {
|
|
1506
1506
|
resetStateFocus: a,
|
|
@@ -1510,28 +1510,28 @@ const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "dat
|
|
|
1510
1510
|
focusOnLastItem: h
|
|
1511
1511
|
} = Ke({ target: i, query: '[role="menuitem"]' }), { navigate: f } = qe({
|
|
1512
1512
|
Home: c,
|
|
1513
|
-
End: () => h(
|
|
1513
|
+
End: () => h(n.value),
|
|
1514
1514
|
ArrowUp: o,
|
|
1515
1515
|
ArrowDown: () => {
|
|
1516
|
-
!t.value && y(), d(
|
|
1516
|
+
!t.value && y(), d(n.value);
|
|
1517
1517
|
},
|
|
1518
|
-
Escape:
|
|
1518
|
+
Escape: I
|
|
1519
1519
|
});
|
|
1520
|
-
function
|
|
1520
|
+
function I() {
|
|
1521
1521
|
t.value = !1, a();
|
|
1522
1522
|
}
|
|
1523
1523
|
function y() {
|
|
1524
1524
|
t.value = !0;
|
|
1525
1525
|
}
|
|
1526
1526
|
function S() {
|
|
1527
|
-
t.value ?
|
|
1527
|
+
t.value ? I() : y();
|
|
1528
1528
|
}
|
|
1529
|
-
return (
|
|
1529
|
+
return (B, M) => (s(), r("div", {
|
|
1530
1530
|
id: `menu-${e.id}`,
|
|
1531
1531
|
ref_key: "el",
|
|
1532
|
-
ref:
|
|
1532
|
+
ref: l,
|
|
1533
1533
|
"data-testid": `menu-${e.id}`,
|
|
1534
|
-
class:
|
|
1534
|
+
class: k([`-${e.position}`, "sol-menu-core"]),
|
|
1535
1535
|
onKeyupPassive: M[0] || (M[0] = (...N) => $(f) && $(f)(...N))
|
|
1536
1536
|
}, [
|
|
1537
1537
|
u("button", {
|
|
@@ -1543,10 +1543,10 @@ const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "dat
|
|
|
1543
1543
|
"aria-expanded": t.value,
|
|
1544
1544
|
onClick: S
|
|
1545
1545
|
}, [
|
|
1546
|
-
m(
|
|
1547
|
-
D(
|
|
1546
|
+
m(B.$slots, "label", { isOpen: t.value }, () => [
|
|
1547
|
+
D(x(e.label), 1)
|
|
1548
1548
|
])
|
|
1549
|
-
], 8,
|
|
1549
|
+
], 8, Jl),
|
|
1550
1550
|
Y(u("menu", {
|
|
1551
1551
|
id: `menu-container-${e.id}`,
|
|
1552
1552
|
ref_key: "menu",
|
|
@@ -1554,61 +1554,65 @@ const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "dat
|
|
|
1554
1554
|
"data-testid": `menu-container-${e.id}`,
|
|
1555
1555
|
role: "menu",
|
|
1556
1556
|
"aria-labelledby": `menu-button-${e.id}`,
|
|
1557
|
-
class:
|
|
1557
|
+
class: k(["menu", { "-open": t.value }])
|
|
1558
1558
|
}, [
|
|
1559
|
-
m(
|
|
1560
|
-
], 10,
|
|
1559
|
+
m(B.$slots, "default", { close: I })
|
|
1560
|
+
], 10, Xl), [
|
|
1561
1561
|
[X, t.value]
|
|
1562
1562
|
])
|
|
1563
|
-
], 42,
|
|
1563
|
+
], 42, Zl));
|
|
1564
1564
|
}
|
|
1565
1565
|
});
|
|
1566
1566
|
re.install = (e) => {
|
|
1567
1567
|
e.component("SolMenu", re);
|
|
1568
1568
|
};
|
|
1569
|
-
const
|
|
1569
|
+
const _l = ["id"], en = ["href", "target"], ue = /* @__PURE__ */ O({
|
|
1570
1570
|
__name: "MenuItemLink",
|
|
1571
1571
|
props: {
|
|
1572
1572
|
id: null,
|
|
1573
|
+
linkId: null,
|
|
1573
1574
|
text: null,
|
|
1574
1575
|
link: null,
|
|
1575
1576
|
active: null,
|
|
1576
1577
|
external: null
|
|
1577
1578
|
},
|
|
1578
1579
|
emits: ["clicked"],
|
|
1579
|
-
setup(e, { emit:
|
|
1580
|
-
return (t, i) =>
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
i[
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1580
|
+
setup(e, { emit: l }) {
|
|
1581
|
+
return (t, i) => {
|
|
1582
|
+
var n;
|
|
1583
|
+
return s(), r("li", {
|
|
1584
|
+
id: `menu-item-link-${e.id}`,
|
|
1585
|
+
class: "sol-menuitem-link-core",
|
|
1586
|
+
tabindex: "-1",
|
|
1587
|
+
role: "none",
|
|
1588
|
+
onClick: i[0] || (i[0] = (a) => l("clicked")),
|
|
1589
|
+
onKeyup: [
|
|
1590
|
+
i[1] || (i[1] = K((a) => l("clicked"), ["enter"])),
|
|
1591
|
+
i[2] || (i[2] = K((a) => l("clicked"), ["space"]))
|
|
1592
|
+
]
|
|
1593
|
+
}, [
|
|
1594
|
+
m(t.$slots, "default", {
|
|
1595
|
+
id: (n = e.linkId) != null ? n : e.id,
|
|
1596
|
+
active: e.active,
|
|
1597
|
+
link: e.link,
|
|
1598
|
+
text: e.text,
|
|
1599
|
+
external: e.external
|
|
1600
|
+
}, () => [
|
|
1601
|
+
u("a", {
|
|
1602
|
+
role: "menuitem",
|
|
1603
|
+
class: k({ "-active": e.active }),
|
|
1604
|
+
href: e.link,
|
|
1605
|
+
target: e.external ? "_blank" : "_parent"
|
|
1606
|
+
}, x(e.text), 11, en)
|
|
1607
|
+
])
|
|
1608
|
+
], 40, _l);
|
|
1609
|
+
};
|
|
1606
1610
|
}
|
|
1607
1611
|
});
|
|
1608
1612
|
ue.install = (e) => {
|
|
1609
1613
|
e.component("SolMenuItemLink", ue);
|
|
1610
1614
|
};
|
|
1611
|
-
const
|
|
1615
|
+
const tn = { class: "label-container" }, ln = { class: "label" }, Be = /* @__PURE__ */ O({
|
|
1612
1616
|
__name: "MenuNavigationLinks",
|
|
1613
1617
|
props: {
|
|
1614
1618
|
id: null,
|
|
@@ -1616,49 +1620,56 @@ const nl = { class: "label-container" }, ll = { class: "label" }, Ie = /* @__PUR
|
|
|
1616
1620
|
linkItems: null
|
|
1617
1621
|
},
|
|
1618
1622
|
setup(e) {
|
|
1619
|
-
return (
|
|
1623
|
+
return (l, t) => (s(), R(re, {
|
|
1620
1624
|
id: `navigation-${e.id}`,
|
|
1621
1625
|
class: "sol-menu-navigation-links-core"
|
|
1622
1626
|
}, {
|
|
1623
1627
|
label: E(({ isOpen: i }) => [
|
|
1624
|
-
m(
|
|
1625
|
-
u("div",
|
|
1626
|
-
u("span",
|
|
1628
|
+
m(l.$slots, "label", { isOpen: i }, () => [
|
|
1629
|
+
u("div", tn, [
|
|
1630
|
+
u("span", ln, x(e.label), 1),
|
|
1627
1631
|
L($(Ue), {
|
|
1628
|
-
class:
|
|
1632
|
+
class: k(["icon", { "-opened": i }]),
|
|
1629
1633
|
"aria-hidden": "true"
|
|
1630
1634
|
}, null, 8, ["class"])
|
|
1631
1635
|
])
|
|
1632
1636
|
])
|
|
1633
1637
|
]),
|
|
1634
1638
|
default: E(({ close: i }) => [
|
|
1635
|
-
(s(!0), r(j, null, Z(e.linkItems, (
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1639
|
+
(s(!0), r(j, null, Z(e.linkItems, (n, a) => {
|
|
1640
|
+
var o;
|
|
1641
|
+
return s(), R(ue, {
|
|
1642
|
+
id: `${e.id}-${(o = n == null ? void 0 : n.id) != null ? o : n.text}`,
|
|
1643
|
+
key: a,
|
|
1644
|
+
"link-id": n.id,
|
|
1645
|
+
text: n.text,
|
|
1646
|
+
link: n.link,
|
|
1647
|
+
external: n.external,
|
|
1648
|
+
active: n.active,
|
|
1649
|
+
onClicked: i
|
|
1650
|
+
}, {
|
|
1651
|
+
default: E(() => {
|
|
1652
|
+
var d;
|
|
1653
|
+
return [
|
|
1654
|
+
m(l.$slots, "default", {
|
|
1655
|
+
id: (d = n.id) != null ? d : e.id,
|
|
1656
|
+
active: n.active,
|
|
1657
|
+
link: n.link,
|
|
1658
|
+
text: n.text,
|
|
1659
|
+
external: n.external
|
|
1660
|
+
})
|
|
1661
|
+
];
|
|
1662
|
+
}),
|
|
1663
|
+
_: 2
|
|
1664
|
+
}, 1032, ["id", "link-id", "text", "link", "external", "active", "onClicked"]);
|
|
1665
|
+
}), 128))
|
|
1655
1666
|
]),
|
|
1656
1667
|
_: 3
|
|
1657
1668
|
}, 8, ["id"]));
|
|
1658
1669
|
}
|
|
1659
1670
|
});
|
|
1660
|
-
|
|
1661
|
-
e.component("SolMenuNavigationLinks",
|
|
1671
|
+
Be.install = (e) => {
|
|
1672
|
+
e.component("SolMenuNavigationLinks", Be);
|
|
1662
1673
|
};
|
|
1663
1674
|
const Ge = 12, Q = {
|
|
1664
1675
|
type: "success",
|
|
@@ -1668,37 +1679,37 @@ const Ge = 12, Q = {
|
|
|
1668
1679
|
position: "top-right",
|
|
1669
1680
|
hideProgressBar: !1
|
|
1670
1681
|
};
|
|
1671
|
-
function
|
|
1682
|
+
function nn(e, l) {
|
|
1672
1683
|
const t = ie({
|
|
1673
1684
|
id: null,
|
|
1674
1685
|
intervalId: null,
|
|
1675
1686
|
startTime: 0,
|
|
1676
|
-
remaining:
|
|
1687
|
+
remaining: l
|
|
1677
1688
|
}), i = z(100);
|
|
1678
|
-
function
|
|
1689
|
+
function n() {
|
|
1679
1690
|
clearInterval(t.intervalId), clearTimeout(t.id), t.remaining -= Date.now() - t.startTime;
|
|
1680
1691
|
}
|
|
1681
1692
|
function a() {
|
|
1682
1693
|
t.startTime = Date.now(), clearTimeout(t.id), t.intervalId = setInterval(() => {
|
|
1683
1694
|
i.value--;
|
|
1684
|
-
},
|
|
1695
|
+
}, l / 100 - 5), t.id = setTimeout(e, t.remaining);
|
|
1685
1696
|
}
|
|
1686
1697
|
function o() {
|
|
1687
1698
|
clearInterval(t.intervalId), clearTimeout(t.id), i.value = 100;
|
|
1688
1699
|
}
|
|
1689
1700
|
return pe(() => {
|
|
1690
|
-
if (
|
|
1701
|
+
if (l <= 0)
|
|
1691
1702
|
return !1;
|
|
1692
1703
|
}), Xe(() => {
|
|
1693
1704
|
o();
|
|
1694
1705
|
}), {
|
|
1695
1706
|
start: a,
|
|
1696
|
-
stop:
|
|
1707
|
+
stop: n,
|
|
1697
1708
|
clear: o,
|
|
1698
1709
|
progress: i
|
|
1699
1710
|
};
|
|
1700
1711
|
}
|
|
1701
|
-
function
|
|
1712
|
+
function an(e) {
|
|
1702
1713
|
return {
|
|
1703
1714
|
stylePosition: p(() => {
|
|
1704
1715
|
const { position: t, offset: i } = e();
|
|
@@ -1744,56 +1755,56 @@ function al(e) {
|
|
|
1744
1755
|
};
|
|
1745
1756
|
}
|
|
1746
1757
|
var Qe = /* @__PURE__ */ ((e) => (e["top-left"] = "bounce-left", e["top-right"] = "bounce-right", e["top-center"] = "bounce-down", e["bottom-left"] = "bounce-left", e["bottom-center"] = "bounce-up", e["bottom-right"] = "bounce-right", e))(Qe || {});
|
|
1747
|
-
const
|
|
1758
|
+
const on = {
|
|
1748
1759
|
preserveAspectRatio: "xMidYMid meet",
|
|
1749
1760
|
viewBox: "0 0 24 24",
|
|
1750
1761
|
width: "1em",
|
|
1751
1762
|
height: "1em"
|
|
1752
|
-
},
|
|
1763
|
+
}, sn = /* @__PURE__ */ u("path", {
|
|
1753
1764
|
fill: "currentColor",
|
|
1754
1765
|
d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm14.664-3.247a1 1 0 0 1 .083 1.411l-5.333 6a1 1 0 0 1-1.495 0l-2.666-3a1 1 0 0 1 1.494-1.328l1.92 2.159l4.586-5.16a1 1 0 0 1 1.411-.082z"
|
|
1755
|
-
}, null, -1),
|
|
1756
|
-
|
|
1766
|
+
}, null, -1), dn = [
|
|
1767
|
+
sn
|
|
1757
1768
|
];
|
|
1758
|
-
function
|
|
1759
|
-
return s(), r("svg",
|
|
1769
|
+
function cn(e, l) {
|
|
1770
|
+
return s(), r("svg", on, dn);
|
|
1760
1771
|
}
|
|
1761
|
-
const
|
|
1772
|
+
const rn = { name: "mi-circle-check", render: cn }, un = {
|
|
1762
1773
|
preserveAspectRatio: "xMidYMid meet",
|
|
1763
1774
|
viewBox: "0 0 24 24",
|
|
1764
1775
|
width: "1em",
|
|
1765
1776
|
height: "1em"
|
|
1766
|
-
},
|
|
1777
|
+
}, hn = /* @__PURE__ */ u("path", {
|
|
1767
1778
|
fill: "currentColor",
|
|
1768
1779
|
d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm5.793-4.207a1 1 0 0 1 1.414 0L12 10.586l2.793-2.793a1 1 0 1 1 1.414 1.414L13.414 12l2.793 2.793a1 1 0 0 1-1.414 1.414L12 13.414l-2.793 2.793a1 1 0 0 1-1.414-1.414L10.586 12L7.793 9.207a1 1 0 0 1 0-1.414z"
|
|
1769
|
-
}, null, -1),
|
|
1770
|
-
|
|
1780
|
+
}, null, -1), fn = [
|
|
1781
|
+
hn
|
|
1771
1782
|
];
|
|
1772
|
-
function
|
|
1773
|
-
return s(), r("svg",
|
|
1783
|
+
function mn(e, l) {
|
|
1784
|
+
return s(), r("svg", un, fn);
|
|
1774
1785
|
}
|
|
1775
|
-
const
|
|
1786
|
+
const vn = { name: "mi-circle-error", render: mn }, $n = {
|
|
1776
1787
|
preserveAspectRatio: "xMidYMid meet",
|
|
1777
1788
|
viewBox: "0 0 24 24",
|
|
1778
1789
|
width: "1em",
|
|
1779
1790
|
height: "1em"
|
|
1780
|
-
},
|
|
1791
|
+
}, bn = /* @__PURE__ */ u("g", { fill: "currentColor" }, [
|
|
1781
1792
|
/* @__PURE__ */ u("path", { d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12z" }),
|
|
1782
1793
|
/* @__PURE__ */ u("path", { d: "M12 14a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1zm-1.5 2.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0z" })
|
|
1783
|
-
], -1),
|
|
1784
|
-
|
|
1794
|
+
], -1), yn = [
|
|
1795
|
+
bn
|
|
1785
1796
|
];
|
|
1786
|
-
function
|
|
1787
|
-
return s(), r("svg", $
|
|
1797
|
+
function gn(e, l) {
|
|
1798
|
+
return s(), r("svg", $n, yn);
|
|
1788
1799
|
}
|
|
1789
|
-
const
|
|
1800
|
+
const wn = { name: "mi-circle-warning", render: gn }, kn = ["id", "data-testid"], xn = { class: "content-wrapper" }, Sn = {
|
|
1790
1801
|
key: 0,
|
|
1791
1802
|
class: "icon-container",
|
|
1792
1803
|
"aria-hidden": "true"
|
|
1793
|
-
},
|
|
1804
|
+
}, Cn = { class: "content" }, In = {
|
|
1794
1805
|
key: 0,
|
|
1795
1806
|
class: "description"
|
|
1796
|
-
},
|
|
1807
|
+
}, Bn = ["data-testid"], On = /* @__PURE__ */ O({
|
|
1797
1808
|
__name: "Toast",
|
|
1798
1809
|
props: {
|
|
1799
1810
|
id: null,
|
|
@@ -1810,15 +1821,15 @@ const wl = { name: "mi-circle-warning", render: gl }, xl = ["id", "data-testid"]
|
|
|
1810
1821
|
position: { default: Q.position }
|
|
1811
1822
|
},
|
|
1812
1823
|
setup(e) {
|
|
1813
|
-
const
|
|
1824
|
+
const l = e, { start: t, stop: i, progress: n } = nn(() => {
|
|
1814
1825
|
var h;
|
|
1815
|
-
(h =
|
|
1816
|
-
},
|
|
1817
|
-
offset:
|
|
1818
|
-
position:
|
|
1819
|
-
})), o = p(() =>
|
|
1826
|
+
(h = l.onCloseHandler) == null || h.call(l);
|
|
1827
|
+
}, l.timeout), { stylePosition: a } = an(() => ({
|
|
1828
|
+
offset: l.offset,
|
|
1829
|
+
position: l.position
|
|
1830
|
+
})), o = p(() => l.title && l.description);
|
|
1820
1831
|
function d() {
|
|
1821
|
-
|
|
1832
|
+
l.timeout > 0 && i();
|
|
1822
1833
|
}
|
|
1823
1834
|
function c() {
|
|
1824
1835
|
t();
|
|
@@ -1836,9 +1847,9 @@ const wl = { name: "mi-circle-warning", render: gl }, xl = ["id", "data-testid"]
|
|
|
1836
1847
|
role: "status",
|
|
1837
1848
|
"data-testid": `toast-${e.type}-${e.id}`,
|
|
1838
1849
|
style: ae($(a)),
|
|
1839
|
-
class:
|
|
1850
|
+
class: k(["sol-toast-core", [`-${e.type}`, { "-multiline": $(o) }]]),
|
|
1840
1851
|
onKeyup: f[1] || (f[1] = K(
|
|
1841
|
-
(...
|
|
1852
|
+
(...I) => e.onCloseHandler && e.onCloseHandler(...I),
|
|
1842
1853
|
["esc"]
|
|
1843
1854
|
)),
|
|
1844
1855
|
onMouseenter: d,
|
|
@@ -1846,54 +1857,54 @@ const wl = { name: "mi-circle-warning", render: gl }, xl = ["id", "data-testid"]
|
|
|
1846
1857
|
onFocusin: d,
|
|
1847
1858
|
onFocusout: c
|
|
1848
1859
|
}, [
|
|
1849
|
-
u("section",
|
|
1850
|
-
e.showIcon ? (s(), r("div",
|
|
1860
|
+
u("section", xn, [
|
|
1861
|
+
e.showIcon ? (s(), r("div", Sn, [
|
|
1851
1862
|
m(h.$slots, "icon-status", { type: e.type }, () => [
|
|
1852
|
-
e.type === "success" ? (s(), R($(
|
|
1863
|
+
e.type === "success" ? (s(), R($(rn), {
|
|
1853
1864
|
key: 0,
|
|
1854
1865
|
class: "icon"
|
|
1855
1866
|
})) : T("", !0),
|
|
1856
|
-
e.type === "info" ? (s(), R($(
|
|
1867
|
+
e.type === "info" ? (s(), R($(wn), {
|
|
1857
1868
|
key: 1,
|
|
1858
1869
|
class: "icon"
|
|
1859
1870
|
})) : T("", !0),
|
|
1860
|
-
e.type === "danger" ? (s(), R($(
|
|
1871
|
+
e.type === "danger" ? (s(), R($(vn), {
|
|
1861
1872
|
key: 2,
|
|
1862
1873
|
class: "icon"
|
|
1863
1874
|
})) : T("", !0)
|
|
1864
1875
|
])
|
|
1865
1876
|
])) : T("", !0),
|
|
1866
|
-
u("div",
|
|
1877
|
+
u("div", Cn, [
|
|
1867
1878
|
u("p", {
|
|
1868
|
-
class:
|
|
1879
|
+
class: k(["title", { "-multiline": $(o) }])
|
|
1869
1880
|
}, [
|
|
1870
1881
|
m(h.$slots, "title", {}, () => [
|
|
1871
|
-
D(
|
|
1882
|
+
D(x(e.title), 1)
|
|
1872
1883
|
])
|
|
1873
1884
|
], 2),
|
|
1874
|
-
e.description ? (s(), r("p",
|
|
1885
|
+
e.description ? (s(), r("p", In, [
|
|
1875
1886
|
m(h.$slots, "description", {}, () => [
|
|
1876
|
-
D(
|
|
1887
|
+
D(x(e.description), 1)
|
|
1877
1888
|
])
|
|
1878
1889
|
])) : T("", !0)
|
|
1879
1890
|
])
|
|
1880
1891
|
]),
|
|
1881
1892
|
u("button", {
|
|
1882
1893
|
type: "button",
|
|
1883
|
-
class:
|
|
1894
|
+
class: k(["close", { "-multiline": $(o) }]),
|
|
1884
1895
|
"data-testid": `toast-close-button-${e.type}-${e.id}`,
|
|
1885
1896
|
"aria-label": "close notification",
|
|
1886
|
-
onClick: f[0] || (f[0] = (...
|
|
1897
|
+
onClick: f[0] || (f[0] = (...I) => e.onCloseHandler && e.onCloseHandler(...I))
|
|
1887
1898
|
}, [
|
|
1888
1899
|
L($(Fe), { class: "icon" })
|
|
1889
|
-
], 10,
|
|
1900
|
+
], 10, Bn),
|
|
1890
1901
|
e.hideProgressBar ? T("", !0) : (s(), r("div", {
|
|
1891
1902
|
key: 0,
|
|
1892
1903
|
class: "progressbar",
|
|
1893
1904
|
"aria-hidden": "true",
|
|
1894
|
-
style: ae({ width: `${$(
|
|
1905
|
+
style: ae({ width: `${$(n)}%` })
|
|
1895
1906
|
}, null, 4))
|
|
1896
|
-
], 46,
|
|
1907
|
+
], 46, kn)) : T("", !0)
|
|
1897
1908
|
]),
|
|
1898
1909
|
_: 3
|
|
1899
1910
|
}, 8, ["name"]));
|
|
@@ -1907,11 +1918,11 @@ const ee = {
|
|
|
1907
1918
|
"bottom-right": [],
|
|
1908
1919
|
"bottom-center": []
|
|
1909
1920
|
};
|
|
1910
|
-
function
|
|
1921
|
+
function An() {
|
|
1911
1922
|
let e = 0;
|
|
1912
|
-
function
|
|
1913
|
-
Object.entries(ee).forEach(([i,
|
|
1914
|
-
|
|
1923
|
+
function l() {
|
|
1924
|
+
Object.entries(ee).forEach(([i, n]) => {
|
|
1925
|
+
n.length && n.forEach((a) => {
|
|
1915
1926
|
var d;
|
|
1916
1927
|
const o = (d = a.toastVNode.props) == null ? void 0 : d.id;
|
|
1917
1928
|
Oe(o, i);
|
|
@@ -1919,54 +1930,54 @@ function Al() {
|
|
|
1919
1930
|
});
|
|
1920
1931
|
}
|
|
1921
1932
|
return {
|
|
1922
|
-
createToast: (i,
|
|
1923
|
-
const a = e++, o =
|
|
1924
|
-
return
|
|
1933
|
+
createToast: (i, n) => {
|
|
1934
|
+
const a = e++, o = n ? Mn(n) : Q;
|
|
1935
|
+
return n != null && n.showOneToast && l(), Tn(a, o, typeof i == "string" ? { title: i } : i), {
|
|
1925
1936
|
close: () => Oe(a, o.position)
|
|
1926
1937
|
};
|
|
1927
1938
|
},
|
|
1928
|
-
clearAllToasts:
|
|
1939
|
+
clearAllToasts: l
|
|
1929
1940
|
};
|
|
1930
1941
|
}
|
|
1931
|
-
function
|
|
1932
|
-
const
|
|
1942
|
+
function Mn(e) {
|
|
1943
|
+
const l = {
|
|
1933
1944
|
...Q,
|
|
1934
1945
|
...e,
|
|
1935
1946
|
showIcon: e.showIcon
|
|
1936
1947
|
};
|
|
1937
|
-
return
|
|
1948
|
+
return l.hideProgressBar = !!(l.timeout && (l == null ? void 0 : l.timeout) <= 0), e.hideProgressBar && (l.hideProgressBar = e.hideProgressBar), l;
|
|
1938
1949
|
}
|
|
1939
|
-
function
|
|
1950
|
+
function Tn(e, l, t) {
|
|
1940
1951
|
setTimeout(() => {
|
|
1941
|
-
const i =
|
|
1942
|
-
document.body.appendChild(
|
|
1952
|
+
const i = Pn(l, ee, Ge), n = document.createElement("div");
|
|
1953
|
+
document.body.appendChild(n);
|
|
1943
1954
|
const a = L(
|
|
1944
|
-
|
|
1945
|
-
|
|
1955
|
+
On,
|
|
1956
|
+
Ln(l, e, i, Oe, t)
|
|
1946
1957
|
);
|
|
1947
|
-
De(a,
|
|
1958
|
+
De(a, n), ee[l.position].push({ toastVNode: a, container: n }), a.component && (a.component.props.visible = !0);
|
|
1948
1959
|
}, 1);
|
|
1949
1960
|
}
|
|
1950
|
-
function
|
|
1961
|
+
function Ln(e, l, t, i, n) {
|
|
1951
1962
|
return {
|
|
1952
1963
|
...e,
|
|
1953
|
-
...
|
|
1954
|
-
id:
|
|
1964
|
+
...n,
|
|
1965
|
+
id: l,
|
|
1955
1966
|
offset: t,
|
|
1956
1967
|
visible: !1,
|
|
1957
1968
|
onCloseHandler() {
|
|
1958
|
-
i(
|
|
1969
|
+
i(l, e.position ? e.position : "top-right");
|
|
1959
1970
|
}
|
|
1960
1971
|
};
|
|
1961
1972
|
}
|
|
1962
|
-
function
|
|
1973
|
+
function Pn(e, l, t) {
|
|
1963
1974
|
if (!e.position)
|
|
1964
1975
|
throw new Error("no position");
|
|
1965
|
-
return
|
|
1976
|
+
return l[e.position].reduce((i, { toastVNode: n }) => (i += n.el.offsetHeight + t || 0, i), t);
|
|
1966
1977
|
}
|
|
1967
|
-
function
|
|
1968
|
-
for (let
|
|
1969
|
-
const { toastVNode: a } = n
|
|
1978
|
+
function zn(e, l, t, i) {
|
|
1979
|
+
for (let n = e; n < l.length; n++) {
|
|
1980
|
+
const { toastVNode: a } = l[n];
|
|
1970
1981
|
if (!a.el)
|
|
1971
1982
|
return;
|
|
1972
1983
|
const o = t.split("-")[0] || "top", d = parseInt(a.el.style[o], 10) - i - Ge;
|
|
@@ -1975,9 +1986,9 @@ function zl(e, n, t, i) {
|
|
|
1975
1986
|
a.component.props.offset = d;
|
|
1976
1987
|
}
|
|
1977
1988
|
}
|
|
1978
|
-
function Oe(e,
|
|
1989
|
+
function Oe(e, l) {
|
|
1979
1990
|
var c;
|
|
1980
|
-
const t = ee[
|
|
1991
|
+
const t = ee[l], i = t.findIndex(
|
|
1981
1992
|
({ toastVNode: h }) => {
|
|
1982
1993
|
var f;
|
|
1983
1994
|
return e === ((f = h == null ? void 0 : h.props) == null ? void 0 : f.id);
|
|
@@ -1985,12 +1996,12 @@ function Oe(e, n) {
|
|
|
1985
1996
|
);
|
|
1986
1997
|
if (i === -1)
|
|
1987
1998
|
return;
|
|
1988
|
-
const { container:
|
|
1989
|
-
if (ee[
|
|
1999
|
+
const { container: n, toastVNode: a } = t[i], o = (c = a == null ? void 0 : a.el) == null ? void 0 : c.offsetHeight;
|
|
2000
|
+
if (ee[l].splice(i, 1), zn(i, t, l, o), !a.component)
|
|
1990
2001
|
return;
|
|
1991
2002
|
const d = a.component.props;
|
|
1992
2003
|
d.visible = !1, d.onClose && d.onClose(), setTimeout(() => {
|
|
1993
|
-
De(null,
|
|
2004
|
+
De(null, n), document.body.removeChild(n);
|
|
1994
2005
|
}, 1e3);
|
|
1995
2006
|
}
|
|
1996
2007
|
console.log("%c\u{1F33B}[Girassol]\u{1F33B}", "padding: 8px;background: #212121;color: gold; font-family: 'Fira code'; font-weight: bold; font-size: 1.2rem");
|
|
@@ -2009,17 +2020,17 @@ const Ae = {
|
|
|
2009
2020
|
SolDropdown: Se,
|
|
2010
2021
|
SolSelect: Ce,
|
|
2011
2022
|
SolChip: ce,
|
|
2012
|
-
SolAccordion:
|
|
2023
|
+
SolAccordion: Ie,
|
|
2013
2024
|
SolMenu: re,
|
|
2014
2025
|
SolMenuItemLink: ue,
|
|
2015
|
-
SolMenuNavigationLinks:
|
|
2026
|
+
SolMenuNavigationLinks: Be
|
|
2016
2027
|
};
|
|
2017
|
-
function
|
|
2018
|
-
for (const
|
|
2019
|
-
e.component(
|
|
2028
|
+
function En(e) {
|
|
2029
|
+
for (const l in Ae)
|
|
2030
|
+
e.component(l, Ae[l]);
|
|
2020
2031
|
}
|
|
2021
2032
|
export {
|
|
2022
|
-
|
|
2033
|
+
Ie as SolAccordion,
|
|
2023
2034
|
_ as SolButton,
|
|
2024
2035
|
Ne as SolButtonDestructive,
|
|
2025
2036
|
de as SolCheckbox,
|
|
@@ -2029,7 +2040,7 @@ export {
|
|
|
2029
2040
|
W as SolInput,
|
|
2030
2041
|
re as SolMenu,
|
|
2031
2042
|
ue as SolMenuItemLink,
|
|
2032
|
-
|
|
2043
|
+
Be as SolMenuNavigationLinks,
|
|
2033
2044
|
se as SolRadio,
|
|
2034
2045
|
ye as SolRadioGroup,
|
|
2035
2046
|
Ce as SolSelect,
|
|
@@ -2038,6 +2049,6 @@ export {
|
|
|
2038
2049
|
oe as SolTextfield,
|
|
2039
2050
|
$e as SolTextfieldPassword,
|
|
2040
2051
|
Ae as components,
|
|
2041
|
-
|
|
2042
|
-
|
|
2052
|
+
En as install,
|
|
2053
|
+
An as useToast
|
|
2043
2054
|
};
|