@vuetify/nightly 3.8.6-master.2025-05-21 → 3.8.6-master.2025-05-23

package/dist/vuetify.d.ts

@@ -85877,74 +85877,74 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
-    VAutocomplete: VAutocomplete
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VBadge: VBadge
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAvatar: VAvatar
-    VBreadcrumbs: VBreadcrumbs
-    VBreadcrumbsItem: VBreadcrumbsItem
-    VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBottomNavigation: VBottomNavigation
-    VBtn: VBtn
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBtnToggle: VBtnToggle
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VApp: VApp
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VAutocomplete: VAutocomplete
+    VBadge: VBadge
     VBottomSheet: VBottomSheet
+    VAvatar: VAvatar
+    VBottomNavigation: VBottomNavigation
+    VBtnGroup: VBtnGroup
+    VBtn: VBtn
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
+    VBtnToggle: VBtnToggle
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VChip: VChip
+    VChipGroup: VChipGroup
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VBtnGroup: VBtnGroup
+    VBreadcrumbs: VBreadcrumbs
+    VBreadcrumbsItem: VBreadcrumbsItem
+    VBreadcrumbsDivider: VBreadcrumbsDivider
     VCode: VCode
     VCombobox: VCombobox
     VCounter: VCounter
-    VChipGroup: VChipGroup
     VColorPicker: VColorPicker
-    VDialog: VDialog
+    VDataTable: VDataTable
+    VDataTableHeaders: VDataTableHeaders
+    VDataTableFooter: VDataTableFooter
+    VDataTableRows: VDataTableRows
+    VDataTableRow: VDataTableRow
+    VDataTableVirtual: VDataTableVirtual
+    VDataTableServer: VDataTableServer
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
+    VDialog: VDialog
     VDivider: VDivider
-    VEmptyState: VEmptyState
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
     VField: VField
     VFieldLabel: VFieldLabel
-    VFab: VFab
-    VIcon: VIcon
-    VComponentIcon: VComponentIcon
-    VSvgIcon: VSvgIcon
-    VLigatureIcon: VLigatureIcon
-    VClassIcon: VClassIcon
     VFileInput: VFileInput
     VFooter: VFooter
-    VInfiniteScroll: VInfiniteScroll
-    VLabel: VLabel
+    VEmptyState: VEmptyState
+    VImg: VImg
+    VFab: VFab
     VInput: VInput
+    VKbd: VKbd
+    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
-    VImg: VImg
-    VKbd: VKbd
-    VMessages: VMessages
-    VMenu: VMenu
+    VLabel: VLabel
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -85954,68 +85954,70 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
+    VMessages: VMessages
+    VMain: VMain
+    VNumberInput: VNumberInput
     VNavigationDrawer: VNavigationDrawer
     VOtpInput: VOtpInput
-    VNumberInput: VNumberInput
     VOverlay: VOverlay
+    VPagination: VPagination
     VProgressCircular: VProgressCircular
     VRadioGroup: VRadioGroup
     VProgressLinear: VProgressLinear
-    VPagination: VPagination
-    VSelectionControlGroup: VSelectionControlGroup
     VRating: VRating
     VSelect: VSelect
     VSelectionControl: VSelectionControl
+    VSelectionControlGroup: VSelectionControlGroup
     VSkeletonLoader: VSkeletonLoader
-    VMain: VMain
+    VMenu: VMenu
+    VSheet: VSheet
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
+    VSnackbar: VSnackbar
+    VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSlider: VSlider
-    VSheet: VSheet
     VSwitch: VSwitch
-    VSnackbar: VSnackbar
-    VTab: VTab
-    VTabs: VTabs
-    VTabsWindow: VTabsWindow
-    VTabsWindowItem: VTabsWindowItem
-    VTextField: VTextField
     VSystemBar: VSystemBar
+    VTextarea: VTextarea
+    VTextField: VTextField
     VTable: VTable
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
     VTooltip: VTooltip
-    VTextarea: VTextarea
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VTab: VTab
+    VTabs: VTabs
+    VTabsWindow: VTabsWindow
+    VTabsWindowItem: VTabsWindowItem
     VWindow: VWindow
     VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
-    VDefaultsProvider: VDefaultsProvider
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
+    VHover: VHover
     VForm: VForm
+    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
     VLocaleProvider: VLocaleProvider
-    VHover: VHover
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
-    VSparkline: VSparkline
     VSpeedDial: VSpeedDial
+    VValidation: VValidation
     VThemeProvider: VThemeProvider
     VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
@@ -86034,33 +86036,31 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VDataTable: VDataTable
-    VDataTableHeaders: VDataTableHeaders
-    VDataTableFooter: VDataTableFooter
-    VDataTableRows: VDataTableRows
-    VDataTableRow: VDataTableRow
-    VDataTableVirtual: VDataTableVirtual
-    VDataTableServer: VDataTableServer
-    VValidation: VValidation
-    VLazy: VLazy
+    VSparkline: VSparkline
+    VIcon: VIcon
+    VComponentIcon: VComponentIcon
+    VSvgIcon: VSvgIcon
+    VLigatureIcon: VLigatureIcon
+    VClassIcon: VClassIcon
+    VDefaultsProvider: VDefaultsProvider
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VColorInput: VColorInput
     VIconBtn: VIconBtn
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
+    VColorInput: VColorInput
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.6-master.2025-05-21
+* Vuetify v3.8.6-master.2025-05-23
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -510,6 +510,21 @@ function checkPrintable(e) {
 function isPrimitive(value) {
   return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint';
 }
+function extractNumber(text, decimalDigitsLimit) {
+  const cleanText = text.split('').filter(x => /[\d\-.]/.test(x)).filter((x, i, all) => i === 0 && /[-]/.test(x) ||
+  // sign allowed at the start
+  x === '.' && i === all.indexOf('.') ||
+  // decimal separator allowed only once
+  /\d/.test(x)).join('');
+  if (decimalDigitsLimit === 0) {
+    return cleanText.split('.')[0];
+  }
+  if (decimalDigitsLimit !== null && /\.\d/.test(cleanText)) {
+    const parts = cleanText.split('.');
+    return [parts[0], parts[1].substring(0, decimalDigitsLimit)].join('.');
+  }
+  return cleanText;
+}
 
 // Utilities
 const block = ['top', 'bottom'];
@@ -614,6 +629,33 @@ function getTargetBox(target) {
     return target.getBoundingClientRect();
   }
 }
+function getElementBox(el) {
+  if (el === document.documentElement) {
+    if (!visualViewport) {
+      return new Box({
+        x: 0,
+        y: 0,
+        width: document.documentElement.clientWidth,
+        height: document.documentElement.clientHeight
+      });
+    } else {
+      return new Box({
+        x: visualViewport.scale > 1 ? 0 : visualViewport.offsetLeft,
+        y: visualViewport.scale > 1 ? 0 : visualViewport.offsetTop,
+        width: visualViewport.width * visualViewport.scale,
+        height: visualViewport.height * visualViewport.scale
+      });
+    }
+  } else {
+    const rect = el.getBoundingClientRect();
+    return new Box({
+      x: rect.x,
+      y: rect.y,
+      width: el.clientWidth,
+      height: el.clientHeight
+    });
+  }
+}
 
 // Utilities
 
@@ -10274,11 +10316,19 @@ function useLocationStrategies(props, data) {
       watch(() => props.locationStrategy, reset);
       onScopeDispose(() => {
         window.removeEventListener('resize', onResize);
+        visualViewport?.removeEventListener('resize', onVisualResize);
+        visualViewport?.removeEventListener('scroll', onVisualScroll);
         updateLocation.value = undefined;
       });
       window.addEventListener('resize', onResize, {
         passive: true
       });
+      visualViewport?.addEventListener('resize', onVisualResize, {
+        passive: true
+      });
+      visualViewport?.addEventListener('scroll', onVisualScroll, {
+        passive: true
+      });
       if (typeof props.locationStrategy === 'function') {
         updateLocation.value = props.locationStrategy(data, props, contentStyles)?.updateLocation;
       } else {
@@ -10289,6 +10339,12 @@ function useLocationStrategies(props, data) {
   function onResize(e) {
     updateLocation.value?.(e);
   }
+  function onVisualResize(e) {
+    updateLocation.value?.(e);
+  }
+  function onVisualScroll(e) {
+    updateLocation.value?.(e);
+  }
   return {
     contentStyles,
     updateLocation
@@ -10440,13 +10496,7 @@ function connectedLocationStrategy(data, props, contentStyles) {
       }
     }
     const viewport = scrollParents.reduce((box, el) => {
-      const rect = el.getBoundingClientRect();
-      const scrollBox = new Box({
-        x: el === document.documentElement ? 0 : rect.x,
-        y: el === document.documentElement ? 0 : rect.y,
-        width: el.clientWidth,
-        height: el.clientHeight
-      });
+      const scrollBox = getElementBox(el);
       if (box) {
         return new Box({
           x: Math.max(box.left, scrollBox.left),
@@ -25136,25 +25186,33 @@ const VNumberInput = genericComponent()({
     }
     function onBeforeinput(e) {
       if (!e.data) return;
-      const existingTxt = e.target?.value;
-      const selectionStart = e.target?.selectionStart;
-      const selectionEnd = e.target?.selectionEnd;
+      const inputElement = e.target;
+      const {
+        value: existingTxt,
+        selectionStart,
+        selectionEnd
+      } = inputElement ?? {};
       const potentialNewInputVal = existingTxt ? existingTxt.slice(0, selectionStart) + e.data + existingTxt.slice(selectionEnd) : e.data;
+      const potentialNewNumber = extractNumber(potentialNewInputVal, props.precision);
+
       // Only numbers, "-", "." are allowed
       // AND "-", "." are allowed only once
       // AND "-" is only allowed at the start
       if (!/^-?(\d+(\.\d*)?|(\.\d+)|\d*|\.)$/.test(potentialNewInputVal)) {
         e.preventDefault();
+        inputElement.value = potentialNewNumber;
       }
       if (props.precision == null) return;
 
       // Ignore decimal digits above precision limit
       if (potentialNewInputVal.split('.')[1]?.length > props.precision) {
         e.preventDefault();
+        inputElement.value = potentialNewNumber;
       }
       // Ignore decimal separator when precision = 0
       if (props.precision === 0 && potentialNewInputVal.includes('.')) {
         e.preventDefault();
+        inputElement.value = potentialNewNumber;
       }
     }
     async function onKeydown(e) {
@@ -29255,7 +29313,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.6-master.2025-05-21";
+const version$1 = "3.8.6-master.2025-05-23";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29280,7 +29338,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.6-master.2025-05-21";
+const version = "3.8.6-master.2025-05-23";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };