@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.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.
 */
@@ -579,11 +579,6 @@
     });
     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'];
@@ -3257,7 +3252,6 @@
   // not intended for public use, this is passed in by vuetify-loader
 
   const makeVImgProps = propsFactory({
-    absolute: Boolean,
     alt: String,
     cover: Boolean,
     color: String,
@@ -3514,7 +3508,6 @@
         const responsiveProps = VResponsive.filterProps(props);
         return vue.withDirectives(vue.createVNode(VResponsive, vue.mergeProps({
           "class": ['v-img', {
-            'v-img--absolute': props.absolute,
             'v-img--booting': !isBooted.value
           }, backgroundColorClasses.value, roundedClasses.value, props.class],
           "style": [{
@@ -5522,7 +5515,6 @@
       type: Boolean,
       default: undefined
     },
-    activeColor: String,
     baseColor: String,
     symbol: {
       type: null,
@@ -5614,11 +5606,10 @@
         }
         return group?.isSelected.value;
       });
-      const color = vue.computed(() => isActive.value ? props.activeColor ?? props.color : props.color);
       const variantProps = vue.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
         };
       });
@@ -5720,7 +5711,7 @@
             "indeterminate": true,
             "width": "2"
           }, null)])]
-        }), [[Ripple, !isDisabled.value && !!props.ripple, '', {
+        }), [[Ripple, !isDisabled.value && props.ripple, '', {
           center: !!props.icon
         }]]);
       });
@@ -5959,7 +5950,6 @@
     icon: IconValue,
     image: String,
     text: String,
-    ...makeBorderProps(),
     ...makeComponentProps(),
     ...makeDensityProps(),
     ...makeRoundedProps(),
@@ -5980,9 +5970,6 @@
       const {
         themeClasses
       } = provideTheme(props);
-      const {
-        borderClasses
-      } = useBorder(props);
       const {
         colorClasses,
         colorStyles,
@@ -6002,7 +5989,7 @@
         "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 ? vue.createVNode(VImg, {
@@ -6018,7 +6005,7 @@
           "defaults": {
             VImg: {
               cover: true,
-              image: props.image
+              src: props.image
             },
             VIcon: {
               icon: props.icon
@@ -6702,14 +6689,12 @@
     const validateOn = vue.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 = vue.computed(() => {
@@ -6746,11 +6731,11 @@
     });
     vue.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, () => {
       vue.watch(validationModel, () => {
         if (validationModel.value != null) {
           validate();
@@ -6778,7 +6763,7 @@
     async function resetValidation() {
       isPristine.value = true;
       if (!validateOn.value.lazy) {
-        await validate(!validateOn.value.eager);
+        await validate(true);
       } else {
         internalErrorMessages.value = [];
       }
@@ -7718,9 +7703,7 @@
         selected: group.selected,
         scrollTo,
         scrollOffset,
-        focus,
-        hasPrev,
-        hasNext
+        focus
       };
     }
   });
@@ -8190,7 +8173,6 @@
     return strategy;
   };
 
-  // Utilities
   const singleOpenStrategy = {
     open: _ref => {
       let {
@@ -8224,11 +8206,11 @@
         parents
       } = _ref2;
       if (value) {
-        let parent = vue.toRaw(parents.get(id));
+        let parent = parents.get(id);
         opened.add(id);
         while (parent != null && parent !== id) {
           opened.add(parent);
-          parent = vue.toRaw(parents.get(parent));
+          parent = parents.get(parent);
         }
         return opened;
       } else {
@@ -8399,18 +8381,18 @@
         const items = [id];
         while (items.length) {
           const item = items.shift();
-          selected.set(vue.toRaw(item), value ? 'on' : 'off');
+          selected.set(item, value ? 'on' : 'off');
           if (children.has(item)) {
             items.push(...children.get(item));
           }
         }
-        let parent = vue.toRaw(parents.get(id));
+        let parent = parents.get(id);
         while (parent) {
           const childrenIds = children.get(parent);
-          const everySelected = childrenIds.every(cid => selected.get(vue.toRaw(cid)) === 'on');
-          const noneSelected = childrenIds.every(cid => !selected.has(vue.toRaw(cid)) || selected.get(vue.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 = vue.toRaw(parents.get(parent));
+          parent = parents.get(parent);
         }
 
         // If mandatory and planned deselect results in no selected
@@ -8488,7 +8470,7 @@
     let isUnmounted = false;
     const children = vue.ref(new Map());
     const parents = vue.ref(new Map());
-    const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(vue.toRaw(v)), v => [...v.values()]);
+    const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(v), v => [...v.values()]);
     const activeStrategy = vue.computed(() => {
       if (typeof props.activeStrategy === 'object') return props.activeStrategy;
       if (typeof props.activeStrategy === 'function') return props.activeStrategy(props.mandatory);
@@ -8661,9 +8643,9 @@
     const item = {
       ...parent,
       id: computedId,
-      open: (open, e) => parent.root.open(vue.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: vue.computed(() => parent.root.opened.value.has(vue.toRaw(computedId.value))),
+      isOpen: vue.computed(() => parent.root.opened.value.has(computedId.value)),
       parent: vue.computed(() => parent.root.parents.value.get(computedId.value)),
       activate: (activated, e) => parent.root.activate(computedId.value, activated, e),
       isActivated: vue.computed(() => parent.root.activated.value.has(vue.toRaw(computedId.value))),
@@ -8887,7 +8869,6 @@
         activate,
         isActivated,
         select,
-        isOpen,
         isSelected,
         isIndeterminate,
         isGroupActivator,
@@ -8942,7 +8923,6 @@
       const slotProps = vue.computed(() => ({
         isActive: isActive.value,
         select,
-        isOpen: isOpen.value,
         isSelected: isSelected.value,
         isIndeterminate: isIndeterminate.value
       }));
@@ -8962,7 +8942,7 @@
       function onKeyDown(e) {
         if (e.key === 'Enter' || e.key === ' ') {
           e.preventDefault();
-          e.target.dispatchEvent(new MouseEvent('click', e));
+          onClick(e);
         }
       }
       useRender(() => {
@@ -10285,8 +10265,7 @@
   function useActivator(props, _ref) {
     let {
       isActive,
-      isTop,
-      contentEl
+      isTop
     } = _ref;
     const vm = getCurrentInstance('useActivator');
     const activatorEl = vue.ref();
@@ -10403,7 +10382,7 @@
       return events;
     });
     vue.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;
       }
     });
@@ -10809,9 +10788,6 @@
         attrs,
         emit
       } = _ref;
-      const root = vue.ref();
-      const scrimEl = vue.ref();
-      const contentEl = vue.ref();
       const model = useProxiedModel(props, 'modelValue');
       const isActive = vue.computed({
         get: () => model.value,
@@ -10849,8 +10825,7 @@
         scrimEvents
       } = useActivator(props, {
         isActive,
-        isTop: localTop,
-        contentEl
+        isTop: localTop
       });
       const {
         teleportTarget
@@ -10871,6 +10846,9 @@
       vue.watch(() => props.disabled, v => {
         if (v) isActive.value = false;
       });
+      const root = vue.ref();
+      const scrimEl = vue.ref();
+      const contentEl = vue.ref();
       const {
         contentStyles,
         updateLocation
@@ -11121,12 +11099,10 @@
     // TODO
     // disableKeys: Boolean,
     id: String,
-    submenu: Boolean,
     ...omit(makeVOverlayProps({
       closeDelay: 250,
       closeOnContentClick: true,
       locationStrategy: 'connected',
-      location: undefined,
       openDelay: 300,
       scrim: false,
       scrollStrategy: 'reposition',
@@ -11149,32 +11125,27 @@
       const {
         scopeId
       } = useScopeId();
-      const {
-        isRtl
-      } = useRtl();
       const uid = getUid();
       const id = vue.computed(() => props.id || `v-menu-${uid}`);
       const overlay = vue.ref();
       const parent = vue.inject(VMenuSymbol, null);
-      const openChildren = vue.shallowRef(new Set());
+      const openChildren = vue.shallowRef(0);
       vue.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);
         }
       });
-      vue.onBeforeUnmount(() => parent?.unregister());
-      vue.onDeactivated(() => isActive.value = false);
       async function onFocusIn(e) {
         const before = e.relatedTarget;
         const after = e.target;
@@ -11214,9 +11185,9 @@
             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) {
@@ -11225,21 +11196,12 @@
         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)));
@@ -11263,7 +11225,6 @@
           "onUpdate:modelValue": $event => isActive.value = $event,
           "absolute": true,
           "activatorProps": activatorProps.value,
-          "location": props.location ?? (props.submenu ? 'end' : 'bottom'),
           "onClick:outside": onClickOutside,
           "onKeydown": onKeydown
         }, scopeId), {
@@ -12096,7 +12057,6 @@
       deep: true
     });
     return {
-      calculateVisibleItems,
       containerRef,
       markerRef,
       computedItems,
@@ -12160,7 +12120,6 @@
         dimensionStyles
       } = useDimension(props);
       const {
-        calculateVisibleItems,
         containerRef,
         markerRef,
         handleScroll,
@@ -12232,7 +12191,6 @@
         }, [children])]);
       });
       return {
-        calculateVisibleItems,
         scrollToIndex
       };
     }
