@quoreadmin/ui 1.6.7 → 1.6.8

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

@@ -1266,6 +1266,14 @@ export declare const Primary: {
                         type: StringConstructor;
                         default: string;
                     };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleportTo: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     trigger: {
                         type: StringConstructor;
                         default: string;
@@ -1274,6 +1282,19 @@ export declare const Primary: {
                     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;
@@ -1285,6 +1306,7 @@ export declare const Primary: {
                     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;
@@ -1310,6 +1332,14 @@ export declare const Primary: {
                         type: StringConstructor;
                         default: string;
                     };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleportTo: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     trigger: {
                         type: StringConstructor;
                         default: string;
@@ -1320,6 +1350,8 @@ export declare const Primary: {
                     modelValue: boolean;
                     size: string;
                     position: string;
+                    teleport: boolean;
+                    teleportTo: string;
                     trigger: string;
                     align: string;
                     hasCaret: boolean;

package/dist/src/components/comment-section/comment-section.d.ts

@@ -1450,6 +1450,14 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                 type: StringConstructor;
                 default: string;
             };
+            teleport: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            teleportTo: {
+                type: StringConstructor;
+                default: string;
+            };
             trigger: {
                 type: StringConstructor;
                 default: string;
@@ -1458,6 +1466,19 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
             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;
@@ -1469,6 +1490,7 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
             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;
@@ -1494,6 +1516,14 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                 type: StringConstructor;
                 default: string;
             };
+            teleport: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            teleportTo: {
+                type: StringConstructor;
+                default: string;
+            };
             trigger: {
                 type: StringConstructor;
                 default: string;
@@ -1504,6 +1534,8 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
             modelValue: boolean;
             size: string;
             position: string;
+            teleport: boolean;
+            teleportTo: string;
             trigger: string;
             align: string;
             hasCaret: boolean;

package/dist/src/components/comment-section/comment-section.stories.d.ts

@@ -1420,6 +1420,14 @@ export declare const Primary: {
                             type: StringConstructor;
                             default: string;
                         };
+                        teleport: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        teleportTo: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         trigger: {
                             type: StringConstructor;
                             default: string;
@@ -1428,6 +1436,19 @@ export declare const Primary: {
                         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;
@@ -1439,6 +1460,7 @@ export declare const Primary: {
                         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;
@@ -1464,6 +1486,14 @@ export declare const Primary: {
                             type: StringConstructor;
                             default: string;
                         };
+                        teleport: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        teleportTo: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         trigger: {
                             type: StringConstructor;
                             default: string;
@@ -1474,6 +1504,8 @@ export declare const Primary: {
                         modelValue: boolean;
                         size: string;
                         position: string;
+                        teleport: boolean;
+                        teleportTo: string;
                         trigger: string;
                         align: string;
                         hasCaret: boolean;

package/dist/src/components/data-filter/data-filter.d.ts

@@ -718,6 +718,14 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
             type: StringConstructor;
             default: string;
         };
+        teleport: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        teleportTo: {
+            type: StringConstructor;
+            default: string;
+        };
         trigger: {
             type: StringConstructor;
             default: string;
@@ -726,6 +734,19 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
         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;
@@ -737,6 +758,7 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
         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;
@@ -762,6 +784,14 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
             type: StringConstructor;
             default: string;
         };
+        teleport: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        teleportTo: {
+            type: StringConstructor;
+            default: string;
+        };
         trigger: {
             type: StringConstructor;
             default: string;
@@ -772,6 +802,8 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
         modelValue: boolean;
         size: string;
         position: string;
+        teleport: boolean;
+        teleportTo: string;
         trigger: string;
         align: string;
         hasCaret: boolean;

package/dist/src/components/data-list/data-list.d.ts

@@ -889,6 +889,14 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 type: StringConstructor;
                 default: string;
             };
+            teleport: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            teleportTo: {
+                type: StringConstructor;
+                default: string;
+            };
             trigger: {
                 type: StringConstructor;
                 default: string;
@@ -897,6 +905,19 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             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;
@@ -908,6 +929,7 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             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;
@@ -933,6 +955,14 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 type: StringConstructor;
                 default: string;
             };
+            teleport: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            teleportTo: {
+                type: StringConstructor;
+                default: string;
+            };
             trigger: {
                 type: StringConstructor;
                 default: string;
@@ -943,6 +973,8 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             modelValue: boolean;
             size: string;
             position: string;
+            teleport: boolean;
+            teleportTo: string;
             trigger: string;
             align: string;
             hasCaret: boolean;

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;