@vuetify/nightly 3.1.4 → 3.1.5-master-20230210.0

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -99,7 +99,7 @@ export const VAutocomplete = genericComponent()({
       }
       search.value = '';
     }
-    function onClickControl() {
+    function onMousedownControl() {
       if (props.hideNoData && !items.value.length || props.readonly || form != null && form.isReadonly.value) return;
       menu.value = true;
     }
@@ -203,8 +203,7 @@ export const VAutocomplete = genericComponent()({
         "appendInnerIcon": props.menuIcon,
         "readonly": props.readonly,
         "onClick:clear": onClear,
-        "onClick:control": onClickControl,
-        "onClick:input": onClickControl,
+        "onMousedown:control": onMousedownControl,
         "onFocus": () => isFocused.value = true,
         "onBlur": () => isFocused.value = false,
         "onKeydown": onKeydown

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","filterVTextFieldProps","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","substr","VAutocomplete","name","props","search","String","filterKeys","modelValue","transition","emits","val","setup","slots","t","vTextFieldRef","isFocused","isPristine","menu","items","transformIn","transformOut","model","v","transformed","multiple","form","filteredItems","getMatches","value","undefined","selections","map","find","item","valueComparator","displayItems","hideSelected","filter","filteredItem","some","s","selected","selection","listRef","onClear","e","openOnClear","onClickControl","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","textFieldProps","externalValue","menuIcon","default","eager","menuProps","noDataText","onClick","isSelected","onChipClose","stopPropagation","slotProps","closable","closableChips","size"],"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 { filterVTextFieldProps, makeVTextFieldProps } from '../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 menu = useProxiedModel(props, 'menu')\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      model.value = []\n\n      if (props.openOnClear) {\n        menu.value = true\n      }\n\n      search.value = ''\n    }\n    function onClickControl () {\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 [textFieldProps] = filterVTextFieldProps(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={ model.value.length > 0 }\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          onClick:clear={ onClear }\n          onClick:control={ onClickControl }\n          onClick:input={ onClickControl }\n          onFocus={ () => isFocused.value = true }\n          onBlur={ () => isFocused.value = false }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-autocomplete__content\"\n                  eager={ props.eager }\n                  maxHeight={ 310 }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterLeave={ onAfterLeave }\n                  { ...props.menuProps }\n                >\n                  { hasList && (\n                    <VList\n                      ref={ listRef }\n                      selected={ selected.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                      onFocusin={ onFocusin }\n                      onFocusout={ onFocusout }\n                    >\n                      { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                        <VListItem title={ t(props.noDataText) } />\n                      )) }\n\n                      { slots['prepend-item']?.() }\n\n                      { displayItems.value.map((item, index) => slots.item?.({\n                        item,\n                        index,\n                        props: mergeProps(item.props, { onClick: () => select(item) }),\n                      }) ?? (\n                        <VListItem\n                          key={ index }\n                          { ...item.props }\n                          onClick={ () => select(item) }\n                        >\n                          {{\n                            prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n                              <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\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                        <VDefaultsProvider\n                          defaults={{\n                            VChip: {\n                              closable: props.closableChips,\n                              size: 'small',\n                              text: item.title,\n                            },\n                          }}\n                        >\n                          { slots.chip\n                            ? slots.chip({ item, index, props: slotProps })\n                            : (<VChip { ...slotProps } />)\n                          }\n                        </VDefaultsProvider>\n                      ) : (\n                        slots.selection\n                          ? slots.selection({ item, index })\n                          : (\n                            <span class=\"v-autocomplete__selection-text\">\n                              { item.title }\n                              { props.multiple && (index < selections.value.length - 1) && (\n                                <span class=\"v-autocomplete__selection-comma\">,</span>\n                              ) }\n                            </span>\n                          )\n                      )}\n                    </div>\n                  )\n                }) }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      isFocused,\n      isPristine,\n      menu,\n      search,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":"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"}
+{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","useForm","useItems","useLocale","useProxiedModel","computed","mergeProps","nextTick","ref","watch","genericComponent","omit","useRender","wrapInArray","filterVTextFieldProps","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","substr","VAutocomplete","name","props","search","String","filterKeys","modelValue","transition","emits","val","setup","slots","t","vTextFieldRef","isFocused","isPristine","menu","items","transformIn","transformOut","model","v","transformed","multiple","form","filteredItems","getMatches","value","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","textFieldProps","externalValue","menuIcon","default","eager","menuProps","noDataText","onClick","isSelected","onChipClose","stopPropagation","slotProps","closable","closableChips","size"],"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 { filterVTextFieldProps, makeVTextFieldProps } from '../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 menu = useProxiedModel(props, 'menu')\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      model.value = []\n\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 [textFieldProps] = filterVTextFieldProps(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={ model.value.length > 0 }\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          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                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-autocomplete__content\"\n                  eager={ props.eager }\n                  maxHeight={ 310 }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterLeave={ onAfterLeave }\n                  { ...props.menuProps }\n                >\n                  { hasList && (\n                    <VList\n                      ref={ listRef }\n                      selected={ selected.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                      onFocusin={ onFocusin }\n                      onFocusout={ onFocusout }\n                    >\n                      { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                        <VListItem title={ t(props.noDataText) } />\n                      )) }\n\n                      { slots['prepend-item']?.() }\n\n                      { displayItems.value.map((item, index) => slots.item?.({\n                        item,\n                        index,\n                        props: mergeProps(item.props, { onClick: () => select(item) }),\n                      }) ?? (\n                        <VListItem\n                          key={ index }\n                          { ...item.props }\n                          onClick={ () => select(item) }\n                        >\n                          {{\n                            prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n                              <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\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                        <VDefaultsProvider\n                          defaults={{\n                            VChip: {\n                              closable: props.closableChips,\n                              size: 'small',\n                              text: item.title,\n                            },\n                          }}\n                        >\n                          { slots.chip\n                            ? slots.chip({ item, index, props: slotProps })\n                            : (<VChip { ...slotProps } />)\n                          }\n                        </VDefaultsProvider>\n                      ) : (\n                        slots.selection\n                          ? slots.selection({ item, index })\n                          : (\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/VCombobox/VCombobox.mjs

@@ -148,7 +148,7 @@ export const VCombobox = genericComponent()({
         menu.value = true;
       }
     }
-    function onClickControl() {
+    function onMousedownControl() {
       if (props.hideNoData && !items.value.length || props.readonly || form != null && form.isReadonly.value) return;
       menu.value = true;
     }
@@ -280,8 +280,7 @@ export const VCombobox = genericComponent()({
         "appendInnerIcon": props.items.length ? props.menuIcon : undefined,
         "readonly": props.readonly,
         "onClick:clear": onClear,
-        "onClick:control": onClickControl,
-        "onClick:input": onClickControl,
+        "onMousedown:control": onMousedownControl,
         "onFocus": () => isFocused.value = true,
         "onBlur": () => isFocused.value = false,
         "onKeydown": onKeydown

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

@@ -1 +1 @@
-{"version":3,"file":"VCombobox.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","transformItem","useItems","useForm","useLocale","useProxiedModel","useTextColor","computed","mergeProps","nextTick","ref","watch","genericComponent","omit","useRender","wrapInArray","filterVTextFieldProps","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","substr","VCombobox","name","props","delimiters","filterKeys","hideNoData","returnObject","modelValue","transition","emits","val","setup","emit","slots","t","vTextFieldRef","isFocused","isPristine","menu","selectionIndex","color","value","items","transformIn","transformOut","textColorClasses","textColorStyles","model","v","transformed","multiple","form","_search","title","search","get","set","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","onClickControl","readonly","isReadonly","onKeydown","selectionStart","includes","key","preventDefault","focus","prev","setSelectionRange","next","onAfterLeave","index","findIndex","splice","onFocusin","onFocusout","relatedTarget","hasChips","chips","chip","hasList","prepend","append","textFieldProps","externalValue","menuIcon","default","eager","menuProps","noDataText","onClick","isSelected","onChipClose","stopPropagation","slotProps","closable","closableChips","size"],"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 { 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, watch } from 'vue'\nimport { genericComponent, omit, useRender, wrapInArray } from '@/util'\nimport { filterVTextFieldProps, makeVTextFieldProps } from '../VTextField/VTextField'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { MakeSlots, SlotsToProps } 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>\n\nexport const VCombobox = genericComponent<new <\n  T,\n  ReturnObject extends boolean = true,\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: 'VCombobox',\n\n  props: {\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  },\n\n  emits: {\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 = ref(false)\n    const isPristine = ref(true)\n    const menu = useProxiedModel(props, 'menu')\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 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 = ref(!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        if (isFocused.value) menu.value = true\n\n        isPristine.value = !val\n      },\n    })\n    watch(_search, value => {\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      model.value = []\n\n      if (props.openOnClear) {\n        menu.value = true\n      }\n    }\n    function onClickControl () {\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        select(selection.value)\n\n        nextTick(() => !selection.value && (selectionIndex.value = length - 2))\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) isPristine.value = true\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    function onFocusout (e: FocusEvent) {\n      if (e.relatedTarget == null) {\n        vTextFieldRef.value?.focus()\n      }\n    }\n\n    watch(filteredItems, val => {\n      if (!val.length && props.hideNoData) menu.value = false\n    })\n\n    watch(isFocused, val => {\n      if (val) {\n        selectionIndex.value = -1\n      } else {\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\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 [textFieldProps] = filterVTextFieldProps(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          validationValue={ model.externalValue }\n          dirty={ model.value.length > 0 }\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          ]}\n          appendInnerIcon={ props.items.length ? props.menuIcon : undefined }\n          readonly={ props.readonly }\n          onClick:clear={ onClear }\n          onClick:control={ onClickControl }\n          onClick:input={ onClickControl }\n          onFocus={ () => isFocused.value = true }\n          onBlur={ () => isFocused.value = false }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\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) => slots.item?.({\n                        item,\n                        index,\n                        props: mergeProps(item.props, { onClick: () => select(item) }),\n                      }) ?? (\n                        <VListItem\n                          key={ index }\n                          { ...item.props }\n                          onClick={ () => select(item) }\n                        >\n                          {{\n                            prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n                              <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\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-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                        <VDefaultsProvider\n                          defaults={{\n                            VChip: {\n                              closable: props.closableChips,\n                              size: 'small',\n                              text: item.title,\n                            },\n                          }}\n                        >\n                          { slots.chip\n                            ? slots.chip({ item, index, props: slotProps })\n                            : (<VChip { ...slotProps } />)\n                          }\n                        </VDefaultsProvider>\n                      ) : (\n                        slots.selection\n                          ? slots.selection({ item, index })\n                          : (\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","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","transformItem","useItems","useForm","useLocale","useProxiedModel","useTextColor","computed","mergeProps","nextTick","ref","watch","genericComponent","omit","useRender","wrapInArray","filterVTextFieldProps","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","substr","VCombobox","name","props","delimiters","filterKeys","hideNoData","returnObject","modelValue","transition","emits","val","setup","emit","slots","t","vTextFieldRef","isFocused","isPristine","menu","selectionIndex","color","value","items","transformIn","transformOut","textColorClasses","textColorStyles","model","v","transformed","multiple","form","_search","title","search","get","set","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","prev","setSelectionRange","next","onAfterLeave","index","findIndex","splice","onFocusin","onFocusout","relatedTarget","hasChips","chips","chip","hasList","prepend","append","textFieldProps","externalValue","menuIcon","default","eager","menuProps","noDataText","onClick","isSelected","onChipClose","stopPropagation","slotProps","closable","closableChips","size"],"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 { 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, watch } from 'vue'\nimport { genericComponent, omit, useRender, wrapInArray } from '@/util'\nimport { filterVTextFieldProps, makeVTextFieldProps } from '../VTextField/VTextField'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { MakeSlots, SlotsToProps } 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>\n\nexport const VCombobox = genericComponent<new <\n  T,\n  ReturnObject extends boolean = true,\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: 'VCombobox',\n\n  props: {\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  },\n\n  emits: {\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 = ref(false)\n    const isPristine = ref(true)\n    const menu = useProxiedModel(props, 'menu')\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 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 = ref(!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        if (isFocused.value) menu.value = true\n\n        isPristine.value = !val\n      },\n    })\n    watch(_search, value => {\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      model.value = []\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        select(selection.value)\n\n        nextTick(() => !selection.value && (selectionIndex.value = length - 2))\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) isPristine.value = true\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    function onFocusout (e: FocusEvent) {\n      if (e.relatedTarget == null) {\n        vTextFieldRef.value?.focus()\n      }\n    }\n\n    watch(filteredItems, val => {\n      if (!val.length && props.hideNoData) menu.value = false\n    })\n\n    watch(isFocused, val => {\n      if (val) {\n        selectionIndex.value = -1\n      } else {\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\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 [textFieldProps] = filterVTextFieldProps(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          validationValue={ model.externalValue }\n          dirty={ model.value.length > 0 }\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          ]}\n          appendInnerIcon={ props.items.length ? props.menuIcon : undefined }\n          readonly={ props.readonly }\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                  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) => slots.item?.({\n                        item,\n                        index,\n                        props: mergeProps(item.props, { onClick: () => select(item) }),\n                      }) ?? (\n                        <VListItem\n                          key={ index }\n                          { ...item.props }\n                          onClick={ () => select(item) }\n                        >\n                          {{\n                            prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n                              <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\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-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                        <VDefaultsProvider\n                          defaults={{\n                            VChip: {\n                              closable: props.closableChips,\n                              size: 'small',\n                              text: item.title,\n                            },\n                          }}\n                        >\n                          { slots.chip\n                            ? slots.chip({ item, index, props: slotProps })\n                            : (<VChip { ...slotProps } />)\n                          }\n                        </VDefaultsProvider>\n                      ) : (\n                        slots.selection\n                          ? slots.selection({ item, index })\n                          : (\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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"}

package/lib/components/VField/VField.mjs

@@ -52,7 +52,6 @@ export const VField = genericComponent()({
     ...makeVFieldProps()
   },
   emits: {
-    'click:control': e => true,
     'update:focused': focused => true,
     'update:modelValue': val => true
   },
@@ -143,7 +142,6 @@ export const VField = genericComponent()({
       if (e.target !== document.activeElement) {
         e.preventDefault();
       }
-      emit('click:control', e);
     }
     useRender(() => {
       var _slots$prependInner, _slots$default, _slots$appendInner;

package/lib/components/VField/VField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VField.mjs","names":["VExpandXTransition","useInputIcon","VFieldLabel","IconValue","LoaderSlot","makeLoaderProps","useLoader","makeFocusProps","useFocus","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","computed","ref","toRef","watch","animate","convertToUnit","EventProp","genericComponent","getUid","isOn","nullifyTransforms","pick","propsFactory","standardEasing","useRender","allowedVariants","makeVFieldProps","appendInnerIcon","bgColor","String","clearable","Boolean","clearIcon","type","default","active","color","dirty","disabled","error","label","persistentClear","prependInnerIcon","reverse","singleLine","variant","validator","v","includes","VField","name","inheritAttrs","props","id","emits","e","focused","val","setup","attrs","emit","slots","themeClasses","loaderClasses","focusClasses","isFocused","focus","blur","InputIcon","isActive","hasLabel","uid","messagesId","value","labelRef","floatingLabelRef","controlRef","backgroundColorClasses","backgroundColorStyles","textColorClasses","textColorStyles","undefined","el","$el","targetEl","requestAnimationFrame","rect","targetRect","getBoundingClientRect","x","y","height","targetWidth","width","Math","abs","maxWidth","style","getComputedStyle","targetStyle","duration","parseFloat","transitionDuration","scale","getPropertyValue","visibility","transform","easing","direction","finished","then","removeProperty","flush","slotProps","onClick","target","document","activeElement","preventDefault","isOutlined","hasPrepend","hasClear","clear","hasAppend","for","loading","loader","class","filterFieldProps","keys","Object","filter","k"],"sources":["../../../src/components/VField/VField.tsx"],"sourcesContent":["// Styles\nimport './VField.sass'\n\n// Components\nimport { VExpandXTransition } from '@/components/transitions'\nimport { useInputIcon } from '@/components/VInput/InputIcon'\nimport { VFieldLabel } from './VFieldLabel'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef, watch } from 'vue'\nimport {\n  animate,\n  convertToUnit,\n  EventProp,\n  genericComponent,\n  getUid,\n  isOn,\n  nullifyTransforms,\n  pick,\n  propsFactory,\n  standardEasing,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { LoaderSlotProps } from '@/composables/loader'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { PropType, Ref } from 'vue'\nimport type { VInputSlot } from '@/components/VInput/VInput'\n\nconst allowedVariants = ['underlined', 'outlined', 'filled', 'solo', 'plain'] as const\ntype Variant = typeof allowedVariants[number]\n\nexport interface DefaultInputSlot {\n  isActive: Ref<boolean>\n  isFocused: Ref<boolean>\n  controlRef: Ref<HTMLElement | undefined>\n  focus: () => void\n  blur: () => void\n}\n\nexport interface VFieldSlot extends DefaultInputSlot {\n  props: Record<string, unknown>\n}\n\nexport const makeVFieldProps = propsFactory({\n  appendInnerIcon: IconValue,\n  bgColor: String,\n  clearable: Boolean,\n  clearIcon: {\n    type: IconValue,\n    default: '$clear',\n  },\n  active: Boolean,\n  color: String,\n  dirty: Boolean,\n  disabled: Boolean,\n  error: Boolean,\n  label: String,\n  persistentClear: Boolean,\n  prependInnerIcon: IconValue,\n  reverse: Boolean,\n  singleLine: Boolean,\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'filled',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n\n  'onClick:clear': EventProp,\n  'onClick:appendInner': EventProp,\n  'onClick:prependInner': EventProp,\n\n  ...makeThemeProps(),\n  ...makeLoaderProps(),\n}, 'v-field')\n\nexport type VFieldSlots = MakeSlots<{\n  clear: []\n  'prepend-inner': [DefaultInputSlot & VInputSlot]\n  'append-inner': [DefaultInputSlot & VInputSlot]\n  label: [DefaultInputSlot & VInputSlot]\n  loader: [LoaderSlotProps]\n  default: [VFieldSlot]\n}>\n\nexport const VField = genericComponent<new <T>() => {\n  $props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (val: T) => any\n  } & SlotsToProps<VFieldSlots>\n}>()({\n  name: 'VField',\n\n  inheritAttrs: false,\n\n  props: {\n    id: String,\n\n    ...makeFocusProps(),\n    ...makeVFieldProps(),\n  },\n\n  emits: {\n    'click:control': (e: MouseEvent) => true,\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { loaderClasses } = useLoader(props)\n    const { focusClasses, isFocused, focus, blur } = useFocus(props)\n    const { InputIcon } = useInputIcon(props)\n\n    const isActive = computed(() => props.dirty || props.active)\n    const hasLabel = computed(() => !props.singleLine && !!(props.label || slots.label))\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n    const messagesId = computed(() => `${id.value}-messages`)\n\n    const labelRef = ref<VFieldLabel>()\n    const floatingLabelRef = ref<VFieldLabel>()\n    const controlRef = ref<HTMLElement>()\n\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { textColorClasses, textColorStyles } = useTextColor(computed(() => {\n      return (\n        isActive.value &&\n        isFocused.value &&\n        !props.error &&\n        !props.disabled\n      ) ? props.color : undefined\n    }))\n\n    watch(isActive, val => {\n      if (hasLabel.value) {\n        const el: HTMLElement = labelRef.value!.$el\n        const targetEl: HTMLElement = floatingLabelRef.value!.$el\n\n        requestAnimationFrame(() => {\n          const rect = nullifyTransforms(el)\n          const targetRect = targetEl.getBoundingClientRect()\n\n          const x = targetRect.x - rect.x\n          const y = targetRect.y - rect.y - (rect.height / 2 - targetRect.height / 2)\n\n          const targetWidth = targetRect.width / 0.75\n          const width = Math.abs(targetWidth - rect.width) > 1\n            ? { maxWidth: convertToUnit(targetWidth) }\n            : undefined\n\n          const style = getComputedStyle(el)\n          const targetStyle = getComputedStyle(targetEl)\n          const duration = parseFloat(style.transitionDuration) * 1000 || 150\n          const scale = parseFloat(targetStyle.getPropertyValue('--v-field-label-scale'))\n          const color = targetStyle.getPropertyValue('color')\n\n          el.style.visibility = 'visible'\n          targetEl.style.visibility = 'hidden'\n\n          animate(el, {\n            transform: `translate(${x}px, ${y}px) scale(${scale})`,\n            color,\n            ...width,\n          }, {\n            duration,\n            easing: standardEasing,\n            direction: val ? 'normal' : 'reverse',\n          }).finished.then(() => {\n            el.style.removeProperty('visibility')\n            targetEl.style.removeProperty('visibility')\n          })\n        })\n      }\n    }, { flush: 'post' })\n\n    const slotProps = computed<DefaultInputSlot>(() => ({\n      isActive,\n      isFocused,\n      controlRef,\n      blur,\n      focus,\n    }))\n\n    function onClick (e: MouseEvent) {\n      if (e.target !== document.activeElement) {\n        e.preventDefault()\n      }\n\n      emit('click:control', e)\n    }\n\n    useRender(() => {\n      const isOutlined = props.variant === 'outlined'\n      const hasPrepend = (slots['prepend-inner'] || props.prependInnerIcon)\n      const hasClear = !!(props.clearable || slots.clear)\n      const hasAppend = !!(slots['append-inner'] || props.appendInnerIcon || hasClear)\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n\n      return (\n        <div\n          class={[\n            'v-field',\n            {\n              'v-field--active': isActive.value,\n              'v-field--appended': hasAppend,\n              'v-field--disabled': props.disabled,\n              'v-field--dirty': props.dirty,\n              'v-field--error': props.error,\n              'v-field--has-background': !!props.bgColor,\n              'v-field--persistent-clear': props.persistentClear,\n              'v-field--prepended': hasPrepend,\n              'v-field--reverse': props.reverse,\n              'v-field--single-line': props.singleLine,\n              'v-field--no-label': !label,\n              [`v-field--variant-${props.variant}`]: true,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            focusClasses.value,\n            loaderClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            textColorStyles.value,\n          ]}\n          onClick={ onClick }\n          { ...attrs }\n        >\n          <div class=\"v-field__overlay\" />\n\n          <LoaderSlot\n            name=\"v-field\"\n            active={ !!props.loading }\n            color={ props.error ? 'error' : props.color }\n            v-slots={{ default: slots.loader }}\n          />\n\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-field__prepend-inner\">\n              { props.prependInnerIcon && (\n                <InputIcon key=\"prepend-icon\" name=\"prependInner\" />\n              ) }\n\n              { slots['prepend-inner']?.(slotProps.value) }\n            </div>\n          ) }\n\n          <div class=\"v-field__field\" data-no-activator=\"\">\n            { ['solo', 'filled'].includes(props.variant) && hasLabel.value && (\n              <VFieldLabel\n                key=\"floating-label\"\n                ref={ floatingLabelRef }\n                class={[textColorClasses.value]}\n                floating\n                for={ id.value }\n              >\n                { label }\n              </VFieldLabel>\n            ) }\n\n            <VFieldLabel ref={ labelRef } for={ id.value }>\n              { label }\n            </VFieldLabel>\n\n            { slots.default?.({\n              ...slotProps.value,\n              props: {\n                id: id.value,\n                class: 'v-field__input',\n                'aria-describedby': messagesId.value,\n              },\n              focus,\n              blur,\n            } as VFieldSlot) }\n          </div>\n\n          { hasClear && (\n            <VExpandXTransition key=\"clear\">\n              <div\n                class=\"v-field__clearable\"\n                v-show={ props.dirty }\n              >\n                { slots.clear\n                  ? slots.clear()\n                  : <InputIcon name=\"clear\" />\n                }\n              </div>\n            </VExpandXTransition>\n          ) }\n\n          { hasAppend && (\n            <div key=\"append\" class=\"v-field__append-inner\">\n              { slots['append-inner']?.(slotProps.value) }\n\n              { props.appendInnerIcon && (\n                <InputIcon key=\"append-icon\" name=\"appendInner\" />\n              ) }\n            </div>\n          ) }\n\n          <div\n            class={[\n              'v-field__outline',\n              textColorClasses.value,\n            ]}\n          >\n            { isOutlined && (\n              <>\n                <div class=\"v-field__outline__start\" />\n\n                { hasLabel.value && (\n                  <div class=\"v-field__outline__notch\">\n                    <VFieldLabel ref={ floatingLabelRef } floating for={ id.value }>\n                      { label }\n                    </VFieldLabel>\n                  </div>\n                ) }\n\n                <div class=\"v-field__outline__end\" />\n              </>\n            ) }\n\n            { ['plain', 'underlined'].includes(props.variant) && hasLabel.value && (\n              <VFieldLabel ref={ floatingLabelRef } floating for={ id.value }>\n                { label }\n              </VFieldLabel>\n            ) }\n          </div>\n        </div>\n      )\n    })\n\n    return {\n      controlRef,\n    }\n  },\n})\n\nexport type VField = InstanceType<typeof VField>\n\n// TODO: this is kinda slow, might be better to implicitly inherit props instead\nexport function filterFieldProps (attrs: Record<string, unknown>) {\n  const keys = Object.keys(VField.props).filter(k => !isOn(k))\n  return pick(attrs, keys)\n}\n"],"mappings":"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"}
+{"version":3,"file":"VField.mjs","names":["VExpandXTransition","useInputIcon","VFieldLabel","IconValue","LoaderSlot","makeLoaderProps","useLoader","makeFocusProps","useFocus","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","computed","ref","toRef","watch","animate","convertToUnit","EventProp","genericComponent","getUid","isOn","nullifyTransforms","pick","propsFactory","standardEasing","useRender","allowedVariants","makeVFieldProps","appendInnerIcon","bgColor","String","clearable","Boolean","clearIcon","type","default","active","color","dirty","disabled","error","label","persistentClear","prependInnerIcon","reverse","singleLine","variant","validator","v","includes","VField","name","inheritAttrs","props","id","emits","focused","val","setup","attrs","emit","slots","themeClasses","loaderClasses","focusClasses","isFocused","focus","blur","InputIcon","isActive","hasLabel","uid","messagesId","value","labelRef","floatingLabelRef","controlRef","backgroundColorClasses","backgroundColorStyles","textColorClasses","textColorStyles","undefined","el","$el","targetEl","requestAnimationFrame","rect","targetRect","getBoundingClientRect","x","y","height","targetWidth","width","Math","abs","maxWidth","style","getComputedStyle","targetStyle","duration","parseFloat","transitionDuration","scale","getPropertyValue","visibility","transform","easing","direction","finished","then","removeProperty","flush","slotProps","onClick","e","target","document","activeElement","preventDefault","isOutlined","hasPrepend","hasClear","clear","hasAppend","for","loading","loader","class","filterFieldProps","keys","Object","filter","k"],"sources":["../../../src/components/VField/VField.tsx"],"sourcesContent":["// Styles\nimport './VField.sass'\n\n// Components\nimport { VExpandXTransition } from '@/components/transitions'\nimport { useInputIcon } from '@/components/VInput/InputIcon'\nimport { VFieldLabel } from './VFieldLabel'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef, watch } from 'vue'\nimport {\n  animate,\n  convertToUnit,\n  EventProp,\n  genericComponent,\n  getUid,\n  isOn,\n  nullifyTransforms,\n  pick,\n  propsFactory,\n  standardEasing,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { LoaderSlotProps } from '@/composables/loader'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { PropType, Ref } from 'vue'\nimport type { VInputSlot } from '@/components/VInput/VInput'\n\nconst allowedVariants = ['underlined', 'outlined', 'filled', 'solo', 'plain'] as const\ntype Variant = typeof allowedVariants[number]\n\nexport interface DefaultInputSlot {\n  isActive: Ref<boolean>\n  isFocused: Ref<boolean>\n  controlRef: Ref<HTMLElement | undefined>\n  focus: () => void\n  blur: () => void\n}\n\nexport interface VFieldSlot extends DefaultInputSlot {\n  props: Record<string, unknown>\n}\n\nexport const makeVFieldProps = propsFactory({\n  appendInnerIcon: IconValue,\n  bgColor: String,\n  clearable: Boolean,\n  clearIcon: {\n    type: IconValue,\n    default: '$clear',\n  },\n  active: Boolean,\n  color: String,\n  dirty: Boolean,\n  disabled: Boolean,\n  error: Boolean,\n  label: String,\n  persistentClear: Boolean,\n  prependInnerIcon: IconValue,\n  reverse: Boolean,\n  singleLine: Boolean,\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'filled',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n\n  'onClick:clear': EventProp,\n  'onClick:appendInner': EventProp,\n  'onClick:prependInner': EventProp,\n\n  ...makeThemeProps(),\n  ...makeLoaderProps(),\n}, 'v-field')\n\nexport type VFieldSlots = MakeSlots<{\n  clear: []\n  'prepend-inner': [DefaultInputSlot & VInputSlot]\n  'append-inner': [DefaultInputSlot & VInputSlot]\n  label: [DefaultInputSlot & VInputSlot]\n  loader: [LoaderSlotProps]\n  default: [VFieldSlot]\n}>\n\nexport const VField = genericComponent<new <T>() => {\n  $props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (val: T) => any\n  } & SlotsToProps<VFieldSlots>\n}>()({\n  name: 'VField',\n\n  inheritAttrs: false,\n\n  props: {\n    id: String,\n\n    ...makeFocusProps(),\n    ...makeVFieldProps(),\n  },\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { loaderClasses } = useLoader(props)\n    const { focusClasses, isFocused, focus, blur } = useFocus(props)\n    const { InputIcon } = useInputIcon(props)\n\n    const isActive = computed(() => props.dirty || props.active)\n    const hasLabel = computed(() => !props.singleLine && !!(props.label || slots.label))\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n    const messagesId = computed(() => `${id.value}-messages`)\n\n    const labelRef = ref<VFieldLabel>()\n    const floatingLabelRef = ref<VFieldLabel>()\n    const controlRef = ref<HTMLElement>()\n\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { textColorClasses, textColorStyles } = useTextColor(computed(() => {\n      return (\n        isActive.value &&\n        isFocused.value &&\n        !props.error &&\n        !props.disabled\n      ) ? props.color : undefined\n    }))\n\n    watch(isActive, val => {\n      if (hasLabel.value) {\n        const el: HTMLElement = labelRef.value!.$el\n        const targetEl: HTMLElement = floatingLabelRef.value!.$el\n\n        requestAnimationFrame(() => {\n          const rect = nullifyTransforms(el)\n          const targetRect = targetEl.getBoundingClientRect()\n\n          const x = targetRect.x - rect.x\n          const y = targetRect.y - rect.y - (rect.height / 2 - targetRect.height / 2)\n\n          const targetWidth = targetRect.width / 0.75\n          const width = Math.abs(targetWidth - rect.width) > 1\n            ? { maxWidth: convertToUnit(targetWidth) }\n            : undefined\n\n          const style = getComputedStyle(el)\n          const targetStyle = getComputedStyle(targetEl)\n          const duration = parseFloat(style.transitionDuration) * 1000 || 150\n          const scale = parseFloat(targetStyle.getPropertyValue('--v-field-label-scale'))\n          const color = targetStyle.getPropertyValue('color')\n\n          el.style.visibility = 'visible'\n          targetEl.style.visibility = 'hidden'\n\n          animate(el, {\n            transform: `translate(${x}px, ${y}px) scale(${scale})`,\n            color,\n            ...width,\n          }, {\n            duration,\n            easing: standardEasing,\n            direction: val ? 'normal' : 'reverse',\n          }).finished.then(() => {\n            el.style.removeProperty('visibility')\n            targetEl.style.removeProperty('visibility')\n          })\n        })\n      }\n    }, { flush: 'post' })\n\n    const slotProps = computed<DefaultInputSlot>(() => ({\n      isActive,\n      isFocused,\n      controlRef,\n      blur,\n      focus,\n    }))\n\n    function onClick (e: MouseEvent) {\n      if (e.target !== document.activeElement) {\n        e.preventDefault()\n      }\n    }\n\n    useRender(() => {\n      const isOutlined = props.variant === 'outlined'\n      const hasPrepend = (slots['prepend-inner'] || props.prependInnerIcon)\n      const hasClear = !!(props.clearable || slots.clear)\n      const hasAppend = !!(slots['append-inner'] || props.appendInnerIcon || hasClear)\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n\n      return (\n        <div\n          class={[\n            'v-field',\n            {\n              'v-field--active': isActive.value,\n              'v-field--appended': hasAppend,\n              'v-field--disabled': props.disabled,\n              'v-field--dirty': props.dirty,\n              'v-field--error': props.error,\n              'v-field--has-background': !!props.bgColor,\n              'v-field--persistent-clear': props.persistentClear,\n              'v-field--prepended': hasPrepend,\n              'v-field--reverse': props.reverse,\n              'v-field--single-line': props.singleLine,\n              'v-field--no-label': !label,\n              [`v-field--variant-${props.variant}`]: true,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            focusClasses.value,\n            loaderClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            textColorStyles.value,\n          ]}\n          onClick={ onClick }\n          { ...attrs }\n        >\n          <div class=\"v-field__overlay\" />\n\n          <LoaderSlot\n            name=\"v-field\"\n            active={ !!props.loading }\n            color={ props.error ? 'error' : props.color }\n            v-slots={{ default: slots.loader }}\n          />\n\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-field__prepend-inner\">\n              { props.prependInnerIcon && (\n                <InputIcon key=\"prepend-icon\" name=\"prependInner\" />\n              ) }\n\n              { slots['prepend-inner']?.(slotProps.value) }\n            </div>\n          ) }\n\n          <div class=\"v-field__field\" data-no-activator=\"\">\n            { ['solo', 'filled'].includes(props.variant) && hasLabel.value && (\n              <VFieldLabel\n                key=\"floating-label\"\n                ref={ floatingLabelRef }\n                class={[textColorClasses.value]}\n                floating\n                for={ id.value }\n              >\n                { label }\n              </VFieldLabel>\n            ) }\n\n            <VFieldLabel ref={ labelRef } for={ id.value }>\n              { label }\n            </VFieldLabel>\n\n            { slots.default?.({\n              ...slotProps.value,\n              props: {\n                id: id.value,\n                class: 'v-field__input',\n                'aria-describedby': messagesId.value,\n              },\n              focus,\n              blur,\n            } as VFieldSlot) }\n          </div>\n\n          { hasClear && (\n            <VExpandXTransition key=\"clear\">\n              <div\n                class=\"v-field__clearable\"\n                v-show={ props.dirty }\n              >\n                { slots.clear\n                  ? slots.clear()\n                  : <InputIcon name=\"clear\" />\n                }\n              </div>\n            </VExpandXTransition>\n          ) }\n\n          { hasAppend && (\n            <div key=\"append\" class=\"v-field__append-inner\">\n              { slots['append-inner']?.(slotProps.value) }\n\n              { props.appendInnerIcon && (\n                <InputIcon key=\"append-icon\" name=\"appendInner\" />\n              ) }\n            </div>\n          ) }\n\n          <div\n            class={[\n              'v-field__outline',\n              textColorClasses.value,\n            ]}\n          >\n            { isOutlined && (\n              <>\n                <div class=\"v-field__outline__start\" />\n\n                { hasLabel.value && (\n                  <div class=\"v-field__outline__notch\">\n                    <VFieldLabel ref={ floatingLabelRef } floating for={ id.value }>\n                      { label }\n                    </VFieldLabel>\n                  </div>\n                ) }\n\n                <div class=\"v-field__outline__end\" />\n              </>\n            ) }\n\n            { ['plain', 'underlined'].includes(props.variant) && hasLabel.value && (\n              <VFieldLabel ref={ floatingLabelRef } floating for={ id.value }>\n                { label }\n              </VFieldLabel>\n            ) }\n          </div>\n        </div>\n      )\n    })\n\n    return {\n      controlRef,\n    }\n  },\n})\n\nexport type VField = InstanceType<typeof VField>\n\n// TODO: this is kinda slow, might be better to implicitly inherit props instead\nexport function filterFieldProps (attrs: Record<string, unknown>) {\n  const keys = Object.keys(VField.props).filter(k => !isOn(k))\n  return pick(attrs, keys)\n}\n"],"mappings":"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"}

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

@@ -84,7 +84,6 @@ declare const VField: {
             id: StringConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
@@ -97,7 +96,7 @@ declare const VField: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
+        $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             loading: (StringConstructor | BooleanConstructor)[];
@@ -131,11 +130,9 @@ declare const VField: {
             id: StringConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         }, {
             controlRef: Ref<HTMLElement | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-            'click:control': (e: MouseEvent) => boolean;
             'update:focused': (focused: boolean) => boolean;
             'update:modelValue': (val: any) => boolean;
         }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
@@ -202,7 +199,6 @@ declare const VField: {
         id: StringConstructor;
     }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        "onClick:control"?: ((e: MouseEvent) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
         controlRef: Ref<HTMLElement | undefined>;
     }> & {} & vue.ComponentCustomProperties;
@@ -241,11 +237,9 @@ declare const VField: {
     id: StringConstructor;
 }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    "onClick:control"?: ((e: MouseEvent) => any) | undefined;
 }, {
     controlRef: Ref<HTMLElement | undefined>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-    'click:control': (e: MouseEvent) => boolean;
     'update:focused': (focused: boolean) => boolean;
     'update:modelValue': (val: any) => boolean;
 }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {

package/lib/components/VFileInput/VFileInput.mjs

@@ -54,6 +54,7 @@ export const VFileInput = defineComponent({
   },
   emits: {
     'click:control': e => true,
+    'mousedown:control': e => true,
     'update:modelValue': files => true
   },
   setup(props, _ref) {
@@ -106,6 +107,9 @@ export const VFileInput = defineComponent({
       callEvent(props['onClick:prepend'], e);
       onControlClick(e);
     }
+    function onControlMousedown(e) {
+      emit('mousedown:control', e);
+    }
     function onControlClick(e) {
       var _inputRef$value2;
       (_inputRef$value2 = inputRef.value) == null ? void 0 : _inputRef$value2.click();
@@ -157,7 +161,8 @@ export const VFileInput = defineComponent({
           return _createVNode(VField, _mergeProps({
             "ref": vFieldRef,
             "prepend-icon": props.prependIcon,
-            "onClick:control": onControlClick,
+            "onMousedown": onControlMousedown,
+            "onClick": onControlClick,
             "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner']