@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.
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang._TveE6SF.js";
1
+ import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.CM86-jVN.js";
2
2
  export {
3
3
  f as default
4
4
  };
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-245e50e1"]]);
35
+ }), I = /* @__PURE__ */ y(g, [["__scopeId", "data-v-1f5315c7"]]);
36
36
  export {
37
37
  I as default
38
38
  };
@@ -1 +1 @@
1
- .card[data-v-245e50e1]{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-245e50e1]{height:230px}}.card .card-body[data-v-245e50e1]{width:100%;padding:10px 15px}.card .card-img[data-v-245e50e1]{width:100%;max-width:none}@media (min-width: 576px){.card .card-img[data-v-245e50e1]{height:100%;max-width:300px}}@media not all and (min-width: 576px){.card .card-body[data-v-245e50e1],.card .card-img[data-v-245e50e1]{height:200px}}.card.vertical[data-v-245e50e1]{height:370px;flex-direction:column}@media not all and (min-width: 576px){.card.vertical[data-v-245e50e1]{min-height:100px;min-width:335px}}.card.vertical .card-img[data-v-245e50e1]{height:200px;min-height:100px;width:100%;max-width:100%}@media not all and (min-width: 576px){.card.vertical .card-img[data-v-245e50e1]{max-width:100%}}.map-card[data-v-245e50e1]{max-height:100px;max-width:370px}.map-card-img[data-v-245e50e1]{max-height:110px;max-width:120px}.card.news-card[data-v-245e50e1]{flex-direction:row}@media not all and (min-width: 576px){.card.news-card[data-v-245e50e1]{width:320px;flex-direction:column}}
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 d, createElementBlock as k, Fragment as H, createElementVNode as o, normalizeClass as s, createCommentVNode as v, withModifiers as f, renderSlot as P, createBlock as A, createVNode as z, renderList as D } from "vue";
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 = (r, { attrs: u }) => {
5
- r = { ...q(), ...r };
6
- const { width: a, height: i } = r;
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: r.class ?? "",
15
- "aria-hidden": u["aria-hidden"] ?? "true",
14
+ class: u.class ?? "",
15
+ "aria-hidden": d["aria-hidden"] ?? "true",
16
16
  fill: "none",
17
- stroke: u["stroke-color"] ?? "#FA4F64"
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: u["stroke-color"] ?? "#FA4F64",
33
+ fill: d["stroke-color"] ?? "#FA4F64",
34
34
  stroke: "none"
35
35
  })
36
36
  ]
37
37
  );
38
- }, S = (r) => {
39
- const { isDropdownOpen: u, disableSpaceHandler: a } = r, i = L(-1), h = L(-1), b = (t) => {
40
- const p = "ArrowUp", g = "ArrowDown", m = "Enter", w = "Escape", e = " ", l = "PageUp", n = "Home", c = "PageDown", $ = "End";
41
- if (!u.value || ![
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
- m,
44
+ v,
45
45
  w,
46
46
  e,
47
47
  l,
48
- n,
48
+ o,
49
49
  c,
50
50
  $
51
51
  ].includes(t.key))
52
52
  return;
53
- const M = y(r.optionsLength);
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 === m || t.key === e) {
58
+ else if (t.key === v || t.key === e) {
59
59
  if (t.key === e && a)
60
60
  return;
61
- h.value = i.value, u.value = !1;
61
+ h.value = i.value, d.value = !1;
62
62
  } else
63
- t.key === w ? (i.value = h.value, u.value = !1) : t.key === l || t.key === n ? i.value = 0 : (t.key === c || t.key === $) && (i.value = M - 1);
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", b);
67
+ document && document.addEventListener("keydown", m);
68
68
  }), E(() => {
69
- document && document.removeEventListener("keydown", b);
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(r, { emit: u }) {
93
- const a = r, i = L(!1), h = L(null), b = C(() => !!a.modelValue.label), t = u, { activeIdx: p, selectedIdx: g } = S({
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
- }), m = (e) => {
96
+ }), v = (e) => {
97
97
  i.value = !1, t("update:modelValue", e);
98
98
  };
99
99
  F(g, (e) => {
100
- m(a.options[e]), i.value = !1;
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) => (d(), k(H, null, [
110
- o("div", {
111
- class: s(["uikit-relative uikit-flex uikit-h-12 uikit-items-center", [e.$attrs.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 ? (d(), k("label", {
113
+ e.label ? (n(), k("label", {
114
114
  key: 0,
115
115
  id: `${e.namespace}_label`,
116
- class: s(["uikit-absolute uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out uikit-pointer-events-none uikit-z-10", [
117
- b.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
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 && !b.value },
120
- { "uikit-left-4": !e.$slots.lefticon && !b.value }
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)) : v("", !0),
124
- e.$slots.lefticon ? (d(), k("span", {
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((n) => i.value = !i.value, ["stop"]))
127
+ onClick: l[0] || (l[0] = f((o) => i.value = !i.value, ["stop"]))
128
128
  }, [
129
129
  P(e.$slots, "lefticon")
130
- ])) : v("", !0),
131
- o("button", {
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: s(["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"]]]),
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] = (n) => i.value = !i.value)
147
+ onClick: l[1] || (l[1] = (o) => i.value = !i.value)
148
148
  }, [
149
- o("span", {
150
- class: s(["uikit-mt-1 uikit-pointer-events-none", e.$attrs["btn-text-classes"]]),
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
- o("span", Y, [
154
- a.isValid == !1 ? (d(), A(y(N), {
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
- })) : v("", !0),
159
+ })) : b("", !0),
160
160
  z(y(O), {
161
- class: s(["uikit-transition-transform motion-reduce:uikit-transition-none", i.value ? "uikit-rotate-180" : ""]),
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
- o("fieldset", {
168
+ s("fieldset", {
169
169
  "aria-hidden": "true",
170
- class: s(["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", [
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
- o("legend", {
178
- class: s([e.$attrs["legend-classes"], { "uikit-m-0 uikit-w-0": !e.label }, "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
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
- o("span", {
181
- class: s(["uikit-mx-5px", [e.modelValue.label ? "uikit-invisible" : "uikit-hidden"]]),
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
- o("ul", {
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: s(["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
+ 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
- (d(!0), k(H, null, D(e.options, (n, c) => (d(), k("li", {
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: `${n.label}_${c}`,
206
+ key: `${o.label}_${c}`,
206
207
  role: "option",
207
208
  "aria-selected": y(p) === c,
208
- class: s(["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"]]),
209
- onClick: f(($) => m(n), ["stop"]),
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
- o("label", Q, [
215
- o("input", {
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: n.label === e.modelValue.label,
221
- onInput: f(($) => m(n), ["stop"])
221
+ checked: o.label === e.modelValue.label,
222
+ onInput: f(($) => v(o), ["stop"])
222
223
  }, null, 40, R),
223
- o("span", {
224
- innerHTML: n.label
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 ? (d(), k(H, { key: 0 }, [
231
- e.feedback.valid ? (d(), k("span", {
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)) : v("", !0),
238
- e.feedback.invalid ? (d(), k("span", {
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)) : v("", !0)
245
- ], 64)) : v("", !0)
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._TveE6SF.js";
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";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "1.8.9",
3
+ "version": "1.8.11",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",