@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-25 → 3.6.13-3.7.0-beta.0.0-pr-20092.dc840ce

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.13-3.7.0-beta.0.0-dev.2024-07-25
+* Vuetify v3.6.13-3.7.0-beta.0.0-pr-20092.dc840ce
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9752,6 +9752,12 @@
     // 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) {
@@ -10279,7 +10285,8 @@
   function useActivator(props, _ref) {
     let {
       isActive,
-      isTop
+      isTop,
+      contentEl
     } = _ref;
     const vm = getCurrentInstance('useActivator');
     const activatorEl = vue.ref();
@@ -10396,7 +10403,7 @@
       return events;
     });
     vue.watch(isTop, val => {
-      if (val && (props.openOnHover && !isHovered && (!openOnFocus.value || !isFocused) || openOnFocus.value && !isFocused && (!props.openOnHover || !isHovered))) {
+      if (val && (props.openOnHover && !isHovered && (!openOnFocus.value || !isFocused) || openOnFocus.value && !isFocused && (!props.openOnHover || !isHovered)) && !contentEl.value?.contains(document.activeElement)) {
         isActive.value = false;
       }
     });
@@ -10802,6 +10809,9 @@
         attrs,
         emit
       } = _ref;
+      const root = vue.ref();
+      const scrimEl = vue.ref();
+      const contentEl = vue.ref();
       const model = useProxiedModel(props, 'modelValue');
       const isActive = vue.computed({
         get: () => model.value,
@@ -10839,7 +10849,8 @@
         scrimEvents
       } = useActivator(props, {
         isActive,
-        isTop: localTop
+        isTop: localTop,
+        contentEl
       });
       const {
         teleportTarget
@@ -10860,9 +10871,6 @@
       vue.watch(() => props.disabled, v => {
         if (v) isActive.value = false;
       });
-      const root = vue.ref();
-      const scrimEl = vue.ref();
-      const contentEl = vue.ref();
       const {
         contentStyles,
         updateLocation
@@ -11113,10 +11121,12 @@
     // TODO
     // disableKeys: Boolean,
     id: String,
+    submenu: Boolean,
     ...omit(makeVOverlayProps({
       closeDelay: 250,
       closeOnContentClick: true,
       locationStrategy: 'connected',
+      location: undefined,
       openDelay: 300,
       scrim: false,
       scrollStrategy: 'reposition',
@@ -11139,6 +11149,9 @@
       const {
         scopeId
       } = useScopeId();
+      const {
+        isRtl
+      } = useRtl();
       const uid = getUid();
       const id = vue.computed(() => props.id || `v-menu-${uid}`);
       const overlay = vue.ref();
@@ -11204,6 +11217,9 @@
         } else if (['Enter', ' '].includes(e.key) && props.closeOnContentClick) {
           isActive.value = false;
           parent?.closeParents();
+        } else if (props.submenu && e.key === (isRtl.value ? 'ArrowRight' : 'ArrowLeft')) {
+          isActive.value = false;
+          overlay.value?.activatorEl?.focus();
         }
       }
       function onActivatorKeydown(e) {
@@ -11212,12 +11228,21 @@
         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 (['ArrowDown', 'ArrowUp'].includes(e.key)) {
+        } else if (props.submenu ? e.key === (isRtl.value ? 'ArrowLeft' : 'ArrowRight') : ['ArrowDown', 'ArrowUp'].includes(e.key)) {
           isActive.value = true;
           e.preventDefault();
           setTimeout(() => setTimeout(() => onActivatorKeydown(e)));
@@ -11241,6 +11266,7 @@
           "onUpdate:modelValue": $event => isActive.value = $event,
           "absolute": true,
           "activatorProps": activatorProps.value,
+          "location": props.location ?? (props.submenu ? 'end' : 'bottom'),
           "onClick:outside": onClickOutside,
           "onKeydown": onKeydown
         }, scopeId), {
@@ -30312,7 +30338,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.13-3.7.0-beta.0.0-dev.2024-07-25";
+  const version$1 = "3.6.13-3.7.0-beta.0.0-pr-20092.dc840ce";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30565,7 +30591,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.6.13-3.7.0-beta.0.0-dev.2024-07-25";
+  const version = "3.6.13-3.7.0-beta.0.0-pr-20092.dc840ce";
 
   /* eslint-disable local-rules/sort-imports */