@vuetify/nightly 3.6.13-3.7.0-beta.0.0-pr-20092.a834b18 → 3.6.14-master.2024-08-01

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.13-3.7.0-beta.0.0-pr-20092.a834b18
+* Vuetify v3.6.14-master.2024-08-01
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -498,11 +498,6 @@ 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'];
@@ -3693,7 +3688,6 @@ 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,
@@ -3950,7 +3944,6 @@ 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": [{
@@ -5751,7 +5744,6 @@ const makeVBtnProps = propsFactory({
     type: Boolean,
     default: undefined
   },
-  activeColor: String,
   baseColor: String,
   symbol: {
     type: null,
@@ -5843,11 +5835,10 @@ 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 ? color.value ?? props.baseColor : props.baseColor,
+        color: showColor ? props.color ?? props.baseColor : props.baseColor,
         variant: props.variant
       };
     });
@@ -5949,7 +5940,7 @@ const VBtn = genericComponent()({
           "indeterminate": true,
           "width": "2"
         }, null)])]
-      }), [[Ripple, !isDisabled.value && !!props.ripple, '', {
+      }), [[Ripple, !isDisabled.value && props.ripple, '', {
         center: !!props.icon
       }]]);
     });
@@ -6188,7 +6179,6 @@ const makeVAvatarProps = propsFactory({
   icon: IconValue,
   image: String,
   text: String,
-  ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeRoundedProps(),
@@ -6209,9 +6199,6 @@ const VAvatar = genericComponent()({
     const {
       themeClasses
     } = provideTheme(props);
-    const {
-      borderClasses
-    } = useBorder(props);
     const {
       colorClasses,
       colorStyles,
@@ -6231,7 +6218,7 @@ const VAvatar = genericComponent()({
       "class": ['v-avatar', {
         'v-avatar--start': props.start,
         'v-avatar--end': props.end
-      }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
+      }, themeClasses.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, {
@@ -6247,7 +6234,7 @@ const VAvatar = genericComponent()({
         "defaults": {
           VImg: {
             cover: true,
-            image: props.image
+            src: props.image
           },
           VIcon: {
             icon: props.icon
@@ -6931,14 +6918,12 @@ 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'),
-      blur: set.has('blur') || set.has('input') || set.has('invalid-input'),
-      invalidInput: set.has('invalid-input'),
-      lazy: set.has('lazy'),
-      eager: set.has('eager')
+      submit: set.has('submit'),
+      lazy: set.has('lazy')
     };
   });
   const isValid = computed(() => {
@@ -6975,11 +6960,11 @@ function useValidation(props) {
   });
   onMounted(async () => {
     if (!validateOn.value.lazy) {
-      await validate(!validateOn.value.eager);
+      await validate(true);
     }
     form?.update(uid.value, isValid.value, errorMessages.value);
   });
-  useToggleScope(() => validateOn.value.input || validateOn.value.invalidInput && isValid.value === false, () => {
+  useToggleScope(() => validateOn.value.input, () => {
     watch(validationModel, () => {
       if (validationModel.value != null) {
         validate();
@@ -7007,7 +6992,7 @@ function useValidation(props) {
   async function resetValidation() {
     isPristine.value = true;
     if (!validateOn.value.lazy) {
-      await validate(!validateOn.value.eager);
+      await validate(true);
     } else {
       internalErrorMessages.value = [];
     }
@@ -7947,9 +7932,7 @@ const VSlideGroup = genericComponent()({
       selected: group.selected,
       scrollTo,
       scrollOffset,
-      focus,
-      hasPrev,
-      hasNext
+      focus
     };
   }
 });
@@ -8419,7 +8402,6 @@ const leafSingleActiveStrategy = mandatory => {
   return strategy;
 };
 
-// Utilities
 const singleOpenStrategy = {
   open: _ref => {
     let {
@@ -8453,11 +8435,11 @@ const multipleOpenStrategy = {
       parents
     } = _ref2;
     if (value) {
-      let parent = toRaw(parents.get(id));
+      let parent = parents.get(id);
       opened.add(id);
       while (parent != null && parent !== id) {
         opened.add(parent);
-        parent = toRaw(parents.get(parent));
+        parent = parents.get(parent);
       }
       return opened;
     } else {
@@ -8628,18 +8610,18 @@ const classicSelectStrategy = mandatory => {
       const items = [id];
       while (items.length) {
         const item = items.shift();
-        selected.set(toRaw(item), value ? 'on' : 'off');
+        selected.set(item, value ? 'on' : 'off');
         if (children.has(item)) {
           items.push(...children.get(item));
         }
       }
-      let parent = toRaw(parents.get(id));
+      let parent = parents.get(id);
       while (parent) {
         const childrenIds = children.get(parent);
-        const everySelected = childrenIds.every(cid => selected.get(toRaw(cid)) === 'on');
-        const noneSelected = childrenIds.every(cid => !selected.has(toRaw(cid)) || selected.get(toRaw(cid)) === 'off');
+        const everySelected = childrenIds.every(cid => selected.get(cid) === 'on');
+        const noneSelected = childrenIds.every(cid => !selected.has(cid) || selected.get(cid) === 'off');
         selected.set(parent, everySelected ? 'on' : noneSelected ? 'off' : 'indeterminate');
-        parent = toRaw(parents.get(parent));
+        parent = parents.get(parent);
       }
 
       // If mandatory and planned deselect results in no selected
@@ -8717,7 +8699,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(toRaw(v)), v => [...v.values()]);
+  const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(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);
@@ -8890,9 +8872,9 @@ const useNestedItem = (id, isGroup) => {
   const item = {
     ...parent,
     id: computedId,
-    open: (open, e) => parent.root.open(toRaw(computedId.value), open, e),
+    open: (open, e) => parent.root.open(computedId.value, open, e),
     openOnSelect: (open, e) => parent.root.openOnSelect(computedId.value, open, e),
-    isOpen: computed(() => parent.root.opened.value.has(toRaw(computedId.value))),
+    isOpen: computed(() => parent.root.opened.value.has(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))),
@@ -9116,7 +9098,6 @@ const VListItem = genericComponent()({
       activate,
       isActivated,
       select,
-      isOpen,
       isSelected,
       isIndeterminate,
       isGroupActivator,
@@ -9171,7 +9152,6 @@ const VListItem = genericComponent()({
     const slotProps = computed(() => ({
       isActive: isActive.value,
       select,
-      isOpen: isOpen.value,
       isSelected: isSelected.value,
       isIndeterminate: isIndeterminate.value
     }));
@@ -9191,7 +9171,7 @@ const VListItem = genericComponent()({
     function onKeyDown(e) {
       if (e.key === 'Enter' || e.key === ' ') {
         e.preventDefault();
-        e.target.dispatchEvent(new MouseEvent('click', e));
+        onClick(e);
       }
     }
     useRender(() => {
@@ -10514,8 +10494,7 @@ const makeActivatorProps = propsFactory({
 function useActivator(props, _ref) {
   let {
     isActive,
-    isTop,
-    contentEl
+    isTop
   } = _ref;
   const vm = getCurrentInstance('useActivator');
   const activatorEl = ref();
@@ -10632,7 +10611,7 @@ function useActivator(props, _ref) {
     return events;
   });
   watch(isTop, val => {
-    if (val && (props.openOnHover && !isHovered && (!openOnFocus.value || !isFocused) || openOnFocus.value && !isFocused && (!props.openOnHover || !isHovered)) && !contentEl.value?.contains(document.activeElement)) {
+    if (val && (props.openOnHover && !isHovered && (!openOnFocus.value || !isFocused) || openOnFocus.value && !isFocused && (!props.openOnHover || !isHovered))) {
       isActive.value = false;
     }
   });
@@ -11038,9 +11017,6 @@ const VOverlay = genericComponent()({
       attrs,
       emit
     } = _ref;
-    const root = ref();
-    const scrimEl = ref();
-    const contentEl = ref();
     const model = useProxiedModel(props, 'modelValue');
     const isActive = computed({
       get: () => model.value,
@@ -11078,8 +11054,7 @@ const VOverlay = genericComponent()({
       scrimEvents
     } = useActivator(props, {
       isActive,
-      isTop: localTop,
-      contentEl
+      isTop: localTop
     });
     const {
       teleportTarget
@@ -11100,6 +11075,9 @@ const VOverlay = genericComponent()({
     watch(() => props.disabled, v => {
       if (v) isActive.value = false;
     });
+    const root = ref();
+    const scrimEl = ref();
+    const contentEl = ref();
     const {
       contentStyles,
       updateLocation
@@ -11350,12 +11328,10 @@ 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',
@@ -11378,32 +11354,27 @@ 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(new Set());
+    const openChildren = shallowRef(0);
     provide(VMenuSymbol, {
       register() {
-        openChildren.value.add(uid);
+        ++openChildren.value;
       },
       unregister() {
-        openChildren.value.delete(uid);
+        --openChildren.value;
       },
       closeParents(e) {
         setTimeout(() => {
-          if (!openChildren.value.size && !props.persistent && (e == null || e && !isClickInsideElement(e, overlay.value.contentEl))) {
+          if (!openChildren.value && !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;
@@ -11443,9 +11414,9 @@ const VMenu = genericComponent()({
           isActive.value = false;
           overlay.value?.activatorEl?.focus();
         }
-      } else if (props.submenu && e.key === (isRtl.value ? 'ArrowRight' : 'ArrowLeft')) {
+      } else if (['Enter', ' '].includes(e.key) && props.closeOnContentClick) {
         isActive.value = false;
-        overlay.value?.activatorEl?.focus();
+        parent?.closeParents();
       }
     }
     function onActivatorKeydown(e) {
@@ -11454,21 +11425,12 @@ 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 (props.submenu ? e.key === (isRtl.value ? 'ArrowLeft' : 'ArrowRight') : ['ArrowDown', 'ArrowUp'].includes(e.key)) {
+      } else if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
         isActive.value = true;
         e.preventDefault();
         setTimeout(() => setTimeout(() => onActivatorKeydown(e)));
@@ -11492,7 +11454,6 @@ 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), {
@@ -12325,7 +12286,6 @@ function useVirtual(props, items) {
     deep: true
   });
   return {
-    calculateVisibleItems,
     containerRef,
     markerRef,
     computedItems,
@@ -12389,7 +12349,6 @@ const VVirtualScroll = genericComponent()({
       dimensionStyles
     } = useDimension(props);
     const {
-      calculateVisibleItems,
       containerRef,
       markerRef,
       handleScroll,
@@ -12461,7 +12420,6 @@ const VVirtualScroll = genericComponent()({
       }, [children])]);
     });
     return {
-      calculateVisibleItems,
       scrollToIndex
     };
   }
@@ -12530,9 +12488,9 @@ function useScrolling(listRef, textFieldRef) {
     }
   }
   return {
-    onScrollPassive: onListScroll,
-    onKeydown: onListKeydown
-  }; // typescript doesn't know about vue's event merging
+    onListScroll,
+    onListKeydown
+  };
 }
 
 // Types
@@ -12607,7 +12565,7 @@ const VSelect = genericComponent()({
     const menu = computed({
       get: () => _menu.value,
       set: v => {
-        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return;
         _menu.value = v;
       }
     });
@@ -12646,7 +12604,10 @@ const VSelect = genericComponent()({
       };
     });
     const listRef = ref();
-    const listEvents = useScrolling(listRef, vTextFieldRef);
+    const {
+      onListScroll,
+      onListKeydown
+    } = useScrolling(listRef, vTextFieldRef);
     function onClear(e) {
       if (props.openOnClear) {
         menu.value = true;
@@ -12656,11 +12617,6 @@ 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)) {
@@ -12681,6 +12637,11 @@ 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) {
@@ -12725,11 +12686,6 @@ const VSelect = genericComponent()({
         menu.value = false;
       }
     }
-    function onAfterEnter() {
-      if (props.eager) {
-        vVirtualScrollRef.value?.calculateVisibleItems();
-      }
-    }
     function onAfterLeave() {
       if (isFocused.value) {
         vTextFieldRef.value?.focus();
@@ -12808,7 +12764,6 @@ const VSelect = genericComponent()({
           "openOnClick": false,
           "closeOnContentClick": false,
           "transition": props.transition,
-          "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, computedMenuProps.value), {
           default: () => [hasList && createVNode(VList, mergeProps({
@@ -12818,10 +12773,11 @@ const VSelect = genericComponent()({
             "onMousedown": e => e.preventDefault(),
             "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
+            "onScrollPassive": onListScroll,
             "tabindex": "-1",
             "aria-live": "polite",
             "color": props.itemColor ?? props.color
-          }, listEvents, props.listProps), {
+          }, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
@@ -13116,7 +13072,7 @@ const VAutocomplete = genericComponent()({
     const menu = computed({
       get: () => _menu.value,
       set: v => {
-        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return;
         _menu.value = v;
       }
     });
@@ -13160,7 +13116,10 @@ const VAutocomplete = genericComponent()({
     });
     const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
-    const listEvents = useScrolling(listRef, vTextFieldRef);
+    const {
+      onListScroll,
+      onListKeydown
+    } = useScrolling(listRef, vTextFieldRef);
     function onClear(e) {
       if (props.openOnClear) {
         menu.value = true;
@@ -13179,11 +13138,6 @@ 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;
@@ -13248,11 +13202,6 @@ const VAutocomplete = genericComponent()({
         }
       }
     }
-    function onAfterEnter() {
-      if (props.eager) {
-        vVirtualScrollRef.value?.calculateVisibleItems();
-      }
-    }
     function onAfterLeave() {
       if (isFocused.value) {
         isPristine.value = true;
@@ -13381,7 +13330,6 @@ const VAutocomplete = genericComponent()({
           "openOnClick": false,
           "closeOnContentClick": false,
           "transition": props.transition,
-          "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, props.menuProps), {
           default: () => [hasList && createVNode(VList, mergeProps({
@@ -13392,10 +13340,11 @@ const VAutocomplete = genericComponent()({
             "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
             "onFocusout": onFocusout,
+            "onScrollPassive": onListScroll,
             "tabindex": "-1",
             "aria-live": "polite",
             "color": props.itemColor ?? props.color
-          }, listEvents, props.listProps), {
+          }, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
@@ -16956,7 +16905,7 @@ const VCombobox = genericComponent()({
     const menu = computed({
       get: () => _menu.value,
       set: v => {
-        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return;
         _menu.value = v;
       }
     });
@@ -17039,7 +16988,10 @@ const VCombobox = genericComponent()({
     });
     const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
-    const listEvents = useScrolling(listRef, vTextFieldRef);
+    const {
+      onListScroll,
+      onListKeydown
+    } = useScrolling(listRef, vTextFieldRef);
     function onClear(e) {
       cleared = true;
       if (props.openOnClear) {
@@ -17058,11 +17010,6 @@ 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;
@@ -17127,11 +17074,6 @@ const VCombobox = genericComponent()({
         }
       }
     }
-    function onAfterEnter() {
-      if (props.eager) {
-        vVirtualScrollRef.value?.calculateVisibleItems();
-      }
-    }
     function onAfterLeave() {
       if (isFocused.value) {
         isPristine.value = true;
@@ -17256,7 +17198,6 @@ const VCombobox = genericComponent()({
           "openOnClick": false,
           "closeOnContentClick": false,
           "transition": props.transition,
-          "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, props.menuProps), {
           default: () => [hasList && createVNode(VList, mergeProps({
@@ -17267,10 +17208,11 @@ const VCombobox = genericComponent()({
             "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
             "onFocusout": onFocusout,
+            "onScrollPassive": onListScroll,
             "tabindex": "-1",
             "aria-live": "polite",
             "color": props.itemColor ?? props.color
-          }, listEvents, props.listProps), {
+          }, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
@@ -21214,7 +21156,6 @@ const makeVContainerProps = propsFactory({
     default: false
   },
   ...makeComponentProps(),
-  ...makeDimensionProps(),
   ...makeTagProps()
 }, 'VContainer');
 const VContainer = genericComponent()({
@@ -21227,14 +21168,11 @@ 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": [dimensionStyles.value, props.style]
+      "style": props.style
     }, slots));
     return {};
   }
@@ -22656,8 +22594,7 @@ const makeVExpansionPanelTitleProps = propsFactory({
     default: false
   },
   readonly: Boolean,
-  ...makeComponentProps(),
-  ...makeDimensionProps()
+  ...makeComponentProps()
 }, 'VExpansionPanelTitle');
 const VExpansionPanelTitle = genericComponent()({
   name: 'VExpansionPanelTitle',
@@ -22675,9 +22612,6 @@ const VExpansionPanelTitle = genericComponent()({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(props, 'color');
-    const {
-      dimensionStyles
-    } = useDimension(props);
     const slotProps = computed(() => ({
       collapseIcon: props.collapseIcon,
       disabled: expansionPanel.disabled.value,
@@ -22692,7 +22626,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, dimensionStyles.value, props.style],
+      "style": [backgroundColorStyles.value, props.style],
       "type": "button",
       "tabindex": expansionPanel.disabled.value ? -1 : undefined,
       "disabled": expansionPanel.disabled.value,
@@ -23214,6 +23148,8 @@ const VFooter = genericComponent()({
     let {
       slots
     } = _ref;
+    const layoutItemStyles = ref();
+    const layoutIsReady = shallowRef();
     const {
       themeClasses
     } = provideTheme(props);
@@ -23238,17 +23174,20 @@ const VFooter = genericComponent()({
       autoHeight.value = entries[0].target.clientHeight;
     });
     const height = computed(() => props.height === 'auto' ? autoHeight.value : parseInt(props.height, 10));
-    const {
-      layoutItemStyles,
-      layoutIsReady
-    } = useLayoutItem({
-      id: props.name,
-      order: computed(() => parseInt(props.order, 10)),
-      position: computed(() => 'bottom'),
-      layoutSize: height,
-      elementSize: computed(() => props.height === 'auto' ? undefined : height.value),
-      active: computed(() => props.app),
-      absolute: toRef(props, 'absolute')
+    useToggleScope(() => props.app, () => {
+      const layout = useLayoutItem({
+        id: props.name,
+        order: computed(() => parseInt(props.order, 10)),
+        position: computed(() => 'bottom'),
+        layoutSize: height,
+        elementSize: computed(() => props.height === 'auto' ? undefined : height.value),
+        active: computed(() => props.app),
+        absolute: toRef(props, 'absolute')
+      });
+      watchEffect(() => {
+        layoutItemStyles.value = layout.layoutItemStyles.value;
+        layoutIsReady.value = layout.layoutIsReady;
+      });
     });
     useRender(() => createVNode(props.tag, {
       "ref": resizeRef,
@@ -23257,7 +23196,7 @@ const VFooter = genericComponent()({
         height: convertToUnit(props.height)
       }, props.style]
     }, slots));
-    return props.app ? layoutIsReady : {};
+    return props.app ? layoutIsReady.value : {};
   }
 });
 
@@ -25398,16 +25337,17 @@ const VSkeletonLoader = genericComponent()({
     const items = computed(() => genStructure(wrapInArray(props.type).join(',')));
     useRender(() => {
       const isLoading = !slots.default || props.loading;
-      return createVNode("div", {
+      const loadingProps = props.boilerplate || !isLoading ? {} : {
+        ariaLive: 'polite',
+        ariaLabel: t(props.loadingText),
+        role: 'alert'
+      };
+      return createVNode("div", mergeProps({
         "class": ['v-skeleton-loader', {
           'v-skeleton-loader--boilerplate': props.boilerplate
         }, themeClasses.value, backgroundColorClasses.value, elevationClasses.value],
-        "style": [backgroundColorStyles.value, isLoading ? dimensionStyles.value : {}],
-        "aria-busy": !props.boilerplate ? isLoading : undefined,
-        "aria-live": !props.boilerplate ? 'polite' : undefined,
-        "aria-label": !props.boilerplate ? t(props.loadingText) : undefined,
-        "role": !props.boilerplate ? 'alert' : undefined
-      }, [isLoading ? items.value : slots.default?.()]);
+        "style": [backgroundColorStyles.value, isLoading ? dimensionStyles.value : {}]
+      }, loadingProps), [isLoading ? items.value : slots.default?.()]);
     });
     return {};
   }
@@ -25440,14 +25380,14 @@ const VSlideGroupItem = genericComponent()({
 // Types
 
 function useCountdown(milliseconds) {
-  const time = shallowRef(milliseconds);
+  const time = shallowRef(milliseconds());
   let timer = -1;
   function clear() {
     clearInterval(timer);
   }
   function reset() {
     clear();
-    nextTick(() => time.value = milliseconds);
+    nextTick(() => time.value = milliseconds());
   }
   function start(el) {
     const style = el ? getComputedStyle(el) : {
@@ -25459,7 +25399,7 @@ function useCountdown(milliseconds) {
     const startTime = performance.now();
     timer = window.setInterval(() => {
       const elapsed = performance.now() - startTime + interval;
-      time.value = Math.max(milliseconds - elapsed, 0);
+      time.value = Math.max(milliseconds() - elapsed, 0);
       if (time.value <= 0) clear();
     }, interval);
   }
@@ -25519,7 +25459,7 @@ const VSnackbar = genericComponent()({
     const {
       roundedClasses
     } = useRounded(props);
-    const countdown = useCountdown(Number(props.timeout));
+    const countdown = useCountdown(() => Number(props.timeout));
     const overlay = ref();
     const timerRef = ref();
     const isHovering = shallowRef(false);
@@ -28198,7 +28138,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.13-3.7.0-beta.0.0-pr-20092.a834b18";
+const version$1 = "3.6.14-master.2024-08-01";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28223,7 +28163,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.6.13-3.7.0-beta.0.0-pr-20092.a834b18";
+const version = "3.6.14-master.2024-08-01";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };