vuetify 3.7.8 → 3.7.10

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.8
+* Vuetify v3.7.10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3212,6 +3212,7 @@
       },
       onEnter(el) {
         const initialStyle = el._initialStyle;
+        if (!initialStyle) return;
         el.style.setProperty('transition', 'none', 'important');
         // Hide overflow to account for collapsed margins in the calculated height
         el.style.overflow = 'hidden';
@@ -3251,6 +3252,7 @@
       resetStyles(el);
     }
     function resetStyles(el) {
+      if (!el._initialStyle) return;
       const size = el._initialStyle[sizeProperty];
       el.style.overflow = el._initialStyle.overflow;
       if (size != null) el.style[sizeProperty] = size;
@@ -7438,7 +7440,9 @@
     mobileBreakpoint: [Number, String]
   }, 'display');
   function useDisplay() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      mobile: null
+    };
     let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
     const display = vue.inject(DisplaySymbol);
     if (!display) throw new Error('Could not find Vuetify display injection');
@@ -12633,6 +12637,34 @@
     }; // typescript doesn't know about vue's event merging
   }
 
+  // https://github.com/vuetifyjs/vuetify/issues/20003
+  /**
+   * This composable is designed to track whether the mouse is in a mousedown state at any given time. The original motivation is that
+   * it is impossible to distinguish whether a blur event is triggered by mousedown, keydown, or via JavaScript.
+   * This composable allows for conditional logic when a blur is triggered by mousedown.
+   */
+
+  function useIsMousedown() {
+    const isMousedown = vue.shallowRef(false);
+    function mousedown() {
+      isMousedown.value = true;
+    }
+    function mouseup() {
+      isMousedown.value = false;
+    }
+    vue.onMounted(() => {
+      document.body.addEventListener('mousedown', mousedown);
+      document.body.addEventListener('mouseup', mouseup);
+    });
+    vue.onUnmounted(() => {
+      document.body.removeEventListener('mousedown', mousedown);
+      document.body.removeEventListener('mouseup', mouseup);
+    });
+    return {
+      isMousedown
+    };
+  }
+
   // Types
 
   const makeSelectProps = propsFactory({
@@ -12722,6 +12754,9 @@
         return typeof props.counterValue === 'function' ? props.counterValue(model.value) : typeof props.counterValue === 'number' ? props.counterValue : model.value.length;
       });
       const form = useForm(props);
+      const {
+        isMousedown
+      } = useIsMousedown();
       const selectedValues = vue.computed(() => model.value.map(selection => selection.value));
       const isFocused = vue.shallowRef(false);
       const label = vue.computed(() => menu.value ? props.closeText : props.openText);
@@ -12819,7 +12854,7 @@
         }
       }
       function onBlur(e) {
-        if (!listRef.value?.$el.contains(e.relatedTarget)) {
+        if (!listRef.value?.$el.contains(e.relatedTarget) && !isMousedown.value) {
           menu.value = false;
         }
       }
@@ -13231,6 +13266,9 @@
         textColorClasses,
         textColorStyles
       } = useTextColor(color);
+      const {
+        isMousedown
+      } = useIsMousedown();
       const search = useProxiedModel(props, 'search', '');
       const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
         const transformed = transformOut(v);
@@ -13404,6 +13442,11 @@
           });
         }
       }
+      function onBlur(e) {
+        if (!isMousedown.value) {
+          menu.value = false;
+        }
+      }
       vue.watch(isFocused, (val, oldVal) => {
         if (val === oldVal) return;
         if (val) {
@@ -13413,7 +13456,6 @@
           vue.nextTick(() => isSelecting.value = false);
         } else {
           if (!props.multiple && search.value == null) model.value = [];
-          menu.value = false;
           if (!model.value.some(_ref3 => {
             let {
               title
@@ -13467,6 +13509,7 @@
           "readonly": form.isReadonly.value,
           "placeholder": isDirty ? undefined : props.placeholder,
           "onClick:clear": onClear,
+          "onBlur": onBlur,
           "onMousedown:control": onMousedownControl,
           "onKeydown": onKeydown
         }), {
@@ -17086,6 +17129,9 @@
         return props.multiple ? transformed : transformed[0] ?? null;
       });
       const form = useForm(props);
+      const {
+        isMousedown
+      } = useIsMousedown();
       const hasChips = vue.computed(() => !!(props.chips || slots.chip));
       const hasSelectionSlot = vue.computed(() => hasChips.value || !!slots.selection);
       const _search = vue.shallowRef(!props.multiple && !hasSelectionSlot.value ? model.value[0]?.title ?? '' : '');
@@ -17249,6 +17295,12 @@
           vTextFieldRef.value?.focus();
         }
       }
+      function onBlur(e) {
+        if (!isMousedown.value) {
+          menu.value = false;
+        }
+      }
+
       /** @param set - null means toggle */
       function select(item) {
         let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
@@ -17293,7 +17345,6 @@
       vue.watch(isFocused, (val, oldVal) => {
         if (val || val === oldVal) return;
         selectionIndex.value = -1;
-        menu.value = false;
         if (search.value) {
           if (props.multiple) {
             select(transformItem$3(props, search.value));
@@ -17351,6 +17402,7 @@
           "readonly": form.isReadonly.value,
           "placeholder": isDirty ? undefined : props.placeholder,
           "onClick:clear": onClear,
+          "onBlur": onBlur,
           "onMousedown:control": onMousedownControl,
           "onKeydown": onKeydown
         }), {
@@ -22437,8 +22489,9 @@
           targets.push(...['prev', 'next']);
         } else {
           let _date = adapter.date();
-          _date = adapter.setYear(_date, year.value);
+          _date = adapter.startOfMonth(_date);
           _date = adapter.setMonth(_date, month.value);
+          _date = adapter.setYear(_date, year.value);
           if (minDate.value) {
             const date = adapter.addDays(adapter.startOfMonth(_date), -1);
             adapter.isAfter(minDate.value, date) && targets.push('prev');
@@ -27088,6 +27141,8 @@
     }
   });
 
+  // Types
+
   function parseItems(items) {
     if (!items) return [];
     return items.map(item => {
@@ -28326,7 +28381,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.8";
+  const version$1 = "3.7.10";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28351,7 +28406,7 @@
       ...options
     });
   };
-  const version = "3.7.8";
+  const version = "3.7.10";
   createVuetify.version = version;
 
   exports.blueprints = index;