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

package/dist/vuetify-labs.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.
 */
@@ -12118,10 +12118,12 @@
       const inputRef = vue.ref();
       const isActive = vue.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();
+        vue.nextTick(() => {
+          if (inputRef.value !== document.activeElement) {
+            inputRef.value?.focus();
+          }
+        });
       }
       function onControlMousedown(e) {
         emit('mousedown:control', e);
@@ -12130,7 +12132,6 @@
         e.preventDefault();
       }
       function onControlClick(e) {
-        onFocus();
         emit('click:control', e);
       }
       function onClear(e, reset) {
@@ -19943,7 +19944,9 @@
           "class": "v-data-table-footer"
         }, [slots.prepend?.(), vue.createElementVNode("div", {
           "class": "v-data-table-footer__items-per-page"
-        }, [vue.createElementVNode("span", null, [t(props.itemsPerPageText)]), vue.createVNode(VSelect, {
+        }, [vue.createElementVNode("span", {
+          "aria-label": t(props.itemsPerPageText)
+        }, [t(props.itemsPerPageText)]), vue.createVNode(VSelect, {
           "items": itemsPerPageOptions.value,
           "modelValue": itemsPerPage.value,
           "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
@@ -24889,6 +24892,7 @@
       ...makeVNumberInputProps()
     },
     emits: {
+      'update:focused': val => true,
       'update:modelValue': val => true
     },
     setup(props, _ref) {
@@ -24904,11 +24908,7 @@
       });
       const form = useForm(props);
       const controlsDisabled = vue.computed(() => form.isDisabled.value || form.isReadonly.value);
-      const {
-        isFocused,
-        focus,
-        blur
-      } = useFocus(props);
+      const isFocused = vue.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);
@@ -25093,11 +25093,9 @@
         inputText.value = model.value.toString();
       }
       function onFocus() {
-        focus();
         trimDecimalZeros();
       }
       function onBlur() {
-        blur();
         clampModel();
       }
       useRender(() => {
@@ -25190,9 +25188,12 @@
         }, null)]) : props.reverse && controlVariant.value !== 'hidden' ? vue.createElementVNode(vue.Fragment, null, [controlNode(), dividerNode()]) : undefined;
         const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
         return vue.createVNode(VTextField, vue.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,
@@ -25205,8 +25206,7 @@
             '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"
         }), {
@@ -25341,7 +25341,7 @@
       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();
@@ -25373,7 +25373,10 @@
         scoped: true
       });
       vue.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
       });
@@ -29264,13 +29267,9 @@
       let {
         slots
       } = _ref;
-      const {
-        isFocused,
-        focus,
-        blur
-      } = useFocus(props);
       const model = useProxiedModel(props, 'modelValue');
       const menu = vue.shallowRef(false);
+      const isFocused = vue.shallowRef(props.focused);
       const isInteractive = vue.computed(() => !props.disabled && !props.readonly);
       const display = vue.computed(() => model.value || null);
       function onKeydown(e) {
@@ -29301,10 +29300,9 @@
           "modelValue": display.value,
           "onKeydown": isInteractive.value ? onKeydown : undefined,
           "focused": menu.value || isFocused.value,
-          "onFocus": focus,
-          "onBlur": blur,
           "onClick:control": isInteractive.value ? onClick : undefined,
           "onClick:prependInner": isInteractive.value ? onClick : undefined,
+          "onUpdate:focused": event => isFocused.value = event,
           "onClick:appendInner": isInteractive.value ? onClick : undefined,
           "onUpdate:modelValue": val => {
             model.value = val;
@@ -29508,6 +29506,7 @@
     emits: {
       save: value => true,
       cancel: () => true,
+      'update:focused': val => true,
       'update:modelValue': val => true,
       'update:menu': val => true
     },
@@ -29530,15 +29529,11 @@
       const {
         mobile
       } = useDisplay(props);
-      const {
-        isFocused,
-        focus,
-        blur
-      } = useFocus(props);
       const emptyModelValue = () => props.multiple ? [] : null;
       const model = useProxiedModel(props, 'modelValue', emptyModelValue(), 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 = useProxiedModel(props, 'menu');
       const isEditingInput = vue.shallowRef(false);
+      const isFocused = vue.shallowRef(props.focused);
       const vTextFieldRef = vue.ref();
       const disabledActions = vue.ref(['save']);
       function format(date) {
@@ -29614,7 +29609,6 @@
         if (props.updateOn.includes('blur')) {
           onUserInput(e.target);
         }
-        blur();
 
         // When in mobile mode and editing is done (due to keyboard dismissal), close the menu
         if (mobile.value && isEditingInput.value && !isFocused.value) {
@@ -29659,12 +29653,12 @@
           "readonly": isReadonly.value,
           "onKeydown": isInteractive.value ? onKeydown : undefined,
           "focused": menu.value || isFocused.value,
-          "onFocus": focus,
           "onBlur": onBlur,
           "validationValue": model.value,
           "onClick:control": isInteractive.value ? onClick : undefined,
           "onClick:prepend": isInteractive.value ? onClick : undefined,
-          "onUpdate:modelValue": onUpdateDisplayModel
+          "onUpdate:modelValue": onUpdateDisplayModel,
+          "onUpdate:focused": event => isFocused.value = event
         }), {
           ...slots,
           default: () => vue.createElementVNode(vue.Fragment, null, [vue.createVNode(VMenu, {
@@ -32095,7 +32089,7 @@
       };
     });
   }
-  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
@@ -32393,7 +32387,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.8-master.2025-06-06";
+  const version = "3.8.8-master.2025-06-07";
 
   /* eslint-disable local-rules/sort-imports */