@wikicasa-dev/components 1.3.0 → 1.3.1

package/dist/BaseAutocomplete.js

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

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

@@ -42,6 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     select: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
+    keydown: (args_0: KeyboardEvent) => void;
     dropdownClosed: (args_0: boolean) => void;
     changedValue: (args_0: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -83,6 +84,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
+    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
     onClick?: (() => any) | undefined;
     onDropdownClosed?: ((args_0: boolean) => any) | undefined;
     onChangedValue?: ((args_0: string) => any) | undefined;

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.B5kRg12j.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.KqJ6OB8f.js}

@@ -1,19 +1,19 @@
-import { defineComponent as H, mergeModels as S, useModel as z, ref as s, computed as f, onBeforeMount as E, watch as C, openBlock as g, createBlock as V, normalizeClass as J, withCtx as c, createVNode as U, renderSlot as B, createElementBlock as A, Fragment as F, renderList as K, unref as P, createElementVNode as W } from "vue";
+import { defineComponent as H, mergeModels as S, useModel as z, ref as s, computed as k, onBeforeMount as E, watch as C, openBlock as g, createBlock as V, normalizeClass as J, withCtx as c, createVNode as K, renderSlot as B, createElementBlock as U, Fragment as A, renderList as F, unref as P, createElementVNode as W } from "vue";
 import j from "../BaseInput.js";
 import { _ as q } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.C4VH7V0e.js";
 import "./js.cookie.BQua9eWh.js";
 import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
 import { useKeyboardController as Q } from "../useKeyboardController.js";
