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

package/dist/vuetify-labs.esm.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.
 */
@@ -18390,7 +18390,9 @@ function providePagination(options) {
     if (itemsPerPage.value === -1 || itemsLength.value === 0) return 1;
     return Math.ceil(itemsLength.value / itemsPerPage.value);
   });
-  watchEffect(() => {
+
+  // Don't run immediately, items may not have been loaded yet: #17966
+  watch([page, pageCount], () => {
     if (page.value > pageCount.value) {
       page.value = pageCount.value;
     }
@@ -29648,36 +29650,32 @@ const VTreeviewChildren = genericComponent()({
   props: makeVTreeviewChildrenProps(),
   setup(props, _ref) {
     let {
-      emit,
       slots
     } = _ref;
-    const isLoading = shallowRef(null);
+    const isLoading = reactive(new Set());
     const isClickOnOpen = 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 => createVNode(Fragment, null, [props.selectable && (!children || children && !['leaf', 'single-leaf'].includes(props.selectStrategy)) && createVNode("div", null, [createVNode(VCheckboxBtn, {
           "key": item.value,
@@ -29696,26 +29694,29 @@ const VTreeviewChildren = genericComponent()({
           }
         }, 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 ? createVNode(VTreeviewGroup, 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,
@@ -29724,7 +29725,7 @@ const VTreeviewChildren = genericComponent()({
             onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : undefined
           };
           return createVNode(VTreeviewItem, mergeProps(listItemProps, {
-            "value": props.returnObject ? toRaw(item) : itemProps.value,
+            "value": props.returnObject ? toRaw(item.raw) : itemProps.value,
             "loading": loading
           }), slotsWithItem);
         },
@@ -29733,9 +29734,11 @@ const VTreeviewChildren = genericComponent()({
           "returnObject": props.returnObject
         }), slots)
       }) : slots.item?.({
-        props: itemProps
+        props: itemProps,
+        item: item.raw,
+        internalItem: item
       }) ?? createVNode(VTreeviewItem, mergeProps(itemProps, {
-        "value": props.returnObject ? toRaw(item) : itemProps.value
+        "value": props.returnObject ? toRaw(item.raw) : itemProps.value
       }), slotsWithItem);
     });
   }
@@ -30378,7 +30381,7 @@ function createVuetify$1() {
     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
@@ -30631,7 +30634,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* 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 */