@maltjoy/core-vue 3.17.1 → 3.18.0

package/dist/components/JoyDialog/JoyDialog.types.d.ts

@@ -0,0 +1,5 @@
+export interface IDialogOpenOption {
+    callback?: (...args: any) => void;
+    preventBodyScroll?: boolean;
+    patternConfirm?: boolean;
+}

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

@@ -0,0 +1,144 @@
+import { PropType } from 'vue';
+import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
+import { IDialogOpenOption } from './JoyDialog.types';
+declare function hideOverlay(): Promise<void>;
+declare function openOverlay(options?: IDialogOpenOption): Promise<void>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** By default a focus-trap is activated. It means you can loop over all interactive elements within the open dialog. */
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** By default the dialog is teleported to the end of body tag */
+    teleport: {
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** **For accessibility purpose**. Label associated with the top right corner icon.  */
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Display the dialog without the top right icon to close it.
+     * Click on backdrop is disabled and pressing Escape does not trigger anything.
+     */
+    patternConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Use this property to directly create a cancel CTA (VJoyButton), if you don't need to customize the CTA. */
+    cancelText: {
+        type: StringConstructor;
+    };
+    /** Use this property to directly create a confirm CTA (VJoyButton), if you don't need to customize the CTA. */
+    confirmText: {
+        type: StringConstructor;
+    };
+    buttonSize: {
+        type: PropType<TJoyButtonSizes>;
+        default: string;
+    };
+    /** Link to inject an image on top of the dialog */
+    bannerSrc: {
+        type: StringConstructor;
+    };
+    /** Based on CSS propetty background-position. https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */
+    bannerPosition: {
+        type: StringConstructor;
+    };
+    bannerHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    openOverlay: typeof openOverlay;
+    hasFooterSlots: import("vue").ComputedRef<boolean>;
+    hideOverlay: typeof hideOverlay;
+    isOpen: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "dialog:open": () => void;
+    "dialog:after-open": () => void;
+    "dialog:hide": () => void;
+    "dialog:after-hide": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** By default a focus-trap is activated. It means you can loop over all interactive elements within the open dialog. */
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** By default the dialog is teleported to the end of body tag */
+    teleport: {
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** **For accessibility purpose**. Label associated with the top right corner icon.  */
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Display the dialog without the top right icon to close it.
+     * Click on backdrop is disabled and pressing Escape does not trigger anything.
+     */
+    patternConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Use this property to directly create a cancel CTA (VJoyButton), if you don't need to customize the CTA. */
+    cancelText: {
+        type: StringConstructor;
+    };
+    /** Use this property to directly create a confirm CTA (VJoyButton), if you don't need to customize the CTA. */
+    confirmText: {
+        type: StringConstructor;
+    };
+    buttonSize: {
+        type: PropType<TJoyButtonSizes>;
+        default: string;
+    };
+    /** Link to inject an image on top of the dialog */
+    bannerSrc: {
+        type: StringConstructor;
+    };
+    /** Based on CSS propetty background-position. https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */
+    bannerPosition: {
+        type: StringConstructor;
+    };
+    bannerHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    "onDialog:open"?: (() => any) | undefined;
+    "onDialog:after-open"?: (() => any) | undefined;
+    "onDialog:hide"?: (() => any) | undefined;
+    "onDialog:after-hide"?: (() => any) | undefined;
+}, {
+    focusTrap: boolean;
+    teleport: string | import("vue").RendererElement | null | undefined;
+    open: boolean;
+    closeLabel: string;
+    patternConfirm: boolean;
+    buttonSize: TJoyButtonSizes;
+    bannerHeight: number;
+}, {}>, {
+    "dialog-header"?(_: {}): any;
+    "dialog-subheader"?(_: {}): any;
+    "dialog-body"?(_: {}): any;
+    "dialog-cancel"?(_: {}): any;
+    "dialog-confirm"?(_: {}): any;
+    "dialog-indicators"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,463 @@
+import { VNode } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    dialog: {
+        type: import("vue").PropType<({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                focusTrap?: boolean | undefined;
+                teleport?: string | import("vue").RendererElement | null | undefined;
+                open?: boolean | undefined;
+                closeLabel?: string | undefined;
+                patternConfirm?: boolean | undefined;
+                buttonSize?: import("../components.types").TJoyButtonSizes | undefined;
+                bannerHeight?: number | undefined;
+                style?: unknown;
+                class?: unknown;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                readonly cancelText?: string | undefined;
+                readonly confirmText?: string | undefined;
+                readonly bannerSrc?: string | undefined;
+                readonly bannerPosition?: string | undefined;
+                "onDialog:open"?: (() => any) | undefined;
+                "onDialog:after-open"?: (() => any) | undefined;
+                "onDialog:hide"?: (() => any) | undefined;
+                "onDialog:after-hide"?: (() => any) | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: ((event: "dialog:open") => void) & ((event: "dialog:after-open") => void) & ((event: "dialog:hide") => void) & ((event: "dialog:after-hide") => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                focusTrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleport: {
+                    type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+                    default: string;
+                };
+                open: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                patternConfirm: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                cancelText: {
+                    type: StringConstructor;
+                };
+                confirmText: {
+                    type: StringConstructor;
+                };
+                buttonSize: {
+                    type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
+                    default: string;
+                };
+                bannerSrc: {
+                    type: StringConstructor;
+                };
+                bannerPosition: {
+                    type: StringConstructor;
+                };
+                bannerHeight: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+            }>> & {
+                "onDialog:open"?: (() => any) | undefined;
+                "onDialog:after-open"?: (() => any) | undefined;
+                "onDialog:hide"?: (() => any) | undefined;
+                "onDialog:after-hide"?: (() => any) | undefined;
+            }, {
+                openOverlay: (options?: import("../components.types").IDialogOpenOption | undefined) => Promise<void>;
+                hasFooterSlots: import("vue").ComputedRef<boolean>;
+                hideOverlay: () => Promise<void>;
+                isOpen: import("vue").Ref<boolean>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "dialog:open": () => void;
+                "dialog:after-open": () => void;
+                "dialog:hide": () => void;
+                "dialog:after-hide": () => void;
+            }, string, {
+                focusTrap: boolean;
+                teleport: string | import("vue").RendererElement | null | undefined;
+                open: boolean;
+                closeLabel: string;
+                patternConfirm: boolean;
+                buttonSize: import("../components.types").TJoyButtonSizes;
+                bannerHeight: number;
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            focusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            teleport: {
+                type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+                default: string;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closeLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            patternConfirm: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            cancelText: {
+                type: StringConstructor;
+            };
+            confirmText: {
+                type: StringConstructor;
+            };
+            buttonSize: {
+                type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
+                default: string;
+            };
+            bannerSrc: {
+                type: StringConstructor;
+            };
+            bannerPosition: {
+                type: StringConstructor;
+            };
+            bannerHeight: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & {
+            "onDialog:open"?: (() => any) | undefined;
+            "onDialog:after-open"?: (() => any) | undefined;
+            "onDialog:hide"?: (() => any) | undefined;
+            "onDialog:after-hide"?: (() => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{
+            openOverlay: (options?: import("../components.types").IDialogOpenOption | undefined) => Promise<void>;
+            hasFooterSlots: import("vue").ComputedRef<boolean>;
+            hideOverlay: () => Promise<void>;
+            isOpen: import("vue").Ref<boolean>;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                "dialog-header"?(_: {}): any;
+                "dialog-subheader"?(_: {}): any;
+                "dialog-body"?(_: {}): any;
+                "dialog-cancel"?(_: {}): any;
+                "dialog-confirm"?(_: {}): any;
+                "dialog-indicators"?(_: {}): any;
+            };
+        }) | null | undefined>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dialog: {
+        type: import("vue").PropType<({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                focusTrap?: boolean | undefined;
+                teleport?: string | import("vue").RendererElement | null | undefined;
+                open?: boolean | undefined;
+                closeLabel?: string | undefined;
+                patternConfirm?: boolean | undefined;
+                buttonSize?: import("../components.types").TJoyButtonSizes | undefined;
+                bannerHeight?: number | undefined;
+                style?: unknown;
+                class?: unknown;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                readonly cancelText?: string | undefined;
+                readonly confirmText?: string | undefined;
+                readonly bannerSrc?: string | undefined;
+                readonly bannerPosition?: string | undefined;
+                "onDialog:open"?: (() => any) | undefined;
+                "onDialog:after-open"?: (() => any) | undefined;
+                "onDialog:hide"?: (() => any) | undefined;
+                "onDialog:after-hide"?: (() => any) | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: ((event: "dialog:open") => void) & ((event: "dialog:after-open") => void) & ((event: "dialog:hide") => void) & ((event: "dialog:after-hide") => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                focusTrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleport: {
+                    type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+                    default: string;
+                };
+                open: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                patternConfirm: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                cancelText: {
+                    type: StringConstructor;
+                };
+                confirmText: {
+                    type: StringConstructor;
+                };
+                buttonSize: {
+                    type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
+                    default: string;
+                };
+                bannerSrc: {
+                    type: StringConstructor;
+                };
+                bannerPosition: {
+                    type: StringConstructor;
+                };
+                bannerHeight: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+            }>> & {
+                "onDialog:open"?: (() => any) | undefined;
+                "onDialog:after-open"?: (() => any) | undefined;
+                "onDialog:hide"?: (() => any) | undefined;
+                "onDialog:after-hide"?: (() => any) | undefined;
+            }, {
+                openOverlay: (options?: import("../components.types").IDialogOpenOption | undefined) => Promise<void>;
+                hasFooterSlots: import("vue").ComputedRef<boolean>;
+                hideOverlay: () => Promise<void>;
+                isOpen: import("vue").Ref<boolean>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "dialog:open": () => void;
+                "dialog:after-open": () => void;
+                "dialog:hide": () => void;
+                "dialog:after-hide": () => void;
+            }, string, {
+                focusTrap: boolean;
+                teleport: string | import("vue").RendererElement | null | undefined;
+                open: boolean;
+                closeLabel: string;
+                patternConfirm: boolean;
+                buttonSize: import("../components.types").TJoyButtonSizes;
+                bannerHeight: number;
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            focusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            teleport: {
+                type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+                default: string;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closeLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            patternConfirm: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            cancelText: {
+                type: StringConstructor;
+            };
+            confirmText: {
+                type: StringConstructor;
+            };
+            buttonSize: {
+                type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
+                default: string;
+            };
+            bannerSrc: {
+                type: StringConstructor;
+            };
+            bannerPosition: {
+                type: StringConstructor;
+            };
+            bannerHeight: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & {
+            "onDialog:open"?: (() => any) | undefined;
+            "onDialog:after-open"?: (() => any) | undefined;
+            "onDialog:hide"?: (() => any) | undefined;
+            "onDialog:after-hide"?: (() => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{
+            openOverlay: (options?: import("../components.types").IDialogOpenOption | undefined) => Promise<void>;
+            hasFooterSlots: import("vue").ComputedRef<boolean>;
+            hideOverlay: () => Promise<void>;
+            isOpen: import("vue").Ref<boolean>;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                "dialog-header"?(_: {}): any;
+                "dialog-subheader"?(_: {}): any;
+                "dialog-body"?(_: {}): any;
+                "dialog-cancel"?(_: {}): any;
+                "dialog-confirm"?(_: {}): any;
+                "dialog-indicators"?(_: {}): any;
+            };
+        }) | null | undefined>;
+        required: true;
+    };
+}>>, {}, {}>, Readonly<{
+    /** @slot Default slot where you can render anything you need. */
+    default: () => any;
+}>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts

@@ -198,12 +198,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     height: string;
     modelValue: string;
     reset: boolean;
+    justify: "left" | "right";
+    direction: "up" | "down";
     options: Option[];
     appendTo: string | import("vue").RendererElement | null | undefined;
     disableTeleport: boolean;
     closeOnSelect: boolean;
-    direction: "up" | "down";
-    justify: "left" | "right";
     dropdownGap: string;
 }, {}>, {
     "dropdown-button"?(_: {}): any;

package/dist/components/JoySnackbar/JoySnackbar.types.d.ts

@@ -0,0 +1,19 @@
+import { App } from 'vue';
+import { Emitter } from 'mitt';
+import VJoySnackbar from './VJoySnackbar.vue';
+import { LEVELS } from '../../types';
+export type TJoySnackbarLevels = Exclude<(typeof LEVELS)[number], 'neutral'>;
+export declare const SNACKBAR_LEVELS: ("neutral" | "success" | "info" | "warning" | "error")[];
+export type TJoySnackbarEvents = {
+    'snackbar:hide': undefined;
+    'snackbar:show': undefined;
+    'snackbar:action-click': undefined;
+};
+export interface IJoynackbarServiceOptions {
+    snackbarHostId?: string;
+    props: InstanceType<typeof VJoySnackbar>['$props'];
+}
+export interface IJoynackbarServiceReturn {
+    snackbarEventBus: Emitter<TJoySnackbarEvents>;
+    snackbarApp: App<Element>;
+}