vuetify 3.8.3 → 3.8.4

package/dist/vuetify.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.3
+* Vuetify v3.8.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3413,10 +3413,10 @@
         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,
@@ -3741,7 +3741,7 @@
 
   const makeTransitionProps = propsFactory({
     transition: {
-      type: [Boolean, String, Object],
+      type: null,
       default: 'fade-transition',
       validator: val => val !== true
     }
@@ -3759,16 +3759,19 @@
     const {
       component = group ? vue.TransitionGroup : vue.Transition,
       ...customProps
-    } = typeof transition === 'object' ? transition : {};
-    return vue.h(component, vue.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 = vue.mergeProps(customProps, JSON.parse(JSON.stringify({
+        disabled,
+        group
+      })), rest);
+    } else {
+      transitionProps = vue.mergeProps({
+        name: disabled || !transition ? '' : transition
+      }, rest);
+    }
+    return vue.h(component, transitionProps, slots);
   };
 
   // Utilities
@@ -10443,7 +10446,7 @@
       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
 
@@ -12363,11 +12366,12 @@
         onFocus();
         emit('click:control', e);
       }
-      function onClear(e) {
+      function onClear(e, reset) {
         e.stopPropagation();
         onFocus();
         vue.nextTick(() => {
           model.value = null;
+          reset();
           callEvent(props['onClick:clear'], e);
         });
       }
@@ -12412,13 +12416,14 @@
               isDisabled,
               isDirty,
               isReadonly,
-              isValid
+              isValid,
+              reset
             } = _ref2;
             return vue.createVNode(VField, vue.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
@@ -13779,6 +13784,11 @@
           menu.value = true;
         }
       });
+      vue.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;
@@ -14398,7 +14408,7 @@
       }
       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
           });
@@ -19270,7 +19280,7 @@
       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;
@@ -20606,7 +20616,6 @@
         });
       };
       const VDataTableMobileHeaderCell = () => {
-        const headerProps = vue.mergeProps(props.headerProps ?? {} ?? {});
         const displayItems = vue.computed(() => {
           return columns.value.filter(column => column?.sortable && !props.disableSort);
         });
@@ -20619,7 +20628,7 @@
           "tag": "th",
           "class": [...headerCellClasses.value],
           "colspan": headers.value.length + 1
-        }, headerProps), {
+        }, props.headerProps), {
           default: () => [vue.createVNode("div", {
             "class": "v-data-table-header__content"
           }, [vue.createVNode(VSelect, {
@@ -23542,6 +23551,7 @@
       const inputRef = vue.ref();
       const isActive = vue.toRef(() => isFocused.value || props.active);
       const isPlainOrUnderlined = vue.computed(() => ['plain', 'underlined'].includes(props.variant));
+      const isDragging = vue.shallowRef(false);
       function onFocus() {
         if (inputRef.value !== document.activeElement) {
           inputRef.value?.focus();
@@ -23568,11 +23578,26 @@
       }
       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
+        }));
       }
       vue.watch(model, newValue => {
         const hasModelReset = !Array.isArray(newValue) || !newValue.length;
@@ -23594,6 +23619,7 @@
           "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],
@@ -23655,6 +23681,7 @@
                     const target = e.target;
                     model.value = [...(target.files ?? [])];
                   },
+                  "onDragleave": onDragleave,
                   "onFocus": onFocus,
                   "onBlur": blur
                 }, slotProps, inputAttrs), null), vue.createVNode("div", {
@@ -28642,7 +28669,7 @@
       origin: 'auto',
       scrim: false,
       scrollStrategy: 'reposition',
-      transition: false
+      transition: null
     }), ['absolute', 'persistent'])
   }, 'VTooltip');
   const VTooltip = genericComponent()({
@@ -28669,7 +28696,7 @@
         return props.origin === 'auto' || props.origin === 'overlap' || props.origin.split(' ').length > 1 || props.location.split(' ').length > 1 ? props.origin : props.origin + ' center';
       });
       const transition = vue.toRef(() => {
-        if (props.transition) return props.transition;
+        if (props.transition != null) return props.transition;
         return isActive.value ? 'scale-transition' : 'fade-transition';
       });
       const activatorProps = vue.computed(() => vue.mergeProps({
@@ -29215,7 +29242,7 @@
       };
     });
   }
-  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
@@ -29240,7 +29267,7 @@
       ...options
     });
   };
-  const version = "3.8.3";
+  const version = "3.8.4";
   createVuetify.version = version;
 
   exports.blueprints = index;