@quoreadmin/ui 1.4.0 → 1.4.2

package/dist/src/components/pdf-viewer/pdf-viewer.d.ts

@@ -0,0 +1,243 @@
+declare const 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>;
+export default QPdfViewer;

package/dist/src/components/pdf-viewer/pdf-viewer.stories.d.ts

@@ -0,0 +1,260 @@
+import { Args, Meta } from '@storybook/vue3';
+import { default as QPdfViewer } from './pdf-viewer.vue';
+declare const meta: Meta<typeof QPdfViewer>;
+export default meta;
+export declare const Primary: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            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>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        url: string;
+    };
+};

package/dist/src/components/pdf-viewer/pdf-viewer.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './pdf-viewer.js';
+export { default } from './pdf-viewer.js';

package/dist/src/components/popover/popover.d.ts

@@ -0,0 +1,118 @@
+import { onClickOutside } from '@vueuse/core';
+declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Aligns the popover accordingly with the trigger.
+     * i.e. bottom, center, left, middle, right, top.
+     * Right, left or middle align goes with bottom or top position
+     * Top, bottom or center align goes with right or left position */
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Specifies whether to have a caret pointer or not. */
+    hasCaret: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**  Toggles the content from the parent component. i.e. false, true. */
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Positions the popover to the specified side of the trigger.
+     * i.e. bottom, left, right, top.
+     * Bottom or top position goes with right, left or middle align
+     * Right or left position goes with top, bottom or center align */
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Should the popover be repositioned and realigned automatically if it is outside viewport.
+     *  Moving element position from left to right, and top to bottom
+     * and alignment from right to left or top to bottom.
+    */
+    reposition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Specifies the size of the popover. i.e. sm, md, lg. */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Trigger popover on click, hover or both */
+    trigger: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    entered: import('vue').Ref<boolean, boolean>;
+    offsetStyle: import('vue').Ref<string, string>;
+    popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    alignment: import('vue').ComputedRef<string>;
+    positioning: import('vue').ComputedRef<string>;
+    getAlignment: (align: string) => string;
+    getPositioning: (position: string) => string;
+    isElementInView: (ele: any) => boolean;
+    onAfterLeave: () => void;
+    onClick: () => void;
+    onClickOutside: typeof onClickOutside;
+    onEnter: () => void;
+    onMouseLeave: () => void;
+    onMouseOver: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Aligns the popover accordingly with the trigger.
+     * i.e. bottom, center, left, middle, right, top.
+     * Right, left or middle align goes with bottom or top position
+     * Top, bottom or center align goes with right or left position */
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Specifies whether to have a caret pointer or not. */
+    hasCaret: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**  Toggles the content from the parent component. i.e. false, true. */
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Positions the popover to the specified side of the trigger.
+     * i.e. bottom, left, right, top.
+     * Bottom or top position goes with right, left or middle align
+     * Right or left position goes with top, bottom or center align */
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Should the popover be repositioned and realigned automatically if it is outside viewport.
+     *  Moving element position from left to right, and top to bottom
+     * and alignment from right to left or top to bottom.
+    */
+    reposition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Specifies the size of the popover. i.e. sm, md, lg. */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Trigger popover on click, hover or both */
+    trigger: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    size: string;
+    position: string;
+    trigger: string;
+    align: string;
+    hasCaret: boolean;
+    reposition: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default QPopover;