@wikicasa-dev/components 2.2.8-alpha.31 → 2.2.8-alpha.33

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?: ((args_0: MouseEvent) => any) | undefined;
         readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        readonly onInputClick?: ((args_0: MouseEvent) => 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;
@@ -43,7 +44,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: "update:inputValue", args_0: string) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void));
+    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "inputClick", args_0: MouseEvent) => 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/UIKit/BaseFloatingLabel.js

@@ -1,7 +1,7 @@
-import o from "../packages/components/lib/UIKit/BaseFloatingLabel.vue.js";
+import a from "../packages/components/lib/UIKit/BaseFloatingLabel.vue.js";
 import '../assets/BaseFloatingLabel.css';/* empty css                                                      */
-import t from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b7f4597"]]);
+import o from "../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(a, [["__scopeId", "data-v-ba2cc6aa"]]);
 export {
-  f as default
+  e as default
 };

package/dist/assets/BaseFloatingLabel.css

@@ -1 +1 @@
-.floating-label[data-v-4b7f4597]{top:-10px;left:1.25rem;border-radius:5px;font-size:14px;line-height:18px}.inline-label[data-v-4b7f4597]{top:.75rem;background-color:transparent;font-size:16px;line-height:20px}.inline-label>span[data-v-4b7f4597]{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity, 1))}.floating-label[data-v-4b7f4597],.inline-label[data-v-4b7f4597]{transition-property:top,left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;will-change:top,left}
+.floating-label[data-v-ba2cc6aa]{top:-10px;left:1.25rem;border-radius:5px;font-size:14px;line-height:18px}.inline-label[data-v-ba2cc6aa]{top:.75rem;background-color:transparent;font-size:16px;line-height:20px}.inline-label>span[data-v-ba2cc6aa]{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity, 1))}.floating-label[data-v-ba2cc6aa],.inline-label[data-v-ba2cc6aa]{transition-property:top,left,font-size;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;will-change:top,left}

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

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

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

@@ -1,5 +1,5 @@
-import { defineComponent as u, createElementBlock as a, openBlock as s, withModifiers as d, normalizeClass as t, createElementVNode as r, createCommentVNode as k } from "vue";
-const b = ["for"], c = ["innerHTML"], x = /* @__PURE__ */ u({
+import { defineComponent as d, createElementBlock as a, openBlock as s, withModifiers as u, normalizeClass as t, createElementVNode as r, createCommentVNode as k } from "vue";
+const b = ["for"], c = ["innerHTML"], x = /* @__PURE__ */ d({
   __name: "BaseFloatingLabel",
   props: {
     labelState: { default: "inline-label" },
@@ -14,8 +14,8 @@ const b = ["for"], c = ["innerHTML"], x = /* @__PURE__ */ u({
     const o = n;
     return (i, l) => (s(), a("label", {
       for: i.$attrs.for,
-      class: t(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5 uikit-text", [e.labelState, { "uikit-text-w-secondary": e.disabled }, e.labelClasses]]),
-      onClick: l[0] || (l[0] = d((f) => o("click"), ["stop"]))
+      class: t(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5", [e.labelState, { "uikit-text-w-secondary": e.disabled }, e.labelClasses]]),
+      onClick: l[0] || (l[0] = u((f) => o("click"), ["stop"]))
     }, [
       r("span", {
         class: t(["uikit-font-medium [font-size:inherit]", [

package/package.json

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