@vuetify/nightly 3.6.14-master.2024-08-12 → 3.6.14-master.2024-08-13

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.14-master.2024-08-12
+* Vuetify v3.6.14-master.2024-08-13
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10665,6 +10665,9 @@
   }
   function directive(e, el, binding) {
     const handler = typeof binding.value === 'function' ? binding.value : binding.value.handler;
+
+    // Clicks in the Shadow DOM change their target while using setTimeout, so the original target is saved here
+    e.shadowTarget = e.target;
     el._clickOutside.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {
       checkIsActive(e, binding) && handler && handler(e);
     }, 0);
@@ -10788,6 +10791,7 @@
         attrs,
         emit
       } = _ref;
+      const vm = getCurrentInstance('VOverlay');
       const model = useProxiedModel(props, 'modelValue');
       const isActive = vue.computed({
         get: () => model.value,
@@ -10832,7 +10836,7 @@
       } = useTeleport(() => {
         const target = props.attach || props.contained;
         if (target) return target;
-        const rootNode = activatorEl?.value?.getRootNode();
+        const rootNode = activatorEl?.value?.getRootNode() || vm.proxy?.$el?.getRootNode();
         if (rootNode instanceof ShadowRoot) return rootNode;
         return false;
       });
@@ -10872,7 +10876,7 @@
       function closeConditional(e) {
         return isActive.value && globalTop.value && (
         // If using scrim, only close if clicking on it rather than anything opened on top
-        !props.scrim || e.target === scrimEl.value);
+        !props.scrim || e.target === scrimEl.value || e instanceof MouseEvent && e.shadowTarget === scrimEl.value);
       }
       IN_BROWSER && vue.watch(isActive, val => {
         if (val) {
@@ -22734,7 +22738,7 @@
       const {
         t
       } = useLocale();
-      const model = useProxiedModel(props, 'modelValue', props.modelValue, val => wrapInArray(val), val => props.multiple || Array.isArray(props.modelValue) ? val : val[0] ?? null);
+      const model = useProxiedModel(props, 'modelValue', props.modelValue, val => wrapInArray(val), val => !props.multiple && Array.isArray(val) ? val[0] : val);
       const {
         isFocused,
         focus,
@@ -25280,6 +25284,9 @@
           isActive.value = false;
         }
       }
+      function onAfterLeave() {
+        if (isHovering.value) onPointerleave();
+      }
       const locationClasses = vue.computed(() => {
         return props.location.split(' ').reduce((acc, loc) => {
           acc[`v-snackbar--${loc}`] = true;
@@ -25313,7 +25320,8 @@
           "scrollStrategy": "none",
           "_disableGlobalStack": true,
           "onTouchstartPassive": onTouchstart,
-          "onTouchend": onTouchend
+          "onTouchend": onTouchend,
+          "onAfterLeave": onAfterLeave
         }, scopeId), {
           default: () => [genOverlays(false, 'v-snackbar'), props.timer && !isHovering.value && vue.createVNode("div", {
             "key": "timer",
@@ -25836,7 +25844,7 @@
           "onUpdate:modelValue": $event => model.value = $event,
           "class": props.class,
           "style": props.style,
-          "contentClass": ['v-speed-dial__content', locationClasses.value],
+          "contentClass": ['v-speed-dial__content', locationClasses.value, props.contentClass],
           "location": location.value,
           "ref": menuRef,
           "transition": "fade-transition"
@@ -30331,7 +30339,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.14-master.2024-08-12";
+  const version$1 = "3.6.14-master.2024-08-13";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30584,7 +30592,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.6.14-master.2024-08-12";
+  const version = "3.6.14-master.2024-08-13";
 
   /* eslint-disable local-rules/sort-imports */