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

package/CHANGELOG.md

@@ -1,8 +1,27 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.5-master.2023-06-21...v) (2023-06-21)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.5-pr-17265.042d482...v) (2023-06-23)
 
 
 
-## [3.3.5-master.2023-06-21](https://github.com/vuetifyjs/vuetify/compare/v3.3.5...v3.3.5-master.2023-06-21) (2023-06-21)
+## [3.3.5-pr-17265.042d482](https://github.com/vuetifyjs/vuetify/compare/v3.3.5...v3.3.5-pr-17265.042d482) (2023-06-23)
+
+
+### Bug Fixes
+
+* include elements that aren't yet scrollable ([11cbad2](https://github.com/vuetifyjs/vuetify/commit/11cbad2fcc3ec1e8d71c929579939c8ce5137452))
+* set correct root element in prod mode ([e0df991](https://github.com/vuetifyjs/vuetify/commit/e0df991c25a009f7e9c2d3fc2eea2c42a974f1f3))
+* use display height if scrolling parent is window ([ff603e8](https://github.com/vuetifyjs/vuetify/commit/ff603e8146f44725ca0eb176b219d4a069609d09))
+* **VVirtualScroll:** set max visible items to 12 if no item-height ([288bcab](https://github.com/vuetifyjs/vuetify/commit/288bcab23e66fc438e0e39c325841e5dc7d91855))
+
+
+### Features
+
+* **VSelect:** implement virtual scrolling ([acd6aae](https://github.com/vuetifyjs/vuetify/commit/acd6aae5e23764423d3f6df846056aa5318a34d5))
+
+
+### Performance Improvements
+
+* optimise ref access in loops ([530c897](https://github.com/vuetifyjs/vuetify/commit/530c897d93d30fe374bb9f239f93ba5f44540021))
+* prevent double update on search change ([c2d4cb7](https://github.com/vuetifyjs/vuetify/commit/c2d4cb7d398e82da845c63384ae95521ac9dbf0e))
 
 
 

package/dist/json/attributes.json

@@ -8987,6 +8987,10 @@
     "type": "string | number\n",
     "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size."
   },
+  "v-virtual-scroll/renderless": {
+    "type": "boolean\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-window/model-value": {
     "type": "any\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"

package/dist/json/importMap.json

@@ -68,14 +68,14 @@
       "from": "components/VBtn/index.mjs",
       "styles": []
     },
-    "VBtnGroup": {
-      "from": "components/VBtnGroup/index.mjs",
-      "styles": []
-    },
     "VBtnToggle": {
       "from": "components/VBtnToggle/index.mjs",
       "styles": []
     },
+    "VBtnGroup": {
+      "from": "components/VBtnGroup/index.mjs",
+      "styles": []
+    },
     "VCard": {
       "from": "components/VCard/index.mjs",
       "styles": []

package/dist/json/tags.json

@@ -2984,6 +2984,7 @@
       "max-width",
       "min-height",
       "min-width",
+      "renderless",
       "width"
     ],
     "description": ""

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.5-master.2023-06-21",
+  "version": "3.3.5-pr-17265.042d482",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -13899,6 +13899,7 @@
               "name": "itemHeight",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-data-table-virtual#props",
+              "default": "48",
               "value": {
                 "kind": "expression",
                 "type": "string | number\n"
@@ -15477,7 +15478,7 @@
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-controls#props",
-              "default": "new Date('2023-06-21T12:04:30.340Z')",
+              "default": "new Date('2023-06-23T05:09:52.316Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -15684,7 +15685,7 @@
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
-              "default": "new Date('2023-06-21T12:04:30.340Z')",
+              "default": "new Date('2023-06-23T05:09:52.316Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -35188,10 +35189,21 @@
               "name": "itemHeight",
               "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size.",
               "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#props",
+              "default": "48",
               "value": {
                 "kind": "expression",
                 "type": "string | number\n"
               }
+            },
+            {
+              "name": "renderless",
+              "description": "MISSING DESCRIPTION",
+              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean\n"
+              }
             }
           ],
           "events": [],
@@ -35199,17 +35211,7 @@
             {
               "name": "default",
               "description": "Default slot to render a single item",
-              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#slots",
-              "vue-properties": [
-                {
-                  "name": "item",
-                  "type": "unknown"
-                },
-                {
-                  "name": "index",
-                  "type": "number"
-                }
-              ]
+              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#slots"
             }
           ],
           "vue-model": {

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.5-master.2023-06-21
+* Vuetify v3.3.5-pr-17265.042d482
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -23465,27 +23465,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
-}.v-color-picker-canvas {
-  display: flex;
-  position: relative;
-  overflow: hidden;
-  contain: content;
-}
-.v-color-picker-canvas__dot {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 15px;
-  height: 15px;
-  background: transparent;
-  border-radius: 50%;
-  box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
-}
-.v-color-picker-canvas__dot--disabled {
-  box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
-}
-.v-color-picker-canvas:hover .v-color-picker-canvas__dot {
-  will-change: transform;
 }.v-color-picker-edit {
   display: flex;
 }
@@ -23516,6 +23495,62 @@ html.v-overlay-scroll-blocked {
 }
 .v-color-picker-edit__input span {
   font-size: 0.75rem;
+}.v-color-picker-canvas {
+  display: flex;
+  position: relative;
+  overflow: hidden;
+  contain: content;
+}
+.v-color-picker-canvas__dot {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 15px;
+  height: 15px;
+  background: transparent;
+  border-radius: 50%;
+  box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
+}
+.v-color-picker-canvas__dot--disabled {
+  box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
+}
+.v-color-picker-canvas:hover .v-color-picker-canvas__dot {
+  will-change: transform;
+}.v-color-picker-swatches {
+  overflow-y: auto;
+}
+.v-color-picker-swatches > div {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  padding: 8px;
+}
+
+.v-color-picker-swatches__swatch {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 10px;
+}
+
+.v-color-picker-swatches__color {
+  position: relative;
+  height: 18px;
+  max-height: 18px;
+  width: 45px;
+  margin: 2px 4px;
+  border-radius: 2px;
+  -webkit-user-select: none;
+          user-select: none;
+  overflow: hidden;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
+  cursor: pointer;
+}
+.v-color-picker-swatches__color > div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
 }.v-color-picker-preview__alpha .v-slider-track__background {
   background-color: transparent !important;
 }
@@ -23582,41 +23617,6 @@ html.v-overlay-scroll-blocked {
   align-items: center;
   display: flex;
   margin-bottom: 24px;
-}.v-color-picker-swatches {
-  overflow-y: auto;
-}
-.v-color-picker-swatches > div {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  padding: 8px;
-}
-
-.v-color-picker-swatches__swatch {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-}
-
-.v-color-picker-swatches__color {
-  position: relative;
-  height: 18px;
-  max-height: 18px;
-  width: 45px;
-  margin: 2px 4px;
-  border-radius: 2px;
-  -webkit-user-select: none;
-          user-select: none;
-  overflow: hidden;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
-  cursor: pointer;
-}
-.v-color-picker-swatches__color > div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
 }.v-slider-thumb {
   touch-action: none;
   color: rgb(var(--v-theme-surface-variant));

package/dist/vuetify-labs.d.ts

@@ -55406,6 +55406,7 @@ declare const VVirtualScroll: {
         $data: {};
         $props: {
             style?: vue.StyleValue | undefined;
+            itemHeight?: string | number | undefined;
             key?: string | number | symbol | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
@@ -55455,7 +55456,6 @@ declare const VVirtualScroll: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            itemHeight?: string | number | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -55464,7 +55464,9 @@ declare const VVirtualScroll: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: ((arg: VVirtualScrollSlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default?: ((arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
+                itemRef: Ref<HTMLElement | undefined>;
+            })) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
         }>;
@@ -55474,6 +55476,7 @@ declare const VVirtualScroll: {
         $el: any;
         $options: vue.ComponentOptionsBase<{
             style: vue.StyleValue;
+            itemHeight: string | number;
         } & {
             height?: string | number | undefined;
             width?: string | number | undefined;
@@ -55482,13 +55485,15 @@ declare const VVirtualScroll: {
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
             class?: any;
-            itemHeight?: string | number | undefined;
         }, {
             scrollToIndex: (index: number) => void;
-        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "items" | "v-slots">, string, {
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "items" | "v-slots" | "renderless">, string, {
             style: vue.StyleValue;
+            itemHeight: string | number;
         }, {}, string, vue.SlotsType<Partial<{
-            default: (arg: VVirtualScrollSlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default: (arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
+                itemRef: Ref<HTMLElement | undefined>;
+            })) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
         }>>> & {
@@ -55513,6 +55518,7 @@ declare const VVirtualScroll: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
         style: vue.StyleValue;
+        itemHeight: string | number;
     } & {
         height?: string | number | undefined;
         width?: string | number | undefined;
@@ -55521,7 +55527,6 @@ declare const VVirtualScroll: {
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
         class?: any;
-        itemHeight?: string | number | undefined;
     } & vue.ShallowUnwrapRef<{
         scrollToIndex: (index: number) => void;
     }> & {} & vue.ComponentCustomProperties & {};
@@ -55530,6 +55535,7 @@ declare const VVirtualScroll: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
+    itemHeight: string | number;
 } & {
     height?: string | number | undefined;
     width?: string | number | undefined;
@@ -55538,23 +55544,31 @@ declare const VVirtualScroll: {
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
     class?: any;
-    itemHeight?: string | number | undefined;
 }, {
     scrollToIndex: (index: number) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "items" | "v-slots">, string, {
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "items" | "v-slots" | "renderless">, string, {
     style: vue.StyleValue;
+    itemHeight: string | number;
 }, {}, string, vue.SlotsType<Partial<{
-    default: (arg: VVirtualScrollSlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
+        itemRef: Ref<HTMLElement | undefined>;
+    })) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>(props: {
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1, Renderless extends boolean = false>(props: {
     items?: readonly T_1[] | undefined;
+    renderless?: Renderless | undefined;
 }, slots: {
-    default: VVirtualScrollSlot<T_1>;
+    default: VVirtualScrollSlot<T_1> & (Renderless extends true ? {
+        itemRef: Ref<HTMLElement | undefined>;
+    } : {});
 }) => GenericProps<{
     items?: readonly T_1[] | undefined;
+    renderless?: Renderless | undefined;
 }, {
-    default: VVirtualScrollSlot<T_1>;
+    default: VVirtualScrollSlot<T_1> & (Renderless extends true ? {
+        itemRef: Ref<HTMLElement | undefined>;
+    } : {});
 }>) & FilterPropsOptions<{
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
@@ -55567,11 +55581,15 @@ declare const VVirtualScroll: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    itemHeight: (StringConstructor | NumberConstructor)[];
+    itemHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     items: {
         type: PropType<readonly unknown[]>;
         default: () => never[];
     };
+    renderless: BooleanConstructor;
 }, vue.ExtractPropTypes<{
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
@@ -55584,11 +55602,15 @@ declare const VVirtualScroll: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    itemHeight: (StringConstructor | NumberConstructor)[];
+    itemHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     items: {
         type: PropType<readonly unknown[]>;
         default: () => never[];
     };
+    renderless: BooleanConstructor;
 }>>;
 type VVirtualScroll = InstanceType<typeof VVirtualScroll>;
 
@@ -64578,6 +64600,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;
@@ -64638,6 +64661,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: {
@@ -64746,6 +64771,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: {
@@ -64862,6 +64889,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;
@@ -64869,7 +64898,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;
@@ -64964,6 +64992,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;
@@ -65077,6 +65107,7 @@ declare const VDataTableVirtual: {
             selectStrategy: "all" | "page" | "single";
             itemValue: SelectItemKey;
             returnObject: boolean;
+            itemHeight: string | number;
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
@@ -65103,7 +65134,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: {
@@ -65148,6 +65178,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: {
@@ -65252,6 +65284,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: {
@@ -65356,6 +65390,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: {
@@ -65454,6 +65490,7 @@ declare const VDataTableVirtual: {
             selectStrategy: "all" | "page" | "single";
             itemValue: SelectItemKey;
             returnObject: boolean;
+            itemHeight: string | number;
             hideNoData: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
@@ -65515,6 +65552,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;
             }>[];
@@ -65641,6 +65680,7 @@ declare const VDataTableVirtual: {
         selectStrategy: "all" | "page" | "single";
         itemValue: SelectItemKey;
         returnObject: boolean;
+        itemHeight: string | number;
         hideNoData: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
@@ -65667,7 +65707,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: {
@@ -65712,6 +65751,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: {
@@ -65816,6 +65857,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: {
@@ -65920,6 +65963,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: {
@@ -66013,6 +66058,7 @@ declare const VDataTableVirtual: {
     selectStrategy: "all" | "page" | "single";
     itemValue: SelectItemKey;
     returnObject: boolean;
+    itemHeight: string | number;
     hideNoData: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
@@ -66039,7 +66085,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: {
@@ -66084,6 +66129,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: {
@@ -66188,6 +66235,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: {
@@ -66292,6 +66341,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: {
@@ -66390,6 +66441,7 @@ declare const VDataTableVirtual: {
     selectStrategy: "all" | "page" | "single";
     itemValue: SelectItemKey;
     returnObject: boolean;
+    itemHeight: string | number;
     hideNoData: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
@@ -66451,6 +66503,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;
     }>[];
@@ -66551,7 +66605,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[];
@@ -66649,7 +66706,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[];