@vuetify/nightly 4.0.0-dev-20230419.0 → 4.0.0-dev-20230421.0

package/lib/components/VAppBar/VAppBar.mjs

@@ -5,20 +5,15 @@ import "./VAppBar.css";
 // Components
 import { makeVToolbarProps, VToolbar } from "../VToolbar/VToolbar.mjs"; // Composables
 import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs";
+import { makeScrollProps, useScroll } from "../../composables/scroll.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { useSsrBoot } from "../../composables/ssrBoot.mjs"; // Utilities
-import { computed, ref, toRef } from 'vue';
+import { computed, ref, toRef, watch } from 'vue';
 import { genericComponent, useRender } from "../../util/index.mjs"; // Types
 export const VAppBar = genericComponent()({
   name: 'VAppBar',
   props: {
-    // TODO: Implement scrolling techniques
-    // hideOnScroll: Boolean
-    // invertedScroll: Boolean
-    // collapseOnScroll: Boolean
-    // elevateOnScroll: Boolean
-    // shrinkOnScroll: Boolean
-    // fadeImageOnScroll: Boolean
+    scrollBehavior: String,
     modelValue: {
       type: Boolean,
       default: true
@@ -30,6 +25,7 @@ export const VAppBar = genericComponent()({
     },
     ...makeVToolbarProps(),
     ...makeLayoutItemProps(),
+    ...makeScrollProps(),
     height: {
       type: [Number, String],
       default: 64
@@ -44,11 +40,63 @@ export const VAppBar = genericComponent()({
     } = _ref;
     const vToolbarRef = ref();
     const isActive = useProxiedModel(props, 'modelValue');
+    const scrollBehavior = computed(() => {
+      const behavior = new Set(props.scrollBehavior?.split(' ') ?? []);
+      return {
+        hide: behavior.has('hide'),
+        // fullyHide: behavior.has('fully-hide'),
+        inverted: behavior.has('inverted'),
+        collapse: behavior.has('collapse'),
+        elevate: behavior.has('elevate'),
+        fadeImage: behavior.has('fade-image')
+        // shrink: behavior.has('shrink'),
+      };
+    });
+
+    const canScroll = computed(() => {
+      const behavior = scrollBehavior.value;
+      return behavior.hide ||
+      // behavior.fullyHide ||
+      behavior.inverted || behavior.collapse || behavior.elevate || behavior.fadeImage ||
+      // behavior.shrink ||
+      !isActive.value;
+    });
+    const {
+      currentScroll,
+      currentThreshold,
+      computedScrollThreshold,
+      isScrollingUp
+    } = useScroll(props, {
+      canScroll
+    });
+    const isCollapsed = computed(() => props.collapse || scrollBehavior.value.collapse && (scrollBehavior.value.inverted ? currentScroll.value < 1 : currentScroll.value > 0));
+    const isFlat = computed(() => props.flat || scrollBehavior.value.elevate && currentScroll.value === (scrollBehavior.value.inverted ? 1 : 0));
+    const scrollRatio = computed(() => Math.min((currentThreshold.value - currentScroll.value) / currentThreshold.value || 1, 1));
+    const opacity = computed(() => scrollBehavior.value.fadeImage ? scrollBehavior.value.inverted ? 1 - scrollRatio.value : scrollRatio.value : undefined);
     const height = computed(() => {
+      if (scrollBehavior.value.hide && scrollBehavior.value.inverted) return 0;
       const height = vToolbarRef.value?.contentHeight ?? 0;
       const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
       return height + extensionHeight;
     });
+    function setActive() {
+      const val = currentScroll.value;
+      if (scrollBehavior.value.hide) {
+        if (scrollBehavior.value.inverted) {
+          isActive.value = val > computedScrollThreshold.value;
+        } else {
+          isActive.value = isScrollingUp.value || val < computedScrollThreshold.value;
+        }
+      } else if (scrollBehavior.value.inverted) {
+        isActive.value = currentScroll.value === 0;
+      } else {
+        isActive.value = true;
+      }
+    }
+    watch(currentScroll, setActive, {
+      immediate: true
+    });
+    watch(scrollBehavior, setActive);
     const {
       ssrBootStyles
     } = useSsrBoot();
@@ -59,7 +107,7 @@ export const VAppBar = genericComponent()({
       order: computed(() => parseInt(props.order, 10)),
       position: toRef(props, 'location'),
       layoutSize: height,
-      elementSize: height,
+      elementSize: ref(undefined),
       active: isActive,
       absolute: toRef(props, 'absolute')
     });
@@ -72,10 +120,14 @@ export const VAppBar = genericComponent()({
         }],
         "style": {
           ...layoutItemStyles.value,
+          '--v-toolbar-image-opacity': opacity.value,
           height: undefined,
           ...ssrBootStyles.value
         }
-      }, toolbarProps), slots);
+      }, toolbarProps, {
+        "collapse": isCollapsed.value,
+        "flat": isFlat.value
+      }), slots);
     });
     return {};
   }

