@vuetify/nightly 3.7.1-master.2024-08-29 → 3.7.1-master.2024-09-01

package/dist/vuetify.d.ts

@@ -4196,6 +4196,24 @@ declare const VListItem: {
             updateHasPrepend: (value: boolean) => void;
         } | null;
         select: (selected: boolean, e?: Event) => void;
+        root: {
+            children: vue.Ref<Map<unknown, unknown[]>>;
+            parents: vue.Ref<Map<unknown, unknown>>;
+            activatable: vue.Ref<boolean>;
+            selectable: vue.Ref<boolean>;
+            opened: vue.Ref<Set<unknown>>;
+            activated: vue.Ref<Set<unknown>>;
+            selected: vue.Ref<Map<unknown, "on" | "off" | "indeterminate">>;
+            selectedValues: vue.Ref<unknown[]>;
+            register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;
+            unregister: (id: unknown) => void;
+            open: (id: unknown, value: boolean, event?: Event) => void;
+            activate: (id: unknown, value: boolean, event?: Event) => void;
+            select: (id: unknown, value: boolean, event?: Event) => void;
+            openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
+            getPath: (id: unknown) => unknown[];
+        };
+        id: vue.ComputedRef<{} | null>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         click: (e: MouseEvent | KeyboardEvent) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
@@ -4372,6 +4390,24 @@ declare const VListItem: {
             updateHasPrepend: (value: boolean) => void;
         } | null;
         select: (selected: boolean, e?: Event) => void;
+        root: {
+            children: vue.Ref<Map<unknown, unknown[]>>;
+            parents: vue.Ref<Map<unknown, unknown>>;
+            activatable: vue.Ref<boolean>;
+            selectable: vue.Ref<boolean>;
+            opened: vue.Ref<Set<unknown>>;
+            activated: vue.Ref<Set<unknown>>;
+            selected: vue.Ref<Map<unknown, "on" | "off" | "indeterminate">>;
+            selectedValues: vue.Ref<unknown[]>;
+            register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;
+            unregister: (id: unknown) => void;
+            open: (id: unknown, value: boolean, event?: Event) => void;
+            activate: (id: unknown, value: boolean, event?: Event) => void;
+            select: (id: unknown, value: boolean, event?: Event) => void;
+            openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
+            getPath: (id: unknown) => unknown[];
+        };
+        id: vue.ComputedRef<{} | null>;
     }, {}, {}, {}, {
         replace: boolean;
         link: boolean;
@@ -4470,6 +4506,24 @@ declare const VListItem: {
         updateHasPrepend: (value: boolean) => void;
     } | null;
     select: (selected: boolean, e?: Event) => void;
+    root: {
+        children: vue.Ref<Map<unknown, unknown[]>>;
+        parents: vue.Ref<Map<unknown, unknown>>;
+        activatable: vue.Ref<boolean>;
+        selectable: vue.Ref<boolean>;
+        opened: vue.Ref<Set<unknown>>;
+        activated: vue.Ref<Set<unknown>>;
+        selected: vue.Ref<Map<unknown, "on" | "off" | "indeterminate">>;
+        selectedValues: vue.Ref<unknown[]>;
+        register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;
+        unregister: (id: unknown) => void;
+        open: (id: unknown, value: boolean, event?: Event) => void;
+        activate: (id: unknown, value: boolean, event?: Event) => void;
+        select: (id: unknown, value: boolean, event?: Event) => void;
+        openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
+        getPath: (id: unknown) => unknown[];
+    };
+    id: vue.ComputedRef<{} | null>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     click: (e: MouseEvent | KeyboardEvent) => true;
 }, string, {
@@ -4798,6 +4852,7 @@ declare const VList: {
         focus: (location?: "next" | "prev" | "first" | "last") => void;
         children: vue.Ref<Map<unknown, unknown[]>>;
         parents: vue.Ref<Map<unknown, unknown>>;
+        getPath: (id: unknown) => unknown[];
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:selected': (value: unknown) => true;
         'update:activated': (value: unknown) => true;
@@ -4967,6 +5022,7 @@ declare const VList: {
         focus: (location?: "next" | "prev" | "first" | "last") => void;
         children: vue.Ref<Map<unknown, unknown[]>>;
         parents: vue.Ref<Map<unknown, unknown>>;
+        getPath: (id: unknown) => unknown[];
     }, {}, {}, {}, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         nav: boolean;
@@ -5042,6 +5098,7 @@ declare const VList: {
     focus: (location?: "next" | "prev" | "first" | "last") => void;
     children: vue.Ref<Map<unknown, unknown[]>>;
     parents: vue.Ref<Map<unknown, unknown>>;
+    getPath: (id: unknown) => unknown[];
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:selected': (value: unknown) => true;
     'update:activated': (value: unknown) => true;
@@ -67049,46 +67106,36 @@ declare module 'vue' {
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VApp: typeof import('vuetify/components')['VApp']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    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']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VBadge: typeof import('vuetify/components')['VBadge']
     VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
-    VBtn: typeof import('vuetify/components')['VBtn']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VBtn: typeof import('vuetify/components')['VBtn']
     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']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCarousel: typeof import('vuetify/components')['VCarousel']
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VChip: typeof import('vuetify/components')['VChip']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
-    VCounter: typeof import('vuetify/components')['VCounter']
     VCode: typeof import('vuetify/components')['VCode']
-    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']
-    VDialog: typeof import('vuetify/components')['VDialog']
+    VChip: typeof import('vuetify/components')['VChip']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -67096,14 +67143,22 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
+    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']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VDialog: typeof import('vuetify/components')['VDialog']
+    VCounter: typeof import('vuetify/components')['VCounter']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VFab: typeof import('vuetify/components')['VFab']
     VEmptyState: typeof import('vuetify/components')['VEmptyState']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFooter: typeof import('vuetify/components')['VFooter']
-    VFab: typeof import('vuetify/components')['VFab']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VIcon: typeof import('vuetify/components')['VIcon']
@@ -67111,11 +67166,12 @@ declare module 'vue' {
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VImg: typeof import('vuetify/components')['VImg']
+    VKbd: typeof import('vuetify/components')['VKbd']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VInput: typeof import('vuetify/components')['VInput']
-    VItemGroup: typeof import('vuetify/components')['VItemGroup']
-    VItem: typeof import('vuetify/components')['VItem']
     VLabel: typeof import('vuetify/components')['VLabel']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
@@ -67126,25 +67182,28 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VKbd: typeof import('vuetify/components')['VKbd']
+    VItemGroup: typeof import('vuetify/components')['VItemGroup']
+    VItem: typeof import('vuetify/components')['VItem']
     VMain: typeof import('vuetify/components')['VMain']
-    VMessages: typeof import('vuetify/components')['VMessages']
-    VMenu: typeof import('vuetify/components')['VMenu']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
+    VMessages: typeof import('vuetify/components')['VMessages']
     VPagination: typeof import('vuetify/components')['VPagination']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VRating: typeof import('vuetify/components')['VRating']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VRating: typeof import('vuetify/components')['VRating']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VSelect: typeof import('vuetify/components')['VSelect']
     VSheet: typeof import('vuetify/components')['VSheet']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSlider: typeof import('vuetify/components')['VSlider']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
@@ -67152,19 +67211,17 @@ declare module 'vue' {
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VSlider: typeof import('vuetify/components')['VSlider']
-    VTable: typeof import('vuetify/components')['VTable']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VTextField: typeof import('vuetify/components')['VTextField']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    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']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VTable: typeof import('vuetify/components')['VTable']
+    VTextField: typeof import('vuetify/components')['VTextField']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
@@ -67178,15 +67235,15 @@ declare module 'vue' {
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VLayout: typeof import('vuetify/components')['VLayout']
-    VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VHover: typeof import('vuetify/components')['VHover']
     VLazy: typeof import('vuetify/components')['VLazy']
+    VLayout: typeof import('vuetify/components')['VLayout']
+    VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
-    VRadio: typeof import('vuetify/components')['VRadio']
     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']
@@ -67209,8 +67266,6 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    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']
@@ -67218,15 +67273,17 @@ declare module 'vue' {
     VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
     VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
-    VTreeview: typeof import('vuetify/labs/components')['VTreeview']
-    VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
-    VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
+    VTreeview: typeof import('vuetify/labs/components')['VTreeview']
+    VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
+    VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
     VSnackbarQueue: typeof import('vuetify/labs/components')['VSnackbarQueue']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.1-master.2024-08-29
+* Vuetify v3.7.1-master.2024-09-01
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8714,7 +8714,8 @@ const emptyNested = {
     opened: ref(new Set()),
     activated: ref(new Set()),
     selected: ref(new Map()),
-    selectedValues: ref([])
+    selectedValues: ref([]),
+    getPath: () => []
   }
 };
 const makeNestedProps = propsFactory({
@@ -8792,6 +8793,7 @@ const useNested = props => {
     return path;
   }
   const vm = getCurrentInstance('nested');
+  const nodeIds = new Set();
   const nested = {
     id: shallowRef(),
     root: {
@@ -8808,6 +8810,14 @@ const useNested = props => {
         return arr;
       }),
       register: (id, parentId, isGroup) => {
+        if (nodeIds.has(id)) {
+          const path = getPath(id).join(' -> ');
+          const newPath = getPath(parentId).concat(id).join(' -> ');
+          consoleError(`Multiple nodes with the same ID\n\t${path}\n\t${newPath}`);
+          return;
+        } else {
+          nodeIds.add(id);
+        }
         parentId && id !== parentId && parents.value.set(id, parentId);
         isGroup && children.value.set(id, []);
         if (parentId != null) {
@@ -8816,6 +8826,7 @@ const useNested = props => {
       },
       unregister: id => {
         if (isUnmounted) return;
+        nodeIds.delete(id);
         children.value.delete(id);
         const parent = parents.value.get(id);
         if (parent) {
@@ -8892,7 +8903,8 @@ const useNested = props => {
         newActivated && (activated.value = newActivated);
       },
       children,
-      parents
+      parents,
+      getPath
     }
   };
   provide(VNestedSymbol, nested);
@@ -9137,7 +9149,8 @@ const VListItem = genericComponent()({
       isGroupActivator,
       root,
       parent,
-      openOnSelect
+      openOnSelect,
+      id: uid
     } = useNestedItem(id, false);
     const list = useList();
     const isActive = computed(() => props.active !== false && (props.active || link.isActive?.value || (root.activatable.value ? isActivated.value : isSelected.value)));
@@ -9323,7 +9336,9 @@ const VListItem = genericComponent()({
       isGroupActivator,
       isSelected,
       list,
-      select
+      select,
+      root,
+      id: uid
     };
   }
 });
@@ -9724,7 +9739,8 @@ const VList = genericComponent()({
       children,
       open,
       parents,
-      select
+      select,
+      getPath
     } = useNested(props);
     const lineClasses = computed(() => props.lines ? `v-list--${props.lines}-line` : undefined);
     const activeColor = toRef(props, 'activeColor');
@@ -9816,7 +9832,8 @@ const VList = genericComponent()({
       select,
       focus,
       children,
-      parents
+      parents,
+      getPath
     };
   }
 });
@@ -28214,7 +28231,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.1-master.2024-08-29";
+const version$1 = "3.7.1-master.2024-09-01";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28239,7 +28256,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.1-master.2024-08-29";
+const version = "3.7.1-master.2024-09-01";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };