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

package/dist/Swiper/autoplay.js

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

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

@@ -22,12 +22,13 @@ export interface ClearableAutocompleteProps<TID extends string | number | undefi
 declare const _default: <TID extends string | number | undefined, TPayload>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => any) | undefined;
+        readonly onInput?: ((args_0: InputEvent) => any) | undefined;
         readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
         readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
         readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
         readonly onInputClick?: ((args_0: MouseEvent) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onInput" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
         open?: boolean;
         modelValue?: Nullable<AccessibleSelectOptions<TPayload, TID>>;
         inputValue?: string;
@@ -47,7 +48,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
             idx: number;
         }): any;
     };
-    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "inputClick", args_0: MouseEvent) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:inputValue", value: string) => void));
+    emit: (((evt: "input", args_0: InputEvent) => void) & ((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "inputClick", args_0: MouseEvent) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:inputValue", value: string) => void));
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,4 +1,4 @@
-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 p, createElementVNode as u, normalizeClass as f, 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 { 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 '../../../../../assets/BaseDropDown.css';/* empty css                   */
 import ee from "../BaseSelect/SelectItem.vue.js";
@@ -28,13 +28,13 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
     },
     inputValueModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
+  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");
     o.value = o.value ?? i.value?.label ?? "";
-    const v = R, x = D(), k = b("inputRef"), d = c(0), m = c(!1), g = c(null), a = c([]), S = b("dropdownRef"), T = b("hiddenSpan"), E = () => {
+    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 = () => {
       o.value = "", i.value = null;
-    }, U = async (t) => {
+    }, I = async (t) => {
       if (!t) {
         a.value = [], s.value = !1;
         return;
@@ -43,7 +43,7 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
     }, B = (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 = []);
-    }, I = () => {
+    }, U = () => {
       k.value?.select();
     }, z = () => {
       k.value?.focus();
@@ -56,7 +56,7 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
         t && A(() => {
           if (!t) return;
           const e = t.offsetWidth;
-          e !== d.value && (d.value = e);
+          e !== p.value && (p.value = e);
         });
       },
       { immediate: !0 }
@@ -74,7 +74,7 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
       { immediate: !0 }
     ), O({
       getRootElement: () => S.value?.getRootElement(),
-      select: I,
+      select: U,
       focus: z
     }), (t, e) => (w(), $(_, {
       ref: "dropdownRef",
@@ -86,37 +86,38 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
       "keep-state": !a.value.length || l.keepState === "closed" ? "closed" : "opened",
       "activate-keyboard-controller": l.enableKeyboardController,
       "reset-keyboard-controller": m.value,
-      "onUpdate:resetKeyboardController": e[4] || (e[4] = (n) => m.value = n),
-      "onUpdate:dropdownState": e[5] || (e[5] = (n) => s.value = n)
+      "onUpdate:resetKeyboardController": e[5] || (e[5] = (n) => m.value = n),
+      "onUpdate:dropdownState": e[6] || (e[6] = (n) => s.value = n)
     }, {
       btn_slot: h(() => [
         u("div", {
-          class: f(["uikit-text-16", l.triggerWrapperClasses]),
-          onClick: e[3] || (e[3] = (n) => v("click", n))
+          class: v(["uikit-text-16", l.triggerWrapperClasses]),
+          onClick: e[4] || (e[4] = (n) => d("click", n))
         }, [
-          p(t.$slots, "left-icon"),
+          f(t.$slots, "left-icon"),
           u("div", {
-            class: f(["uikit-relative", l.inputWrapperClasses])
+            class: v(["uikit-relative", l.inputWrapperClasses])
           }, [
             F(u("input", {
               ref: "inputRef",
               "onUpdate:modelValue": [
                 e[0] || (e[0] = (n) => o.value = n),
-                U
+                I
               ],
               id: j(x),
               "data-cy": l.dataCy ? `ac_input_${l.dataCy}` : "",
               type: "text",
               autocomplete: "off",
-              class: f(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", l.inputClasses]),
+              class: v(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", l.inputClasses]),
               style: {
                 font: "inherit",
                 fontSize: "inherit"
               },
               placeholder: l.placeholder,
-              onKeydown: e[1] || (e[1] = (n) => v("keydown", n)),
-              onClick: e[2] || (e[2] = (n) => {
-                v("inputClick", n), k.value?.select();
+              onKeydown: e[1] || (e[1] = (n) => d("keydown", n)),
+              onInput: e[2] || (e[2] = (n) => d("input", n)),
+              onClick: e[3] || (e[3] = (n) => {
+                d("inputClick", n), k.value?.select();
               })
             }, null, 42, le), [
               [q, o.value]
@@ -132,21 +133,21 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
             }, G(o.value), 513),
             F(u("button", {
               type: "button",
-              class: f(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", l.clearButton?.classes]),
+              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: `${d.value + (l.clearButton?.offset || 10)}px`
+                left: `${p.value + (l.clearButton?.offset || 10)}px`
               }),
               onClick: J(E, ["stop"])
             }, [
-              p(t.$slots, "clear-icon", {}, () => [
-                e[6] || (e[6] = Y("X", -1))
+              f(t.$slots, "clear-icon", {}, () => [
+                e[7] || (e[7] = Y("X", -1))
               ])
             ], 6), [
-              [Z, i.value?.label && d.value]
+              [Z, i.value?.label && p.value]
             ])
           ], 2),
-          p(t.$slots, "right-icon")
+          f(t.$slots, "right-icon")
         ], 2)
       ]),
       default: h(({ activeIdx: n, setActiveIdx: K }) => [
@@ -158,7 +159,7 @@ const le = ["id", "data-cy", "placeholder"], ne = ["innerHTML"], de = /* @__PURE
           onMouseover: (L) => K(r)
         }, {
           default: h(() => [
-            p(t.$slots, "option-content", {
+            f(t.$slots, "option-content", {
               option: M,
               idx: r
             }, () => [

package/package.json

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