@vuetify/nightly 3.7.12-master.2025-02-14 → 3.7.12-master.2025-02-17

package/dist/vuetify-labs.d.ts

@@ -28339,7 +28339,10 @@ declare const VDatePicker: {
     max: vue.PropType<unknown>;
     min: vue.PropType<unknown>;
     year: NumberConstructor;
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
     month: (StringConstructor | NumberConstructor)[];
     showAdjacentMonths: BooleanConstructor;
     weekdays: {
@@ -28450,7 +28453,10 @@ declare const VDatePicker: {
     max: vue.PropType<unknown>;
     min: vue.PropType<unknown>;
     year: NumberConstructor;
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
     month: (StringConstructor | NumberConstructor)[];
     showAdjacentMonths: BooleanConstructor;
     weekdays: {
@@ -28522,7 +28528,7 @@ type VDatePicker = InstanceType<typeof VDatePicker>;
 
 declare const VDatePickerControls: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        disabled: string | boolean | string[];
+        disabled: string | boolean | string[] | null;
         nextIcon: IconValue;
         prevIcon: IconValue;
         modeIcon: IconValue;
@@ -28552,7 +28558,7 @@ declare const VDatePickerControls: {
         'click:next': () => true;
         'click:text': () => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        disabled: string | boolean | string[];
+        disabled: string | boolean | string[] | null;
         nextIcon: IconValue;
         prevIcon: IconValue;
         modeIcon: IconValue;
@@ -28577,7 +28583,7 @@ declare const VDatePickerControls: {
         "onClick:text"?: (() => any) | undefined;
     }, {
         active: string | string[];
-        disabled: string | boolean | string[];
+        disabled: string | boolean | string[] | null;
         nextIcon: IconValue;
         prevIcon: IconValue;
         modeIcon: IconValue;
@@ -28592,7 +28598,7 @@ declare const VDatePickerControls: {
         M: {};
         Defaults: {};
     }, {
-        disabled: string | boolean | string[];
+        disabled: string | boolean | string[] | null;
         nextIcon: IconValue;
         prevIcon: IconValue;
         modeIcon: IconValue;
@@ -28617,7 +28623,7 @@ declare const VDatePickerControls: {
         "onClick:text"?: (() => any) | undefined;
     }, {}, {}, {}, {}, {
         active: string | string[];
-        disabled: string | boolean | string[];
+        disabled: string | boolean | string[] | null;
         nextIcon: IconValue;
         prevIcon: IconValue;
         modeIcon: IconValue;
@@ -28627,7 +28633,7 @@ declare const VDatePickerControls: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
-    disabled: string | boolean | string[];
+    disabled: string | boolean | string[] | null;
     nextIcon: IconValue;
     prevIcon: IconValue;
     modeIcon: IconValue;
@@ -28658,7 +28664,7 @@ declare const VDatePickerControls: {
     'click:text': () => true;
 }, string, {
     active: string | string[];
-    disabled: string | boolean | string[];
+    disabled: string | boolean | string[] | null;
     nextIcon: IconValue;
     prevIcon: IconValue;
     modeIcon: IconValue;
@@ -28671,8 +28677,8 @@ declare const VDatePickerControls: {
         default: undefined;
     };
     disabled: {
-        type: PropType<boolean | string | string[]>;
-        default: boolean;
+        type: PropType<boolean | string | string[] | null>;
+        default: null;
     };
     nextIcon: {
         type: PropType<IconValue>;
@@ -28697,8 +28703,8 @@ declare const VDatePickerControls: {
         default: undefined;
     };
     disabled: {
-        type: PropType<boolean | string | string[]>;
-        default: boolean;
+        type: PropType<boolean | string | string[] | null>;
+        default: null;
     };
     nextIcon: {
         type: PropType<IconValue>;
@@ -29123,7 +29129,10 @@ declare const VDatePickerMonth: {
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     max: PropType<unknown>;
     min: PropType<unknown>;
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
     month: (StringConstructor | NumberConstructor)[];
     year: (StringConstructor | NumberConstructor)[];
     modelValue: PropType<unknown[]>;
@@ -29168,7 +29177,10 @@ declare const VDatePickerMonth: {
 }, vue.ExtractPropTypes<{
     max: PropType<unknown>;
     min: PropType<unknown>;
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
     month: (StringConstructor | NumberConstructor)[];
     year: (StringConstructor | NumberConstructor)[];
     modelValue: PropType<unknown[]>;
@@ -67384,7 +67396,10 @@ declare const VCalendar: {
         default: number;
     };
     allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
     displayValue: vue.PropType<unknown>;
     modelValue: vue.PropType<unknown[]>;
     month: (StringConstructor | NumberConstructor)[];
@@ -67483,7 +67498,10 @@ declare const VCalendar: {
         default: number;
     };
     allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
     displayValue: vue.PropType<unknown>;
     modelValue: vue.PropType<unknown[]>;
     month: (StringConstructor | NumberConstructor)[];
@@ -69199,7 +69217,10 @@ declare const VDateInput: {
         default: string;
     };
     text: StringConstructor;
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
     multiple: PropType<boolean | "range" | number | (string & {})>;
     month: (StringConstructor | NumberConstructor)[];
     year: NumberConstructor;
@@ -69417,7 +69438,10 @@ declare const VDateInput: {
         default: string;
     };
     text: StringConstructor;
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
     multiple: PropType<boolean | "range" | number | (string & {})>;
     month: (StringConstructor | NumberConstructor)[];
     year: NumberConstructor;
@@ -70920,7 +70944,7 @@ type VFileUploadItem = InstanceType<typeof VFileUploadItem>;
 type ControlSlot = {
     click: (e: MouseEvent) => void;
 };
-type ControlVariant = 'default' | 'stacked' | 'split';
+type ControlVariant = 'default' | 'stacked' | 'split' | 'hidden';
 declare const VNumberInput: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         flat: boolean;
@@ -70943,7 +70967,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
-        modelValue: Number | null;
+        modelValue: number | null;
         tile: boolean;
         density: Density;
         clearIcon: IconValue;
@@ -70957,6 +70981,7 @@ declare const VNumberInput: {
         persistentCounter: boolean;
         hideInput: boolean;
         controlVariant: ControlVariant;
+        precision: number | null;
     } & {
         name?: string | undefined;
         id?: string | undefined;
@@ -70980,6 +71005,8 @@ declare const VNumberInput: {
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        appendInnerIcon?: IconValue | undefined;
+        prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
@@ -73113,7 +73140,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
-        modelValue: Number | null;
+        modelValue: number | null;
         tile: boolean;
         density: Density;
         clearIcon: IconValue;
@@ -73127,6 +73154,7 @@ declare const VNumberInput: {
         persistentCounter: boolean;
         hideInput: boolean;
         controlVariant: ControlVariant;
+        precision: number | null;
     } & {
         name?: string | undefined;
         id?: string | undefined;
@@ -73150,6 +73178,8 @@ declare const VNumberInput: {
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        appendInnerIcon?: IconValue | undefined;
+        prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
@@ -73241,7 +73271,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
-        modelValue: Number | null;
+        modelValue: number | null;
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
@@ -73257,6 +73287,7 @@ declare const VNumberInput: {
         persistentCounter: boolean;
         hideInput: boolean;
         controlVariant: ControlVariant;
+        precision: number | null;
     }, true, {}, vue.SlotsType<Partial<{
         message: (arg: VMessageSlot) => vue.VNode[];
         clear: (arg: DefaultInputSlot & {
@@ -73303,7 +73334,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
-        modelValue: Number | null;
+        modelValue: number | null;
         tile: boolean;
         density: Density;
         clearIcon: IconValue;
@@ -73317,6 +73348,7 @@ declare const VNumberInput: {
         persistentCounter: boolean;
         hideInput: boolean;
         controlVariant: ControlVariant;
+        precision: number | null;
     } & {
         name?: string | undefined;
         id?: string | undefined;
@@ -73340,6 +73372,8 @@ declare const VNumberInput: {
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        appendInnerIcon?: IconValue | undefined;
+        prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
@@ -75471,7 +75505,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
-        modelValue: Number | null;
+        modelValue: number | null;
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
@@ -75487,6 +75521,7 @@ declare const VNumberInput: {
         persistentCounter: boolean;
         hideInput: boolean;
         controlVariant: ControlVariant;
+        precision: number | null;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -75512,7 +75547,7 @@ declare const VNumberInput: {
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
     rules: readonly ValidationRule$1[];
-    modelValue: Number | null;
+    modelValue: number | null;
     tile: boolean;
     density: Density;
     clearIcon: IconValue;
@@ -75526,6 +75561,7 @@ declare const VNumberInput: {
     persistentCounter: boolean;
     hideInput: boolean;
     controlVariant: ControlVariant;
+    precision: number | null;
 } & {
     name?: string | undefined;
     id?: string | undefined;
@@ -75549,6 +75585,8 @@ declare const VNumberInput: {
     bgColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
+    appendInnerIcon?: IconValue | undefined;
+    prependInnerIcon?: IconValue | undefined;
     'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
@@ -77682,7 +77720,7 @@ declare const VNumberInput: {
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
     rules: readonly ValidationRule$1[];
-    modelValue: Number | null;
+    modelValue: number | null;
     rounded: string | number | boolean;
     tile: boolean;
     density: Density;
@@ -77698,6 +77736,7 @@ declare const VNumberInput: {
     persistentCounter: boolean;
     hideInput: boolean;
     controlVariant: ControlVariant;
+    precision: number | null;
 }, {}, string, vue.SlotsType<Partial<{
     message: (arg: VMessageSlot) => vue.VNode[];
     clear: (arg: DefaultInputSlot & {
@@ -77800,6 +77839,8 @@ declare const VNumberInput: {
         type: PropType<IconValue>;
         default: string;
     };
+    appendInnerIcon: PropType<IconValue>;
+    prependInnerIcon: PropType<IconValue>;
     'onClick:clear': PropType<(args_0: MouseEvent) => void>;
     'onClick:append': PropType<(args_0: MouseEvent) => void>;
     'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
@@ -77829,7 +77870,7 @@ declare const VNumberInput: {
     inset: BooleanConstructor;
     hideInput: BooleanConstructor;
     modelValue: {
-        type: PropType<Number | null>;
+        type: PropType<number | null>;
         default: null;
     };
     min: {
@@ -77844,6 +77885,10 @@ declare const VNumberInput: {
         type: NumberConstructor;
         default: number;
     };
+    precision: {
+        type: PropType<number | null>;
+        default: number;
+    };
 }, vue.ExtractPropTypes<{
     flat: BooleanConstructor;
     reverse: BooleanConstructor;
@@ -77928,6 +77973,8 @@ declare const VNumberInput: {
         type: PropType<IconValue>;
         default: string;
     };
+    appendInnerIcon: PropType<IconValue>;
+    prependInnerIcon: PropType<IconValue>;
     'onClick:clear': PropType<(args_0: MouseEvent) => void>;
     'onClick:append': PropType<(args_0: MouseEvent) => void>;
     'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
@@ -77957,7 +78004,7 @@ declare const VNumberInput: {
     inset: BooleanConstructor;
     hideInput: BooleanConstructor;
     modelValue: {
-        type: PropType<Number | null>;
+        type: PropType<number | null>;
         default: null;
     };
     min: {
@@ -77972,6 +78019,10 @@ declare const VNumberInput: {
         type: NumberConstructor;
         default: number;
     };
+    precision: {
+        type: PropType<number | null>;
+        default: number;
+    };
 }>>;
 type VNumberInput = InstanceType<typeof VNumberInput>;
 

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.12-master.2025-02-14
+* Vuetify v3.7.12-master.2025-02-17
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -18830,15 +18830,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);
@@ -21463,7 +21467,7 @@ const makeVDatePickerControlsProps = propsFactory({
   },
   disabled: {
     type: [Boolean, String, Array],
-    default: false
+    default: null
   },
   nextIcon: {
     type: IconValue,
@@ -21645,7 +21649,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],
@@ -28671,7 +28678,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',
@@ -28685,27 +28696,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 || 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 = 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;
@@ -28727,23 +28748,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) {
@@ -28766,6 +28793,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;
@@ -28785,14 +28822,39 @@ 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 {
         modelValue: _,
@@ -28870,20 +28932,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',
@@ -30903,7 +30966,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.12-master.2025-02-14";
+const version$1 = "3.7.12-master.2025-02-17";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31156,7 +31219,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.12-master.2025-02-14";
+const version = "3.7.12-master.2025-02-17";
 
 /* eslint-disable local-rules/sort-imports */