@wikicasa-dev/components 1.8.9 → 1.8.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AccessibleSelect.js +1 -1
- package/dist/BaseCard.js +1 -1
- package/dist/assets/BaseCard.css +1 -1
- package/dist/chunks/{AccessibleSelect.vue_vue_type_script_setup_true_lang._TveE6SF.js → AccessibleSelect.vue_vue_type_script_setup_true_lang.CM86-jVN.js} +71 -70
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/AccessibleSelect.js
CHANGED
package/dist/BaseCard.js
CHANGED
|
@@ -32,7 +32,7 @@ import './assets/BaseCard.css';const g = /* @__PURE__ */ p({
|
|
|
32
32
|
_: 3
|
|
33
33
|
}, 8, ["class"]));
|
|
34
34
|
}
|
|
35
|
-
}), I = /* @__PURE__ */ y(g, [["__scopeId", "data-v-
|
|
35
|
+
}), I = /* @__PURE__ */ y(g, [["__scopeId", "data-v-1f5315c7"]]);
|
|
36
36
|
export {
|
|
37
37
|
I as default
|
|
38
38
|
};
|
package/dist/assets/BaseCard.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.card[data-v-
|
|
1
|
+
.card[data-v-1f5315c7]{position:relative;z-index:0;display:flex;max-width:930px;overflow:hidden;border-radius:20px;border-width:1px}@media (min-width: 576px){.card[data-v-1f5315c7]{height:230px}}.card .card-body[data-v-1f5315c7]{width:100%;padding:10px 15px}.card .card-img[data-v-1f5315c7]{width:100%;max-width:none}@media (min-width: 576px){.card .card-img[data-v-1f5315c7]{height:100%;max-width:300px}}@media not all and (min-width: 576px){.card .card-body[data-v-1f5315c7],.card .card-img[data-v-1f5315c7]{height:240px}}.card.vertical[data-v-1f5315c7]{height:370px;flex-direction:column}@media not all and (min-width: 576px){.card.vertical[data-v-1f5315c7]{min-height:100px;min-width:335px}}.card.vertical .card-img[data-v-1f5315c7]{height:240px;min-height:100px;width:100%;max-width:100%}@media not all and (min-width: 576px){.card.vertical .card-img[data-v-1f5315c7]{max-width:100%}}.map-card[data-v-1f5315c7]{max-height:100px;max-width:370px}.map-card-img[data-v-1f5315c7]{max-height:110px;max-width:120px}.card.news-card[data-v-1f5315c7]{flex-direction:row}@media not all and (min-width: 576px){.card.news-card[data-v-1f5315c7]{width:320px;flex-direction:column}}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { h as V, ref as L, onMounted as B, onUnmounted as E, unref as y, defineComponent as T, computed as C, watch as F, openBlock as
|
|
1
|
+
import { h as V, ref as L, onMounted as B, onUnmounted as E, unref as y, defineComponent as T, computed as C, watch as F, openBlock as n, createElementBlock as k, Fragment as H, createElementVNode as s, normalizeClass as r, createCommentVNode as b, withModifiers as f, renderSlot as P, createBlock as A, createVNode as z, renderList as D } from "vue";
|
|
2
2
|
import { d as O } from "./ArrowIcon.GDkXwpPs.js";
|
|
3
3
|
import { o as q } from "./DownloadIcon.DHCHRETy.js";
|
|
4
|
-
const N = (
|
|
5
|
-
|
|
6
|
-
const { width: a, height: i } =
|
|
4
|
+
const N = (u, { attrs: d }) => {
|
|
5
|
+
u = { ...q(), ...u };
|
|
6
|
+
const { width: a, height: i } = u;
|
|
7
7
|
return V(
|
|
8
8
|
"svg",
|
|
9
9
|
{
|
|
@@ -11,10 +11,10 @@ const N = (r, { attrs: u }) => {
|
|
|
11
11
|
viewBox: "0 0 11.175 13.409",
|
|
12
12
|
width: `${a}`,
|
|
13
13
|
height: `${i}`,
|
|
14
|
-
class:
|
|
15
|
-
"aria-hidden":
|
|
14
|
+
class: u.class ?? "",
|
|
15
|
+
"aria-hidden": d["aria-hidden"] ?? "true",
|
|
16
16
|
fill: "none",
|
|
17
|
-
stroke:
|
|
17
|
+
stroke: d["stroke-color"] ?? "#FA4F64"
|
|
18
18
|
},
|
|
19
19
|
[
|
|
20
20
|
V("circle", {
|
|
@@ -30,43 +30,43 @@ const N = (r, { attrs: u }) => {
|
|
|
30
30
|
cx: 6,
|
|
31
31
|
cy: 8.2,
|
|
32
32
|
r: 0.6,
|
|
33
|
-
fill:
|
|
33
|
+
fill: d["stroke-color"] ?? "#FA4F64",
|
|
34
34
|
stroke: "none"
|
|
35
35
|
})
|
|
36
36
|
]
|
|
37
37
|
);
|
|
38
|
-
}, S = (
|
|
39
|
-
const { isDropdownOpen:
|
|
40
|
-
const p = "ArrowUp", g = "ArrowDown",
|
|
41
|
-
if (!
|
|
38
|
+
}, S = (u) => {
|
|
39
|
+
const { isDropdownOpen: d, disableSpaceHandler: a } = u, i = L(-1), h = L(-1), m = (t) => {
|
|
40
|
+
const p = "ArrowUp", g = "ArrowDown", v = "Enter", w = "Escape", e = " ", l = "PageUp", o = "Home", c = "PageDown", $ = "End";
|
|
41
|
+
if (!d.value || ![
|
|
42
42
|
p,
|
|
43
43
|
g,
|
|
44
|
-
|
|
44
|
+
v,
|
|
45
45
|
w,
|
|
46
46
|
e,
|
|
47
47
|
l,
|
|
48
|
-
|
|
48
|
+
o,
|
|
49
49
|
c,
|
|
50
50
|
$
|
|
51
51
|
].includes(t.key))
|
|
52
52
|
return;
|
|
53
|
-
const M = y(
|
|
53
|
+
const M = y(u.optionsLength);
|
|
54
54
|
if (t.key === p)
|
|
55
55
|
i.value = i.value === 0 ? M - 1 : i.value - 1;
|
|
56
56
|
else if (t.key === g)
|
|
57
57
|
i.value = (i.value + 1) % M;
|
|
58
|
-
else if (t.key ===
|
|
58
|
+
else if (t.key === v || t.key === e) {
|
|
59
59
|
if (t.key === e && a)
|
|
60
60
|
return;
|
|
61
|
-
h.value = i.value,
|
|
61
|
+
h.value = i.value, d.value = !1;
|
|
62
62
|
} else
|
|
63
|
-
t.key === w ? (i.value = h.value,
|
|
63
|
+
t.key === w ? (i.value = h.value, d.value = !1) : t.key === l || t.key === o ? i.value = 0 : (t.key === c || t.key === $) && (i.value = M - 1);
|
|
64
64
|
t.stopPropagation(), t.preventDefault();
|
|
65
65
|
};
|
|
66
66
|
return B(() => {
|
|
67
|
-
document && document.addEventListener("keydown",
|
|
67
|
+
document && document.addEventListener("keydown", m);
|
|
68
68
|
}), E(() => {
|
|
69
|
-
document && document.removeEventListener("keydown",
|
|
69
|
+
document && document.removeEventListener("keydown", m);
|
|
70
70
|
}), {
|
|
71
71
|
activeIdx: i,
|
|
72
72
|
selectedIdx: h
|
|
@@ -89,15 +89,15 @@ const N = (r, { attrs: u }) => {
|
|
|
89
89
|
border: { type: Boolean, default: !0 }
|
|
90
90
|
},
|
|
91
91
|
emits: ["update:modelValue"],
|
|
92
|
-
setup(
|
|
93
|
-
const a =
|
|
92
|
+
setup(u, { emit: d }) {
|
|
93
|
+
const a = u, i = L(!1), h = L(null), m = C(() => !!a.modelValue.label), t = d, { activeIdx: p, selectedIdx: g } = S({
|
|
94
94
|
optionsLength: a.options.length,
|
|
95
95
|
isDropdownOpen: i
|
|
96
|
-
}),
|
|
96
|
+
}), v = (e) => {
|
|
97
97
|
i.value = !1, t("update:modelValue", e);
|
|
98
98
|
};
|
|
99
99
|
F(g, (e) => {
|
|
100
|
-
|
|
100
|
+
v(a.options[e]), i.value = !1;
|
|
101
101
|
});
|
|
102
102
|
const w = ({ target: e }) => {
|
|
103
103
|
`${a.namespace}_btn` !== e.id && (i.value = !1);
|
|
@@ -106,35 +106,35 @@ const N = (r, { attrs: u }) => {
|
|
|
106
106
|
a.closeOnBodyPressed && document && document.addEventListener("click", w);
|
|
107
107
|
}), E(() => {
|
|
108
108
|
a.closeOnBodyPressed && document && document.removeEventListener("click", w);
|
|
109
|
-
}), (e, l) => (
|
|
110
|
-
|
|
111
|
-
class:
|
|
109
|
+
}), (e, l) => (n(), k(H, null, [
|
|
110
|
+
s("div", {
|
|
111
|
+
class: r(["uikit-relative uikit-flex uikit-h-12 uikit-items-center", [e.$attrs.class]])
|
|
112
112
|
}, [
|
|
113
|
-
e.label ? (
|
|
113
|
+
e.label ? (n(), k("label", {
|
|
114
114
|
key: 0,
|
|
115
115
|
id: `${e.namespace}_label`,
|
|
116
|
-
class:
|
|
117
|
-
|
|
116
|
+
class: r(["uikit-absolute uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out uikit-pointer-events-none uikit-z-10", [
|
|
117
|
+
m.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
|
|
118
118
|
e.$attrs["label-classes"],
|
|
119
|
-
{ "uikit-left-9": e.$slots.lefticon && !
|
|
120
|
-
{ "uikit-left-4": !e.$slots.lefticon && !
|
|
119
|
+
{ "uikit-left-9": e.$slots.lefticon && !m.value },
|
|
120
|
+
{ "uikit-left-4": !e.$slots.lefticon && !m.value }
|
|
121
121
|
]]),
|
|
122
122
|
innerHTML: e.label
|
|
123
|
-
}, null, 10, U)) :
|
|
124
|
-
e.$slots.lefticon ? (
|
|
123
|
+
}, null, 10, U)) : b("", !0),
|
|
124
|
+
e.$slots.lefticon ? (n(), k("span", {
|
|
125
125
|
key: 1,
|
|
126
126
|
class: "uikit-z-20 uikit-pl-2 uikit-mt-2",
|
|
127
|
-
onClick: l[0] || (l[0] = f((
|
|
127
|
+
onClick: l[0] || (l[0] = f((o) => i.value = !i.value, ["stop"]))
|
|
128
128
|
}, [
|
|
129
129
|
P(e.$slots, "lefticon")
|
|
130
|
-
])) :
|
|
131
|
-
|
|
130
|
+
])) : b("", !0),
|
|
131
|
+
s("button", {
|
|
132
132
|
id: `${e.namespace}_btn`,
|
|
133
133
|
ref_key: "btnEl",
|
|
134
134
|
ref: h,
|
|
135
135
|
type: "button",
|
|
136
136
|
"data-cy": e.$attrs["data-cy"],
|
|
137
|
-
class:
|
|
137
|
+
class: r(["uikit-peer uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0 uikit-bg-transparent uikit-relative uikit-z-10", [e.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.$attrs["btn-classes"]]]),
|
|
138
138
|
"aria-required": !!e.$attrs.required,
|
|
139
139
|
role: "combobox",
|
|
140
140
|
"aria-haspopup": "listbox",
|
|
@@ -144,51 +144,52 @@ const N = (r, { attrs: u }) => {
|
|
|
144
144
|
"aria-activedescendant": y(p) >= 0 && i.value ? `${e.namespace}_element_${e.options[y(p)].label}` : "",
|
|
145
145
|
"aria-invalid": a.isValid === !1,
|
|
146
146
|
"aria-describedby": a.isValid === !1 ? `${e.namespace}_invalid_msg` : void 0,
|
|
147
|
-
onClick: l[1] || (l[1] = (
|
|
147
|
+
onClick: l[1] || (l[1] = (o) => i.value = !i.value)
|
|
148
148
|
}, [
|
|
149
|
-
|
|
150
|
-
class:
|
|
149
|
+
s("span", {
|
|
150
|
+
class: r(["uikit-mt-1 uikit-pointer-events-none", e.$attrs["btn-text-classes"]]),
|
|
151
151
|
innerHTML: e.modelValue.visibleLabel || e.modelValue.label
|
|
152
152
|
}, null, 10, I),
|
|
153
|
-
|
|
154
|
-
a.isValid == !1 ? (
|
|
153
|
+
s("span", Y, [
|
|
154
|
+
a.isValid == !1 ? (n(), A(y(N), {
|
|
155
155
|
key: 0,
|
|
156
156
|
class: "uikit-mr-1",
|
|
157
157
|
width: 20,
|
|
158
158
|
height: 20
|
|
159
|
-
})) :
|
|
159
|
+
})) : b("", !0),
|
|
160
160
|
z(y(O), {
|
|
161
|
-
class:
|
|
161
|
+
class: r(["uikit-transition-transform motion-reduce:uikit-transition-none", i.value ? "uikit-rotate-180" : ""]),
|
|
162
162
|
width: 18,
|
|
163
163
|
height: 18,
|
|
164
164
|
"stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : "#222"
|
|
165
165
|
}, null, 8, ["class", "stroke-color"])
|
|
166
166
|
])
|
|
167
167
|
], 10, j),
|
|
168
|
-
|
|
168
|
+
s("fieldset", {
|
|
169
169
|
"aria-hidden": "true",
|
|
170
|
-
class:
|
|
170
|
+
class: r(["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-px-2 uikit-py-0 peer-focus:uikit-border-2 uikit-bg-white", [
|
|
171
171
|
e.$attrs["fieldset-classes"],
|
|
172
172
|
e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
|
|
173
173
|
{ "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 },
|
|
174
174
|
{ "uikit-border-0 peer-focus:uikit-border-0": !e.border }
|
|
175
175
|
]])
|
|
176
176
|
}, [
|
|
177
|
-
|
|
178
|
-
|
|
177
|
+
e.label ? (n(), k("legend", {
|
|
178
|
+
key: 0,
|
|
179
|
+
class: r([e.$attrs["legend-classes"], { "uikit-m-0 uikit-w-0": !e.label }, "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
|
|
179
180
|
}, [
|
|
180
|
-
|
|
181
|
-
class:
|
|
181
|
+
s("span", {
|
|
182
|
+
class: r(["uikit-mx-5px", [e.modelValue.label ? "uikit-invisible" : "uikit-hidden"]]),
|
|
182
183
|
innerHTML: e.label
|
|
183
184
|
}, null, 10, G)
|
|
184
|
-
], 2)
|
|
185
|
+
], 2)) : b("", !0)
|
|
185
186
|
], 2),
|
|
186
|
-
|
|
187
|
+
s("ul", {
|
|
187
188
|
"data-cy": e.$attrs["data-cy"] && `${e.$attrs["data-cy"]}_dropdown`,
|
|
188
189
|
role: "listbox",
|
|
189
190
|
tabindex: -1,
|
|
190
191
|
"aria-multiselectable": !1,
|
|
191
|
-
class:
|
|
192
|
+
class: r(["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", [
|
|
192
193
|
{ "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !i.value },
|
|
193
194
|
{
|
|
194
195
|
"uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": i.value
|
|
@@ -200,49 +201,49 @@ const N = (r, { attrs: u }) => {
|
|
|
200
201
|
onClick: l[3] || (l[3] = f(() => {
|
|
201
202
|
}, ["stop"]))
|
|
202
203
|
}, [
|
|
203
|
-
(
|
|
204
|
+
(n(!0), k(H, null, D(e.options, (o, c) => (n(), k("li", {
|
|
204
205
|
id: `${e.namespace}_element_${e.options[c].label}`,
|
|
205
|
-
key: `${
|
|
206
|
+
key: `${o.label}_${c}`,
|
|
206
207
|
role: "option",
|
|
207
208
|
"aria-selected": y(p) === c,
|
|
208
|
-
class:
|
|
209
|
-
onClick: f(($) =>
|
|
209
|
+
class: r(["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.$attrs["dropdown-item-classes"]]),
|
|
210
|
+
onClick: f(($) => v(o), ["stop"]),
|
|
210
211
|
onMouseover: f(($) => p.value = c, ["stop"]),
|
|
211
212
|
onBlur: l[2] || (l[2] = f(() => {
|
|
212
213
|
}, ["stop"]))
|
|
213
214
|
}, [
|
|
214
|
-
|
|
215
|
-
|
|
215
|
+
s("label", Q, [
|
|
216
|
+
s("input", {
|
|
216
217
|
tabindex: "-1",
|
|
217
218
|
class: "uikit-m-0 uikit-appearance-none",
|
|
218
219
|
name: `${e.namespace}_radio`,
|
|
219
220
|
type: "radio",
|
|
220
|
-
checked:
|
|
221
|
-
onInput: f(($) =>
|
|
221
|
+
checked: o.label === e.modelValue.label,
|
|
222
|
+
onInput: f(($) => v(o), ["stop"])
|
|
222
223
|
}, null, 40, R),
|
|
223
|
-
|
|
224
|
-
innerHTML:
|
|
224
|
+
s("span", {
|
|
225
|
+
innerHTML: o.label
|
|
225
226
|
}, null, 8, W)
|
|
226
227
|
])
|
|
227
228
|
], 42, K))), 128))
|
|
228
229
|
], 10, J)
|
|
229
230
|
], 2),
|
|
230
|
-
e.feedback ? (
|
|
231
|
-
e.feedback.valid ? (
|
|
231
|
+
e.feedback ? (n(), k(H, { key: 0 }, [
|
|
232
|
+
e.feedback.valid ? (n(), k("span", {
|
|
232
233
|
key: 0,
|
|
233
234
|
id: `${e.namespace}_valid_msg`,
|
|
234
235
|
"arial-live": e.$attrs["aria-live"],
|
|
235
236
|
class: "uikit-mb-2 uikit-text-sm",
|
|
236
237
|
innerHTML: e.isValid ? e.feedback.valid : ""
|
|
237
|
-
}, null, 8, X)) :
|
|
238
|
-
e.feedback.invalid ? (
|
|
238
|
+
}, null, 8, X)) : b("", !0),
|
|
239
|
+
e.feedback.invalid ? (n(), k("span", {
|
|
239
240
|
key: 1,
|
|
240
241
|
id: `${e.namespace}_invalid_msg`,
|
|
241
242
|
"arial-live": e.$attrs["aria-live"],
|
|
242
243
|
class: "uikit-mb-2 uikit-text-sm uikit-text-w-danger",
|
|
243
244
|
innerHTML: e.isValid === !1 ? e.feedback.invalid : ""
|
|
244
|
-
}, null, 8, Z)) :
|
|
245
|
-
], 64)) :
|
|
245
|
+
}, null, 8, Z)) : b("", !0)
|
|
246
|
+
], 64)) : b("", !0)
|
|
246
247
|
], 64));
|
|
247
248
|
}
|
|
248
249
|
});
|
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.Cs-5T5J3.js";
|
|
10
10
|
import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
|
|
11
11
|
import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BYlMCUWP.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.CM86-jVN.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.7PHU8tQ4.js";
|
|
15
15
|
import { _ as D } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
|