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

package/dist/Swiper/autoplay.js

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

package/dist/UIKit/Checkbox/CheckboxBtn.d.ts

@@ -1,44 +1,40 @@
 import { ClassTypeProp } from '../types';
-type EventPayload = {
-    id: string | number;
-    label: string | number;
-    checked: boolean;
-};
-type __VLS_Props = {
-    id?: string | number;
-    dataCy?: string;
-    disabled?: boolean;
-    /**
-     * @deprecated Use v-model instead
-     */
-    checked?: boolean;
-    required?: boolean;
-    inputClass?: ClassTypeProp;
-    label?: string | number;
-    modelValue?: boolean;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
+declare const _default: <TID extends string | number, TLabel extends string | number>(__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"?: ((args_0: boolean) => any) | undefined;
+        readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
+        readonly onChange?: ((args_0: {
+            id: TID;
+            label: TLabel;
+            checked: boolean;
+        }) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onChange"> & {
+        id?: TID;
+        dataCy?: string;
+        disabled?: boolean;
+        /**
+         * @deprecated Use v-model instead
+         */
+        checked?: boolean;
+        required?: boolean;
+        inputClass?: ClassTypeProp;
+        label?: TLabel;
+        modelValue?: boolean;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: {
         label?(_: {}): any;
     };
-    refs: {};
-    rootEl: HTMLLabelElement;
+    emit: ((evt: "update:modelValue", args_0: boolean) => void) & ((evt: "click", args_0: MouseEvent) => void) & ((evt: "change", args_0: {
+        id: TID;
+        label: TLabel;
+        checked: boolean;
+    }) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (args_0: boolean) => any;
-    click: (args_0: MouseEvent) => any;
-    change: (args_0: EventPayload) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
-    onClick?: ((args_0: MouseEvent) => any) | undefined;
-    onChange?: ((args_0: EventPayload) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/UIKit/Checkbox/CheckboxGroup.d.ts

@@ -7,9 +7,6 @@ export type CheckboxButtonType<TID = string | number, TLabel = string | number,
     payload?: TPayload;
     dataCy?: string;
 };
-export type CheckboxButtonTypeObj = Omit<CheckboxButtonType, "checked"> & {
-    checked: boolean;
-};
 export type GetterIdType<T = CheckboxButtonType | string | number> = (checkboxBtn: T) => string;
 export type CheckboxGroupProps<TID = string | number, TLabel = string | number, TPayload = unknown> = {
     checkboxData?: CheckboxButtonType<TID, TLabel, TPayload>[];
@@ -36,7 +33,7 @@ export type CheckboxGroupProps<TID = string | number, TLabel = string | number,
 };
 declare const _default: <TID extends string | number, TLabel extends string | number, 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"?: ((args_0: CheckboxButtonType<string | number, string | number, unknown>[]) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((args_0: CheckboxButtonType<TID, TLabel, TPayload>[]) => any) | undefined;
         readonly onResetted?: (() => any) | undefined;
         readonly onCheckedGroup?: ((args_0: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onResetted" | "onCheckedGroup"> & CheckboxGroupProps<TID, TLabel, TPayload> & Partial<{}>> & import('vue').PublicProps;
@@ -44,18 +41,18 @@ declare const _default: <TID extends string | number, TLabel extends string | nu
     attrs: any;
     slots: {
         default?(_: {
-            isActive: (elem: CheckboxButtonType | string | number) => boolean;
-            handleChange: (checkboxValue: CheckboxButtonType) => void;
+            isActive: (elem: CheckboxButtonType<TID, TLabel, TPayload> | string | number) => boolean;
+            handleChange: (checkboxValue: CheckboxButtonType<TID, TLabel, TPayload>) => void;
             checkboxesData: CheckboxButtonType<TID, TLabel, TPayload>[];
         }): any;
         checkbox_elements?(_: {
-            isActive: (elem: CheckboxButtonType | string | number) => boolean;
-            handleChange: (checkboxValue: CheckboxButtonType) => void;
+            isActive: (elem: CheckboxButtonType<TID, TLabel, TPayload> | string | number) => boolean;
+            handleChange: (checkboxValue: CheckboxButtonType<TID, TLabel, TPayload>) => void;
             checkboxesData: CheckboxButtonType<TID, TLabel, TPayload>[];
             reset: () => void;
         }): any;
     };
-    emit: ((evt: "update:modelValue", args_0: CheckboxButtonType<string | number, string | number, unknown>[]) => void) & ((evt: "resetted") => void) & ((evt: "checkedGroup", args_0: string) => void);
+    emit: ((evt: "update:modelValue", args_0: CheckboxButtonType<TID, TLabel, TPayload>[]) => void) & ((evt: "resetted") => void) & ((evt: "checkedGroup", args_0: 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 L, mergeModels as V, useModel as M, useTemplateRef as C, shallowRef as s, onBeforeMount as N, watch as b, nextTick as O, createBlock as $, openBlock as c, withCtx as y, createElementBlock as B, Fragment as U, renderList as D, renderSlot as v, createElementVNode as d, normalizeClass as f, withDirectives as H, createCommentVNode as A, vModelText as P, toDisplayString as X, normalizeStyle as j, createTextVNode as q } from "vue";
+import { defineComponent as L, mergeModels as V, useModel as M, useTemplateRef as b, shallowRef as s, onBeforeMount as N, watch as C, nextTick as O, createBlock as $, openBlock as c, withCtx as y, createElementBlock as B, Fragment as U, renderList as D, renderSlot as v, createElementVNode as d, normalizeClass as f, 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";
@@ -25,34 +25,38 @@ const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L
   }),
   emits: /* @__PURE__ */ V(["click", "update:inputValue", "keydown"], ["update:open", "update:modelValue"]),
   setup(l, { expose: x, emit: R }) {
-    const u = M(l, "open"), i = M(l, "modelValue"), p = R, T = C("inputRef"), o = s(""), w = s(0), k = s(!1), h = s(null), a = s([]), z = C("dropdownRef"), m = C("hiddenSpan"), K = () => {
-      o.value = "", i.value = null, p("update:inputValue", "");
+    const u = M(l, "open"), a = M(l, "modelValue"), p = R, T = b("inputRef"), o = s(a.value?.label || ""), w = s(0), k = s(!1), h = s(null), i = s([]), z = b("dropdownRef"), m = b("hiddenSpan"), K = () => {
+      o.value = "", a.value = null, p("update:inputValue", "");
     }, W = async (t) => {
       if (p("update:inputValue", t), !t) {
-        a.value = [], u.value = !1;
+        i.value = [], u.value = !1;
         return;
       }
-      a.value = await h.value?.(t) || [], k.value = !0, u.value = !!a.value.length;
+      i.value = await h.value?.(t) || [], k.value = !0, u.value = !!i.value.length;
     }, S = (t = -1) => {
-      const e = a.value[t];
-      !e || e.id === i.value?.id || (l.onOptionSelectedCb?.(e), o.value = e.label, u.value = !1, i.value = e, a.value = []);
+      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 = []);
     }, I = () => {
       T.value?.select();
     };
     return N(() => {
       h.value = Q({ delay: 300 }, l.onInputChangeCb);
-    }), b(o, () => {
-      O(() => {
-        m.value && (w.value = m.value.offsetWidth);
-      });
-    }), b(
+    }), C(
+      o,
+      () => {
+        O(() => {
+          m.value && (w.value = m.value.offsetWidth);
+        });
+      },
+      { immediate: !0 }
+    ), C(
       () => z.value?.selectedIdx,
       (t) => {
         const e = t ?? -1;
         e !== -1 && S(e);
       }
-    ), b(
-      i,
+    ), C(
+      a,
       (t, e) => {
         t === e || t?.label === o.value || (o.value = t?.label || "");
       },
@@ -66,7 +70,7 @@ const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L
       "dropdown-element": "ul",
       "dropdown-classes": ["uikit-z-30", l.dropdownClasses],
       "open-dropdown": u.value,
-      "keep-state": !a.value.length || l.keepState === "closed" ? "closed" : "opened",
+      "keep-state": !i.value.length || l.keepState === "closed" ? "closed" : "opened",
       "activate-keyboard-controller": l.enableKeyboardController,
       "reset-keyboard-controller": k.value,
       "onUpdate:resetKeyboardController": e[2] || (e[2] = (n) => k.value = n),
@@ -87,7 +91,7 @@ const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L
                 e[0] || (e[0] = (n) => o.value = n),
                 W
               ],
-              readonly: !!i.value?.label,
+              readonly: !!a.value?.label,
               class: f(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", l.inputClasses]),
               style: {
                 font: "inherit",
@@ -107,7 +111,7 @@ const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L
                 fontSize: "inherit"
               }
             }, X(o.value), 513),
-            i.value?.label ? (c(), B("button", {
+            a.value?.label ? (c(), B("button", {
               key: 0,
               type: "button",
               class: f(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", l.clearButtonClasses]),
@@ -126,7 +130,7 @@ const Y = ["readonly", "placeholder"], Z = ["innerHTML"], oe = /* @__PURE__ */ L
         ], 2)
       ]),
       default: y(({ activeIdx: n, setActiveIdx: E }) => [
-        (c(!0), B(U, null, D(a.value, (g, r) => (c(), $(J, {
+        (c(!0), B(U, null, D(i.value, (g, r) => (c(), $(J, {
           key: r,
           active: n === r,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js

@@ -14,7 +14,7 @@ const N = ["for"], j = /* @__PURE__ */ m({
     label: { default: "" },
     modelValue: { type: Boolean, default: !1 }
   },
-  emits: ["click", "change", "update:modelValue"],
+  emits: ["click", "update:modelValue", "change"],
   setup(e, { emit: r }) {
     const l = f(), d = h(() => `${e.id ?? l}`), a = r;
     b(
@@ -40,7 +40,7 @@ const N = ["for"], j = /* @__PURE__ */ m({
         "model-value": e.modelValue,
         "data-cy": e.dataCy,
         disabled: e.disabled,
-        class: y(["data-[state='unchecked']:uikit-border-w-lightgray uikit-inline-flex uikit-size-[20px] uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid", [
+        class: y(["uikit-inline-flex uikit-size-[20px] uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray", [
           {
             "uikit-bg-white": !e.modelValue,
             "uikit-bg-w-primary": e.modelValue

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as x, ref as p, computed as h, watch as v, renderSlot as b, createElementVNode as D, normalizeClass as E, createElementBlock as $, createCommentVNode as B, openBlock as g, Fragment as A, renderList as I, createBlock as R, unref as K } from "vue";
-import { stringToHyphened as V, isArrNullOrEmpty as L } from "@wikicasa-dev/utilities";
-import G from "./CheckboxBtn.vue.js";
-const N = ["id", "data-cy"], O = /* @__PURE__ */ x({
+import { defineComponent as p, ref as v, computed as h, watch as D, renderSlot as b, createElementVNode as E, normalizeClass as $, createElementBlock as B, createCommentVNode as A, openBlock as g, Fragment as I, renderList as R, createBlock as K, unref as V } from "vue";
+import { stringToHyphened as L, isArrNullOrEmpty as G } from "@wikicasa-dev/utilities";
+import N from "./CheckboxBtn.vue.js";
+const T = ["id", "data-cy"], S = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -14,36 +14,38 @@ const N = ["id", "data-cy"], O = /* @__PURE__ */ x({
     autoCheckResetAll: { type: Boolean, default: !1 },
     autoCheckResetEmpty: { type: Boolean, default: !1 },
     manualToggleResetButton: { type: Boolean, default: !1 },
-    getKey: { type: Function, default: (t) => typeof t == "string" || typeof t == "number" ? `${t}` : `${t.id}` },
+    getKey: { type: Function, default: (a) => typeof a == "string" || typeof a == "number" ? `${a}` : `${a.id}` },
     groupId: { default: "" },
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(t, { emit: C }) {
-    const o = t, s = C, l = p(/* @__PURE__ */ new Map()), r = h(() => {
+  setup(a, { emit: C }) {
+    const o = a, s = C, l = v(
+      /* @__PURE__ */ new Map()
+    ), r = h(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
     }), y = h(() => o.checkboxData.length), f = h(() => {
       let e = 0;
-      return l.value.forEach((a) => {
-        a.checked && e++;
+      return l.value.forEach((t) => {
+        t.checked && e++;
       }), e;
     });
     (() => {
       const e = [];
-      for (const a of o.checkboxData)
-        a.checked = !!a.checked, l.value.set(
-          `${a.id}`,
-          a
-        ), a.checked && e.push(a);
+      for (const t of o.checkboxData)
+        l.value.set(`${t.id}`, {
+          ...t,
+          checked: !!t.checked
+        }), t.checked && e.push(t);
       s("update:modelValue", e);
     })();
-    const u = (e, a) => {
+    const u = (e, t) => {
       const c = l.value.get(e);
       if (c) {
-        if (a) {
-          l.value.set(e, { ...c, ...a });
+        if (t) {
+          l.value.set(e, { ...c, ...t });
           return;
         }
         l.value.set(e, { ...c, checked: !c.checked });
@@ -55,55 +57,55 @@ const N = ["id", "data-cy"], O = /* @__PURE__ */ x({
     }, m = () => {
       k(), s("update:modelValue", []), s("resetted");
     }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
-      if (L(o.checkboxData)) return;
-      const a = l.value.get(e.id);
-      a?.reset && e.checked ? k() : r.value && !a?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === y.value - 1 && l.value.forEach((n) => {
+      if (G(o.checkboxData)) return;
+      const t = l.value.get(e.id);
+      t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === y.value - 1 && l.value.forEach((n) => {
         n.checked = !!n.reset;
-      }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !a?.reset) && u(o.getKey(r.value), { checked: !0 });
+      }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
       const c = [];
       l.value.forEach((n) => {
         n.checked && c.push(n);
       }), s("update:modelValue", c), s("checkedGroup", o.groupId);
     };
-    return v(
+    return D(
       () => o.reset,
       (e) => {
         e && m();
       }
-    ), (e, a) => b(e.$slots, "default", {
+    ), (e, t) => b(e.$slots, "default", {
       isActive: d,
       handleChange: i,
-      checkboxesData: t.checkboxData
+      checkboxesData: a.checkboxData
     }, () => [
-      D("div", {
-        id: t.groupId,
-        class: E(["checkbox-group-container", e.$attrs.class || ""]),
-        "data-cy": t.dataCy
+      E("div", {
+        id: a.groupId,
+        class: $(["checkbox-group-container", e.$attrs.class || ""]),
+        "data-cy": a.dataCy
       }, [
         b(e.$slots, "checkbox_elements", {
           isActive: d,
           handleChange: i,
-          checkboxesData: t.checkboxData,
+          checkboxesData: a.checkboxData,
           reset: m
         }, () => [
-          t.checkboxData ? (g(!0), $(A, { key: 0 }, I(t.checkboxData, (c, n) => (g(), R(G, {
-            id: t.getKey(c),
+          a.checkboxData ? (g(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (g(), K(N, {
+            id: a.getKey(c),
             key: n,
-            "data-cy": c.dataCy ?? `checkbox_${K(V)(`${c.label}`)}`,
+            "data-cy": c.dataCy ?? `checkbox_${V(L)(`${c.label}`)}`,
             label: c.label,
-            inline: t.formCheckInline,
+            inline: a.formCheckInline,
             "model-value": d(c),
             "container-class": [
-              t.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
-              t.checkboxContainerClasses
+              a.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
+              a.checkboxContainerClasses
             ],
-            onChange: i
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : B("", !0)
+            onChange: t[0] || (t[0] = (x) => i(x))
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : A("", !0)
         ])
-      ], 10, N)
+      ], 10, T)
     ]);
   }
 });
 export {
-  O as default
+  S as default
 };

package/package.json

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