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

package/dist/vuetify-labs.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.
 */
@@ -575,11 +575,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'];
@@ -3253,7 +3248,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,
@@ -3510,7 +3504,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": [{
@@ -5518,7 +5511,6 @@ const makeVBtnProps = propsFactory({
     type: Boolean,
     default: undefined
   },
-  activeColor: String,
   baseColor: String,
   symbol: {
     type: null,
@@ -5610,11 +5602,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
       };
     });
@@ -5716,7 +5707,7 @@ const VBtn = genericComponent()({
           "indeterminate": true,
           "width": "2"
         }, null)])]
-      }), [[Ripple, !isDisabled.value && !!props.ripple, '', {
+      }), [[Ripple, !isDisabled.value && props.ripple, '', {
         center: !!props.icon
       }]]);
     });
@@ -5955,7 +5946,6 @@ const makeVAvatarProps = propsFactory({
   icon: IconValue,
   image: String,
   text: String,
-  ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeRoundedProps(),
@@ -5976,9 +5966,6 @@ const VAvatar = genericComponent()({
     const {
       themeClasses
     } = provideTheme(props);
-    const {
-      borderClasses
-    } = useBorder(props);
     const {
       colorClasses,
       colorStyles,
@@ -5998,7 +5985,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, {
@@ -6014,7 +6001,7 @@ const VAvatar = genericComponent()({
         "defaults": {
           VImg: {
             cover: true,
-            image: props.image
+            src: props.image
           },
           VIcon: {
             icon: props.icon
@@ -6698,14 +6685,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(() => {
@@ -6742,11 +6727,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();
@@ -6774,7 +6759,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 = [];
     }
@@ -7714,9 +7699,7 @@ const VSlideGroup = genericComponent()({
       selected: group.selected,
       scrollTo,
       scrollOffset,
-      focus,
-      hasPrev,
-      hasNext
+      focus
     };
   }
 });
@@ -8186,7 +8169,6 @@ const leafSingleActiveStrategy = mandatory => {
   return strategy;
 };
 
-// Utilities
 const singleOpenStrategy = {
   open: _ref => {
     let {
@@ -8220,11 +8202,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 {
@@ -8395,18 +8377,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
@@ -8484,7 +8466,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);
@@ -8657,9 +8639,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))),
@@ -8883,7 +8865,6 @@ const VListItem = genericComponent()({
       activate,
       isActivated,
       select,
-      isOpen,
       isSelected,
       isIndeterminate,
       isGroupActivator,
@@ -8938,7 +8919,6 @@ const VListItem = genericComponent()({
     const slotProps = computed(() => ({
       isActive: isActive.value,
       select,
-      isOpen: isOpen.value,
       isSelected: isSelected.value,
       isIndeterminate: isIndeterminate.value
     }));
@@ -8958,7 +8938,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(() => {
@@ -10281,8 +10261,7 @@ const makeActivatorProps = propsFactory({
 function useActivator(props, _ref) {
   let {
     isActive,
-    isTop,
-    contentEl
+    isTop
   } = _ref;
   const vm = getCurrentInstance('useActivator');
   const activatorEl = ref();
@@ -10399,7 +10378,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;
     }
   });
@@ -10805,9 +10784,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,
@@ -10845,8 +10821,7 @@ const VOverlay = genericComponent()({
       scrimEvents
     } = useActivator(props, {
       isActive,
-      isTop: localTop,
-      contentEl
+      isTop: localTop
     });
     const {
       teleportTarget
@@ -10867,6 +10842,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
@@ -11117,12 +11095,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',
@@ -11145,32 +11121,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;
@@ -11210,9 +11181,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) {
@@ -11221,21 +11192,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)));
@@ -11259,7 +11221,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), {
@@ -12092,7 +12053,6 @@ function useVirtual(props, items) {
     deep: true
   });
   return {
-    calculateVisibleItems,
     containerRef,
     markerRef,
     computedItems,
@@ -12156,7 +12116,6 @@ const VVirtualScroll = genericComponent()({
       dimensionStyles
     } = useDimension(props);
     const {
-      calculateVisibleItems,
       containerRef,
       markerRef,
       handleScroll,
@@ -12228,7 +12187,6 @@ const VVirtualScroll = genericComponent()({
       }, [children])]);
     });
     return {
-      calculateVisibleItems,
       scrollToIndex
     };
   }
@@ -12297,9 +12255,9 @@ function useScrolling(listRef, textFieldRef) {
     }
   }
   return {
-    onScrollPassive: onListScroll,
-    onKeydown: onListKeydown
-  }; // typescript doesn't know about vue's event merging
+    onListScroll,
+    onListKeydown
+  };
 }
 
 // Types
@@ -12374,7 +12332,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;
       }
     });
@@ -12413,7 +12371,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;
@@ -12423,11 +12384,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)) {
@@ -12448,6 +12404,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) {
@@ -12492,11 +12453,6 @@ const VSelect = genericComponent()({
         menu.value = false;
       }
     }
-    function onAfterEnter() {
-      if (props.eager) {
-        vVirtualScrollRef.value?.calculateVisibleItems();
-      }
-    }
     function onAfterLeave() {
       if (isFocused.value) {
         vTextFieldRef.value?.focus();
@@ -12575,7 +12531,6 @@ const VSelect = genericComponent()({
           "openOnClick": false,
           "closeOnContentClick": false,
           "transition": props.transition,
-          "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, computedMenuProps.value), {
           default: () => [hasList && createVNode(VList, mergeProps({
@@ -12585,10 +12540,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, {
@@ -12883,7 +12839,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;
       }
     });
@@ -12927,7 +12883,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;
@@ -12946,11 +12905,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;
@@ -13015,11 +12969,6 @@ const VAutocomplete = genericComponent()({
         }
       }
     }
-    function onAfterEnter() {
-      if (props.eager) {
-        vVirtualScrollRef.value?.calculateVisibleItems();
-      }
-    }
     function onAfterLeave() {
       if (isFocused.value) {
         isPristine.value = true;
@@ -13148,7 +13097,6 @@ const VAutocomplete = genericComponent()({
           "openOnClick": false,
           "closeOnContentClick": false,
           "transition": props.transition,
-          "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, props.menuProps), {
           default: () => [hasList && createVNode(VList, mergeProps({
@@ -13159,10 +13107,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, {
@@ -16723,7 +16672,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;
       }
     });
@@ -16806,7 +16755,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) {
@@ -16825,11 +16777,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;
@@ -16894,11 +16841,6 @@ const VCombobox = genericComponent()({
         }
       }
     }
-    function onAfterEnter() {
-      if (props.eager) {
-        vVirtualScrollRef.value?.calculateVisibleItems();
-      }
-    }
     function onAfterLeave() {
       if (isFocused.value) {
         isPristine.value = true;
@@ -17023,7 +16965,6 @@ const VCombobox = genericComponent()({
           "openOnClick": false,
           "closeOnContentClick": false,
           "transition": props.transition,
-          "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, props.menuProps), {
           default: () => [hasList && createVNode(VList, mergeProps({
@@ -17034,10 +16975,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, {
@@ -20981,7 +20923,6 @@ const makeVContainerProps = propsFactory({
     default: false
   },
   ...makeComponentProps(),
-  ...makeDimensionProps(),
   ...makeTagProps()
 }, 'VContainer');
 const VContainer = genericComponent()({
@@ -20994,14 +20935,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 {};
   }
@@ -22423,8 +22361,7 @@ const makeVExpansionPanelTitleProps = propsFactory({
     default: false
   },
   readonly: Boolean,
-  ...makeComponentProps(),
-  ...makeDimensionProps()
+  ...makeComponentProps()
 }, 'VExpansionPanelTitle');
 const VExpansionPanelTitle = genericComponent()({
   name: 'VExpansionPanelTitle',
@@ -22442,9 +22379,6 @@ const VExpansionPanelTitle = genericComponent()({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(props, 'color');
-    const {
-      dimensionStyles
-    } = useDimension(props);
     const slotProps = computed(() => ({
       collapseIcon: props.collapseIcon,
       disabled: expansionPanel.disabled.value,
@@ -22459,7 +22393,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,
@@ -22981,6 +22915,8 @@ const VFooter = genericComponent()({
     let {
       slots
     } = _ref;
+    const layoutItemStyles = ref();
+    const layoutIsReady = shallowRef();
     const {
       themeClasses
     } = provideTheme(props);
@@ -23005,17 +22941,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,
@@ -23024,7 +22963,7 @@ const VFooter = genericComponent()({
         height: convertToUnit(props.height)
       }, props.style]
     }, slots));
-    return props.app ? layoutIsReady : {};
+    return props.app ? layoutIsReady.value : {};
   }
 });
 
@@ -25165,16 +25104,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 {};
   }
@@ -25207,14 +25147,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) : {
@@ -25226,7 +25166,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);
   }
@@ -25286,7 +25226,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);
@@ -28106,19 +28046,23 @@ const makeVNumberInputProps = propsFactory({
   },
   inset: Boolean,
   hideInput: Boolean,
+  modelValue: {
+    type: Number,
+    default: null
+  },
   min: {
     type: Number,
-    default: -Infinity
+    default: Number.MIN_SAFE_INTEGER
   },
   max: {
     type: Number,
-    default: Infinity
+    default: Number.MAX_SAFE_INTEGER
   },
   step: {
     type: Number,
     default: 1
   },
-  ...omit(makeVTextFieldProps(), ['appendInnerIcon', 'prependInnerIcon'])
+  ...omit(makeVTextFieldProps({}), ['appendInnerIcon', 'modelValue', 'prependInnerIcon'])
 }, 'VNumberInput');
 const VNumberInput = genericComponent()({
   name: 'VNumberInput',
@@ -28130,30 +28074,27 @@ const VNumberInput = genericComponent()({
   },
   setup(props, _ref) {
     let {
-      attrs,
-      emit,
       slots
     } = _ref;
-    const model = useProxiedModel(props, 'modelValue');
+    const _model = useProxiedModel(props, 'modelValue');
+    const model = computed({
+      get: () => _model.value,
+      set(val) {
+        if (typeof val !== 'string') _model.value = val;
+      }
+    });
+    const vTextFieldRef = ref();
     const stepDecimals = computed(() => getDecimals(props.step));
-    const modelDecimals = computed(() => model.value != null ? getDecimals(model.value) : 0);
+    const modelDecimals = computed(() => typeof model.value === 'number' ? getDecimals(model.value) : 0);
     const form = useForm();
     const controlsDisabled = computed(() => props.disabled || props.readonly || form?.isReadonly.value);
     const canIncrease = computed(() => {
       if (controlsDisabled.value) return false;
-      if (model.value == null) return true;
-      return model.value + props.step <= props.max;
+      return (model.value ?? 0) + props.step <= props.max;
     });
     const canDecrease = computed(() => {
       if (controlsDisabled.value) return false;
-      if (model.value == null) return true;
-      return model.value - props.step >= props.min;
-    });
-    watchEffect(() => {
-      if (controlsDisabled.value) return;
-      if (model.value != null && (model.value < props.min || model.value > props.max)) {
-        model.value = clamp(model.value, props.min, props.max);
-      }
+      return (model.value ?? 0) - props.step >= props.min;
     });
     const controlVariant = computed(() => {
       return props.hideInput ? 'stacked' : props.controlVariant;
@@ -28168,11 +28109,16 @@ const VNumberInput = genericComponent()({
     const decrementSlotProps = computed(() => ({
       click: onClickDown
     }));
+    onMounted(() => {
+      if (!props.readonly && !props.disabled) {
+        clampModel();
+      }
+    });
     function toggleUpDown() {
       let increment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       if (controlsDisabled.value) return;
       if (model.value == null) {
-        model.value = 0;
+        model.value = clamp(0, props.min, props.max);
         return;
       }
       const decimals = Math.max(modelDecimals.value, stepDecimals.value);
@@ -28190,30 +28136,45 @@ const VNumberInput = genericComponent()({
       e.stopPropagation();
       toggleUpDown(false);
     }
-    function onKeydown(e) {
-      if (['Enter', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete', 'Tab'].includes(e.key) || e.ctrlKey) return;
-      if (['ArrowDown'].includes(e.key)) {
+    function onBeforeinput(e) {
+      if (!e.data) return;
+      const existingTxt = e.target?.value;
+      const selectionStart = e.target?.selectionStart;
+      const selectionEnd = e.target?.selectionEnd;
+      const potentialNewInputVal = existingTxt ? existingTxt.slice(0, selectionStart) + e.data + existingTxt.slice(selectionEnd) : e.data;
+      // Only numbers, "-", "." are allowed
+      // AND "-", "." are allowed only once
+      // AND "-" is only allowed at the start
+      if (!/^-?(\d+(\.\d*)?|(\.\d+)|\d*|\.)$/.test(potentialNewInputVal)) {
         e.preventDefault();
-        toggleUpDown(false);
-        return;
       }
-      if (['ArrowUp'].includes(e.key)) {
-        e.preventDefault();
-        toggleUpDown();
-        return;
-      }
-
-      // Only numbers, +, - & . are allowed
-      if (!/^[0-9\-+.]+$/.test(e.key)) {
+    }
+    async function onKeydown(e) {
+      if (['Enter', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete', 'Tab'].includes(e.key) || e.ctrlKey) return;
+      if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
         e.preventDefault();
+        clampModel();
+        // _model is controlled, so need to wait until props['modelValue'] is updated
+        await nextTick();
+        if (e.key === 'ArrowDown') {
+          toggleUpDown(false);
+        } else {
+          toggleUpDown();
+        }
       }
     }
-    function onModelUpdate(v) {
-      model.value = v ? +v : undefined;
-    }
     function onControlMousedown(e) {
       e.stopPropagation();
     }
+    function clampModel() {
+      if (!vTextFieldRef.value) return;
+      const inputText = vTextFieldRef.value.value;
+      if (inputText && !isNaN(+inputText)) {
+        model.value = clamp(+inputText, props.min, props.max);
+      } else {
+        model.value = null;
+      }
+    }
     useRender(() => {
       const {
         modelValue: _,
@@ -28298,8 +28259,11 @@ const VNumberInput = genericComponent()({
       }, null)]) : props.reverse ? createVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined;
       const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
       return createVNode(VTextField, mergeProps({
+        "ref": vTextFieldRef,
         "modelValue": model.value,
-        "onUpdate:modelValue": onModelUpdate,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "onBeforeinput": onBeforeinput,
+        "onChange": clampModel,
         "onKeydown": onKeydown,
         "class": ['v-number-input', {
           'v-number-input--default': controlVariant.value === 'default',
@@ -29496,7 +29460,6 @@ const VTreeviewSymbol = Symbol.for('vuetify:v-treeview');
 
 const makeVTreeviewItemProps = propsFactory({
   loading: Boolean,
-  onToggleExpand: EventProp(),
   toggleIcon: IconValue,
   ...makeVListItemProps({
     slim: true
@@ -29517,12 +29480,24 @@ const VTreeviewItem = genericComponent()({
     const {
       activate,
       isActivated,
+      select,
+      isSelected,
+      isIndeterminate,
       isGroupActivator,
       root,
       id
     } = useNestedItem(rawId, false);
     const isActivatableGroupActivator = computed(() => root.activatable.value && isGroupActivator);
-    const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!vListItemRef.value?.list || isActivatableGroupActivator.value));
+    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));
     function activateItem(e) {
       if (!isClickable.value || !isActivatableGroupActivator.value && isGroupActivator) return;
       if (root.activatable.value) {
@@ -29533,20 +29508,68 @@ 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 listItemProps = omit(VListItem.filterProps(props), ['onClick']);
+      const hasTitle = slots.title || props.title != null;
+      const hasSubtitle = slots.subtitle || props.subtitle != null;
+      const listItemProps = VListItem.filterProps(props);
       const hasPrepend = slots.prepend || props.toggleIcon;
-      return createVNode(VListItem, mergeProps(listItemProps, {
-        "active": isActivated.value,
+      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, {
         "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],
-        "ripple": false,
-        "onClick": props.onClick ?? activateItem
+        "value": id.value,
+        "onClick": activateItem,
+        "onKeydown": isClickable.value && onKeyDown
       }), {
         ...slots,
         prepend: hasPrepend ? slotProps => {
@@ -29557,8 +29580,7 @@ const VTreeviewItem = genericComponent()({
               "density": "compact",
               "icon": props.toggleIcon,
               "loading": props.loading,
-              "variant": "text",
-              "onClick": props.onToggleExpand
+              "variant": "text"
             }, {
               loader() {
                 return createVNode(VProgressCircular, {
@@ -29585,19 +29607,7 @@ 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()({
@@ -29609,7 +29619,6 @@ 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();
@@ -29640,11 +29649,7 @@ 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;
@@ -29666,9 +29671,9 @@ const VTreeviewChildren = genericComponent()({
       };
       const treeviewGroupProps = VTreeviewGroup.filterProps(itemProps);
       const treeviewChildrenProps = VTreeviewChildren.filterProps(props);
-      return children ? createVNode(VTreeviewGroup, mergeProps(treeviewGroupProps, {
-        "value": props.returnObject ? item : treeviewGroupProps?.value
-      }), {
+      return children ? createVNode(VTreeviewGroup, mergeProps({
+        "value": itemProps?.value
+      }, treeviewGroupProps), {
         activator: _ref3 => {
           let {
             props: activatorProps
@@ -29676,24 +29681,19 @@ const VTreeviewChildren = genericComponent()({
           const listItemProps = {
             ...itemProps,
             ...activatorProps,
-            value: itemProps?.value,
-            onToggleExpand: activatorProps.onClick,
-            onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : undefined
+            value: itemProps?.value
           };
           return createVNode(VTreeviewItem, mergeProps(listItemProps, {
-            "value": props.returnObject ? toRaw(item) : itemProps.value,
-            "loading": loading
+            "loading": loading,
+            "onClick": () => checkChildren(item)
           }), slotsWithItem);
         },
         default: () => createVNode(VTreeviewChildren, mergeProps(treeviewChildrenProps, {
-          "items": children,
-          "returnObject": props.returnObject
+          "items": children
         }), slots)
       }) : slots.item?.({
         props: itemProps
-      }) ?? createVNode(VTreeviewItem, mergeProps(itemProps, {
-        "value": props.returnObject ? toRaw(item) : itemProps.value
-      }), slotsWithItem);
+      }) ?? createVNode(VTreeviewItem, itemProps, slotsWithItem);
     });
   }
 });
@@ -29717,7 +29717,7 @@ const makeVTreeviewProps = propsFactory({
     collapseIcon: '$treeviewCollapse',
     expandIcon: '$treeviewExpand',
     slim: true
-  }), ['nav', 'openStrategy'])
+  }), ['nav'])
 }, 'VTreeview');
 const VTreeview = genericComponent()({
   name: 'VTreeview',
@@ -29776,11 +29776,11 @@ const VTreeview = genericComponent()({
       }
       return arr;
     }
-    function openAll(items) {
+    function openAll(item) {
       let ids = [];
-      for (const i of items) {
+      for (const i of item) {
         if (!i.children) continue;
-        ids.push(props.returnObject ? toRaw(i.raw) : i.value);
+        ids.push(i.value);
         if (i.children) {
           ids = ids.concat(openAll(i.children));
         }
@@ -29816,7 +29816,6 @@ const VTreeview = genericComponent()({
         "ref": vListRef
       }, listProps, {
         "class": ['v-treeview', props.class],
-        "open-strategy": "multiple",
         "style": props.style,
         "opened": opened.value,
         "activated": activated.value,
@@ -29825,7 +29824,6 @@ const VTreeview = genericComponent()({
         "onUpdate:selected": $event => selected.value = $event
       }), {
         default: () => [createVNode(VTreeviewChildren, mergeProps(treeviewChildrenProps, {
-          "returnObject": props.returnObject,
           "items": items.value
         }), slots)]
       });
@@ -30331,7 +30329,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
@@ -30584,7 +30582,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.13-3.7.0-beta.0.0-pr-20092.a834b18";
+const version = "3.6.14-master.2024-08-01";
 
 /* eslint-disable local-rules/sort-imports */