@solfacil/girassol 0.2.5 → 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/components.d.ts +1 -0
- package/dist/components.json +1 -1
- package/dist/girassol.es.js +988 -894
- package/dist/girassol.umd.js +4 -4
- package/dist/main.css +29 -29
- package/dist/style.css +1 -1
- package/dist/theme/solfacil/index.d.ts +2 -1
- package/dist/theme/solfacil/screens.d.ts +11 -0
- package/dist/theme/solfacil/spacing.d.ts +32 -36
- 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/informations/chip/Chip.vue.d.ts +1 -1
- package/dist/types/components/{menu → menus/menu}/Menu.vue.d.ts +18 -26
- package/dist/types/components/{menu → menus/menu}/index.d.ts +0 -0
- package/dist/types/components/{menu → menus/menu}/menu.spec.d.ts +0 -0
- package/dist/types/components/menus/menu-item/menu-item-link/MenuItemLink.vue.d.ts +100 -0
- package/dist/types/components/{menu-item → menus/menu-item/menu-item-link}/index.d.ts +0 -0
- package/dist/types/components/menus/menu-item/menu-item-link/types.d.ts +6 -0
- package/dist/types/components/{menu-item/MenuItemLink.vue.d.ts → menus/menu-navigation-links/MenuNavigationLinks.vue.d.ts} +12 -16
- package/dist/types/components/menus/menu-navigation-links/index.d.ts +2 -0
- package/dist/types/index.d.ts +212 -102
- package/package.json +11 -11
- package/public/main.css +29 -29
- package/theme/solfacil/index.ts +3 -1
- package/theme/solfacil/screens.ts +5 -0
- package/theme/solfacil/spacing.ts +2 -2
- package/theme/solfacil/typography.ts +1 -2
- package/theme/solfacil/utilities.ts +15 -8
- package/vite.config.ts +2 -1
- package/windi.config.ts +2 -1
- 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 (
|
|
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,
|
|
@@ -33,57 +33,57 @@ const We = ["data-testid", "disabled"], je = { class: "icon -left" }, qe = { cla
|
|
|
33
33
|
variant: { default: "primary" }
|
|
34
34
|
},
|
|
35
35
|
setup(e) {
|
|
36
|
-
function
|
|
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:
|
|
47
|
-
${
|
|
48
|
-
${
|
|
49
|
-
${
|
|
50
|
-
${
|
|
46
|
+
class: x(["sol-button-core", `-${e.variant} -${e.size}
|
|
47
|
+
${n(e.loading, "-loading-helper")}
|
|
48
|
+
${n(e.onColor, "-on-color")}
|
|
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
|
-
|
|
56
|
-
|
|
55
|
+
u("div", lt, [
|
|
56
|
+
m(a.$slots, "icon-left")
|
|
57
57
|
]),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
58
|
+
m(a.$slots, "default"),
|
|
59
|
+
u("div", it, [
|
|
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
|
-
])) :
|
|
69
|
-
], 10,
|
|
68
|
+
])) : T("", !0)
|
|
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 et = { name: "material-symbols-delete-outline", render: _e }, Ve = /* @__P
|
|
|
91
91
|
loading: { type: Boolean }
|
|
92
92
|
},
|
|
93
93
|
setup(e) {
|
|
94
|
-
return (
|
|
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:
|
|
105
|
-
|
|
104
|
+
default: E(() => [
|
|
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,
|
|
@@ -123,28 +123,28 @@ const tt = ["id", "data-testid", "value"], W = /* @__PURE__ */ z({
|
|
|
123
123
|
error: { type: Boolean }
|
|
124
124
|
},
|
|
125
125
|
emits: ["update:modelValue"],
|
|
126
|
-
setup(e, { expose:
|
|
127
|
-
function
|
|
126
|
+
setup(e, { expose: n, emit: t }) {
|
|
127
|
+
function i({ target: a }) {
|
|
128
128
|
t("update:modelValue", a == null ? void 0 : a.value);
|
|
129
129
|
}
|
|
130
|
-
const
|
|
131
|
-
return
|
|
132
|
-
input:
|
|
133
|
-
}), (a, o) => (s(),
|
|
130
|
+
const l = z("");
|
|
131
|
+
return n({
|
|
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,
|
|
@@ -156,41 +156,41 @@ const lt = ["id", "data-testid"], nt = ["for"], it = { class: "container-input"
|
|
|
156
156
|
error: null
|
|
157
157
|
},
|
|
158
158
|
emits: ["update:modelValue"],
|
|
159
|
-
setup(e, { emit:
|
|
160
|
-
const t = e,
|
|
159
|
+
setup(e, { emit: n }) {
|
|
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
|
-
|
|
180
|
-
e.label ? (s(),
|
|
179
|
+
m(o.$slots, "label", {}, () => [
|
|
180
|
+
e.label ? (s(), r("label", {
|
|
181
181
|
key: 0,
|
|
182
182
|
for: `input-${e.id}`,
|
|
183
183
|
class: "label"
|
|
184
184
|
}, [
|
|
185
|
-
|
|
186
|
-
], 8,
|
|
185
|
+
u("span", null, k(e.label), 1)
|
|
186
|
+
], 8, ft)) : T("", !0)
|
|
187
187
|
]),
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
L(W,
|
|
188
|
+
u("div", mt, [
|
|
189
|
+
m(o.$slots, "default", {}, () => [
|
|
190
|
+
L(W, U(o.$attrs, {
|
|
191
191
|
id: e.id,
|
|
192
|
-
modelValue:
|
|
193
|
-
"onUpdate:modelValue": d[0] || (d[0] = (
|
|
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,
|
|
@@ -198,92 +198,92 @@ const lt = ["id", "data-testid"], nt = ["for"], it = { class: "container-input"
|
|
|
198
198
|
"aria-describedby": a(e.hint, e.error)
|
|
199
199
|
}), null, 16, ["id", "modelValue", "data-testid", "class", "invert", "aria-invalid", "aria-describedby"])
|
|
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
|
-
},
|
|
222
|
-
/* @__PURE__ */
|
|
223
|
-
/* @__PURE__ */
|
|
224
|
-
], -1),
|
|
225
|
-
|
|
221
|
+
}, yt = /* @__PURE__ */ u("g", { fill: "currentColor" }, [
|
|
222
|
+
/* @__PURE__ */ u("path", { d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0z" }),
|
|
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), 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
|
|
252
|
-
() =>
|
|
251
|
+
const n = z(!1), t = p(
|
|
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
|
-
type:
|
|
257
|
+
type: $(t),
|
|
258
258
|
label: e.label,
|
|
259
259
|
placeholder: "Insira sua senha"
|
|
260
260
|
}, {
|
|
261
|
-
icon:
|
|
262
|
-
|
|
261
|
+
icon: E(() => [
|
|
262
|
+
u("button", {
|
|
263
263
|
type: "button",
|
|
264
264
|
"data-testid": "toggle-type-password",
|
|
265
|
-
"aria-label":
|
|
266
|
-
onClick:
|
|
265
|
+
"aria-label": n.value ? "Hide password" : "Show password",
|
|
266
|
+
onClick: l[0] || (l[0] = (a) => n.value = !n.value)
|
|
267
267
|
}, [
|
|
268
|
-
|
|
269
|
-
[
|
|
268
|
+
Y(L($(xt), { "aria-hidden": "true" }, null, 512), [
|
|
269
|
+
[X, n.value]
|
|
270
270
|
]),
|
|
271
|
-
|
|
272
|
-
[
|
|
271
|
+
Y(L($(It), { "aria-hidden": "true" }, null, 512), [
|
|
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
|
-
|
|
284
|
-
e.component("SolTextfieldPassword",
|
|
283
|
+
$e.install = (e) => {
|
|
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,
|
|
@@ -296,68 +296,68 @@ const yt = ["id", "data-testid"], gt = ["for"], wt = { class: "container-textare
|
|
|
296
296
|
error: null
|
|
297
297
|
},
|
|
298
298
|
emits: ["update:modelValue"],
|
|
299
|
-
setup(e, { emit:
|
|
300
|
-
const t = e,
|
|
299
|
+
setup(e, { emit: n }) {
|
|
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
|
-
|
|
320
|
-
e.label ? (s(),
|
|
319
|
+
m(o.$slots, "label", {}, () => [
|
|
320
|
+
e.label ? (s(), r("label", {
|
|
321
321
|
key: 0,
|
|
322
322
|
for: `input-${e.id}`,
|
|
323
323
|
class: "label"
|
|
324
324
|
}, [
|
|
325
|
-
|
|
326
|
-
], 8,
|
|
325
|
+
u("span", null, k(e.label), 1)
|
|
326
|
+
], 8, Tt)) : T("", !0)
|
|
327
327
|
]),
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
328
|
+
u("div", Lt, [
|
|
329
|
+
m(o.$slots, "default", {}, () => [
|
|
330
|
+
Y(u("textarea", U(o.$attrs, {
|
|
331
331
|
id: `input-${e.id}`,
|
|
332
|
-
"onUpdate:modelValue": d[0] || (d[0] = (
|
|
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
|
-
|
|
358
|
-
e.component("SolTextarea",
|
|
357
|
+
be.install = (e) => {
|
|
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,
|
|
@@ -368,11 +368,11 @@ const Ct = ["id", "data-testid", "checked", "value", "name"], Bt = ["for"], ae =
|
|
|
368
368
|
class: null
|
|
369
369
|
},
|
|
370
370
|
emits: ["change"],
|
|
371
|
-
setup(e, { emit:
|
|
372
|
-
return (t,
|
|
373
|
-
class:
|
|
371
|
+
setup(e, { emit: n }) {
|
|
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}`,
|
|
377
377
|
type: "radio",
|
|
378
378
|
class: "radio",
|
|
@@ -380,16 +380,16 @@ const Ct = ["id", "data-testid", "checked", "value", "name"], Bt = ["for"], ae =
|
|
|
380
380
|
checked: e.checked,
|
|
381
381
|
value: e.value,
|
|
382
382
|
name: e.name,
|
|
383
|
-
onChange:
|
|
384
|
-
}), null, 16,
|
|
385
|
-
|
|
383
|
+
onChange: i[0] || (i[0] = (l) => n("change", e.value))
|
|
384
|
+
}), null, 16, At),
|
|
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,
|
|
@@ -402,77 +402,77 @@ const Mt = ["aria-labelledby"], Tt = ["id", "data-testid"], It = ["id"], zt = ["
|
|
|
402
402
|
direction: { default: "row" }
|
|
403
403
|
},
|
|
404
404
|
emits: ["change", "update:modelValue"],
|
|
405
|
-
setup(e, { emit:
|
|
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;
|
|
415
415
|
}
|
|
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
|
}, [
|
|
423
|
-
|
|
423
|
+
m(d.$slots, "title", {
|
|
424
424
|
id: `radio-group-title-${e.id}`
|
|
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
|
-
|
|
433
|
-
class:
|
|
432
|
+
u("ul", {
|
|
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(
|
|
443
|
-
id: (B =
|
|
441
|
+
return s(), r("li", { key: f }, [
|
|
442
|
+
L(se, U(d.$attrs, {
|
|
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
|
-
name:
|
|
446
|
-
value:
|
|
447
|
-
label:
|
|
448
|
-
checked: a(
|
|
445
|
+
name: h.name,
|
|
446
|
+
value: h.value,
|
|
447
|
+
label: h.label,
|
|
448
|
+
checked: a(h.value),
|
|
449
449
|
"aria-invalid": !!e.error,
|
|
450
|
-
"aria-describedby":
|
|
451
|
-
onChange: (
|
|
450
|
+
"aria-describedby": l(e.hint, e.error),
|
|
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
|
-
|
|
473
|
-
e.component("SolRadioGroup",
|
|
472
|
+
ye.install = (e) => {
|
|
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,
|
|
@@ -483,11 +483,11 @@ const Lt = ["id", "data-testid", "checked", "value", "name"], Vt = ["for"], oe =
|
|
|
483
483
|
class: null
|
|
484
484
|
},
|
|
485
485
|
emits: ["change"],
|
|
486
|
-
setup(e, { emit:
|
|
487
|
-
return (t,
|
|
488
|
-
class:
|
|
486
|
+
setup(e, { emit: n }) {
|
|
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}`,
|
|
492
492
|
type: "checkbox",
|
|
493
493
|
class: "checkbox",
|
|
@@ -495,16 +495,16 @@ const Lt = ["id", "data-testid", "checked", "value", "name"], Vt = ["for"], oe =
|
|
|
495
495
|
checked: e.checked,
|
|
496
496
|
value: e.value,
|
|
497
497
|
name: e.name,
|
|
498
|
-
onChange:
|
|
499
|
-
}), null, 16,
|
|
500
|
-
|
|
498
|
+
onChange: i[0] || (i[0] = (l) => n("change", e.value))
|
|
499
|
+
}), null, 16, Ht),
|
|
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,
|
|
@@ -517,84 +517,84 @@ const Ot = ["aria-labelledby"], At = ["id", "data-testid"], Pt = ["id"], Et = ["
|
|
|
517
517
|
direction: { default: "row" }
|
|
518
518
|
},
|
|
519
519
|
emits: ["change", "update:modelValue"],
|
|
520
|
-
setup(e, { emit:
|
|
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
|
|
525
|
+
function l(c, h) {
|
|
526
|
+
return h ? `error-${t.id}` : i(c, h) ? `hint-${t.id}` : null;
|
|
527
527
|
}
|
|
528
|
-
function a(
|
|
529
|
-
var
|
|
530
|
-
return (
|
|
528
|
+
function a(c) {
|
|
529
|
+
var h;
|
|
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(
|
|
536
|
-
var
|
|
537
|
-
|
|
538
|
-
const
|
|
539
|
-
|
|
535
|
+
function d(c) {
|
|
536
|
+
var f;
|
|
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
|
+
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
|
-
|
|
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
|
-
|
|
555
|
-
class:
|
|
554
|
+
u("ul", {
|
|
555
|
+
class: x(["container-checkboxes", { "flex-col": e.direction === "column" }])
|
|
556
556
|
}, [
|
|
557
|
-
|
|
557
|
+
m(c.$slots, "default", {
|
|
558
558
|
checkboxes: e.checkboxes,
|
|
559
559
|
direction: e.direction
|
|
560
560
|
}, () => [
|
|
561
|
-
(s(!0),
|
|
562
|
-
var
|
|
563
|
-
return s(),
|
|
564
|
-
L(
|
|
565
|
-
id: (
|
|
561
|
+
(s(!0), r(j, null, Z(e.checkboxes, (f, B) => {
|
|
562
|
+
var y;
|
|
563
|
+
return s(), r("li", { key: B }, [
|
|
564
|
+
L(de, U(c.$attrs, {
|
|
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
|
-
label:
|
|
568
|
-
name:
|
|
569
|
-
value:
|
|
570
|
-
checked: a(
|
|
567
|
+
label: f.label,
|
|
568
|
+
name: f.name,
|
|
569
|
+
value: f.value,
|
|
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
|
-
|
|
595
|
-
e.component("SolCheckboxGroup",
|
|
594
|
+
ge.install = (e) => {
|
|
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,
|
|
@@ -607,18 +607,18 @@ const Dt = ["id", "for", "data-testid"], Rt = { class: "switch-container" }, Ht
|
|
|
607
607
|
horizontalLabel: { type: Boolean }
|
|
608
608
|
},
|
|
609
609
|
emits: ["change"],
|
|
610
|
-
setup(e, { emit:
|
|
611
|
-
return (t,
|
|
612
|
-
class:
|
|
610
|
+
setup(e, { emit: n }) {
|
|
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
|
-
|
|
621
|
-
|
|
619
|
+
}, k(e.label), 11, Qt),
|
|
620
|
+
u("div", Yt, [
|
|
621
|
+
u("input", U(t.$attrs, {
|
|
622
622
|
id: `switch-${e.name}-${e.id}`,
|
|
623
623
|
type: "checkbox",
|
|
624
624
|
class: "switch",
|
|
@@ -629,107 +629,147 @@ const Dt = ["id", "for", "data-testid"], Rt = { class: "switch-container" }, Ht
|
|
|
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
|
}
|
|
638
638
|
});
|
|
639
|
-
|
|
640
|
-
e.component("SolSwitch",
|
|
639
|
+
we.install = (e) => {
|
|
640
|
+
e.component("SolSwitch", we);
|
|
641
641
|
};
|
|
642
|
-
var
|
|
643
|
-
const te = typeof window < "u",
|
|
642
|
+
var Le;
|
|
643
|
+
const te = typeof window < "u", Zt = (e) => typeof e == "string", ve = () => {
|
|
644
644
|
};
|
|
645
|
-
te && ((
|
|
646
|
-
function
|
|
647
|
-
return typeof e == "function" ? e() :
|
|
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
|
+
return typeof e == "function" ? e() : $(e);
|
|
648
|
+
}
|
|
649
|
+
function Xt(e) {
|
|
650
|
+
return e;
|
|
648
651
|
}
|
|
649
|
-
function
|
|
650
|
-
return
|
|
652
|
+
function _t(e) {
|
|
653
|
+
return je() ? (Ze(e), !0) : !1;
|
|
651
654
|
}
|
|
652
|
-
function
|
|
653
|
-
var
|
|
654
|
-
const t =
|
|
655
|
-
return (
|
|
655
|
+
function J(e) {
|
|
656
|
+
var n;
|
|
657
|
+
const t = Jt(e);
|
|
658
|
+
return (n = t == null ? void 0 : t.$el) != null ? n : t;
|
|
656
659
|
}
|
|
657
|
-
const
|
|
660
|
+
const Re = te ? window : void 0;
|
|
658
661
|
te && window.document;
|
|
659
662
|
te && window.navigator;
|
|
660
663
|
te && window.location;
|
|
661
664
|
function le(...e) {
|
|
662
|
-
let
|
|
663
|
-
if (
|
|
664
|
-
return
|
|
665
|
-
let a =
|
|
666
|
-
const o =
|
|
667
|
-
a(),
|
|
668
|
-
|
|
665
|
+
let n, t, i, l;
|
|
666
|
+
if (Zt(e[0]) ? ([t, i, l] = e, n = Re) : [n, t, i, l] = e, !n)
|
|
667
|
+
return ve;
|
|
668
|
+
let a = ve;
|
|
669
|
+
const o = Je(() => J(n), (c) => {
|
|
670
|
+
a(), c && (c.addEventListener(t, i, l), a = () => {
|
|
671
|
+
c.removeEventListener(t, i, l), a = ve;
|
|
669
672
|
});
|
|
670
673
|
}, { immediate: !0, flush: "post" }), d = () => {
|
|
671
674
|
o(), a();
|
|
672
675
|
};
|
|
673
|
-
return
|
|
676
|
+
return _t(d), d;
|
|
674
677
|
}
|
|
675
|
-
function
|
|
676
|
-
const { window:
|
|
677
|
-
if (!
|
|
678
|
+
function Te(e, n, t = {}) {
|
|
679
|
+
const { window: i = Re, ignore: l, capture: a = !0, detectIframe: o = !1 } = t;
|
|
680
|
+
if (!i)
|
|
678
681
|
return;
|
|
679
|
-
const d =
|
|
680
|
-
let
|
|
681
|
-
const
|
|
682
|
-
|
|
683
|
-
const
|
|
684
|
-
!
|
|
685
|
-
const
|
|
686
|
-
return
|
|
687
|
-
}) ||
|
|
688
|
-
},
|
|
689
|
-
le(
|
|
690
|
-
le(
|
|
691
|
-
const
|
|
692
|
-
d.value = !!
|
|
682
|
+
const d = z(!0);
|
|
683
|
+
let c;
|
|
684
|
+
const h = (y) => {
|
|
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
|
+
}) || n(y);
|
|
691
|
+
}, f = [
|
|
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);
|
|
693
696
|
}, { passive: !0 }),
|
|
694
|
-
le(
|
|
695
|
-
if (
|
|
696
|
-
const
|
|
697
|
-
|
|
697
|
+
le(i, "pointerup", (y) => {
|
|
698
|
+
if (y.button === 0) {
|
|
699
|
+
const S = y.composedPath();
|
|
700
|
+
y.composedPath = () => S, c = i.setTimeout(() => h(y), 50);
|
|
698
701
|
}
|
|
699
702
|
}, { passive: !0 }),
|
|
700
|
-
o && le(
|
|
701
|
-
var
|
|
702
|
-
const
|
|
703
|
-
((
|
|
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);
|
|
704
707
|
})
|
|
705
708
|
].filter(Boolean);
|
|
706
|
-
return () =>
|
|
709
|
+
return () => f.forEach((y) => y());
|
|
707
710
|
}
|
|
708
|
-
const
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
var
|
|
711
|
+
const xe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ke = "__vueuse_ssr_handlers__";
|
|
712
|
+
xe[ke] = xe[ke] || {};
|
|
713
|
+
xe[ke];
|
|
714
|
+
var Pe;
|
|
712
715
|
(function(e) {
|
|
713
716
|
e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
|
|
714
|
-
})(
|
|
715
|
-
|
|
717
|
+
})(Pe || (Pe = {}));
|
|
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
|
+
for (var t in n || (n = {}))
|
|
720
|
+
tn.call(n, t) && Ve(e, t, n[t]);
|
|
721
|
+
if (ze)
|
|
722
|
+
for (var t of ze(n))
|
|
723
|
+
nn.call(n, t) && Ve(e, t, n[t]);
|
|
724
|
+
return e;
|
|
725
|
+
};
|
|
726
|
+
const an = {
|
|
727
|
+
easeInSine: [0.12, 0, 0.39, 0],
|
|
728
|
+
easeOutSine: [0.61, 1, 0.88, 1],
|
|
729
|
+
easeInOutSine: [0.37, 0, 0.63, 1],
|
|
730
|
+
easeInQuad: [0.11, 0, 0.5, 0],
|
|
731
|
+
easeOutQuad: [0.5, 1, 0.89, 1],
|
|
732
|
+
easeInOutQuad: [0.45, 0, 0.55, 1],
|
|
733
|
+
easeInCubic: [0.32, 0, 0.67, 0],
|
|
734
|
+
easeOutCubic: [0.33, 1, 0.68, 1],
|
|
735
|
+
easeInOutCubic: [0.65, 0, 0.35, 1],
|
|
736
|
+
easeInQuart: [0.5, 0, 0.75, 0],
|
|
737
|
+
easeOutQuart: [0.25, 1, 0.5, 1],
|
|
738
|
+
easeInOutQuart: [0.76, 0, 0.24, 1],
|
|
739
|
+
easeInQuint: [0.64, 0, 0.78, 0],
|
|
740
|
+
easeOutQuint: [0.22, 1, 0.36, 1],
|
|
741
|
+
easeInOutQuint: [0.83, 0, 0.17, 1],
|
|
742
|
+
easeInExpo: [0.7, 0, 0.84, 0],
|
|
743
|
+
easeOutExpo: [0.16, 1, 0.3, 1],
|
|
744
|
+
easeInOutExpo: [0.87, 0, 0.13, 1],
|
|
745
|
+
easeInCirc: [0.55, 0, 1, 0.45],
|
|
746
|
+
easeOutCirc: [0, 0.55, 0.45, 1],
|
|
747
|
+
easeInOutCirc: [0.85, 0, 0.15, 1],
|
|
748
|
+
easeInBack: [0.36, 0, 0.66, -0.56],
|
|
749
|
+
easeOutBack: [0.34, 1.56, 0.64, 1],
|
|
750
|
+
easeInOutBack: [0.68, -0.6, 0.32, 1.6]
|
|
751
|
+
};
|
|
752
|
+
ln({
|
|
753
|
+
linear: Xt
|
|
754
|
+
}, an);
|
|
755
|
+
const on = {
|
|
716
756
|
preserveAspectRatio: "xMidYMid meet",
|
|
717
757
|
viewBox: "0 0 24 24",
|
|
718
758
|
width: "1em",
|
|
719
759
|
height: "1em"
|
|
720
|
-
},
|
|
760
|
+
}, sn = /* @__PURE__ */ u("path", {
|
|
721
761
|
fill: "currentColor",
|
|
722
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"
|
|
723
|
-
}, null, -1),
|
|
724
|
-
|
|
763
|
+
}, null, -1), dn = [
|
|
764
|
+
sn
|
|
725
765
|
];
|
|
726
|
-
function
|
|
727
|
-
return s(),
|
|
766
|
+
function cn(e, n) {
|
|
767
|
+
return s(), r("svg", on, dn);
|
|
728
768
|
}
|
|
729
|
-
const
|
|
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 = {
|
|
730
770
|
key: 0,
|
|
731
771
|
class: "no-data"
|
|
732
|
-
},
|
|
772
|
+
}, bn = /* @__PURE__ */ D(" Sem dados "), Se = /* @__PURE__ */ O({
|
|
733
773
|
__name: "Dropdown",
|
|
734
774
|
props: {
|
|
735
775
|
id: null,
|
|
@@ -747,162 +787,162 @@ const Ae = { name: "mi-search", render: Wt }, jt = ["data-testid"], qt = ["id",
|
|
|
747
787
|
options: { default: () => [] }
|
|
748
788
|
},
|
|
749
789
|
emits: ["closeDropdown", "search", "update:selected"],
|
|
750
|
-
setup(e, { emit:
|
|
751
|
-
const t = e,
|
|
790
|
+
setup(e, { emit: n }) {
|
|
791
|
+
const t = e, i = z(), l = z(!1), a = z(""), o = p(
|
|
752
792
|
() => {
|
|
753
|
-
var
|
|
754
|
-
return t.fetchOnSearch ? t.options : (
|
|
793
|
+
var b;
|
|
794
|
+
return t.fetchOnSearch ? t.options : (b = t.options) == null ? void 0 : b.filter(
|
|
755
795
|
(v) => typeof v == "string" ? v.includes(a.value) : v.name.includes(a.value)
|
|
756
796
|
);
|
|
757
797
|
}
|
|
758
|
-
), d =
|
|
798
|
+
), d = p(
|
|
759
799
|
() => Array.isArray(t.selected) ? t.selected.join(", ").trim() : t.selected
|
|
760
800
|
);
|
|
761
|
-
|
|
762
|
-
|
|
801
|
+
Te(i, () => {
|
|
802
|
+
l.value && f();
|
|
763
803
|
});
|
|
764
|
-
function
|
|
765
|
-
t.disabled || (
|
|
804
|
+
function c() {
|
|
805
|
+
t.disabled || (l.value ? f() : h());
|
|
766
806
|
}
|
|
767
|
-
function
|
|
768
|
-
|
|
807
|
+
function h() {
|
|
808
|
+
l.value = !0;
|
|
769
809
|
}
|
|
770
|
-
function
|
|
771
|
-
|
|
810
|
+
function f() {
|
|
811
|
+
he(), n("closeDropdown");
|
|
772
812
|
}
|
|
773
|
-
function B(
|
|
813
|
+
function B(b) {
|
|
774
814
|
const v = new Set(t.selected);
|
|
775
|
-
return v.has(
|
|
815
|
+
return v.has(b) ? v.delete(b) : v.add(b), [...v];
|
|
776
816
|
}
|
|
777
|
-
function
|
|
778
|
-
const v = typeof
|
|
779
|
-
|
|
817
|
+
function y(b) {
|
|
818
|
+
const v = typeof b == "string" ? b : b.value, C = t.isMultipleSelect ? B(v) : v;
|
|
819
|
+
n("update:selected", C), t.closeOnSelect && !t.isMultipleSelect && f();
|
|
780
820
|
}
|
|
781
|
-
function
|
|
782
|
-
return Array.isArray(t.selected) ? typeof
|
|
821
|
+
function S(b) {
|
|
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;
|
|
783
823
|
}
|
|
784
|
-
const
|
|
824
|
+
const I = ie({
|
|
785
825
|
list: void 0,
|
|
786
826
|
search: void 0
|
|
787
|
-
}), M =
|
|
827
|
+
}), M = ie({
|
|
788
828
|
id: "",
|
|
789
829
|
index: 0
|
|
790
830
|
});
|
|
791
|
-
function
|
|
792
|
-
const v = (
|
|
793
|
-
const
|
|
794
|
-
|
|
795
|
-
var
|
|
796
|
-
const
|
|
797
|
-
M.id = (
|
|
831
|
+
function N({ code: b }) {
|
|
832
|
+
const v = (P) => {
|
|
833
|
+
const F = P != null ? P : M.index;
|
|
834
|
+
P !== void 0 && (M.index = P), setTimeout(() => {
|
|
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();
|
|
798
838
|
}, 0);
|
|
799
|
-
},
|
|
800
|
-
var
|
|
801
|
-
t.searchable && (M.index = 0, (
|
|
839
|
+
}, C = () => {
|
|
840
|
+
var P;
|
|
841
|
+
t.searchable && (M.index = 0, (P = I == null ? void 0 : I.search) == null || P.focus());
|
|
802
842
|
};
|
|
803
|
-
switch (
|
|
843
|
+
switch (b) {
|
|
804
844
|
case "ArrowUp":
|
|
805
845
|
return M.index > 0 && (M.index -= 1), v();
|
|
806
846
|
case "ArrowDown":
|
|
807
|
-
return
|
|
847
|
+
return l.value ? (M.index < o.value.length - 1 && (M.index += 1), v()) : (h(), v(0));
|
|
808
848
|
case "Home":
|
|
809
849
|
return v(0);
|
|
810
850
|
case "End":
|
|
811
851
|
return v(t.options.length - 1);
|
|
812
852
|
case "Escape":
|
|
813
|
-
return
|
|
853
|
+
return f();
|
|
814
854
|
default:
|
|
815
|
-
!["Enter", "NumpadEnter", "Space"].includes(
|
|
855
|
+
!["Enter", "NumpadEnter", "Space"].includes(b) && C();
|
|
816
856
|
}
|
|
817
857
|
}
|
|
818
|
-
function
|
|
819
|
-
|
|
858
|
+
function he() {
|
|
859
|
+
l.value = !1, M.index = 0, a.value = "";
|
|
820
860
|
}
|
|
821
|
-
function
|
|
822
|
-
return typeof
|
|
861
|
+
function G(b, v) {
|
|
862
|
+
return typeof b == "string" ? b : b[v != null ? v : "value"];
|
|
823
863
|
}
|
|
824
|
-
function
|
|
825
|
-
|
|
864
|
+
function ne(b, v) {
|
|
865
|
+
I[b] = v != null ? v : void 0;
|
|
826
866
|
}
|
|
827
|
-
return (
|
|
867
|
+
return (b, v) => (s(), r("div", {
|
|
828
868
|
ref_key: "el",
|
|
829
|
-
ref:
|
|
830
|
-
class:
|
|
869
|
+
ref: i,
|
|
870
|
+
class: x(["sol-dropdown-core", { "-smaller": e.smallerWidth }]),
|
|
831
871
|
"data-testid": `dropdown-${e.id}`,
|
|
832
|
-
onKeydownPassive:
|
|
872
|
+
onKeydownPassive: N
|
|
833
873
|
}, [
|
|
834
|
-
b
|
|
835
|
-
|
|
874
|
+
m(b.$slots, "label", {}, () => [
|
|
875
|
+
u("label", {
|
|
836
876
|
id: `label-dropdown-${e.id}`,
|
|
837
|
-
class:
|
|
877
|
+
class: x(["label", { "-disabled": e.disabled, "sr-only": e.ariaLabel }]),
|
|
838
878
|
for: `toggle-dropdown-${e.id}`
|
|
839
|
-
},
|
|
879
|
+
}, k(e.label || e.ariaLabel), 11, un)
|
|
840
880
|
]),
|
|
841
|
-
|
|
881
|
+
u("button", {
|
|
842
882
|
id: `toggle-dropdown-${e.id}`,
|
|
843
883
|
disabled: e.disabled,
|
|
844
884
|
"data-testid": `toggle-dropdown-${e.id}`,
|
|
845
885
|
class: "button-toggle-dropdown toggle-dropdown",
|
|
846
886
|
"aria-haspopup": "listbox",
|
|
847
|
-
"aria-expanded":
|
|
887
|
+
"aria-expanded": l.value,
|
|
848
888
|
"aria-labelledby": `label-dropdown-${e.id}`,
|
|
849
889
|
"aria-label": e.ariaLabel,
|
|
850
890
|
"aria-controls": `dropdown-list-${e.id}`,
|
|
851
|
-
onClick:
|
|
891
|
+
onClick: q(c, ["stop"])
|
|
852
892
|
}, [
|
|
853
|
-
b
|
|
854
|
-
toggle: { open:
|
|
855
|
-
isOpen:
|
|
856
|
-
select:
|
|
857
|
-
selectedSanitized:
|
|
893
|
+
m(b.$slots, "toggle-dropdown", {
|
|
894
|
+
toggle: { open: h, close: f, toggleDropdown: c },
|
|
895
|
+
isOpen: l.value,
|
|
896
|
+
select: y,
|
|
897
|
+
selectedSanitized: $(d),
|
|
858
898
|
selected: e.selected
|
|
859
899
|
}, () => [
|
|
860
|
-
|
|
900
|
+
D(k($(d) || "Selecione"), 1)
|
|
861
901
|
])
|
|
862
|
-
], 8,
|
|
863
|
-
L(
|
|
902
|
+
], 8, hn),
|
|
903
|
+
L(Me, {
|
|
864
904
|
mode: "out-in",
|
|
865
905
|
name: "dropdown"
|
|
866
906
|
}, {
|
|
867
|
-
default:
|
|
868
|
-
|
|
869
|
-
e.searchable ? (s(),
|
|
907
|
+
default: E(() => [
|
|
908
|
+
Y(u("div", fn, [
|
|
909
|
+
e.searchable ? (s(), r("div", {
|
|
870
910
|
key: 0,
|
|
871
|
-
class:
|
|
911
|
+
class: x(["search-container", { "-loading": e.loading }])
|
|
872
912
|
}, [
|
|
873
|
-
b
|
|
913
|
+
m(b.$slots, "search", { filter: a.value }, () => [
|
|
874
914
|
L(W, {
|
|
875
915
|
id: `search-dropdown-${e.id}`,
|
|
876
|
-
ref: (
|
|
916
|
+
ref: (C) => ne("search", C == null ? void 0 : C.input),
|
|
877
917
|
modelValue: a.value,
|
|
878
|
-
"onUpdate:modelValue": v[0] || (v[0] = (
|
|
918
|
+
"onUpdate:modelValue": v[0] || (v[0] = (C) => a.value = C),
|
|
879
919
|
"data-testid": `search-dropdown-${e.id}`,
|
|
880
920
|
role: "combobox",
|
|
881
921
|
class: "search",
|
|
882
922
|
"aria-autocomplete": "list",
|
|
883
923
|
placeholder: e.searchPlaceholder,
|
|
884
|
-
"aria-expanded":
|
|
924
|
+
"aria-expanded": l.value,
|
|
885
925
|
"aria-haspopup": "listbox",
|
|
886
926
|
"aria-owns": `dropdown-list-${e.id}`,
|
|
887
927
|
"aria-controls": `dropdown-list-${e.id}`,
|
|
888
928
|
"aria-activedescendant": M.id,
|
|
889
929
|
"aria-labelledby": `label-dropdown-${e.id}`,
|
|
890
|
-
onClick: v[1] || (v[1] =
|
|
930
|
+
onClick: v[1] || (v[1] = q(() => {
|
|
891
931
|
}, ["stop"])),
|
|
892
|
-
onInput: v[2] || (v[2] = (
|
|
893
|
-
var
|
|
894
|
-
return
|
|
932
|
+
onInput: v[2] || (v[2] = (C) => {
|
|
933
|
+
var P;
|
|
934
|
+
return n("search", (P = C.target) == null ? void 0 : P.value);
|
|
895
935
|
})
|
|
896
936
|
}, null, 8, ["id", "modelValue", "data-testid", "placeholder", "aria-expanded", "aria-owns", "aria-controls", "aria-activedescendant", "aria-labelledby"]),
|
|
897
|
-
L(
|
|
937
|
+
L($(He), {
|
|
898
938
|
"aria-hidden": "true",
|
|
899
939
|
class: "icon"
|
|
900
940
|
})
|
|
901
941
|
])
|
|
902
|
-
], 2)) :
|
|
903
|
-
|
|
942
|
+
], 2)) : T("", !0),
|
|
943
|
+
u("ul", {
|
|
904
944
|
id: `dropdown-list-${e.id}`,
|
|
905
|
-
ref: (
|
|
945
|
+
ref: (C) => ne("list", C),
|
|
906
946
|
"data-testid": `dropdown-list-${e.id}`,
|
|
907
947
|
role: "listbox",
|
|
908
948
|
tabindex: "-1",
|
|
@@ -910,63 +950,63 @@ const Ae = { name: "mi-search", render: Wt }, jt = ["data-testid"], qt = ["id",
|
|
|
910
950
|
"aria-labelledby": `label-dropdown-${e.id}`,
|
|
911
951
|
class: "dropdown-list-core"
|
|
912
952
|
}, [
|
|
913
|
-
(s(!0),
|
|
914
|
-
id: `option-${e.id}-${
|
|
915
|
-
key:
|
|
916
|
-
"data-testid": `option-${e.id}-${
|
|
953
|
+
(s(!0), r(j, null, Z($(o), (C, P) => (s(), r("li", {
|
|
954
|
+
id: `option-${e.id}-${G(C, "value")}`,
|
|
955
|
+
key: P,
|
|
956
|
+
"data-testid": `option-${e.id}-${G(C, "value")}`,
|
|
917
957
|
role: "option",
|
|
918
958
|
tabindex: "-1",
|
|
919
959
|
class: "dropdown-item",
|
|
920
|
-
style:
|
|
921
|
-
selected:
|
|
922
|
-
"aria-selected":
|
|
923
|
-
onClick: (
|
|
960
|
+
style: ae(`--item: ${P + 1}`),
|
|
961
|
+
selected: S(C),
|
|
962
|
+
"aria-selected": S(C),
|
|
963
|
+
onClick: (F) => y(C),
|
|
924
964
|
onKeyup: [
|
|
925
|
-
|
|
926
|
-
|
|
965
|
+
K((F) => y(C), ["enter"]),
|
|
966
|
+
K((F) => y(C), ["space"])
|
|
927
967
|
]
|
|
928
968
|
}, [
|
|
929
|
-
b
|
|
930
|
-
text:
|
|
931
|
-
option:
|
|
932
|
-
isSelect:
|
|
969
|
+
m(b.$slots, "default", {
|
|
970
|
+
text: G(C, "name"),
|
|
971
|
+
option: C,
|
|
972
|
+
isSelect: S
|
|
933
973
|
}, () => [
|
|
934
|
-
|
|
974
|
+
D(k(G(C, "name")), 1)
|
|
935
975
|
])
|
|
936
|
-
], 44,
|
|
937
|
-
|
|
938
|
-
b
|
|
939
|
-
|
|
976
|
+
], 44, vn))), 128)),
|
|
977
|
+
$(o).length ? T("", !0) : (s(), r("li", $n, [
|
|
978
|
+
m(b.$slots, "no-data", {}, () => [
|
|
979
|
+
bn
|
|
940
980
|
])
|
|
941
981
|
]))
|
|
942
|
-
], 8,
|
|
982
|
+
], 8, mn)
|
|
943
983
|
], 512), [
|
|
944
|
-
[
|
|
984
|
+
[X, l.value]
|
|
945
985
|
])
|
|
946
986
|
]),
|
|
947
987
|
_: 3
|
|
948
988
|
})
|
|
949
|
-
], 42,
|
|
989
|
+
], 42, rn));
|
|
950
990
|
}
|
|
951
991
|
});
|
|
952
|
-
|
|
953
|
-
e.component("SolDropdown",
|
|
992
|
+
Se.install = (e) => {
|
|
993
|
+
e.component("SolDropdown", Se);
|
|
954
994
|
};
|
|
955
|
-
const
|
|
995
|
+
const yn = {
|
|
956
996
|
preserveAspectRatio: "xMidYMid meet",
|
|
957
997
|
viewBox: "0 0 24 24",
|
|
958
998
|
width: "1em",
|
|
959
999
|
height: "1em"
|
|
960
|
-
},
|
|
1000
|
+
}, gn = /* @__PURE__ */ u("path", {
|
|
961
1001
|
fill: "currentColor",
|
|
962
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"
|
|
963
|
-
}, null, -1),
|
|
964
|
-
|
|
1003
|
+
}, null, -1), wn = [
|
|
1004
|
+
gn
|
|
965
1005
|
];
|
|
966
|
-
function
|
|
967
|
-
return s(),
|
|
1006
|
+
function xn(e, n) {
|
|
1007
|
+
return s(), r("svg", yn, wn);
|
|
968
1008
|
}
|
|
969
|
-
const
|
|
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({
|
|
970
1010
|
__name: "Chip",
|
|
971
1011
|
props: {
|
|
972
1012
|
id: null,
|
|
@@ -976,59 +1016,59 @@ const Pe = { name: "mi-close", render: il }, al = ["id", "data-testid", "title",
|
|
|
976
1016
|
removable: { type: Boolean, default: !0 }
|
|
977
1017
|
},
|
|
978
1018
|
emits: ["close", "update:selected"],
|
|
979
|
-
setup(e, { emit:
|
|
1019
|
+
setup(e, { emit: n }) {
|
|
980
1020
|
const t = e;
|
|
981
|
-
function
|
|
1021
|
+
function i({ code: l }) {
|
|
982
1022
|
if (!t.disabled)
|
|
983
|
-
switch (
|
|
1023
|
+
switch (l) {
|
|
984
1024
|
case "Enter":
|
|
985
1025
|
case "NumpadEnter":
|
|
986
1026
|
case "Space":
|
|
987
|
-
return
|
|
1027
|
+
return n("update:selected");
|
|
988
1028
|
case "Delete":
|
|
989
1029
|
case "Backspace":
|
|
990
|
-
return t.removable &&
|
|
1030
|
+
return t.removable && n("close");
|
|
991
1031
|
default:
|
|
992
1032
|
return !1;
|
|
993
1033
|
}
|
|
994
1034
|
}
|
|
995
|
-
return (
|
|
1035
|
+
return (l, a) => (s(), r("div", {
|
|
996
1036
|
id: `chip-${e.id}`,
|
|
997
1037
|
"data-testid": `chip-${e.id}`,
|
|
998
|
-
class:
|
|
1038
|
+
class: x(["sol-chip-core", { "-selected": e.selected, "-disabled": e.disabled }]),
|
|
999
1039
|
tabindex: "0",
|
|
1000
1040
|
title: e.label,
|
|
1001
1041
|
"aria-describedby": `chip-description-${e.id}`,
|
|
1002
1042
|
"aria-disabled": e.disabled,
|
|
1003
|
-
onClick: a[1] || (a[1] = (o) =>
|
|
1004
|
-
onKeydown:
|
|
1043
|
+
onClick: a[1] || (a[1] = (o) => n("update:selected")),
|
|
1044
|
+
onKeydown: q(i, ["self"])
|
|
1005
1045
|
}, [
|
|
1006
|
-
|
|
1046
|
+
u("span", {
|
|
1007
1047
|
id: `chip-description-${e.id}`,
|
|
1008
1048
|
"z-index": "-1",
|
|
1009
1049
|
class: "sr-only"
|
|
1010
|
-
}, "Press Delete or Backspace to remove this Chip", 8,
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
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)
|
|
1014
1054
|
])
|
|
1015
1055
|
]),
|
|
1016
|
-
e.removable ? (s(),
|
|
1056
|
+
e.removable ? (s(), r("i", {
|
|
1017
1057
|
key: 0,
|
|
1018
1058
|
role: "presentation",
|
|
1019
1059
|
"aira-hidden": "true",
|
|
1020
1060
|
class: "close",
|
|
1021
|
-
onClick: a[0] || (a[0] =
|
|
1061
|
+
onClick: a[0] || (a[0] = q((o) => n("close"), ["stop"]))
|
|
1022
1062
|
}, [
|
|
1023
|
-
L(
|
|
1024
|
-
])) :
|
|
1025
|
-
], 42,
|
|
1063
|
+
L($(Fe), { class: "icon" })
|
|
1064
|
+
])) : T("", !0)
|
|
1065
|
+
], 42, kn));
|
|
1026
1066
|
}
|
|
1027
1067
|
});
|
|
1028
|
-
const
|
|
1068
|
+
const Bn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], In = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], On = {
|
|
1029
1069
|
key: 0,
|
|
1030
1070
|
class: "no-data"
|
|
1031
|
-
},
|
|
1071
|
+
}, Mn = /* @__PURE__ */ D(" Sem dados "), Tn = /* @__PURE__ */ O({
|
|
1032
1072
|
__name: "ListOption",
|
|
1033
1073
|
props: {
|
|
1034
1074
|
id: null,
|
|
@@ -1037,14 +1077,14 @@ const dl = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], cl
|
|
|
1037
1077
|
isSelected: null
|
|
1038
1078
|
},
|
|
1039
1079
|
emits: ["select"],
|
|
1040
|
-
setup(e, { expose:
|
|
1041
|
-
const
|
|
1042
|
-
return
|
|
1043
|
-
list:
|
|
1044
|
-
}), (
|
|
1080
|
+
setup(e, { expose: n, emit: t }) {
|
|
1081
|
+
const i = z("");
|
|
1082
|
+
return n({
|
|
1083
|
+
list: i
|
|
1084
|
+
}), (l, a) => (s(), r("ul", {
|
|
1045
1085
|
id: `select-list-${e.id}`,
|
|
1046
1086
|
ref_key: "list",
|
|
1047
|
-
ref:
|
|
1087
|
+
ref: i,
|
|
1048
1088
|
"data-testid": `select-list-${e.id}`,
|
|
1049
1089
|
role: "listbox",
|
|
1050
1090
|
tabindex: "-1",
|
|
@@ -1052,61 +1092,119 @@ const dl = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], cl
|
|
|
1052
1092
|
"aria-labelledby": `select-label-${e.id}`,
|
|
1053
1093
|
class: "select-list-core"
|
|
1054
1094
|
}, [
|
|
1055
|
-
(s(!0),
|
|
1095
|
+
(s(!0), r(j, null, Z(e.options, (o, d) => (s(), r("li", {
|
|
1056
1096
|
id: `option-${e.id}-${o.value}`,
|
|
1057
1097
|
key: d,
|
|
1058
1098
|
"data-testid": `option-${e.id}-${o.value}`,
|
|
1059
1099
|
role: "option",
|
|
1060
1100
|
tabindex: "-1",
|
|
1061
1101
|
class: "select-option-item",
|
|
1062
|
-
style:
|
|
1102
|
+
style: ae(`--item: ${d + 1}`),
|
|
1063
1103
|
selected: e.isSelected(o),
|
|
1064
1104
|
"aria-selected": e.isSelected(o),
|
|
1065
|
-
onClick: (
|
|
1105
|
+
onClick: (c) => t("select", o),
|
|
1066
1106
|
onKeyup: [
|
|
1067
|
-
|
|
1068
|
-
|
|
1107
|
+
K((c) => t("select", o), ["enter"]),
|
|
1108
|
+
K((c) => t("select", o), ["space"])
|
|
1069
1109
|
]
|
|
1070
1110
|
}, [
|
|
1071
|
-
|
|
1111
|
+
m(l.$slots, "item-list", {
|
|
1072
1112
|
text: o.name,
|
|
1073
1113
|
value: o.value,
|
|
1074
1114
|
option: o,
|
|
1075
1115
|
isSelected: e.isSelected(o)
|
|
1076
1116
|
}, () => [
|
|
1077
|
-
|
|
1117
|
+
D(k(o.name), 1)
|
|
1078
1118
|
])
|
|
1079
|
-
], 44,
|
|
1080
|
-
e.options.length ?
|
|
1081
|
-
|
|
1082
|
-
|
|
1119
|
+
], 44, In))), 128)),
|
|
1120
|
+
e.options.length ? T("", !0) : (s(), r("li", On, [
|
|
1121
|
+
m(l.$slots, "no-data", {}, () => [
|
|
1122
|
+
Mn
|
|
1083
1123
|
])
|
|
1084
1124
|
]))
|
|
1085
|
-
], 8,
|
|
1125
|
+
], 8, Bn));
|
|
1086
1126
|
}
|
|
1087
1127
|
});
|
|
1088
|
-
const
|
|
1128
|
+
const Ln = {
|
|
1089
1129
|
preserveAspectRatio: "xMidYMid meet",
|
|
1090
1130
|
viewBox: "0 0 24 24",
|
|
1091
1131
|
width: "1em",
|
|
1092
1132
|
height: "1em"
|
|
1093
|
-
},
|
|
1133
|
+
}, Pn = /* @__PURE__ */ u("path", {
|
|
1094
1134
|
fill: "currentColor",
|
|
1095
1135
|
d: "m17 10l-5 6l-5-6h10z"
|
|
1096
|
-
}, null, -1),
|
|
1097
|
-
|
|
1136
|
+
}, null, -1), zn = [
|
|
1137
|
+
Pn
|
|
1098
1138
|
];
|
|
1099
|
-
function
|
|
1100
|
-
return s(),
|
|
1139
|
+
function Vn(e, n) {
|
|
1140
|
+
return s(), r("svg", Ln, zn);
|
|
1141
|
+
}
|
|
1142
|
+
const An = { name: "mi-caret-down", render: Vn };
|
|
1143
|
+
function qe(e, n) {
|
|
1144
|
+
function t({ code: i }) {
|
|
1145
|
+
var o;
|
|
1146
|
+
const l = i;
|
|
1147
|
+
(() => {
|
|
1148
|
+
if (!(n != null && n.fallback))
|
|
1149
|
+
return !1;
|
|
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
|
+
}
|
|
1154
|
+
return {
|
|
1155
|
+
navigate: t
|
|
1156
|
+
};
|
|
1157
|
+
}
|
|
1158
|
+
function Ke({ target: e, query: n }) {
|
|
1159
|
+
const t = ie({
|
|
1160
|
+
id: "",
|
|
1161
|
+
index: -1
|
|
1162
|
+
});
|
|
1163
|
+
function i(f) {
|
|
1164
|
+
const B = f != null ? f : t.index, y = e == null ? void 0 : e.value;
|
|
1165
|
+
f !== void 0 && (t.index = f), setTimeout(() => {
|
|
1166
|
+
var 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
|
+
}, 0);
|
|
1170
|
+
}
|
|
1171
|
+
function l() {
|
|
1172
|
+
t.index > 0 && (t.index -= 1, i());
|
|
1173
|
+
}
|
|
1174
|
+
function a(f) {
|
|
1175
|
+
t.index < f - 1 && (t.index += 1, i());
|
|
1176
|
+
}
|
|
1177
|
+
function o() {
|
|
1178
|
+
i(0);
|
|
1179
|
+
}
|
|
1180
|
+
function d(f) {
|
|
1181
|
+
i(f - 1);
|
|
1182
|
+
}
|
|
1183
|
+
function c(f) {
|
|
1184
|
+
return f.id ? f.id === t.id : f.index === t.index;
|
|
1185
|
+
}
|
|
1186
|
+
function h() {
|
|
1187
|
+
t.id = "", t.index = -1;
|
|
1188
|
+
}
|
|
1189
|
+
return {
|
|
1190
|
+
elementFocus: t,
|
|
1191
|
+
isItemFocused: c,
|
|
1192
|
+
resetStateFocus: h,
|
|
1193
|
+
focusListItem: i,
|
|
1194
|
+
focusOnPreviousItem: l,
|
|
1195
|
+
focusOnNextItem: a,
|
|
1196
|
+
focusOnFirstItem: o,
|
|
1197
|
+
focusOnLastItem: d
|
|
1198
|
+
};
|
|
1101
1199
|
}
|
|
1102
|
-
const
|
|
1200
|
+
const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], Nn = {
|
|
1103
1201
|
key: 0,
|
|
1104
1202
|
class: "container-tags"
|
|
1105
|
-
},
|
|
1203
|
+
}, Rn = {
|
|
1106
1204
|
key: 1,
|
|
1107
1205
|
class: "mr-micro placeholder-inline",
|
|
1108
1206
|
tabindex: "-1"
|
|
1109
|
-
},
|
|
1207
|
+
}, Hn = { class: "error" }, Fn = { class: "select-options-container" }, Ce = /* @__PURE__ */ O({
|
|
1110
1208
|
__name: "Select",
|
|
1111
1209
|
props: {
|
|
1112
1210
|
id: null,
|
|
@@ -1126,449 +1224,443 @@ const bl = { name: "mi-caret-down", render: $l }, yl = ["data-testid"], gl = ["i
|
|
|
1126
1224
|
placeholder: { default: "placeholder" }
|
|
1127
1225
|
},
|
|
1128
1226
|
emits: ["closeDropdown", "search", "update:selected"],
|
|
1129
|
-
setup(e, { emit:
|
|
1130
|
-
const t = e,
|
|
1227
|
+
setup(e, { emit: n }) {
|
|
1228
|
+
const t = e, i = z(), l = z(!1), a = z(""), o = p(
|
|
1131
1229
|
() => {
|
|
1132
|
-
var
|
|
1133
|
-
return t.fetchOnSearch ? t.options : (
|
|
1230
|
+
var g;
|
|
1231
|
+
return t.fetchOnSearch ? t.options : (g = t.options) == null ? void 0 : g.filter((w) => w.name.includes(a.value));
|
|
1134
1232
|
}
|
|
1135
1233
|
);
|
|
1136
|
-
|
|
1137
|
-
|
|
1234
|
+
Te(i, () => {
|
|
1235
|
+
l.value && h();
|
|
1138
1236
|
});
|
|
1139
1237
|
function d() {
|
|
1140
|
-
t.disabled || (
|
|
1238
|
+
t.disabled || (l.value ? h() : c());
|
|
1141
1239
|
}
|
|
1142
|
-
function
|
|
1143
|
-
|
|
1240
|
+
function c() {
|
|
1241
|
+
l.value = !0;
|
|
1144
1242
|
}
|
|
1145
|
-
function
|
|
1146
|
-
|
|
1243
|
+
function h() {
|
|
1244
|
+
P(), n("closeDropdown");
|
|
1147
1245
|
}
|
|
1148
|
-
function
|
|
1246
|
+
function f(g) {
|
|
1149
1247
|
if (Array.isArray(t.selected)) {
|
|
1150
|
-
const
|
|
1151
|
-
({ value:
|
|
1248
|
+
const w = t.selected.findIndex(
|
|
1249
|
+
({ value: V }) => V === g.value
|
|
1152
1250
|
);
|
|
1153
|
-
return
|
|
1251
|
+
return w === -1 ? [...t.selected, g] : t.selected.filter((V, A) => A !== w);
|
|
1154
1252
|
}
|
|
1155
|
-
return [
|
|
1253
|
+
return [g];
|
|
1156
1254
|
}
|
|
1157
|
-
function B(
|
|
1158
|
-
t.multiple ?
|
|
1255
|
+
function B(g) {
|
|
1256
|
+
t.multiple ? n("update:selected", f(g)) : n("update:selected", g), t.closeOnSelect && !t.multiple && h();
|
|
1159
1257
|
}
|
|
1160
|
-
function g
|
|
1161
|
-
var
|
|
1162
|
-
return Array.isArray(t.selected) ? t.selected.some(({ value:
|
|
1258
|
+
function y(g) {
|
|
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);
|
|
1163
1261
|
}
|
|
1164
|
-
const
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
id: "",
|
|
1169
|
-
index: 0
|
|
1170
|
-
});
|
|
1171
|
-
function M({ code: y }) {
|
|
1172
|
-
const c = ($) => {
|
|
1173
|
-
const T = $ != null ? $ : S.index;
|
|
1174
|
-
$ !== void 0 && (S.index = $), setTimeout(() => {
|
|
1175
|
-
var D, j;
|
|
1176
|
-
const V = (D = w.list) == null ? void 0 : D.children[T];
|
|
1177
|
-
S.id = (j = V == null ? void 0 : V.id) != null ? j : "", V == null || V.focus();
|
|
1178
|
-
}, 0);
|
|
1179
|
-
}, v = () => {
|
|
1180
|
-
var $;
|
|
1181
|
-
t.searchable && (S.index = 0, ($ = w == null ? void 0 : w.search) == null || $.focus());
|
|
1182
|
-
};
|
|
1183
|
-
switch (y) {
|
|
1184
|
-
case "ArrowUp":
|
|
1185
|
-
return S.index > 0 && (S.index -= 1), c();
|
|
1186
|
-
case "ArrowDown":
|
|
1187
|
-
return i.value ? (S.index < t.options.length - 1 && (S.index += 1), c()) : (r(), c(0));
|
|
1188
|
-
case "Home":
|
|
1189
|
-
return c(0);
|
|
1190
|
-
case "End":
|
|
1191
|
-
return c(t.options.length - 1);
|
|
1192
|
-
case "Escape":
|
|
1193
|
-
return f();
|
|
1194
|
-
default:
|
|
1195
|
-
!["Enter", "NumpadEnter", "Space"].includes(y) && v();
|
|
1196
|
-
}
|
|
1262
|
+
const S = z(), I = z();
|
|
1263
|
+
function M() {
|
|
1264
|
+
var g;
|
|
1265
|
+
t.searchable && (v(), (g = S.value) == null || g.focus());
|
|
1197
1266
|
}
|
|
1198
|
-
|
|
1199
|
-
|
|
1267
|
+
const {
|
|
1268
|
+
elementFocus: N,
|
|
1269
|
+
focusOnFirstItem: he,
|
|
1270
|
+
focusOnLastItem: G,
|
|
1271
|
+
focusOnNextItem: ne,
|
|
1272
|
+
focusOnPreviousItem: b,
|
|
1273
|
+
resetStateFocus: v
|
|
1274
|
+
} = Ke({ target: I }), { navigate: C } = qe({
|
|
1275
|
+
Home: he,
|
|
1276
|
+
End: () => G(t.options.length),
|
|
1277
|
+
ArrowUp: b,
|
|
1278
|
+
ArrowDown: () => {
|
|
1279
|
+
!l.value && c(), ne(t.options.length);
|
|
1280
|
+
},
|
|
1281
|
+
Escape: h
|
|
1282
|
+
}, {
|
|
1283
|
+
fallback: M,
|
|
1284
|
+
exclude: ["Enter", "NumpadEnter", "Space"]
|
|
1285
|
+
});
|
|
1286
|
+
function P() {
|
|
1287
|
+
l.value = !1, a.value = "", v();
|
|
1200
1288
|
}
|
|
1201
|
-
function
|
|
1202
|
-
return (
|
|
1203
|
-
|
|
1289
|
+
function F(g) {
|
|
1290
|
+
return (w) => {
|
|
1291
|
+
g === "search" ? S.value = w == null ? void 0 : w.input : I.value = w == null ? void 0 : w.list;
|
|
1204
1292
|
};
|
|
1205
1293
|
}
|
|
1206
|
-
function
|
|
1207
|
-
var
|
|
1208
|
-
const
|
|
1209
|
-
return (
|
|
1294
|
+
function H() {
|
|
1295
|
+
var w;
|
|
1296
|
+
const g = t.selected;
|
|
1297
|
+
return (w = g == null ? void 0 : g.name) != null ? w : t.placeholder;
|
|
1210
1298
|
}
|
|
1211
|
-
return (
|
|
1299
|
+
return (g, w) => (s(), r("div", {
|
|
1212
1300
|
ref_key: "el",
|
|
1213
|
-
ref:
|
|
1214
|
-
class:
|
|
1301
|
+
ref: i,
|
|
1302
|
+
class: x(["sol-select-core", { "-smaller": e.smallerWidth }]),
|
|
1215
1303
|
"data-testid": `select-${e.id}`,
|
|
1216
|
-
onKeydownPassive:
|
|
1304
|
+
onKeydownPassive: w[3] || (w[3] = (...V) => $(C) && $(C)(...V))
|
|
1217
1305
|
}, [
|
|
1218
|
-
|
|
1306
|
+
m(g.$slots, "label", {
|
|
1219
1307
|
id: `select-label-${e.id}`,
|
|
1220
1308
|
for: `select-toggle-${e.id}`
|
|
1221
1309
|
}, () => [
|
|
1222
|
-
e.label ? (s(),
|
|
1310
|
+
e.label ? (s(), r("label", {
|
|
1223
1311
|
key: 0,
|
|
1224
1312
|
id: `select-label-${e.id}`,
|
|
1225
|
-
class:
|
|
1226
|
-
},
|
|
1313
|
+
class: x(["label", { "-disabled": e.disabled }])
|
|
1314
|
+
}, k(e.label), 11, pn)) : T("", !0)
|
|
1227
1315
|
]),
|
|
1228
|
-
|
|
1316
|
+
u("button", {
|
|
1229
1317
|
id: `select-toggle-${e.id}`,
|
|
1230
1318
|
disabled: e.disabled,
|
|
1231
1319
|
"data-testid": `select-toggle-${e.id}`,
|
|
1232
1320
|
class: "select-button-toggle",
|
|
1233
1321
|
"aria-haspopup": "listbox",
|
|
1234
|
-
"aria-expanded":
|
|
1322
|
+
"aria-expanded": l.value,
|
|
1235
1323
|
"aria-labelledby": `select-label-${e.id}`,
|
|
1236
1324
|
"aria-label": e.ariaLabel,
|
|
1237
1325
|
"aria-controls": `select-list-${e.id}`,
|
|
1238
|
-
onClick:
|
|
1326
|
+
onClick: q(d, ["stop"])
|
|
1239
1327
|
}, [
|
|
1240
|
-
|
|
1241
|
-
toggle: { open:
|
|
1242
|
-
isOpen:
|
|
1328
|
+
m(g.$slots, "toggle-dropdown", {
|
|
1329
|
+
toggle: { open: c, close: h, toggleDropdown: d },
|
|
1330
|
+
isOpen: l.value,
|
|
1243
1331
|
select: B,
|
|
1244
1332
|
selected: e.selected
|
|
1245
1333
|
}, () => {
|
|
1246
|
-
var
|
|
1334
|
+
var V;
|
|
1247
1335
|
return [
|
|
1248
|
-
e.multiple && Array.isArray(e.selected) && ((
|
|
1249
|
-
(s(!0),
|
|
1250
|
-
id:
|
|
1251
|
-
key:
|
|
1252
|
-
label:
|
|
1253
|
-
onClick:
|
|
1254
|
-
onClose: (
|
|
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
|
+
key: fe,
|
|
1340
|
+
label: A.name,
|
|
1341
|
+
onClick: q((me) => B(A), ["stop"]),
|
|
1342
|
+
onClose: (me) => B(A)
|
|
1255
1343
|
}, null, 8, ["id", "label", "onClick", "onClose"]))), 128))
|
|
1256
|
-
])) : (s(),
|
|
1257
|
-
L(
|
|
1344
|
+
])) : (s(), r("span", Rn, k(H()), 1)),
|
|
1345
|
+
L($(An), {
|
|
1258
1346
|
"aria-hidden": "true",
|
|
1259
1347
|
tabindex: "-1",
|
|
1260
|
-
class:
|
|
1348
|
+
class: x(["icon", { "-open": l.value }])
|
|
1261
1349
|
}, null, 8, ["class"])
|
|
1262
1350
|
];
|
|
1263
1351
|
})
|
|
1264
|
-
], 8,
|
|
1265
|
-
|
|
1266
|
-
L(
|
|
1352
|
+
], 8, Dn),
|
|
1353
|
+
u("span", Hn, k(e.error), 1),
|
|
1354
|
+
L(Me, {
|
|
1267
1355
|
mode: "out-in",
|
|
1268
1356
|
name: "dropdown"
|
|
1269
1357
|
}, {
|
|
1270
|
-
default:
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
e.searchable ? (s(),
|
|
1358
|
+
default: E(() => [
|
|
1359
|
+
Y(u("div", Fn, [
|
|
1360
|
+
m(g.$slots, "search", {}, () => [
|
|
1361
|
+
e.searchable ? (s(), r("div", {
|
|
1274
1362
|
key: 0,
|
|
1275
|
-
class:
|
|
1363
|
+
class: x(["search-container", { "-loading": e.loading }])
|
|
1276
1364
|
}, [
|
|
1277
|
-
|
|
1365
|
+
m(g.$slots, "search", { filter: a.value }, () => [
|
|
1278
1366
|
L(W, {
|
|
1279
1367
|
id: `select-search-${e.id}`,
|
|
1280
|
-
ref:
|
|
1368
|
+
ref: F("search"),
|
|
1281
1369
|
modelValue: a.value,
|
|
1282
|
-
"onUpdate:modelValue":
|
|
1370
|
+
"onUpdate:modelValue": w[0] || (w[0] = (V) => a.value = V),
|
|
1283
1371
|
"data-testid": `select-search-${e.id}`,
|
|
1284
1372
|
role: "combobox",
|
|
1285
1373
|
class: "search",
|
|
1286
1374
|
"aria-autocomplete": "list",
|
|
1287
1375
|
placeholder: e.searchPlaceholder,
|
|
1288
|
-
"aria-expanded":
|
|
1376
|
+
"aria-expanded": l.value,
|
|
1289
1377
|
"aria-haspopup": "listbox",
|
|
1290
1378
|
"aria-owns": `select-list-${e.id}`,
|
|
1291
1379
|
"aria-controls": `select-list-${e.id}`,
|
|
1292
|
-
"aria-activedescendant":
|
|
1380
|
+
"aria-activedescendant": $(N).id,
|
|
1293
1381
|
"aria-labelledby": `select-label-${e.id}`,
|
|
1294
|
-
onClick:
|
|
1382
|
+
onClick: w[1] || (w[1] = q(() => {
|
|
1295
1383
|
}, ["stop"])),
|
|
1296
|
-
onInput:
|
|
1297
|
-
var
|
|
1298
|
-
return
|
|
1384
|
+
onInput: w[2] || (w[2] = (V) => {
|
|
1385
|
+
var A;
|
|
1386
|
+
return n("search", (A = V.target) == null ? void 0 : A.value);
|
|
1299
1387
|
})
|
|
1300
1388
|
}, null, 8, ["id", "modelValue", "data-testid", "placeholder", "aria-expanded", "aria-owns", "aria-controls", "aria-activedescendant", "aria-labelledby"]),
|
|
1301
|
-
L(
|
|
1389
|
+
L($(He), {
|
|
1302
1390
|
"aria-hidden": "true",
|
|
1303
1391
|
class: "icon"
|
|
1304
1392
|
})
|
|
1305
1393
|
])
|
|
1306
|
-
], 2)) :
|
|
1307
|
-
L(
|
|
1394
|
+
], 2)) : T("", !0),
|
|
1395
|
+
L(Tn, {
|
|
1308
1396
|
id: e.id,
|
|
1309
|
-
ref:
|
|
1310
|
-
options:
|
|
1397
|
+
ref: F("list"),
|
|
1398
|
+
options: $(o),
|
|
1311
1399
|
multiple: e.multiple,
|
|
1312
|
-
"is-selected":
|
|
1400
|
+
"is-selected": y,
|
|
1313
1401
|
onSelect: B
|
|
1314
1402
|
}, {
|
|
1315
|
-
"item-list":
|
|
1316
|
-
|
|
1317
|
-
text:
|
|
1318
|
-
value:
|
|
1319
|
-
option:
|
|
1320
|
-
isSelected:
|
|
1403
|
+
"item-list": E(({ text: V, value: A, option: fe, isSelected: me }) => [
|
|
1404
|
+
m(g.$slots, "default", {
|
|
1405
|
+
text: V,
|
|
1406
|
+
value: A,
|
|
1407
|
+
option: fe,
|
|
1408
|
+
isSelected: me
|
|
1321
1409
|
})
|
|
1322
1410
|
]),
|
|
1323
|
-
"no-data":
|
|
1324
|
-
|
|
1411
|
+
"no-data": E(() => [
|
|
1412
|
+
m(g.$slots, "no-data")
|
|
1325
1413
|
]),
|
|
1326
1414
|
_: 3
|
|
1327
1415
|
}, 8, ["id", "options", "multiple"])
|
|
1328
1416
|
])
|
|
1329
1417
|
], 512), [
|
|
1330
|
-
[
|
|
1418
|
+
[X, l.value]
|
|
1331
1419
|
])
|
|
1332
1420
|
]),
|
|
1333
1421
|
_: 3
|
|
1334
1422
|
})
|
|
1335
|
-
], 42,
|
|
1423
|
+
], 42, En));
|
|
1336
1424
|
}
|
|
1337
1425
|
});
|
|
1338
|
-
|
|
1339
|
-
e.component("SolSelect",
|
|
1426
|
+
Ce.install = (e) => {
|
|
1427
|
+
e.component("SolSelect", Ce);
|
|
1340
1428
|
};
|
|
1341
|
-
|
|
1342
|
-
e.component("SolChip",
|
|
1429
|
+
ce.install = (e) => {
|
|
1430
|
+
e.component("SolChip", ce);
|
|
1343
1431
|
};
|
|
1344
|
-
const
|
|
1432
|
+
const qn = {
|
|
1345
1433
|
preserveAspectRatio: "xMidYMid meet",
|
|
1346
1434
|
viewBox: "0 0 24 24",
|
|
1347
1435
|
width: "1em",
|
|
1348
1436
|
height: "1em"
|
|
1349
|
-
},
|
|
1437
|
+
}, Kn = /* @__PURE__ */ u("path", {
|
|
1350
1438
|
fill: "currentColor",
|
|
1351
|
-
d: "
|
|
1352
|
-
}, null, -1),
|
|
1353
|
-
|
|
1439
|
+
d: "M12 14.975q-.2 0-.387-.075q-.188-.075-.313-.2l-4.6-4.6q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275q.425 0 .7.275q.275.275.275.7q0 .425-.275.7l-4.6 4.6q-.15.15-.325.212q-.175.063-.375.063Z"
|
|
1440
|
+
}, null, -1), Un = [
|
|
1441
|
+
Kn
|
|
1354
1442
|
];
|
|
1355
|
-
function
|
|
1356
|
-
return s(),
|
|
1443
|
+
function Gn(e, n) {
|
|
1444
|
+
return s(), r("svg", qn, Un);
|
|
1357
1445
|
}
|
|
1358
|
-
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({
|
|
1359
1447
|
__name: "Accordion",
|
|
1360
1448
|
props: {
|
|
1361
1449
|
id: null,
|
|
1362
1450
|
title: { default: "Title" },
|
|
1363
|
-
|
|
1451
|
+
onColor: { type: Boolean },
|
|
1364
1452
|
disabled: { type: Boolean }
|
|
1365
1453
|
},
|
|
1366
1454
|
setup(e) {
|
|
1367
|
-
return (
|
|
1455
|
+
return (n, t) => (s(), r("details", {
|
|
1368
1456
|
id: `accordion-${e.id}`,
|
|
1369
1457
|
"data-testid": `accordion-${e.id}`,
|
|
1370
|
-
class:
|
|
1458
|
+
class: x(["sol-accordion-core", { "-on-color": e.onColor, "-disabled": e.disabled }]),
|
|
1371
1459
|
"aria-disabled": e.disabled
|
|
1372
1460
|
}, [
|
|
1373
|
-
|
|
1461
|
+
u("summary", {
|
|
1374
1462
|
"data-testid": `accordion-title-${e.id}`,
|
|
1375
1463
|
class: "summary",
|
|
1376
1464
|
tabindex: e.disabled ? -1 : 0
|
|
1377
1465
|
}, [
|
|
1378
|
-
|
|
1379
|
-
|
|
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
|
+
])
|
|
1380
1473
|
]),
|
|
1381
|
-
L(
|
|
1474
|
+
L($(Ue), {
|
|
1382
1475
|
class: "icon",
|
|
1383
1476
|
"aria-hidden": "true"
|
|
1384
1477
|
})
|
|
1385
|
-
], 8,
|
|
1386
|
-
|
|
1478
|
+
], 8, Yn),
|
|
1479
|
+
u("div", {
|
|
1387
1480
|
"data-testid": `accordion-content-${e.id}`,
|
|
1388
|
-
class: "
|
|
1481
|
+
class: "accordion-content"
|
|
1389
1482
|
}, [
|
|
1390
|
-
|
|
1391
|
-
], 8,
|
|
1392
|
-
], 10,
|
|
1483
|
+
m(n.$slots, "default")
|
|
1484
|
+
], 8, Zn)
|
|
1485
|
+
], 10, Qn));
|
|
1393
1486
|
}
|
|
1394
1487
|
});
|
|
1395
|
-
|
|
1396
|
-
e.component("SolAccordion",
|
|
1488
|
+
Be.install = (e) => {
|
|
1489
|
+
e.component("SolAccordion", Be);
|
|
1397
1490
|
};
|
|
1398
|
-
|
|
1399
|
-
function t({ code: n }) {
|
|
1400
|
-
var o;
|
|
1401
|
-
const i = n;
|
|
1402
|
-
(() => {
|
|
1403
|
-
if (!(l != null && l.fallback))
|
|
1404
|
-
return !1;
|
|
1405
|
-
const d = (r) => Array.isArray(r) ? !r.includes(i) : i !== r;
|
|
1406
|
-
return l != null && l.exclude ? !e.hasOwnProperty(i) && d(l.exclude) : !e.hasOwnProperty(i);
|
|
1407
|
-
})() && (l == null || l.fallback()), e.hasOwnProperty(i) && ((o = e[i]) == null || o.call(e));
|
|
1408
|
-
}
|
|
1409
|
-
return {
|
|
1410
|
-
navigate: t
|
|
1411
|
-
};
|
|
1412
|
-
}
|
|
1413
|
-
function Pl({ target: e, query: l }) {
|
|
1414
|
-
const t = Y({
|
|
1415
|
-
id: "",
|
|
1416
|
-
index: -1
|
|
1417
|
-
});
|
|
1418
|
-
function n(m) {
|
|
1419
|
-
const B = m != null ? m : t.index, g = e == null ? void 0 : e.value;
|
|
1420
|
-
m !== void 0 && (t.index = m), setTimeout(() => {
|
|
1421
|
-
var M;
|
|
1422
|
-
const w = g.children[B], S = l && w.querySelector(l) ? w.querySelector(l) : w;
|
|
1423
|
-
t.id = (M = w == null ? void 0 : w.id) != null ? M : "", S == null || S.focus();
|
|
1424
|
-
}, 0);
|
|
1425
|
-
}
|
|
1426
|
-
function i() {
|
|
1427
|
-
t.index > 0 && (t.index -= 1, n());
|
|
1428
|
-
}
|
|
1429
|
-
function a(m) {
|
|
1430
|
-
t.index < m - 1 && (t.index += 1, n());
|
|
1431
|
-
}
|
|
1432
|
-
function o() {
|
|
1433
|
-
n(0);
|
|
1434
|
-
}
|
|
1435
|
-
function d(m) {
|
|
1436
|
-
n(m - 1);
|
|
1437
|
-
}
|
|
1438
|
-
function r(m) {
|
|
1439
|
-
return m.id ? m.id === t.id : m.index === t.index;
|
|
1440
|
-
}
|
|
1441
|
-
function f() {
|
|
1442
|
-
t.id = "", t.index = -1;
|
|
1443
|
-
}
|
|
1444
|
-
return {
|
|
1445
|
-
elementFocus: t,
|
|
1446
|
-
isItemFocused: r,
|
|
1447
|
-
resetStateFocus: f,
|
|
1448
|
-
focusListItem: n,
|
|
1449
|
-
focusOnPreviousItem: i,
|
|
1450
|
-
focusOnNextItem: a,
|
|
1451
|
-
focusOnFirstItem: o,
|
|
1452
|
-
focusOnLastItem: d
|
|
1453
|
-
};
|
|
1454
|
-
}
|
|
1455
|
-
const El = ["id", "data-testid"], Dl = ["id", "aria-expanded"], Rl = ["id", "data-testid", "aria-labelledby"], ge = /* @__PURE__ */ z({
|
|
1491
|
+
const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "data-testid", "aria-labelledby"], re = /* @__PURE__ */ O({
|
|
1456
1492
|
__name: "Menu",
|
|
1457
1493
|
props: {
|
|
1458
1494
|
id: null,
|
|
1459
1495
|
label: { default: "Teste" },
|
|
1460
1496
|
position: { default: "bottom" }
|
|
1461
1497
|
},
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
g();
|
|
1498
|
+
setup(e) {
|
|
1499
|
+
const n = z();
|
|
1500
|
+
Te(n, () => {
|
|
1501
|
+
B();
|
|
1467
1502
|
});
|
|
1468
|
-
const
|
|
1503
|
+
const t = z(!1), i = z(), l = p(
|
|
1469
1504
|
() => i.value ? i.value.childElementCount : 0
|
|
1470
1505
|
), {
|
|
1471
|
-
resetStateFocus:
|
|
1472
|
-
focusOnPreviousItem:
|
|
1473
|
-
focusOnNextItem:
|
|
1474
|
-
focusOnFirstItem:
|
|
1475
|
-
focusOnLastItem:
|
|
1476
|
-
} =
|
|
1477
|
-
Home:
|
|
1478
|
-
End: () =>
|
|
1479
|
-
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,
|
|
1480
1515
|
ArrowDown: () => {
|
|
1481
|
-
!
|
|
1516
|
+
!t.value && y(), d(l.value);
|
|
1482
1517
|
},
|
|
1483
|
-
Escape:
|
|
1518
|
+
Escape: B
|
|
1484
1519
|
});
|
|
1485
|
-
function
|
|
1486
|
-
|
|
1520
|
+
function B() {
|
|
1521
|
+
t.value = !1, a();
|
|
1487
1522
|
}
|
|
1488
|
-
function
|
|
1489
|
-
|
|
1523
|
+
function y() {
|
|
1524
|
+
t.value = !0;
|
|
1490
1525
|
}
|
|
1491
1526
|
function S() {
|
|
1492
|
-
|
|
1527
|
+
t.value ? B() : y();
|
|
1493
1528
|
}
|
|
1494
|
-
return (
|
|
1529
|
+
return (I, M) => (s(), r("div", {
|
|
1495
1530
|
id: `menu-${e.id}`,
|
|
1496
1531
|
ref_key: "el",
|
|
1497
|
-
ref:
|
|
1532
|
+
ref: n,
|
|
1498
1533
|
"data-testid": `menu-${e.id}`,
|
|
1499
|
-
class:
|
|
1500
|
-
onKeyupPassive:
|
|
1501
|
-
onFocusin: A[1] || (A[1] = (H) => l("change", "teste"))
|
|
1534
|
+
class: x([`-${e.position}`, "sol-menu-core"]),
|
|
1535
|
+
onKeyupPassive: M[0] || (M[0] = (...N) => $(f) && $(f)(...N))
|
|
1502
1536
|
}, [
|
|
1503
|
-
|
|
1537
|
+
u("button", {
|
|
1504
1538
|
id: `menu-button-${e.id}`,
|
|
1505
1539
|
type: "button",
|
|
1506
1540
|
role: "menuitem",
|
|
1507
1541
|
class: "toggle-menu",
|
|
1508
1542
|
"aria-haspopup": "true",
|
|
1509
|
-
"aria-expanded":
|
|
1543
|
+
"aria-expanded": t.value,
|
|
1510
1544
|
onClick: S
|
|
1511
1545
|
}, [
|
|
1512
|
-
|
|
1513
|
-
|
|
1546
|
+
m(I.$slots, "label", { isOpen: t.value }, () => [
|
|
1547
|
+
D(k(e.label), 1)
|
|
1514
1548
|
])
|
|
1515
|
-
], 8,
|
|
1516
|
-
|
|
1549
|
+
], 8, Xn),
|
|
1550
|
+
Y(u("menu", {
|
|
1517
1551
|
id: `menu-container-${e.id}`,
|
|
1518
1552
|
ref_key: "menu",
|
|
1519
1553
|
ref: i,
|
|
1520
1554
|
"data-testid": `menu-container-${e.id}`,
|
|
1521
1555
|
role: "menu",
|
|
1522
1556
|
"aria-labelledby": `menu-button-${e.id}`,
|
|
1523
|
-
class:
|
|
1557
|
+
class: x(["menu", { "-open": t.value }])
|
|
1524
1558
|
}, [
|
|
1525
|
-
|
|
1526
|
-
], 10,
|
|
1527
|
-
[
|
|
1559
|
+
m(I.$slots, "default", { close: B })
|
|
1560
|
+
], 10, _n), [
|
|
1561
|
+
[X, t.value]
|
|
1528
1562
|
])
|
|
1529
|
-
], 42,
|
|
1563
|
+
], 42, Jn));
|
|
1530
1564
|
}
|
|
1531
1565
|
});
|
|
1532
|
-
|
|
1533
|
-
e.component("SolMenu",
|
|
1566
|
+
re.install = (e) => {
|
|
1567
|
+
e.component("SolMenu", re);
|
|
1534
1568
|
};
|
|
1535
|
-
const
|
|
1569
|
+
const el = ["id"], tl = ["href", "target"], ue = /* @__PURE__ */ O({
|
|
1536
1570
|
__name: "MenuItemLink",
|
|
1537
1571
|
props: {
|
|
1538
1572
|
id: null,
|
|
1539
1573
|
text: null,
|
|
1540
1574
|
link: null,
|
|
1541
|
-
active:
|
|
1542
|
-
external:
|
|
1575
|
+
active: null,
|
|
1576
|
+
external: null
|
|
1543
1577
|
},
|
|
1544
|
-
|
|
1545
|
-
|
|
1578
|
+
emits: ["clicked"],
|
|
1579
|
+
setup(e, { emit: n }) {
|
|
1580
|
+
return (t, i) => (s(), r("li", {
|
|
1546
1581
|
id: `menu-item-link-${e.id}`,
|
|
1547
1582
|
class: "sol-menuitem-link-core",
|
|
1548
1583
|
tabindex: "-1",
|
|
1549
|
-
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
|
+
]
|
|
1550
1590
|
}, [
|
|
1551
|
-
|
|
1591
|
+
m(t.$slots, "default", {
|
|
1552
1592
|
id: e.id,
|
|
1553
1593
|
active: e.active,
|
|
1554
1594
|
link: e.link,
|
|
1555
1595
|
text: e.text,
|
|
1556
1596
|
external: e.external
|
|
1557
1597
|
}, () => [
|
|
1558
|
-
|
|
1598
|
+
u("a", {
|
|
1559
1599
|
role: "menuitem",
|
|
1560
|
-
class:
|
|
1600
|
+
class: x({ "-active": e.active }),
|
|
1561
1601
|
href: e.link,
|
|
1562
1602
|
target: e.external ? "_blank" : "_parent"
|
|
1563
|
-
},
|
|
1603
|
+
}, k(e.text), 11, tl)
|
|
1564
1604
|
])
|
|
1565
|
-
],
|
|
1605
|
+
], 40, el));
|
|
1566
1606
|
}
|
|
1567
1607
|
});
|
|
1568
|
-
|
|
1569
|
-
e.component("SolMenuItemLink",
|
|
1608
|
+
ue.install = (e) => {
|
|
1609
|
+
e.component("SolMenuItemLink", ue);
|
|
1570
1610
|
};
|
|
1571
|
-
const
|
|
1611
|
+
const nl = { class: "label-container" }, ll = { class: "label" }, Ie = /* @__PURE__ */ O({
|
|
1612
|
+
__name: "MenuNavigationLinks",
|
|
1613
|
+
props: {
|
|
1614
|
+
id: null,
|
|
1615
|
+
label: null,
|
|
1616
|
+
linkItems: null
|
|
1617
|
+
},
|
|
1618
|
+
setup(e) {
|
|
1619
|
+
return (n, t) => (s(), R(re, {
|
|
1620
|
+
id: `navigation-${e.id}`,
|
|
1621
|
+
class: "sol-menu-navigation-links-core"
|
|
1622
|
+
}, {
|
|
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 }]),
|
|
1629
|
+
"aria-hidden": "true"
|
|
1630
|
+
}, null, 8, ["class"])
|
|
1631
|
+
])
|
|
1632
|
+
])
|
|
1633
|
+
]),
|
|
1634
|
+
default: E(({ close: i }) => [
|
|
1635
|
+
(s(!0), r(j, null, Z(e.linkItems, (l, a) => (s(), R(ue, {
|
|
1636
|
+
id: `${e.id}-${l.text}`,
|
|
1637
|
+
key: a,
|
|
1638
|
+
text: l.text,
|
|
1639
|
+
link: l.link,
|
|
1640
|
+
external: l.external,
|
|
1641
|
+
active: l.active,
|
|
1642
|
+
onClicked: i
|
|
1643
|
+
}, {
|
|
1644
|
+
default: E(() => [
|
|
1645
|
+
m(n.$slots, "default", {
|
|
1646
|
+
id: e.id,
|
|
1647
|
+
active: l.active,
|
|
1648
|
+
link: l.link,
|
|
1649
|
+
text: l.text,
|
|
1650
|
+
external: l.external
|
|
1651
|
+
})
|
|
1652
|
+
]),
|
|
1653
|
+
_: 2
|
|
1654
|
+
}, 1032, ["id", "text", "link", "external", "active", "onClicked"]))), 128))
|
|
1655
|
+
]),
|
|
1656
|
+
_: 3
|
|
1657
|
+
}, 8, ["id"]));
|
|
1658
|
+
}
|
|
1659
|
+
});
|
|
1660
|
+
Ie.install = (e) => {
|
|
1661
|
+
e.component("SolMenuNavigationLinks", Ie);
|
|
1662
|
+
};
|
|
1663
|
+
const Ge = 12, Q = {
|
|
1572
1664
|
type: "success",
|
|
1573
1665
|
timeout: 5e3,
|
|
1574
1666
|
showIcon: !0,
|
|
@@ -1576,59 +1668,59 @@ const Ee = 12, K = {
|
|
|
1576
1668
|
position: "top-right",
|
|
1577
1669
|
hideProgressBar: !1
|
|
1578
1670
|
};
|
|
1579
|
-
function
|
|
1580
|
-
const t =
|
|
1671
|
+
function il(e, n) {
|
|
1672
|
+
const t = ie({
|
|
1581
1673
|
id: null,
|
|
1582
1674
|
intervalId: null,
|
|
1583
1675
|
startTime: 0,
|
|
1584
|
-
remaining:
|
|
1585
|
-
}),
|
|
1586
|
-
function
|
|
1676
|
+
remaining: n
|
|
1677
|
+
}), i = z(100);
|
|
1678
|
+
function l() {
|
|
1587
1679
|
clearInterval(t.intervalId), clearTimeout(t.id), t.remaining -= Date.now() - t.startTime;
|
|
1588
1680
|
}
|
|
1589
1681
|
function a() {
|
|
1590
1682
|
t.startTime = Date.now(), clearTimeout(t.id), t.intervalId = setInterval(() => {
|
|
1591
|
-
|
|
1592
|
-
},
|
|
1683
|
+
i.value--;
|
|
1684
|
+
}, n / 100 - 5), t.id = setTimeout(e, t.remaining);
|
|
1593
1685
|
}
|
|
1594
1686
|
function o() {
|
|
1595
|
-
clearInterval(t.intervalId), clearTimeout(t.id),
|
|
1687
|
+
clearInterval(t.intervalId), clearTimeout(t.id), i.value = 100;
|
|
1596
1688
|
}
|
|
1597
|
-
return
|
|
1598
|
-
if (
|
|
1689
|
+
return pe(() => {
|
|
1690
|
+
if (n <= 0)
|
|
1599
1691
|
return !1;
|
|
1600
|
-
}),
|
|
1692
|
+
}), Xe(() => {
|
|
1601
1693
|
o();
|
|
1602
1694
|
}), {
|
|
1603
1695
|
start: a,
|
|
1604
|
-
stop:
|
|
1696
|
+
stop: l,
|
|
1605
1697
|
clear: o,
|
|
1606
|
-
progress:
|
|
1698
|
+
progress: i
|
|
1607
1699
|
};
|
|
1608
1700
|
}
|
|
1609
|
-
function
|
|
1701
|
+
function al(e) {
|
|
1610
1702
|
return {
|
|
1611
|
-
stylePosition:
|
|
1612
|
-
const { position: t, offset:
|
|
1703
|
+
stylePosition: p(() => {
|
|
1704
|
+
const { position: t, offset: i } = e();
|
|
1613
1705
|
switch (t) {
|
|
1614
1706
|
case "top-left":
|
|
1615
1707
|
return {
|
|
1616
1708
|
left: "0",
|
|
1617
|
-
top: `${
|
|
1709
|
+
top: `${i}px`
|
|
1618
1710
|
};
|
|
1619
1711
|
case "bottom-left":
|
|
1620
1712
|
return {
|
|
1621
1713
|
left: "0",
|
|
1622
|
-
bottom: `${
|
|
1714
|
+
bottom: `${i}px`
|
|
1623
1715
|
};
|
|
1624
1716
|
case "bottom-right":
|
|
1625
1717
|
return {
|
|
1626
1718
|
right: "0",
|
|
1627
|
-
bottom: `${
|
|
1719
|
+
bottom: `${i}px`
|
|
1628
1720
|
};
|
|
1629
1721
|
case "top-center":
|
|
1630
1722
|
return {
|
|
1631
|
-
top: `${
|
|
1723
|
+
top: `${i}px`,
|
|
1632
1724
|
left: "0",
|
|
1633
1725
|
right: "0",
|
|
1634
1726
|
marginRight: "auto",
|
|
@@ -1636,7 +1728,7 @@ function Fl(e) {
|
|
|
1636
1728
|
};
|
|
1637
1729
|
case "bottom-center":
|
|
1638
1730
|
return {
|
|
1639
|
-
bottom: `${
|
|
1731
|
+
bottom: `${i}px`,
|
|
1640
1732
|
left: "0",
|
|
1641
1733
|
right: "0",
|
|
1642
1734
|
marginRight: "auto",
|
|
@@ -1645,169 +1737,169 @@ function Fl(e) {
|
|
|
1645
1737
|
default:
|
|
1646
1738
|
return {
|
|
1647
1739
|
right: "0",
|
|
1648
|
-
top: `${
|
|
1740
|
+
top: `${i}px`
|
|
1649
1741
|
};
|
|
1650
1742
|
}
|
|
1651
1743
|
})
|
|
1652
1744
|
};
|
|
1653
1745
|
}
|
|
1654
|
-
var
|
|
1655
|
-
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 = {
|
|
1656
1748
|
preserveAspectRatio: "xMidYMid meet",
|
|
1657
1749
|
viewBox: "0 0 24 24",
|
|
1658
1750
|
width: "1em",
|
|
1659
1751
|
height: "1em"
|
|
1660
|
-
},
|
|
1752
|
+
}, sl = /* @__PURE__ */ u("path", {
|
|
1661
1753
|
fill: "currentColor",
|
|
1662
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"
|
|
1663
|
-
}, null, -1),
|
|
1664
|
-
|
|
1755
|
+
}, null, -1), dl = [
|
|
1756
|
+
sl
|
|
1665
1757
|
];
|
|
1666
|
-
function
|
|
1667
|
-
return s(),
|
|
1758
|
+
function cl(e, n) {
|
|
1759
|
+
return s(), r("svg", ol, dl);
|
|
1668
1760
|
}
|
|
1669
|
-
const
|
|
1761
|
+
const rl = { name: "mi-circle-check", render: cl }, ul = {
|
|
1670
1762
|
preserveAspectRatio: "xMidYMid meet",
|
|
1671
1763
|
viewBox: "0 0 24 24",
|
|
1672
1764
|
width: "1em",
|
|
1673
1765
|
height: "1em"
|
|
1674
|
-
},
|
|
1766
|
+
}, hl = /* @__PURE__ */ u("path", {
|
|
1675
1767
|
fill: "currentColor",
|
|
1676
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"
|
|
1677
|
-
}, null, -1),
|
|
1678
|
-
|
|
1769
|
+
}, null, -1), fl = [
|
|
1770
|
+
hl
|
|
1679
1771
|
];
|
|
1680
|
-
function
|
|
1681
|
-
return s(),
|
|
1772
|
+
function ml(e, n) {
|
|
1773
|
+
return s(), r("svg", ul, fl);
|
|
1682
1774
|
}
|
|
1683
|
-
const
|
|
1775
|
+
const vl = { name: "mi-circle-error", render: ml }, $l = {
|
|
1684
1776
|
preserveAspectRatio: "xMidYMid meet",
|
|
1685
1777
|
viewBox: "0 0 24 24",
|
|
1686
1778
|
width: "1em",
|
|
1687
1779
|
height: "1em"
|
|
1688
|
-
},
|
|
1689
|
-
/* @__PURE__ */
|
|
1690
|
-
/* @__PURE__ */
|
|
1691
|
-
], -1),
|
|
1692
|
-
|
|
1780
|
+
}, bl = /* @__PURE__ */ u("g", { fill: "currentColor" }, [
|
|
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" }),
|
|
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" })
|
|
1783
|
+
], -1), yl = [
|
|
1784
|
+
bl
|
|
1693
1785
|
];
|
|
1694
|
-
function
|
|
1695
|
-
return s(),
|
|
1786
|
+
function gl(e, n) {
|
|
1787
|
+
return s(), r("svg", $l, yl);
|
|
1696
1788
|
}
|
|
1697
|
-
const
|
|
1789
|
+
const wl = { name: "mi-circle-warning", render: gl }, xl = ["id", "data-testid"], kl = { class: "content-wrapper" }, Sl = {
|
|
1698
1790
|
key: 0,
|
|
1699
1791
|
class: "icon-container",
|
|
1700
1792
|
"aria-hidden": "true"
|
|
1701
|
-
},
|
|
1793
|
+
}, Cl = { class: "content" }, Bl = {
|
|
1702
1794
|
key: 0,
|
|
1703
1795
|
class: "description"
|
|
1704
|
-
},
|
|
1796
|
+
}, Il = ["data-testid"], Ol = /* @__PURE__ */ O({
|
|
1705
1797
|
__name: "Toast",
|
|
1706
1798
|
props: {
|
|
1707
1799
|
id: null,
|
|
1708
|
-
type: { default:
|
|
1800
|
+
type: { default: Q.type },
|
|
1709
1801
|
visible: { type: Boolean, default: !1 },
|
|
1710
1802
|
title: null,
|
|
1711
1803
|
description: null,
|
|
1712
1804
|
timeout: null,
|
|
1713
|
-
hideProgressBar: { type: Boolean, default:
|
|
1714
|
-
showIcon: { type: Boolean, default:
|
|
1805
|
+
hideProgressBar: { type: Boolean, default: Q.hideProgressBar },
|
|
1806
|
+
showIcon: { type: Boolean, default: Q.showIcon },
|
|
1715
1807
|
offset: { default: 0 },
|
|
1716
1808
|
onClose: null,
|
|
1717
1809
|
onCloseHandler: null,
|
|
1718
|
-
position: { default:
|
|
1810
|
+
position: { default: Q.position }
|
|
1719
1811
|
},
|
|
1720
1812
|
setup(e) {
|
|
1721
|
-
const
|
|
1722
|
-
var
|
|
1723
|
-
(
|
|
1724
|
-
},
|
|
1725
|
-
offset:
|
|
1726
|
-
position:
|
|
1727
|
-
})), o =
|
|
1813
|
+
const n = e, { start: t, stop: i, progress: l } = il(() => {
|
|
1814
|
+
var h;
|
|
1815
|
+
(h = n.onCloseHandler) == null || h.call(n);
|
|
1816
|
+
}, n.timeout), { stylePosition: a } = al(() => ({
|
|
1817
|
+
offset: n.offset,
|
|
1818
|
+
position: n.position
|
|
1819
|
+
})), o = p(() => n.title && n.description);
|
|
1728
1820
|
function d() {
|
|
1729
|
-
|
|
1821
|
+
n.timeout > 0 && i();
|
|
1730
1822
|
}
|
|
1731
|
-
function
|
|
1823
|
+
function c() {
|
|
1732
1824
|
t();
|
|
1733
1825
|
}
|
|
1734
|
-
return
|
|
1826
|
+
return pe(() => {
|
|
1735
1827
|
t();
|
|
1736
|
-
}), (
|
|
1737
|
-
name:
|
|
1828
|
+
}), (h, f) => (s(), R(Me, {
|
|
1829
|
+
name: $(Qe)[e.position],
|
|
1738
1830
|
type: "animation"
|
|
1739
1831
|
}, {
|
|
1740
|
-
default:
|
|
1741
|
-
e.visible ? (s(),
|
|
1832
|
+
default: E(() => [
|
|
1833
|
+
e.visible ? (s(), r("div", {
|
|
1742
1834
|
key: 0,
|
|
1743
1835
|
id: `toast-${e.type}-${e.id}`,
|
|
1744
1836
|
role: "status",
|
|
1745
1837
|
"data-testid": `toast-${e.type}-${e.id}`,
|
|
1746
|
-
style:
|
|
1747
|
-
class:
|
|
1748
|
-
onKeyup:
|
|
1838
|
+
style: ae($(a)),
|
|
1839
|
+
class: x(["sol-toast-core", [`-${e.type}`, { "-multiline": $(o) }]]),
|
|
1840
|
+
onKeyup: f[1] || (f[1] = K(
|
|
1749
1841
|
(...B) => e.onCloseHandler && e.onCloseHandler(...B),
|
|
1750
1842
|
["esc"]
|
|
1751
1843
|
)),
|
|
1752
1844
|
onMouseenter: d,
|
|
1753
|
-
onMouseleave:
|
|
1845
|
+
onMouseleave: c,
|
|
1754
1846
|
onFocusin: d,
|
|
1755
|
-
onFocusout:
|
|
1847
|
+
onFocusout: c
|
|
1756
1848
|
}, [
|
|
1757
|
-
|
|
1758
|
-
e.showIcon ? (s(),
|
|
1759
|
-
|
|
1760
|
-
e.type === "success" ? (s(),
|
|
1849
|
+
u("section", kl, [
|
|
1850
|
+
e.showIcon ? (s(), r("div", Sl, [
|
|
1851
|
+
m(h.$slots, "icon-status", { type: e.type }, () => [
|
|
1852
|
+
e.type === "success" ? (s(), R($(rl), {
|
|
1761
1853
|
key: 0,
|
|
1762
1854
|
class: "icon"
|
|
1763
|
-
})) :
|
|
1764
|
-
e.type === "info" ? (s(),
|
|
1855
|
+
})) : T("", !0),
|
|
1856
|
+
e.type === "info" ? (s(), R($(wl), {
|
|
1765
1857
|
key: 1,
|
|
1766
1858
|
class: "icon"
|
|
1767
|
-
})) :
|
|
1768
|
-
e.type === "danger" ? (s(),
|
|
1859
|
+
})) : T("", !0),
|
|
1860
|
+
e.type === "danger" ? (s(), R($(vl), {
|
|
1769
1861
|
key: 2,
|
|
1770
1862
|
class: "icon"
|
|
1771
|
-
})) :
|
|
1863
|
+
})) : T("", !0)
|
|
1772
1864
|
])
|
|
1773
|
-
])) :
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
class:
|
|
1865
|
+
])) : T("", !0),
|
|
1866
|
+
u("div", Cl, [
|
|
1867
|
+
u("p", {
|
|
1868
|
+
class: x(["title", { "-multiline": $(o) }])
|
|
1777
1869
|
}, [
|
|
1778
|
-
|
|
1779
|
-
|
|
1870
|
+
m(h.$slots, "title", {}, () => [
|
|
1871
|
+
D(k(e.title), 1)
|
|
1780
1872
|
])
|
|
1781
1873
|
], 2),
|
|
1782
|
-
e.description ? (s(),
|
|
1783
|
-
|
|
1784
|
-
|
|
1874
|
+
e.description ? (s(), r("p", Bl, [
|
|
1875
|
+
m(h.$slots, "description", {}, () => [
|
|
1876
|
+
D(k(e.description), 1)
|
|
1785
1877
|
])
|
|
1786
|
-
])) :
|
|
1878
|
+
])) : T("", !0)
|
|
1787
1879
|
])
|
|
1788
1880
|
]),
|
|
1789
|
-
|
|
1881
|
+
u("button", {
|
|
1790
1882
|
type: "button",
|
|
1791
|
-
class:
|
|
1883
|
+
class: x(["close", { "-multiline": $(o) }]),
|
|
1792
1884
|
"data-testid": `toast-close-button-${e.type}-${e.id}`,
|
|
1793
1885
|
"aria-label": "close notification",
|
|
1794
|
-
onClick:
|
|
1886
|
+
onClick: f[0] || (f[0] = (...B) => e.onCloseHandler && e.onCloseHandler(...B))
|
|
1795
1887
|
}, [
|
|
1796
|
-
L(
|
|
1797
|
-
], 10,
|
|
1798
|
-
e.hideProgressBar ?
|
|
1888
|
+
L($(Fe), { class: "icon" })
|
|
1889
|
+
], 10, Il),
|
|
1890
|
+
e.hideProgressBar ? T("", !0) : (s(), r("div", {
|
|
1799
1891
|
key: 0,
|
|
1800
1892
|
class: "progressbar",
|
|
1801
1893
|
"aria-hidden": "true",
|
|
1802
|
-
style:
|
|
1894
|
+
style: ae({ width: `${$(l)}%` })
|
|
1803
1895
|
}, null, 4))
|
|
1804
|
-
], 46,
|
|
1896
|
+
], 46, xl)) : T("", !0)
|
|
1805
1897
|
]),
|
|
1806
1898
|
_: 3
|
|
1807
1899
|
}, 8, ["name"]));
|
|
1808
1900
|
}
|
|
1809
1901
|
});
|
|
1810
|
-
const
|
|
1902
|
+
const ee = {
|
|
1811
1903
|
"top-left": [],
|
|
1812
1904
|
"top-right": [],
|
|
1813
1905
|
"top-center": [],
|
|
@@ -1815,135 +1907,137 @@ const X = {
|
|
|
1815
1907
|
"bottom-right": [],
|
|
1816
1908
|
"bottom-center": []
|
|
1817
1909
|
};
|
|
1818
|
-
function
|
|
1910
|
+
function Al() {
|
|
1819
1911
|
let e = 0;
|
|
1820
|
-
function
|
|
1821
|
-
Object.entries(
|
|
1822
|
-
|
|
1912
|
+
function n() {
|
|
1913
|
+
Object.entries(ee).forEach(([i, l]) => {
|
|
1914
|
+
l.length && l.forEach((a) => {
|
|
1823
1915
|
var d;
|
|
1824
1916
|
const o = (d = a.toastVNode.props) == null ? void 0 : d.id;
|
|
1825
|
-
|
|
1917
|
+
Oe(o, i);
|
|
1826
1918
|
});
|
|
1827
1919
|
});
|
|
1828
1920
|
}
|
|
1829
1921
|
return {
|
|
1830
|
-
createToast: (
|
|
1831
|
-
const a = e++, o =
|
|
1832
|
-
return
|
|
1833
|
-
close: () =>
|
|
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), {
|
|
1925
|
+
close: () => Oe(a, o.position)
|
|
1834
1926
|
};
|
|
1835
1927
|
},
|
|
1836
|
-
clearAllToasts:
|
|
1928
|
+
clearAllToasts: n
|
|
1837
1929
|
};
|
|
1838
1930
|
}
|
|
1839
|
-
function
|
|
1840
|
-
const
|
|
1841
|
-
...
|
|
1931
|
+
function Ml(e) {
|
|
1932
|
+
const n = {
|
|
1933
|
+
...Q,
|
|
1842
1934
|
...e,
|
|
1843
1935
|
showIcon: e.showIcon
|
|
1844
1936
|
};
|
|
1845
|
-
return
|
|
1937
|
+
return n.hideProgressBar = !!(n.timeout && (n == null ? void 0 : n.timeout) <= 0), e.hideProgressBar && (n.hideProgressBar = e.hideProgressBar), n;
|
|
1846
1938
|
}
|
|
1847
|
-
function
|
|
1939
|
+
function Tl(e, n, t) {
|
|
1848
1940
|
setTimeout(() => {
|
|
1849
|
-
const
|
|
1850
|
-
document.body.appendChild(
|
|
1941
|
+
const i = Pl(n, ee, Ge), l = document.createElement("div");
|
|
1942
|
+
document.body.appendChild(l);
|
|
1851
1943
|
const a = L(
|
|
1852
|
-
|
|
1853
|
-
|
|
1944
|
+
Ol,
|
|
1945
|
+
Ll(n, e, i, Oe, t)
|
|
1854
1946
|
);
|
|
1855
|
-
|
|
1947
|
+
De(a, l), ee[n.position].push({ toastVNode: a, container: l }), a.component && (a.component.props.visible = !0);
|
|
1856
1948
|
}, 1);
|
|
1857
1949
|
}
|
|
1858
|
-
function
|
|
1950
|
+
function Ll(e, n, t, i, l) {
|
|
1859
1951
|
return {
|
|
1860
1952
|
...e,
|
|
1861
|
-
...
|
|
1862
|
-
id:
|
|
1953
|
+
...l,
|
|
1954
|
+
id: n,
|
|
1863
1955
|
offset: t,
|
|
1864
1956
|
visible: !1,
|
|
1865
1957
|
onCloseHandler() {
|
|
1866
|
-
n
|
|
1958
|
+
i(n, e.position ? e.position : "top-right");
|
|
1867
1959
|
}
|
|
1868
1960
|
};
|
|
1869
1961
|
}
|
|
1870
|
-
function
|
|
1962
|
+
function Pl(e, n, t) {
|
|
1871
1963
|
if (!e.position)
|
|
1872
1964
|
throw new Error("no position");
|
|
1873
|
-
return
|
|
1965
|
+
return n[e.position].reduce((i, { toastVNode: l }) => (i += l.el.offsetHeight + t || 0, i), t);
|
|
1874
1966
|
}
|
|
1875
|
-
function
|
|
1876
|
-
for (let
|
|
1877
|
-
const { toastVNode: a } = l
|
|
1967
|
+
function zl(e, n, t, i) {
|
|
1968
|
+
for (let l = e; l < n.length; l++) {
|
|
1969
|
+
const { toastVNode: a } = n[l];
|
|
1878
1970
|
if (!a.el)
|
|
1879
1971
|
return;
|
|
1880
|
-
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;
|
|
1881
1973
|
if (!a.component)
|
|
1882
1974
|
return;
|
|
1883
1975
|
a.component.props.offset = d;
|
|
1884
1976
|
}
|
|
1885
1977
|
}
|
|
1886
|
-
function
|
|
1887
|
-
var
|
|
1888
|
-
const t =
|
|
1889
|
-
({ toastVNode:
|
|
1890
|
-
var
|
|
1891
|
-
return e === ((
|
|
1978
|
+
function Oe(e, n) {
|
|
1979
|
+
var c;
|
|
1980
|
+
const t = ee[n], i = t.findIndex(
|
|
1981
|
+
({ toastVNode: h }) => {
|
|
1982
|
+
var f;
|
|
1983
|
+
return e === ((f = h == null ? void 0 : h.props) == null ? void 0 : f.id);
|
|
1892
1984
|
}
|
|
1893
1985
|
);
|
|
1894
|
-
if (
|
|
1986
|
+
if (i === -1)
|
|
1895
1987
|
return;
|
|
1896
|
-
const { container:
|
|
1897
|
-
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)
|
|
1898
1990
|
return;
|
|
1899
1991
|
const d = a.component.props;
|
|
1900
1992
|
d.visible = !1, d.onClose && d.onClose(), setTimeout(() => {
|
|
1901
|
-
|
|
1993
|
+
De(null, l), document.body.removeChild(l);
|
|
1902
1994
|
}, 1e3);
|
|
1903
1995
|
}
|
|
1904
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");
|
|
1905
|
-
const
|
|
1906
|
-
SolButton:
|
|
1907
|
-
SolButtonDestructive:
|
|
1997
|
+
const Ae = {
|
|
1998
|
+
SolButton: _,
|
|
1999
|
+
SolButtonDestructive: Ne,
|
|
1908
2000
|
SolInput: W,
|
|
1909
|
-
SolTextarea:
|
|
1910
|
-
SolTextfield:
|
|
1911
|
-
SolTextfieldPassword:
|
|
1912
|
-
SolRadio:
|
|
1913
|
-
SolRadioGroup:
|
|
1914
|
-
SolCheckbox:
|
|
1915
|
-
SolCheckboxGroup:
|
|
1916
|
-
SolSwitch:
|
|
1917
|
-
SolDropdown:
|
|
1918
|
-
SolSelect:
|
|
1919
|
-
SolChip:
|
|
1920
|
-
SolAccordion:
|
|
1921
|
-
SolMenu:
|
|
1922
|
-
SolMenuItemLink:
|
|
2001
|
+
SolTextarea: be,
|
|
2002
|
+
SolTextfield: oe,
|
|
2003
|
+
SolTextfieldPassword: $e,
|
|
2004
|
+
SolRadio: se,
|
|
2005
|
+
SolRadioGroup: ye,
|
|
2006
|
+
SolCheckbox: de,
|
|
2007
|
+
SolCheckboxGroup: ge,
|
|
2008
|
+
SolSwitch: we,
|
|
2009
|
+
SolDropdown: Se,
|
|
2010
|
+
SolSelect: Ce,
|
|
2011
|
+
SolChip: ce,
|
|
2012
|
+
SolAccordion: Be,
|
|
2013
|
+
SolMenu: re,
|
|
2014
|
+
SolMenuItemLink: ue,
|
|
2015
|
+
SolMenuNavigationLinks: Ie
|
|
1923
2016
|
};
|
|
1924
|
-
function
|
|
1925
|
-
for (const
|
|
1926
|
-
e.component(
|
|
2017
|
+
function El(e) {
|
|
2018
|
+
for (const n in Ae)
|
|
2019
|
+
e.component(n, Ae[n]);
|
|
1927
2020
|
}
|
|
1928
2021
|
export {
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
2022
|
+
Be as SolAccordion,
|
|
2023
|
+
_ as SolButton,
|
|
2024
|
+
Ne as SolButtonDestructive,
|
|
2025
|
+
de as SolCheckbox,
|
|
2026
|
+
ge as SolCheckboxGroup,
|
|
2027
|
+
ce as SolChip,
|
|
2028
|
+
Se as SolDropdown,
|
|
1936
2029
|
W as SolInput,
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
2030
|
+
re as SolMenu,
|
|
2031
|
+
ue as SolMenuItemLink,
|
|
2032
|
+
Ie as SolMenuNavigationLinks,
|
|
2033
|
+
se as SolRadio,
|
|
2034
|
+
ye as SolRadioGroup,
|
|
2035
|
+
Ce as SolSelect,
|
|
2036
|
+
we as SolSwitch,
|
|
2037
|
+
be as SolTextarea,
|
|
2038
|
+
oe as SolTextfield,
|
|
2039
|
+
$e as SolTextfieldPassword,
|
|
2040
|
+
Ae as components,
|
|
2041
|
+
El as install,
|
|
2042
|
+
Al as useToast
|
|
1949
2043
|
};
|