@vuetify/nightly 3.2.0-next-20230114.0 → 4.0.0-next-20230205.0

package/lib/blueprints/index.d.ts

@@ -80,10 +80,10 @@ interface DisplayOptions {
     thresholds?: Partial<DisplayThresholds>;
 }
 
-interface DefaultsInstance {
+declare type DefaultsInstance = undefined | {
     [key: string]: undefined | Record<string, unknown>;
     global?: Record<string, unknown>;
-}
+};
 declare type DefaultsOptions = Partial<DefaultsInstance>;
 
 declare type IconValue = string | JSXComponent;

package/lib/blueprints/md1.d.ts

@@ -80,10 +80,10 @@ interface DisplayOptions {
     thresholds?: Partial<DisplayThresholds>;
 }
 
-interface DefaultsInstance {
+declare type DefaultsInstance = undefined | {
     [key: string]: undefined | Record<string, unknown>;
     global?: Record<string, unknown>;
-}
+};
 declare type DefaultsOptions = Partial<DefaultsInstance>;
 
 declare type IconValue = string | JSXComponent;

package/lib/blueprints/md2.d.ts

@@ -80,10 +80,10 @@ interface DisplayOptions {
     thresholds?: Partial<DisplayThresholds>;
 }
 
-interface DefaultsInstance {
+declare type DefaultsInstance = undefined | {
     [key: string]: undefined | Record<string, unknown>;
     global?: Record<string, unknown>;
-}
+};
 declare type DefaultsOptions = Partial<DefaultsInstance>;
 
 declare type IconValue = string | JSXComponent;

package/lib/blueprints/md3.d.ts

@@ -80,10 +80,10 @@ interface DisplayOptions {
     thresholds?: Partial<DisplayThresholds>;
 }
 
-interface DefaultsInstance {
+declare type DefaultsInstance = undefined | {
     [key: string]: undefined | Record<string, unknown>;
     global?: Record<string, unknown>;
-}
+};
 declare type DefaultsOptions = Partial<DefaultsInstance>;
 
 declare type IconValue = string | JSXComponent;

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -105,6 +105,9 @@ export const VAutocomplete = genericComponent()({
     }
     function onKeydown(e) {
       if (props.readonly || form != null && form.isReadonly.value) return;
+      if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
+        e.preventDefault();
+      }
       if (['Enter', 'ArrowDown'].includes(e.key)) {
         menu.value = true;
       }
@@ -116,11 +119,9 @@ export const VAutocomplete = genericComponent()({
       }
       if (e.key === 'ArrowDown') {
         var _listRef$value;
-        e.preventDefault();
         (_listRef$value = listRef.value) == null ? void 0 : _listRef$value.focus('next');
       } else if (e.key === 'ArrowUp') {
         var _listRef$value2;
-        e.preventDefault();
         (_listRef$value2 = listRef.value) == null ? void 0 : _listRef$value2.focus('prev');
       }
     }

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'].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        e.preventDefault()\n        listRef.value?.focus('next')\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault()\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":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe;AAAA,SACfC,YAAY;AAAA,SACZC,KAAK;AAAA,SACLC,iBAAiB;AAAA,SACjBC,KAAK,EAAEC,SAAS;AAAA,SAChBC,KAAK;AAAA,SACLC,UAAU,mCAEnB;AAAA,SACSC,WAAW;AAAA,SACXC,eAAe,EAAEC,SAAS;AAAA,SAC1BC,mBAAmB;AAAA,SACnBC,OAAO;AAAA,SACPC,QAAQ;AAAA,SACRC,SAAS;AAAA,SACTC,eAAe,8CAExB;AACA,SAASC,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACvDC,gBAAgB,EAAEC,IAAI,EAAEC,SAAS,EAAEC,WAAW;AAAA,SAC9CC,qBAAqB,EAAEC,mBAAmB,wCAEnD;AAOA,SAASC,eAAe,CAAEC,IAAY,EAAEC,OAAgC,EAAEC,MAAc,EAAE;EACxF,IAAID,OAAO,IAAI,IAAI,EAAE,OAAOD,IAAI;EAEhC,IAAIG,KAAK,CAACC,OAAO,CAACH,OAAO,CAAC,EAAE,MAAM,IAAII,KAAK,CAAC,qCAAqC,CAAC;EAElF,OAAO,OAAOJ,OAAO,KAAK,QAAQ,IAAI,CAACA,OAAO;IAAA,SAG5B;EAAwB,IAAGD,IAAI,CAACM,MAAM,CAAC,CAAC,EAAEL,OAAO,CAAC;IAAA,SAClD;EAAsB,IAAGD,IAAI,CAACM,MAAM,CAACL,OAAO,EAAEC,MAAM,CAAC;IAAA,SACrD;EAAwB,IAAGF,IAAI,CAACM,MAAM,CAACL,OAAO,GAAGC,MAAM,CAAC,OAGtEF,IAAI;AACV;AAaA,OAAO,MAAMO,aAAa,GAAGd,gBAAgB,EAsBzC,CAAC;EACHe,IAAI,EAAE,eAAe;EAErBC,KAAK,EAAE;IACL;IACA;IACAC,MAAM,EAAEC,MAAM;IAEd,GAAG9B,eAAe,CAAC;MAAE+B,UAAU,EAAE,CAAC,OAAO;IAAE,CAAC,CAAC;IAC7C,GAAGxC,eAAe,EAAE;IACpB,GAAGsB,IAAI,CAACI,mBAAmB,CAAC;MAC1Be,UAAU,EAAE;IACd,CAAC,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC;IACpD,GAAG9B,mBAAmB,CAAC;MAAE+B,UAAU,EAAE;IAAM,CAAC;EAC9C,CAAC;EAEDC,KAAK,EAAE;IACL,eAAe,EAAGC,GAAQ,IAAK,IAAI;IACnC,mBAAmB,EAAGA,GAAQ,IAAK,IAAI;IACvC,aAAa,EAAGA,GAAY,IAAK;EACnC,CAAC;EAEDC,KAAK,CAAER,KAAK,QAAa;IAAA,IAAX;MAAES;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAE,CAAC,GAAGjC,SAAS,EAAE;IACzB,MAAMkC,aAAa,GAAG7B,GAAG,EAAE;IAC3B,MAAM8B,SAAS,GAAG9B,GAAG,CAAC,KAAK,CAAC;IAC5B,MAAM+B,UAAU,GAAG/B,GAAG,CAAC,IAAI,CAAC;IAC5B,MAAMgC,IAAI,GAAGpC,eAAe,CAACsB,KAAK,EAAE,MAAM,CAAC;IAC3C,MAAM;MAAEe,KAAK;MAAEC,WAAW;MAAEC;IAAa,CAAC,GAAGzC,QAAQ,CAACwB,KAAK,CAAC;IAC5D,MAAMC,MAAM,GAAGvB,eAAe,CAACsB,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC;IACnD,MAAMkB,KAAK,GAAGxC,eAAe,CAC3BsB,KAAK,EACL,YAAY,EACZ,EAAE,EACFmB,CAAC,IAAIH,WAAW,CAAC7B,WAAW,CAACgC,CAAC,CAAC,CAAC,EAChCA,CAAC,IAAI;MACH,MAAMC,WAAW,GAAGH,YAAY,CAACE,CAAC,CAAC;MACnC,OAAOnB,KAAK,CAACqB,QAAQ,GAAGD,WAAW,GAAIA,WAAW,CAAC,CAAC,CAAC,IAAI,IAAK;IAChE,CAAC,CACF;IACD,MAAME,IAAI,GAAG/C,OAAO,EAAE;IACtB,MAAM;MAAEgD,aAAa;MAAEC;IAAW,CAAC,GAAGnD,SAAS,CAAC2B,KAAK,EAAEe,KAAK,EAAEpC,QAAQ,CAAC,MAAMkC,UAAU,CAACY,KAAK,GAAGC,SAAS,GAAGzB,MAAM,CAACwB,KAAK,CAAC,CAAC;IAC1H,MAAME,UAAU,GAAGhD,QAAQ,CAAC,MAAM;MAChC,OAAOuC,KAAK,CAACO,KAAK,CAACG,GAAG,CAACT,CAAC,IAAI;QAC1B,OAAOJ,KAAK,CAACU,KAAK,CAACI,IAAI,CAACC,IAAI,IAAI9B,KAAK,CAAC+B,eAAe,CAACD,IAAI,CAACL,KAAK,EAAEN,CAAC,CAACM,KAAK,CAAC,CAAC,IAAIN,CAAC;MAClF,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAMa,YAAY,GAAGrD,QAAQ,CAAC,MAAM;MAClC,IAAIqB,KAAK,CAACiC,YAAY,EAAE;QACtB,OAAOV,aAAa,CAACE,KAAK,CAACS,MAAM,CAACC,YAAY,IAAI,CAACR,UAAU,CAACF,KAAK,CAACW,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACZ,KAAK,KAAKU,YAAY,CAACV,KAAK,CAAC,CAAC;MAChH;MACA,OAAOF,aAAa,CAACE,KAAK;IAC5B,CAAC,CAAC;IAEF,MAAMa,QAAQ,GAAG3D,QAAQ,CAAC,MAAMgD,UAAU,CAACF,KAAK,CAACG,GAAG,CAACW,SAAS,IAAIA,SAAS,CAACvC,KAAK,CAACyB,KAAK,CAAC,CAAC;IACzF,MAAMe,OAAO,GAAG1D,GAAG,EAAS;IAE5B,SAAS2D,OAAO,CAAEC,CAAa,EAAE;MAC/BxB,KAAK,CAACO,KAAK,GAAG,EAAE;MAEhB,IAAIzB,KAAK,CAAC2C,WAAW,EAAE;QACrB7B,IAAI,CAACW,KAAK,GAAG,IAAI;MACnB;MAEAxB,MAAM,CAACwB,KAAK,GAAG,EAAE;IACnB;IACA,SAASmB,cAAc,GAAI;MACzB,IACG5C,KAAK,CAAC6C,UAAU,IAAI,CAAC9B,KAAK,CAACU,KAAK,CAAChC,MAAM,IACxCO,KAAK,CAAC8C,QAAQ,IAAIxB,IAAI,YAAJA,IAAI,CAAEyB,UAAU,CAACtB,KAAK,EACxC;MAEFX,IAAI,CAACW,KAAK,GAAG,IAAI;IACnB;IACA,SAASuB,SAAS,CAAEN,CAAgB,EAAE;MACpC,IAAI1C,KAAK,CAAC8C,QAAQ,IAAIxB,IAAI,YAAJA,IAAI,CAAEyB,UAAU,CAACtB,KAAK,EAAE;MAE9C,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAACwB,QAAQ,CAACP,CAAC,CAACQ,GAAG,CAAC,EAAE;QAC1CpC,IAAI,CAACW,KAAK,GAAG,IAAI;MACnB;MAEA,IAAI,CAAC,QAAQ,CAAC,CAACwB,QAAQ,CAACP,CAAC,CAACQ,GAAG,CAAC,EAAE;QAC9BpC,IAAI,CAACW,KAAK,GAAG,KAAK;MACpB;MAEA,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAACwB,QAAQ,CAACP,CAAC,CAACQ,GAAG,CAAC,EAAE;QAC9CrC,UAAU,CAACY,KAAK,GAAG,IAAI;MACzB;MAEA,IAAIiB,CAAC,CAACQ,GAAG,KAAK,WAAW,EAAE;QAAA;QACzBR,CAAC,CAACS,cAAc,EAAE;QAClB,kBAAAX,OAAO,CAACf,KAAK,qBAAb,eAAe2B,KAAK,CAAC,MAAM,CAAC;MAC9B,CAAC,MAAM,IAAIV,CAAC,CAACQ,GAAG,KAAK,SAAS,EAAE;QAAA;QAC9BR,CAAC,CAACS,cAAc,EAAE;QAClB,mBAAAX,OAAO,CAACf,KAAK,qBAAb,gBAAe2B,KAAK,CAAC,MAAM,CAAC;MAC9B;IACF;IAEA,SAASC,OAAO,CAAEX,CAAa,EAAE;MAC/BzC,MAAM,CAACwB,KAAK,GAAIiB,CAAC,CAACY,MAAM,CAAsB7B,KAAK;IACrD;IAEA,SAAS8B,YAAY,GAAI;MACvB,IAAI3C,SAAS,CAACa,KAAK,EAAEZ,UAAU,CAACY,KAAK,GAAG,IAAI;IAC9C;IAEA,SAAS+B,SAAS,CAAEd,CAAa,EAAE;MACjC9B,SAAS,CAACa,KAAK,GAAG,IAAI;IACxB;IAEA,SAASgC,UAAU,CAAEf,CAAa,EAAE;MAClC,IAAIA,CAAC,CAACgB,aAAa,IAAI,IAAI,EAAE;QAAA;QAC3B,wBAAA/C,aAAa,CAACc,KAAK,qBAAnB,qBAAqB2B,KAAK,EAAE;MAC9B;IACF;IAEA,MAAMO,WAAW,GAAG7E,GAAG,CAAC,KAAK,CAAC;IAE9B,SAAS8E,MAAM,CAAE9B,IAAkB,EAAE;MACnC,IAAI9B,KAAK,CAACqB,QAAQ,EAAE;QAClB,MAAMwC,KAAK,GAAGvB,QAAQ,CAACb,KAAK,CAACqC,SAAS,CAACvB,SAAS,IAAIvC,KAAK,CAAC+B,eAAe,CAACQ,SAAS,EAAET,IAAI,CAACL,KAAK,CAAC,CAAC;QAEjG,IAAIoC,KAAK,KAAK,CAAC,CAAC,EAAE;UAChB3C,KAAK,CAACO,KAAK,GAAG,CAAC,GAAGP,KAAK,CAACO,KAAK,EAAEK,IAAI,CAAC;UACpC7B,MAAM,CAACwB,KAAK,GAAG,EAAE;QACnB,CAAC,MAAM;UACL,MAAMA,KAAK,GAAG,CAAC,GAAGP,KAAK,CAACO,KAAK,CAAC;UAC9BA,KAAK,CAACsC,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;UACtB3C,KAAK,CAACO,KAAK,GAAGA,KAAK;QACrB;MACF,CAAC,MAAM;QACLP,KAAK,CAACO,KAAK,GAAG,CAACK,IAAI,CAAC;QAEpB6B,WAAW,CAAClC,KAAK,GAAG,IAAI;QAExB,IAAI,CAAChB,KAAK,CAAC8B,SAAS,EAAE;UACpBtC,MAAM,CAACwB,KAAK,GAAGK,IAAI,CAACkC,KAAK;QAC3B;QAEAlD,IAAI,CAACW,KAAK,GAAG,KAAK;QAClBZ,UAAU,CAACY,KAAK,GAAG,IAAI;QAEvB5C,QAAQ,CAAC,MAAO8E,WAAW,CAAClC,KAAK,GAAG,KAAM,CAAC;MAC7C;IACF;IAEA1C,KAAK,CAAC6B,SAAS,EAAEL,GAAG,IAAI;MACtB,IAAIA,GAAG,EAAE;QAAA;QACPoD,WAAW,CAAClC,KAAK,GAAG,IAAI;QACxBxB,MAAM,CAACwB,KAAK,GAAGzB,KAAK,CAACqB,QAAQ,IAAI,CAAC,CAACZ,KAAK,CAAC8B,SAAS,GAAG,EAAE,GAAGrC,MAAM,CAAC,yBAAAyB,UAAU,CAACF,KAAK,CAACwC,EAAE,CAAC,CAAC,CAAC,CAAC,qBAAvB,qBAAyBjE,KAAK,CAACgE,KAAK,KAAI,EAAE,CAAC;QAC5GnD,UAAU,CAACY,KAAK,GAAG,IAAI;QAEvB5C,QAAQ,CAAC,MAAM8E,WAAW,CAAClC,KAAK,GAAG,KAAK,CAAC;MAC3C,CAAC,MAAM;QACLX,IAAI,CAACW,KAAK,GAAG,KAAK;QAClBxB,MAAM,CAACwB,KAAK,GAAG,EAAE;MACnB;IACF,CAAC,CAAC;IAEF1C,KAAK,CAACkB,MAAM,EAAEM,GAAG,IAAI;MACnB,IAAI,CAACK,SAAS,CAACa,KAAK,IAAIkC,WAAW,CAAClC,KAAK,EAAE;MAE3C,IAAIlB,GAAG,EAAEO,IAAI,CAACW,KAAK,GAAG,IAAI;MAE1BZ,UAAU,CAACY,KAAK,GAAG,CAAClB,GAAG;IACzB,CAAC,CAAC;IAEFrB,SAAS,CAAC,MAAM;MACd,MAAMgF,QAAQ,GAAG,CAAC,EAAElE,KAAK,CAACmE,KAAK,IAAI1D,KAAK,CAAC2D,IAAI,CAAC;MAC9C,MAAMC,OAAO,GAAG,CAAC,EAAG,CAACrE,KAAK,CAAC6C,UAAU,IAAIb,YAAY,CAACP,KAAK,CAAChC,MAAM,IAAKgB,KAAK,CAAC6D,OAAO,IAAI7D,KAAK,CAAC8D,MAAM,IAAI9D,KAAK,CAAC,SAAS,CAAC,CAAC;MACzH,MAAM,CAAC+D,cAAc,CAAC,GAAGpF,qBAAqB,CAACY,KAAK,CAAC;MAErD;QAAA,OAEUW;MAAa,GACd6D,cAAc;QAAA,cACNvE,MAAM,CAACwB,KAAK;QAAA,uBACHN,CAAC,IAAI;UAAE,IAAIA,CAAC,IAAI,IAAI,EAAED,KAAK,CAACO,KAAK,GAAG,EAAE;QAAC,CAAC;QAAA,mBAC5CP,KAAK,CAACuD,aAAa;QAAA,SAC7BvD,KAAK,CAACO,KAAK,CAAChC,MAAM,GAAG,CAAC;QAAA,WACpB4D,OAAO;QAAA,SACV,CACL,gBAAgB,EAChB;UACE,6BAA6B,EAAEvC,IAAI,CAACW,KAAK;UACzC,uBAAuB,EAAE,CAAC,CAACzB,KAAK,CAACmE,KAAK;UACtC,CAAE,mBAAkBnE,KAAK,CAACqB,QAAQ,GAAG,UAAU,GAAG,QAAS,EAAC,GAAG,IAAI;UACnE,gCAAgC,EAAE,CAAC,CAACZ,KAAK,CAAC8B;QAC5C,CAAC,CACF;QAAA,mBACiBvC,KAAK,CAAC0E,QAAQ;QAAA,YACrB1E,KAAK,CAAC8C,QAAQ;QAAA,iBACTL,OAAO;QAAA,mBACLG,cAAc;QAAA,iBAChBA,cAAc;QAAA,WACpB,MAAMhC,SAAS,CAACa,KAAK,GAAG,IAAI;QAAA,UAC7B,MAAMb,SAAS,CAACa,KAAK,GAAG,KAAK;QAAA,aAC1BuB;MAAS;QAGnB,GAAGvC,KAAK;QACRkE,OAAO,EAAE;UAAA;UAAA;YAAA,cAGO7D,IAAI,CAACW,KAAK;YAAA,iCAAVX,IAAI,CAACW,KAAK;YAAA,aACV,QAAQ;YAAA,gBACL,yBAAyB;YAAA,SAC9BzB,KAAK,CAAC4E,KAAK;YAAA,aACP,GAAG;YAAA,eACD,KAAK;YAAA,uBACG,KAAK;YAAA,cACd5E,KAAK,CAACK,UAAU;YAAA,gBACdkD;UAAY,GACtBvD,KAAK,CAAC6E,SAAS;YAAA,gBAElBR,OAAO;cAAA,OAEC7B,OAAO;cAAA,YACFF,QAAQ,CAACb,KAAK;cAAA,kBACRzB,KAAK,CAACqB,QAAQ,GAAG,aAAa,GAAG,oBAAoB;cAAA,eACvDqB,CAAa,IAAKA,CAAC,CAACS,cAAc,EAAE;cAAA,aACvCK,SAAS;cAAA,cACRC;YAAU;cAAA,gBAErB,CAACzB,YAAY,CAACP,KAAK,CAAChC,MAAM,IAAI,CAACO,KAAK,CAAC6C,UAAU,KAAK,kBAAApC,KAAK,CAAC,SAAS,CAAC,qBAAhB,mBAAAA,KAAK,CAAe;gBAAA,SACrDC,CAAC,CAACV,KAAK,CAAC8E,UAAU;cAAC,QACvC,CAAC,wBAEArE,KAAK,CAAC,cAAc,CAAC,qBAArB,wBAAAA,KAAK,CAAoB,EAEzBuB,YAAY,CAACP,KAAK,CAACG,GAAG,CAAC,CAACE,IAAI,EAAE+B,KAAK;gBAAA;gBAAA,OAAK,gBAAApD,KAAK,CAACqB,IAAI,qBAAV,iBAAArB,KAAK,EAAQ;kBACrDqB,IAAI;kBACJ+B,KAAK;kBACL7D,KAAK,EAAEpB,UAAU,CAACkD,IAAI,CAAC9B,KAAK,EAAE;oBAAE+E,OAAO,EAAE,MAAMnB,MAAM,CAAC9B,IAAI;kBAAE,CAAC;gBAC/D,CAAC,CAAC;kBAAA,OAEQ+B;gBAAK,GACN/B,IAAI,CAAC9B,KAAK;kBAAA,WACL,MAAM4D,MAAM,CAAC9B,IAAI;gBAAC;kBAG1BwC,OAAO,EAAE;oBAAA,IAAC;sBAAEU;oBAAW,CAAC;oBAAA,OAAKhF,KAAK,CAACqB,QAAQ,IAAI,CAACrB,KAAK,CAACiC,YAAY;sBAAA,cACrC+C,UAAU;sBAAA,UAAY;oBAAK,WACpDtD,SAAS;kBAAA;kBACbsC,KAAK,EAAE,MAAM;oBAAA;oBACX,OAAOnD,UAAU,CAACY,KAAK,GACnBK,IAAI,CAACkC,KAAK,GACV1E,eAAe,CAACwC,IAAI,CAACkC,KAAK,iBAAExC,UAAU,CAACM,IAAI,CAAC,qBAAhB,YAAkBkC,KAAK,EAAE,kBAAA/D,MAAM,CAACwB,KAAK,qBAAZ,cAAchC,MAAM,KAAI,CAAC,CAAC;kBACrF;gBAAC,EAGN;cAAA,EAAC,uBAEAgB,KAAK,CAAC,aAAa,CAAC,qBAApB,uBAAAA,KAAK,CAAmB;YAAA,EAE7B;UAAA,IAGDkB,UAAU,CAACF,KAAK,CAACG,GAAG,CAAC,CAACE,IAAI,EAAE+B,KAAK,KAAK;YACtC,SAASoB,WAAW,CAAEvC,CAAQ,EAAE;cAC9BA,CAAC,CAACwC,eAAe,EAAE;cACnBxC,CAAC,CAACS,cAAc,EAAE;cAElBS,MAAM,CAAC9B,IAAI,CAAC;YACd;YAEA,MAAMqD,SAAS,GAAG;cAChB,eAAe,EAAEF,WAAW;cAC5B7E,UAAU,EAAE,IAAI;cAChB,qBAAqB,EAAEsB;YACzB,CAAC;YAED;cAAA,OACaI,IAAI,CAACL,KAAK;cAAA,SAAS;YAA2B,IACrDyC,QAAQ;cAAA,YAEI;gBACRrG,KAAK,EAAE;kBACLuH,QAAQ,EAAEpF,KAAK,CAACqF,aAAa;kBAC7BC,IAAI,EAAE,OAAO;kBACb/F,IAAI,EAAEuC,IAAI,CAACkC;gBACb;cACF;YAAC;cAAA,gBAECvD,KAAK,CAAC2D,IAAI,GACR3D,KAAK,CAAC2D,IAAI,CAAC;gBAAEtC,IAAI;gBAAE+B,KAAK;gBAAE7D,KAAK,EAAEmF;cAAU,CAAC,CAAC,uBAChCA,SAAS,OAAM;YAAA,KAIlC1E,KAAK,CAAC8B,SAAS,GACX9B,KAAK,CAAC8B,SAAS,CAAC;cAAET,IAAI;cAAE+B;YAAM,CAAC,CAAC;cAAA,SAEpB;YAAgC,IACxC/B,IAAI,CAACkC,KAAK,EACVhE,KAAK,CAACqB,QAAQ,IAAKwC,KAAK,GAAGlC,UAAU,CAACF,KAAK,CAAChC,MAAM,GAAG,CAAE;cAAA,SAC3C;YAAiC,2BAC9C,EAGR;UAGP,CAAC,CAAC;QAAA;MAEL;IAIT,CAAC,CAAC;IAEF,OAAOtB,WAAW,CAAC;MACjByC,SAAS;MACTC,UAAU;MACVC,IAAI;MACJb,MAAM;MACNsB,aAAa;MACbqC;IACF,CAAC,EAAEjD,aAAa,CAAC;EACnB;AACF,CAAC,CAAC"}
+{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","useForm","useItems","useLocale","useProxiedModel","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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"}

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { PropType, JSXComponent, ComputedRef, Ref, nextTick } from 'vue';
+import { PropType, JSXComponent, ComputedRef, Ref, EffectScope, nextTick } from 'vue';
 
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
@@ -7,6 +7,23 @@ declare type Tblock = typeof block[number];
 declare type Tinline = typeof inline[number];
 declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
 
+declare class Box {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    constructor({ x, y, width, height }: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    });
+    get top(): number;
+    get bottom(): number;
+    get left(): number;
+    get right(): number;
+}
+
 declare function deepEqual(a: any, b: any): boolean;
 declare type SelectItemKey = boolean | string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any);
 declare type EventProp<T = (...args: any[]) => any> = T | T[];
@@ -54,7 +71,7 @@ interface ScrollStrategyData {
     isActive: Ref<boolean>;
     updateLocation: Ref<((e: Event) => void) | undefined>;
 }
-declare type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps$1) => void;
+declare type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps$1, scope: EffectScope) => void;
 declare const scrollStrategies: {
     none: null;
     close: typeof closeScrollStrategy;
@@ -67,7 +84,7 @@ interface StrategyProps$1 {
 }
 declare function closeScrollStrategy(data: ScrollStrategyData): void;
 declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1): void;
-declare function repositionScrollStrategy(data: ScrollStrategyData): void;
+declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1, scope: EffectScope): void;
 
 interface LocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
@@ -94,7 +111,13 @@ interface StrategyProps {
 }
 declare function staticLocationStrategy(): void;
 declare function connectedLocationStrategy(data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>): {
-    updateLocation: () => void;
+    updateLocation: () => {
+        available: {
+            x: number;
+            y: number;
+        };
+        contentBox: Box;
+    } | undefined;
 };
 
 interface InternalItem<T = any> {
@@ -326,7 +349,7 @@ declare const VAutocomplete: {
                     locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                         updateLocation: (e: Event) => void;
                     } | undefined);
-                    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+                    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
                     closeOnBack: boolean;
                     contained: boolean;
                     noClickAnimation: boolean;
@@ -424,12 +447,12 @@ declare const VAutocomplete: {
                         } | undefined);
                     };
                     scrollStrategy: Omit<{
-                        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+                        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
                         default: string;
                         validator: (val: any) => boolean;
                     }, "type" | "default"> & {
-                        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
-                        default: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+                        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+                        default: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
                     };
                     closeOnBack: {
                         type: BooleanConstructor;
@@ -673,7 +696,7 @@ declare const VAutocomplete: {
                     locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                         updateLocation: (e: Event) => void;
                     } | undefined);
-                    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+                    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
                     closeOnBack: boolean;
                     contained: boolean;
                     noClickAnimation: boolean;
@@ -771,12 +794,12 @@ declare const VAutocomplete: {
                         } | undefined);
                     };
                     scrollStrategy: Omit<{
-                        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+                        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
                         default: string;
                         validator: (val: any) => boolean;
                     }, "type" | "default"> & {
-                        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
-                        default: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+                        type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+                        default: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
                     };
                     closeOnBack: {
                         type: BooleanConstructor;
@@ -1084,7 +1107,7 @@ declare const VAutocomplete: {
                 locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                     updateLocation: (e: Event) => void;
                 } | undefined);
-                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
                 closeOnBack: boolean;
                 contained: boolean;
                 noClickAnimation: boolean;
@@ -1182,12 +1205,12 @@ declare const VAutocomplete: {
                     } | undefined);
                 };
                 scrollStrategy: Omit<{
-                    type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+                    type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
                     default: string;
                     validator: (val: any) => boolean;
                 }, "type" | "default"> & {
-                    type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
-                    default: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+                    type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+                    default: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
                 };
                 closeOnBack: {
                     type: BooleanConstructor;
@@ -1432,7 +1455,7 @@ declare const VAutocomplete: {
             locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
@@ -1530,12 +1553,12 @@ declare const VAutocomplete: {
                 } | undefined);
             };
             scrollStrategy: Omit<{
-                type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
+                type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
                 default: string;
                 validator: (val: any) => boolean;
             }, "type" | "default"> & {
-                type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition">;
-                default: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1) => void) | "reposition";
+                type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+                default: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
             };
             closeOnBack: {
                 type: BooleanConstructor;

package/lib/components/VBottomSheet/VBottomSheet.mjs

@@ -10,10 +10,7 @@ export default VDialog.extend({
   name: 'v-bottom-sheet',
   props: {
     inset: Boolean,
-    maxWidth: {
-      type: [String, Number],
-      default: 'auto'
-    },
+    maxWidth: [String, Number],
     transition: {
       type: String,
       default: 'bottom-sheet-transition'

package/lib/components/VBottomSheet/VBottomSheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBottomSheet.mjs","names":["VDialog","extend","name","props","inset","Boolean","maxWidth","type","String","Number","default","transition","computed","classes","options","call"],"sources":["../../../src/components/VBottomSheet/VBottomSheet.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VBottomSheet.sass'\n\n// Extensions\nimport VDialog from '../VDialog/VDialog'\n\n/* @vue/component */\nexport default VDialog.extend({\n  name: 'v-bottom-sheet',\n\n  props: {\n    inset: Boolean,\n    maxWidth: {\n      type: [String, Number],\n      default: 'auto',\n    },\n    transition: {\n      type: String,\n      default: 'bottom-sheet-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VDialog.options.computed.classes.call(this),\n        'v-bottom-sheet': true,\n        'v-bottom-sheet--inset': this.inset,\n      }\n    },\n  },\n})\n"],"mappings":"AAAA;AACA;;AAEA;;AAEA;AAAA,OACOA,OAAO;AAEd;AACA,eAAeA,OAAO,CAACC,MAAM,CAAC;EAC5BC,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,OAAO;IACdC,QAAQ,EAAE;MACRC,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtBC,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVJ,IAAI,EAAEC,MAAM;MACZE,OAAO,EAAE;IACX;EACF,CAAC;EAEDE,QAAQ,EAAE;IACRC,OAAO,GAAY;MACjB,OAAO;QACL,GAAGb,OAAO,CAACc,OAAO,CAACF,QAAQ,CAACC,OAAO,CAACE,IAAI,CAAC,IAAI,CAAC;QAC9C,gBAAgB,EAAE,IAAI;QACtB,uBAAuB,EAAE,IAAI,CAACX;MAChC,CAAC;IACH;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBottomSheet.mjs","names":["VDialog","extend","name","props","inset","Boolean","maxWidth","String","Number","transition","type","default","computed","classes","options","call"],"sources":["../../../src/components/VBottomSheet/VBottomSheet.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VBottomSheet.sass'\n\n// Extensions\nimport VDialog from '../VDialog/VDialog'\n\n/* @vue/component */\nexport default VDialog.extend({\n  name: 'v-bottom-sheet',\n\n  props: {\n    inset: Boolean,\n    maxWidth: [String, Number],\n    transition: {\n      type: String,\n      default: 'bottom-sheet-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VDialog.options.computed.classes.call(this),\n        'v-bottom-sheet': true,\n        'v-bottom-sheet--inset': this.inset,\n      }\n    },\n  },\n})\n"],"mappings":"AAAA;AACA;;AAEA;;AAEA;AAAA,OACOA,OAAO;AAEd;AACA,eAAeA,OAAO,CAACC,MAAM,CAAC;EAC5BC,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,OAAO;IACdC,QAAQ,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IAC1BC,UAAU,EAAE;MACVC,IAAI,EAAEH,MAAM;MACZI,OAAO,EAAE;IACX;EACF,CAAC;EAEDC,QAAQ,EAAE;IACRC,OAAO,GAAY;MACjB,OAAO;QACL,GAAGb,OAAO,CAACc,OAAO,CAACF,QAAQ,CAACC,OAAO,CAACE,IAAI,CAAC,IAAI,CAAC;QAC9C,gBAAgB,EAAE,IAAI;QACtB,uBAAuB,EAAE,IAAI,CAACX;MAChC,CAAC;IACH;EACF;AACF,CAAC,CAAC"}

package/lib/components/VBtn/VBtn.css

@@ -88,28 +88,28 @@
   position: fixed;
 }
 .v-btn:hover > .v-btn__overlay {
-  opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-btn:focus-visible > .v-btn__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-btn:focus > .v-btn__overlay {
-    opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
-  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
 }
 .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
-  opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
-    opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {

package/lib/components/VBtn/VBtn.mjs

@@ -116,21 +116,31 @@ export const VBtn = defineComponent({
     const group = useGroupItem(props, props.symbol, false);
     const link = useLink(props, attrs);
     const isActive = computed(() => {
-      var _link$isActive;
-      return props.active !== false && (props.active || ((_link$isActive = link.isActive) == null ? void 0 : _link$isActive.value) || (group == null ? void 0 : group.isSelected.value));
+      if (props.active !== undefined) {
+        return props.active;
+      }
+      if (link.isLink.value) {
+        var _link$isActive;
+        return (_link$isActive = link.isActive) == null ? void 0 : _link$isActive.value;
+      }
+      return group == null ? void 0 : group.isSelected.value;
     });
     const isDisabled = computed(() => (group == null ? void 0 : group.disabled.value) || props.disabled);
     const isElevated = computed(() => {
       return props.variant === 'elevated' && !(props.disabled || props.flat || props.border);
     });
+    const valueAttr = computed(() => {
+      if (props.value === undefined) return undefined;
+      return Object(props.value) === props.value ? JSON.stringify(props.value, null, 0) : props.value;
+    });
     useSelectLink(link, group == null ? void 0 : group.select);
     useRender(() => {
-      var _slots$prepend, _slots$default, _slots$append, _slots$loader;
+      var _link$isActive2, _link$isActive3, _slots$prepend, _slots$default, _slots$append, _slots$loader;
       const Tag = link.isLink.value ? 'a' : props.tag;
-      const hasColor = !group || group.isSelected.value;
       const hasPrepend = !!(props.prependIcon || slots.prepend);
       const hasAppend = !!(props.appendIcon || slots.append);
       const hasIcon = !!(props.icon && props.icon !== true);
+      const hasColor = (group == null ? void 0 : group.isSelected.value) && (!link.isLink.value || ((_link$isActive2 = link.isActive) == null ? void 0 : _link$isActive2.value)) || !group || ((_link$isActive3 = link.isActive) == null ? void 0 : _link$isActive3.value);
       return _withDirectives(_createVNode(Tag, {
         "type": Tag === 'a' ? undefined : 'button',
         "class": ['v-btn', group == null ? void 0 : group.selectedClass.value, {
@@ -151,7 +161,8 @@ export const VBtn = defineComponent({
           if (isDisabled.value) return;
           (_link$navigate = link.navigate) == null ? void 0 : _link$navigate.call(link, e);
           group == null ? void 0 : group.toggle();
-        }
+        },
+        "value": valueAttr.value
       }, {
         default: () => [genOverlays(true, 'v-btn'), !props.icon && hasPrepend && _createVNode(VDefaultsProvider, {
           "key": "prepend",

package/lib/components/VBtn/VBtn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBtn.mjs","names":["VBtnToggleSymbol","VDefaultsProvider","VIcon","VProgressCircular","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useSelectLink","computed","defineComponent","useRender","VBtn","name","directives","props","active","type","Boolean","default","undefined","symbol","flat","icon","String","Function","Object","prependIcon","appendIcon","block","stacked","ripple","tag","variant","emits","val","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","sizeClasses","sizeStyles","group","link","isActive","value","isSelected","isDisabled","disabled","isElevated","border","select","Tag","isLink","hasColor","hasPrepend","prepend","hasAppend","append","hasIcon","selectedClass","loading","href","e","navigate","toggle","loader"],"sources":["../../../src/components/VBtn/VBtn.tsx"],"sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useSelectLink } from '@/composables/selectLink'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VBtn = defineComponent({\n  name: 'VBtn',\n\n  directives: { Ripple },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: undefined,\n    },\n    symbol: {\n      type: null,\n      default: VBtnToggleSymbol,\n    },\n    flat: Boolean,\n    icon: [Boolean, String, Function, Object] as PropType<boolean | IconValue>,\n    prependIcon: IconValue,\n    appendIcon: IconValue,\n\n    block: Boolean,\n    stacked: Boolean,\n\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeRoundedProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeLoaderProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'button' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'elevated' } as const),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { loaderClasses } = useLoader(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n    const group = useGroupItem(props, props.symbol, false)\n    const link = useLink(props, attrs)\n\n    const isActive = computed(() =>\n      props.active !== false &&\n      (props.active || link.isActive?.value || group?.isSelected.value)\n    )\n    const isDisabled = computed(() => group?.disabled.value || props.disabled)\n    const isElevated = computed(() => {\n      return props.variant === 'elevated' && !(props.disabled || props.flat || props.border)\n    })\n\n    useSelectLink(link, group?.select)\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasColor = !group || group.isSelected.value\n      const hasPrepend = !!(props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendIcon || slots.append)\n      const hasIcon = !!(props.icon && props.icon !== true)\n\n      return (\n        <Tag\n          type={ Tag === 'a' ? undefined : 'button' }\n          class={[\n            'v-btn',\n            group?.selectedClass.value,\n            {\n              'v-btn--active': isActive.value,\n              'v-btn--block': props.block,\n              'v-btn--disabled': isDisabled.value,\n              'v-btn--elevated': isElevated.value,\n              'v-btn--flat': props.flat,\n              'v-btn--icon': !!props.icon,\n              'v-btn--loading': props.loading,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n            locationStyles.value,\n            sizeStyles.value,\n          ]}\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          v-ripple={[\n            !isDisabled.value && props.ripple,\n            null,\n            props.icon ? ['center'] : null,\n          ]}\n          onClick={ (e: MouseEvent) => {\n            if (isDisabled.value) return\n\n            link.navigate?.(e)\n            group?.toggle()\n          } }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__prepend\">\n                { slots.prepend?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          ) }\n\n          <span class=\"v-btn__content\" data-no-activator=\"\">\n            <VDefaultsProvider\n              key=\"content\"\n              defaults={{\n                VIcon: {\n                  icon: hasIcon ? props.icon : undefined,\n                },\n              }}\n            >\n              { slots.default?.() ?? (\n                hasIcon && (\n                  <VIcon key=\"icon\" />\n                )\n              ) }\n            </VDefaultsProvider>\n          </span>\n\n          { !props.icon && hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VIcon: {\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__append\">\n                { slots.append?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          ) }\n\n          { !!props.loading && (\n            <span key=\"loader\" class=\"v-btn__loader\">\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  size=\"23\"\n                  width=\"2\"\n                />\n              ) }\n            </span>\n          ) }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"mappings":"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"}
+{"version":3,"file":"VBtn.mjs","names":["VBtnToggleSymbol","VDefaultsProvider","VIcon","VProgressCircular","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useSelectLink","computed","defineComponent","useRender","VBtn","name","directives","props","active","type","Boolean","default","undefined","symbol","flat","icon","String","Function","Object","prependIcon","appendIcon","block","stacked","ripple","tag","variant","emits","val","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","sizeClasses","sizeStyles","group","link","isActive","isLink","value","isSelected","isDisabled","disabled","isElevated","border","valueAttr","JSON","stringify","select","Tag","hasPrepend","prepend","hasAppend","append","hasIcon","hasColor","selectedClass","loading","href","e","navigate","toggle","loader"],"sources":["../../../src/components/VBtn/VBtn.tsx"],"sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useSelectLink } from '@/composables/selectLink'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VBtn = defineComponent({\n  name: 'VBtn',\n\n  directives: { Ripple },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: undefined,\n    },\n    symbol: {\n      type: null,\n      default: VBtnToggleSymbol,\n    },\n    flat: Boolean,\n    icon: [Boolean, String, Function, Object] as PropType<boolean | IconValue>,\n    prependIcon: IconValue,\n    appendIcon: IconValue,\n\n    block: Boolean,\n    stacked: Boolean,\n\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeRoundedProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeLoaderProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'button' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'elevated' } as const),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { loaderClasses } = useLoader(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n    const group = useGroupItem(props, props.symbol, false)\n    const link = useLink(props, attrs)\n\n    const isActive = computed(() => {\n      if (props.active !== undefined) {\n        return props.active\n      }\n\n      if (link.isLink.value) {\n        return link.isActive?.value\n      }\n\n      return group?.isSelected.value\n    })\n    const isDisabled = computed(() => group?.disabled.value || props.disabled)\n    const isElevated = computed(() => {\n      return props.variant === 'elevated' && !(props.disabled || props.flat || props.border)\n    })\n    const valueAttr = computed(() => {\n      if (props.value === undefined) return undefined\n\n      return Object(props.value) === props.value\n        ? JSON.stringify(props.value, null, 0) : props.value\n    })\n\n    useSelectLink(link, group?.select)\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasPrepend = !!(props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendIcon || slots.append)\n      const hasIcon = !!(props.icon && props.icon !== true)\n      const hasColor = (\n        (group?.isSelected.value && (!link.isLink.value || link.isActive?.value)) ||\n        (!group || link.isActive?.value)\n      )\n\n      return (\n        <Tag\n          type={ Tag === 'a' ? undefined : 'button' }\n          class={[\n            'v-btn',\n            group?.selectedClass.value,\n            {\n              'v-btn--active': isActive.value,\n              'v-btn--block': props.block,\n              'v-btn--disabled': isDisabled.value,\n              'v-btn--elevated': isElevated.value,\n              'v-btn--flat': props.flat,\n              'v-btn--icon': !!props.icon,\n              'v-btn--loading': props.loading,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n            locationStyles.value,\n            sizeStyles.value,\n          ]}\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          v-ripple={[\n            !isDisabled.value && props.ripple,\n            null,\n            props.icon ? ['center'] : null,\n          ]}\n          onClick={ (e: MouseEvent) => {\n            if (isDisabled.value) return\n\n            link.navigate?.(e)\n            group?.toggle()\n          } }\n          value={ valueAttr.value }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__prepend\">\n                { slots.prepend?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          ) }\n\n          <span class=\"v-btn__content\" data-no-activator=\"\">\n            <VDefaultsProvider\n              key=\"content\"\n              defaults={{\n                VIcon: {\n                  icon: hasIcon ? props.icon : undefined,\n                },\n              }}\n            >\n              { slots.default?.() ?? (\n                hasIcon && (\n                  <VIcon key=\"icon\" />\n                )\n              ) }\n            </VDefaultsProvider>\n          </span>\n\n          { !props.icon && hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VIcon: {\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__append\">\n                { slots.append?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          ) }\n\n          { !!props.loading && (\n            <span key=\"loader\" class=\"v-btn__loader\">\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  size=\"23\"\n                  width=\"2\"\n                />\n              ) }\n            </span>\n          ) }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"mappings":"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"}

package/lib/components/VBtnGroup/VBtnGroup.mjs

@@ -11,20 +11,21 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { makeVariantProps } from "../../composables/variant.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs"; // Utility
-import { defineComponent, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue';
+import { defineComponent, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVBtnGroupProps = propsFactory({
+  divided: Boolean,
+  ...makeBorderProps(),
+  ...makeDensityProps(),
+  ...makeElevationProps(),
+  ...makeRoundedProps(),
+  ...makeTagProps(),
+  ...makeThemeProps(),
+  ...makeVariantProps()
+}, 'v-btn-group');
 export const VBtnGroup = defineComponent({
   name: 'VBtnGroup',
-  props: {
-    divided: Boolean,
-    ...makeBorderProps(),
-    ...makeDensityProps(),
-    ...makeElevationProps(),
-    ...makeRoundedProps(),
-    ...makeTagProps(),
-    ...makeThemeProps(),
-    ...makeVariantProps()
-  },
+  props: makeVBtnGroupProps(),
   setup(props, _ref) {
     let {
       slots
@@ -62,4 +63,7 @@ export const VBtnGroup = defineComponent({
     });
   }
 });
+export function filterVBtnGroupProps(props) {
+  return pick(props, Object.keys(VBtnGroup.props));
+}
 //# sourceMappingURL=VBtnGroup.mjs.map