@vuetify/nightly 3.8.2-master.2025-04-27 → 3.8.2-master.2025-04-28

package/dist/vuetify.d.ts

@@ -1021,6 +1021,10 @@ declare function connectedLocationStrategy(data: LocationStrategyData, props: St
             y: number;
         };
         contentBox: Box;
+        flipped: {
+            x: boolean;
+            y: boolean;
+        };
     } | undefined;
 };
 
@@ -82960,41 +82964,49 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VApp: VApp
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VAvatar: VAvatar
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
     VAutocomplete: VAutocomplete
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
     VBadge: VBadge
-    VBottomSheet: VBottomSheet
-    VAvatar: VAvatar
     VBottomNavigation: VBottomNavigation
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBottomSheet: VBottomSheet
     VBtnToggle: VBtnToggle
-    VBtn: VBtn
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtnGroup: VBtnGroup
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
+    VBtn: VBtn
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VChip: VChip
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VCode: VCode
+    VChipGroup: VChipGroup
     VColorPicker: VColorPicker
     VCombobox: VCombobox
+    VBtnGroup: VBtnGroup
     VCounter: VCounter
-    VChipGroup: VChipGroup
-    VCode: VCode
+    VDialog: VDialog
+    VChip: VChip
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -83002,36 +83014,27 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
     VDivider: VDivider
-    VDialog: VDialog
+    VEmptyState: VEmptyState
+    VFileInput: VFileInput
+    VFab: VFab
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VEmptyState: VEmptyState
+    VFooter: VFooter
     VField: VField
     VFieldLabel: VFieldLabel
-    VFileInput: VFileInput
-    VFooter: VFooter
-    VFab: VFab
+    VImg: VImg
+    VItemGroup: VItemGroup
+    VItem: VItem
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VImg: VImg
-    VInfiniteScroll: VInfiniteScroll
-    VItemGroup: VItemGroup
-    VItem: VItem
-    VLabel: VLabel
     VKbd: VKbd
-    VInput: VInput
+    VInfiniteScroll: VInfiniteScroll
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -83041,28 +83044,29 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMain: VMain
-    VMessages: VMessages
+    VLabel: VLabel
+    VInput: VInput
     VMenu: VMenu
-    VApp: VApp
+    VMain: VMain
+    VOtpInput: VOtpInput
     VNavigationDrawer: VNavigationDrawer
     VNumberInput: VNumberInput
     VOverlay: VOverlay
-    VOtpInput: VOtpInput
     VProgressLinear: VProgressLinear
-    VPagination: VPagination
-    VRadioGroup: VRadioGroup
     VRating: VRating
+    VProgressCircular: VProgressCircular
+    VPagination: VPagination
+    VSelect: VSelect
     VSelectionControlGroup: VSelectionControlGroup
+    VSkeletonLoader: VSkeletonLoader
     VSheet: VSheet
+    VRadioGroup: VRadioGroup
     VSelectionControl: VSelectionControl
+    VSlider: VSlider
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
+    VMessages: VMessages
     VSnackbar: VSnackbar
-    VProgressCircular: VProgressCircular
-    VSelect: VSelect
-    VSlider: VSlider
-    VSkeletonLoader: VSkeletonLoader
     VSwitch: VSwitch
     VStepper: VStepper
     VStepperActions: VStepperActions
@@ -83070,41 +83074,41 @@ declare module 'vue' {
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSystemBar: VSystemBar
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
+    VSystemBar: VSystemBar
     VTextarea: VTextarea
     VTextField: VTextField
     VTable: VTable
+    VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTooltip: VTooltip
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
-    VContainer: VContainer
-    VCol: VCol
-    VRow: VRow
-    VSpacer: VSpacer
-    VLazy: VLazy
+    VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VNoSsr: VNoSsr
+    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
+    VNoSsr: VNoSsr
+    VRadio: VRadio
     VParallax: VParallax
     VRangeSlider: VRangeSlider
-    VRadio: VRadio
     VResponsive: VResponsive
-    VSpeedDial: VSpeedDial
+    VSparkline: VSparkline
     VSnackbarQueue: VSnackbarQueue
+    VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
+    VValidation: VValidation
     VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
@@ -83122,31 +83126,31 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VValidation: VValidation
-    VHover: VHover
-    VConfirmEdit: VConfirmEdit
-    VSparkline: VSparkline
-    VCalendar: VCalendar
-    VCalendarDay: VCalendarDay
-    VCalendarHeader: VCalendarHeader
-    VCalendarInterval: VCalendarInterval
-    VCalendarIntervalEvent: VCalendarIntervalEvent
-    VCalendarMonthDay: VCalendarMonthDay
-    VIconBtn: VIconBtn
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
+    VContainer: VContainer
+    VCol: VCol
+    VRow: VRow
+    VSpacer: VSpacer
     VPicker: VPicker
     VPickerTitle: VPickerTitle
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
+    VCalendar: VCalendar
+    VCalendarDay: VCalendarDay
+    VCalendarHeader: VCalendarHeader
+    VCalendarInterval: VCalendarInterval
+    VCalendarIntervalEvent: VCalendarIntervalEvent
+    VCalendarMonthDay: VCalendarMonthDay
   }
 }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.2-master.2025-04-27
+* Vuetify v3.8.2-master.2025-04-28
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -335,6 +335,9 @@ class CircularBuffer {
     _classPrivateFieldInitSpec(this, _pointer, 0);
     this.size = size;
   }
+  get isFull() {
+    return _classPrivateFieldGet(_arr, this).length === this.size;
+  }
   push(val) {
     _classPrivateFieldGet(_arr, this)[_classPrivateFieldGet(_pointer, this)] = val;
     _classPrivateFieldSet(_pointer, this, (_classPrivateFieldGet(_pointer, this) + 1) % this.size);
@@ -342,6 +345,10 @@ class CircularBuffer {
   values() {
     return _classPrivateFieldGet(_arr, this).slice(_classPrivateFieldGet(_pointer, this)).concat(_classPrivateFieldGet(_arr, this).slice(0, _classPrivateFieldGet(_pointer, this)));
   }
+  clear() {
+    _classPrivateFieldGet(_arr, this).length = 0;
+    _classPrivateFieldSet(_pointer, this, 0);
+  }
 }
 function getEventCoordinates(e) {
   if ('touches' in e) {
@@ -1332,7 +1339,7 @@ function provideDefaults(defaults, options) {
   return newDefaults;
 }
 function propIsDefined(vnode, prop) {
-  return typeof vnode.props?.[prop] !== 'undefined' || typeof vnode.props?.[toKebabCase(prop)] !== 'undefined';
+  return vnode.props && (typeof vnode.props[prop] !== 'undefined' || typeof vnode.props[toKebabCase(prop)] !== 'undefined');
 }
 function internalUseDefaults() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -1349,9 +1356,12 @@ function internalUseDefaults() {
       const propValue = Reflect.get(target, prop);
       if (prop === 'class' || prop === 'style') {
         return [componentDefaults.value?.[prop], propValue].filter(v => v != null);
-      } else if (typeof prop === 'string' && !propIsDefined(vm.vnode, prop)) {
-        return componentDefaults.value?.[prop] !== undefined ? componentDefaults.value?.[prop] : defaults.value?.global?.[prop] !== undefined ? defaults.value?.global?.[prop] : propValue;
       }
+      if (propIsDefined(vm.vnode, prop)) return propValue;
+      const _componentDefault = componentDefaults.value?.[prop];
+      if (_componentDefault !== undefined) return _componentDefault;
+      const _globalDefault = defaults.value?.global?.[prop];
+      if (_globalDefault !== undefined) return _globalDefault;
       return propValue;
     }
   });
@@ -10382,8 +10392,27 @@ function connectedLocationStrategy(data, props, contentStyles) {
     return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0];
   });
   let observe = false;
+  let lastFrame = -1;
+  const flipped = new CircularBuffer(4);
   const observer = new ResizeObserver(() => {
-    if (observe) updateLocation();
+    if (!observe) return;
+
+    // Detect consecutive frames
+    requestAnimationFrame(newTime => {
+      if (newTime !== lastFrame) flipped.clear();
+      requestAnimationFrame(newNewTime => {
+        lastFrame = newNewTime;
+      });
+    });
+    if (flipped.isFull) {
+      const values = flipped.values();
+      if (deepEqual(values.at(-1), values.at(-3))) {
+        // Flipping is causing a container resize loop
+        return;
+      }
+    }
+    const result = updateLocation();
+    if (result) flipped.push(result.flipped);
   });
   watch([data.target, data.contentEl], (_ref, _ref2) => {
     let [newTarget, newContentEl] = _ref;
@@ -10598,7 +10627,8 @@ function connectedLocationStrategy(data, props, contentStyles) {
     });
     return {
       available,
-      contentBox
+      contentBox,
+      flipped
     };
   }
   watch(() => [preferredAnchor.value, preferredOrigin.value, props.offset, props.minWidth, props.minHeight, props.maxWidth, props.maxHeight], () => updateLocation());
@@ -29181,7 +29211,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.2-master.2025-04-27";
+const version$1 = "3.8.2-master.2025-04-28";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29206,7 +29236,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.2-master.2025-04-27";
+const version = "3.8.2-master.2025-04-28";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };