@wikicasa-dev/components 2.2.9-alpha.45 → 2.2.9-alpha.48

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/AccessibleSelect.vue.js

@@ -47,6 +47,7 @@ const q = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
         open: m.value,
         "onUpdate:open": v[1] || (v[1] = (d) => m.value = d),
         class: s([e.wrapperClasses]),
+        "data-cy": e.dataCy,
         "activate-keyboard-controller": "",
         "close-when-clicked-outside": e.closeOnBodyPressed,
         direction: e.dropdownPosition === "top" ? "up" : "down",
@@ -176,7 +177,7 @@ const q = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
           ], 42, J))), 128))
         ]),
         _: 3
-      }, 8, ["open", "class", "close-when-clicked-outside", "direction", "dropdown-classes"]),
+      }, 8, ["open", "class", "data-cy", "close-when-clicked-outside", "direction", "dropdown-classes"]),
       e.feedback ? (l(), o(g, { key: 0 }, [
         e.feedback.valid ? (l(), o("span", {
           key: 0,

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js

@@ -17,10 +17,7 @@ const b = /* @__PURE__ */ n({
   },
   setup(e) {
     const o = c("isActive");
-    return (i, v) => (d(), u(t(h), {
-      value: e.value,
-      "data-cy": e.dataCy
-    }, {
+    return (i, v) => (d(), u(t(h), { value: e.value }, {
       default: a(() => [
         s(t(m), {
           as: e.headerTag,
@@ -32,6 +29,7 @@ const b = /* @__PURE__ */ n({
           default: a(() => [
             l(i.$slots, "header-content"),
             s(t(g), {
+              "data-cy": e.dataCy,
               class: r([
                 e.triggerClasses,
                 {
@@ -54,7 +52,7 @@ const b = /* @__PURE__ */ n({
                 ])
               ]),
               _: 3
-            }, 8, ["class"])
+            }, 8, ["data-cy", "class"])
           ]),
           _: 3
         }, 8, ["as", "class"]),
@@ -71,7 +69,7 @@ const b = /* @__PURE__ */ n({
         }, 8, ["class"])
       ]),
       _: 3
-    }, 8, ["value", "data-cy"]));
+    }, 8, ["value"]));
   }
 });
 export {

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

@@ -1,4 +1,4 @@
-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 { defineComponent as P, mergeModels as O, useModel as B, useId as G, useTemplateRef as c, shallowRef as f, onBeforeMount as X, watch as T, nextTick as j, createBlock as V, openBlock as g, withCtx as S, createElementBlock as q, Fragment as J, renderList as Q, renderSlot as y, createElementVNode as s, normalizeClass as p, withDirectives as U, 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";
@@ -30,34 +30,43 @@ const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE
     inputValueModifiers: {}
   }),
   emits: /* @__PURE__ */ O(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
-  setup(t, { expose: U, emit: E }) {
+  setup(t, { expose: W, emit: E }) {
     const r = B(t, "open"), u = B(t, "modelValue"), o = B(t, "inputValue");
     o.value = o.value ?? u.value?.label ?? "";
-    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;
+    const v = E, I = G(), h = c("inputRef"), k = f(0), w = f(!1), m = f(!!u.value?.label), x = f(null), i = f([]), M = c("dropdownRef"), F = c("hiddenSpan"), D = c("inputWrapperRef"), L = c("clearButtonRef"), z = () => {
+      o.value = "", u.value = null, m.value = !1;
     }, K = async (l) => {
       if (!l) {
-        a.value = [], r.value = !1;
+        i.value = [], r.value = !1;
         return;
       }
-      t.disableCb || (a.value = await x.value?.(l) || [], y.value = !0, r.value = !!a.value.length);
+      t.disableCb || (i.value = await x.value?.(l) || [], w.value = !0, r.value = !!i.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, k.value = !0, a.value = []);
+      const e = i.value[l];
+      !e || e.id === u.value?.id || (t.onOptionSelectedCb?.(e), o.value = e.label, r.value = !1, u.value = e, m.value = !0, i.value = []);
     }, N = () => {
-      b.value?.select();
+      h.value?.select();
     }, A = () => {
-      b.value?.focus();
+      h.value?.focus();
     };
-    return j(() => {
+    return X(() => {
       x.value = ie({ delay: 300 }, t.onInputChangeCb);
     }), T(
-      [o, F, L, z],
+      [o, F, D, L],
       ([, l, e, n]) => {
-        !l || !e || q(() => {
+        !l || !e || j(() => {
           if (!l || !e) return;
-          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 = $);
+          const C = l.offsetWidth, d = e.offsetWidth, a = t.clearButton?.offset || 0, b = t.clearButton?.width || n?.offsetWidth || 0, H = d - a - b;
+          console.log("DEBUG:", {
+            curSpanEl: l,
+            curWrapperEl: e,
+            textWidth: C,
+            wrapperWidth: d,
+            buttonOffset: a,
+            buttonWidth: b
+          });
+          const $ = Math.min(C, H);
+          $ !== k.value && (k.value = $);
         });
       },
       { immediate: !0 }
@@ -73,7 +82,7 @@ const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE
         l === e || l?.label === o.value || (o.value = l?.label || "");
       },
       { immediate: !0 }
-    ), U({
+    ), W({
       getRootElement: () => M.value?.getRootElement(),
       select: N,
       focus: A
@@ -83,24 +92,24 @@ const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE
       "data-cy": t.dataCy,
       "dropdown-element": "ul",
       "dropdown-classes": ["uikit-z-30", t.dropdownClasses],
-      "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
+      "keep-state": !i.value.length || t.keepState === "closed" ? "closed" : "opened",
       "activate-keyboard-controller": t.enableKeyboardController,
-      "reset-keyboard-controller": y.value,
-      "onUpdate:resetKeyboardController": e[5] || (e[5] = (n) => y.value = n),
+      "reset-keyboard-controller": w.value,
+      "onUpdate:resetKeyboardController": e[5] || (e[5] = (n) => w.value = n),
       open: r.value,
       "onUpdate:open": e[6] || (e[6] = (n) => r.value = n)
     }, {
       btn_slot: S(() => [
         s("div", {
-          class: f(["uikit-text-16", t.triggerWrapperClasses]),
-          onClick: e[4] || (e[4] = (n) => p("click", n))
+          class: p(["uikit-text-16", t.triggerWrapperClasses]),
+          onClick: e[4] || (e[4] = (n) => v("click", n))
         }, [
-          C(l.$slots, "left-icon"),
+          y(l.$slots, "left-icon"),
           s("div", {
             ref: "inputWrapperRef",
-            class: f(["uikit-relative", t.inputWrapperClasses])
+            class: p(["uikit-relative", t.inputWrapperClasses])
           }, [
-            W(s("input", {
+            U(s("input", {
               ref: "inputRef",
               "onUpdate:modelValue": [
                 e[0] || (e[0] = (n) => o.value = n),
@@ -110,18 +119,18 @@ const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE
               "data-cy": t.dataCy ? `ac_input_${t.dataCy}` : "",
               type: "text",
               autocomplete: "off",
-              class: f(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", t.inputClasses]),
+              class: p(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", t.inputClasses]),
               style: {
                 font: "inherit",
                 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), m.value = !1;
               }),
               onClick: e[3] || (e[3] = (n) => {
-                p("inputClick", n), b.value?.select();
+                v("inputClick", n), h.value?.select();
               })
             }, null, 42, ue), [
               [Z, o.value]
@@ -129,49 +138,49 @@ const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE
             s("span", {
               ref_key: "hiddenSpan",
               ref: F,
-              class: f(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre", t.hiddenTextClasses]),
+              class: p(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre", t.hiddenTextClasses]),
               style: {
                 font: "inherit",
                 fontSize: "inherit"
               }
             }, _(o.value), 3),
-            W(s("button", {
+            U(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]),
+              class: p(["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: te({
-                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"
               }),
-              onClick: ee(D, ["stop"])
+              onClick: ee(z, ["stop"])
             }, [
-              C(l.$slots, "clear-icon", {}, () => [
+              y(l.$slots, "clear-icon", {}, () => [
                 e[7] || (e[7] = le("X", -1))
               ])
             ], 6), [
-              [ne, k.value && v.value]
+              [ne, m.value && k.value]
             ])
           ], 2),
-          C(l.$slots, "right-icon")
+          y(l.$slots, "right-icon")
         ], 2)
       ]),
-      default: S(({ activeIdx: n, setActiveIdx: h }) => [
-        (g(!0), G(J, null, Q(a.value, (m, i) => (g(), V(ae, {
-          key: i,
-          active: n === i,
+      default: S(({ activeIdx: n, setActiveIdx: C }) => [
+        (g(!0), q(J, null, Q(i.value, (d, a) => (g(), V(ae, {
+          key: a,
+          active: n === a,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (w) => R(i),
-          onMouseover: (w) => h(i)
+          onClick: (b) => R(a),
+          onMouseover: (b) => C(a)
         }, {
           default: S(() => [
-            C(l.$slots, "option-content", {
-              option: m,
-              idx: i
+            y(l.$slots, "option-content", {
+              option: d,
+              idx: a
             }, () => [
               s("span", {
-                innerHTML: m.label
+                innerHTML: d.label
               }, null, 8, se)
             ])
           ]),

package/package.json

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