@wikicasa-dev/components 2.1.4-alpha.20 → 2.1.4-alpha.21

package/dist/assets/packages/components/lib/UIKit/BaseAutocomplete.css

@@ -1 +1 @@
-.uikit-input-wrapper .base-autocomplete-input{--input-height: 40px}.uikit-input-wrapper .base-autocomplete-input .text-input-icon{--icon-top: 10px}
+.uikit-base-autocomplete.uikit-input-wrapper{--input-height: 40px}.uikit-base-autocomplete.uikit-input-wrapper .text-input-icon{--icon-top: 10px}

package/dist/packages/components/lib/UIKit/BaseAutocomplete.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as H, mergeModels as g, useModel as K, ref as r, computed as $, onBeforeMount as N, watch as C, createBlock as w, openBlock as v, normalizeClass as U, withCtx as f, renderSlot as B, createElementBlock as A, Fragment as F, renderList as T, unref as S, createCommentVNode as j, createElementVNode as V, resolveDynamicComponent as W, createVNode as X, createSlots as q, withDirectives as G, vShow as J } from "vue";
+import { defineComponent as H, mergeModels as g, useModel as K, ref as r, computed as $, onBeforeMount as N, watch as C, createBlock as b, openBlock as m, normalizeClass as U, withCtx as c, renderSlot as B, createElementBlock as A, Fragment as F, renderList as T, unref as S, createCommentVNode as j, createElementVNode as V, resolveDynamicComponent as W, createVNode as X, createSlots as q, withDirectives as G, vShow as J } from "vue";
 import Q from "./BaseInput.vue.js";
 import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
 import R from "./BaseDropDown.vue.js";
@@ -32,21 +32,21 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
   }),
   emits: /* @__PURE__ */ g(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
   setup(o, { expose: D, emit: I }) {
-    const u = K(o, "modelValue"), s = I, i = r(""), a = r([]), c = r(null), n = r(!1), b = r(null), O = $(() => a.value.length);
+    const u = K(o, "modelValue"), s = I, i = r(""), a = r([]), f = r(null), n = r(!1), w = r(null), O = $(() => a.value.length);
     N(() => {
-      c.value = Y({ delay: 300 }, o.onInputChangeCb);
+      f.value = Y({ delay: 300 }, o.onInputChangeCb);
     });
-    const { activeIdx: m, selectedIdx: d } = x({
+    const { activeIdx: v, selectedIdx: d } = x({
       optionsLength: O,
       isDropdownOpen: n,
       disableSpaceHandler: !0
     }), y = $(() => d.value !== -1), M = async (e) => {
       if (i.value !== e && (s("changedValue", e), i.value = e, !!o.onInputChangeCb)) {
         if (!e || y.value) {
-          a.value = [], d.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await c.value?.("");
+          a.value = [], d.value = -1, v.value = -1, u.value && (u.value.label = ""), n.value = !1, await f.value?.("");
           return;
         }
-        o.disableCb || !c.value || (a.value = await c.value(e), n.value = !!a.value.length);
+        o.disableCb || !f.value || (a.value = await f.value(e), n.value = !!a.value.length);
       }
     }, h = (e, t) => {
       o.onOptionSelectedCb && o.onOptionSelectedCb(e), o.cleanupOnClose && (a.value = []), i.value = e.label, u.value = e, n.value = !1, d.value = t;
@@ -71,13 +71,13 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
       { immediate: !0 }
     );
     const P = () => {
-      b.value?.select();
+      w.value?.select();
     }, L = () => {
       s("click"), E(), a.value.length && (n.value = !0);
     };
     return D({
       select: P
-    }), (e, t) => (v(), w(R, {
+    }), (e, t) => (m(), b(R, {
       open: n.value,
       "onUpdate:open": t[3] || (t[3] = (l) => n.value = l),
       class: U(e.$attrs["root-classes"]),
@@ -89,11 +89,12 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
       "onUpdate:dropdownState": t[4] || (t[4] = (l) => n.value = l),
       onClick: L
     }, {
-      btn_slot: f(() => [
+      btn_slot: c(() => [
         X(Q, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
           ref_key: "baseInput",
-          ref: b,
+          ref: w,
+          class: "uikit-base-autocomplete",
           "data-cy": e.dataCy ? `ac_input_${e.dataCy}` : `ac_input_${e.$attrs.id}`,
           "model-value": i.value,
           "is-valid": e.isValid,
@@ -108,14 +109,14 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
         }, q({ _: 2 }, [
           e.$slots.leftIcon ? {
             name: "leftIcon",
-            fn: f(() => [
+            fn: c(() => [
               B(e.$slots, "leftIcon")
             ]),
             key: "0"
           } : void 0,
           e.withCleanBtn ? {
             name: "rightIcon",
-            fn: f(({ handleClean: l }) => [
+            fn: c(({ handleClean: l }) => [
               G(V("span", {
                 class: "text-input-icon right uikit-flex uikit-size-md uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-w-lightgray uikit-text uikit-font-semibold uikit-text-white",
                 onClick: l
@@ -127,20 +128,20 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
           } : void 0
         ]), 1032, ["id", "data-cy", "model-value", "is-valid", "disabled", "placeholder", "input-class", "fieldset-classes", "with-border"])
       ]),
-      default: f(({ toggleDropdown: l }) => [
+      default: c(({ toggleDropdown: l }) => [
         B(e.$slots, "dropdown", {
           options: a.value,
           toggleDropdown: l
         }, () => [
-          (v(!0), A(F, null, T(a.value, (p, k) => (v(), w(Z, {
+          (m(!0), A(F, null, T(a.value, (p, k) => (m(), b(Z, {
             key: k,
-            active: S(m) === k,
+            active: S(v) === k,
             class: "uikit-relative uikit-flex uikit-gap-x-xs uikit-rounded-[5px] uikit-p-md uikit-py-xs uikit-text after:uikit-absolute after:uikit-bottom-0 after:uikit-left-1/2 after:uikit-h-[1px] after:uikit-w-[95%] after:-uikit-translate-x-1/2 after:uikit-bg-w-lightgray after:uikit-content-[''] after:last:uikit-hidden hover:uikit-cursor-pointer",
             onClick: (z) => h(p, k),
-            onMouseover: (z) => m.value = k
+            onMouseover: (z) => v.value = k
           }, {
-            default: f(() => [
-              p.icon ? (v(), w(W(p.icon), { key: 0 })) : j("", !0),
+            default: c(() => [
+              p.icon ? (m(), b(W(p.icon), { key: 0 })) : j("", !0),
               V("span", {
                 innerHTML: p.label
               }, null, 8, ee)

package/package.json

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