-function R(r, k) {
+function R(u, f) {
   return (...v) => new Promise((t, n) => {
-    r.id && clearTimeout(r.id), r.id = setTimeout(() => {
+    u.id && clearTimeout(u.id), u.id = setTimeout(() => {
       try {
-        const i = k(...v);
+        const i = f(...v);
         t(i);
       } catch (i) {
         n(i);
       }
-    }, r.delay);
+    }, u.delay);
   });
 }
 const X = ["innerHTML"], oe = /* @__PURE__ */ H({
@@ -36,9 +36,9 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["dropdownClosed", "changedValue", "click"], ["update:modelValue"]),
-  setup(r, { expose: k, emit: v }) {
-    const t = r, n = z(r, "modelValue"), i = v, d = s(""), o = s([]), m = s(null), p = s(!1), l = s(!1), $ = s(null), O = f(() => o.value.length);
+  emits: /* @__PURE__ */ S(["dropdownClosed", "changedValue", "click", "keydown"], ["update:modelValue"]),
+  setup(u, { expose: f, emit: v }) {
+    const t = u, n = z(u, "modelValue"), i = v, d = s(""), a = s([]), m = s(null), p = s(!1), l = s(!1), y = s(null), O = k(() => a.value.length);
     E(() => {
       d.value = n.value?.label || "", m.value = R({ delay: 300 }, t.onInputChangeCb);
     });
@@ -46,7 +46,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
       optionsLength: O,
       isDropdownOpen: l,
       disableSpaceHandler: !0
-    }), M = f(() => {
+    }), M = k(() => {
       switch (t.theme) {
         case "bordered":
           return "";
@@ -57,7 +57,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         default:
           return "";
       }
-    }), I = f(() => {
+    }), I = k(() => {
       switch (t.theme) {
         case "bordered":
           return "";
@@ -68,7 +68,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         default:
           return "";
       }
-    }), T = f(() => {
+    }), T = k(() => {
       const e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
       switch (t.theme) {
         case "bordered":
@@ -83,33 +83,33 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
     }), L = async (e) => {
       if (d.value !== e && (i("changedValue", e), d.value = e, !!t.onInputChangeCb)) {
         if (n.value && !e && (n.value.label = "", l.value = !1), !e || p.value) {
-          o.value = [], p.value = !1, w.value = -1, h.value = -1, await m.value(null);
+          a.value = [], p.value = !1, w.value = -1, h.value = -1, await m.value(null);
           return;
         }
-        t.disableCb || (o.value = await m.value(e), console.log({ options: JSON.parse(JSON.stringify(o.value)) }), o.value.length && (l.value = !0));
+        t.disableCb || (a.value = await m.value(e), console.log({ options: JSON.parse(JSON.stringify(a.value)) }), a.value.length && (l.value = !0));
       }
-    }, y = (e, a) => {
-      t.onOptionSelectedCb && t.onOptionSelectedCb(e), p.value = !0, d.value = e.label, n.value = e, l.value = !1, w.value = a;
+    }, $ = (e, o) => {
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), p.value = !0, d.value = e.label, n.value = e, l.value = !1, w.value = o;
     }, N = () => {
-      o.value.length && t.keepState !== "closed" && (l.value = !0);
+      a.value.length && t.keepState !== "closed" && (l.value = !0);
     };
-    return C(n, (e, a) => {
-      e !== a && (d.value = e?.label || "");
+    return C(n, (e, o) => {
+      e !== o && (d.value = e?.label || "");
     }), C(w, (e) => {
       if (e === -1)
         return;
-      const a = o.value[e];
-      p.value && a.label === n.value?.label || y(a, e);
+      const o = a.value[e];
+      p.value && o.label === n.value?.label || $(o, e);
     }), C(
       () => t.keepState,
       (e) => {
-        e === "closed" ? l.value = !1 : e === "open" && o.value.length && (l.value = !0), t.cleanupOnClose && (o.value = []), i("dropdownClosed", l.value);
+        e === "closed" ? l.value = !1 : e === "open" && a.value.length && (l.value = !0), t.cleanupOnClose && (a.value = []), i("dropdownClosed", l.value);
       }
-    ), k({
+    ), f({
       select: () => {
-        $.value?.select();
+        y.value?.select();
       }
-    }), (e, a) => (g(), V(q, {
+    }), (e, o) => (g(), V(q, {
       class: J(e.$attrs["root-classes"]),
       "data-cy": `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
@@ -125,17 +125,17 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         e.$attrs["dropdown-classes"]
       ],
       "open-dropdown": l.value,
-      "keep-state": !o.value.length || t.keepState === "closed" ? "closed" : "opened",
-      "onUpdate:dropdownState": a[0] || (a[0] = (u) => l.value = u),
-      onClick: a[1] || (a[1] = (u) => {
+      "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
+      "onUpdate:dropdownState": o[1] || (o[1] = (r) => l.value = r),
+      onClick: o[2] || (o[2] = (r) => {
         i("click"), N();
       })
     }, {
       btn_slot: c(() => [
-        U(j, {
+        K(j, {
           id: `ac_input_${e.$attrs.id}`,
           ref_key: "baseInput",
-          ref: $,
+          ref: y,
           "data-cy": `ac_input_${e.$attrs.id}`,
           "label-text": e.label,
           "model-value": n.value?.label || "",
@@ -149,28 +149,29 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
           "input-class": [M.value, e.$attrs["input-classes"]],
           "fieldset-classes": [I.value, e.$attrs["fieldset-classes"]],
           "keep-floating-label": !!d.value,
-          "onUpdate:modelValue": L
+          "onUpdate:modelValue": L,
+          onKeydown: o[0] || (o[0] = (r) => i("keydown", r))
         }, {
           leftIcon: c(() => [
             B(e.$slots, "lefticon")
           ]),
-          righticon: c(({ handleClean: u }) => [
-            B(e.$slots, "righticon", { handleClean: u })
+          righticon: c(({ handleClean: r }) => [
+            B(e.$slots, "righticon", { handleClean: r })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "border", "radius", "input-class", "fieldset-classes", "keep-floating-label"])
       ]),
       default: c(() => [
-        (g(!0), A(F, null, K(o.value, (u, b) => (g(), V(G, {
+        (g(!0), U(A, null, F(a.value, (r, b) => (g(), V(G, {
           key: b,
           active: P(h) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (D) => y(u, b),
+          onClick: (D) => $(r, b),
           onMouseover: (D) => h.value = b
         }, {
           default: c(() => [
             W("span", {
-              innerHTML: u.label
+              innerHTML: r.label
             }, null, 8, X)
           ]),
           _: 2

package/dist/index.js

@@ -10,7 +10,7 @@ import { _ as c } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang
 import { _ as b } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.C-jm5z4e.js";
 import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.lyHlWiC5.js";
 import { _ as C } from "./chunks/BaseAlert.vue_vue_type_script_setup_true_lang.HqYdk4yE.js";
-import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.B5kRg12j.js";
+import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.KqJ6OB8f.js";
 import { _ as w } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as k } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
 import { _ as F } from "./chunks/BaseCard.vue_vue_type_style_index_0_lang.w5aEohzG.js";

package/package.json

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