@@ -12301,9 +12259,9 @@
       }
     }
     return {
-      onScrollPassive: onListScroll,
-      onKeydown: onListKeydown
-    }; // typescript doesn't know about vue's event merging
+      onListScroll,
+      onListKeydown
+    };
   }
 
   // Types
@@ -12378,7 +12336,7 @@
       const menu = vue.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;
         }
       });
@@ -12417,7 +12375,10 @@
         };
       });
       const listRef = vue.ref();
-      const listEvents = useScrolling(listRef, vTextFieldRef);
+      const {
+        onListScroll,
+        onListKeydown
+      } = useScrolling(listRef, vTextFieldRef);
       function onClear(e) {
         if (props.openOnClear) {
           menu.value = true;
@@ -12427,11 +12388,6 @@
         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)) {
@@ -12452,6 +12408,11 @@
         // 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) {
@@ -12496,11 +12457,6 @@
           menu.value = false;
         }
       }
-      function onAfterEnter() {
-        if (props.eager) {
-          vVirtualScrollRef.value?.calculateVisibleItems();
-        }
-      }
       function onAfterLeave() {
         if (isFocused.value) {
           vTextFieldRef.value?.focus();
@@ -12579,7 +12535,6 @@
             "openOnClick": false,
             "closeOnContentClick": false,
             "transition": props.transition,
-            "onAfterEnter": onAfterEnter,
             "onAfterLeave": onAfterLeave
           }, computedMenuProps.value), {
             default: () => [hasList && vue.createVNode(VList, vue.mergeProps({
@@ -12589,10 +12544,11 @@
               "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']?.() ?? vue.createVNode(VListItem, {
                 "title": t(props.noDataText)
               }, null)), vue.createVNode(VVirtualScroll, {
@@ -12887,7 +12843,7 @@
       const menu = vue.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;
         }
       });
@@ -12931,7 +12887,10 @@
       });
       const menuDisabled = vue.computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
       const listRef = vue.ref();
-      const listEvents = useScrolling(listRef, vTextFieldRef);
+      const {
+        onListScroll,
+        onListKeydown
+      } = useScrolling(listRef, vTextFieldRef);
       function onClear(e) {
         if (props.openOnClear) {
           menu.value = true;
@@ -12950,11 +12909,6 @@
         }
         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;
@@ -13019,11 +12973,6 @@
           }
         }
       }
