@wikicasa-dev/components 2.2.9-alpha.51 → 2.2.9-alpha.53

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-controller.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-controller.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-controller.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-controller.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/BaseInput.js

@@ -1,7 +1,7 @@
 import o from "../packages/components/lib/UIKit/BaseInput.vue.js";
 import '../assets/BaseInput.css';/* empty css                                              */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c930d63"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9dab04c5"]]);
 export {
   m as default
 };

package/dist/UIKit/BaseSnackbar.d.ts

@@ -33,14 +33,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     open?: Optional<boolean>;
     refresh?: Optional<boolean>;
 } & SnackbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (value: Optional<boolean>) => any;
     "update:refresh": (value: Optional<boolean>) => any;
+    "update:open": (value: Optional<boolean>) => any;
 }, string, import('vue').PublicProps, Readonly<{
     open?: Optional<boolean>;
     refresh?: Optional<boolean>;
 } & SnackbarProps> & Readonly<{
-    "onUpdate:open"?: ((value: Optional<boolean>) => any) | undefined;
     "onUpdate:refresh"?: ((value: Optional<boolean>) => any) | undefined;
+    "onUpdate:open"?: ((value: Optional<boolean>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     trigger?(_: {
         open: () => boolean;

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

@@ -34,9 +34,12 @@ 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<TID, TLabel, TPayload>[]) => any) | undefined;
+        readonly "onUpdate:refresh"?: ((value: boolean) => 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;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:refresh" | "onResetted" | "onCheckedGroup"> & ({
+        refresh?: boolean;
+    } & CheckboxGroupProps<TID, TLabel, TPayload>) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -52,7 +55,7 @@ declare const _default: <TID extends string | number, TLabel extends string | nu
             reset: () => void;
         }): any;
     };
-    emit: ((evt: "update:modelValue", args_0: CheckboxButtonType<TID, TLabel, TPayload>[]) => 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)) & ((evt: "update:refresh", value: boolean) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/Radio/RadioButton.d.ts

@@ -1,28 +1,32 @@
-import { Nullable } from '@wikicasa-dev/types';
 import { ClassTypeProp } from '../types';
-type __VLS_Props = {
-    id?: Nullable<string | number>;
-    name?: string;
-    label: string;
-    modelValue?: boolean;
-    inputClasses?: ClassTypeProp;
-    labelClasses?: ClassTypeProp;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (args_0: boolean) => any;
-    change: (args_0: {
-        id: string | number;
-        label: string;
+declare const _default: <TID extends string | number | null>(__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 onChange?: ((args_0: {
+            id: NonNullable<TID>;
+            label: string;
+            name?: string;
+        }) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onChange"> & {
+        id?: TID;
         name?: string;
-    }) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
-    onChange?: ((args_0: {
-        id: string | number;
+        label: string;
+        modelValue?: boolean;
+        inputClasses?: ClassTypeProp;
+        labelClasses?: ClassTypeProp;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: ((evt: "update:modelValue", args_0: boolean) => void) & ((evt: "change", args_0: {
+        id: NonNullable<TID>;
         label: string;
         name?: string;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    checkbox: HTMLInputElement;
-}, HTMLDivElement>;
+    }) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/UIKit/Radio/RadioGroup.d.ts

@@ -1,56 +1,53 @@
 import { Nullable, Optional } from '@wikicasa-dev/types';
 import { ClassTypeProp } from '../types';
-export type RadioButtonType<T = unknown> = {
-    id?: string | number | null;
-    label: string | number;
-    payload?: T;
+export type RadioButtonType<TID = string | number | null, TPayload = unknown> = {
+    id?: TID;
+    label: string;
+    payload?: TPayload;
     active?: boolean;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
-    resetRadio?: Optional<boolean>;
-} & {
-    radioValues?: RadioButtonType[];
-    dataCy?: string;
-    radioContainerClasses?: ClassTypeProp;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (args_0: Nullable<RadioButtonType<unknown>>) => any;
-    "update:resetRadio": (value: Optional<boolean>) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    resetRadio?: Optional<boolean>;
-} & {
-    radioValues?: RadioButtonType[];
-    dataCy?: string;
-    radioContainerClasses?: ClassTypeProp;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: Nullable<RadioButtonType<unknown>>) => any) | undefined;
-    "onUpdate:resetRadio"?: ((value: Optional<boolean>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {
-        handleClick: (elem: RadioButtonType) => void;
-        activeValue: {
-            id?: string | number | null | undefined;
-            label: string | number;
-            payload?: unknown;
-            active?: boolean | undefined;
-        } | null;
-        reset: () => void;
-        isActive: (elem: RadioButtonType) => boolean;
-    }): any;
-    radio_elements?(_: {
-        handleClick: (elem: RadioButtonType) => void;
-        activeValue: {
-            id?: string | number | null | undefined;
-            label: string | number;
-            payload?: unknown;
-            active?: boolean | undefined;
-        } | null;
-        reset: () => void;
-        isActive: (elem: RadioButtonType) => boolean;
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const _default: <TID extends string | number | null, 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: Nullable<RadioButtonType<TID, TPayload>>) => any) | undefined;
+        readonly "onUpdate:resetRadio"?: ((value: Optional<boolean>) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:resetRadio"> & ({
+        resetRadio?: Optional<boolean>;
+    } & {
+        radioValues?: RadioButtonType<TID, TPayload>[];
+        dataCy?: string;
+        radioContainerClasses?: ClassTypeProp;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            handleClick: (elem: RadioButtonType<TID, TPayload>) => void;
+            activeValue: {
+                id?: import('vue').UnwrapRef<TID> | undefined;
+                label: string;
+                payload?: import('vue').UnwrapRef<TPayload> | undefined;
+                active?: boolean | undefined;
+            } | null;
+            reset: () => void;
+            isActive: (elem: RadioButtonType<TID, TPayload>) => boolean;
+        }): any;
+        radio_elements?(_: {
+            handleClick: (elem: RadioButtonType<TID, TPayload>) => void;
+            activeValue: {
+                id?: import('vue').UnwrapRef<TID> | undefined;
+                label: string;
+                payload?: import('vue').UnwrapRef<TPayload> | undefined;
+                active?: boolean | undefined;
+            } | null;
+            reset: () => void;
+            isActive: (elem: RadioButtonType<TID, TPayload>) => boolean;
+        }): any;
     };
+    emit: ((evt: "update:modelValue", args_0: Nullable<RadioButtonType<TID, TPayload>>) => void) & ((evt: "update:resetRadio", value: Optional<boolean>) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/assets/BaseInput.css

@@ -1 +1 @@
-.input-wrapper[data-v-8c930d63]{--icon-default-size: 44px}.invalid-bg[data-v-8c930d63]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-8c930d63]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-8c930d63],.valid-bg[data-v-8c930d63]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-8c930d63]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-8c930d63]>label.inline-label{left:var(--icon-default-size)}[data-v-8c930d63] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-8c930d63] .text-input-icon.left{left:5px}[data-v-8c930d63] .text-input-icon.right{right:5px}[data-v-8c930d63] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-8c930d63] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-8c930d63] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-8c930d63]{left:4px;font-style:italic}
+.input-wrapper[data-v-9dab04c5]{--icon-default-size: 44px}.invalid-bg[data-v-9dab04c5]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-9dab04c5]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-9dab04c5],.valid-bg[data-v-9dab04c5]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-9dab04c5]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-9dab04c5]>label.inline-label{left:var(--icon-default-size)}[data-v-9dab04c5] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-9dab04c5] .text-input-icon.left{left:5px}[data-v-9dab04c5] .text-input-icon.right{right:5px}[data-v-9dab04c5] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-9dab04c5] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-9dab04c5] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-9dab04c5]{left:4px;font-style:italic}

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

