@quoreadmin/ui 1.10.16 → 1.10.18

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

@@ -1306,6 +1306,10 @@ export declare const Primary: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    teleportMatchNonTeleportedPosition: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     teleportTo: {
                         type: StringConstructor;
                         default: string;
@@ -1398,6 +1402,10 @@ export declare const Primary: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    teleportMatchNonTeleportedPosition: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     teleportTo: {
                         type: StringConstructor;
                         default: string;
@@ -1434,6 +1442,7 @@ export declare const Primary: {
                     align: string;
                     hasCaret: boolean;
                     reposition: boolean;
+                    teleportMatchNonTeleportedPosition: boolean;
                     followScroll: boolean;
                     closeOnScrollOutOfView: boolean;
                     scrollIntoView: boolean;

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

@@ -1490,6 +1490,10 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                 type: BooleanConstructor;
                 default: boolean;
             };
+            teleportMatchNonTeleportedPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             teleportTo: {
                 type: StringConstructor;
                 default: string;
@@ -1582,6 +1586,10 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                 type: BooleanConstructor;
                 default: boolean;
             };
+            teleportMatchNonTeleportedPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             teleportTo: {
                 type: StringConstructor;
                 default: string;
@@ -1618,6 +1626,7 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
             align: string;
             hasCaret: boolean;
             reposition: boolean;
+            teleportMatchNonTeleportedPosition: boolean;
             followScroll: boolean;
             closeOnScrollOutOfView: boolean;
             scrollIntoView: boolean;

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

@@ -1460,6 +1460,10 @@ export declare const Primary: {
                             type: BooleanConstructor;
                             default: boolean;
                         };
+                        teleportMatchNonTeleportedPosition: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         teleportTo: {
                             type: StringConstructor;
                             default: string;
@@ -1552,6 +1556,10 @@ export declare const Primary: {
                             type: BooleanConstructor;
                             default: boolean;
                         };
+                        teleportMatchNonTeleportedPosition: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         teleportTo: {
                             type: StringConstructor;
                             default: string;
@@ -1588,6 +1596,7 @@ export declare const Primary: {
                         align: string;
                         hasCaret: boolean;
                         reposition: boolean;
+                        teleportMatchNonTeleportedPosition: boolean;
                         followScroll: boolean;
                         closeOnScrollOutOfView: boolean;
                         scrollIntoView: boolean;

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

@@ -60,6 +60,14 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
         type: StringConstructor;
         default: string;
     };
+    filtersPopoverTeleport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filtersPopoverTeleportTo: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     debouncedSearch: import('@vueuse/shared').UseDebounceFnReturn<(value: string) => void>;
     filteredCount: import('vue').Ref<number, number>;
@@ -145,6 +153,14 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
         type: StringConstructor;
         default: string;
     };
+    filtersPopoverTeleport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filtersPopoverTeleportTo: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:data"?: ((...args: any[]) => any) | undefined;
     "onUpdate:search"?: ((...args: any[]) => any) | undefined;
@@ -167,6 +183,8 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
     noneEqualsAll: boolean;
     filtersActive: boolean;
     filtersPopoverSize: string;
+    filtersPopoverTeleport: boolean;
+    filtersPopoverTeleportTo: string;
 }, {}, {
     QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         color: {
@@ -774,6 +792,10 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
             type: BooleanConstructor;
             default: boolean;
         };
+        teleportMatchNonTeleportedPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         teleportTo: {
             type: StringConstructor;
             default: string;
@@ -866,6 +888,10 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
             type: BooleanConstructor;
             default: boolean;
         };
+        teleportMatchNonTeleportedPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         teleportTo: {
             type: StringConstructor;
             default: string;
@@ -902,6 +928,7 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
         align: string;
         hasCaret: boolean;
         reposition: boolean;
+        teleportMatchNonTeleportedPosition: boolean;
         followScroll: boolean;
         closeOnScrollOutOfView: boolean;
         scrollIntoView: boolean;

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as QDataFilter } from './data-filter.vue';
+declare const meta: Meta<typeof QDataFilter>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const PopoverTeleportDisabled: Story;
+export declare const PopoverTeleportToBody: Story;

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

@@ -243,6 +243,14 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             type: StringConstructor;
             default: string;
         };
+        filtersPopoverTeleport: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        filtersPopoverTeleportTo: {
+            type: StringConstructor;
+            default: string;
+        };
     }>, {
         debouncedSearch: import('@vueuse/shared').UseDebounceFnReturn<(value: string) => void>;
         filteredCount: import('vue').Ref<number, number>;
@@ -328,6 +336,14 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             type: StringConstructor;
             default: string;
         };
+        filtersPopoverTeleport: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        filtersPopoverTeleportTo: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
         "onUpdate:data"?: ((...args: any[]) => any) | undefined;
         "onUpdate:search"?: ((...args: any[]) => any) | undefined;
@@ -350,6 +366,8 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
         noneEqualsAll: boolean;
         filtersActive: boolean;
         filtersPopoverSize: string;
+        filtersPopoverTeleport: boolean;
+        filtersPopoverTeleportTo: string;
     }, {}, {
         QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             color: {
@@ -957,6 +975,10 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 type: BooleanConstructor;
                 default: boolean;
             };
+            teleportMatchNonTeleportedPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             teleportTo: {
                 type: StringConstructor;
                 default: string;
@@ -1049,6 +1071,10 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 type: BooleanConstructor;
                 default: boolean;
             };
+            teleportMatchNonTeleportedPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             teleportTo: {
                 type: StringConstructor;
                 default: string;
@@ -1085,6 +1111,7 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             align: string;
             hasCaret: boolean;
             reposition: boolean;
+            teleportMatchNonTeleportedPosition: boolean;
             followScroll: boolean;
             closeOnScrollOutOfView: boolean;
             scrollIntoView: boolean;

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

@@ -1640,6 +1640,14 @@ export declare const PMGrid: {
                     type: StringConstructor;
                     default: string;
                 };
+                filtersPopoverTeleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filtersPopoverTeleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
             }>, {
                 debouncedSearch: import('@vueuse/shared').UseDebounceFnReturn<(value: string) => void>;
                 filteredCount: import('vue').Ref<number, number>;
@@ -1725,6 +1733,14 @@ export declare const PMGrid: {
                     type: StringConstructor;
                     default: string;
                 };
+                filtersPopoverTeleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filtersPopoverTeleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
             }>> & Readonly<{
                 "onUpdate:data"?: ((...args: any[]) => any) | undefined;
                 "onUpdate:search"?: ((...args: any[]) => any) | undefined;
@@ -1747,6 +1763,8 @@ export declare const PMGrid: {
                 noneEqualsAll: boolean;
                 filtersActive: boolean;
                 filtersPopoverSize: string;
+                filtersPopoverTeleport: boolean;
+                filtersPopoverTeleportTo: string;
             }, {}, {
                 QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     color: {
@@ -2354,6 +2372,10 @@ export declare const PMGrid: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    teleportMatchNonTeleportedPosition: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     teleportTo: {
                         type: StringConstructor;
                         default: string;
@@ -2446,6 +2468,10 @@ export declare const PMGrid: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    teleportMatchNonTeleportedPosition: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     teleportTo: {
                         type: StringConstructor;
                         default: string;
@@ -2482,6 +2508,7 @@ export declare const PMGrid: {
                     align: string;
                     hasCaret: boolean;
                     reposition: boolean;
+                    teleportMatchNonTeleportedPosition: boolean;
                     followScroll: boolean;
                     closeOnScrollOutOfView: boolean;
                     scrollIntoView: boolean;
@@ -3013,6 +3040,10 @@ export declare const PMGrid: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -3105,6 +3136,10 @@ export declare const PMGrid: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -3141,6 +3176,7 @@ export declare const PMGrid: {
                 align: string;
                 hasCaret: boolean;
                 reposition: boolean;
+                teleportMatchNonTeleportedPosition: boolean;
                 followScroll: boolean;
                 closeOnScrollOutOfView: boolean;
                 scrollIntoView: boolean;

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

@@ -29,7 +29,7 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
     /** 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;
@@ -44,6 +44,13 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /** When true, position the teleported popover to match non-teleported layout (same
+     * alignment offsets as in CSS, e.g. right: -2.5rem / left: -2.5rem). Use so
+     * teleported and non-teleported popovers align identically with the trigger. */
+    teleportMatchNonTeleportedPosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Target element for teleport */
     teleportTo: {
         type: StringConstructor;
@@ -147,7 +154,7 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
     /** 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;
@@ -162,6 +169,13 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /** When true, position the teleported popover to match non-teleported layout (same
+     * alignment offsets as in CSS, e.g. right: -2.5rem / left: -2.5rem). Use so
+     * teleported and non-teleported popovers align identically with the trigger. */
+    teleportMatchNonTeleportedPosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Target element for teleport */
     teleportTo: {
         type: StringConstructor;
@@ -208,6 +222,7 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
     align: string;
     hasCaret: boolean;
     reposition: boolean;
+    teleportMatchNonTeleportedPosition: boolean;
     followScroll: boolean;
     closeOnScrollOutOfView: boolean;
     scrollIntoView: boolean;

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

@@ -35,6 +35,10 @@ export declare const selectable: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -127,6 +131,10 @@ export declare const selectable: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -163,6 +171,7 @@ export declare const selectable: {
                 align: string;
                 hasCaret: boolean;
                 reposition: boolean;
+                teleportMatchNonTeleportedPosition: boolean;
                 followScroll: boolean;
                 closeOnScrollOutOfView: boolean;
                 scrollIntoView: boolean;
@@ -214,6 +223,10 @@ export declare const Info1: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -306,6 +319,10 @@ export declare const Info1: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -342,6 +359,7 @@ export declare const Info1: {
                 align: string;
                 hasCaret: boolean;
                 reposition: boolean;
+                teleportMatchNonTeleportedPosition: boolean;
                 followScroll: boolean;
                 closeOnScrollOutOfView: boolean;
                 scrollIntoView: boolean;
@@ -394,6 +412,10 @@ export declare const PositionRight: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -486,6 +508,10 @@ export declare const PositionRight: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -522,6 +548,7 @@ export declare const PositionRight: {
                 align: string;
                 hasCaret: boolean;
                 reposition: boolean;
+                teleportMatchNonTeleportedPosition: boolean;
                 followScroll: boolean;
                 closeOnScrollOutOfView: boolean;
                 scrollIntoView: boolean;
@@ -574,6 +601,10 @@ export declare const Info2: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -666,6 +697,10 @@ export declare const Info2: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -702,6 +737,7 @@ export declare const Info2: {
                 align: string;
                 hasCaret: boolean;
                 reposition: boolean;
+                teleportMatchNonTeleportedPosition: boolean;
                 followScroll: boolean;
                 closeOnScrollOutOfView: boolean;
                 scrollIntoView: boolean;
@@ -754,6 +790,10 @@ export declare const FilterSizeSm: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -846,6 +886,10 @@ export declare const FilterSizeSm: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -882,6 +926,7 @@ export declare const FilterSizeSm: {
                 align: string;
                 hasCaret: boolean;
                 reposition: boolean;
+                teleportMatchNonTeleportedPosition: boolean;
                 followScroll: boolean;
                 closeOnScrollOutOfView: boolean;
                 scrollIntoView: boolean;
@@ -934,6 +979,10 @@ export declare const FilterSizeMd: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -1026,6 +1075,10 @@ export declare const FilterSizeMd: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -1062,6 +1115,7 @@ export declare const FilterSizeMd: {
                 align: string;
                 hasCaret: boolean;
                 reposition: boolean;
+                teleportMatchNonTeleportedPosition: boolean;
                 followScroll: boolean;
                 closeOnScrollOutOfView: boolean;
                 scrollIntoView: boolean;
@@ -1114,6 +1168,10 @@ export declare const FilterSizeLg: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -1206,6 +1264,10 @@ export declare const FilterSizeLg: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                teleportMatchNonTeleportedPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 teleportTo: {
                     type: StringConstructor;
                     default: string;
@@ -1242,6 +1304,7 @@ export declare const FilterSizeLg: {
                 align: string;
                 hasCaret: boolean;
                 reposition: boolean;
+                teleportMatchNonTeleportedPosition: boolean;
                 followScroll: boolean;
                 closeOnScrollOutOfView: boolean;
                 scrollIntoView: boolean;

package/dist/src/components/room-details-popover/room-details-popover.d.ts

@@ -1647,6 +1647,10 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             type: BooleanConstructor;
             default: boolean;
         };
+        teleportMatchNonTeleportedPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         teleportTo: {
             type: StringConstructor;
             default: string;
@@ -1739,6 +1743,10 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             type: BooleanConstructor;
             default: boolean;
         };
+        teleportMatchNonTeleportedPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         teleportTo: {
             type: StringConstructor;
             default: string;
@@ -1775,6 +1783,7 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         align: string;
         hasCaret: boolean;
         reposition: boolean;
+        teleportMatchNonTeleportedPosition: boolean;
         followScroll: boolean;
         closeOnScrollOutOfView: boolean;
         scrollIntoView: boolean;