@vuetify/nightly 3.7.4-next.2024-11-06 → 3.7.5-dev.2024-12-03

package/lib/components/VSelect/VSelect.css

@@ -1,55 +1,53 @@
-@layer vuetify.components {
-  .v-select .v-field .v-text-field__prefix,
-  .v-select .v-field .v-text-field__suffix,
-  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
-    cursor: pointer;
-  }
-  .v-select .v-field .v-field__input > input {
-    align-self: flex-start;
-    opacity: 1;
-    flex: 0 0;
-    position: absolute;
-    width: 100%;
-    transition: none;
-    pointer-events: none;
-    caret-color: transparent;
-  }
-  .v-select .v-field--dirty .v-select__selection {
-    margin-inline-end: 2px;
-  }
-  .v-select .v-select__selection-text {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .v-select__content {
-    overflow: hidden;
-  }
-  .v-select__content {
-    box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-  }
-  .v-select__content {
-    border-radius: 4px;
-  }
-  .v-select__selection {
-    display: inline-flex;
-    align-items: center;
-    letter-spacing: inherit;
-    line-height: inherit;
-    max-width: 100%;
-  }
-  .v-select .v-select__selection:first-child {
-    margin-inline-start: 0;
-  }
-  .v-select--selected .v-field .v-field__input > input {
-    opacity: 0;
-  }
-  .v-select__menu-icon {
-    margin-inline-start: 4px;
-    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-  .v-select--active-menu .v-select__menu-icon {
-    opacity: var(--v-high-emphasis-opacity);
-    transform: rotate(180deg);
-  }
+.v-select .v-field .v-text-field__prefix,
+.v-select .v-field .v-text-field__suffix,
+.v-select .v-field .v-field__input, .v-select .v-field.v-field {
+  cursor: pointer;
+}
+.v-select .v-field .v-field__input > input {
+  align-self: flex-start;
+  opacity: 1;
+  flex: 0 0;
+  position: absolute;
+  width: 100%;
+  transition: none;
+  pointer-events: none;
+  caret-color: transparent;
+}
+.v-select .v-field--dirty .v-select__selection {
+  margin-inline-end: 2px;
+}
+.v-select .v-select__selection-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.v-select__content {
+  overflow: hidden;
+}
+.v-select__content {
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-select__content {
+  border-radius: 4px;
+}
+.v-select__selection {
+  display: inline-flex;
+  align-items: center;
+  letter-spacing: inherit;
+  line-height: inherit;
+  max-width: 100%;
+}
+.v-select .v-select__selection:first-child {
+  margin-inline-start: 0;
+}
+.v-select--selected .v-field .v-field__input > input {
+  opacity: 0;
+}
+.v-select__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-select--active-menu .v-select__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }

package/lib/components/VSelect/VSelect.mjs

@@ -109,7 +109,7 @@ export const VSelect = genericComponent()({
     const counterValue = computed(() => {
       return typeof props.counterValue === 'function' ? props.counterValue(model.value) : typeof props.counterValue === 'number' ? props.counterValue : model.value.length;
     });
-    const form = useForm();
+    const form = useForm(props);
     const selectedValues = computed(() => model.value.map(selection => selection.value));
     const isFocused = shallowRef(false);
     const label = computed(() => menu.value ? props.closeText : props.openText);
@@ -121,7 +121,7 @@ export const VSelect = genericComponent()({
       }
       return items.value;
     });
-    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
+    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
     const computedMenuProps = computed(() => {
       return {
         ...props.menuProps,
@@ -148,7 +148,7 @@ export const VSelect = genericComponent()({
       }
     }
     function onKeydown(e) {
-      if (!e.key || props.readonly || form?.isReadonly.value) return;
+      if (!e.key || form.isReadonly.value) return;
       if (['Enter', ' ', 'ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) {
         e.preventDefault();
       }

package/lib/components/VSelect/VSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSelect.mjs","names":["VDialogTransition","VAvatar","VCheckboxBtn","VChip","VDefaultsProvider","VIcon","VList","VListItem","VMenu","makeVTextFieldProps","VTextField","VVirtualScroll","useScrolling","useForm","forwardRefs","IconValue","makeItemsProps","useItems","useLocale","useProxiedModel","makeTransitionProps","computed","mergeProps","nextTick","ref","shallowRef","watch","checkPrintable","ensureValidVNode","genericComponent","IN_BROWSER","matchesSelector","omit","propsFactory","useRender","wrapInArray","makeSelectProps","chips","Boolean","closableChips","closeText","type","String","default","openText","eager","hideNoData","hideSelected","listProps","Object","menu","menuIcon","menuProps","multiple","noDataText","openOnClear","itemColor","itemChildren","makeVSelectProps","modelValue","role","transition","component","VSelect","name","props","emits","focused","value","ue","setup","_ref","slots","t","vTextFieldRef","vMenuRef","vVirtualScrollRef","_menu","get","set","v","ΨopenChildren","size","items","transformIn","transformOut","model","transformed","counterValue","length","form","selectedValues","map","selection","isFocused","label","keyboardLookupPrefix","keyboardLookupLastTime","displayItems","filter","item","some","s","valueComparator","menuDisabled","readonly","isReadonly","computedMenuProps","activatorProps","listRef","listEvents","onClear","e","onMousedownControl","onListKeydown","onKeydown","key","includes","preventDefault","focus","KEYBOARD_LOOKUP_THRESHOLD","now","performance","toLowerCase","find","title","startsWith","undefined","index","indexOf","window","requestAnimationFrame","scrollToIndex","select","arguments","disabled","findIndex","add","splice","onBlur","$el","contains","relatedTarget","onAfterEnter","calculateVisibleItems","onAfterLeave","onFocusin","onModelUpdate","newVal","oldVal","hasChips","chip","hasList","isDirty","textFieldProps","filterProps","placeholder","persistentPlaceholder","_createVNode","_mergeProps","join","$event","externalValue","class","style","_Fragment","color","_ref2","itemRef","itemProps","onClick","prepend","_ref3","isSelected","prependAvatar","prependIcon","onChipClose","stopPropagation","slotProps","onMousedown","hasSlot","slotContent","closable","text","_createTextVNode","append-inner","_len","args","Array","_key"],"sources":["../../../src/components/VSelect/VSelect.tsx"],"sourcesContent":["// Styles\nimport './VSelect.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VAvatar } from '@/components/VAvatar'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\nimport { VVirtualScroll } from '@/components/VVirtualScroll'\n\n// Composables\nimport { useScrolling } from './useScrolling'\nimport { useForm } from '@/composables/form'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { IconValue } from '@/composables/icons'\nimport { makeItemsProps, useItems } from '@/composables/list-items'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTransitionProps } from '@/composables/transition'\n\n// Utilities\nimport { computed, mergeProps, nextTick, ref, shallowRef, watch } from 'vue'\nimport {\n  checkPrintable,\n  ensureValidVNode,\n  genericComponent,\n  IN_BROWSER,\n  matchesSelector,\n  omit,\n  propsFactory,\n  useRender,\n  wrapInArray,\n} from '@/util'\n\n// Types\nimport type { Component, PropType } from 'vue'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { ListItem } from '@/composables/list-items'\nimport type { GenericProps, SelectItemKey } from '@/util'\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = [T] extends [Primitive]\n  ? T\n  : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? readonly Val<T, ReturnObject>[]\n    : Val<T, ReturnObject> | null\n\nexport const makeSelectProps = propsFactory({\n  chips: Boolean,\n  closableChips: Boolean,\n  closeText: {\n    type: String,\n    default: '$vuetify.close',\n  },\n  openText: {\n    type: String,\n    default: '$vuetify.open',\n  },\n  eager: Boolean,\n  hideNoData: Boolean,\n  hideSelected: Boolean,\n  listProps: {\n    type: Object as PropType<VList['$props']>,\n  },\n  menu: Boolean,\n  menuIcon: {\n    type: IconValue,\n    default: '$dropdown',\n  },\n  menuProps: {\n    type: Object as PropType<VMenu['$props']>,\n  },\n  multiple: Boolean,\n  noDataText: {\n    type: String,\n    default: '$vuetify.noDataText',\n  },\n  openOnClear: Boolean,\n  itemColor: String,\n\n  ...makeItemsProps({ itemChildren: false }),\n}, 'Select')\n\nexport const makeVSelectProps = propsFactory({\n  ...makeSelectProps(),\n  ...omit(makeVTextFieldProps({\n    modelValue: null,\n    role: 'combobox',\n  }), ['validationValue', 'dirty', 'appendInnerIcon']),\n  ...makeTransitionProps({ transition: { component: VDialogTransition as Component } }),\n}, 'VSelect')\n\ntype ItemType<T> = T extends readonly (infer U)[] ? U : never\n\nexport const VSelect = genericComponent<new <\n  T extends readonly any[],\n  Item = ItemType<T>,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>\n>(\n  props: {\n    items?: T\n    itemTitle?: SelectItemKey<ItemType<T>>\n    itemValue?: SelectItemKey<ItemType<T>>\n    itemProps?: SelectItemKey<ItemType<T>>\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: V | null\n    'onUpdate:modelValue'?: (value: V) => void\n  },\n  slots: Omit<VInputSlots & VFieldSlots, 'default'> & {\n    item: { item: ListItem<Item>, index: number, props: Record<string, unknown> }\n    chip: { item: ListItem<Item>, index: number, props: Record<string, unknown> }\n    selection: { item: ListItem<Item>, index: number }\n    'prepend-item': never\n    'append-item': never\n    'no-data': never\n  }\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VSelect',\n\n  props: makeVSelectProps(),\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (value: any) => true,\n    'update:menu': (ue: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref()\n    const vMenuRef = ref<VMenu>()\n    const vVirtualScrollRef = ref<VVirtualScroll>()\n    const _menu = useProxiedModel(props, 'menu')\n    const menu = computed({\n      get: () => _menu.value,\n      set: v => {\n        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return\n        _menu.value = v\n      },\n    })\n    const { items, transformIn, transformOut } = useItems(props)\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(v === null ? [null] : wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const counterValue = computed(() => {\n      return typeof props.counterValue === 'function' ? props.counterValue(model.value)\n        : typeof props.counterValue === 'number' ? props.counterValue\n        : model.value.length\n    })\n    const form = useForm()\n    const selectedValues = computed(() => model.value.map(selection => selection.value))\n    const isFocused = shallowRef(false)\n    const label = computed(() => menu.value ? props.closeText : props.openText)\n\n    let keyboardLookupPrefix = ''\n    let keyboardLookupLastTime: number\n\n    const displayItems = computed(() => {\n      if (props.hideSelected) {\n        return items.value.filter(item => !model.value.some(s => props.valueComparator(s, item)))\n      }\n      return items.value\n    })\n\n    const menuDisabled = computed(() => (\n      (props.hideNoData && !displayItems.value.length) ||\n      props.readonly || form?.isReadonly.value\n    ))\n\n    const computedMenuProps = computed(() => {\n      return {\n        ...props.menuProps,\n        activatorProps: {\n          ...(props.menuProps?.activatorProps || {}),\n          'aria-haspopup': 'listbox', // Set aria-haspopup to 'listbox'\n        },\n      }\n    })\n\n    const listRef = ref<VList>()\n    const listEvents = useScrolling(listRef, vTextFieldRef)\n    function onClear (e: MouseEvent) {\n      if (props.openOnClear) {\n        menu.value = true\n      }\n    }\n    function onMousedownControl () {\n      if (menuDisabled.value) return\n\n      menu.value = !menu.value\n    }\n    function onListKeydown (e: KeyboardEvent) {\n      if (checkPrintable(e)) {\n        onKeydown(e)\n      }\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (!e.key || props.readonly || form?.isReadonly.value) return\n\n      if (['Enter', ' ', 'ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) {\n        e.preventDefault()\n      }\n\n      if (['Enter', 'ArrowDown', ' '].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape', 'Tab'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (e.key === 'Home') {\n        listRef.value?.focus('first')\n      } else if (e.key === 'End') {\n        listRef.value?.focus('last')\n      }\n\n      // html select hotkeys\n      const KEYBOARD_LOOKUP_THRESHOLD = 1000 // milliseconds\n\n      if (props.multiple || !checkPrintable(e)) return\n\n      const now = performance.now()\n      if (now - keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {\n        keyboardLookupPrefix = ''\n      }\n      keyboardLookupPrefix += e.key.toLowerCase()\n      keyboardLookupLastTime = now\n\n      const item = items.value.find(item => item.title.toLowerCase().startsWith(keyboardLookupPrefix))\n      if (item !== undefined) {\n        model.value = [item]\n        const index = displayItems.value.indexOf(item)\n        IN_BROWSER && window.requestAnimationFrame(() => {\n          index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index)\n        })\n      }\n    }\n\n    /** @param set - null means toggle */\n    function select (item: ListItem, set: boolean | null = true) {\n      if (item.props.disabled) return\n\n      if (props.multiple) {\n        const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value))\n        const add = set == null ? !~index : set\n\n        if (~index) {\n          const value = add ? [...model.value, item] : [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        } else if (add) {\n          model.value = [...model.value, item]\n        }\n      } else {\n        const add = set !== false\n        model.value = add ? [item] : []\n\n        nextTick(() => {\n          menu.value = false\n        })\n      }\n    }\n    function onBlur (e: FocusEvent) {\n      if (!listRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n        menu.value = false\n      }\n    }\n    function onAfterEnter () {\n      if (props.eager) {\n        vVirtualScrollRef.value?.calculateVisibleItems()\n      }\n    }\n    function onAfterLeave () {\n      if (isFocused.value) {\n        vTextFieldRef.value?.focus()\n      }\n    }\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n    function onModelUpdate (v: any) {\n      if (v == null) model.value = []\n      else if (matchesSelector(vTextFieldRef.value, ':autofill') || matchesSelector(vTextFieldRef.value, ':-webkit-autofill')) {\n        const item = items.value.find(item => item.title === v)\n        if (item) {\n          select(item)\n        }\n      } else if (vTextFieldRef.value) {\n        vTextFieldRef.value.value = ''\n      }\n    }\n\n    watch(menu, () => {\n      if (!props.hideSelected && menu.value && model.value.length) {\n        const index = displayItems.value.findIndex(\n          item => model.value.some(s => props.valueComparator(s.value, item.value))\n        )\n        IN_BROWSER && window.requestAnimationFrame(() => {\n          index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index)\n        })\n      }\n    })\n\n    watch(() => props.items, (newVal, oldVal) => {\n      if (menu.value) return\n\n      if (isFocused.value && !oldVal.length && newVal.length) {\n        menu.value = true\n      }\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n      const hasList = !!(\n        (!props.hideNoData || displayItems.value.length) ||\n        slots['prepend-item'] ||\n        slots['append-item'] ||\n        slots['no-data']\n      )\n      const isDirty = model.value.length > 0\n      const textFieldProps = VTextField.filterProps(props)\n\n      const placeholder = isDirty || (\n        !isFocused.value &&\n        props.label &&\n        !props.persistentPlaceholder\n      ) ? undefined : props.placeholder\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          { ...textFieldProps }\n          modelValue={ model.value.map(v => v.props.value).join(', ') }\n          onUpdate:modelValue={ onModelUpdate }\n          v-model:focused={ isFocused.value }\n          validationValue={ model.externalValue }\n          counterValue={ counterValue.value }\n          dirty={ isDirty }\n          class={[\n            'v-select',\n            {\n              'v-select--active-menu': menu.value,\n              'v-select--chips': !!props.chips,\n              [`v-select--${props.multiple ? 'multiple' : 'single'}`]: true,\n              'v-select--selected': model.value.length,\n              'v-select--selection-slot': !!slots.selection,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          inputmode=\"none\"\n          placeholder={ placeholder }\n          onClick:clear={ onClear }\n          onMousedown:control={ onMousedownControl }\n          onBlur={ onBlur }\n          onKeydown={ onKeydown }\n          aria-label={ t(label.value) }\n          title={ t(label.value) }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  ref={ vMenuRef }\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-select__content\"\n                  disabled={ menuDisabled.value }\n                  eager={ props.eager }\n                  maxHeight={ 310 }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterEnter={ onAfterEnter }\n                  onAfterLeave={ onAfterLeave }\n                  { ...computedMenuProps.value }\n                >\n                  { hasList && (\n                    <VList\n                      ref={ listRef }\n                      selected={ selectedValues.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                      onKeydown={ onListKeydown }\n                      onFocusin={ onFocusin }\n                      tabindex=\"-1\"\n                      aria-live=\"polite\"\n                      color={ props.itemColor ?? props.color }\n                      { ...listEvents }\n                      { ...props.listProps }\n                    >\n                      { slots['prepend-item']?.() }\n\n                      { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                        <VListItem title={ t(props.noDataText) } />\n                      ))}\n\n                      <VVirtualScroll ref={ vVirtualScrollRef } renderless items={ displayItems.value }>\n                        { ({ item, index, itemRef }) => {\n                          const itemProps = mergeProps(item.props, {\n                            ref: itemRef,\n                            key: index,\n                            onClick: () => select(item, null),\n                          })\n\n                          return slots.item?.({\n                            item,\n                            index,\n                            props: itemProps,\n                          }) ?? (\n                            <VListItem { ...itemProps } role=\"option\">\n                              {{\n                                prepend: ({ isSelected }) => (\n                                  <>\n                                    { props.multiple && !props.hideSelected ? (\n                                      <VCheckboxBtn\n                                        key={ item.value }\n                                        modelValue={ isSelected }\n                                        ripple={ false }\n                                        tabindex=\"-1\"\n                                      />\n                                    ) : undefined }\n\n                                    { item.props.prependAvatar && (\n                                      <VAvatar image={ item.props.prependAvatar } />\n                                    )}\n\n                                    { item.props.prependIcon && (\n                                      <VIcon icon={ item.props.prependIcon } />\n                                    )}\n                                  </>\n                                ),\n                              }}\n                            </VListItem>\n                          )\n                        }}\n                      </VVirtualScroll>\n\n                      { slots['append-item']?.() }\n                    </VList>\n                  )}\n                </VMenu>\n\n                { model.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item, false)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    onKeydown (e: KeyboardEvent) {\n                      if (e.key !== 'Enter' && e.key !== ' ') return\n\n                      e.preventDefault()\n                      e.stopPropagation()\n\n                      onChipClose(e)\n                    },\n                    onMousedown (e: MouseEvent) {\n                      e.preventDefault()\n                      e.stopPropagation()\n                    },\n                    modelValue: true,\n                    'onUpdate:modelValue': undefined,\n                  }\n\n                  const hasSlot = hasChips ? !!slots.chip : !!slots.selection\n                  const slotContent = hasSlot\n                    ? ensureValidVNode(\n                      hasChips\n                        ? slots.chip!({ item, index, props: slotProps })\n                        : slots.selection!({ item, index })\n                    )\n                    : undefined\n\n                  if (hasSlot && !slotContent) return undefined\n\n                  return (\n                    <div key={ item.value } class=\"v-select__selection\">\n                      { hasChips ? (\n                        !slots.chip ? (\n                          <VChip\n                            key=\"chip\"\n                            closable={ props.closableChips }\n                            size=\"small\"\n                            text={ item.title }\n                            disabled={ item.props.disabled }\n                            { ...slotProps }\n                          />\n                        ) : (\n                          <VDefaultsProvider\n                            key=\"chip-defaults\"\n                            defaults={{\n                              VChip: {\n                                closable: props.closableChips,\n                                size: 'small',\n                                text: item.title,\n                              },\n                            }}\n                          >\n                            { slotContent }\n                          </VDefaultsProvider>\n                        )\n                      ) : (\n                        slotContent ?? (\n                          <span class=\"v-select__selection-text\">\n                            { item.title }\n                            { props.multiple && (index < model.value.length - 1) && (\n                              <span class=\"v-select__selection-comma\">,</span>\n                            )}\n                          </span>\n                        )\n                      )}\n                    </div>\n                  )\n                })}\n              </>\n            ),\n            'append-inner': (...args) => (\n              <>\n                { slots['append-inner']?.(...args) }\n                { props.menuIcon ? (\n                  <VIcon\n                    class=\"v-select__menu-icon\"\n                    icon={ props.menuIcon }\n                  />\n                ) : undefined }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      isFocused,\n      menu,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VSelect = InstanceType<typeof VSelect>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VSelect.mjs","names":["VDialogTransition","VAvatar","VCheckboxBtn","VChip","VDefaultsProvider","VIcon","VList","VListItem","VMenu","makeVTextFieldProps","VTextField","VVirtualScroll","useScrolling","useForm","forwardRefs","IconValue","makeItemsProps","useItems","useLocale","useProxiedModel","makeTransitionProps","computed","mergeProps","nextTick","ref","shallowRef","watch","checkPrintable","ensureValidVNode","genericComponent","IN_BROWSER","matchesSelector","omit","propsFactory","useRender","wrapInArray","makeSelectProps","chips","Boolean","closableChips","closeText","type","String","default","openText","eager","hideNoData","hideSelected","listProps","Object","menu","menuIcon","menuProps","multiple","noDataText","openOnClear","itemColor","itemChildren","makeVSelectProps","modelValue","role","transition","component","VSelect","name","props","emits","focused","value","ue","setup","_ref","slots","t","vTextFieldRef","vMenuRef","vVirtualScrollRef","_menu","get","set","v","ΨopenChildren","size","items","transformIn","transformOut","model","transformed","counterValue","length","form","selectedValues","map","selection","isFocused","label","keyboardLookupPrefix","keyboardLookupLastTime","displayItems","filter","item","some","s","valueComparator","menuDisabled","isReadonly","isDisabled","computedMenuProps","activatorProps","listRef","listEvents","onClear","e","onMousedownControl","onListKeydown","onKeydown","key","includes","preventDefault","focus","KEYBOARD_LOOKUP_THRESHOLD","now","performance","toLowerCase","find","title","startsWith","undefined","index","indexOf","window","requestAnimationFrame","scrollToIndex","select","arguments","disabled","findIndex","add","splice","onBlur","$el","contains","relatedTarget","onAfterEnter","calculateVisibleItems","onAfterLeave","onFocusin","onModelUpdate","newVal","oldVal","hasChips","chip","hasList","isDirty","textFieldProps","filterProps","placeholder","persistentPlaceholder","_createVNode","_mergeProps","join","$event","externalValue","class","style","_Fragment","color","_ref2","itemRef","itemProps","onClick","prepend","_ref3","isSelected","prependAvatar","prependIcon","onChipClose","stopPropagation","slotProps","onMousedown","hasSlot","slotContent","closable","text","_createTextVNode","append-inner","_len","args","Array","_key"],"sources":["../../../src/components/VSelect/VSelect.tsx"],"sourcesContent":["// Styles\nimport './VSelect.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VAvatar } from '@/components/VAvatar'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\nimport { VVirtualScroll } from '@/components/VVirtualScroll'\n\n// Composables\nimport { useScrolling } from './useScrolling'\nimport { useForm } from '@/composables/form'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { IconValue } from '@/composables/icons'\nimport { makeItemsProps, useItems } from '@/composables/list-items'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTransitionProps } from '@/composables/transition'\n\n// Utilities\nimport { computed, mergeProps, nextTick, ref, shallowRef, watch } from 'vue'\nimport {\n  checkPrintable,\n  ensureValidVNode,\n  genericComponent,\n  IN_BROWSER,\n  matchesSelector,\n  omit,\n  propsFactory,\n  useRender,\n  wrapInArray,\n} from '@/util'\n\n// Types\nimport type { Component, PropType } from 'vue'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { ListItem } from '@/composables/list-items'\nimport type { GenericProps, SelectItemKey } from '@/util'\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = [T] extends [Primitive]\n  ? T\n  : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? readonly Val<T, ReturnObject>[]\n    : Val<T, ReturnObject> | null\n\nexport const makeSelectProps = propsFactory({\n  chips: Boolean,\n  closableChips: Boolean,\n  closeText: {\n    type: String,\n    default: '$vuetify.close',\n  },\n  openText: {\n    type: String,\n    default: '$vuetify.open',\n  },\n  eager: Boolean,\n  hideNoData: Boolean,\n  hideSelected: Boolean,\n  listProps: {\n    type: Object as PropType<VList['$props']>,\n  },\n  menu: Boolean,\n  menuIcon: {\n    type: IconValue,\n    default: '$dropdown',\n  },\n  menuProps: {\n    type: Object as PropType<VMenu['$props']>,\n  },\n  multiple: Boolean,\n  noDataText: {\n    type: String,\n    default: '$vuetify.noDataText',\n  },\n  openOnClear: Boolean,\n  itemColor: String,\n\n  ...makeItemsProps({ itemChildren: false }),\n}, 'Select')\n\nexport const makeVSelectProps = propsFactory({\n  ...makeSelectProps(),\n  ...omit(makeVTextFieldProps({\n    modelValue: null,\n    role: 'combobox',\n  }), ['validationValue', 'dirty', 'appendInnerIcon']),\n  ...makeTransitionProps({ transition: { component: VDialogTransition as Component } }),\n}, 'VSelect')\n\ntype ItemType<T> = T extends readonly (infer U)[] ? U : never\n\nexport const VSelect = genericComponent<new <\n  T extends readonly any[],\n  Item = ItemType<T>,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>\n>(\n  props: {\n    items?: T\n    itemTitle?: SelectItemKey<ItemType<T>>\n    itemValue?: SelectItemKey<ItemType<T>>\n    itemProps?: SelectItemKey<ItemType<T>>\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: V | null\n    'onUpdate:modelValue'?: (value: V) => void\n  },\n  slots: Omit<VInputSlots & VFieldSlots, 'default'> & {\n    item: { item: ListItem<Item>, index: number, props: Record<string, unknown> }\n    chip: { item: ListItem<Item>, index: number, props: Record<string, unknown> }\n    selection: { item: ListItem<Item>, index: number }\n    'prepend-item': never\n    'append-item': never\n    'no-data': never\n  }\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VSelect',\n\n  props: makeVSelectProps(),\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (value: any) => true,\n    'update:menu': (ue: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref()\n    const vMenuRef = ref<VMenu>()\n    const vVirtualScrollRef = ref<VVirtualScroll>()\n    const _menu = useProxiedModel(props, 'menu')\n    const menu = computed({\n      get: () => _menu.value,\n      set: v => {\n        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return\n        _menu.value = v\n      },\n    })\n    const { items, transformIn, transformOut } = useItems(props)\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(v === null ? [null] : wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const counterValue = computed(() => {\n      return typeof props.counterValue === 'function' ? props.counterValue(model.value)\n        : typeof props.counterValue === 'number' ? props.counterValue\n        : model.value.length\n    })\n    const form = useForm(props)\n    const selectedValues = computed(() => model.value.map(selection => selection.value))\n    const isFocused = shallowRef(false)\n    const label = computed(() => menu.value ? props.closeText : props.openText)\n\n    let keyboardLookupPrefix = ''\n    let keyboardLookupLastTime: number\n\n    const displayItems = computed(() => {\n      if (props.hideSelected) {\n        return items.value.filter(item => !model.value.some(s => props.valueComparator(s, item)))\n      }\n      return items.value\n    })\n\n    const menuDisabled = computed(() => (\n      (props.hideNoData && !displayItems.value.length) ||\n      form.isReadonly.value || form.isDisabled.value\n    ))\n\n    const computedMenuProps = computed(() => {\n      return {\n        ...props.menuProps,\n        activatorProps: {\n          ...(props.menuProps?.activatorProps || {}),\n          'aria-haspopup': 'listbox', // Set aria-haspopup to 'listbox'\n        },\n      }\n    })\n\n    const listRef = ref<VList>()\n    const listEvents = useScrolling(listRef, vTextFieldRef)\n    function onClear (e: MouseEvent) {\n      if (props.openOnClear) {\n        menu.value = true\n      }\n    }\n    function onMousedownControl () {\n      if (menuDisabled.value) return\n\n      menu.value = !menu.value\n    }\n    function onListKeydown (e: KeyboardEvent) {\n      if (checkPrintable(e)) {\n        onKeydown(e)\n      }\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (!e.key || form.isReadonly.value) return\n\n      if (['Enter', ' ', 'ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) {\n        e.preventDefault()\n      }\n\n      if (['Enter', 'ArrowDown', ' '].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape', 'Tab'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (e.key === 'Home') {\n        listRef.value?.focus('first')\n      } else if (e.key === 'End') {\n        listRef.value?.focus('last')\n      }\n\n      // html select hotkeys\n      const KEYBOARD_LOOKUP_THRESHOLD = 1000 // milliseconds\n\n      if (props.multiple || !checkPrintable(e)) return\n\n      const now = performance.now()\n      if (now - keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {\n        keyboardLookupPrefix = ''\n      }\n      keyboardLookupPrefix += e.key.toLowerCase()\n      keyboardLookupLastTime = now\n\n      const item = items.value.find(item => item.title.toLowerCase().startsWith(keyboardLookupPrefix))\n      if (item !== undefined) {\n        model.value = [item]\n        const index = displayItems.value.indexOf(item)\n        IN_BROWSER && window.requestAnimationFrame(() => {\n          index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index)\n        })\n      }\n    }\n\n    /** @param set - null means toggle */\n    function select (item: ListItem, set: boolean | null = true) {\n      if (item.props.disabled) return\n\n      if (props.multiple) {\n        const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value))\n        const add = set == null ? !~index : set\n\n        if (~index) {\n          const value = add ? [...model.value, item] : [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        } else if (add) {\n          model.value = [...model.value, item]\n        }\n      } else {\n        const add = set !== false\n        model.value = add ? [item] : []\n\n        nextTick(() => {\n          menu.value = false\n        })\n      }\n    }\n    function onBlur (e: FocusEvent) {\n      if (!listRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n        menu.value = false\n      }\n    }\n    function onAfterEnter () {\n      if (props.eager) {\n        vVirtualScrollRef.value?.calculateVisibleItems()\n      }\n    }\n    function onAfterLeave () {\n      if (isFocused.value) {\n        vTextFieldRef.value?.focus()\n      }\n    }\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n    function onModelUpdate (v: any) {\n      if (v == null) model.value = []\n      else if (matchesSelector(vTextFieldRef.value, ':autofill') || matchesSelector(vTextFieldRef.value, ':-webkit-autofill')) {\n        const item = items.value.find(item => item.title === v)\n        if (item) {\n          select(item)\n        }\n      } else if (vTextFieldRef.value) {\n        vTextFieldRef.value.value = ''\n      }\n    }\n\n    watch(menu, () => {\n      if (!props.hideSelected && menu.value && model.value.length) {\n        const index = displayItems.value.findIndex(\n          item => model.value.some(s => props.valueComparator(s.value, item.value))\n        )\n        IN_BROWSER && window.requestAnimationFrame(() => {\n          index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index)\n        })\n      }\n    })\n\n    watch(() => props.items, (newVal, oldVal) => {\n      if (menu.value) return\n\n      if (isFocused.value && !oldVal.length && newVal.length) {\n        menu.value = true\n      }\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n      const hasList = !!(\n        (!props.hideNoData || displayItems.value.length) ||\n        slots['prepend-item'] ||\n        slots['append-item'] ||\n        slots['no-data']\n      )\n      const isDirty = model.value.length > 0\n      const textFieldProps = VTextField.filterProps(props)\n\n      const placeholder = isDirty || (\n        !isFocused.value &&\n        props.label &&\n        !props.persistentPlaceholder\n      ) ? undefined : props.placeholder\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          { ...textFieldProps }\n          modelValue={ model.value.map(v => v.props.value).join(', ') }\n          onUpdate:modelValue={ onModelUpdate }\n          v-model:focused={ isFocused.value }\n          validationValue={ model.externalValue }\n          counterValue={ counterValue.value }\n          dirty={ isDirty }\n          class={[\n            'v-select',\n            {\n              'v-select--active-menu': menu.value,\n              'v-select--chips': !!props.chips,\n              [`v-select--${props.multiple ? 'multiple' : 'single'}`]: true,\n              'v-select--selected': model.value.length,\n              'v-select--selection-slot': !!slots.selection,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          inputmode=\"none\"\n          placeholder={ placeholder }\n          onClick:clear={ onClear }\n          onMousedown:control={ onMousedownControl }\n          onBlur={ onBlur }\n          onKeydown={ onKeydown }\n          aria-label={ t(label.value) }\n          title={ t(label.value) }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  ref={ vMenuRef }\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-select__content\"\n                  disabled={ menuDisabled.value }\n                  eager={ props.eager }\n                  maxHeight={ 310 }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterEnter={ onAfterEnter }\n                  onAfterLeave={ onAfterLeave }\n                  { ...computedMenuProps.value }\n                >\n                  { hasList && (\n                    <VList\n                      ref={ listRef }\n                      selected={ selectedValues.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                      onKeydown={ onListKeydown }\n                      onFocusin={ onFocusin }\n                      tabindex=\"-1\"\n                      aria-live=\"polite\"\n                      color={ props.itemColor ?? props.color }\n                      { ...listEvents }\n                      { ...props.listProps }\n                    >\n                      { slots['prepend-item']?.() }\n\n                      { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                        <VListItem title={ t(props.noDataText) } />\n                      ))}\n\n                      <VVirtualScroll ref={ vVirtualScrollRef } renderless items={ displayItems.value }>\n                        { ({ item, index, itemRef }) => {\n                          const itemProps = mergeProps(item.props, {\n                            ref: itemRef,\n                            key: index,\n                            onClick: () => select(item, null),\n                          })\n\n                          return slots.item?.({\n                            item,\n                            index,\n                            props: itemProps,\n                          }) ?? (\n                            <VListItem { ...itemProps } role=\"option\">\n                              {{\n                                prepend: ({ isSelected }) => (\n                                  <>\n                                    { props.multiple && !props.hideSelected ? (\n                                      <VCheckboxBtn\n                                        key={ item.value }\n                                        modelValue={ isSelected }\n                                        ripple={ false }\n                                        tabindex=\"-1\"\n                                      />\n                                    ) : undefined }\n\n                                    { item.props.prependAvatar && (\n                                      <VAvatar image={ item.props.prependAvatar } />\n                                    )}\n\n                                    { item.props.prependIcon && (\n                                      <VIcon icon={ item.props.prependIcon } />\n                                    )}\n                                  </>\n                                ),\n                              }}\n                            </VListItem>\n                          )\n                        }}\n                      </VVirtualScroll>\n\n                      { slots['append-item']?.() }\n                    </VList>\n                  )}\n                </VMenu>\n\n                { model.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item, false)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    onKeydown (e: KeyboardEvent) {\n                      if (e.key !== 'Enter' && e.key !== ' ') return\n\n                      e.preventDefault()\n                      e.stopPropagation()\n\n                      onChipClose(e)\n                    },\n                    onMousedown (e: MouseEvent) {\n                      e.preventDefault()\n                      e.stopPropagation()\n                    },\n                    modelValue: true,\n                    'onUpdate:modelValue': undefined,\n                  }\n\n                  const hasSlot = hasChips ? !!slots.chip : !!slots.selection\n                  const slotContent = hasSlot\n                    ? ensureValidVNode(\n                      hasChips\n                        ? slots.chip!({ item, index, props: slotProps })\n                        : slots.selection!({ item, index })\n                    )\n                    : undefined\n\n                  if (hasSlot && !slotContent) return undefined\n\n                  return (\n                    <div key={ item.value } class=\"v-select__selection\">\n                      { hasChips ? (\n                        !slots.chip ? (\n                          <VChip\n                            key=\"chip\"\n                            closable={ props.closableChips }\n                            size=\"small\"\n                            text={ item.title }\n                            disabled={ item.props.disabled }\n                            { ...slotProps }\n                          />\n                        ) : (\n                          <VDefaultsProvider\n                            key=\"chip-defaults\"\n                            defaults={{\n                              VChip: {\n                                closable: props.closableChips,\n                                size: 'small',\n                                text: item.title,\n                              },\n                            }}\n                          >\n                            { slotContent }\n                          </VDefaultsProvider>\n                        )\n                      ) : (\n                        slotContent ?? (\n                          <span class=\"v-select__selection-text\">\n                            { item.title }\n                            { props.multiple && (index < model.value.length - 1) && (\n                              <span class=\"v-select__selection-comma\">,</span>\n                            )}\n                          </span>\n                        )\n                      )}\n                    </div>\n                  )\n                })}\n              </>\n            ),\n            'append-inner': (...args) => (\n              <>\n                { slots['append-inner']?.(...args) }\n                { props.menuIcon ? (\n                  <VIcon\n                    class=\"v-select__menu-icon\"\n                    icon={ props.menuIcon }\n                  />\n                ) : undefined }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      isFocused,\n      menu,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VSelect = InstanceType<typeof VSelect>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VSelect/index.d.mts

@@ -372,8 +372,8 @@ declare const VList: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
     } & {
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
@@ -496,8 +496,8 @@ declare const VList: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
     } & {
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
@@ -572,8 +572,8 @@ declare const VList: {
     activeColor?: string | undefined;
     activeClass?: string | undefined;
     activeStrategy?: ActiveStrategyProp | undefined;
-    collapseIcon?: string | undefined;
-    expandIcon?: string | undefined;
+    collapseIcon?: IconValue | undefined;
+    expandIcon?: IconValue | undefined;
 } & {
     "onUpdate:activated"?: ((value: unknown) => any) | undefined;
     "onClick:activate"?: ((value: {
@@ -762,8 +762,8 @@ declare const VList: {
     activeClass: StringConstructor;
     bgColor: StringConstructor;
     disabled: BooleanConstructor;
-    expandIcon: StringConstructor;
-    collapseIcon: StringConstructor;
+    expandIcon: PropType<IconValue>;
+    collapseIcon: PropType<IconValue>;
     lines: {
         type: PropType<"one" | "two" | "three" | false>;
         default: string;
@@ -871,8 +871,8 @@ declare const VList: {
     activeClass: StringConstructor;
     bgColor: StringConstructor;
     disabled: BooleanConstructor;
-    expandIcon: StringConstructor;
-    collapseIcon: StringConstructor;
+    expandIcon: PropType<IconValue>;
+    collapseIcon: PropType<IconValue>;
     lines: {
         type: PropType<"one" | "two" | "three" | false>;
         default: string;
@@ -2887,8 +2887,8 @@ declare const VSelect: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -3334,8 +3334,8 @@ declare const VSelect: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -3742,8 +3742,8 @@ declare const VSelect: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
             id: unknown;

package/lib/components/VSelectionControl/VSelectionControl.css

@@ -1,101 +1,103 @@
-@layer vuetify.components {
-  .v-selection-control {
-    align-items: center;
-    contain: layout;
-    display: flex;
-    flex: 1 0;
-    grid-area: control;
-    position: relative;
-    user-select: none;
-  }
-  .v-selection-control .v-label {
-    white-space: normal;
-    word-break: break-word;
-    height: 100%;
-  }
-  .v-selection-control--disabled {
-    opacity: var(--v-disabled-opacity);
-    pointer-events: none;
-  }
-  .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
-    opacity: 1;
-  }
-  .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
-    color: rgb(var(--v-theme-error));
-  }
-  .v-selection-control--inline {
-    display: inline-flex;
-    flex: 0 0 auto;
-    min-width: 0;
-    max-width: 100%;
-  }
-  .v-selection-control--inline .v-label {
-    width: auto;
-  }
-  .v-selection-control--density-default {
-    --v-selection-control-size: 40px;
-  }
-  .v-selection-control--density-comfortable {
-    --v-selection-control-size: 36px;
-  }
-  .v-selection-control--density-compact {
-    --v-selection-control-size: 28px;
-  }
-  .v-selection-control__wrapper {
-    width: var(--v-selection-control-size);
-    height: var(--v-selection-control-size);
-    display: inline-flex;
-    align-items: center;
-    position: relative;
-    justify-content: center;
-    flex: none;
-  }
-  .v-selection-control__input {
-    width: var(--v-selection-control-size);
-    height: var(--v-selection-control-size);
-    align-items: center;
-    display: flex;
-    flex: none;
-    justify-content: center;
-    position: relative;
-    border-radius: 50%;
-  }
-  .v-selection-control__input input {
-    cursor: pointer;
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-  }
-  .v-selection-control__input::before {
-    border-radius: 100%;
-    background-color: currentColor;
-    opacity: 0;
-    pointer-events: none;
-  }
-  .v-selection-control__input::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .v-selection-control__input:hover::before {
-    opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
-  }
-  .v-selection-control__input > .v-icon {
-    opacity: var(--v-medium-emphasis-opacity);
-  }
-  .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
-    opacity: 1;
-  }
-  .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
-    color: rgb(var(--v-theme-error));
-  }
-  .v-selection-control--focus-visible .v-selection-control__input::before {
-    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
-  }
+.v-selection-control {
+  align-items: center;
+  contain: layout;
+  display: flex;
+  flex: 1 0;
+  grid-area: control;
+  position: relative;
+  user-select: none;
+}
+.v-selection-control .v-label {
+  white-space: normal;
+  word-break: break-word;
+  height: 100%;
+}
+.v-selection-control--disabled {
+  opacity: var(--v-disabled-opacity);
+  pointer-events: none;
+}
+.v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
+  opacity: 1;
+}
+.v-selection-control--error:not(.v-selection-control--disabled) .v-label {
+  color: rgb(var(--v-theme-error));
+}
+.v-selection-control--inline {
+  display: inline-flex;
+  flex: 0 0 auto;
+  min-width: 0;
+  max-width: 100%;
+}
+.v-selection-control--inline .v-label {
+  width: auto;
+}
+.v-selection-control--density-default {
+  --v-selection-control-size: 40px;
+}
+
+.v-selection-control--density-comfortable {
+  --v-selection-control-size: 36px;
+}
+
+.v-selection-control--density-compact {
+  --v-selection-control-size: 28px;
+}
+
+.v-selection-control__wrapper {
+  width: var(--v-selection-control-size);
+  height: var(--v-selection-control-size);
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  justify-content: center;
+  flex: none;
+}
+
+.v-selection-control__input {
+  width: var(--v-selection-control-size);
+  height: var(--v-selection-control-size);
+  align-items: center;
+  display: flex;
+  flex: none;
+  justify-content: center;
+  position: relative;
+  border-radius: 50%;
+}
+.v-selection-control__input input {
+  cursor: pointer;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+}
+.v-selection-control__input::before {
+  border-radius: 100%;
+  background-color: currentColor;
+  opacity: 0;
+  pointer-events: none;
+}
+.v-selection-control__input::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.v-selection-control__input:hover::before {
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
+}
+.v-selection-control__input > .v-icon {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
+  opacity: 1;
+}
+.v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
+  color: rgb(var(--v-theme-error));
+}
+.v-selection-control--focus-visible .v-selection-control__input::before {
+  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
 }

package/lib/components/VSelectionControlGroup/VSelectionControlGroup.css

@@ -1,11 +1,9 @@
-@layer vuetify.components {
-  .v-selection-control-group {
-    grid-area: control;
-    display: flex;
-    flex-direction: column;
-  }
-  .v-selection-control-group--inline {
-    flex-direction: row;
-    flex-wrap: wrap;
-  }
+.v-selection-control-group {
+  grid-area: control;
+  display: flex;
+  flex-direction: column;
+}
+.v-selection-control-group--inline {
+  flex-direction: row;
+  flex-wrap: wrap;
 }