@maltjoy/core-vue 3.17.2 → 3.19.0

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: {
+                closeLabel?: string | undefined;
+                open?: boolean | undefined;
+                teleport?: string | import("vue").RendererElement | null | undefined;
+                focusTrap?: boolean | 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, {
+                closeLabel: string;
+                open: boolean;
+                teleport: string | import("vue").RendererElement | null | undefined;
+                focusTrap: boolean;
+                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: {
+                closeLabel?: string | undefined;
+                open?: boolean | undefined;
+                teleport?: string | import("vue").RendererElement | null | undefined;
+                focusTrap?: boolean | 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, {
+                closeLabel: string;
+                open: boolean;
+                teleport: string | import("vue").RendererElement | null | undefined;
+                focusTrap: boolean;
+                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/JoyDrawer/JoyDrawer.types.d.ts

@@ -0,0 +1,7 @@
+export interface IDrawerOpenOption {
+    callback?: (...args: any) => void;
+    preventBodyScroll?: boolean;
+    patternConfirm?: boolean;
+}
+export declare const DRAWER_SIZES: readonly ["default", "large"];
+export type TJoyDrawerSizes = (typeof DRAWER_SIZES)[number];

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

@@ -0,0 +1,124 @@
+import { PropType } from 'vue';
+import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
+import { IDrawerOpenOption } from './JoyDrawer.types';
+declare function hideOverlay(): Promise<void>;
+declare function openOverlay(options?: IDrawerOpenOption): 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 drawer. */
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"default" | "large">;
+        default: string;
+    };
+    /** By default the drawer is teleported to the end of body tag */
+    teleport: {
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Removes the overlay and allows interacting with background content */
+    elevated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** **For accessibility purpose**. Label associated with the top right corner icon.  */
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 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;
+    };
+}, {
+    openOverlay: typeof openOverlay;
+    hasFooterSlots: import("vue").ComputedRef<boolean>;
+    hideOverlay: typeof hideOverlay;
+    isOpen: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "drawer:open": () => void;
+    "drawer:after-open": () => void;
+    "drawer:hide": () => void;
+    "drawer: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 drawer. */
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"default" | "large">;
+        default: string;
+    };
+    /** By default the drawer is teleported to the end of body tag */
+    teleport: {
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Removes the overlay and allows interacting with background content */
+    elevated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** **For accessibility purpose**. Label associated with the top right corner icon.  */
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 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;
+    };
+}>> & {
+    "onDrawer:open"?: (() => any) | undefined;
+    "onDrawer:after-open"?: (() => any) | undefined;
+    "onDrawer:hide"?: (() => any) | undefined;
+    "onDrawer:after-hide"?: (() => any) | undefined;
+}, {
+    size: "default" | "large";
+    closeLabel: string;
+    open: boolean;
+    teleport: string | import("vue").RendererElement | null | undefined;
+    focusTrap: boolean;
+    buttonSize: TJoyButtonSizes;
+    elevated: boolean;
+}, {}>, {
+    "drawer-header"?(_: {}): any;
+    "drawer-subheader"?(_: {}): any;
+    "drawer-body"?(_: {}): any;
+    "drawer-cancel"?(_: {}): any;
+    "drawer-confirm"?(_: {}): any;
+    "drawer-indicators"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};