vuetify 3.3.0 → 3.3.2

package/lib/labs/VDataIterator/VDataIterator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VDataIterator.mjs","names":["makeDataIteratorItemProps","useDataIteratorItems","makeComponentProps","makeFilterProps","useFilter","makeTagProps","useProxiedModel","createPagination","makeDataTablePaginateProps","providePagination","usePaginatedItems","createSort","makeDataTableSortProps","provideSort","useSortedItems","makeDataTableExpandProps","provideExpanded","makeDataTableGroupProps","provideGroupBy","useGroupedItems","makeDataTableSelectProps","provideSelection","useOptions","computed","toRef","genericComponent","propsFactory","useRender","makeVDataIteratorProps","search","String","loading","Boolean","itemsPerPage","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","isExpanded","toggleExpand","slotProps","groupedItems","_createVNode","tag","class","style","default","header","footer"],"sources":["../../../src/labs/VDataIterator/VDataIterator.tsx"],"sourcesContent":["// Composables\nimport { makeDataIteratorItemProps, useDataIteratorItems } from './composables/items'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTagProps } from '@/composables/tag'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\nimport { createPagination, makeDataTablePaginateProps, providePagination, usePaginatedItems } from '@/labs/VDataTable/composables/paginate'\nimport { createSort, makeDataTableSortProps, provideSort, useSortedItems } from '@/labs/VDataTable/composables/sort'\nimport { makeDataTableExpandProps, provideExpanded } from '@/labs/VDataTable/composables/expand'\nimport { makeDataTableGroupProps, provideGroupBy, useGroupedItems } from '@/labs/VDataTable/composables/group'\nimport { makeDataTableSelectProps, provideSelection } from '@/labs/VDataTable/composables/select'\nimport { useOptions } from '@/labs/VDataTable/composables/options'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { DataIteratorItem } from './composables/items'\nimport type { Group } from '@/labs/VDataTable/composables/group'\nimport type { SortItem } from '@/labs/VDataTable/composables/sort'\n\ntype VDataIteratorSlotProps = {\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[]\n  groupedItems: readonly (DataIteratorItem | Group<DataIteratorItem>)[]\n}\n\nexport type VDataIteratorSlots = {\n  default: [VDataIteratorSlotProps]\n  header: [VDataIteratorSlotProps]\n  footer: [VDataIteratorSlotProps]\n  'no-data': []\n}\n\nexport const makeVDataIteratorProps = propsFactory({\n  search: String,\n  loading: Boolean,\n\n  ...makeComponentProps(),\n  ...makeDataIteratorItemProps(),\n  ...makeDataTableSelectProps(),\n  ...makeDataTableSortProps(),\n  ...makeDataTablePaginateProps({ itemsPerPage: 5 }),\n  ...makeDataTableExpandProps(),\n  ...makeDataTableGroupProps(),\n  ...makeFilterProps(),\n  ...makeTagProps(),\n}, 'v-data-iterator')\n\nexport const VDataIterator = genericComponent<VDataIteratorSlots>()({\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  },\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)\n    const { flatItems } = useGroupedItems(sortedItems, groupBy, opened)\n\n    const itemsLength = computed(() => 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 { isSelected, select, selectAll, toggleSelect } = provideSelection(props, 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: paginatedItems.value,\n      groupedItems: flatItems.value,\n    }))\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-data-iterator',\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.header?.(slotProps.value) }\n\n        { !paginatedItems.value.length\n          ? slots['no-data']?.()\n          : slots.default?.(slotProps.value)\n        }\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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"}
+{"version":3,"file":"VDataIterator.mjs","names":["makeDataIteratorItemsProps","useDataIteratorItems","makeComponentProps","makeFilterProps","useFilter","useProxiedModel","makeTagProps","makeDataTableExpandProps","provideExpanded","makeDataTableGroupProps","provideGroupBy","useGroupedItems","useOptions","createPagination","makeDataTablePaginateProps","providePagination","usePaginatedItems","makeDataTableSelectProps","provideSelection","createSort","makeDataTableSortProps","provideSort","useSortedItems","computed","toRef","genericComponent","propsFactory","useRender","makeVDataIteratorProps","search","String","loading","Boolean","itemsPerPage","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","class","style","default","header","footer"],"sources":["../../../src/labs/VDataIterator/VDataIterator.tsx"],"sourcesContent":["// Composables\nimport { makeDataIteratorItemsProps, useDataIteratorItems } from './composables/items'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeDataTableExpandProps, provideExpanded } from '@/labs/VDataTable/composables/expand'\nimport { makeDataTableGroupProps, provideGroupBy, useGroupedItems } from '@/labs/VDataTable/composables/group'\nimport { useOptions } from '@/labs/VDataTable/composables/options'\nimport { createPagination, makeDataTablePaginateProps, providePagination, usePaginatedItems } from '@/labs/VDataTable/composables/paginate'\nimport { makeDataTableSelectProps, provideSelection } from '@/labs/VDataTable/composables/select'\nimport { createSort, makeDataTableSortProps, provideSort, useSortedItems } from '@/labs/VDataTable/composables/sort'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { DataIteratorItem } from './composables/items'\nimport type { Group } from '@/labs/VDataTable/composables/group'\nimport type { SortItem } from '@/labs/VDataTable/composables/sort'\n\ntype VDataIteratorSlotProps = {\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[]\n  groupedItems: readonly (DataIteratorItem | Group<DataIteratorItem>)[]\n}\n\nexport type VDataIteratorSlots = {\n  default: VDataIteratorSlotProps\n  header: VDataIteratorSlotProps\n  footer: VDataIteratorSlotProps\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}, 'VDataIterator')\n\nexport const VDataIterator = genericComponent<VDataIteratorSlots>()({\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  },\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)\n    const { flatItems } = useGroupedItems(sortedItems, groupBy, opened)\n\n    const itemsLength = computed(() => 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          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.header?.(slotProps.value) }\n\n        { !paginatedItems.value.length\n          ? slots['no-data']?.()\n          : slots.default?.(slotProps.value)\n        }\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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"}

package/lib/labs/VDataIterator/composables/items.mjs

@@ -2,22 +2,28 @@
 import { computed } from 'vue';
 import { getPropertyFromItem, propsFactory } from "../../../util/index.mjs"; // Types
 // Composables
-export const makeDataIteratorItemProps = propsFactory({
+export const makeDataIteratorItemsProps = propsFactory({
   items: {
     type: Array,
     default: () => []
   },
   itemValue: {
     type: [String, Array, Function],
-    default: 'value'
+    default: 'id'
+  },
+  itemSelectable: {
+    type: [String, Array, Function],
+    default: null
   },
   returnObject: Boolean
-}, 'v-data-iterator-item');
+}, 'DataIterator-items');
 export function transformItem(props, item) {
   const value = props.returnObject ? item : getPropertyFromItem(item, props.itemValue);
+  const selectable = getPropertyFromItem(item, props.itemSelectable, true);
   return {
     type: 'item',
     value,
+    selectable,
     raw: item
   };
 }

package/lib/labs/VDataIterator/composables/items.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"items.mjs","names":["computed","getPropertyFromItem","propsFactory","makeDataIteratorItemProps","items","type","Array","default","itemValue","String","Function","returnObject","Boolean","transformItem","props","item","value","raw","transformItems","array","push","useDataIteratorItems"],"sources":["../../../../src/labs/VDataIterator/composables/items.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { getPropertyFromItem, propsFactory } from '@/util'\n\n// Types\nimport type { GroupableItem } from '@/labs/VDataTable/composables/group'\nimport type { PropType } from 'vue'\nimport type { SelectItemKey } from '@/util'\n\nexport interface DataIteratorItemProps {\n  items: any[]\n  itemValue: SelectItemKey\n  returnObject: boolean\n}\n\nexport interface DataIteratorItem<T = any> extends GroupableItem<T> {\n  value: unknown\n}\n\n// Composables\nexport const makeDataIteratorItemProps = propsFactory({\n  items: {\n    type: Array as PropType<DataIteratorItemProps['items']>,\n    default: () => ([]),\n  },\n  itemValue: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: 'value',\n  },\n  returnObject: Boolean,\n}, 'v-data-iterator-item')\n\nexport function transformItem (\n  props: Omit<DataIteratorItemProps, 'items'>,\n  item: any\n): DataIteratorItem {\n  const value = props.returnObject ? item : getPropertyFromItem(item, props.itemValue)\n\n  return {\n    type: 'item',\n    value,\n    raw: item,\n  }\n}\n\nexport function transformItems (\n  props: Omit<DataIteratorItemProps, 'items'>,\n  items: DataIteratorItemProps['items']\n) {\n  const array: DataIteratorItem[] = []\n\n  for (const item of items) {\n    array.push(transformItem(props, item))\n  }\n\n  return array\n}\n\nexport function useDataIteratorItems (props: DataIteratorItemProps) {\n  const items = computed(() => transformItems(props, props.items))\n\n  return { items }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,QAAQ,KAAK;AAAA,SACrBC,mBAAmB,EAAEC,YAAY,mCAE1C;AAeA;AACA,OAAO,MAAMC,yBAAyB,GAAGD,YAAY,CAAC;EACpDE,KAAK,EAAE;IACLC,IAAI,EAAEC,KAAiD;IACvDC,OAAO,EAAEA,CAAA,KAAO;EAClB,CAAC;EACDC,SAAS,EAAE;IACTH,IAAI,EAAE,CAACI,MAAM,EAAEH,KAAK,EAAEI,QAAQ,CAA4B;IAC1DH,OAAO,EAAE;EACX,CAAC;EACDI,YAAY,EAAEC;AAChB,CAAC,EAAE,sBAAsB,CAAC;AAE1B,OAAO,SAASC,aAAaA,CAC3BC,KAA2C,EAC3CC,IAAS,EACS;EAClB,MAAMC,KAAK,GAAGF,KAAK,CAACH,YAAY,GAAGI,IAAI,GAAGd,mBAAmB,CAACc,IAAI,EAAED,KAAK,CAACN,SAAS,CAAC;EAEpF,OAAO;IACLH,IAAI,EAAE,MAAM;IACZW,KAAK;IACLC,GAAG,EAAEF;EACP,CAAC;AACH;AAEA,OAAO,SAASG,cAAcA,CAC5BJ,KAA2C,EAC3CV,KAAqC,EACrC;EACA,MAAMe,KAAyB,GAAG,EAAE;EAEpC,KAAK,MAAMJ,IAAI,IAAIX,KAAK,EAAE;IACxBe,KAAK,CAACC,IAAI,CAACP,aAAa,CAACC,KAAK,EAAEC,IAAI,CAAC,CAAC;EACxC;EAEA,OAAOI,KAAK;AACd;AAEA,OAAO,SAASE,oBAAoBA,CAAEP,KAA4B,EAAE;EAClE,MAAMV,KAAK,GAAGJ,QAAQ,CAAC,MAAMkB,cAAc,CAACJ,KAAK,EAAEA,KAAK,CAACV,KAAK,CAAC,CAAC;EAEhE,OAAO;IAAEA;EAAM,CAAC;AAClB"}
+{"version":3,"file":"items.mjs","names":["computed","getPropertyFromItem","propsFactory","makeDataIteratorItemsProps","items","type","Array","default","itemValue","String","Function","itemSelectable","returnObject","Boolean","transformItem","props","item","value","selectable","raw","transformItems","array","push","useDataIteratorItems"],"sources":["../../../../src/labs/VDataIterator/composables/items.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { getPropertyFromItem, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { GroupableItem } from '@/labs/VDataTable/composables/group'\nimport type { SelectableItem } from '@/labs/VDataTable/composables/select'\nimport type { SelectItemKey } from '@/util'\n\nexport interface DataIteratorItemProps {\n  items: any[]\n  itemValue: SelectItemKey\n  itemSelectable: SelectItemKey\n  returnObject: boolean\n}\n\nexport interface DataIteratorItem<T = any> extends GroupableItem<T>, SelectableItem {\n  value: unknown\n}\n\n// Composables\nexport const makeDataIteratorItemsProps = propsFactory({\n  items: {\n    type: Array as PropType<DataIteratorItemProps['items']>,\n    default: () => ([]),\n  },\n  itemValue: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: 'id',\n  },\n  itemSelectable: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: null,\n  },\n  returnObject: Boolean,\n}, 'DataIterator-items')\n\nexport function transformItem (\n  props: Omit<DataIteratorItemProps, 'items'>,\n  item: any\n): DataIteratorItem {\n  const value = props.returnObject ? item : getPropertyFromItem(item, props.itemValue)\n  const selectable = getPropertyFromItem(item, props.itemSelectable, true)\n\n  return {\n    type: 'item',\n    value,\n    selectable,\n    raw: item,\n  }\n}\n\nexport function transformItems (\n  props: Omit<DataIteratorItemProps, 'items'>,\n  items: DataIteratorItemProps['items']\n) {\n  const array: DataIteratorItem[] = []\n\n  for (const item of items) {\n    array.push(transformItem(props, item))\n  }\n\n  return array\n}\n\nexport function useDataIteratorItems (props: DataIteratorItemProps) {\n  const items = computed(() => transformItems(props, props.items))\n\n  return { items }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,QAAQ,KAAK;AAAA,SACrBC,mBAAmB,EAAEC,YAAY,mCAE1C;AAiBA;AACA,OAAO,MAAMC,0BAA0B,GAAGD,YAAY,CAAC;EACrDE,KAAK,EAAE;IACLC,IAAI,EAAEC,KAAiD;IACvDC,OAAO,EAAEA,CAAA,KAAO;EAClB,CAAC;EACDC,SAAS,EAAE;IACTH,IAAI,EAAE,CAACI,MAAM,EAAEH,KAAK,EAAEI,QAAQ,CAA4B;IAC1DH,OAAO,EAAE;EACX,CAAC;EACDI,cAAc,EAAE;IACdN,IAAI,EAAE,CAACI,MAAM,EAAEH,KAAK,EAAEI,QAAQ,CAA4B;IAC1DH,OAAO,EAAE;EACX,CAAC;EACDK,YAAY,EAAEC;AAChB,CAAC,EAAE,oBAAoB,CAAC;AAExB,OAAO,SAASC,aAAaA,CAC3BC,KAA2C,EAC3CC,IAAS,EACS;EAClB,MAAMC,KAAK,GAAGF,KAAK,CAACH,YAAY,GAAGI,IAAI,GAAGf,mBAAmB,CAACe,IAAI,EAAED,KAAK,CAACP,SAAS,CAAC;EACpF,MAAMU,UAAU,GAAGjB,mBAAmB,CAACe,IAAI,EAAED,KAAK,CAACJ,cAAc,EAAE,IAAI,CAAC;EAExE,OAAO;IACLN,IAAI,EAAE,MAAM;IACZY,KAAK;IACLC,UAAU;IACVC,GAAG,EAAEH;EACP,CAAC;AACH;AAEA,OAAO,SAASI,cAAcA,CAC5BL,KAA2C,EAC3CX,KAAqC,EACrC;EACA,MAAMiB,KAAyB,GAAG,EAAE;EAEpC,KAAK,MAAML,IAAI,IAAIZ,KAAK,EAAE;IACxBiB,KAAK,CAACC,IAAI,CAACR,aAAa,CAACC,KAAK,EAAEC,IAAI,CAAC,CAAC;EACxC;EAEA,OAAOK,KAAK;AACd;AAEA,OAAO,SAASE,oBAAoBA,CAAER,KAA4B,EAAE;EAClE,MAAMX,KAAK,GAAGJ,QAAQ,CAAC,MAAMoB,cAAc,CAACL,KAAK,EAAEA,KAAK,CAACX,KAAK,CAAC,CAAC;EAEhE,OAAO;IAAEA;EAAM,CAAC;AAClB"}

package/lib/labs/VDataIterator/index.d.mts

@@ -46,6 +46,36 @@ declare function provideGroupBy(options: {
     isGroupOpen: (group: Group) => boolean;
 };
 
+interface DataTableItemProps {
+    items: any[];
+    itemValue: SelectItemKey;
+    itemSelectable: SelectItemKey;
+    returnObject: boolean;
+}
+
+interface SelectableItem {
+    value: any;
+    selectable: boolean;
+}
+type SelectionProps = Pick<DataTableItemProps, 'itemValue'> & {
+    modelValue: readonly any[];
+    selectStrategy: 'single' | 'page' | 'all';
+    'onUpdate:modelValue': ((value: any[]) => void) | undefined;
+};
+declare function provideSelection(props: SelectionProps, { allItems, currentPage }: {
+    allItems: Ref<SelectableItem[]>;
+    currentPage: Ref<SelectableItem[]>;
+}): {
+    toggleSelect: (item: SelectableItem) => void;
+    select: (items: SelectableItem[], value: boolean) => void;
+    selectAll: (value: boolean) => void;
+    isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
+    isSomeSelected: (items: SelectableItem | SelectableItem[]) => boolean;
+    someSelected: vue.ComputedRef<boolean>;
+    allSelected: vue.ComputedRef<boolean>;
+    showSelectAll: boolean;
+};
+
 type DataTableCompareFunction<T = any> = (a: T, b: T) => number;
 type DataTableHeader = {
     key: string;
@@ -54,8 +84,8 @@ type DataTableHeader = {
     colspan?: number;
     rowspan?: number;
     fixed?: boolean;
-    align?: 'start' | 'end';
-    width?: number;
+    align?: 'start' | 'end' | 'center';
+    width?: number | string;
     minWidth?: string;
     maxWidth?: string;
     sortable?: boolean;
@@ -66,8 +96,8 @@ type InternalDataTableHeader = DataTableHeader & {
     fixedOffset?: number;
     lastFixed?: boolean;
 };
-interface DataTableItem<T = any> extends GroupableItem<T> {
-    value: any;
+interface DataTableItem<T = any> extends GroupableItem<T>, SelectableItem {
+    index: number;
     columns: {
         [key: string]: any;
     };
@@ -85,23 +115,6 @@ type FilterKeyFunctions = Record<string, FilterFunction>;
 type FilterKeys = string | string[];
 type FilterMode = 'some' | 'every' | 'union' | 'intersection';
 
-declare function providePagination(options: {
-    page: Ref<number>;
-    itemsPerPage: Ref<number>;
-    itemsLength: Ref<number>;
-}): {
-    page: Ref<number>;
-    itemsPerPage: Ref<number>;
-    startIndex: vue.ComputedRef<number>;
-    stopIndex: vue.ComputedRef<number>;
-    pageCount: vue.ComputedRef<number>;
-    itemsLength: Ref<number>;
-    nextPage: () => void;
-    prevPage: () => void;
-    setPage: (value: number) => void;
-    setItemsPerPage: (value: number) => void;
-};
-
 type ExpandProps = {
     expandOnClick: boolean;
     expanded: readonly string[];
@@ -117,27 +130,24 @@ declare function provideExpanded(props: ExpandProps): {
     toggleExpand: (item: DataTableItem) => void;
 };
 
-interface DataTableItemProps {
-    items: any[];
-    itemValue: SelectItemKey;
-    returnObject: boolean;
-}
-
-type SelectionProps = Pick<DataTableItemProps, 'itemValue'> & {
-    modelValue: readonly any[];
-    'onUpdate:modelValue': ((value: any[]) => void) | undefined;
-};
-declare function provideSelection<T extends DataTableItem>(props: SelectionProps, allItems: Ref<T[]>): {
-    toggleSelect: (item: T) => void;
-    select: (items: T[], value: boolean) => void;
-    selectAll: (value: boolean) => void;
-    isSelected: (items: T | T[]) => boolean;
-    isSomeSelected: (items: T | T[]) => boolean;
-    someSelected: vue.ComputedRef<boolean>;
-    allSelected: vue.ComputedRef<boolean>;
+declare function providePagination(options: {
+    page: Ref<number>;
+    itemsPerPage: Ref<number>;
+    itemsLength: Ref<number>;
+}): {
+    page: Ref<number>;
+    itemsPerPage: Ref<number>;
+    startIndex: vue.ComputedRef<number>;
+    stopIndex: vue.ComputedRef<number>;
+    pageCount: vue.ComputedRef<number>;
+    itemsLength: Ref<number>;
+    nextPage: () => void;
+    prevPage: () => void;
+    setPage: (value: number) => void;
+    setItemsPerPage: (value: number) => void;
 };
 
-interface DataIteratorItem<T = any> extends GroupableItem<T> {
+interface DataIteratorItem<T = any> extends GroupableItem<T>, SelectableItem {
     value: unknown;
 }
 
@@ -175,42 +185,38 @@ declare const VDataIterator: {
             sortBy?: readonly SortItem[] | undefined;
             items?: any[] | undefined;
             modelValue?: readonly any[] | undefined;
+            selectStrategy?: "all" | "page" | "single" | undefined;
             itemValue?: SelectItemKey | undefined;
             returnObject?: boolean | undefined;
             filterMode?: FilterMode | undefined;
             noFilter?: boolean | undefined;
+            itemSelectable?: SelectItemKey | undefined;
+            showSelect?: boolean | undefined;
             multiSort?: boolean | undefined;
             mustSort?: boolean | undefined;
             groupBy?: readonly SortItem[] | undefined;
-            itemsPerPage?: NonNullable<string | number> | undefined;
             expandOnClick?: boolean | undefined;
             showExpand?: boolean | undefined;
-            showSelect?: boolean | undefined;
+            itemsPerPage?: NonNullable<string | number> | undefined;
             search?: string | undefined;
             key?: string | number | symbol | undefined;
             class?: any;
             $children?: vue.VNodeChild | {
-                default?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                header?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                footer?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                default?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                header?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                footer?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
                 'no-data'?: (() => vue.VNodeChild) | undefined;
-            } | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild);
+            } | ((arg: VDataIteratorSlotProps) => vue.VNodeChild);
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            "v-slot:default"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                header?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                footer?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                default?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                header?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                footer?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            $slots?: {
-                default?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                header?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                footer?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -250,7 +256,7 @@ declare const VDataIterator: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-            "v-slot:header"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
@@ -258,11 +264,11 @@ declare const VDataIterator: {
             customKeySort?: Record<string, DataTableCompareFunction> | undefined;
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
+            "onUpdate:expanded"?: ((value: any) => any) | undefined;
             "onUpdate:page"?: ((value: number) => any) | undefined;
             "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
-            "onUpdate:expanded"?: ((value: any) => any) | undefined;
             "onUpdate:options"?: ((value: any) => any) | undefined;
-            "v-slot:footer"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -271,13 +277,13 @@ declare const VDataIterator: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: ((args_0: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default?: ((arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            header?: ((args_0: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            header?: ((arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            footer?: ((args_0: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            footer?: ((arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
             'no-data'?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -297,17 +303,19 @@ declare const VDataIterator: {
             sortBy: readonly SortItem[];
             items: any[];
             modelValue: readonly any[];
+            selectStrategy: "all" | "page" | "single";
             itemValue: SelectItemKey;
             returnObject: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            itemSelectable: SelectItemKey;
+            showSelect: boolean;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: readonly SortItem[];
-            itemsPerPage: NonNullable<string | number>;
             expandOnClick: boolean;
             showExpand: boolean;
-            showSelect: boolean;
+            itemsPerPage: NonNullable<string | number>;
         } & {
             search?: string | undefined;
             class?: any;
@@ -317,36 +325,29 @@ declare const VDataIterator: {
             customKeySort?: Record<string, DataTableCompareFunction> | undefined;
         } & {
             $children?: vue.VNodeChild | {
-                default?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                header?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                footer?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                default?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                header?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                footer?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
                 'no-data'?: (() => vue.VNodeChild) | undefined;
-            } | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild);
+            } | ((arg: VDataIteratorSlotProps) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                header?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                footer?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                default?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                header?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                footer?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-            "v-slot:header"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-            "v-slot:footer"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                header?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                footer?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-                'no-data'?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
+            "onUpdate:expanded"?: ((value: any) => any) | undefined;
             "onUpdate:page"?: ((value: number) => any) | undefined;
             "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
-            "onUpdate:expanded"?: ((value: any) => any) | undefined;
             "onUpdate:options"?: ((value: any) => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (value: any[]) => boolean;
@@ -365,25 +366,27 @@ declare const VDataIterator: {
             sortBy: readonly SortItem[];
             items: any[];
             modelValue: readonly any[];
+            selectStrategy: "all" | "page" | "single";
             itemValue: SelectItemKey;
             returnObject: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            itemSelectable: SelectItemKey;
+            showSelect: boolean;
             multiSort: boolean;
             mustSort: boolean;
             groupBy: readonly SortItem[];
-            itemsPerPage: NonNullable<string | number>;
             expandOnClick: boolean;
             showExpand: boolean;
-            showSelect: boolean;
+            itemsPerPage: NonNullable<string | number>;
         }, {}, string, vue.SlotsType<Partial<{
-            default: (args_0: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            header: (args_0: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            header: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            footer: (args_0: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            footer: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
             'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -418,17 +421,19 @@ declare const VDataIterator: {
         sortBy: readonly SortItem[];
         items: any[];
         modelValue: readonly any[];
+        selectStrategy: "all" | "page" | "single";
         itemValue: SelectItemKey;
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
+        itemSelectable: SelectItemKey;
+        showSelect: boolean;
         multiSort: boolean;
         mustSort: boolean;
         groupBy: readonly SortItem[];
-        itemsPerPage: NonNullable<string | number>;
         expandOnClick: boolean;
         showExpand: boolean;
-        showSelect: boolean;
+        itemsPerPage: NonNullable<string | number>;
     } & {
         search?: string | undefined;
         class?: any;
@@ -438,36 +443,29 @@ declare const VDataIterator: {
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
     } & {
         $children?: vue.VNodeChild | {
-            default?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-            header?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-            footer?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            default?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            header?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            footer?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
             'no-data'?: (() => vue.VNodeChild) | undefined;
-        } | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild);
+        } | ((arg: VDataIteratorSlotProps) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-            header?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-            footer?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            default?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            header?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            footer?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
             'no-data'?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:header"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:footer"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-            header?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-            footer?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
+        "onUpdate:expanded"?: ((value: any) => any) | undefined;
         "onUpdate:page"?: ((value: number) => any) | undefined;
         "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
-        "onUpdate:expanded"?: ((value: any) => any) | undefined;
         "onUpdate:options"?: ((value: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
@@ -482,17 +480,19 @@ declare const VDataIterator: {
     sortBy: readonly SortItem[];
     items: any[];
     modelValue: readonly any[];
+    selectStrategy: "all" | "page" | "single";
     itemValue: SelectItemKey;
     returnObject: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
+    itemSelectable: SelectItemKey;
+    showSelect: boolean;
     multiSort: boolean;
     mustSort: boolean;
     groupBy: readonly SortItem[];
-    itemsPerPage: NonNullable<string | number>;
     expandOnClick: boolean;
     showExpand: boolean;
-    showSelect: boolean;
+    itemsPerPage: NonNullable<string | number>;
 } & {
     search?: string | undefined;
     class?: any;
@@ -502,36 +502,29 @@ declare const VDataIterator: {
     customKeySort?: Record<string, DataTableCompareFunction> | undefined;
 } & {
     $children?: vue.VNodeChild | {
-        default?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-        header?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-        footer?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+        default?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+        header?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+        footer?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
         'no-data'?: (() => vue.VNodeChild) | undefined;
-    } | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild);
+    } | ((arg: VDataIteratorSlotProps) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-        header?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-        footer?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+        default?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+        header?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+        footer?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
         'no-data'?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-    "v-slot:header"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-    "v-slot:footer"?: false | ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+    "v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+    "v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+    "v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
     "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-        header?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-        footer?: ((args_0: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-        'no-data'?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
     "onUpdate:sortBy"?: ((value: any) => any) | undefined;
     "onUpdate:groupBy"?: ((value: any) => any) | undefined;
+    "onUpdate:expanded"?: ((value: any) => any) | undefined;
     "onUpdate:page"?: ((value: number) => any) | undefined;
     "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
-    "onUpdate:expanded"?: ((value: any) => any) | undefined;
     "onUpdate:options"?: ((value: any) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: any[]) => boolean;
@@ -550,25 +543,27 @@ declare const VDataIterator: {
     sortBy: readonly SortItem[];
     items: any[];
     modelValue: readonly any[];
+    selectStrategy: "all" | "page" | "single";
     itemValue: SelectItemKey;
     returnObject: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
+    itemSelectable: SelectItemKey;
+    showSelect: boolean;
     multiSort: boolean;
     mustSort: boolean;
     groupBy: readonly SortItem[];
-    itemsPerPage: NonNullable<string | number>;
     expandOnClick: boolean;
     showExpand: boolean;
-    showSelect: boolean;
+    itemsPerPage: NonNullable<string | number>;
 }, {}, string, vue.SlotsType<Partial<{
-    default: (args_0: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    header: (args_0: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    header: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    footer: (args_0: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    footer: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -616,6 +611,10 @@ declare const VDataIterator: {
     multiSort: BooleanConstructor;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
+    selectStrategy: {
+        type: vue.PropType<"all" | "page" | "single">;
+        default: string;
+    };
     modelValue: {
         type: vue.PropType<readonly any[]>;
         default: () => never[];
@@ -628,6 +627,10 @@ declare const VDataIterator: {
         type: vue.PropType<SelectItemKey>;
         default: string;
     };
+    itemSelectable: {
+        type: vue.PropType<SelectItemKey>;
+        default: null;
+    };
     returnObject: BooleanConstructor;
     class: vue.PropType<any>;
     style: {
@@ -678,6 +681,10 @@ declare const VDataIterator: {
     multiSort: BooleanConstructor;
     mustSort: BooleanConstructor;
     showSelect: BooleanConstructor;
+    selectStrategy: {
+        type: vue.PropType<"all" | "page" | "single">;
+        default: string;
+    };
     modelValue: {
         type: vue.PropType<readonly any[]>;
         default: () => never[];
@@ -690,6 +697,10 @@ declare const VDataIterator: {
         type: vue.PropType<SelectItemKey>;
         default: string;
     };
+    itemSelectable: {
+        type: vue.PropType<SelectItemKey>;
+        default: null;
+    };
     returnObject: BooleanConstructor;
     class: vue.PropType<any>;
     style: {