@quoreadmin/ui 1.7.16 → 1.7.17

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

@@ -957,6 +957,18 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 type: StringConstructor;
                 default: string;
             };
+            closeOnScrollOutOfView: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollIntoView: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollIntoViewPadding: {
+                type: NumberConstructor;
+                default: number;
+            };
         }>, {
             entered: import('vue').Ref<boolean, boolean>;
             offsetStyle: import('vue').Ref<string, string>;
@@ -1027,6 +1039,18 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 type: StringConstructor;
                 default: string;
             };
+            closeOnScrollOutOfView: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollIntoView: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollIntoViewPadding: {
+                type: NumberConstructor;
+                default: number;
+            };
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -1040,6 +1064,9 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             hasCaret: boolean;
             reposition: boolean;
             followScroll: boolean;
+            closeOnScrollOutOfView: boolean;
+            scrollIntoView: boolean;
+            scrollIntoViewPadding: number;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -2363,6 +2363,18 @@ export declare const PMGrid: {
                         type: StringConstructor;
                         default: string;
                     };
+                    closeOnScrollOutOfView: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    scrollIntoView: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    scrollIntoViewPadding: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
                 }>, {
                     entered: import('vue').Ref<boolean, boolean>;
                     offsetStyle: import('vue').Ref<string, string>;
@@ -2433,6 +2445,18 @@ export declare const PMGrid: {
                         type: StringConstructor;
                         default: string;
                     };
+                    closeOnScrollOutOfView: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    scrollIntoView: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    scrollIntoViewPadding: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
                 }>> & Readonly<{
                     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 }>, {
@@ -2446,6 +2470,9 @@ export declare const PMGrid: {
                     hasCaret: boolean;
                     reposition: boolean;
                     followScroll: boolean;
+                    closeOnScrollOutOfView: boolean;
+                    scrollIntoView: boolean;
+                    scrollIntoViewPadding: number;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             QFormGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -2985,6 +3012,18 @@ export declare const PMGrid: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>, {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
@@ -3055,6 +3094,18 @@ export declare const PMGrid: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -3068,6 +3119,9 @@ export declare const PMGrid: {
                 hasCaret: boolean;
                 reposition: boolean;
                 followScroll: boolean;
+                closeOnScrollOutOfView: boolean;
+                scrollIntoView: boolean;
+                scrollIntoViewPadding: number;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             QSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 id: {

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

@@ -61,6 +61,23 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /** Whether to close the popover when the trigger scrolls out of its scrollable parent.
+     * Useful for popovers inside scrollable containers to prevent orphaned popovers. */
+    closeOnScrollOutOfView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Whether to scroll the page to bring the popover into view when it opens or content changes.
+     * Uses smooth scrolling and adds padding to ensure the popover isn't at the edge of the viewport. */
+    scrollIntoView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Padding (in pixels) from viewport edge when scrolling popover into view. */
+    scrollIntoViewPadding: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {
     entered: import('vue').Ref<boolean, boolean>;
     offsetStyle: import('vue').Ref<string, string>;
@@ -152,6 +169,23 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /** Whether to close the popover when the trigger scrolls out of its scrollable parent.
+     * Useful for popovers inside scrollable containers to prevent orphaned popovers. */
+    closeOnScrollOutOfView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Whether to scroll the page to bring the popover into view when it opens or content changes.
+     * Uses smooth scrolling and adds padding to ensure the popover isn't at the edge of the viewport. */
+    scrollIntoView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Padding (in pixels) from viewport edge when scrolling popover into view. */
+    scrollIntoViewPadding: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -165,5 +199,8 @@ declare const QPopover: import('vue').DefineComponent<import('vue').ExtractPropT
     hasCaret: boolean;
     reposition: boolean;
     followScroll: boolean;
+    closeOnScrollOutOfView: boolean;
+    scrollIntoView: boolean;
+    scrollIntoViewPadding: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default QPopover;

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

@@ -47,6 +47,18 @@ export declare const selectable: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>, {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
@@ -117,6 +129,18 @@ export declare const selectable: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -130,6 +154,9 @@ export declare const selectable: {
                 hasCaret: boolean;
                 reposition: boolean;
                 followScroll: boolean;
+                closeOnScrollOutOfView: boolean;
+                scrollIntoView: boolean;
+                scrollIntoViewPadding: number;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         setup(this: void): {
@@ -189,6 +216,18 @@ export declare const Info1: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>, {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
@@ -259,6 +298,18 @@ export declare const Info1: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -272,6 +323,9 @@ export declare const Info1: {
                 hasCaret: boolean;
                 reposition: boolean;
                 followScroll: boolean;
+                closeOnScrollOutOfView: boolean;
+                scrollIntoView: boolean;
+                scrollIntoViewPadding: number;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         setup(this: void): {
@@ -332,6 +386,18 @@ export declare const PositionRight: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>, {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
@@ -402,6 +468,18 @@ export declare const PositionRight: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -415,6 +493,9 @@ export declare const PositionRight: {
                 hasCaret: boolean;
                 reposition: boolean;
                 followScroll: boolean;
+                closeOnScrollOutOfView: boolean;
+                scrollIntoView: boolean;
+                scrollIntoViewPadding: number;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         setup(this: void): {
@@ -475,6 +556,18 @@ export declare const Info2: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>, {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
@@ -545,6 +638,18 @@ export declare const Info2: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -558,6 +663,9 @@ export declare const Info2: {
                 hasCaret: boolean;
                 reposition: boolean;
                 followScroll: boolean;
+                closeOnScrollOutOfView: boolean;
+                scrollIntoView: boolean;
+                scrollIntoViewPadding: number;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         setup(this: void): {
@@ -618,6 +726,18 @@ export declare const FilterSizeSm: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>, {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
@@ -688,6 +808,18 @@ export declare const FilterSizeSm: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -701,6 +833,9 @@ export declare const FilterSizeSm: {
                 hasCaret: boolean;
                 reposition: boolean;
                 followScroll: boolean;
+                closeOnScrollOutOfView: boolean;
+                scrollIntoView: boolean;
+                scrollIntoViewPadding: number;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         setup(this: void): {
@@ -761,6 +896,18 @@ export declare const FilterSizeMd: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>, {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
@@ -831,6 +978,18 @@ export declare const FilterSizeMd: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -844,6 +1003,9 @@ export declare const FilterSizeMd: {
                 hasCaret: boolean;
                 reposition: boolean;
                 followScroll: boolean;
+                closeOnScrollOutOfView: boolean;
+                scrollIntoView: boolean;
+                scrollIntoViewPadding: number;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         setup(this: void): {
@@ -904,6 +1066,18 @@ export declare const FilterSizeLg: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>, {
                 entered: import('vue').Ref<boolean, boolean>;
                 offsetStyle: import('vue').Ref<string, string>;
@@ -974,6 +1148,18 @@ export declare const FilterSizeLg: {
                     type: StringConstructor;
                     default: string;
                 };
+                closeOnScrollOutOfView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoView: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollIntoViewPadding: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -987,6 +1173,9 @@ export declare const FilterSizeLg: {
                 hasCaret: boolean;
                 reposition: boolean;
                 followScroll: boolean;
+                closeOnScrollOutOfView: boolean;
+                scrollIntoView: boolean;
+                scrollIntoViewPadding: number;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         setup(this: void): {

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

@@ -115,6 +115,21 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         type: StringConstructor;
         default: string;
     };
+    /** Whether to close the popover when the trigger scrolls out of its scrollable parent */
+    closeOnScrollOutOfView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Whether to scroll the page to bring the popover into view when it opens or content changes */
+    scrollIntoView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Padding (in pixels) from viewport edge when scrolling popover into view */
+    scrollIntoViewPadding: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {
     DateTime: any;
     actionMenuOpen: import('vue').Ref<boolean, boolean>;
@@ -494,6 +509,21 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         type: StringConstructor;
         default: string;
     };
+    /** Whether to close the popover when the trigger scrolls out of its scrollable parent */
+    closeOnScrollOutOfView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Whether to scroll the page to bring the popover into view when it opens or content changes */
+    scrollIntoView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Padding (in pixels) from viewport edge when scrolling popover into view */
+    scrollIntoViewPadding: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
     onToggle?: ((...args: any[]) => any) | undefined;
     "onCreate:callback"?: ((...args: any[]) => any) | undefined;
@@ -511,6 +541,9 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
     teleportTo: string;
     trigger: string | number;
     align: string;
+    closeOnScrollOutOfView: boolean;
+    scrollIntoView: boolean;
+    scrollIntoViewPadding: number;
     comments: unknown[];
     roomDetails: Record<string, any>;
     guestDetails: Record<string, any>;
@@ -1048,7 +1081,11 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
                 partialUpdate?: boolean | undefined;
                 onCalendarChange?: ((value: import('vue-datepicker-next').DateRange, index?: number | undefined) => void) | undefined;
                 onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
-                onPick?: ((value: Date) => void) | undefined;
+                onPick? /**
+                 * Groups messages with time separators for chat display.
+                 * Messages within the same hour are grouped together.
+                 * Returns an array of items that can be either 'separator' or 'message' types.
+                 */: ((value: Date) => void) | undefined;
             }>, {}>;
             TimePanel: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
                 value?: Date | undefined;
@@ -1577,6 +1614,18 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             type: StringConstructor;
             default: string;
         };
+        closeOnScrollOutOfView: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollIntoView: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollIntoViewPadding: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>, {
         entered: import('vue').Ref<boolean, boolean>;
         offsetStyle: import('vue').Ref<string, string>;
@@ -1647,6 +1696,18 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             type: StringConstructor;
             default: string;
         };
+        closeOnScrollOutOfView: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollIntoView: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollIntoViewPadding: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -1660,6 +1721,9 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         hasCaret: boolean;
         reposition: boolean;
         followScroll: boolean;
+        closeOnScrollOutOfView: boolean;
+        scrollIntoView: boolean;
+        scrollIntoViewPadding: number;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     QTag: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         tagClass: {