vuetify 3.8.3 → 3.8.4

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.3
+* Vuetify v3.8.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3409,10 +3409,10 @@ const VDialogTransition = genericComponent()({
       async onLeave(el, done) {
         await new Promise(resolve => requestAnimationFrame(resolve));
         let dimensions;
-        if (!Array.isArray(props.target) && !props.target.offsetParent && saved.has(el)) {
-          dimensions = saved.get(el);
-        } else {
+        if (!saved.has(el) || Array.isArray(props.target) || props.target.offsetParent || props.target.getClientRects().length) {
           dimensions = getDimensions(props.target, el);
+        } else {
+          dimensions = saved.get(el);
         }
         const {
           x,
@@ -3737,7 +3737,7 @@ function useRounded(props) {
 
 const makeTransitionProps = propsFactory({
   transition: {
-    type: [Boolean, String, Object],
+    type: null,
     default: 'fade-transition',
     validator: val => val !== true
   }
@@ -3755,16 +3755,19 @@ const MaybeTransition = (props, _ref) => {
   const {
     component = group ? TransitionGroup : Transition,
     ...customProps
-  } = typeof transition === 'object' ? transition : {};
-  return h(component, mergeProps(typeof transition === 'string' ? {
-    name: disabled ? '' : transition
-  } : customProps, typeof transition === 'string' ? {} : Object.fromEntries(Object.entries({
-    disabled,
-    group
-  }).filter(_ref2 => {
-    let [_, v] = _ref2;
-    return v !== undefined;
-  })), rest), slots);
+  } = isObject(transition) ? transition : {};
+  let transitionProps;
+  if (isObject(transition)) {
+    transitionProps = mergeProps(customProps, JSON.parse(JSON.stringify({
+      disabled,
+      group
+    })), rest);
+  } else {
+    transitionProps = mergeProps({
+      name: disabled || !transition ? '' : transition
+    }, rest);
+  }
+  return h(component, transitionProps, slots);
 };
 
 // Utilities
@@ -10439,7 +10442,7 @@ function connectedLocationStrategy(data, props, contentStyles) {
     observe = false;
     requestAnimationFrame(() => observe = true);
     if (!data.target.value || !data.contentEl.value) return;
-    if (Array.isArray(data.target.value) || data.target.value.offsetParent) {
+    if (Array.isArray(data.target.value) || data.target.value.offsetParent || data.target.value.getClientRects().length) {
       targetBox = getTargetBox(data.target.value);
     } // Otherwise target element is hidden, use last known value
 
@@ -12359,11 +12362,12 @@ const VTextField = genericComponent()({
       onFocus();
       emit('click:control', e);
     }
-    function onClear(e) {
+    function onClear(e, reset) {
       e.stopPropagation();
       onFocus();
       nextTick(() => {
         model.value = null;
+        reset();
         callEvent(props['onClick:clear'], e);
       });
     }
@@ -12408,13 +12412,14 @@ const VTextField = genericComponent()({
             isDisabled,
             isDirty,
             isReadonly,
-            isValid
+            isValid,
+            reset
           } = _ref2;
           return createVNode(VField, mergeProps({
             "ref": vFieldRef,
             "onMousedown": onControlMousedown,
             "onClick": onControlClick,
-            "onClick:clear": onClear,
+            "onClick:clear": e => onClear(e, reset),
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner'],
             "role": props.role
@@ -13775,6 +13780,11 @@ const VAutocomplete = genericComponent()({
         menu.value = true;
       }
     });
+    watch(model, value => {
+      if (!props.multiple && !hasSelectionSlot.value) {
+        search.value = value[0]?.title ?? '';
+      }
+    });
     useRender(() => {
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
       const isDirty = model.value.length > 0;
@@ -14394,7 +14404,7 @@ const VDialog = genericComponent()({
     }
     function onAfterEnter() {
       emit('afterEnter');
-      if (overlay.value?.contentEl && !overlay.value.contentEl.contains(document.activeElement)) {
+      if ((props.scrim || props.retainFocus) && overlay.value?.contentEl && !overlay.value.contentEl.contains(document.activeElement)) {
         overlay.value.contentEl.focus({
           preventScroll: true
         });
@@ -19266,7 +19276,7 @@ function provideSelection(props, _ref9) {
     index = index ?? currentPage.value.findIndex(i => i.value === item.value);
     if (props.selectStrategy !== 'single' && event?.shiftKey && lastSelectedIndex.value !== null) {
       const [start, end] = [lastSelectedIndex.value, index].sort((a, b) => a - b);
-      items.push(...currentPage.value.slice(start, end + 1));
+      items.push(...currentPage.value.slice(start, end + 1).filter(item => item.selectable));
     } else {
       items.push(item);
       lastSelectedIndex.value = index;
@@ -20602,7 +20612,6 @@ const VDataTableHeaders = genericComponent()({
       });
     };
     const VDataTableMobileHeaderCell = () => {
-      const headerProps = mergeProps(props.headerProps ?? {} ?? {});
       const displayItems = computed(() => {
         return columns.value.filter(column => column?.sortable && !props.disableSort);
       });
@@ -20615,7 +20624,7 @@ const VDataTableHeaders = genericComponent()({
         "tag": "th",
         "class": [...headerCellClasses.value],
         "colspan": headers.value.length + 1
-      }, headerProps), {
+      }, props.headerProps), {
         default: () => [createVNode("div", {
           "class": "v-data-table-header__content"
         }, [createVNode(VSelect, {
@@ -23538,6 +23547,7 @@ const VFileInput = genericComponent()({
     const inputRef = ref();
     const isActive = toRef(() => isFocused.value || props.active);
     const isPlainOrUnderlined = computed(() => ['plain', 'underlined'].includes(props.variant));
+    const isDragging = shallowRef(false);
     function onFocus() {
       if (inputRef.value !== document.activeElement) {
         inputRef.value?.focus();
@@ -23564,11 +23574,26 @@ const VFileInput = genericComponent()({
     }
     function onDragover(e) {
       e.preventDefault();
+      e.stopImmediatePropagation();
+      isDragging.value = true;
+    }
+    function onDragleave(e) {
+      e.preventDefault();
+      isDragging.value = false;
     }
     function onDrop(e) {
       e.preventDefault();
-      if (!e.dataTransfer) return;
-      model.value = [...(e.dataTransfer.files ?? [])];
+      e.stopImmediatePropagation();
+      isDragging.value = false;
+      if (!e.dataTransfer?.files?.length || !inputRef.value) return;
+      const dataTransfer = new DataTransfer();
+      for (const file of e.dataTransfer.files) {
+        dataTransfer.items.add(file);
+      }
+      inputRef.value.files = dataTransfer.files;
+      inputRef.value.dispatchEvent(new Event('change', {
+        bubbles: true
+      }));
     }
     watch(model, newValue => {
       const hasModelReset = !Array.isArray(newValue) || !newValue.length;
@@ -23590,6 +23615,7 @@ const VFileInput = genericComponent()({
         "modelValue": props.multiple ? model.value : model.value[0],
         "class": ['v-file-input', {
           'v-file-input--chips': !!props.chips,
+          'v-file-input--dragging': isDragging.value,
           'v-file-input--hide': props.hideInput,
           'v-input--plain-underlined': isPlainOrUnderlined.value
         }, props.class],
@@ -23651,6 +23677,7 @@ const VFileInput = genericComponent()({
                   const target = e.target;
                   model.value = [...(target.files ?? [])];
                 },
+                "onDragleave": onDragleave,
                 "onFocus": onFocus,
                 "onBlur": blur
               }, slotProps, inputAttrs), null), createVNode("div", {
@@ -28638,7 +28665,7 @@ const makeVTooltipProps = propsFactory({
     origin: 'auto',
     scrim: false,
     scrollStrategy: 'reposition',
-    transition: false
+    transition: null
   }), ['absolute', 'persistent'])
 }, 'VTooltip');
 const VTooltip = genericComponent()({
@@ -28665,7 +28692,7 @@ const VTooltip = genericComponent()({
       return props.origin === 'auto' || props.origin === 'overlap' || props.origin.split(' ').length > 1 || props.location.split(' ').length > 1 ? props.origin : props.origin + ' center';
     });
     const transition = toRef(() => {
-      if (props.transition) return props.transition;
+      if (props.transition != null) return props.transition;
       return isActive.value ? 'scale-transition' : 'fade-transition';
     });
     const activatorProps = computed(() => mergeProps({
@@ -29211,7 +29238,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.3";
+const version$1 = "3.8.4";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29236,7 +29263,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.3";
+const version = "3.8.4";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };