vuetify 3.2.4 → 3.3.0

package/lib/components/VCombobox/VCombobox.mjs

@@ -14,13 +14,13 @@ import { VTextField } from "../VTextField/index.mjs"; // Composables
 import { forwardRefs } from "../../composables/forwardRefs.mjs";
 import { makeFilterProps, useFilter } from "../../composables/filter.mjs";
 import { makeTransitionProps } from "../../composables/transition.mjs";
-import { transformItem, useItems } from "../../composables/items.mjs";
+import { transformItem, useItems } from "../../composables/list-items.mjs";
 import { useForm } from "../../composables/form.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 makeVComboboxProps = propsFactory({
-  // TODO: implement post keyboard support
-  // autoSelectFirst: Boolean,
+  autoSelectFirst: {
+    type: [Boolean, String]
+  },
   delimiters: Array,
   ...makeFilterProps({
     filterKeys: ['title']
@@ -71,6 +72,7 @@ export const VCombobox = 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({
@@ -153,6 +155,10 @@ export const VCombobox = 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) {
       cleared = true;
@@ -164,6 +170,13 @@ export const VCombobox = 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;
@@ -178,6 +191,9 @@ export const VCombobox = 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') {
@@ -252,17 +268,31 @@ export const VCombobox = genericComponent()({
     }
     function onFocusin(e) {
       isFocused.value = true;
+      setTimeout(() => {
+        listHasFocus.value = true;
+      });
+    }
+    function onFocusout(e) {
+      listHasFocus.value = false;
     }
     watch(filteredItems, val => {
       if (!val.length && props.hideNoData) menu.value = false;
     });
-    watch(isFocused, val => {
-      if (val) return;
+    watch(isFocused, (val, oldVal) => {
+      if (val || val === oldVal) return;
       selectionIndex.value = -1;
       menu.value = false;
-      if (!props.multiple || !search.value) return;
-      model.value = [...model.value, transformItem(props, search.value)];
-      search.value = '';
+      if (highlightFirst.value && !listHasFocus.value && !selections.value.some(_ref2 => {
+        let {
+          value
+        } = _ref2;
+        return value === displayItems.value[0].value;
+      })) {
+        select(displayItems.value[0]);
+      } else if (props.multiple && search.value) {
+        model.value = [...model.value, transformItem(props, search.value)];
+        search.value = '';
+      }
     });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
@@ -283,11 +313,11 @@ export const VCombobox = genericComponent()({
         "class": ['v-combobox', {
           'v-combobox--active-menu': menu.value,
           'v-combobox--chips': !!props.chips,
+          'v-combobox--selection-slot': !!slots.selection,
           'v-combobox--selecting-index': selectionIndex.value > -1,
           [`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true
         }, props.class],
         "style": props.style,
-        "appendInnerIcon": props.items.length ? props.menuIcon : undefined,
         "readonly": props.readonly,
         "placeholder": isDirty ? undefined : props.placeholder,
         "onClick:clear": onClear,
@@ -313,36 +343,40 @@ export const VCombobox = 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) {
@@ -391,7 +425,18 @@ export const VCombobox = genericComponent()({
           }, [item.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
             "class": "v-combobox__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.hideNoData || props.items.length) && props.menuIcon ? _createVNode(VIcon, {
+            "class": "v-combobox__menu-icon",
+            "icon": props.menuIcon,
+            "onMousedown": onMousedownMenuIcon,
+            "onClick": noop
+          }, null) : undefined]);
+        }
       });
     });
     return forwardRefs({

package/lib/components/VCombobox/VCombobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCombobox.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VIcon","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","transformItem","useItems","useForm","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","makeVComboboxProps","delimiters","filterKeys","hideNoData","returnObject","modelValue","transition","VCombobox","name","props","emits","focused","val","setup","_ref","emit","slots","t","vTextFieldRef","isFocused","isPristine","vMenuRef","_menu","menu","get","value","set","v","ΨopenChildren","selectionIndex","cleared","color","items","transformIn","transformOut","textColorClasses","textColorStyles","model","transformed","multiple","form","_search","title","search","values","split","RegExp","join","forEach","trim","select","filteredItems","getMatches","undefined","selections","map","find","item","valueComparator","displayItems","hideSelected","filter","filteredItem","some","s","selected","selection","listRef","onClear","e","openOnClear","onMousedownControl","readonly","isReadonly","onKeydown","selectionStart","includes","key","preventDefault","focus","originalSelectionIndex","prev","setSelectionRange","next","onAfterLeave","index","findIndex","splice","onFocusin","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/VCombobox/VCombobox.tsx"],"sourcesContent":["// Styles\nimport './VCombobox.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 { transformItem, useItems } from '@/composables/items'\nimport { useForm } from '@/composables/form'\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 { PropType } from 'vue'\nimport type { GenericProps } from '@/util'\nimport type { FilterMatch } from '@/composables/filter'\nimport type { InternalItem } from '@/composables/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-combobox__unmask\">{ text.substr(0, matches) }</span>\n        <span class=\"v-combobox__mask\">{ text.substr(matches, length) }</span>\n        <span class=\"v-combobox__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> = string | (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 makeVComboboxProps = propsFactory({\n  // TODO: implement post keyboard support\n  // autoSelectFirst: Boolean,\n  delimiters: Array as PropType<string[]>,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...makeSelectProps({ hideNoData: true, returnObject: true }),\n  ...omit(makeVTextFieldProps({\n    modelValue: null,\n  }), ['validationValue', 'dirty', 'appendInnerIcon']),\n  ...makeTransitionProps({ transition: false }),\n}, 'v-combobox')\n\nexport const VCombobox = genericComponent<new <\n  T extends readonly any[],\n  Item = T extends (infer U)[] ? U : never,\n  ReturnObject extends boolean = true,\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: 'VCombobox',\n\n  props: makeVComboboxProps(),\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: any) => true,\n    'update:search': (val: string) => true,\n    'update:menu': (val: boolean) => true,\n  },\n\n  setup (props, { emit, 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    let cleared = false\n    const color = computed(() => vTextFieldRef.value?.color)\n    const { items, transformIn, transformOut } = useItems(props)\n    const { textColorClasses, textColorStyles } = useTextColor(color)\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 _search = shallowRef(!props.multiple ? model.value[0]?.title ?? '' : '')\n    const search = computed<string>({\n      get: () => {\n        return _search.value\n      },\n      set: val => {\n        _search.value = val\n        if (!props.multiple) {\n          model.value = [transformItem(props, val)]\n        }\n\n        if (val && props.multiple && props.delimiters?.length) {\n          const values = val.split(new RegExp(`(?:${props.delimiters.join('|')})+`))\n          if (values.length > 1) {\n            values.forEach(v => {\n              v = v.trim()\n              if (v) select(transformItem(props, v))\n            })\n            _search.value = ''\n          }\n        }\n\n        if (!val) selectionIndex.value = -1\n\n        isPristine.value = !val\n      },\n    })\n    watch(_search, value => {\n      if (cleared) {\n        // wait for clear to finish, VTextField sets _search to null\n        // then search computed triggers and updates _search to ''\n        nextTick(() => (cleared = false))\n      } else if (isFocused.value && !menu.value) {\n        menu.value = true\n      }\n\n      emit('update:search', value)\n    })\n    watch(model, value => {\n      if (!props.multiple) {\n        _search.value = value[0]?.title ?? ''\n      }\n    })\n\n    const { filteredItems, getMatches } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n\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      cleared = true\n\n      if (props.openOnClear) {\n        menu.value = true\n      }\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      if (e.key === 'Enter' && search.value) {\n        select(transformItem(props, search.value))\n        search.value = ''\n      }\n    }\n    function onAfterLeave () {\n      if (isFocused.value) {\n        isPristine.value = true\n        vTextFieldRef.value?.focus()\n      }\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\n        search.value = ''\n      } else {\n        model.value = [item]\n        _search.value = item.title\n\n        // watch for search watcher to trigger\n        nextTick(() => {\n          menu.value = false\n          isPristine.value = true\n        })\n      }\n    }\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n\n    watch(filteredItems, val => {\n      if (!val.length && props.hideNoData) menu.value = false\n    })\n\n    watch(isFocused, val => {\n      if (val) return\n\n      selectionIndex.value = -1\n      menu.value = false\n\n      if (!props.multiple || !search.value) return\n\n      model.value = [...model.value, transformItem(props, search.value)]\n      search.value = ''\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          v-model={ 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          class={[\n            'v-combobox',\n            {\n              'v-combobox--active-menu': menu.value,\n              'v-combobox--chips': !!props.chips,\n              'v-combobox--selecting-index': selectionIndex.value > -1,\n              [`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          appendInnerIcon={ props.items.length ? props.menuIcon : undefined }\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-combobox__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-combobox__selection',\n                        index === selectionIndex.value && [\n                          'v-combobox__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-combobox__selection-text\">\n                            { item.title }\n                            { props.multiple && (index < selections.value.length - 1) && (\n                              <span class=\"v-combobox__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      selectionIndex,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VCombobox = InstanceType<typeof VCombobox>\n"],"mappings":"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"}
+{"version":3,"file":"VCombobox.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VIcon","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","transformItem","useItems","useForm","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","makeVComboboxProps","autoSelectFirst","type","Boolean","String","delimiters","filterKeys","hideNoData","returnObject","modelValue","transition","VCombobox","name","props","emits","focused","val","setup","_ref","emit","slots","t","vTextFieldRef","isFocused","isPristine","listHasFocus","vMenuRef","_menu","menu","get","value","set","v","ΨopenChildren","selectionIndex","cleared","color","items","transformIn","transformOut","textColorClasses","textColorStyles","model","transformed","multiple","form","_search","title","search","values","split","RegExp","join","forEach","trim","select","filteredItems","getMatches","undefined","selections","map","find","item","valueComparator","displayItems","hideSelected","filter","filteredItem","some","s","selected","selection","highlightFirst","selectFirst","listRef","onClear","e","openOnClear","onMousedownControl","readonly","isReadonly","onMousedownMenuIcon","preventDefault","stopPropagation","onKeydown","selectionStart","includes","key","focus","originalSelectionIndex","prev","setSelectionRange","next","onAfterLeave","index","findIndex","splice","onFocusin","setTimeout","onFocusout","oldVal","_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/VCombobox/VCombobox.tsx"],"sourcesContent":["// Styles\nimport './VCombobox.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 { transformItem, useItems } from '@/composables/list-items'\nimport { useForm } from '@/composables/form'\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-combobox__unmask\">{ text.substr(0, matches) }</span>\n        <span class=\"v-combobox__mask\">{ text.substr(matches, length) }</span>\n        <span class=\"v-combobox__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> = string | ([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 makeVComboboxProps = propsFactory({\n  autoSelectFirst: {\n    type: [Boolean, String] as PropType<boolean | 'exact'>,\n  },\n  delimiters: Array as PropType<readonly string[]>,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...makeSelectProps({ hideNoData: true, returnObject: true }),\n  ...omit(makeVTextFieldProps({\n    modelValue: null,\n  }), ['validationValue', 'dirty', 'appendInnerIcon']),\n  ...makeTransitionProps({ transition: false }),\n}, 'v-combobox')\n\nexport const VCombobox = genericComponent<new <\n  T extends readonly any[],\n  Item = T extends readonly (infer U)[] ? U : never,\n  ReturnObject extends boolean = true,\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: 'VCombobox',\n\n  props: makeVComboboxProps(),\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: any) => true,\n    'update:search': (val: string) => true,\n    'update:menu': (val: boolean) => true,\n  },\n\n  setup (props, { emit, 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    let cleared = false\n    const color = computed(() => vTextFieldRef.value?.color)\n    const { items, transformIn, transformOut } = useItems(props)\n    const { textColorClasses, textColorStyles } = useTextColor(color)\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 _search = shallowRef(!props.multiple ? model.value[0]?.title ?? '' : '')\n    const search = computed<string>({\n      get: () => {\n        return _search.value\n      },\n      set: val => {\n        _search.value = val\n        if (!props.multiple) {\n          model.value = [transformItem(props, val)]\n        }\n\n        if (val && props.multiple && props.delimiters?.length) {\n          const values = val.split(new RegExp(`(?:${props.delimiters.join('|')})+`))\n          if (values.length > 1) {\n            values.forEach(v => {\n              v = v.trim()\n              if (v) select(transformItem(props, v))\n            })\n            _search.value = ''\n          }\n        }\n\n        if (!val) selectionIndex.value = -1\n\n        isPristine.value = !val\n      },\n    })\n    watch(_search, value => {\n      if (cleared) {\n        // wait for clear to finish, VTextField sets _search to null\n        // then search computed triggers and updates _search to ''\n        nextTick(() => (cleared = false))\n      } else if (isFocused.value && !menu.value) {\n        menu.value = true\n      }\n\n      emit('update:search', value)\n    })\n    watch(model, value => {\n      if (!props.multiple) {\n        _search.value = value[0]?.title ?? ''\n      }\n    })\n\n    const { filteredItems, getMatches } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n\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      cleared = true\n\n      if (props.openOnClear) {\n        menu.value = true\n      }\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      } 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      if (e.key === 'Enter' && search.value) {\n        select(transformItem(props, search.value))\n        search.value = ''\n      }\n    }\n    function onAfterLeave () {\n      if (isFocused.value) {\n        isPristine.value = true\n        vTextFieldRef.value?.focus()\n      }\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\n        search.value = ''\n      } else {\n        model.value = [item]\n        _search.value = item.title\n\n        // watch for search watcher to trigger\n        nextTick(() => {\n          menu.value = false\n          isPristine.value = true\n        })\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    watch(filteredItems, val => {\n      if (!val.length && props.hideNoData) menu.value = false\n    })\n\n    watch(isFocused, (val, oldVal) => {\n      if (val || val === oldVal) return\n\n      selectionIndex.value = -1\n      menu.value = false\n\n      if (\n        highlightFirst.value &&\n        !listHasFocus.value &&\n        !selections.value.some(({ value }) => value === displayItems.value[0].value)\n      ) {\n        select(displayItems.value[0])\n      } else if (props.multiple && search.value) {\n        model.value = [...model.value, transformItem(props, search.value)]\n        search.value = ''\n      }\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          v-model={ 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          class={[\n            'v-combobox',\n            {\n              'v-combobox--active-menu': menu.value,\n              'v-combobox--chips': !!props.chips,\n              'v-combobox--selection-slot': !!slots.selection,\n              'v-combobox--selecting-index': selectionIndex.value > -1,\n              [`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true,\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-combobox__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-combobox__selection',\n                        index === selectionIndex.value && [\n                          'v-combobox__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-combobox__selection-text\">\n                            { item.title }\n                            { props.multiple && (index < selections.value.length - 1) && (\n                              <span class=\"v-combobox__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.hideNoData || props.items.length) && props.menuIcon ? (\n                  <VIcon\n                    class=\"v-combobox__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      selectionIndex,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VCombobox = InstanceType<typeof VCombobox>\n"],"mappings":"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"}

package/lib/components/VCombobox/VCombobox.sass

@@ -16,17 +16,15 @@
     &.v-field
       cursor: text
 
+    &--variant-outlined
+      --combobox-chips-margin-bottom: #{$combobox-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: $combobox-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(--combobox-chips-margin-bottom) + $combobox-chips-margin-top)
 
-  &--chips
     .v-combobox__selection
       margin-top: $combobox-chips-margin-top
       margin-bottom: var(--combobox-chips-margin-bottom)
@@ -102,3 +98,11 @@
     .v-field--focused
       .v-combobox__selection
         opacity: 0
+
+  &__menu-icon
+    margin-inline-start: 4px
+    transition: $combobox-transition
+
+    .v-combobox--active-menu &
+      opacity: var(--v-high-emphasis-opacity)
+      transform: rotate(180deg)