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

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/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.15",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",