@wikicasa-dev/components 2.2.9-alpha.0 → 2.2.9-alpha.1

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

@@ -24,9 +24,9 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ B(["click", "inputClick", "update:inputValue", "keydown"], ["update:open", "update:modelValue"]),
-  setup(n, { expose: $, emit: E }) {
-    const r = M(n, "open"), a = M(n, "modelValue"), s = E, O = m("inputRef"), o = p(a.value?.label || ""), v = p(0), k = p(!1), w = p(null), i = p([]), g = m("dropdownRef"), h = m("hiddenSpan"), R = () => {
-      o.value = "", a.value = null, s("update:inputValue", "");
+  setup(o, { expose: $, emit: E }) {
+    const r = M(o, "open"), a = M(o, "modelValue"), s = E, O = m("inputRef"), n = p(a.value?.label || ""), v = p(0), k = p(!1), w = p(null), i = p([]), g = m("dropdownRef"), h = m("hiddenSpan"), R = () => {
+      n.value = "", a.value = null, s("update:inputValue", "");
     }, U = async (t) => {
       if (s("update:inputValue", t), !t) {
         i.value = [], r.value = !1;
@@ -35,14 +35,14 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
       i.value = await w.value?.(t) || [], k.value = !0, r.value = !!i.value.length;
     }, S = (t = -1) => {
       const e = i.value[t];
-      !e || e.id === a.value?.id || (n.onOptionSelectedCb?.(e), o.value = e.label, r.value = !1, a.value = e, i.value = []);
+      !e || e.id === a.value?.id || (o.onOptionSelectedCb?.(e), n.value = e.label, r.value = !1, a.value = e, i.value = []);
     }, x = () => {
       O.value?.select();
     };
     return L(() => {
-      w.value = Y({ delay: 300 }, n.onInputChangeCb);
+      w.value = Y({ delay: 300 }, o.onInputChangeCb);
     }), b(
-      [o, () => h.value],
+      [n, () => h.value],
       ([t, e]) => {
         e && W(() => {
           if (!e) return;
@@ -62,7 +62,7 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
     ), b(
       a,
       (t, e) => {
-        t === e || t?.label === o.value || (o.value = t?.label || "");
+        t === e || t?.label === n.value || (n.value = t?.label || "");
       },
       { immediate: !0 }
     ), $({
@@ -71,42 +71,44 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
     }), (t, e) => (C(), V(J, {
       ref: "dropdownRef",
       class: "uikit-clearable-autocomplete",
-      "data-cy": n.dataCy,
+      "data-cy": o.dataCy,
       "dropdown-element": "ul",
-      "dropdown-classes": ["uikit-z-30", n.dropdownClasses],
+      "dropdown-classes": ["uikit-z-30", o.dropdownClasses],
       "open-dropdown": r.value,
-      "keep-state": !i.value.length || n.keepState === "closed" ? "closed" : "opened",
-      "activate-keyboard-controller": n.enableKeyboardController,
+      "keep-state": !i.value.length || o.keepState === "closed" ? "closed" : "opened",
+      "activate-keyboard-controller": o.enableKeyboardController,
       "reset-keyboard-controller": k.value,
       "onUpdate:resetKeyboardController": e[4] || (e[4] = (l) => k.value = l),
       "onUpdate:dropdownState": e[5] || (e[5] = (l) => r.value = l)
     }, {
       btn_slot: y(() => [
         u("div", {
-          class: f(["uikit-text-16", n.triggerWrapperClasses]),
+          class: f(["uikit-text-16", o.triggerWrapperClasses]),
           onClick: e[3] || (e[3] = (l) => s("click", l))
         }, [
           c(t.$slots, "left-icon"),
           u("div", {
-            class: f(["uikit-relative", n.inputWrapperClasses])
+            class: f(["uikit-relative", o.inputWrapperClasses])
           }, [
             F(u("input", {
               ref: "inputRef",
               "onUpdate:modelValue": [
-                e[0] || (e[0] = (l) => o.value = l),
+                e[0] || (e[0] = (l) => n.value = l),
                 U
               ],
               readonly: !!a.value?.label,
-              class: f(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", n.inputClasses]),
+              type: "text",
+              autocomplete: "off",
+              class: f(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", o.inputClasses]),
               style: {
                 font: "inherit",
                 fontSize: "inherit"
               },
-              placeholder: n.placeholder,
+              placeholder: o.placeholder,
               onKeydown: e[1] || (e[1] = (l) => s("keydown", l)),
               onClick: e[2] || (e[2] = (l) => s("inputClick", l))
             }, null, 42, Z), [
-              [H, o.value]
+              [H, n.value]
             ]),
             u("span", {
               ref_key: "hiddenSpan",
@@ -116,13 +118,13 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
                 font: "inherit",
                 fontSize: "inherit"
               }
-            }, G(o.value), 513),
+            }, G(n.value), 513),
             F(u("button", {
               type: "button",
-              class: f(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", n.clearButton?.classes]),
+              class: f(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", o.clearButton?.classes]),
               "aria-label": "Clear input",
               style: X({
-                left: `${v.value + (n.clearButton?.offset || 10)}px`
+                left: `${v.value + (o.clearButton?.offset || 10)}px`
               }),
               onClick: P(R, ["stop"])
             }, [

package/package.json

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