vuetify 3.10.2 → 3.10.3

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.2
+* Vuetify v3.10.3
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1585,7 +1585,7 @@ const easingPatterns = {
 // Utilities
 function getPrefixedEventHandlers(attrs, suffix, getData) {
   return Object.keys(attrs).filter(key => isOn(key) && key.endsWith(suffix)).reduce((acc, key) => {
-    acc[key.slice(0, -suffix.length)] = event => attrs[key](event, getData(event));
+    acc[key.slice(0, -suffix.length)] = event => callEvent(attrs[key], event, getData(event));
     return acc;
   }, {});
 }
@@ -5886,6 +5886,7 @@ function useLink(props, attrs) {
     const href = toRef(() => props.href);
     return {
       isLink,
+      isRouterLink: toRef(() => false),
       isClickable,
       href,
       linkProps: reactive({
@@ -5909,8 +5910,10 @@ function useLink(props, attrs) {
     return link.value.isExactActive?.value && deepEqual(link.value.route.value.query, route.value.query);
   });
   const href = computed(() => props.to ? link.value?.route.value.href : props.href);
+  const isRouterLink = toRef(() => !!props.to);
   return {
     isLink,
+    isRouterLink,
     isClickable,
     isActive,
     route: link.value?.route,
@@ -5918,7 +5921,9 @@ function useLink(props, attrs) {
     href,
     linkProps: reactive({
       href,
-      'aria-current': toRef(() => isActive.value ? 'page' : undefined)
+      'aria-current': toRef(() => isActive.value ? 'page' : undefined),
+      'aria-disabled': toRef(() => props.disabled && isLink.value ? 'true' : undefined),
+      tabindex: toRef(() => props.disabled && isLink.value ? '-1' : undefined)
     })
   };
 }
@@ -6368,7 +6373,7 @@ const VBtn = genericComponent()({
       if (props.active !== undefined) {
         return props.active;
       }
-      if (link.isLink.value) {
+      if (link.isRouterLink.value) {
         return link.isActive?.value;
       }
       return group?.isSelected.value;
@@ -6409,7 +6414,7 @@ const VBtn = genericComponent()({
       const hasPrepend = !!(props.prependIcon || slots.prepend);
       const hasAppend = !!(props.appendIcon || slots.append);
       const hasIcon = !!(props.icon && props.icon !== true);
-      return withDirectives(createVNode(Tag, mergeProps({
+      return withDirectives(createVNode(Tag, mergeProps(link.linkProps, {
         "type": Tag === 'a' ? undefined : 'button',
         "class": ['v-btn', group?.selectedClass.value, {
           'v-btn--active': isActive.value,
@@ -6425,11 +6430,11 @@ const VBtn = genericComponent()({
         }, props.spaced ? ['v-btn--spaced', `v-btn--spaced-${props.spaced}`] : [], themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
         "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, sizeStyles.value, props.style],
         "aria-busy": props.loading ? true : undefined,
-        "disabled": isDisabled.value || undefined,
+        "disabled": isDisabled.value && Tag !== 'a' || undefined,
         "tabindex": props.loading || props.readonly ? -1 : undefined,
         "onClick": onClick,
         "value": valueAttr.value
-      }, link.linkProps), {
+      }), {
         default: () => [genOverlays(true, 'v-btn'), !props.icon && hasPrepend && createElementVNode("span", {
           "key": "prepend",
           "class": "v-btn__prepend"
@@ -8174,7 +8179,7 @@ async function scrollTo(_target, _options, horizontal, goTo) {
   const rtl = goTo?.rtl.value;
   const target = (typeof _target === 'number' ? _target : getTarget$1(_target)) ?? 0;
   const container = options.container === 'parent' && target instanceof HTMLElement ? target.parentElement : getContainer(options.container);
-  const ease = window.matchMedia('(prefers-reduced-motion: reduce)').matches ? options.patterns.instant : typeof options.easing === 'function' ? options.easing : options.patterns[options.easing];
+  const ease = PREFERS_REDUCED_MOTION() ? options.patterns.instant : typeof options.easing === 'function' ? options.easing : options.patterns[options.easing];
   if (!ease) throw new TypeError(`Easing function "${options.easing}" not found.`);
   let targetLocation;
   if (typeof target === 'number') {
@@ -8886,7 +8891,7 @@ const VChip = genericComponent()({
       const hasFilter = !!(slots.filter || props.filter) && group;
       const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);
       const hasPrepend = !!(hasPrependMedia || slots.prepend);
-      return isActive.value && withDirectives(createVNode(Tag, mergeProps({
+      return isActive.value && withDirectives(createVNode(Tag, mergeProps(link.linkProps, {
         "class": ['v-chip', {
           'v-chip--disabled': props.disabled,
           'v-chip--label': props.label,
@@ -8901,7 +8906,7 @@ const VChip = genericComponent()({
         "tabindex": isClickable.value ? 0 : undefined,
         "onClick": onClick,
         "onKeydown": isClickable.value && !isLink.value && onKeyDown
-      }, link.linkProps), {
+      }), {
         default: () => [genOverlays(isClickable.value, 'v-chip'), hasFilter && createVNode(VExpandXTransition, {
           "key": "filter"
         }, {
@@ -10104,7 +10109,7 @@ const VListItem = genericComponent()({
       if (props.activeColor) {
         deprecate('active-color', ['color', 'base-color']);
       }
-      return withDirectives(createVNode(Tag, mergeProps({
+      return withDirectives(createVNode(Tag, mergeProps(link.linkProps, {
         "class": ['v-list-item', {
           'v-list-item--active': isActive.value,
           'v-list-item--disabled': props.disabled,
@@ -10120,7 +10125,7 @@ const VListItem = genericComponent()({
         "role": role.value,
         "onClick": onClick,
         "onKeydown": isClickable.value && !isLink.value && onKeyDown
-      }, link.linkProps), {
+      }), {
         default: () => [genOverlays(isClickable.value || isActive.value, 'v-list-item'), hasPrepend && createElementVNode("div", {
           "key": "prepend",
           "class": "v-list-item__prepend"
@@ -14402,7 +14407,7 @@ const VAutocomplete = genericComponent()({
       } else {
         if (!props.multiple && search.value == null) model.value = [];
         menu.value = false;
-        if (props.multiple || hasSelectionSlot.value) search.value = '';
+        search.value = '';
         selectionIndex.value = -1;
       }
     });
@@ -15625,7 +15630,7 @@ const VCard = genericComponent()({
       const hasImage = !!(slots.image || props.image);
       const hasCardItem = hasHeader || hasPrepend || hasAppend;
       const hasText = !!(slots.text || props.text != null);
-      return withDirectives(createVNode(Tag, mergeProps({
+      return withDirectives(createVNode(Tag, mergeProps(link.linkProps, {
         "class": ['v-card', {
           'v-card--disabled': props.disabled,
           'v-card--flat': props.flat,
@@ -15635,7 +15640,7 @@ const VCard = genericComponent()({
         "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, props.style],
         "onClick": isClickable && link.navigate,
         "tabindex": props.disabled ? -1 : undefined
-      }, link.linkProps), {
+      }), {
         default: () => [hasImage && createElementVNode("div", {
           "key": "image",
           "class": "v-card__image"
@@ -19494,7 +19499,6 @@ const VCombobox = genericComponent()({
     const isFocused = shallowRef(false);
     const isPristine = shallowRef(true);
     const listHasFocus = shallowRef(false);
-    const showAllItemsForNoMatch = shallowRef(false);
     const vMenuRef = ref();
     const vVirtualScrollRef = ref();
     const selectionIndex = shallowRef(-1);
@@ -19550,22 +19554,14 @@ const VCombobox = genericComponent()({
     const {
       filteredItems,
       getMatches
-    } = useFilter(props, items, search);
-    const hasMatchingItems = computed(() => {
-      return props.hideSelected ? filteredItems.value.some(filteredItem => !model.value.some(s => s.value === filteredItem.value)) : filteredItems.value.length > 0;
-    });
+    } = useFilter(props, items, () => isPristine.value ? '' : search.value);
     const displayItems = computed(() => {
       if (props.hideSelected) {
         return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value));
       }
-      if (filteredItems.value.length === 0 && showAllItemsForNoMatch.value) {
-        return items.value;
-      }
       return filteredItems.value;
     });
-    const menuDisabled = computed(() => {
-      return form.isReadonly.value || form.isDisabled.value;
-    });
+    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
     const _menu = useProxiedModel(props, 'menu');
     const menu = computed({
       get: () => _menu.value,
@@ -19582,17 +19578,13 @@ const VCombobox = genericComponent()({
       ariaLabel
     } = useMenuActivator(props, menu);
     watch(_search, value => {
-      showAllItemsForNoMatch.value = false;
       if (cleared) {
         // wait for clear to finish, VTextField sets _search to null
         // then search computed triggers and updates _search to ''
         nextTick(() => cleared = false);
       } else if (isFocused.value && !menu.value) {
-        menu.value = hasMatchingItems.value || !props.hideNoData;
-      } else if (isFocused.value && menu.value && !hasMatchingItems.value && props.hideNoData) {
-        menu.value = false;
+        menu.value = true;
       }
-      isPristine.value = !value;
       emit('update:search', value);
     });
     watch(model, value => {
@@ -19771,19 +19763,13 @@ const VCombobox = genericComponent()({
         }
       }
     });
-    watch(menu, val => {
-      if (!props.hideSelected && val && model.value.length) {
+    watch(menu, () => {
+      if (!props.hideSelected && menu.value && model.value.length) {
         const index = displayItems.value.findIndex(item => model.value.some(s => (props.valueComparator || deepEqual)(s.value, item.value)));
         IN_BROWSER && window.requestAnimationFrame(() => {
           index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
         });
       }
-      if (val && search.value && !hasMatchingItems.value) {
-        showAllItemsForNoMatch.value = true;
-      }
-      isPristine.value = !search.value;
-    }, {
-      immediate: true
     });
     watch(items, (newVal, oldVal) => {
       if (menu.value) return;
@@ -19980,7 +19966,7 @@ const VCombobox = genericComponent()({
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
           }
-          return createElementVNode(Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? createVNode(VIcon, {
+          return createElementVNode(Fragment, null, [slots['append-inner']?.(...args), (!props.hideNoData || props.items.length) && props.menuIcon ? createVNode(VIcon, {
             "class": "v-combobox__menu-icon",
             "color": vTextFieldRef.value?.fieldIconColor,
             "icon": props.menuIcon,
@@ -20123,20 +20109,20 @@ function provideExpanded(props) {
   }, v => {
     return [...v.values()];
   });
-  function getItemKey(item) {
-    return isObject(item.value) ? item.key : item.value;
-  }
   function expand(item, value) {
     const newExpanded = new Set(expanded.value);
+    const rawValue = toRaw(item.value);
     if (!value) {
-      newExpanded.delete(getItemKey(item));
+      const item = [...expanded.value].find(x => toRaw(x) === rawValue);
+      newExpanded.delete(item);
     } else {
-      newExpanded.add(getItemKey(item));
+      newExpanded.add(rawValue);
     }
     expanded.value = newExpanded;
   }
   function isExpanded(item) {
-    return expanded.value.has(getItemKey(item));
+    const rawValue = toRaw(item.value);
+    return [...expanded.value].some(x => toRaw(x) === rawValue);
   }
   function toggleExpand(item) {
     expand(item, !isExpanded(item));
@@ -26999,6 +26985,7 @@ const VNumberInput = genericComponent()({
     useRender(() => {
       const {
         modelValue: _,
+        type,
         ...textFieldProps
       } = VTextField.filterProps(props);
       function incrementControlNode() {
@@ -29448,7 +29435,7 @@ const VSwitch = genericComponent()({
     } = useFocus(props);
     const control = ref();
     const inputRef = ref();
-    const isForcedColorsModeActive = IN_BROWSER && window.matchMedia('(forced-colors: active)').matches;
+    const isForcedColorsModeActive = SUPPORTS_MATCH_MEDIA && window.matchMedia('(forced-colors: active)').matches;
     const loaderColor = toRef(() => {
       return typeof props.loading === 'string' && props.loading !== '' ? props.loading : props.color;
     });
@@ -32250,7 +32237,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.10.2";
+const version$1 = "3.10.3";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -32275,7 +32262,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.10.2";
+const version = "3.10.3";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useMask, useRtl, useTheme, version };