@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/src/components/image-gallery/image-gallery.stories.d.ts

@@ -0,0 +1,1711 @@
+import { Args, Meta } from '@storybook/vue3';
+import { default as QImageGallery } from './image-gallery.vue';
+declare const meta: Meta<typeof QImageGallery>;
+export default meta;
+export declare const Primary: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QImageGallery: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                files: any;
+                thumbnailsVisible: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                showOnHover: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showThumbnails: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showRemove: {
+                    type: import('vue').PropType<boolean | number>;
+                    default: boolean;
+                };
+                baseZIndex: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                wrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                processing: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                menuActions: {
+                    text: string;
+                }[];
+                linkActions: import('vue').ComputedRef<{
+                    text: string;
+                    classes: string;
+                    event: (file?: import('./image-gallery').NormalizedFileType | null) => void;
+                }[]>;
+                deviceType: import('vue').Ref<string, string>;
+                container: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                containerWidth: import('vue').ComputedRef<number | undefined>;
+                featuredPhoto: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                longPressRef: import('vue').Ref<HTMLElement[], HTMLElement[]>;
+                longPressedHook: import('vue').Ref<boolean, boolean>;
+                isSwiping: import('vue').ShallowRef<boolean>;
+                lengthX: import('vue').ComputedRef<number>;
+                left: import('vue').Ref<string, string>;
+                opacity: import('vue').Ref<number, number>;
+                scale: import('vue').Ref<number, number>;
+                showCarousel: import('vue').Ref<boolean, boolean>;
+                showFileViewer: import('vue').Ref<boolean, boolean>;
+                active: import('vue').Ref<number, number>;
+                activeAttachment: import('vue').Ref<{
+                    id: string | number;
+                    extension: string;
+                    icon?: string | undefined;
+                    isImage: boolean;
+                    name: string;
+                    originalFile: {
+                        id: string | number;
+                        mimetype: string;
+                        type: string;
+                        original: {
+                            name: string;
+                            url: string;
+                        };
+                        thumbnail: {
+                            name: string;
+                            url: string;
+                        } | null;
+                        isHovered?: boolean | undefined;
+                    } | {
+                        readonly lastModified: number;
+                        readonly name: string;
+                        readonly webkitRelativePath: string;
+                        readonly size: number;
+                        readonly type: string;
+                        arrayBuffer: () => Promise<ArrayBuffer>;
+                        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                        slice: (start?: number, end?: number, contentType?: string) => Blob;
+                        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                        text: () => Promise<string>;
+                    };
+                    type: string;
+                    url: string;
+                } | null, import('./image-gallery').NormalizedFileType | {
+                    id: string | number;
+                    extension: string;
+                    icon?: string | undefined;
+                    isImage: boolean;
+                    name: string;
+                    originalFile: {
+                        id: string | number;
+                        mimetype: string;
+                        type: string;
+                        original: {
+                            name: string;
+                            url: string;
+                        };
+                        thumbnail: {
+                            name: string;
+                            url: string;
+                        } | null;
+                        isHovered?: boolean | undefined;
+                    } | {
+                        readonly lastModified: number;
+                        readonly name: string;
+                        readonly webkitRelativePath: string;
+                        readonly size: number;
+                        readonly type: string;
+                        arrayBuffer: () => Promise<ArrayBuffer>;
+                        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                        slice: (start?: number, end?: number, contentType?: string) => Blob;
+                        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                        text: () => Promise<string>;
+                    };
+                    type: string;
+                    url: string;
+                } | null>;
+                hoveredIndex: import('vue').Ref<number | null | undefined, number | null | undefined>;
+                closeIconClasses: import('vue').ComputedRef<string[]>;
+                itemClasses: import('vue').ComputedRef<(string | {
+                    animated: boolean;
+                })[]>;
+                images: import('vue').ComputedRef<any>;
+                normalizedFiles: import('vue').ComputedRef<any>;
+                thumbnailContainerClasses: import('vue').ComputedRef<(string | {
+                    'flex-nowrap overflow-x-auto pt-2 -mt-2 pr-2': boolean;
+                })[]>;
+                downloadDocument: (file: import('./image-gallery').NormalizedFileType) => void;
+                getExtension: (fileName: string) => string;
+                onAttachmentClick: (file: any) => void;
+                onClickMenuLink: (action: any) => void;
+                onClickThumbnail: (index: any, file: any) => void;
+                onOpenCarousel: (index: number, file: import('./image-gallery').NormalizedFileType) => void;
+                onRemoveFile: (file?: import('./image-gallery').NormalizedFileType | null) => void;
+                onKeyboardNavigation: (e: any) => void;
+                onLongPressCallbackHook: (e: PointerEvent, index: any) => void;
+                resetHook: () => void;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:model-value" | "update:activeIndex" | "click:file")[], "update:model-value" | "update:activeIndex" | "click:file", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                files: any;
+                thumbnailsVisible: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                showOnHover: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showThumbnails: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showRemove: {
+                    type: import('vue').PropType<boolean | number>;
+                    default: boolean;
+                };
+                baseZIndex: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                wrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                processing: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:activeIndex"?: ((...args: any[]) => any) | undefined;
+                "onClick:file"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                wrap: boolean;
+                id: string;
+                thumbnailsVisible: number;
+                showOnHover: boolean;
+                showThumbnails: boolean;
+                showRemove: number | boolean;
+                baseZIndex: number;
+                processing: boolean;
+                files: any;
+            }, {}, {
+                Galleria: typeof import('primevue/galleria').default;
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                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>;
+                QMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    actions: {
+                        type: {
+                            (arrayLength: number): import('../..').MenuItem[];
+                            (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            new (arrayLength: number): import('../..').MenuItem[];
+                            new (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            isArray(arg: any): arg is any[];
+                            readonly prototype: any[];
+                            from<T>(arrayLike: ArrayLike<T>): T[];
+                            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            of<T>(...items: T[]): T[];
+                            readonly [Symbol.species]: ArrayConstructor;
+                        };
+                    };
+                    dismissibleOverlay: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    links: {
+                        type: {
+                            (arrayLength: number): import('../..').MenuItem[];
+                            (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            new (arrayLength: number): import('../..').MenuItem[];
+                            new (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            isArray(arg: any): arg is any[];
+                            readonly prototype: any[];
+                            from<T>(arrayLike: ArrayLike<T>): T[];
+                            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            of<T>(...items: T[]): T[];
+                            readonly [Symbol.species]: ArrayConstructor;
+                        };
+                        required: true;
+                    };
+                    linksBackground: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    overlay: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click:link" | "click:action")[], "click:link" | "click:action", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    actions: {
+                        type: {
+                            (arrayLength: number): import('../..').MenuItem[];
+                            (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            new (arrayLength: number): import('../..').MenuItem[];
+                            new (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            isArray(arg: any): arg is any[];
+                            readonly prototype: any[];
+                            from<T>(arrayLike: ArrayLike<T>): T[];
+                            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            of<T>(...items: T[]): T[];
+                            readonly [Symbol.species]: ArrayConstructor;
+                        };
+                    };
+                    dismissibleOverlay: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    links: {
+                        type: {
+                            (arrayLength: number): import('../..').MenuItem[];
+                            (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            new (arrayLength: number): import('../..').MenuItem[];
+                            new (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            isArray(arg: any): arg is any[];
+                            readonly prototype: any[];
+                            from<T>(arrayLike: ArrayLike<T>): T[];
+                            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            of<T>(...items: T[]): T[];
+                            readonly [Symbol.species]: ArrayConstructor;
+                        };
+                        required: true;
+                    };
+                    linksBackground: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    overlay: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{
+                    "onClick:link"?: ((...args: any[]) => any) | undefined;
+                    "onClick:action"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    modelValue: boolean;
+                    overlay: string;
+                    dismissibleOverlay: boolean;
+                    linksBackground: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                QPdfViewer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    url: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                }>, {
+                    skeletonColumns: number;
+                    skeletonRows: number;
+                    canvasRefs: import('vue').Ref<(HTMLCanvasElement | null)[], (HTMLCanvasElement | null)[]>;
+                    loadingMeta: import('vue').Ref<boolean, boolean>;
+                    showErrorModal: import('vue').Ref<boolean, boolean>;
+                    totalPages: import('vue').Ref<number, number>;
+                    loadPDF: () => Promise<void>;
+                    renderPage: (pageNumber: number) => Promise<void>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "pdf-error"[], "pdf-error", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    url: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                }>> & Readonly<{
+                    "onPdf-error"?: ((...args: any[]) => any) | undefined;
+                }>, {}, {}, {
+                    QErrorModal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                        toggle: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                            required: true;
+                        };
+                    }>, {
+                        toggleModal: import('vue').WritableComputedRef<boolean, boolean>;
+                        mq: {
+                            xs: boolean;
+                            sm: boolean;
+                            md: boolean;
+                            lg: boolean;
+                            xl: boolean;
+                            'sm-md': boolean;
+                            'md-lg': boolean;
+                            'lg-xl': boolean;
+                            'sm-down': boolean;
+                        };
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:toggle"[], "update:toggle", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                        toggle: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                            required: true;
+                        };
+                    }>> & Readonly<{
+                        "onUpdate:toggle"?: ((...args: any[]) => any) | undefined;
+                    }>, {}, {}, {
+                        QModal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                            id: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            closeButtonClass: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            containerClass: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            dismissible: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            dismissibleOverlay: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            dismissText: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            overlay: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            size: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            showCancelLink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            hasBuildingBg: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                        }>, {
+                            onCloseModal: () => void;
+                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                            id: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            closeButtonClass: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            containerClass: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            dismissible: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            dismissibleOverlay: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            dismissText: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            overlay: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            size: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            showCancelLink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            hasBuildingBg: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                        }>> & Readonly<{
+                            onClose?: ((...args: any[]) => any) | undefined;
+                        }>, {
+                            size: string;
+                            overlay: string;
+                            id: string;
+                            dismissibleOverlay: boolean;
+                            closeButtonClass: string;
+                            containerClass: string;
+                            dismissible: boolean;
+                            dismissText: string;
+                            showCancelLink: boolean;
+                            hasBuildingBg: boolean;
+                        }, {}, {
+                            QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                                icon: {
+                                    type: StringConstructor;
+                                    required: true;
+                                };
+                                type: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                width: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                    required: false;
+                                };
+                                height: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                    required: false;
+                                };
+                                size: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                color: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                inline: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                customClass: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                customSize: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                            }>, {
+                                iconPath: import('vue').ComputedRef<string>;
+                                customizedSize: import('vue').ComputedRef<boolean>;
+                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                                icon: {
+                                    type: StringConstructor;
+                                    required: true;
+                                };
+                                type: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                width: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                    required: false;
+                                };
+                                height: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                    required: false;
+                                };
+                                size: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                color: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                inline: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                customClass: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                customSize: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                            }>> & Readonly<{}>, {
+                                type: string;
+                                color: string;
+                                size: string;
+                                height: number;
+                                width: number;
+                                inline: boolean;
+                                customClass: string;
+                                customSize: boolean;
+                            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    id: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    controlled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    noWrap: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    relative: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleportTo: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    tooltipClasses: {
+                        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                        default: string;
+                    };
+                    visible: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    tooltipStyle: import('vue').Ref<{
+                        top: string;
+                        left: string;
+                    }, {
+                        top: string;
+                        left: string;
+                    } | {
+                        top: string;
+                        left: string;
+                    }>;
+                    tooltipTarget: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+                    isVisible: import('vue').ComputedRef<boolean>;
+                    hideTooltip: () => void;
+                    showTooltip: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    id: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    controlled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    noWrap: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    relative: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleportTo: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    tooltipClasses: {
+                        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                        default: string;
+                    };
+                    visible: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    position: string;
+                    visible: boolean;
+                    relative: boolean;
+                    disabled: boolean;
+                    id: string;
+                    controlled: boolean;
+                    noWrap: boolean;
+                    teleport: boolean;
+                    teleportTo: string;
+                    tooltipClasses: string | Record<string, any> | unknown[];
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+            onUpdate: (file: any) => void;
+            onClickFile: (file: any) => void;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        files: ({
+            id: string;
+            type: string;
+            mimetype: string;
+            original: {
+                name: string;
+                url: string;
+            };
+            thumbnail: {
+                name: string;
+                url: string;
+            };
+        } | {
+            id: string;
+            type: string;
+            mimetype: string;
+            original: {
+                name: string;
+                url: string;
+            };
+            thumbnail: null;
+        })[];
+        showRemove: false;
+        thumbnailsVisible: number;
+    };
+};
+export declare const NoWrap: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QImageGallery: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                files: any;
+                thumbnailsVisible: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                showOnHover: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showThumbnails: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showRemove: {
+                    type: import('vue').PropType<boolean | number>;
+                    default: boolean;
+                };
+                baseZIndex: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                wrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                processing: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                menuActions: {
+                    text: string;
+                }[];
+                linkActions: import('vue').ComputedRef<{
+                    text: string;
+                    classes: string;
+                    event: (file?: import('./image-gallery').NormalizedFileType | null) => void;
+                }[]>;
+                deviceType: import('vue').Ref<string, string>;
+                container: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                containerWidth: import('vue').ComputedRef<number | undefined>;
+                featuredPhoto: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                longPressRef: import('vue').Ref<HTMLElement[], HTMLElement[]>;
+                longPressedHook: import('vue').Ref<boolean, boolean>;
+                isSwiping: import('vue').ShallowRef<boolean>;
+                lengthX: import('vue').ComputedRef<number>;
+                left: import('vue').Ref<string, string>;
+                opacity: import('vue').Ref<number, number>;
+                scale: import('vue').Ref<number, number>;
+                showCarousel: import('vue').Ref<boolean, boolean>;
+                showFileViewer: import('vue').Ref<boolean, boolean>;
+                active: import('vue').Ref<number, number>;
+                activeAttachment: import('vue').Ref<{
+                    id: string | number;
+                    extension: string;
+                    icon?: string | undefined;
+                    isImage: boolean;
+                    name: string;
+                    originalFile: {
+                        id: string | number;
+                        mimetype: string;
+                        type: string;
+                        original: {
+                            name: string;
+                            url: string;
+                        };
+                        thumbnail: {
+                            name: string;
+                            url: string;
+                        } | null;
+                        isHovered?: boolean | undefined;
+                    } | {
+                        readonly lastModified: number;
+                        readonly name: string;
+                        readonly webkitRelativePath: string;
+                        readonly size: number;
+                        readonly type: string;
+                        arrayBuffer: () => Promise<ArrayBuffer>;
+                        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                        slice: (start?: number, end?: number, contentType?: string) => Blob;
+                        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                        text: () => Promise<string>;
+                    };
+                    type: string;
+                    url: string;
+                } | null, import('./image-gallery').NormalizedFileType | {
+                    id: string | number;
+                    extension: string;
+                    icon?: string | undefined;
+                    isImage: boolean;
+                    name: string;
+                    originalFile: {
+                        id: string | number;
+                        mimetype: string;
+                        type: string;
+                        original: {
+                            name: string;
+                            url: string;
+                        };
+                        thumbnail: {
+                            name: string;
+                            url: string;
+                        } | null;
+                        isHovered?: boolean | undefined;
+                    } | {
+                        readonly lastModified: number;
+                        readonly name: string;
+                        readonly webkitRelativePath: string;
+                        readonly size: number;
+                        readonly type: string;
+                        arrayBuffer: () => Promise<ArrayBuffer>;
+                        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                        slice: (start?: number, end?: number, contentType?: string) => Blob;
+                        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                        text: () => Promise<string>;
+                    };
+                    type: string;
+                    url: string;
+                } | null>;
+                hoveredIndex: import('vue').Ref<number | null | undefined, number | null | undefined>;
+                closeIconClasses: import('vue').ComputedRef<string[]>;
+                itemClasses: import('vue').ComputedRef<(string | {
+                    animated: boolean;
+                })[]>;
+                images: import('vue').ComputedRef<any>;
+                normalizedFiles: import('vue').ComputedRef<any>;
+                thumbnailContainerClasses: import('vue').ComputedRef<(string | {
+                    'flex-nowrap overflow-x-auto pt-2 -mt-2 pr-2': boolean;
+                })[]>;
+                downloadDocument: (file: import('./image-gallery').NormalizedFileType) => void;
+                getExtension: (fileName: string) => string;
+                onAttachmentClick: (file: any) => void;
+                onClickMenuLink: (action: any) => void;
+                onClickThumbnail: (index: any, file: any) => void;
+                onOpenCarousel: (index: number, file: import('./image-gallery').NormalizedFileType) => void;
+                onRemoveFile: (file?: import('./image-gallery').NormalizedFileType | null) => void;
+                onKeyboardNavigation: (e: any) => void;
+                onLongPressCallbackHook: (e: PointerEvent, index: any) => void;
+                resetHook: () => void;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:model-value" | "update:activeIndex" | "click:file")[], "update:model-value" | "update:activeIndex" | "click:file", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                files: any;
+                thumbnailsVisible: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                showOnHover: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showThumbnails: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showRemove: {
+                    type: import('vue').PropType<boolean | number>;
+                    default: boolean;
+                };
+                baseZIndex: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                wrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                processing: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:activeIndex"?: ((...args: any[]) => any) | undefined;
+                "onClick:file"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                wrap: boolean;
+                id: string;
+                thumbnailsVisible: number;
+                showOnHover: boolean;
+                showThumbnails: boolean;
+                showRemove: number | boolean;
+                baseZIndex: number;
+                processing: boolean;
+                files: any;
+            }, {}, {
+                Galleria: typeof import('primevue/galleria').default;
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                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>;
+                QMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    actions: {
+                        type: {
+                            (arrayLength: number): import('../..').MenuItem[];
+                            (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            new (arrayLength: number): import('../..').MenuItem[];
+                            new (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            isArray(arg: any): arg is any[];
+                            readonly prototype: any[];
+                            from<T>(arrayLike: ArrayLike<T>): T[];
+                            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            of<T>(...items: T[]): T[];
+                            readonly [Symbol.species]: ArrayConstructor;
+                        };
+                    };
+                    dismissibleOverlay: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    links: {
+                        type: {
+                            (arrayLength: number): import('../..').MenuItem[];
+                            (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            new (arrayLength: number): import('../..').MenuItem[];
+                            new (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            isArray(arg: any): arg is any[];
+                            readonly prototype: any[];
+                            from<T>(arrayLike: ArrayLike<T>): T[];
+                            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            of<T>(...items: T[]): T[];
+                            readonly [Symbol.species]: ArrayConstructor;
+                        };
+                        required: true;
+                    };
+                    linksBackground: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    overlay: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click:link" | "click:action")[], "click:link" | "click:action", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    actions: {
+                        type: {
+                            (arrayLength: number): import('../..').MenuItem[];
+                            (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            new (arrayLength: number): import('../..').MenuItem[];
+                            new (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            isArray(arg: any): arg is any[];
+                            readonly prototype: any[];
+                            from<T>(arrayLike: ArrayLike<T>): T[];
+                            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            of<T>(...items: T[]): T[];
+                            readonly [Symbol.species]: ArrayConstructor;
+                        };
+                    };
+                    dismissibleOverlay: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    links: {
+                        type: {
+                            (arrayLength: number): import('../..').MenuItem[];
+                            (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            new (arrayLength: number): import('../..').MenuItem[];
+                            new (...items: import('../..').MenuItem[]): import('../..').MenuItem[];
+                            isArray(arg: any): arg is any[];
+                            readonly prototype: any[];
+                            from<T>(arrayLike: ArrayLike<T>): T[];
+                            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                            of<T>(...items: T[]): T[];
+                            readonly [Symbol.species]: ArrayConstructor;
+                        };
+                        required: true;
+                    };
+                    linksBackground: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    overlay: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{
+                    "onClick:link"?: ((...args: any[]) => any) | undefined;
+                    "onClick:action"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    modelValue: boolean;
+                    overlay: string;
+                    dismissibleOverlay: boolean;
+                    linksBackground: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                QPdfViewer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    url: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                }>, {
+                    skeletonColumns: number;
+                    skeletonRows: number;
+                    canvasRefs: import('vue').Ref<(HTMLCanvasElement | null)[], (HTMLCanvasElement | null)[]>;
+                    loadingMeta: import('vue').Ref<boolean, boolean>;
+                    showErrorModal: import('vue').Ref<boolean, boolean>;
+                    totalPages: import('vue').Ref<number, number>;
+                    loadPDF: () => Promise<void>;
+                    renderPage: (pageNumber: number) => Promise<void>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "pdf-error"[], "pdf-error", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    url: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                }>> & Readonly<{
+                    "onPdf-error"?: ((...args: any[]) => any) | undefined;
+                }>, {}, {}, {
+                    QErrorModal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                        toggle: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                            required: true;
+                        };
+                    }>, {
+                        toggleModal: import('vue').WritableComputedRef<boolean, boolean>;
+                        mq: {
+                            xs: boolean;
+                            sm: boolean;
+                            md: boolean;
+                            lg: boolean;
+                            xl: boolean;
+                            'sm-md': boolean;
+                            'md-lg': boolean;
+                            'lg-xl': boolean;
+                            'sm-down': boolean;
+                        };
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:toggle"[], "update:toggle", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                        toggle: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                            required: true;
+                        };
+                    }>> & Readonly<{
+                        "onUpdate:toggle"?: ((...args: any[]) => any) | undefined;
+                    }>, {}, {}, {
+                        QModal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                            id: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            closeButtonClass: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            containerClass: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            dismissible: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            dismissibleOverlay: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            dismissText: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            overlay: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            size: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            showCancelLink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            hasBuildingBg: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                        }>, {
+                            onCloseModal: () => void;
+                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                            id: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            closeButtonClass: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            containerClass: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            dismissible: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            dismissibleOverlay: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            dismissText: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            overlay: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            size: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            showCancelLink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            hasBuildingBg: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                        }>> & Readonly<{
+                            onClose?: ((...args: any[]) => any) | undefined;
+                        }>, {
+                            size: string;
+                            overlay: string;
+                            id: string;
+                            dismissibleOverlay: boolean;
+                            closeButtonClass: string;
+                            containerClass: string;
+                            dismissible: boolean;
+                            dismissText: string;
+                            showCancelLink: boolean;
+                            hasBuildingBg: boolean;
+                        }, {}, {
+                            QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                                icon: {
+                                    type: StringConstructor;
+                                    required: true;
+                                };
+                                type: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                width: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                    required: false;
+                                };
+                                height: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                    required: false;
+                                };
+                                size: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                color: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                inline: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                customClass: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                customSize: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                            }>, {
+                                iconPath: import('vue').ComputedRef<string>;
+                                customizedSize: import('vue').ComputedRef<boolean>;
+                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                                icon: {
+                                    type: StringConstructor;
+                                    required: true;
+                                };
+                                type: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                width: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                    required: false;
+                                };
+                                height: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                    required: false;
+                                };
+                                size: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                color: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                inline: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                customClass: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                customSize: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                            }>> & Readonly<{}>, {
+                                type: string;
+                                color: string;
+                                size: string;
+                                height: number;
+                                width: number;
+                                inline: boolean;
+                                customClass: string;
+                                customSize: boolean;
+                            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    id: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    controlled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    noWrap: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    relative: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleportTo: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    tooltipClasses: {
+                        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                        default: string;
+                    };
+                    visible: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    tooltipStyle: import('vue').Ref<{
+                        top: string;
+                        left: string;
+                    }, {
+                        top: string;
+                        left: string;
+                    } | {
+                        top: string;
+                        left: string;
+                    }>;
+                    tooltipTarget: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+                    isVisible: import('vue').ComputedRef<boolean>;
+                    hideTooltip: () => void;
+                    showTooltip: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    id: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    controlled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    noWrap: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    relative: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleportTo: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    tooltipClasses: {
+                        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                        default: string;
+                    };
+                    visible: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    position: string;
+                    visible: boolean;
+                    relative: boolean;
+                    disabled: boolean;
+                    id: string;
+                    controlled: boolean;
+                    noWrap: boolean;
+                    teleport: boolean;
+                    teleportTo: string;
+                    tooltipClasses: string | Record<string, any> | unknown[];
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+            onUpdate: (file: any) => void;
+            onClickFile: (file: any) => void;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        wrap: false;
+        files: ({
+            id: string;
+            type: string;
+            mimetype: string;
+            original: {
+                name: string;
+                url: string;
+            };
+            thumbnail: {
+                name: string;
+                url: string;
+            };
+        } | {
+            id: string;
+            type: string;
+            mimetype: string;
+            original: {
+                name: string;
+                url: string;
+            };
+            thumbnail: null;
+        })[];
+        showRemove: false;
+        thumbnailsVisible: number;
+    };
+};