vuetify 3.7.10 → 3.7.11

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.10
+* Vuetify v3.7.11
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -12637,34 +12637,6 @@
     }; // 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({
@@ -12754,9 +12726,6 @@
         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);
@@ -12854,7 +12823,7 @@
         }
       }
       function onBlur(e) {
-        if (!listRef.value?.$el.contains(e.relatedTarget) && !isMousedown.value) {
+        if (!listRef.value?.$el.contains(e.relatedTarget)) {
           menu.value = false;
         }
       }
@@ -13266,9 +13235,6 @@
         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);
@@ -13442,11 +13408,6 @@
           });
         }
       }
-      function onBlur(e) {
-        if (!isMousedown.value) {
-          menu.value = false;
-        }
-      }
       vue.watch(isFocused, (val, oldVal) => {
         if (val === oldVal) return;
         if (val) {
@@ -13456,6 +13417,7 @@
           vue.nextTick(() => isSelecting.value = false);
         } else {
           if (!props.multiple && search.value == null) model.value = [];
+          menu.value = false;
           if (!model.value.some(_ref3 => {
             let {
               title
@@ -13509,7 +13471,6 @@
           "readonly": form.isReadonly.value,
           "placeholder": isDirty ? undefined : props.placeholder,
           "onClick:clear": onClear,
-          "onBlur": onBlur,
           "onMousedown:control": onMousedownControl,
           "onKeydown": onKeydown
         }), {
@@ -17129,9 +17090,6 @@
         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 ?? '' : '');
@@ -17295,12 +17253,6 @@
           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;
@@ -17345,6 +17297,7 @@
       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));
@@ -17402,7 +17355,6 @@
           "readonly": form.isReadonly.value,
           "placeholder": isDirty ? undefined : props.placeholder,
           "onClick:clear": onClear,
-          "onBlur": onBlur,
           "onMousedown:control": onMousedownControl,
           "onKeydown": onKeydown
         }), {
@@ -28381,7 +28333,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.10";
+  const version$1 = "3.7.11";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28406,7 +28358,7 @@
       ...options
     });
   };
-  const version = "3.7.10";
+  const version = "3.7.11";
   createVuetify.version = version;
 
   exports.blueprints = index;