@vuetify/nightly 3.9.3-dev.2025-07-31 → 3.9.3-dev.2025-08-02

package/lib/components/VDataIterator/VDataIterator.d.ts

@@ -28,6 +28,7 @@ type VDataIteratorSlotProps<T> = {
     isGroupOpen: ReturnType<typeof provideGroupBy>['isGroupOpen'];
     toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup'];
     items: readonly DataIteratorItem<T>[];
+    itemsCount: number;
     groupedItems: readonly (DataIteratorItem<T> | Group<DataIteratorItem<T>>)[];
 };
 export type VDataIteratorSlots<T> = {

package/lib/components/VDataIterator/VDataIterator.js

@@ -161,6 +161,7 @@ export const VDataIterator = genericComponent()({
       isGroupOpen,
       toggleGroup,
       items: paginatedItemsWithoutGroups.value,
+      itemsCount: filteredItems.value.length,
       groupedItems: paginatedItems.value
     }));
     useRender(() => _createVNode(props.tag, {

package/lib/components/VDataIterator/VDataIterator.js.map

@@ -1 +1 @@
-{"version":3,"file":"VDataIterator.js","names":["VFadeTransition","makeDataTableExpandProps","provideExpanded","makeDataTableGroupProps","provideGroupBy","useGroupedItems","useOptions","createPagination","makeDataTablePaginateProps","providePagination","usePaginatedItems","makeDataTableSelectProps","provideSelection","createSort","makeDataTableSortProps","provideSort","useSortedItems","makeDataIteratorItemsProps","useDataIteratorItems","makeComponentProps","makeFilterProps","useFilter","LoaderSlot","useProxiedModel","makeTagProps","makeTransitionProps","MaybeTransition","computed","toRef","genericComponent","propsFactory","useRender","makeVDataIteratorProps","search","String","loading","Boolean","itemsPerPage","transition","component","hideOnLeave","VDataIterator","name","props","emits","value","setup","_ref","slots","groupBy","items","filteredItems","transform","item","raw","sortBy","multiSort","mustSort","page","toggleSort","sortByWithGroups","opened","extractRows","isGroupOpen","toggleGroup","sortedItems","flatItems","itemsLength","length","startIndex","stopIndex","pageCount","prevPage","nextPage","setItemsPerPage","setPage","paginatedItems","paginatedItemsWithoutGroups","isSelected","select","selectAll","toggleSelect","allItems","currentPage","isExpanded","toggleExpand","slotProps","groupedItems","_createVNode","tag","_normalizeClass","class","_normalizeStyle","style","default","header","loader","_createElementVNode","footer"],"sources":["../../../src/components/VDataIterator/VDataIterator.tsx"],"sourcesContent":["// Components\nimport { VFadeTransition } from '@/components/transitions'\nimport { makeDataTableExpandProps, provideExpanded } from '@/components/VDataTable/composables/expand'\nimport { makeDataTableGroupProps, provideGroupBy, useGroupedItems } from '@/components/VDataTable/composables/group'\nimport { useOptions } from '@/components/VDataTable/composables/options'\nimport {\n  createPagination,\n  makeDataTablePaginateProps,\n  providePagination,\n  usePaginatedItems,\n} from '@/components/VDataTable/composables/paginate'\nimport { makeDataTableSelectProps, provideSelection } from '@/components/VDataTable/composables/select'\nimport { createSort, makeDataTableSortProps, provideSort, useSortedItems } from '@/components/VDataTable/composables/sort'\n\n// Composables\nimport { makeDataIteratorItemsProps, useDataIteratorItems } from './composables/items'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { LoaderSlot } from '@/composables/loader'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { Component } from 'vue'\nimport type { DataIteratorItem } from './composables/items'\nimport type { Group } from '@/components/VDataTable/composables/group'\nimport type { SortItem } from '@/components/VDataTable/composables/sort'\nimport type { LoaderSlotProps } from '@/composables/loader'\nimport type { GenericProps } from '@/util'\n\ntype VDataIteratorSlotProps<T> = {\n  page: number\n  itemsPerPage: number\n  sortBy: readonly SortItem[]\n  pageCount: number\n  toggleSort: ReturnType<typeof provideSort>['toggleSort']\n  prevPage: ReturnType<typeof providePagination>['prevPage']\n  nextPage: ReturnType<typeof providePagination>['nextPage']\n  setPage: ReturnType<typeof providePagination>['setPage']\n  setItemsPerPage: ReturnType<typeof providePagination>['setItemsPerPage']\n  isSelected: ReturnType<typeof provideSelection>['isSelected']\n  select: ReturnType<typeof provideSelection>['select']\n  selectAll: ReturnType<typeof provideSelection>['selectAll']\n  toggleSelect: ReturnType<typeof provideSelection>['toggleSelect']\n  isExpanded: ReturnType<typeof provideExpanded>['isExpanded']\n  toggleExpand: ReturnType<typeof provideExpanded>['toggleExpand']\n  isGroupOpen: ReturnType<typeof provideGroupBy>['isGroupOpen']\n  toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup']\n  items: readonly DataIteratorItem<T>[]\n  groupedItems: readonly (DataIteratorItem<T> | Group<DataIteratorItem<T>>)[]\n}\n\nexport type VDataIteratorSlots<T> = {\n  default: VDataIteratorSlotProps<T>\n  header: VDataIteratorSlotProps<T>\n  footer: VDataIteratorSlotProps<T>\n  loader: LoaderSlotProps\n  'no-data': never\n}\n\nexport const makeVDataIteratorProps = propsFactory({\n  search: String,\n  loading: Boolean,\n\n  ...makeComponentProps(),\n  ...makeDataIteratorItemsProps(),\n  ...makeDataTableSelectProps(),\n  ...makeDataTableSortProps(),\n  ...makeDataTablePaginateProps({ itemsPerPage: 5 }),\n  ...makeDataTableExpandProps(),\n  ...makeDataTableGroupProps(),\n  ...makeFilterProps(),\n  ...makeTagProps(),\n  ...makeTransitionProps({\n    transition: {\n      component: VFadeTransition as Component,\n      hideOnLeave: true,\n    },\n  }),\n}, 'VDataIterator')\n\nexport const VDataIterator = genericComponent<new <T> (\n  props: {\n    items?: readonly T[]\n  },\n  slots: VDataIteratorSlots<T>,\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VDataIterator',\n\n  props: makeVDataIteratorProps(),\n\n  emits: {\n    'update:modelValue': (value: any[]) => true,\n    'update:groupBy': (value: any) => true,\n    'update:page': (value: number) => true,\n    'update:itemsPerPage': (value: number) => true,\n    'update:sortBy': (value: any) => true,\n    'update:options': (value: any) => true,\n    'update:expanded': (value: any) => true,\n    'update:currentItems': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const groupBy = useProxiedModel(props, 'groupBy')\n    const search = toRef(() => props.search)\n\n    const { items } = useDataIteratorItems(props)\n    const { filteredItems } = useFilter(props, items, search, { transform: item => item.raw })\n\n    const { sortBy, multiSort, mustSort } = createSort(props)\n    const { page, itemsPerPage } = createPagination(props)\n\n    const { toggleSort } = provideSort({ sortBy, multiSort, mustSort, page })\n    const { sortByWithGroups, opened, extractRows, isGroupOpen, toggleGroup } = provideGroupBy({ groupBy, sortBy })\n\n    const { sortedItems } = useSortedItems(props, filteredItems, sortByWithGroups, { transform: item => item.raw })\n    const { flatItems } = useGroupedItems(sortedItems, groupBy, opened)\n\n    const itemsLength = toRef(() => flatItems.value.length)\n\n    const {\n      startIndex,\n      stopIndex,\n      pageCount,\n      prevPage,\n      nextPage,\n      setItemsPerPage,\n      setPage,\n    } = providePagination({ page, itemsPerPage, itemsLength })\n    const { paginatedItems } = usePaginatedItems({ items: flatItems, startIndex, stopIndex, itemsPerPage })\n\n    const paginatedItemsWithoutGroups = computed(() => extractRows(paginatedItems.value))\n\n    const {\n      isSelected,\n      select,\n      selectAll,\n      toggleSelect,\n    } = provideSelection(props, { allItems: items, currentPage: paginatedItemsWithoutGroups })\n    const { isExpanded, toggleExpand } = provideExpanded(props)\n\n    useOptions({\n      page,\n      itemsPerPage,\n      sortBy,\n      groupBy,\n      search,\n    })\n\n    const slotProps = computed(() => ({\n      page: page.value,\n      itemsPerPage: itemsPerPage.value,\n      sortBy: sortBy.value,\n      pageCount: pageCount.value,\n      toggleSort,\n      prevPage,\n      nextPage,\n      setPage,\n      setItemsPerPage,\n      isSelected,\n      select,\n      selectAll,\n      toggleSelect,\n      isExpanded,\n      toggleExpand,\n      isGroupOpen,\n      toggleGroup,\n      items: paginatedItemsWithoutGroups.value,\n      groupedItems: paginatedItems.value,\n    }))\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-data-iterator',\n          {\n            'v-data-iterator--loading': props.loading,\n          },\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.header?.(slotProps.value) }\n\n        <MaybeTransition transition={ props.transition }>\n          { props.loading ? (\n            <LoaderSlot key=\"loader\" name=\"v-data-iterator\" active>\n              { slotProps => slots.loader?.(slotProps) }\n            </LoaderSlot>\n          ) : (\n            <div key=\"items\">\n              { !paginatedItems.value.length\n                ? slots['no-data']?.()\n                : slots.default?.(slotProps.value)\n              }\n            </div>\n          )}\n        </MaybeTransition>\n\n        { slots.footer?.(slotProps.value) }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VDataIterator = InstanceType<typeof VDataIterator>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VDataIterator.js","names":["VFadeTransition","makeDataTableExpandProps","provideExpanded","makeDataTableGroupProps","provideGroupBy","useGroupedItems","useOptions","createPagination","makeDataTablePaginateProps","providePagination","usePaginatedItems","makeDataTableSelectProps","provideSelection","createSort","makeDataTableSortProps","provideSort","useSortedItems","makeDataIteratorItemsProps","useDataIteratorItems","makeComponentProps","makeFilterProps","useFilter","LoaderSlot","useProxiedModel","makeTagProps","makeTransitionProps","MaybeTransition","computed","toRef","genericComponent","propsFactory","useRender","makeVDataIteratorProps","search","String","loading","Boolean","itemsPerPage","transition","component","hideOnLeave","VDataIterator","name","props","emits","value","setup","_ref","slots","groupBy","items","filteredItems","transform","item","raw","sortBy","multiSort","mustSort","page","toggleSort","sortByWithGroups","opened","extractRows","isGroupOpen","toggleGroup","sortedItems","flatItems","itemsLength","length","startIndex","stopIndex","pageCount","prevPage","nextPage","setItemsPerPage","setPage","paginatedItems","paginatedItemsWithoutGroups","isSelected","select","selectAll","toggleSelect","allItems","currentPage","isExpanded","toggleExpand","slotProps","itemsCount","groupedItems","_createVNode","tag","_normalizeClass","class","_normalizeStyle","style","default","header","loader","_createElementVNode","footer"],"sources":["../../../src/components/VDataIterator/VDataIterator.tsx"],"sourcesContent":["// Components\nimport { VFadeTransition } from '@/components/transitions'\nimport { makeDataTableExpandProps, provideExpanded } from '@/components/VDataTable/composables/expand'\nimport { makeDataTableGroupProps, provideGroupBy, useGroupedItems } from '@/components/VDataTable/composables/group'\nimport { useOptions } from '@/components/VDataTable/composables/options'\nimport {\n  createPagination,\n  makeDataTablePaginateProps,\n  providePagination,\n  usePaginatedItems,\n} from '@/components/VDataTable/composables/paginate'\nimport { makeDataTableSelectProps, provideSelection } from '@/components/VDataTable/composables/select'\nimport { createSort, makeDataTableSortProps, provideSort, useSortedItems } from '@/components/VDataTable/composables/sort'\n\n// Composables\nimport { makeDataIteratorItemsProps, useDataIteratorItems } from './composables/items'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { LoaderSlot } from '@/composables/loader'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { Component } from 'vue'\nimport type { DataIteratorItem } from './composables/items'\nimport type { Group } from '@/components/VDataTable/composables/group'\nimport type { SortItem } from '@/components/VDataTable/composables/sort'\nimport type { LoaderSlotProps } from '@/composables/loader'\nimport type { GenericProps } from '@/util'\n\ntype VDataIteratorSlotProps<T> = {\n  page: number\n  itemsPerPage: number\n  sortBy: readonly SortItem[]\n  pageCount: number\n  toggleSort: ReturnType<typeof provideSort>['toggleSort']\n  prevPage: ReturnType<typeof providePagination>['prevPage']\n  nextPage: ReturnType<typeof providePagination>['nextPage']\n  setPage: ReturnType<typeof providePagination>['setPage']\n  setItemsPerPage: ReturnType<typeof providePagination>['setItemsPerPage']\n  isSelected: ReturnType<typeof provideSelection>['isSelected']\n  select: ReturnType<typeof provideSelection>['select']\n  selectAll: ReturnType<typeof provideSelection>['selectAll']\n  toggleSelect: ReturnType<typeof provideSelection>['toggleSelect']\n  isExpanded: ReturnType<typeof provideExpanded>['isExpanded']\n  toggleExpand: ReturnType<typeof provideExpanded>['toggleExpand']\n  isGroupOpen: ReturnType<typeof provideGroupBy>['isGroupOpen']\n  toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup']\n  items: readonly DataIteratorItem<T>[]\n  itemsCount: number\n  groupedItems: readonly (DataIteratorItem<T> | Group<DataIteratorItem<T>>)[]\n}\n\nexport type VDataIteratorSlots<T> = {\n  default: VDataIteratorSlotProps<T>\n  header: VDataIteratorSlotProps<T>\n  footer: VDataIteratorSlotProps<T>\n  loader: LoaderSlotProps\n  'no-data': never\n}\n\nexport const makeVDataIteratorProps = propsFactory({\n  search: String,\n  loading: Boolean,\n\n  ...makeComponentProps(),\n  ...makeDataIteratorItemsProps(),\n  ...makeDataTableSelectProps(),\n  ...makeDataTableSortProps(),\n  ...makeDataTablePaginateProps({ itemsPerPage: 5 }),\n  ...makeDataTableExpandProps(),\n  ...makeDataTableGroupProps(),\n  ...makeFilterProps(),\n  ...makeTagProps(),\n  ...makeTransitionProps({\n    transition: {\n      component: VFadeTransition as Component,\n      hideOnLeave: true,\n    },\n  }),\n}, 'VDataIterator')\n\nexport const VDataIterator = genericComponent<new <T> (\n  props: {\n    items?: readonly T[]\n  },\n  slots: VDataIteratorSlots<T>,\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VDataIterator',\n\n  props: makeVDataIteratorProps(),\n\n  emits: {\n    'update:modelValue': (value: any[]) => true,\n    'update:groupBy': (value: any) => true,\n    'update:page': (value: number) => true,\n    'update:itemsPerPage': (value: number) => true,\n    'update:sortBy': (value: any) => true,\n    'update:options': (value: any) => true,\n    'update:expanded': (value: any) => true,\n    'update:currentItems': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const groupBy = useProxiedModel(props, 'groupBy')\n    const search = toRef(() => props.search)\n\n    const { items } = useDataIteratorItems(props)\n    const { filteredItems } = useFilter(props, items, search, { transform: item => item.raw })\n\n    const { sortBy, multiSort, mustSort } = createSort(props)\n    const { page, itemsPerPage } = createPagination(props)\n\n    const { toggleSort } = provideSort({ sortBy, multiSort, mustSort, page })\n    const { sortByWithGroups, opened, extractRows, isGroupOpen, toggleGroup } = provideGroupBy({ groupBy, sortBy })\n\n    const { sortedItems } = useSortedItems(props, filteredItems, sortByWithGroups, { transform: item => item.raw })\n    const { flatItems } = useGroupedItems(sortedItems, groupBy, opened)\n\n    const itemsLength = toRef(() => flatItems.value.length)\n\n    const {\n      startIndex,\n      stopIndex,\n      pageCount,\n      prevPage,\n      nextPage,\n      setItemsPerPage,\n      setPage,\n    } = providePagination({ page, itemsPerPage, itemsLength })\n    const { paginatedItems } = usePaginatedItems({ items: flatItems, startIndex, stopIndex, itemsPerPage })\n\n    const paginatedItemsWithoutGroups = computed(() => extractRows(paginatedItems.value))\n\n    const {\n      isSelected,\n      select,\n      selectAll,\n      toggleSelect,\n    } = provideSelection(props, { allItems: items, currentPage: paginatedItemsWithoutGroups })\n    const { isExpanded, toggleExpand } = provideExpanded(props)\n\n    useOptions({\n      page,\n      itemsPerPage,\n      sortBy,\n      groupBy,\n      search,\n    })\n\n    const slotProps = computed(() => ({\n      page: page.value,\n      itemsPerPage: itemsPerPage.value,\n      sortBy: sortBy.value,\n      pageCount: pageCount.value,\n      toggleSort,\n      prevPage,\n      nextPage,\n      setPage,\n      setItemsPerPage,\n      isSelected,\n      select,\n      selectAll,\n      toggleSelect,\n      isExpanded,\n      toggleExpand,\n      isGroupOpen,\n      toggleGroup,\n      items: paginatedItemsWithoutGroups.value,\n      itemsCount: filteredItems.value.length,\n      groupedItems: paginatedItems.value,\n    }))\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-data-iterator',\n          {\n            'v-data-iterator--loading': props.loading,\n          },\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.header?.(slotProps.value) }\n\n        <MaybeTransition transition={ props.transition }>\n          { props.loading ? (\n            <LoaderSlot key=\"loader\" name=\"v-data-iterator\" active>\n              { slotProps => slots.loader?.(slotProps) }\n            </LoaderSlot>\n          ) : (\n            <div key=\"items\">\n              { !paginatedItems.value.length\n                ? slots['no-data']?.()\n                : slots.default?.(slotProps.value)\n              }\n            </div>\n          )}\n        </MaybeTransition>\n\n        { slots.footer?.(slotProps.value) }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VDataIterator = InstanceType<typeof VDataIterator>\n"],"mappings":";AAAA;AAAA,SACSA,eAAe;AAAA,SACfC,wBAAwB,EAAEC,eAAe;AAAA,SACzCC,uBAAuB,EAAEC,cAAc,EAAEC,eAAe;AAAA,SACxDC,UAAU;AAAA,SAEjBC,gBAAgB,EAChBC,0BAA0B,EAC1BC,iBAAiB,EACjBC,iBAAiB;AAAA,SAEVC,wBAAwB,EAAEC,gBAAgB;AAAA,SAC1CC,UAAU,EAAEC,sBAAsB,EAAEC,WAAW,EAAEC,cAAc,6CAExE;AAAA,SACSC,0BAA0B,EAAEC,oBAAoB;AAAA,SAChDC,kBAAkB;AAAA,SAClBC,eAAe,EAAEC,SAAS;AAAA,SAC1BC,UAAU;AAAA,SACVC,eAAe;AAAA,SACfC,YAAY;AAAA,SACZC,mBAAmB,EAAEC,eAAe,2CAE7C;AACA,SAASC,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAuCA,OAAO,MAAMC,sBAAsB,GAAGF,YAAY,CAAC;EACjDG,MAAM,EAAEC,MAAM;EACdC,OAAO,EAAEC,OAAO;EAEhB,GAAGjB,kBAAkB,CAAC,CAAC;EACvB,GAAGF,0BAA0B,CAAC,CAAC;EAC/B,GAAGN,wBAAwB,CAAC,CAAC;EAC7B,GAAGG,sBAAsB,CAAC,CAAC;EAC3B,GAAGN,0BAA0B,CAAC;IAAE6B,YAAY,EAAE;EAAE,CAAC,CAAC;EAClD,GAAGpC,wBAAwB,CAAC,CAAC;EAC7B,GAAGE,uBAAuB,CAAC,CAAC;EAC5B,GAAGiB,eAAe,CAAC,CAAC;EACpB,GAAGI,YAAY,CAAC,CAAC;EACjB,GAAGC,mBAAmB,CAAC;IACrBa,UAAU,EAAE;MACVC,SAAS,EAAEvC,eAA4B;MACvCwC,WAAW,EAAE;IACf;EACF,CAAC;AACH,CAAC,EAAE,eAAe,CAAC;AAEnB,OAAO,MAAMC,aAAa,GAAGZ,gBAAgB,CAKE,CAAC,CAAC;EAC/Ca,IAAI,EAAE,eAAe;EAErBC,KAAK,EAAEX,sBAAsB,CAAC,CAAC;EAE/BY,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAY,IAAK,IAAI;IAC3C,gBAAgB,EAAGA,KAAU,IAAK,IAAI;IACtC,aAAa,EAAGA,KAAa,IAAK,IAAI;IACtC,qBAAqB,EAAGA,KAAa,IAAK,IAAI;IAC9C,eAAe,EAAGA,KAAU,IAAK,IAAI;IACrC,gBAAgB,EAAGA,KAAU,IAAK,IAAI;IACtC,iBAAiB,EAAGA,KAAU,IAAK,IAAI;IACvC,qBAAqB,EAAGA,KAAU,IAAK;EACzC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,OAAO,GAAG1B,eAAe,CAACoB,KAAK,EAAE,SAAS,CAAC;IACjD,MAAMV,MAAM,GAAGL,KAAK,CAAC,MAAMe,KAAK,CAACV,MAAM,CAAC;IAExC,MAAM;MAAEiB;IAAM,CAAC,GAAGhC,oBAAoB,CAACyB,KAAK,CAAC;IAC7C,MAAM;MAAEQ;IAAc,CAAC,GAAG9B,SAAS,CAACsB,KAAK,EAAEO,KAAK,EAAEjB,MAAM,EAAE;MAAEmB,SAAS,EAAEC,IAAI,IAAIA,IAAI,CAACC;IAAI,CAAC,CAAC;IAE1F,MAAM;MAAEC,MAAM;MAAEC,SAAS;MAAEC;IAAS,CAAC,GAAG5C,UAAU,CAAC8B,KAAK,CAAC;IACzD,MAAM;MAAEe,IAAI;MAAErB;IAAa,CAAC,GAAG9B,gBAAgB,CAACoC,KAAK,CAAC;IAEtD,MAAM;MAAEgB;IAAW,CAAC,GAAG5C,WAAW,CAAC;MAAEwC,MAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC;IAAK,CAAC,CAAC;IACzE,MAAM;MAAEE,gBAAgB;MAAEC,MAAM;MAAEC,WAAW;MAAEC,WAAW;MAAEC;IAAY,CAAC,GAAG5D,cAAc,CAAC;MAAE6C,OAAO;MAAEM;IAAO,CAAC,CAAC;IAE/G,MAAM;MAAEU;IAAY,CAAC,GAAGjD,cAAc,CAAC2B,KAAK,EAAEQ,aAAa,EAAES,gBAAgB,EAAE;MAAER,SAAS,EAAEC,IAAI,IAAIA,IAAI,CAACC;IAAI,CAAC,CAAC;IAC/G,MAAM;MAAEY;IAAU,CAAC,GAAG7D,eAAe,CAAC4D,WAAW,EAAEhB,OAAO,EAAEY,MAAM,CAAC;IAEnE,MAAMM,WAAW,GAAGvC,KAAK,CAAC,MAAMsC,SAAS,CAACrB,KAAK,CAACuB,MAAM,CAAC;IAEvD,MAAM;MACJC,UAAU;MACVC,SAAS;MACTC,SAAS;MACTC,QAAQ;MACRC,QAAQ;MACRC,eAAe;MACfC;IACF,CAAC,GAAGlE,iBAAiB,CAAC;MAAEiD,IAAI;MAAErB,YAAY;MAAE8B;IAAY,CAAC,CAAC;IAC1D,MAAM;MAAES;IAAe,CAAC,GAAGlE,iBAAiB,CAAC;MAAEwC,KAAK,EAAEgB,SAAS;MAAEG,UAAU;MAAEC,SAAS;MAAEjC;IAAa,CAAC,CAAC;IAEvG,MAAMwC,2BAA2B,GAAGlD,QAAQ,CAAC,MAAMmC,WAAW,CAACc,cAAc,CAAC/B,KAAK,CAAC,CAAC;IAErF,MAAM;MACJiC,UAAU;MACVC,MAAM;MACNC,SAAS;MACTC;IACF,CAAC,GAAGrE,gBAAgB,CAAC+B,KAAK,EAAE;MAAEuC,QAAQ,EAAEhC,KAAK;MAAEiC,WAAW,EAAEN;IAA4B,CAAC,CAAC;IAC1F,MAAM;MAAEO,UAAU;MAAEC;IAAa,CAAC,GAAGnF,eAAe,CAACyC,KAAK,CAAC;IAE3DrC,UAAU,CAAC;MACToD,IAAI;MACJrB,YAAY;MACZkB,MAAM;MACNN,OAAO;MACPhB;IACF,CAAC,CAAC;IAEF,MAAMqD,SAAS,GAAG3D,QAAQ,CAAC,OAAO;MAChC+B,IAAI,EAAEA,IAAI,CAACb,KAAK;MAChBR,YAAY,EAAEA,YAAY,CAACQ,KAAK;MAChCU,MAAM,EAAEA,MAAM,CAACV,KAAK;MACpB0B,SAAS,EAAEA,SAAS,CAAC1B,KAAK;MAC1Bc,UAAU;MACVa,QAAQ;MACRC,QAAQ;MACRE,OAAO;MACPD,eAAe;MACfI,UAAU;MACVC,MAAM;MACNC,SAAS;MACTC,YAAY;MACZG,UAAU;MACVC,YAAY;MACZtB,WAAW;MACXC,WAAW;MACXd,KAAK,EAAE2B,2BAA2B,CAAChC,KAAK;MACxC0C,UAAU,EAAEpC,aAAa,CAACN,KAAK,CAACuB,MAAM;MACtCoB,YAAY,EAAEZ,cAAc,CAAC/B;IAC/B,CAAC,CAAC,CAAC;IAEHd,SAAS,CAAC,MAAA0D,YAAA,CAAA9C,KAAA,CAAA+C,GAAA;MAAA,SAAAC,eAAA,CAEC,CACL,iBAAiB,EACjB;QACE,0BAA0B,EAAEhD,KAAK,CAACR;MACpC,CAAC,EACDQ,KAAK,CAACiD,KAAK,CACZ;MAAA,SAAAC,eAAA,CACOlD,KAAK,CAACmD,KAAK;IAAA;MAAAC,OAAA,EAAAA,CAAA,MAEjB/C,KAAK,CAACgD,MAAM,GAAGV,SAAS,CAACzC,KAAK,CAAC,EAAA4C,YAAA,CAAA/D,eAAA;QAAA,cAEHiB,KAAK,CAACL;MAAU;QAAAyD,OAAA,EAAAA,CAAA,MAC1CpD,KAAK,CAACR,OAAO,GAAAsD,YAAA,CAAAnE,UAAA;UAAA;UAAA;UAAA;QAAA;UAAAyE,OAAA,EAETT,SAAS,IAAItC,KAAK,CAACiD,MAAM,GAAGX,SAAS;QAAC,KAAAY,mBAAA;UAAA;QAAA,IAItC,CAACtB,cAAc,CAAC/B,KAAK,CAACuB,MAAM,GAC1BpB,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GACpBA,KAAK,CAAC+C,OAAO,GAAGT,SAAS,CAACzC,KAAK,CAAC,EAGvC;MAAA,IAGDG,KAAK,CAACmD,MAAM,GAAGb,SAAS,CAACzC,KAAK,CAAC;IAAA,EAEpC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/VDataTable/VDataTable.css

@@ -45,6 +45,12 @@
 .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
   padding: 0 8px;
 }
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--empty,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--empty,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--empty,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--empty {
+  padding: 0;
+}
 .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
 .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
 .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
@@ -128,7 +134,7 @@
 }
 
 .v-data-table-group-header-row__column {
-  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
+  padding-inline-start: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
 }
 
 .v-data-table-header__content {

package/lib/components/VDataTable/VDataTable.d.ts

@@ -89,6 +89,10 @@ export declare const makeDataTableProps: <Defaults extends {
     hideDefaultHeader?: unknown;
     width?: unknown;
     search?: unknown;
+    groupCollapseIcon?: unknown;
+    groupExpandIcon?: unknown;
+    collapseIcon?: unknown;
+    expandIcon?: unknown;
     loadingText?: unknown;
     hideNoData?: unknown;
     noDataText?: unknown;
@@ -327,6 +331,7 @@ export declare const makeDataTableProps: <Defaults extends {
         readonly minWidth?: number | string | undefined;
         readonly maxWidth?: number | string | undefined;
         readonly nowrap?: boolean | undefined;
+        readonly intent?: number | undefined;
         readonly headerProps?: {
             readonly [x: string]: any;
         } | undefined;
@@ -347,6 +352,7 @@ export declare const makeDataTableProps: <Defaults extends {
             readonly minWidth?: number | string | undefined;
             readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
+            readonly intent?: number | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
@@ -370,6 +376,7 @@ export declare const makeDataTableProps: <Defaults extends {
             readonly minWidth?: number | string | undefined;
             readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
+            readonly intent?: number | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
@@ -390,6 +397,7 @@ export declare const makeDataTableProps: <Defaults extends {
                 readonly minWidth?: number | string | undefined;
                 readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
+                readonly intent?: number | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
@@ -412,6 +420,7 @@ export declare const makeDataTableProps: <Defaults extends {
             readonly minWidth?: number | string | undefined;
             readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
+            readonly intent?: number | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
@@ -432,6 +441,7 @@ export declare const makeDataTableProps: <Defaults extends {
                 readonly minWidth?: number | string | undefined;
                 readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
+                readonly intent?: number | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
@@ -455,6 +465,7 @@ export declare const makeDataTableProps: <Defaults extends {
             readonly minWidth?: number | string | undefined;
             readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
+            readonly intent?: number | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
@@ -475,6 +486,7 @@ export declare const makeDataTableProps: <Defaults extends {
                 readonly minWidth?: number | string | undefined;
                 readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
+                readonly intent?: number | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
@@ -497,6 +509,7 @@ export declare const makeDataTableProps: <Defaults extends {
             readonly minWidth?: number | string | undefined;
             readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
+            readonly intent?: number | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
@@ -517,6 +530,7 @@ export declare const makeDataTableProps: <Defaults extends {
                 readonly minWidth?: number | string | undefined;
                 readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
+                readonly intent?: number | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
@@ -579,6 +593,46 @@ export declare const makeDataTableProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["search"] ? string : string | Defaults["search"]>;
         default: unknown extends Defaults["search"] ? string : string | Defaults["search"];
     };
+    groupCollapseIcon: unknown extends Defaults["groupCollapseIcon"] ? {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    } : Omit<{
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["groupCollapseIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["groupCollapseIcon"]>;
+        default: unknown extends Defaults["groupCollapseIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["groupCollapseIcon"];
+    };
+    groupExpandIcon: unknown extends Defaults["groupExpandIcon"] ? {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    } : Omit<{
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["groupExpandIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["groupExpandIcon"]>;
+        default: unknown extends Defaults["groupExpandIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["groupExpandIcon"];
+    };
+    collapseIcon: unknown extends Defaults["collapseIcon"] ? {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    } : Omit<{
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["collapseIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["collapseIcon"]>;
+        default: unknown extends Defaults["collapseIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["collapseIcon"];
+    };
+    expandIcon: unknown extends Defaults["expandIcon"] ? {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    } : Omit<{
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["expandIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["expandIcon"]>;
+        default: unknown extends Defaults["expandIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["expandIcon"];
+    };
     loadingText: unknown extends Defaults["loadingText"] ? {
         type: StringConstructor;
         default: string;
@@ -665,6 +719,10 @@ export declare const makeVDataTableProps: <Defaults extends {
     hideDefaultHeader?: unknown;
     width?: unknown;
     search?: unknown;
+    groupCollapseIcon?: unknown;
+    groupExpandIcon?: unknown;
+    collapseIcon?: unknown;
+    expandIcon?: unknown;
     loadingText?: unknown;
     hideNoData?: unknown;
     noDataText?: unknown;
@@ -1069,6 +1127,7 @@ export declare const makeVDataTableProps: <Defaults extends {
         readonly minWidth?: number | string | undefined;
         readonly maxWidth?: number | string | undefined;
         readonly nowrap?: boolean | undefined;
+        readonly intent?: number | undefined;
         readonly headerProps?: {
             readonly [x: string]: any;
         } | undefined;
@@ -1089,6 +1148,7 @@ export declare const makeVDataTableProps: <Defaults extends {
             readonly minWidth?: number | string | undefined;
             readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
+            readonly intent?: number | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
@@ -1112,6 +1172,7 @@ export declare const makeVDataTableProps: <Defaults extends {
             readonly minWidth?: number | string | undefined;
             readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
+            readonly intent?: number | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
@@ -1132,6 +1193,7 @@ export declare const makeVDataTableProps: <Defaults extends {
                 readonly minWidth?: number | string | undefined;
                 readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
+                readonly intent?: number | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
@@ -1154,6 +1216,7 @@ export declare const makeVDataTableProps: <Defaults extends {
             readonly minWidth?: number | string | undefined;
             readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
+            readonly intent?: number | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
@@ -1174,6 +1237,7 @@ export declare const makeVDataTableProps: <Defaults extends {
                 readonly minWidth?: number | string | undefined;
                 readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
+                readonly intent?: number | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
@@ -1197,6 +1261,7 @@ export declare const makeVDataTableProps: <Defaults extends {
             readonly minWidth?: number | string | undefined;
             readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
+            readonly intent?: number | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
@@ -1217,6 +1282,7 @@ export declare const makeVDataTableProps: <Defaults extends {
                 readonly minWidth?: number | string | undefined;
                 readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
+                readonly intent?: number | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
@@ -1239,6 +1305,7 @@ export declare const makeVDataTableProps: <Defaults extends {
             readonly minWidth?: number | string | undefined;
             readonly maxWidth?: number | string | undefined;
             readonly nowrap?: boolean | undefined;
+            readonly intent?: number | undefined;
             readonly headerProps?: {
                 readonly [x: string]: any;
             } | undefined;
@@ -1259,6 +1326,7 @@ export declare const makeVDataTableProps: <Defaults extends {
                 readonly minWidth?: number | string | undefined;
                 readonly maxWidth?: number | string | undefined;
                 readonly nowrap?: boolean | undefined;
+                readonly intent?: number | undefined;
                 readonly headerProps?: {
                     readonly [x: string]: any;
                 } | undefined;
@@ -1321,6 +1389,46 @@ export declare const makeVDataTableProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["search"] ? string : string | Defaults["search"]>;
         default: unknown extends Defaults["search"] ? string : string | Defaults["search"];
     };
+    groupCollapseIcon: unknown extends Defaults["groupCollapseIcon"] ? {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    } : Omit<{
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["groupCollapseIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["groupCollapseIcon"]>;
+        default: unknown extends Defaults["groupCollapseIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["groupCollapseIcon"];
+    };
+    groupExpandIcon: unknown extends Defaults["groupExpandIcon"] ? {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    } : Omit<{
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["groupExpandIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["groupExpandIcon"]>;
+        default: unknown extends Defaults["groupExpandIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["groupExpandIcon"];
+    };
+    collapseIcon: unknown extends Defaults["collapseIcon"] ? {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    } : Omit<{
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["collapseIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["collapseIcon"]>;
+        default: unknown extends Defaults["collapseIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["collapseIcon"];
+    };
+    expandIcon: unknown extends Defaults["expandIcon"] ? {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    } : Omit<{
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["expandIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["expandIcon"]>;
+        default: unknown extends Defaults["expandIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["expandIcon"];
+    };
     loadingText: unknown extends Defaults["loadingText"] ? {
         type: StringConstructor;
         default: string;
@@ -1396,6 +1504,8 @@ export declare const VDataTable: {
         striped: import("../VTable/VTable.js").Striped;
         nextIcon: import("../../composables/icons.js").IconValue;
         prevIcon: import("../../composables/icons.js").IconValue;
+        collapseIcon: import("../../composables/icons.js").IconValue;
+        expandIcon: import("../../composables/icons.js").IconValue;
         hideNoData: boolean;
         hover: boolean;
         itemsPerPage: string | number;
@@ -1413,6 +1523,8 @@ export declare const VDataTable: {
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
+        groupCollapseIcon: import("../../composables/icons.js").IconValue;
+        groupExpandIcon: import("../../composables/icons.js").IconValue;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -1476,6 +1588,8 @@ export declare const VDataTable: {
         striped: import("../VTable/VTable.js").Striped;
         nextIcon: import("../../composables/icons.js").IconValue;
         prevIcon: import("../../composables/icons.js").IconValue;
+        collapseIcon: import("../../composables/icons.js").IconValue;
+        expandIcon: import("../../composables/icons.js").IconValue;
         hideNoData: boolean;
         hover: boolean;
         itemsPerPage: string | number;
@@ -1493,6 +1607,8 @@ export declare const VDataTable: {
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
+        groupCollapseIcon: import("../../composables/icons.js").IconValue;
+        groupExpandIcon: import("../../composables/icons.js").IconValue;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -1577,6 +1693,8 @@ export declare const VDataTable: {
         striped: import("../VTable/VTable.js").Striped;
         nextIcon: import("../../composables/icons.js").IconValue;
         prevIcon: import("../../composables/icons.js").IconValue;
+        collapseIcon: import("../../composables/icons.js").IconValue;
+        expandIcon: import("../../composables/icons.js").IconValue;
         hideNoData: boolean;
         hover: boolean;
         itemsPerPage: string | number;
@@ -1594,6 +1712,8 @@ export declare const VDataTable: {
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
+        groupCollapseIcon: import("../../composables/icons.js").IconValue;
+        groupExpandIcon: import("../../composables/icons.js").IconValue;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -1648,6 +1768,8 @@ export declare const VDataTable: {
         striped: import("../VTable/VTable.js").Striped;
         nextIcon: import("../../composables/icons.js").IconValue;
         prevIcon: import("../../composables/icons.js").IconValue;
+        collapseIcon: import("../../composables/icons.js").IconValue;
+        expandIcon: import("../../composables/icons.js").IconValue;
         hideNoData: boolean;
         hover: boolean;
         itemsPerPage: string | number;
@@ -1665,6 +1787,8 @@ export declare const VDataTable: {
         fixedHeader: boolean;
         sortAscIcon: import("../../composables/icons.js").IconValue;
         sortDescIcon: import("../../composables/icons.js").IconValue;
+        groupCollapseIcon: import("../../composables/icons.js").IconValue;
+        groupExpandIcon: import("../../composables/icons.js").IconValue;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -1701,6 +1825,8 @@ export declare const VDataTable: {
     striped: import("../VTable/VTable.js").Striped;
     nextIcon: import("../../composables/icons.js").IconValue;
     prevIcon: import("../../composables/icons.js").IconValue;
+    collapseIcon: import("../../composables/icons.js").IconValue;
+    expandIcon: import("../../composables/icons.js").IconValue;
     hideNoData: boolean;
     hover: boolean;
     itemsPerPage: string | number;
@@ -1718,6 +1844,8 @@ export declare const VDataTable: {
     fixedHeader: boolean;
     sortAscIcon: import("../../composables/icons.js").IconValue;
     sortDescIcon: import("../../composables/icons.js").IconValue;
+    groupCollapseIcon: import("../../composables/icons.js").IconValue;
+    groupExpandIcon: import("../../composables/icons.js").IconValue;
     fixedFooter: boolean;
     hideDefaultBody: boolean;
     hideDefaultFooter: boolean;
@@ -1781,6 +1909,8 @@ export declare const VDataTable: {
     striped: import("../VTable/VTable.js").Striped;
     nextIcon: import("../../composables/icons.js").IconValue;
     prevIcon: import("../../composables/icons.js").IconValue;
+    collapseIcon: import("../../composables/icons.js").IconValue;
+    expandIcon: import("../../composables/icons.js").IconValue;
     hideNoData: boolean;
     hover: boolean;
     itemsPerPage: string | number;
@@ -1798,6 +1928,8 @@ export declare const VDataTable: {
     fixedHeader: boolean;
     sortAscIcon: import("../../composables/icons.js").IconValue;
     sortDescIcon: import("../../composables/icons.js").IconValue;
+    groupCollapseIcon: import("../../composables/icons.js").IconValue;
+    groupExpandIcon: import("../../composables/icons.js").IconValue;
     fixedFooter: boolean;
     hideDefaultBody: boolean;
     hideDefaultFooter: boolean;
@@ -2011,6 +2143,22 @@ export declare const VDataTable: {
     hideDefaultHeader: BooleanConstructor;
     width: (StringConstructor | NumberConstructor)[];
     search: StringConstructor;
+    groupCollapseIcon: {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    };
+    groupExpandIcon: {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    };
+    collapseIcon: {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    };
+    expandIcon: {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    };
     loadingText: {
         type: StringConstructor;
         default: string;
@@ -2183,6 +2331,22 @@ export declare const VDataTable: {
     hideDefaultHeader: BooleanConstructor;
     width: (StringConstructor | NumberConstructor)[];
     search: StringConstructor;
+    groupCollapseIcon: {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    };
+    groupExpandIcon: {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    };
+    collapseIcon: {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    };
+    expandIcon: {
+        type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
+        default: string;
+    };
     loadingText: {
         type: StringConstructor;
         default: string;

package/lib/components/VDataTable/VDataTable.sass

@@ -44,6 +44,9 @@
               &.v-data-table-column--no-padding
                 padding: 0 8px
 
+              &.v-data-table-column--empty
+                padding: 0
+
               &.v-data-table-column--nowrap
                 text-overflow: ellipsis
                 text-wrap: nowrap
@@ -112,7 +115,7 @@
       opacity: $data-table-loading-opacity
 
   .v-data-table-group-header-row__column
-    padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important
+    padding-inline-start: calc(var(--v-data-table-group-header-row-depth) * 16px) !important
 
   .v-data-table-header__content
     display: flex

package/lib/components/VDataTable/VDataTableColumn.d.ts

@@ -1,6 +1,7 @@
 import type { PropType } from 'vue';
 export declare const VDataTableColumn: import("vue").FunctionalComponent<Partial<{
     fixed: boolean | "end" | "start";
+    empty: boolean;
     nowrap: boolean;
     align: "center" | "end" | "start";
     lastFixed: boolean;
@@ -21,8 +22,10 @@ export declare const VDataTableColumn: import("vue").FunctionalComponent<Partial
     lastFixed: BooleanConstructor;
     firstFixedEnd: BooleanConstructor;
     noPadding: BooleanConstructor;
+    indent: (StringConstructor | NumberConstructor)[];
+    empty: BooleanConstructor;
     tag: StringConstructor;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
     nowrap: BooleanConstructor;
-}>>, "fixed" | "nowrap" | "align" | "lastFixed" | "firstFixedEnd" | "noPadding">, {}, any, {}>;
+}>>, "fixed" | "empty" | "nowrap" | "align" | "lastFixed" | "firstFixedEnd" | "noPadding">, {}, any, {}>;

package/lib/components/VDataTable/VDataTableColumn.js

@@ -16,6 +16,8 @@ export const VDataTableColumn = defineFunctionalComponent({
   lastFixed: Boolean,
   firstFixedEnd: Boolean,
   noPadding: Boolean,
+  indent: [Number, String],
+  empty: Boolean,
   tag: String,
   width: [Number, String],
   maxWidth: [Number, String],
@@ -33,14 +35,16 @@ export const VDataTableColumn = defineFunctionalComponent({
       'v-data-table-column--last-fixed': props.lastFixed,
       'v-data-table-column--first-fixed-end': props.firstFixedEnd,
       'v-data-table-column--no-padding': props.noPadding,
-      'v-data-table-column--nowrap': props.nowrap
+      'v-data-table-column--nowrap': props.nowrap,
+      'v-data-table-column--empty': props.empty
     }, `v-data-table-column--align-${props.align}`]),
     "style": {
       height: convertToUnit(props.height),
       width: convertToUnit(props.width),
       maxWidth: convertToUnit(props.maxWidth),
       left: fixedSide === 'start' ? convertToUnit(props.fixedOffset || null) : undefined,
-      right: fixedSide === 'end' ? convertToUnit(props.fixedEndOffset || null) : undefined
+      right: fixedSide === 'end' ? convertToUnit(props.fixedEndOffset || null) : undefined,
+      paddingInlineStart: props.indent ? convertToUnit(props.indent) : undefined
     }
   }, {
     default: () => [slots.default?.()]

package/lib/components/VDataTable/VDataTableColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"VDataTableColumn.js","names":["convertToUnit","defineFunctionalComponent","VDataTableColumn","align","type","String","default","fixed","Boolean","fixedOffset","Number","fixedEndOffset","height","lastFixed","firstFixedEnd","noPadding","tag","width","maxWidth","nowrap","props","_ref","slots","Tag","fixedSide","_createVNode","_normalizeClass","left","undefined","right"],"sources":["../../../src/components/VDataTable/VDataTableColumn.tsx"],"sourcesContent":["// Utilities\nimport { convertToUnit, defineFunctionalComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VDataTableColumn = defineFunctionalComponent({\n  align: {\n    type: String as PropType<'start' | 'center' | 'end'>,\n    default: 'start',\n  },\n  fixed: {\n    type: [Boolean, String] as PropType<boolean | 'start' | 'end'>,\n    default: false,\n  },\n  fixedOffset: [Number, String],\n  fixedEndOffset: [Number, String],\n  height: [Number, String],\n  lastFixed: Boolean,\n  firstFixedEnd: Boolean,\n\n  noPadding: Boolean,\n  tag: String,\n  width: [Number, String],\n  maxWidth: [Number, String],\n  nowrap: Boolean,\n}, (props, { slots }) => {\n  const Tag = props.tag ?? 'td'\n\n  const fixedSide = typeof props.fixed === 'string' ? props.fixed\n    : props.fixed ? 'start'\n    : 'none'\n\n  return (\n    <Tag\n      class={[\n        'v-data-table__td',\n        {\n          'v-data-table-column--fixed': fixedSide === 'start',\n          'v-data-table-column--fixed-end': fixedSide === 'end',\n          'v-data-table-column--last-fixed': props.lastFixed,\n          'v-data-table-column--first-fixed-end': props.firstFixedEnd,\n          'v-data-table-column--no-padding': props.noPadding,\n          'v-data-table-column--nowrap': props.nowrap,\n        },\n        `v-data-table-column--align-${props.align}`,\n      ]}\n      style={{\n        height: convertToUnit(props.height),\n        width: convertToUnit(props.width),\n        maxWidth: convertToUnit(props.maxWidth),\n        left: fixedSide === 'start' ? convertToUnit(props.fixedOffset || null) : undefined,\n        right: fixedSide === 'end' ? convertToUnit(props.fixedEndOffset || null) : undefined,\n      }}\n    >\n      { slots.default?.() }\n    </Tag>\n  )\n})\n"],"mappings":";AAAA;AAAA,SACSA,aAAa,EAAEC,yBAAyB,+BAEjD;AAGA,OAAO,MAAMC,gBAAgB,GAAGD,yBAAyB,CAAC;EACxDE,KAAK,EAAE;IACLC,IAAI,EAAEC,MAA8C;IACpDC,OAAO,EAAE;EACX,CAAC;EACDC,KAAK,EAAE;IACLH,IAAI,EAAE,CAACI,OAAO,EAAEH,MAAM,CAAwC;IAC9DC,OAAO,EAAE;EACX,CAAC;EACDG,WAAW,EAAE,CAACC,MAAM,EAAEL,MAAM,CAAC;EAC7BM,cAAc,EAAE,CAACD,MAAM,EAAEL,MAAM,CAAC;EAChCO,MAAM,EAAE,CAACF,MAAM,EAAEL,MAAM,CAAC;EACxBQ,SAAS,EAAEL,OAAO;EAClBM,aAAa,EAAEN,OAAO;EAEtBO,SAAS,EAAEP,OAAO;EAClBQ,GAAG,EAAEX,MAAM;EACXY,KAAK,EAAE,CAACP,MAAM,EAAEL,MAAM,CAAC;EACvBa,QAAQ,EAAE,CAACR,MAAM,EAAEL,MAAM,CAAC;EAC1Bc,MAAM,EAAEX;AACV,CAAC,EAAE,CAACY,KAAK,EAAAC,IAAA,KAAgB;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAClB,MAAME,GAAG,GAAGH,KAAK,CAACJ,GAAG,IAAI,IAAI;EAE7B,MAAMQ,SAAS,GAAG,OAAOJ,KAAK,CAACb,KAAK,KAAK,QAAQ,GAAGa,KAAK,CAACb,KAAK,GAC3Da,KAAK,CAACb,KAAK,GAAG,OAAO,GACrB,MAAM;EAEV,OAAAkB,YAAA,CAAAF,GAAA;IAAA,SAAAG,eAAA,CAEW,CACL,kBAAkB,EAClB;MACE,4BAA4B,EAAEF,SAAS,KAAK,OAAO;MACnD,gCAAgC,EAAEA,SAAS,KAAK,KAAK;MACrD,iCAAiC,EAAEJ,KAAK,CAACP,SAAS;MAClD,sCAAsC,EAAEO,KAAK,CAACN,aAAa;MAC3D,iCAAiC,EAAEM,KAAK,CAACL,SAAS;MAClD,6BAA6B,EAAEK,KAAK,CAACD;IACvC,CAAC,EACD,8BAA8BC,KAAK,CAACjB,KAAK,EAAE,CAC5C;IAAA,SACM;MACLS,MAAM,EAAEZ,aAAa,CAACoB,KAAK,CAACR,MAAM,CAAC;MACnCK,KAAK,EAAEjB,aAAa,CAACoB,KAAK,CAACH,KAAK,CAAC;MACjCC,QAAQ,EAAElB,aAAa,CAACoB,KAAK,CAACF,QAAQ,CAAC;MACvCS,IAAI,EAAEH,SAAS,KAAK,OAAO,GAAGxB,aAAa,CAACoB,KAAK,CAACX,WAAW,IAAI,IAAI,CAAC,GAAGmB,SAAS;MAClFC,KAAK,EAAEL,SAAS,KAAK,KAAK,GAAGxB,aAAa,CAACoB,KAAK,CAACT,cAAc,IAAI,IAAI,CAAC,GAAGiB;IAC7E;EAAC;IAAAtB,OAAA,EAAAA,CAAA,MAECgB,KAAK,CAAChB,OAAO,GAAG,CAAC;EAAA;AAGzB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VDataTableColumn.js","names":["convertToUnit","defineFunctionalComponent","VDataTableColumn","align","type","String","default","fixed","Boolean","fixedOffset","Number","fixedEndOffset","height","lastFixed","firstFixedEnd","noPadding","indent","empty","tag","width","maxWidth","nowrap","props","_ref","slots","Tag","fixedSide","_createVNode","_normalizeClass","left","undefined","right","paddingInlineStart"],"sources":["../../../src/components/VDataTable/VDataTableColumn.tsx"],"sourcesContent":["// Utilities\nimport { convertToUnit, defineFunctionalComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VDataTableColumn = defineFunctionalComponent({\n  align: {\n    type: String as PropType<'start' | 'center' | 'end'>,\n    default: 'start',\n  },\n  fixed: {\n    type: [Boolean, String] as PropType<boolean | 'start' | 'end'>,\n    default: false,\n  },\n  fixedOffset: [Number, String],\n  fixedEndOffset: [Number, String],\n  height: [Number, String],\n  lastFixed: Boolean,\n  firstFixedEnd: Boolean,\n\n  noPadding: Boolean,\n  indent: [Number, String],\n  empty: Boolean,\n\n  tag: String,\n  width: [Number, String],\n  maxWidth: [Number, String],\n  nowrap: Boolean,\n}, (props, { slots }) => {\n  const Tag = props.tag ?? 'td'\n\n  const fixedSide = typeof props.fixed === 'string' ? props.fixed\n    : props.fixed ? 'start'\n    : 'none'\n\n  return (\n    <Tag\n      class={[\n        'v-data-table__td',\n        {\n          'v-data-table-column--fixed': fixedSide === 'start',\n          'v-data-table-column--fixed-end': fixedSide === 'end',\n          'v-data-table-column--last-fixed': props.lastFixed,\n          'v-data-table-column--first-fixed-end': props.firstFixedEnd,\n          'v-data-table-column--no-padding': props.noPadding,\n          'v-data-table-column--nowrap': props.nowrap,\n          'v-data-table-column--empty': props.empty,\n        },\n        `v-data-table-column--align-${props.align}`,\n      ]}\n      style={{\n        height: convertToUnit(props.height),\n        width: convertToUnit(props.width),\n        maxWidth: convertToUnit(props.maxWidth),\n        left: fixedSide === 'start' ? convertToUnit(props.fixedOffset || null) : undefined,\n        right: fixedSide === 'end' ? convertToUnit(props.fixedEndOffset || null) : undefined,\n        paddingInlineStart: props.indent ? convertToUnit(props.indent) : undefined,\n      }}\n    >\n      { slots.default?.() }\n    </Tag>\n  )\n})\n"],"mappings":";AAAA;AAAA,SACSA,aAAa,EAAEC,yBAAyB,+BAEjD;AAGA,OAAO,MAAMC,gBAAgB,GAAGD,yBAAyB,CAAC;EACxDE,KAAK,EAAE;IACLC,IAAI,EAAEC,MAA8C;IACpDC,OAAO,EAAE;EACX,CAAC;EACDC,KAAK,EAAE;IACLH,IAAI,EAAE,CAACI,OAAO,EAAEH,MAAM,CAAwC;IAC9DC,OAAO,EAAE;EACX,CAAC;EACDG,WAAW,EAAE,CAACC,MAAM,EAAEL,MAAM,CAAC;EAC7BM,cAAc,EAAE,CAACD,MAAM,EAAEL,MAAM,CAAC;EAChCO,MAAM,EAAE,CAACF,MAAM,EAAEL,MAAM,CAAC;EACxBQ,SAAS,EAAEL,OAAO;EAClBM,aAAa,EAAEN,OAAO;EAEtBO,SAAS,EAAEP,OAAO;EAClBQ,MAAM,EAAE,CAACN,MAAM,EAAEL,MAAM,CAAC;EACxBY,KAAK,EAAET,OAAO;EAEdU,GAAG,EAAEb,MAAM;EACXc,KAAK,EAAE,CAACT,MAAM,EAAEL,MAAM,CAAC;EACvBe,QAAQ,EAAE,CAACV,MAAM,EAAEL,MAAM,CAAC;EAC1BgB,MAAM,EAAEb;AACV,CAAC,EAAE,CAACc,KAAK,EAAAC,IAAA,KAAgB;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAClB,MAAME,GAAG,GAAGH,KAAK,CAACJ,GAAG,IAAI,IAAI;EAE7B,MAAMQ,SAAS,GAAG,OAAOJ,KAAK,CAACf,KAAK,KAAK,QAAQ,GAAGe,KAAK,CAACf,KAAK,GAC3De,KAAK,CAACf,KAAK,GAAG,OAAO,GACrB,MAAM;EAEV,OAAAoB,YAAA,CAAAF,GAAA;IAAA,SAAAG,eAAA,CAEW,CACL,kBAAkB,EAClB;MACE,4BAA4B,EAAEF,SAAS,KAAK,OAAO;MACnD,gCAAgC,EAAEA,SAAS,KAAK,KAAK;MACrD,iCAAiC,EAAEJ,KAAK,CAACT,SAAS;MAClD,sCAAsC,EAAES,KAAK,CAACR,aAAa;MAC3D,iCAAiC,EAAEQ,KAAK,CAACP,SAAS;MAClD,6BAA6B,EAAEO,KAAK,CAACD,MAAM;MAC3C,4BAA4B,EAAEC,KAAK,CAACL;IACtC,CAAC,EACD,8BAA8BK,KAAK,CAACnB,KAAK,EAAE,CAC5C;IAAA,SACM;MACLS,MAAM,EAAEZ,aAAa,CAACsB,KAAK,CAACV,MAAM,CAAC;MACnCO,KAAK,EAAEnB,aAAa,CAACsB,KAAK,CAACH,KAAK,CAAC;MACjCC,QAAQ,EAAEpB,aAAa,CAACsB,KAAK,CAACF,QAAQ,CAAC;MACvCS,IAAI,EAAEH,SAAS,KAAK,OAAO,GAAG1B,aAAa,CAACsB,KAAK,CAACb,WAAW,IAAI,IAAI,CAAC,GAAGqB,SAAS;MAClFC,KAAK,EAAEL,SAAS,KAAK,KAAK,GAAG1B,aAAa,CAACsB,KAAK,CAACX,cAAc,IAAI,IAAI,CAAC,GAAGmB,SAAS;MACpFE,kBAAkB,EAAEV,KAAK,CAACN,MAAM,GAAGhB,aAAa,CAACsB,KAAK,CAACN,MAAM,CAAC,GAAGc;IACnE;EAAC;IAAAxB,OAAA,EAAAA,CAAA,MAECkB,KAAK,CAAClB,OAAO,GAAG,CAAC;EAAA;AAGzB,CAAC,CAAC","ignoreList":[]}