@maltjoy/core-vue 3.28.0 → 3.28.1

package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     /** VJoyBottomSheet ref. */
     bottomSheet: ({
         $: import("vue").ComponentInternalInstance;
@@ -148,7 +148,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     }) | null | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** VJoyBottomSheet ref. */
     bottomSheet: ({
         $: import("vue").ComponentInternalInstance;
@@ -306,13 +306,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default: () => any;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
+type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -320,3 +315,8 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyButton/VJoyButton.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Left to the text or right */
     iconPosition: {
-        type: PropType<import("../../types/index.js").TPositions>;
+        type: PropType<import("../../types").TPositions>;
         default: string;
     };
     /**
@@ -56,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Left to the text or right */
     iconPosition: {
-        type: PropType<import("../../types/index.js").TPositions>;
+        type: PropType<import("../../types").TPositions>;
         default: string;
     };
     /**
@@ -85,7 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: TJoyButtonSizes;
     loading: boolean;
     variant: TJoyButtonVariants;
-    iconPosition: import("../../types/index.js").TPositions;
+    iconPosition: import("../../types").TPositions;
 }, {}>, Readonly<{
     /** Default slot for button text */
     default(): any;

package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts

@@ -109,13 +109,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onBlur?: (() => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }, {
-    checked: boolean;
+    required: boolean;
     disabled: boolean;
     indeterminate: boolean;
-    required: boolean;
-    value: string;
-    invalid: boolean;
     displayFocus: boolean;
+    checked: boolean;
+    invalid: boolean;
+    value: string;
 }, {}>, Readonly<{
     /** Default slot for checkbox label. You can as well use the label property. */
     default(): any;

package/dist/components/JoyCounter/VJoyCounter.vue.d.ts

@@ -68,22 +68,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {
     props: {
-        readonly disabled: boolean;
-        readonly min: number;
         readonly required: boolean;
-        readonly step: number;
+        readonly disabled: boolean;
         readonly invalid: boolean;
         readonly modelValue: number;
         readonly autofocus: boolean;
         readonly labelSize: TJoyLabelSizes;
         readonly requiredMark: boolean;
+        readonly min: number;
+        readonly step: number;
         readonly label?: string | undefined;
         readonly name?: string | undefined;
-        readonly max?: number | undefined;
         readonly id?: string | undefined;
         readonly optionalLabel?: string | undefined;
         readonly labelDecrement?: string | undefined;
         readonly labelIncrement?: string | undefined;
+        readonly max?: number | undefined;
         readonly errorMessage?: string | undefined;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -157,15 +157,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }, {
-    disabled: boolean;
-    min: number;
     required: boolean;
-    step: number;
+    disabled: boolean;
     invalid: boolean;
     modelValue: number;
     autofocus: boolean;
     labelSize: TJoyLabelSizes;
     requiredMark: boolean;
+    min: number;
+    step: number;
 }, {}>, Readonly<{
     /** Default slot to display a label on top of the element. You can use label property as well */
     default(): any;

package/dist/components/JoyDialog/VJoyDialog.vue.d.ts

@@ -78,7 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: number;
     };
 }, {
-    focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
+    focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
     hasFooterSlots: import("vue").ComputedRef<boolean>;
     hide: typeof hide;
     isOpen: import("vue").Ref<boolean>;

package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts

@@ -1,10 +1,10 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     /** VJoyDialog ref. */
     dialog: ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: import("../components.types.js").TJoyDialogSizes;
+            size: import("../components.types").TJoyDialogSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -12,10 +12,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             focusTrap: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
-            buttonSize: import("../components.types.js").TJoyButtonSizes;
+            buttonSize: import("../components.types").TJoyButtonSizes;
             bannerHeight: number;
         }> & Omit<{
-            readonly size: import("../components.types.js").TJoyDialogSizes;
+            readonly size: import("../components.types").TJoyDialogSizes;
             readonly closeLabel: string;
             readonly open: boolean;
             readonly preventBodyScroll: boolean;
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             readonly focusTrap: boolean;
             readonly patternConfirm: boolean;
             readonly patternBrand: boolean;
-            readonly buttonSize: import("../components.types.js").TJoyButtonSizes;
+            readonly buttonSize: import("../components.types").TJoyButtonSizes;
             readonly bannerHeight: number;
             readonly id?: string | undefined;
             readonly cancelText?: string | undefined;
@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
+                type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
                 default: string;
             };
             focusTrap: {
@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             buttonSize: {
-                type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
+                type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
                 default: string;
             };
             bannerSrc: {
@@ -118,7 +118,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
+                type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
                 default: string;
             };
             focusTrap: {
@@ -156,7 +156,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             buttonSize: {
-                type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
+                type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
                 default: string;
             };
             bannerSrc: {
@@ -177,7 +177,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "onDialog:before-unmount"?: (() => any) | undefined;
             "onDialog:confirm"?: (() => any) | undefined;
         }, {
-            focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
+            focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
             hasFooterSlots: import("vue").ComputedRef<boolean>;
             hide: (options?: {
                 fireHideEvent: boolean;
@@ -192,7 +192,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "dialog:before-unmount": () => void;
             "dialog:confirm": () => void;
         }, string, {
-            size: import("../components.types.js").TJoyDialogSizes;
+            size: import("../components.types").TJoyDialogSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -200,7 +200,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             focusTrap: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
-            buttonSize: import("../components.types.js").TJoyButtonSizes;
+            buttonSize: import("../components.types").TJoyButtonSizes;
             bannerHeight: number;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -227,7 +227,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: StringConstructor;
         };
         size: {
-            type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
+            type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
             default: string;
         };
         focusTrap: {
@@ -265,7 +265,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: StringConstructor;
         };
         buttonSize: {
-            type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
+            type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
             default: string;
         };
         bannerSrc: {
@@ -286,7 +286,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         "onDialog:before-unmount"?: (() => any) | undefined;
         "onDialog:confirm"?: (() => any) | undefined;
     }, "hide" | "show" | "isOpen" | "focusTrapReturn" | "hasFooterSlots"> & import("vue").ShallowUnwrapRef<{
-        focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
+        focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
         hasFooterSlots: import("vue").ComputedRef<boolean>;
         hide: (options?: {
             fireHideEvent: boolean;
@@ -295,7 +295,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: Readonly<{
-            'dialog-preheader': () => any;
+            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
+             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
+             * props.dialog is actually "not null"
+             *
+             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
+             */
             'dialog-header': () => any;
             'dialog-subheader': () => any;
             'dialog-body': () => any;
@@ -303,7 +308,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             'dialog-confirm': () => any;
             'dialog-indicators': () => any;
         }> & {
-            'dialog-preheader': () => any;
+            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
+             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
+             * props.dialog is actually "not null"
+             *
+             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
+             */
             'dialog-header': () => any;
             'dialog-subheader': () => any;
             'dialog-body': () => any;
@@ -314,13 +324,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     }) | null | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** VJoyDialog ref. */
     dialog: ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: import("../components.types.js").TJoyDialogSizes;
+            size: import("../components.types").TJoyDialogSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -328,10 +338,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             focusTrap: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
-            buttonSize: import("../components.types.js").TJoyButtonSizes;
+            buttonSize: import("../components.types").TJoyButtonSizes;
             bannerHeight: number;
         }> & Omit<{
-            readonly size: import("../components.types.js").TJoyDialogSizes;
+            readonly size: import("../components.types").TJoyDialogSizes;
             readonly closeLabel: string;
             readonly open: boolean;
             readonly preventBodyScroll: boolean;
@@ -339,7 +349,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             readonly focusTrap: boolean;
             readonly patternConfirm: boolean;
             readonly patternBrand: boolean;
-            readonly buttonSize: import("../components.types.js").TJoyButtonSizes;
+            readonly buttonSize: import("../components.types").TJoyButtonSizes;
             readonly bannerHeight: number;
             readonly id?: string | undefined;
             readonly cancelText?: string | undefined;
@@ -357,7 +367,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
+                type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
                 default: string;
             };
             focusTrap: {
@@ -395,7 +405,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             buttonSize: {
-                type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
+                type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
                 default: string;
             };
             bannerSrc: {
@@ -434,7 +444,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
+                type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
                 default: string;
             };
             focusTrap: {
@@ -472,7 +482,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             buttonSize: {
-                type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
+                type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
                 default: string;
             };
             bannerSrc: {
@@ -493,7 +503,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "onDialog:before-unmount"?: (() => any) | undefined;
             "onDialog:confirm"?: (() => any) | undefined;
         }, {
-            focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
+            focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
             hasFooterSlots: import("vue").ComputedRef<boolean>;
             hide: (options?: {
                 fireHideEvent: boolean;
@@ -508,7 +518,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "dialog:before-unmount": () => void;
             "dialog:confirm": () => void;
         }, string, {
-            size: import("../components.types.js").TJoyDialogSizes;
+            size: import("../components.types").TJoyDialogSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -516,7 +526,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             focusTrap: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
-            buttonSize: import("../components.types.js").TJoyButtonSizes;
+            buttonSize: import("../components.types").TJoyButtonSizes;
             bannerHeight: number;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -543,7 +553,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: StringConstructor;
         };
         size: {
-            type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
+            type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
             default: string;
         };
         focusTrap: {
@@ -581,7 +591,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: StringConstructor;
         };
         buttonSize: {
-            type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
+            type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
             default: string;
         };
         bannerSrc: {
@@ -602,7 +612,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         "onDialog:before-unmount"?: (() => any) | undefined;
         "onDialog:confirm"?: (() => any) | undefined;
     }, "hide" | "show" | "isOpen" | "focusTrapReturn" | "hasFooterSlots"> & import("vue").ShallowUnwrapRef<{
-        focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
+        focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
         hasFooterSlots: import("vue").ComputedRef<boolean>;
         hide: (options?: {
             fireHideEvent: boolean;
@@ -611,7 +621,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: Readonly<{
-            'dialog-preheader': () => any;
+            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
+             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
+             * props.dialog is actually "not null"
+             *
+             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
+             */
             'dialog-header': () => any;
             'dialog-subheader': () => any;
             'dialog-body': () => any;
@@ -619,7 +634,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             'dialog-confirm': () => any;
             'dialog-indicators': () => any;
         }> & {
-            'dialog-preheader': () => any;
+            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
+             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
+             * props.dialog is actually "not null"
+             *
+             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
+             */
             'dialog-header': () => any;
             'dialog-subheader': () => any;
             'dialog-body': () => any;
@@ -638,13 +658,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default(): any;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
+type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -652,3 +667,8 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts

@@ -68,7 +68,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<() => boolean | Promise<boolean>>;
     };
 }, {
-    focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
+    focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
     hasFooterSlots: import("vue").ComputedRef<boolean>;
     hide: typeof hide;
     isOpen: import("vue").Ref<boolean>;