vuetify 3.7.12 → 3.7.14

package/dist/vuetify-labs.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.7.12
+* Vuetify v3.7.14
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { shallowRef, Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, createVNode, TransitionGroup, Transition, mergeProps, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
+import { shallowRef, reactive, computed, watchEffect, toRefs, capitalize, unref, Fragment, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, onBeforeUnmount, watch, readonly, onMounted, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, createVNode, TransitionGroup, Transition, mergeProps, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -226,10 +226,9 @@ function has(obj, key) {
 // 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;
@@ -243,7 +242,7 @@ function pickWithRest(obj, paths, exclude) {
   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];
@@ -258,11 +257,6 @@ function omit(obj, exclude) {
   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'];
@@ -877,7 +871,7 @@ function APCAcontrast(text, background) {
     // 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;
 }
@@ -917,7 +911,7 @@ function toXYZ$1(lab) {
 // 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;
@@ -1265,7 +1259,7 @@ function getForeground(color) {
 function getCurrentInstance(name, message) {
   const vm = getCurrentInstance$1();
   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;
 }
@@ -2818,6 +2812,8 @@ function ExpandTransitionGenerator () {
   }
 }
 
+// Utilities
+
 // Types
 
 const makeVDialogTransitionProps = propsFactory({
@@ -4012,7 +4008,7 @@ const VAppBar = genericComponent()({
 
 const allowedDensities = [null, 'default', 'comfortable', 'compact'];
 
-// typeof allowedDensities[number] evalutes to any
+// typeof allowedDensities[number] evaluates to any
 // when generating api types for whatever reason.
 
 // Composables
@@ -4720,7 +4716,6 @@ function useIntersectionObserver(callback, options) {
   const isIntersecting = shallowRef(false);
   if (SUPPORTS_INTERSECTION) {
     const observer = new IntersectionObserver(entries => {
-      callback?.(entries, observer);
       isIntersecting.value = !!entries.find(entry => entry.isIntersecting);
     }, options);
     onBeforeUnmount(() => {
@@ -6892,7 +6887,7 @@ const makeVInputProps = propsFactory({
   'onClick:append': EventProp(),
   ...makeComponentProps(),
   ...makeDensityProps(),
-  ...only(makeDimensionProps(), ['maxWidth', 'minWidth', 'width']),
+  ...pick(makeDimensionProps(), ['maxWidth', 'minWidth', 'width']),
   ...makeThemeProps(),
   ...makeValidationProps()
 }, 'VInput');
@@ -8720,7 +8715,22 @@ const useNested = props => {
           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 +9177,8 @@ const VListItem = genericComponent()({
       list,
       select,
       root,
-      id: uid
+      id: uid,
+      link
     };
   }
 });
@@ -9435,7 +9446,6 @@ function useItems(props) {
   function transformIn(value) {
     // Cache unrefed values outside the loop,
     // proxy getters can be slow when you call them a billion times
-    const _value = toRaw(value);
     const _items = itemsMap.value;
     const _allItems = items.value;
     const _keylessItems = keylessItems.value;
@@ -9445,7 +9455,7 @@ function useItems(props) {
     const valueComparator = props.valueComparator || deepEqual;
     const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'returnObject', 'valueComparator']);
     const returnValue = [];
-    main: for (const v of _value) {
+    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
       if (!_hasNullItem && v === null) continue;
@@ -9691,7 +9701,7 @@ const VList = genericComponent()({
           '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,
@@ -17703,16 +17713,13 @@ function format(value, formatString, locale, formats) {
     case 'fullTime':
       options = {
         hour: 'numeric',
-        minute: 'numeric',
-        second: 'numeric',
-        hour12: true
+        minute: 'numeric'
       };
       break;
     case 'fullTime12h':
       options = {
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: true
       };
       break;
@@ -17720,40 +17727,35 @@ function format(value, formatString, locale, formats) {
       options = {
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: false
       };
       break;
     case 'fullDateTime':
       options = {
         year: 'numeric',
-        month: 'long',
+        month: 'short',
         day: 'numeric',
         hour: 'numeric',
-        minute: 'numeric',
-        second: 'numeric',
-        hour12: true
+        minute: 'numeric'
       };
       break;
     case 'fullDateTime12h':
       options = {
         year: 'numeric',
-        month: 'long',
+        month: 'short',
         day: 'numeric',
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: true
       };
       break;
     case 'fullDateTime24h':
       options = {
         year: 'numeric',
-        month: 'long',
+        month: 'short',
         day: 'numeric',
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: false
       };
       break;
@@ -17770,11 +17772,9 @@ function format(value, formatString, locale, formats) {
         month: '2-digit',
         day: '2-digit',
         hour: 'numeric',
-        minute: 'numeric',
-        second: 'numeric',
-        hour12: false
+        minute: 'numeric'
       };
-      break;
+      return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
     case 'keyboardDateTime12h':
       options = {
         year: 'numeric',
@@ -17782,10 +17782,9 @@ function format(value, formatString, locale, formats) {
         day: '2-digit',
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: true
       };
-      break;
+      return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
     case 'keyboardDateTime24h':
       options = {
         year: 'numeric',
@@ -17793,10 +17792,9 @@ function format(value, formatString, locale, formats) {
         day: '2-digit',
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: false
       };
-      break;
+      return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
     default:
       options = customFormat ?? {
         timeZone: 'UTC',
@@ -18365,13 +18363,7 @@ function provideGroupBy(options) {
       return [...new Set(arr)];
     }
     return dive({
-      type: 'group',
-      items,
-      id: 'dummy',
-      key: 'dummy',
-      value: 'dummy',
-      depth: 0
-    });
+      items});
   }
 
   // onBeforeMount(() => {
@@ -18815,15 +18807,19 @@ function provideSort(options) {
     })) ?? [];
     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);
@@ -21448,7 +21444,7 @@ const makeVDatePickerControlsProps = propsFactory({
   },
   disabled: {
     type: [Boolean, String, Array],
-    default: false
+    default: null
   },
   nextIcon: {
     type: IconValue,
@@ -21630,7 +21626,10 @@ const VDatePickerHeader = genericComponent()({
 // Composables
 const makeCalendarProps = propsFactory({
   allowedDates: [Array, Function],
-  disabled: Boolean,
+  disabled: {
+    type: Boolean,
+    default: null
+  },
   displayValue: null,
   modelValue: Array,
   month: [Number, String],
@@ -22234,9 +22233,26 @@ const VDatePicker = genericComponent()({
     const model = useProxiedModel(props, 'modelValue', undefined, v => wrapInArray(v), v => props.multiple ? v : v[0]);
     const viewMode = useProxiedModel(props, 'viewMode');
     // const inputMode = useProxiedModel(props, 'inputMode')
+
+    const minDate = computed(() => {
+      const date = adapter.date(props.min);
+      return props.min && adapter.isValid(date) ? date : null;
+    });
+    const maxDate = computed(() => {
+      const date = adapter.date(props.max);
+      return props.max && adapter.isValid(date) ? date : null;
+    });
     const internal = computed(() => {
-      const value = adapter.date(model.value?.[0]);
-      return value && adapter.isValid(value) ? value : adapter.date();
+      const today = adapter.date();
+      let value = today;
+      if (model.value?.[0]) {
+        value = adapter.date(model.value[0]);
+      } else if (minDate.value && adapter.isBefore(today, minDate.value)) {
+        value = minDate.value;
+      } else if (maxDate.value && adapter.isAfter(today, maxDate.value)) {
+        value = maxDate.value;
+      }
+      return value && adapter.isValid(value) ? value : today;
     });
     const month = ref(Number(props.month ?? adapter.getMonth(adapter.startOfMonth(internal.value))));
     const year = ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
@@ -22256,14 +22272,6 @@ const VDatePicker = genericComponent()({
     });
     // const headerIcon = computed(() => props.inputMode === 'calendar' ? props.keyboardIcon : props.calendarIcon)
     const headerTransition = computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
-    const minDate = computed(() => {
-      const date = adapter.date(props.min);
-      return props.min && adapter.isValid(date) ? date : null;
-    });
-    const maxDate = computed(() => {
-      const date = adapter.date(props.max);
-      return props.max && adapter.isValid(date) ? date : null;
-    });
     const disabled = computed(() => {
       if (props.disabled) return true;
       const targets = [];
@@ -23042,6 +23050,14 @@ const VFileInput = genericComponent()({
         callEvent(props['onClick:clear'], e);
       });
     }
+    function onDragover(e) {
+      e.preventDefault();
+    }
+    function onDrop(e) {
+      e.preventDefault();
+      if (!e.dataTransfer) return;
+      model.value = [...(e.dataTransfer.files ?? [])];
+    }
     watch(model, newValue => {
       const hasModelReset = !Array.isArray(newValue) || !newValue.length;
       if (hasModelReset && inputRef.value) {
@@ -23059,8 +23075,7 @@ const VFileInput = genericComponent()({
       const fieldProps = filterFieldProps(props);
       return createVNode(VInput, 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,
@@ -23095,7 +23110,9 @@ const VFileInput = genericComponent()({
             "dirty": isDirty.value || props.dirty,
             "disabled": isDisabled.value,
             "focused": isFocused.value,
-            "error": isValid.value === false
+            "error": isValid.value === false,
+            "onDragover": onDragover,
+            "onDrop": onDrop
           }), {
             ...slots,
             default: _ref4 => {
@@ -23899,7 +23916,7 @@ const HISTORY = 20; // number of samples to keep
 /** @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;
 }
 
 /**
@@ -24281,7 +24298,6 @@ const VNavigationDrawer = genericComponent()({
       const size = isTemporary.value ? 0 : props.rail && props.expandOnHover ? Number(props.railWidth) : width.value;
       return isDragging.value ? size * dragProgress.value : size;
     });
-    const elementSize = computed(() => ['top', 'bottom'].includes(props.location) ? 0 : width.value);
     const {
       layoutItemStyles,
       layoutItemScrimStyles
@@ -24290,7 +24306,7 @@ const VNavigationDrawer = genericComponent()({
       order: computed(() => parseInt(props.order, 10)),
       position: location,
       layoutSize,
-      elementSize,
+      elementSize: width,
       active: computed(() => isActive.value || isDragging.value),
       disableTransitions: computed(() => isDragging.value),
       absolute: computed(() =>
@@ -24336,9 +24352,7 @@ const VNavigationDrawer = genericComponent()({
           '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 && createVNode("div", {
           "key": "image",
@@ -24425,7 +24439,7 @@ const makeVOtpInputProps = propsFactory({
   },
   ...makeDimensionProps(),
   ...makeFocusProps(),
-  ...only(makeVFieldProps({
+  ...pick(makeVFieldProps({
     variant: 'outlined'
   }), ['baseColor', 'bgColor', 'class', 'color', 'disabled', 'error', 'loading', 'rounded', 'style', 'theme', 'variant'])
 }, 'VOtpInput');
@@ -25658,6 +25672,8 @@ const makeLineProps = propsFactory({
   }
 }, 'Line');
 
+// Utilities
+
 // Types
 
 const makeVBarlineProps = propsFactory({
@@ -25855,6 +25871,8 @@ function moveTo(to, from, radius) {
   };
 }
 
+// Utilities
+
 // Types
 
 const makeVTrendlineProps = propsFactory({
@@ -26409,7 +26427,7 @@ const makeVStepperProps = propsFactory({
     selectedClass: 'v-stepper-item--selected'
   }),
   ...makeVSheetProps(),
-  ...only(makeVStepperActionsProps(), ['prevText', 'nextText'])
+  ...pick(makeVStepperActionsProps(), ['prevText', 'nextText'])
 }, 'VStepper');
 const VStepper = genericComponent()({
   name: 'VStepper',
@@ -27491,7 +27509,7 @@ const makeVTimelineProps = propsFactory({
     type: String,
     validator: v => ['start', 'end', 'both'].includes(v)
   },
-  ...only(makeVTimelineItemProps({
+  ...pick(makeVTimelineItemProps({
     lineInset: 0
   }), ['dotColor', 'fillDot', 'hideOpposite', 'iconColor', 'lineInset', 'size']),
   ...makeComponentProps(),
@@ -27797,6 +27815,10 @@ const VCalendarInterval = genericComponent()({
     ...makeVCalendarIntervalProps()
   },
   setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     const adapter = useDate();
     const interval = computed(() => {
       const start = adapter.addMinutes(adapter.startOfDay(props.day.date), props.intervalDuration * (props.index + props.intervalStart));
@@ -28268,7 +28290,8 @@ const VDateInput = genericComponent()({
         "onClick:prepend": isInteractive.value ? onClick : undefined,
         "onUpdate:modelValue": onUpdateModel
       }), {
-        default: () => [createVNode(VMenu, {
+        ...slots,
+        default: () => createVNode(Fragment, null, [createVNode(VMenu, {
           "modelValue": menu.value,
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
@@ -28311,7 +28334,7 @@ const VDateInput = genericComponent()({
               });
             }
           })]
-        }), slots.default?.()]
+        }), slots.default?.()])
       });
     });
     return forwardRefs({}, vDateInputRef);
@@ -28446,7 +28469,7 @@ const makeVFileUploadProps = propsFactory({
   name: String,
   ...makeDelayProps(),
   ...makeDensityProps(),
-  ...only(makeVDividerProps({
+  ...pick(makeVDividerProps({
     length: 150
   }), ['length', 'thickness', 'opacity']),
   ...makeVSheetProps()
@@ -28656,7 +28679,11 @@ const makeVNumberInputProps = propsFactory({
     type: Number,
     default: 1
   },
-  ...omit(makeVTextFieldProps({}), ['appendInnerIcon', 'modelValue', 'prependInnerIcon'])
+  precision: {
+    type: Number,
+    default: 0
+  },
+  ...omit(makeVTextFieldProps({}), ['modelValue'])
 }, 'VNumberInput');
 const VNumberInput = genericComponent()({
   name: 'VNumberInput',
@@ -28670,27 +28697,37 @@ const VNumberInput = genericComponent()({
     let {
       slots
     } = _ref;
-    const _model = useProxiedModel(props, 'modelValue');
-    const model = 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 = ref();
+    const form = useForm(props);
+    const controlsDisabled = computed(() => form.isDisabled.value || form.isReadonly.value);
+    const isFocused = 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 = shallowRef(null);
+    watchEffect(() => {
+      if (isFocused.value && !controlsDisabled.value) ; else if (model.value == null) {
+        _inputText.value = null;
+      } else if (!isNaN(model.value)) {
+        _inputText.value = correctPrecision(model.value);
+      }
+    });
+    const inputText = 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 = ref();
-    const stepDecimals = computed(() => getDecimals(props.step));
-    const modelDecimals = computed(() => typeof model.value === 'number' ? getDecimals(model.value) : 0);
-    const form = useForm(props);
-    const controlsDisabled = computed(() => form.isDisabled.value || form.isReadonly.value);
     const canIncrease = computed(() => {
       if (controlsDisabled.value) return false;
       return (model.value ?? 0) + props.step <= props.max;
@@ -28712,23 +28749,29 @@ const VNumberInput = genericComponent()({
     const decrementSlotProps = computed(() => ({
       click: onClickDown
     }));
+    watch(() => props.precision, () => formatInputValue());
     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) {
@@ -28751,6 +28794,16 @@ const VNumberInput = genericComponent()({
       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;
@@ -28770,13 +28823,38 @@ const VNumberInput = genericComponent()({
       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 {
@@ -28855,20 +28933,21 @@ const VNumberInput = genericComponent()({
         "class": "v-number-input__control"
       }, [createVNode(VDivider, {
         "vertical": true
-      }, null), incrementControlNode()]) : props.reverse ? undefined : createVNode(Fragment, null, [dividerNode(), controlNode()]);
+      }, null), incrementControlNode()]) : props.reverse || controlVariant.value === 'hidden' ? undefined : createVNode(Fragment, null, [dividerNode(), controlNode()]);
       const hasAppendInner = slots['append-inner'] || appendInnerControl;
       const prependInnerControl = controlVariant.value === 'split' ? createVNode("div", {
         "class": "v-number-input__control"
       }, [decrementControlNode(), createVNode(VDivider, {
         "vertical": true
-      }, null)]) : props.reverse ? createVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined;
+      }, null)]) : props.reverse && controlVariant.value !== 'hidden' ? createVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined;
       const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
       return createVNode(VTextField, 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',
@@ -29754,7 +29833,7 @@ const VTimePickerControls = genericComponent()({
 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',
@@ -29904,11 +29983,11 @@ const VTimePicker = genericComponent()({
       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];
     }
@@ -30061,22 +30140,21 @@ const VTreeviewItem = genericComponent()({
   props: makeVTreeviewItemProps(),
   setup(props, _ref) {
     let {
-      attrs,
-      slots,
-      emit
+      slots
     } = _ref;
-    const link = useLink(props, attrs);
+    const visibleIds = inject$1(VTreeviewSymbol, {
+      visibleIds: ref()
+    }).visibleIds;
     const vListItemRef = ref();
     const isActivatableGroupActivator = computed(() => vListItemRef.value?.root.activatable.value && vListItemRef.value?.isGroupActivator);
-    const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!vListItemRef.value?.list || isActivatableGroupActivator.value));
+    const vListItemRefIsClickable = computed(() => vListItemRef.value?.link.isClickable.value || props.value != null && !!vListItemRef.value?.list);
+    const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || vListItemRefIsClickable.value || isActivatableGroupActivator.value));
+    const isFiltered = computed(() => visibleIds.value && !visibleIds.value.has(toRaw(vListItemRef.value?.id)));
     function activateGroupActivator(e) {
       if (isClickable.value && isActivatableGroupActivator.value) {
         vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e);
       }
     }
-    const visibleIds = inject$1(VTreeviewSymbol, {
-      visibleIds: ref()
-    }).visibleIds;
     useRender(() => {
       const listItemProps = omit(VListItem.filterProps(props), ['onClick']);
       const hasPrepend = slots.prepend || props.toggleIcon;
@@ -30086,7 +30164,7 @@ const VTreeviewItem = genericComponent()({
         "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(toRaw(vListItemRef.value?.id))
+          'v-treeview-item--filtered': isFiltered.value
         }, props.class],
         "ripple": false,
         "onClick": props.onClick ?? activateGroupActivator
@@ -30096,7 +30174,7 @@ const VTreeviewItem = genericComponent()({
           return createVNode(Fragment, null, [createVNode(VListItemAction, {
             "start": false
           }, {
-            default: () => [props.toggleIcon && createVNode(VBtn, {
+            default: () => [props.toggleIcon ? createVNode(VBtn, {
               "density": "compact",
               "icon": props.toggleIcon,
               "loading": props.loading,
@@ -30110,7 +30188,9 @@ const VTreeviewItem = genericComponent()({
                   "width": "2"
                 }, null);
               }
-            })]
+            }) : createVNode("div", {
+              "class": "v-treeview-item__level"
+            }, null)]
           }), slots.prepend?.(slotProps)]);
         } : undefined
       });
@@ -30142,7 +30222,8 @@ const makeVTreeviewChildrenProps = propsFactory({
   returnObject: Boolean,
   selectable: Boolean,
   selectedColor: String,
-  selectStrategy: [String, Function, Object]
+  selectStrategy: [String, Function, Object],
+  ...makeDensityProps()
 }, 'VTreeviewChildren');
 const VTreeviewChildren = genericComponent()({
   name: 'VTreeviewChildren',
@@ -30170,11 +30251,6 @@ const VTreeviewChildren = genericComponent()({
       }
     }
     return () => slots.default?.() ?? props.items?.map(item => {
-      if (item.type === 'divider') {
-        return slots.divider?.({
-          props: item.props
-        }) ?? createVNode(VDivider, item.props, null);
-      }
       const {
         children,
         props: itemProps
@@ -30187,6 +30263,7 @@ const VTreeviewChildren = genericComponent()({
           "disabled": props.disabled,
           "loading": loading,
           "color": props.selectedColor,
+          "density": props.density,
           "indeterminate": slotProps.isIndeterminate,
           "indeterminateIcon": props.indeterminateIcon,
           "falseIcon": props.falseIcon,
@@ -30263,6 +30340,7 @@ function flatten(items) {
   return flat;
 }
 const makeVTreeviewProps = propsFactory({
+  fluid: Boolean,
   openAll: Boolean,
   search: String,
   ...makeFilterProps({
@@ -30273,7 +30351,7 @@ const makeVTreeviewProps = propsFactory({
     collapseIcon: '$treeviewCollapse',
     expandIcon: '$treeviewExpand',
     slim: true
-  }), ['nav', 'openStrategy']),
+  }), ['itemType', 'nav', 'openStrategy']),
   modelValue: {
     type: Array,
     default: () => []
@@ -30376,7 +30454,9 @@ const VTreeview = genericComponent()({
       return createVNode(VList, mergeProps({
         "ref": vListRef
       }, listProps, {
-        "class": ['v-treeview', props.class],
+        "class": ['v-treeview', {
+          'v-treeview--fluid': props.fluid
+        }, props.class],
         "open-strategy": "multiple",
         "style": props.style,
         "opened": opened.value,
@@ -30386,6 +30466,7 @@ const VTreeview = genericComponent()({
         "onUpdate:selected": $event => selected.value = $event
       }), {
         default: () => [createVNode(VTreeviewChildren, mergeProps(treeviewChildrenProps, {
+          "density": props.density,
           "returnObject": props.returnObject,
           "items": items.value
         }), slots)]
@@ -30893,7 +30974,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.12";
+const version$1 = "3.7.14";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31146,7 +31227,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.12";
+const version = "3.7.14";
 
 /* eslint-disable local-rules/sort-imports */