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

package/dist/vuetify-labs.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.
 */
@@ -8485,7 +8485,8 @@
       opened: vue.ref(new Set()),
       activated: vue.ref(new Set()),
       selected: vue.ref(new Map()),
-      selectedValues: vue.ref([])
+      selectedValues: vue.ref([]),
+      getPath: () => []
     }
   };
   const makeNestedProps = propsFactory({
@@ -8563,6 +8564,7 @@
       return path;
     }
     const vm = getCurrentInstance('nested');
+    const nodeIds = new Set();
     const nested = {
       id: vue.shallowRef(),
       root: {
@@ -8579,6 +8581,14 @@
           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) {
@@ -8587,6 +8597,7 @@
         },
         unregister: id => {
           if (isUnmounted) return;
+          nodeIds.delete(id);
           children.value.delete(id);
           const parent = parents.value.get(id);
           if (parent) {
@@ -8663,7 +8674,8 @@
           newActivated && (activated.value = newActivated);
         },
         children,
-        parents
+        parents,
+        getPath
       }
     };
     vue.provide(VNestedSymbol, nested);
@@ -8908,7 +8920,8 @@
         isGroupActivator,
         root,
         parent,
-        openOnSelect
+        openOnSelect,
+        id: uid
       } = useNestedItem(id, false);
       const list = useList();
       const isActive = vue.computed(() => props.active !== false && (props.active || link.isActive?.value || (root.activatable.value ? isActivated.value : isSelected.value)));
@@ -9094,7 +9107,9 @@
         isGroupActivator,
         isSelected,
         list,
-        select
+        select,
+        root,
+        id: uid
       };
     }
   });
@@ -9495,7 +9510,8 @@
         children,
         open,
         parents,
-        select
+        select,
+        getPath
       } = useNested(props);
       const lineClasses = vue.computed(() => props.lines ? `v-list--${props.lines}-line` : undefined);
       const activeColor = vue.toRef(props, 'activeColor');
@@ -9587,7 +9603,8 @@
         select,
         focus,
         children,
-        parents
+        parents,
+        getPath
       };
     }
   });
@@ -29564,25 +29581,13 @@
         emit
       } = _ref;
       const link = useLink(props, attrs);
-      const rawId = vue.computed(() => props.value === undefined ? link.href.value : props.value);
       const vListItemRef = vue.ref();
-      const {
-        activate,
-        isActivated,
-        isGroupActivator,
-        root,
-        id
-      } = useNestedItem(rawId, false);
-      const isActivatableGroupActivator = vue.computed(() => root.activatable.value && isGroupActivator);
+      const isActivatableGroupActivator = vue.computed(() => vListItemRef.value?.root.activatable.value && vListItemRef.value?.isGroupActivator);
       const isClickable = vue.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 = vue.inject(VTreeviewSymbol, {
@@ -29591,11 +29596,13 @@
       useRender(() => {
         const listItemProps = omit(VListItem.filterProps(props), ['onClick']);
         const hasPrepend = slots.prepend || props.toggleIcon;
-        return vue.createVNode(VListItem, vue.mergeProps(listItemProps, {
-          "active": isActivated.value,
+        return vue.createVNode(VListItem, vue.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
@@ -29814,22 +29821,13 @@
         filteredItems
       } = useFilter(props, flatItems, search);
       const visibleIds = vue.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();
@@ -30394,7 +30392,7 @@
       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
@@ -30647,7 +30645,7 @@
 
   /* 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 */