@quoreadmin/ui 1.10.17 → 1.10.19

package/dist/index88.js

@@ -1,14 +1,14 @@
-import { defineComponent as h, ref as s, computed as v, watch as c } from "vue";
+import { defineComponent as h, ref as s, computed as v, watch as f } from "vue";
 import B from "./index6.js";
 import g from "./index7.js";
 import S from "./index28.js";
 import D from "./index31.js";
 import F from "./index52.js";
-import Q from "./index41.js";
-import b from "./index57.js";
-import A from "./index58.js";
-import { filterData as f } from "./index56.js";
-import { useDebounceFn as P } from "./index184.js";
+import P from "./index41.js";
+import Q from "./index57.js";
+import b from "./index58.js";
+import { filterData as n } from "./index56.js";
+import { useDebounceFn as A } from "./index184.js";
 const j = h({
   name: "QDataFilter",
   components: {
@@ -17,7 +17,7 @@ const j = h({
     QIcon: S,
     QInput: D,
     QTooltip: F,
-    QPopover: Q
+    QPopover: P
   },
   props: {
     data: {
@@ -80,6 +80,14 @@ const j = h({
     filtersPopoverSize: {
       type: String,
       default: "lg"
+    },
+    filtersPopoverTeleport: {
+      type: Boolean,
+      default: !1
+    },
+    filtersPopoverTeleportTo: {
+      type: String,
+      default: "body"
     }
   },
   emits: [
@@ -90,52 +98,56 @@ const j = h({
     "bottom-sheet:close"
   ],
   setup(t, { emit: l }) {
-    const u = P((e) => {
+    const d = A((e) => {
       l("update:search", e);
-    }, t.searchDelay), d = A(), n = s(0), r = s(!1), a = s(!1), i = v(() => {
+    }, t.searchDelay), u = b(), c = s(0), r = s(!1), a = s(!1), i = v(() => {
       let e = 0;
       return t.filters.forEach((o) => {
         (typeof o.selected == "string" && o.selected || typeof o.selected != "string" && o.selected.length) && e++;
       }), e;
     }), p = () => {
       a.value = !1, l("bottom-sheet:close");
-    }, m = () => {
+    }, y = () => {
       r.value = !1, l("popover:close");
-    }, y = (e) => {
+    }, m = (e) => {
       e(), l("click:filters");
     };
-    return c(t, () => {
-      const e = f(
-        t.data,
-        t.search,
-        t.filters,
-        t.sortBy,
-        t.orderBy === "desc" ? -1 : 1,
-        t.excludedFields,
-        t.noneEqualsAll
-      );
-      n.value = e.length, l("update:data", e);
-    }, { deep: !0 }), c(r, (e, o) => {
+    return f(
+      t,
+      () => {
+        const e = n(
+          t.data,
+          t.search,
+          t.filters,
+          t.sortBy,
+          t.orderBy === "desc" ? -1 : 1,
+          t.excludedFields,
+          t.noneEqualsAll
+        );
+        c.value = e.length, l("update:data", e);
+      },
+      { deep: !0 }
+    ), f(r, (e, o) => {
       o === !0 && e === !1 && l("popover:close");
-    }), c(a, (e, o) => {
+    }), f(a, (e, o) => {
       o === !0 && e === !1 && l("bottom-sheet:close");
     }), {
       // Plugins
-      debouncedSearch: u,
+      debouncedSearch: d,
       // Ref
-      filteredCount: n,
+      filteredCount: c,
       showFilterBottomSheet: a,
       showFilterPopover: r,
       // Methods
       closeBottomSheet: p,
-      closePopover: m,
-      onFilterClick: y,
+      closePopover: y,
+      onFilterClick: m,
       // Computed
       filtersCount: i,
       // Composables
-      deviceType: d,
-      filterData: f,
-      mq: b
+      deviceType: u,
+      filterData: n,
+      mq: Q
     };
   }
 });

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

@@ -1338,6 +1338,10 @@ declare const QComment: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        teleportMatchNonTeleportedPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         teleportTo: {
             type: StringConstructor;
             default: string;
@@ -1430,6 +1434,10 @@ declare const QComment: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        teleportMatchNonTeleportedPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         teleportTo: {
             type: StringConstructor;
             default: string;
@@ -1466,6 +1474,7 @@ declare const QComment: import('vue').DefineComponent<import('vue').ExtractPropT
         align: string;
         hasCaret: boolean;
         reposition: boolean;
+        teleportMatchNonTeleportedPosition: boolean;
         followScroll: boolean;
         closeOnScrollOutOfView: boolean;
         scrollIntoView: boolean;

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;