package/lib/components/VAppBar/VAppBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAppBar.mjs","names":["makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","useSsrBoot","computed","ref","toRef","genericComponent","useRender","VAppBar","name","props","modelValue","type","Boolean","default","location","String","validator","value","includes","height","Number","emits","setup","_ref","slots","vToolbarRef","isActive","contentHeight","extensionHeight","ssrBootStyles","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","toolbarProps","filterProps","_createVNode","_mergeProps","undefined"],"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Components\nimport { makeVToolbarProps, VToolbar } from '@/components/VToolbar/VToolbar'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VToolbarSlots } from '@/components/VToolbar/VToolbar'\n\nexport const VAppBar = genericComponent<VToolbarSlots>()({\n  name: 'VAppBar',\n\n  props: {\n    // TODO: Implement scrolling techniques\n    // hideOnScroll: Boolean\n    // invertedScroll: Boolean\n    // collapseOnScroll: Boolean\n    // elevateOnScroll: Boolean\n    // shrinkOnScroll: Boolean\n    // fadeImageOnScroll: Boolean\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    location: {\n      type: String as PropType<'top' | 'bottom'>,\n      default: 'top',\n      validator: (value: any) => ['top', 'bottom'].includes(value),\n    },\n\n    ...makeVToolbarProps(),\n    ...makeLayoutItemProps(),\n\n    height: {\n      type: [Number, String],\n      default: 64,\n    },\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const vToolbarRef = ref()\n    const isActive = useProxiedModel(props, 'modelValue')\n    const height = computed(() => {\n      const height: number = vToolbarRef.value?.contentHeight ?? 0\n      const extensionHeight: number = vToolbarRef.value?.extensionHeight ?? 0\n\n      return (height + extensionHeight)\n    })\n    const { ssrBootStyles } = useSsrBoot()\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'location'),\n      layoutSize: height,\n      elementSize: height,\n      active: isActive,\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => {\n      const [toolbarProps] = VToolbar.filterProps(props)\n\n      return (\n        <VToolbar\n          ref={ vToolbarRef }\n          class={[\n            'v-app-bar',\n            {\n              'v-app-bar--bottom': props.location === 'bottom',\n            },\n          ]}\n          style={{\n            ...layoutItemStyles.value,\n            height: undefined,\n            ...ssrBootStyles.value,\n          }}\n          { ...toolbarProps }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB,EAAEC,QAAQ,oCAEpC;AAAA,SACSC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,eAAe;AAAA,SACfC,UAAU,yCAEnB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,SAAS,gCAEpC;AAIA,OAAO,MAAMC,OAAO,GAAGF,gBAAgB,EAAiB,CAAC;EACvDG,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAE;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACAC,UAAU,EAAE;MACVC,IAAI,EAAEC,OAAO;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,QAAQ,EAAE;MACRH,IAAI,EAAEI,MAAoC;MAC1CF,OAAO,EAAE,KAAK;MACdG,SAAS,EAAGC,KAAU,IAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACD,KAAK;IAC7D,CAAC;IAED,GAAGrB,iBAAiB,EAAE;IACtB,GAAGE,mBAAmB,EAAE;IAExBqB,MAAM,EAAE;MACNR,IAAI,EAAE,CAACS,MAAM,EAAEL,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX;EACF,CAAC;EAEDQ,KAAK,EAAE;IACL,mBAAmB,EAAGJ,KAAc,IAAK;EAC3C,CAAC;EAEDK,KAAKA,CAAEb,KAAK,EAAAc,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,WAAW,GAAGtB,GAAG,EAAE;IACzB,MAAMuB,QAAQ,GAAG1B,eAAe,CAACS,KAAK,EAAE,YAAY,CAAC;IACrD,MAAMU,MAAM,GAAGjB,QAAQ,CAAC,MAAM;MAC5B,MAAMiB,MAAc,GAAGM,WAAW,CAACR,KAAK,EAAEU,aAAa,IAAI,CAAC;MAC5D,MAAMC,eAAuB,GAAGH,WAAW,CAACR,KAAK,EAAEW,eAAe,IAAI,CAAC;MAEvE,OAAQT,MAAM,GAAGS,eAAe;IAClC,CAAC,CAAC;IACF,MAAM;MAAEC;IAAc,CAAC,GAAG5B,UAAU,EAAE;IACtC,MAAM;MAAE6B;IAAiB,CAAC,GAAG/B,aAAa,CAAC;MACzCgC,EAAE,EAAEtB,KAAK,CAACD,IAAI;MACdwB,KAAK,EAAE9B,QAAQ,CAAC,MAAM+B,QAAQ,CAACxB,KAAK,CAACuB,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDE,QAAQ,EAAE9B,KAAK,CAACK,KAAK,EAAE,UAAU,CAAC;MAClC0B,UAAU,EAAEhB,MAAM;MAClBiB,WAAW,EAAEjB,MAAM;MACnBkB,MAAM,EAAEX,QAAQ;MAChBY,QAAQ,EAAElC,KAAK,CAACK,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEFH,SAAS,CAAC,MAAM;MACd,MAAM,CAACiC,YAAY,CAAC,GAAG1C,QAAQ,CAAC2C,WAAW,CAAC/B,KAAK,CAAC;MAElD,OAAAgC,YAAA,CAAA5C,QAAA,EAAA6C,WAAA;QAAA,OAEUjB,WAAW;QAAA,SACV,CACL,WAAW,EACX;UACE,mBAAmB,EAAEhB,KAAK,CAACK,QAAQ,KAAK;QAC1C,CAAC,CACF;QAAA,SACM;UACL,GAAGgB,gBAAgB,CAACb,KAAK;UACzBE,MAAM,EAAEwB,SAAS;UACjB,GAAGd,aAAa,CAACZ;QACnB;MAAC,GACIsB,YAAY,GACPf,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VAppBar.mjs","names":["makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","makeScrollProps","useScroll","useProxiedModel","useSsrBoot","computed","ref","toRef","watch","genericComponent","useRender","VAppBar","name","props","scrollBehavior","String","modelValue","type","Boolean","default","location","validator","value","includes","height","Number","emits","setup","_ref","slots","vToolbarRef","isActive","behavior","Set","split","hide","has","inverted","collapse","elevate","fadeImage","canScroll","currentScroll","currentThreshold","computedScrollThreshold","isScrollingUp","isCollapsed","isFlat","flat","scrollRatio","Math","min","opacity","undefined","contentHeight","extensionHeight","setActive","val","immediate","ssrBootStyles","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","toolbarProps","filterProps","_createVNode","_mergeProps"],"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Components\nimport { makeVToolbarProps, VToolbar } from '@/components/VToolbar/VToolbar'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeScrollProps, useScroll } from '@/composables/scroll'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, ref, toRef, watch } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VToolbarSlots } from '@/components/VToolbar/VToolbar'\n\nexport const VAppBar = genericComponent<VToolbarSlots>()({\n  name: 'VAppBar',\n\n  props: {\n    scrollBehavior: String,\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    location: {\n      type: String as PropType<'top' | 'bottom'>,\n      default: 'top',\n      validator: (value: any) => ['top', 'bottom'].includes(value),\n    },\n\n    ...makeVToolbarProps(),\n    ...makeLayoutItemProps(),\n    ...makeScrollProps(),\n\n    height: {\n      type: [Number, String],\n      default: 64,\n    },\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const vToolbarRef = ref<VToolbar>()\n    const isActive = useProxiedModel(props, 'modelValue')\n    const scrollBehavior = computed(() => {\n      const behavior = new Set(props.scrollBehavior?.split(' ') ?? [])\n      return {\n        hide: behavior.has('hide'),\n        // fullyHide: behavior.has('fully-hide'),\n        inverted: behavior.has('inverted'),\n        collapse: behavior.has('collapse'),\n        elevate: behavior.has('elevate'),\n        fadeImage: behavior.has('fade-image'),\n        // shrink: behavior.has('shrink'),\n      }\n    })\n    const canScroll = computed(() => {\n      const behavior = scrollBehavior.value\n      return (\n        behavior.hide ||\n        // behavior.fullyHide ||\n        behavior.inverted ||\n        behavior.collapse ||\n        behavior.elevate ||\n        behavior.fadeImage ||\n        // behavior.shrink ||\n        !isActive.value\n      )\n    })\n    const {\n      currentScroll,\n      currentThreshold,\n      computedScrollThreshold,\n      isScrollingUp,\n    } = useScroll(props, { canScroll })\n\n    const isCollapsed = computed(() => props.collapse || (\n      scrollBehavior.value.collapse &&\n      (scrollBehavior.value.inverted ? currentScroll.value < 1 : currentScroll.value > 0)\n    ))\n    const isFlat = computed(() => props.flat || (\n      scrollBehavior.value.elevate &&\n      currentScroll.value === (scrollBehavior.value.inverted ? 1 : 0)\n    ))\n    const scrollRatio = computed(() => Math.min(\n      ((currentThreshold.value - currentScroll.value) / currentThreshold.value) || 1,\n      1\n    ))\n    const opacity = computed(() => (\n      scrollBehavior.value.fadeImage\n        ? (scrollBehavior.value.inverted ? 1 - scrollRatio.value : scrollRatio.value)\n        : undefined\n    ))\n    const height = computed(() => {\n      if (scrollBehavior.value.hide && scrollBehavior.value.inverted) return 0\n\n      const height = vToolbarRef.value?.contentHeight ?? 0\n      const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0\n\n      return (height + extensionHeight)\n    })\n    function setActive () {\n      const val = currentScroll.value\n      if (scrollBehavior.value.hide) {\n        if (scrollBehavior.value.inverted) {\n          isActive.value = val > computedScrollThreshold.value\n        } else {\n          isActive.value = isScrollingUp.value || (val < computedScrollThreshold.value)\n        }\n      } else if (scrollBehavior.value.inverted) {\n        isActive.value = currentScroll.value === 0\n      } else {\n        isActive.value = true\n      }\n    }\n\n    watch(currentScroll, setActive, { immediate: true })\n    watch(scrollBehavior, setActive)\n\n    const { ssrBootStyles } = useSsrBoot()\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'location'),\n      layoutSize: height,\n      elementSize: ref(undefined),\n      active: isActive,\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => {\n      const [toolbarProps] = VToolbar.filterProps(props)\n\n      return (\n        <VToolbar\n          ref={ vToolbarRef }\n          class={[\n            'v-app-bar',\n            {\n              'v-app-bar--bottom': props.location === 'bottom',\n            },\n          ]}\n          style={{\n            ...layoutItemStyles.value,\n            '--v-toolbar-image-opacity': opacity.value,\n            height: undefined,\n            ...ssrBootStyles.value,\n          }}\n          { ...toolbarProps }\n          collapse={ isCollapsed.value }\n          flat={ isFlat.value }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"mappings":"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"}

package/lib/components/VAppBar/index.d.ts

@@ -42,11 +42,14 @@ declare const VAppBar: {
             name?: string | undefined;
             border?: string | number | boolean | undefined;
             color?: string | undefined;
+            scrollBehavior?: string | undefined;
             title?: string | undefined;
             image?: string | undefined;
             elevation?: string | number | undefined;
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
+            scrollTarget?: string | undefined;
+            scrollThreshold?: string | number | undefined;
         } & {
             $children?: {} | vue.VNodeChild | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -112,11 +115,14 @@ declare const VAppBar: {
             name?: string | undefined;
             border?: string | number | boolean | undefined;
             color?: string | undefined;
+            scrollBehavior?: string | undefined;
             title?: string | undefined;
             image?: string | undefined;
             elevation?: string | number | undefined;
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
+            scrollTarget?: string | undefined;
+            scrollThreshold?: string | number | undefined;
         } & {
             $children?: {} | vue.VNodeChild | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -204,11 +210,14 @@ declare const VAppBar: {
         name?: string | undefined;
         border?: string | number | boolean | undefined;
         color?: string | undefined;
+        scrollBehavior?: string | undefined;
         title?: string | undefined;
         image?: string | undefined;
         elevation?: string | number | undefined;
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
+        scrollTarget?: string | undefined;
+        scrollThreshold?: string | number | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -264,11 +273,14 @@ declare const VAppBar: {
     name?: string | undefined;
     border?: string | number | boolean | undefined;
     color?: string | undefined;
+    scrollBehavior?: string | undefined;
     title?: string | undefined;
     image?: string | undefined;
     elevation?: string | number | undefined;
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
+    scrollTarget?: string | undefined;
+    scrollThreshold?: string | number | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -324,6 +336,12 @@ declare const VAppBar: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    scrollTarget: {
+        type: StringConstructor;
+    };
+    scrollThreshold: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
     name: {
         type: StringConstructor;
     };
@@ -365,6 +383,7 @@ declare const VAppBar: {
     floating: BooleanConstructor;
     image: StringConstructor;
     title: StringConstructor;
+    scrollBehavior: StringConstructor;
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -379,6 +398,12 @@ declare const VAppBar: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    scrollTarget: {
+        type: StringConstructor;
+    };
+    scrollThreshold: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
     name: {
         type: StringConstructor;
     };
@@ -420,6 +445,7 @@ declare const VAppBar: {
     floating: BooleanConstructor;
     image: StringConstructor;
     title: StringConstructor;
+    scrollBehavior: StringConstructor;
     modelValue: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/VAutocomplete/VAutocomplete.css

@@ -60,6 +60,15 @@
 .v-autocomplete--chips .v-autocomplete__selection:first-child {
   margin-inline-start: 0;
 }
+.v-autocomplete--selecting-index .v-autocomplete__selection {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-autocomplete--selecting-index .v-autocomplete__selection--selected {
+  opacity: 1;
+}
+.v-autocomplete--selecting-index .v-field__input > input {
+  caret-color: transparent;
+}
 .v-autocomplete--single.v-text-field input {
   flex: 1 1;
   position: absolute;

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -16,7 +16,8 @@ import { makeTransitionProps } from "../../composables/transition.mjs";
 import { useForm } from "../../composables/form.mjs";
 import { useItems } from "../../composables/items.mjs";
 import { useLocale } from "../../composables/locale.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utility
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { useTextColor } from "../../composables/color.mjs"; // Utility
 import { computed, mergeProps, nextTick, ref, watch } from 'vue';
 import { genericComponent, omit, useRender, wrapInArray } from "../../util/index.mjs";
 import { makeVTextFieldProps } from "../VTextField/VTextField.mjs"; // Types
@@ -49,6 +50,7 @@ export const VAutocomplete = genericComponent()({
     })
   },
   emits: {
+    'update:focused': focused => true,
     'update:search': val => true,
     'update:modelValue': val => true,
     'update:menu': val => true
@@ -72,11 +74,17 @@ export const VAutocomplete = genericComponent()({
         _menu.value = v;
       }
     });
+    const selectionIndex = ref(-1);
+    const color = computed(() => vTextFieldRef.value?.color);
     const {
       items,
       transformIn,
       transformOut
     } = useItems(props);
+    const {
+      textColorClasses,
+      textColorStyles
+    } = useTextColor(color);
     const search = useProxiedModel(props, 'search', '');
     const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
       const transformed = transformOut(v);
@@ -99,6 +107,7 @@ export const VAutocomplete = genericComponent()({
       return filteredItems.value;
     });
     const selected = computed(() => selections.value.map(selection => selection.props.value));
+    const selection = computed(() => selections.value[selectionIndex.value]);
     const listRef = ref();
     function onClear(e) {
       if (props.openOnClear) {
@@ -112,7 +121,9 @@ export const VAutocomplete = genericComponent()({
     }
     function onKeydown(e) {
       if (props.readonly || form?.isReadonly.value) return;
-      if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
+      const selectionStart = vTextFieldRef.value.selectionStart;
+      const length = selected.value.length;
+      if (selectionIndex.value > -1 || ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
         e.preventDefault();
       }
       if (['Enter', 'ArrowDown'].includes(e.key)) {
@@ -129,6 +140,38 @@ export const VAutocomplete = genericComponent()({
       } else if (e.key === 'ArrowUp') {
         listRef.value?.focus('prev');
       }
+      if (!props.multiple) return;
+      if (['Backspace', 'Delete'].includes(e.key)) {
+        if (selectionIndex.value < 0) {
+          if (e.key === 'Backspace' && !search.value) {
+            selectionIndex.value = length - 1;
+          }
+          return;
+        }
+        const originalSelectionIndex = selectionIndex.value;
+        if (selection.value) select(selection.value);
+        selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
+      }
+      if (e.key === 'ArrowLeft') {
+        if (selectionIndex.value < 0 && selectionStart > 0) return;
+        const prev = selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;
+        if (selections.value[prev]) {
+          selectionIndex.value = prev;
+        } else {
+          selectionIndex.value = -1;
+          vTextFieldRef.value.setSelectionRange(search.value?.length, search.value?.length);
+        }
+      }
+      if (e.key === 'ArrowRight') {
+        if (selectionIndex.value < 0) return;
+        const next = selectionIndex.value + 1;
+        if (selections.value[next]) {
+          selectionIndex.value = next;
+        } else {
+          selectionIndex.value = -1;
+          vTextFieldRef.value.setSelectionRange(0, 0);
+        }
+      }
     }
     function onInput(e) {
       search.value = e.target.value;
@@ -150,7 +193,6 @@ export const VAutocomplete = genericComponent()({
         const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value));
         if (index === -1) {
           model.value = [...model.value, item];
-          search.value = '';
         } else {
           const value = [...model.value];
           value.splice(index, 1);
@@ -195,12 +237,15 @@ export const VAutocomplete = genericComponent()({
         "onUpdate:modelValue": v => {
           if (v == null) model.value = [];
         },
+        "focused": isFocused.value,
+        "onUpdate:focused": $event => isFocused.value = $event,
         "validationValue": model.externalValue,
         "dirty": isDirty,
         "onInput": onInput,
         "class": ['v-autocomplete', {
           'v-autocomplete--active-menu': menu.value,
           'v-autocomplete--chips': !!props.chips,
+          'v-autocomplete--selecting-index': selectionIndex.value > -1,
           [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true,
           'v-autocomplete--selection-slot': !!slots.selection
         }],
@@ -209,8 +254,6 @@ export const VAutocomplete = genericComponent()({
         "placeholder": isDirty ? undefined : props.placeholder,
         "onClick:clear": onClear,
         "onMousedown:control": onMousedownControl,
-        "onFocus": () => isFocused.value = true,
-        "onBlur": () => isFocused.value = false,
         "onKeydown": onKeydown
       }), {
         ...slots,
@@ -275,7 +318,8 @@ export const VAutocomplete = genericComponent()({
           };
           return _createVNode("div", {
             "key": item.value,
-            "class": "v-autocomplete__selection"
+            "class": ['v-autocomplete__selection', index === selectionIndex.value && ['v-autocomplete__selection--selected', textColorClasses.value]],
+            "style": index === selectionIndex.value ? textColorStyles.value : {}
           }, [hasChips ? !slots.chip ? _createVNode(VChip, _mergeProps({
             "key": "chip",
             "closable": props.closableChips,

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

@@ -1 +1 @@
-{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","useForm","useItems","useLocale","useProxiedModel","computed","mergeProps","nextTick","ref","watch","genericComponent","omit","useRender","wrapInArray","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","_createVNode","_Fragment","substr","VAutocomplete","name","props","search","String","filterKeys","modelValue","transition","emits","val","setup","_ref","slots","t","vTextFieldRef","isFocused","isPristine","vMenuRef","_menu","menu","get","value","set","v","ΨopenChildren","items","transformIn","transformOut","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","includes","key","preventDefault","focus","onInput","target","onAfterLeave","onFocusin","onFocusout","relatedTarget","isSelecting","select","index","findIndex","splice","title","at","hasChips","chips","chip","hasList","prepend","append","isDirty","textFieldProps","filterProps","_mergeProps","externalValue","menuIcon","placeholder","onFocus","onBlur","default","$event","eager","menuProps","noDataText","onClick","_ref2","isSelected","onChipClose","stopPropagation","slotProps","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 { 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'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, watch } from 'vue'\nimport { genericComponent, omit, 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 { MakeSlots, SlotsToProps } 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>\n\nexport const VAutocomplete = genericComponent<new <\n  T,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n  $props: {\n    items?: readonly T[]\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: V\n    'onUpdate:modelValue'?: (val: V) => void\n  } & SlotsToProps<\n    Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n      item: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n      chip: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n      selection: [{ item: InternalItem<T>, index: number }]\n      'prepend-item': []\n      'append-item': []\n      'no-data': []\n    }>\n  >\n}>()({\n  name: 'VAutocomplete',\n\n  props: {\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  },\n\n  emits: {\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 = ref(false)\n    const isPristine = ref(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 { items, transformIn, transformOut } = useItems(props)\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 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      if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {\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\n    function onInput (e: InputEvent) {\n      search.value = (e.target as HTMLInputElement).value\n    }\n\n    function onAfterLeave () {\n      if (isFocused.value) isPristine.value = true\n    }\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n\n    function onFocusout (e: FocusEvent) {\n      if (e.relatedTarget == null) {\n        vTextFieldRef.value?.focus()\n      }\n    }\n\n    const isSelecting = ref(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          search.value = ''\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        if (!slots.selection) {\n          search.value = item.title\n        }\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 || !!slots.selection ? '' : String(selections.value.at(-1)?.props.title ?? '')\n        isPristine.value = true\n\n        nextTick(() => isSelecting.value = false)\n      } else {\n        menu.value = false\n        search.value = ''\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          validationValue={ model.externalValue }\n          dirty={ isDirty }\n          onInput={ onInput }\n          class={[\n            'v-autocomplete',\n            {\n              'v-autocomplete--active-menu': menu.value,\n              'v-autocomplete--chips': !!props.chips,\n              [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true,\n              'v-autocomplete--selection-slot': !!slots.selection,\n            },\n          ]}\n          appendInnerIcon={ props.menuIcon }\n          readonly={ props.readonly }\n          placeholder={ isDirty ? undefined : props.placeholder }\n          onClick:clear={ onClear }\n          onMousedown:control={ onMousedownControl }\n          onFocus={ () => isFocused.value = true }\n          onBlur={ () => isFocused.value = false }\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 => 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 }) => props.multiple && !props.hideSelected ? (\n                              <VCheckboxBtn\n                                modelValue={ isSelected }\n                                ripple={ false }\n                                tabindex=\"-1\"\n                              />\n                            ) : undefined,\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                    modelValue: true,\n                    'onUpdate:modelValue': undefined,\n                  }\n\n                  return (\n                    <div key={ item.value } class=\"v-autocomplete__selection\">\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":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe;AAAA,SACfC,YAAY;AAAA,SACZC,KAAK;AAAA,SACLC,iBAAiB;AAAA,SACjBC,KAAK,EAAEC,SAAS;AAAA,SAChBC,KAAK;AAAA,SACLC,UAAU,mCAEnB;AAAA,SACSC,WAAW;AAAA,SACXC,eAAe,EAAEC,SAAS;AAAA,SAC1BC,mBAAmB;AAAA,SACnBC,OAAO;AAAA,SACPC,QAAQ;AAAA,SACRC,SAAS;AAAA,SACTC,eAAe,8CAExB;AACA,SAASC,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACvDC,gBAAgB,EAAEC,IAAI,EAAEC,SAAS,EAAEC,WAAW;AAAA,SAC9CC,mBAAmB,wCAE5B;AAOA,SAASC,eAAeA,CAAEC,IAAY,EAAEC,OAAgC,EAAEC,MAAc,EAAE;EACxF,IAAID,OAAO,IAAI,IAAI,EAAE,OAAOD,IAAI;EAEhC,IAAIG,KAAK,CAACC,OAAO,CAACH,OAAO,CAAC,EAAE,MAAM,IAAII,KAAK,CAAC,qCAAqC,CAAC;EAElF,OAAO,OAAOJ,OAAO,KAAK,QAAQ,IAAI,CAACA,OAAO,GAAAK,YAAA,CAAAC,SAAA,SAAAD,YAAA;IAAA,SAG5B;EAAwB,IAAGN,IAAI,CAACQ,MAAM,CAAC,CAAC,EAAEP,OAAO,CAAC,IAAAK,YAAA;IAAA,SAClD;EAAsB,IAAGN,IAAI,CAACQ,MAAM,CAACP,OAAO,EAAEC,MAAM,CAAC,IAAAI,YAAA;IAAA,SACrD;EAAwB,IAAGN,IAAI,CAACQ,MAAM,CAACP,OAAO,GAAGC,MAAM,CAAC,OAGtEF,IAAI;AACV;AAaA,OAAO,MAAMS,aAAa,GAAGf,gBAAgB,EAsBzC,CAAC;EACHgB,IAAI,EAAE,eAAe;EAErBC,KAAK,EAAE;IACL;IACA;IACAC,MAAM,EAAEC,MAAM;IAEd,GAAG/B,eAAe,CAAC;MAAEgC,UAAU,EAAE,CAAC,OAAO;IAAE,CAAC,CAAC;IAC7C,GAAGzC,eAAe,EAAE;IACpB,GAAGsB,IAAI,CAACG,mBAAmB,CAAC;MAC1BiB,UAAU,EAAE;IACd,CAAC,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC;IACpD,GAAG/B,mBAAmB,CAAC;MAAEgC,UAAU,EAAE;IAAM,CAAC;EAC9C,CAAC;EAEDC,KAAK,EAAE;IACL,eAAe,EAAGC,GAAQ,IAAK,IAAI;IACnC,mBAAmB,EAAGA,GAAQ,IAAK,IAAI;IACvC,aAAa,EAAGA,GAAY,IAAK;EACnC,CAAC;EAEDC,KAAKA,CAAER,KAAK,EAAAS,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAE,CAAC,GAAGnC,SAAS,EAAE;IACzB,MAAMoC,aAAa,GAAG/B,GAAG,EAAE;IAC3B,MAAMgC,SAAS,GAAGhC,GAAG,CAAC,KAAK,CAAC;IAC5B,MAAMiC,UAAU,GAAGjC,GAAG,CAAC,IAAI,CAAC;IAC5B,MAAMkC,QAAQ,GAAGlC,GAAG,EAAS;IAC7B,MAAMmC,KAAK,GAAGvC,eAAe,CAACuB,KAAK,EAAE,MAAM,CAAC;IAC5C,MAAMiB,IAAI,GAAGvC,QAAQ,CAAC;MACpBwC,GAAG,EAAEA,CAAA,KAAMF,KAAK,CAACG,KAAK;MACtBC,GAAG,EAAEC,CAAC,IAAI;QACR,IAAIL,KAAK,CAACG,KAAK,IAAI,CAACE,CAAC,IAAIN,QAAQ,CAACI,KAAK,EAAEG,aAAa,EAAE;QACxDN,KAAK,CAACG,KAAK,GAAGE,CAAC;MACjB;IACF,CAAC,CAAC;IACF,MAAM;MAAEE,KAAK;MAAEC,WAAW;MAAEC;IAAa,CAAC,GAAGlD,QAAQ,CAACyB,KAAK,CAAC;IAC5D,MAAMC,MAAM,GAAGxB,eAAe,CAACuB,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC;IACnD,MAAM0B,KAAK,GAAGjD,eAAe,CAC3BuB,KAAK,EACL,YAAY,EACZ,EAAE,EACFqB,CAAC,IAAIG,WAAW,CAACtC,WAAW,CAACmC,CAAC,CAAC,CAAC,EAChCA,CAAC,IAAI;MACH,MAAMM,WAAW,GAAGF,YAAY,CAACJ,CAAC,CAAC;MACnC,OAAOrB,KAAK,CAAC4B,QAAQ,GAAGD,WAAW,GAAIA,WAAW,CAAC,CAAC,CAAC,IAAI,IAAK;IAChE,CAAC,CACF;IACD,MAAME,IAAI,GAAGvD,OAAO,EAAE;IACtB,MAAM;MAAEwD,aAAa;MAAEC;IAAW,CAAC,GAAG3D,SAAS,CAAC4B,KAAK,EAAEuB,KAAK,EAAE7C,QAAQ,CAAC,MAAMoC,UAAU,CAACK,KAAK,GAAGa,SAAS,GAAG/B,MAAM,CAACkB,KAAK,CAAC,CAAC;IAC1H,MAAMc,UAAU,GAAGvD,QAAQ,CAAC,MAAM;MAChC,OAAOgD,KAAK,CAACP,KAAK,CAACe,GAAG,CAACb,CAAC,IAAI;QAC1B,OAAOE,KAAK,CAACJ,KAAK,CAACgB,IAAI,CAACC,IAAI,IAAIpC,KAAK,CAACqC,eAAe,CAACD,IAAI,CAACjB,KAAK,EAAEE,CAAC,CAACF,KAAK,CAAC,CAAC,IAAIE,CAAC;MAClF,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAMiB,YAAY,GAAG5D,QAAQ,CAAC,MAAM;MAClC,IAAIsB,KAAK,CAACuC,YAAY,EAAE;QACtB,OAAOT,aAAa,CAACX,KAAK,CAACqB,MAAM,CAACC,YAAY,IAAI,CAACR,UAAU,CAACd,KAAK,CAACuB,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACxB,KAAK,KAAKsB,YAAY,CAACtB,KAAK,CAAC,CAAC;MAChH;MACA,OAAOW,aAAa,CAACX,KAAK;IAC5B,CAAC,CAAC;IAEF,MAAMyB,QAAQ,GAAGlE,QAAQ,CAAC,MAAMuD,UAAU,CAACd,KAAK,CAACe,GAAG,CAACW,SAAS,IAAIA,SAAS,CAAC7C,KAAK,CAACmB,KAAK,CAAC,CAAC;IACzF,MAAM2B,OAAO,GAAGjE,GAAG,EAAS;IAE5B,SAASkE,OAAOA,CAAEC,CAAa,EAAE;MAC/B,IAAIhD,KAAK,CAACiD,WAAW,EAAE;QACrBhC,IAAI,CAACE,KAAK,GAAG,IAAI;MACnB;MAEAlB,MAAM,CAACkB,KAAK,GAAG,EAAE;IACnB;IACA,SAAS+B,kBAAkBA,CAAA,EAAI;MAC7B,IACGlD,KAAK,CAACmD,UAAU,IAAI,CAAC5B,KAAK,CAACJ,KAAK,CAAC5B,MAAM,IACxCS,KAAK,CAACoD,QAAQ,IAAIvB,IAAI,EAAEwB,UAAU,CAAClC,KAAK,EACxC;MAEFF,IAAI,CAACE,KAAK,GAAG,IAAI;IACnB;IACA,SAASmC,SAASA,CAAEN,CAAgB,EAAE;MACpC,IAAIhD,KAAK,CAACoD,QAAQ,IAAIvB,IAAI,EAAEwB,UAAU,CAAClC,KAAK,EAAE;MAE9C,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,CAACoC,QAAQ,CAACP,CAAC,CAACQ,GAAG,CAAC,EAAE;QACrDR,CAAC,CAACS,cAAc,EAAE;MACpB;MAEA,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAACF,QAAQ,CAACP,CAAC,CAACQ,GAAG,CAAC,EAAE;QAC1CvC,IAAI,CAACE,KAAK,GAAG,IAAI;MACnB;MAEA,IAAI,CAAC,QAAQ,CAAC,CAACoC,QAAQ,CAACP,CAAC,CAACQ,GAAG,CAAC,EAAE;QAC9BvC,IAAI,CAACE,KAAK,GAAG,KAAK;MACpB;MAEA,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAACoC,QAAQ,CAACP,CAAC,CAACQ,GAAG,CAAC,EAAE;QAC9C1C,UAAU,CAACK,KAAK,GAAG,IAAI;MACzB;MAEA,IAAI6B,CAAC,CAACQ,GAAG,KAAK,WAAW,EAAE;QACzBV,OAAO,CAAC3B,KAAK,EAAEuC,KAAK,CAAC,MAAM,CAAC;MAC9B,CAAC,MAAM,IAAIV,CAAC,CAACQ,GAAG,KAAK,SAAS,EAAE;QAC9BV,OAAO,CAAC3B,KAAK,EAAEuC,KAAK,CAAC,MAAM,CAAC;MAC9B;IACF;IAEA,SAASC,OAAOA,CAAEX,CAAa,EAAE;MAC/B/C,MAAM,CAACkB,KAAK,GAAI6B,CAAC,CAACY,MAAM,CAAsBzC,KAAK;IACrD;IAEA,SAAS0C,YAAYA,CAAA,EAAI;MACvB,IAAIhD,SAAS,CAACM,KAAK,EAAEL,UAAU,CAACK,KAAK,GAAG,IAAI;IAC9C;IAEA,SAAS2C,SAASA,CAAEd,CAAa,EAAE;MACjCnC,SAAS,CAACM,KAAK,GAAG,IAAI;IACxB;IAEA,SAAS4C,UAAUA,CAAEf,CAAa,EAAE;MAClC,IAAIA,CAAC,CAACgB,aAAa,IAAI,IAAI,EAAE;QAC3BpD,aAAa,CAACO,KAAK,EAAEuC,KAAK,EAAE;MAC9B;IACF;IAEA,MAAMO,WAAW,GAAGpF,GAAG,CAAC,KAAK,CAAC;IAE9B,SAASqF,MAAMA,CAAE9B,IAAkB,EAAE;MACnC,IAAIpC,KAAK,CAAC4B,QAAQ,EAAE;QAClB,MAAMuC,KAAK,GAAGvB,QAAQ,CAACzB,KAAK,CAACiD,SAAS,CAACvB,SAAS,IAAI7C,KAAK,CAACqC,eAAe,CAACQ,SAAS,EAAET,IAAI,CAACjB,KAAK,CAAC,CAAC;QAEjG,IAAIgD,KAAK,KAAK,CAAC,CAAC,EAAE;UAChBzC,KAAK,CAACP,KAAK,GAAG,CAAC,GAAGO,KAAK,CAACP,KAAK,EAAEiB,IAAI,CAAC;UACpCnC,MAAM,CAACkB,KAAK,GAAG,EAAE;QACnB,CAAC,MAAM;UACL,MAAMA,KAAK,GAAG,CAAC,GAAGO,KAAK,CAACP,KAAK,CAAC;UAC9BA,KAAK,CAACkD,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;UACtBzC,KAAK,CAACP,KAAK,GAAGA,KAAK;QACrB;MACF,CAAC,MAAM;QACLO,KAAK,CAACP,KAAK,GAAG,CAACiB,IAAI,CAAC;QAEpB6B,WAAW,CAAC9C,KAAK,GAAG,IAAI;QAExB,IAAI,CAACT,KAAK,CAACmC,SAAS,EAAE;UACpB5C,MAAM,CAACkB,KAAK,GAAGiB,IAAI,CAACkC,KAAK;QAC3B;QAEArD,IAAI,CAACE,KAAK,GAAG,KAAK;QAClBL,UAAU,CAACK,KAAK,GAAG,IAAI;QAEvBvC,QAAQ,CAAC,MAAOqF,WAAW,CAAC9C,KAAK,GAAG,KAAM,CAAC;MAC7C;IACF;IAEArC,KAAK,CAAC+B,SAAS,EAAEN,GAAG,IAAI;MACtB,IAAIA,GAAG,EAAE;QACP0D,WAAW,CAAC9C,KAAK,GAAG,IAAI;QACxBlB,MAAM,CAACkB,KAAK,GAAGnB,KAAK,CAAC4B,QAAQ,IAAI,CAAC,CAAClB,KAAK,CAACmC,SAAS,GAAG,EAAE,GAAG3C,MAAM,CAAC+B,UAAU,CAACd,KAAK,CAACoD,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEvE,KAAK,CAACsE,KAAK,IAAI,EAAE,CAAC;QAC5GxD,UAAU,CAACK,KAAK,GAAG,IAAI;QAEvBvC,QAAQ,CAAC,MAAMqF,WAAW,CAAC9C,KAAK,GAAG,KAAK,CAAC;MAC3C,CAAC,MAAM;QACLF,IAAI,CAACE,KAAK,GAAG,KAAK;QAClBlB,MAAM,CAACkB,KAAK,GAAG,EAAE;MACnB;IACF,CAAC,CAAC;IAEFrC,KAAK,CAACmB,MAAM,EAAEM,GAAG,IAAI;MACnB,IAAI,CAACM,SAAS,CAACM,KAAK,IAAI8C,WAAW,CAAC9C,KAAK,EAAE;MAE3C,IAAIZ,GAAG,EAAEU,IAAI,CAACE,KAAK,GAAG,IAAI;MAE1BL,UAAU,CAACK,KAAK,GAAG,CAACZ,GAAG;IACzB,CAAC,CAAC;IAEFtB,SAAS,CAAC,MAAM;MACd,MAAMuF,QAAQ,GAAG,CAAC,EAAExE,KAAK,CAACyE,KAAK,IAAI/D,KAAK,CAACgE,IAAI,CAAC;MAC9C,MAAMC,OAAO,GAAG,CAAC,EAAG,CAAC3E,KAAK,CAACmD,UAAU,IAAIb,YAAY,CAACnB,KAAK,CAAC5B,MAAM,IAAKmB,KAAK,CAACkE,OAAO,IAAIlE,KAAK,CAACmE,MAAM,IAAInE,KAAK,CAAC,SAAS,CAAC,CAAC;MACzH,MAAMoE,OAAO,GAAGpD,KAAK,CAACP,KAAK,CAAC5B,MAAM,GAAG,CAAC;MACtC,MAAM,CAACwF,cAAc,CAAC,GAAG9G,UAAU,CAAC+G,WAAW,CAAChF,KAAK,CAAC;MAEtD,OAAAL,YAAA,CAAA1B,UAAA,EAAAgH,WAAA;QAAA,OAEUrE;MAAa,GACdmE,cAAc;QAAA,cACN9E,MAAM,CAACkB,KAAK;QAAA,uBACHE,CAAC,IAAI;UAAE,IAAIA,CAAC,IAAI,IAAI,EAAEK,KAAK,CAACP,KAAK,GAAG,EAAE;QAAC,CAAC;QAAA,mBAC5CO,KAAK,CAACwD,aAAa;QAAA,SAC7BJ,OAAO;QAAA,WACLnB,OAAO;QAAA,SACV,CACL,gBAAgB,EAChB;UACE,6BAA6B,EAAE1C,IAAI,CAACE,KAAK;UACzC,uBAAuB,EAAE,CAAC,CAACnB,KAAK,CAACyE,KAAK;UACtC,CAAE,mBAAkBzE,KAAK,CAAC4B,QAAQ,GAAG,UAAU,GAAG,QAAS,EAAC,GAAG,IAAI;UACnE,gCAAgC,EAAE,CAAC,CAAClB,KAAK,CAACmC;QAC5C,CAAC,CACF;QAAA,mBACiB7C,KAAK,CAACmF,QAAQ;QAAA,YACrBnF,KAAK,CAACoD,QAAQ;QAAA,eACX0B,OAAO,GAAG9C,SAAS,GAAGhC,KAAK,CAACoF,WAAW;QAAA,iBACrCrC,OAAO;QAAA,uBACDG,kBAAkB;QAAA,WAC9BmC,CAAA,KAAMxE,SAAS,CAACM,KAAK,GAAG,IAAI;QAAA,UAC7BmE,CAAA,KAAMzE,SAAS,CAACM,KAAK,GAAG,KAAK;QAAA,aAC1BmC;MAAS;QAGnB,GAAG5C,KAAK;QACR6E,OAAO,EAAEA,CAAA,KAAA5F,YAAA,CAAAC,SAAA,SAAAD,YAAA,CAAA3B,KAAA,EAAAiH,WAAA;UAAA,OAGGlE,QAAQ;UAAA,cACJE,IAAI,CAACE,KAAK;UAAA,uBAAAqE,MAAA,IAAVvE,IAAI,CAACE,KAAK,GAAAqE,MAAA;UAAA,aACV,QAAQ;UAAA,gBACL,yBAAyB;UAAA,SAC9BxF,KAAK,CAACyF,KAAK;UAAA,aACP,GAAG;UAAA,eACD,KAAK;UAAA,uBACG,KAAK;UAAA,cACdzF,KAAK,CAACK,UAAU;UAAA,gBACdwD;QAAY,GACtB7D,KAAK,CAAC0F,SAAS;UAAAH,OAAA,EAAAA,CAAA,MAElBZ,OAAO,IAAAhF,YAAA,CAAA7B,KAAA;YAAA,OAECgF,OAAO;YAAA,YACFF,QAAQ,CAACzB,KAAK;YAAA,kBACRnB,KAAK,CAAC4B,QAAQ,GAAG,aAAa,GAAG,oBAAoB;YAAA,eACvDoB,CAAa,IAAKA,CAAC,CAACS,cAAc,EAAE;YAAA,aACvCK,SAAS;YAAA,cACRC;UAAU;YAAAwB,OAAA,EAAAA,CAAA,MAErB,CAACjD,YAAY,CAACnB,KAAK,CAAC5B,MAAM,IAAI,CAACS,KAAK,CAACmD,UAAU,KAAKzC,KAAK,CAAC,SAAS,CAAC,IAAI,IAAAf,YAAA,CAAA5B,SAAA;cAAA,SACrD4C,CAAC,CAACX,KAAK,CAAC2F,UAAU;YAAC,QACvC,CAAC,EAEAjF,KAAK,CAAC,cAAc,CAAC,IAAI,EAEzB4B,YAAY,CAACnB,KAAK,CAACe,GAAG,CAACE,IAAI,IAAI1B,KAAK,CAAC0B,IAAI,GAAG;cAC5CA,IAAI;cACJpC,KAAK,EAAErB,UAAU,CAACyD,IAAI,CAACpC,KAAK,EAAE;gBAAE4F,OAAO,EAAEA,CAAA,KAAM1B,MAAM,CAAC9B,IAAI;cAAE,CAAC;YAC/D,CAAC,CAAC,IAAAzC,YAAA,CAAA5B,SAAA,EAAAkH,WAAA;cAAA,OAEQ7C,IAAI,CAACjB;YAAK,GACXiB,IAAI,CAACpC,KAAK;cAAA,WACL4F,CAAA,KAAM1B,MAAM,CAAC9B,IAAI;YAAC;cAG1BwC,OAAO,EAAEiB,KAAA;gBAAA,IAAC;kBAAEC;gBAAW,CAAC,GAAAD,KAAA;gBAAA,OAAK7F,KAAK,CAAC4B,QAAQ,IAAI,CAAC5B,KAAK,CAACuC,YAAY,GAAA5C,YAAA,CAAAhC,YAAA;kBAAA,cAEjDmI,UAAU;kBAAA,UACd,KAAK;kBAAA,YACL;gBAAI,WAEb9D,SAAS;cAAA;cACbsC,KAAK,EAAEA,CAAA,KAAM;gBACX,OAAOxD,UAAU,CAACK,KAAK,GACnBiB,IAAI,CAACkC,KAAK,GACVlF,eAAe,CAACgD,IAAI,CAACkC,KAAK,EAAEvC,UAAU,CAACK,IAAI,CAAC,EAAEkC,KAAK,EAAErE,MAAM,CAACkB,KAAK,EAAE5B,MAAM,IAAI,CAAC,CAAC;cACrF;YAAC,EAGN,CAAC,EAEAmB,KAAK,CAAC,aAAa,CAAC,IAAI;UAAA,EAE7B;QAAA,IAGDuB,UAAU,CAACd,KAAK,CAACe,GAAG,CAAC,CAACE,IAAI,EAAE+B,KAAK,KAAK;UACtC,SAAS4B,WAAWA,CAAE/C,CAAQ,EAAE;YAC9BA,CAAC,CAACgD,eAAe,EAAE;YACnBhD,CAAC,CAACS,cAAc,EAAE;YAElBS,MAAM,CAAC9B,IAAI,CAAC;UACd;UAEA,MAAM6D,SAAS,GAAG;YAChB,eAAe,EAAEF,WAAW;YAC5B3F,UAAU,EAAE,IAAI;YAChB,qBAAqB,EAAE4B;UACzB,CAAC;UAED,OAAArC,YAAA;YAAA,OACayC,IAAI,CAACjB,KAAK;YAAA,SAAS;UAA2B,IACrDqD,QAAQ,GACR,CAAC9D,KAAK,CAACgE,IAAI,GAAA/E,YAAA,CAAA/B,KAAA,EAAAqH,WAAA;YAAA,OAEH,MAAM;YAAA,YACCjF,KAAK,CAACkG,aAAa;YAAA,QACzB,OAAO;YAAA,QACL9D,IAAI,CAACkC;UAAK,GACZ2B,SAAS,WAAAtG,YAAA,CAAA9B,iBAAA;YAAA,OAIV,eAAe;YAAA,YACT;cACRD,KAAK,EAAE;gBACLuI,QAAQ,EAAEnG,KAAK,CAACkG,aAAa;gBAC7BE,IAAI,EAAE,OAAO;gBACb/G,IAAI,EAAE+C,IAAI,CAACkC;cACb;YACF;UAAC;YAAAiB,OAAA,EAAAA,CAAA,MAEC7E,KAAK,CAACgE,IAAI,GAAG;cAAEtC,IAAI;cAAE+B,KAAK;cAAEnE,KAAK,EAAEiG;YAAU,CAAC,CAAC;UAAA,EAEpD,GAEDvF,KAAK,CAACmC,SAAS,GAAG;YAAET,IAAI;YAAE+B;UAAM,CAAC,CAAC,IAAAxE,YAAA;YAAA,SACpB;UAAgC,IACxCyC,IAAI,CAACkC,KAAK,EACVtE,KAAK,CAAC4B,QAAQ,IAAKuC,KAAK,GAAGlC,UAAU,CAACd,KAAK,CAAC5B,MAAM,GAAG,CAAE,IAAAI,YAAA;YAAA,SAC3C;UAAiC,IAAA0G,gBAAA,OAC9C,EAGN;QAGP,CAAC,CAAC;MAEL;IAIT,CAAC,CAAC;IAEF,OAAOnI,WAAW,CAAC;MACjB2C,SAAS;MACTC,UAAU;MACVG,IAAI;MACJhB,MAAM;MACN6B,aAAa;MACboC;IACF,CAAC,EAAEtD,aAAa,CAAC;EACnB;AACF,CAAC,CAAC"}
+{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","useForm","useItems","useLocale","useProxiedModel","useTextColor","computed","mergeProps","nextTick","ref","watch","genericComponent","omit","useRender","wrapInArray","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","_createVNode","_Fragment","substr","VAutocomplete","name","props","search","String","filterKeys","modelValue","transition","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","onFocusout","relatedTarget","isSelecting","index","findIndex","splice","title","at","hasChips","chips","chip","hasList","prepend","append","isDirty","textFieldProps","filterProps","_mergeProps","$event","externalValue","menuIcon","placeholder","default","eager","menuProps","noDataText","onClick","_ref2","isSelected","onChipClose","stopPropagation","slotProps","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 { 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, watch } from 'vue'\nimport { genericComponent, omit, 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 { MakeSlots, SlotsToProps } 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>\n\nexport const VAutocomplete = genericComponent<new <\n  T,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n  $props: {\n    items?: readonly T[]\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: V\n    'onUpdate:modelValue'?: (val: V) => void\n  } & SlotsToProps<\n    Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n      item: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n      chip: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n      selection: [{ item: InternalItem<T>, index: number }]\n      'prepend-item': []\n      'append-item': []\n      'no-data': []\n    }>\n  >\n}>()({\n  name: 'VAutocomplete',\n\n  props: {\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  },\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 = ref(false)\n    const isPristine = ref(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 = ref(-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) isPristine.value = true\n    }\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n\n    function onFocusout (e: FocusEvent) {\n      if (e.relatedTarget == null) {\n        vTextFieldRef.value?.focus()\n      }\n    }\n\n    const isSelecting = ref(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        if (!slots.selection) {\n          search.value = item.title\n        }\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 || !!slots.selection ? '' : String(selections.value.at(-1)?.props.title ?? '')\n        isPristine.value = true\n\n        nextTick(() => isSelecting.value = false)\n      } else {\n        menu.value = false\n        search.value = ''\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            {\n              'v-autocomplete--active-menu': menu.value,\n              'v-autocomplete--chips': !!props.chips,\n              'v-autocomplete--selecting-index': selectionIndex.value > -1,\n              [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true,\n              'v-autocomplete--selection-slot': !!slots.selection,\n            },\n          ]}\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                      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 => 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 }) => props.multiple && !props.hideSelected ? (\n                              <VCheckboxBtn\n                                modelValue={ isSelected }\n                                ripple={ false }\n                                tabindex=\"-1\"\n                              />\n                            ) : undefined,\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                    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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"}

package/lib/components/VAutocomplete/VAutocomplete.sass

@@ -71,6 +71,16 @@
       &:first-child
         margin-inline-start: 0
 
+  &--selecting-index
+    .v-autocomplete__selection
+      opacity: var(--v-medium-emphasis-opacity)
+
+      &--selected
+        opacity: 1
+
+    .v-field__input > input
+      caret-color: transparent
+
   &--single
     &.v-text-field input
       flex: 1 1