vuetify 3.7.11 → 3.7.13

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.11
+* Vuetify v3.7.13
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -230,10 +230,9 @@
   // Array of keys
   function pick(obj, paths) {
     const found = {};
-    const keys = new Set(Object.keys(obj));
-    for (const path of paths) {
-      if (keys.has(path)) {
-        found[path] = obj[path];
+    for (const key of paths) {
+      if (Object.hasOwn(obj, key)) {
+        found[key] = obj[key];
       }
     }
     return found;
@@ -247,7 +246,7 @@
     const found = Object.create(null);
     const rest = Object.create(null);
     for (const key in obj) {
-      if (paths.some(path => path instanceof RegExp ? path.test(key) : path === key) && !exclude?.some(path => path === key)) {
+      if (paths.some(path => path instanceof RegExp ? path.test(key) : path === key) && true) {
         found[key] = obj[key];
       } else {
         rest[key] = obj[key];
@@ -262,11 +261,6 @@
     exclude.forEach(prop => delete clone[prop]);
     return clone;
   }
-  function only(obj, include) {
-    const clone = {};
-    include.forEach(prop => clone[prop] = obj[prop]);
-    return clone;
-  }
   const onRE = /^on[^a-z]/;
   const isOn = key => onRE.test(key);
   const bubblingEvents = ['onAfterscriptexecute', 'onAnimationcancel', 'onAnimationend', 'onAnimationiteration', 'onAnimationstart', 'onAuxclick', 'onBeforeinput', 'onBeforescriptexecute', 'onChange', 'onClick', 'onCompositionend', 'onCompositionstart', 'onCompositionupdate', 'onContextmenu', 'onCopy', 'onCut', 'onDblclick', 'onFocusin', 'onFocusout', 'onFullscreenchange', 'onFullscreenerror', 'onGesturechange', 'onGestureend', 'onGesturestart', 'onGotpointercapture', 'onInput', 'onKeydown', 'onKeypress', 'onKeyup', 'onLostpointercapture', 'onMousedown', 'onMousemove', 'onMouseout', 'onMouseover', 'onMouseup', 'onMousewheel', 'onPaste', 'onPointercancel', 'onPointerdown', 'onPointerenter', 'onPointerleave', 'onPointermove', 'onPointerout', 'onPointerover', 'onPointerup', 'onReset', 'onSelect', 'onSubmit', 'onTouchcancel', 'onTouchend', 'onTouchmove', 'onTouchstart', 'onTransitioncancel', 'onTransitionend', 'onTransitionrun', 'onTransitionstart', 'onWheel'];
@@ -581,6 +575,9 @@
     const noModifier = !e.ctrlKey && !e.metaKey && !e.altKey;
     return isPrintableChar && noModifier;
   }
+  function isPrimitive(value) {
+    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint';
+  }
 
   // Utilities
   const block = ['top', 'bottom'];
@@ -878,7 +875,7 @@
       // WoB should always return negative value.
 
       const SAPC = (Ybg ** revBG - Ytxt ** revTXT) * scaleWoB;
-      outputContrast = SAPC > -loClip ? 0.0 : SAPC > -loConThresh ? SAPC - SAPC * loConFactor * loConOffset : SAPC + loConOffset;
+      outputContrast = SAPC > -1e-3 ? 0.0 : SAPC > -0.078 ? SAPC - SAPC * loConFactor * loConOffset : SAPC + loConOffset;
     }
     return outputContrast * 100;
   }
@@ -918,7 +915,7 @@
   // Types
 
   // For converting XYZ to sRGB
-  const srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.2040, 1.0570]];
+  const srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.204, 1.0570]];
 
   // Forward gamma adjust
   const srgbForwardTransform = C => C <= 0.0031308 ? C * 12.92 : 1.055 * C ** (1 / 2.4) - 0.055;
@@ -1266,7 +1263,7 @@
   function getCurrentInstance(name, message) {
     const vm = vue.getCurrentInstance();
     if (!vm) {
-      throw new Error(`[Vuetify] ${name} ${message || 'must be called from inside a setup function'}`);
+      throw new Error(`[Vuetify] ${name} ${'must be called from inside a setup function'}`);
     }
     return vm;
   }
@@ -2819,6 +2816,8 @@
     }
   }
 
+  // Utilities
+
   // Types
 
   const makeVDialogTransitionProps = propsFactory({
@@ -4721,7 +4720,6 @@
     const isIntersecting = vue.shallowRef(false);
     if (SUPPORTS_INTERSECTION) {
       const observer = new IntersectionObserver(entries => {
-        callback?.(entries, observer);
         isIntersecting.value = !!entries.find(entry => entry.isIntersecting);
       }, options);
       vue.onBeforeUnmount(() => {
@@ -5349,11 +5347,13 @@
       animation.classList.add('v-ripple__animation--visible');
       transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`);
       animation.dataset.activated = String(performance.now());
-      setTimeout(() => {
-        animation.classList.remove('v-ripple__animation--enter');
-        animation.classList.add('v-ripple__animation--in');
-        transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
-      }, 0);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          animation.classList.remove('v-ripple__animation--enter');
+          animation.classList.add('v-ripple__animation--in');
+          transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
+        });
+      });
     },
     hide(el) {
       if (!el?._ripple?.enabled) return;
@@ -6891,7 +6891,7 @@
     'onClick:append': EventProp(),
     ...makeComponentProps(),
     ...makeDensityProps(),
-    ...only(makeDimensionProps(), ['maxWidth', 'minWidth', 'width']),
+    ...pick(makeDimensionProps(), ['maxWidth', 'minWidth', 'width']),
     ...makeThemeProps(),
     ...makeValidationProps()
   }, 'VInput');
@@ -8348,12 +8348,12 @@
         return selected;
       },
       in: (v, children, parents) => {
-        let map = new Map();
+        const map = new Map();
         for (const id of v || []) {
-          map = strategy.select({
+          strategy.select({
             id,
             value: true,
-            selected: new Map(map),
+            selected: map,
             children,
             parents
           });
@@ -8388,11 +8388,10 @@
         });
       },
       in: (v, children, parents) => {
-        let map = new Map();
         if (v?.length) {
-          map = parentStrategy.in(v.slice(0, 1), children, parents);
+          return parentStrategy.in(v.slice(0, 1), children, parents);
         }
-        return map;
+        return new Map();
       },
       out: (v, children, parents) => {
         return parentStrategy.out(v, children, parents);
@@ -8495,7 +8494,7 @@
           map = strategy.select({
             id,
             value: true,
-            selected: new Map(map),
+            selected: map,
             children,
             parents
           });
@@ -8720,7 +8719,22 @@
             parents: parents.value,
             event
           });
-          newActivated && (activated.value = newActivated);
+          if (newActivated.size !== activated.value.size) {
+            activated.value = newActivated;
+          } else {
+            for (const value of newActivated) {
+              if (!activated.value.has(value)) {
+                activated.value = newActivated;
+                return;
+              }
+            }
+            for (const value of activated.value) {
+              if (!newActivated.has(value)) {
+                activated.value = newActivated;
+                return;
+              }
+            }
+          }
         },
         children,
         parents,
@@ -9167,7 +9181,8 @@
         list,
         select,
         root,
-        id: uid
+        id: uid,
+        link
       };
     }
   });
@@ -9379,10 +9394,7 @@
       default: 'props'
     },
     returnObject: Boolean,
-    valueComparator: {
-      type: Function,
-      default: deepEqual
-    }
+    valueComparator: Function
   }, 'list-items');
   function transformItem$3(props, item) {
     const title = getPropertyFromItem(item, props.itemTitle, item);
@@ -9403,29 +9415,84 @@
     };
   }
   function transformItems$3(props, items) {
+    const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'returnObject', 'valueComparator']);
     const array = [];
     for (const item of items) {
-      array.push(transformItem$3(props, item));
+      array.push(transformItem$3(_props, item));
     }
     return array;
   }
   function useItems(props) {
     const items = vue.computed(() => transformItems$3(props, props.items));
     const hasNullItem = vue.computed(() => items.value.some(item => item.value === null));
+    const itemsMap = vue.shallowRef(new Map());
+    const keylessItems = vue.shallowRef([]);
+    vue.watchEffect(() => {
+      const _items = items.value;
+      const map = new Map();
+      const keyless = [];
+      for (let i = 0; i < _items.length; i++) {
+        const item = _items[i];
+        if (isPrimitive(item.value) || item.value === null) {
+          let values = map.get(item.value);
+          if (!values) {
+            values = [];
+            map.set(item.value, values);
+          }
+          values.push(item);
+        } else {
+          keyless.push(item);
+        }
+      }
+      itemsMap.value = map;
+      keylessItems.value = keyless;
+    });
     function transformIn(value) {
-      if (!hasNullItem.value) {
+      // Cache unrefed values outside the loop,
+      // proxy getters can be slow when you call them a billion times
+      const _items = itemsMap.value;
+      const _allItems = items.value;
+      const _keylessItems = keylessItems.value;
+      const _hasNullItem = hasNullItem.value;
+      const _returnObject = props.returnObject;
+      const hasValueComparator = !!props.valueComparator;
+      const valueComparator = props.valueComparator || deepEqual;
+      const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'returnObject', 'valueComparator']);
+      const returnValue = [];
+      main: for (const v of value) {
         // When the model value is null, return an InternalItem
         // based on null only if null is one of the items
-        value = value.filter(v => v !== null);
-      }
-      return value.map(v => {
-        if (props.returnObject && typeof v === 'string') {
-          // String model value means value is a custom input value from combobox
-          // Don't look up existing items if the model value is a string
-          return transformItem$3(props, v);
+        if (!_hasNullItem && v === null) continue;
+
+        // String model value means value is a custom input value from combobox
+        // Don't look up existing items if the model value is a string
+        if (_returnObject && typeof v === 'string') {
+          returnValue.push(transformItem$3(_props, v));
+          continue;
         }
-        return items.value.find(item => props.valueComparator(v, item.value)) || transformItem$3(props, v);
-      });
+
+        // Fast path, items with primitive values and no
+        // custom valueComparator can use a constant-time
+        // map lookup instead of searching the items array
+        const fastItems = _items.get(v);
+
+        // Slow path, always use valueComparator.
+        // This is O(n^2) so we really don't want to
+        // do it for more than a couple hundred items.
+        if (hasValueComparator || !fastItems) {
+          for (const item of hasValueComparator ? _allItems : _keylessItems) {
+            if (valueComparator(v, item.value)) {
+              returnValue.push(item);
+              continue main;
+            }
+          }
+          // Not an existing item, construct it from the model (#4000)
+          returnValue.push(transformItem$3(_props, v));
+          continue;
+        }
+        returnValue.push(...fastItems);
+      }
+      return returnValue;
     }
     function transformOut(value) {
       return props.returnObject ? value.map(_ref => {
@@ -9449,9 +9516,6 @@
 
   // Types
 
-  function isPrimitive(value) {
-    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
-  }
   function transformItem$2(props, item) {
     const type = getPropertyFromItem(item, props.itemType, 'item');
     const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle);
@@ -9641,7 +9705,7 @@
             'v-list--slim': props.slim
           }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, props.class],
           "style": [backgroundColorStyles.value, dimensionStyles.value, props.style],
-          "tabindex": props.disabled || isFocused.value ? -1 : 0,
+          "tabindex": props.disabled ? -1 : 0,
           "role": "listbox",
           "aria-activedescendant": undefined,
           "onFocusin": onFocusin,
@@ -12500,7 +12564,7 @@
       let keyboardLookupLastTime;
       const displayItems = vue.computed(() => {
         if (props.hideSelected) {
-          return items.value.filter(item => !model.value.some(s => props.valueComparator(s, item)));
+          return items.value.filter(item => !model.value.some(s => (props.valueComparator || deepEqual)(s, item)));
         }
         return items.value;
       });
@@ -12572,7 +12636,7 @@
         let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         if (item.props.disabled) return;
         if (props.multiple) {
-          const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
+          const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
           const add = set == null ? !~index : set;
           if (~index) {
             const value = add ? [...model.value, item] : [...model.value];
@@ -12619,7 +12683,7 @@
       }
       vue.watch(menu, () => {
         if (!props.hideSelected && menu.value && model.value.length) {
-          const index = displayItems.value.findIndex(item => model.value.some(s => props.valueComparator(s.value, item.value)));
+          const index = displayItems.value.findIndex(item => model.value.some(s => (props.valueComparator || deepEqual)(s.value, item.value)));
           IN_BROWSER && window.requestAnimationFrame(() => {
             index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
           });
@@ -13151,7 +13215,7 @@
         let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         if (!item || item.props.disabled) return;
         if (props.multiple) {
-          const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
+          const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
           const add = set == null ? !~index : set;
           if (~index) {
             const value = add ? [...model.value, item] : [...model.value];
@@ -15540,6 +15604,8 @@
     const trackContainerRef = vue.ref();
     const activeThumbRef = vue.ref();
     function parseMouseMove(e) {
+      const el = trackContainerRef.value?.$el;
+      if (!el) return;
       const vertical = props.direction === 'vertical';
       const start = vertical ? 'top' : 'left';
       const length = vertical ? 'height' : 'width';
@@ -15547,7 +15613,7 @@
       const {
         [start]: trackStart,
         [length]: trackLength
-      } = trackContainerRef.value?.$el.getBoundingClientRect();
+      } = el.getBoundingClientRect();
       const clickOffset = getPosition(e, position);
 
       // It is possible for left to be NaN, force to number
@@ -15556,13 +15622,17 @@
       return roundValue(min.value + clickPos * (max.value - min.value));
     }
     const handleStop = e => {
-      onSliderEnd({
-        value: parseMouseMove(e)
-      });
+      const value = parseMouseMove(e);
+      if (value != null) {
+        onSliderEnd({
+          value
+        });
+      }
       mousePressed.value = false;
       startOffset.value = 0;
     };
     const handleStart = e => {
+      const value = parseMouseMove(e);
       activeThumbRef.value = getActiveThumb(e);
       if (!activeThumbRef.value) return;
       mousePressed.value = true;
@@ -15570,13 +15640,17 @@
         startOffset.value = getOffset(e, activeThumbRef.value, props.direction);
       } else {
         startOffset.value = 0;
-        onSliderMove({
-          value: parseMouseMove(e)
+        if (value != null) {
+          onSliderMove({
+            value
+          });
+        }
+      }
+      if (value != null) {
+        onSliderStart({
+          value
         });
       }
-      onSliderStart({
-        value: parseMouseMove(e)
-      });
       vue.nextTick(() => activeThumbRef.value?.focus());
     };
     const moveListenerOptions = {
@@ -15584,9 +15658,12 @@
       capture: true
     };
     function onMouseMove(e) {
-      onSliderMove({
-        value: parseMouseMove(e)
-      });
+      const value = parseMouseMove(e);
+      if (value != null) {
+        onSliderMove({
+          value
+        });
+      }
     }
     function onSliderMouseUp(e) {
       e.stopPropagation();
@@ -17025,7 +17102,7 @@
         let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         if (!item || item.props.disabled) return;
         if (props.multiple) {
-          const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
+          const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
           const add = set == null ? !~index : set;
           if (~index) {
             const value = add ? [...model.value, item] : [...model.value];
@@ -17085,7 +17162,7 @@
       });
       vue.watch(menu, () => {
         if (!props.hideSelected && menu.value && model.value.length) {
-          const index = displayItems.value.findIndex(item => model.value.some(s => props.valueComparator(s.value, item.value)));
+          const index = displayItems.value.findIndex(item => model.value.some(s => (props.valueComparator || deepEqual)(s.value, item.value)));
           IN_BROWSER && window.requestAnimationFrame(() => {
             index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
           });
@@ -18302,13 +18379,7 @@
         return [...new Set(arr)];
       }
       return dive({
-        type: 'group',
-        items,
-        id: 'dummy',
-        key: 'dummy',
-        value: 'dummy',
-        depth: 0
-      });
+        items});
     }
 
     // onBeforeMount(() => {
@@ -18752,15 +18823,19 @@
       })) ?? [];
       const item = newSortBy.find(x => x.key === column.key);
       if (!item) {
-        if (multiSort.value) newSortBy = [...newSortBy, {
-          key: column.key,
-          order: 'asc'
-        }];else newSortBy = [{
-          key: column.key,
-          order: 'asc'
-        }];
+        if (multiSort.value) {
+          newSortBy.push({
+            key: column.key,
+            order: 'asc'
+          });
+        } else {
+          newSortBy = [{
+            key: column.key,
+            order: 'asc'
+          }];
+        }
       } else if (item.order === 'desc') {
-        if (mustSort.value) {
+        if (mustSort.value && newSortBy.length === 1) {
           item.order = 'asc';
         } else {
           newSortBy = newSortBy.filter(x => x.key !== column.key);
@@ -21385,7 +21460,7 @@
     },
     disabled: {
       type: [Boolean, String, Array],
-      default: false
+      default: null
     },
     nextIcon: {
       type: IconValue,
@@ -21567,7 +21642,10 @@
   // Composables
   const makeCalendarProps = propsFactory({
     allowedDates: [Array, Function],
-    disabled: Boolean,
+    disabled: {
+      type: Boolean,
+      default: null
+    },
     displayValue: null,
     modelValue: Array,
     month: [Number, String],
@@ -21719,7 +21797,7 @@
       type: String,
       default: 'picker-reverse-transition'
     },
-    ...makeCalendarProps()
+    ...omit(makeCalendarProps(), ['displayValue'])
   }, 'VDatePickerMonth');
   const VDatePickerMonth = genericComponent()({
     name: 'VDatePickerMonth',
@@ -22996,8 +23074,7 @@
         const fieldProps = filterFieldProps(props);
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
-          "modelValue": model.value,
-          "onUpdate:modelValue": $event => model.value = $event,
+          "modelValue": props.multiple ? model.value : model.value[0],
           "class": ['v-file-input', {
             'v-file-input--chips': !!props.chips,
             'v-file-input--hide': props.hideInput,
@@ -23836,7 +23913,7 @@
   /** @see https://android.googlesource.com/platform/frameworks/native/+/master/libs/input/VelocityTracker.cpp */
   function kineticEnergyToVelocity(work) {
     const sqrt2 = 1.41421356237;
-    return (work < 0 ? -1.0 : 1.0) * Math.sqrt(Math.abs(work)) * sqrt2;
+    return (work < 0 ? -1 : 1.0) * Math.sqrt(Math.abs(work)) * sqrt2;
   }
 
   /**
@@ -24218,7 +24295,6 @@
         const size = isTemporary.value ? 0 : props.rail && props.expandOnHover ? Number(props.railWidth) : width.value;
         return isDragging.value ? size * dragProgress.value : size;
       });
-      const elementSize = vue.computed(() => ['top', 'bottom'].includes(props.location) ? 0 : width.value);
       const {
         layoutItemStyles,
         layoutItemScrimStyles
@@ -24227,7 +24303,7 @@
         order: vue.computed(() => parseInt(props.order, 10)),
         position: location,
         layoutSize,
-        elementSize,
+        elementSize: width,
         active: vue.computed(() => isActive.value || isDragging.value),
         disableTransitions: vue.computed(() => isDragging.value),
         absolute: vue.computed(() =>
@@ -24273,9 +24349,7 @@
             'v-navigation-drawer--active': isActive.value,
             'v-navigation-drawer--sticky': isSticky.value
           }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, displayClasses.value, elevationClasses.value, roundedClasses.value, props.class],
-          "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style, ['top', 'bottom'].includes(location.value) ? {
-            height: 'auto'
-          } : {}]
+          "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style]
         }, scopeId, attrs), {
           default: () => [hasImage && vue.createVNode("div", {
             "key": "image",
@@ -24362,7 +24436,7 @@
     },
     ...makeDimensionProps(),
     ...makeFocusProps(),
-    ...only(makeVFieldProps({
+    ...pick(makeVFieldProps({
       variant: 'outlined'
     }), ['baseColor', 'bgColor', 'class', 'color', 'disabled', 'error', 'loading', 'rounded', 'style', 'theme', 'variant'])
   }, 'VOtpInput');
@@ -25595,6 +25669,8 @@
     }
   }, 'Line');
 
+  // Utilities
+
   // Types
 
   const makeVBarlineProps = propsFactory({
@@ -25792,6 +25868,8 @@
     };
   }
 
+  // Utilities
+
   // Types
 
   const makeVTrendlineProps = propsFactory({
@@ -26346,7 +26424,7 @@
       selectedClass: 'v-stepper-item--selected'
     }),
     ...makeVSheetProps(),
-    ...only(makeVStepperActionsProps(), ['prevText', 'nextText'])
+    ...pick(makeVStepperActionsProps(), ['prevText', 'nextText'])
   }, 'VStepper');
   const VStepper = genericComponent()({
     name: 'VStepper',
@@ -27428,7 +27506,7 @@
       type: String,
       validator: v => ['start', 'end', 'both'].includes(v)
     },
-    ...only(makeVTimelineItemProps({
+    ...pick(makeVTimelineItemProps({
       lineInset: 0
     }), ['dotColor', 'fillDot', 'hideOpposite', 'iconColor', 'lineInset', 'size']),
     ...makeComponentProps(),
@@ -27734,6 +27812,10 @@
       ...makeVCalendarIntervalProps()
     },
     setup(props, _ref) {
+      let {
+        emit,
+        slots
+      } = _ref;
       const adapter = useDate();
       const interval = vue.computed(() => {
         const start = adapter.addMinutes(adapter.startOfDay(props.day.date), props.intervalDuration * (props.index + props.intervalStart));
@@ -28128,7 +28210,7 @@
     ...omit(makeVDatePickerProps({
       weeksInMonth: 'dynamic',
       hideHeader: true
-    }), ['active', 'location'])
+    }), ['active', 'location', 'rounded'])
   }, 'VDateInput');
   const VDateInput = genericComponent()({
     name: 'VDateInput',
@@ -28149,8 +28231,9 @@
         focus,
         blur
       } = useFocus(props);
-      const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null);
+      const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null, val => Array.isArray(val) ? val.map(item => adapter.toJsDate(item)) : val ? adapter.toJsDate(val) : val, val => Array.isArray(val) ? val.map(item => adapter.date(item)) : val ? adapter.date(val) : val);
       const menu = vue.shallowRef(false);
+      const vDateInputRef = vue.ref();
       const display = vue.computed(() => {
         const value = wrapInArray(model.value);
         if (!value.length) return null;
@@ -28172,7 +28255,7 @@
           return;
         }
         const target = e.target;
-        model.value = adapter.date(target.value);
+        model.value = target.value;
       }
       function onClick(e) {
         e.preventDefault();
@@ -28182,11 +28265,17 @@
       function onSave() {
         menu.value = false;
       }
+      function onUpdateModel(value) {
+        if (value != null) return;
+        model.value = null;
+      }
       useRender(() => {
         const confirmEditProps = VConfirmEdit.filterProps(props);
-        const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location']));
+        const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location', 'rounded']));
         const textFieldProps = VTextField.filterProps(props);
-        return vue.createVNode(VTextField, vue.mergeProps(textFieldProps, {
+        return vue.createVNode(VTextField, vue.mergeProps({
+          "ref": vDateInputRef
+        }, textFieldProps, {
           "class": props.class,
           "style": props.style,
           "modelValue": display.value,
@@ -28195,9 +28284,11 @@
           "onFocus": focus,
           "onBlur": blur,
           "onClick:control": isInteractive.value ? onClick : undefined,
-          "onClick:prepend": isInteractive.value ? onClick : undefined
+          "onClick:prepend": isInteractive.value ? onClick : undefined,
+          "onUpdate:modelValue": onUpdateModel
         }), {
-          default: () => [vue.createVNode(VMenu, {
+          ...slots,
+          default: () => vue.createVNode(vue.Fragment, null, [vue.createVNode(VMenu, {
             "modelValue": menu.value,
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
@@ -28240,9 +28331,10 @@
                 });
               }
             })]
-          }), slots.default?.()]
+          }), slots.default?.()])
         });
       });
+      return forwardRefs({}, vDateInputRef);
     }
   });
 
@@ -28374,7 +28466,7 @@
     name: String,
     ...makeDelayProps(),
     ...makeDensityProps(),
-    ...only(makeVDividerProps({
+    ...pick(makeVDividerProps({
       length: 150
     }), ['length', 'thickness', 'opacity']),
     ...makeVSheetProps()
@@ -28584,7 +28676,11 @@
       type: Number,
       default: 1
     },
-    ...omit(makeVTextFieldProps({}), ['appendInnerIcon', 'modelValue', 'prependInnerIcon'])
+    precision: {
+      type: Number,
+      default: 0
+    },
+    ...omit(makeVTextFieldProps({}), ['modelValue'])
   }, 'VNumberInput');
   const VNumberInput = genericComponent()({
     name: 'VNumberInput',
@@ -28598,27 +28694,37 @@
       let {
         slots
       } = _ref;
-      const _model = useProxiedModel(props, 'modelValue');
-      const model = vue.computed({
-        get: () => _model.value,
-        // model.value could be empty string from VTextField
-        // but _model.value should be eventually kept in type Number | null
+      const vTextFieldRef = vue.ref();
+      const form = useForm(props);
+      const controlsDisabled = vue.computed(() => form.isDisabled.value || form.isReadonly.value);
+      const isFocused = vue.ref(false);
+      function correctPrecision(val) {
+        let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.precision;
+        const fixed = precision == null ? String(val) : val.toFixed(precision);
+        return isFocused.value ? Number(fixed).toString() // trim zeros
+        : fixed;
+      }
+      const model = useProxiedModel(props, 'modelValue', null, val => val ?? null, val => val == null ? val ?? null : clamp(+val, props.min, props.max));
+      const _inputText = vue.shallowRef(null);
+      vue.watchEffect(() => {
+        if (isFocused.value && !controlsDisabled.value) ; else if (model.value == null || controlsDisabled.value) {
+          _inputText.value = model.value && !isNaN(model.value) ? String(model.value) : null;
+        } else if (!isNaN(model.value)) {
+          _inputText.value = correctPrecision(model.value);
+        }
+      });
+      const inputText = vue.computed({
+        get: () => _inputText.value,
         set(val) {
           if (val === null || val === '') {
-            _model.value = null;
-            return;
-          }
-          const value = Number(val);
-          if (!isNaN(value) && value <= props.max && value >= props.min) {
-            _model.value = value;
+            model.value = null;
+            _inputText.value = null;
+          } else if (!isNaN(+val) && +val <= props.max && +val >= props.min) {
+            model.value = +val;
+            _inputText.value = val;
           }
         }
       });
-      const vTextFieldRef = vue.ref();
-      const stepDecimals = vue.computed(() => getDecimals(props.step));
-      const modelDecimals = vue.computed(() => typeof model.value === 'number' ? getDecimals(model.value) : 0);
-      const form = useForm(props);
-      const controlsDisabled = vue.computed(() => form.isDisabled.value || form.isReadonly.value);
       const canIncrease = vue.computed(() => {
         if (controlsDisabled.value) return false;
         return (model.value ?? 0) + props.step <= props.max;
@@ -28640,23 +28746,29 @@
       const decrementSlotProps = vue.computed(() => ({
         click: onClickDown
       }));
+      vue.watch(() => props.precision, () => formatInputValue());
       vue.onMounted(() => {
-        if (!controlsDisabled.value) {
-          clampModel();
-        }
+        clampModel();
       });
+      function inferPrecision(value) {
+        if (value == null) return 0;
+        const str = value.toString();
+        const idx = str.indexOf('.');
+        return ~idx ? str.length - idx : 0;
+      }
       function toggleUpDown() {
         let increment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
         if (controlsDisabled.value) return;
         if (model.value == null) {
-          model.value = clamp(0, props.min, props.max);
+          inputText.value = correctPrecision(clamp(0, props.min, props.max));
           return;
         }
-        const decimals = Math.max(modelDecimals.value, stepDecimals.value);
+        let inferredPrecision = Math.max(inferPrecision(model.value), inferPrecision(props.step));
+        if (props.precision != null) inferredPrecision = Math.max(inferredPrecision, props.precision);
         if (increment) {
-          if (canIncrease.value) model.value = +(model.value + props.step).toFixed(decimals);
+          if (canIncrease.value) inputText.value = correctPrecision(model.value + props.step, inferredPrecision);
         } else {
-          if (canDecrease.value) model.value = +(model.value - props.step).toFixed(decimals);
+          if (canDecrease.value) inputText.value = correctPrecision(model.value - props.step, inferredPrecision);
         }
       }
       function onClickUp(e) {
@@ -28679,6 +28791,16 @@
         if (!/^-?(\d+(\.\d*)?|(\.\d+)|\d*|\.)$/.test(potentialNewInputVal)) {
           e.preventDefault();
         }
+        if (props.precision == null) return;
+
+        // Ignore decimal digits above precision limit
+        if (potentialNewInputVal.split('.')[1]?.length > props.precision) {
+          e.preventDefault();
+        }
+        // Ignore decimal separator when precision = 0
+        if (props.precision === 0 && potentialNewInputVal.includes('.')) {
+          e.preventDefault();
+        }
       }
       async function onKeydown(e) {
         if (['Enter', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete', 'Tab'].includes(e.key) || e.ctrlKey) return;
@@ -28698,13 +28820,38 @@
         e.stopPropagation();
       }
       function clampModel() {
+        if (controlsDisabled.value) return;
         if (!vTextFieldRef.value) return;
-        const inputText = vTextFieldRef.value.value;
-        if (inputText && !isNaN(+inputText)) {
-          model.value = clamp(+inputText, props.min, props.max);
+        const actualText = vTextFieldRef.value.value;
+        if (actualText && !isNaN(+actualText)) {
+          inputText.value = correctPrecision(clamp(+actualText, props.min, props.max));
         } else {
-          model.value = null;
+          inputText.value = null;
+        }
+      }
+      function formatInputValue() {
+        if (controlsDisabled.value) return;
+        if (model.value === null || isNaN(model.value)) {
+          inputText.value = null;
+          return;
         }
+        inputText.value = props.precision == null ? String(model.value) : model.value.toFixed(props.precision);
+      }
+      function trimDecimalZeros() {
+        if (controlsDisabled.value) return;
+        if (model.value === null || isNaN(model.value)) {
+          inputText.value = null;
+          return;
+        }
+        inputText.value = model.value.toString();
+      }
+      function onFocus() {
+        isFocused.value = true;
+        trimDecimalZeros();
+      }
+      function onBlur() {
+        isFocused.value = false;
+        clampModel();
       }
       useRender(() => {
         const {
@@ -28783,20 +28930,21 @@
           "class": "v-number-input__control"
         }, [vue.createVNode(VDivider, {
           "vertical": true
-        }, null), incrementControlNode()]) : props.reverse ? undefined : vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]);
+        }, null), incrementControlNode()]) : props.reverse || controlVariant.value === 'hidden' ? undefined : vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]);
         const hasAppendInner = slots['append-inner'] || appendInnerControl;
         const prependInnerControl = controlVariant.value === 'split' ? vue.createVNode("div", {
           "class": "v-number-input__control"
         }, [decrementControlNode(), vue.createVNode(VDivider, {
           "vertical": true
-        }, null)]) : props.reverse ? vue.createVNode(vue.Fragment, null, [controlNode(), dividerNode()]) : undefined;
+        }, null)]) : props.reverse && controlVariant.value !== 'hidden' ? 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": $event => model.value = $event,
+          "modelValue": inputText.value,
+          "onUpdate:modelValue": $event => inputText.value = $event,
           "onBeforeinput": onBeforeinput,
-          "onChange": clampModel,
+          "onFocus": onFocus,
+          "onBlur": onBlur,
           "onKeydown": onKeydown,
           "class": ['v-number-input', {
             'v-number-input--default': controlVariant.value === 'default',
@@ -29682,7 +29830,7 @@
   const rangeHours24 = createRange(24);
   const rangeHours12am = createRange(12);
   const rangeHours12pm = rangeHours12am.map(v => v + 12);
-  const range60 = createRange(60);
+  createRange(60);
   const selectingNames = {
     1: 'hour',
     2: 'minute',
@@ -29832,11 +29980,11 @@
         period.value = inputHour.value == null || inputHour.value < 12 ? 'am' : 'pm';
       }
       function firstAllowed(type, value) {
-        const allowedFn = type === 'hour' ? isAllowedHourCb.value : type === 'minute' ? isAllowedMinuteCb.value : isAllowedSecondCb.value;
+        const allowedFn = isAllowedHourCb.value ;
         if (!allowedFn) return value;
 
         // TODO: clean up (Note from V2 code)
-        const range = type === 'minute' ? range60 : type === 'second' ? range60 : isAmPm.value ? value < 12 ? rangeHours12am : rangeHours12pm : rangeHours24;
+        const range = isAmPm.value ? value < 12 ? rangeHours12am : rangeHours12pm : rangeHours24;
         const first = range.find(v => allowedFn((v + value) % range.length + range[0]));
         return ((first || 0) + value) % range.length + range[0];
       }
@@ -29989,22 +30137,21 @@
     props: makeVTreeviewItemProps(),
     setup(props, _ref) {
       let {
-        attrs,
-        slots,
-        emit
+        slots
       } = _ref;
-      const link = useLink(props, attrs);
+      const visibleIds = vue.inject(VTreeviewSymbol, {
+        visibleIds: vue.ref()
+      }).visibleIds;
       const vListItemRef = vue.ref();
       const isActivatableGroupActivator = vue.computed(() => vListItemRef.value?.root.activatable.value && vListItemRef.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 vListItemRefIsClickable = vue.computed(() => vListItemRef.value?.link.isClickable.value || props.value != null && !!vListItemRef.value?.list);
+      const isClickable = vue.computed(() => !props.disabled && props.link !== false && (props.link || vListItemRefIsClickable.value || isActivatableGroupActivator.value));
+      const isFiltered = vue.computed(() => visibleIds.value && !visibleIds.value.has(vue.toRaw(vListItemRef.value?.id)));
       function activateGroupActivator(e) {
         if (isClickable.value && isActivatableGroupActivator.value) {
           vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e);
         }
       }
-      const visibleIds = vue.inject(VTreeviewSymbol, {
-        visibleIds: vue.ref()
-      }).visibleIds;
       useRender(() => {
         const listItemProps = omit(VListItem.filterProps(props), ['onClick']);
         const hasPrepend = slots.prepend || props.toggleIcon;
@@ -30014,7 +30161,7 @@
           "active": vListItemRef.value?.isActivated,
           "class": ['v-treeview-item', {
             'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,
-            'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(vue.toRaw(vListItemRef.value?.id))
+            'v-treeview-item--filtered': isFiltered.value
           }, props.class],
           "ripple": false,
           "onClick": props.onClick ?? activateGroupActivator
@@ -30098,11 +30245,6 @@
         }
       }
       return () => slots.default?.() ?? props.items?.map(item => {
-        if (item.type === 'divider') {
-          return slots.divider?.({
-            props: item.props
-          }) ?? vue.createVNode(VDivider, item.props, null);
-        }
         const {
           children,
           props: itemProps
@@ -30201,7 +30343,7 @@
       collapseIcon: '$treeviewCollapse',
       expandIcon: '$treeviewExpand',
       slim: true
-    }), ['nav', 'openStrategy']),
+    }), ['itemType', 'nav', 'openStrategy']),
     modelValue: {
       type: Array,
       default: () => []
@@ -30821,7 +30963,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.11";
+  const version$1 = "3.7.13";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31074,7 +31216,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.11";
+  const version = "3.7.13";
 
   /* eslint-disable local-rules/sort-imports */