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

package/dist/vuetify.d.ts

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

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.6-master.2025-05-21
+* Vuetify v3.8.6-master.2025-05-22
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -614,6 +614,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 +10301,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 +10324,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 +10481,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),
@@ -29255,7 +29290,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.6-master.2025-05-21";
+const version$1 = "3.8.6-master.2025-05-22";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29280,7 +29315,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.6-master.2025-05-21";
+const version = "3.8.6-master.2025-05-22";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };