@wikicasa-dev/components 2.2.9-alpha.22 → 2.2.9-alpha.24

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-autoplay.css';/* empty css                                                                           */
+import '../assets/swiper-controller.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-autoplay.css';/* empty css                                                                             */
+import '../assets/swiper-controller.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-autoplay.css';/* empty css                                                                           */
+import '../assets/swiper-controller.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-autoplay.css';/* empty css                                                                         */
+import '../assets/swiper-controller.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent as G, mergeModels as V, useModel as g, useId as X, useTemplateRef as d, shallowRef as c, onBeforeMount as j, watch as T, nextTick as q, createBlock as W, openBlock as S, withCtx as x, createElementBlock as J, Fragment as Q, renderList as Y, renderSlot as m, createElementVNode as s, normalizeClass as f, normalizeStyle as U, withDirectives as E, unref as Z, vModelText as _, toDisplayString as ee, withModifiers as te, createTextVNode as le, vShow as ne } from "vue";
+import { defineComponent as P, mergeModels as O, useModel as B, useId as X, useTemplateRef as d, shallowRef as c, onBeforeMount as j, watch as T, nextTick as q, createBlock as V, openBlock as g, withCtx as S, createElementBlock as G, Fragment as J, renderList as Q, renderSlot as C, createElementVNode as s, normalizeClass as f, withDirectives as W, unref as Y, vModelText as Z, toDisplayString as _, withModifiers as ee, normalizeStyle as te, createTextVNode as le, vShow as ne } from "vue";
 import oe from "../BaseDropDown.vue.js";
 import '../../../../../assets/BaseDropDown.css';/* empty css                   */
 import ae from "../BaseSelect/SelectItem.vue.js";
 import { debounce as ie } from "@wikicasa-dev/utilities";
-const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE__ */ G({
+const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE__ */ P({
   __name: "ClearableAutocomplete",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ O({
     dataCy: {},
     placeholder: {},
     enableKeyboardController: { type: Boolean, default: !0 },
@@ -29,46 +29,43 @@ const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE
     },
     inputValueModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
-  setup(t, { expose: I, emit: D }) {
-    const r = g(t, "open"), u = g(t, "modelValue"), o = g(t, "inputValue");
+  emits: /* @__PURE__ */ O(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
+  setup(t, { expose: U, emit: E }) {
+    const r = B(t, "open"), u = B(t, "modelValue"), o = B(t, "inputValue");
     o.value = o.value ?? u.value?.label ?? "";
-    const p = D, L = X(), C = d("inputRef"), v = c(0), b = c(!1), h = c(!!u.value?.label), M = c(null), a = c([]), R = d("dropdownRef"), $ = d("hiddenSpan"), z = d("inputWrapperRef"), K = d("clearButtonRef"), N = () => {
-      o.value = "", u.value = null;
-    }, A = async (l) => {
+    const p = E, I = X(), b = d("inputRef"), v = c(0), y = c(!1), k = c(!!u.value?.label), x = c(null), a = c([]), M = d("dropdownRef"), F = d("hiddenSpan"), L = d("inputWrapperRef"), z = d("clearButtonRef"), D = () => {
+      o.value = "", u.value = null, k.value = !1;
+    }, K = async (l) => {
       if (!l) {
         a.value = [], r.value = !1;
         return;
       }
-      t.disableCb || (a.value = await M.value?.(l) || [], b.value = !0, r.value = !!a.value.length);
-    }, F = (l = -1) => {
+      t.disableCb || (a.value = await x.value?.(l) || [], y.value = !0, r.value = !!a.value.length);
+    }, R = (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, h.value = !0, a.value = []);
-    }, H = () => {
-      C.value?.select();
-    }, P = () => {
-      C.value?.focus();
+      !e || e.id === u.value?.id || (t.onOptionSelectedCb?.(e), o.value = e.label, r.value = !1, u.value = e, k.value = !0, a.value = []);
+    }, N = () => {
+      b.value?.select();
+    }, A = () => {
+      b.value?.focus();
     };
     return j(() => {
-      M.value = ie({ delay: 300 }, t.onInputChangeCb);
+      x.value = ie({ delay: 300 }, t.onInputChangeCb);
     }), T(
-      [o, $, z, K],
+      [o, F, L, z],
       ([, l, e, n]) => {
         !l || !e || q(() => {
           if (!l || !e) return;
-          const y = l.offsetWidth, k = e.offsetWidth, i = t.clearButton?.offset || 0, w = t.clearButton?.width || n?.offsetWidth || 0, O = k - i - w, B = Math.min(y, O);
-          console.log("DEBUG:", {
-            maxPosition: O,
-            newOffset: B
-          }), B !== v.value && (v.value = B);
+          const h = l.offsetWidth, m = e.offsetWidth, i = t.clearButton?.offset || 0, w = t.clearButton?.width || n?.offsetWidth || 0, H = m - i - w, $ = Math.min(h, H);
+          $ !== v.value && (v.value = $);
         });
       },
       { immediate: !0 }
     ), T(
-      () => R.value?.selectedIdx,
+      () => M.value?.selectedIdx,
       (l) => {
         const e = l ?? -1;
-        e !== -1 && F(e);
+        e !== -1 && R(e);
       }
     ), T(
       u,
@@ -76,11 +73,11 @@ const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE
         l === e || l?.label === o.value || (o.value = l?.label || "");
       },
       { immediate: !0 }
-    ), I({
-      getRootElement: () => R.value?.getRootElement(),
-      select: H,
-      focus: P
-    }), (l, e) => (S(), W(oe, {
+    ), U({
+      getRootElement: () => M.value?.getRootElement(),
+      select: N,
+      focus: A
+    }), (l, e) => (g(), V(oe, {
       ref: "dropdownRef",
       class: "uikit-clearable-autocomplete",
       "data-cy": t.dataCy,
@@ -89,32 +86,27 @@ const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE
       "open-dropdown": r.value,
       "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
       "activate-keyboard-controller": t.enableKeyboardController,
-      "reset-keyboard-controller": b.value,
-      "onUpdate:resetKeyboardController": e[5] || (e[5] = (n) => b.value = n),
+      "reset-keyboard-controller": y.value,
+      "onUpdate:resetKeyboardController": e[5] || (e[5] = (n) => y.value = n),
       "onUpdate:dropdownState": e[6] || (e[6] = (n) => r.value = n)
     }, {
-      btn_slot: x(() => [
+      btn_slot: S(() => [
         s("div", {
           class: f(["uikit-text-16", t.triggerWrapperClasses]),
           onClick: e[4] || (e[4] = (n) => p("click", n))
         }, [
-          m(l.$slots, "left-icon"),
+          C(l.$slots, "left-icon"),
           s("div", {
             ref: "inputWrapperRef",
-            class: f(["uikit-relative", t.inputWrapperClasses]),
-            style: U(
-              t.clearButton?.width ? {
-                paddingRight: `${t.clearButton.width}px`
-              } : {}
-            )
+            class: f(["uikit-relative", t.inputWrapperClasses])
           }, [
-            E(s("input", {
+            W(s("input", {
               ref: "inputRef",
               "onUpdate:modelValue": [
                 e[0] || (e[0] = (n) => o.value = n),
-                A
+                K
               ],
-              id: Z(L),
+              id: Y(I),
               "data-cy": t.dataCy ? `ac_input_${t.dataCy}` : "",
               type: "text",
               autocomplete: "off",
@@ -126,60 +118,60 @@ const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE
               placeholder: t.placeholder,
               onKeydown: e[1] || (e[1] = (n) => p("keydown", n)),
               onInput: e[2] || (e[2] = (n) => {
-                p("input", n), h.value = !1;
+                p("input", n), k.value = !1;
               }),
               onClick: e[3] || (e[3] = (n) => {
-                p("inputClick", n), C.value?.select();
+                p("inputClick", n), b.value?.select();
               })
             }, null, 42, ue), [
-              [_, o.value]
+              [Z, o.value]
             ]),
             s("span", {
               ref_key: "hiddenSpan",
-              ref: $,
+              ref: F,
               class: f(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre", t.hiddenTextClasses]),
               style: {
                 font: "inherit",
                 fontSize: "inherit"
               }
-            }, ee(o.value), 3),
-            E(s("button", {
+            }, _(o.value), 3),
+            W(s("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: U({
+              style: te({
                 left: `${v.value + (t.clearButton?.offset || 0)}px`,
                 width: t.clearButton?.width ? `${t.clearButton.width}px` : "auto",
                 height: t.clearButton?.height ? `${t.clearButton.height}px` : "auto"
               }),
-              onClick: te(N, ["stop"])
+              onClick: ee(D, ["stop"])
             }, [
-              m(l.$slots, "clear-icon", {}, () => [
+              C(l.$slots, "clear-icon", {}, () => [
                 e[7] || (e[7] = le("X", -1))
               ])
             ], 6), [
-              [ne, h.value && v.value]
+              [ne, k.value && v.value]
             ])
-          ], 6),
-          m(l.$slots, "right-icon")
+          ], 2),
+          C(l.$slots, "right-icon")
         ], 2)
       ]),
-      default: x(({ activeIdx: n, setActiveIdx: y }) => [
-        (S(!0), J(Q, null, Y(a.value, (k, i) => (S(), W(ae, {
+      default: S(({ activeIdx: n, setActiveIdx: h }) => [
+        (g(!0), G(J, null, Q(a.value, (m, i) => (g(), V(ae, {
           key: i,
           active: n === i,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (w) => F(i),
-          onMouseover: (w) => y(i)
+          onClick: (w) => R(i),
+          onMouseover: (w) => h(i)
         }, {
-          default: x(() => [
-            m(l.$slots, "option-content", {
-              option: k,
+          default: S(() => [
+            C(l.$slots, "option-content", {
+              option: m,
               idx: i
             }, () => [
               s("span", {
-                innerHTML: k.label
+                innerHTML: m.label
               }, null, 8, se)
             ])
           ]),

package/package.json

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