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

package/dist/vuetify-labs.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.
 */
@@ -8714,7 +8714,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);
   });
@@ -8948,16 +8950,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);
@@ -12141,7 +12149,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, () => {
@@ -12256,7 +12265,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)
       }, {
@@ -12655,6 +12664,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,
@@ -12669,7 +12679,7 @@ const VSelect = genericComponent()({
                 } = _ref2;
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
-                  key: index,
+                  key: item.value,
                   onClick: () => select(item, null)
                 });
                 return slots.item?.({
@@ -13229,6 +13239,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,
@@ -13243,7 +13254,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)
                 });
@@ -17108,6 +17119,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,
@@ -17122,7 +17134,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)
                 });
@@ -30734,7 +30746,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
@@ -30987,7 +30999,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.5-master.2024-12-15";
+const version = "3.7.5-master.2024-12-17";
 
 /* eslint-disable local-rules/sort-imports */