@vuetify/nightly 3.7.2-master.2024-10-15 → 3.7.3-dev.2024-10-17

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.2-master.2024-10-15
+* Vuetify v3.7.3-dev.2024-10-17
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -18394,7 +18394,9 @@
       if (itemsPerPage.value === -1 || itemsLength.value === 0) return 1;
       return Math.ceil(itemsLength.value / itemsPerPage.value);
     });
-    vue.watchEffect(() => {
+
+    // Don't run immediately, items may not have been loaded yet: #17966
+    vue.watch([page, pageCount], () => {
       if (page.value > pageCount.value) {
         page.value = pageCount.value;
       }
@@ -29652,36 +29654,32 @@
     props: makeVTreeviewChildrenProps(),
     setup(props, _ref) {
       let {
-        emit,
         slots
       } = _ref;
-      const isLoading = vue.shallowRef(null);
+      const isLoading = vue.reactive(new Set());
       const isClickOnOpen = vue.computed(() => props.openOnClick != null ? props.openOnClick : props.selectable);
-      function checkChildren(item) {
-        return new Promise(resolve => {
-          if (!props.items?.length || !props.loadChildren) return resolve();
+      async function checkChildren(item) {
+        try {
+          if (!props.items?.length || !props.loadChildren) return;
           if (item?.children?.length === 0) {
-            isLoading.value = item.value;
-            props.loadChildren(item).then(resolve);
-            return;
+            isLoading.add(item.value);
+            await props.loadChildren(item.raw);
           }
-          resolve();
-        }).finally(() => {
-          isLoading.value = null;
-        });
+        } finally {
+          isLoading.delete(item.value);
+        }
       }
       function selectItem(select, isSelected) {
         if (props.selectable) {
           select(!isSelected);
         }
       }
-      return () => slots.default?.() ?? props.items?.map(_ref2 => {
-        let {
+      return () => slots.default?.() ?? props.items?.map(item => {
+        const {
           children,
-          props: itemProps,
-          raw: item
-        } = _ref2;
-        const loading = isLoading.value === item.value;
+          props: itemProps
+        } = item;
+        const loading = isLoading.has(item.value);
         const slotsWithItem = {
           prepend: slotProps => vue.createVNode(vue.Fragment, null, [props.selectable && (!children || children && !['leaf', 'single-leaf'].includes(props.selectStrategy)) && vue.createVNode("div", null, [vue.createVNode(VCheckboxBtn, {
             "key": item.value,
@@ -29700,26 +29698,29 @@
             }
           }, null)]), slots.prepend?.({
             ...slotProps,
-            item
+            item: item.raw,
+            internalItem: item
           })]),
           append: slots.append ? slotProps => slots.append?.({
             ...slotProps,
-            item
+            item: item.raw,
+            internalItem: item
           }) : undefined,
           title: slots.title ? slotProps => slots.title?.({
             ...slotProps,
-            item
+            item: item.raw,
+            internalItem: item
           }) : undefined
         };
         const treeviewGroupProps = VTreeviewGroup.filterProps(itemProps);
         const treeviewChildrenProps = VTreeviewChildren.filterProps(props);
         return children ? vue.createVNode(VTreeviewGroup, vue.mergeProps(treeviewGroupProps, {
-          "value": props.returnObject ? item : treeviewGroupProps?.value
+          "value": props.returnObject ? item.raw : treeviewGroupProps?.value
         }), {
-          activator: _ref3 => {
+          activator: _ref2 => {
             let {
               props: activatorProps
-            } = _ref3;
+            } = _ref2;
             const listItemProps = {
               ...itemProps,
               ...activatorProps,
@@ -29728,7 +29729,7 @@
               onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : undefined
             };
             return vue.createVNode(VTreeviewItem, vue.mergeProps(listItemProps, {
-              "value": props.returnObject ? vue.toRaw(item) : itemProps.value,
+              "value": props.returnObject ? vue.toRaw(item.raw) : itemProps.value,
               "loading": loading
             }), slotsWithItem);
           },
@@ -29737,9 +29738,11 @@
             "returnObject": props.returnObject
           }), slots)
         }) : slots.item?.({
-          props: itemProps
+          props: itemProps,
+          item: item.raw,
+          internalItem: item
         }) ?? vue.createVNode(VTreeviewItem, vue.mergeProps(itemProps, {
-          "value": props.returnObject ? vue.toRaw(item) : itemProps.value
+          "value": props.returnObject ? vue.toRaw(item.raw) : itemProps.value
         }), slotsWithItem);
       });
     }
@@ -30382,7 +30385,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.2-master.2024-10-15";
+  const version$1 = "3.7.3-dev.2024-10-17";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30635,7 +30638,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.2-master.2024-10-15";
+  const version = "3.7.3-dev.2024-10-17";
 
   /* eslint-disable local-rules/sort-imports */