@vuetify/nightly 3.6.13-3.7.0-beta.0.0-pr-20092.a834b18 → 3.7.0-beta.1-dev.2024-07-29

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.13-3.7.0-beta.0.0-pr-20092.a834b18
+* Vuetify v3.7.0-beta.1-dev.2024-07-29
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9191,7 +9191,7 @@ const VListItem = genericComponent()({
     function onKeyDown(e) {
       if (e.key === 'Enter' || e.key === ' ') {
         e.preventDefault();
-        e.target.dispatchEvent(new MouseEvent('click', e));
+        onClick(e);
       }
     }
     useRender(() => {
@@ -9981,12 +9981,6 @@ function getIntrinsicSize(el, isRtl) {
   // el.style.removeProperty('max-width')
   // el.style.removeProperty('max-height')
 
-  if (isRtl) {
-    el.style.removeProperty('left');
-  } else {
-    el.style.removeProperty('right');
-  }
-
   /* eslint-disable-next-line sonarjs/prefer-immediate-return */
   const contentBox = nullifyTransforms(el);
   if (isRtl) {
@@ -10514,8 +10508,7 @@ const makeActivatorProps = propsFactory({
 function useActivator(props, _ref) {
   let {
     isActive,
-    isTop,
-    contentEl
+    isTop
   } = _ref;
   const vm = getCurrentInstance('useActivator');
   const activatorEl = ref();
@@ -10632,7 +10625,7 @@ function useActivator(props, _ref) {
     return events;
   });
   watch(isTop, val => {
-    if (val && (props.openOnHover && !isHovered && (!openOnFocus.value || !isFocused) || openOnFocus.value && !isFocused && (!props.openOnHover || !isHovered)) && !contentEl.value?.contains(document.activeElement)) {
+    if (val && (props.openOnHover && !isHovered && (!openOnFocus.value || !isFocused) || openOnFocus.value && !isFocused && (!props.openOnHover || !isHovered))) {
       isActive.value = false;
     }
   });
@@ -11038,9 +11031,6 @@ const VOverlay = genericComponent()({
       attrs,
       emit
     } = _ref;
-    const root = ref();
-    const scrimEl = ref();
-    const contentEl = ref();
     const model = useProxiedModel(props, 'modelValue');
     const isActive = computed({
       get: () => model.value,
@@ -11078,8 +11068,7 @@ const VOverlay = genericComponent()({
       scrimEvents
     } = useActivator(props, {
       isActive,
-      isTop: localTop,
-      contentEl
+      isTop: localTop
     });
     const {
       teleportTarget
@@ -11100,6 +11089,9 @@ const VOverlay = genericComponent()({
     watch(() => props.disabled, v => {
       if (v) isActive.value = false;
     });
+    const root = ref();
+    const scrimEl = ref();
+    const contentEl = ref();
     const {
       contentStyles,
       updateLocation
@@ -11350,12 +11342,10 @@ const makeVMenuProps = propsFactory({
   // TODO
   // disableKeys: Boolean,
   id: String,
-  submenu: Boolean,
   ...omit(makeVOverlayProps({
     closeDelay: 250,
     closeOnContentClick: true,
     locationStrategy: 'connected',
-    location: undefined,
     openDelay: 300,
     scrim: false,
     scrollStrategy: 'reposition',
@@ -11378,9 +11368,6 @@ const VMenu = genericComponent()({
     const {
       scopeId
     } = useScopeId();
-    const {
-      isRtl
-    } = useRtl();
     const uid = getUid();
     const id = computed(() => props.id || `v-menu-${uid}`);
     const overlay = ref();
@@ -11443,9 +11430,9 @@ const VMenu = genericComponent()({
           isActive.value = false;
           overlay.value?.activatorEl?.focus();
         }
-      } else if (props.submenu && e.key === (isRtl.value ? 'ArrowRight' : 'ArrowLeft')) {
+      } else if (['Enter', ' '].includes(e.key) && props.closeOnContentClick) {
         isActive.value = false;
-        overlay.value?.activatorEl?.focus();
+        parent?.closeParents();
       }
     }
     function onActivatorKeydown(e) {
@@ -11454,21 +11441,12 @@ const VMenu = genericComponent()({
       if (el && isActive.value) {
         if (e.key === 'ArrowDown') {
           e.preventDefault();
-          e.stopImmediatePropagation();
           focusChild(el, 'next');
         } else if (e.key === 'ArrowUp') {
           e.preventDefault();
-          e.stopImmediatePropagation();
           focusChild(el, 'prev');
-        } else if (props.submenu) {
-          if (e.key === (isRtl.value ? 'ArrowRight' : 'ArrowLeft')) {
-            isActive.value = false;
-          } else if (e.key === (isRtl.value ? 'ArrowLeft' : 'ArrowRight')) {
-            e.preventDefault();
-            focusChild(el, 'first');
-          }
         }
-      } else if (props.submenu ? e.key === (isRtl.value ? 'ArrowLeft' : 'ArrowRight') : ['ArrowDown', 'ArrowUp'].includes(e.key)) {
+      } else if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
         isActive.value = true;
         e.preventDefault();
         setTimeout(() => setTimeout(() => onActivatorKeydown(e)));
@@ -11492,7 +11470,6 @@ const VMenu = genericComponent()({
         "onUpdate:modelValue": $event => isActive.value = $event,
         "absolute": true,
         "activatorProps": activatorProps.value,
-        "location": props.location ?? (props.submenu ? 'end' : 'bottom'),
         "onClick:outside": onClickOutside,
         "onKeydown": onKeydown
       }, scopeId), {
@@ -28198,7 +28175,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.13-3.7.0-beta.0.0-pr-20092.a834b18";
+const version$1 = "3.7.0-beta.1-dev.2024-07-29";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28223,7 +28200,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.6.13-3.7.0-beta.0.0-pr-20092.a834b18";
+const version = "3.7.0-beta.1-dev.2024-07-29";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };