@wikicasa-dev/components 2.2.8-alpha.15 → 2.2.8-alpha.16

package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, mergeModels as V, useModel as M, useTemplateRef as C, shallowRef as s, onBeforeMount as N, watch as b, nextTick as O, createBlock as $, openBlock as c, withCtx as y, createElementBlock as B, Fragment as U, renderList as D, renderSlot as v, createElementVNode as d, normalizeClass as f, withDirectives as H, createCommentVNode as A, vModelText as P, toDisplayString as X, normalizeStyle as j, createTextVNode as q } from "vue";
+import { defineComponent as L, mergeModels as V, useModel as M, useTemplateRef as b, shallowRef as s, onBeforeMount as N, watch as C, nextTick as O, createBlock as $, openBlock as c, withCtx as y, createElementBlock as B, Fragment as U, renderList as D, renderSlot as v, createElementVNode as d, normalizeClass as f, withDirectives as H, createCommentVNode as A, vModelText as P, toDisplayString as X, normalizeStyle as j, createTextVNode as q } from "vue";
 import G from "../BaseDropDown.vue.js";
 import '../../../../../assets/BaseDropDown.css';/* empty css                   */
 import J from "../BaseSelect/SelectItem.vue.js";
@@ -25,34 +25,38 @@ const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L
   }),
   emits: /* @__PURE__ */ V(["click", "update:inputValue", "keydown"], ["update:open", "update:modelValue"]),
   setup(l, { expose: x, emit: R }) {
-    const u = M(l, "open"), i = M(l, "modelValue"), p = R, T = C("inputRef"), o = s(""), w = s(0), k = s(!1), h = s(null), a = s([]), z = C("dropdownRef"), m = C("hiddenSpan"), K = () => {
-      o.value = "", i.value = null, p("update:inputValue", "");
+    const u = M(l, "open"), a = M(l, "modelValue"), p = R, T = b("inputRef"), o = s(a.value?.label || ""), w = s(0), k = s(!1), h = s(null), i = s([]), z = b("dropdownRef"), m = b("hiddenSpan"), K = () => {
+      o.value = "", a.value = null, p("update:inputValue", "");
     }, W = async (t) => {
       if (p("update:inputValue", t), !t) {
-        a.value = [], u.value = !1;
+        i.value = [], u.value = !1;
         return;
       }
-      a.value = await h.value?.(t) || [], k.value = !0, u.value = !!a.value.length;
+      i.value = await h.value?.(t) || [], k.value = !0, u.value = !!i.value.length;
     }, S = (t = -1) => {
-      const e = a.value[t];
-      !e || e.id === i.value?.id || (l.onOptionSelectedCb?.(e), o.value = e.label, u.value = !1, i.value = e, a.value = []);
+      const e = i.value[t];
+      !e || e.id === a.value?.id || (l.onOptionSelectedCb?.(e), o.value = e.label, u.value = !1, a.value = e, i.value = []);
     }, I = () => {
       T.value?.select();
     };
     return N(() => {
       h.value = Q({ delay: 300 }, l.onInputChangeCb);
-    }), b(o, () => {
-      O(() => {
-        m.value && (w.value = m.value.offsetWidth);
-      });
-    }), b(
+    }), C(
+      o,
+      () => {
+        O(() => {
+          m.value && (w.value = m.value.offsetWidth);
+        });
+      },
+      { immediate: !0 }
+    ), C(
       () => z.value?.selectedIdx,
       (t) => {
         const e = t ?? -1;
         e !== -1 && S(e);
       }
-    ), b(
-      i,
+    ), C(
+      a,
       (t, e) => {
         t === e || t?.label === o.value || (o.value = t?.label || "");
       },
@@ -66,7 +70,7 @@ const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L
       "dropdown-element": "ul",
       "dropdown-classes": ["uikit-z-30", l.dropdownClasses],
       "open-dropdown": u.value,
-      "keep-state": !a.value.length || l.keepState === "closed" ? "closed" : "opened",
+      "keep-state": !i.value.length || l.keepState === "closed" ? "closed" : "opened",
       "activate-keyboard-controller": l.enableKeyboardController,
       "reset-keyboard-controller": k.value,
       "onUpdate:resetKeyboardController": e[2] || (e[2] = (n) => k.value = n),
@@ -87,7 +91,7 @@ const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L
                 e[0] || (e[0] = (n) => o.value = n),
                 W
               ],
-              readonly: !!i.value?.label,
+              readonly: !!a.value?.label,
               class: f(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", l.inputClasses]),
               style: {
                 font: "inherit",
@@ -107,7 +111,7 @@ const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L
                 fontSize: "inherit"
               }
             }, X(o.value), 513),
-            i.value?.label ? (c(), B("button", {
+            a.value?.label ? (c(), B("button", {
               key: 0,
               type: "button",
               class: f(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", l.clearButtonClasses]),
@@ -126,7 +130,7 @@ const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L
         ], 2)
       ]),
       default: y(({ activeIdx: n, setActiveIdx: E }) => [
-        (c(!0), B(U, null, D(a.value, (g, r) => (c(), $(J, {
+        (c(!0), B(U, null, D(i.value, (g, r) => (c(), $(J, {
           key: r,
           active: n === r,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",

package/package.json

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