@wikicasa-dev/components 2.2.9-alpha.49 → 2.2.9-alpha.50

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../assets/swiper-autoplay.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                             */
+import '../assets/swiper-autoplay.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../assets/swiper-autoplay.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                         */
+import '../assets/swiper-autoplay.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as j, mergeModels as U, useModel as S, useId as q, useTemplateRef as d, shallowRef as c, onBeforeMount as G, onMounted as J, onUnmounted as Q, watch as E, nextTick as Y, createBlock as z, openBlock as M, withCtx as W, createElementBlock as Z, Fragment as _, renderList as ee, renderSlot as m, createElementVNode as s, normalizeClass as f, withDirectives as I, unref as te, vModelText as le, toDisplayString as ne, withModifiers as oe, normalizeStyle as ae, createTextVNode as ie, vShow as ue } from "vue";
+import { defineComponent as j, mergeModels as U, useModel as S, useId as q, useTemplateRef as d, shallowRef as c, onBeforeMount as G, onMounted as J, onUnmounted as Q, watch as E, nextTick as Y, createBlock as z, openBlock as M, withCtx as W, createElementBlock as Z, Fragment as _, renderList as ee, renderSlot as m, createElementVNode as u, normalizeClass as f, withDirectives as I, unref as te, vModelText as le, toDisplayString as ne, withModifiers as oe, normalizeStyle as ae, createTextVNode as ie, vShow as ue } from "vue";
 import se from "../BaseDropDown.vue.js";
 import '../../../../../assets/BaseDropDown.css';/* empty css                   */
 import re from "../BaseSelect/SelectItem.vue.js";
@@ -31,19 +31,17 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
   }),
   emits: /* @__PURE__ */ U(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
   setup(t, { expose: L, emit: D }) {
-    const r = S(t, "open"), u = S(t, "modelValue"), o = S(t, "inputValue");
-    o.value = o.value ?? u.value?.label ?? "";
-    const p = D, K = q(), C = d("inputRef"), v = c(0), y = c(!1), k = c(!!u.value?.label), x = c(null), a = c([]), O = d("dropdownRef"), h = d("hiddenSpan"), w = d("inputWrapperRef"), R = d("clearButtonRef"), N = () => {
-      o.value = "", u.value = null, k.value = !1;
+    const s = S(t, "open"), p = S(t, "modelValue"), o = S(t, "inputValue"), v = D, K = q(), C = d("inputRef"), k = c(0), y = c(!1), r = c(!1), x = c(null), a = c([]), O = d("dropdownRef"), h = d("hiddenSpan"), w = d("inputWrapperRef"), R = d("clearButtonRef"), N = () => {
+      o.value = "", p.value = null, r.value = !1;
     }, A = async (l) => {
       if (!l) {
-        a.value = [], r.value = !1;
+        a.value = [], s.value = !1;
         return;
       }
-      t.disableCb || (a.value = await x.value?.(l) || [], y.value = !0, r.value = !!a.value.length);
+      t.disableCb || (a.value = await x.value?.(l) || [], y.value = !0, s.value = !!a.value.length);
     }, F = (l = -1) => {
       const e = a.value[l];
-      !e || e.id === u.value?.id || (t.onOptionSelectedCb?.(e), o.value = e.label, r.value = !1, u.value = e, k.value = !0, a.value = []);
+      !e || e.id === p.value?.id || (t.onOptionSelectedCb?.(e), o.value = e.label, s.value = !1, p.value = e, r.value = !0, a.value = []);
     }, P = () => {
       C.value?.select();
     }, H = () => {
@@ -54,7 +52,7 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
       const l = h.value, e = w.value, n = R.value;
       if (!l || !e) return;
       const T = l.offsetWidth, b = e.offsetWidth, i = t.clearButton?.offset || 0, g = t.clearButton?.width || n?.offsetWidth || 0, X = b - i - g, V = Math.min(T, X);
-      V !== v.value && (v.value = V);
+      V !== k.value && (k.value = V);
     };
     return G(() => {
       x.value = de({ delay: 300 }, t.onInputChangeCb);
@@ -73,9 +71,11 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
         e !== -1 && F(e);
       }
     ), E(
-      u,
-      (l, e) => {
-        l === e || l?.label === o.value || (o.value = l?.label || "");
+      p,
+      (l) => {
+        if (l?.label === o.value) return;
+        const e = l?.label || "";
+        o.value = e, e && (r.value = !0);
       },
       { immediate: !0 }
     ), L({
@@ -92,20 +92,20 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
       "activate-keyboard-controller": t.enableKeyboardController,
       "reset-keyboard-controller": y.value,
       "onUpdate:resetKeyboardController": e[5] || (e[5] = (n) => y.value = n),
-      open: r.value,
-      "onUpdate:open": e[6] || (e[6] = (n) => r.value = n)
+      open: s.value,
+      "onUpdate:open": e[6] || (e[6] = (n) => s.value = n)
     }, {
       btn_slot: W(() => [
-        s("div", {
+        u("div", {
           class: f(["uikit-text-16", t.triggerWrapperClasses]),
-          onClick: e[4] || (e[4] = (n) => p("click", n))
+          onClick: e[4] || (e[4] = (n) => v("click", n))
         }, [
           m(l.$slots, "left-icon"),
-          s("div", {
+          u("div", {
             ref: "inputWrapperRef",
             class: f(["uikit-relative", t.inputWrapperClasses])
           }, [
-            I(s("input", {
+            I(u("input", {
               ref: "inputRef",
               "onUpdate:modelValue": [
                 e[0] || (e[0] = (n) => o.value = n),
@@ -121,17 +121,17 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
                 fontSize: "inherit"
               },
               placeholder: t.placeholder,
-              onKeydown: e[1] || (e[1] = (n) => p("keydown", n)),
+              onKeydown: e[1] || (e[1] = (n) => v("keydown", n)),
               onInput: e[2] || (e[2] = (n) => {
-                p("input", n), k.value = !1;
+                v("input", n), r.value = !1;
               }),
               onClick: e[3] || (e[3] = (n) => {
-                p("inputClick", n), C.value?.select();
+                v("inputClick", n), C.value?.select();
               })
             }, null, 42, ce), [
               [le, o.value]
             ]),
-            s("span", {
+            u("span", {
               ref_key: "hiddenSpan",
               ref: h,
               class: f(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre", t.hiddenTextClasses]),
@@ -140,13 +140,13 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
                 fontSize: "inherit"
               }
             }, ne(o.value), 3),
-            I(s("button", {
+            I(u("button", {
               ref: "clearButtonRef",
               type: "button",
               class: f(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", t.clearButton?.classes]),
               "aria-label": "Clear input",
               style: ae({
-                left: `${v.value + (t.clearButton?.offset || 0)}px`,
+                left: `${k.value + (t.clearButton?.offset || 0)}px`,
                 width: t.clearButton?.width ? `${t.clearButton.width}px` : "auto",
                 height: t.clearButton?.height ? `${t.clearButton.height}px` : "auto"
               }),
@@ -156,7 +156,7 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
                 e[7] || (e[7] = ie("X", -1))
               ])
             ], 6), [
-              [ue, k.value && v.value]
+              [ue, r.value && k.value]
             ])
           ], 2),
           m(l.$slots, "right-icon")
@@ -175,7 +175,7 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
               option: b,
               idx: i
             }, () => [
-              s("span", {
+              u("span", {
                 innerHTML: b.label
               }, null, 8, fe)
             ])

package/package.json

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