@vuetify/nightly 3.8.8-master.2025-06-06 → 3.8.8-master.2025-06-07

package/dist/vuetify.d.ts

@@ -51075,6 +51075,7 @@ declare const VNumberInput: {
         "v-slot:increment"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
         "v-slot:decrement"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
     } & {
+        "onUpdate:focused"?: ((val: boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((val: number) => any) | undefined;
     }, Omit<Omit<{
         $: vue.ComponentInternalInstance;
@@ -53015,6 +53016,7 @@ declare const VNumberInput: {
             } | {};
         }) | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        'update:focused': (val: boolean) => true;
         'update:modelValue': (val: number) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         flat: boolean;
@@ -53211,6 +53213,7 @@ declare const VNumberInput: {
         "v-slot:increment"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
         "v-slot:decrement"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
     } & {
+        "onUpdate:focused"?: ((val: boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((val: number) => any) | undefined;
     }, Omit<Omit<{
         $: vue.ComponentInternalInstance;
@@ -55324,6 +55327,7 @@ declare const VNumberInput: {
     "v-slot:increment"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
     "v-slot:decrement"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
 } & {
+    "onUpdate:focused"?: ((val: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number) => any) | undefined;
 }, Omit<Omit<{
     $: vue.ComponentInternalInstance;
@@ -57264,6 +57268,7 @@ declare const VNumberInput: {
         } | {};
     }) | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:focused': (val: boolean) => true;
     'update:modelValue': (val: number) => true;
 }, string, {
     flat: boolean;
@@ -85907,41 +85912,34 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VAutocomplete: VAutocomplete
     VAvatar: VAvatar
+    VApp: VApp
     VBadge: VBadge
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VAutocomplete: VAutocomplete
     VBottomSheet: VBottomSheet
-    VBottomNavigation: VBottomNavigation
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBottomNavigation: VBottomNavigation
     VBtn: VBtn
+    VBtnToggle: VBtnToggle
+    VBtnGroup: VBtnGroup
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VChipGroup: VChipGroup
-    VCode: VCode
-    VBtnToggle: VBtnToggle
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VCombobox: VCombobox
-    VCounter: VCounter
-    VColorPicker: VColorPicker
-    VBtnGroup: VBtnGroup
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -85949,8 +85947,14 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VCode: VCode
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VChip: VChip
-    VEmptyState: VEmptyState
+    VCounter: VCounter
+    VChipGroup: VChipGroup
+    VCombobox: VCombobox
+    VColorPicker: VColorPicker
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
@@ -85958,28 +85962,28 @@ declare module 'vue' {
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
     VDivider: VDivider
-    VFab: VFab
+    VDialog: VDialog
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VDialog: VDialog
+    VFab: VFab
+    VFooter: VFooter
+    VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
-    VFileInput: VFileInput
-    VFooter: VFooter
-    VInput: VInput
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
     VInfiniteScroll: VInfiniteScroll
+    VInput: VInput
+    VKbd: VKbd
     VItemGroup: VItemGroup
     VItem: VItem
-    VImg: VImg
     VLabel: VLabel
-    VKbd: VKbd
+    VImg: VImg
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -85989,68 +85993,69 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
+    VMenu: VMenu
     VMain: VMain
     VNavigationDrawer: VNavigationDrawer
-    VMenu: VMenu
+    VNumberInput: VNumberInput
+    VOverlay: VOverlay
     VMessages: VMessages
     VOtpInput: VOtpInput
-    VNumberInput: VNumberInput
+    VProgressCircular: VProgressCircular
     VPagination: VPagination
     VProgressLinear: VProgressLinear
-    VOverlay: VOverlay
-    VProgressCircular: VProgressCircular
     VRadioGroup: VRadioGroup
     VRating: VRating
-    VSelectionControl: VSelectionControl
-    VSheet: VSheet
     VSelect: VSelect
-    VSkeletonLoader: VSkeletonLoader
     VSelectionControlGroup: VSelectionControlGroup
+    VSkeletonLoader: VSkeletonLoader
+    VSheet: VSheet
+    VSelectionControl: VSelectionControl
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSlider: VSlider
-    VTextField: VTextField
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSystemBar: VSystemBar
     VSnackbar: VSnackbar
+    VSlider: VSlider
+    VSystemBar: VSystemBar
+    VSwitch: VSwitch
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
+    VTextField: VTextField
     VTextarea: VTextarea
-    VTable: VTable
-    VWindow: VWindow
-    VWindowItem: VWindowItem
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
     VTooltip: VTooltip
-    VSwitch: VSwitch
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
+    VTable: VTable
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
+    VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
-    VForm: VForm
     VLazy: VLazy
-    VLayout: VLayout
-    VLayoutItem: VLayoutItem
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
+    VRadio: VRadio
     VParallax: VParallax
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VRadio: VRadio
-    VSparkline: VSparkline
+    VSnackbarQueue: VSnackbarQueue
     VSpeedDial: VSpeedDial
+    VSparkline: VSparkline
     VThemeProvider: VThemeProvider
     VValidation: VValidation
     VVirtualScroll: VVirtualScroll
@@ -86070,31 +86075,31 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VSnackbarQueue: VSnackbarQueue
+    VEmptyState: VEmptyState
+    VLayout: VLayout
+    VLayoutItem: VLayoutItem
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
+    VIconBtn: VIconBtn
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VIconBtn: VIconBtn
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
     VColorInput: VColorInput
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VPullToRefresh: VPullToRefresh
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VDateInput: VDateInput
+    VPullToRefresh: VPullToRefresh
   }
 }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.8-master.2025-06-06
+* Vuetify v3.8.8-master.2025-06-07
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -12392,10 +12392,12 @@ const VTextField = genericComponent()({
     const inputRef = ref();
     const isActive = computed(() => activeTypes.includes(props.type) || props.persistentPlaceholder || isFocused.value || props.active);
     function onFocus() {
-      if (inputRef.value !== document.activeElement) {
-        inputRef.value?.focus();
-      }
       if (!isFocused.value) focus();
+      nextTick(() => {
+        if (inputRef.value !== document.activeElement) {
+          inputRef.value?.focus();
+        }
+      });
     }
     function onControlMousedown(e) {
       emit('mousedown:control', e);
@@ -12404,7 +12406,6 @@ const VTextField = genericComponent()({
       e.preventDefault();
     }
     function onControlClick(e) {
-      onFocus();
       emit('click:control', e);
     }
     function onClear(e, reset) {
@@ -20217,7 +20218,9 @@ const VDataTableFooter = genericComponent()({
         "class": "v-data-table-footer"
       }, [slots.prepend?.(), createElementVNode("div", {
         "class": "v-data-table-footer__items-per-page"
-      }, [createElementVNode("span", null, [t(props.itemsPerPageText)]), createVNode(VSelect, {
+      }, [createElementVNode("span", {
+        "aria-label": t(props.itemsPerPageText)
+      }, [t(props.itemsPerPageText)]), createVNode(VSelect, {
         "items": itemsPerPageOptions.value,
         "modelValue": itemsPerPage.value,
         "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
@@ -25163,6 +25166,7 @@ const VNumberInput = genericComponent()({
     ...makeVNumberInputProps()
   },
   emits: {
+    'update:focused': val => true,
     'update:modelValue': val => true
   },
   setup(props, _ref) {
@@ -25178,11 +25182,7 @@ const VNumberInput = genericComponent()({
     });
     const form = useForm(props);
     const controlsDisabled = computed(() => form.isDisabled.value || form.isReadonly.value);
-    const {
-      isFocused,
-      focus,
-      blur
-    } = useFocus(props);
+    const isFocused = shallowRef(props.focused);
     function correctPrecision(val) {
       let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.precision;
       const fixed = precision == null ? String(val) : val.toFixed(precision);
@@ -25367,11 +25367,9 @@ const VNumberInput = genericComponent()({
       inputText.value = model.value.toString();
     }
     function onFocus() {
-      focus();
       trimDecimalZeros();
     }
     function onBlur() {
-      blur();
       clampModel();
     }
     useRender(() => {
@@ -25464,9 +25462,12 @@ const VNumberInput = genericComponent()({
       }, null)]) : props.reverse && controlVariant.value !== 'hidden' ? createElementVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined;
       const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
       return createVNode(VTextField, mergeProps({
-        "ref": vTextFieldRef,
+        "ref": vTextFieldRef
+      }, textFieldProps, {
         "modelValue": inputText.value,
         "onUpdate:modelValue": $event => inputText.value = $event,
+        "focused": isFocused.value,
+        "onUpdate:focused": $event => isFocused.value = $event,
         "validationValue": model.value,
         "onBeforeinput": onBeforeinput,
         "onFocus": onFocus,
@@ -25479,8 +25480,7 @@ const VNumberInput = genericComponent()({
           'v-number-input--reverse': props.reverse,
           'v-number-input--split': controlVariant.value === 'split',
           'v-number-input--stacked': controlVariant.value === 'stacked'
-        }, props.class]
-      }, textFieldProps, {
+        }, props.class],
         "style": props.style,
         "inputmode": "decimal"
       }), {
@@ -25615,7 +25615,7 @@ const VOtpInput = genericComponent()({
     function onPaste(index, e) {
       e.preventDefault();
       e.stopPropagation();
-      const clipboardText = e?.clipboardData?.getData('Text').slice(0, length.value) ?? '';
+      const clipboardText = e?.clipboardData?.getData('Text').trim().slice(0, length.value) ?? '';
       if (isValidNumber(clipboardText)) return;
       model.value = clipboardText.split('');
       inputRef.value?.[index].blur();
@@ -25647,7 +25647,10 @@ const VOtpInput = genericComponent()({
       scoped: true
     });
     watch(model, val => {
-      if (val.length === length.value) emit('finish', val.join(''));
+      if (val.length === length.value) {
+        focusIndex.value = length.value - 1;
+        emit('finish', val.join(''));
+      }
     }, {
       deep: true
     });
@@ -29400,7 +29403,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.8-master.2025-06-06";
+const version$1 = "3.8.8-master.2025-06-07";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29425,7 +29428,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.8-master.2025-06-06";
+const version = "3.8.8-master.2025-06-07";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };