@wikicasa-dev/components 2.2.9-alpha.14 → 2.2.9-alpha.16

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/UIKit/BaseButton.d.ts

@@ -16,7 +16,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     title?: string;
     dataCy?: string;
     type?: "button" | "submit" | "reset" | undefined;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {
+    getRootElement: () => HTMLButtonElement | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (e: Event) => any;
     mouseover: (e: Event) => any;
     mouseout: (e: Event) => any;
@@ -39,7 +41,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     onClick?: ((e: Event) => any) | undefined;
     onMouseover?: ((e: Event) => any) | undefined;
     onMouseout?: ((e: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    buttonEl: HTMLButtonElement;
+}, HTMLButtonElement>, {
     default?(_: {
         hover: boolean;
     }): any;

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

@@ -1,11 +1,11 @@
-import { defineComponent as W, mergeModels as V, useModel as C, useId as D, useTemplateRef as b, shallowRef as c, onBeforeMount as N, watch as y, nextTick as A, createBlock as $, openBlock as w, withCtx as h, createElementBlock as H, Fragment as P, renderList as X, renderSlot as f, createElementVNode as u, normalizeClass as v, withDirectives as F, unref as j, vModelText as q, toDisplayString as G, withModifiers as J, normalizeStyle as Q, createTextVNode as Y, vShow as Z } from "vue";
-import _ from "../BaseDropDown.vue.js";
+import { defineComponent as D, mergeModels as $, useModel as b, useId as N, useTemplateRef as y, shallowRef as d, onBeforeMount as A, watch as w, nextTick as H, createBlock as F, openBlock as h, withCtx as g, createElementBlock as P, Fragment as X, renderList as j, renderSlot as f, createElementVNode as u, normalizeClass as v, withDirectives as O, unref as q, vModelText as G, toDisplayString as J, withModifiers as Q, normalizeStyle as Y, createTextVNode as Z, vShow as _ } from "vue";
+import ee from "../BaseDropDown.vue.js";
 import '../../../../../assets/BaseDropDown.css';/* empty css                   */
-import ee from "../BaseSelect/SelectItem.vue.js";
-import { debounce as te } from "@wikicasa-dev/utilities";
-const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE__ */ W({
+import te from "../BaseSelect/SelectItem.vue.js";
+import { debounce as le } from "@wikicasa-dev/utilities";
+const ne = ["id", "data-cy", "placeholder"], oe = ["innerHTML"], pe = /* @__PURE__ */ D({
   __name: "ClearableAutocomplete",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ $({
     dataCy: {},
     placeholder: {},
     enableKeyboardController: { type: Boolean, default: !0 },
@@ -28,55 +28,55 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
     },
     inputValueModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
-  setup(l, { expose: O, emit: R }) {
-    const s = C(l, "open"), i = C(l, "modelValue"), o = C(l, "inputValue");
+  emits: /* @__PURE__ */ $(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
+  setup(l, { expose: R, emit: x }) {
+    const s = b(l, "open"), i = b(l, "modelValue"), o = b(l, "inputValue");
     o.value = o.value ?? i.value?.label ?? "";
-    const d = R, x = D(), k = b("inputRef"), p = c(0), m = c(!1), g = c(null), a = c([]), S = b("dropdownRef"), T = b("hiddenSpan"), E = () => {
+    const p = x, E = N(), k = y("inputRef"), c = d(0), m = d(!1), C = d(!!i.value?.label), S = d(null), a = d([]), T = y("dropdownRef"), B = y("hiddenSpan"), I = () => {
       o.value = "", i.value = null;
-    }, I = async (t) => {
+    }, U = async (t) => {
       if (!t) {
         a.value = [], s.value = !1;
         return;
       }
-      l.disableCb || (a.value = await g.value?.(t) || [], m.value = !0, s.value = !!a.value.length);
-    }, B = (t = -1) => {
+      l.disableCb || (a.value = await S.value?.(t) || [], m.value = !0, s.value = !!a.value.length);
+    }, M = (t = -1) => {
       const e = a.value[t];
-      !e || e.id === i.value?.id || (l.onOptionSelectedCb?.(e), o.value = e.label, s.value = !1, i.value = e, a.value = []);
-    }, U = () => {
-      k.value?.select();
+      !e || e.id === i.value?.id || (l.onOptionSelectedCb?.(e), o.value = e.label, s.value = !1, i.value = e, C.value = !0, a.value = []);
     }, z = () => {
+      k.value?.select();
+    }, K = () => {
       k.value?.focus();
     };
-    return N(() => {
-      g.value = te({ delay: 300 }, l.onInputChangeCb);
-    }), y(
-      [o, () => T.value],
+    return A(() => {
+      S.value = le({ delay: 300 }, l.onInputChangeCb);
+    }), w(
+      [o, () => B.value],
       ([, t]) => {
-        t && A(() => {
+        t && H(() => {
           if (!t) return;
           const e = t.offsetWidth;
-          e !== p.value && (p.value = e);
+          e !== c.value && (c.value = e);
         });
       },
       { immediate: !0 }
-    ), y(
-      () => S.value?.selectedIdx,
+    ), w(
+      () => T.value?.selectedIdx,
       (t) => {
         const e = t ?? -1;
-        e !== -1 && B(e);
+        e !== -1 && M(e);
       }
-    ), y(
+    ), w(
       i,
       (t, e) => {
         t === e || t?.label === o.value || (o.value = t?.label || "");
       },
       { immediate: !0 }
-    ), O({
-      getRootElement: () => S.value?.getRootElement(),
-      select: U,
-      focus: z
-    }), (t, e) => (w(), $(_, {
+    ), R({
+      getRootElement: () => T.value?.getRootElement(),
+      select: z,
+      focus: K
+    }), (t, e) => (h(), F(ee, {
       ref: "dropdownRef",
       class: "uikit-clearable-autocomplete",
       "data-cy": l.dataCy,
@@ -89,22 +89,22 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
       "onUpdate:resetKeyboardController": e[5] || (e[5] = (n) => m.value = n),
       "onUpdate:dropdownState": e[6] || (e[6] = (n) => s.value = n)
     }, {
-      btn_slot: h(() => [
+      btn_slot: g(() => [
         u("div", {
           class: v(["uikit-text-16", l.triggerWrapperClasses]),
-          onClick: e[4] || (e[4] = (n) => d("click", n))
+          onClick: e[4] || (e[4] = (n) => p("click", n))
         }, [
           f(t.$slots, "left-icon"),
           u("div", {
             class: v(["uikit-relative", l.inputWrapperClasses])
           }, [
-            F(u("input", {
+            O(u("input", {
               ref: "inputRef",
               "onUpdate:modelValue": [
                 e[0] || (e[0] = (n) => o.value = n),
-                I
+                U
               ],
-              id: j(x),
+              id: q(E),
               "data-cy": l.dataCy ? `ac_input_${l.dataCy}` : "",
               type: "text",
               autocomplete: "off",
@@ -114,58 +114,60 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
                 fontSize: "inherit"
               },
               placeholder: l.placeholder,
-              onKeydown: e[1] || (e[1] = (n) => d("keydown", n)),
-              onInput: e[2] || (e[2] = (n) => d("input", n)),
+              onKeydown: e[1] || (e[1] = (n) => p("keydown", n)),
+              onInput: e[2] || (e[2] = (n) => {
+                p("input", n), C.value = !1;
+              }),
               onClick: e[3] || (e[3] = (n) => {
-                d("inputClick", n), k.value?.select();
+                p("inputClick", n), k.value?.select();
               })
-            }, null, 42, le), [
-              [q, o.value]
+            }, null, 42, ne), [
+              [G, o.value]
             ]),
             u("span", {
               ref_key: "hiddenSpan",
-              ref: T,
+              ref: B,
               class: "uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre",
               style: {
                 font: "inherit",
                 fontSize: "inherit"
               }
-            }, G(o.value), 513),
-            F(u("button", {
+            }, J(o.value), 513),
+            O(u("button", {
               type: "button",
               class: v(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", l.clearButton?.classes]),
               "aria-label": "Clear input",
-              style: Q({
-                left: `${p.value + (l.clearButton?.offset || 10)}px`
+              style: Y({
+                left: `${c.value + (l.clearButton?.offset || 10)}px`
               }),
-              onClick: J(E, ["stop"])
+              onClick: Q(I, ["stop"])
             }, [
               f(t.$slots, "clear-icon", {}, () => [
-                e[7] || (e[7] = Y("X", -1))
+                e[7] || (e[7] = Z("X", -1))
               ])
             ], 6), [
-              [Z, i.value?.label && p.value]
+              [_, C.value && c.value]
             ])
           ], 2),
           f(t.$slots, "right-icon")
         ], 2)
       ]),
-      default: h(({ activeIdx: n, setActiveIdx: K }) => [
-        (w(!0), H(P, null, X(a.value, (M, r) => (w(), $(ee, {
+      default: g(({ activeIdx: n, setActiveIdx: L }) => [
+        (h(!0), P(X, null, j(a.value, (V, r) => (h(), F(te, {
           key: r,
           active: n === r,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (L) => B(r),
-          onMouseover: (L) => K(r)
+          onClick: (W) => M(r),
+          onMouseover: (W) => L(r)
         }, {
-          default: h(() => [
+          default: g(() => [
             f(t.$slots, "option-content", {
-              option: M,
+              option: V,
               idx: r
             }, () => [
               u("span", {
-                innerHTML: M.label
-              }, null, 8, ne)
+                innerHTML: V.label
+              }, null, 8, oe)
             ])
           ]),
           _: 2
@@ -176,5 +178,5 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
   }
 });
 export {
-  de as default
+  pe as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as c, ref as b, computed as l, createElementBlock as f, openBlock as v, withModifiers as s, normalizeStyle as B, normalizeClass as C, renderSlot as u, createVNode as M } from "vue";
-import z from "../../../../UIKit/StaticSpinner.js";
-const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], $ = /* @__PURE__ */ c({
+import { defineComponent as y, useTemplateRef as v, shallowRef as B, computed as n, createElementBlock as C, openBlock as M, withModifiers as s, normalizeStyle as h, normalizeClass as z, renderSlot as u, createVNode as L } from "vue";
+import g from "../../../../UIKit/StaticSpinner.js";
+const w = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], A = /* @__PURE__ */ y({
   __name: "BaseButton",
   props: {
     btnClass: { default: "uikit-btn-w-primary" },
@@ -16,17 +16,20 @@ const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
     type: {}
   },
   emits: ["mouseover", "mouseout", "click"],
-  setup(e, { emit: d }) {
-    const o = d, n = b(!1), r = l(() => e.size ? `uikit-btn-${e.size}` : ""), m = l(() => e.outlined ? "uikit-btn-outline" : ""), k = () => {
-      n.value = !0;
-    }, y = () => {
-      n.value = !1;
+  setup(e, { expose: d, emit: r }) {
+    const a = r, m = v("buttonEl"), l = B(!1), b = n(() => e.size ? `uikit-btn-${e.size}` : ""), c = n(() => e.outlined ? "uikit-btn-outline" : ""), f = () => {
+      l.value = !0;
+    }, k = () => {
+      l.value = !1;
     };
-    return (a, t) => (v(), f("button", {
-      id: a.$attrs.id,
+    return d({
+      getRootElement: () => m.value
+    }), (o, t) => (M(), C("button", {
+      ref: "buttonEl",
+      id: o.$attrs.id,
       "data-cy": e.dataCy,
       type: e.type,
-      class: C([
+      class: z([
         "uikit-btn",
         {
           "uikit-btn-empty": !e.withMinWidth,
@@ -34,33 +37,33 @@ const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
           "uikit-flex uikit-items-center uikit-justify-center": e.isLoading
         },
         e.btnClass,
-        r.value,
-        m.value
+        b.value,
+        c.value
       ]),
-      style: B(a.$attrs.style),
+      style: h(o.$attrs.style),
       "data-active": e.keepActive,
       disabled: e.isLoading || e.disabled,
       "aria-label": e.ariaLabel,
       title: e.title,
       onMouseover: t[0] || (t[0] = s((i) => {
-        k(), o("mouseover", i);
+        f(), a("mouseover", i);
       }, ["stop"])),
       onMouseout: t[1] || (t[1] = s((i) => {
-        y(), o("mouseout", i);
+        k(), a("mouseout", i);
       }, ["stop"])),
-      onClick: t[2] || (t[2] = (i) => o("click", i))
+      onClick: t[2] || (t[2] = (i) => a("click", i))
     }, [
-      e.isLoading ? u(a.$slots, "spinner", { key: 1 }, () => [
-        M(z, {
+      e.isLoading ? u(o.$slots, "spinner", { key: 1 }, () => [
+        L(g, {
           "stroke-color": e.outlined ? "#ACB4C3" : "#fff"
         }, null, 8, ["stroke-color"])
-      ]) : u(a.$slots, "default", {
+      ]) : u(o.$slots, "default", {
         key: 0,
-        hover: n.value
+        hover: l.value
       })
-    ], 46, L));
+    ], 46, w));
   }
 });
 export {
-  $ as default
+  A as default
 };

package/dist/packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as u, useTemplateRef as r, watch as m, nextTick as c, createElementBlock as d, openBlock as f, normalizeClass as k, renderSlot as v, createElementVNode as x } from "vue";
-const p = ["tabindex"], b = ["innerHTML"], $ = /* @__PURE__ */ u({
+import { defineComponent as u, useTemplateRef as c, watch as d, nextTick as m, createElementBlock as r, openBlock as f, normalizeClass as v, renderSlot as k, createElementVNode as x } from "vue";
+const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u({
   __name: "SelectItem",
   props: {
     label: { default: "" },
@@ -7,33 +7,34 @@ const p = ["tabindex"], b = ["innerHTML"], $ = /* @__PURE__ */ u({
     idx: { default: -1 }
   },
   emits: ["click", "mouseover"],
-  setup(l, { emit: a }) {
-    const n = a, t = l, o = r("liItem");
-    return m(
-      () => t.active,
+  setup(t, { emit: o }) {
+    const a = o, i = t, n = c("liItem");
+    return d(
+      () => i.active,
       (e) => {
-        e && c(() => {
-          o.value && o.value.focus();
+        e && m(() => {
+          n.value && n.value.focus();
         });
       },
       { immediate: !0 }
-    ), (e, i) => (f(), d("li", {
+    ), (e, l) => (f(), r("li", {
       ref: "liItem",
-      class: k(["uikit-list-none uikit-text-w-black", [
-        { "active uikit-bg-w-cultured": l.active },
+      class: v(["uikit-list-none uikit-text-w-black", [
+        { "active uikit-bg-w-cultured": t.active },
         "uikit-outline-none",
         e.$attrs.class
       ]]),
+      "data-active": t.active,
       tabindex: e.$attrs.tabindex ?? -1,
-      onClick: i[0] || (i[0] = (s) => n("click", t.idx)),
-      onMouseover: i[1] || (i[1] = (s) => n("mouseover", t.idx))
+      onClick: l[0] || (l[0] = (s) => a("click", i.idx)),
+      onMouseover: l[1] || (l[1] = (s) => a("mouseover", i.idx))
     }, [
-      v(e.$slots, "default", { itemIdx: l.idx }, () => [
+      k(e.$slots, "default", { itemIdx: t.idx }, () => [
         x("span", {
-          innerHTML: t.label
-        }, null, 8, b)
+          innerHTML: i.label
+        }, null, 8, p)
       ])
-    ], 42, p));
+    ], 42, b));
   }
 });
 export {

package/package.json

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