vuetify 3.4.6 → 3.4.7

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.6
+* Vuetify v3.4.7
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -7128,7 +7128,7 @@
                 icon: props.appendIcon
               }
             }
-          }, slots.append)]), hasClose && vue.createVNode("div", vue.mergeProps({
+          }, slots.append)]), hasClose && vue.createVNode("button", vue.mergeProps({
             "key": "close",
             "class": "v-chip__close"
           }, closeProps.value), [!slots.close ? vue.createVNode(VIcon, {
@@ -11261,7 +11261,7 @@
     ...makeSelectProps(),
     ...omit(makeVTextFieldProps({
       modelValue: null,
-      role: 'button'
+      role: 'combobox'
     }), ['validationValue', 'dirty', 'appendInnerIcon']),
     ...makeTransitionProps({
       transition: {
@@ -11320,6 +11320,16 @@
         return items.value;
       });
       const menuDisabled = vue.computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
+      const computedMenuProps = vue.computed(() => {
+        return {
+          ...props.menuProps,
+          activatorProps: {
+            ...(props.menuProps?.activatorProps || {}),
+            'aria-haspopup': 'listbox' // Set aria-haspopup to 'listbox'
+          }
+        };
+      });
+
       const listRef = vue.ref();
       const {
         onListScroll,
@@ -11464,7 +11474,7 @@
             "closeOnContentClick": false,
             "transition": props.transition,
             "onAfterLeave": onAfterLeave
-          }, props.menuProps), {
+          }, computedMenuProps.value), {
             default: () => [hasList && vue.createVNode(VList, {
               "ref": listRef,
               "selected": selectedValues.value,
@@ -11878,9 +11888,6 @@
           }
         }
       }
-      function onInput(e) {
-        search.value = e.target.value;
-      }
       function onChange(e) {
         if (matchesSelector(vTextFieldRef.value, ':autofill') || matchesSelector(vTextFieldRef.value, ':-webkit-autofill')) {
           const item = items.value.find(item => item.title === e.target.value);
@@ -11909,6 +11916,8 @@
       }
       const isSelecting = vue.shallowRef(false);
       function select(item) {
+        let add = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        if (item.props.disabled) return;
         if (props.multiple) {
           const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
           if (index === -1) {
@@ -11919,9 +11928,9 @@
             model.value = value;
           }
         } else {
-          model.value = [item];
+          model.value = add ? [item] : [];
           isSelecting.value = true;
-          search.value = item.title;
+          search.value = add ? item.title : '';
           menu.value = false;
           isPristine.value = true;
           vue.nextTick(() => isSelecting.value = false);
@@ -11970,13 +11979,12 @@
           "ref": vTextFieldRef
         }, textFieldProps, {
           "modelValue": search.value,
-          "onUpdate:modelValue": onUpdateModelValue,
+          "onUpdate:modelValue": [$event => search.value = $event, onUpdateModelValue],
           "focused": isFocused.value,
           "onUpdate:focused": $event => isFocused.value = $event,
           "validationValue": model.externalValue,
           "counterValue": counterValue.value,
           "dirty": isDirty,
-          "onInput": onInput,
           "onChange": onChange,
           "class": ['v-autocomplete', `v-autocomplete--${props.multiple ? 'multiple' : 'single'}`, {
             'v-autocomplete--active-menu': menu.value,
@@ -12066,7 +12074,7 @@
             function onChipClose(e) {
               e.stopPropagation();
               e.preventDefault();
-              select(item);
+              select(item, false);
             }
             const slotProps = {
               'onClick:close': onChipClose,
@@ -15615,7 +15623,7 @@
           }
           const originalSelectionIndex = selectionIndex.value;
           const selectedItem = model.value[selectionIndex.value];
-          if (selectedItem && !selectedItem.props.disabled) select(selectedItem);
+          if (selectedItem && !selectedItem.props.disabled) select(selectedItem, false);
           selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
         }
         if (e.key === 'ArrowLeft') {
@@ -25196,7 +25204,7 @@
       date
     };
   }
-  const version$1 = "3.4.6";
+  const version$1 = "3.4.7";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -25221,7 +25229,7 @@
       ...options
     });
   };
-  const version = "3.4.6";
+  const version = "3.4.7";
   createVuetify.version = version;
 
   exports.components = components;