@solfacil/girassol 0.2.7 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/girassol.es.js +614 -618
- package/dist/girassol.umd.js +4 -4
- package/dist/main.css +29 -29
- package/dist/style.css +1 -1
- package/dist/theme/solfacil/typography.d.ts +0 -1
- package/dist/types/components/accordion/Accordion.vue.d.ts +5 -4
- package/dist/types/components/forms/button/Button.vue.d.ts +4 -4
- package/dist/types/components/menus/menu/Menu.vue.d.ts +8 -18
- package/dist/types/components/menus/menu-item/menu-item-link/MenuItemLink.vue.d.ts +17 -5
- package/dist/types/index.d.ts +78 -75
- package/package.json +1 -1
- package/public/main.css +29 -29
- package/theme/solfacil/typography.ts +1 -2
- package/theme/solfacil/utilities.ts +4 -8
- package/dist/fonts/lato/Lato-Bold.ttf +0 -0
- package/dist/fonts/lato/Lato-Medium.ttf +0 -0
- package/dist/fonts/lato/Lato-Regular.ttf +0 -0
- package/dist/fonts/roboto-slab/RobotoSlab.ttf +0 -0
- package/dist/fonts/rubik/Rubik-Bold.ttf +0 -0
- package/dist/fonts/rubik/Rubik-Medium.ttf +0 -0
- package/dist/fonts/rubik/Rubik-Regular.ttf +0 -0
- package/public/fonts/lato/Lato-Bold.ttf +0 -0
- package/public/fonts/lato/Lato-Medium.ttf +0 -0
- package/public/fonts/lato/Lato-Regular.ttf +0 -0
- package/public/fonts/roboto-slab/RobotoSlab.ttf +0 -0
- package/public/fonts/rubik/Rubik-Bold.ttf +0 -0
- package/public/fonts/rubik/Rubik-Medium.ttf +0 -0
- package/public/fonts/rubik/Rubik-Regular.ttf +0 -0
package/dist/girassol.es.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as O, openBlock as s, createElementBlock as r, normalizeClass as x, 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 k, 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
|
+
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"
|
|
5
|
-
}, null, -1),
|
|
6
|
-
|
|
7
|
-
],
|
|
5
|
+
}, null, -1), et = [
|
|
6
|
+
_e
|
|
7
|
+
], tt = /* @__PURE__ */ O({
|
|
8
8
|
__name: "CircleLoader",
|
|
9
9
|
props: {
|
|
10
10
|
size: { default: "large" },
|
|
11
11
|
dark: { type: Boolean }
|
|
12
12
|
},
|
|
13
13
|
setup(e) {
|
|
14
|
-
return (n, t) => (s(),
|
|
15
|
-
class:
|
|
14
|
+
return (n, t) => (s(), r("svg", {
|
|
15
|
+
class: x(["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 nt = ["data-testid", "disabled"], lt = { class: "icon -left" }, it = { class: "icon -right" }, at = {
|
|
23
23
|
key: 0,
|
|
24
24
|
class: "loading"
|
|
25
|
-
},
|
|
25
|
+
}, _ = /* @__PURE__ */ O({
|
|
26
26
|
__name: "Button",
|
|
27
27
|
props: {
|
|
28
28
|
id: null,
|
|
@@ -36,54 +36,54 @@ const tt = ["data-testid", "disabled"], nt = { class: "icon -left" }, lt = { cla
|
|
|
36
36
|
function n(a, o) {
|
|
37
37
|
return a ? o : "";
|
|
38
38
|
}
|
|
39
|
-
const t =
|
|
39
|
+
const t = Ye(), i = p(
|
|
40
40
|
() => !!(t != null && t.default) && (!!(t != null && t["icon-right"]) || !!(t != null && t["icon-left"]))
|
|
41
|
-
),
|
|
41
|
+
), l = p(
|
|
42
42
|
() => !(t != null && t.default) && (!!(t != null && t["icon-right"]) || !!(t != null && t["icon-left"]))
|
|
43
43
|
);
|
|
44
|
-
return (a, o) => (s(),
|
|
44
|
+
return (a, o) => (s(), r("button", {
|
|
45
45
|
"data-testid": `button-${e.id}`,
|
|
46
|
-
class:
|
|
46
|
+
class: x(["sol-button-core", `-${e.variant} -${e.size}
|
|
47
47
|
${n(e.loading, "-loading-helper")}
|
|
48
48
|
${n(e.onColor, "-on-color")}
|
|
49
|
-
${n($(
|
|
50
|
-
${n($(
|
|
49
|
+
${n($(i), "-has-icon")}
|
|
50
|
+
${n($(l), "-only-icon")}
|
|
51
51
|
`]),
|
|
52
52
|
type: "button",
|
|
53
53
|
disabled: e.disabled || e.loading
|
|
54
54
|
}, [
|
|
55
|
-
u("div",
|
|
55
|
+
u("div", lt, [
|
|
56
56
|
m(a.$slots, "icon-left")
|
|
57
57
|
]),
|
|
58
58
|
m(a.$slots, "default"),
|
|
59
|
-
u("div",
|
|
59
|
+
u("div", it, [
|
|
60
60
|
m(a.$slots, "icon-right")
|
|
61
61
|
]),
|
|
62
|
-
e.loading ? (s(),
|
|
63
|
-
L(
|
|
62
|
+
e.loading ? (s(), r("div", at, [
|
|
63
|
+
L(tt, {
|
|
64
64
|
"data-testid": `button-loader-${e.id}`,
|
|
65
65
|
size: e.size === "small" ? "small" : "medium",
|
|
66
66
|
dark: e.onColor
|
|
67
67
|
}, null, 8, ["data-testid", "size", "dark"])
|
|
68
68
|
])) : T("", !0)
|
|
69
|
-
], 10,
|
|
69
|
+
], 10, nt));
|
|
70
70
|
}
|
|
71
71
|
});
|
|
72
|
-
const
|
|
72
|
+
const ot = {
|
|
73
73
|
preserveAspectRatio: "xMidYMid meet",
|
|
74
74
|
viewBox: "0 0 24 24",
|
|
75
75
|
width: "1em",
|
|
76
76
|
height: "1em"
|
|
77
|
-
},
|
|
77
|
+
}, st = /* @__PURE__ */ u("path", {
|
|
78
78
|
fill: "currentColor",
|
|
79
79
|
d: "M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413Q17.825 21 17 21ZM17 6H7v13h10ZM9 17h2V8H9Zm4 0h2V8h-2ZM7 6v13Z"
|
|
80
|
-
}, null, -1),
|
|
81
|
-
|
|
80
|
+
}, null, -1), dt = [
|
|
81
|
+
st
|
|
82
82
|
];
|
|
83
|
-
function
|
|
84
|
-
return s(),
|
|
83
|
+
function ct(e, n) {
|
|
84
|
+
return s(), r("svg", ot, dt);
|
|
85
85
|
}
|
|
86
|
-
const
|
|
86
|
+
const rt = { name: "material-symbols-delete-outline", render: ct }, Ne = /* @__PURE__ */ O({
|
|
87
87
|
__name: "ButtonDestructive",
|
|
88
88
|
props: {
|
|
89
89
|
id: null,
|
|
@@ -91,30 +91,30 @@ const ct = { name: "material-symbols-delete-outline", render: dt }, Re = /* @__P
|
|
|
91
91
|
loading: { type: Boolean }
|
|
92
92
|
},
|
|
93
93
|
setup(e) {
|
|
94
|
-
return (n, t) => (s(),
|
|
94
|
+
return (n, t) => (s(), R(_, {
|
|
95
95
|
id: `destructive-${e.id}`,
|
|
96
96
|
size: e.size,
|
|
97
97
|
loading: e.loading,
|
|
98
98
|
variant: "primary",
|
|
99
99
|
class: "button-destructive"
|
|
100
100
|
}, {
|
|
101
|
-
"icon-left":
|
|
102
|
-
L($(
|
|
101
|
+
"icon-left": E(() => [
|
|
102
|
+
L($(rt))
|
|
103
103
|
]),
|
|
104
|
-
default:
|
|
104
|
+
default: E(() => [
|
|
105
105
|
m(n.$slots, "default")
|
|
106
106
|
]),
|
|
107
107
|
_: 3
|
|
108
108
|
}, 8, ["id", "size", "loading"]));
|
|
109
109
|
}
|
|
110
110
|
});
|
|
111
|
-
|
|
112
|
-
e.component("SolButton",
|
|
111
|
+
_.install = (e) => {
|
|
112
|
+
e.component("SolButton", _);
|
|
113
113
|
};
|
|
114
|
-
|
|
115
|
-
e.component("SolButton",
|
|
114
|
+
Ne.install = (e) => {
|
|
115
|
+
e.component("SolButton", _);
|
|
116
116
|
};
|
|
117
|
-
const
|
|
117
|
+
const ut = ["id", "data-testid", "value"], W = /* @__PURE__ */ O({
|
|
118
118
|
__name: "Input",
|
|
119
119
|
props: {
|
|
120
120
|
id: null,
|
|
@@ -124,27 +124,27 @@ const rt = ["id", "data-testid", "value"], W = /* @__PURE__ */ I({
|
|
|
124
124
|
},
|
|
125
125
|
emits: ["update:modelValue"],
|
|
126
126
|
setup(e, { expose: n, emit: t }) {
|
|
127
|
-
function
|
|
127
|
+
function i({ target: a }) {
|
|
128
128
|
t("update:modelValue", a == null ? void 0 : a.value);
|
|
129
129
|
}
|
|
130
|
-
const
|
|
130
|
+
const l = z("");
|
|
131
131
|
return n({
|
|
132
|
-
input:
|
|
133
|
-
}), (a, o) => (s(),
|
|
132
|
+
input: l
|
|
133
|
+
}), (a, o) => (s(), r("input", {
|
|
134
134
|
id: `input-${e.id}`,
|
|
135
135
|
ref_key: "input",
|
|
136
|
-
ref:
|
|
136
|
+
ref: l,
|
|
137
137
|
"data-testid": `input-${e.id}`,
|
|
138
138
|
value: e.modelValue,
|
|
139
|
-
class:
|
|
140
|
-
onInput:
|
|
141
|
-
}, null, 42,
|
|
139
|
+
class: x(["sol-input-core", { "-invert": e.invert, "-error": e.error }]),
|
|
140
|
+
onInput: i
|
|
141
|
+
}, null, 42, ut));
|
|
142
142
|
}
|
|
143
143
|
});
|
|
144
144
|
W.install = (e) => {
|
|
145
145
|
e.component("SolInput", W);
|
|
146
146
|
};
|
|
147
|
-
const
|
|
147
|
+
const ht = ["id", "data-testid"], ft = ["for"], mt = { class: "container-input" }, vt = ["id"], $t = ["id"], oe = /* @__PURE__ */ O({
|
|
148
148
|
__name: "Textfield",
|
|
149
149
|
props: {
|
|
150
150
|
id: null,
|
|
@@ -157,40 +157,40 @@ const ut = ["id", "data-testid"], ht = ["for"], ft = { class: "container-input"
|
|
|
157
157
|
},
|
|
158
158
|
emits: ["update:modelValue"],
|
|
159
159
|
setup(e, { emit: n }) {
|
|
160
|
-
const t = e,
|
|
160
|
+
const t = e, i = p({
|
|
161
161
|
get: () => t.modelValue,
|
|
162
162
|
set: (o) => {
|
|
163
163
|
n("update:modelValue", o);
|
|
164
164
|
}
|
|
165
165
|
});
|
|
166
|
-
function
|
|
166
|
+
function l(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}` : l(o, d) ? `hint-${t.id}` : null;
|
|
171
171
|
}
|
|
172
172
|
return (o, d) => {
|
|
173
|
-
var
|
|
174
|
-
return s(),
|
|
173
|
+
var c;
|
|
174
|
+
return s(), r("div", {
|
|
175
175
|
id: `textfield-${e.id}`,
|
|
176
176
|
"data-testid": `textfield-${e.id}`,
|
|
177
|
-
class:
|
|
177
|
+
class: x([[`${(c = o.$props.class) != null ? c : ""}`, { "-invert": e.invert }], "sol-textfield-core"])
|
|
178
178
|
}, [
|
|
179
179
|
m(o.$slots, "label", {}, () => [
|
|
180
|
-
e.label ? (s(),
|
|
180
|
+
e.label ? (s(), r("label", {
|
|
181
181
|
key: 0,
|
|
182
182
|
for: `input-${e.id}`,
|
|
183
183
|
class: "label"
|
|
184
184
|
}, [
|
|
185
|
-
u("span", null,
|
|
186
|
-
], 8,
|
|
185
|
+
u("span", null, k(e.label), 1)
|
|
186
|
+
], 8, ft)) : T("", !0)
|
|
187
187
|
]),
|
|
188
|
-
u("div",
|
|
188
|
+
u("div", mt, [
|
|
189
189
|
m(o.$slots, "default", {}, () => [
|
|
190
190
|
L(W, U(o.$attrs, {
|
|
191
191
|
id: e.id,
|
|
192
|
-
modelValue: $(
|
|
193
|
-
"onUpdate:modelValue": d[0] || (d[0] = (h) => Ee(
|
|
192
|
+
modelValue: $(i),
|
|
193
|
+
"onUpdate:modelValue": d[0] || (d[0] = (h) => Ee(i) ? i.value = h : null),
|
|
194
194
|
"data-testid": `input-${e.id}`,
|
|
195
195
|
class: [e.error && "-error", "input"],
|
|
196
196
|
invert: e.invert,
|
|
@@ -200,90 +200,90 @@ const ut = ["id", "data-testid"], ht = ["for"], ft = { class: "container-input"
|
|
|
200
200
|
]),
|
|
201
201
|
m(o.$slots, "icon")
|
|
202
202
|
]),
|
|
203
|
-
|
|
203
|
+
l(e.hint, e.error) ? (s(), r("span", {
|
|
204
204
|
key: 0,
|
|
205
205
|
id: `hint-${e.id}`,
|
|
206
206
|
class: "hint"
|
|
207
|
-
},
|
|
207
|
+
}, k(e.hint), 9, vt)) : e.error ? (s(), r("span", {
|
|
208
208
|
key: 1,
|
|
209
209
|
id: `error-${e.id}`,
|
|
210
210
|
class: "error"
|
|
211
|
-
},
|
|
212
|
-
], 10,
|
|
211
|
+
}, k(e.error), 9, $t)) : T("", !0)
|
|
212
|
+
], 10, ht);
|
|
213
213
|
};
|
|
214
214
|
}
|
|
215
215
|
});
|
|
216
|
-
const
|
|
216
|
+
const bt = {
|
|
217
217
|
preserveAspectRatio: "xMidYMid meet",
|
|
218
218
|
viewBox: "0 0 24 24",
|
|
219
219
|
width: "1em",
|
|
220
220
|
height: "1em"
|
|
221
|
-
},
|
|
221
|
+
}, yt = /* @__PURE__ */ u("g", { fill: "currentColor" }, [
|
|
222
222
|
/* @__PURE__ */ u("path", { d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0z" }),
|
|
223
223
|
/* @__PURE__ */ u("path", { d: "M21.894 11.553C19.736 7.236 15.904 5 12 5c-3.903 0-7.736 2.236-9.894 6.553a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894zM12 17c-2.969 0-6.002-1.62-7.87-5C5.998 8.62 9.03 7 12 7c2.969 0 6.002 1.62 7.87 5c-1.868 3.38-4.901 5-7.87 5z" })
|
|
224
|
-
], -1),
|
|
225
|
-
|
|
224
|
+
], -1), gt = [
|
|
225
|
+
yt
|
|
226
226
|
];
|
|
227
|
-
function
|
|
228
|
-
return s(),
|
|
227
|
+
function wt(e, n) {
|
|
228
|
+
return s(), r("svg", bt, gt);
|
|
229
229
|
}
|
|
230
|
-
const
|
|
230
|
+
const xt = { name: "mi-eye", render: wt }, kt = {
|
|
231
231
|
preserveAspectRatio: "xMidYMid meet",
|
|
232
232
|
viewBox: "0 0 24 24",
|
|
233
233
|
width: "1em",
|
|
234
234
|
height: "1em"
|
|
235
|
-
},
|
|
235
|
+
}, St = /* @__PURE__ */ u("path", {
|
|
236
236
|
fill: "currentColor",
|
|
237
237
|
d: "M4.707 3.293a1 1 0 0 0-1.414 1.414l2.424 2.424c-1.43 1.076-2.678 2.554-3.611 4.422a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16zm10.307 13.135c-.98.383-2 .572-3.014.572c-2.969 0-6.002-1.62-7.87-5c.817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72zm3.538-2.532c.483-.556.926-1.187 1.318-1.896c-1.868-3.38-4.9-5-7.87-5c-.112 0-.224.002-.336.007L9.879 5.223A10.215 10.215 0 0 1 12 5c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894a13.106 13.106 0 0 1-1.925 2.865l-1.417-1.416z"
|
|
238
|
-
}, null, -1),
|
|
239
|
-
|
|
238
|
+
}, null, -1), Ct = [
|
|
239
|
+
St
|
|
240
240
|
];
|
|
241
|
-
function
|
|
242
|
-
return s(),
|
|
241
|
+
function Bt(e, n) {
|
|
242
|
+
return s(), r("svg", kt, Ct);
|
|
243
243
|
}
|
|
244
|
-
const
|
|
244
|
+
const It = { name: "mi-eye-off", render: Bt }, 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 n = z(!1), t =
|
|
251
|
+
const n = z(!1), t = p(
|
|
252
252
|
() => n.value ? "text" : "password"
|
|
253
253
|
);
|
|
254
|
-
return (
|
|
254
|
+
return (i, l) => (s(), R(oe, {
|
|
255
255
|
id: e.id,
|
|
256
256
|
required: "",
|
|
257
257
|
type: $(t),
|
|
258
258
|
label: e.label,
|
|
259
259
|
placeholder: "Insira sua senha"
|
|
260
260
|
}, {
|
|
261
|
-
icon:
|
|
261
|
+
icon: E(() => [
|
|
262
262
|
u("button", {
|
|
263
263
|
type: "button",
|
|
264
264
|
"data-testid": "toggle-type-password",
|
|
265
265
|
"aria-label": n.value ? "Hide password" : "Show password",
|
|
266
|
-
onClick:
|
|
266
|
+
onClick: l[0] || (l[0] = (a) => n.value = !n.value)
|
|
267
267
|
}, [
|
|
268
|
-
Y(L($(
|
|
268
|
+
Y(L($(xt), { "aria-hidden": "true" }, null, 512), [
|
|
269
269
|
[X, n.value]
|
|
270
270
|
]),
|
|
271
|
-
Y(L($(
|
|
271
|
+
Y(L($(It), { "aria-hidden": "true" }, null, 512), [
|
|
272
272
|
[X, !n.value]
|
|
273
273
|
])
|
|
274
|
-
], 8,
|
|
274
|
+
], 8, Ot)
|
|
275
275
|
]),
|
|
276
276
|
_: 1
|
|
277
277
|
}, 8, ["id", "type", "label"]));
|
|
278
278
|
}
|
|
279
279
|
});
|
|
280
|
-
|
|
281
|
-
e.component("SolTextfield",
|
|
280
|
+
oe.install = (e) => {
|
|
281
|
+
e.component("SolTextfield", oe);
|
|
282
282
|
};
|
|
283
283
|
$e.install = (e) => {
|
|
284
284
|
e.component("SolTextfieldPassword", $e);
|
|
285
285
|
};
|
|
286
|
-
const
|
|
286
|
+
const Mt = ["id", "data-testid"], Tt = ["for"], Lt = { class: "container-textarea" }, Pt = ["id", "data-testid", "invert", "aria-invalid", "aria-describedby"], zt = ["id"], Vt = ["id"], be = /* @__PURE__ */ O({
|
|
287
287
|
__name: "Textarea",
|
|
288
288
|
props: {
|
|
289
289
|
id: null,
|
|
@@ -297,67 +297,67 @@ const Ot = ["id", "data-testid"], Mt = ["for"], Tt = { class: "container-textare
|
|
|
297
297
|
},
|
|
298
298
|
emits: ["update:modelValue"],
|
|
299
299
|
setup(e, { emit: n }) {
|
|
300
|
-
const t = e,
|
|
300
|
+
const t = e, i = p({
|
|
301
301
|
get: () => t.modelValue,
|
|
302
302
|
set: (o) => {
|
|
303
303
|
n("update:modelValue", o);
|
|
304
304
|
}
|
|
305
305
|
});
|
|
306
|
-
function
|
|
306
|
+
function l(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}` : l(o, d) ? `hint-${t.id}` : null;
|
|
311
311
|
}
|
|
312
312
|
return (o, d) => {
|
|
313
|
-
var
|
|
314
|
-
return s(),
|
|
313
|
+
var c;
|
|
314
|
+
return s(), r("div", {
|
|
315
315
|
id: `textarea-${e.id}`,
|
|
316
316
|
"data-testid": `textarea-${e.id}`,
|
|
317
|
-
class:
|
|
317
|
+
class: x([[`${(c = o.$props.class) != null ? c : ""}`, { "-invert": e.invert }], "sol-textarea-core"])
|
|
318
318
|
}, [
|
|
319
319
|
m(o.$slots, "label", {}, () => [
|
|
320
|
-
e.label ? (s(),
|
|
320
|
+
e.label ? (s(), r("label", {
|
|
321
321
|
key: 0,
|
|
322
322
|
for: `input-${e.id}`,
|
|
323
323
|
class: "label"
|
|
324
324
|
}, [
|
|
325
|
-
u("span", null,
|
|
326
|
-
], 8,
|
|
325
|
+
u("span", null, k(e.label), 1)
|
|
326
|
+
], 8, Tt)) : T("", !0)
|
|
327
327
|
]),
|
|
328
|
-
u("div",
|
|
328
|
+
u("div", Lt, [
|
|
329
329
|
m(o.$slots, "default", {}, () => [
|
|
330
330
|
Y(u("textarea", U(o.$attrs, {
|
|
331
331
|
id: `input-${e.id}`,
|
|
332
|
-
"onUpdate:modelValue": d[0] || (d[0] = (h) => Ee(
|
|
332
|
+
"onUpdate:modelValue": d[0] || (d[0] = (h) => Ee(i) ? i.value = h : null),
|
|
333
333
|
"data-testid": `input-${e.id}`,
|
|
334
334
|
class: [e.error && "-error", "textarea"],
|
|
335
335
|
invert: e.invert,
|
|
336
336
|
style: { resize: e.resize },
|
|
337
337
|
"aria-invalid": !!e.error,
|
|
338
338
|
"aria-describedby": a(e.hint, e.error)
|
|
339
|
-
}), null, 16,
|
|
340
|
-
[
|
|
339
|
+
}), null, 16, Pt), [
|
|
340
|
+
[We, $(i)]
|
|
341
341
|
])
|
|
342
342
|
])
|
|
343
343
|
]),
|
|
344
|
-
|
|
344
|
+
l(e.hint, e.error) ? (s(), r("span", {
|
|
345
345
|
key: 0,
|
|
346
346
|
id: `hint-${e.id}`,
|
|
347
347
|
class: "hint"
|
|
348
|
-
},
|
|
348
|
+
}, k(e.hint), 9, zt)) : e.error ? (s(), r("span", {
|
|
349
349
|
key: 1,
|
|
350
350
|
id: `error-${e.id}`,
|
|
351
351
|
class: "error"
|
|
352
|
-
},
|
|
353
|
-
], 10,
|
|
352
|
+
}, k(e.error), 9, Vt)) : T("", !0)
|
|
353
|
+
], 10, Mt);
|
|
354
354
|
};
|
|
355
355
|
}
|
|
356
356
|
});
|
|
357
357
|
be.install = (e) => {
|
|
358
358
|
e.component("SolTextarea", be);
|
|
359
359
|
};
|
|
360
|
-
const
|
|
360
|
+
const At = ["id", "data-testid", "checked", "value", "name"], Et = ["for"], se = /* @__PURE__ */ O({
|
|
361
361
|
__name: "Radio",
|
|
362
362
|
props: {
|
|
363
363
|
id: null,
|
|
@@ -369,8 +369,8 @@ const Vt = ["id", "data-testid", "checked", "value", "name"], At = ["for"], de =
|
|
|
369
369
|
},
|
|
370
370
|
emits: ["change"],
|
|
371
371
|
setup(e, { emit: n }) {
|
|
372
|
-
return (t,
|
|
373
|
-
class:
|
|
372
|
+
return (t, i) => (s(), r("div", {
|
|
373
|
+
class: x(["sol-radio-core", t.$props.class])
|
|
374
374
|
}, [
|
|
375
375
|
u("input", U(t.$attrs, {
|
|
376
376
|
id: `radio-${e.name}-${e.id}`,
|
|
@@ -380,16 +380,16 @@ const Vt = ["id", "data-testid", "checked", "value", "name"], At = ["for"], de =
|
|
|
380
380
|
checked: e.checked,
|
|
381
381
|
value: e.value,
|
|
382
382
|
name: e.name,
|
|
383
|
-
onChange:
|
|
384
|
-
}), null, 16,
|
|
383
|
+
onChange: i[0] || (i[0] = (l) => n("change", e.value))
|
|
384
|
+
}), null, 16, At),
|
|
385
385
|
u("label", {
|
|
386
386
|
class: "label",
|
|
387
387
|
for: `radio-${e.name}-${e.id}`
|
|
388
|
-
},
|
|
388
|
+
}, k(e.label), 9, Et)
|
|
389
389
|
], 2));
|
|
390
390
|
}
|
|
391
391
|
});
|
|
392
|
-
const
|
|
392
|
+
const pt = ["aria-labelledby"], Dt = ["id", "data-testid"], Nt = ["id"], Rt = ["id"], ye = /* @__PURE__ */ O({
|
|
393
393
|
__name: "RadioGroup",
|
|
394
394
|
props: {
|
|
395
395
|
id: null,
|
|
@@ -404,11 +404,11 @@ const Et = ["aria-labelledby"], pt = ["id", "data-testid"], Dt = ["id"], Rt = ["
|
|
|
404
404
|
emits: ["change", "update:modelValue"],
|
|
405
405
|
setup(e, { emit: n }) {
|
|
406
406
|
const t = e;
|
|
407
|
-
function
|
|
408
|
-
return !!d && !
|
|
407
|
+
function i(d, c) {
|
|
408
|
+
return !!d && !c;
|
|
409
409
|
}
|
|
410
|
-
function
|
|
411
|
-
return
|
|
410
|
+
function l(d, c) {
|
|
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;
|
|
@@ -416,7 +416,7 @@ const Et = ["aria-labelledby"], pt = ["id", "data-testid"], Dt = ["id"], Rt = ["
|
|
|
416
416
|
function o(d) {
|
|
417
417
|
n("change", d.value), n("update:modelValue", d.value);
|
|
418
418
|
}
|
|
419
|
-
return (d,
|
|
419
|
+
return (d, c) => (s(), r("fieldset", {
|
|
420
420
|
class: "sol-radio-group-core",
|
|
421
421
|
"aria-labelledby": `radio-group-title-${e.id}`
|
|
422
422
|
}, [
|
|
@@ -425,21 +425,21 @@ const Et = ["aria-labelledby"], pt = ["id", "data-testid"], Dt = ["id"], Rt = ["
|
|
|
425
425
|
}, () => [
|
|
426
426
|
u("legend", {
|
|
427
427
|
id: `radio-group-title-${e.id}`,
|
|
428
|
-
class:
|
|
428
|
+
class: x(["title", { "sr-only": e.hideTitle }]),
|
|
429
429
|
"data-testid": `radio-group-title-${e.id}`
|
|
430
|
-
},
|
|
430
|
+
}, k(e.title), 11, Dt)
|
|
431
431
|
]),
|
|
432
432
|
u("ul", {
|
|
433
|
-
class:
|
|
433
|
+
class: x(["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
|
-
(s(!0),
|
|
439
|
+
(s(!0), r(j, null, Z(e.radios, (h, f) => {
|
|
440
440
|
var B;
|
|
441
|
-
return s(),
|
|
442
|
-
L(
|
|
441
|
+
return s(), r("li", { key: f }, [
|
|
442
|
+
L(se, U(d.$attrs, {
|
|
443
443
|
id: (B = h == null ? void 0 : h.id) != null ? B : `${h.value}`,
|
|
444
444
|
class: ["radio", { "mb-micro": e.direction === "column", "mr-micro": e.direction === "row" }],
|
|
445
445
|
name: h.name,
|
|
@@ -447,32 +447,32 @@ const Et = ["aria-labelledby"], pt = ["id", "data-testid"], Dt = ["id"], Rt = ["
|
|
|
447
447
|
label: h.label,
|
|
448
448
|
checked: a(h.value),
|
|
449
449
|
"aria-invalid": !!e.error,
|
|
450
|
-
"aria-describedby":
|
|
450
|
+
"aria-describedby": l(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
|
]);
|
|
454
454
|
}), 128))
|
|
455
455
|
])
|
|
456
456
|
], 2),
|
|
457
|
-
|
|
457
|
+
i(e.hint, e.error) ? (s(), r("p", {
|
|
458
458
|
key: 0,
|
|
459
459
|
id: `hint-${e.id}`,
|
|
460
460
|
class: "hint"
|
|
461
|
-
},
|
|
461
|
+
}, k(e.hint), 9, Nt)) : e.error ? (s(), r("p", {
|
|
462
462
|
key: 1,
|
|
463
463
|
id: `error-${e.id}`,
|
|
464
464
|
class: "error"
|
|
465
|
-
},
|
|
466
|
-
], 8,
|
|
465
|
+
}, k(e.error), 9, Rt)) : T("", !0)
|
|
466
|
+
], 8, pt));
|
|
467
467
|
}
|
|
468
468
|
});
|
|
469
|
-
|
|
470
|
-
e.component("SolRadio",
|
|
469
|
+
se.install = (e) => {
|
|
470
|
+
e.component("SolRadio", se);
|
|
471
471
|
};
|
|
472
472
|
ye.install = (e) => {
|
|
473
473
|
e.component("SolRadioGroup", ye);
|
|
474
474
|
};
|
|
475
|
-
const
|
|
475
|
+
const Ht = ["id", "data-testid", "checked", "value", "name"], Ft = ["for"], de = /* @__PURE__ */ O({
|
|
476
476
|
__name: "Checkbox",
|
|
477
477
|
props: {
|
|
478
478
|
id: null,
|
|
@@ -484,8 +484,8 @@ const Nt = ["id", "data-testid", "checked", "value", "name"], Ht = ["for"], ce =
|
|
|
484
484
|
},
|
|
485
485
|
emits: ["change"],
|
|
486
486
|
setup(e, { emit: n }) {
|
|
487
|
-
return (t,
|
|
488
|
-
class:
|
|
487
|
+
return (t, i) => (s(), r("div", {
|
|
488
|
+
class: x(["sol-checkbox-core", t.$props.class])
|
|
489
489
|
}, [
|
|
490
490
|
u("input", U(t.$attrs, {
|
|
491
491
|
id: `checkbox-${e.name}-${e.id}`,
|
|
@@ -495,16 +495,16 @@ const Nt = ["id", "data-testid", "checked", "value", "name"], Ht = ["for"], ce =
|
|
|
495
495
|
checked: e.checked,
|
|
496
496
|
value: e.value,
|
|
497
497
|
name: e.name,
|
|
498
|
-
onChange:
|
|
499
|
-
}), null, 16,
|
|
498
|
+
onChange: i[0] || (i[0] = (l) => n("change", e.value))
|
|
499
|
+
}), null, 16, Ht),
|
|
500
500
|
u("label", {
|
|
501
501
|
class: "label",
|
|
502
502
|
for: `checkbox-${e.name}-${e.id}`
|
|
503
|
-
},
|
|
503
|
+
}, k(e.label), 9, Ft)
|
|
504
504
|
], 2));
|
|
505
505
|
}
|
|
506
506
|
});
|
|
507
|
-
const
|
|
507
|
+
const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["id"], ge = /* @__PURE__ */ O({
|
|
508
508
|
__name: "CheckboxGroup",
|
|
509
509
|
props: {
|
|
510
510
|
id: null,
|
|
@@ -519,49 +519,49 @@ const Ft = ["aria-labelledby"], qt = ["id", "data-testid"], Ut = ["id"], Kt = ["
|
|
|
519
519
|
emits: ["change", "update:modelValue"],
|
|
520
520
|
setup(e, { emit: n }) {
|
|
521
521
|
const t = e;
|
|
522
|
-
function
|
|
523
|
-
return !!
|
|
522
|
+
function i(c, h) {
|
|
523
|
+
return !!c && !h;
|
|
524
524
|
}
|
|
525
|
-
function
|
|
526
|
-
return h ? `error-${t.id}` :
|
|
525
|
+
function l(c, h) {
|
|
526
|
+
return h ? `error-${t.id}` : i(c, h) ? `hint-${t.id}` : null;
|
|
527
527
|
}
|
|
528
|
-
function a(
|
|
528
|
+
function a(c) {
|
|
529
529
|
var h;
|
|
530
|
-
return (h = t == null ? void 0 : t.modelValue) == null ? void 0 : h.includes(
|
|
530
|
+
return (h = t == null ? void 0 : t.modelValue) == null ? void 0 : h.includes(c);
|
|
531
531
|
}
|
|
532
|
-
function o(
|
|
533
|
-
return Array.isArray(t == null ? void 0 : t.modelValue) ? [...t.modelValue,
|
|
532
|
+
function o(c) {
|
|
533
|
+
return Array.isArray(t == null ? void 0 : t.modelValue) ? [...t.modelValue, c] : [c];
|
|
534
534
|
}
|
|
535
|
-
function d(
|
|
535
|
+
function d(c) {
|
|
536
536
|
var f;
|
|
537
|
-
n("change",
|
|
538
|
-
const h = a(
|
|
537
|
+
n("change", c.value);
|
|
538
|
+
const h = a(c.value) ? (f = t.modelValue) == null ? void 0 : f.filter((B) => B !== c.value) : o(c.value);
|
|
539
539
|
n("update:modelValue", h);
|
|
540
540
|
}
|
|
541
|
-
return (
|
|
541
|
+
return (c, h) => (s(), r("fieldset", {
|
|
542
542
|
class: "sol-checkbox-group-core",
|
|
543
543
|
"aria-labelledby": `checkbox-group-title-${e.id}`
|
|
544
544
|
}, [
|
|
545
|
-
m(
|
|
545
|
+
m(c.$slots, "title", {
|
|
546
546
|
id: `checkbox-group-title-${e.id}`
|
|
547
547
|
}, () => [
|
|
548
548
|
u("legend", {
|
|
549
549
|
id: `checkbox-group-title-${e.id}`,
|
|
550
|
-
class:
|
|
550
|
+
class: x(["title", { "sr-only": e.hideTitle }]),
|
|
551
551
|
"data-testid": `checkbox-group-title-${e.id}`
|
|
552
|
-
},
|
|
552
|
+
}, k(e.title), 11, Kt)
|
|
553
553
|
]),
|
|
554
554
|
u("ul", {
|
|
555
|
-
class:
|
|
555
|
+
class: x(["container-checkboxes", { "flex-col": e.direction === "column" }])
|
|
556
556
|
}, [
|
|
557
|
-
m(
|
|
557
|
+
m(c.$slots, "default", {
|
|
558
558
|
checkboxes: e.checkboxes,
|
|
559
559
|
direction: e.direction
|
|
560
560
|
}, () => [
|
|
561
|
-
(s(!0),
|
|
561
|
+
(s(!0), r(j, null, Z(e.checkboxes, (f, B) => {
|
|
562
562
|
var y;
|
|
563
|
-
return s(),
|
|
564
|
-
L(
|
|
563
|
+
return s(), r("li", { key: B }, [
|
|
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" }],
|
|
567
567
|
label: f.label,
|
|
@@ -569,32 +569,32 @@ const Ft = ["aria-labelledby"], qt = ["id", "data-testid"], Ut = ["id"], Kt = ["
|
|
|
569
569
|
value: f.value,
|
|
570
570
|
checked: a(f.value),
|
|
571
571
|
"aria-invalid": !!e.error,
|
|
572
|
-
"aria-describedby":
|
|
573
|
-
onChange: (
|
|
572
|
+
"aria-describedby": l(e.hint, e.error),
|
|
573
|
+
onChange: (S) => d(f)
|
|
574
574
|
}), null, 16, ["id", "class", "label", "name", "value", "checked", "aria-invalid", "aria-describedby", "onChange"])
|
|
575
575
|
]);
|
|
576
576
|
}), 128))
|
|
577
577
|
])
|
|
578
578
|
], 2),
|
|
579
|
-
|
|
579
|
+
i(e.hint, e.error) ? (s(), r("p", {
|
|
580
580
|
key: 0,
|
|
581
581
|
id: `hint-${e.id}`,
|
|
582
582
|
class: "hint"
|
|
583
|
-
},
|
|
583
|
+
}, k(e.hint), 9, Ut)) : e.error ? (s(), r("p", {
|
|
584
584
|
key: 1,
|
|
585
585
|
id: `error-${e.id}`,
|
|
586
586
|
class: "error"
|
|
587
|
-
},
|
|
588
|
-
], 8,
|
|
587
|
+
}, k(e.error), 9, Gt)) : T("", !0)
|
|
588
|
+
], 8, qt));
|
|
589
589
|
}
|
|
590
590
|
});
|
|
591
|
-
|
|
592
|
-
e.component("SolCheckbox",
|
|
591
|
+
de.install = (e) => {
|
|
592
|
+
e.component("SolCheckbox", de);
|
|
593
593
|
};
|
|
594
594
|
ge.install = (e) => {
|
|
595
595
|
e.component("SolCheckboxGroup", ge);
|
|
596
596
|
};
|
|
597
|
-
const
|
|
597
|
+
const Qt = ["id", "for", "data-testid"], Yt = { class: "switch-container" }, Wt = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"], jt = /* @__PURE__ */ u("span", { class: "ellipse" }, null, -1), we = /* @__PURE__ */ O({
|
|
598
598
|
__name: "Switch",
|
|
599
599
|
props: {
|
|
600
600
|
id: null,
|
|
@@ -608,16 +608,16 @@ const Gt = ["id", "for", "data-testid"], Qt = { class: "switch-container" }, Yt
|
|
|
608
608
|
},
|
|
609
609
|
emits: ["change"],
|
|
610
610
|
setup(e, { emit: n }) {
|
|
611
|
-
return (t,
|
|
612
|
-
class:
|
|
611
|
+
return (t, i) => (s(), r("div", {
|
|
612
|
+
class: x(["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: x(["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
|
-
},
|
|
620
|
-
u("div",
|
|
619
|
+
}, k(e.label), 11, Qt),
|
|
620
|
+
u("div", Yt, [
|
|
621
621
|
u("input", U(t.$attrs, {
|
|
622
622
|
id: `switch-${e.name}-${e.id}`,
|
|
623
623
|
type: "checkbox",
|
|
@@ -629,9 +629,9 @@ const Gt = ["id", "for", "data-testid"], Qt = { class: "switch-container" }, Yt
|
|
|
629
629
|
checked: e.checked,
|
|
630
630
|
value: e.value,
|
|
631
631
|
name: e.name,
|
|
632
|
-
onChange:
|
|
633
|
-
}), null, 16,
|
|
634
|
-
|
|
632
|
+
onChange: i[0] || (i[0] = (l) => n("change", e.value))
|
|
633
|
+
}), null, 16, Wt),
|
|
634
|
+
jt
|
|
635
635
|
])
|
|
636
636
|
], 2));
|
|
637
637
|
}
|
|
@@ -640,70 +640,70 @@ we.install = (e) => {
|
|
|
640
640
|
e.component("SolSwitch", we);
|
|
641
641
|
};
|
|
642
642
|
var Le;
|
|
643
|
-
const
|
|
643
|
+
const te = typeof window < "u", Zt = (e) => typeof e == "string", ve = () => {
|
|
644
644
|
};
|
|
645
|
-
|
|
646
|
-
function
|
|
645
|
+
te && ((Le = window == null ? void 0 : window.navigator) == null ? void 0 : Le.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
|
|
646
|
+
function Jt(e) {
|
|
647
647
|
return typeof e == "function" ? e() : $(e);
|
|
648
648
|
}
|
|
649
|
-
function
|
|
649
|
+
function Xt(e) {
|
|
650
650
|
return e;
|
|
651
651
|
}
|
|
652
|
-
function
|
|
653
|
-
return
|
|
652
|
+
function _t(e) {
|
|
653
|
+
return je() ? (Ze(e), !0) : !1;
|
|
654
654
|
}
|
|
655
655
|
function J(e) {
|
|
656
656
|
var n;
|
|
657
|
-
const t =
|
|
657
|
+
const t = Jt(e);
|
|
658
658
|
return (n = t == null ? void 0 : t.$el) != null ? n : t;
|
|
659
659
|
}
|
|
660
|
-
const
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
function
|
|
665
|
-
let n, t,
|
|
666
|
-
if (
|
|
660
|
+
const Re = te ? window : void 0;
|
|
661
|
+
te && window.document;
|
|
662
|
+
te && window.navigator;
|
|
663
|
+
te && window.location;
|
|
664
|
+
function le(...e) {
|
|
665
|
+
let n, t, i, l;
|
|
666
|
+
if (Zt(e[0]) ? ([t, i, l] = e, n = Re) : [n, t, i, l] = e, !n)
|
|
667
667
|
return ve;
|
|
668
668
|
let a = ve;
|
|
669
|
-
const o =
|
|
670
|
-
a(),
|
|
671
|
-
|
|
669
|
+
const o = Je(() => J(n), (c) => {
|
|
670
|
+
a(), c && (c.addEventListener(t, i, l), a = () => {
|
|
671
|
+
c.removeEventListener(t, i, l), a = ve;
|
|
672
672
|
});
|
|
673
673
|
}, { immediate: !0, flush: "post" }), d = () => {
|
|
674
674
|
o(), a();
|
|
675
675
|
};
|
|
676
|
-
return
|
|
676
|
+
return _t(d), d;
|
|
677
677
|
}
|
|
678
678
|
function Te(e, n, t = {}) {
|
|
679
|
-
const { window:
|
|
680
|
-
if (!
|
|
679
|
+
const { window: i = Re, ignore: l, capture: a = !0, detectIframe: o = !1 } = t;
|
|
680
|
+
if (!i)
|
|
681
681
|
return;
|
|
682
682
|
const d = z(!0);
|
|
683
|
-
let
|
|
683
|
+
let c;
|
|
684
684
|
const h = (y) => {
|
|
685
|
-
|
|
686
|
-
const
|
|
687
|
-
!
|
|
688
|
-
const
|
|
689
|
-
return
|
|
685
|
+
i.clearTimeout(c);
|
|
686
|
+
const S = J(e), I = y.composedPath();
|
|
687
|
+
!S || S === y.target || I.includes(S) || !d.value || l && l.length > 0 && l.some((M) => {
|
|
688
|
+
const N = J(M);
|
|
689
|
+
return N && (y.target === N || I.includes(N));
|
|
690
690
|
}) || n(y);
|
|
691
691
|
}, f = [
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
const
|
|
695
|
-
d.value = !!
|
|
692
|
+
le(i, "click", h, { passive: !0, capture: a }),
|
|
693
|
+
le(i, "pointerdown", (y) => {
|
|
694
|
+
const S = J(e);
|
|
695
|
+
d.value = !!S && !y.composedPath().includes(S);
|
|
696
696
|
}, { passive: !0 }),
|
|
697
|
-
|
|
697
|
+
le(i, "pointerup", (y) => {
|
|
698
698
|
if (y.button === 0) {
|
|
699
|
-
const
|
|
700
|
-
y.composedPath = () =>
|
|
699
|
+
const S = y.composedPath();
|
|
700
|
+
y.composedPath = () => S, c = i.setTimeout(() => h(y), 50);
|
|
701
701
|
}
|
|
702
702
|
}, { passive: !0 }),
|
|
703
|
-
o &&
|
|
704
|
-
var
|
|
705
|
-
const
|
|
706
|
-
((
|
|
703
|
+
o && le(i, "blur", (y) => {
|
|
704
|
+
var S;
|
|
705
|
+
const I = J(e);
|
|
706
|
+
((S = document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !(I != null && I.contains(document.activeElement)) && n(y);
|
|
707
707
|
})
|
|
708
708
|
].filter(Boolean);
|
|
709
709
|
return () => f.forEach((y) => y());
|
|
@@ -715,15 +715,15 @@ 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
|
|
718
|
+
var en = Object.defineProperty, ze = Object.getOwnPropertySymbols, tn = Object.prototype.hasOwnProperty, nn = Object.prototype.propertyIsEnumerable, Ve = (e, n, t) => n in e ? en(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, ln = (e, n) => {
|
|
719
719
|
for (var t in n || (n = {}))
|
|
720
|
-
|
|
720
|
+
tn.call(n, t) && Ve(e, t, n[t]);
|
|
721
721
|
if (ze)
|
|
722
722
|
for (var t of ze(n))
|
|
723
|
-
|
|
723
|
+
nn.call(n, t) && Ve(e, t, n[t]);
|
|
724
724
|
return e;
|
|
725
725
|
};
|
|
726
|
-
const
|
|
726
|
+
const an = {
|
|
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 ln = {
|
|
|
749
749
|
easeOutBack: [0.34, 1.56, 0.64, 1],
|
|
750
750
|
easeInOutBack: [0.68, -0.6, 0.32, 1.6]
|
|
751
751
|
};
|
|
752
|
-
|
|
753
|
-
linear:
|
|
754
|
-
},
|
|
755
|
-
const
|
|
752
|
+
ln({
|
|
753
|
+
linear: Xt
|
|
754
|
+
}, an);
|
|
755
|
+
const on = {
|
|
756
756
|
preserveAspectRatio: "xMidYMid meet",
|
|
757
757
|
viewBox: "0 0 24 24",
|
|
758
758
|
width: "1em",
|
|
759
759
|
height: "1em"
|
|
760
|
-
},
|
|
760
|
+
}, sn = /* @__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), dn = [
|
|
764
|
+
sn
|
|
765
765
|
];
|
|
766
|
-
function
|
|
767
|
-
return s(),
|
|
766
|
+
function cn(e, n) {
|
|
767
|
+
return s(), r("svg", on, dn);
|
|
768
768
|
}
|
|
769
|
-
const He = { name: "mi-search", render:
|
|
769
|
+
const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id", "for"], hn = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], fn = { class: "dropdown-container" }, mn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], vn = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], $n = {
|
|
770
770
|
key: 0,
|
|
771
771
|
class: "no-data"
|
|
772
|
-
},
|
|
772
|
+
}, bn = /* @__PURE__ */ D(" Sem dados "), Se = /* @__PURE__ */ O({
|
|
773
773
|
__name: "Dropdown",
|
|
774
774
|
props: {
|
|
775
775
|
id: null,
|
|
@@ -788,27 +788,27 @@ const He = { name: "mi-search", render: dn }, cn = ["data-testid"], rn = ["id",
|
|
|
788
788
|
},
|
|
789
789
|
emits: ["closeDropdown", "search", "update:selected"],
|
|
790
790
|
setup(e, { emit: n }) {
|
|
791
|
-
const t = e,
|
|
791
|
+
const t = e, i = z(), l = 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(
|
|
795
795
|
(v) => typeof v == "string" ? v.includes(a.value) : v.name.includes(a.value)
|
|
796
796
|
);
|
|
797
797
|
}
|
|
798
|
-
), d =
|
|
798
|
+
), d = p(
|
|
799
799
|
() => Array.isArray(t.selected) ? t.selected.join(", ").trim() : t.selected
|
|
800
800
|
);
|
|
801
|
-
Te(
|
|
802
|
-
|
|
801
|
+
Te(i, () => {
|
|
802
|
+
l.value && f();
|
|
803
803
|
});
|
|
804
|
-
function
|
|
805
|
-
t.disabled || (
|
|
804
|
+
function c() {
|
|
805
|
+
t.disabled || (l.value ? f() : h());
|
|
806
806
|
}
|
|
807
807
|
function h() {
|
|
808
|
-
|
|
808
|
+
l.value = !0;
|
|
809
809
|
}
|
|
810
810
|
function f() {
|
|
811
|
-
|
|
811
|
+
he(), n("closeDropdown");
|
|
812
812
|
}
|
|
813
813
|
function B(b) {
|
|
814
814
|
const v = new Set(t.selected);
|
|
@@ -818,33 +818,33 @@ const He = { name: "mi-search", render: dn }, cn = ["data-testid"], rn = ["id",
|
|
|
818
818
|
const v = typeof b == "string" ? b : b.value, C = t.isMultipleSelect ? B(v) : v;
|
|
819
819
|
n("update:selected", C), t.closeOnSelect && !t.isMultipleSelect && f();
|
|
820
820
|
}
|
|
821
|
-
function
|
|
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 I = ie({
|
|
825
825
|
list: void 0,
|
|
826
826
|
search: void 0
|
|
827
|
-
}), M =
|
|
827
|
+
}), M = ie({
|
|
828
828
|
id: "",
|
|
829
829
|
index: 0
|
|
830
830
|
});
|
|
831
|
-
function
|
|
831
|
+
function N({ code: b }) {
|
|
832
832
|
const v = (P) => {
|
|
833
833
|
const F = P != null ? P : M.index;
|
|
834
834
|
P !== void 0 && (M.index = P), setTimeout(() => {
|
|
835
|
-
var g,
|
|
836
|
-
const H = (g =
|
|
837
|
-
M.id = (
|
|
835
|
+
var g, w;
|
|
836
|
+
const H = (g = I.list) == null ? void 0 : g.children[F];
|
|
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 = I == null ? void 0 : I.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 l.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":
|
|
@@ -855,28 +855,28 @@ const He = { name: "mi-search", render: dn }, cn = ["data-testid"], rn = ["id",
|
|
|
855
855
|
!["Enter", "NumpadEnter", "Space"].includes(b) && C();
|
|
856
856
|
}
|
|
857
857
|
}
|
|
858
|
-
function
|
|
859
|
-
|
|
858
|
+
function he() {
|
|
859
|
+
l.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 ne(b, v) {
|
|
865
|
+
I[b] = v != null ? v : void 0;
|
|
866
866
|
}
|
|
867
|
-
return (b, v) => (s(),
|
|
867
|
+
return (b, v) => (s(), r("div", {
|
|
868
868
|
ref_key: "el",
|
|
869
|
-
ref:
|
|
870
|
-
class:
|
|
869
|
+
ref: i,
|
|
870
|
+
class: x(["sol-dropdown-core", { "-smaller": e.smallerWidth }]),
|
|
871
871
|
"data-testid": `dropdown-${e.id}`,
|
|
872
|
-
onKeydownPassive:
|
|
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: x(["label", { "-disabled": e.disabled, "sr-only": e.ariaLabel }]),
|
|
878
878
|
for: `toggle-dropdown-${e.id}`
|
|
879
|
-
},
|
|
879
|
+
}, k(e.label || e.ariaLabel), 11, un)
|
|
880
880
|
]),
|
|
881
881
|
u("button", {
|
|
882
882
|
id: `toggle-dropdown-${e.id}`,
|
|
@@ -884,36 +884,36 @@ const He = { name: "mi-search", render: dn }, cn = ["data-testid"], rn = ["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": l.value,
|
|
888
888
|
"aria-labelledby": `label-dropdown-${e.id}`,
|
|
889
889
|
"aria-label": e.ariaLabel,
|
|
890
890
|
"aria-controls": `dropdown-list-${e.id}`,
|
|
891
|
-
onClick: q(
|
|
891
|
+
onClick: q(c, ["stop"])
|
|
892
892
|
}, [
|
|
893
893
|
m(b.$slots, "toggle-dropdown", {
|
|
894
|
-
toggle: { open: h, close: f, toggleDropdown:
|
|
895
|
-
isOpen:
|
|
894
|
+
toggle: { open: h, close: f, toggleDropdown: c },
|
|
895
|
+
isOpen: l.value,
|
|
896
896
|
select: y,
|
|
897
897
|
selectedSanitized: $(d),
|
|
898
898
|
selected: e.selected
|
|
899
899
|
}, () => [
|
|
900
|
-
|
|
900
|
+
D(k($(d) || "Selecione"), 1)
|
|
901
901
|
])
|
|
902
|
-
], 8,
|
|
902
|
+
], 8, hn),
|
|
903
903
|
L(Me, {
|
|
904
904
|
mode: "out-in",
|
|
905
905
|
name: "dropdown"
|
|
906
906
|
}, {
|
|
907
|
-
default:
|
|
908
|
-
Y(u("div",
|
|
909
|
-
e.searchable ? (s(),
|
|
907
|
+
default: E(() => [
|
|
908
|
+
Y(u("div", fn, [
|
|
909
|
+
e.searchable ? (s(), r("div", {
|
|
910
910
|
key: 0,
|
|
911
|
-
class:
|
|
911
|
+
class: x(["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) => ne("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: dn }, cn = ["data-testid"], rn = ["id",
|
|
|
921
921
|
class: "search",
|
|
922
922
|
"aria-autocomplete": "list",
|
|
923
923
|
placeholder: e.searchPlaceholder,
|
|
924
|
-
"aria-expanded":
|
|
924
|
+
"aria-expanded": l.value,
|
|
925
925
|
"aria-haspopup": "listbox",
|
|
926
926
|
"aria-owns": `dropdown-list-${e.id}`,
|
|
927
927
|
"aria-controls": `dropdown-list-${e.id}`,
|
|
@@ -942,7 +942,7 @@ const He = { name: "mi-search", render: dn }, cn = ["data-testid"], rn = ["id",
|
|
|
942
942
|
], 2)) : T("", !0),
|
|
943
943
|
u("ul", {
|
|
944
944
|
id: `dropdown-list-${e.id}`,
|
|
945
|
-
ref: (C) =>
|
|
945
|
+
ref: (C) => ne("list", C),
|
|
946
946
|
"data-testid": `dropdown-list-${e.id}`,
|
|
947
947
|
role: "listbox",
|
|
948
948
|
tabindex: "-1",
|
|
@@ -950,63 +950,63 @@ const He = { name: "mi-search", render: dn }, cn = ["data-testid"], rn = ["id",
|
|
|
950
950
|
"aria-labelledby": `label-dropdown-${e.id}`,
|
|
951
951
|
class: "dropdown-list-core"
|
|
952
952
|
}, [
|
|
953
|
-
(s(!0),
|
|
953
|
+
(s(!0), r(j, null, Z($(o), (C, P) => (s(), r("li", {
|
|
954
954
|
id: `option-${e.id}-${G(C, "value")}`,
|
|
955
955
|
key: P,
|
|
956
956
|
"data-testid": `option-${e.id}-${G(C, "value")}`,
|
|
957
957
|
role: "option",
|
|
958
958
|
tabindex: "-1",
|
|
959
959
|
class: "dropdown-item",
|
|
960
|
-
style:
|
|
961
|
-
selected:
|
|
962
|
-
"aria-selected":
|
|
960
|
+
style: ae(`--item: ${P + 1}`),
|
|
961
|
+
selected: S(C),
|
|
962
|
+
"aria-selected": S(C),
|
|
963
963
|
onClick: (F) => y(C),
|
|
964
964
|
onKeyup: [
|
|
965
|
-
|
|
966
|
-
|
|
965
|
+
K((F) => y(C), ["enter"]),
|
|
966
|
+
K((F) => y(C), ["space"])
|
|
967
967
|
]
|
|
968
968
|
}, [
|
|
969
969
|
m(b.$slots, "default", {
|
|
970
970
|
text: G(C, "name"),
|
|
971
971
|
option: C,
|
|
972
|
-
isSelect:
|
|
972
|
+
isSelect: S
|
|
973
973
|
}, () => [
|
|
974
|
-
|
|
974
|
+
D(k(G(C, "name")), 1)
|
|
975
975
|
])
|
|
976
|
-
], 44,
|
|
977
|
-
$(o).length ? T("", !0) : (s(),
|
|
976
|
+
], 44, vn))), 128)),
|
|
977
|
+
$(o).length ? T("", !0) : (s(), r("li", $n, [
|
|
978
978
|
m(b.$slots, "no-data", {}, () => [
|
|
979
|
-
|
|
979
|
+
bn
|
|
980
980
|
])
|
|
981
981
|
]))
|
|
982
|
-
], 8,
|
|
982
|
+
], 8, mn)
|
|
983
983
|
], 512), [
|
|
984
|
-
[X,
|
|
984
|
+
[X, l.value]
|
|
985
985
|
])
|
|
986
986
|
]),
|
|
987
987
|
_: 3
|
|
988
988
|
})
|
|
989
|
-
], 42,
|
|
989
|
+
], 42, rn));
|
|
990
990
|
}
|
|
991
991
|
});
|
|
992
992
|
Se.install = (e) => {
|
|
993
993
|
e.component("SolDropdown", Se);
|
|
994
994
|
};
|
|
995
|
-
const
|
|
995
|
+
const yn = {
|
|
996
996
|
preserveAspectRatio: "xMidYMid meet",
|
|
997
997
|
viewBox: "0 0 24 24",
|
|
998
998
|
width: "1em",
|
|
999
999
|
height: "1em"
|
|
1000
|
-
},
|
|
1000
|
+
}, gn = /* @__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), wn = [
|
|
1004
|
+
gn
|
|
1005
1005
|
];
|
|
1006
|
-
function
|
|
1007
|
-
return s(),
|
|
1006
|
+
function xn(e, n) {
|
|
1007
|
+
return s(), r("svg", yn, wn);
|
|
1008
1008
|
}
|
|
1009
|
-
const Fe = { name: "mi-close", render:
|
|
1009
|
+
const Fe = { name: "mi-close", render: xn }, kn = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"], Sn = ["id"], Cn = { class: "label" }, ce = /* @__PURE__ */ O({
|
|
1010
1010
|
__name: "Chip",
|
|
1011
1011
|
props: {
|
|
1012
1012
|
id: null,
|
|
@@ -1018,9 +1018,9 @@ const Fe = { name: "mi-close", render: wn }, xn = ["id", "data-testid", "title",
|
|
|
1018
1018
|
emits: ["close", "update:selected"],
|
|
1019
1019
|
setup(e, { emit: n }) {
|
|
1020
1020
|
const t = e;
|
|
1021
|
-
function
|
|
1021
|
+
function i({ code: l }) {
|
|
1022
1022
|
if (!t.disabled)
|
|
1023
|
-
switch (
|
|
1023
|
+
switch (l) {
|
|
1024
1024
|
case "Enter":
|
|
1025
1025
|
case "NumpadEnter":
|
|
1026
1026
|
case "Space":
|
|
@@ -1032,28 +1032,28 @@ const Fe = { name: "mi-close", render: wn }, xn = ["id", "data-testid", "title",
|
|
|
1032
1032
|
return !1;
|
|
1033
1033
|
}
|
|
1034
1034
|
}
|
|
1035
|
-
return (
|
|
1035
|
+
return (l, a) => (s(), r("div", {
|
|
1036
1036
|
id: `chip-${e.id}`,
|
|
1037
1037
|
"data-testid": `chip-${e.id}`,
|
|
1038
|
-
class:
|
|
1038
|
+
class: x(["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
1043
|
onClick: a[1] || (a[1] = (o) => n("update:selected")),
|
|
1044
|
-
onKeydown: q(
|
|
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
|
-
|
|
1050
|
+
}, "Press Delete or Backspace to remove this Chip", 8, Sn),
|
|
1051
|
+
u("span", Cn, [
|
|
1052
|
+
m(l.$slots, "default", {}, () => [
|
|
1053
|
+
D(k(e.label), 1)
|
|
1054
1054
|
])
|
|
1055
1055
|
]),
|
|
1056
|
-
e.removable ? (s(),
|
|
1056
|
+
e.removable ? (s(), r("i", {
|
|
1057
1057
|
key: 0,
|
|
1058
1058
|
role: "presentation",
|
|
1059
1059
|
"aira-hidden": "true",
|
|
@@ -1062,13 +1062,13 @@ const Fe = { name: "mi-close", render: wn }, xn = ["id", "data-testid", "title",
|
|
|
1062
1062
|
}, [
|
|
1063
1063
|
L($(Fe), { class: "icon" })
|
|
1064
1064
|
])) : T("", !0)
|
|
1065
|
-
], 42,
|
|
1065
|
+
], 42, kn));
|
|
1066
1066
|
}
|
|
1067
1067
|
});
|
|
1068
|
-
const
|
|
1068
|
+
const Bn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], In = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], On = {
|
|
1069
1069
|
key: 0,
|
|
1070
1070
|
class: "no-data"
|
|
1071
|
-
},
|
|
1071
|
+
}, Mn = /* @__PURE__ */ D(" Sem dados "), Tn = /* @__PURE__ */ O({
|
|
1072
1072
|
__name: "ListOption",
|
|
1073
1073
|
props: {
|
|
1074
1074
|
id: null,
|
|
@@ -1078,13 +1078,13 @@ const Cn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], Bn
|
|
|
1078
1078
|
},
|
|
1079
1079
|
emits: ["select"],
|
|
1080
1080
|
setup(e, { expose: n, emit: t }) {
|
|
1081
|
-
const
|
|
1081
|
+
const i = z("");
|
|
1082
1082
|
return n({
|
|
1083
|
-
list:
|
|
1084
|
-
}), (
|
|
1083
|
+
list: i
|
|
1084
|
+
}), (l, a) => (s(), r("ul", {
|
|
1085
1085
|
id: `select-list-${e.id}`,
|
|
1086
1086
|
ref_key: "list",
|
|
1087
|
-
ref:
|
|
1087
|
+
ref: i,
|
|
1088
1088
|
"data-testid": `select-list-${e.id}`,
|
|
1089
1089
|
role: "listbox",
|
|
1090
1090
|
tabindex: "-1",
|
|
@@ -1092,95 +1092,95 @@ const Cn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], Bn
|
|
|
1092
1092
|
"aria-labelledby": `select-label-${e.id}`,
|
|
1093
1093
|
class: "select-list-core"
|
|
1094
1094
|
}, [
|
|
1095
|
-
(s(!0),
|
|
1095
|
+
(s(!0), r(j, null, Z(e.options, (o, d) => (s(), r("li", {
|
|
1096
1096
|
id: `option-${e.id}-${o.value}`,
|
|
1097
1097
|
key: d,
|
|
1098
1098
|
"data-testid": `option-${e.id}-${o.value}`,
|
|
1099
1099
|
role: "option",
|
|
1100
1100
|
tabindex: "-1",
|
|
1101
1101
|
class: "select-option-item",
|
|
1102
|
-
style:
|
|
1102
|
+
style: ae(`--item: ${d + 1}`),
|
|
1103
1103
|
selected: e.isSelected(o),
|
|
1104
1104
|
"aria-selected": e.isSelected(o),
|
|
1105
|
-
onClick: (
|
|
1105
|
+
onClick: (c) => t("select", o),
|
|
1106
1106
|
onKeyup: [
|
|
1107
|
-
|
|
1108
|
-
|
|
1107
|
+
K((c) => t("select", o), ["enter"]),
|
|
1108
|
+
K((c) => t("select", o), ["space"])
|
|
1109
1109
|
]
|
|
1110
1110
|
}, [
|
|
1111
|
-
m(
|
|
1111
|
+
m(l.$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
|
-
|
|
1117
|
+
D(k(o.name), 1)
|
|
1118
1118
|
])
|
|
1119
|
-
], 44,
|
|
1120
|
-
e.options.length ? T("", !0) : (s(),
|
|
1121
|
-
m(
|
|
1122
|
-
|
|
1119
|
+
], 44, In))), 128)),
|
|
1120
|
+
e.options.length ? T("", !0) : (s(), r("li", On, [
|
|
1121
|
+
m(l.$slots, "no-data", {}, () => [
|
|
1122
|
+
Mn
|
|
1123
1123
|
])
|
|
1124
1124
|
]))
|
|
1125
|
-
], 8,
|
|
1125
|
+
], 8, Bn));
|
|
1126
1126
|
}
|
|
1127
1127
|
});
|
|
1128
|
-
const
|
|
1128
|
+
const Ln = {
|
|
1129
1129
|
preserveAspectRatio: "xMidYMid meet",
|
|
1130
1130
|
viewBox: "0 0 24 24",
|
|
1131
1131
|
width: "1em",
|
|
1132
1132
|
height: "1em"
|
|
1133
|
-
},
|
|
1133
|
+
}, Pn = /* @__PURE__ */ u("path", {
|
|
1134
1134
|
fill: "currentColor",
|
|
1135
1135
|
d: "m17 10l-5 6l-5-6h10z"
|
|
1136
|
-
}, null, -1),
|
|
1137
|
-
|
|
1136
|
+
}, null, -1), zn = [
|
|
1137
|
+
Pn
|
|
1138
1138
|
];
|
|
1139
|
-
function
|
|
1140
|
-
return s(),
|
|
1139
|
+
function Vn(e, n) {
|
|
1140
|
+
return s(), r("svg", Ln, zn);
|
|
1141
1141
|
}
|
|
1142
|
-
const
|
|
1142
|
+
const An = { name: "mi-caret-down", render: Vn };
|
|
1143
1143
|
function qe(e, n) {
|
|
1144
|
-
function t({ code:
|
|
1144
|
+
function t({ code: i }) {
|
|
1145
1145
|
var o;
|
|
1146
|
-
const
|
|
1146
|
+
const l = i;
|
|
1147
1147
|
(() => {
|
|
1148
1148
|
if (!(n != null && n.fallback))
|
|
1149
1149
|
return !1;
|
|
1150
|
-
const d = (
|
|
1151
|
-
return n != null && n.exclude ? !e.hasOwnProperty(
|
|
1152
|
-
})() && (n == null || n.fallback()), e.hasOwnProperty(
|
|
1150
|
+
const d = (c) => Array.isArray(c) ? !c.includes(l) : l !== c;
|
|
1151
|
+
return n != null && n.exclude ? !e.hasOwnProperty(l) && d(n.exclude) : !e.hasOwnProperty(l);
|
|
1152
|
+
})() && (n == null || n.fallback()), e.hasOwnProperty(l) && ((o = e[l]) == null || o.call(e));
|
|
1153
1153
|
}
|
|
1154
1154
|
return {
|
|
1155
1155
|
navigate: t
|
|
1156
1156
|
};
|
|
1157
1157
|
}
|
|
1158
|
-
function
|
|
1159
|
-
const t =
|
|
1158
|
+
function Ke({ target: e, query: n }) {
|
|
1159
|
+
const t = ie({
|
|
1160
1160
|
id: "",
|
|
1161
1161
|
index: -1
|
|
1162
1162
|
});
|
|
1163
|
-
function
|
|
1163
|
+
function i(f) {
|
|
1164
1164
|
const B = 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
|
|
1168
|
-
t.id = (M =
|
|
1167
|
+
const S = y.children[B], I = n && S.querySelector(n) ? S.querySelector(n) : S;
|
|
1168
|
+
t.id = (M = S == null ? void 0 : S.id) != null ? M : "", I == null || I.focus();
|
|
1169
1169
|
}, 0);
|
|
1170
1170
|
}
|
|
1171
|
-
function
|
|
1172
|
-
t.index > 0 && (t.index -= 1,
|
|
1171
|
+
function l() {
|
|
1172
|
+
t.index > 0 && (t.index -= 1, i());
|
|
1173
1173
|
}
|
|
1174
1174
|
function a(f) {
|
|
1175
|
-
t.index < f - 1 && (t.index += 1,
|
|
1175
|
+
t.index < f - 1 && (t.index += 1, i());
|
|
1176
1176
|
}
|
|
1177
1177
|
function o() {
|
|
1178
|
-
|
|
1178
|
+
i(0);
|
|
1179
1179
|
}
|
|
1180
1180
|
function d(f) {
|
|
1181
|
-
|
|
1181
|
+
i(f - 1);
|
|
1182
1182
|
}
|
|
1183
|
-
function
|
|
1183
|
+
function c(f) {
|
|
1184
1184
|
return f.id ? f.id === t.id : f.index === t.index;
|
|
1185
1185
|
}
|
|
1186
1186
|
function h() {
|
|
@@ -1188,23 +1188,23 @@ function Ue({ target: e, query: n }) {
|
|
|
1188
1188
|
}
|
|
1189
1189
|
return {
|
|
1190
1190
|
elementFocus: t,
|
|
1191
|
-
isItemFocused:
|
|
1191
|
+
isItemFocused: c,
|
|
1192
1192
|
resetStateFocus: h,
|
|
1193
|
-
focusListItem:
|
|
1194
|
-
focusOnPreviousItem:
|
|
1193
|
+
focusListItem: i,
|
|
1194
|
+
focusOnPreviousItem: l,
|
|
1195
1195
|
focusOnNextItem: a,
|
|
1196
1196
|
focusOnFirstItem: o,
|
|
1197
1197
|
focusOnLastItem: d
|
|
1198
1198
|
};
|
|
1199
1199
|
}
|
|
1200
|
-
const
|
|
1200
|
+
const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], Nn = {
|
|
1201
1201
|
key: 0,
|
|
1202
1202
|
class: "container-tags"
|
|
1203
1203
|
}, Rn = {
|
|
1204
1204
|
key: 1,
|
|
1205
1205
|
class: "mr-micro placeholder-inline",
|
|
1206
1206
|
tabindex: "-1"
|
|
1207
|
-
},
|
|
1207
|
+
}, Hn = { class: "error" }, Fn = { class: "select-options-container" }, Ce = /* @__PURE__ */ O({
|
|
1208
1208
|
__name: "Select",
|
|
1209
1209
|
props: {
|
|
1210
1210
|
id: null,
|
|
@@ -1225,30 +1225,30 @@ const An = ["data-testid"], En = ["id"], pn = ["id", "disabled", "data-testid",
|
|
|
1225
1225
|
},
|
|
1226
1226
|
emits: ["closeDropdown", "search", "update:selected"],
|
|
1227
1227
|
setup(e, { emit: n }) {
|
|
1228
|
-
const t = e,
|
|
1228
|
+
const t = e, i = z(), l = z(!1), a = z(""), o = p(
|
|
1229
1229
|
() => {
|
|
1230
1230
|
var g;
|
|
1231
|
-
return t.fetchOnSearch ? t.options : (g = t.options) == null ? void 0 : g.filter((
|
|
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
|
-
Te(
|
|
1235
|
-
|
|
1234
|
+
Te(i, () => {
|
|
1235
|
+
l.value && h();
|
|
1236
1236
|
});
|
|
1237
1237
|
function d() {
|
|
1238
|
-
t.disabled || (
|
|
1238
|
+
t.disabled || (l.value ? h() : c());
|
|
1239
1239
|
}
|
|
1240
|
-
function
|
|
1241
|
-
|
|
1240
|
+
function c() {
|
|
1241
|
+
l.value = !0;
|
|
1242
1242
|
}
|
|
1243
1243
|
function h() {
|
|
1244
1244
|
P(), n("closeDropdown");
|
|
1245
1245
|
}
|
|
1246
1246
|
function f(g) {
|
|
1247
1247
|
if (Array.isArray(t.selected)) {
|
|
1248
|
-
const
|
|
1248
|
+
const w = t.selected.findIndex(
|
|
1249
1249
|
({ value: V }) => V === g.value
|
|
1250
1250
|
);
|
|
1251
|
-
return
|
|
1251
|
+
return w === -1 ? [...t.selected, g] : t.selected.filter((V, A) => A !== w);
|
|
1252
1252
|
}
|
|
1253
1253
|
return [g];
|
|
1254
1254
|
}
|
|
@@ -1256,27 +1256,27 @@ const An = ["data-testid"], En = ["id"], pn = ["id", "disabled", "data-testid",
|
|
|
1256
1256
|
t.multiple ? n("update:selected", f(g)) : n("update:selected", g), t.closeOnSelect && !t.multiple && h();
|
|
1257
1257
|
}
|
|
1258
1258
|
function y(g) {
|
|
1259
|
-
var
|
|
1260
|
-
return Array.isArray(t.selected) ? t.selected.some(({ value: V }) => V === g.value) : g.value === ((
|
|
1259
|
+
var w;
|
|
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
|
|
1262
|
+
const S = z(), I = z();
|
|
1263
1263
|
function M() {
|
|
1264
1264
|
var g;
|
|
1265
|
-
t.searchable && (v(), (g =
|
|
1265
|
+
t.searchable && (v(), (g = S.value) == null || g.focus());
|
|
1266
1266
|
}
|
|
1267
1267
|
const {
|
|
1268
|
-
elementFocus:
|
|
1269
|
-
focusOnFirstItem:
|
|
1268
|
+
elementFocus: N,
|
|
1269
|
+
focusOnFirstItem: he,
|
|
1270
1270
|
focusOnLastItem: G,
|
|
1271
|
-
focusOnNextItem:
|
|
1271
|
+
focusOnNextItem: ne,
|
|
1272
1272
|
focusOnPreviousItem: b,
|
|
1273
1273
|
resetStateFocus: v
|
|
1274
|
-
} =
|
|
1275
|
-
Home:
|
|
1274
|
+
} = Ke({ target: I }), { navigate: C } = qe({
|
|
1275
|
+
Home: he,
|
|
1276
1276
|
End: () => G(t.options.length),
|
|
1277
1277
|
ArrowUp: b,
|
|
1278
1278
|
ArrowDown: () => {
|
|
1279
|
-
!
|
|
1279
|
+
!l.value && c(), ne(t.options.length);
|
|
1280
1280
|
},
|
|
1281
1281
|
Escape: h
|
|
1282
1282
|
}, {
|
|
@@ -1284,34 +1284,34 @@ const An = ["data-testid"], En = ["id"], pn = ["id", "disabled", "data-testid",
|
|
|
1284
1284
|
exclude: ["Enter", "NumpadEnter", "Space"]
|
|
1285
1285
|
});
|
|
1286
1286
|
function P() {
|
|
1287
|
-
|
|
1287
|
+
l.value = !1, a.value = "", v();
|
|
1288
1288
|
}
|
|
1289
1289
|
function F(g) {
|
|
1290
|
-
return (
|
|
1291
|
-
g === "search" ?
|
|
1290
|
+
return (w) => {
|
|
1291
|
+
g === "search" ? S.value = w == null ? void 0 : w.input : I.value = w == null ? void 0 : w.list;
|
|
1292
1292
|
};
|
|
1293
1293
|
}
|
|
1294
1294
|
function H() {
|
|
1295
|
-
var
|
|
1295
|
+
var w;
|
|
1296
1296
|
const g = t.selected;
|
|
1297
|
-
return (
|
|
1297
|
+
return (w = g == null ? void 0 : g.name) != null ? w : t.placeholder;
|
|
1298
1298
|
}
|
|
1299
|
-
return (g,
|
|
1299
|
+
return (g, w) => (s(), r("div", {
|
|
1300
1300
|
ref_key: "el",
|
|
1301
|
-
ref:
|
|
1302
|
-
class:
|
|
1301
|
+
ref: i,
|
|
1302
|
+
class: x(["sol-select-core", { "-smaller": e.smallerWidth }]),
|
|
1303
1303
|
"data-testid": `select-${e.id}`,
|
|
1304
|
-
onKeydownPassive:
|
|
1304
|
+
onKeydownPassive: w[3] || (w[3] = (...V) => $(C) && $(C)(...V))
|
|
1305
1305
|
}, [
|
|
1306
1306
|
m(g.$slots, "label", {
|
|
1307
1307
|
id: `select-label-${e.id}`,
|
|
1308
1308
|
for: `select-toggle-${e.id}`
|
|
1309
1309
|
}, () => [
|
|
1310
|
-
e.label ? (s(),
|
|
1310
|
+
e.label ? (s(), r("label", {
|
|
1311
1311
|
key: 0,
|
|
1312
1312
|
id: `select-label-${e.id}`,
|
|
1313
|
-
class:
|
|
1314
|
-
},
|
|
1313
|
+
class: x(["label", { "-disabled": e.disabled }])
|
|
1314
|
+
}, k(e.label), 11, pn)) : T("", !0)
|
|
1315
1315
|
]),
|
|
1316
1316
|
u("button", {
|
|
1317
1317
|
id: `select-toggle-${e.id}`,
|
|
@@ -1319,71 +1319,71 @@ const An = ["data-testid"], En = ["id"], pn = ["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": l.value,
|
|
1323
1323
|
"aria-labelledby": `select-label-${e.id}`,
|
|
1324
1324
|
"aria-label": e.ariaLabel,
|
|
1325
1325
|
"aria-controls": `select-list-${e.id}`,
|
|
1326
1326
|
onClick: q(d, ["stop"])
|
|
1327
1327
|
}, [
|
|
1328
1328
|
m(g.$slots, "toggle-dropdown", {
|
|
1329
|
-
toggle: { open:
|
|
1330
|
-
isOpen:
|
|
1329
|
+
toggle: { open: c, close: h, toggleDropdown: d },
|
|
1330
|
+
isOpen: l.value,
|
|
1331
1331
|
select: B,
|
|
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(),
|
|
1337
|
-
(s(!0),
|
|
1338
|
-
id:
|
|
1336
|
+
e.multiple && Array.isArray(e.selected) && ((V = e.selected) == null ? void 0 : V.length) ? (s(), r("div", Nn, [
|
|
1337
|
+
(s(!0), r(j, null, Z(e.selected, (A, fe) => (s(), R(ce, {
|
|
1338
|
+
id: A.value,
|
|
1339
1339
|
key: fe,
|
|
1340
|
-
label:
|
|
1341
|
-
onClick: q((me) => B(
|
|
1342
|
-
onClose: (me) => B(
|
|
1340
|
+
label: A.name,
|
|
1341
|
+
onClick: q((me) => B(A), ["stop"]),
|
|
1342
|
+
onClose: (me) => B(A)
|
|
1343
1343
|
}, null, 8, ["id", "label", "onClick", "onClose"]))), 128))
|
|
1344
|
-
])) : (s(),
|
|
1345
|
-
L($(
|
|
1344
|
+
])) : (s(), r("span", Rn, k(H()), 1)),
|
|
1345
|
+
L($(An), {
|
|
1346
1346
|
"aria-hidden": "true",
|
|
1347
1347
|
tabindex: "-1",
|
|
1348
|
-
class:
|
|
1348
|
+
class: x(["icon", { "-open": l.value }])
|
|
1349
1349
|
}, null, 8, ["class"])
|
|
1350
1350
|
];
|
|
1351
1351
|
})
|
|
1352
|
-
], 8,
|
|
1353
|
-
u("span",
|
|
1352
|
+
], 8, Dn),
|
|
1353
|
+
u("span", Hn, k(e.error), 1),
|
|
1354
1354
|
L(Me, {
|
|
1355
1355
|
mode: "out-in",
|
|
1356
1356
|
name: "dropdown"
|
|
1357
1357
|
}, {
|
|
1358
|
-
default:
|
|
1359
|
-
Y(u("div",
|
|
1358
|
+
default: E(() => [
|
|
1359
|
+
Y(u("div", Fn, [
|
|
1360
1360
|
m(g.$slots, "search", {}, () => [
|
|
1361
|
-
e.searchable ? (s(),
|
|
1361
|
+
e.searchable ? (s(), r("div", {
|
|
1362
1362
|
key: 0,
|
|
1363
|
-
class:
|
|
1363
|
+
class: x(["search-container", { "-loading": e.loading }])
|
|
1364
1364
|
}, [
|
|
1365
1365
|
m(g.$slots, "search", { filter: a.value }, () => [
|
|
1366
1366
|
L(W, {
|
|
1367
1367
|
id: `select-search-${e.id}`,
|
|
1368
1368
|
ref: F("search"),
|
|
1369
1369
|
modelValue: a.value,
|
|
1370
|
-
"onUpdate:modelValue":
|
|
1370
|
+
"onUpdate:modelValue": w[0] || (w[0] = (V) => a.value = V),
|
|
1371
1371
|
"data-testid": `select-search-${e.id}`,
|
|
1372
1372
|
role: "combobox",
|
|
1373
1373
|
class: "search",
|
|
1374
1374
|
"aria-autocomplete": "list",
|
|
1375
1375
|
placeholder: e.searchPlaceholder,
|
|
1376
|
-
"aria-expanded":
|
|
1376
|
+
"aria-expanded": l.value,
|
|
1377
1377
|
"aria-haspopup": "listbox",
|
|
1378
1378
|
"aria-owns": `select-list-${e.id}`,
|
|
1379
1379
|
"aria-controls": `select-list-${e.id}`,
|
|
1380
|
-
"aria-activedescendant": $(
|
|
1380
|
+
"aria-activedescendant": $(N).id,
|
|
1381
1381
|
"aria-labelledby": `select-label-${e.id}`,
|
|
1382
|
-
onClick:
|
|
1382
|
+
onClick: w[1] || (w[1] = q(() => {
|
|
1383
1383
|
}, ["stop"])),
|
|
1384
|
-
onInput:
|
|
1385
|
-
var
|
|
1386
|
-
return n("search", (
|
|
1384
|
+
onInput: w[2] || (w[2] = (V) => {
|
|
1385
|
+
var A;
|
|
1386
|
+
return n("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,7 +1392,7 @@ const An = ["data-testid"], En = ["id"], pn = ["id", "disabled", "data-testid",
|
|
|
1392
1392
|
})
|
|
1393
1393
|
])
|
|
1394
1394
|
], 2)) : T("", !0),
|
|
1395
|
-
L(
|
|
1395
|
+
L(Tn, {
|
|
1396
1396
|
id: e.id,
|
|
1397
1397
|
ref: F("list"),
|
|
1398
1398
|
options: $(o),
|
|
@@ -1400,62 +1400,62 @@ const An = ["data-testid"], En = ["id"], pn = ["id", "disabled", "data-testid",
|
|
|
1400
1400
|
"is-selected": y,
|
|
1401
1401
|
onSelect: B
|
|
1402
1402
|
}, {
|
|
1403
|
-
"item-list":
|
|
1403
|
+
"item-list": E(({ text: V, value: A, option: fe, isSelected: me }) => [
|
|
1404
1404
|
m(g.$slots, "default", {
|
|
1405
1405
|
text: V,
|
|
1406
|
-
value:
|
|
1406
|
+
value: A,
|
|
1407
1407
|
option: fe,
|
|
1408
1408
|
isSelected: me
|
|
1409
1409
|
})
|
|
1410
1410
|
]),
|
|
1411
|
-
"no-data":
|
|
1411
|
+
"no-data": E(() => [
|
|
1412
1412
|
m(g.$slots, "no-data")
|
|
1413
1413
|
]),
|
|
1414
1414
|
_: 3
|
|
1415
1415
|
}, 8, ["id", "options", "multiple"])
|
|
1416
1416
|
])
|
|
1417
1417
|
], 512), [
|
|
1418
|
-
[X,
|
|
1418
|
+
[X, l.value]
|
|
1419
1419
|
])
|
|
1420
1420
|
]),
|
|
1421
1421
|
_: 3
|
|
1422
1422
|
})
|
|
1423
|
-
], 42,
|
|
1423
|
+
], 42, En));
|
|
1424
1424
|
}
|
|
1425
1425
|
});
|
|
1426
1426
|
Ce.install = (e) => {
|
|
1427
1427
|
e.component("SolSelect", Ce);
|
|
1428
1428
|
};
|
|
1429
|
-
|
|
1430
|
-
e.component("SolChip",
|
|
1429
|
+
ce.install = (e) => {
|
|
1430
|
+
e.component("SolChip", ce);
|
|
1431
1431
|
};
|
|
1432
|
-
const
|
|
1432
|
+
const qn = {
|
|
1433
1433
|
preserveAspectRatio: "xMidYMid meet",
|
|
1434
1434
|
viewBox: "0 0 24 24",
|
|
1435
1435
|
width: "1em",
|
|
1436
1436
|
height: "1em"
|
|
1437
|
-
},
|
|
1437
|
+
}, Kn = /* @__PURE__ */ u("path", {
|
|
1438
1438
|
fill: "currentColor",
|
|
1439
|
-
d: "
|
|
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
1440
|
}, null, -1), Un = [
|
|
1441
|
-
|
|
1441
|
+
Kn
|
|
1442
1442
|
];
|
|
1443
|
-
function
|
|
1444
|
-
return s(),
|
|
1443
|
+
function Gn(e, n) {
|
|
1444
|
+
return s(), r("svg", qn, Un);
|
|
1445
1445
|
}
|
|
1446
|
-
const
|
|
1446
|
+
const Ue = { name: "material-symbols-keyboard-arrow-down-rounded", render: Gn }, Qn = ["id", "data-testid", "aria-disabled"], Yn = ["data-testid", "tabindex"], Wn = { class: "container-title" }, jn = { class: "icon" }, Zn = ["data-testid"], Be = /* @__PURE__ */ O({
|
|
1447
1447
|
__name: "Accordion",
|
|
1448
1448
|
props: {
|
|
1449
1449
|
id: null,
|
|
1450
1450
|
title: { default: "Title" },
|
|
1451
|
-
|
|
1451
|
+
onColor: { type: Boolean },
|
|
1452
1452
|
disabled: { type: Boolean }
|
|
1453
1453
|
},
|
|
1454
1454
|
setup(e) {
|
|
1455
|
-
return (n, t) => (s(),
|
|
1455
|
+
return (n, t) => (s(), r("details", {
|
|
1456
1456
|
id: `accordion-${e.id}`,
|
|
1457
1457
|
"data-testid": `accordion-${e.id}`,
|
|
1458
|
-
class:
|
|
1458
|
+
class: x(["sol-accordion-core", { "-on-color": e.onColor, "-disabled": e.disabled }]),
|
|
1459
1459
|
"aria-disabled": e.disabled
|
|
1460
1460
|
}, [
|
|
1461
1461
|
u("summary", {
|
|
@@ -1463,73 +1463,76 @@ const Gn = { name: "mi-chevron-up", render: Kn }, Qn = ["id", "data-testid", "ar
|
|
|
1463
1463
|
class: "summary",
|
|
1464
1464
|
tabindex: e.disabled ? -1 : 0
|
|
1465
1465
|
}, [
|
|
1466
|
-
|
|
1467
|
-
|
|
1466
|
+
u("div", Wn, [
|
|
1467
|
+
u("span", jn, [
|
|
1468
|
+
m(n.$slots, "icon")
|
|
1469
|
+
]),
|
|
1470
|
+
m(n.$slots, "title", {}, () => [
|
|
1471
|
+
D(k(e.title), 1)
|
|
1472
|
+
])
|
|
1468
1473
|
]),
|
|
1469
|
-
L($(
|
|
1474
|
+
L($(Ue), {
|
|
1470
1475
|
class: "icon",
|
|
1471
1476
|
"aria-hidden": "true"
|
|
1472
1477
|
})
|
|
1473
1478
|
], 8, Yn),
|
|
1474
1479
|
u("div", {
|
|
1475
1480
|
"data-testid": `accordion-content-${e.id}`,
|
|
1476
|
-
class: "
|
|
1481
|
+
class: "accordion-content"
|
|
1477
1482
|
}, [
|
|
1478
1483
|
m(n.$slots, "default")
|
|
1479
|
-
], 8,
|
|
1484
|
+
], 8, Zn)
|
|
1480
1485
|
], 10, Qn));
|
|
1481
1486
|
}
|
|
1482
1487
|
});
|
|
1483
1488
|
Be.install = (e) => {
|
|
1484
1489
|
e.component("SolAccordion", Be);
|
|
1485
1490
|
};
|
|
1486
|
-
const
|
|
1491
|
+
const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "data-testid", "aria-labelledby"], re = /* @__PURE__ */ O({
|
|
1487
1492
|
__name: "Menu",
|
|
1488
1493
|
props: {
|
|
1489
1494
|
id: null,
|
|
1490
1495
|
label: { default: "Teste" },
|
|
1491
1496
|
position: { default: "bottom" }
|
|
1492
1497
|
},
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
y();
|
|
1498
|
+
setup(e) {
|
|
1499
|
+
const n = z();
|
|
1500
|
+
Te(n, () => {
|
|
1501
|
+
B();
|
|
1498
1502
|
});
|
|
1499
|
-
const
|
|
1503
|
+
const t = z(!1), i = z(), l = p(
|
|
1500
1504
|
() => i.value ? i.value.childElementCount : 0
|
|
1501
1505
|
), {
|
|
1502
|
-
resetStateFocus:
|
|
1503
|
-
focusOnPreviousItem:
|
|
1504
|
-
focusOnNextItem:
|
|
1505
|
-
focusOnFirstItem:
|
|
1506
|
-
focusOnLastItem:
|
|
1507
|
-
} =
|
|
1508
|
-
Home:
|
|
1509
|
-
End: () =>
|
|
1510
|
-
ArrowUp:
|
|
1506
|
+
resetStateFocus: a,
|
|
1507
|
+
focusOnPreviousItem: o,
|
|
1508
|
+
focusOnNextItem: d,
|
|
1509
|
+
focusOnFirstItem: c,
|
|
1510
|
+
focusOnLastItem: h
|
|
1511
|
+
} = Ke({ target: i, query: '[role="menuitem"]' }), { navigate: f } = qe({
|
|
1512
|
+
Home: c,
|
|
1513
|
+
End: () => h(l.value),
|
|
1514
|
+
ArrowUp: o,
|
|
1511
1515
|
ArrowDown: () => {
|
|
1512
|
-
!
|
|
1516
|
+
!t.value && y(), d(l.value);
|
|
1513
1517
|
},
|
|
1514
|
-
Escape:
|
|
1518
|
+
Escape: B
|
|
1515
1519
|
});
|
|
1516
|
-
function
|
|
1517
|
-
|
|
1520
|
+
function B() {
|
|
1521
|
+
t.value = !1, a();
|
|
1518
1522
|
}
|
|
1519
|
-
function
|
|
1520
|
-
|
|
1523
|
+
function y() {
|
|
1524
|
+
t.value = !0;
|
|
1521
1525
|
}
|
|
1522
|
-
function
|
|
1523
|
-
|
|
1526
|
+
function S() {
|
|
1527
|
+
t.value ? B() : y();
|
|
1524
1528
|
}
|
|
1525
|
-
return (
|
|
1529
|
+
return (I, M) => (s(), r("div", {
|
|
1526
1530
|
id: `menu-${e.id}`,
|
|
1527
1531
|
ref_key: "el",
|
|
1528
|
-
ref:
|
|
1532
|
+
ref: n,
|
|
1529
1533
|
"data-testid": `menu-${e.id}`,
|
|
1530
|
-
class:
|
|
1531
|
-
onKeyupPassive:
|
|
1532
|
-
onFocusin: A[1] || (A[1] = (K) => n("change", "teste"))
|
|
1534
|
+
class: x([`-${e.position}`, "sol-menu-core"]),
|
|
1535
|
+
onKeyupPassive: M[0] || (M[0] = (...N) => $(f) && $(f)(...N))
|
|
1533
1536
|
}, [
|
|
1534
1537
|
u("button", {
|
|
1535
1538
|
id: `menu-button-${e.id}`,
|
|
@@ -1537,13 +1540,13 @@ const jn = ["id", "data-testid"], Zn = ["id", "aria-expanded"], Jn = ["id", "dat
|
|
|
1537
1540
|
role: "menuitem",
|
|
1538
1541
|
class: "toggle-menu",
|
|
1539
1542
|
"aria-haspopup": "true",
|
|
1540
|
-
"aria-expanded":
|
|
1541
|
-
onClick:
|
|
1543
|
+
"aria-expanded": t.value,
|
|
1544
|
+
onClick: S
|
|
1542
1545
|
}, [
|
|
1543
|
-
m(
|
|
1544
|
-
|
|
1546
|
+
m(I.$slots, "label", { isOpen: t.value }, () => [
|
|
1547
|
+
D(k(e.label), 1)
|
|
1545
1548
|
])
|
|
1546
|
-
], 8,
|
|
1549
|
+
], 8, Xn),
|
|
1547
1550
|
Y(u("menu", {
|
|
1548
1551
|
id: `menu-container-${e.id}`,
|
|
1549
1552
|
ref_key: "menu",
|
|
@@ -1551,19 +1554,19 @@ const jn = ["id", "data-testid"], Zn = ["id", "aria-expanded"], Jn = ["id", "dat
|
|
|
1551
1554
|
"data-testid": `menu-container-${e.id}`,
|
|
1552
1555
|
role: "menu",
|
|
1553
1556
|
"aria-labelledby": `menu-button-${e.id}`,
|
|
1554
|
-
class:
|
|
1557
|
+
class: x(["menu", { "-open": t.value }])
|
|
1555
1558
|
}, [
|
|
1556
|
-
m(
|
|
1557
|
-
], 10,
|
|
1558
|
-
[X,
|
|
1559
|
+
m(I.$slots, "default", { close: B })
|
|
1560
|
+
], 10, _n), [
|
|
1561
|
+
[X, t.value]
|
|
1559
1562
|
])
|
|
1560
|
-
], 42,
|
|
1563
|
+
], 42, Jn));
|
|
1561
1564
|
}
|
|
1562
1565
|
});
|
|
1563
|
-
|
|
1564
|
-
e.component("SolMenu",
|
|
1566
|
+
re.install = (e) => {
|
|
1567
|
+
e.component("SolMenu", re);
|
|
1565
1568
|
};
|
|
1566
|
-
const
|
|
1569
|
+
const el = ["id"], tl = ["href", "target"], ue = /* @__PURE__ */ O({
|
|
1567
1570
|
__name: "MenuItemLink",
|
|
1568
1571
|
props: {
|
|
1569
1572
|
id: null,
|
|
@@ -1572,14 +1575,20 @@ const Xn = ["id"], _n = ["href", "target"], he = /* @__PURE__ */ I({
|
|
|
1572
1575
|
active: null,
|
|
1573
1576
|
external: null
|
|
1574
1577
|
},
|
|
1575
|
-
|
|
1576
|
-
|
|
1578
|
+
emits: ["clicked"],
|
|
1579
|
+
setup(e, { emit: n }) {
|
|
1580
|
+
return (t, i) => (s(), r("li", {
|
|
1577
1581
|
id: `menu-item-link-${e.id}`,
|
|
1578
1582
|
class: "sol-menuitem-link-core",
|
|
1579
1583
|
tabindex: "-1",
|
|
1580
|
-
role: "none"
|
|
1584
|
+
role: "none",
|
|
1585
|
+
onClick: i[0] || (i[0] = (l) => n("clicked")),
|
|
1586
|
+
onKeyup: [
|
|
1587
|
+
i[1] || (i[1] = K((l) => n("clicked"), ["enter"])),
|
|
1588
|
+
i[2] || (i[2] = K((l) => n("clicked"), ["space"]))
|
|
1589
|
+
]
|
|
1581
1590
|
}, [
|
|
1582
|
-
m(
|
|
1591
|
+
m(t.$slots, "default", {
|
|
1583
1592
|
id: e.id,
|
|
1584
1593
|
active: e.active,
|
|
1585
1594
|
link: e.link,
|
|
@@ -1588,32 +1597,18 @@ const Xn = ["id"], _n = ["href", "target"], he = /* @__PURE__ */ I({
|
|
|
1588
1597
|
}, () => [
|
|
1589
1598
|
u("a", {
|
|
1590
1599
|
role: "menuitem",
|
|
1591
|
-
class:
|
|
1600
|
+
class: x({ "-active": e.active }),
|
|
1592
1601
|
href: e.link,
|
|
1593
1602
|
target: e.external ? "_blank" : "_parent"
|
|
1594
|
-
},
|
|
1603
|
+
}, k(e.text), 11, tl)
|
|
1595
1604
|
])
|
|
1596
|
-
],
|
|
1605
|
+
], 40, el));
|
|
1597
1606
|
}
|
|
1598
1607
|
});
|
|
1599
|
-
|
|
1600
|
-
e.component("SolMenuItemLink",
|
|
1608
|
+
ue.install = (e) => {
|
|
1609
|
+
e.component("SolMenuItemLink", ue);
|
|
1601
1610
|
};
|
|
1602
|
-
const
|
|
1603
|
-
preserveAspectRatio: "xMidYMid meet",
|
|
1604
|
-
viewBox: "0 0 24 24",
|
|
1605
|
-
width: "1em",
|
|
1606
|
-
height: "1em"
|
|
1607
|
-
}, tl = /* @__PURE__ */ u("path", {
|
|
1608
|
-
fill: "currentColor",
|
|
1609
|
-
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"
|
|
1610
|
-
}, null, -1), nl = [
|
|
1611
|
-
tl
|
|
1612
|
-
];
|
|
1613
|
-
function ll(e, n) {
|
|
1614
|
-
return s(), c("svg", el, nl);
|
|
1615
|
-
}
|
|
1616
|
-
const il = { name: "material-symbols-keyboard-arrow-down-rounded", render: ll }, al = { class: "label-container" }, ol = { class: "label" }, Ie = /* @__PURE__ */ I({
|
|
1611
|
+
const nl = { class: "label-container" }, ll = { class: "label" }, Ie = /* @__PURE__ */ O({
|
|
1617
1612
|
__name: "MenuNavigationLinks",
|
|
1618
1613
|
props: {
|
|
1619
1614
|
id: null,
|
|
@@ -1621,31 +1616,32 @@ const il = { name: "material-symbols-keyboard-arrow-down-rounded", render: ll },
|
|
|
1621
1616
|
linkItems: null
|
|
1622
1617
|
},
|
|
1623
1618
|
setup(e) {
|
|
1624
|
-
return (n, t) => (s(),
|
|
1619
|
+
return (n, t) => (s(), R(re, {
|
|
1625
1620
|
id: `navigation-${e.id}`,
|
|
1626
1621
|
class: "sol-menu-navigation-links-core"
|
|
1627
1622
|
}, {
|
|
1628
|
-
label:
|
|
1629
|
-
m(n.$slots, "label", { isOpen:
|
|
1630
|
-
u("div",
|
|
1631
|
-
u("span",
|
|
1632
|
-
L($(
|
|
1633
|
-
class:
|
|
1623
|
+
label: E(({ isOpen: i }) => [
|
|
1624
|
+
m(n.$slots, "label", { isOpen: i }, () => [
|
|
1625
|
+
u("div", nl, [
|
|
1626
|
+
u("span", ll, k(e.label), 1),
|
|
1627
|
+
L($(Ue), {
|
|
1628
|
+
class: x(["icon", { "-opened": i }]),
|
|
1634
1629
|
"aria-hidden": "true"
|
|
1635
1630
|
}, null, 8, ["class"])
|
|
1636
1631
|
])
|
|
1637
1632
|
])
|
|
1638
1633
|
]),
|
|
1639
|
-
default:
|
|
1640
|
-
(s(!0),
|
|
1634
|
+
default: E(({ close: i }) => [
|
|
1635
|
+
(s(!0), r(j, null, Z(e.linkItems, (l, a) => (s(), R(ue, {
|
|
1641
1636
|
id: `${e.id}-${l.text}`,
|
|
1642
|
-
key:
|
|
1637
|
+
key: a,
|
|
1643
1638
|
text: l.text,
|
|
1644
1639
|
link: l.link,
|
|
1645
1640
|
external: l.external,
|
|
1646
|
-
active: l.active
|
|
1641
|
+
active: l.active,
|
|
1642
|
+
onClicked: i
|
|
1647
1643
|
}, {
|
|
1648
|
-
default:
|
|
1644
|
+
default: E(() => [
|
|
1649
1645
|
m(n.$slots, "default", {
|
|
1650
1646
|
id: e.id,
|
|
1651
1647
|
active: l.active,
|
|
@@ -1655,7 +1651,7 @@ const il = { name: "material-symbols-keyboard-arrow-down-rounded", render: ll },
|
|
|
1655
1651
|
})
|
|
1656
1652
|
]),
|
|
1657
1653
|
_: 2
|
|
1658
|
-
}, 1032, ["id", "text", "link", "external", "active"]))), 128))
|
|
1654
|
+
}, 1032, ["id", "text", "link", "external", "active", "onClicked"]))), 128))
|
|
1659
1655
|
]),
|
|
1660
1656
|
_: 3
|
|
1661
1657
|
}, 8, ["id"]));
|
|
@@ -1664,7 +1660,7 @@ const il = { name: "material-symbols-keyboard-arrow-down-rounded", render: ll },
|
|
|
1664
1660
|
Ie.install = (e) => {
|
|
1665
1661
|
e.component("SolMenuNavigationLinks", Ie);
|
|
1666
1662
|
};
|
|
1667
|
-
const
|
|
1663
|
+
const Ge = 12, Q = {
|
|
1668
1664
|
type: "success",
|
|
1669
1665
|
timeout: 5e3,
|
|
1670
1666
|
showIcon: !0,
|
|
@@ -1672,59 +1668,59 @@ const Ke = 12, Q = {
|
|
|
1672
1668
|
position: "top-right",
|
|
1673
1669
|
hideProgressBar: !1
|
|
1674
1670
|
};
|
|
1675
|
-
function
|
|
1676
|
-
const t =
|
|
1671
|
+
function il(e, n) {
|
|
1672
|
+
const t = ie({
|
|
1677
1673
|
id: null,
|
|
1678
1674
|
intervalId: null,
|
|
1679
1675
|
startTime: 0,
|
|
1680
1676
|
remaining: n
|
|
1681
|
-
}),
|
|
1682
|
-
function
|
|
1677
|
+
}), i = z(100);
|
|
1678
|
+
function l() {
|
|
1683
1679
|
clearInterval(t.intervalId), clearTimeout(t.id), t.remaining -= Date.now() - t.startTime;
|
|
1684
1680
|
}
|
|
1685
1681
|
function a() {
|
|
1686
1682
|
t.startTime = Date.now(), clearTimeout(t.id), t.intervalId = setInterval(() => {
|
|
1687
|
-
|
|
1683
|
+
i.value--;
|
|
1688
1684
|
}, n / 100 - 5), t.id = setTimeout(e, t.remaining);
|
|
1689
1685
|
}
|
|
1690
1686
|
function o() {
|
|
1691
|
-
clearInterval(t.intervalId), clearTimeout(t.id),
|
|
1687
|
+
clearInterval(t.intervalId), clearTimeout(t.id), i.value = 100;
|
|
1692
1688
|
}
|
|
1693
1689
|
return pe(() => {
|
|
1694
1690
|
if (n <= 0)
|
|
1695
1691
|
return !1;
|
|
1696
|
-
}),
|
|
1692
|
+
}), Xe(() => {
|
|
1697
1693
|
o();
|
|
1698
1694
|
}), {
|
|
1699
1695
|
start: a,
|
|
1700
|
-
stop:
|
|
1696
|
+
stop: l,
|
|
1701
1697
|
clear: o,
|
|
1702
|
-
progress:
|
|
1698
|
+
progress: i
|
|
1703
1699
|
};
|
|
1704
1700
|
}
|
|
1705
|
-
function
|
|
1701
|
+
function al(e) {
|
|
1706
1702
|
return {
|
|
1707
|
-
stylePosition:
|
|
1708
|
-
const { position: t, offset:
|
|
1703
|
+
stylePosition: p(() => {
|
|
1704
|
+
const { position: t, offset: i } = e();
|
|
1709
1705
|
switch (t) {
|
|
1710
1706
|
case "top-left":
|
|
1711
1707
|
return {
|
|
1712
1708
|
left: "0",
|
|
1713
|
-
top: `${
|
|
1709
|
+
top: `${i}px`
|
|
1714
1710
|
};
|
|
1715
1711
|
case "bottom-left":
|
|
1716
1712
|
return {
|
|
1717
1713
|
left: "0",
|
|
1718
|
-
bottom: `${
|
|
1714
|
+
bottom: `${i}px`
|
|
1719
1715
|
};
|
|
1720
1716
|
case "bottom-right":
|
|
1721
1717
|
return {
|
|
1722
1718
|
right: "0",
|
|
1723
|
-
bottom: `${
|
|
1719
|
+
bottom: `${i}px`
|
|
1724
1720
|
};
|
|
1725
1721
|
case "top-center":
|
|
1726
1722
|
return {
|
|
1727
|
-
top: `${
|
|
1723
|
+
top: `${i}px`,
|
|
1728
1724
|
left: "0",
|
|
1729
1725
|
right: "0",
|
|
1730
1726
|
marginRight: "auto",
|
|
@@ -1732,7 +1728,7 @@ function dl(e) {
|
|
|
1732
1728
|
};
|
|
1733
1729
|
case "bottom-center":
|
|
1734
1730
|
return {
|
|
1735
|
-
bottom: `${
|
|
1731
|
+
bottom: `${i}px`,
|
|
1736
1732
|
left: "0",
|
|
1737
1733
|
right: "0",
|
|
1738
1734
|
marginRight: "auto",
|
|
@@ -1741,63 +1737,63 @@ function dl(e) {
|
|
|
1741
1737
|
default:
|
|
1742
1738
|
return {
|
|
1743
1739
|
right: "0",
|
|
1744
|
-
top: `${
|
|
1740
|
+
top: `${i}px`
|
|
1745
1741
|
};
|
|
1746
1742
|
}
|
|
1747
1743
|
})
|
|
1748
1744
|
};
|
|
1749
1745
|
}
|
|
1750
|
-
var
|
|
1751
|
-
const
|
|
1746
|
+
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 ol = {
|
|
1752
1748
|
preserveAspectRatio: "xMidYMid meet",
|
|
1753
1749
|
viewBox: "0 0 24 24",
|
|
1754
1750
|
width: "1em",
|
|
1755
1751
|
height: "1em"
|
|
1756
|
-
},
|
|
1752
|
+
}, sl = /* @__PURE__ */ u("path", {
|
|
1757
1753
|
fill: "currentColor",
|
|
1758
1754
|
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"
|
|
1759
|
-
}, null, -1),
|
|
1760
|
-
|
|
1755
|
+
}, null, -1), dl = [
|
|
1756
|
+
sl
|
|
1761
1757
|
];
|
|
1762
|
-
function
|
|
1763
|
-
return s(),
|
|
1758
|
+
function cl(e, n) {
|
|
1759
|
+
return s(), r("svg", ol, dl);
|
|
1764
1760
|
}
|
|
1765
|
-
const
|
|
1761
|
+
const rl = { name: "mi-circle-check", render: cl }, ul = {
|
|
1766
1762
|
preserveAspectRatio: "xMidYMid meet",
|
|
1767
1763
|
viewBox: "0 0 24 24",
|
|
1768
1764
|
width: "1em",
|
|
1769
1765
|
height: "1em"
|
|
1770
|
-
},
|
|
1766
|
+
}, hl = /* @__PURE__ */ u("path", {
|
|
1771
1767
|
fill: "currentColor",
|
|
1772
1768
|
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"
|
|
1773
|
-
}, null, -1),
|
|
1774
|
-
|
|
1769
|
+
}, null, -1), fl = [
|
|
1770
|
+
hl
|
|
1775
1771
|
];
|
|
1776
|
-
function
|
|
1777
|
-
return s(),
|
|
1772
|
+
function ml(e, n) {
|
|
1773
|
+
return s(), r("svg", ul, fl);
|
|
1778
1774
|
}
|
|
1779
|
-
const
|
|
1775
|
+
const vl = { name: "mi-circle-error", render: ml }, $l = {
|
|
1780
1776
|
preserveAspectRatio: "xMidYMid meet",
|
|
1781
1777
|
viewBox: "0 0 24 24",
|
|
1782
1778
|
width: "1em",
|
|
1783
1779
|
height: "1em"
|
|
1784
|
-
},
|
|
1780
|
+
}, bl = /* @__PURE__ */ u("g", { fill: "currentColor" }, [
|
|
1785
1781
|
/* @__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" }),
|
|
1786
1782
|
/* @__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" })
|
|
1787
|
-
], -1),
|
|
1788
|
-
|
|
1783
|
+
], -1), yl = [
|
|
1784
|
+
bl
|
|
1789
1785
|
];
|
|
1790
|
-
function
|
|
1791
|
-
return s(),
|
|
1786
|
+
function gl(e, n) {
|
|
1787
|
+
return s(), r("svg", $l, yl);
|
|
1792
1788
|
}
|
|
1793
|
-
const
|
|
1789
|
+
const wl = { name: "mi-circle-warning", render: gl }, xl = ["id", "data-testid"], kl = { class: "content-wrapper" }, Sl = {
|
|
1794
1790
|
key: 0,
|
|
1795
1791
|
class: "icon-container",
|
|
1796
1792
|
"aria-hidden": "true"
|
|
1797
|
-
},
|
|
1793
|
+
}, Cl = { class: "content" }, Bl = {
|
|
1798
1794
|
key: 0,
|
|
1799
1795
|
class: "description"
|
|
1800
|
-
},
|
|
1796
|
+
}, Il = ["data-testid"], Ol = /* @__PURE__ */ O({
|
|
1801
1797
|
__name: "Toast",
|
|
1802
1798
|
props: {
|
|
1803
1799
|
id: null,
|
|
@@ -1814,96 +1810,96 @@ const Sl = { name: "mi-circle-warning", render: kl }, Cl = ["id", "data-testid"]
|
|
|
1814
1810
|
position: { default: Q.position }
|
|
1815
1811
|
},
|
|
1816
1812
|
setup(e) {
|
|
1817
|
-
const n = e, { start: t, stop:
|
|
1813
|
+
const n = e, { start: t, stop: i, progress: l } = il(() => {
|
|
1818
1814
|
var h;
|
|
1819
1815
|
(h = n.onCloseHandler) == null || h.call(n);
|
|
1820
|
-
}, n.timeout), { stylePosition: a } =
|
|
1816
|
+
}, n.timeout), { stylePosition: a } = al(() => ({
|
|
1821
1817
|
offset: n.offset,
|
|
1822
1818
|
position: n.position
|
|
1823
|
-
})), o =
|
|
1819
|
+
})), o = p(() => n.title && n.description);
|
|
1824
1820
|
function d() {
|
|
1825
|
-
n.timeout > 0 &&
|
|
1821
|
+
n.timeout > 0 && i();
|
|
1826
1822
|
}
|
|
1827
|
-
function
|
|
1823
|
+
function c() {
|
|
1828
1824
|
t();
|
|
1829
1825
|
}
|
|
1830
1826
|
return pe(() => {
|
|
1831
1827
|
t();
|
|
1832
|
-
}), (h, f) => (s(),
|
|
1833
|
-
name: $(
|
|
1828
|
+
}), (h, f) => (s(), R(Me, {
|
|
1829
|
+
name: $(Qe)[e.position],
|
|
1834
1830
|
type: "animation"
|
|
1835
1831
|
}, {
|
|
1836
|
-
default:
|
|
1837
|
-
e.visible ? (s(),
|
|
1832
|
+
default: E(() => [
|
|
1833
|
+
e.visible ? (s(), r("div", {
|
|
1838
1834
|
key: 0,
|
|
1839
1835
|
id: `toast-${e.type}-${e.id}`,
|
|
1840
1836
|
role: "status",
|
|
1841
1837
|
"data-testid": `toast-${e.type}-${e.id}`,
|
|
1842
|
-
style:
|
|
1843
|
-
class:
|
|
1844
|
-
onKeyup: f[1] || (f[1] =
|
|
1838
|
+
style: ae($(a)),
|
|
1839
|
+
class: x(["sol-toast-core", [`-${e.type}`, { "-multiline": $(o) }]]),
|
|
1840
|
+
onKeyup: f[1] || (f[1] = K(
|
|
1845
1841
|
(...B) => e.onCloseHandler && e.onCloseHandler(...B),
|
|
1846
1842
|
["esc"]
|
|
1847
1843
|
)),
|
|
1848
1844
|
onMouseenter: d,
|
|
1849
|
-
onMouseleave:
|
|
1845
|
+
onMouseleave: c,
|
|
1850
1846
|
onFocusin: d,
|
|
1851
|
-
onFocusout:
|
|
1847
|
+
onFocusout: c
|
|
1852
1848
|
}, [
|
|
1853
|
-
u("section",
|
|
1854
|
-
e.showIcon ? (s(),
|
|
1849
|
+
u("section", kl, [
|
|
1850
|
+
e.showIcon ? (s(), r("div", Sl, [
|
|
1855
1851
|
m(h.$slots, "icon-status", { type: e.type }, () => [
|
|
1856
|
-
e.type === "success" ? (s(),
|
|
1852
|
+
e.type === "success" ? (s(), R($(rl), {
|
|
1857
1853
|
key: 0,
|
|
1858
1854
|
class: "icon"
|
|
1859
1855
|
})) : T("", !0),
|
|
1860
|
-
e.type === "info" ? (s(),
|
|
1856
|
+
e.type === "info" ? (s(), R($(wl), {
|
|
1861
1857
|
key: 1,
|
|
1862
1858
|
class: "icon"
|
|
1863
1859
|
})) : T("", !0),
|
|
1864
|
-
e.type === "danger" ? (s(),
|
|
1860
|
+
e.type === "danger" ? (s(), R($(vl), {
|
|
1865
1861
|
key: 2,
|
|
1866
1862
|
class: "icon"
|
|
1867
1863
|
})) : T("", !0)
|
|
1868
1864
|
])
|
|
1869
1865
|
])) : T("", !0),
|
|
1870
|
-
u("div",
|
|
1866
|
+
u("div", Cl, [
|
|
1871
1867
|
u("p", {
|
|
1872
|
-
class:
|
|
1868
|
+
class: x(["title", { "-multiline": $(o) }])
|
|
1873
1869
|
}, [
|
|
1874
1870
|
m(h.$slots, "title", {}, () => [
|
|
1875
|
-
|
|
1871
|
+
D(k(e.title), 1)
|
|
1876
1872
|
])
|
|
1877
1873
|
], 2),
|
|
1878
|
-
e.description ? (s(),
|
|
1874
|
+
e.description ? (s(), r("p", Bl, [
|
|
1879
1875
|
m(h.$slots, "description", {}, () => [
|
|
1880
|
-
|
|
1876
|
+
D(k(e.description), 1)
|
|
1881
1877
|
])
|
|
1882
1878
|
])) : T("", !0)
|
|
1883
1879
|
])
|
|
1884
1880
|
]),
|
|
1885
1881
|
u("button", {
|
|
1886
1882
|
type: "button",
|
|
1887
|
-
class:
|
|
1883
|
+
class: x(["close", { "-multiline": $(o) }]),
|
|
1888
1884
|
"data-testid": `toast-close-button-${e.type}-${e.id}`,
|
|
1889
1885
|
"aria-label": "close notification",
|
|
1890
1886
|
onClick: f[0] || (f[0] = (...B) => e.onCloseHandler && e.onCloseHandler(...B))
|
|
1891
1887
|
}, [
|
|
1892
1888
|
L($(Fe), { class: "icon" })
|
|
1893
|
-
], 10,
|
|
1894
|
-
e.hideProgressBar ? T("", !0) : (s(),
|
|
1889
|
+
], 10, Il),
|
|
1890
|
+
e.hideProgressBar ? T("", !0) : (s(), r("div", {
|
|
1895
1891
|
key: 0,
|
|
1896
1892
|
class: "progressbar",
|
|
1897
1893
|
"aria-hidden": "true",
|
|
1898
|
-
style:
|
|
1894
|
+
style: ae({ width: `${$(l)}%` })
|
|
1899
1895
|
}, null, 4))
|
|
1900
|
-
], 46,
|
|
1896
|
+
], 46, xl)) : T("", !0)
|
|
1901
1897
|
]),
|
|
1902
1898
|
_: 3
|
|
1903
1899
|
}, 8, ["name"]));
|
|
1904
1900
|
}
|
|
1905
1901
|
});
|
|
1906
|
-
const
|
|
1902
|
+
const ee = {
|
|
1907
1903
|
"top-left": [],
|
|
1908
1904
|
"top-right": [],
|
|
1909
1905
|
"top-center": [],
|
|
@@ -1911,28 +1907,28 @@ const te = {
|
|
|
1911
1907
|
"bottom-right": [],
|
|
1912
1908
|
"bottom-center": []
|
|
1913
1909
|
};
|
|
1914
|
-
function
|
|
1910
|
+
function Al() {
|
|
1915
1911
|
let e = 0;
|
|
1916
1912
|
function n() {
|
|
1917
|
-
Object.entries(
|
|
1918
|
-
|
|
1913
|
+
Object.entries(ee).forEach(([i, l]) => {
|
|
1914
|
+
l.length && l.forEach((a) => {
|
|
1919
1915
|
var d;
|
|
1920
1916
|
const o = (d = a.toastVNode.props) == null ? void 0 : d.id;
|
|
1921
|
-
Oe(o,
|
|
1917
|
+
Oe(o, i);
|
|
1922
1918
|
});
|
|
1923
1919
|
});
|
|
1924
1920
|
}
|
|
1925
1921
|
return {
|
|
1926
|
-
createToast: (
|
|
1927
|
-
const a = e++, o =
|
|
1928
|
-
return
|
|
1922
|
+
createToast: (i, l) => {
|
|
1923
|
+
const a = e++, o = l ? Ml(l) : Q;
|
|
1924
|
+
return l != null && l.showOneToast && n(), Tl(a, o, typeof i == "string" ? { title: i } : i), {
|
|
1929
1925
|
close: () => Oe(a, o.position)
|
|
1930
1926
|
};
|
|
1931
1927
|
},
|
|
1932
1928
|
clearAllToasts: n
|
|
1933
1929
|
};
|
|
1934
1930
|
}
|
|
1935
|
-
function
|
|
1931
|
+
function Ml(e) {
|
|
1936
1932
|
const n = {
|
|
1937
1933
|
...Q,
|
|
1938
1934
|
...e,
|
|
@@ -1940,108 +1936,108 @@ function Pl(e) {
|
|
|
1940
1936
|
};
|
|
1941
1937
|
return n.hideProgressBar = !!(n.timeout && (n == null ? void 0 : n.timeout) <= 0), e.hideProgressBar && (n.hideProgressBar = e.hideProgressBar), n;
|
|
1942
1938
|
}
|
|
1943
|
-
function
|
|
1939
|
+
function Tl(e, n, t) {
|
|
1944
1940
|
setTimeout(() => {
|
|
1945
|
-
const
|
|
1946
|
-
document.body.appendChild(
|
|
1941
|
+
const i = Pl(n, ee, Ge), l = document.createElement("div");
|
|
1942
|
+
document.body.appendChild(l);
|
|
1947
1943
|
const a = L(
|
|
1948
|
-
|
|
1949
|
-
|
|
1944
|
+
Ol,
|
|
1945
|
+
Ll(n, e, i, Oe, t)
|
|
1950
1946
|
);
|
|
1951
|
-
De(a,
|
|
1947
|
+
De(a, l), ee[n.position].push({ toastVNode: a, container: l }), a.component && (a.component.props.visible = !0);
|
|
1952
1948
|
}, 1);
|
|
1953
1949
|
}
|
|
1954
|
-
function
|
|
1950
|
+
function Ll(e, n, t, i, l) {
|
|
1955
1951
|
return {
|
|
1956
1952
|
...e,
|
|
1957
|
-
...
|
|
1953
|
+
...l,
|
|
1958
1954
|
id: n,
|
|
1959
1955
|
offset: t,
|
|
1960
1956
|
visible: !1,
|
|
1961
1957
|
onCloseHandler() {
|
|
1962
|
-
|
|
1958
|
+
i(n, e.position ? e.position : "top-right");
|
|
1963
1959
|
}
|
|
1964
1960
|
};
|
|
1965
1961
|
}
|
|
1966
|
-
function
|
|
1962
|
+
function Pl(e, n, t) {
|
|
1967
1963
|
if (!e.position)
|
|
1968
1964
|
throw new Error("no position");
|
|
1969
|
-
return n[e.position].reduce((
|
|
1965
|
+
return n[e.position].reduce((i, { toastVNode: l }) => (i += l.el.offsetHeight + t || 0, i), t);
|
|
1970
1966
|
}
|
|
1971
|
-
function
|
|
1972
|
-
for (let
|
|
1973
|
-
const { toastVNode: a } = n[
|
|
1967
|
+
function zl(e, n, t, i) {
|
|
1968
|
+
for (let l = e; l < n.length; l++) {
|
|
1969
|
+
const { toastVNode: a } = n[l];
|
|
1974
1970
|
if (!a.el)
|
|
1975
1971
|
return;
|
|
1976
|
-
const o = t.split("-")[0] || "top", d = parseInt(a.el.style[o], 10) -
|
|
1972
|
+
const o = t.split("-")[0] || "top", d = parseInt(a.el.style[o], 10) - i - Ge;
|
|
1977
1973
|
if (!a.component)
|
|
1978
1974
|
return;
|
|
1979
1975
|
a.component.props.offset = d;
|
|
1980
1976
|
}
|
|
1981
1977
|
}
|
|
1982
1978
|
function Oe(e, n) {
|
|
1983
|
-
var
|
|
1984
|
-
const t =
|
|
1979
|
+
var c;
|
|
1980
|
+
const t = ee[n], i = t.findIndex(
|
|
1985
1981
|
({ toastVNode: h }) => {
|
|
1986
1982
|
var f;
|
|
1987
1983
|
return e === ((f = h == null ? void 0 : h.props) == null ? void 0 : f.id);
|
|
1988
1984
|
}
|
|
1989
1985
|
);
|
|
1990
|
-
if (
|
|
1986
|
+
if (i === -1)
|
|
1991
1987
|
return;
|
|
1992
|
-
const { container:
|
|
1993
|
-
if (
|
|
1988
|
+
const { container: l, toastVNode: a } = t[i], o = (c = a == null ? void 0 : a.el) == null ? void 0 : c.offsetHeight;
|
|
1989
|
+
if (ee[n].splice(i, 1), zl(i, t, n, o), !a.component)
|
|
1994
1990
|
return;
|
|
1995
1991
|
const d = a.component.props;
|
|
1996
1992
|
d.visible = !1, d.onClose && d.onClose(), setTimeout(() => {
|
|
1997
|
-
De(null,
|
|
1993
|
+
De(null, l), document.body.removeChild(l);
|
|
1998
1994
|
}, 1e3);
|
|
1999
1995
|
}
|
|
2000
1996
|
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");
|
|
2001
1997
|
const Ae = {
|
|
2002
|
-
SolButton:
|
|
2003
|
-
SolButtonDestructive:
|
|
1998
|
+
SolButton: _,
|
|
1999
|
+
SolButtonDestructive: Ne,
|
|
2004
2000
|
SolInput: W,
|
|
2005
2001
|
SolTextarea: be,
|
|
2006
|
-
SolTextfield:
|
|
2002
|
+
SolTextfield: oe,
|
|
2007
2003
|
SolTextfieldPassword: $e,
|
|
2008
|
-
SolRadio:
|
|
2004
|
+
SolRadio: se,
|
|
2009
2005
|
SolRadioGroup: ye,
|
|
2010
|
-
SolCheckbox:
|
|
2006
|
+
SolCheckbox: de,
|
|
2011
2007
|
SolCheckboxGroup: ge,
|
|
2012
2008
|
SolSwitch: we,
|
|
2013
2009
|
SolDropdown: Se,
|
|
2014
2010
|
SolSelect: Ce,
|
|
2015
|
-
SolChip:
|
|
2011
|
+
SolChip: ce,
|
|
2016
2012
|
SolAccordion: Be,
|
|
2017
|
-
SolMenu:
|
|
2018
|
-
SolMenuItemLink:
|
|
2013
|
+
SolMenu: re,
|
|
2014
|
+
SolMenuItemLink: ue,
|
|
2019
2015
|
SolMenuNavigationLinks: Ie
|
|
2020
2016
|
};
|
|
2021
|
-
function
|
|
2017
|
+
function El(e) {
|
|
2022
2018
|
for (const n in Ae)
|
|
2023
2019
|
e.component(n, Ae[n]);
|
|
2024
2020
|
}
|
|
2025
2021
|
export {
|
|
2026
2022
|
Be as SolAccordion,
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2023
|
+
_ as SolButton,
|
|
2024
|
+
Ne as SolButtonDestructive,
|
|
2025
|
+
de as SolCheckbox,
|
|
2030
2026
|
ge as SolCheckboxGroup,
|
|
2031
|
-
|
|
2027
|
+
ce as SolChip,
|
|
2032
2028
|
Se as SolDropdown,
|
|
2033
2029
|
W as SolInput,
|
|
2034
|
-
|
|
2035
|
-
|
|
2030
|
+
re as SolMenu,
|
|
2031
|
+
ue as SolMenuItemLink,
|
|
2036
2032
|
Ie as SolMenuNavigationLinks,
|
|
2037
|
-
|
|
2033
|
+
se as SolRadio,
|
|
2038
2034
|
ye as SolRadioGroup,
|
|
2039
2035
|
Ce as SolSelect,
|
|
2040
2036
|
we as SolSwitch,
|
|
2041
2037
|
be as SolTextarea,
|
|
2042
|
-
|
|
2038
|
+
oe as SolTextfield,
|
|
2043
2039
|
$e as SolTextfieldPassword,
|
|
2044
2040
|
Ae as components,
|
|
2045
|
-
|
|
2046
|
-
|
|
2041
|
+
El as install,
|
|
2042
|
+
Al as useToast
|
|
2047
2043
|
};
|