@wikicasa-dev/components 2.0.49 → 2.0.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AccessibleSelect.js +1 -1
- package/dist/UIKit/AccessibleSelect.vue.d.ts +3 -2
- package/dist/UIKit/BaseAutocomplete.vue.d.ts +3 -3
- package/dist/chunks/{AccessibleSelect.vue_vue_type_script_setup_true_lang.Dpwbklqk.js → AccessibleSelect.vue_vue_type_script_setup_true_lang.tcyWuhKm.js} +87 -85
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/AccessibleSelect.js
CHANGED
|
@@ -5,7 +5,8 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
|
|
|
5
5
|
readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
|
|
6
6
|
readonly "onUpdate:modelValue"?: ((modelValue: Optional<AccessibleSelectOptions<T, LabelID>>) => any) | undefined;
|
|
7
7
|
readonly "onUpdate:toggleDropdown"?: ((toggleDropdown: Optional<boolean>) => any) | undefined;
|
|
8
|
-
|
|
8
|
+
readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
|
|
9
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onUpdate:modelValue" | "onUpdate:toggleDropdown" | "onUpdate:dropdownState"> & ({
|
|
9
10
|
modelValue?: Optional<AccessibleSelectOptions<T, LabelID>>;
|
|
10
11
|
toggleDropdown?: Optional<boolean>;
|
|
11
12
|
} & {
|
|
@@ -44,7 +45,7 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
|
|
|
44
45
|
slots: {
|
|
45
46
|
lefticon?(_: {}): any;
|
|
46
47
|
};
|
|
47
|
-
emit: ((evt: "click", args_0: MouseEvent) => void) & {
|
|
48
|
+
emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "update:dropdownState", args_0: boolean) => void)) & {
|
|
48
49
|
'update:modelValue': [modelValue: Optional<AccessibleSelectOptions<T, LabelID>>];
|
|
49
50
|
'update:toggleDropdown': [toggleDropdown: Optional<boolean>];
|
|
50
51
|
};
|
|
@@ -4,11 +4,11 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
|
|
|
4
4
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
5
5
|
readonly onClick?: (() => any) | undefined;
|
|
6
6
|
readonly "onUpdate:modelValue"?: ((modelValue: AccessibleSelectOptions<T, LabelID> | undefined) => any) | undefined;
|
|
7
|
+
readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
|
|
7
8
|
readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
|
|
8
9
|
readonly onKeydownEnterPressed?: (() => any) | undefined;
|
|
9
|
-
readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
|
|
10
10
|
readonly onChangedValue?: ((args_0: string) => any) | undefined;
|
|
11
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onKeydown" | "onUpdate:modelValue" | "
|
|
11
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onKeydown" | "onUpdate:modelValue" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
|
|
12
12
|
modelValue?: AccessibleSelectOptions<T, LabelID> | undefined;
|
|
13
13
|
} & {
|
|
14
14
|
isValid?: Nullable<boolean>;
|
|
@@ -38,7 +38,7 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
|
|
|
38
38
|
handleClean: () => void;
|
|
39
39
|
}): any;
|
|
40
40
|
};
|
|
41
|
-
emit: (((evt: "click") => void) & ((evt: "
|
|
41
|
+
emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & {
|
|
42
42
|
'update:modelValue': [modelValue: AccessibleSelectOptions<T, LabelID> | undefined];
|
|
43
43
|
};
|
|
44
44
|
}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { h as
|
|
2
|
-
import { A as
|
|
1
|
+
import { h as m, defineComponent as D, mergeModels as L, useModel as V, useId as z, computed as T, ref as B, watch as g, onMounted as E, onUnmounted as P, openBlock as o, createElementBlock as n, normalizeClass as a, createElementVNode as s, createCommentVNode as k, withModifiers as p, renderSlot as N, unref as b, createBlock as O, createVNode as S, Fragment as H, renderList as q } from "vue";
|
|
2
|
+
import { A as j } from "./useKeyboardController.CutKeclN.js";
|
|
3
3
|
import { a as U } from "./ArrowIcon.CCFMdsq6.js";
|
|
4
4
|
import { e as G } from "./PharmacyIcon.56ql_DYl.js";
|
|
5
|
-
const J = (t, { attrs:
|
|
5
|
+
const J = (t, { attrs: w }) => {
|
|
6
6
|
t = { ...G(), ...t };
|
|
7
|
-
const { width:
|
|
8
|
-
return
|
|
7
|
+
const { width: c, height: r } = t;
|
|
8
|
+
return m(
|
|
9
9
|
"svg",
|
|
10
10
|
{
|
|
11
11
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12
12
|
viewBox: "0 0 11.175 13.409",
|
|
13
|
-
width: `${
|
|
13
|
+
width: `${c}`,
|
|
14
14
|
height: `${r}`,
|
|
15
15
|
class: t.class ?? "",
|
|
16
|
-
"aria-hidden":
|
|
16
|
+
"aria-hidden": w["aria-hidden"] ?? "true",
|
|
17
17
|
fill: "none",
|
|
18
18
|
stroke: t["stroke-color"] ?? "#FA4F64"
|
|
19
19
|
},
|
|
20
20
|
[
|
|
21
|
-
|
|
21
|
+
m("circle", {
|
|
22
22
|
cx: 6,
|
|
23
23
|
cy: 6,
|
|
24
24
|
r: 4.5
|
|
25
25
|
}),
|
|
26
|
-
|
|
26
|
+
m("path", {
|
|
27
27
|
"stroke-linejoin": "round",
|
|
28
28
|
d: "M5.8 3.6h.4L6 6.5z"
|
|
29
29
|
}),
|
|
30
|
-
|
|
30
|
+
m("circle", {
|
|
31
31
|
cx: 6,
|
|
32
32
|
cy: 8.2,
|
|
33
33
|
r: 0.6,
|
|
@@ -36,10 +36,10 @@ const J = (t, { attrs: m }) => {
|
|
|
36
36
|
})
|
|
37
37
|
]
|
|
38
38
|
);
|
|
39
|
-
}, K = ["id", "innerHTML"], Q = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], R = ["innerHTML"], W = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, X = ["innerHTML"], Y = ["data-cy"], Z = ["id", "aria-selected", "onClick", "onMouseover"], x = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, _ = ["name", "checked", "onInput"],
|
|
39
|
+
}, K = ["id", "innerHTML"], Q = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], R = ["innerHTML"], W = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, X = ["innerHTML"], Y = ["data-cy"], Z = ["id", "aria-selected", "onClick", "onMouseover"], x = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, _ = ["name", "checked", "onInput"], ee = ["innerHTML"], ie = ["id", "arial-live", "innerHTML"], te = ["id", "arial-live", "innerHTML"], ne = /* @__PURE__ */ D({
|
|
40
40
|
inheritAttrs: !1,
|
|
41
41
|
__name: "AccessibleSelect",
|
|
42
|
-
props: /* @__PURE__ */
|
|
42
|
+
props: /* @__PURE__ */ L({
|
|
43
43
|
label: { default: "" },
|
|
44
44
|
dropdownPosition: { default: "bottom" },
|
|
45
45
|
namespace: {},
|
|
@@ -68,139 +68,141 @@ const J = (t, { attrs: m }) => {
|
|
|
68
68
|
},
|
|
69
69
|
toggleDropdownModifiers: {}
|
|
70
70
|
}),
|
|
71
|
-
emits: /* @__PURE__ */
|
|
72
|
-
setup(t, { emit:
|
|
73
|
-
const
|
|
71
|
+
emits: /* @__PURE__ */ L(["click", "update:dropdownState"], ["update:modelValue", "update:toggleDropdown"]),
|
|
72
|
+
setup(t, { emit: w }) {
|
|
73
|
+
const c = w, r = V(t, "modelValue"), C = V(t, "toggleDropdown"), F = z(), l = T(() => t.namespace || F), i = B(!1), I = B(null), h = T(() => !!r.value.label), { activeIdx: v, selectedIdx: A } = j({
|
|
74
74
|
optionsLength: t.options.length,
|
|
75
|
-
isDropdownOpen:
|
|
76
|
-
}), y = (
|
|
77
|
-
|
|
75
|
+
isDropdownOpen: i
|
|
76
|
+
}), y = (e) => {
|
|
77
|
+
i.value = !1, r.value = e;
|
|
78
78
|
};
|
|
79
|
-
|
|
80
|
-
y(t.options[
|
|
81
|
-
}),
|
|
82
|
-
|
|
79
|
+
g(A, (e) => {
|
|
80
|
+
y(t.options[e]), i.value = !1;
|
|
81
|
+
}), g(C, (e) => {
|
|
82
|
+
e && (i.value = !i.value, C.value = !1);
|
|
83
|
+
}), g(i, (e) => {
|
|
84
|
+
c("update:dropdownState", e);
|
|
83
85
|
});
|
|
84
|
-
const
|
|
85
|
-
`${l.value}_btn` !==
|
|
86
|
+
const $ = ({ target: e }) => {
|
|
87
|
+
`${l.value}_btn` !== e.id && (i.value = !1);
|
|
86
88
|
};
|
|
87
89
|
return E(() => {
|
|
88
|
-
t.closeOnBodyPressed && document.addEventListener("click",
|
|
90
|
+
t.closeOnBodyPressed && document.addEventListener("click", $);
|
|
89
91
|
}), P(() => {
|
|
90
|
-
t.closeOnBodyPressed && document.removeEventListener("click",
|
|
91
|
-
}), (
|
|
92
|
-
class: a(
|
|
92
|
+
t.closeOnBodyPressed && document.removeEventListener("click", $);
|
|
93
|
+
}), (e, u) => (o(), n("div", {
|
|
94
|
+
class: a(e.$attrs.class)
|
|
93
95
|
}, [
|
|
94
96
|
s("div", {
|
|
95
|
-
class: a(["uikit-relative uikit-flex uikit-h-12 uikit-items-center",
|
|
97
|
+
class: a(["uikit-relative uikit-flex uikit-h-12 uikit-items-center", e.wrapperClasses])
|
|
96
98
|
}, [
|
|
97
|
-
|
|
99
|
+
e.label ? (o(), n("label", {
|
|
98
100
|
key: 0,
|
|
99
101
|
id: `${l.value}_label`,
|
|
100
102
|
class: a(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
|
|
101
103
|
h.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
|
|
102
|
-
|
|
103
|
-
{ "uikit-left-9":
|
|
104
|
-
{ "uikit-left-4": !
|
|
104
|
+
e.labelClasses,
|
|
105
|
+
{ "uikit-left-9": e.$slots.lefticon && !h.value },
|
|
106
|
+
{ "uikit-left-4": !e.$slots.lefticon && !h.value }
|
|
105
107
|
]]),
|
|
106
|
-
innerHTML:
|
|
108
|
+
innerHTML: e.label
|
|
107
109
|
}, null, 10, K)) : k("", !0),
|
|
108
|
-
|
|
110
|
+
e.$slots.lefticon ? (o(), n("span", {
|
|
109
111
|
key: 1,
|
|
110
112
|
class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
|
|
111
|
-
onClick: u[0] || (u[0] = p((d) =>
|
|
113
|
+
onClick: u[0] || (u[0] = p((d) => i.value = !i.value, ["stop"]))
|
|
112
114
|
}, [
|
|
113
|
-
N(
|
|
115
|
+
N(e.$slots, "lefticon")
|
|
114
116
|
])) : k("", !0),
|
|
115
117
|
s("button", {
|
|
116
118
|
id: `${l.value}_btn`,
|
|
117
119
|
ref_key: "btnEl",
|
|
118
120
|
ref: I,
|
|
119
121
|
type: "button",
|
|
120
|
-
"data-cy":
|
|
121
|
-
class: a(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [
|
|
122
|
-
"aria-required": !!
|
|
122
|
+
"data-cy": e.dataCy,
|
|
123
|
+
class: a(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [e.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.btnClasses]]),
|
|
124
|
+
"aria-required": !!e.$attrs.required,
|
|
123
125
|
role: "combobox",
|
|
124
126
|
"aria-haspopup": "listbox",
|
|
125
127
|
"aria-controls": `${l.value}_dropdown`,
|
|
126
128
|
"aria-labelledby": `${l.value}_label ${l.value}_btn`,
|
|
127
|
-
"aria-expanded":
|
|
128
|
-
"aria-activedescendant": b(
|
|
129
|
-
"aria-invalid":
|
|
130
|
-
"aria-describedby":
|
|
129
|
+
"aria-expanded": i.value,
|
|
130
|
+
"aria-activedescendant": b(v) >= 0 && i.value ? `${l.value}_element_${e.options[b(v)].label}` : "",
|
|
131
|
+
"aria-invalid": e.isValid === !1,
|
|
132
|
+
"aria-describedby": e.isValid === !1 ? `${l.value}_invalid_msg` : void 0,
|
|
131
133
|
onClick: u[1] || (u[1] = (d) => {
|
|
132
|
-
|
|
134
|
+
i.value = !i.value, c("click", d);
|
|
133
135
|
})
|
|
134
136
|
}, [
|
|
135
137
|
s("span", {
|
|
136
|
-
class: a(["uikit-pointer-events-none uikit-mt-1",
|
|
138
|
+
class: a(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
|
|
137
139
|
innerHTML: r.value.visibleLabel || r.value.label
|
|
138
140
|
}, null, 10, R),
|
|
139
141
|
s("span", W, [
|
|
140
|
-
|
|
142
|
+
e.isValid == !1 ? (o(), O(b(J), {
|
|
141
143
|
key: 0,
|
|
142
144
|
class: "uikit-mr-1",
|
|
143
145
|
width: 20,
|
|
144
146
|
height: 20,
|
|
145
147
|
"stroke-color": "#FA4F64"
|
|
146
148
|
})) : k("", !0),
|
|
147
|
-
|
|
149
|
+
S(b(U), {
|
|
148
150
|
class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
|
|
149
|
-
|
|
150
|
-
|
|
151
|
+
i.value ? "uikit-rotate-180" : "",
|
|
152
|
+
e.arrowIcon?.classes
|
|
151
153
|
]]),
|
|
152
|
-
width:
|
|
153
|
-
height:
|
|
154
|
-
"stroke-color":
|
|
154
|
+
width: e.arrowIcon?.width ?? 18,
|
|
155
|
+
height: e.arrowIcon?.height ?? 18,
|
|
156
|
+
"stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
|
|
155
157
|
}, null, 8, ["class", "width", "height", "stroke-color"])
|
|
156
158
|
])
|
|
157
159
|
], 10, Q),
|
|
158
160
|
s("fieldset", {
|
|
159
161
|
"aria-hidden": "true",
|
|
160
162
|
class: a(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
|
|
161
|
-
|
|
162
|
-
|
|
163
|
+
e.fieldsetClasses,
|
|
164
|
+
e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
|
|
163
165
|
{
|
|
164
|
-
"uikit-border uikit-border-solid peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger":
|
|
166
|
+
"uikit-border uikit-border-solid peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger": e.border
|
|
165
167
|
},
|
|
166
|
-
{ "uikit-border-0 peer-focus:uikit-border-0": !
|
|
168
|
+
{ "uikit-border-0 peer-focus:uikit-border-0": !e.border }
|
|
167
169
|
]])
|
|
168
170
|
}, [
|
|
169
171
|
s("legend", {
|
|
170
|
-
class: a([[
|
|
172
|
+
class: a([[e.legendClasses, { "uikit-m-0 uikit-w-0": !e.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
|
|
171
173
|
}, [
|
|
172
|
-
|
|
174
|
+
e.label ? (o(), n("span", {
|
|
173
175
|
key: 0,
|
|
174
176
|
class: a(["uikit-mx-5px", [r.value.label ? "uikit-invisible" : "uikit-hidden"]]),
|
|
175
|
-
innerHTML:
|
|
177
|
+
innerHTML: e.label
|
|
176
178
|
}, null, 10, X)) : k("", !0)
|
|
177
179
|
], 2)
|
|
178
180
|
], 2),
|
|
179
181
|
s("ul", {
|
|
180
|
-
"data-cy":
|
|
182
|
+
"data-cy": e.dataCy && `${e.dataCy}_dropdown`,
|
|
181
183
|
role: "listbox",
|
|
182
184
|
tabindex: -1,
|
|
183
185
|
"aria-multiselectable": !1,
|
|
184
186
|
class: a(["uikit-absolute uikit-z-30 uikit-m-0 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-list-none uikit-overflow-y-auto uikit-p-0 uikit-no-scrollbar", [
|
|
185
|
-
{ "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !
|
|
187
|
+
{ "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !i.value },
|
|
186
188
|
{
|
|
187
|
-
"uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white":
|
|
189
|
+
"uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": i.value
|
|
188
190
|
},
|
|
189
|
-
{ "uikit-bottom-[55px]":
|
|
190
|
-
{ "uikit-top-[55px]":
|
|
191
|
-
|
|
191
|
+
{ "uikit-bottom-[55px]": e.dropdownPosition === "top" },
|
|
192
|
+
{ "uikit-top-[55px]": e.dropdownPosition === "bottom" },
|
|
193
|
+
e.dropdownClasses
|
|
192
194
|
]]),
|
|
193
195
|
onClick: u[3] || (u[3] = p(() => {
|
|
194
196
|
}, ["stop"]))
|
|
195
197
|
}, [
|
|
196
|
-
(o(!0), n(H, null,
|
|
197
|
-
id: `${l.value}_element_${
|
|
198
|
-
key: `${d.label}_${
|
|
198
|
+
(o(!0), n(H, null, q(e.options, (d, f) => (o(), n("li", {
|
|
199
|
+
id: `${l.value}_element_${e.options[f].label}`,
|
|
200
|
+
key: `${d.label}_${f}`,
|
|
199
201
|
role: "option",
|
|
200
|
-
"aria-selected": b(
|
|
201
|
-
class: a(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured",
|
|
202
|
-
onClick: p((
|
|
203
|
-
onMouseover: p((
|
|
202
|
+
"aria-selected": b(v) === f,
|
|
203
|
+
class: a(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.dropdownItemClasses]),
|
|
204
|
+
onClick: p((M) => y(d), ["stop"]),
|
|
205
|
+
onMouseover: p((M) => v.value = f, ["stop"]),
|
|
204
206
|
onBlur: u[2] || (u[2] = p(() => {
|
|
205
207
|
}, ["stop"]))
|
|
206
208
|
}, [
|
|
@@ -211,34 +213,34 @@ const J = (t, { attrs: m }) => {
|
|
|
211
213
|
name: `${l.value}_radio`,
|
|
212
214
|
type: "radio",
|
|
213
215
|
checked: d.label === r.value.label,
|
|
214
|
-
onInput: p((
|
|
216
|
+
onInput: p((M) => y(d), ["stop"])
|
|
215
217
|
}, null, 40, _),
|
|
216
218
|
s("span", {
|
|
217
219
|
innerHTML: d.label
|
|
218
|
-
}, null, 8,
|
|
220
|
+
}, null, 8, ee)
|
|
219
221
|
])
|
|
220
222
|
], 42, Z))), 128))
|
|
221
223
|
], 10, Y)
|
|
222
224
|
], 2),
|
|
223
|
-
|
|
224
|
-
|
|
225
|
+
e.feedback ? (o(), n(H, { key: 0 }, [
|
|
226
|
+
e.feedback.valid ? (o(), n("span", {
|
|
225
227
|
key: 0,
|
|
226
228
|
id: `${l.value}_valid_msg`,
|
|
227
|
-
"arial-live":
|
|
229
|
+
"arial-live": e.$attrs["aria-live"],
|
|
228
230
|
class: "uikit-mt-1 uikit-inline-block uikit-text-12",
|
|
229
|
-
innerHTML:
|
|
230
|
-
}, null, 8,
|
|
231
|
-
|
|
231
|
+
innerHTML: e.isValid ? e.feedback.valid : ""
|
|
232
|
+
}, null, 8, ie)) : k("", !0),
|
|
233
|
+
e.feedback.invalid ? (o(), n("span", {
|
|
232
234
|
key: 1,
|
|
233
235
|
id: `${l.value}_invalid_msg`,
|
|
234
|
-
"arial-live":
|
|
236
|
+
"arial-live": e.$attrs["aria-live"],
|
|
235
237
|
class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
|
|
236
|
-
innerHTML:
|
|
237
|
-
}, null, 8,
|
|
238
|
+
innerHTML: e.isValid === !1 ? e.feedback.invalid : ""
|
|
239
|
+
}, null, 8, te)) : k("", !0)
|
|
238
240
|
], 64)) : k("", !0)
|
|
239
241
|
], 2));
|
|
240
242
|
}
|
|
241
243
|
});
|
|
242
244
|
export {
|
|
243
|
-
|
|
245
|
+
ne as _
|
|
244
246
|
};
|
package/dist/index.js
CHANGED
|
@@ -9,7 +9,7 @@ import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K
|
|
|
9
9
|
import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DTPN9Rg-.js";
|
|
10
10
|
import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
|
|
11
11
|
import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DdmSUyxZ.js";
|
|
12
|
-
import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.
|
|
12
|
+
import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.tcyWuhKm.js";
|
|
13
13
|
import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
|
|
14
14
|
import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.B31Vyyn6.js";
|
|
15
15
|
import { _ as v } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
|