@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/src/components/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,953 @@
+import { Args, Meta } from '@storybook/vue3';
+import { default as QTooltip } from './tooltip.vue';
+declare const meta: Meta<typeof QTooltip>;
+export default meta;
+export declare const Info3Default: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            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>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        color: string;
+        position: string;
+        noWrap: true;
+    };
+};
+export declare const Info3Top: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            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>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        position: string;
+        color: string;
+        noWrap: true;
+    };
+};
+export declare const Info3Left: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            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>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        position: string;
+        color: string;
+        noWrap: true;
+    };
+};
+export declare const Info3Right: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            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>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        position: string;
+        color: string;
+        noWrap: true;
+    };
+};
+export declare const Info3NoWrap: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            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>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        noWrap: true;
+        color: string;
+        position: string;
+    };
+};
+export declare const AlwaysShow: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            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>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        controlled: true;
+        visible: true;
+        color: string;
+        position: string;
+        noWrap: true;
+    };
+};
+export declare const TeleportTooltip: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            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>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        teleport: true;
+        teleportTo: string;
+        color: string;
+        position: string;
+        noWrap: true;
+    };
+};