@vuetify/nightly 3.7.5-master.2024-12-15 → 3.7.5-master.2024-12-17

package/dist/vuetify.d.ts

@@ -67099,58 +67099,62 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: typeof import('vuetify/components')['VApp']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VApp: typeof import('vuetify/components')['VApp']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
-    VBadge: typeof import('vuetify/components')['VBadge']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBadge: typeof import('vuetify/components')['VBadge']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBtn: typeof import('vuetify/components')['VBtn']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCode: typeof import('vuetify/components')['VCode']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VChip: typeof import('vuetify/components')['VChip']
-    VCode: typeof import('vuetify/components')['VCode']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VCounter: typeof import('vuetify/components')['VCounter']
     VCombobox: typeof import('vuetify/components')['VCombobox']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    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']
+    VChip: typeof import('vuetify/components')['VChip']
     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']
-    VCounter: typeof import('vuetify/components')['VCounter']
     VDialog: typeof import('vuetify/components')['VDialog']
     VDivider: typeof import('vuetify/components')['VDivider']
+    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']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VFab: typeof import('vuetify/components')['VFab']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
@@ -67161,13 +67165,13 @@ declare module 'vue' {
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VImg: typeof import('vuetify/components')['VImg']
     VInput: typeof import('vuetify/components')['VInput']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VImg: typeof import('vuetify/components')['VImg']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VMain: typeof import('vuetify/components')['VMain']
     VKbd: typeof import('vuetify/components')['VKbd']
-    VLabel: typeof import('vuetify/components')['VLabel']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -67177,26 +67181,25 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VMenu: typeof import('vuetify/components')['VMenu']
-    VMessages: typeof import('vuetify/components')['VMessages']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VLabel: typeof import('vuetify/components')['VLabel']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VPagination: typeof import('vuetify/components')['VPagination']
+    VMenu: typeof import('vuetify/components')['VMenu']
+    VMessages: typeof import('vuetify/components')['VMessages']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
-    VRating: typeof import('vuetify/components')['VRating']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VSelect: typeof import('vuetify/components')['VSelect']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSheet: typeof import('vuetify/components')['VSheet']
     VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VRating: typeof import('vuetify/components')['VRating']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSlider: typeof import('vuetify/components')['VSlider']
+    VSheet: typeof import('vuetify/components')['VSheet']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
@@ -67204,44 +67207,45 @@ declare module 'vue' {
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTable: typeof import('vuetify/components')['VTable']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTextField: typeof import('vuetify/components')['VTextField']
-    VSlider: typeof import('vuetify/components')['VSlider']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
+    VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VForm: typeof import('vuetify/components')['VForm']
+    VHover: typeof import('vuetify/components')['VHover']
     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']
-    VDataIterator: typeof import('vuetify/components')['VDataIterator']
+    VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
+    VRadio: typeof import('vuetify/components')['VRadio']
     VResponsive: typeof import('vuetify/components')['VResponsive']
     VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
-    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
+    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
@@ -67259,27 +67263,23 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VRadio: typeof import('vuetify/components')['VRadio']
-    VNoSsr: typeof import('vuetify/components')['VNoSsr']
-    VMain: typeof import('vuetify/components')['VMain']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
     VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
-    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']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     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']
     VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
+    VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
+    VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
+    VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.5-master.2024-12-15
+* Vuetify v3.7.5-master.2024-12-17
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8947,7 +8947,9 @@ const useNestedItem = (id, isGroup) => {
     isLeaf: computed(() => !parent.root.children.value.get(computedId.value)),
     isGroupActivator: parent.isGroupActivator
   };
-  !parent.isGroupActivator && parent.root.register(computedId.value, parent.id.value, isGroup);
+  onBeforeMount(() => {
+    !parent.isGroupActivator && parent.root.register(computedId.value, parent.id.value, isGroup);
+  });
   onBeforeUnmount(() => {
     !parent.isGroupActivator && parent.root.unregister(computedId.value);
   });
@@ -9181,16 +9183,22 @@ const VListItem = genericComponent()({
       color: isActive.value ? color.value ?? props.baseColor : props.baseColor,
       variant: props.variant
     }));
+
+    // useNestedItem doesn't call register until beforeMount,
+    // so this can't be an immediate watcher as we don't know parent yet
     watch(() => link.isActive?.value, val => {
-      if (val && parent.value != null) {
+      if (!val) return;
+      handleActiveLink();
+    });
+    onBeforeMount(() => {
+      if (link.isActive?.value) handleActiveLink();
+    });
+    function handleActiveLink() {
+      if (parent.value != null) {
         root.open(parent.value, true);
       }
-      if (val) {
-        openOnSelect(val);
-      }
-    }, {
-      immediate: true
-    });
+      openOnSelect(true);
+    }
     const {
       themeClasses
     } = provideTheme(props);
@@ -12374,7 +12382,8 @@ function useVirtual(props, items) {
   const computedItems = computed(() => {
     return items.value.slice(first.value, last.value).map((item, index) => ({
       raw: item,
-      index: index + first.value
+      index: index + first.value,
+      key: isObject(item) && 'value' in item ? item.value : index + first.value
     }));
   });
   watch(items, () => {
@@ -12489,7 +12498,7 @@ const VVirtualScroll = genericComponent()({
     });
     useRender(() => {
       const children = computedItems.value.map(item => createVNode(VVirtualScrollItem, {
-        "key": item.index,
+        "key": item.key,
         "renderless": props.renderless,
         "onUpdate:height": height => handleItemResize(item.index, height)
       }, {
@@ -12888,6 +12897,7 @@ const VSelect = genericComponent()({
             "color": props.itemColor ?? props.color
           }, listEvents, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+              "key": "no-data",
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
@@ -12902,7 +12912,7 @@ const VSelect = genericComponent()({
                 } = _ref2;
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
-                  key: index,
+                  key: item.value,
                   onClick: () => select(item, null)
                 });
                 return slots.item?.({
@@ -13462,6 +13472,7 @@ const VAutocomplete = genericComponent()({
             "color": props.itemColor ?? props.color
           }, listEvents, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+              "key": "no-data",
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
@@ -13476,7 +13487,7 @@ const VAutocomplete = genericComponent()({
                 } = _ref4;
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
-                  key: index,
+                  key: item.value,
                   active: highlightFirst.value && index === 0 ? true : undefined,
                   onClick: () => select(item, null)
                 });
@@ -17341,6 +17352,7 @@ const VCombobox = genericComponent()({
             "color": props.itemColor ?? props.color
           }, listEvents, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+              "key": "no-data",
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
@@ -17355,7 +17367,7 @@ const VCombobox = genericComponent()({
                 } = _ref4;
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
-                  key: index,
+                  key: item.value,
                   active: highlightFirst.value && index === 0 ? true : undefined,
                   onClick: () => select(item, null)
                 });
@@ -28272,7 +28284,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.5-master.2024-12-15";
+const version$1 = "3.7.5-master.2024-12-17";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28297,7 +28309,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.5-master.2024-12-15";
+const version = "3.7.5-master.2024-12-17";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };