@wikicasa-dev/components 2.0.23 → 2.0.25

package/dist/BaseAutocomplete.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CCR6X0si.js";
+import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.D21vozEO.js";
 export {
   f as default
 };

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.JlHKkjHJ.js";
+import { _ as f } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.C1NwpE7V.js";
 export {
   f as default
 };

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js";
+import { _ as f } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DdmSUyxZ.js";
 export {
   f as default
 };

package/dist/UIKit/BaseAutocomplete.vue.d.ts

@@ -26,6 +26,7 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
         closeDropdownOnBodyPressed?: boolean;
         inputClasses?: ClassTypeProp;
         fieldsetClasses?: ClassTypeProp;
+        dataCy?: string;
     })> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         select: () => void;

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.CCR6X0si.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.D21vozEO.js}

@@ -8,10 +8,10 @@ function Q(t, p) {
   return (...v) => new Promise((d, u) => {
     t.id && clearTimeout(t.id), t.id = setTimeout(() => {
       try {
-        const a = p(...v);
-        d(a);
-      } catch (a) {
-        u(a);
+        const i = p(...v);
+        d(i);
+      } catch (i) {
+        u(i);
       }
     }, t.delay);
   });
@@ -30,7 +30,8 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
     dropdownClasses: { default: "" },
     closeDropdownOnBodyPressed: { type: Boolean, default: !0 },
     inputClasses: {},
-    fieldsetClasses: {}
+    fieldsetClasses: {},
+    dataCy: { default: "" }
   }, {
     modelValue: {
       default() {
@@ -44,7 +45,7 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
     const d = L(
       t,
       "modelValue"
-    ), u = v, a = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
+    ), u = v, i = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
     F(() => {
       m.value = Q({ delay: 300 }, t.onInputChangeCb);
     });
@@ -87,7 +88,7 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
           return "";
       }
     }), P = async (e) => {
-      if (a.value !== e && (u("changedValue", e), a.value = e, !!t.onInputChangeCb)) {
+      if (i.value !== e && (u("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
         if (!e || c.value) {
           n.value = [], c.value = !1, w.value = -1, h.value = -1, d.value && (d.value.label = ""), o.value = !1, await m.value(null);
           return;
@@ -95,14 +96,14 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
         t.disableCb || (n.value = await m.value(e), o.value = !!n.value.length);
       }
     }, g = (e, l) => {
-      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (n.value = []), c.value = !0, a.value = e.label, d.value = e, o.value = !1, w.value = l;
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (n.value = []), c.value = !0, i.value = e.label, d.value = e, o.value = !1, w.value = l;
     }, D = () => {
       n.value.length && t.keepState !== "closed" && (o.value = !0);
     };
     return f(
       d,
       (e, l) => {
-        e === l || e?.label === a.value || (a.value = e?.label || "");
+        e === l || e?.label === i.value || (i.value = e?.label || "");
       },
       { immediate: !0 }
     ), f(w, (e) => {
@@ -122,7 +123,7 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
       }
     }), (e, l) => (C(), S(q, {
       class: H(e.$attrs["root-classes"]),
-      "data-cy": `ac_${e.$attrs.id}`,
+      "data-cy": e.dataCy ? e.dataCy : `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
       "dropdown-classes": [
         { "bordered-dropdown": e.theme === "bordered" },
@@ -139,8 +140,8 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
       "keep-state": !n.value.length || e.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": e.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:dropdownState": l[3] || (l[3] = (i) => o.value = i),
-      onClick: l[4] || (l[4] = (i) => {
+      "onUpdate:dropdownState": l[3] || (l[3] = (a) => o.value = a),
+      onClick: l[4] || (l[4] = (a) => {
         u("click"), D();
       })
     }, {
@@ -151,7 +152,7 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
           ref: y,
           "data-cy": `ac_input_${e.$attrs.id}`,
           "label-text": e.label,
-          "model-value": a.value,
+          "model-value": i.value,
           "is-valid": e.isValid,
           disabled: e.$attrs.disabled,
           placeholder: e.$attrs.placeholder,
@@ -163,30 +164,30 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
             "!uikit-ml-0 !uikit-w-full"
           ],
           "fieldset-classes": [I.value, e.fieldsetClasses],
-          "onUpdate:modelValue": l[0] || (l[0] = (i) => P(i === void 0 ? "" : `${i}`)),
-          onKeydown: l[1] || (l[1] = (i) => u("keydown", i)),
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => P(a === void 0 ? "" : `${a}`)),
+          onKeydown: l[1] || (l[1] = (a) => u("keydown", a)),
           onKeydownEnterPressed: l[2] || (l[2] = () => u("keydownEnterPressed"))
         }, {
           leftIcon: s(() => [
             V(e.$slots, "lefticon")
           ]),
-          righticon: s(({ handleClean: i }) => [
-            V(e.$slots, "righticon", { handleClean: i })
+          righticon: s(({ handleClean: a }) => [
+            V(e.$slots, "righticon", { handleClean: a })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
       default: s(() => [
-        (C(!0), A(K, null, N(n.value, (i, b) => (C(), S(G, {
+        (C(!0), A(K, null, N(n.value, (a, b) => (C(), S(G, {
           key: b,
           active: U(h) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (E) => g(i, b),
+          onClick: (E) => g(a, b),
           onMouseover: (E) => h.value = b
         }, {
           default: s(() => [
             W("span", {
-              innerHTML: i.label
+              innerHTML: a.label
             }, null, 8, R)
           ]),
           _: 2

package/dist/chunks/{CheckboxGroup.vue_vue_type_script_setup_true_lang.JlHKkjHJ.js → CheckboxGroup.vue_vue_type_script_setup_true_lang.C1NwpE7V.js}

@@ -1,7 +1,7 @@
-import { defineComponent as v, ref as x, computed as h, watch as D, renderSlot as m, createElementVNode as E, normalizeClass as $, openBlock as b, createElementBlock as B, Fragment as I, renderList as R, createBlock as A, unref as K, createCommentVNode as L } from "vue";
+import { defineComponent as v, ref as x, computed as i, watch as D, renderSlot as m, createElementVNode as E, normalizeClass as $, openBlock as b, createElementBlock as B, Fragment as I, renderList as R, createBlock as A, unref as K, createCommentVNode as L } from "vue";
 import "./types-B0dZ7OiV.D29wNgoj.js";
 import V from "../CheckboxBtn.js";
-const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(), a.replace(" ", "-").toLowerCase()), S = ["id", "data-cy"], z = /* @__PURE__ */ v({
+const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(), a.replace(" ", "-").toLowerCase()), M = ["id", "data-cy"], z = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -22,11 +22,11 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
   setup(a, { emit: g }) {
-    const o = a, s = g, l = x(/* @__PURE__ */ new Map()), r = h(() => {
+    const o = a, s = g, l = x(/* @__PURE__ */ new Map()), r = i(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
-    }), C = h(() => o.checkboxData.length), f = h(() => {
+    }), C = i(() => o.checkboxData.length), f = i(() => {
       let e = 0;
       return l.value.forEach((t) => {
         t.checked && e++;
@@ -39,7 +39,7 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
           `${t.id}`,
           t
         ), t.checked && e.push(t);
-      console.log("initialSelected", e), s("update:modelValue", e);
+      s("update:modelValue", e);
     })();
     const u = (e, t) => {
       const c = l.value.get(e);
@@ -56,7 +56,7 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
       });
     }, p = () => {
       k(), s("update:modelValue", []), s("resetted");
-    }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
+    }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, h = (e) => {
       if (w(o.checkboxData)) return;
       const t = l.value.get(e.id);
       t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === C.value - 1 && l.value.forEach((n) => {
@@ -74,7 +74,7 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
       }
     ), (e, t) => m(e.$slots, "default", {
       isActive: d,
-      handleChange: i,
+      handleChange: h,
       checkboxesData: e.checkboxData
     }, () => [
       E("div", {
@@ -84,7 +84,7 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
       }, [
         m(e.$slots, "checkbox_elements", {
           isActive: d,
-          handleChange: i,
+          handleChange: h,
           checkboxesData: e.checkboxData,
           reset: p
         }, () => [
@@ -99,10 +99,10 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
               e.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
               e.checkboxContainerClasses
             ],
-            onChange: i
+            onChange: h
           }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : L("", !0)
         ])
-      ], 10, S)
+      ], 10, M)
     ]);
   }
 });

package/dist/chunks/{RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js → RadioGroup.vue_vue_type_script_setup_true_lang.DdmSUyxZ.js}

@@ -1,6 +1,6 @@
-import { defineComponent as p, mergeModels as d, useModel as C, ref as h, watch as $, renderSlot as u, createElementVNode as V, normalizeClass as c, openBlock as m, createElementBlock as R, Fragment as g, renderList as k, createBlock as y } from "vue";
+import { defineComponent as p, mergeModels as d, useModel as C, ref as h, watch as $, renderSlot as u, createElementVNode as V, normalizeClass as c, openBlock as m, createElementBlock as k, Fragment as R, renderList as g, createBlock as y } from "vue";
 import { _ } from "./RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
-const b = ["data-cy"], E = /* @__PURE__ */ p({
+const b = ["data-cy"], w = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: /* @__PURE__ */ d({
@@ -27,7 +27,7 @@ const b = ["data-cy"], E = /* @__PURE__ */ p({
           return;
         }
     })(), $(n, (e) => {
-      console.log("watch:resetRadio", e), e && t();
+      e && t();
     }), (e, M) => u(e.$slots, "default", {
       handleClick: l,
       activeValue: a.value,
@@ -44,7 +44,7 @@ const b = ["data-cy"], E = /* @__PURE__ */ p({
           reset: t,
           isActive: r
         }, () => [
-          (m(!0), R(g, null, k(e.radioValues, (s, v) => (m(), y(_, {
+          (m(!0), k(R, null, g(e.radioValues, (s, v) => (m(), y(_, {
             id: s.id,
             key: v,
             class: c(e.radioContainerClasses),
@@ -58,5 +58,5 @@ const b = ["data-cy"], E = /* @__PURE__ */ p({
   }
 });
 export {
-  E as _
+  w as _
 };

package/dist/index.js

@@ -4,14 +4,14 @@ import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_
 import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.Caagpb9M.js";
 import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
 import { default as d } from "./CheckboxBtn.js";
-import { _ as u } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.JlHKkjHJ.js";
+import { _ as u } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.C1NwpE7V.js";
 import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
 import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.Ar2KNVYH.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
-import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js";
+import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DdmSUyxZ.js";
 import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.ClV6kObA.js";
 import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
-import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CCR6X0si.js";
+import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.D21vozEO.js";
 import { _ as v } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
 import { default as O } from "./BaseCard.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.0.23",
+  "version": "2.0.25",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",