@vuetify/nightly 3.7.0-master.2024-08-27 → 3.7.1-dev.2024-08-28

package/dist/vuetify.d.ts

@@ -67045,23 +67045,24 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VApp: typeof import('vuetify/components')['VApp']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VAppBar: typeof import('vuetify/components')['VAppBar']
-    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
-    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VAvatar: typeof import('vuetify/components')['VAvatar']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
+    VAppBar: typeof import('vuetify/components')['VAppBar']
+    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
+    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VBadge: typeof import('vuetify/components')['VBadge']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VBtn: typeof import('vuetify/components')['VBtn']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBadge: typeof import('vuetify/components')['VBadge']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCard: typeof import('vuetify/components')['VCard']
@@ -67070,56 +67071,53 @@ declare module 'vue' {
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VBtn: typeof import('vuetify/components')['VBtn']
+    VChip: typeof import('vuetify/components')['VChip']
     VCarousel: typeof import('vuetify/components')['VCarousel']
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
-    VChip: typeof import('vuetify/components')['VChip']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCode: typeof import('vuetify/components')['VCode']
-    VDataTable: typeof import('vuetify/components')['VDataTable']
-    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
-    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
-    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
-    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
-    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
-    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VDialog: typeof import('vuetify/components')['VDialog']
-    VCounter: typeof import('vuetify/components')['VCounter']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VDivider: typeof import('vuetify/components')['VDivider']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VCounter: typeof import('vuetify/components')['VCounter']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
     VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
+    VDivider: typeof import('vuetify/components')['VDivider']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
-    VFooter: typeof import('vuetify/components')['VFooter']
+    VDataTable: typeof import('vuetify/components')['VDataTable']
+    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
+    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
+    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
+    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
+    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
+    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VFab: typeof import('vuetify/components')['VFab']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VFab: typeof import('vuetify/components')['VFab']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
-    VImg: typeof import('vuetify/components')['VImg']
-    VLabel: typeof import('vuetify/components')['VLabel']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
+    VImg: typeof import('vuetify/components')['VImg']
     VInput: typeof import('vuetify/components')['VInput']
-    VKbd: typeof import('vuetify/components')['VKbd']
-    VMessages: typeof import('vuetify/components')['VMessages']
-    VMenu: typeof import('vuetify/components')['VMenu']
+    VLabel: typeof import('vuetify/components')['VLabel']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -67130,21 +67128,23 @@ declare module 'vue' {
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VMain: typeof import('vuetify/components')['VMain']
+    VMessages: typeof import('vuetify/components')['VMessages']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VPagination: typeof import('vuetify/components')['VPagination']
-    VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VOverlay: typeof import('vuetify/components')['VOverlay']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VRating: typeof import('vuetify/components')['VRating']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VSelect: typeof import('vuetify/components')['VSelect']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSheet: typeof import('vuetify/components')['VSheet']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSlider: typeof import('vuetify/components')['VSlider']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VSelect: typeof import('vuetify/components')['VSelect']
+    VSheet: typeof import('vuetify/components')['VSheet']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
@@ -67152,42 +67152,42 @@ declare module 'vue' {
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VTable: typeof import('vuetify/components')['VTable']
+    VSlider: typeof import('vuetify/components')['VSlider']
+    VTab: typeof import('vuetify/components')['VTab']
+    VTabs: typeof import('vuetify/components')['VTabs']
+    VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
+    VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
     VSwitch: typeof import('vuetify/components')['VSwitch']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VTextField: typeof import('vuetify/components')['VTextField']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VTextarea: typeof import('vuetify/components')['VTextarea']
-    VTab: typeof import('vuetify/components')['VTab']
-    VTabs: typeof import('vuetify/components')['VTabs']
-    VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
-    VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
+    VTable: typeof import('vuetify/components')['VTable']
+    VTextField: typeof import('vuetify/components')['VTextField']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
-    VForm: typeof import('vuetify/components')['VForm']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
     VHover: typeof import('vuetify/components')['VHover']
-    VLazy: typeof import('vuetify/components')['VLazy']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
+    VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
-    VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
-    VResponsive: typeof import('vuetify/components')['VResponsive']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
+    VParallax: typeof import('vuetify/components')['VParallax']
+    VResponsive: typeof import('vuetify/components')['VResponsive']
     VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
@@ -67209,26 +67209,26 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VCalendar: typeof import('vuetify/labs/components')['VCalendar']
-    VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
-    VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
-    VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
-    VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
-    VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
+    VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
-    VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
-    VTreeview: typeof import('vuetify/labs/components')['VTreeview']
-    VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
-    VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
     VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
-    VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
+    VTreeview: typeof import('vuetify/labs/components')['VTreeview']
+    VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
+    VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
+    VCalendar: typeof import('vuetify/labs/components')['VCalendar']
+    VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
+    VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
+    VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
+    VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
+    VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VSnackbarQueue: typeof import('vuetify/labs/components')['VSnackbarQueue']
+    VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
   }
 }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.0-master.2024-08-27
+* Vuetify v3.7.1-dev.2024-08-28
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -23407,7 +23407,6 @@ const VInfiniteScrollIntersect = defineComponent({
       type: String,
       required: true
     },
-    rootRef: null,
     rootMargin: String
   },
   emits: {
@@ -23420,14 +23419,15 @@ const VInfiniteScrollIntersect = defineComponent({
     const {
       intersectionRef,
       isIntersecting
-    } = useIntersectionObserver(entries => {}, props.rootMargin ? {
-      rootMargin: props.rootMargin
-    } : undefined);
+    } = useIntersectionObserver();
     watch(isIntersecting, async val => {
       emit('intersect', props.side, val);
     });
     useRender(() => createVNode("div", {
       "class": "v-infinite-scroll-intersect",
+      "style": {
+        '--v-infinite-margin-size': props.rootMargin
+      },
       "ref": intersectionRef
     }, [createTextVNode("\xA0")]));
     return {};
@@ -23578,17 +23578,15 @@ const VInfiniteScroll = genericComponent()({
       }, {
         default: () => [createVNode("div", {
           "class": "v-infinite-scroll__side"
-        }, [renderSide('start', startStatus.value)]), rootEl.value && hasStartIntersect && intersectMode && createVNode(VInfiniteScrollIntersect, {
+        }, [renderSide('start', startStatus.value)]), hasStartIntersect && intersectMode && createVNode(VInfiniteScrollIntersect, {
           "key": "start",
           "side": "start",
           "onIntersect": handleIntersect,
-          "rootRef": rootEl.value,
           "rootMargin": margin.value
-        }, null), slots.default?.(), rootEl.value && hasEndIntersect && intersectMode && createVNode(VInfiniteScrollIntersect, {
+        }, null), slots.default?.(), hasEndIntersect && intersectMode && createVNode(VInfiniteScrollIntersect, {
           "key": "end",
           "side": "end",
           "onIntersect": handleIntersect,
-          "rootRef": rootEl.value,
           "rootMargin": margin.value
         }, null), createVNode("div", {
           "class": "v-infinite-scroll__side"
@@ -28216,7 +28214,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.0-master.2024-08-27";
+const version$1 = "3.7.1-dev.2024-08-28";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28241,7 +28239,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.0-master.2024-08-27";
+const version = "3.7.1-dev.2024-08-28";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };