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

package/dist/vuetify-labs.d.ts

@@ -4181,6 +4181,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 & {
@@ -4357,6 +4375,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;
@@ -4455,6 +4491,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, {
@@ -4783,6 +4837,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;
@@ -4952,6 +5007,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;
@@ -5027,6 +5083,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;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.1-master.2024-08-29
+* Vuetify v3.7.1-master.2024-09-02
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8481,7 +8481,8 @@ const emptyNested = {
     opened: ref(new Set()),
     activated: ref(new Set()),
     selected: ref(new Map()),
-    selectedValues: ref([])
+    selectedValues: ref([]),
+    getPath: () => []
   }
 };
 const makeNestedProps = propsFactory({
@@ -8559,6 +8560,7 @@ const useNested = props => {
     return path;
   }
   const vm = getCurrentInstance('nested');
+  const nodeIds = new Set();
   const nested = {
     id: shallowRef(),
     root: {
@@ -8575,6 +8577,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) {
@@ -8583,6 +8593,7 @@ const useNested = props => {
       },
       unregister: id => {
         if (isUnmounted) return;
+        nodeIds.delete(id);
         children.value.delete(id);
         const parent = parents.value.get(id);
         if (parent) {
@@ -8659,7 +8670,8 @@ const useNested = props => {
         newActivated && (activated.value = newActivated);
       },
       children,
-      parents
+      parents,
+      getPath
     }
   };
   provide(VNestedSymbol, nested);
@@ -8904,7 +8916,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)));
@@ -9090,7 +9103,9 @@ const VListItem = genericComponent()({
       isGroupActivator,
       isSelected,
       list,
-      select
+      select,
+      root,
+      id: uid
     };
   }
 });
@@ -9491,7 +9506,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');
@@ -9583,7 +9599,8 @@ const VList = genericComponent()({
       select,
       focus,
       children,
-      parents
+      parents,
+      getPath
     };
   }
 });
@@ -29560,25 +29577,13 @@ const VTreeviewItem = genericComponent()({
       emit
     } = _ref;
     const link = useLink(props, attrs);
-    const rawId = computed(() => props.value === undefined ? link.href.value : props.value);
     const vListItemRef = ref();
-    const {
-      activate,
-      isActivated,
-      isGroupActivator,
-      root,
-      id
-    } = useNestedItem(rawId, false);
-    const isActivatableGroupActivator = computed(() => root.activatable.value && isGroupActivator);
+    const isActivatableGroupActivator = computed(() => vListItemRef.value?.root.activatable.value && vListItemRef.value?.isGroupActivator);
     const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!vListItemRef.value?.list || isActivatableGroupActivator.value));
     function activateItem(e) {
-      if (!isClickable.value || !isActivatableGroupActivator.value && isGroupActivator) return;
-      if (root.activatable.value) {
-        if (isActivatableGroupActivator.value) {
-          activate(!isActivated.value, e);
-        } else {
-          vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e);
-        }
+      if (!isClickable.value || !isActivatableGroupActivator.value && vListItemRef.value?.isGroupActivator) return;
+      if (vListItemRef.value?.root.activatable.value) {
+        vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e);
       }
     }
     const visibleIds = inject$1(VTreeviewSymbol, {
@@ -29587,11 +29592,13 @@ const VTreeviewItem = genericComponent()({
     useRender(() => {
       const listItemProps = omit(VListItem.filterProps(props), ['onClick']);
       const hasPrepend = slots.prepend || props.toggleIcon;
-      return createVNode(VListItem, mergeProps(listItemProps, {
-        "active": isActivated.value,
+      return createVNode(VListItem, mergeProps({
+        "ref": vListItemRef
+      }, listItemProps, {
+        "active": vListItemRef.value?.isActivated,
         "class": ['v-treeview-item', {
           'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,
-          'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(id.value)
+          'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(vListItemRef.value?.id)
         }, props.class],
         "ripple": false,
         "onClick": props.onClick ?? activateItem
@@ -29810,22 +29817,13 @@ const VTreeview = genericComponent()({
       filteredItems
     } = useFilter(props, flatItems, search);
     const visibleIds = computed(() => {
-      if (!search.value) {
-        return null;
-      }
+      if (!search.value) return null;
+      const getPath = vListRef.value?.getPath;
+      if (!getPath) return null;
       return new Set(filteredItems.value.flatMap(item => {
         return [...getPath(item.props.value), ...getChildren(item.props.value)];
       }));
     });
-    function getPath(id) {
-      const path = [];
-      let parent = id;
-      while (parent != null) {
-        path.unshift(parent);
-        parent = vListRef.value?.parents.get(parent);
-      }
-      return path;
-    }
     function getChildren(id) {
       const arr = [];
       const queue = (vListRef.value?.children.get(id) ?? []).slice();
@@ -30390,7 +30388,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.1-master.2024-08-29";
+const version$1 = "3.7.1-master.2024-09-02";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30643,7 +30641,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.1-master.2024-08-29";
+const version = "3.7.1-master.2024-09-02";
 
 /* eslint-disable local-rules/sort-imports */