@quoreadmin/ui 1.6.6 → 1.6.8

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

@@ -2272,6 +2272,14 @@ export declare const PMGrid: {
                         type: StringConstructor;
                         default: string;
                     };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleportTo: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     trigger: {
                         type: StringConstructor;
                         default: string;
@@ -2280,6 +2288,19 @@ export declare const PMGrid: {
                     entered: import('vue').Ref<boolean, boolean>;
                     offsetStyle: import('vue').Ref<string, string>;
                     popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                    teleportedStyle: import('vue').Ref<{
+                        top: string;
+                        left: string;
+                        transform: string;
+                    }, {
+                        top: string;
+                        left: string;
+                        transform: string;
+                    } | {
+                        top: string;
+                        left: string;
+                        transform: string;
+                    }>;
                     alignment: import('vue').ComputedRef<string>;
                     positioning: import('vue').ComputedRef<string>;
                     getAlignment: (align: string) => string;
@@ -2291,6 +2312,7 @@ export declare const PMGrid: {
                     onEnter: () => void;
                     onMouseLeave: () => void;
                     onMouseOver: () => void;
+                    updateTeleportedPosition: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     align: {
                         type: StringConstructor;
@@ -2316,6 +2338,14 @@ export declare const PMGrid: {
                         type: StringConstructor;
                         default: string;
                     };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleportTo: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     trigger: {
                         type: StringConstructor;
                         default: string;
@@ -2326,6 +2356,8 @@ export declare const PMGrid: {
                     modelValue: boolean;
                     size: string;
                     position: string;
+                    teleport: boolean;
+                    teleportTo: string;
                     trigger: string;
                     align: string;
                     hasCaret: boolean;
@@ -2853,6 +2885,14 @@ export declare const PMGrid: {
                     type: StringConstructor;
                     default: string;
                 };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 trigger: {
                     type: StringConstructor;
                     default: string;
@@ -2861,6 +2901,19 @@ export declare const PMGrid: {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
                 popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                teleportedStyle: import('vue').Ref<{
+                    top: string;
+                    left: string;
+                    transform: string;
+                }, {
+                    top: string;
+                    left: string;
+                    transform: string;
+                } | {
+                    top: string;
+                    left: string;
+                    transform: string;
+                }>;
                 alignment: import('vue').ComputedRef<string>;
                 positioning: import('vue').ComputedRef<string>;
                 getAlignment: (align: string) => string;
@@ -2872,6 +2925,7 @@ export declare const PMGrid: {
                 onEnter: () => void;
                 onMouseLeave: () => void;
                 onMouseOver: () => void;
+                updateTeleportedPosition: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 align: {
                     type: StringConstructor;
@@ -2897,6 +2951,14 @@ export declare const PMGrid: {
                     type: StringConstructor;
                     default: string;
                 };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 trigger: {
                     type: StringConstructor;
                     default: string;
@@ -2907,6 +2969,8 @@ export declare const PMGrid: {
                 modelValue: boolean;
                 size: string;
                 position: string;
+                teleport: boolean;
+                teleportTo: string;
                 trigger: string;
                 align: string;
                 hasCaret: boolean;

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

@@ -39,6 +39,16 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /** Set if the popover is teleported to the teleportTo element (escapes overflow clipping) */
+    teleport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Target element for teleport */
+    teleportTo: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Trigger popover on click, hover or both */
     trigger: {
         type: StringConstructor;
@@ -48,6 +58,19 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
     entered: import('vue').Ref<boolean, boolean>;
     offsetStyle: import('vue').Ref<string, string>;
     popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    teleportedStyle: import('vue').Ref<{
+        top: string;
+        left: string;
+        transform: string;
+    }, {
+        top: string;
+        left: string;
+        transform: string;
+    } | {
+        top: string;
+        left: string;
+        transform: string;
+    }>;
     alignment: import('vue').ComputedRef<string>;
     positioning: import('vue').ComputedRef<string>;
     getAlignment: (align: string) => string;
@@ -59,6 +82,7 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
     onEnter: () => void;
     onMouseLeave: () => void;
     onMouseOver: () => void;
+    updateTeleportedPosition: () => 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.
@@ -99,6 +123,16 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /** Set if the popover is teleported to the teleportTo element (escapes overflow clipping) */
+    teleport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Target element for teleport */
+    teleportTo: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Trigger popover on click, hover or both */
     trigger: {
         type: StringConstructor;
@@ -110,6 +144,8 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
     modelValue: boolean;
     size: string;
     position: string;
+    teleport: boolean;
+    teleportTo: string;
     trigger: string;
     align: string;
     hasCaret: boolean;

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

@@ -31,6 +31,14 @@ export declare const selectable: {
                     type: StringConstructor;
                     default: string;
                 };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 trigger: {
                     type: StringConstructor;
                     default: string;
@@ -39,6 +47,19 @@ export declare const selectable: {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
                 popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                teleportedStyle: import('vue').Ref<{
+                    top: string;
+                    left: string;
+                    transform: string;
+                }, {
+                    top: string;
+                    left: string;
+                    transform: string;
+                } | {
+                    top: string;
+                    left: string;
+                    transform: string;
+                }>;
                 alignment: import('vue').ComputedRef<string>;
                 positioning: import('vue').ComputedRef<string>;
                 getAlignment: (align: string) => string;
@@ -50,6 +71,7 @@ export declare const selectable: {
                 onEnter: () => void;
                 onMouseLeave: () => void;
                 onMouseOver: () => void;
+                updateTeleportedPosition: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 align: {
                     type: StringConstructor;
@@ -75,6 +97,14 @@ export declare const selectable: {
                     type: StringConstructor;
                     default: string;
                 };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 trigger: {
                     type: StringConstructor;
                     default: string;
@@ -85,6 +115,8 @@ export declare const selectable: {
                 modelValue: boolean;
                 size: string;
                 position: string;
+                teleport: boolean;
+                teleportTo: string;
                 trigger: string;
                 align: string;
                 hasCaret: boolean;
@@ -132,6 +164,14 @@ export declare const Info1: {
                     type: StringConstructor;
                     default: string;
                 };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 trigger: {
                     type: StringConstructor;
                     default: string;
@@ -140,6 +180,19 @@ export declare const Info1: {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
                 popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                teleportedStyle: import('vue').Ref<{
+                    top: string;
+                    left: string;
+                    transform: string;
+                }, {
+                    top: string;
+                    left: string;
+                    transform: string;
+                } | {
+                    top: string;
+                    left: string;
+                    transform: string;
+                }>;
                 alignment: import('vue').ComputedRef<string>;
                 positioning: import('vue').ComputedRef<string>;
                 getAlignment: (align: string) => string;
@@ -151,6 +204,7 @@ export declare const Info1: {
                 onEnter: () => void;
                 onMouseLeave: () => void;
                 onMouseOver: () => void;
+                updateTeleportedPosition: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 align: {
                     type: StringConstructor;
@@ -176,6 +230,14 @@ export declare const Info1: {
                     type: StringConstructor;
                     default: string;
                 };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 trigger: {
                     type: StringConstructor;
                     default: string;
@@ -186,6 +248,8 @@ export declare const Info1: {
                 modelValue: boolean;
                 size: string;
                 position: string;
+                teleport: boolean;
+                teleportTo: string;
                 trigger: string;
                 align: string;
                 hasCaret: boolean;
@@ -234,6 +298,14 @@ export declare const PositionRight: {
                     type: StringConstructor;
                     default: string;
                 };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 trigger: {
                     type: StringConstructor;
                     default: string;
@@ -242,6 +314,19 @@ export declare const PositionRight: {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
                 popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                teleportedStyle: import('vue').Ref<{
+                    top: string;
+                    left: string;
+                    transform: string;
+                }, {
+                    top: string;
+                    left: string;
+                    transform: string;
+                } | {
+                    top: string;
+                    left: string;
+                    transform: string;
+                }>;
                 alignment: import('vue').ComputedRef<string>;
                 positioning: import('vue').ComputedRef<string>;
                 getAlignment: (align: string) => string;
@@ -253,6 +338,7 @@ export declare const PositionRight: {
                 onEnter: () => void;
                 onMouseLeave: () => void;
                 onMouseOver: () => void;
+                updateTeleportedPosition: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 align: {
                     type: StringConstructor;
@@ -278,6 +364,14 @@ export declare const PositionRight: {
                     type: StringConstructor;
                     default: string;
                 };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 trigger: {
                     type: StringConstructor;
                     default: string;
@@ -288,6 +382,8 @@ export declare const PositionRight: {
                 modelValue: boolean;
                 size: string;
                 position: string;
+                teleport: boolean;
+                teleportTo: string;
                 trigger: string;
                 align: string;
                 hasCaret: boolean;
@@ -336,6 +432,14 @@ export declare const Info2: {
                     type: StringConstructor;
                     default: string;
                 };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 trigger: {
                     type: StringConstructor;
                     default: string;
@@ -344,6 +448,19 @@ export declare const Info2: {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
                 popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                teleportedStyle: import('vue').Ref<{
+                    top: string;
+                    left: string;
+                    transform: string;
+                }, {
+                    top: string;
+                    left: string;
+                    transform: string;
+                } | {
+                    top: string;
+                    left: string;
+                    transform: string;
+                }>;
                 alignment: import('vue').ComputedRef<string>;
                 positioning: import('vue').ComputedRef<string>;
                 getAlignment: (align: string) => string;
@@ -355,6 +472,7 @@ export declare const Info2: {
                 onEnter: () => void;
                 onMouseLeave: () => void;
                 onMouseOver: () => void;
+                updateTeleportedPosition: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 align: {
                     type: StringConstructor;
@@ -380,6 +498,14 @@ export declare const Info2: {
                     type: StringConstructor;
                     default: string;
                 };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 trigger: {
                     type: StringConstructor;
                     default: string;
@@ -390,6 +516,8 @@ export declare const Info2: {
                 modelValue: boolean;
                 size: string;
                 position: string;
+                teleport: boolean;
+                teleportTo: string;
                 trigger: string;
                 align: string;
                 hasCaret: boolean;