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

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.14-master.2024-08-04
+* Vuetify v3.6.14-master.2024-08-13
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10661,6 +10661,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);
@@ -10784,6 +10787,7 @@ const VOverlay = genericComponent()({
       attrs,
       emit
     } = _ref;
+    const vm = getCurrentInstance('VOverlay');
     const model = useProxiedModel(props, 'modelValue');
     const isActive = computed({
       get: () => model.value,
@@ -10828,7 +10832,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;
     });
@@ -10868,7 +10872,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) {
@@ -22730,7 +22734,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,
@@ -25276,6 +25280,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;
@@ -25309,7 +25316,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",
@@ -25832,7 +25840,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"
@@ -29717,7 +29725,7 @@ const makeVTreeviewProps = propsFactory({
     collapseIcon: '$treeviewCollapse',
     expandIcon: '$treeviewExpand',
     slim: true
-  }), ['nav'])
+  }), ['itemType', 'nav'])
 }, 'VTreeview');
 const VTreeview = genericComponent()({
   name: 'VTreeview',
@@ -30327,7 +30335,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.14-master.2024-08-04";
+const version$1 = "3.6.14-master.2024-08-13";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30580,7 +30588,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.14-master.2024-08-04";
+const version = "3.6.14-master.2024-08-13";
 
 /* eslint-disable local-rules/sort-imports */