vuetify 3.10.2 → 3.10.3

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.2
+* Vuetify v3.10.3
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1589,7 +1589,7 @@
   // 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;
     }, {});
   }
@@ -5890,6 +5890,7 @@
       const href = vue.toRef(() => props.href);
       return {
         isLink,
+        isRouterLink: vue.toRef(() => false),
         isClickable,
         href,
         linkProps: vue.reactive({
@@ -5913,8 +5914,10 @@
       return link.value.isExactActive?.value && deepEqual(link.value.route.value.query, route.value.query);
     });
     const href = vue.computed(() => props.to ? link.value?.route.value.href : props.href);
+    const isRouterLink = vue.toRef(() => !!props.to);
     return {
       isLink,
+      isRouterLink,
       isClickable,
       isActive,
       route: link.value?.route,
@@ -5922,7 +5925,9 @@
       href,
       linkProps: vue.reactive({
         href,
-        'aria-current': vue.toRef(() => isActive.value ? 'page' : undefined)
+        'aria-current': vue.toRef(() => isActive.value ? 'page' : undefined),
+        'aria-disabled': vue.toRef(() => props.disabled && isLink.value ? 'true' : undefined),
+        tabindex: vue.toRef(() => props.disabled && isLink.value ? '-1' : undefined)
       })
     };
   }
@@ -6372,7 +6377,7 @@
         if (props.active !== undefined) {
           return props.active;
         }
-        if (link.isLink.value) {
+        if (link.isRouterLink.value) {
           return link.isActive?.value;
         }
         return group?.isSelected.value;
@@ -6413,7 +6418,7 @@
         const hasPrepend = !!(props.prependIcon || slots.prepend);
         const hasAppend = !!(props.appendIcon || slots.append);
         const hasIcon = !!(props.icon && props.icon !== true);
-        return vue.withDirectives(vue.createVNode(Tag, vue.mergeProps({
+        return vue.withDirectives(vue.createVNode(Tag, vue.mergeProps(link.linkProps, {
           "type": Tag === 'a' ? undefined : 'button',
           "class": ['v-btn', group?.selectedClass.value, {
             'v-btn--active': isActive.value,
@@ -6429,11 +6434,11 @@
           }, 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 && vue.createElementVNode("span", {
             "key": "prepend",
             "class": "v-btn__prepend"
@@ -8178,7 +8183,7 @@
     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') {
@@ -8890,7 +8895,7 @@
         const hasFilter = !!(slots.filter || props.filter) && group;
         const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);
         const hasPrepend = !!(hasPrependMedia || slots.prepend);
-        return isActive.value && vue.withDirectives(vue.createVNode(Tag, vue.mergeProps({
+        return isActive.value && vue.withDirectives(vue.createVNode(Tag, vue.mergeProps(link.linkProps, {
           "class": ['v-chip', {
             'v-chip--disabled': props.disabled,
             'v-chip--label': props.label,
@@ -8905,7 +8910,7 @@
           "tabindex": isClickable.value ? 0 : undefined,
           "onClick": onClick,
           "onKeydown": isClickable.value && !isLink.value && onKeyDown
-        }, link.linkProps), {
+        }), {
           default: () => [genOverlays(isClickable.value, 'v-chip'), hasFilter && vue.createVNode(VExpandXTransition, {
             "key": "filter"
           }, {
@@ -10108,7 +10113,7 @@
         if (props.activeColor) {
           deprecate('active-color', ['color', 'base-color']);
         }
-        return vue.withDirectives(vue.createVNode(Tag, vue.mergeProps({
+        return vue.withDirectives(vue.createVNode(Tag, vue.mergeProps(link.linkProps, {
           "class": ['v-list-item', {
             'v-list-item--active': isActive.value,
             'v-list-item--disabled': props.disabled,
@@ -10124,7 +10129,7 @@
           "role": role.value,
           "onClick": onClick,
           "onKeydown": isClickable.value && !isLink.value && onKeyDown
-        }, link.linkProps), {
+        }), {
           default: () => [genOverlays(isClickable.value || isActive.value, 'v-list-item'), hasPrepend && vue.createElementVNode("div", {
             "key": "prepend",
             "class": "v-list-item__prepend"
@@ -14406,7 +14411,7 @@
         } else {
           if (!props.multiple && search.value == null) model.value = [];
           menu.value = false;
-          if (props.multiple || hasSelectionSlot.value) search.value = '';
+          search.value = '';
           selectionIndex.value = -1;
         }
       });
@@ -15629,7 +15634,7 @@
         const hasImage = !!(slots.image || props.image);
         const hasCardItem = hasHeader || hasPrepend || hasAppend;
         const hasText = !!(slots.text || props.text != null);
-        return vue.withDirectives(vue.createVNode(Tag, vue.mergeProps({
+        return vue.withDirectives(vue.createVNode(Tag, vue.mergeProps(link.linkProps, {
           "class": ['v-card', {
             'v-card--disabled': props.disabled,
             'v-card--flat': props.flat,
@@ -15639,7 +15644,7 @@
           "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, props.style],
           "onClick": isClickable && link.navigate,
           "tabindex": props.disabled ? -1 : undefined
-        }, link.linkProps), {
+        }), {
           default: () => [hasImage && vue.createElementVNode("div", {
             "key": "image",
             "class": "v-card__image"
@@ -19498,7 +19503,6 @@
       const isFocused = vue.shallowRef(false);
       const isPristine = vue.shallowRef(true);
       const listHasFocus = vue.shallowRef(false);
-      const showAllItemsForNoMatch = vue.shallowRef(false);
       const vMenuRef = vue.ref();
       const vVirtualScrollRef = vue.ref();
       const selectionIndex = vue.shallowRef(-1);
@@ -19554,22 +19558,14 @@
       const {
         filteredItems,
         getMatches
-      } = useFilter(props, items, search);
-      const hasMatchingItems = vue.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 = vue.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 = vue.computed(() => {
-        return form.isReadonly.value || form.isDisabled.value;
-      });
+      const menuDisabled = vue.computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
       const _menu = useProxiedModel(props, 'menu');
       const menu = vue.computed({
         get: () => _menu.value,
@@ -19586,17 +19582,13 @@
         ariaLabel
       } = useMenuActivator(props, menu);
       vue.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 ''
           vue.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);
       });
       vue.watch(model, value => {
@@ -19775,19 +19767,13 @@
           }
         }
       });
-      vue.watch(menu, val => {
-        if (!props.hideSelected && val && model.value.length) {
+      vue.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
       });
       vue.watch(items, (newVal, oldVal) => {
         if (menu.value) return;
@@ -19984,7 +19970,7 @@
             for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
               args[_key] = arguments[_key];
             }
-            return vue.createElementVNode(vue.Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? vue.createVNode(VIcon, {
+            return vue.createElementVNode(vue.Fragment, null, [slots['append-inner']?.(...args), (!props.hideNoData || props.items.length) && props.menuIcon ? vue.createVNode(VIcon, {
               "class": "v-combobox__menu-icon",
               "color": vTextFieldRef.value?.fieldIconColor,
               "icon": props.menuIcon,
@@ -20127,20 +20113,20 @@
     }, 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 = vue.toRaw(item.value);
       if (!value) {
-        newExpanded.delete(getItemKey(item));
+        const item = [...expanded.value].find(x => vue.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 = vue.toRaw(item.value);
+      return [...expanded.value].some(x => vue.toRaw(x) === rawValue);
     }
     function toggleExpand(item) {
       expand(item, !isExpanded(item));
@@ -27003,6 +26989,7 @@
       useRender(() => {
         const {
           modelValue: _,
+          type,
           ...textFieldProps
         } = VTextField.filterProps(props);
         function incrementControlNode() {
@@ -29452,7 +29439,7 @@
       } = useFocus(props);
       const control = vue.ref();
       const inputRef = vue.ref();
-      const isForcedColorsModeActive = IN_BROWSER && window.matchMedia('(forced-colors: active)').matches;
+      const isForcedColorsModeActive = SUPPORTS_MATCH_MEDIA && window.matchMedia('(forced-colors: active)').matches;
       const loaderColor = vue.toRef(() => {
         return typeof props.loading === 'string' && props.loading !== '' ? props.loading : props.color;
       });
@@ -32254,7 +32241,7 @@
       };
     });
   }
-  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
@@ -32279,7 +32266,7 @@
       ...options
     });
   };
-  const version = "3.10.2";
+  const version = "3.10.3";
   createVuetify.version = version;
 
   exports.blueprints = index;