@solfacil/girassol 0.1.6 → 0.1.9
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/.vscode/settings.json +1 -0
- package/README.md +46 -3
- package/cli/src/commands/create:component.ts +2 -0
- package/cli/src/templates/components/component.vue.ejs +11 -11
- package/dist/girassol.es.js +276 -183
- package/dist/girassol.umd.js +5 -5
- package/dist/style.css +1 -1
- package/dist/types/components/dropdown/Dropdown.vue.d.ts +4 -0
- package/dist/types/components/forms/button/Button.vue.d.ts +1 -1
- package/dist/types/components/forms/checkbox/CheckboxGroup.vue.d.ts +1 -1
- package/dist/types/components/forms/radio/RadioGroup.vue.d.ts +1 -1
- package/dist/types/components/forms/select/Select.vue.d.ts +6 -5
- package/dist/types/components/forms/textarea/Textarea.vue.d.ts +1 -1
- package/dist/types/components/forms/textfield/Textfield.vue.d.ts +5 -5
- package/dist/types/components/informations/chip/Chip.vue.d.ts +41 -0
- package/dist/types/components/informations/chip/chip.spec.d.ts +1 -0
- package/dist/types/components/informations/chip/index.d.ts +2 -0
- package/dist/types/index.d.ts +2 -1
- package/dist/vite.config.d.ts +1 -1
- package/package.json +35 -21
package/dist/girassol.es.js
CHANGED
|
@@ -19,10 +19,11 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, ref, toDisplayString, createCommentVNode, createVNode, mergeProps, isRef, createBlock, withCtx, withDirectives, vShow, vModelText, Fragment, renderList, getCurrentScope, onScopeDispose, watch, reactive, withModifiers, createTextVNode, Transition as Transition$1, normalizeStyle, withKeys, onMounted, onUnmounted, render as render$8 } from "vue";
|
|
21
21
|
var Button_vue_vue_type_style_index_0_lang = "";
|
|
22
|
-
const _hoisted_1$
|
|
23
|
-
const _hoisted_2$
|
|
24
|
-
const _hoisted_3$
|
|
25
|
-
const _sfc_main$
|
|
22
|
+
const _hoisted_1$l = ["data-testid"];
|
|
23
|
+
const _hoisted_2$j = { class: "icon -left" };
|
|
24
|
+
const _hoisted_3$h = { class: "icon -right" };
|
|
25
|
+
const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
26
|
+
name: "Button",
|
|
26
27
|
props: {
|
|
27
28
|
variant: { default: "primary" },
|
|
28
29
|
dense: { type: Boolean, default: false },
|
|
@@ -46,23 +47,24 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
46
47
|
`]),
|
|
47
48
|
type: "button"
|
|
48
49
|
}, [
|
|
49
|
-
createElementVNode("div", _hoisted_2$
|
|
50
|
+
createElementVNode("div", _hoisted_2$j, [
|
|
50
51
|
renderSlot(_ctx.$slots, "icon-left")
|
|
51
52
|
]),
|
|
52
53
|
renderSlot(_ctx.$slots, "default"),
|
|
53
|
-
createElementVNode("div", _hoisted_3$
|
|
54
|
+
createElementVNode("div", _hoisted_3$h, [
|
|
54
55
|
renderSlot(_ctx.$slots, "icon-right")
|
|
55
56
|
])
|
|
56
|
-
], 10, _hoisted_1$
|
|
57
|
+
], 10, _hoisted_1$l);
|
|
57
58
|
};
|
|
58
59
|
}
|
|
59
60
|
});
|
|
60
|
-
_sfc_main$
|
|
61
|
-
app.component("SolButton", _sfc_main$
|
|
61
|
+
_sfc_main$d.install = (app) => {
|
|
62
|
+
app.component("SolButton", _sfc_main$d);
|
|
62
63
|
};
|
|
63
64
|
var Input_vue_vue_type_style_index_0_lang = "";
|
|
64
|
-
const _hoisted_1$
|
|
65
|
-
const _sfc_main$
|
|
65
|
+
const _hoisted_1$k = ["id", "data-testid", "value"];
|
|
66
|
+
const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
67
|
+
name: "Input",
|
|
66
68
|
props: {
|
|
67
69
|
id: null,
|
|
68
70
|
modelValue: null,
|
|
@@ -72,8 +74,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
72
74
|
emits: ["update:modelValue"],
|
|
73
75
|
setup(__props, { expose, emit }) {
|
|
74
76
|
function emitInput({ target }) {
|
|
75
|
-
|
|
76
|
-
emit("update:modelValue", (_a2 = target == null ? void 0 : target.value) != null ? _a2 : "");
|
|
77
|
+
emit("update:modelValue", target == null ? void 0 : target.value);
|
|
77
78
|
}
|
|
78
79
|
const input = ref("");
|
|
79
80
|
expose({
|
|
@@ -88,20 +89,21 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
88
89
|
value: __props.modelValue,
|
|
89
90
|
class: normalizeClass(["sol-input-core", { "-invert": __props.invert, "-error": __props.error }]),
|
|
90
91
|
onInput: emitInput
|
|
91
|
-
}, null, 42, _hoisted_1$
|
|
92
|
+
}, null, 42, _hoisted_1$k);
|
|
92
93
|
};
|
|
93
94
|
}
|
|
94
95
|
});
|
|
95
|
-
_sfc_main$
|
|
96
|
-
app.component("SolInput", _sfc_main$
|
|
96
|
+
_sfc_main$c.install = (app) => {
|
|
97
|
+
app.component("SolInput", _sfc_main$c);
|
|
97
98
|
};
|
|
98
99
|
var Textfield_vue_vue_type_style_index_0_lang = "";
|
|
99
|
-
const _hoisted_1$
|
|
100
|
-
const _hoisted_2$
|
|
101
|
-
const _hoisted_3$
|
|
100
|
+
const _hoisted_1$j = ["id", "data-testid"];
|
|
101
|
+
const _hoisted_2$i = ["for"];
|
|
102
|
+
const _hoisted_3$g = { class: "container-input" };
|
|
102
103
|
const _hoisted_4$6 = ["id"];
|
|
103
104
|
const _hoisted_5$3 = ["id"];
|
|
104
|
-
const _sfc_main$
|
|
105
|
+
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
106
|
+
name: "Textfield",
|
|
105
107
|
props: {
|
|
106
108
|
id: null,
|
|
107
109
|
class: null,
|
|
@@ -144,11 +146,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
144
146
|
class: "label"
|
|
145
147
|
}, [
|
|
146
148
|
createElementVNode("span", null, toDisplayString(__props.label), 1)
|
|
147
|
-
], 8, _hoisted_2$
|
|
149
|
+
], 8, _hoisted_2$i)) : createCommentVNode("", true)
|
|
148
150
|
]),
|
|
149
|
-
createElementVNode("div", _hoisted_3$
|
|
151
|
+
createElementVNode("div", _hoisted_3$g, [
|
|
150
152
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
151
|
-
createVNode(_sfc_main$
|
|
153
|
+
createVNode(_sfc_main$c, mergeProps(_ctx.$attrs, {
|
|
152
154
|
id: __props.id,
|
|
153
155
|
modelValue: unref(model),
|
|
154
156
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
|
|
@@ -170,46 +172,47 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
170
172
|
id: `error-${__props.id}`,
|
|
171
173
|
class: "error"
|
|
172
174
|
}, toDisplayString(__props.error), 9, _hoisted_5$3)) : createCommentVNode("", true)
|
|
173
|
-
], 10, _hoisted_1$
|
|
175
|
+
], 10, _hoisted_1$j);
|
|
174
176
|
};
|
|
175
177
|
}
|
|
176
178
|
});
|
|
177
|
-
const _hoisted_1$
|
|
179
|
+
const _hoisted_1$i = {
|
|
178
180
|
preserveAspectRatio: "xMidYMid meet",
|
|
179
181
|
viewBox: "0 0 24 24",
|
|
180
182
|
width: "1.2em",
|
|
181
183
|
height: "1.2em"
|
|
182
184
|
};
|
|
183
|
-
const _hoisted_2$
|
|
185
|
+
const _hoisted_2$h = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
|
|
184
186
|
/* @__PURE__ */ createElementVNode("path", { d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0z" }),
|
|
185
187
|
/* @__PURE__ */ createElementVNode("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" })
|
|
186
188
|
], -1);
|
|
187
|
-
const _hoisted_3$
|
|
188
|
-
_hoisted_2$
|
|
189
|
+
const _hoisted_3$f = [
|
|
190
|
+
_hoisted_2$h
|
|
189
191
|
];
|
|
190
192
|
function render$7(_ctx, _cache) {
|
|
191
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$
|
|
193
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$f);
|
|
192
194
|
}
|
|
193
195
|
var EyeOn = { name: "mi-eye", render: render$7 };
|
|
194
|
-
const _hoisted_1$
|
|
196
|
+
const _hoisted_1$h = {
|
|
195
197
|
preserveAspectRatio: "xMidYMid meet",
|
|
196
198
|
viewBox: "0 0 24 24",
|
|
197
199
|
width: "1.2em",
|
|
198
200
|
height: "1.2em"
|
|
199
201
|
};
|
|
200
|
-
const _hoisted_2$
|
|
202
|
+
const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
|
|
201
203
|
fill: "currentColor",
|
|
202
204
|
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"
|
|
203
205
|
}, null, -1);
|
|
204
|
-
const _hoisted_3$
|
|
205
|
-
_hoisted_2$
|
|
206
|
+
const _hoisted_3$e = [
|
|
207
|
+
_hoisted_2$g
|
|
206
208
|
];
|
|
207
209
|
function render$6(_ctx, _cache) {
|
|
208
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$
|
|
210
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$e);
|
|
209
211
|
}
|
|
210
212
|
var EyeOff = { name: "mi-eye-off", render: render$6 };
|
|
211
|
-
const _hoisted_1$
|
|
212
|
-
const _sfc_main$
|
|
213
|
+
const _hoisted_1$g = ["aria-label"];
|
|
214
|
+
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
215
|
+
name: "TextfieldPassword",
|
|
213
216
|
props: {
|
|
214
217
|
id: { default: "" },
|
|
215
218
|
label: { default: "Sua senha" }
|
|
@@ -218,7 +221,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
218
221
|
const passwordIsVisible = ref(false);
|
|
219
222
|
const inputType = computed(() => passwordIsVisible.value ? "text" : "password");
|
|
220
223
|
return (_ctx, _cache) => {
|
|
221
|
-
return openBlock(), createBlock(_sfc_main$
|
|
224
|
+
return openBlock(), createBlock(_sfc_main$b, {
|
|
222
225
|
id: __props.id,
|
|
223
226
|
required: "",
|
|
224
227
|
type: unref(inputType),
|
|
@@ -238,27 +241,28 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
238
241
|
withDirectives(createVNode(unref(EyeOff), { "aria-hidden": "true" }, null, 512), [
|
|
239
242
|
[vShow, !passwordIsVisible.value]
|
|
240
243
|
])
|
|
241
|
-
], 8, _hoisted_1$
|
|
244
|
+
], 8, _hoisted_1$g)
|
|
242
245
|
]),
|
|
243
246
|
_: 1
|
|
244
247
|
}, 8, ["id", "type", "label"]);
|
|
245
248
|
};
|
|
246
249
|
}
|
|
247
250
|
});
|
|
248
|
-
_sfc_main$
|
|
249
|
-
app.component("SolTextfield", _sfc_main$
|
|
251
|
+
_sfc_main$b.install = (app) => {
|
|
252
|
+
app.component("SolTextfield", _sfc_main$b);
|
|
250
253
|
};
|
|
251
|
-
_sfc_main$
|
|
252
|
-
app.component("SolTextfieldPassword", _sfc_main$
|
|
254
|
+
_sfc_main$a.install = (app) => {
|
|
255
|
+
app.component("SolTextfieldPassword", _sfc_main$a);
|
|
253
256
|
};
|
|
254
257
|
var Textarea_vue_vue_type_style_index_0_lang = "";
|
|
255
|
-
const _hoisted_1$
|
|
256
|
-
const _hoisted_2$
|
|
257
|
-
const _hoisted_3$
|
|
258
|
+
const _hoisted_1$f = ["id", "data-testid"];
|
|
259
|
+
const _hoisted_2$f = ["for"];
|
|
260
|
+
const _hoisted_3$d = { class: "container-textarea" };
|
|
258
261
|
const _hoisted_4$5 = ["id", "data-testid", "invert", "aria-invalid", "aria-describedby"];
|
|
259
262
|
const _hoisted_5$2 = ["id"];
|
|
260
263
|
const _hoisted_6$2 = ["id"];
|
|
261
|
-
const _sfc_main$
|
|
264
|
+
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
265
|
+
name: "Textarea",
|
|
262
266
|
props: {
|
|
263
267
|
id: null,
|
|
264
268
|
class: null,
|
|
@@ -302,9 +306,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
302
306
|
class: "label"
|
|
303
307
|
}, [
|
|
304
308
|
createElementVNode("span", null, toDisplayString(__props.label), 1)
|
|
305
|
-
], 8, _hoisted_2$
|
|
309
|
+
], 8, _hoisted_2$f)) : createCommentVNode("", true)
|
|
306
310
|
]),
|
|
307
|
-
createElementVNode("div", _hoisted_3$
|
|
311
|
+
createElementVNode("div", _hoisted_3$d, [
|
|
308
312
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
309
313
|
withDirectives(createElementVNode("textarea", mergeProps(_ctx.$attrs, {
|
|
310
314
|
id: `input-${__props.id}`,
|
|
@@ -329,17 +333,18 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
329
333
|
id: `error-${__props.id}`,
|
|
330
334
|
class: "error"
|
|
331
335
|
}, toDisplayString(__props.error), 9, _hoisted_6$2)) : createCommentVNode("", true)
|
|
332
|
-
], 10, _hoisted_1$
|
|
336
|
+
], 10, _hoisted_1$f);
|
|
333
337
|
};
|
|
334
338
|
}
|
|
335
339
|
});
|
|
336
|
-
_sfc_main$
|
|
337
|
-
app.component("SolTextarea", _sfc_main$
|
|
340
|
+
_sfc_main$9.install = (app) => {
|
|
341
|
+
app.component("SolTextarea", _sfc_main$9);
|
|
338
342
|
};
|
|
339
343
|
var Radio_vue_vue_type_style_index_0_lang = "";
|
|
340
|
-
const _hoisted_1$
|
|
341
|
-
const _hoisted_2$
|
|
342
|
-
const _sfc_main$
|
|
344
|
+
const _hoisted_1$e = ["id", "data-testid", "checked", "value", "name"];
|
|
345
|
+
const _hoisted_2$e = ["for"];
|
|
346
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
347
|
+
name: "Radio",
|
|
343
348
|
props: {
|
|
344
349
|
id: null,
|
|
345
350
|
name: null,
|
|
@@ -363,21 +368,22 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
363
368
|
value: __props.value,
|
|
364
369
|
name: __props.name,
|
|
365
370
|
onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
|
|
366
|
-
}), null, 16, _hoisted_1$
|
|
371
|
+
}), null, 16, _hoisted_1$e),
|
|
367
372
|
createElementVNode("label", {
|
|
368
373
|
class: "label",
|
|
369
374
|
for: `radio-${__props.name}-${__props.id}`
|
|
370
|
-
}, toDisplayString(__props.label), 9, _hoisted_2$
|
|
375
|
+
}, toDisplayString(__props.label), 9, _hoisted_2$e)
|
|
371
376
|
], 2);
|
|
372
377
|
};
|
|
373
378
|
}
|
|
374
379
|
});
|
|
375
380
|
var RadioGroup_vue_vue_type_style_index_0_lang = "";
|
|
376
|
-
const _hoisted_1$
|
|
377
|
-
const _hoisted_2$
|
|
378
|
-
const _hoisted_3$
|
|
381
|
+
const _hoisted_1$d = ["aria-labelledby"];
|
|
382
|
+
const _hoisted_2$d = ["id", "data-testid"];
|
|
383
|
+
const _hoisted_3$c = ["id"];
|
|
379
384
|
const _hoisted_4$4 = ["id"];
|
|
380
|
-
const _sfc_main$
|
|
385
|
+
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
386
|
+
name: "RadioGroup",
|
|
381
387
|
props: {
|
|
382
388
|
id: null,
|
|
383
389
|
title: null,
|
|
@@ -420,7 +426,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
420
426
|
id: `radio-group-title-${__props.id}`,
|
|
421
427
|
class: normalizeClass(["title", { "sr-only": __props.hideTitle }]),
|
|
422
428
|
"data-testid": `radio-group-title-${__props.id}`
|
|
423
|
-
}, toDisplayString(__props.title), 11, _hoisted_2$
|
|
429
|
+
}, toDisplayString(__props.title), 11, _hoisted_2$d)
|
|
424
430
|
]),
|
|
425
431
|
createElementVNode("ul", {
|
|
426
432
|
class: normalizeClass(["container-radios", { "flex-col": __props.direction === "column" }])
|
|
@@ -432,7 +438,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
432
438
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.radios, (radio, index) => {
|
|
433
439
|
var _a2;
|
|
434
440
|
return openBlock(), createElementBlock("li", { key: index }, [
|
|
435
|
-
createVNode(_sfc_main$
|
|
441
|
+
createVNode(_sfc_main$8, mergeProps(_ctx.$attrs, {
|
|
436
442
|
id: (_a2 = radio == null ? void 0 : radio.id) != null ? _a2 : `${radio.value}`,
|
|
437
443
|
class: ["radio", { "mb-micro": __props.direction === "column", "mr-micro": __props.direction === "row" }],
|
|
438
444
|
name: radio.name,
|
|
@@ -451,25 +457,26 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
451
457
|
key: 0,
|
|
452
458
|
id: `hint-${__props.id}`,
|
|
453
459
|
class: "hint"
|
|
454
|
-
}, toDisplayString(__props.hint), 9, _hoisted_3$
|
|
460
|
+
}, toDisplayString(__props.hint), 9, _hoisted_3$c)) : __props.error ? (openBlock(), createElementBlock("p", {
|
|
455
461
|
key: 1,
|
|
456
462
|
id: `error-${__props.id}`,
|
|
457
463
|
class: "error"
|
|
458
464
|
}, toDisplayString(__props.error), 9, _hoisted_4$4)) : createCommentVNode("", true)
|
|
459
|
-
], 8, _hoisted_1$
|
|
465
|
+
], 8, _hoisted_1$d);
|
|
460
466
|
};
|
|
461
467
|
}
|
|
462
468
|
});
|
|
463
|
-
_sfc_main$
|
|
464
|
-
app.component("SolRadio", _sfc_main$
|
|
469
|
+
_sfc_main$8.install = (app) => {
|
|
470
|
+
app.component("SolRadio", _sfc_main$8);
|
|
465
471
|
};
|
|
466
|
-
_sfc_main$
|
|
467
|
-
app.component("SolRadioGroup", _sfc_main$
|
|
472
|
+
_sfc_main$7.install = (app) => {
|
|
473
|
+
app.component("SolRadioGroup", _sfc_main$7);
|
|
468
474
|
};
|
|
469
475
|
var Checkbox_vue_vue_type_style_index_0_lang = "";
|
|
470
|
-
const _hoisted_1$
|
|
471
|
-
const _hoisted_2$
|
|
472
|
-
const _sfc_main$
|
|
476
|
+
const _hoisted_1$c = ["id", "data-testid", "checked", "value", "name"];
|
|
477
|
+
const _hoisted_2$c = ["for"];
|
|
478
|
+
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
479
|
+
name: "Checkbox",
|
|
473
480
|
props: {
|
|
474
481
|
id: null,
|
|
475
482
|
name: null,
|
|
@@ -493,21 +500,22 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
493
500
|
value: __props.value,
|
|
494
501
|
name: __props.name,
|
|
495
502
|
onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
|
|
496
|
-
}), null, 16, _hoisted_1$
|
|
503
|
+
}), null, 16, _hoisted_1$c),
|
|
497
504
|
createElementVNode("label", {
|
|
498
505
|
class: "label",
|
|
499
506
|
for: `checkbox-${__props.name}-${__props.id}`
|
|
500
|
-
}, toDisplayString(__props.label), 9, _hoisted_2$
|
|
507
|
+
}, toDisplayString(__props.label), 9, _hoisted_2$c)
|
|
501
508
|
], 2);
|
|
502
509
|
};
|
|
503
510
|
}
|
|
504
511
|
});
|
|
505
512
|
var CheckboxGroup_vue_vue_type_style_index_0_lang = "";
|
|
506
|
-
const _hoisted_1$
|
|
507
|
-
const _hoisted_2$
|
|
508
|
-
const _hoisted_3$
|
|
513
|
+
const _hoisted_1$b = ["aria-labelledby"];
|
|
514
|
+
const _hoisted_2$b = ["id", "data-testid"];
|
|
515
|
+
const _hoisted_3$b = ["id"];
|
|
509
516
|
const _hoisted_4$3 = ["id"];
|
|
510
|
-
const _sfc_main$
|
|
517
|
+
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
518
|
+
name: "CheckboxGroup",
|
|
511
519
|
props: {
|
|
512
520
|
id: null,
|
|
513
521
|
title: null,
|
|
@@ -556,7 +564,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
556
564
|
id: `checkbox-group-title-${__props.id}`,
|
|
557
565
|
class: normalizeClass(["title", { "sr-only": __props.hideTitle }]),
|
|
558
566
|
"data-testid": `checkbox-group-title-${__props.id}`
|
|
559
|
-
}, toDisplayString(__props.title), 11, _hoisted_2$
|
|
567
|
+
}, toDisplayString(__props.title), 11, _hoisted_2$b)
|
|
560
568
|
]),
|
|
561
569
|
createElementVNode("ul", {
|
|
562
570
|
class: normalizeClass(["container-checkboxes", { "flex-col": __props.direction === "column" }])
|
|
@@ -568,7 +576,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
568
576
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.checkboxes, (checkbox, index) => {
|
|
569
577
|
var _a2;
|
|
570
578
|
return openBlock(), createElementBlock("li", { key: index }, [
|
|
571
|
-
createVNode(_sfc_main$
|
|
579
|
+
createVNode(_sfc_main$6, mergeProps(_ctx.$attrs, {
|
|
572
580
|
id: (_a2 = checkbox == null ? void 0 : checkbox.id) != null ? _a2 : `${checkbox.value}`,
|
|
573
581
|
class: ["checkbox", { "mb-micro": __props.direction === "column", "mr-micro": __props.direction === "row" }],
|
|
574
582
|
label: checkbox.label,
|
|
@@ -587,27 +595,28 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
587
595
|
key: 0,
|
|
588
596
|
id: `hint-${__props.id}`,
|
|
589
597
|
class: "hint"
|
|
590
|
-
}, toDisplayString(__props.hint), 9, _hoisted_3$
|
|
598
|
+
}, toDisplayString(__props.hint), 9, _hoisted_3$b)) : __props.error ? (openBlock(), createElementBlock("p", {
|
|
591
599
|
key: 1,
|
|
592
600
|
id: `error-${__props.id}`,
|
|
593
601
|
class: "error"
|
|
594
602
|
}, toDisplayString(__props.error), 9, _hoisted_4$3)) : createCommentVNode("", true)
|
|
595
|
-
], 8, _hoisted_1$
|
|
603
|
+
], 8, _hoisted_1$b);
|
|
596
604
|
};
|
|
597
605
|
}
|
|
598
606
|
});
|
|
599
|
-
_sfc_main$
|
|
600
|
-
app.component("SolCheckbox", _sfc_main$
|
|
607
|
+
_sfc_main$6.install = (app) => {
|
|
608
|
+
app.component("SolCheckbox", _sfc_main$6);
|
|
601
609
|
};
|
|
602
|
-
_sfc_main$
|
|
603
|
-
app.component("SolCheckboxGroup", _sfc_main$
|
|
610
|
+
_sfc_main$5.install = (app) => {
|
|
611
|
+
app.component("SolCheckboxGroup", _sfc_main$5);
|
|
604
612
|
};
|
|
605
613
|
var Switch_vue_vue_type_style_index_0_lang = "";
|
|
606
|
-
const _hoisted_1$
|
|
607
|
-
const _hoisted_2$
|
|
608
|
-
const _hoisted_3$
|
|
614
|
+
const _hoisted_1$a = ["id", "for", "data-testid"];
|
|
615
|
+
const _hoisted_2$a = { class: "switch-container" };
|
|
616
|
+
const _hoisted_3$a = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"];
|
|
609
617
|
const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "ellipse" }, null, -1);
|
|
610
|
-
const _sfc_main$
|
|
618
|
+
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
619
|
+
name: "Switch",
|
|
611
620
|
props: {
|
|
612
621
|
id: null,
|
|
613
622
|
name: null,
|
|
@@ -629,8 +638,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
629
638
|
class: normalizeClass(["label", { "mb-1": !__props.horizontalLabel, "sr-only": __props.hideLabel }]),
|
|
630
639
|
for: `switch-${__props.name}-${__props.id}`,
|
|
631
640
|
"data-testid": `switch-label-${__props.name}-${__props.id}`
|
|
632
|
-
}, toDisplayString(__props.label), 11, _hoisted_1$
|
|
633
|
-
createElementVNode("div", _hoisted_2$
|
|
641
|
+
}, toDisplayString(__props.label), 11, _hoisted_1$a),
|
|
642
|
+
createElementVNode("div", _hoisted_2$a, [
|
|
634
643
|
createElementVNode("input", mergeProps(_ctx.$attrs, {
|
|
635
644
|
id: `switch-${__props.name}-${__props.id}`,
|
|
636
645
|
type: "checkbox",
|
|
@@ -643,15 +652,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
643
652
|
value: __props.value,
|
|
644
653
|
name: __props.name,
|
|
645
654
|
onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
|
|
646
|
-
}), null, 16, _hoisted_3$
|
|
655
|
+
}), null, 16, _hoisted_3$a),
|
|
647
656
|
_hoisted_4$2
|
|
648
657
|
])
|
|
649
658
|
], 2);
|
|
650
659
|
};
|
|
651
660
|
}
|
|
652
661
|
});
|
|
653
|
-
_sfc_main$
|
|
654
|
-
app.component("SolSwitch", _sfc_main$
|
|
662
|
+
_sfc_main$4.install = (app) => {
|
|
663
|
+
app.component("SolSwitch", _sfc_main$4);
|
|
655
664
|
};
|
|
656
665
|
function tryOnScopeDispose(fn) {
|
|
657
666
|
if (getCurrentScope()) {
|
|
@@ -744,27 +753,27 @@ const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !
|
|
|
744
753
|
const globalKey = "__vueuse_ssr_handlers__";
|
|
745
754
|
_global[globalKey] = _global[globalKey] || {};
|
|
746
755
|
_global[globalKey];
|
|
747
|
-
const _hoisted_1$
|
|
756
|
+
const _hoisted_1$9 = {
|
|
748
757
|
preserveAspectRatio: "xMidYMid meet",
|
|
749
758
|
viewBox: "0 0 24 24",
|
|
750
759
|
width: "1.2em",
|
|
751
760
|
height: "1.2em"
|
|
752
761
|
};
|
|
753
|
-
const _hoisted_2$
|
|
762
|
+
const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", {
|
|
754
763
|
fill: "currentColor",
|
|
755
764
|
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"
|
|
756
765
|
}, null, -1);
|
|
757
|
-
const _hoisted_3$
|
|
758
|
-
_hoisted_2$
|
|
766
|
+
const _hoisted_3$9 = [
|
|
767
|
+
_hoisted_2$9
|
|
759
768
|
];
|
|
760
769
|
function render$5(_ctx, _cache) {
|
|
761
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$
|
|
770
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$9);
|
|
762
771
|
}
|
|
763
772
|
var IconSearch = { name: "mi-search", render: render$5 };
|
|
764
773
|
var Dropdown_vue_vue_type_style_index_0_lang = "";
|
|
765
|
-
const _hoisted_1$
|
|
766
|
-
const _hoisted_2$
|
|
767
|
-
const _hoisted_3$
|
|
774
|
+
const _hoisted_1$8 = ["data-testid"];
|
|
775
|
+
const _hoisted_2$8 = ["id", "for"];
|
|
776
|
+
const _hoisted_3$8 = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"];
|
|
768
777
|
const _hoisted_4$1 = { class: "dropdown-container" };
|
|
769
778
|
const _hoisted_5$1 = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"];
|
|
770
779
|
const _hoisted_6$1 = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"];
|
|
@@ -773,10 +782,13 @@ const _hoisted_7 = {
|
|
|
773
782
|
class: "no-data"
|
|
774
783
|
};
|
|
775
784
|
const _hoisted_8 = /* @__PURE__ */ createTextVNode(" Sem dados ");
|
|
776
|
-
const _sfc_main$
|
|
785
|
+
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
786
|
+
name: "Dropdown",
|
|
777
787
|
props: {
|
|
778
788
|
id: null,
|
|
779
789
|
label: null,
|
|
790
|
+
ariaLabel: null,
|
|
791
|
+
smallerWidth: { type: Boolean },
|
|
780
792
|
disabled: { type: Boolean },
|
|
781
793
|
loading: { type: Boolean, default: false },
|
|
782
794
|
searchable: { type: Boolean, default: false },
|
|
@@ -887,21 +899,23 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
887
899
|
function getOption(option, key) {
|
|
888
900
|
return typeof option === "string" ? option : option[key != null ? key : "value"];
|
|
889
901
|
}
|
|
902
|
+
function addRefElementToElements(key, target) {
|
|
903
|
+
elements[key] = target != null ? target : void 0;
|
|
904
|
+
}
|
|
890
905
|
return (_ctx, _cache) => {
|
|
891
906
|
return openBlock(), createElementBlock("div", {
|
|
892
907
|
ref_key: "el",
|
|
893
908
|
ref: el,
|
|
894
|
-
class: "sol-dropdown-core",
|
|
909
|
+
class: normalizeClass(["sol-dropdown-core", { "-smaller": __props.smallerWidth }]),
|
|
895
910
|
"data-testid": `dropdown-${__props.id}`,
|
|
896
911
|
onKeydownPassive: navigation
|
|
897
912
|
}, [
|
|
898
913
|
renderSlot(_ctx.$slots, "label", {}, () => [
|
|
899
|
-
|
|
900
|
-
key: 0,
|
|
914
|
+
createElementVNode("label", {
|
|
901
915
|
id: `label-dropdown-${__props.id}`,
|
|
902
|
-
class: normalizeClass(["label", { "-disabled": __props.disabled }]),
|
|
916
|
+
class: normalizeClass(["label", { "-disabled": __props.disabled, "sr-only": __props.ariaLabel }]),
|
|
903
917
|
for: `toggle-dropdown-${__props.id}`
|
|
904
|
-
}, toDisplayString(__props.label), 11, _hoisted_2$
|
|
918
|
+
}, toDisplayString(__props.label || __props.ariaLabel), 11, _hoisted_2$8)
|
|
905
919
|
]),
|
|
906
920
|
createElementVNode("button", {
|
|
907
921
|
id: `toggle-dropdown-${__props.id}`,
|
|
@@ -911,18 +925,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
911
925
|
"aria-haspopup": "listbox",
|
|
912
926
|
"aria-expanded": isDropdownOpen.value,
|
|
913
927
|
"aria-labelledby": `label-dropdown-${__props.id}`,
|
|
928
|
+
"aria-label": __props.ariaLabel,
|
|
914
929
|
"aria-controls": `dropdown-list-${__props.id}`,
|
|
915
930
|
onClick: withModifiers(toggleDropdown, ["stop"])
|
|
916
931
|
}, [
|
|
917
932
|
renderSlot(_ctx.$slots, "toggle-dropdown", {
|
|
918
933
|
toggle: { open, close: close2, toggleDropdown },
|
|
919
934
|
isOpen: isDropdownOpen.value,
|
|
935
|
+
select,
|
|
920
936
|
selectedSanitized: unref(selectedSanitize),
|
|
921
937
|
selected: __props.selected
|
|
922
938
|
}, () => [
|
|
923
939
|
createTextVNode(toDisplayString(unref(selectedSanitize) || "Selecione"), 1)
|
|
924
940
|
])
|
|
925
|
-
], 8, _hoisted_3$
|
|
941
|
+
], 8, _hoisted_3$8),
|
|
926
942
|
createVNode(Transition$1, {
|
|
927
943
|
mode: "out-in",
|
|
928
944
|
name: "dropdown"
|
|
@@ -934,9 +950,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
934
950
|
class: normalizeClass(["search-container", { "-loading": __props.loading }])
|
|
935
951
|
}, [
|
|
936
952
|
renderSlot(_ctx.$slots, "search", { filter: filter.value }, () => [
|
|
937
|
-
createVNode(_sfc_main$
|
|
953
|
+
createVNode(_sfc_main$c, {
|
|
938
954
|
id: `search-dropdown-${__props.id}`,
|
|
939
|
-
ref: (target) =>
|
|
955
|
+
ref: (target) => addRefElementToElements("search", target == null ? void 0 : target.input),
|
|
940
956
|
modelValue: filter.value,
|
|
941
957
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
|
|
942
958
|
"data-testid": `search-dropdown-${__props.id}`,
|
|
@@ -948,7 +964,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
948
964
|
"aria-haspopup": "listbox",
|
|
949
965
|
"aria-owns": `dropdown-list-${__props.id}`,
|
|
950
966
|
"aria-controls": `dropdown-list-${__props.id}`,
|
|
951
|
-
"aria-activedescendant":
|
|
967
|
+
"aria-activedescendant": elementFocus.id,
|
|
952
968
|
"aria-labelledby": `label-dropdown-${__props.id}`,
|
|
953
969
|
onClick: _cache[1] || (_cache[1] = withModifiers(() => {
|
|
954
970
|
}, ["stop"])),
|
|
@@ -965,7 +981,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
965
981
|
], 2)) : createCommentVNode("", true),
|
|
966
982
|
createElementVNode("ul", {
|
|
967
983
|
id: `dropdown-list-${__props.id}`,
|
|
968
|
-
ref: (target) =>
|
|
984
|
+
ref: (target) => addRefElementToElements("list", target),
|
|
969
985
|
"data-testid": `dropdown-list-${__props.id}`,
|
|
970
986
|
role: "listbox",
|
|
971
987
|
tabindex: "-1",
|
|
@@ -1011,42 +1027,128 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
1011
1027
|
]),
|
|
1012
1028
|
_: 3
|
|
1013
1029
|
})
|
|
1014
|
-
],
|
|
1030
|
+
], 42, _hoisted_1$8);
|
|
1015
1031
|
};
|
|
1016
1032
|
}
|
|
1017
1033
|
});
|
|
1018
|
-
_sfc_main$
|
|
1019
|
-
app.component("SolDropdown", _sfc_main$
|
|
1034
|
+
_sfc_main$3.install = (app) => {
|
|
1035
|
+
app.component("SolDropdown", _sfc_main$3);
|
|
1020
1036
|
};
|
|
1021
|
-
const _hoisted_1$
|
|
1037
|
+
const _hoisted_1$7 = {
|
|
1022
1038
|
preserveAspectRatio: "xMidYMid meet",
|
|
1023
1039
|
viewBox: "0 0 24 24",
|
|
1024
1040
|
width: "1.2em",
|
|
1025
1041
|
height: "1.2em"
|
|
1026
1042
|
};
|
|
1027
|
-
const _hoisted_2$
|
|
1043
|
+
const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("path", {
|
|
1028
1044
|
fill: "currentColor",
|
|
1029
|
-
d: "
|
|
1045
|
+
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"
|
|
1030
1046
|
}, null, -1);
|
|
1031
|
-
const _hoisted_3$
|
|
1032
|
-
_hoisted_2$
|
|
1047
|
+
const _hoisted_3$7 = [
|
|
1048
|
+
_hoisted_2$7
|
|
1033
1049
|
];
|
|
1034
1050
|
function render$4(_ctx, _cache) {
|
|
1035
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$
|
|
1051
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
|
|
1036
1052
|
}
|
|
1037
|
-
var
|
|
1053
|
+
var Close = { name: "mi-close", render: render$4 };
|
|
1054
|
+
var Chip_vue_vue_type_style_index_0_lang = "";
|
|
1055
|
+
const _hoisted_1$6 = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"];
|
|
1056
|
+
const _hoisted_2$6 = ["id"];
|
|
1057
|
+
const _hoisted_3$6 = { class: "label" };
|
|
1058
|
+
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
1059
|
+
name: "Chip",
|
|
1060
|
+
props: {
|
|
1061
|
+
id: null,
|
|
1062
|
+
label: null,
|
|
1063
|
+
selected: { type: Boolean },
|
|
1064
|
+
disabled: { type: Boolean },
|
|
1065
|
+
removable: { type: Boolean, default: true }
|
|
1066
|
+
},
|
|
1067
|
+
emits: ["close", "update:selected"],
|
|
1068
|
+
setup(__props, { emit }) {
|
|
1069
|
+
const props = __props;
|
|
1070
|
+
function keyboardTrigger({ code }) {
|
|
1071
|
+
if (props.disabled)
|
|
1072
|
+
return;
|
|
1073
|
+
switch (code) {
|
|
1074
|
+
case "Enter":
|
|
1075
|
+
case "NumpadEnter":
|
|
1076
|
+
case "Space":
|
|
1077
|
+
return emit("update:selected");
|
|
1078
|
+
case "Delete":
|
|
1079
|
+
case "Backspace":
|
|
1080
|
+
return props.removable && emit("close");
|
|
1081
|
+
default:
|
|
1082
|
+
return false;
|
|
1083
|
+
}
|
|
1084
|
+
}
|
|
1085
|
+
return (_ctx, _cache) => {
|
|
1086
|
+
return openBlock(), createElementBlock("div", {
|
|
1087
|
+
id: `chip-${__props.id}`,
|
|
1088
|
+
"data-testid": `chip-${__props.id}`,
|
|
1089
|
+
class: normalizeClass(["sol-chip-core", { "-selected": __props.selected, "-disabled": __props.disabled }]),
|
|
1090
|
+
tabindex: "0",
|
|
1091
|
+
title: __props.label,
|
|
1092
|
+
"aria-describedby": `chip-description-${__props.id}`,
|
|
1093
|
+
"aria-disabled": __props.disabled,
|
|
1094
|
+
onClick: _cache[1] || (_cache[1] = ($event) => emit("update:selected")),
|
|
1095
|
+
onKeydown: withModifiers(keyboardTrigger, ["self"])
|
|
1096
|
+
}, [
|
|
1097
|
+
createElementVNode("span", {
|
|
1098
|
+
id: `chip-description-${__props.id}`,
|
|
1099
|
+
"z-index": "-1",
|
|
1100
|
+
class: "sr-only"
|
|
1101
|
+
}, "Press Delete or Backspace to remove this Chip", 8, _hoisted_2$6),
|
|
1102
|
+
createElementVNode("span", _hoisted_3$6, [
|
|
1103
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
1104
|
+
createTextVNode(toDisplayString(__props.label), 1)
|
|
1105
|
+
])
|
|
1106
|
+
]),
|
|
1107
|
+
__props.removable ? (openBlock(), createElementBlock("i", {
|
|
1108
|
+
key: 0,
|
|
1109
|
+
role: "presentation",
|
|
1110
|
+
"aira-hidden": "true",
|
|
1111
|
+
class: "close",
|
|
1112
|
+
onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("close"), ["stop"]))
|
|
1113
|
+
}, [
|
|
1114
|
+
createVNode(unref(Close), { class: "icon" })
|
|
1115
|
+
])) : createCommentVNode("", true)
|
|
1116
|
+
], 42, _hoisted_1$6);
|
|
1117
|
+
};
|
|
1118
|
+
}
|
|
1119
|
+
});
|
|
1120
|
+
const _hoisted_1$5 = {
|
|
1121
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
1122
|
+
viewBox: "0 0 24 24",
|
|
1123
|
+
width: "1.2em",
|
|
1124
|
+
height: "1.2em"
|
|
1125
|
+
};
|
|
1126
|
+
const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("path", {
|
|
1127
|
+
fill: "currentColor",
|
|
1128
|
+
d: "m17 10l-5 6l-5-6h10z"
|
|
1129
|
+
}, null, -1);
|
|
1130
|
+
const _hoisted_3$5 = [
|
|
1131
|
+
_hoisted_2$5
|
|
1132
|
+
];
|
|
1133
|
+
function render$3(_ctx, _cache) {
|
|
1134
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
|
|
1135
|
+
}
|
|
1136
|
+
var IconArrow = { name: "mi-caret-down", render: render$3 };
|
|
1038
1137
|
var Select_vue_vue_type_style_index_0_lang = "";
|
|
1039
|
-
const _hoisted_1$
|
|
1040
|
-
const _hoisted_2$
|
|
1138
|
+
const _hoisted_1$4 = { class: "select" };
|
|
1139
|
+
const _hoisted_2$4 = {
|
|
1041
1140
|
key: 2,
|
|
1042
1141
|
class: "placeholder-inline"
|
|
1043
1142
|
};
|
|
1044
|
-
const _hoisted_3$
|
|
1143
|
+
const _hoisted_3$4 = { class: "error" };
|
|
1045
1144
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
1145
|
+
name: "Select",
|
|
1046
1146
|
props: {
|
|
1047
1147
|
id: null,
|
|
1048
1148
|
options: null,
|
|
1049
|
-
label:
|
|
1149
|
+
label: null,
|
|
1150
|
+
ariaLabel: null,
|
|
1151
|
+
smallerWidth: { type: Boolean },
|
|
1050
1152
|
disabled: { type: Boolean },
|
|
1051
1153
|
multiple: { type: Boolean },
|
|
1052
1154
|
modelValue: null,
|
|
@@ -1059,10 +1161,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
1059
1161
|
emits: ["update:modelValue"],
|
|
1060
1162
|
setup(__props, { emit }) {
|
|
1061
1163
|
return (_ctx, _cache) => {
|
|
1062
|
-
return openBlock(), createBlock(_sfc_main$
|
|
1164
|
+
return openBlock(), createBlock(_sfc_main$3, {
|
|
1063
1165
|
id: `select-${__props.id}`,
|
|
1064
1166
|
selected: __props.modelValue,
|
|
1065
1167
|
label: __props.label,
|
|
1168
|
+
"aria-label": __props.ariaLabel,
|
|
1169
|
+
"smaller-width": __props.smallerWidth,
|
|
1066
1170
|
disabled: __props.disabled,
|
|
1067
1171
|
"fetch-on-search": __props.fetchOnApi,
|
|
1068
1172
|
"is-multiple-select": __props.multiple,
|
|
@@ -1070,38 +1174,42 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
1070
1174
|
"search-placeholder": __props.searchPlaceholder,
|
|
1071
1175
|
searchable: __props.searchable,
|
|
1072
1176
|
options: __props.options,
|
|
1073
|
-
"onUpdate:selected": _cache[
|
|
1177
|
+
"onUpdate:selected": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
|
|
1074
1178
|
}, {
|
|
1075
|
-
"toggle-dropdown": withCtx(({ selected, isOpen }) => [
|
|
1179
|
+
"toggle-dropdown": withCtx(({ selected, isOpen, select }) => [
|
|
1076
1180
|
createElementVNode("div", {
|
|
1077
1181
|
class: normalizeClass(["select-container", { "-disabled": __props.disabled, "-error": __props.error }])
|
|
1078
1182
|
}, [
|
|
1079
|
-
createElementVNode("div", _hoisted_1$
|
|
1080
|
-
__props.multiple && selected.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selected, (item, index) => {
|
|
1081
|
-
return openBlock(),
|
|
1183
|
+
createElementVNode("div", _hoisted_1$4, [
|
|
1184
|
+
__props.multiple && (selected == null ? void 0 : selected.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selected, (item, index) => {
|
|
1185
|
+
return openBlock(), createBlock(_sfc_main$2, {
|
|
1186
|
+
id: item,
|
|
1082
1187
|
key: index,
|
|
1083
|
-
|
|
1084
|
-
onClick:
|
|
1085
|
-
|
|
1086
|
-
},
|
|
1087
|
-
}), 128)) : selected.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
1188
|
+
label: item,
|
|
1189
|
+
onClick: withModifiers(($event) => select(item), ["stop"]),
|
|
1190
|
+
onClose: ($event) => select(item)
|
|
1191
|
+
}, null, 8, ["id", "label", "onClick", "onClose"]);
|
|
1192
|
+
}), 128)) : (selected == null ? void 0 : selected.length) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
1088
1193
|
createTextVNode(toDisplayString(selected), 1)
|
|
1089
|
-
], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$
|
|
1194
|
+
], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(__props.placeholder), 1))
|
|
1090
1195
|
]),
|
|
1091
1196
|
createVNode(unref(IconArrow), {
|
|
1092
1197
|
class: normalizeClass(["icon", { "-open": isOpen }])
|
|
1093
1198
|
}, null, 8, ["class"])
|
|
1094
1199
|
], 2),
|
|
1095
|
-
createElementVNode("span", _hoisted_3$
|
|
1200
|
+
createElementVNode("span", _hoisted_3$4, toDisplayString(__props.error), 1)
|
|
1096
1201
|
]),
|
|
1097
1202
|
_: 1
|
|
1098
|
-
}, 8, ["id", "selected", "label", "disabled", "fetch-on-search", "is-multiple-select", "search-placeholder", "searchable", "options"]);
|
|
1203
|
+
}, 8, ["id", "selected", "label", "aria-label", "smaller-width", "disabled", "fetch-on-search", "is-multiple-select", "search-placeholder", "searchable", "options"]);
|
|
1099
1204
|
};
|
|
1100
1205
|
}
|
|
1101
1206
|
});
|
|
1102
1207
|
_sfc_main$1.install = (app) => {
|
|
1103
1208
|
app.component("SolSelect", _sfc_main$1);
|
|
1104
1209
|
};
|
|
1210
|
+
_sfc_main$2.install = (app) => {
|
|
1211
|
+
app.component("SolChip", _sfc_main$2);
|
|
1212
|
+
};
|
|
1105
1213
|
var windiBase = "";
|
|
1106
1214
|
var windiComponents = "";
|
|
1107
1215
|
var windiUtilities = "";
|
|
@@ -1210,23 +1318,6 @@ var Transition = /* @__PURE__ */ ((Transition2) => {
|
|
|
1210
1318
|
Transition2["bottom-right"] = "bounce-right";
|
|
1211
1319
|
return Transition2;
|
|
1212
1320
|
})(Transition || {});
|
|
1213
|
-
const _hoisted_1$4 = {
|
|
1214
|
-
preserveAspectRatio: "xMidYMid meet",
|
|
1215
|
-
viewBox: "0 0 24 24",
|
|
1216
|
-
width: "1.2em",
|
|
1217
|
-
height: "1.2em"
|
|
1218
|
-
};
|
|
1219
|
-
const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("path", {
|
|
1220
|
-
fill: "currentColor",
|
|
1221
|
-
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"
|
|
1222
|
-
}, null, -1);
|
|
1223
|
-
const _hoisted_3$4 = [
|
|
1224
|
-
_hoisted_2$4
|
|
1225
|
-
];
|
|
1226
|
-
function render$3(_ctx, _cache) {
|
|
1227
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
|
|
1228
|
-
}
|
|
1229
|
-
var Success = { name: "mi-circle-check", render: render$3 };
|
|
1230
1321
|
const _hoisted_1$3 = {
|
|
1231
1322
|
preserveAspectRatio: "xMidYMid meet",
|
|
1232
1323
|
viewBox: "0 0 24 24",
|
|
@@ -1235,7 +1326,7 @@ const _hoisted_1$3 = {
|
|
|
1235
1326
|
};
|
|
1236
1327
|
const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
|
|
1237
1328
|
fill: "currentColor",
|
|
1238
|
-
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
|
|
1329
|
+
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"
|
|
1239
1330
|
}, null, -1);
|
|
1240
1331
|
const _hoisted_3$3 = [
|
|
1241
1332
|
_hoisted_2$3
|
|
@@ -1243,41 +1334,41 @@ const _hoisted_3$3 = [
|
|
|
1243
1334
|
function render$2(_ctx, _cache) {
|
|
1244
1335
|
return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
|
|
1245
1336
|
}
|
|
1246
|
-
var
|
|
1337
|
+
var Success = { name: "mi-circle-check", render: render$2 };
|
|
1247
1338
|
const _hoisted_1$2 = {
|
|
1248
1339
|
preserveAspectRatio: "xMidYMid meet",
|
|
1249
1340
|
viewBox: "0 0 24 24",
|
|
1250
1341
|
width: "1.2em",
|
|
1251
1342
|
height: "1.2em"
|
|
1252
1343
|
};
|
|
1253
|
-
const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1344
|
+
const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
|
|
1345
|
+
fill: "currentColor",
|
|
1346
|
+
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"
|
|
1347
|
+
}, null, -1);
|
|
1257
1348
|
const _hoisted_3$2 = [
|
|
1258
1349
|
_hoisted_2$2
|
|
1259
1350
|
];
|
|
1260
1351
|
function render$1(_ctx, _cache) {
|
|
1261
1352
|
return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
|
|
1262
1353
|
}
|
|
1263
|
-
var
|
|
1354
|
+
var Error$1 = { name: "mi-circle-error", render: render$1 };
|
|
1264
1355
|
const _hoisted_1$1 = {
|
|
1265
1356
|
preserveAspectRatio: "xMidYMid meet",
|
|
1266
1357
|
viewBox: "0 0 24 24",
|
|
1267
1358
|
width: "1.2em",
|
|
1268
1359
|
height: "1.2em"
|
|
1269
1360
|
};
|
|
1270
|
-
const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("
|
|
1271
|
-
|
|
1272
|
-
d: "
|
|
1273
|
-
|
|
1361
|
+
const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
|
|
1362
|
+
/* @__PURE__ */ createElementVNode("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" }),
|
|
1363
|
+
/* @__PURE__ */ createElementVNode("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" })
|
|
1364
|
+
], -1);
|
|
1274
1365
|
const _hoisted_3$1 = [
|
|
1275
1366
|
_hoisted_2$1
|
|
1276
1367
|
];
|
|
1277
1368
|
function render(_ctx, _cache) {
|
|
1278
1369
|
return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
|
|
1279
1370
|
}
|
|
1280
|
-
var
|
|
1371
|
+
var Info = { name: "mi-circle-warning", render };
|
|
1281
1372
|
var Toast_vue_vue_type_style_index_0_lang = "";
|
|
1282
1373
|
const _hoisted_1 = ["id", "data-testid"];
|
|
1283
1374
|
const _hoisted_2 = { class: "content-wrapper" };
|
|
@@ -1293,6 +1384,7 @@ const _hoisted_5 = {
|
|
|
1293
1384
|
};
|
|
1294
1385
|
const _hoisted_6 = ["data-testid"];
|
|
1295
1386
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
1387
|
+
name: "Toast",
|
|
1296
1388
|
props: {
|
|
1297
1389
|
id: null,
|
|
1298
1390
|
type: { default: DEFAULT_OPTIONS.type },
|
|
@@ -1517,18 +1609,19 @@ function close(id, position) {
|
|
|
1517
1609
|
}
|
|
1518
1610
|
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");
|
|
1519
1611
|
const components = {
|
|
1520
|
-
SolButton: _sfc_main$
|
|
1521
|
-
SolInput: _sfc_main$
|
|
1522
|
-
SolTextarea: _sfc_main$
|
|
1523
|
-
SolTextfield: _sfc_main$
|
|
1524
|
-
SolTextfieldPassword: _sfc_main$
|
|
1525
|
-
SolRadio: _sfc_main$
|
|
1526
|
-
SolRadioGroup: _sfc_main$
|
|
1527
|
-
SolCheckbox: _sfc_main$
|
|
1528
|
-
SolCheckboxGroup: _sfc_main$
|
|
1529
|
-
SolSwitch: _sfc_main$
|
|
1530
|
-
SolDropdown: _sfc_main$
|
|
1531
|
-
SolSelect: _sfc_main$1
|
|
1612
|
+
SolButton: _sfc_main$d,
|
|
1613
|
+
SolInput: _sfc_main$c,
|
|
1614
|
+
SolTextarea: _sfc_main$9,
|
|
1615
|
+
SolTextfield: _sfc_main$b,
|
|
1616
|
+
SolTextfieldPassword: _sfc_main$a,
|
|
1617
|
+
SolRadio: _sfc_main$8,
|
|
1618
|
+
SolRadioGroup: _sfc_main$7,
|
|
1619
|
+
SolCheckbox: _sfc_main$6,
|
|
1620
|
+
SolCheckboxGroup: _sfc_main$5,
|
|
1621
|
+
SolSwitch: _sfc_main$4,
|
|
1622
|
+
SolDropdown: _sfc_main$3,
|
|
1623
|
+
SolSelect: _sfc_main$1,
|
|
1624
|
+
SolChip: _sfc_main$2
|
|
1532
1625
|
};
|
|
1533
1626
|
function install(App) {
|
|
1534
1627
|
for (const component in components) {
|
|
@@ -1538,4 +1631,4 @@ function install(App) {
|
|
|
1538
1631
|
const componentsNames = [];
|
|
1539
1632
|
for (const component in components)
|
|
1540
1633
|
componentsNames.push(component);
|
|
1541
|
-
export { _sfc_main$
|
|
1634
|
+
export { _sfc_main$d as SolButton, _sfc_main$6 as SolCheckbox, _sfc_main$5 as SolCheckboxGroup, _sfc_main$2 as SolChip, _sfc_main$3 as SolDropdown, _sfc_main$c as SolInput, _sfc_main$8 as SolRadio, _sfc_main$7 as SolRadioGroup, _sfc_main$1 as SolSelect, _sfc_main$4 as SolSwitch, _sfc_main$9 as SolTextarea, _sfc_main$b as SolTextfield, _sfc_main$a as SolTextfieldPassword, componentsNames, install, useToast };
|