@vuetify/nightly 3.9.0-beta.0-dev.2025-06-24 → 3.9.0-beta.1-dev.2025-06-26

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-beta.0-dev.2025-06-24
+* Vuetify v3.9.0-beta.1-dev.2025-06-26
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9021,9 +9021,9 @@
   }, 'nested');
   const useNested = props => {
     let isUnmounted = false;
-    const children = vue.ref(new Map());
-    const parents = vue.ref(new Map());
-    const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(v), v => [...v.values()]);
+    const children = vue.shallowRef(new Map());
+    const parents = vue.shallowRef(new Map());
+    const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(Array.isArray(v) ? v.map(i => vue.toRaw(i)) : v), v => [...v.values()]);
     const activeStrategy = vue.computed(() => {
       if (typeof props.activeStrategy === 'object') return props.activeStrategy;
       if (typeof props.activeStrategy === 'function') return props.activeStrategy(props.mandatory);
@@ -9077,7 +9077,7 @@
     });
     function getPath(id) {
       const path = [];
-      let parent = id;
+      let parent = vue.toRaw(id);
       while (parent != null) {
         path.unshift(parent);
         parent = parents.value.get(parent);
@@ -9220,7 +9220,7 @@
   const useNestedItem = (id, isGroup) => {
     const parent = vue.inject(VNestedSymbol, emptyNested);
     const uidSymbol = Symbol('nested item');
-    const computedId = vue.computed(() => vue.toValue(id) ?? uidSymbol);
+    const computedId = vue.computed(() => vue.toRaw(vue.toValue(id)) ?? uidSymbol);
     const item = {
       ...parent,
       id: computedId,
@@ -9229,10 +9229,10 @@
       isOpen: vue.computed(() => parent.root.opened.value.has(computedId.value)),
       parent: vue.computed(() => parent.root.parents.value.get(computedId.value)),
       activate: (activated, e) => parent.root.activate(computedId.value, activated, e),
-      isActivated: vue.computed(() => parent.root.activated.value.has(vue.toRaw(computedId.value))),
+      isActivated: vue.computed(() => parent.root.activated.value.has(computedId.value)),
       select: (selected, e) => parent.root.select(computedId.value, selected, e),
-      isSelected: vue.computed(() => parent.root.selected.value.get(vue.toRaw(computedId.value)) === 'on'),
-      isIndeterminate: vue.computed(() => parent.root.selected.value.get(vue.toRaw(computedId.value)) === 'indeterminate'),
+      isSelected: vue.computed(() => parent.root.selected.value.get(computedId.value) === 'on'),
+      isIndeterminate: vue.computed(() => parent.root.selected.value.get(computedId.value) === 'indeterminate'),
       isLeaf: vue.computed(() => !parent.root.children.value.get(computedId.value)),
       isGroupActivator: parent.isGroupActivator
     };
@@ -29766,7 +29766,7 @@
         emit('toggleExpand', e);
       }
       useRender(() => {
-        const listItemProps = omit(VListItem.filterProps(props), ['onClick']);
+        const listItemProps = VListItem.filterProps(props);
         const hasPrepend = slots.prepend || props.toggleIcon;
         return vue.createVNode(VListItem, vue.mergeProps({
           "ref": vListItemRef
@@ -29777,7 +29777,7 @@
             'v-treeview-item--filtered': isFiltered.value
           }, props.class],
           "ripple": false,
-          "onClick": props.onClick ?? activateGroupActivator
+          "onClick": activateGroupActivator
         }), {
           ...slots,
           prepend: hasPrepend ? slotProps => {
@@ -29828,6 +29828,7 @@
     falseIcon: IconValue,
     trueIcon: IconValue,
     returnObject: Boolean,
+    activatable: Boolean,
     selectable: Boolean,
     selectedColor: String,
     selectStrategy: [String, Function, Object],
@@ -29847,7 +29848,7 @@
       } = _ref;
       const isLoading = vue.reactive(new Set());
       const activatorItems = vue.ref([]);
-      const isClickOnOpen = vue.computed(() => !props.disabled && (props.openOnClick != null ? props.openOnClick : props.selectable));
+      const isClickOnOpen = vue.computed(() => !props.disabled && (props.openOnClick != null ? props.openOnClick : props.selectable && !props.activatable));
       async function checkChildren(item) {
         try {
           if (!props.items?.length || !props.loadChildren) return;
@@ -32792,7 +32793,7 @@
       };
     });
   }
-  const version$1 = "3.9.0-beta.0-dev.2025-06-24";
+  const version$1 = "3.9.0-beta.1-dev.2025-06-26";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -33090,7 +33091,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.9.0-beta.0-dev.2025-06-24";
+  const version = "3.9.0-beta.1-dev.2025-06-26";
 
   /* eslint-disable local-rules/sort-imports */