-      function onAfterEnter() {
-        if (props.eager) {
-          vVirtualScrollRef.value?.calculateVisibleItems();
-        }
-      }
       function onAfterLeave() {
         if (isFocused.value) {
           isPristine.value = true;
@@ -13152,7 +13101,6 @@
             "openOnClick": false,
             "closeOnContentClick": false,
             "transition": props.transition,
-            "onAfterEnter": onAfterEnter,
             "onAfterLeave": onAfterLeave
           }, props.menuProps), {
             default: () => [hasList && vue.createVNode(VList, vue.mergeProps({
@@ -13163,10 +13111,11 @@
               "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']?.() ?? vue.createVNode(VListItem, {
                 "title": t(props.noDataText)
               }, null)), vue.createVNode(VVirtualScroll, {
@@ -16727,7 +16676,7 @@
       const menu = vue.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;
         }
       });
@@ -16810,7 +16759,10 @@
       });
       const menuDisabled = vue.computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
       const listRef = vue.ref();
-      const listEvents = useScrolling(listRef, vTextFieldRef);
+      const {
+        onListScroll,
+        onListKeydown
+      } = useScrolling(listRef, vTextFieldRef);
       function onClear(e) {
         cleared = true;
         if (props.openOnClear) {
@@ -16829,11 +16781,6 @@
         }
         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;
@@ -16898,11 +16845,6 @@
           }
         }
       }
-      function onAfterEnter() {
-        if (props.eager) {
-          vVirtualScrollRef.value?.calculateVisibleItems();
-        }
-      }
       function onAfterLeave() {
         if (isFocused.value) {
           isPristine.value = true;
@@ -17027,7 +16969,6 @@
             "openOnClick": false,
             "closeOnContentClick": false,
             "transition": props.transition,
-            "onAfterEnter": onAfterEnter,
             "onAfterLeave": onAfterLeave
           }, props.menuProps), {
             default: () => [hasList && vue.createVNode(VList, vue.mergeProps({
@@ -17038,10 +16979,11 @@
               "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']?.() ?? vue.createVNode(VListItem, {
                 "title": t(props.noDataText)
               }, null)), vue.createVNode(VVirtualScroll, {
@@ -20985,7 +20927,6 @@
       default: false
     },
     ...makeComponentProps(),
-    ...makeDimensionProps(),
     ...makeTagProps()
   }, 'VContainer');
   const VContainer = genericComponent()({
@@ -20998,14 +20939,11 @@
       const {
         rtlClasses
       } = useRtl();
-      const {
-        dimensionStyles
-      } = useDimension(props);
       useRender(() => vue.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 {};
     }
@@ -22427,8 +22365,7 @@
       default: false
     },
     readonly: Boolean,
-    ...makeComponentProps(),
-    ...makeDimensionProps()
+    ...makeComponentProps()
   }, 'VExpansionPanelTitle');
   const VExpansionPanelTitle = genericComponent()({
     name: 'VExpansionPanelTitle',
@@ -22446,9 +22383,6 @@
         backgroundColorClasses,
         backgroundColorStyles
       } = useBackgroundColor(props, 'color');
-      const {
-        dimensionStyles
-      } = useDimension(props);
       const slotProps = vue.computed(() => ({
         collapseIcon: props.collapseIcon,
         disabled: expansionPanel.disabled.value,
@@ -22463,7 +22397,7 @@
           '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,
@@ -22985,6 +22919,8 @@
       let {
         slots
       } = _ref;
+      const layoutItemStyles = vue.ref();
+      const layoutIsReady = vue.shallowRef();
       const {
         themeClasses
       } = provideTheme(props);
@@ -23009,17 +22945,20 @@
         autoHeight.value = entries[0].target.clientHeight;
       });
       const height = vue.computed(() => props.height === 'auto' ? autoHeight.value : parseInt(props.height, 10));
-      const {
-        layoutItemStyles,
-        layoutIsReady
-      } = useLayoutItem({
-        id: props.name,
-        order: vue.computed(() => parseInt(props.order, 10)),
-        position: vue.computed(() => 'bottom'),
-        layoutSize: height,
-        elementSize: vue.computed(() => props.height === 'auto' ? undefined : height.value),
-        active: vue.computed(() => props.app),
-        absolute: vue.toRef(props, 'absolute')
+      useToggleScope(() => props.app, () => {
+        const layout = useLayoutItem({
+          id: props.name,
+          order: vue.computed(() => parseInt(props.order, 10)),
+          position: vue.computed(() => 'bottom'),
+          layoutSize: height,
+          elementSize: vue.computed(() => props.height === 'auto' ? undefined : height.value),
+          active: vue.computed(() => props.app),
+          absolute: vue.toRef(props, 'absolute')
+        });
+        vue.watchEffect(() => {
+          layoutItemStyles.value = layout.layoutItemStyles.value;
+          layoutIsReady.value = layout.layoutIsReady;
+        });
       });
       useRender(() => vue.createVNode(props.tag, {
         "ref": resizeRef,
@@ -23028,7 +22967,7 @@
           height: convertToUnit(props.height)
         }, props.style]
       }, slots));
-      return props.app ? layoutIsReady : {};
+      return props.app ? layoutIsReady.value : {};
     }
   });
 
@@ -25169,16 +25108,17 @@
       const items = vue.computed(() => genStructure(wrapInArray(props.type).join(',')));
       useRender(() => {
         const isLoading = !slots.default || props.loading;
-        return vue.createVNode("div", {
+        const loadingProps = props.boilerplate || !isLoading ? {} : {
+          ariaLive: 'polite',
+          ariaLabel: t(props.loadingText),
+          role: 'alert'
+        };
+        return vue.createVNode("div", vue.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 {};
     }
@@ -25211,14 +25151,14 @@
   // Types
 
   function useCountdown(milliseconds) {
-    const time = vue.shallowRef(milliseconds);
+    const time = vue.shallowRef(milliseconds());
     let timer = -1;
     function clear() {
       clearInterval(timer);
     }
     function reset() {
       clear();
-      vue.nextTick(() => time.value = milliseconds);
+      vue.nextTick(() => time.value = milliseconds());
     }
     function start(el) {
       const style = el ? getComputedStyle(el) : {
@@ -25230,7 +25170,7 @@
       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);
     }
@@ -25290,7 +25230,7 @@
       const {
         roundedClasses
       } = useRounded(props);
-      const countdown = useCountdown(Number(props.timeout));
+      const countdown = useCountdown(() => Number(props.timeout));
       const overlay = vue.ref();
       const timerRef = vue.ref();
       const isHovering = vue.shallowRef(false);
@@ -28110,19 +28050,23 @@
     },
     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',
@@ -28134,30 +28078,27 @@
     },
     setup(props, _ref) {
       let {
-        attrs,
-        emit,
         slots
       } = _ref;
-      const model = useProxiedModel(props, 'modelValue');
+      const _model = useProxiedModel(props, 'modelValue');
+      const model = vue.computed({
+        get: () => _model.value,
+        set(val) {
+          if (typeof val !== 'string') _model.value = val;
+        }
+      });
+      const vTextFieldRef = vue.ref();
       const stepDecimals = vue.computed(() => getDecimals(props.step));
-      const modelDecimals = vue.computed(() => model.value != null ? getDecimals(model.value) : 0);
+      const modelDecimals = vue.computed(() => typeof model.value === 'number' ? getDecimals(model.value) : 0);
       const form = useForm();
       const controlsDisabled = vue.computed(() => props.disabled || props.readonly || form?.isReadonly.value);
       const canIncrease = vue.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 = vue.computed(() => {
         if (controlsDisabled.value) return false;
-        if (model.value == null) return true;
-        return model.value - props.step >= props.min;
-      });
-      vue.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 = vue.computed(() => {
         return props.hideInput ? 'stacked' : props.controlVariant;
@@ -28172,11 +28113,16 @@
       const decrementSlotProps = vue.computed(() => ({
         click: onClickDown
       }));
+      vue.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);
@@ -28194,30 +28140,45 @@
         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 vue.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: _,
@@ -28302,8 +28263,11 @@
         }, null)]) : props.reverse ? vue.createVNode(vue.Fragment, null, [controlNode(), dividerNode()]) : undefined;
         const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
         return vue.createVNode(VTextField, vue.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',
@@ -29500,7 +29464,6 @@
 
   const makeVTreeviewItemProps = propsFactory({
     loading: Boolean,
-    onToggleExpand: EventProp(),
     toggleIcon: IconValue,
     ...makeVListItemProps({
       slim: true
@@ -29521,12 +29484,24 @@
       const {
         activate,
         isActivated,
+        select,
+        isSelected,
+        isIndeterminate,
         isGroupActivator,
         root,
         id
       } = useNestedItem(rawId, false);
       const isActivatableGroupActivator = vue.computed(() => root.activatable.value && isGroupActivator);
-      const isClickable = vue.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 = vue.computed(() => ({
+        isActive: isActivated.value,
+        select,
+        isSelected: isSelected.value,
+        isIndeterminate: isIndeterminate.value
+      }));
+      const isClickable = vue.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) {
@@ -29537,20 +29512,68 @@
           }
         }
       }
+      function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          activateItem(e);
+        }
+      }
       const visibleIds = vue.inject(VTreeviewSymbol, {
         visibleIds: vue.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 vue.createVNode(VListItem, vue.mergeProps(listItemProps, {
-          "active": isActivated.value,
+        return isActivatableGroupActivator.value ? vue.withDirectives(vue.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
+        }, [vue.createVNode(vue.Fragment, null, [genOverlays(isActivated.value || isSelected.value, 'v-list-item'), props.toggleIcon && vue.createVNode(VListItemAction, {
+          "start": false
+        }, {
+          default: () => [vue.createVNode(VBtn, {
+            "density": "compact",
+            "icon": props.toggleIcon,
+            "loading": props.loading,
+            "variant": "text",
+            "onClick": props.onClick
+          }, {
+            loader() {
+              return vue.createVNode(VProgressCircular, {
+                "indeterminate": "disable-shrink",
+                "size": "20",
+                "width": "2"
+              }, null);
+            }
+          })]
+        })]), vue.createVNode("div", {
+          "class": "v-list-item__content",
+          "data-no-activator": ""
+        }, [hasTitle && vue.createVNode(VListItemTitle, {
+          "key": "title"
+        }, {
+          default: () => [slots.title?.({
+            title: props.title
+          }) ?? props.title]
+        }), hasSubtitle && vue.createVNode(VListItemSubtitle, {
+          "key": "subtitle"
+        }, {
+          default: () => [slots.subtitle?.({
+            subtitle: props.subtitle
+          }) ?? props.subtitle]
+        }), slots.default?.(slotProps.value)])]), [[vue.resolveDirective("ripple"), isClickable.value && props.ripple]]) : vue.createVNode(VListItem, vue.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 => {
@@ -29561,8 +29584,7 @@
                 "density": "compact",
                 "icon": props.toggleIcon,
                 "loading": props.loading,
-                "variant": "text",
-                "onClick": props.onToggleExpand
+                "variant": "text"
               }, {
                 loader() {
                   return vue.createVNode(VProgressCircular, {
@@ -29589,19 +29611,7 @@
       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()({
@@ -29613,7 +29623,6 @@
         slots
       } = _ref;
       const isLoading = vue.shallowRef(null);
-      const isClickOnOpen = vue.computed(() => props.openOnClick != null ? props.openOnClick : props.selectable);
       function checkChildren(item) {
         return new Promise(resolve => {
           if (!props.items?.length || !props.loadChildren) return resolve();
@@ -29644,11 +29653,7 @@
             "key": item.value,
             "modelValue": slotProps.isSelected,
             "loading": loading,
-            "color": props.selectedColor,
             "indeterminate": slotProps.isIndeterminate,
-            "indeterminateIcon": props.indeterminateIcon,
-            "falseIcon": props.falseIcon,
-            "trueIcon": props.trueIcon,
             "onClick": vue.withModifiers(() => selectItem(slotProps.select, slotProps.isSelected), ['stop']),
             "onKeydown": e => {
               if (!['Enter', 'Space'].includes(e.key)) return;
@@ -29670,9 +29675,9 @@
         };
         const treeviewGroupProps = VTreeviewGroup.filterProps(itemProps);
         const treeviewChildrenProps = VTreeviewChildren.filterProps(props);
-        return children ? vue.createVNode(VTreeviewGroup, vue.mergeProps(treeviewGroupProps, {
-          "value": props.returnObject ? item : treeviewGroupProps?.value
-        }), {
+        return children ? vue.createVNode(VTreeviewGroup, vue.mergeProps({
+          "value": itemProps?.value
+        }, treeviewGroupProps), {
           activator: _ref3 => {
             let {
               props: activatorProps
@@ -29680,24 +29685,19 @@
             const listItemProps = {
               ...itemProps,
               ...activatorProps,
-              value: itemProps?.value,
-              onToggleExpand: activatorProps.onClick,
-              onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : undefined
+              value: itemProps?.value
             };
             return vue.createVNode(VTreeviewItem, vue.mergeProps(listItemProps, {
-              "value": props.returnObject ? vue.toRaw(item) : itemProps.value,
-              "loading": loading
+              "loading": loading,
+              "onClick": () => checkChildren(item)
             }), slotsWithItem);
           },
           default: () => vue.createVNode(VTreeviewChildren, vue.mergeProps(treeviewChildrenProps, {
-            "items": children,
-            "returnObject": props.returnObject
+            "items": children
           }), slots)
         }) : slots.item?.({
           props: itemProps
-        }) ?? vue.createVNode(VTreeviewItem, vue.mergeProps(itemProps, {
-          "value": props.returnObject ? vue.toRaw(item) : itemProps.value
-        }), slotsWithItem);
+        }) ?? vue.createVNode(VTreeviewItem, itemProps, slotsWithItem);
       });
     }
   });
@@ -29721,7 +29721,7 @@
       collapseIcon: '$treeviewCollapse',
       expandIcon: '$treeviewExpand',
       slim: true
-    }), ['nav', 'openStrategy'])
+    }), ['nav'])
   }, 'VTreeview');
   const VTreeview = genericComponent()({
     name: 'VTreeview',
@@ -29780,11 +29780,11 @@
         }
         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 ? vue.toRaw(i.raw) : i.value);
+          ids.push(i.value);
           if (i.children) {
             ids = ids.concat(openAll(i.children));
           }
@@ -29820,7 +29820,6 @@
           "ref": vListRef
         }, listProps, {
           "class": ['v-treeview', props.class],
-          "open-strategy": "multiple",
           "style": props.style,
           "opened": opened.value,
           "activated": activated.value,
@@ -29829,7 +29828,6 @@
           "onUpdate:selected": $event => selected.value = $event
         }), {
           default: () => [vue.createVNode(VTreeviewChildren, vue.mergeProps(treeviewChildrenProps, {
-            "returnObject": props.returnObject,
             "items": items.value
           }), slots)]
         });
@@ -30335,7 +30333,7 @@
       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
@@ -30588,7 +30586,7 @@
 
   /* 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 */