vuetify 3.7.2 → 3.7.4

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.2
+* Vuetify v3.7.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8047,7 +8047,8 @@
           }, slots.append)]), hasClose && vue.createVNode("button", vue.mergeProps({
             "key": "close",
             "class": "v-chip__close",
-            "type": "button"
+            "type": "button",
+            "data-testid": "close-chip"
           }, closeProps.value), [!slots.close ? vue.createVNode(VIcon, {
             "key": "close-icon",
             "icon": props.closeIcon,
@@ -8589,8 +8590,8 @@
         }),
         register: (id, parentId, isGroup) => {
           if (nodeIds.has(id)) {
-            const path = getPath(id).join(' -> ');
-            const newPath = getPath(parentId).concat(id).join(' -> ');
+            const path = getPath(id).map(String).join(' -> ');
+            const newPath = getPath(parentId).concat(id).map(String).join(' -> ');
             consoleError(`Multiple nodes with the same ID\n\t${path}\n\t${newPath}`);
             return;
           } else {
@@ -9024,6 +9025,7 @@
           }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, variantClasses.value, props.class],
           "style": [colorStyles.value, dimensionStyles.value, props.style],
           "tabindex": isClickable.value ? list ? -2 : 0 : undefined,
+          "aria-selected": root.activatable.value ? isActivated.value : isSelected.value,
           "onClick": onClick,
           "onKeydown": isClickable.value && !isLink.value && onKeyDown
         }, link.linkProps), {
@@ -11211,7 +11213,10 @@
           }, 40);
         }
       });
-      vue.onBeforeUnmount(() => parent?.unregister());
+      vue.onBeforeUnmount(() => {
+        parent?.unregister();
+        document.removeEventListener('focusin', onFocusIn);
+      });
       vue.onDeactivated(() => isActive.value = false);
       async function onFocusIn(e) {
         const before = e.relatedTarget;
@@ -11231,13 +11236,19 @@
       vue.watch(isActive, val => {
         if (val) {
           parent?.register();
-          document.addEventListener('focusin', onFocusIn, {
-            once: true
-          });
+          if (IN_BROWSER) {
+            document.addEventListener('focusin', onFocusIn, {
+              once: true
+            });
+          }
         } else {
           parent?.unregister();
-          document.removeEventListener('focusin', onFocusIn);
+          if (IN_BROWSER) {
+            document.removeEventListener('focusin', onFocusIn);
+          }
         }
+      }, {
+        immediate: true
       });
       function onClickOutside(e) {
         parent?.closeParents(e);
@@ -13753,6 +13764,9 @@
           }
         }
       }
+      vue.onBeforeUnmount(() => {
+        document.removeEventListener('focusin', onFocusin);
+      });
       if (IN_BROWSER) {
         vue.watch(() => isActive.value && props.retainFocus, val => {
           val ? document.addEventListener('focusin', onFocusin) : document.removeEventListener('focusin', onFocusin);
@@ -13800,6 +13814,10 @@
           "aria-modal": "true",
           "activatorProps": activatorProps,
           "contentProps": contentProps,
+          "height": !props.fullscreen ? props.height : undefined,
+          "width": !props.fullscreen ? props.width : undefined,
+          "maxHeight": !props.fullscreen ? props.maxHeight : undefined,
+          "maxWidth": !props.fullscreen ? props.maxWidth : undefined,
           "role": "dialog",
           "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
@@ -14896,7 +14914,7 @@
   });
 
   // Styles
-  const VCode = createSimpleFunctional('v-code');
+  const VCode = createSimpleFunctional('v-code', 'code');
 
   // Types
 
@@ -16633,7 +16651,7 @@
         hue.value = hsva.h;
         model.value = hsva;
       };
-      vue.onMounted(() => {
+      vue.onBeforeMount(() => {
         if (!props.modes.includes(mode.value)) mode.value = props.modes[0];
       });
       provideDefaults({
@@ -18392,7 +18410,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;
       }
@@ -23463,7 +23483,7 @@
   });
 
   // Styles
-  const VKbd = createSimpleFunctional('v-kbd');
+  const VKbd = createSimpleFunctional('v-kbd', 'kbd');
 
   const makeVLayoutProps = propsFactory({
     ...makeComponentProps(),
@@ -29650,36 +29670,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,
@@ -29698,26 +29714,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,
@@ -29726,7 +29745,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);
           },
@@ -29735,9 +29754,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);
       });
     }
@@ -29811,7 +29832,8 @@
         const getPath = vListRef.value?.getPath;
         if (!getPath) return null;
         return new Set(filteredItems.value.flatMap(item => {
-          return [...getPath(item.props.value), ...getChildren(item.props.value)];
+          const itemVal = props.returnObject ? item.raw : item.props.value;
+          return [...getPath(itemVal), ...getChildren(itemVal)].map(vue.toRaw);
         }));
       });
       function getChildren(id) {
@@ -30232,7 +30254,7 @@
     const walk = children => {
       for (const child of children) {
         if (!child) continue;
-        if (child === vnode) {
+        if (child === vnode || child.el && vnode.el && child.el === vnode.el) {
           return true;
         }
         stack.add(child);
@@ -30252,7 +30274,8 @@
       return false;
     };
     if (!walk([root.subTree])) {
-      throw new Error('Could not find original vnode');
+      consoleError('Could not find original vnode, component will not inherit provides');
+      return root;
     }
 
     // Return the first component parent
@@ -30378,7 +30401,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.2";
+  const version$1 = "3.7.4";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30631,7 +30654,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.2";
+  const version = "3.7.4";
 
   /* eslint-disable local-rules/sort-imports */