vuetify 3.7.9 → 3.7.10

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.7.9
+* Vuetify v3.7.10
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { shallowRef, Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, createVNode, mergeProps, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, TransitionGroup, Transition, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
+import { shallowRef, Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, createVNode, mergeProps, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, TransitionGroup, Transition, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, onUnmounted, createTextVNode, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
 
 const IN_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
@@ -3208,6 +3208,7 @@ function ExpandTransitionGenerator () {
     },
     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';
@@ -3247,6 +3248,7 @@ function ExpandTransitionGenerator () {
     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;
@@ -12631,6 +12633,34 @@ function useScrolling(listRef, textFieldRef) {
   }; // 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 = shallowRef(false);
+  function mousedown() {
+    isMousedown.value = true;
+  }
+  function mouseup() {
+    isMousedown.value = false;
+  }
+  onMounted(() => {
+    document.body.addEventListener('mousedown', mousedown);
+    document.body.addEventListener('mouseup', mouseup);
+  });
+  onUnmounted(() => {
+    document.body.removeEventListener('mousedown', mousedown);
+    document.body.removeEventListener('mouseup', mouseup);
+  });
+  return {
+    isMousedown
+  };
+}
+
 // Types
 
 const makeSelectProps = propsFactory({
@@ -12720,6 +12750,9 @@ const VSelect = genericComponent()({
       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 = computed(() => model.value.map(selection => selection.value));
     const isFocused = shallowRef(false);
     const label = computed(() => menu.value ? props.closeText : props.openText);
@@ -12817,7 +12850,7 @@ const VSelect = genericComponent()({
       }
     }
     function onBlur(e) {
-      if (!listRef.value?.$el.contains(e.relatedTarget)) {
+      if (!listRef.value?.$el.contains(e.relatedTarget) && !isMousedown.value) {
         menu.value = false;
       }
     }
@@ -13229,6 +13262,9 @@ const VAutocomplete = genericComponent()({
       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);
@@ -13402,6 +13438,11 @@ const VAutocomplete = genericComponent()({
         });
       }
     }
+    function onBlur(e) {
+      if (!isMousedown.value) {
+        menu.value = false;
+      }
+    }
     watch(isFocused, (val, oldVal) => {
       if (val === oldVal) return;
       if (val) {
@@ -13411,7 +13452,6 @@ const VAutocomplete = genericComponent()({
         nextTick(() => isSelecting.value = false);
       } else {
         if (!props.multiple && search.value == null) model.value = [];
-        menu.value = false;
         if (!model.value.some(_ref3 => {
           let {
             title
@@ -13465,6 +13505,7 @@ const VAutocomplete = genericComponent()({
         "readonly": form.isReadonly.value,
         "placeholder": isDirty ? undefined : props.placeholder,
         "onClick:clear": onClear,
+        "onBlur": onBlur,
         "onMousedown:control": onMousedownControl,
         "onKeydown": onKeydown
       }), {
@@ -17084,6 +17125,9 @@ const VCombobox = genericComponent()({
       return props.multiple ? transformed : transformed[0] ?? null;
     });
     const form = useForm(props);
+    const {
+      isMousedown
+    } = useIsMousedown();
     const hasChips = computed(() => !!(props.chips || slots.chip));
     const hasSelectionSlot = computed(() => hasChips.value || !!slots.selection);
     const _search = shallowRef(!props.multiple && !hasSelectionSlot.value ? model.value[0]?.title ?? '' : '');
@@ -17247,6 +17291,12 @@ const VCombobox = genericComponent()({
         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;
@@ -17291,7 +17341,6 @@ const VCombobox = genericComponent()({
     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));
@@ -17349,6 +17398,7 @@ const VCombobox = genericComponent()({
         "readonly": form.isReadonly.value,
         "placeholder": isDirty ? undefined : props.placeholder,
         "onClick:clear": onClear,
+        "onBlur": onBlur,
         "onMousedown:control": onMousedownControl,
         "onKeydown": onKeydown
       }), {
@@ -22435,8 +22485,9 @@ const VDatePicker = genericComponent()({
         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');
@@ -27086,6 +27137,8 @@ const VTabsWindowItem = genericComponent()({
   }
 });
 
+// Types
+
 function parseItems(items) {
   if (!items) return [];
   return items.map(item => {
@@ -28324,7 +28377,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.9";
+const version$1 = "3.7.10";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28349,7 +28402,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.9";
+const version = "3.7.10";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };