@vuetify/nightly 3.3.5-master.2023-06-21 → 3.3.5-pr-17265.042d482

package/lib/labs/components.d.mts

@@ -5171,6 +5171,7 @@ declare const VDataTableVirtual: {
             selectStrategy?: "all" | "page" | "single" | undefined;
             itemValue?: SelectItemKey | undefined;
             returnObject?: boolean | undefined;
+            itemHeight?: string | number | undefined;
             hideNoData?: boolean | undefined;
             filterMode?: FilterMode | undefined;
             noFilter?: boolean | undefined;
@@ -5231,6 +5232,8 @@ declare const VDataTableVirtual: {
                     toggleSelect: (item: SelectableItem) => void;
                 } & {
                     props: Record<string, any>;
+                } & {
+                    itemRef: Ref<HTMLElement | undefined>;
                 }) => vue.VNodeChild) | undefined;
                 loading?: (() => vue.VNodeChild) | undefined;
                 'group-header'?: ((arg: {
@@ -5339,6 +5342,8 @@ declare const VDataTableVirtual: {
                     toggleSelect: (item: SelectableItem) => void;
                 } & {
                     props: Record<string, any>;
+                } & {
+                    itemRef: Ref<HTMLElement | undefined>;
                 }) => vue.VNodeChild) | undefined;
                 loading?: false | (() => vue.VNodeChild) | undefined;
                 'group-header'?: false | ((arg: {
@@ -5455,6 +5460,8 @@ declare const VDataTableVirtual: {
                 toggleSelect: (item: SelectableItem) => void;
             } & {
                 props: Record<string, any>;
+            } & {
+                itemRef: Ref<HTMLElement | undefined>;
             }) => vue.VNodeChild) | undefined;
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             customFilter?: FilterFunction | undefined;
@@ -5462,7 +5469,6 @@ declare const VDataTableVirtual: {
             filterKeys?: FilterKeys | undefined;
             "v-slot:top"?: false | ((arg: VDataTableVirtualSlotProps) => vue.VNodeChild) | undefined;
             "v-slot:bottom"?: false | ((arg: VDataTableVirtualSlotProps) => vue.VNodeChild) | undefined;
-            itemHeight?: string | number | undefined;
             customKeySort?: Record<string, DataTableCompareFunction> | undefined;
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -5557,6 +5563,8 @@ declare const VDataTableVirtual: {
                 toggleSelect: (item: SelectableItem) => void;
             } & {
                 props: Record<string, any>;
+            } & {
+                itemRef: Ref<HTMLElement | undefined>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
@@ -5670,6 +5678,7 @@ declare const VDataTableVirtual: {
             selectStrategy: "all" | "page" | "single";
             itemValue: SelectItemKey;
             returnObject: boolean;
+            itemHeight: string | number;
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
@@ -5696,7 +5705,6 @@ declare const VDataTableVirtual: {
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
-            itemHeight?: string | number | undefined;
             customKeySort?: Record<string, DataTableCompareFunction> | undefined;
             rowHeight?: number | undefined;
             'onClick:row'?: ((e: Event, value: {
@@ -5741,6 +5749,8 @@ declare const VDataTableVirtual: {
                     toggleSelect: (item: SelectableItem) => void;
                 } & {
                     props: Record<string, any>;
+                } & {
+                    itemRef: Ref<HTMLElement | undefined>;
                 }) => vue.VNodeChild) | undefined;
                 loading?: (() => vue.VNodeChild) | undefined;
                 'group-header'?: ((arg: {
@@ -5845,6 +5855,8 @@ declare const VDataTableVirtual: {
                     toggleSelect: (item: SelectableItem) => void;
                 } & {
                     props: Record<string, any>;
+                } & {
+                    itemRef: Ref<HTMLElement | undefined>;
                 }) => vue.VNodeChild) | undefined;
                 loading?: false | (() => vue.VNodeChild) | undefined;
                 'group-header'?: false | ((arg: {
@@ -5949,6 +5961,8 @@ declare const VDataTableVirtual: {
                 toggleSelect: (item: SelectableItem) => void;
             } & {
                 props: Record<string, any>;
+            } & {
+                itemRef: Ref<HTMLElement | undefined>;
             }) => vue.VNodeChild) | undefined;
             "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:group-header"?: false | ((arg: {
@@ -6047,6 +6061,7 @@ declare const VDataTableVirtual: {
             selectStrategy: "all" | "page" | "single";
             itemValue: SelectItemKey;
             returnObject: boolean;
+            itemHeight: string | number;
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
@@ -6108,6 +6123,8 @@ declare const VDataTableVirtual: {
                 toggleSelect: (item: SelectableItem) => void;
             } & {
                 props: Record<string, any>;
+            } & {
+                itemRef: Ref<HTMLElement | undefined>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
@@ -6234,6 +6251,7 @@ declare const VDataTableVirtual: {
         selectStrategy: "all" | "page" | "single";
         itemValue: SelectItemKey;
         returnObject: boolean;
+        itemHeight: string | number;
         hideNoData: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
@@ -6260,7 +6278,6 @@ declare const VDataTableVirtual: {
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
-        itemHeight?: string | number | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
         rowHeight?: number | undefined;
         'onClick:row'?: ((e: Event, value: {
@@ -6305,6 +6322,8 @@ declare const VDataTableVirtual: {
                 toggleSelect: (item: SelectableItem) => void;
             } & {
                 props: Record<string, any>;
+            } & {
+                itemRef: Ref<HTMLElement | undefined>;
             }) => vue.VNodeChild) | undefined;
             loading?: (() => vue.VNodeChild) | undefined;
             'group-header'?: ((arg: {
@@ -6409,6 +6428,8 @@ declare const VDataTableVirtual: {
                 toggleSelect: (item: SelectableItem) => void;
             } & {
                 props: Record<string, any>;
+            } & {
+                itemRef: Ref<HTMLElement | undefined>;
             }) => vue.VNodeChild) | undefined;
             loading?: false | (() => vue.VNodeChild) | undefined;
             'group-header'?: false | ((arg: {
@@ -6513,6 +6534,8 @@ declare const VDataTableVirtual: {
             toggleSelect: (item: SelectableItem) => void;
         } & {
             props: Record<string, any>;
+        } & {
+            itemRef: Ref<HTMLElement | undefined>;
         }) => vue.VNodeChild) | undefined;
         "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:group-header"?: false | ((arg: {
@@ -6606,6 +6629,7 @@ declare const VDataTableVirtual: {
     selectStrategy: "all" | "page" | "single";
     itemValue: SelectItemKey;
     returnObject: boolean;
+    itemHeight: string | number;
     hideNoData: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
@@ -6632,7 +6656,6 @@ declare const VDataTableVirtual: {
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
-    itemHeight?: string | number | undefined;
     customKeySort?: Record<string, DataTableCompareFunction> | undefined;
     rowHeight?: number | undefined;
     'onClick:row'?: ((e: Event, value: {
@@ -6677,6 +6700,8 @@ declare const VDataTableVirtual: {
             toggleSelect: (item: SelectableItem) => void;
         } & {
             props: Record<string, any>;
+        } & {
+            itemRef: Ref<HTMLElement | undefined>;
         }) => vue.VNodeChild) | undefined;
         loading?: (() => vue.VNodeChild) | undefined;
         'group-header'?: ((arg: {
@@ -6781,6 +6806,8 @@ declare const VDataTableVirtual: {
             toggleSelect: (item: SelectableItem) => void;
         } & {
             props: Record<string, any>;
+        } & {
+            itemRef: Ref<HTMLElement | undefined>;
         }) => vue.VNodeChild) | undefined;
         loading?: false | (() => vue.VNodeChild) | undefined;
         'group-header'?: false | ((arg: {
@@ -6885,6 +6912,8 @@ declare const VDataTableVirtual: {
         toggleSelect: (item: SelectableItem) => void;
     } & {
         props: Record<string, any>;
+    } & {
+        itemRef: Ref<HTMLElement | undefined>;
     }) => vue.VNodeChild) | undefined;
     "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:group-header"?: false | ((arg: {
@@ -6983,6 +7012,7 @@ declare const VDataTableVirtual: {
     selectStrategy: "all" | "page" | "single";
     itemValue: SelectItemKey;
     returnObject: boolean;
+    itemHeight: string | number;
     hideNoData: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
@@ -7044,6 +7074,8 @@ declare const VDataTableVirtual: {
         toggleSelect: (item: SelectableItem) => void;
     } & {
         props: Record<string, any>;
+    } & {
+        itemRef: Ref<HTMLElement | undefined>;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -7144,7 +7176,10 @@ declare const VDataTableVirtual: {
         default: string;
     };
     noFilter: BooleanConstructor;
-    itemHeight: (StringConstructor | NumberConstructor)[];
+    itemHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     groupBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -7242,7 +7277,10 @@ declare const VDataTableVirtual: {
         default: string;
     };
     noFilter: BooleanConstructor;
-    itemHeight: (StringConstructor | NumberConstructor)[];
+    itemHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     groupBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];

package/lib/util/getScrollParent.mjs

@@ -1,6 +1,7 @@
 export function getScrollParent(el) {
+  let includeHidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   while (el) {
-    if (hasScrollbar(el)) return el;
+    if (includeHidden ? isPotentiallyScrollable(el) : hasScrollbar(el)) return el;
     el = el.parentElement;
   }
   return document.scrollingElement;
@@ -20,4 +21,9 @@ export function hasScrollbar(el) {
   const style = window.getComputedStyle(el);
   return style.overflowY === 'scroll' || style.overflowY === 'auto' && el.scrollHeight > el.clientHeight;
 }
+function isPotentiallyScrollable(el) {
+  if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
+  const style = window.getComputedStyle(el);
+  return ['scroll', 'auto'].includes(style.overflowY);
+}
 //# sourceMappingURL=getScrollParent.mjs.map

package/lib/util/getScrollParent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getScrollParent.mjs","names":["getScrollParent","el","hasScrollbar","parentElement","document","scrollingElement","getScrollParents","stopAt","elements","contains","push","nodeType","Node","ELEMENT_NODE","style","window","getComputedStyle","overflowY","scrollHeight","clientHeight"],"sources":["../../src/util/getScrollParent.ts"],"sourcesContent":["export function getScrollParent (el?: HTMLElement) {\n  while (el) {\n    if (hasScrollbar(el)) return el\n    el = el.parentElement!\n  }\n\n  return document.scrollingElement as HTMLElement\n}\n\nexport function getScrollParents (el?: Element | null, stopAt?: Element | null) {\n  const elements: HTMLElement[] = []\n\n  if (stopAt && el && !stopAt.contains(el)) return elements\n\n  while (el) {\n    if (hasScrollbar(el)) elements.push(el as HTMLElement)\n    if (el === stopAt) break\n    el = el.parentElement!\n  }\n\n  return elements\n}\n\nexport function hasScrollbar (el?: Element | null) {\n  if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n  const style = window.getComputedStyle(el)\n  return style.overflowY === 'scroll' || (style.overflowY === 'auto' && el.scrollHeight > el.clientHeight)\n}\n"],"mappings":"AAAA,OAAO,SAASA,eAAeA,CAAEC,EAAgB,EAAE;EACjD,OAAOA,EAAE,EAAE;IACT,IAAIC,YAAY,CAACD,EAAE,CAAC,EAAE,OAAOA,EAAE;IAC/BA,EAAE,GAAGA,EAAE,CAACE,aAAc;EACxB;EAEA,OAAOC,QAAQ,CAACC,gBAAgB;AAClC;AAEA,OAAO,SAASC,gBAAgBA,CAAEL,EAAmB,EAAEM,MAAuB,EAAE;EAC9E,MAAMC,QAAuB,GAAG,EAAE;EAElC,IAAID,MAAM,IAAIN,EAAE,IAAI,CAACM,MAAM,CAACE,QAAQ,CAACR,EAAE,CAAC,EAAE,OAAOO,QAAQ;EAEzD,OAAOP,EAAE,EAAE;IACT,IAAIC,YAAY,CAACD,EAAE,CAAC,EAAEO,QAAQ,CAACE,IAAI,CAACT,EAAE,CAAgB;IACtD,IAAIA,EAAE,KAAKM,MAAM,EAAE;IACnBN,EAAE,GAAGA,EAAE,CAACE,aAAc;EACxB;EAEA,OAAOK,QAAQ;AACjB;AAEA,OAAO,SAASN,YAAYA,CAAED,EAAmB,EAAE;EACjD,IAAI,CAACA,EAAE,IAAIA,EAAE,CAACU,QAAQ,KAAKC,IAAI,CAACC,YAAY,EAAE,OAAO,KAAK;EAE1D,MAAMC,KAAK,GAAGC,MAAM,CAACC,gBAAgB,CAACf,EAAE,CAAC;EACzC,OAAOa,KAAK,CAACG,SAAS,KAAK,QAAQ,IAAKH,KAAK,CAACG,SAAS,KAAK,MAAM,IAAIhB,EAAE,CAACiB,YAAY,GAAGjB,EAAE,CAACkB,YAAa;AAC1G"}
+{"version":3,"file":"getScrollParent.mjs","names":["getScrollParent","el","includeHidden","arguments","length","undefined","isPotentiallyScrollable","hasScrollbar","parentElement","document","scrollingElement","getScrollParents","stopAt","elements","contains","push","nodeType","Node","ELEMENT_NODE","style","window","getComputedStyle","overflowY","scrollHeight","clientHeight","includes"],"sources":["../../src/util/getScrollParent.ts"],"sourcesContent":["export function getScrollParent (el?: HTMLElement, includeHidden = false) {\n  while (el) {\n    if (includeHidden ? isPotentiallyScrollable(el) : hasScrollbar(el)) return el\n    el = el.parentElement!\n  }\n\n  return document.scrollingElement as HTMLElement\n}\n\nexport function getScrollParents (el?: Element | null, stopAt?: Element | null) {\n  const elements: HTMLElement[] = []\n\n  if (stopAt && el && !stopAt.contains(el)) return elements\n\n  while (el) {\n    if (hasScrollbar(el)) elements.push(el as HTMLElement)\n    if (el === stopAt) break\n    el = el.parentElement!\n  }\n\n  return elements\n}\n\nexport function hasScrollbar (el?: Element | null) {\n  if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n  const style = window.getComputedStyle(el)\n  return style.overflowY === 'scroll' || (style.overflowY === 'auto' && el.scrollHeight > el.clientHeight)\n}\n\nfunction isPotentiallyScrollable (el?: Element | null) {\n  if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n  const style = window.getComputedStyle(el)\n  return ['scroll', 'auto'].includes(style.overflowY)\n}\n"],"mappings":"AAAA,OAAO,SAASA,eAAeA,CAAEC,EAAgB,EAAyB;EAAA,IAAvBC,aAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EACtE,OAAOF,EAAE,EAAE;IACT,IAAIC,aAAa,GAAGI,uBAAuB,CAACL,EAAE,CAAC,GAAGM,YAAY,CAACN,EAAE,CAAC,EAAE,OAAOA,EAAE;IAC7EA,EAAE,GAAGA,EAAE,CAACO,aAAc;EACxB;EAEA,OAAOC,QAAQ,CAACC,gBAAgB;AAClC;AAEA,OAAO,SAASC,gBAAgBA,CAAEV,EAAmB,EAAEW,MAAuB,EAAE;EAC9E,MAAMC,QAAuB,GAAG,EAAE;EAElC,IAAID,MAAM,IAAIX,EAAE,IAAI,CAACW,MAAM,CAACE,QAAQ,CAACb,EAAE,CAAC,EAAE,OAAOY,QAAQ;EAEzD,OAAOZ,EAAE,EAAE;IACT,IAAIM,YAAY,CAACN,EAAE,CAAC,EAAEY,QAAQ,CAACE,IAAI,CAACd,EAAE,CAAgB;IACtD,IAAIA,EAAE,KAAKW,MAAM,EAAE;IACnBX,EAAE,GAAGA,EAAE,CAACO,aAAc;EACxB;EAEA,OAAOK,QAAQ;AACjB;AAEA,OAAO,SAASN,YAAYA,CAAEN,EAAmB,EAAE;EACjD,IAAI,CAACA,EAAE,IAAIA,EAAE,CAACe,QAAQ,KAAKC,IAAI,CAACC,YAAY,EAAE,OAAO,KAAK;EAE1D,MAAMC,KAAK,GAAGC,MAAM,CAACC,gBAAgB,CAACpB,EAAE,CAAC;EACzC,OAAOkB,KAAK,CAACG,SAAS,KAAK,QAAQ,IAAKH,KAAK,CAACG,SAAS,KAAK,MAAM,IAAIrB,EAAE,CAACsB,YAAY,GAAGtB,EAAE,CAACuB,YAAa;AAC1G;AAEA,SAASlB,uBAAuBA,CAAEL,EAAmB,EAAE;EACrD,IAAI,CAACA,EAAE,IAAIA,EAAE,CAACe,QAAQ,KAAKC,IAAI,CAACC,YAAY,EAAE,OAAO,KAAK;EAE1D,MAAMC,KAAK,GAAGC,MAAM,CAACC,gBAAgB,CAACpB,EAAE,CAAC;EACzC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAACwB,QAAQ,CAACN,KAAK,CAACG,SAAS,CAAC;AACrD"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/nightly",
   "description": "Vue Material Component Framework",
-  "version": "3.3.5-master.2023-06-21",
+  "version": "3.3.5-pr-17265.042d482",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"