@wikicasa-dev/components 2.2.8-alpha.10 → 2.2.8-alpha.12

package/dist/Swiper/autoplay.js

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

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

@@ -17,12 +17,16 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => any) | undefined;
         readonly onClick?: (() => any) | undefined;
+        readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onUpdate:open"> & ({
+        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"> & ({
         open?: boolean;
         modelValue?: Nullable<AccessibleSelectOptions<TPayload, TID>>;
     } & ClearableAutocompleteProps<TID, TPayload>) & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        select: () => void;
+    }>): void;
     attrs: any;
     slots: {
         'left-icon'?(_: {}): any;
@@ -33,7 +37,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
             idx: number;
         }): any;
     };
-    emit: ((evt: "click") => 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: "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 F, mergeModels as S, useModel as g, shallowRef as r, useTemplateRef as M, onBeforeMount as L, watch as m, nextTick as N, createBlock as $, openBlock as p, withCtx as C, createElementBlock as V, Fragment as O, renderList as U, renderSlot as c, createElementVNode as d, normalizeClass as v, withDirectives as D, createCommentVNode as E, vModelText as H, toDisplayString as K, normalizeStyle as A, createTextVNode as P } from "vue";
-import X from "../BaseDropDown.vue.js";
+import { defineComponent as L, mergeModels as M, useModel as V, useTemplateRef as C, shallowRef as r, onBeforeMount as N, watch as b, nextTick as O, createBlock as $, openBlock as p, withCtx as y, createElementBlock as B, Fragment as U, renderList as D, renderSlot as c, createElementVNode as d, normalizeClass as v, withDirectives as H, createCommentVNode as A, vModelText as P, toDisplayString as X, normalizeStyle as j, createTextVNode as q } from "vue";
+import G from "../BaseDropDown.vue.js";
 import '../../../../../assets/BaseDropDown.css';/* empty css                   */
-import j from "../BaseSelect/SelectItem.vue.js";
-import { debounce as q } from "@wikicasa-dev/utilities";
-const G = ["readonly", "placeholder"], J = ["innerHTML"], te = /* @__PURE__ */ F({
+import J from "../BaseSelect/SelectItem.vue.js";
+import { debounce as Q } from "@wikicasa-dev/utilities";
+const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L({
   __name: "ClearableAutocomplete",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ M({
     dataCy: {},
     placeholder: {},
     triggerWrapperClasses: {},
@@ -22,52 +22,56 @@ const G = ["readonly", "placeholder"], J = ["innerHTML"], te = /* @__PURE__ */ F
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["click"], ["update:open", "update:modelValue"]),
-  setup(l, { emit: B }) {
-    const s = g(l, "open"), i = g(l, "modelValue"), T = B, n = r(""), b = r(0), f = r(!1), y = r(null), a = r([]), x = M("dropdownRef"), k = M("hiddenSpan"), z = () => {
-      n.value = "", i.value = null;
-    }, W = async (t) => {
-      if (!t) {
-        a.value = [], s.value = !1;
+  emits: /* @__PURE__ */ M(["click", "update:inputValue", "keydown"], ["update:open", "update:modelValue"]),
+  setup(l, { expose: x, emit: R }) {
+    const u = V(l, "open"), i = V(l, "modelValue"), f = R, T = C("inputRef"), o = r(""), w = r(0), k = r(!1), h = r(null), a = r([]), z = C("dropdownRef"), m = C("hiddenSpan"), W = () => {
+      o.value = "", i.value = null;
+    }, I = async (t) => {
+      if (f("update:inputValue", t), !t) {
+        a.value = [], u.value = !1;
         return;
       }
-      a.value = await y.value?.(t) || [], f.value = !0, s.value = !!a.value.length;
-    }, h = (t = -1) => {
+      a.value = await h.value?.(t) || [], k.value = !0, u.value = !!a.value.length;
+    }, S = (t = -1) => {
       const e = a.value[t];
-      !e || e.id === i.value?.id || (l.onOptionSelectedCb?.(e), n.value = e.label, s.value = !1, i.value = e, a.value = []);
+      !e || e.id === i.value?.id || (l.onOptionSelectedCb?.(e), o.value = e.label, u.value = !1, i.value = e, a.value = []);
+    }, E = () => {
+      T.value?.select();
     };
-    return L(() => {
-      y.value = q({ delay: 300 }, l.onInputChangeCb);
-    }), m(n, () => {
-      N(() => {
-        k.value && (b.value = k.value.offsetWidth);
+    return N(() => {
+      h.value = Q({ delay: 300 }, l.onInputChangeCb);
+    }), b(o, () => {
+      O(() => {
+        m.value && (w.value = m.value.offsetWidth);
       });
-    }), m(
-      () => x.value?.selectedIdx,
+    }), b(
+      () => z.value?.selectedIdx,
       (t) => {
         const e = t ?? -1;
-        e !== -1 && h(e);
+        e !== -1 && S(e);
       }
-    ), m(
+    ), b(
       i,
       (t, e) => {
-        t === e || t?.label === n.value || (n.value = t?.label || "");
+        t === e || t?.label === o.value || (o.value = t?.label || "");
       },
       { immediate: !0 }
-    ), (t, e) => (p(), $(X, {
+    ), x({
+      select: E
+    }), (t, e) => (p(), $(G, {
       ref: "dropdownRef",
       class: "uikit-clearable-autocomplete",
       "data-cy": l.dataCy,
       "dropdown-element": "ul",
       "dropdown-classes": ["uikit-z-30", l.dropdownClasses],
-      "open-dropdown": s.value,
+      "open-dropdown": u.value,
       "keep-state": !a.value.length || l.keepState === "closed" ? "closed" : "opened",
-      "reset-keyboard-controller": f.value,
-      "onUpdate:resetKeyboardController": e[1] || (e[1] = (o) => f.value = o),
-      "onUpdate:dropdownState": e[2] || (e[2] = (o) => s.value = o),
-      onClick: e[3] || (e[3] = (o) => T("click"))
+      "reset-keyboard-controller": k.value,
+      "onUpdate:resetKeyboardController": e[2] || (e[2] = (n) => k.value = n),
+      "onUpdate:dropdownState": e[3] || (e[3] = (n) => u.value = n),
+      onClick: e[4] || (e[4] = (n) => f("click"))
     }, {
-      btn_slot: C(() => [
+      btn_slot: y(() => [
         d("div", {
           class: v(["uikit-text-16", l.triggerWrapperClasses])
         }, [
@@ -75,10 +79,11 @@ const G = ["readonly", "placeholder"], J = ["innerHTML"], te = /* @__PURE__ */ F
           d("div", {
             class: v(["uikit-relative", l.inputWrapperClasses])
           }, [
-            D(d("input", {
+            H(d("input", {
+              ref: "inputRef",
               "onUpdate:modelValue": [
-                e[0] || (e[0] = (o) => n.value = o),
-                W
+                e[0] || (e[0] = (n) => o.value = n),
+                I
               ],
               readonly: !!i.value?.label,
               class: v(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", l.inputClasses]),
@@ -86,53 +91,54 @@ const G = ["readonly", "placeholder"], J = ["innerHTML"], te = /* @__PURE__ */ F
                 font: "inherit",
                 fontSize: "inherit"
               },
-              placeholder: l.placeholder
-            }, null, 10, G), [
-              [H, n.value]
+              placeholder: l.placeholder,
+              onKeydown: e[1] || (e[1] = (n) => f("keydown", n))
+            }, null, 42, Y), [
+              [P, o.value]
             ]),
             d("span", {
               ref_key: "hiddenSpan",
-              ref: k,
+              ref: m,
               class: "uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre",
               style: {
                 font: "inherit",
                 fontSize: "inherit"
               }
-            }, K(n.value), 513),
-            i.value?.label ? (p(), V("button", {
+            }, X(o.value), 513),
+            i.value?.label ? (p(), B("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.clearButtonClasses]),
               "aria-label": "Clear input",
-              style: A({
-                left: `${b.value + 16}px`
+              style: j({
+                left: `${w.value + 16}px`
               }),
-              onClick: z
+              onClick: W
             }, [
               c(t.$slots, "clear-icon", {}, () => [
-                e[4] || (e[4] = P("X", -1))
+                e[5] || (e[5] = q("X", -1))
               ])
-            ], 6)) : E("", !0)
+            ], 6)) : A("", !0)
           ], 2),
           c(t.$slots, "right-icon")
         ], 2)
       ]),
-      default: C(({ activeIdx: o, setActiveIdx: I }) => [
-        (p(!0), V(O, null, U(a.value, (w, u) => (p(), $(j, {
-          key: u,
-          active: o === u,
+      default: y(({ activeIdx: n, setActiveIdx: F }) => [
+        (p(!0), B(U, null, D(a.value, (g, s) => (p(), $(J, {
+          key: s,
+          active: n === s,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (R) => h(u),
-          onMouseover: (R) => I(u)
+          onClick: (K) => S(s),
+          onMouseover: (K) => F(s)
         }, {
-          default: C(() => [
+          default: y(() => [
             c(t.$slots, "option-content", {
-              option: w,
-              idx: u
+              option: g,
+              idx: s
             }, () => [
               d("span", {
-                innerHTML: w.label
-              }, null, 8, J)
+                innerHTML: g.label
+              }, null, 8, Z)
             ])
           ]),
           _: 2
@@ -143,5 +149,5 @@ const G = ["readonly", "placeholder"], J = ["innerHTML"], te = /* @__PURE__ */ F
   }
 });
 export {
-  te as default
+  oe as default
 };

package/package.json

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