@@ -1,13 +1,13 @@
-import { defineComponent as N, mergeModels as T, useModel as O, ref as m, useId as j, computed as D, watch as y, useAttrs as G, createElementBlock as r, openBlock as u, normalizeClass as v, unref as d, renderSlot as h, createElementVNode as g, createBlock as J, createCommentVNode as x, withKeys as Q, withModifiers as $, Fragment as B, renderList as M } from "vue";
+import { defineComponent as A, mergeModels as C, useModel as N, ref as m, useId as O, computed as j, watch as y, useAttrs as D, createElementBlock as r, openBlock as u, normalizeClass as v, unref as d, renderSlot as h, createElementVNode as g, createBlock as G, createCommentVNode as x, withKeys as J, withModifiers as Q, Fragment as T, renderList as B } from "vue";
 import W from "../../../../UIKit/BaseFloatingLabel.js";
 import { useFloatingLabel as X } from "../../../../composables/useFloatingLabel.js";
 const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Z = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, U = ["innerHTML"], p = ["innerHTML"], _ = ["innerHTML"], ee = {
   key: 1,
   class: "under-label uikit-absolute uikit-text-12"
-}, ne = /* @__PURE__ */ N({
+}, ne = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "BaseInput",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ C({
     id: {},
     inputClass: {},
     labelText: { default: "" },
@@ -27,42 +27,42 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
-  setup(e, { expose: E, emit: H }) {
-    const o = O(e, "modelValue"), a = m(""), k = H, {
+  emits: /* @__PURE__ */ C(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
+  setup(e, { expose: M, emit: E }) {
+    const o = N(e, "modelValue"), a = m(""), k = E, {
       labelState: s,
-      handleFocusIn: R,
-      handleFocusOut: I,
-      setInlineLabel: V,
-      setFloatingLabel: L
-    } = X(k), P = j(), f = D(() => e.id || P), n = m("text"), b = m({}), c = m(null), q = () => {
+      handleFocusIn: H,
+      handleFocusOut: $,
+      setInlineLabel: I,
+      setFloatingLabel: V
+    } = X(k), R = O(), f = j(() => e.id || R), n = m("text"), b = m({}), c = m(null), P = () => {
       e.feedback && (b.value = e.feedback, e.feedback.valid && typeof e.feedback.valid == "string" && (b.value.valid = [e.feedback.valid]), e.feedback.invalid && typeof e.feedback.invalid == "string" && (b.value.invalid = [e.feedback.invalid]));
-    }, F = (t, i) => {
+    }, L = (t, i) => {
       if (!e.formatter || !e.formatter.formatFn)
         return a.value = t, "";
       const l = t.length ? e.formatter.formatFn(t) : t;
       return i && (i.value = l), a.value = l, l;
-    }, C = (t, i = !0) => {
+    }, F = (t, i = !0) => {
       if (i && (!e.formatter || !e.formatter.unFormatFn))
         return o.value = t, t;
       if (!i || !e.formatter || !e.formatter.unFormatFn) return;
       const l = e.formatter.unFormatFn(t);
       return o.value = l ?? "", l;
-    }, K = ({ target: t }) => {
-      const i = t, l = C(i.value);
-      F(
+    }, q = ({ target: t }) => {
+      const i = t, l = F(i.value);
+      L(
         `${l}`,
         l === o.value ? i : void 0
       );
+    }, K = () => {
+      o.value = "", I();
     }, S = () => {
-      o.value = "", V();
-    }, z = () => {
       n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
     };
     y(
       () => e.feedback,
       () => {
-        q();
+        P();
       },
       {
         immediate: !0
@@ -70,10 +70,10 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
     ), y(
       o,
       (t) => {
-        F(
+        L(
           `${t}`,
-          C(`${t}`, !1) === t ? c.value : void 0
-        ), a.value != null && a.value.length > 0 && s.value !== "floating-label" ? L() : !a.value && document && document.activeElement !== c.value && V();
+          F(`${t}`, !1) === t ? c.value : void 0
+        ), a.value != null && a.value.length > 0 && s.value !== "floating-label" ? V() : !a.value && document && document.activeElement !== c.value && I();
       },
       {
         immediate: !0
@@ -81,11 +81,11 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
     ), y(
       () => e.keepFloatingLabel,
       (t) => {
-        t ? L() : I(o.value);
+        t ? V() : $(o.value);
       }
     );
-    const A = G();
-    return n.value = A.type || "text", E({
+    const z = D();
+    return n.value = z.type || "text", M({
       select: () => {
         c.value?.select();
       }
@@ -105,8 +105,8 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
     }, [
       h(t.$slots, "leftIcon", {}, void 0, !0),
       h(t.$slots, "righticon", {
-        handleClean: S,
-        handleShowPasswd: z,
+        handleClean: K,
+        handleShowPasswd: S,
         curType: n.value
       }, void 0, !0),
       g("input", {
@@ -141,11 +141,11 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
         placeholder: t.$attrs.placeholder,
         value: a.value,
         onClick: i[0] || (i[0] = (l) => k("click", l)),
-        onFocusin: i[1] || (i[1] = $(() => e.labelText && d(R)(), ["stop"])),
-        onFocusout: i[2] || (i[2] = $((l) => e.labelText && !e.keepFloatingLabel && d(I)(a.value), ["stop"])),
-        onInput: $(K, ["stop"]),
+        onFocusin: i[1] || (i[1] = () => e.labelText && d(H)()),
+        onFocusout: i[2] || (i[2] = (l) => e.labelText && !e.keepFloatingLabel && d($)(a.value)),
+        onInput: Q(q, ["stop"]),
         onKeydown: [
-          i[3] || (i[3] = Q(() => k("keydownEnterPressed"), ["enter"])),
+          i[3] || (i[3] = J(() => k("keydownEnterPressed"), ["enter"])),
           i[4] || (i[4] = (l) => k("keydown", l))
         ],
         onKeyup: i[5] || (i[5] = (l) => k("keyup", l))
@@ -176,7 +176,7 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
           }, null, 10, U)
         ])
       ], 2),
-      e.labelText ? (u(), J(W, {
+      e.labelText ? (u(), G(W, {
         key: 0,
         for: f.value,
         "label-text": e.labelText,
@@ -191,11 +191,11 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
         "label-text-classes": e.labelTextClasses
       }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : x("", !0),
       h(t.$slots, "feedback", {}, () => [
-        e.isValid === !1 ? (u(!0), r(B, { key: 0 }, M(b.value.invalid, (l, w) => (u(), r("div", {
+        e.isValid === !1 ? (u(!0), r(T, { key: 0 }, B(b.value.invalid, (l, w) => (u(), r("div", {
           key: `${f.value}_invalid_${w}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
           innerHTML: l
-        }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(B, { key: 1 }, M(b.value.valid, (l, w) => (u(), r("div", {
+        }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(T, { key: 1 }, B(b.value.valid, (l, w) => (u(), r("div", {
           key: `${f.value}_valid_${w}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
           innerHTML: l

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

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

package/dist/packages/components/lib/UIKit/Radio/RadioGroup.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as C, mergeModels as d, useModel as h, ref as $, watch as V, renderSlot as u, createElementVNode as p, normalizeClass as c, createElementBlock as k, openBlock as m, Fragment as y, renderList as R, createBlock as g } from "vue";
-import B from "./RadioButton.vue.js";
-const b = ["data-cy"], z = /* @__PURE__ */ C({
+import { defineComponent as V, mergeModels as u, useModel as h, ref as p, watch as k, renderSlot as c, createElementVNode as y, normalizeClass as m, createElementBlock as R, openBlock as f, Fragment as g, renderList as B, createBlock as b } from "vue";
+import M from "./RadioButton.vue.js";
+const A = ["data-cy"], F = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "RadioGroup",
-  props: /* @__PURE__ */ d({
+  props: /* @__PURE__ */ u({
     radioValues: { default: () => [] },
     dataCy: {},
     radioContainerClasses: {}
@@ -11,9 +11,9 @@ const b = ["data-cy"], z = /* @__PURE__ */ C({
     resetRadio: { type: Boolean, default: !1 },
     resetRadioModifiers: {}
   }),
-  emits: /* @__PURE__ */ d(["update:modelValue"], ["update:resetRadio"]),
-  setup(t, { emit: f }) {
-    const n = f, i = h(t, "resetRadio"), a = $(null), l = (e) => {
+  emits: /* @__PURE__ */ u(["update:modelValue"], ["update:resetRadio"]),
+  setup(t, { emit: v }) {
+    const n = v, i = h(t, "resetRadio"), a = p(null), l = (e) => {
       a.value = e, n("update:modelValue", e);
     }, s = () => {
       a.value = null, i.value = !1, n("update:modelValue", null);
@@ -24,37 +24,37 @@ const b = ["data-cy"], z = /* @__PURE__ */ C({
           l(e);
           return;
         }
-    })(), V(i, (e) => {
+    })(), k(i, (e) => {
       e && s();
-    }), (e, A) => u(e.$slots, "default", {
+    }), (e, d) => c(e.$slots, "default", {
       handleClick: l,
       activeValue: a.value,
       reset: s,
       isActive: r
     }, () => [
-      p("div", {
-        class: c(["radio-group-container", e.$attrs.class]),
+      y("div", {
+        class: m(["radio-group-container", e.$attrs.class]),
         "data-cy": t.dataCy
       }, [
-        u(e.$slots, "radio_elements", {
+        c(e.$slots, "radio_elements", {
           handleClick: l,
           activeValue: a.value,
           reset: s,
           isActive: r
         }, () => [
-          (m(!0), k(y, null, R(t.radioValues, (o, v) => (m(), g(B, {
+          (f(!0), R(g, null, B(t.radioValues, (o, C) => (f(), b(M, {
             id: o.id,
-            key: v,
-            class: c(t.radioContainerClasses),
+            key: C,
+            class: m(t.radioContainerClasses),
             label: `${o.label}`,
             "model-value": `${o.id}` == `${a.value?.id}`,
-            onChange: l
+            onChange: d[0] || (d[0] = ($) => l($))
           }, null, 8, ["id", "class", "label", "model-value"]))), 128))
         ])
-      ], 10, b)
+      ], 10, A)
     ]);
   }
 });
 export {
-  z as default
+  F as default
 };

package/package.json

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