@quoreadmin/ui 1.4.0 → 1.4.2

package/dist/src/components/bottom-sheet/bottom-sheet.stories.d.ts

@@ -0,0 +1,925 @@
+import { Args, Meta } from '@storybook/vue3';
+declare const meta: Meta<any>;
+export default meta;
+export declare const Primary: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QBottomSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowOnClickOutside: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowDrag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                setNoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                topPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                headerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                titleClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                sheetRef: import('vue').Ref<any, any>;
+                headerRef: import('vue').Ref<any, any>;
+                windowHeight: import('vue').Ref<number, number>;
+                isDragging: import('vue').Ref<boolean, boolean>;
+                bgColor: import('vue').ComputedRef<string>;
+                containerClasses: import('vue').ComputedRef<"z-[201]" | "-z-40">;
+                show: import('vue').WritableComputedRef<boolean, boolean>;
+                hasHeaderAction: import('vue').ComputedRef<boolean>;
+                onClickOutside: () => void;
+                onClose: (option?: {
+                    clickOutside: boolean;
+                }) => Promise<void>;
+                onOpen: () => void;
+                dragHandler: (ctx: any) => void;
+                handleDrag: (ctx: any) => void;
+                handleDragEnd: (ctx: any) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowOnClickOutside: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowDrag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                setNoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                topPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                headerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                titleClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: boolean;
+                contentClass: string;
+                backgroundColor: string;
+                allowOnClickOutside: boolean;
+                allowDrag: boolean;
+                setNoScroll: boolean;
+                showCloseButton: boolean;
+                topPosition: string;
+                headerClass: string;
+                titleClass: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            show: import('vue').Ref<boolean, boolean>;
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        modelValue: boolean;
+        allowDrag: boolean;
+        allowOnClickOutside: boolean;
+        showCloseButton: boolean;
+        header: string;
+        contentClass: string;
+        titleClass: string;
+    };
+};
+export declare const HeaderAction: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QBottomSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowOnClickOutside: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowDrag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                setNoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                topPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                headerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                titleClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                sheetRef: import('vue').Ref<any, any>;
+                headerRef: import('vue').Ref<any, any>;
+                windowHeight: import('vue').Ref<number, number>;
+                isDragging: import('vue').Ref<boolean, boolean>;
+                bgColor: import('vue').ComputedRef<string>;
+                containerClasses: import('vue').ComputedRef<"z-[201]" | "-z-40">;
+                show: import('vue').WritableComputedRef<boolean, boolean>;
+                hasHeaderAction: import('vue').ComputedRef<boolean>;
+                onClickOutside: () => void;
+                onClose: (option?: {
+                    clickOutside: boolean;
+                }) => Promise<void>;
+                onOpen: () => void;
+                dragHandler: (ctx: any) => void;
+                handleDrag: (ctx: any) => void;
+                handleDragEnd: (ctx: any) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowOnClickOutside: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowDrag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                setNoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                topPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                headerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                titleClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: boolean;
+                contentClass: string;
+                backgroundColor: string;
+                allowOnClickOutside: boolean;
+                allowDrag: boolean;
+                setNoScroll: boolean;
+                showCloseButton: boolean;
+                topPosition: string;
+                headerClass: string;
+                titleClass: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            show: import('vue').Ref<boolean, boolean>;
+            info: import('vue').Ref<boolean, boolean>;
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        modelValue: boolean;
+        allowDrag: boolean;
+        allowOnClickOutside: boolean;
+        showCloseButton: boolean;
+        header: string;
+        contentClass: string;
+    };
+};
+export declare const SaveAction: {
+    render: (args: Args) => {
+        components: {
+            QBottomSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowOnClickOutside: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowDrag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                setNoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                topPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                headerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                titleClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                sheetRef: import('vue').Ref<any, any>;
+                headerRef: import('vue').Ref<any, any>;
+                windowHeight: import('vue').Ref<number, number>;
+                isDragging: import('vue').Ref<boolean, boolean>;
+                bgColor: import('vue').ComputedRef<string>;
+                containerClasses: import('vue').ComputedRef<"z-[201]" | "-z-40">;
+                show: import('vue').WritableComputedRef<boolean, boolean>;
+                hasHeaderAction: import('vue').ComputedRef<boolean>;
+                onClickOutside: () => void;
+                onClose: (option?: {
+                    clickOutside: boolean;
+                }) => Promise<void>;
+                onOpen: () => void;
+                dragHandler: (ctx: any) => void;
+                handleDrag: (ctx: any) => void;
+                handleDragEnd: (ctx: any) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowOnClickOutside: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowDrag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                setNoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                topPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                headerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                titleClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: boolean;
+                contentClass: string;
+                backgroundColor: string;
+                allowOnClickOutside: boolean;
+                allowDrag: boolean;
+                setNoScroll: boolean;
+                showCloseButton: boolean;
+                topPosition: string;
+                headerClass: string;
+                titleClass: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            show: import('vue').Ref<boolean, boolean>;
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        modelValue: boolean;
+        allowDrag: boolean;
+        allowOnClickOutside: boolean;
+        showCloseButton: boolean;
+        header: string;
+        contentClass: string;
+    };
+};
+export declare const GrayBackground: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QBottomSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowOnClickOutside: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowDrag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                setNoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                topPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                headerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                titleClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                sheetRef: import('vue').Ref<any, any>;
+                headerRef: import('vue').Ref<any, any>;
+                windowHeight: import('vue').Ref<number, number>;
+                isDragging: import('vue').Ref<boolean, boolean>;
+                bgColor: import('vue').ComputedRef<string>;
+                containerClasses: import('vue').ComputedRef<"z-[201]" | "-z-40">;
+                show: import('vue').WritableComputedRef<boolean, boolean>;
+                hasHeaderAction: import('vue').ComputedRef<boolean>;
+                onClickOutside: () => void;
+                onClose: (option?: {
+                    clickOutside: boolean;
+                }) => Promise<void>;
+                onOpen: () => void;
+                dragHandler: (ctx: any) => void;
+                handleDrag: (ctx: any) => void;
+                handleDragEnd: (ctx: any) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowOnClickOutside: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowDrag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                setNoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                topPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                headerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                titleClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: boolean;
+                contentClass: string;
+                backgroundColor: string;
+                allowOnClickOutside: boolean;
+                allowDrag: boolean;
+                setNoScroll: boolean;
+                showCloseButton: boolean;
+                topPosition: string;
+                headerClass: string;
+                titleClass: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            show: import('vue').Ref<boolean, boolean>;
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        backgroundColor: string;
+        showCloseButton: boolean;
+        name: string;
+        render: (args: Args) => {
+            components: {
+                QBottomSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowOnClickOutside: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowDrag: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    backgroundColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    setNoScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    showCloseButton: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    topPosition: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    headerClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    titleClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    contentClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    sheetRef: import('vue').Ref<any, any>;
+                    headerRef: import('vue').Ref<any, any>;
+                    windowHeight: import('vue').Ref<number, number>;
+                    isDragging: import('vue').Ref<boolean, boolean>;
+                    bgColor: import('vue').ComputedRef<string>;
+                    containerClasses: import('vue').ComputedRef<"z-[201]" | "-z-40">;
+                    show: import('vue').WritableComputedRef<boolean, boolean>;
+                    hasHeaderAction: import('vue').ComputedRef<boolean>;
+                    onClickOutside: () => void;
+                    onClose: (option?: {
+                        clickOutside: boolean;
+                    }) => Promise<void>;
+                    onOpen: () => void;
+                    dragHandler: (ctx: any) => void;
+                    handleDrag: (ctx: any) => void;
+                    handleDragEnd: (ctx: any) => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowOnClickOutside: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowDrag: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    backgroundColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    setNoScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    showCloseButton: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    topPosition: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    headerClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    titleClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    contentClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{
+                    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    modelValue: boolean;
+                    contentClass: string;
+                    backgroundColor: string;
+                    allowOnClickOutside: boolean;
+                    allowDrag: boolean;
+                    setNoScroll: boolean;
+                    showCloseButton: boolean;
+                    topPosition: string;
+                    headerClass: string;
+                    titleClass: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            setup(this: void): {
+                show: import('vue').Ref<boolean, boolean>;
+                args: Args;
+            };
+            template: string;
+        };
+        args: {
+            modelValue: boolean;
+            allowDrag: boolean;
+            allowOnClickOutside: boolean;
+            showCloseButton: boolean;
+            header: string;
+            contentClass: string;
+            titleClass: string;
+        };
+    };
+};
+export declare const SmallSheet: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QBottomSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowOnClickOutside: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowDrag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                setNoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                topPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                headerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                titleClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                sheetRef: import('vue').Ref<any, any>;
+                headerRef: import('vue').Ref<any, any>;
+                windowHeight: import('vue').Ref<number, number>;
+                isDragging: import('vue').Ref<boolean, boolean>;
+                bgColor: import('vue').ComputedRef<string>;
+                containerClasses: import('vue').ComputedRef<"z-[201]" | "-z-40">;
+                show: import('vue').WritableComputedRef<boolean, boolean>;
+                hasHeaderAction: import('vue').ComputedRef<boolean>;
+                onClickOutside: () => void;
+                onClose: (option?: {
+                    clickOutside: boolean;
+                }) => Promise<void>;
+                onOpen: () => void;
+                dragHandler: (ctx: any) => void;
+                handleDrag: (ctx: any) => void;
+                handleDragEnd: (ctx: any) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowOnClickOutside: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowDrag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                setNoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                topPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                headerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                titleClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: boolean;
+                contentClass: string;
+                backgroundColor: string;
+                allowOnClickOutside: boolean;
+                allowDrag: boolean;
+                setNoScroll: boolean;
+                showCloseButton: boolean;
+                topPosition: string;
+                headerClass: string;
+                titleClass: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            show: import('vue').Ref<boolean, boolean>;
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        showCloseButton: boolean;
+        topPosition: string;
+        name: string;
+        render: (args: Args) => {
+            components: {
+                QBottomSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowOnClickOutside: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowDrag: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    backgroundColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    setNoScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    showCloseButton: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    topPosition: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    headerClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    titleClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    contentClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    sheetRef: import('vue').Ref<any, any>;
+                    headerRef: import('vue').Ref<any, any>;
+                    windowHeight: import('vue').Ref<number, number>;
+                    isDragging: import('vue').Ref<boolean, boolean>;
+                    bgColor: import('vue').ComputedRef<string>;
+                    containerClasses: import('vue').ComputedRef<"z-[201]" | "-z-40">;
+                    show: import('vue').WritableComputedRef<boolean, boolean>;
+                    hasHeaderAction: import('vue').ComputedRef<boolean>;
+                    onClickOutside: () => void;
+                    onClose: (option?: {
+                        clickOutside: boolean;
+                    }) => Promise<void>;
+                    onOpen: () => void;
+                    dragHandler: (ctx: any) => void;
+                    handleDrag: (ctx: any) => void;
+                    handleDragEnd: (ctx: any) => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowOnClickOutside: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowDrag: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    backgroundColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    setNoScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    showCloseButton: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    topPosition: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    headerClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    titleClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    contentClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{
+                    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    modelValue: boolean;
+                    contentClass: string;
+                    backgroundColor: string;
+                    allowOnClickOutside: boolean;
+                    allowDrag: boolean;
+                    setNoScroll: boolean;
+                    showCloseButton: boolean;
+                    topPosition: string;
+                    headerClass: string;
+                    titleClass: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            setup(this: void): {
+                show: import('vue').Ref<boolean, boolean>;
+                args: Args;
+            };
+            template: string;
+        };
+        args: {
+            modelValue: boolean;
+            allowDrag: boolean;
+            allowOnClickOutside: boolean;
+            showCloseButton: boolean;
+            header: string;
+            contentClass: string;
+            titleClass: string;
+        };
+    };
+};