@vuetify/nightly 3.1.6 → 3.1.7

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.6
+* Vuetify v3.1.7
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -18764,7 +18764,7 @@
             "item": item
           }, slots);
         }
-        return vue.createVNode(vue.Fragment, null, [slots.item ? slots.item({
+        const slotProps = {
           index,
           item,
           columns: columns.value,
@@ -18772,7 +18772,8 @@
           toggleExpand,
           isSelected,
           toggleSelect
-        }) : vue.createVNode(VDataTableRow, {
+        };
+        return vue.createVNode(vue.Fragment, null, [slots.item ? slots.item(slotProps) : vue.createVNode(VDataTableRow, {
           "key": `item_${item.value}`,
           "onClick": event => {
             if (expandOnClick.value) {
@@ -18783,10 +18784,7 @@
             });
           },
           "item": item
-        }, slots), isExpanded(item) && slots['expanded-row']?.({
-          item,
-          columns: columns.value
-        })]);
+        }, slots), isExpanded(item) && slots['expanded-row']?.(slotProps)]);
       })]));
       return {};
     }
@@ -19572,13 +19570,15 @@
         resizeRef.value = rootEl.value;
       });
       const display = useDisplay();
-      const sizes = createRange(props.items.length).map(() => itemHeight.value);
+      const sizeMap = new Map();
+      let sizes = createRange(props.items.length).map(() => itemHeight.value);
       const visibleItems = vue.computed(() => {
         return props.visibleItems ? parseInt(props.visibleItems, 10) : Math.max(12, Math.ceil((contentRect.value?.height ?? display.height.value) / itemHeight.value * 1.7 + 1));
       });
       function handleItemResize(index, height) {
         itemHeight.value = Math.max(itemHeight.value, height);
         sizes[index] = height;
+        sizeMap.set(props.items[index], height);
       }
       function calculateOffset(index) {
         return sizes.slice(0, index).reduce((curr, value) => curr + (value || itemHeight.value), 0);
@@ -19632,6 +19632,17 @@
           itemHeight.value = sizes.slice(first.value, last.value).reduce((curr, height) => curr + height, 0) / visibleItems.value;
         }
       });
+      vue.watch(() => props.items.length, () => {
+        sizes = createRange(props.items.length).map(() => itemHeight.value);
+        sizeMap.forEach((height, item) => {
+          const index = props.items.indexOf(item);
+          if (index === -1) {
+            sizeMap.delete(item);
+          } else {
+            sizes[index] = height;
+          }
+        });
+      });
       useRender(() => vue.createVNode("div", {
         "ref": rootEl,
         "class": "v-virtual-scroll",
@@ -20010,7 +20021,7 @@
       locale
     };
   }
-  const version$1 = "3.1.6";
+  const version$1 = "3.1.7";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20022,7 +20033,7 @@
     }
   }
 
-  const version = "3.1.6";
+  const version = "3.1.7";
 
   const createVuetify = function () {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};