vuetify 3.7.2 → 3.7.4

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.2
+* Vuetify v3.7.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8043,7 +8043,8 @@ const VChip = genericComponent()({
         }, slots.append)]), hasClose && createVNode("button", mergeProps({
           "key": "close",
           "class": "v-chip__close",
-          "type": "button"
+          "type": "button",
+          "data-testid": "close-chip"
         }, closeProps.value), [!slots.close ? createVNode(VIcon, {
           "key": "close-icon",
           "icon": props.closeIcon,
@@ -8585,8 +8586,8 @@ const useNested = props => {
       }),
       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 {
@@ -9020,6 +9021,7 @@ const VListItem = genericComponent()({
         }, 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), {
@@ -11207,7 +11209,10 @@ const VMenu = genericComponent()({
         }, 40);
       }
     });
-    onBeforeUnmount(() => parent?.unregister());
+    onBeforeUnmount(() => {
+      parent?.unregister();
+      document.removeEventListener('focusin', onFocusIn);
+    });
     onDeactivated(() => isActive.value = false);
     async function onFocusIn(e) {
       const before = e.relatedTarget;
@@ -11227,13 +11232,19 @@ const VMenu = genericComponent()({
     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);
@@ -13749,6 +13760,9 @@ const VDialog = genericComponent()({
         }
       }
     }
+    onBeforeUnmount(() => {
+      document.removeEventListener('focusin', onFocusin);
+    });
     if (IN_BROWSER) {
       watch(() => isActive.value && props.retainFocus, val => {
         val ? document.addEventListener('focusin', onFocusin) : document.removeEventListener('focusin', onFocusin);
@@ -13796,6 +13810,10 @@ const VDialog = genericComponent()({
         "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
@@ -14892,7 +14910,7 @@ const VCarouselItem = genericComponent()({
 });
 
 // Styles
-const VCode = createSimpleFunctional('v-code');
+const VCode = createSimpleFunctional('v-code', 'code');
 
 // Types
 
@@ -16629,7 +16647,7 @@ const VColorPicker = defineComponent({
       hue.value = hsva.h;
       model.value = hsva;
     };
-    onMounted(() => {
+    onBeforeMount(() => {
       if (!props.modes.includes(mode.value)) mode.value = props.modes[0];
     });
     provideDefaults({
@@ -18388,7 +18406,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;
     }
@@ -23459,7 +23479,7 @@ const VItem = genericComponent()({
 });
 
 // Styles
-const VKbd = createSimpleFunctional('v-kbd');
+const VKbd = createSimpleFunctional('v-kbd', 'kbd');
 
 const makeVLayoutProps = propsFactory({
   ...makeComponentProps(),
@@ -29646,36 +29666,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,
@@ -29694,26 +29710,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,
@@ -29722,7 +29741,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);
         },
@@ -29731,9 +29750,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);
     });
   }
@@ -29807,7 +29828,8 @@ const VTreeview = genericComponent()({
       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(toRaw);
       }));
     });
     function getChildren(id) {
@@ -30228,7 +30250,7 @@ function findComponentParent(vnode, root) {
   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);
@@ -30248,7 +30270,8 @@ function findComponentParent(vnode, root) {
     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
@@ -30374,7 +30397,7 @@ function createVuetify$1() {
     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
@@ -30627,7 +30650,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.2";
+const version = "3.7.4";
 
 /* eslint-disable local-rules/sort-imports */