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

package/dist/vuetify.esm.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.
 */
@@ -10894,6 +10894,9 @@ function checkIsActive(e, binding) {
 }
 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);
@@ -11017,6 +11020,7 @@ const VOverlay = genericComponent()({
       attrs,
       emit
     } = _ref;
+    const vm = getCurrentInstance('VOverlay');
     const model = useProxiedModel(props, 'modelValue');
     const isActive = computed({
       get: () => model.value,
@@ -11061,7 +11065,7 @@ const VOverlay = genericComponent()({
     } = 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;
     });
@@ -11101,7 +11105,7 @@ const VOverlay = genericComponent()({
     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 && watch(isActive, val => {
       if (val) {
@@ -22963,7 +22967,7 @@ const VFileInput = genericComponent()({
     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,
@@ -25509,6 +25513,9 @@ const VSnackbar = genericComponent()({
         isActive.value = false;
       }
     }
+    function onAfterLeave() {
+      if (isHovering.value) onPointerleave();
+    }
     const locationClasses = computed(() => {
       return props.location.split(' ').reduce((acc, loc) => {
         acc[`v-snackbar--${loc}`] = true;
@@ -25542,7 +25549,8 @@ const VSnackbar = genericComponent()({
         "scrollStrategy": "none",
         "_disableGlobalStack": true,
         "onTouchstartPassive": onTouchstart,
-        "onTouchend": onTouchend
+        "onTouchend": onTouchend,
+        "onAfterLeave": onAfterLeave
       }, scopeId), {
         default: () => [genOverlays(false, 'v-snackbar'), props.timer && !isHovering.value && createVNode("div", {
           "key": "timer",
@@ -26065,7 +26073,7 @@ const VSpeedDial = genericComponent()({
         "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"
@@ -28138,7 +28146,7 @@ function createVuetify$1() {
     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
@@ -28163,7 +28171,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.6.14-master.2024-08-12";
+const version = "3.6.14-master.2024-08-13";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };