vuetify 3.7.9 → 3.7.10

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.9
+* Vuetify v3.7.10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2771,6 +2771,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';
@@ -2810,6 +2811,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;
@@ -12402,6 +12404,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({
@@ -12491,6 +12521,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);
@@ -12588,7 +12621,7 @@
         }
       }
       function onBlur(e) {
-        if (!listRef.value?.$el.contains(e.relatedTarget)) {
+        if (!listRef.value?.$el.contains(e.relatedTarget) && !isMousedown.value) {
           menu.value = false;
         }
       }
@@ -13000,6 +13033,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);
@@ -13173,6 +13209,11 @@
           });
         }
       }
+      function onBlur(e) {
+        if (!isMousedown.value) {
+          menu.value = false;
+        }
+      }
       vue.watch(isFocused, (val, oldVal) => {
         if (val === oldVal) return;
         if (val) {
@@ -13182,7 +13223,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
@@ -13236,6 +13276,7 @@
           "readonly": form.isReadonly.value,
           "placeholder": isDirty ? undefined : props.placeholder,
           "onClick:clear": onClear,
+          "onBlur": onBlur,
           "onMousedown:control": onMousedownControl,
           "onKeydown": onKeydown
         }), {
@@ -16855,6 +16896,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 ?? '' : '');
@@ -17018,6 +17062,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;
@@ -17062,7 +17112,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));
@@ -17120,6 +17169,7 @@
           "readonly": form.isReadonly.value,
           "placeholder": isDirty ? undefined : props.placeholder,
           "onClick:clear": onClear,
+          "onBlur": onBlur,
           "onMousedown:control": onMousedownControl,
           "onKeydown": onKeydown
         }), {
@@ -22206,8 +22256,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');
@@ -26857,6 +26908,8 @@
     }
   });
 
+  // Types
+
   function parseItems(items) {
     if (!items) return [];
     return items.map(item => {
@@ -30093,6 +30146,11 @@
         }
       }
       return () => slots.default?.() ?? props.items?.map(item => {
+        if (item.type === 'divider') {
+          return slots.divider?.({
+            props: item.props
+          }) ?? vue.createVNode(VDivider, item.props, null);
+        }
         const {
           children,
           props: itemProps
@@ -30129,6 +30187,11 @@
             ...slotProps,
             item: item.raw,
             internalItem: item
+          }) : undefined,
+          subtitle: slots.subtitle ? slotProps => slots.subtitle?.({
+            ...slotProps,
+            item: item.raw,
+            internalItem: item
           }) : undefined
         };
         const treeviewGroupProps = VTreeviewGroup.filterProps(itemProps);
@@ -30186,7 +30249,7 @@
       collapseIcon: '$treeviewCollapse',
       expandIcon: '$treeviewExpand',
       slim: true
-    }), ['itemType', 'nav', 'openStrategy']),
+    }), ['nav', 'openStrategy']),
     modelValue: {
       type: Array,
       default: () => []
@@ -30806,7 +30869,7 @@
       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
@@ -31059,7 +31122,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.9";
+  const version = "3.7.10";
 
   /* eslint-disable local-rules/sort-imports */