vuetify 3.6.15 → 3.7.0

package/dist/vuetify-labs.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.6.15
+* Vuetify v3.7.0
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { shallowRef, Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, readonly, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, onBeforeUnmount, watch, nextTick, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, createVNode, Suspense, TransitionGroup, Transition, mergeProps, isRef, toRef, onBeforeMount, withDirectives, resolveDirective, vShow, onMounted, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
+import { shallowRef, Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, createVNode, TransitionGroup, Transition, mergeProps, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -539,16 +539,6 @@ function defer(timeout, cb) {
   const timeoutId = window.setTimeout(cb, timeout);
   return () => window.clearTimeout(timeoutId);
 }
-function eagerComputed(fn, options) {
-  const result = shallowRef();
-  watchEffect(() => {
-    result.value = fn();
-  }, {
-    flush: 'sync',
-    ...options
-  });
-  return readonly(result);
-}
 function isClickInsideElement(event, targetDiv) {
   const mouseX = event.clientX;
   const mouseY = event.clientY;
@@ -575,6 +565,11 @@ function templateRef() {
   });
   return fn;
 }
+function checkPrintable(e) {
+  const isPrintableChar = e.key.length === 1;
+  const noModifier = !e.ctrlKey && !e.metaKey && !e.altKey;
+  return isPrintableChar && noModifier;
+}
 
 // Utilities
 const block = ['top', 'bottom'];
@@ -1643,9 +1638,7 @@ const makeLayoutItemProps = propsFactory({
 function useLayout() {
   const layout = inject$1(VuetifyLayoutKey);
   if (!layout) throw new Error('[Vuetify] Could not find injected layout');
-  const layoutIsReady = nextTick();
   return {
-    layoutIsReady,
     getLayoutItem: layout.getLayoutItem,
     mainRect: layout.mainRect,
     mainStyles: layout.mainStyles
@@ -1662,7 +1655,6 @@ function useLayoutItem(options) {
   const isKeptAlive = shallowRef(false);
   onDeactivated(() => isKeptAlive.value = true);
   onActivated(() => isKeptAlive.value = false);
-  const layoutIsReady = nextTick();
   const {
     layoutItemStyles,
     layoutItemScrimStyles
@@ -1675,8 +1667,7 @@ function useLayoutItem(options) {
   return {
     layoutItemStyles,
     layoutRect: layout.layoutRect,
-    layoutItemScrimStyles,
-    layoutIsReady
+    layoutItemScrimStyles
   };
 }
 const generateLayers = (layout, positions, layoutSizes, activeItems) => {
@@ -1722,7 +1713,29 @@ function createLayout(props) {
     resizeRef,
     contentRect: layoutRect
   } = useResizeObserver();
-  const layers = eagerComputed(() => {
+  const computedOverlaps = computed(() => {
+    const map = new Map();
+    const overlaps = props.overlaps ?? [];
+    for (const overlap of overlaps.filter(item => item.includes(':'))) {
+      const [top, bottom] = overlap.split(':');
+      if (!registered.value.includes(top) || !registered.value.includes(bottom)) continue;
+      const topPosition = positions.get(top);
+      const bottomPosition = positions.get(bottom);
+      const topAmount = layoutSizes.get(top);
+      const bottomAmount = layoutSizes.get(bottom);
+      if (!topPosition || !bottomPosition || !topAmount || !bottomAmount) continue;
+      map.set(bottom, {
+        position: topPosition.value,
+        amount: parseInt(topAmount.value, 10)
+      });
+      map.set(top, {
+        position: bottomPosition.value,
+        amount: -parseInt(bottomAmount.value, 10)
+      });
+    }
+    return map;
+  });
+  const layers = computed(() => {
     const uniquePriorities = [...new Set([...priorities.values()].map(p => p.value))].sort((a, b) => a - b);
     const layout = [];
     for (const p of uniquePriorities) {
@@ -1748,7 +1761,7 @@ function createLayout(props) {
       })
     };
   });
-  const items = eagerComputed(() => {
+  const items = computed(() => {
     return layers.value.slice(1).map((_ref, index) => {
       let {
         id
@@ -1770,7 +1783,10 @@ function createLayout(props) {
     return items.value.find(item => item.id === id);
   };
   const rootVm = getCurrentInstance('createLayout');
-  const layoutIsReady = nextTick();
+  const isMounted = shallowRef(false);
+  onMounted(() => {
+    isMounted.value = true;
+  });
   provide(VuetifyLayoutKey, {
     register: (vm, _ref2) => {
       let {
@@ -1808,9 +1824,13 @@ function createLayout(props) {
             transition: 'none'
           })
         };
-        if (index.value < 0) throw new Error(`Layout item "${id}" is missing`);
+        if (!isMounted.value) return styles;
         const item = items.value[index.value];
         if (!item) throw new Error(`[Vuetify] Could not find layout item "${id}"`);
+        const overlap = computedOverlaps.value.get(id);
+        if (overlap) {
+          item[overlap.position] += overlap.amount;
+        }
         return {
           ...styles,
           height: isHorizontal ? `calc(100% - ${item.top}px - ${item.bottom}px)` : elementSize.value ? `${elementSize.value}px` : undefined,
@@ -1843,8 +1863,7 @@ function createLayout(props) {
     getLayoutItem,
     items,
     layoutRect,
-    rootZIndex,
-    layoutIsReady
+    rootZIndex
   });
   const layoutClasses = computed(() => ['v-layout', {
     'v-layout--full-height': props.fullHeight
@@ -1860,7 +1879,6 @@ function createLayout(props) {
     getLayoutItem,
     items,
     layoutRect,
-    layoutIsReady,
     layoutRef: resizeRef
   };
 }
@@ -2557,9 +2575,7 @@ const VApp = genericComponent()({
       "style": [props.style]
     }, [createVNode("div", {
       "class": "v-application__wrap"
-    }, [createVNode(Suspense, null, {
-      default: () => [createVNode(Fragment, null, [slots.default?.()])]
-    })])]));
+    }, [slots.default?.()])]));
     return {
       getLayoutItem,
       items,
@@ -3248,6 +3264,7 @@ const Intersect = {
 // not intended for public use, this is passed in by vuetify-loader
 
 const makeVImgProps = propsFactory({
+  absolute: Boolean,
   alt: String,
   cover: Boolean,
   color: String,
@@ -3504,6 +3521,7 @@ const VImg = genericComponent()({
       const responsiveProps = VResponsive.filterProps(props);
       return withDirectives(createVNode(VResponsive, mergeProps({
         "class": ['v-img', {
+          'v-img--absolute': props.absolute,
           'v-img--booting': !isBooted.value
         }, backgroundColorClasses.value, roundedClasses.value, props.class],
         "style": [{
@@ -3916,8 +3934,9 @@ const VAppBar = genericComponent()({
     const isFlat = computed(() => props.flat || scrollBehavior.value.fullyHide && !isActive.value || scrollBehavior.value.elevate && (scrollBehavior.value.inverted ? currentScroll.value > 0 : currentScroll.value === 0));
     const opacity = computed(() => scrollBehavior.value.fadeImage ? scrollBehavior.value.inverted ? 1 - scrollRatio.value : scrollRatio.value : undefined);
     const height = computed(() => {
-      const height = Number(vToolbarRef.value?.contentHeight ?? props.height);
-      const extensionHeight = Number(vToolbarRef.value?.extensionHeight ?? 0);
+      if (scrollBehavior.value.hide && scrollBehavior.value.inverted) return 0;
+      const height = vToolbarRef.value?.contentHeight ?? 0;
+      const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
       if (!canHide.value) return height + extensionHeight;
       return currentScroll.value < scrollThreshold.value || scrollBehavior.value.fullyHide ? height + extensionHeight : height;
     });
@@ -3938,8 +3957,7 @@ const VAppBar = genericComponent()({
       ssrBootStyles
     } = useSsrBoot();
     const {
-      layoutItemStyles,
-      layoutIsReady
+      layoutItemStyles
     } = useLayoutItem({
       id: props.name,
       order: computed(() => parseInt(props.order, 10)),
@@ -3967,7 +3985,7 @@ const VAppBar = genericComponent()({
         "flat": isFlat.value
       }), slots);
     });
-    return layoutIsReady;
+    return {};
   }
 });
 
@@ -5511,6 +5529,7 @@ const makeVBtnProps = propsFactory({
     type: Boolean,
     default: undefined
   },
+  activeColor: String,
   baseColor: String,
   symbol: {
     type: null,
@@ -5602,10 +5621,11 @@ const VBtn = genericComponent()({
       }
       return group?.isSelected.value;
     });
+    const color = computed(() => isActive.value ? props.activeColor ?? props.color : props.color);
     const variantProps = computed(() => {
       const showColor = group?.isSelected.value && (!link.isLink.value || link.isActive?.value) || !group || link.isActive?.value;
       return {
-        color: showColor ? props.color ?? props.baseColor : props.baseColor,
+        color: showColor ? color.value ?? props.baseColor : props.baseColor,
         variant: props.variant
       };
     });
@@ -5946,6 +5966,7 @@ const makeVAvatarProps = propsFactory({
   icon: IconValue,
   image: String,
   text: String,
+  ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeRoundedProps(),
@@ -5966,6 +5987,9 @@ const VAvatar = genericComponent()({
     const {
       themeClasses
     } = provideTheme(props);
+    const {
+      borderClasses
+    } = useBorder(props);
     const {
       colorClasses,
       colorStyles,
@@ -5985,7 +6009,7 @@ const VAvatar = genericComponent()({
       "class": ['v-avatar', {
         'v-avatar--start': props.start,
         'v-avatar--end': props.end
-      }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
+      }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
       "style": [colorStyles.value, sizeStyles.value, props.style]
     }, {
       default: () => [!slots.default ? props.image ? createVNode(VImg, {
@@ -6685,12 +6709,14 @@ function useValidation(props) {
   const validateOn = computed(() => {
     let value = (props.validateOn ?? form?.validateOn.value) || 'input';
     if (value === 'lazy') value = 'input lazy';
+    if (value === 'eager') value = 'input eager';
     const set = new Set(value?.split(' ') ?? []);
     return {
-      blur: set.has('blur') || set.has('input'),
       input: set.has('input'),
-      submit: set.has('submit'),
-      lazy: set.has('lazy')
+      blur: set.has('blur') || set.has('input') || set.has('invalid-input'),
+      invalidInput: set.has('invalid-input'),
+      lazy: set.has('lazy'),
+      eager: set.has('eager')
     };
   });
   const isValid = computed(() => {
@@ -6727,11 +6753,11 @@ function useValidation(props) {
   });
   onMounted(async () => {
     if (!validateOn.value.lazy) {
-      await validate(true);
+      await validate(!validateOn.value.eager);
     }
     form?.update(uid.value, isValid.value, errorMessages.value);
   });
-  useToggleScope(() => validateOn.value.input, () => {
+  useToggleScope(() => validateOn.value.input || validateOn.value.invalidInput && isValid.value === false, () => {
     watch(validationModel, () => {
       if (validationModel.value != null) {
         validate();
@@ -6759,7 +6785,7 @@ function useValidation(props) {
   async function resetValidation() {
     isPristine.value = true;
     if (!validateOn.value.lazy) {
-      await validate(true);
+      await validate(!validateOn.value.eager);
     } else {
       internalErrorMessages.value = [];
     }
@@ -7699,7 +7725,9 @@ const VSlideGroup = genericComponent()({
       selected: group.selected,
       scrollTo,
       scrollOffset,
-      focus
+      focus,
+      hasPrev,
+      hasNext
     };
   }
 });
@@ -8169,6 +8197,7 @@ const leafSingleActiveStrategy = mandatory => {
   return strategy;
 };
 
+// Utilities
 const singleOpenStrategy = {
   open: _ref => {
     let {
@@ -8202,11 +8231,11 @@ const multipleOpenStrategy = {
       parents
     } = _ref2;
     if (value) {
-      let parent = parents.get(id);
+      let parent = toRaw(parents.get(id));
       opened.add(id);
       while (parent != null && parent !== id) {
         opened.add(parent);
-        parent = parents.get(parent);
+        parent = toRaw(parents.get(parent));
       }
       return opened;
     } else {
@@ -8377,18 +8406,18 @@ const classicSelectStrategy = mandatory => {
       const items = [id];
       while (items.length) {
         const item = items.shift();
-        selected.set(item, value ? 'on' : 'off');
+        selected.set(toRaw(item), value ? 'on' : 'off');
         if (children.has(item)) {
           items.push(...children.get(item));
         }
       }
-      let parent = parents.get(id);
+      let parent = toRaw(parents.get(id));
       while (parent) {
         const childrenIds = children.get(parent);
-        const everySelected = childrenIds.every(cid => selected.get(cid) === 'on');
-        const noneSelected = childrenIds.every(cid => !selected.has(cid) || selected.get(cid) === 'off');
+        const everySelected = childrenIds.every(cid => selected.get(toRaw(cid)) === 'on');
+        const noneSelected = childrenIds.every(cid => !selected.has(toRaw(cid)) || selected.get(toRaw(cid)) === 'off');
         selected.set(parent, everySelected ? 'on' : noneSelected ? 'off' : 'indeterminate');
-        parent = parents.get(parent);
+        parent = toRaw(parents.get(parent));
       }
 
       // If mandatory and planned deselect results in no selected
@@ -8466,7 +8495,7 @@ const useNested = props => {
   let isUnmounted = false;
   const children = ref(new Map());
   const parents = ref(new Map());
-  const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(v), v => [...v.values()]);
+  const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(toRaw(v)), v => [...v.values()]);
   const activeStrategy = computed(() => {
     if (typeof props.activeStrategy === 'object') return props.activeStrategy;
     if (typeof props.activeStrategy === 'function') return props.activeStrategy(props.mandatory);
@@ -8639,9 +8668,9 @@ const useNestedItem = (id, isGroup) => {
   const item = {
     ...parent,
     id: computedId,
-    open: (open, e) => parent.root.open(computedId.value, open, e),
+    open: (open, e) => parent.root.open(toRaw(computedId.value), open, e),
     openOnSelect: (open, e) => parent.root.openOnSelect(computedId.value, open, e),
-    isOpen: computed(() => parent.root.opened.value.has(computedId.value)),
+    isOpen: computed(() => parent.root.opened.value.has(toRaw(computedId.value))),
     parent: computed(() => parent.root.parents.value.get(computedId.value)),
     activate: (activated, e) => parent.root.activate(computedId.value, activated, e),
     isActivated: computed(() => parent.root.activated.value.has(toRaw(computedId.value))),
@@ -8865,6 +8894,7 @@ const VListItem = genericComponent()({
       activate,
       isActivated,
       select,
+      isOpen,
       isSelected,
       isIndeterminate,
       isGroupActivator,
@@ -8919,6 +8949,7 @@ const VListItem = genericComponent()({
     const slotProps = computed(() => ({
       isActive: isActive.value,
       select,
+      isOpen: isOpen.value,
       isSelected: isSelected.value,
       isIndeterminate: isIndeterminate.value
     }));
@@ -8938,7 +8969,7 @@ const VListItem = genericComponent()({
     function onKeyDown(e) {
       if (e.key === 'Enter' || e.key === ' ') {
         e.preventDefault();
-        onClick(e);
+        e.target.dispatchEvent(new MouseEvent('click', e));
       }
     }
     useRender(() => {
@@ -9728,12 +9759,6 @@ function getIntrinsicSize(el, isRtl) {
   // el.style.removeProperty('max-width')
   // el.style.removeProperty('max-height')
 
-  if (isRtl) {
-    el.style.removeProperty('left');
-  } else {
-    el.style.removeProperty('right');
-  }
-
   /* eslint-disable-next-line sonarjs/prefer-immediate-return */
   const contentBox = nullifyTransforms(el);
   if (isRtl) {
@@ -10261,7 +10286,8 @@ const makeActivatorProps = propsFactory({
 function useActivator(props, _ref) {
   let {
     isActive,
-    isTop
+    isTop,
+    contentEl
   } = _ref;
   const vm = getCurrentInstance('useActivator');
   const activatorEl = ref();
@@ -10378,7 +10404,7 @@ function useActivator(props, _ref) {
     return events;
   });
   watch(isTop, val => {
-    if (val && (props.openOnHover && !isHovered && (!openOnFocus.value || !isFocused) || openOnFocus.value && !isFocused && (!props.openOnHover || !isHovered))) {
+    if (val && (props.openOnHover && !isHovered && (!openOnFocus.value || !isFocused) || openOnFocus.value && !isFocused && (!props.openOnHover || !isHovered)) && !contentEl.value?.contains(document.activeElement)) {
       isActive.value = false;
     }
   });
@@ -10788,6 +10814,9 @@ const VOverlay = genericComponent()({
       emit
     } = _ref;
     const vm = getCurrentInstance('VOverlay');
+    const root = ref();
+    const scrimEl = ref();
+    const contentEl = ref();
     const model = useProxiedModel(props, 'modelValue');
     const isActive = computed({
       get: () => model.value,
@@ -10825,7 +10854,8 @@ const VOverlay = genericComponent()({
       scrimEvents
     } = useActivator(props, {
       isActive,
-      isTop: localTop
+      isTop: localTop,
+      contentEl
     });
     const {
       teleportTarget
@@ -10846,9 +10876,6 @@ const VOverlay = genericComponent()({
     watch(() => props.disabled, v => {
       if (v) isActive.value = false;
     });
-    const root = ref();
-    const scrimEl = ref();
-    const contentEl = ref();
     const {
       contentStyles,
       updateLocation
@@ -11099,10 +11126,12 @@ const makeVMenuProps = propsFactory({
   // TODO
   // disableKeys: Boolean,
   id: String,
+  submenu: Boolean,
   ...omit(makeVOverlayProps({
     closeDelay: 250,
     closeOnContentClick: true,
     locationStrategy: 'connected',
+    location: undefined,
     openDelay: 300,
     scrim: false,
     scrollStrategy: 'reposition',
@@ -11125,27 +11154,32 @@ const VMenu = genericComponent()({
     const {
       scopeId
     } = useScopeId();
+    const {
+      isRtl
+    } = useRtl();
     const uid = getUid();
     const id = computed(() => props.id || `v-menu-${uid}`);
     const overlay = ref();
     const parent = inject$1(VMenuSymbol, null);
-    const openChildren = shallowRef(0);
+    const openChildren = shallowRef(new Set());
     provide(VMenuSymbol, {
       register() {
-        ++openChildren.value;
+        openChildren.value.add(uid);
       },
       unregister() {
-        --openChildren.value;
+        openChildren.value.delete(uid);
       },
       closeParents(e) {
         setTimeout(() => {
-          if (!openChildren.value && !props.persistent && (e == null || overlay.value?.contentEl && !isClickInsideElement(e, overlay.value.contentEl))) {
+          if (!openChildren.value.size && !props.persistent && (e == null || overlay.value?.contentEl && !isClickInsideElement(e, overlay.value.contentEl))) {
             isActive.value = false;
             parent?.closeParents();
           }
         }, 40);
       }
     });
+    onBeforeUnmount(() => parent?.unregister());
+    onDeactivated(() => isActive.value = false);
     async function onFocusIn(e) {
       const before = e.relatedTarget;
       const after = e.target;
@@ -11185,9 +11219,9 @@ const VMenu = genericComponent()({
           isActive.value = false;
           overlay.value?.activatorEl?.focus();
         }
-      } else if (['Enter', ' '].includes(e.key) && props.closeOnContentClick) {
+      } else if (props.submenu && e.key === (isRtl.value ? 'ArrowRight' : 'ArrowLeft')) {
         isActive.value = false;
-        parent?.closeParents();
+        overlay.value?.activatorEl?.focus();
       }
     }
     function onActivatorKeydown(e) {
@@ -11196,12 +11230,21 @@ const VMenu = genericComponent()({
       if (el && isActive.value) {
         if (e.key === 'ArrowDown') {
           e.preventDefault();
+          e.stopImmediatePropagation();
           focusChild(el, 'next');
         } else if (e.key === 'ArrowUp') {
           e.preventDefault();
+          e.stopImmediatePropagation();
           focusChild(el, 'prev');
+        } else if (props.submenu) {
+          if (e.key === (isRtl.value ? 'ArrowRight' : 'ArrowLeft')) {
+            isActive.value = false;
+          } else if (e.key === (isRtl.value ? 'ArrowLeft' : 'ArrowRight')) {
+            e.preventDefault();
+            focusChild(el, 'first');
+          }
         }
-      } else if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
+      } else if (props.submenu ? e.key === (isRtl.value ? 'ArrowLeft' : 'ArrowRight') : ['ArrowDown', 'ArrowUp'].includes(e.key)) {
         isActive.value = true;
         e.preventDefault();
         setTimeout(() => setTimeout(() => onActivatorKeydown(e)));
@@ -11225,6 +11268,7 @@ const VMenu = genericComponent()({
         "onUpdate:modelValue": $event => isActive.value = $event,
         "absolute": true,
         "activatorProps": activatorProps.value,
+        "location": props.location ?? (props.submenu ? 'end' : 'bottom'),
         "onClick:outside": onClickOutside,
         "onKeydown": onKeydown
       }, scopeId), {
@@ -12057,6 +12101,7 @@ function useVirtual(props, items) {
     deep: true
   });
   return {
+    calculateVisibleItems,
     containerRef,
     markerRef,
     computedItems,
@@ -12120,6 +12165,7 @@ const VVirtualScroll = genericComponent()({
       dimensionStyles
     } = useDimension(props);
     const {
+      calculateVisibleItems,
       containerRef,
       markerRef,
       handleScroll,
@@ -12191,6 +12237,7 @@ const VVirtualScroll = genericComponent()({
       }, [children])]);
     });
     return {
+      calculateVisibleItems,
       scrollToIndex
     };
   }
@@ -12259,9 +12306,9 @@ function useScrolling(listRef, textFieldRef) {
     }
   }
   return {
-    onListScroll,
-    onListKeydown
-  };
+    onScrollPassive: onListScroll,
+    onKeydown: onListKeydown
+  }; // typescript doesn't know about vue's event merging
 }
 
 // Types
@@ -12336,7 +12383,7 @@ const VSelect = genericComponent()({
     const menu = computed({
       get: () => _menu.value,
       set: v => {
-        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return;
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
         _menu.value = v;
       }
     });
@@ -12375,10 +12422,7 @@ const VSelect = genericComponent()({
       };
     });
     const listRef = ref();
-    const {
-      onListScroll,
-      onListKeydown
-    } = useScrolling(listRef, vTextFieldRef);
+    const listEvents = useScrolling(listRef, vTextFieldRef);
     function onClear(e) {
       if (props.openOnClear) {
         menu.value = true;
@@ -12388,6 +12432,11 @@ const VSelect = genericComponent()({
       if (menuDisabled.value) return;
       menu.value = !menu.value;
     }
+    function onListKeydown(e) {
+      if (checkPrintable(e)) {
+        onKeydown(e);
+      }
+    }
     function onKeydown(e) {
       if (!e.key || props.readonly || form?.isReadonly.value) return;
       if (['Enter', ' ', 'ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) {
@@ -12408,11 +12457,6 @@ const VSelect = genericComponent()({
       // html select hotkeys
       const KEYBOARD_LOOKUP_THRESHOLD = 1000; // milliseconds
 
-      function checkPrintable(e) {
-        const isPrintableChar = e.key.length === 1;
-        const noModifier = !e.ctrlKey && !e.metaKey && !e.altKey;
-        return isPrintableChar && noModifier;
-      }
       if (props.multiple || !checkPrintable(e)) return;
       const now = performance.now();
       if (now - keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {
@@ -12457,6 +12501,11 @@ const VSelect = genericComponent()({
         menu.value = false;
       }
     }
+    function onAfterEnter() {
+      if (props.eager) {
+        vVirtualScrollRef.value?.calculateVisibleItems();
+      }
+    }
     function onAfterLeave() {
       if (isFocused.value) {
         vTextFieldRef.value?.focus();
@@ -12535,6 +12584,7 @@ const VSelect = genericComponent()({
           "openOnClick": false,
           "closeOnContentClick": false,
           "transition": props.transition,
+          "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, computedMenuProps.value), {
           default: () => [hasList && createVNode(VList, mergeProps({
@@ -12544,11 +12594,10 @@ const VSelect = genericComponent()({
             "onMousedown": e => e.preventDefault(),
             "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
-            "onScrollPassive": onListScroll,
             "tabindex": "-1",
             "aria-live": "polite",
             "color": props.itemColor ?? props.color
-          }, props.listProps), {
+          }, listEvents, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
@@ -12843,7 +12892,7 @@ const VAutocomplete = genericComponent()({
     const menu = computed({
       get: () => _menu.value,
       set: v => {
-        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return;
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
         _menu.value = v;
       }
     });
@@ -12887,10 +12936,7 @@ const VAutocomplete = genericComponent()({
     });
     const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
-    const {
-      onListScroll,
-      onListKeydown
-    } = useScrolling(listRef, vTextFieldRef);
+    const listEvents = useScrolling(listRef, vTextFieldRef);
     function onClear(e) {
       if (props.openOnClear) {
         menu.value = true;
@@ -12909,6 +12955,11 @@ const VAutocomplete = genericComponent()({
       }
       menu.value = !menu.value;
     }
+    function onListKeydown(e) {
+      if (checkPrintable(e)) {
+        vTextFieldRef.value?.focus();
+      }
+    }
     function onKeydown(e) {
       if (props.readonly || form?.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
@@ -12973,6 +13024,11 @@ const VAutocomplete = genericComponent()({
         }
       }
     }
+    function onAfterEnter() {
+      if (props.eager) {
+        vVirtualScrollRef.value?.calculateVisibleItems();
+      }
+    }
     function onAfterLeave() {
       if (isFocused.value) {
         isPristine.value = true;
@@ -13101,6 +13157,7 @@ const VAutocomplete = genericComponent()({
           "openOnClick": false,
           "closeOnContentClick": false,
           "transition": props.transition,
+          "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, props.menuProps), {
           default: () => [hasList && createVNode(VList, mergeProps({
@@ -13111,11 +13168,10 @@ const VAutocomplete = genericComponent()({
             "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
             "onFocusout": onFocusout,
-            "onScrollPassive": onListScroll,
             "tabindex": "-1",
             "aria-live": "polite",
             "color": props.itemColor ?? props.color
-          }, props.listProps), {
+          }, listEvents, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
@@ -13565,8 +13621,7 @@ const VBottomNavigation = genericComponent()({
     const height = computed(() => Number(props.height) - (props.density === 'comfortable' ? 8 : 0) - (props.density === 'compact' ? 16 : 0));
     const isActive = useProxiedModel(props, 'active', props.active);
     const {
-      layoutItemStyles,
-      layoutIsReady
+      layoutItemStyles
     } = useLayoutItem({
       id: props.name,
       order: computed(() => parseInt(props.order, 10)),
@@ -13604,7 +13659,7 @@ const VBottomNavigation = genericComponent()({
         }, [slots.default()])]
       });
     });
-    return layoutIsReady;
+    return {};
   }
 });
 
@@ -16676,7 +16731,7 @@ const VCombobox = genericComponent()({
     const menu = computed({
       get: () => _menu.value,
       set: v => {
-        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return;
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
         _menu.value = v;
       }
     });
@@ -16759,10 +16814,7 @@ const VCombobox = genericComponent()({
     });
     const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
-    const {
-      onListScroll,
-      onListKeydown
-    } = useScrolling(listRef, vTextFieldRef);
+    const listEvents = useScrolling(listRef, vTextFieldRef);
     function onClear(e) {
       cleared = true;
       if (props.openOnClear) {
@@ -16781,6 +16833,11 @@ const VCombobox = genericComponent()({
       }
       menu.value = !menu.value;
     }
+    function onListKeydown(e) {
+      if (checkPrintable(e)) {
+        vTextFieldRef.value?.focus();
+      }
+    }
     // eslint-disable-next-line complexity
     function onKeydown(e) {
       if (isComposingIgnoreKey(e) || props.readonly || form?.isReadonly.value) return;
@@ -16845,6 +16902,11 @@ const VCombobox = genericComponent()({
         }
       }
     }
+    function onAfterEnter() {
+      if (props.eager) {
+        vVirtualScrollRef.value?.calculateVisibleItems();
+      }
+    }
     function onAfterLeave() {
       if (isFocused.value) {
         isPristine.value = true;
@@ -16969,6 +17031,7 @@ const VCombobox = genericComponent()({
           "openOnClick": false,
           "closeOnContentClick": false,
           "transition": props.transition,
+          "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, props.menuProps), {
           default: () => [hasList && createVNode(VList, mergeProps({
@@ -16979,11 +17042,10 @@ const VCombobox = genericComponent()({
             "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
             "onFocusout": onFocusout,
-            "onScrollPassive": onListScroll,
             "tabindex": "-1",
             "aria-live": "polite",
             "color": props.itemColor ?? props.color
-          }, props.listProps), {
+          }, listEvents, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
@@ -20927,6 +20989,7 @@ const makeVContainerProps = propsFactory({
     default: false
   },
   ...makeComponentProps(),
+  ...makeDimensionProps(),
   ...makeTagProps()
 }, 'VContainer');
 const VContainer = genericComponent()({
@@ -20939,11 +21002,14 @@ const VContainer = genericComponent()({
     const {
       rtlClasses
     } = useRtl();
+    const {
+      dimensionStyles
+    } = useDimension(props);
     useRender(() => createVNode(props.tag, {
       "class": ['v-container', {
         'v-container--fluid': props.fluid
       }, rtlClasses.value, props.class],
-      "style": props.style
+      "style": [dimensionStyles.value, props.style]
     }, slots));
     return {};
   }
@@ -22365,7 +22431,8 @@ const makeVExpansionPanelTitleProps = propsFactory({
     default: false
   },
   readonly: Boolean,
-  ...makeComponentProps()
+  ...makeComponentProps(),
+  ...makeDimensionProps()
 }, 'VExpansionPanelTitle');
 const VExpansionPanelTitle = genericComponent()({
   name: 'VExpansionPanelTitle',
@@ -22383,6 +22450,9 @@ const VExpansionPanelTitle = genericComponent()({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(props, 'color');
+    const {
+      dimensionStyles
+    } = useDimension(props);
     const slotProps = computed(() => ({
       collapseIcon: props.collapseIcon,
       disabled: expansionPanel.disabled.value,
@@ -22397,7 +22467,7 @@ const VExpansionPanelTitle = genericComponent()({
         'v-expansion-panel-title--focusable': props.focusable,
         'v-expansion-panel-title--static': props.static
       }, backgroundColorClasses.value, props.class],
-      "style": [backgroundColorStyles.value, props.style],
+      "style": [backgroundColorStyles.value, dimensionStyles.value, props.style],
       "type": "button",
       "tabindex": expansionPanel.disabled.value ? -1 : undefined,
       "disabled": expansionPanel.disabled.value,
@@ -22920,7 +22990,6 @@ const VFooter = genericComponent()({
       slots
     } = _ref;
     const layoutItemStyles = ref();
-    const layoutIsReady = shallowRef();
     const {
       themeClasses
     } = provideTheme(props);
@@ -22957,7 +23026,6 @@ const VFooter = genericComponent()({
       });
       watchEffect(() => {
         layoutItemStyles.value = layout.layoutItemStyles.value;
-        layoutIsReady.value = layout.layoutIsReady;
       });
     });
     useRender(() => createVNode(props.tag, {
@@ -22967,7 +23035,7 @@ const VFooter = genericComponent()({
         height: convertToUnit(props.height)
       }, props.style]
     }, slots));
-    return props.app ? layoutIsReady.value : {};
+    return {};
   }
 });
 
@@ -23394,9 +23462,7 @@ const VLayout = genericComponent()({
       "ref": layoutRef,
       "class": [layoutClasses.value, props.class],
       "style": [dimensionStyles.value, layoutStyles.value, props.style]
-    }, [createVNode(Suspense, null, {
-      default: () => [createVNode(Fragment, null, [slots.default?.()])]
-    })]));
+    }, [slots.default?.()]));
     return {
       getLayoutItem,
       items
@@ -23427,8 +23493,7 @@ const VLayoutItem = genericComponent()({
       slots
     } = _ref;
     const {
-      layoutItemStyles,
-      layoutIsReady
+      layoutItemStyles
     } = useLayoutItem({
       id: props.name,
       order: computed(() => parseInt(props.order, 10)),
@@ -23438,11 +23503,10 @@ const VLayoutItem = genericComponent()({
       active: toRef(props, 'modelValue'),
       absolute: toRef(props, 'absolute')
     });
-    useRender(() => createVNode("div", {
+    return () => createVNode("div", {
       "class": ['v-layout-item', props.class],
       "style": [layoutItemStyles.value, props.style]
-    }, [slots.default?.()]));
-    return layoutIsReady;
+    }, [slots.default?.()]);
   }
 });
 
@@ -23553,8 +23617,7 @@ const VMain = genericComponent()({
       dimensionStyles
     } = useDimension(props);
     const {
-      mainStyles,
-      layoutIsReady
+      mainStyles
     } = useLayout();
     const {
       ssrBootStyles
@@ -23569,7 +23632,7 @@ const VMain = genericComponent()({
         "class": "v-main__scroller"
       }, [slots.default?.()]) : slots.default?.()]
     }));
-    return layoutIsReady;
+    return {};
   }
 });
 
@@ -24039,8 +24102,7 @@ const VNavigationDrawer = genericComponent()({
     const elementSize = computed(() => ['top', 'bottom'].includes(props.location) ? 0 : width.value);
     const {
       layoutItemStyles,
-      layoutItemScrimStyles,
-      layoutIsReady
+      layoutItemScrimStyles
     } = useLayoutItem({
       id: props.name,
       order: computed(() => parseInt(props.order, 10)),
@@ -24136,9 +24198,9 @@ const VNavigationDrawer = genericComponent()({
         }, scopeId), null)]
       })]);
     });
-    return layoutIsReady.then(() => ({
+    return {
       isStuck
-    }));
+    };
   }
 });
 
@@ -25827,7 +25889,7 @@ const VSpeedDial = genericComponent()({
     const model = useProxiedModel(props, 'modelValue');
     const menuRef = ref();
     const location = computed(() => {
-      const [y, x = 'center'] = props.location.split(' ');
+      const [y, x = 'center'] = props.location?.split(' ') ?? [];
       return `${y} ${x}`;
     });
     const locationClasses = computed(() => ({
@@ -28566,6 +28628,7 @@ const VStepperVertical = genericComponent()({
 const VPullToRefresh = genericComponent()({
   name: 'VPullToRefresh',
   props: {
+    disabled: Boolean,
     pullDownThreshold: {
       type: Number,
       default: 64
@@ -28589,19 +28652,19 @@ const VPullToRefresh = genericComponent()({
     const canRefresh = computed(() => touchDiff.value >= props.pullDownThreshold && !refreshing.value);
     const topOffset = computed(() => clamp(touchDiff.value, 0, props.pullDownThreshold));
     function onTouchstart(e) {
-      if (refreshing.value) return;
+      if (refreshing.value || props.disabled) return;
       touching.value = true;
       touchstartY = 'clientY' in e ? e.clientY : e.touches[0].clientY;
     }
     function onTouchmove(e) {
-      if (refreshing.value || !touching.value) return;
+      if (refreshing.value || !touching.value || props.disabled) return;
       const touchY = 'clientY' in e ? e.clientY : e.touches[0].clientY;
       if (scrollParents.length && !scrollParents[0].scrollTop) {
         touchDiff.value = touchY - touchstartY;
       }
     }
     function onTouchend(e) {
-      if (refreshing.value) return;
+      if (refreshing.value || props.disabled) return;
       touching.value = false;
       if (canRefresh.value) {
         function done() {
@@ -29469,6 +29532,7 @@ const VTreeviewSymbol = Symbol.for('vuetify:v-treeview');
 
 const makeVTreeviewItemProps = propsFactory({
   loading: Boolean,
+  onToggleExpand: EventProp(),
   toggleIcon: IconValue,
   ...makeVListItemProps({
     slim: true
@@ -29489,24 +29553,12 @@ const VTreeviewItem = genericComponent()({
     const {
       activate,
       isActivated,
-      select,
-      isSelected,
-      isIndeterminate,
       isGroupActivator,
       root,
       id
     } = useNestedItem(rawId, false);
     const isActivatableGroupActivator = computed(() => root.activatable.value && isGroupActivator);
-    const {
-      densityClasses
-    } = useDensity(props, 'v-list-item');
-    const slotProps = computed(() => ({
-      isActive: isActivated.value,
-      select,
-      isSelected: isSelected.value,
-      isIndeterminate: isIndeterminate.value
-    }));
-    const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!vListItemRef.value?.list));
+    const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!vListItemRef.value?.list || isActivatableGroupActivator.value));
     function activateItem(e) {
       if (!isClickable.value || !isActivatableGroupActivator.value && isGroupActivator) return;
       if (root.activatable.value) {
@@ -29517,68 +29569,20 @@ const VTreeviewItem = genericComponent()({
         }
       }
     }
-    function onKeyDown(e) {
-      if (e.key === 'Enter' || e.key === ' ') {
-        e.preventDefault();
-        activateItem(e);
-      }
-    }
     const visibleIds = inject$1(VTreeviewSymbol, {
       visibleIds: ref()
     }).visibleIds;
     useRender(() => {
-      const hasTitle = slots.title || props.title != null;
-      const hasSubtitle = slots.subtitle || props.subtitle != null;
-      const listItemProps = VListItem.filterProps(props);
+      const listItemProps = omit(VListItem.filterProps(props), ['onClick']);
       const hasPrepend = slots.prepend || props.toggleIcon;
-      return isActivatableGroupActivator.value ? withDirectives(createVNode("div", {
-        "class": ['v-list-item', 'v-list-item--one-line', 'v-treeview-item', 'v-treeview-item--activetable-group-activator', {
-          'v-list-item--active': isActivated.value || isSelected.value,
-          'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(id.value)
-        }, densityClasses.value, props.class],
-        "onClick": activateItem
-      }, [createVNode(Fragment, null, [genOverlays(isActivated.value || isSelected.value, 'v-list-item'), props.toggleIcon && createVNode(VListItemAction, {
-        "start": false
-      }, {
-        default: () => [createVNode(VBtn, {
-          "density": "compact",
-          "icon": props.toggleIcon,
-          "loading": props.loading,
-          "variant": "text",
-          "onClick": props.onClick
-        }, {
-          loader() {
-            return createVNode(VProgressCircular, {
-              "indeterminate": "disable-shrink",
-              "size": "20",
-              "width": "2"
-            }, null);
-          }
-        })]
-      })]), createVNode("div", {
-        "class": "v-list-item__content",
-        "data-no-activator": ""
-      }, [hasTitle && createVNode(VListItemTitle, {
-        "key": "title"
-      }, {
-        default: () => [slots.title?.({
-          title: props.title
-        }) ?? props.title]
-      }), hasSubtitle && createVNode(VListItemSubtitle, {
-        "key": "subtitle"
-      }, {
-        default: () => [slots.subtitle?.({
-          subtitle: props.subtitle
-        }) ?? props.subtitle]
-      }), slots.default?.(slotProps.value)])]), [[resolveDirective("ripple"), isClickable.value && props.ripple]]) : createVNode(VListItem, mergeProps({
-        "ref": vListItemRef
-      }, listItemProps, {
+      return createVNode(VListItem, mergeProps(listItemProps, {
+        "active": isActivated.value,
         "class": ['v-treeview-item', {
+          'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,
           'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(id.value)
         }, props.class],
-        "value": id.value,
-        "onClick": activateItem,
-        "onKeydown": isClickable.value && onKeyDown
+        "ripple": false,
+        "onClick": props.onClick ?? activateItem
       }), {
         ...slots,
         prepend: hasPrepend ? slotProps => {
@@ -29589,7 +29593,8 @@ const VTreeviewItem = genericComponent()({
               "density": "compact",
               "icon": props.toggleIcon,
               "loading": props.loading,
-              "variant": "text"
+              "variant": "text",
+              "onClick": props.onToggleExpand
             }, {
               loader() {
                 return createVNode(VProgressCircular, {
@@ -29616,7 +29621,19 @@ const makeVTreeviewChildrenProps = propsFactory({
     default: '$loading'
   },
   items: Array,
+  openOnClick: {
+    type: Boolean,
+    default: undefined
+  },
+  indeterminateIcon: {
+    type: IconValue,
+    default: '$checkboxIndeterminate'
+  },
+  falseIcon: IconValue,
+  trueIcon: IconValue,
+  returnObject: Boolean,
   selectable: Boolean,
+  selectedColor: String,
   selectStrategy: [String, Function, Object]
 }, 'VTreeviewChildren');
 const VTreeviewChildren = genericComponent()({
@@ -29628,6 +29645,7 @@ const VTreeviewChildren = genericComponent()({
       slots
     } = _ref;
     const isLoading = shallowRef(null);
+    const isClickOnOpen = computed(() => props.openOnClick != null ? props.openOnClick : props.selectable);
     function checkChildren(item) {
       return new Promise(resolve => {
         if (!props.items?.length || !props.loadChildren) return resolve();
@@ -29658,7 +29676,11 @@ const VTreeviewChildren = genericComponent()({
           "key": item.value,
           "modelValue": slotProps.isSelected,
           "loading": loading,
+          "color": props.selectedColor,
           "indeterminate": slotProps.isIndeterminate,
+          "indeterminateIcon": props.indeterminateIcon,
+          "falseIcon": props.falseIcon,
+          "trueIcon": props.trueIcon,
           "onClick": withModifiers(() => selectItem(slotProps.select, slotProps.isSelected), ['stop']),
           "onKeydown": e => {
             if (!['Enter', 'Space'].includes(e.key)) return;
@@ -29680,9 +29702,9 @@ const VTreeviewChildren = genericComponent()({
       };
       const treeviewGroupProps = VTreeviewGroup.filterProps(itemProps);
       const treeviewChildrenProps = VTreeviewChildren.filterProps(props);
-      return children ? createVNode(VTreeviewGroup, mergeProps({
-        "value": itemProps?.value
-      }, treeviewGroupProps), {
+      return children ? createVNode(VTreeviewGroup, mergeProps(treeviewGroupProps, {
+        "value": props.returnObject ? item : treeviewGroupProps?.value
+      }), {
         activator: _ref3 => {
           let {
             props: activatorProps
@@ -29690,19 +29712,24 @@ const VTreeviewChildren = genericComponent()({
           const listItemProps = {
             ...itemProps,
             ...activatorProps,
-            value: itemProps?.value
+            value: itemProps?.value,
+            onToggleExpand: activatorProps.onClick,
+            onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : undefined
           };
           return createVNode(VTreeviewItem, mergeProps(listItemProps, {
-            "loading": loading,
-            "onClick": () => checkChildren(item)
+            "value": props.returnObject ? toRaw(item) : itemProps.value,
+            "loading": loading
           }), slotsWithItem);
         },
         default: () => createVNode(VTreeviewChildren, mergeProps(treeviewChildrenProps, {
-          "items": children
+          "items": children,
+          "returnObject": props.returnObject
         }), slots)
       }) : slots.item?.({
         props: itemProps
-      }) ?? createVNode(VTreeviewItem, itemProps, slotsWithItem);
+      }) ?? createVNode(VTreeviewItem, mergeProps(itemProps, {
+        "value": props.returnObject ? toRaw(item) : itemProps.value
+      }), slotsWithItem);
     });
   }
 });
@@ -29726,7 +29753,11 @@ const makeVTreeviewProps = propsFactory({
     collapseIcon: '$treeviewCollapse',
     expandIcon: '$treeviewExpand',
     slim: true
-  }), ['itemType', 'nav'])
+  }), ['itemType', 'nav', 'openStrategy']),
+  modelValue: {
+    type: Array,
+    default: () => []
+  }
 }, 'VTreeview');
 const VTreeview = genericComponent()({
   name: 'VTreeview',
@@ -29735,6 +29766,7 @@ const VTreeview = genericComponent()({
     'update:opened': val => true,
     'update:activated': val => true,
     'update:selected': val => true,
+    'update:modelValue': val => true,
     'click:open': value => true,
     'click:select': value => true
   },
@@ -29749,7 +29781,15 @@ const VTreeview = genericComponent()({
     const baseColor = toRef(props, 'baseColor');
     const color = toRef(props, 'color');
     const activated = useProxiedModel(props, 'activated');
-    const selected = useProxiedModel(props, 'selected');
+    const model = useProxiedModel(props, 'modelValue');
+    const _selected = useProxiedModel(props, 'selected', props.modelValue);
+    const selected = computed({
+      get: () => _selected.value,
+      set(val) {
+        _selected.value = val;
+        model.value = val;
+      }
+    });
     const vListRef = ref();
     const opened = computed(() => props.openAll ? openAll(items.value) : props.opened);
     const flatItems = computed(() => flatten(items.value));
@@ -29785,11 +29825,11 @@ const VTreeview = genericComponent()({
       }
       return arr;
     }
-    function openAll(item) {
+    function openAll(items) {
       let ids = [];
-      for (const i of item) {
+      for (const i of items) {
         if (!i.children) continue;
-        ids.push(i.value);
+        ids.push(props.returnObject ? toRaw(i.raw) : i.value);
         if (i.children) {
           ids = ids.concat(openAll(i.children));
         }
@@ -29825,6 +29865,7 @@ const VTreeview = genericComponent()({
         "ref": vListRef
       }, listProps, {
         "class": ['v-treeview', props.class],
+        "open-strategy": "multiple",
         "style": props.style,
         "opened": opened.value,
         "activated": activated.value,
@@ -29833,6 +29874,7 @@ const VTreeview = genericComponent()({
         "onUpdate:selected": $event => selected.value = $event
       }), {
         default: () => [createVNode(VTreeviewChildren, mergeProps(treeviewChildrenProps, {
+          "returnObject": props.returnObject,
           "items": items.value
         }), slots)]
       });
@@ -30336,7 +30378,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.15";
+const version$1 = "3.7.0";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30589,7 +30631,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.15";
+const version = "3.7.0";
 
 /* eslint-disable local-rules/sort-imports */