@vuetify/nightly 3.2.0-dev-20230405.0 → 3.2.0-dev-20230407.0

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.2.0-dev-20230405.0
+* Vuetify v3.2.0-dev-20230407.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -22341,6 +22341,15 @@ html.v-overlay-scroll-blocked {
 .v-tooltip > .v-overlay__content[class*=leave-active] {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
   transition-duration: 75ms;
+}.v-virtual-scroll {
+  display: block;
+  flex: 1 1 auto;
+  max-width: 100%;
+  overflow: auto;
+  position: relative;
+}
+.v-virtual-scroll__container {
+  display: block;
 }.v-window {
   overflow: hidden;
 }

package/dist/vuetify.d.ts

@@ -56415,6 +56415,155 @@ declare const VValidation: {
 }>>;
 type VValidation = InstanceType<typeof VValidation>;
 
+interface VVirtualScrollSlot<T> {
+    item: T;
+    index: number;
+}
+declare const VVirtualScroll: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            items: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
+            itemHeight: (StringConstructor | NumberConstructor)[];
+            visibleItems: (StringConstructor | NumberConstructor)[];
+        }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "items">>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            items: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
+            itemHeight: (StringConstructor | NumberConstructor)[];
+            visibleItems: (StringConstructor | NumberConstructor)[];
+        }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "items">>>, {
+            scrollToIndex: (index: number) => void;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "$slots" | "v-slots" | "items">, string, {}, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $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;
+    } & Readonly<vue.ExtractPropTypes<Omit<{
+        height: (StringConstructor | NumberConstructor)[];
+        maxHeight: (StringConstructor | NumberConstructor)[];
+        maxWidth: (StringConstructor | NumberConstructor)[];
+        minHeight: (StringConstructor | NumberConstructor)[];
+        minWidth: (StringConstructor | NumberConstructor)[];
+        width: (StringConstructor | NumberConstructor)[];
+        items: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        itemHeight: (StringConstructor | NumberConstructor)[];
+        visibleItems: (StringConstructor | NumberConstructor)[];
+    }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "items">>> & vue.ShallowUnwrapRef<{
+        scrollToIndex: (index: number) => void;
+    }> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    items: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    itemHeight: (StringConstructor | NumberConstructor)[];
+    visibleItems: (StringConstructor | NumberConstructor)[];
+}, "$children" | "v-slot:default" | "$slots" | "v-slots" | "items">>>, {
+    scrollToIndex: (index: number) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "$slots" | "v-slots" | "items">, string, {}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>() => {
+    $props: {
+        items: readonly T_1[];
+    } & {
+        $children?: vue.VNodeChild | ((args_0: VVirtualScrollSlot<T_1>) => vue.VNodeChild) | {
+            default?: ((args_0: VVirtualScrollSlot<T_1>) => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: ((args_0: VVirtualScrollSlot<T_1>) => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | ((args_0: VVirtualScrollSlot<T_1>) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((args_0: VVirtualScrollSlot<T_1>) => vue.VNodeChild) | undefined;
+    };
+}) & FilterPropsOptions<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    items: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    itemHeight: (StringConstructor | NumberConstructor)[];
+    visibleItems: (StringConstructor | NumberConstructor)[];
+}, vue.ExtractPropTypes<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    items: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    itemHeight: (StringConstructor | NumberConstructor)[];
+    visibleItems: (StringConstructor | NumberConstructor)[];
+}>>;
+type VVirtualScroll = InstanceType<typeof VVirtualScroll>;
+
 type ControlProps = {
     icon: IconValue;
     class: string;
@@ -59816,6 +59965,7 @@ declare const index_d$1_VToolbarItems: typeof VToolbarItems;
 declare const index_d$1_VToolbarTitle: typeof VToolbarTitle;
 declare const index_d$1_VTooltip: typeof VTooltip;
 declare const index_d$1_VValidation: typeof VValidation;
+declare const index_d$1_VVirtualScroll: typeof VVirtualScroll;
 declare const index_d$1_VWindow: typeof VWindow;
 declare const index_d$1_VWindowItem: typeof VWindowItem;
 declare namespace index_d$1 {
@@ -59950,6 +60100,7 @@ declare namespace index_d$1 {
     index_d$1_VToolbarTitle as VToolbarTitle,
     index_d$1_VTooltip as VTooltip,
     index_d$1_VValidation as VValidation,
+    index_d$1_VVirtualScroll as VVirtualScroll,
     index_d$1_VWindow as VWindow,
     index_d$1_VWindowItem as VWindowItem,
   };
@@ -60155,8 +60306,9 @@ declare module '@vue/runtime-core' {
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VBadge: typeof import('vuetify/components')['VBadge']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAvatar: typeof import('vuetify/components')['VAvatar']
+    VBadge: typeof import('vuetify/components')['VBadge']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
@@ -60164,7 +60316,6 @@ declare module '@vue/runtime-core' {
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VBtn: typeof import('vuetify/components')['VBtn']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
@@ -60179,13 +60330,12 @@ declare module '@vue/runtime-core' {
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VChip: typeof import('vuetify/components')['VChip']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
-    VDivider: typeof import('vuetify/components')['VDivider']
     VDialog: typeof import('vuetify/components')['VDialog']
+    VDivider: typeof import('vuetify/components')['VDivider']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
@@ -60193,19 +60343,18 @@ declare module '@vue/runtime-core' {
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VFileInput: typeof import('vuetify/components')['VFileInput']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
     VImg: typeof import('vuetify/components')['VImg']
-    VFooter: typeof import('vuetify/components')['VFooter']
+    VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VInput: typeof import('vuetify/components')['VInput']
     VKbd: typeof import('vuetify/components')['VKbd']
     VLabel: typeof import('vuetify/components')['VLabel']
-    VMain: typeof import('vuetify/components')['VMain']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -60215,18 +60364,20 @@ declare module '@vue/runtime-core' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
+    VMain: typeof import('vuetify/components')['VMain']
     VMenu: typeof import('vuetify/components')['VMenu']
     VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VPagination: typeof import('vuetify/components')['VPagination']
     VOverlay: typeof import('vuetify/components')['VOverlay']
+    VPagination: typeof import('vuetify/components')['VPagination']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelect: typeof import('vuetify/components')['VSelect']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSheet: typeof import('vuetify/components')['VSheet']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSlider: typeof import('vuetify/components')['VSlider']
@@ -60235,9 +60386,9 @@ declare module '@vue/runtime-core' {
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTable: typeof import('vuetify/components')['VTable']
     VTextField: typeof import('vuetify/components')['VTextField']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VToolbar: typeof import('vuetify/components')['VToolbar']
@@ -60246,13 +60397,12 @@ declare module '@vue/runtime-core' {
     VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VSheet: typeof import('vuetify/components')['VSheet']
+    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VHover: typeof import('vuetify/components')['VHover']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
@@ -60263,7 +60413,9 @@ declare module '@vue/runtime-core' {
     VRadio: typeof import('vuetify/components')['VRadio']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
+    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
+    VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -60280,6 +60432,6 @@ declare module '@vue/runtime-core' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
   }
 }

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.2.0-dev-20230405.0
+* Vuetify v3.2.0-dev-20230407.0
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { ref, onBeforeUnmount, watch, readonly, reactive, computed, watchEffect, toRefs, capitalize, getCurrentInstance as getCurrentInstance$1, unref, provide, inject as inject$1, onScopeDispose, effectScope, shallowRef, defineComponent as defineComponent$1, camelize, h, onDeactivated, onActivated, onMounted, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, Fragment, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, cloneVNode, warn, toHandlers, Teleport, createTextVNode, onBeforeUpdate, vModelText } from 'vue';
+import { ref, onBeforeUnmount, watch, readonly, reactive, computed, watchEffect, toRefs, capitalize, getCurrentInstance as getCurrentInstance$1, unref, provide, inject as inject$1, onScopeDispose, effectScope, shallowRef, defineComponent as defineComponent$1, camelize, h, onDeactivated, onActivated, onMounted, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, Fragment, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, cloneVNode, warn, toHandlers, Teleport, createTextVNode, onBeforeUpdate, vModelText, onUpdated } from 'vue';
 
 const IN_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
@@ -17989,6 +17989,177 @@ const VValidation = genericComponent()({
   }
 });
 
+const VVirtualScrollItem = genericComponent()({
+  name: 'VVirtualScrollItem',
+  props: {
+    dynamicHeight: Boolean
+  },
+  emits: {
+    'update:height': height => true
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const {
+      resizeRef,
+      contentRect
+    } = useResizeObserver();
+    useToggleScope(() => props.dynamicHeight, () => {
+      watch(() => contentRect.value?.height, height => {
+        if (height != null) emit('update:height', height);
+      });
+    });
+    function updateHeight() {
+      if (props.dynamicHeight && contentRect.value) {
+        emit('update:height', contentRect.value.height);
+      }
+    }
+    onUpdated(updateHeight);
+    useRender(() => createVNode("div", {
+      "ref": props.dynamicHeight ? resizeRef : undefined,
+      "class": "v-virtual-scroll__item"
+    }, [slots.default?.()]));
+  }
+});
+
+// Types
+
+const UP = -1;
+const DOWN = 1;
+const VVirtualScroll = genericComponent()({
+  name: 'VVirtualScroll',
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    itemHeight: [Number, String],
+    visibleItems: [Number, String],
+    ...makeDimensionProps()
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const first = ref(0);
+    const baseItemHeight = ref(props.itemHeight);
+    const itemHeight = computed({
+      get: () => parseInt(baseItemHeight.value ?? 0, 10),
+      set(val) {
+        baseItemHeight.value = val;
+      }
+    });
+    const rootEl = ref();
+    const {
+      resizeRef,
+      contentRect
+    } = useResizeObserver();
+    watchEffect(() => {
+      resizeRef.value = rootEl.value;
+    });
+    const display = useDisplay();
+    const sizeMap = new Map();
+    let sizes = createRange(props.items.length).map(() => itemHeight.value);
+    const visibleItems = computed(() => {
+      return props.visibleItems ? parseInt(props.visibleItems, 10) : Math.max(12, Math.ceil((contentRect.value?.height ?? display.height.value) / itemHeight.value * 1.7 + 1));
+    });
+    function handleItemResize(index, height) {
+      itemHeight.value = Math.max(itemHeight.value, height);
+      sizes[index] = height;
+      sizeMap.set(props.items[index], height);
+    }
+    function calculateOffset(index) {
+      return sizes.slice(0, index).reduce((curr, value) => curr + (value || itemHeight.value), 0);
+    }
+    function calculateMidPointIndex(scrollTop) {
+      let start = 0;
+      let end = props.items.length;
+      while (start <= end) {
+        const middle = start + Math.floor((end - start) / 2);
+        const middleOffset = calculateOffset(middle);
+        if (middleOffset === scrollTop) {
+          return middle;
+        } else if (middleOffset < scrollTop) {
+          start = middle + 1;
+        } else if (middleOffset > scrollTop) {
+          end = middle - 1;
+        }
+      }
+      return start;
+    }
+    let lastScrollTop = 0;
+    function handleScroll() {
+      if (!rootEl.value || !contentRect.value) return;
+      const height = contentRect.value.height;
+      const scrollTop = rootEl.value.scrollTop;
+      const direction = scrollTop < lastScrollTop ? UP : DOWN;
+      const midPointIndex = calculateMidPointIndex(scrollTop + height / 2);
+      const buffer = Math.round(visibleItems.value / 3);
+      if (direction === UP && midPointIndex <= first.value + buffer * 2 - 1) {
+        first.value = clamp(midPointIndex - buffer, 0, props.items.length);
+      } else if (direction === DOWN && midPointIndex >= first.value + buffer * 2 - 1) {
+        first.value = clamp(midPointIndex - buffer, 0, props.items.length - visibleItems.value);
+      }
+      lastScrollTop = rootEl.value.scrollTop;
+    }
+    function scrollToIndex(index) {
+      if (!rootEl.value) return;
+      const offset = calculateOffset(index);
+      rootEl.value.scrollTop = offset;
+    }
+    const last = computed(() => Math.min(props.items.length, first.value + visibleItems.value));
+    const computedItems = computed(() => props.items.slice(first.value, last.value));
+    const paddingTop = computed(() => calculateOffset(first.value));
+    const paddingBottom = computed(() => calculateOffset(props.items.length) - calculateOffset(last.value));
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    onMounted(() => {
+      if (!itemHeight.value) {
+        // If itemHeight prop is not set, then calculate an estimated height from the average of inital items
+        itemHeight.value = sizes.slice(first.value, last.value).reduce((curr, height) => curr + height, 0) / visibleItems.value;
+      }
+    });
+    watch(() => props.items.length, () => {
+      sizes = createRange(props.items.length).map(() => itemHeight.value);
+      sizeMap.forEach((height, item) => {
+        const index = props.items.indexOf(item);
+        if (index === -1) {
+          sizeMap.delete(item);
+        } else {
+          sizes[index] = height;
+        }
+      });
+    });
+    useRender(() => createVNode("div", {
+      "ref": rootEl,
+      "class": "v-virtual-scroll",
+      "onScroll": handleScroll,
+      "style": dimensionStyles.value
+    }, [createVNode("div", {
+      "class": "v-virtual-scroll__container",
+      "style": {
+        paddingTop: convertToUnit(paddingTop.value),
+        paddingBottom: convertToUnit(paddingBottom.value)
+      }
+    }, [computedItems.value.map((item, index) => createVNode(VVirtualScrollItem, {
+      "key": index,
+      "dynamicHeight": !props.itemHeight,
+      "onUpdate:height": height => handleItemResize(index + first.value, height)
+    }, {
+      default: () => [slots.default?.({
+        item,
+        index: index + first.value
+      })]
+    }))])]));
+    return {
+      scrollToIndex
+    };
+  }
+});
+
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   VAlert: VAlert,
@@ -18121,6 +18292,7 @@ var components = /*#__PURE__*/Object.freeze({
   VToolbarTitle: VToolbarTitle,
   VTooltip: VTooltip,
   VValidation: VValidation,
+  VVirtualScroll: VVirtualScroll,
   VWindow: VWindow,
   VWindowItem: VWindowItem
 });
@@ -18333,7 +18505,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.2.0-dev-20230405.0";
+const version$1 = "3.2.0-dev-20230407.0";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -18353,7 +18525,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.2.0-dev-20230405.0";
+const version = "3.2.0-dev-20230407.0";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };