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

package/dist/vuetify.d.ts

@@ -45718,6 +45718,7 @@ declare const VDataIterator: {
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
         valueComparator?: typeof deepEqual | undefined;
         search?: string | undefined;
+        itemsLength?: string | number | undefined;
     } & {
         "onUpdate:currentItems"?: ((value: any) => any) | undefined;
         "onUpdate:expanded"?: ((value: any) => any) | undefined;
@@ -45823,6 +45824,7 @@ declare const VDataIterator: {
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
         valueComparator?: typeof deepEqual | undefined;
         search?: string | undefined;
+        itemsLength?: string | number | undefined;
     } & {
         "onUpdate:currentItems"?: ((value: any) => any) | undefined;
         "onUpdate:expanded"?: ((value: any) => any) | undefined;
@@ -45900,6 +45902,7 @@ declare const VDataIterator: {
     customKeySort?: Record<string, DataTableCompareFunction> | undefined;
     valueComparator?: typeof deepEqual | undefined;
     search?: string | undefined;
+    itemsLength?: string | number | undefined;
 } & {
     "onUpdate:currentItems"?: ((value: any) => any) | undefined;
     "onUpdate:expanded"?: ((value: any) => any) | undefined;
@@ -46059,6 +46062,7 @@ declare const VDataIterator: {
     returnObject: BooleanConstructor;
     search: StringConstructor;
     loading: BooleanConstructor;
+    itemsLength: (NumberConstructor | StringConstructor)[];
 }, vue.ExtractPropTypes<{
     class: vue.PropType<any>;
     style: {
@@ -46152,6 +46156,7 @@ declare const VDataIterator: {
     returnObject: BooleanConstructor;
     search: StringConstructor;
     loading: BooleanConstructor;
+    itemsLength: (NumberConstructor | StringConstructor)[];
 }>>;
 type VDataIterator = InstanceType<typeof VDataIterator>;
 
@@ -114753,54 +114758,44 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VApp: VApp
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAvatar: VAvatar
+    VApp: VApp
     VAutocomplete: VAutocomplete
-    VBottomSheet: VBottomSheet
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBtn: VBtn
+    VAvatar: VAvatar
     VBadge: VBadge
+    VBtnToggle: VBtnToggle
+    VBottomSheet: VBottomSheet
+    VBreadcrumbs: VBreadcrumbs
+    VBreadcrumbsItem: VBreadcrumbsItem
+    VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBtnGroup: VBtnGroup
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtnGroup: VBtnGroup
+    VCalendar: VCalendar
     VBottomNavigation: VBottomNavigation
-    VBreadcrumbs: VBreadcrumbs
-    VBreadcrumbsItem: VBreadcrumbsItem
-    VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtnToggle: VBtnToggle
+    VBtn: VBtn
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VChip: VChip
-    VCalendar: VCalendar
-    VCode: VCode
-    VChipGroup: VChipGroup
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VCounter: VCounter
-    VCombobox: VCombobox
+    VCode: VCode
     VColorPicker: VColorPicker
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
-    VExpansionPanels: VExpansionPanels
-    VExpansionPanel: VExpansionPanel
-    VExpansionPanelText: VExpansionPanelText
-    VExpansionPanelTitle: VExpansionPanelTitle
-    VDivider: VDivider
+    VChipGroup: VChipGroup
+    VCombobox: VCombobox
+    VDialog: VDialog
+    VCounter: VCounter
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -114808,27 +114803,36 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VDialog: VDialog
-    VFab: VFab
+    VDivider: VDivider
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
     VEmptyState: VEmptyState
-    VFileInput: VFileInput
-    VFooter: VFooter
     VField: VField
     VFieldLabel: VFieldLabel
+    VFab: VFab
+    VFooter: VFooter
     VHotkey: VHotkey
+    VExpansionPanels: VExpansionPanels
+    VExpansionPanel: VExpansionPanel
+    VExpansionPanelText: VExpansionPanelText
+    VExpansionPanelTitle: VExpansionPanelTitle
+    VImg: VImg
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VImg: VImg
     VInfiniteScroll: VInfiniteScroll
+    VFileInput: VFileInput
     VLabel: VLabel
     VItemGroup: VItemGroup
     VItem: VItem
-    VInput: VInput
     VKbd: VKbd
-    VMain: VMain
+    VInput: VInput
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -114838,26 +114842,27 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VNumberInput: VNumberInput
-    VMessages: VMessages
+    VMain: VMain
     VMenu: VMenu
+    VMessages: VMessages
+    VNavigationDrawer: VNavigationDrawer
+    VOverlay: VOverlay
     VOtpInput: VOtpInput
-    VPagination: VPagination
-    VRadioGroup: VRadioGroup
+    VNumberInput: VNumberInput
+    VSheet: VSheet
+    VProgressLinear: VProgressLinear
     VProgressCircular: VProgressCircular
-    VOverlay: VOverlay
-    VNavigationDrawer: VNavigationDrawer
-    VSelectionControlGroup: VSelectionControlGroup
+    VRadioGroup: VRadioGroup
     VSelect: VSelect
-    VProgressLinear: VProgressLinear
-    VSelectionControl: VSelectionControl
+    VPagination: VPagination
     VRating: VRating
-    VSkeletonLoader: VSkeletonLoader
+    VSelectionControl: VSelectionControl
+    VSelectionControlGroup: VSelectionControlGroup
+    VSnackbar: VSnackbar
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSheet: VSheet
-    VSnackbar: VSnackbar
     VSlider: VSlider
+    VSkeletonLoader: VSkeletonLoader
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
@@ -114865,37 +114870,37 @@ declare module 'vue' {
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
     VSystemBar: VSystemBar
+    VSwitch: VSwitch
+    VTextField: VTextField
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VSwitch: VSwitch
-    VTable: VTable
     VTextarea: VTextarea
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VTable: VTable
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTextField: VTextField
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
     VTooltip: VTooltip
     VDataIterator: VDataIterator
     VConfirmEdit: VConfirmEdit
     VDefaultsProvider: VDefaultsProvider
-    VHover: VHover
     VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
+    VHover: VHover
     VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
@@ -114903,8 +114908,8 @@ declare module 'vue' {
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
-    VRangeSlider: VRangeSlider
     VResponsive: VResponsive
+    VRangeSlider: VRangeSlider
     VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
@@ -114927,23 +114932,23 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VIconBtn: VIconBtn
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VColorInput: VColorInput
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
-    VIconBtn: VIconBtn
     VVideo: VVideo
     VVideoControls: VVideoControls
     VVideoVolume: VVideoVolume
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
-    VDateInput: VDateInput
     VMaskInput: VMaskInput
+    VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }
   export interface GlobalDirectives {

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.11.4-dev.2025-12-22
+* Vuetify v3.11.4-dev.2025-12-23
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -24418,6 +24418,7 @@ function useDataIteratorItems(props) {
 const makeVDataIteratorProps = propsFactory({
   search: String,
   loading: Boolean,
+  itemsLength: [Number, String],
   ...makeComponentProps(),
   ...makeDataIteratorItemsProps(),
   ...makeDataTableSelectProps(),
@@ -24500,7 +24501,8 @@ 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,
@@ -24514,15 +24516,22 @@ 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,
@@ -24530,7 +24539,7 @@ const VDataIterator = genericComponent()({
       toggleSelect
     } = provideSelection(props, {
       allItems: items,
-      currentPage: paginatedItemsWithoutGroups
+      currentPage: currentItemsWithoutGroups
     });
     const {
       isExpanded,
@@ -24561,9 +24570,9 @@ 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', {
@@ -24582,7 +24591,7 @@ 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 {};
@@ -36897,7 +36906,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.11.4-dev.2025-12-22";
+const version$1 = "3.11.4-dev.2025-12-23";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -36922,7 +36931,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.11.4-dev.2025-12-22";
+const version = "3.11.4-dev.2025-12-23";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useMask, useRtl, useTheme, version };