vuetify 3.2.4 → 3.3.0

package/lib/components/VAutocomplete/VAutocomplete.css

@@ -15,14 +15,13 @@
 .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
   cursor: text;
 }
+.v-autocomplete .v-field--variant-outlined {
+  --autocomplete-chips-margin-bottom: 2px;
+}
 .v-autocomplete .v-field .v-field__input > input {
   align-self: flex-start;
   flex: 1 1;
 }
-.v-autocomplete .v-field .v-field__append-inner > .v-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
 .v-autocomplete .v-field:not(.v-field--focused) input {
   min-width: 0;
 }
@@ -49,15 +48,14 @@
   line-height: inherit;
   max-width: 100%;
 }
-.v-autocomplete--active-menu .v-field__append-inner > .v-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
+.v-autocomplete--chips .v-field__input, .v-autocomplete--selection-slot .v-field__input {
+  min-height: calc(var(--v-field-input-min-height) + var(--autocomplete-chips-margin-bottom) + 2px);
 }
-.v-autocomplete--chips .v-autocomplete__selection {
+.v-autocomplete--chips .v-autocomplete__selection, .v-autocomplete--selection-slot .v-autocomplete__selection {
   margin-top: 2px;
   margin-bottom: var(--autocomplete-chips-margin-bottom);
 }
-.v-autocomplete--chips .v-autocomplete__selection:first-child {
+.v-autocomplete--chips .v-autocomplete__selection:first-child, .v-autocomplete--selection-slot .v-autocomplete__selection:first-child {
   margin-inline-start: 0;
 }
 .v-autocomplete--selecting-index .v-autocomplete__selection {
@@ -86,4 +84,12 @@
 }
 .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
   opacity: 0;
+}
+.v-autocomplete__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-autocomplete--active-menu .v-autocomplete__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -15,12 +15,12 @@ import { forwardRefs } from "../../composables/forwardRefs.mjs";
 import { makeFilterProps, useFilter } from "../../composables/filter.mjs";
 import { makeTransitionProps } from "../../composables/transition.mjs";
 import { useForm } from "../../composables/form.mjs";
-import { useItems } from "../../composables/items.mjs";
+import { useItems } from "../../composables/list-items.mjs";
 import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utility
 import { computed, mergeProps, nextTick, ref, shallowRef, watch } from 'vue';
-import { genericComponent, omit, propsFactory, useRender, wrapInArray } from "../../util/index.mjs";
+import { genericComponent, noop, omit, propsFactory, useRender, wrapInArray } from "../../util/index.mjs";
 import { makeVTextFieldProps } from "../VTextField/VTextField.mjs"; // Types
 function highlightResult(text, matches, length) {
   if (matches == null) return text;
@@ -34,8 +34,9 @@ function highlightResult(text, matches, length) {
   }, [text.substr(matches + length)])]) : text;
 }
 export const makeVAutocompleteProps = propsFactory({
-  // TODO: implement post keyboard support
-  // autoSelectFirst: Boolean,
+  autoSelectFirst: {
+    type: [Boolean, String]
+  },
   search: String,
   ...makeFilterProps({
     filterKeys: ['title']
@@ -67,6 +68,7 @@ export const VAutocomplete = genericComponent()({
     const vTextFieldRef = ref();
     const isFocused = shallowRef(false);
     const isPristine = shallowRef(true);
+    const listHasFocus = ref(false);
     const vMenuRef = ref();
     const _menu = useProxiedModel(props, 'menu');
     const menu = computed({
@@ -110,6 +112,10 @@ export const VAutocomplete = genericComponent()({
     });
     const selected = computed(() => selections.value.map(selection => selection.props.value));
     const selection = computed(() => selections.value[selectionIndex.value]);
+    const highlightFirst = computed(() => {
+      const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
+      return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
+    });
     const listRef = ref();
     function onClear(e) {
       if (props.openOnClear) {
@@ -121,6 +127,13 @@ export const VAutocomplete = genericComponent()({
       if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
       menu.value = true;
     }
+    function onMousedownMenuIcon(e) {
+      if (isFocused.value) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+      menu.value = !menu.value;
+    }
     function onKeydown(e) {
       if (props.readonly || form?.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
@@ -135,10 +148,16 @@ export const VAutocomplete = genericComponent()({
         menu.value = false;
       }
       if (['Enter', 'Escape', 'Tab'].includes(e.key)) {
+        if (highlightFirst.value && ['Enter', 'Tab'].includes(e.key)) {
+          select(filteredItems.value[0]);
+        }
         isPristine.value = true;
       }
       if (e.key === 'ArrowDown') {
         listRef.value?.focus('next');
+        if (highlightFirst.value) {
+          listRef.value?.focus('next');
+        }
       } else if (e.key === 'ArrowUp') {
         listRef.value?.focus('prev');
       }
@@ -186,6 +205,12 @@ export const VAutocomplete = genericComponent()({
     }
     function onFocusin(e) {
       isFocused.value = true;
+      setTimeout(() => {
+        listHasFocus.value = true;
+      });
+    }
+    function onFocusout(e) {
+      listHasFocus.value = false;
     }
     const isSelecting = shallowRef(false);
     function select(item) {
@@ -207,14 +232,22 @@ export const VAutocomplete = genericComponent()({
         nextTick(() => isSelecting.value = false);
       }
     }
-    watch(isFocused, val => {
+    watch(isFocused, (val, oldVal) => {
+      if (val === oldVal) return;
       if (val) {
         isSelecting.value = true;
         search.value = props.multiple ? '' : String(selections.value.at(-1)?.props.title ?? '');
         isPristine.value = true;
         nextTick(() => isSelecting.value = false);
       } else {
-        if (!props.multiple && !search.value) model.value = [];
+        if (!props.multiple && !search.value) model.value = [];else if (highlightFirst.value && !listHasFocus.value && !selections.value.some(_ref2 => {
+          let {
+            value
+          } = _ref2;
+          return value === displayItems.value[0].value;
+        })) {
+          select(displayItems.value[0]);
+        }
         menu.value = false;
         search.value = '';
         selectionIndex.value = -1;
@@ -245,10 +278,10 @@ export const VAutocomplete = genericComponent()({
         "class": ['v-autocomplete', `v-autocomplete--${props.multiple ? 'multiple' : 'single'}`, {
           'v-autocomplete--active-menu': menu.value,
           'v-autocomplete--chips': !!props.chips,
+          'v-autocomplete--selection-slot': !!slots.selection,
           'v-autocomplete--selecting-index': selectionIndex.value > -1
         }, props.class],
         "style": props.style,
-        "appendInnerIcon": props.menuIcon,
         "readonly": props.readonly,
         "placeholder": isDirty ? undefined : props.placeholder,
         "onClick:clear": onClear,
@@ -274,36 +307,40 @@ export const VAutocomplete = genericComponent()({
             "selected": selected.value,
             "selectStrategy": props.multiple ? 'independent' : 'single-independent',
             "onMousedown": e => e.preventDefault(),
-            "onFocusin": onFocusin
+            "onFocusin": onFocusin,
+            "onFocusout": onFocusout
           }, {
             default: () => [!displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? _createVNode(VListItem, {
               "title": t(props.noDataText)
-            }, null)), slots['prepend-item']?.(), displayItems.value.map(item => slots.item?.({
-              item,
-              props: mergeProps(item.props, {
+            }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+              const itemProps = mergeProps(item.props, {
+                key: index,
+                active: highlightFirst.value && index === 0 ? true : undefined,
                 onClick: () => select(item)
-              })
-            }) ?? _createVNode(VListItem, _mergeProps({
-              "key": item.value
-            }, item.props, {
-              "onClick": () => select(item)
-            }), {
-              prepend: _ref2 => {
-                let {
-                  isSelected
-                } = _ref2;
-                return _createVNode(_Fragment, null, [props.multiple && !props.hideSelected ? _createVNode(VCheckboxBtn, {
-                  "modelValue": isSelected,
-                  "ripple": false,
-                  "tabindex": "-1"
-                }, null) : undefined, item.props.prependIcon && _createVNode(VIcon, {
-                  "icon": item.props.prependIcon
-                }, null)]);
-              },
-              title: () => {
-                return isPristine.value ? item.title : highlightResult(item.title, getMatches(item)?.title, search.value?.length ?? 0);
-              }
-            })), slots['append-item']?.()]
+              });
+              return slots.item?.({
+                item,
+                index,
+                props: itemProps
+              }) ?? _createVNode(VListItem, itemProps, {
+                prepend: _ref3 => {
+                  let {
+                    isSelected
+                  } = _ref3;
+                  return _createVNode(_Fragment, null, [props.multiple && !props.hideSelected ? _createVNode(VCheckboxBtn, {
+                    "key": item.value,
+                    "modelValue": isSelected,
+                    "ripple": false,
+                    "tabindex": "-1"
+                  }, null) : undefined, item.props.prependIcon && _createVNode(VIcon, {
+                    "icon": item.props.prependIcon
+                  }, null)]);
+                },
+                title: () => {
+                  return isPristine.value ? item.title : highlightResult(item.title, getMatches(item)?.title, search.value?.length ?? 0);
+                }
+              });
+            }), slots['append-item']?.()]
           })]
         }), selections.value.map((item, index) => {
           function onChipClose(e) {
@@ -352,7 +389,18 @@ export const VAutocomplete = genericComponent()({
           }, [item.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
             "class": "v-autocomplete__selection-comma"
           }, [_createTextVNode(",")])])]);
-        })])
+        })]),
+        'append-inner': function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return _createVNode(_Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? _createVNode(VIcon, {
+            "class": "v-autocomplete__menu-icon",
+            "icon": props.menuIcon,
+            "onMousedown": onMousedownMenuIcon,
+            "onClick": noop
+          }, null) : undefined]);
+        }
       });
     });
     return forwardRefs({

package/lib/components/VAutocomplete/VAutocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VIcon","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","useForm","useItems","useLocale","useProxiedModel","useTextColor","computed","mergeProps","nextTick","ref","shallowRef","watch","genericComponent","omit","propsFactory","useRender","wrapInArray","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","_createVNode","_Fragment","substr","makeVAutocompleteProps","search","String","filterKeys","modelValue","transition","VAutocomplete","name","props","emits","focused","val","setup","_ref","slots","t","vTextFieldRef","isFocused","isPristine","vMenuRef","_menu","menu","get","value","set","v","ΨopenChildren","selectionIndex","color","items","transformIn","transformOut","textColorClasses","textColorStyles","model","transformed","multiple","form","filteredItems","getMatches","undefined","selections","map","find","item","valueComparator","displayItems","hideSelected","filter","filteredItem","some","s","selected","selection","listRef","onClear","e","openOnClear","onMousedownControl","hideNoData","readonly","isReadonly","onKeydown","selectionStart","includes","key","preventDefault","focus","originalSelectionIndex","select","prev","setSelectionRange","next","onInput","target","onAfterLeave","onFocusin","isSelecting","index","findIndex","splice","title","at","hasChips","chips","chip","hasList","prepend","append","isDirty","textFieldProps","filterProps","_mergeProps","$event","externalValue","class","style","menuIcon","placeholder","default","eager","menuProps","noDataText","onClick","_ref2","isSelected","prependIcon","onChipClose","stopPropagation","slotProps","onMousedown","closableChips","closable","size","_createTextVNode"],"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"sourcesContent":["// Styles\nimport './VAutocomplete.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useForm } from '@/composables/form'\nimport { useItems } from '@/composables/items'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, shallowRef, watch } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender, wrapInArray } from '@/util'\nimport { makeVTextFieldProps } from '@/components/VTextField/VTextField'\n\n// Types\nimport type { FilterMatch } from '@/composables/filter'\nimport type { InternalItem } from '@/composables/items'\nimport type { GenericProps } from '@/util'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nfunction highlightResult (text: string, matches: FilterMatch | undefined, length: number) {\n  if (matches == null) return text\n\n  if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n  return typeof matches === 'number' && ~matches\n    ? (\n      <>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(0, matches) }</span>\n        <span class=\"v-autocomplete__mask\">{ text.substr(matches, length) }</span>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(matches + length) }</span>\n      </>\n    )\n    : text\n}\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = T extends Primitive\n  ? T\n  : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? readonly Val<T, ReturnObject>[]\n    : Val<T, ReturnObject> | null\n\nexport const makeVAutocompleteProps = propsFactory({\n  // TODO: implement post keyboard support\n  // autoSelectFirst: Boolean,\n  search: String,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...makeSelectProps(),\n  ...omit(makeVTextFieldProps({\n    modelValue: null,\n  }), ['validationValue', 'dirty', 'appendInnerIcon']),\n  ...makeTransitionProps({ transition: false }),\n}, 'v-autocomplete')\n\nexport const VAutocomplete = genericComponent<new <\n  T extends readonly any[],\n  Item = T extends (infer U)[] ? U : never,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>\n>(props: {\n  items?: T\n  returnObject?: ReturnObject\n  multiple?: Multiple\n  modelValue?: V | null\n  'onUpdate:modelValue'?: (val: V) => void\n}) => GenericProps<typeof props, Omit<VInputSlots & VFieldSlots, 'default'> & {\n  item: [{ item: InternalItem<Item>, index: number, props: Record<string, unknown> }]\n  chip: [{ item: InternalItem<Item>, index: number, props: Record<string, unknown> }]\n  selection: [{ item: InternalItem<Item>, index: number }]\n  'prepend-item': []\n  'append-item': []\n  'no-data': []\n}>>()({\n  name: 'VAutocomplete',\n\n  props: makeVAutocompleteProps(),\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:search': (val: any) => true,\n    'update:modelValue': (val: any) => true,\n    'update:menu': (val: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref()\n    const isFocused = shallowRef(false)\n    const isPristine = shallowRef(true)\n    const vMenuRef = ref<VMenu>()\n    const _menu = useProxiedModel(props, 'menu')\n    const menu = computed({\n      get: () => _menu.value,\n      set: v => {\n        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return\n        _menu.value = v\n      },\n    })\n    const selectionIndex = shallowRef(-1)\n    const color = computed(() => vTextFieldRef.value?.color)\n    const { items, transformIn, transformOut } = useItems(props)\n    const { textColorClasses, textColorStyles } = useTextColor(color)\n    const search = useProxiedModel(props, 'search', '')\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const form = useForm()\n    const { filteredItems, getMatches } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n    const selections = computed(() => {\n      return model.value.map(v => {\n        return items.value.find(item => props.valueComparator(item.value, v.value)) || v\n      })\n    })\n\n    const displayItems = computed(() => {\n      if (props.hideSelected) {\n        return filteredItems.value.filter(filteredItem => !selections.value.some(s => s.value === filteredItem.value))\n      }\n      return filteredItems.value\n    })\n\n    const selected = computed(() => selections.value.map(selection => selection.props.value))\n    const selection = computed(() => selections.value[selectionIndex.value])\n    const listRef = ref<VList>()\n\n    function onClear (e: MouseEvent) {\n      if (props.openOnClear) {\n        menu.value = true\n      }\n\n      search.value = ''\n    }\n    function onMousedownControl () {\n      if (\n        (props.hideNoData && !items.value.length) ||\n        props.readonly || form?.isReadonly.value\n      ) return\n\n      menu.value = true\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (props.readonly || form?.isReadonly.value) return\n\n      const selectionStart = vTextFieldRef.value.selectionStart\n      const length = selected.value.length\n\n      if (\n        selectionIndex.value > -1 ||\n        ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)\n      ) {\n        e.preventDefault()\n      }\n\n      if (['Enter', 'ArrowDown'].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n        isPristine.value = true\n      }\n\n      if (e.key === 'ArrowDown') {\n        listRef.value?.focus('next')\n      } else if (e.key === 'ArrowUp') {\n        listRef.value?.focus('prev')\n      }\n\n      if (!props.multiple) return\n\n      if (['Backspace', 'Delete'].includes(e.key)) {\n        if (selectionIndex.value < 0) {\n          if (e.key === 'Backspace' && !search.value) {\n            selectionIndex.value = length - 1\n          }\n\n          return\n        }\n\n        const originalSelectionIndex = selectionIndex.value\n\n        if (selection.value) select(selection.value)\n\n        selectionIndex.value = originalSelectionIndex >= length - 1 ? (length - 2) : originalSelectionIndex\n      }\n\n      if (e.key === 'ArrowLeft') {\n        if (selectionIndex.value < 0 && selectionStart > 0) return\n\n        const prev = selectionIndex.value > -1\n          ? selectionIndex.value - 1\n          : length - 1\n\n        if (selections.value[prev]) {\n          selectionIndex.value = prev\n        } else {\n          selectionIndex.value = -1\n          vTextFieldRef.value.setSelectionRange(search.value?.length, search.value?.length)\n        }\n      }\n\n      if (e.key === 'ArrowRight') {\n        if (selectionIndex.value < 0) return\n\n        const next = selectionIndex.value + 1\n\n        if (selections.value[next]) {\n          selectionIndex.value = next\n        } else {\n          selectionIndex.value = -1\n          vTextFieldRef.value.setSelectionRange(0, 0)\n        }\n      }\n    }\n\n    function onInput (e: InputEvent) {\n      search.value = (e.target as HTMLInputElement).value\n    }\n\n    function onAfterLeave () {\n      if (isFocused.value) {\n        isPristine.value = true\n        vTextFieldRef.value?.focus()\n      }\n    }\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n\n    const isSelecting = shallowRef(false)\n\n    function select (item: InternalItem) {\n      if (props.multiple) {\n        const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value))\n\n        if (index === -1) {\n          model.value = [...model.value, item]\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n      } else {\n        model.value = [item]\n\n        isSelecting.value = true\n\n        search.value = item.title\n\n        menu.value = false\n        isPristine.value = true\n\n        nextTick(() => (isSelecting.value = false))\n      }\n    }\n\n    watch(isFocused, val => {\n      if (val) {\n        isSelecting.value = true\n        search.value = props.multiple ? '' : String(selections.value.at(-1)?.props.title ?? '')\n        isPristine.value = true\n\n        nextTick(() => isSelecting.value = false)\n      } else {\n        if (!props.multiple && !search.value) model.value = []\n        menu.value = false\n        search.value = ''\n        selectionIndex.value = -1\n      }\n    })\n\n    watch(search, val => {\n      if (!isFocused.value || isSelecting.value) return\n\n      if (val) menu.value = true\n\n      isPristine.value = !val\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n      const hasList = !!((!props.hideNoData || displayItems.value.length) || slots.prepend || slots.append || slots['no-data'])\n      const isDirty = model.value.length > 0\n      const [textFieldProps] = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          { ...textFieldProps }\n          modelValue={ search.value }\n          onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n          v-model:focused={ isFocused.value }\n          validationValue={ model.externalValue }\n          dirty={ isDirty }\n          onInput={ onInput }\n          class={[\n            'v-autocomplete',\n            `v-autocomplete--${props.multiple ? 'multiple' : 'single'}`,\n            {\n              'v-autocomplete--active-menu': menu.value,\n              'v-autocomplete--chips': !!props.chips,\n              'v-autocomplete--selecting-index': selectionIndex.value > -1,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          appendInnerIcon={ props.menuIcon }\n          readonly={ props.readonly }\n          placeholder={ isDirty ? undefined : props.placeholder }\n          onClick:clear={ onClear }\n          onMousedown:control={ onMousedownControl }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  ref={ vMenuRef }\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-autocomplete__content\"\n                  eager={ props.eager }\n                  maxHeight={ 310 }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterLeave={ onAfterLeave }\n                  { ...props.menuProps }\n                >\n                  { hasList && (\n                    <VList\n                      ref={ listRef }\n                      selected={ selected.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                      onFocusin={ onFocusin }\n                    >\n                      { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                        <VListItem title={ t(props.noDataText) } />\n                      ))}\n\n                      { slots['prepend-item']?.() }\n\n                      { displayItems.value.map(item => slots.item?.({\n                        item,\n                        props: mergeProps(item.props, { onClick: () => select(item) }),\n                      }) ?? (\n                        <VListItem\n                          key={ item.value }\n                          { ...item.props }\n                          onClick={ () => select(item) }\n                        >\n                          {{\n                            prepend: ({ isSelected }) => (\n                              <>\n                                { props.multiple && !props.hideSelected ? (\n                                  <VCheckboxBtn\n                                    modelValue={ isSelected }\n                                    ripple={ false }\n                                    tabindex=\"-1\"\n                                  />\n                                ) : undefined }\n\n                                { item.props.prependIcon && (\n                                  <VIcon icon={ item.props.prependIcon } />\n                                )}\n                              </>\n                            ),\n                            title: () => {\n                              return isPristine.value\n                                ? item.title\n                                : highlightResult(item.title, getMatches(item)?.title, search.value?.length ?? 0)\n                            },\n                          }}\n                        </VListItem>\n                      ))}\n\n                      { slots['append-item']?.() }\n                    </VList>\n                  )}\n                </VMenu>\n\n                { selections.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    onMousedown (e: MouseEvent) {\n                      e.preventDefault()\n                      e.stopPropagation()\n                    },\n                    modelValue: true,\n                    'onUpdate:modelValue': undefined,\n                  }\n\n                  return (\n                    <div\n                      key={ item.value }\n                      class={[\n                        'v-autocomplete__selection',\n                        index === selectionIndex.value && [\n                          'v-autocomplete__selection--selected',\n                          textColorClasses.value,\n                        ],\n                      ]}\n                      style={ index === selectionIndex.value ? textColorStyles.value : {} }\n                    >\n                      { hasChips ? (\n                        !slots.chip ? (\n                          <VChip\n                            key=\"chip\"\n                            closable={ props.closableChips }\n                            size=\"small\"\n                            text={ item.title }\n                            { ...slotProps }\n                          />\n                        ) : (\n                          <VDefaultsProvider\n                            key=\"chip-defaults\"\n                            defaults={{\n                              VChip: {\n                                closable: props.closableChips,\n                                size: 'small',\n                                text: item.title,\n                              },\n                            }}\n                          >\n                            { slots.chip?.({ item, index, props: slotProps }) }\n                          </VDefaultsProvider>\n                        )\n                      ) : (\n                        slots.selection?.({ item, index }) ?? (\n                          <span class=\"v-autocomplete__selection-text\">\n                            { item.title }\n                            { props.multiple && (index < selections.value.length - 1) && (\n                              <span class=\"v-autocomplete__selection-comma\">,</span>\n                            )}\n                          </span>\n                        )\n                      )}\n                    </div>\n                  )\n                })}\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      isFocused,\n      isPristine,\n      menu,\n      search,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":"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"}
+{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VIcon","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","useForm","useItems","useLocale","useProxiedModel","useTextColor","computed","mergeProps","nextTick","ref","shallowRef","watch","genericComponent","noop","omit","propsFactory","useRender","wrapInArray","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","_createVNode","_Fragment","substr","makeVAutocompleteProps","autoSelectFirst","type","Boolean","String","search","filterKeys","modelValue","transition","VAutocomplete","name","props","emits","focused","val","setup","_ref","slots","t","vTextFieldRef","isFocused","isPristine","listHasFocus","vMenuRef","_menu","menu","get","value","set","v","ΨopenChildren","selectionIndex","color","items","transformIn","transformOut","textColorClasses","textColorStyles","model","transformed","multiple","form","filteredItems","getMatches","undefined","selections","map","find","item","valueComparator","displayItems","hideSelected","filter","filteredItem","some","s","selected","selection","highlightFirst","selectFirst","title","listRef","onClear","e","openOnClear","onMousedownControl","hideNoData","readonly","isReadonly","onMousedownMenuIcon","preventDefault","stopPropagation","onKeydown","selectionStart","includes","key","select","focus","originalSelectionIndex","prev","setSelectionRange","next","onInput","target","onAfterLeave","onFocusin","setTimeout","onFocusout","isSelecting","index","findIndex","splice","oldVal","at","_ref2","hasChips","chips","chip","hasList","prepend","append","isDirty","textFieldProps","filterProps","_mergeProps","$event","externalValue","class","style","placeholder","default","eager","menuProps","noDataText","itemProps","active","onClick","_ref3","isSelected","prependIcon","onChipClose","slotProps","onMousedown","closableChips","closable","size","_createTextVNode","append-inner","_len","arguments","args","_key","menuIcon"],"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"sourcesContent":["// Styles\nimport './VAutocomplete.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useForm } from '@/composables/form'\nimport { useItems } from '@/composables/list-items'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, shallowRef, watch } from 'vue'\nimport { genericComponent, noop, omit, propsFactory, useRender, wrapInArray } from '@/util'\nimport { makeVTextFieldProps } from '@/components/VTextField/VTextField'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { GenericProps } from '@/util'\nimport type { FilterMatch } from '@/composables/filter'\nimport type { ListItem } from '@/composables/list-items'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nfunction highlightResult (text: string, matches: FilterMatch | undefined, length: number) {\n  if (matches == null) return text\n\n  if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n  return typeof matches === 'number' && ~matches\n    ? (\n      <>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(0, matches) }</span>\n        <span class=\"v-autocomplete__mask\">{ text.substr(matches, length) }</span>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(matches + length) }</span>\n      </>\n    )\n    : text\n}\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = [T] extends [Primitive]\n  ? T\n  : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? readonly Val<T, ReturnObject>[]\n    : Val<T, ReturnObject> | null\n\nexport const makeVAutocompleteProps = propsFactory({\n  autoSelectFirst: {\n    type: [Boolean, String] as PropType<boolean | 'exact'>,\n  },\n  search: String,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...makeSelectProps(),\n  ...omit(makeVTextFieldProps({\n    modelValue: null,\n  }), ['validationValue', 'dirty', 'appendInnerIcon']),\n  ...makeTransitionProps({ transition: false }),\n}, 'v-autocomplete')\n\nexport const VAutocomplete = genericComponent<new <\n  T extends readonly any[],\n  Item = T extends readonly (infer U)[] ? U : never,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>\n>(\n  props: {\n    items?: T\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: V | null\n    'onUpdate:modelValue'?: (val: V) => void\n  },\n  slots: Omit<VInputSlots & VFieldSlots, 'default'> & {\n    item: [{ item: ListItem<Item>, index: number, props: Record<string, unknown> }]\n    chip: [{ item: ListItem<Item>, index: number, props: Record<string, unknown> }]\n    selection: [{ item: ListItem<Item>, index: number }]\n    'prepend-item': []\n    'append-item': []\n    'no-data': []\n  }\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VAutocomplete',\n\n  props: makeVAutocompleteProps(),\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:search': (val: any) => true,\n    'update:modelValue': (val: any) => true,\n    'update:menu': (val: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref()\n    const isFocused = shallowRef(false)\n    const isPristine = shallowRef(true)\n    const listHasFocus = ref(false)\n    const vMenuRef = ref<VMenu>()\n    const _menu = useProxiedModel(props, 'menu')\n    const menu = computed({\n      get: () => _menu.value,\n      set: v => {\n        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return\n        _menu.value = v\n      },\n    })\n    const selectionIndex = shallowRef(-1)\n    const color = computed(() => vTextFieldRef.value?.color)\n    const { items, transformIn, transformOut } = useItems(props)\n    const { textColorClasses, textColorStyles } = useTextColor(color)\n    const search = useProxiedModel(props, 'search', '')\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const form = useForm()\n    const { filteredItems, getMatches } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n    const selections = computed(() => {\n      return model.value.map(v => {\n        return items.value.find(item => props.valueComparator(item.value, v.value)) || v\n      })\n    })\n\n    const displayItems = computed(() => {\n      if (props.hideSelected) {\n        return filteredItems.value.filter(filteredItem => !selections.value.some(s => s.value === filteredItem.value))\n      }\n      return filteredItems.value\n    })\n\n    const selected = computed(() => selections.value.map(selection => selection.props.value))\n    const selection = computed(() => selections.value[selectionIndex.value])\n    const highlightFirst = computed(() => {\n      const selectFirst = props.autoSelectFirst === true ||\n        (props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title)\n      return selectFirst &&\n        displayItems.value.length > 0 &&\n        !isPristine.value &&\n        !listHasFocus.value\n    })\n    const listRef = ref<VList>()\n\n    function onClear (e: MouseEvent) {\n      if (props.openOnClear) {\n        menu.value = true\n      }\n\n      search.value = ''\n    }\n    function onMousedownControl () {\n      if (\n        (props.hideNoData && !items.value.length) ||\n        props.readonly || form?.isReadonly.value\n      ) return\n\n      menu.value = true\n    }\n    function onMousedownMenuIcon (e: MouseEvent) {\n      if (isFocused.value) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n      menu.value = !menu.value\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (props.readonly || form?.isReadonly.value) return\n\n      const selectionStart = vTextFieldRef.value.selectionStart\n      const length = selected.value.length\n\n      if (\n        selectionIndex.value > -1 ||\n        ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)\n      ) {\n        e.preventDefault()\n      }\n\n      if (['Enter', 'ArrowDown'].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n        if (highlightFirst.value && ['Enter', 'Tab'].includes(e.key)) {\n          select(filteredItems.value[0])\n        }\n\n        isPristine.value = true\n      }\n\n      if (e.key === 'ArrowDown') {\n        listRef.value?.focus('next')\n        if (highlightFirst.value) {\n          listRef.value?.focus('next')\n        }\n      } else if (e.key === 'ArrowUp') {\n        listRef.value?.focus('prev')\n      }\n\n      if (!props.multiple) return\n\n      if (['Backspace', 'Delete'].includes(e.key)) {\n        if (selectionIndex.value < 0) {\n          if (e.key === 'Backspace' && !search.value) {\n            selectionIndex.value = length - 1\n          }\n\n          return\n        }\n\n        const originalSelectionIndex = selectionIndex.value\n\n        if (selection.value) select(selection.value)\n\n        selectionIndex.value = originalSelectionIndex >= length - 1 ? (length - 2) : originalSelectionIndex\n      }\n\n      if (e.key === 'ArrowLeft') {\n        if (selectionIndex.value < 0 && selectionStart > 0) return\n\n        const prev = selectionIndex.value > -1\n          ? selectionIndex.value - 1\n          : length - 1\n\n        if (selections.value[prev]) {\n          selectionIndex.value = prev\n        } else {\n          selectionIndex.value = -1\n          vTextFieldRef.value.setSelectionRange(search.value?.length, search.value?.length)\n        }\n      }\n\n      if (e.key === 'ArrowRight') {\n        if (selectionIndex.value < 0) return\n\n        const next = selectionIndex.value + 1\n\n        if (selections.value[next]) {\n          selectionIndex.value = next\n        } else {\n          selectionIndex.value = -1\n          vTextFieldRef.value.setSelectionRange(0, 0)\n        }\n      }\n    }\n\n    function onInput (e: InputEvent) {\n      search.value = (e.target as HTMLInputElement).value\n    }\n\n    function onAfterLeave () {\n      if (isFocused.value) {\n        isPristine.value = true\n        vTextFieldRef.value?.focus()\n      }\n    }\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n      setTimeout(() => {\n        listHasFocus.value = true\n      })\n    }\n    function onFocusout (e: FocusEvent) {\n      listHasFocus.value = false\n    }\n\n    const isSelecting = shallowRef(false)\n\n    function select (item: ListItem) {\n      if (props.multiple) {\n        const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value))\n\n        if (index === -1) {\n          model.value = [...model.value, item]\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n      } else {\n        model.value = [item]\n\n        isSelecting.value = true\n\n        search.value = item.title\n\n        menu.value = false\n        isPristine.value = true\n\n        nextTick(() => (isSelecting.value = false))\n      }\n    }\n\n    watch(isFocused, (val, oldVal) => {\n      if (val === oldVal) return\n\n      if (val) {\n        isSelecting.value = true\n        search.value = props.multiple ? '' : String(selections.value.at(-1)?.props.title ?? '')\n        isPristine.value = true\n\n        nextTick(() => isSelecting.value = false)\n      } else {\n        if (!props.multiple && !search.value) model.value = []\n        else if (\n          highlightFirst.value &&\n          !listHasFocus.value &&\n          !selections.value.some(({ value }) => value === displayItems.value[0].value)\n        ) {\n          select(displayItems.value[0])\n        }\n        menu.value = false\n        search.value = ''\n        selectionIndex.value = -1\n      }\n    })\n\n    watch(search, val => {\n      if (!isFocused.value || isSelecting.value) return\n\n      if (val) menu.value = true\n\n      isPristine.value = !val\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n      const hasList = !!((!props.hideNoData || displayItems.value.length) || slots.prepend || slots.append || slots['no-data'])\n      const isDirty = model.value.length > 0\n      const [textFieldProps] = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          { ...textFieldProps }\n          modelValue={ search.value }\n          onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n          v-model:focused={ isFocused.value }\n          validationValue={ model.externalValue }\n          dirty={ isDirty }\n          onInput={ onInput }\n          class={[\n            'v-autocomplete',\n            `v-autocomplete--${props.multiple ? 'multiple' : 'single'}`,\n            {\n              'v-autocomplete--active-menu': menu.value,\n              'v-autocomplete--chips': !!props.chips,\n              'v-autocomplete--selection-slot': !!slots.selection,\n              'v-autocomplete--selecting-index': selectionIndex.value > -1,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          readonly={ props.readonly }\n          placeholder={ isDirty ? undefined : props.placeholder }\n          onClick:clear={ onClear }\n          onMousedown:control={ onMousedownControl }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  ref={ vMenuRef }\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-autocomplete__content\"\n                  eager={ props.eager }\n                  maxHeight={ 310 }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterLeave={ onAfterLeave }\n                  { ...props.menuProps }\n                >\n                  { hasList && (\n                    <VList\n                      ref={ listRef }\n                      selected={ selected.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                      onFocusin={ onFocusin }\n                      onFocusout={ onFocusout }\n                    >\n                      { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                        <VListItem title={ t(props.noDataText) } />\n                      ))}\n\n                      { slots['prepend-item']?.() }\n\n                      { displayItems.value.map((item, index) => {\n                        const itemProps = mergeProps(item.props, {\n                          key: index,\n                          active: (highlightFirst.value && index === 0) ? true : undefined,\n                          onClick: () => select(item),\n                        })\n\n                        return slots.item?.({\n                          item,\n                          index,\n                          props: itemProps,\n                        }) ?? (\n                          <VListItem { ...itemProps }>\n                            {{\n                              prepend: ({ isSelected }) => (\n                                <>\n                                  { props.multiple && !props.hideSelected ? (\n                                    <VCheckboxBtn\n                                      key={ item.value }\n                                      modelValue={ isSelected }\n                                      ripple={ false }\n                                      tabindex=\"-1\"\n                                    />\n                                  ) : undefined }\n\n                                  { item.props.prependIcon && (\n                                    <VIcon icon={ item.props.prependIcon } />\n                                  )}\n                                </>\n                              ),\n                              title: () => {\n                                return isPristine.value\n                                  ? item.title\n                                  : highlightResult(item.title, getMatches(item)?.title, search.value?.length ?? 0)\n                              },\n                            }}\n                          </VListItem>\n                        )\n                      })}\n\n                      { slots['append-item']?.() }\n                    </VList>\n                  )}\n                </VMenu>\n\n                { selections.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    onMousedown (e: MouseEvent) {\n                      e.preventDefault()\n                      e.stopPropagation()\n                    },\n                    modelValue: true,\n                    'onUpdate:modelValue': undefined,\n                  }\n\n                  return (\n                    <div\n                      key={ item.value }\n                      class={[\n                        'v-autocomplete__selection',\n                        index === selectionIndex.value && [\n                          'v-autocomplete__selection--selected',\n                          textColorClasses.value,\n                        ],\n                      ]}\n                      style={ index === selectionIndex.value ? textColorStyles.value : {} }\n                    >\n                      { hasChips ? (\n                        !slots.chip ? (\n                          <VChip\n                            key=\"chip\"\n                            closable={ props.closableChips }\n                            size=\"small\"\n                            text={ item.title }\n                            { ...slotProps }\n                          />\n                        ) : (\n                          <VDefaultsProvider\n                            key=\"chip-defaults\"\n                            defaults={{\n                              VChip: {\n                                closable: props.closableChips,\n                                size: 'small',\n                                text: item.title,\n                              },\n                            }}\n                          >\n                            { slots.chip?.({ item, index, props: slotProps }) }\n                          </VDefaultsProvider>\n                        )\n                      ) : (\n                        slots.selection?.({ item, index }) ?? (\n                          <span class=\"v-autocomplete__selection-text\">\n                            { item.title }\n                            { props.multiple && (index < selections.value.length - 1) && (\n                              <span class=\"v-autocomplete__selection-comma\">,</span>\n                            )}\n                          </span>\n                        )\n                      )}\n                    </div>\n                  )\n                })}\n              </>\n            ),\n            'append-inner': (...args) => (\n              <>\n                { slots['append-inner']?.(...args) }\n                { props.menuIcon ? (\n                  <VIcon\n                    class=\"v-autocomplete__menu-icon\"\n                    icon={ props.menuIcon }\n                    onMousedown={ onMousedownMenuIcon }\n                    onClick={ noop }\n                  />\n                ) : undefined }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      isFocused,\n      isPristine,\n      menu,\n      search,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":"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"}

package/lib/components/VAutocomplete/VAutocomplete.sass

@@ -16,17 +16,15 @@
     &.v-field
       cursor: text
 
+    &--variant-outlined
+      --autocomplete-chips-margin-bottom: #{$autocomplete-chips-margin-top}
+
   .v-field
     .v-field__input
       > input
         align-self: flex-start
         flex: 1 1
 
-    .v-field__append-inner
-      > .v-icon
-        margin-inline-start: 4px
-        transition: $autocomplete-transition
-
   .v-field:not(.v-field--focused)
     input
       min-width: 0
@@ -57,13 +55,11 @@
     line-height: inherit
     max-width: 100%
 
-  &--active-menu
-    .v-field__append-inner
-      > .v-icon
-        opacity: var(--v-high-emphasis-opacity)
-        transform: rotate(180deg)
+  &--chips,
+  &--selection-slot
+    .v-field__input
+      min-height: calc(var(--v-field-input-min-height) + var(--autocomplete-chips-margin-bottom) + $autocomplete-chips-margin-top)
 
-  &--chips
     .v-autocomplete__selection
       margin-top: $autocomplete-chips-margin-top
       margin-bottom: var(--autocomplete-chips-margin-bottom)
@@ -102,3 +98,11 @@
     .v-field--focused
       .v-autocomplete__selection
         opacity: 0
+
+  &__menu-icon
+    margin-inline-start: 4px
+    transition: $autocomplete-transition
+
+    .v-autocomplete--active-menu &
+      opacity: var(--v-high-emphasis-opacity)
+      transform: rotate(180deg)