vuetify 3.7.2 → 3.7.4

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.2
+* Vuetify v3.7.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8276,7 +8276,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,
@@ -8818,8 +8819,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 {
@@ -9253,6 +9254,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), {
@@ -11440,7 +11442,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;
@@ -11460,13 +11465,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);
@@ -13982,6 +13993,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);
@@ -14029,6 +14043,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
@@ -15125,7 +15143,7 @@ const VCarouselItem = genericComponent()({
 });
 
 // Styles
-const VCode = createSimpleFunctional('v-code');
+const VCode = createSimpleFunctional('v-code', 'code');
 
 // Types
 
@@ -16862,7 +16880,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({
@@ -18621,7 +18639,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;
     }
@@ -23692,7 +23712,7 @@ const VItem = genericComponent()({
 });
 
 // Styles
-const VKbd = createSimpleFunctional('v-kbd');
+const VKbd = createSimpleFunctional('v-kbd', 'kbd');
 
 const makeVLayoutProps = propsFactory({
   ...makeComponentProps(),
@@ -28087,7 +28107,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);
@@ -28107,7 +28127,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
@@ -28233,7 +28254,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
@@ -28258,7 +28279,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.2";
+const version = "3.7.4";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };