vuetify 3.12.0 → 3.12.1

package/lib/components/VList/VList.css

@@ -1,6 +1,4 @@
 .v-list {
-  --v-list-prepend-gap: 32px;
-  --v-list-indent: calc(var(--v-list-prepend-gap) + 24px);
   overflow: auto;
   padding: 8px 0;
   position: relative;
@@ -25,9 +23,6 @@
   background: rgba(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
-.v-list--slim {
-  --v-list-prepend-gap: 20px;
-}
 .v-list--disabled {
   pointer-events: none;
   user-select: none;

package/lib/components/VList/VList.js

@@ -285,6 +285,7 @@ export const VList = genericComponent()({
       }
     }
     useRender(() => {
+      const indent = props.indent ?? (props.prependGap ? Number(props.prependGap) + 24 : undefined);
       const ariaMultiselectable = isSelectable.value ? attrs.ariaMultiselectable ?? !String(props.selectStrategy).startsWith('single-') : undefined;
       return _createVNode(props.tag, {
         "ref": contentRef,
@@ -294,7 +295,8 @@ export const VList = genericComponent()({
           'v-list--slim': props.slim
         }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, props.class]),
         "style": _normalizeStyle([{
-          '--v-list-indent': convertToUnit(props.indent),
+          '--v-list-indent': convertToUnit(indent),
+          '--v-list-group-prepend': indent ? '0px' : undefined,
           '--v-list-prepend-gap': convertToUnit(props.prependGap)
         }, backgroundColorStyles.value, dimensionStyles.value, props.style]),
         "tabindex": props.disabled ? -1 : 0,

package/lib/components/VList/VList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VList.js","names":["VListChildren","createList","makeBorderProps","useBorder","useBackgroundColor","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","IconValue","makeItemsProps","makeNestedProps","useNested","useProxiedModel","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","computed","ref","shallowRef","toRef","useId","watch","convertToUnit","EventProp","focusChild","genericComponent","getPropertyFromItem","isPrimitive","omit","propsFactory","useRender","itemTypes","Set","transformItem","props","item","title","itemTitle","value","itemValue","undefined","children","itemChildren","itemProps","type","itemType","has","_props","transformItems","raw","items","array","push","useListItems","makeVListProps","baseColor","String","activeColor","activeClass","bgColor","disabled","Boolean","filterable","expandIcon","collapseIcon","lines","default","slim","prependGap","Number","indent","nav","navigationStrategy","navigationIndex","selectStrategy","openStrategy","variant","VList","name","emits","setup","_ref","attrs","slots","emit","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","open","parents","select","getPath","returnObject","scrollToActive","lineClasses","color","isSelectable","selectable","activatable","v","uid","trackingIndex","VListGroup","VListItem","density","tabindex","isFocused","contentRef","onFocusin","e","onFocusout","onFocus","getNextIndex","relatedTarget","contains","focus","onBlur","getNavigationDirection","key","direction","itemCount","length","nextIndex","startIndex","attempts","onKeydown","target","tagName","includes","preventDefault","onMousedown","location","ariaMultiselectable","startsWith","_createVNode","tag","_normalizeClass","class","_normalizeStyle","style"],"sources":["../../../src/components/VList/VList.tsx"],"sourcesContent":["// Styles\nimport './VList.sass'\n\n// Components\nimport { VListChildren } from './VListChildren'\n\n// Composables\nimport { createList } from './list'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { IconValue } from '@/composables/icons'\nimport { makeItemsProps } from '@/composables/list-items'\nimport { makeNestedProps, useNested } from '@/composables/nested/nested'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\n\n// Utilities\nimport { computed, ref, shallowRef, toRef, useId, watch } from 'vue'\nimport {\n  convertToUnit,\n  EventProp,\n  focusChild,\n  genericComponent,\n  getPropertyFromItem,\n  isPrimitive,\n  omit,\n  propsFactory,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VListChildrenSlots } from './VListChildren'\nimport type { ItemProps, ListItem } from '@/composables/list-items'\nimport type { GenericProps, SelectItemKey } from '@/util'\n\nexport interface InternalListItem<T = any> extends ListItem<T> {}\n\nconst itemTypes = new Set(['item', 'divider', 'subheader'])\n\nfunction transformItem (props: ItemProps, item: any): ListItem {\n  const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle)\n  const value = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemValue, undefined)\n  const children = getPropertyFromItem(item, props.itemChildren)\n  const itemProps = props.itemProps === true\n    ? omit(item, ['children'])\n    : getPropertyFromItem(item, props.itemProps)\n\n  let type = getPropertyFromItem(item, props.itemType, 'item')\n  if (!itemTypes.has(type)) {\n    type = 'item'\n  }\n\n  const _props = {\n    title,\n    value,\n    ...itemProps,\n  }\n\n  return {\n    type,\n    title: _props.title,\n    value: _props.value,\n    props: _props,\n    children: type === 'item' && children ? transformItems(props, children) : undefined,\n    raw: item,\n  }\n}\n\nfunction transformItems (props: ItemProps, items: (string | object)[]) {\n  const array: InternalListItem[] = []\n\n  for (const item of items) {\n    array.push(transformItem(props, item))\n  }\n\n  return array\n}\n\nexport function useListItems (props: ItemProps) {\n  const items = computed(() => transformItems(props, props.items))\n\n  return { items }\n}\n\nexport const makeVListProps = propsFactory({\n  baseColor: String,\n  /* @deprecated */\n  activeColor: String,\n  activeClass: String,\n  bgColor: String,\n  disabled: Boolean,\n  filterable: Boolean,\n  expandIcon: IconValue,\n  collapseIcon: IconValue,\n  lines: {\n    type: [Boolean, String] as PropType<'one' | 'two' | 'three' | false>,\n    default: 'one',\n  },\n  slim: Boolean,\n  prependGap: [Number, String],\n  indent: [Number, String],\n  nav: Boolean,\n  navigationStrategy: {\n    type: String as PropType<'focus' | 'track'>,\n    default: 'focus',\n  },\n  navigationIndex: Number,\n\n  'onClick:open': EventProp<[{ id: unknown, value: boolean, path: unknown[] }]>(),\n  'onClick:select': EventProp<[{ id: unknown, value: boolean, path: unknown[] }]>(),\n  'onUpdate:opened': EventProp<[unknown]>(),\n  ...makeNestedProps({\n    selectStrategy: 'single-leaf' as const,\n    openStrategy: 'list' as const,\n  }),\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeItemsProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'text' } as const),\n}, 'VList')\n\ntype ItemType<T> = T extends readonly (infer U)[] ? U : never\n\nexport const VList = genericComponent<new <S, A, O, T extends readonly any[]>(\n  props: {\n    items?: T\n    itemTitle?: SelectItemKey<ItemType<T>>\n    itemValue?: SelectItemKey<ItemType<T>>\n    itemChildren?: SelectItemKey<ItemType<T>>\n    itemProps?: SelectItemKey<ItemType<T>>\n    selected?: S\n    activated?: A\n    opened?: O\n    'onUpdate:selected'?: (value: S) => void\n    'onUpdate:activated'?: (value: A) => void\n    'onUpdate:opened'?: (value: O) => void\n    'onClick:open'?: (value: { id: unknown, value: boolean, path: unknown[] }) => void\n    'onClick:select'?: (value: { id: unknown, value: boolean, path: unknown[] }) => void\n  },\n  slots: VListChildrenSlots<ItemType<T>>\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VList',\n\n  props: makeVListProps(),\n\n  emits: {\n    'update:selected': (value: unknown) => true,\n    'update:activated': (value: unknown) => true,\n    'update:opened': (value: unknown) => true,\n    'update:navigationIndex': (value: number) => true,\n    'click:open': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n    'click:activate': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n    'click:select': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n  },\n\n  setup (props, { attrs, slots, emit }) {\n    const { items } = useListItems(props)\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.bgColor)\n    const { borderClasses } = useBorder(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    const { children, open, parents, select, getPath } = useNested(props, {\n      items,\n      returnObject: toRef(() => props.returnObject),\n      scrollToActive: toRef(() => props.navigationStrategy === 'track'),\n    })\n\n    const lineClasses = toRef(() => props.lines ? `v-list--${props.lines}-line` : undefined)\n    const activeColor = toRef(() => props.activeColor)\n    const baseColor = toRef(() => props.baseColor)\n    const color = toRef(() => props.color)\n    const isSelectable = toRef(() => (props.selectable || props.activatable))\n\n    const navigationIndex = useProxiedModel(\n      props,\n      'navigationIndex',\n      -1,\n      v => v ?? -1\n    )\n\n    const uid = useId()\n\n    createList({\n      filterable: props.filterable,\n      trackingIndex: navigationIndex,\n      navigationStrategy: toRef(() => props.navigationStrategy),\n      uid,\n    })\n\n    watch(items, () => {\n      if (props.navigationStrategy === 'track') {\n        navigationIndex.value = -1\n      }\n    })\n\n    provideDefaults({\n      VListGroup: {\n        activeColor,\n        baseColor,\n        color,\n        expandIcon: toRef(() => props.expandIcon),\n        collapseIcon: toRef(() => props.collapseIcon),\n      },\n      VListItem: {\n        activeClass: toRef(() => props.activeClass),\n        activeColor,\n        baseColor,\n        color,\n        density: toRef(() => props.density),\n        disabled: toRef(() => props.disabled),\n        lines: toRef(() => props.lines),\n        nav: toRef(() => props.nav),\n        slim: toRef(() => props.slim),\n        variant: toRef(() => props.variant),\n        tabindex: toRef(() => props.navigationStrategy === 'track' ? -1 : undefined),\n      },\n    })\n\n    const isFocused = shallowRef(false)\n    const contentRef = ref<HTMLElement>()\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n\n    function onFocusout (e: FocusEvent) {\n      isFocused.value = false\n    }\n\n    function onFocus (e: FocusEvent) {\n      if (props.navigationStrategy === 'track') {\n        if (!~navigationIndex.value) {\n          navigationIndex.value = getNextIndex('first')\n        }\n      } else if (\n        !isFocused.value &&\n        !(e.relatedTarget && contentRef.value?.contains(e.relatedTarget as Node))\n      ) focus()\n    }\n\n    function onBlur () {\n      if (props.navigationStrategy === 'track') {\n        navigationIndex.value = -1\n      }\n    }\n\n    function getNavigationDirection (key: string): 'next' | 'prev' | 'first' | 'last' | null {\n      switch (key) {\n        case 'ArrowDown': return 'next'\n        case 'ArrowUp': return 'prev'\n        case 'Home': return 'first'\n        case 'End': return 'last'\n        default: return null\n      }\n    }\n\n    function getNextIndex (direction: 'next' | 'prev' | 'first' | 'last'): number {\n      const itemCount = items.value.length\n      if (itemCount === 0) return -1\n\n      let nextIndex: number\n\n      if (direction === 'first') {\n        nextIndex = 0\n      } else if (direction === 'last') {\n        nextIndex = itemCount - 1\n      } else {\n        nextIndex = navigationIndex.value + (direction === 'next' ? 1 : -1)\n\n        if (nextIndex < 0) nextIndex = itemCount - 1\n        if (nextIndex >= itemCount) nextIndex = 0\n      }\n\n      const startIndex = nextIndex\n      let attempts = 0\n      while (attempts < itemCount) {\n        const item = items.value[nextIndex]\n        if (item && item.type !== 'divider' && item.type !== 'subheader') {\n          return nextIndex\n        }\n        nextIndex += direction === 'next' || direction === 'first' ? 1 : -1\n        if (nextIndex < 0) nextIndex = itemCount - 1\n        if (nextIndex >= itemCount) nextIndex = 0\n        if (nextIndex === startIndex) return -1\n        attempts++\n      }\n\n      return -1\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      const target = e.target as HTMLElement\n\n      if (!contentRef.value ||\n        (target.tagName === 'INPUT' && ['Home', 'End'].includes(e.key)) ||\n        target.tagName === 'TEXTAREA') {\n        return\n      }\n\n      const direction = getNavigationDirection(e.key)\n\n      if (direction !== null) {\n        e.preventDefault()\n        if (props.navigationStrategy === 'track') {\n          const nextIndex = getNextIndex(direction)\n          if (nextIndex !== -1) {\n            navigationIndex.value = nextIndex\n          }\n        } else {\n          focus(direction)\n        }\n      }\n    }\n\n    function onMousedown (e: MouseEvent) {\n      isFocused.value = true\n    }\n\n    function focus (location?: 'next' | 'prev' | 'first' | 'last' | number) {\n      if (contentRef.value) {\n        return focusChild(contentRef.value, location)\n      }\n    }\n\n    useRender(() => {\n      const ariaMultiselectable = isSelectable.value\n        ? attrs.ariaMultiselectable ?? !String(props.selectStrategy).startsWith('single-')\n        : undefined\n\n      return (\n        <props.tag\n          ref={ contentRef }\n          class={[\n            'v-list',\n            {\n              'v-list--disabled': props.disabled,\n              'v-list--nav': props.nav,\n              'v-list--slim': props.slim,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            lineClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={[\n            {\n              '--v-list-indent': convertToUnit(props.indent),\n              '--v-list-prepend-gap': convertToUnit(props.prependGap),\n            },\n            backgroundColorStyles.value,\n            dimensionStyles.value,\n            props.style,\n          ]}\n          tabindex={ props.disabled ? -1 : 0 }\n          role={ isSelectable.value ? 'listbox' : 'list' }\n          aria-activedescendant={\n            props.navigationStrategy === 'track' && navigationIndex.value >= 0\n              ? `v-list-item-${uid}-${navigationIndex.value}`\n              : undefined\n          }\n          aria-multiselectable={ ariaMultiselectable }\n          onFocusin={ onFocusin }\n          onFocusout={ onFocusout }\n          onFocus={ onFocus }\n          onBlur={ onBlur }\n          onKeydown={ onKeydown }\n          onMousedown={ onMousedown }\n        >\n          <VListChildren\n            items={ items.value }\n            returnObject={ props.returnObject }\n            v-slots={ slots }\n          />\n        </props.tag>\n      )\n    })\n\n    return {\n      open,\n      select,\n      focus,\n      children,\n      parents,\n      getPath,\n      navigationIndex,\n    }\n  },\n})\n\nexport type VList = InstanceType<typeof VList>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VList.js","names":["VListChildren","createList","makeBorderProps","useBorder","useBackgroundColor","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","IconValue","makeItemsProps","makeNestedProps","useNested","useProxiedModel","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","computed","ref","shallowRef","toRef","useId","watch","convertToUnit","EventProp","focusChild","genericComponent","getPropertyFromItem","isPrimitive","omit","propsFactory","useRender","itemTypes","Set","transformItem","props","item","title","itemTitle","value","itemValue","undefined","children","itemChildren","itemProps","type","itemType","has","_props","transformItems","raw","items","array","push","useListItems","makeVListProps","baseColor","String","activeColor","activeClass","bgColor","disabled","Boolean","filterable","expandIcon","collapseIcon","lines","default","slim","prependGap","Number","indent","nav","navigationStrategy","navigationIndex","selectStrategy","openStrategy","variant","VList","name","emits","setup","_ref","attrs","slots","emit","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","open","parents","select","getPath","returnObject","scrollToActive","lineClasses","color","isSelectable","selectable","activatable","v","uid","trackingIndex","VListGroup","VListItem","density","tabindex","isFocused","contentRef","onFocusin","e","onFocusout","onFocus","getNextIndex","relatedTarget","contains","focus","onBlur","getNavigationDirection","key","direction","itemCount","length","nextIndex","startIndex","attempts","onKeydown","target","tagName","includes","preventDefault","onMousedown","location","ariaMultiselectable","startsWith","_createVNode","tag","_normalizeClass","class","_normalizeStyle","style"],"sources":["../../../src/components/VList/VList.tsx"],"sourcesContent":["// Styles\nimport './VList.sass'\n\n// Components\nimport { VListChildren } from './VListChildren'\n\n// Composables\nimport { createList } from './list'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { IconValue } from '@/composables/icons'\nimport { makeItemsProps } from '@/composables/list-items'\nimport { makeNestedProps, useNested } from '@/composables/nested/nested'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\n\n// Utilities\nimport { computed, ref, shallowRef, toRef, useId, watch } from 'vue'\nimport {\n  convertToUnit,\n  EventProp,\n  focusChild,\n  genericComponent,\n  getPropertyFromItem,\n  isPrimitive,\n  omit,\n  propsFactory,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VListChildrenSlots } from './VListChildren'\nimport type { ItemProps, ListItem } from '@/composables/list-items'\nimport type { GenericProps, SelectItemKey } from '@/util'\n\nexport interface InternalListItem<T = any> extends ListItem<T> {}\n\nconst itemTypes = new Set(['item', 'divider', 'subheader'])\n\nfunction transformItem (props: ItemProps, item: any): ListItem {\n  const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle)\n  const value = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemValue, undefined)\n  const children = getPropertyFromItem(item, props.itemChildren)\n  const itemProps = props.itemProps === true\n    ? omit(item, ['children'])\n    : getPropertyFromItem(item, props.itemProps)\n\n  let type = getPropertyFromItem(item, props.itemType, 'item')\n  if (!itemTypes.has(type)) {\n    type = 'item'\n  }\n\n  const _props = {\n    title,\n    value,\n    ...itemProps,\n  }\n\n  return {\n    type,\n    title: _props.title,\n    value: _props.value,\n    props: _props,\n    children: type === 'item' && children ? transformItems(props, children) : undefined,\n    raw: item,\n  }\n}\n\nfunction transformItems (props: ItemProps, items: (string | object)[]) {\n  const array: InternalListItem[] = []\n\n  for (const item of items) {\n    array.push(transformItem(props, item))\n  }\n\n  return array\n}\n\nexport function useListItems (props: ItemProps) {\n  const items = computed(() => transformItems(props, props.items))\n\n  return { items }\n}\n\nexport const makeVListProps = propsFactory({\n  baseColor: String,\n  /* @deprecated */\n  activeColor: String,\n  activeClass: String,\n  bgColor: String,\n  disabled: Boolean,\n  filterable: Boolean,\n  expandIcon: IconValue,\n  collapseIcon: IconValue,\n  lines: {\n    type: [Boolean, String] as PropType<'one' | 'two' | 'three' | false>,\n    default: 'one',\n  },\n  slim: Boolean,\n  prependGap: [Number, String],\n  indent: [Number, String],\n  nav: Boolean,\n  navigationStrategy: {\n    type: String as PropType<'focus' | 'track'>,\n    default: 'focus',\n  },\n  navigationIndex: Number,\n\n  'onClick:open': EventProp<[{ id: unknown, value: boolean, path: unknown[] }]>(),\n  'onClick:select': EventProp<[{ id: unknown, value: boolean, path: unknown[] }]>(),\n  'onUpdate:opened': EventProp<[unknown]>(),\n  ...makeNestedProps({\n    selectStrategy: 'single-leaf' as const,\n    openStrategy: 'list' as const,\n  }),\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeItemsProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'text' } as const),\n}, 'VList')\n\ntype ItemType<T> = T extends readonly (infer U)[] ? U : never\n\nexport const VList = genericComponent<new <S, A, O, T extends readonly any[]>(\n  props: {\n    items?: T\n    itemTitle?: SelectItemKey<ItemType<T>>\n    itemValue?: SelectItemKey<ItemType<T>>\n    itemChildren?: SelectItemKey<ItemType<T>>\n    itemProps?: SelectItemKey<ItemType<T>>\n    selected?: S\n    activated?: A\n    opened?: O\n    'onUpdate:selected'?: (value: S) => void\n    'onUpdate:activated'?: (value: A) => void\n    'onUpdate:opened'?: (value: O) => void\n    'onClick:open'?: (value: { id: unknown, value: boolean, path: unknown[] }) => void\n    'onClick:select'?: (value: { id: unknown, value: boolean, path: unknown[] }) => void\n  },\n  slots: VListChildrenSlots<ItemType<T>>\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VList',\n\n  props: makeVListProps(),\n\n  emits: {\n    'update:selected': (value: unknown) => true,\n    'update:activated': (value: unknown) => true,\n    'update:opened': (value: unknown) => true,\n    'update:navigationIndex': (value: number) => true,\n    'click:open': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n    'click:activate': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n    'click:select': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n  },\n\n  setup (props, { attrs, slots, emit }) {\n    const { items } = useListItems(props)\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.bgColor)\n    const { borderClasses } = useBorder(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    const { children, open, parents, select, getPath } = useNested(props, {\n      items,\n      returnObject: toRef(() => props.returnObject),\n      scrollToActive: toRef(() => props.navigationStrategy === 'track'),\n    })\n\n    const lineClasses = toRef(() => props.lines ? `v-list--${props.lines}-line` : undefined)\n    const activeColor = toRef(() => props.activeColor)\n    const baseColor = toRef(() => props.baseColor)\n    const color = toRef(() => props.color)\n    const isSelectable = toRef(() => (props.selectable || props.activatable))\n\n    const navigationIndex = useProxiedModel(\n      props,\n      'navigationIndex',\n      -1,\n      v => v ?? -1\n    )\n\n    const uid = useId()\n\n    createList({\n      filterable: props.filterable,\n      trackingIndex: navigationIndex,\n      navigationStrategy: toRef(() => props.navigationStrategy),\n      uid,\n    })\n\n    watch(items, () => {\n      if (props.navigationStrategy === 'track') {\n        navigationIndex.value = -1\n      }\n    })\n\n    provideDefaults({\n      VListGroup: {\n        activeColor,\n        baseColor,\n        color,\n        expandIcon: toRef(() => props.expandIcon),\n        collapseIcon: toRef(() => props.collapseIcon),\n      },\n      VListItem: {\n        activeClass: toRef(() => props.activeClass),\n        activeColor,\n        baseColor,\n        color,\n        density: toRef(() => props.density),\n        disabled: toRef(() => props.disabled),\n        lines: toRef(() => props.lines),\n        nav: toRef(() => props.nav),\n        slim: toRef(() => props.slim),\n        variant: toRef(() => props.variant),\n        tabindex: toRef(() => props.navigationStrategy === 'track' ? -1 : undefined),\n      },\n    })\n\n    const isFocused = shallowRef(false)\n    const contentRef = ref<HTMLElement>()\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n\n    function onFocusout (e: FocusEvent) {\n      isFocused.value = false\n    }\n\n    function onFocus (e: FocusEvent) {\n      if (props.navigationStrategy === 'track') {\n        if (!~navigationIndex.value) {\n          navigationIndex.value = getNextIndex('first')\n        }\n      } else if (\n        !isFocused.value &&\n        !(e.relatedTarget && contentRef.value?.contains(e.relatedTarget as Node))\n      ) focus()\n    }\n\n    function onBlur () {\n      if (props.navigationStrategy === 'track') {\n        navigationIndex.value = -1\n      }\n    }\n\n    function getNavigationDirection (key: string): 'next' | 'prev' | 'first' | 'last' | null {\n      switch (key) {\n        case 'ArrowDown': return 'next'\n        case 'ArrowUp': return 'prev'\n        case 'Home': return 'first'\n        case 'End': return 'last'\n        default: return null\n      }\n    }\n\n    function getNextIndex (direction: 'next' | 'prev' | 'first' | 'last'): number {\n      const itemCount = items.value.length\n      if (itemCount === 0) return -1\n\n      let nextIndex: number\n\n      if (direction === 'first') {\n        nextIndex = 0\n      } else if (direction === 'last') {\n        nextIndex = itemCount - 1\n      } else {\n        nextIndex = navigationIndex.value + (direction === 'next' ? 1 : -1)\n\n        if (nextIndex < 0) nextIndex = itemCount - 1\n        if (nextIndex >= itemCount) nextIndex = 0\n      }\n\n      const startIndex = nextIndex\n      let attempts = 0\n      while (attempts < itemCount) {\n        const item = items.value[nextIndex]\n        if (item && item.type !== 'divider' && item.type !== 'subheader') {\n          return nextIndex\n        }\n        nextIndex += direction === 'next' || direction === 'first' ? 1 : -1\n        if (nextIndex < 0) nextIndex = itemCount - 1\n        if (nextIndex >= itemCount) nextIndex = 0\n        if (nextIndex === startIndex) return -1\n        attempts++\n      }\n\n      return -1\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      const target = e.target as HTMLElement\n\n      if (!contentRef.value ||\n        (target.tagName === 'INPUT' && ['Home', 'End'].includes(e.key)) ||\n        target.tagName === 'TEXTAREA') {\n        return\n      }\n\n      const direction = getNavigationDirection(e.key)\n\n      if (direction !== null) {\n        e.preventDefault()\n        if (props.navigationStrategy === 'track') {\n          const nextIndex = getNextIndex(direction)\n          if (nextIndex !== -1) {\n            navigationIndex.value = nextIndex\n          }\n        } else {\n          focus(direction)\n        }\n      }\n    }\n\n    function onMousedown (e: MouseEvent) {\n      isFocused.value = true\n    }\n\n    function focus (location?: 'next' | 'prev' | 'first' | 'last' | number) {\n      if (contentRef.value) {\n        return focusChild(contentRef.value, location)\n      }\n    }\n\n    useRender(() => {\n      const indent = props.indent ??\n        (props.prependGap\n          ? Number(props.prependGap) + 24\n          : undefined)\n\n      const ariaMultiselectable = isSelectable.value\n        ? attrs.ariaMultiselectable ?? !String(props.selectStrategy).startsWith('single-')\n        : undefined\n\n      return (\n        <props.tag\n          ref={ contentRef }\n          class={[\n            'v-list',\n            {\n              'v-list--disabled': props.disabled,\n              'v-list--nav': props.nav,\n              'v-list--slim': props.slim,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            lineClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={[\n            {\n              '--v-list-indent': convertToUnit(indent),\n              '--v-list-group-prepend': indent ? '0px' : undefined,\n              '--v-list-prepend-gap': convertToUnit(props.prependGap),\n            },\n            backgroundColorStyles.value,\n            dimensionStyles.value,\n            props.style,\n          ]}\n          tabindex={ props.disabled ? -1 : 0 }\n          role={ isSelectable.value ? 'listbox' : 'list' }\n          aria-activedescendant={\n            props.navigationStrategy === 'track' && navigationIndex.value >= 0\n              ? `v-list-item-${uid}-${navigationIndex.value}`\n              : undefined\n          }\n          aria-multiselectable={ ariaMultiselectable }\n          onFocusin={ onFocusin }\n          onFocusout={ onFocusout }\n          onFocus={ onFocus }\n          onBlur={ onBlur }\n          onKeydown={ onKeydown }\n          onMousedown={ onMousedown }\n        >\n          <VListChildren\n            items={ items.value }\n            returnObject={ props.returnObject }\n            v-slots={ slots }\n          />\n        </props.tag>\n      )\n    })\n\n    return {\n      open,\n      select,\n      focus,\n      children,\n      parents,\n      getPath,\n      navigationIndex,\n    }\n  },\n})\n\nexport type VList = InstanceType<typeof VList>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VList/VList.sass

@@ -4,9 +4,6 @@
 
 @include tools.layer('components')
   .v-list
-    --v-list-prepend-gap: #{$list-item-prepend-size}
-    --v-list-indent: calc(var(--v-list-prepend-gap) + #{$list-item-prepend-icon-size})
-
     overflow: auto
     padding: $list-padding
     position: relative
@@ -17,9 +14,6 @@
     @include tools.rounded($list-border-radius)
     @include tools.theme($list-theme...)
 
-    &--slim
-      --v-list-prepend-gap: #{$list-item-slim-prepend-size}
-
     &--disabled
       pointer-events: none
       user-select: none

package/lib/components/VList/VListItem.css

@@ -147,7 +147,7 @@
   display: flex;
   grid-area: prepend;
 }
-.v-list-item__prepend *:not(.v-treeview-indent-lines) ~ .v-list-item__spacer {
+.v-list-item__prepend * ~ .v-list-item__spacer {
   width: var(--v-list-prepend-gap);
 }
 .v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
@@ -441,14 +441,25 @@
 }
 
 .v-list-group {
+  --list-indent-size: 16px;
   --parent-padding: var(--indent-padding);
+  --prepend-width: var(--v-list-group-prepend, 40px);
 }
-.v-list-group--fluid > .v-list-group__items {
-  --indent-padding: 0px;
+.v-list--slim .v-list-group {
+  --prepend-width: var(--v-list-group-prepend, 28px);
+}
+.v-list-group--fluid {
+  --list-indent-size: 0px;
+}
+.v-list-group--prepend {
+  --parent-padding: calc(var(--indent-padding) + var(--prepend-width));
+}
+.v-list-group--fluid.v-list-group--prepend {
+  --parent-padding: var(--indent-padding);
 }
 
 .v-list-group__items {
-  --indent-padding: calc(var(--parent-padding) + var(--v-list-indent));
+  --indent-padding: calc(var(--parent-padding) + var(--v-list-indent, var(--list-indent-size)));
   min-width: min-content;
 }
 .v-navigation-drawer--rail .v-list-group__items {

package/lib/components/VList/VListItem.sass

@@ -79,7 +79,7 @@
     display: flex
     grid-area: prepend
 
-    *:not(.v-treeview-indent-lines) ~ .v-list-item__spacer
+    * ~ .v-list-item__spacer
       width: var(--v-list-prepend-gap)
 
     > .v-badge,
@@ -93,6 +93,7 @@
       ~ .v-list-item__spacer
         width: var(--v-list-prepend-gap, $list-item-avatar-margin-start)
 
+
     .v-list-item--slim &
       > .v-badge,
       > .v-icon,
@@ -311,13 +312,24 @@
       --indent-padding: -#{$list-nav-padding}
 
   .v-list-group
+    --list-indent-size: #{$list-indent-size}
     --parent-padding: var(--indent-padding)
+    --prepend-width: var(--v-list-group-prepend, #{$list-item-prepend-size})
+
+    .v-list--slim &
+      --prepend-width: var(--v-list-group-prepend, #{$list-item-slim-prepend-size})
+
+    &--fluid
+      --list-indent-size: 0px
+
+    &--prepend
+      --parent-padding: calc(var(--indent-padding) + var(--prepend-width))
 
-    &--fluid > .v-list-group__items
-      --indent-padding: 0px
+    &--fluid.v-list-group--prepend
+      --parent-padding: var(--indent-padding)
 
   .v-list-group__items
-    --indent-padding: calc(var(--parent-padding) + var(--v-list-indent))
+    --indent-padding: calc(var(--parent-padding) + var(--v-list-indent, var(--list-indent-size)))
     min-width: min-content
 
     .v-navigation-drawer--rail &

package/lib/components/VList/_variables.scss

@@ -43,9 +43,8 @@ $list-item-icon-opacity: var(--v-medium-emphasis-opacity) !default;
 $list-item-icon-active-opacity: 1 !default;
 $list-item-min-height: 40px !default;
 $list-item-padding: 4px 16px !default;
-$list-item-prepend-size: 32px !default;
-$list-item-slim-prepend-size: 20px !default;
-$list-item-prepend-icon-size: 24px !default;
+$list-item-prepend-size: 40px !default;
+$list-item-slim-prepend-size: 28px !default;
 $list-item-plain-opacity: .62 !default;
 $list-item-rounded-border-radius: map.get(settings.$rounded, null) !default;
 $list-item-one-line-min-height: 48px !default;

package/lib/components/VTreeview/VTreeviewItem.css

@@ -1,3 +1,6 @@
+.v-treeview-item {
+  --list-indent-size: 28px;
+}
 .v-treeview-item.v-treeview-item--filtered {
   display: none;
 }
@@ -7,27 +10,32 @@
 .v-treeview-item.v-list-item--disabled:not(a) .v-selection-control {
   pointer-events: none;
 }
-.v-treeview-item .v-list-item-action--start {
-  margin-inline: -4px 4px;
+.v-treeview-item__level {
+  width: 28px;
+}
+.v-treeview--fluid .v-treeview-item__level {
+  width: 0;
 }
 
 .v-treeview {
   --v-treeview-indent-line-color: rgb(var(--v-theme-on-surface));
   --v-treeview-indent-line-opacity: 0.4;
-  --v-list-prepend-gap: 10px;
+}
+.v-treeview.v-list {
+  --indent-padding: 16px;
 }
 .v-treeview.v-list--disabled .v-list-item__prepend {
   pointer-events: auto;
 }
+.v-treeview .v-list-item--slim > .v-list-item__prepend > .v-icon ~ .v-list-item__spacer {
+  width: var(--v-list-prepend-gap, 10px);
+}
 .v-treeview .v-list-item--slim > .v-list-item__prepend:not(:has(.v-list-item-action)) > .v-icon {
-  margin-inline-start: -2px;
+  margin-inline-start: -6px;
 }
 .v-treeview:has(.v-treeview-indent-lines) .v-list-item-action:first-child > .v-selection-control,
 .v-treeview:has(.v-treeview-indent-lines) .v-treeview-indent-lines + .v-list-item-action > .v-selection-control {
-  margin-inline: min(0px, -1 * (var(--v-selection-control-size) - var(--v-list-indent)) / 2);
-}
-.v-treeview .v-list-group > .v-list-group__header:not(:has(.v-list-item-action + .v-list-item__spacer)) + .v-list-group__items > .v-list-item > .v-list-item__prepend > .v-list-item-action:has(.v-treeview-item__level) + .v-list-item__spacer, .v-treeview:not(.v-treeview--fluid) .v-list-group > .v-list-group__header:has(.v-list-item-action + .v-list-item__spacer) + .v-list-group__items > .v-list-item > .v-list-item__prepend > .v-list-item-action:has(.v-treeview-item__level) + .v-list-item__spacer {
-  width: 0;
+  margin-inline: min(0px, -1 * (var(--v-selection-control-size) - 28px) / 2);
 }
 
 .v-treeview-indent-lines {
@@ -35,9 +43,9 @@
   inset-inline-start: 0;
   height: 100%;
   display: grid;
-  padding-inline-start: 12px;
+  padding-inline-start: 8px;
   padding-block: 0;
-  grid-template-columns: repeat(var(--v-indent-parts, 1), var(--v-list-indent));
+  grid-template-columns: repeat(var(--v-indent-parts, 1), var(--prepend-width));
   opacity: var(--v-treeview-indent-line-opacity);
   pointer-events: none;
 }
@@ -48,7 +56,7 @@
 .v-treeview-indent-line--leaf, .v-treeview-indent-line--line {
   border-inline-start-width: 1px;
   height: 100%;
-  width: calc(100% - 28px / 2 + 1px);
+  width: calc(50% + 1px);
   justify-self: end;
 }
 .v-treeview-indent-line--leaf {
@@ -68,13 +76,13 @@
   border-bottom-width: 1px;
   height: calc(50% + 1px);
   margin-inline-start: 0;
-  margin-inline-end: calc(100% - 24px);
+  margin-inline-end: 6px;
 }
 .v-treeview-indent-line--last-leaf {
   border-inline-start-width: 1px;
   border-bottom-width: 1px;
   height: calc(50% + 1px);
-  margin-inline-start: calc(24px / 2 + 1px);
+  margin-inline-start: calc(50% - 1px);
   border-bottom-left-radius: 4px;
 }
 .v-locale--is-rtl.v-treeview-indent-line--last-leaf, .v-locale--is-rtl .v-treeview-indent-line--last-leaf {
@@ -86,15 +94,12 @@
   margin-inline-end: 4px;
 }
 
-.v-treeview-group.v-list-group .v-list-group__items > .v-list-item {
-  --indent-padding: calc(var(--parent-padding) + var(--v-list-indent));
-}
-.v-treeview--fluid .v-treeview-group.v-list-group .v-list-group__items > .v-list-item {
-  --indent-padding: var(--v-list-indent);
+.v-treeview-group.v-list-group {
+  --list-indent-size: 0px;
 }
-.v-treeview-group.v-list-group:has(> .v-list-item .v-list-item-action > .v-btn) > .v-list-group__items > .v-list-item {
-  --indent-padding: calc(var(--parent-padding) + var(--v-list-indent) + 28px);
+.v-treeview-group.v-list-group > .v-treeview-item__level {
+  width: 0px;
 }
-.v-treeview--fluid .v-treeview-group.v-list-group:has(> .v-list-item .v-list-item-action > .v-btn) > .v-list-group__items > .v-list-item {
-  --indent-padding: calc(var(--parent-padding) + 28px);
+.v-treeview-group.v-list-group .v-list-group__items .v-list-item {
+  padding-inline-start: calc(var(--indent-padding)) !important;
 }

package/lib/components/VTreeview/VTreeviewItem.sass

@@ -3,7 +3,7 @@
 
 @include tools.layer('components')
   .v-treeview-item
-
+    --list-indent-size: #{$treeview-indent-size}
     &.v-treeview-item--filtered
       display: none
 
@@ -13,18 +13,27 @@
       .v-selection-control
         pointer-events: none
 
-    .v-list-item-action--start
-      margin-inline: -4px 4px
+
+    &__level
+      width: #{$treeview-indent-size}
+
+      .v-treeview--fluid &
+        width: 0
 
   .v-treeview
     --v-treeview-indent-line-color: #{$treeview-indent-line-color}
     --v-treeview-indent-line-opacity: #{$treeview-indent-lines-opacity}
-    --v-list-prepend-gap: #{$treeview-prepend-gap}
+
+    &.v-list
+      --indent-padding: #{$treeview-indent-padding}
 
     &.v-list--disabled .v-list-item__prepend
       pointer-events: auto
 
     .v-list-item--slim > .v-list-item__prepend
+      > .v-icon ~ .v-list-item__spacer
+        width: var(--v-list-prepend-gap, $treeview-item-spacer-width)
+
       &:not(:has(.v-list-item-action))
         > .v-icon
           margin-inline-start: $treeview-item-first-icon-margin-start
@@ -33,15 +42,7 @@
       .v-list-item-action:first-child,
       .v-treeview-indent-lines + .v-list-item-action
         > .v-selection-control
-          margin-inline: min(0px, calc(-1 * (var(--v-selection-control-size) - var(--v-list-indent)) / 2))
-
-    // complex selector to keep showing spacer when fluid is used in basic scenario (no checkboxes, no icons)
-    // it is a heacache to understand because it describes conditions to hide the spacer (counter intuitive)
-    .v-list-group > .v-list-group__header:not(:has(.v-list-item-action + .v-list-item__spacer)),
-    &:not(&--fluid) .v-list-group > .v-list-group__header:has(.v-list-item-action + .v-list-item__spacer)
-      + .v-list-group__items > .v-list-item > .v-list-item__prepend
-        > .v-list-item-action:has(.v-treeview-item__level) + .v-list-item__spacer
-            width: 0
+          margin-inline: min(0px, calc(-1 * (var(--v-selection-control-size) - #{$treeview-indent-size}) / 2))
 
   .v-treeview-indent-lines
     position: absolute
@@ -50,7 +51,7 @@
     display: grid
     padding-inline-start: $treeview-indent-lines-padding-left
     padding-block: $treeview-indent-lines-gap
-    grid-template-columns: repeat(var(--v-indent-parts, 1), var(--v-list-indent))
+    grid-template-columns: repeat(var(--v-indent-parts, 1), var(--prepend-width))
     opacity: var(--v-treeview-indent-line-opacity)
     pointer-events: none
 
@@ -63,7 +64,7 @@
     &--line
       border-inline-start-width: $treeview-indent-line-width
       height: 100%
-      width: calc(100% - #{$treeview-action-width} / 2 + #{$treeview-indent-line-width-half})
+      width: calc(50% + #{$treeview-indent-line-width-half})
       justify-self: end
 
     &--leaf
@@ -83,13 +84,13 @@
       border-bottom-width: $treeview-indent-line-width
       height: calc(50% + #{$treeview-indent-line-width-half})
       margin-inline-start: $treeview-indent-lines-gap
-      margin-inline-end: calc(100% - #{$treeview-indent-line-leaf-link-width})
+      margin-inline-end: $treeview-indent-line-leaf-link-margin-right
 
     &--last-leaf
       border-inline-start-width: $treeview-indent-line-width
       border-bottom-width: $treeview-indent-line-width
       height: calc(50% + #{$treeview-indent-line-width-half})
-      margin-inline-start: calc(#{$treeview-indent-line-leaf-link-width} / 2 + #{$treeview-indent-line-width-half})
+      margin-inline-start: calc(50% - #{$treeview-indent-line-width-half})
       border-bottom-left-radius: $treeview-indent-line-border-radius
 
       @include tools.rtl()
@@ -100,14 +101,10 @@
         margin-inline-end: $treeview-indent-line-leaf-margin-right
 
   .v-treeview-group.v-list-group
-    .v-list-group__items > .v-list-item
-      --indent-padding: calc(var(--parent-padding) + var(--v-list-indent))
+    --list-indent-size: 0px
 
-      .v-treeview--fluid &
-        --indent-padding: var(--v-list-indent)
+    & > .v-treeview-item__level
+      width: 0px
 
-    &:has(> .v-list-item .v-list-item-action > .v-btn) > .v-list-group__items > .v-list-item
-      --indent-padding: calc(var(--parent-padding) + var(--v-list-indent) + #{$treeview-action-width})
-
-      .v-treeview--fluid &
-        --indent-padding: calc(var(--parent-padding) + #{$treeview-action-width})
+    .v-list-group__items .v-list-item
+      padding-inline-start: calc(var(--indent-padding)) !important

package/lib/components/VTreeview/_variables.scss

@@ -2,18 +2,18 @@
 @use 'sass:math';
 
 $treeview-item-spacer-width: 10px !default;
-$treeview-item-first-icon-margin-start: -2px !default;
+$treeview-item-first-icon-margin-start: -6px !default;
 
-$treeview-prepend-gap: 10px !default;
-$treeview-action-width: 28px !default; // expand toggle VBtn
+$treeview-indent-size: 28px !default; // 28px here to match the width of the expand toggle VBtn.
+$treeview-indent-padding: 16px !default;
 
-$treeview-indent-lines-padding-left: 12px !default;
+$treeview-indent-lines-padding-left: 8px !default;
 $treeview-indent-lines-gap: 0 !default;
 $treeview-indent-lines-opacity: .4 !default;
 $treeview-indent-line-width: 1px !default;
 $treeview-indent-line-width-half: math.round(math.div($treeview-indent-line-width, 2)) !default;
 $treeview-indent-line-color: rgb(var(--v-theme-on-surface)) !default;
 $treeview-indent-line-style: solid !default;
-$treeview-indent-line-leaf-link-width: 24px !default;
+$treeview-indent-line-leaf-link-margin-right: 6px !default;
 $treeview-indent-line-leaf-margin-right: 4px !default;
 $treeview-indent-line-border-radius: 4px !default;

package/lib/entry-bundler.js

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.12.0";
+export const version = "3.12.1";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";