@wikicasa-dev/components 2.2.8-alpha.22 → 2.2.8-alpha.23

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-keyboard.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-keyboard.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-keyboard.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-keyboard.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts

@@ -24,8 +24,9 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
         readonly onClick?: (() => any) | undefined;
         readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        readonly onInputClick?: (() => any) | undefined;
         readonly "onUpdate:inputValue"?: ((args_0: string) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:open" | "onInputClick" | "onUpdate:inputValue"> & ({
         open?: boolean;
         modelValue?: Nullable<AccessibleSelectOptions<TPayload, TID>>;
     } & ClearableAutocompleteProps<TID, TPayload>) & Partial<{}>> & import('vue').PublicProps;
@@ -42,7 +43,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
             idx: number;
         }): any;
     };
-    emit: (((evt: "click") => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "update:inputValue", args_0: string) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void));
+    emit: (((evt: "click") => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "inputClick") => void) & ((evt: "update:inputValue", args_0: string) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void));
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent as K, mergeModels as T, useModel as B, useTemplateRef as b, shallowRef as s, onBeforeMount as L, watch as y, nextTick as N, createBlock as M, openBlock as c, withCtx as C, createElementBlock as V, Fragment as W, renderList as I, renderSlot as f, createElementVNode as d, normalizeClass as v, withDirectives as A, createCommentVNode as H, vModelText as G, toDisplayString as P, withModifiers as X, normalizeStyle as j, createTextVNode as q } from "vue";
+import { defineComponent as L, mergeModels as B, useModel as M, useTemplateRef as C, shallowRef as d, onBeforeMount as N, watch as b, nextTick as W, createBlock as V, openBlock as c, withCtx as y, createElementBlock as $, Fragment as I, renderList as A, renderSlot as f, createElementVNode as p, withModifiers as w, normalizeClass as v, withDirectives as H, createCommentVNode as G, vModelText as P, toDisplayString as X, normalizeStyle as j, createTextVNode as q } from "vue";
 import J from "../BaseDropDown.vue.js";
 import '../../../../../assets/BaseDropDown.css';/* empty css                   */
 import Q from "../BaseSelect/SelectItem.vue.js";
 import { debounce as Y } from "@wikicasa-dev/utilities";
-const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K({
+const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ L({
   __name: "ClearableAutocomplete",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ B({
     dataCy: {},
     placeholder: {},
     enableKeyboardController: { type: Boolean, default: !0 },
@@ -23,28 +23,28 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["click", "update:inputValue", "keydown"], ["update:open", "update:modelValue"]),
-  setup(l, { expose: $, emit: F }) {
-    const u = B(l, "open"), a = B(l, "modelValue"), p = F, O = b("inputRef"), o = s(a.value?.label || ""), k = s(0), m = s(!1), w = s(null), i = s([]), U = b("dropdownRef"), h = b("hiddenSpan"), x = () => {
-      o.value = "", a.value = null, p("update:inputValue", "");
-    }, E = async (t) => {
-      if (p("update:inputValue", t), !t) {
+  emits: /* @__PURE__ */ B(["click", "inputClick", "update:inputValue", "keydown"], ["update:open", "update:modelValue"]),
+  setup(l, { expose: F, emit: O }) {
+    const u = M(l, "open"), a = M(l, "modelValue"), r = O, U = C("inputRef"), o = d(a.value?.label || ""), k = d(0), m = d(!1), h = d(null), i = d([]), x = C("dropdownRef"), g = C("hiddenSpan"), E = () => {
+      o.value = "", a.value = null, r("update:inputValue", "");
+    }, R = async (t) => {
+      if (r("update:inputValue", t), !t) {
         i.value = [], u.value = !1;
         return;
       }
-      i.value = await w.value?.(t) || [], m.value = !0, u.value = !!i.value.length;
-    }, g = (t = -1) => {
+      i.value = await h.value?.(t) || [], m.value = !0, u.value = !!i.value.length;
+    }, S = (t = -1) => {
       const e = i.value[t];
       !e || e.id === a.value?.id || (l.onOptionSelectedCb?.(e), o.value = e.label, u.value = !1, a.value = e, i.value = []);
-    }, R = () => {
-      O.value?.select();
+    }, z = () => {
+      U.value?.select();
     };
-    return L(() => {
-      w.value = Y({ delay: 300 }, l.onInputChangeCb);
-    }), y(
-      [o, () => h.value],
+    return N(() => {
+      h.value = Y({ delay: 300 }, l.onInputChangeCb);
+    }), b(
+      [o, () => g.value],
       ([t, e]) => {
-        e && N(() => {
+        e && W(() => {
           if (!e) return;
           const n = e.offsetWidth;
           n !== k.value && (console.log("DEBUG:updating icon positioning", {
@@ -53,21 +53,21 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
         });
       },
       { immediate: !0 }
-    ), y(
-      () => U.value?.selectedIdx,
+    ), b(
+      () => x.value?.selectedIdx,
       (t) => {
         const e = t ?? -1;
-        e !== -1 && g(e);
+        e !== -1 && S(e);
       }
-    ), y(
+    ), b(
       a,
       (t, e) => {
         t === e || t?.label === o.value || (o.value = t?.label || "");
       },
       { immediate: !0 }
-    ), $({
-      select: R
-    }), (t, e) => (c(), M(J, {
+    ), F({
+      select: z
+    }), (t, e) => (c(), V(J, {
       ref: "dropdownRef",
       class: "uikit-clearable-autocomplete",
       "data-cy": l.dataCy,
@@ -77,23 +77,23 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
       "keep-state": !i.value.length || l.keepState === "closed" ? "closed" : "opened",
       "activate-keyboard-controller": l.enableKeyboardController,
       "reset-keyboard-controller": m.value,
-      "onUpdate:resetKeyboardController": e[2] || (e[2] = (n) => m.value = n),
-      "onUpdate:dropdownState": e[3] || (e[3] = (n) => u.value = n),
-      onClick: e[4] || (e[4] = (n) => p("click"))
+      "onUpdate:resetKeyboardController": e[4] || (e[4] = (n) => m.value = n),
+      "onUpdate:dropdownState": e[5] || (e[5] = (n) => u.value = n)
     }, {
-      btn_slot: C(() => [
-        d("div", {
-          class: v(["uikit-text-16", l.triggerWrapperClasses])
+      btn_slot: y(() => [
+        p("div", {
+          class: v(["uikit-text-16", l.triggerWrapperClasses]),
+          onClick: e[3] || (e[3] = w((n) => r("click"), ["stop"]))
         }, [
           f(t.$slots, "left-icon"),
-          d("div", {
+          p("div", {
             class: v(["uikit-relative", l.inputWrapperClasses])
           }, [
-            A(d("input", {
+            H(p("input", {
               ref: "inputRef",
               "onUpdate:modelValue": [
                 e[0] || (e[0] = (n) => o.value = n),
-                E
+                R
               ],
               readonly: !!a.value?.label,
               class: v(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", l.inputClasses]),
@@ -102,20 +102,21 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
                 fontSize: "inherit"
               },
               placeholder: l.placeholder,
-              onKeydown: e[1] || (e[1] = (n) => p("keydown", n))
+              onKeydown: e[1] || (e[1] = (n) => r("keydown", n)),
+              onClick: e[2] || (e[2] = w((n) => r("inputClick"), ["stop"]))
             }, null, 42, Z), [
-              [G, o.value]
+              [P, o.value]
             ]),
-            d("span", {
+            p("span", {
               ref_key: "hiddenSpan",
-              ref: h,
+              ref: g,
               class: "uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre",
               style: {
                 font: "inherit",
                 fontSize: "inherit"
               }
-            }, P(o.value), 513),
-            a.value?.label ? (c(), V("button", {
+            }, X(o.value), 513),
+            a.value?.label ? (c(), $("button", {
               key: 0,
               type: "button",
               class: v(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", l.clearButton?.classes]),
@@ -123,31 +124,31 @@ const Z = ["readonly", "placeholder"], _ = ["innerHTML"], ie = /* @__PURE__ */ K
               style: j({
                 left: `${k.value + (l.clearButton?.offset || 10)}px`
               }),
-              onClick: X(x, ["stop"])
+              onClick: w(E, ["stop"])
             }, [
               f(t.$slots, "clear-icon", {}, () => [
-                e[5] || (e[5] = q("X", -1))
+                e[6] || (e[6] = q("X", -1))
               ])
-            ], 6)) : H("", !0)
+            ], 6)) : G("", !0)
           ], 2),
           f(t.$slots, "right-icon")
         ], 2)
       ]),
-      default: C(({ activeIdx: n, setActiveIdx: z }) => [
-        (c(!0), V(W, null, I(i.value, (S, r) => (c(), M(Q, {
-          key: r,
-          active: n === r,
+      default: y(({ activeIdx: n, setActiveIdx: D }) => [
+        (c(!0), $(I, null, A(i.value, (T, s) => (c(), V(Q, {
+          key: s,
+          active: n === s,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (D) => g(r),
-          onMouseover: (D) => z(r)
+          onClick: (K) => S(s),
+          onMouseover: (K) => D(s)
         }, {
-          default: C(() => [
+          default: y(() => [
             f(t.$slots, "option-content", {
-              option: S,
-              idx: r
+              option: T,
+              idx: s
             }, () => [
-              d("span", {
-                innerHTML: S.label
+              p("span", {
+                innerHTML: T.label
               }, null, 8, _)
             ])
           ]),

package/package.json

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