@vuetify/nightly 3.11.4-dev.2025-12-22 → 3.11.4-dev.2025-12-23

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

@@ -70,6 +70,7 @@ export declare const makeVDataIteratorProps: <Defaults extends {
     returnObject?: unknown;
     search?: unknown;
     loading?: unknown;
+    itemsLength?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     class: unknown extends Defaults["class"] ? import("vue").PropType<any> : {
         type: import("vue").PropType<unknown extends Defaults["class"] ? any : any>;
@@ -335,6 +336,10 @@ export declare const makeVDataIteratorProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"]>;
         default: unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"];
     };
+    itemsLength: unknown extends Defaults["itemsLength"] ? (NumberConstructor | StringConstructor)[] : {
+        type: import("vue").PropType<unknown extends Defaults["itemsLength"] ? string | number : string | number | Defaults["itemsLength"]>;
+        default: unknown extends Defaults["itemsLength"] ? string | number : Defaults["itemsLength"] | NonNullable<string | number>;
+    };
 };
 export declare const VDataIterator: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
@@ -373,6 +378,7 @@ export declare const VDataIterator: {
         customKeySort?: Record<string, import("../../types.js").DataTableCompareFunction> | undefined;
         valueComparator?: typeof import("../../util/index.js").deepEqual | undefined;
         search?: string | undefined;
+        itemsLength?: string | number | undefined;
     } & {
         "onUpdate:currentItems"?: ((value: any) => any) | undefined;
         "onUpdate:expanded"?: ((value: any) => any) | undefined;
@@ -478,6 +484,7 @@ export declare const VDataIterator: {
         customKeySort?: Record<string, import("../../types.js").DataTableCompareFunction> | undefined;
         valueComparator?: typeof import("../../util/index.js").deepEqual | undefined;
         search?: string | undefined;
+        itemsLength?: string | number | undefined;
     } & {
         "onUpdate:currentItems"?: ((value: any) => any) | undefined;
         "onUpdate:expanded"?: ((value: any) => any) | undefined;
@@ -555,6 +562,7 @@ export declare const VDataIterator: {
     customKeySort?: Record<string, import("../../types.js").DataTableCompareFunction> | undefined;
     valueComparator?: typeof import("../../util/index.js").deepEqual | undefined;
     search?: string | undefined;
+    itemsLength?: string | number | undefined;
 } & {
     "onUpdate:currentItems"?: ((value: any) => any) | undefined;
     "onUpdate:expanded"?: ((value: any) => any) | undefined;
@@ -714,6 +722,7 @@ export declare const VDataIterator: {
     returnObject: BooleanConstructor;
     search: StringConstructor;
     loading: BooleanConstructor;
+    itemsLength: (NumberConstructor | StringConstructor)[];
 }, import("vue").ExtractPropTypes<{
     class: import("vue").PropType<any>;
     style: {
@@ -807,6 +816,7 @@ export declare const VDataIterator: {
     returnObject: BooleanConstructor;
     search: StringConstructor;
     loading: BooleanConstructor;
+    itemsLength: (NumberConstructor | StringConstructor)[];
 }>>;
 export type VDataIterator = InstanceType<typeof VDataIterator>;
 

package/lib/components/VDataIterator/VDataIterator.js

@@ -13,12 +13,14 @@ import { makeFilterProps, useFilter } from "../../composables/filter.js";
 import { LoaderSlot } from "../../composables/loader.js";
 import { useProxiedModel } from "../../composables/proxiedModel.js";
 import { makeTagProps } from "../../composables/tag.js";
+import { useToggleScope } from "../../composables/toggleScope.js";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.js"; // Utilities
-import { computed, toRef } from 'vue';
-import { genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
+import { computed, shallowRef, toRef, watchEffect } from 'vue';
+import { genericComponent, isEmpty, propsFactory, useRender } from "../../util/index.js"; // Types
 export const makeVDataIteratorProps = propsFactory({
   search: String,
   loading: Boolean,
+  itemsLength: [Number, String],
   ...makeComponentProps(),
   ...makeDataIteratorItemsProps(),
   ...makeDataTableSelectProps(),
@@ -101,7 +103,8 @@ export const VDataIterator = genericComponent()({
     const {
       flatItems
     } = useGroupedItems(sortedItems, groupBy, opened, false);
-    const itemsLength = toRef(() => flatItems.value.length);
+    const manualPagination = toRef(() => !isEmpty(props.itemsLength));
+    const itemsLength = toRef(() => manualPagination.value ? Number(props.itemsLength) : flatItems.value.length);
     const {
       startIndex,
       stopIndex,
@@ -115,15 +118,22 @@ export const VDataIterator = genericComponent()({
       itemsPerPage,
       itemsLength
     });
-    const {
-      paginatedItems
-    } = usePaginatedItems({
-      items: flatItems,
-      startIndex,
-      stopIndex,
-      itemsPerPage
+    const paginatedItems = shallowRef([]);
+    const currentItems = computed(() => manualPagination.value ? flatItems.value : paginatedItems.value);
+    useToggleScope(() => !manualPagination.value, () => {
+      const {
+        paginatedItems: items
+      } = usePaginatedItems({
+        items: flatItems,
+        startIndex,
+        stopIndex,
+        itemsPerPage
+      });
+      watchEffect(() => {
+        paginatedItems.value = items.value;
+      });
     });
-    const paginatedItemsWithoutGroups = computed(() => extractRows(paginatedItems.value));
+    const currentItemsWithoutGroups = computed(() => extractRows(currentItems.value));
     const {
       isSelected,
       select,
@@ -131,7 +141,7 @@ export const VDataIterator = genericComponent()({
       toggleSelect
     } = provideSelection(props, {
       allItems: items,
-      currentPage: paginatedItemsWithoutGroups
+      currentPage: currentItemsWithoutGroups
     });
     const {
       isExpanded,
@@ -162,9 +172,9 @@ export const VDataIterator = genericComponent()({
       toggleExpand,
       isGroupOpen,
       toggleGroup,
-      items: paginatedItemsWithoutGroups.value,
+      items: currentItemsWithoutGroups.value,
       itemsCount: filteredItems.value.length,
-      groupedItems: paginatedItems.value
+      groupedItems: currentItems.value
     }));
     useRender(() => _createVNode(props.tag, {
       "class": _normalizeClass(['v-data-iterator', {
@@ -183,7 +193,7 @@ export const VDataIterator = genericComponent()({
           default: slotProps => slots.loader?.(slotProps)
         }) : _createElementVNode("div", {
           "key": "items"
-        }, [!paginatedItems.value.length ? slots['no-data']?.() : slots.default?.(slotProps.value)])]
+        }, [!currentItems.value.length ? slots['no-data']?.() : slots.default?.(slotProps.value)])]
       }), slots.footer?.(slotProps.value)]
     }));
     return {};

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","initialSortOrder","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, GroupSummary } 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>> | GroupSummary<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 { initialSortOrder, sortBy, multiSort, mustSort } = createSort(props)\n    const { page, itemsPerPage } = createPagination(props)\n\n    const { toggleSort } = provideSort({ initialSortOrder, 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, false)\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":"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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","useToggleScope","makeTransitionProps","MaybeTransition","computed","shallowRef","toRef","watchEffect","genericComponent","isEmpty","propsFactory","useRender","makeVDataIteratorProps","search","String","loading","Boolean","itemsLength","Number","itemsPerPage","transition","component","hideOnLeave","VDataIterator","name","props","emits","value","setup","_ref","slots","groupBy","items","filteredItems","transform","item","raw","initialSortOrder","sortBy","multiSort","mustSort","page","toggleSort","sortByWithGroups","opened","extractRows","isGroupOpen","toggleGroup","sortedItems","flatItems","manualPagination","length","startIndex","stopIndex","pageCount","prevPage","nextPage","setItemsPerPage","setPage","paginatedItems","currentItems","currentItemsWithoutGroups","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 { useToggleScope } from '@/composables/toggleScope'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { computed, shallowRef, toRef, watchEffect } from 'vue'\nimport { genericComponent, isEmpty, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { Component } from 'vue'\nimport type { DataIteratorItem } from './composables/items'\nimport type { Group, GroupSummary } 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>> | GroupSummary<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  itemsLength: [Number, String],\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 { initialSortOrder, sortBy, multiSort, mustSort } = createSort(props)\n    const { page, itemsPerPage } = createPagination(props)\n\n    const { toggleSort } = provideSort({ initialSortOrder, 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, false)\n\n    const manualPagination = toRef(() => !isEmpty(props.itemsLength))\n    const itemsLength = toRef(() => manualPagination.value ? Number(props.itemsLength) : 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\n    const paginatedItems = shallowRef<typeof flatItems.value>([])\n    const currentItems = computed(() => manualPagination.value ? flatItems.value : paginatedItems.value)\n\n    useToggleScope(() => !manualPagination.value, () => {\n      const { paginatedItems: items } = usePaginatedItems({ items: flatItems, startIndex, stopIndex, itemsPerPage })\n\n      watchEffect(() => {\n        paginatedItems.value = items.value\n      })\n    })\n\n    const currentItemsWithoutGroups = computed(() => extractRows(currentItems.value))\n\n    const {\n      isSelected,\n      select,\n      selectAll,\n      toggleSelect,\n    } = provideSelection(props, { allItems: items, currentPage: currentItemsWithoutGroups })\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: currentItemsWithoutGroups.value,\n      itemsCount: filteredItems.value.length,\n      groupedItems: currentItems.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              { !currentItems.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":[]}

package/lib/entry-bundler.js

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.11.4-dev.2025-12-22";
+export const version = "3.11.4-dev.2025-12-23";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";

package/lib/framework.d.ts

@@ -2779,54 +2779,44 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VApp: typeof import('vuetify/components')['VApp']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VApp: typeof import('vuetify/components')['VApp']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VBtn: typeof import('vuetify/components')['VBtn']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
     VBadge: typeof import('vuetify/components')['VBadge']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
+    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
+    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VCalendar: typeof import('vuetify/components')['VCalendar']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
-    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
-    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
-    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VBtn: typeof import('vuetify/components')['VBtn']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VChip: typeof import('vuetify/components')['VChip']
-    VCalendar: typeof import('vuetify/components')['VCalendar']
-    VCode: typeof import('vuetify/components')['VCode']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCarousel: typeof import('vuetify/components')['VCarousel']
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VCounter: typeof import('vuetify/components')['VCounter']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VDatePicker: typeof import('vuetify/components')['VDatePicker']
-    VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
-    VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
-    VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
-    VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
-    VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
-    VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
-    VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
-    VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
-    VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VDivider: typeof import('vuetify/components')['VDivider']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VDialog: typeof import('vuetify/components')['VDialog']
+    VCounter: typeof import('vuetify/components')['VCounter']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -2834,27 +2824,36 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VDialog: typeof import('vuetify/components')['VDialog']
-    VFab: typeof import('vuetify/components')['VFab']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VDatePicker: typeof import('vuetify/components')['VDatePicker']
+    VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
+    VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
+    VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
+    VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
+    VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
     VEmptyState: typeof import('vuetify/components')['VEmptyState']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
-    VFooter: typeof import('vuetify/components')['VFooter']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
+    VFab: typeof import('vuetify/components')['VFab']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VHotkey: typeof import('vuetify/components')['VHotkey']
+    VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
+    VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
+    VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
+    VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
+    VImg: typeof import('vuetify/components')['VImg']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VImg: typeof import('vuetify/components')['VImg']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
     VLabel: typeof import('vuetify/components')['VLabel']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VInput: typeof import('vuetify/components')['VInput']
     VKbd: typeof import('vuetify/components')['VKbd']
-    VMain: typeof import('vuetify/components')['VMain']
+    VInput: typeof import('vuetify/components')['VInput']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2864,26 +2863,27 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VNumberInput: typeof import('vuetify/components')['VNumberInput']
-    VMessages: typeof import('vuetify/components')['VMessages']
+    VMain: typeof import('vuetify/components')['VMain']
     VMenu: typeof import('vuetify/components')['VMenu']
+    VMessages: typeof import('vuetify/components')['VMessages']
+    VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VPagination: typeof import('vuetify/components')['VPagination']
-    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VNumberInput: typeof import('vuetify/components')['VNumberInput']
+    VSheet: typeof import('vuetify/components')['VSheet']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
-    VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VSelect: typeof import('vuetify/components')['VSelect']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VPagination: typeof import('vuetify/components')['VPagination']
     VRating: typeof import('vuetify/components')['VRating']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSheet: typeof import('vuetify/components')['VSheet']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSlider: typeof import('vuetify/components')['VSlider']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
@@ -2891,37 +2891,37 @@ declare module 'vue' {
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTextField: typeof import('vuetify/components')['VTextField']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    VTable: typeof import('vuetify/components')['VTable']
     VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VTable: typeof import('vuetify/components')['VTable']
+    VTreeview: typeof import('vuetify/components')['VTreeview']
+    VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
+    VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
     VTimePicker: typeof import('vuetify/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VTextField: typeof import('vuetify/components')['VTextField']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VTreeview: typeof import('vuetify/components')['VTreeview']
-    VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
-    VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
     VTooltip: typeof import('vuetify/components')['VTooltip']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
-    VHover: typeof import('vuetify/components')['VHover']
     VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
+    VHover: typeof import('vuetify/components')['VHover']
     VLazy: typeof import('vuetify/components')['VLazy']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
@@ -2929,8 +2929,8 @@ declare module 'vue' {
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
-    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
+    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
     VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
@@ -2953,23 +2953,23 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
+    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VColorInput: typeof import('vuetify/labs/components')['VColorInput']
+    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
+    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
     VPie: typeof import('vuetify/labs/components')['VPie']
     VPieSegment: typeof import('vuetify/labs/components')['VPieSegment']
     VPieTooltip: typeof import('vuetify/labs/components')['VPieTooltip']
-    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
     VVideo: typeof import('vuetify/labs/components')['VVideo']
     VVideoControls: typeof import('vuetify/labs/components')['VVideoControls']
     VVideoVolume: typeof import('vuetify/labs/components')['VVideoVolume']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
-    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
-    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
-    VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
+    VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
   }
   export interface GlobalDirectives {

package/lib/framework.js

@@ -110,7 +110,7 @@ export function createVuetify() {
     };
   });
 }
-export const version = "3.11.4-dev.2025-12-22";
+export const version = "3.11.4-dev.2025-12-23";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/nightly",
   "description": "Vue Material Component Framework",
-  "version": "3.11.4-dev.2025-12-22",
+  "version": "3.11.4-dev.2025-12-23",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"