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

package/dist/vuetify.d.ts

@@ -998,6 +998,7 @@ type InternalDataTableHeader = Omit<DataTableHeader, 'key' | 'value' | 'children
 interface DataTableItem<T = any> extends Omit<InternalItem<T>, 'type'>, GroupableItem<T>, SelectableItem {
     key: any;
     index: number;
+    virtualIndex?: number;
     columns: {
         [key: string]: any;
     };
@@ -7088,6 +7089,7 @@ declare const VListItem: {
             itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
             register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
             unregister: (id: unknown) => void;
+            updateDisabled: (id: unknown, isDisabled: boolean) => void;
             open: (id: unknown, value: boolean, event?: Event | undefined) => void;
             activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
             select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -7242,6 +7244,7 @@ declare const VListItem: {
             itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
             register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
             unregister: (id: unknown) => void;
+            updateDisabled: (id: unknown, isDisabled: boolean) => void;
             open: (id: unknown, value: boolean, event?: Event | undefined) => void;
             activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
             select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -7375,6 +7378,7 @@ declare const VListItem: {
         itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
         register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
         unregister: (id: unknown) => void;
+        updateDisabled: (id: unknown, isDisabled: boolean) => void;
         open: (id: unknown, value: boolean, event?: Event | undefined) => void;
         activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
         select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -109902,6 +109906,7 @@ declare const VTreeviewItem: {
                 itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
                 register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
                 unregister: (id: unknown) => void;
+                updateDisabled: (id: unknown, isDisabled: boolean) => void;
                 open: (id: unknown, value: boolean, event?: Event | undefined) => void;
                 activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
                 select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -110089,6 +110094,7 @@ declare const VTreeviewItem: {
             itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
             register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
             unregister: (id: unknown) => void;
+            updateDisabled: (id: unknown, isDisabled: boolean) => void;
             open: (id: unknown, value: boolean, event?: Event | undefined) => void;
             activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
             select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -110126,6 +110132,7 @@ declare const VTreeviewItem: {
                 itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
                 register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
                 unregister: (id: unknown) => void;
+                updateDisabled: (id: unknown, isDisabled: boolean) => void;
                 open: (id: unknown, value: boolean, event?: Event | undefined) => void;
                 activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
                 select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -110512,6 +110519,7 @@ declare const VTreeviewItem: {
                 itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
                 register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
                 unregister: (id: unknown) => void;
+                updateDisabled: (id: unknown, isDisabled: boolean) => void;
                 open: (id: unknown, value: boolean, event?: Event | undefined) => void;
                 activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
                 select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -110699,6 +110707,7 @@ declare const VTreeviewItem: {
             itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
             register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
             unregister: (id: unknown) => void;
+            updateDisabled: (id: unknown, isDisabled: boolean) => void;
             open: (id: unknown, value: boolean, event?: Event | undefined) => void;
             activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
             select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -110736,6 +110745,7 @@ declare const VTreeviewItem: {
                 itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
                 register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
                 unregister: (id: unknown) => void;
+                updateDisabled: (id: unknown, isDisabled: boolean) => void;
                 open: (id: unknown, value: boolean, event?: Event | undefined) => void;
                 activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
                 select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -111092,6 +111102,7 @@ declare const VTreeviewItem: {
             itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
             register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
             unregister: (id: unknown) => void;
+            updateDisabled: (id: unknown, isDisabled: boolean) => void;
             open: (id: unknown, value: boolean, event?: Event | undefined) => void;
             activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
             select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -111279,6 +111290,7 @@ declare const VTreeviewItem: {
         itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
         register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
         unregister: (id: unknown) => void;
+        updateDisabled: (id: unknown, isDisabled: boolean) => void;
         open: (id: unknown, value: boolean, event?: Event | undefined) => void;
         activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
         select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -111316,6 +111328,7 @@ declare const VTreeviewItem: {
             itemsRegistration: vue.Ref<ItemsRegistrationType, ItemsRegistrationType>;
             register: (id: unknown, parentId: unknown, isDisabled: boolean, isGroup?: boolean | undefined) => void;
             unregister: (id: unknown) => void;
+            updateDisabled: (id: unknown, isDisabled: boolean) => void;
             open: (id: unknown, value: boolean, event?: Event | undefined) => void;
             activate: (id: unknown, value: boolean, event?: Event | undefined) => void;
             select: (id: unknown, value: boolean, event?: Event | undefined) => void;
@@ -114740,81 +114753,82 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VApp: VApp
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VBadge: VBadge
-    VAutocomplete: VAutocomplete
     VAvatar: VAvatar
+    VAutocomplete: VAutocomplete
     VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBreadcrumbs: VBreadcrumbs
-    VBreadcrumbsItem: VBreadcrumbsItem
-    VBreadcrumbsDivider: VBreadcrumbsDivider
     VBtn: VBtn
-    VBtnGroup: VBtnGroup
-    VBottomNavigation: VBottomNavigation
+    VBadge: VBadge
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCalendar: VCalendar
-    VChip: VChip
+    VBtnGroup: VBtnGroup
+    VBottomNavigation: VBottomNavigation
+    VBreadcrumbs: VBreadcrumbs
+    VBreadcrumbsItem: VBreadcrumbsItem
+    VBreadcrumbsDivider: VBreadcrumbsDivider
     VBtnToggle: VBtnToggle
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VColorPicker: VColorPicker
+    VChip: VChip
+    VCalendar: VCalendar
     VCode: VCode
     VChipGroup: VChipGroup
-    VCombobox: VCombobox
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VCounter: VCounter
-    VEmptyState: VEmptyState
-    VDataTable: VDataTable
-    VDataTableHeaders: VDataTableHeaders
-    VDataTableFooter: VDataTableFooter
-    VDataTableRows: VDataTableRows
-    VDataTableRow: VDataTableRow
-    VDataTableVirtual: VDataTableVirtual
-    VDataTableServer: VDataTableServer
-    VDialog: VDialog
+    VCombobox: VCombobox
+    VColorPicker: VColorPicker
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VDivider: VDivider
-    VFab: VFab
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VDivider: VDivider
+    VDataTable: VDataTable
+    VDataTableHeaders: VDataTableHeaders
+    VDataTableFooter: VDataTableFooter
+    VDataTableRows: VDataTableRows
+    VDataTableRow: VDataTableRow
+    VDataTableVirtual: VDataTableVirtual
+    VDataTableServer: VDataTableServer
+    VDialog: VDialog
+    VFab: VFab
+    VEmptyState: VEmptyState
+    VFileInput: VFileInput
+    VFooter: VFooter
     VField: VField
     VFieldLabel: VFieldLabel
-    VFooter: VFooter
-    VFileInput: VFileInput
-    VInfiniteScroll: VInfiniteScroll
     VHotkey: VHotkey
-    VImg: VImg
-    VKbd: VKbd
-    VInput: VInput
-    VLabel: VLabel
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
+    VImg: VImg
+    VInfiniteScroll: VInfiniteScroll
+    VLabel: VLabel
     VItemGroup: VItemGroup
     VItem: VItem
+    VInput: VInput
+    VKbd: VKbd
+    VMain: VMain
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -114824,80 +114838,79 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VNavigationDrawer: VNavigationDrawer
-    VOtpInput: VOtpInput
     VNumberInput: VNumberInput
-    VMain: VMain
     VMessages: VMessages
     VMenu: VMenu
-    VOverlay: VOverlay
-    VProgressCircular: VProgressCircular
+    VOtpInput: VOtpInput
     VPagination: VPagination
     VRadioGroup: VRadioGroup
+    VProgressCircular: VProgressCircular
+    VOverlay: VOverlay
+    VNavigationDrawer: VNavigationDrawer
+    VSelectionControlGroup: VSelectionControlGroup
+    VSelect: VSelect
     VProgressLinear: VProgressLinear
     VSelectionControl: VSelectionControl
     VRating: VRating
-    VSelect: VSelect
-    VSlider: VSlider
-    VSelectionControlGroup: VSelectionControlGroup
-    VSheet: VSheet
+    VSkeletonLoader: VSkeletonLoader
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
+    VSheet: VSheet
     VSnackbar: VSnackbar
+    VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSwitch: VSwitch
     VSystemBar: VSystemBar
-    VTable: VTable
-    VTextarea: VTextarea
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextField: VTextField
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
+    VSwitch: VSwitch
+    VTable: VTable
+    VTextarea: VTextarea
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VTooltip: VTooltip
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
+    VTextField: VTextField
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VWindow: VWindow
-    VWindowItem: VWindowItem
-    VSkeletonLoader: VSkeletonLoader
-    VConfirmEdit: VConfirmEdit
+    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
-    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
-    VRangeSlider: VRangeSlider
     VRadio: VRadio
+    VRangeSlider: VRangeSlider
     VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
-    VVirtualScroll: VVirtualScroll
     VValidation: VValidation
+    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -114914,21 +114927,21 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VVideo: VVideo
-    VVideoControls: VVideoControls
-    VVideoVolume: VVideoVolume
+    VColorInput: VColorInput
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VColorInput: VColorInput
-    VIconBtn: VIconBtn
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
     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
     VPullToRefresh: VPullToRefresh

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.11.4-dev.2025-12-21
+* Vuetify v3.11.4-dev.2025-12-22
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9822,6 +9822,7 @@ const emptyNested = {
     itemsRegistration: ref('render'),
     register: () => null,
     unregister: () => null,
+    updateDisabled: () => null,
     children: ref(new Map()),
     parents: ref(new Map()),
     disabled: ref(new Set()),
@@ -10017,6 +10018,19 @@ const useNested = (props, _ref) => {
         parents.value.delete(id);
         itemsUpdatePropagation();
       },
+      updateDisabled: (id, isDisabled) => {
+        if (isDisabled) {
+          disabled.value.add(id);
+        } else {
+          disabled.value.delete(id);
+        }
+        // classic selection requires refresh to re-evaluate on/off/indeterminate but
+        // currently it is only run for selection interactions, so it will set new disabled
+        // to "off" and the visual state becomes out of sync
+        // -- selected.value = new Map(selected.value)
+        // it is not clear if the framework should un-select when disabled changed to true
+        // more discussion is needed
+      },
       open: (id, value, event) => {
         vm.emit('click:open', {
           id,
@@ -10149,6 +10163,9 @@ const useNestedItem = (id, isDisabled, isGroup) => {
       parent.root.register(val, parent.id.value, toValue(isDisabled), isGroup);
     });
   });
+  watch(() => toValue(isDisabled), val => {
+    parent.root.updateDisabled(computedId.value, val);
+  });
   isGroup && provide(VNestedSymbol, item);
   return item;
 };
@@ -25996,7 +26013,7 @@ const VDataTableRows = genericComponent()({
           return slots['group-summary']?.(slotProps) ?? '';
         }
         const slotProps = {
-          index,
+          index: item.virtualIndex ?? index,
           item: item.raw,
           internalItem: item,
           columns: columns.value,
@@ -26471,7 +26488,10 @@ const VDataTableVirtual = genericComponent()({
       calculateVisibleItems,
       scrollToIndex
     } = useVirtual(props, flatItems);
-    const displayItems = computed(() => computedItems.value.map(item => item.raw));
+    const displayItems = computed(() => computedItems.value.map(item => ({
+      ...item.raw,
+      virtualIndex: item.index
+    })));
     useOptions({
       sortBy,
       page: shallowRef(1),
@@ -26564,7 +26584,7 @@ const VDataTableVirtual = genericComponent()({
               }) ?? createVNode(VDataTableRow, mergeProps(itemSlotProps.props, {
                 "ref": itemRef,
                 "key": itemSlotProps.internalItem.index,
-                "index": itemSlotProps.internalItem.index
+                "index": itemSlotProps.index
               }), slots);
             }
           })
@@ -27865,6 +27885,7 @@ const VDatePickerYears = genericComponent()({
     } = _ref;
     const adapter = useDate();
     const model = useProxiedModel(props, 'modelValue');
+    const hasFocusedItem = shallowRef(false);
     const years = computed(() => {
       const year = adapter.getYear(adapter.date());
       let min = year - 100;
@@ -27892,7 +27913,6 @@ const VDatePickerYears = genericComponent()({
     });
     const yearRef = templateRef();
     function focusSelectedYear() {
-      yearRef.el?.focus();
       yearRef.el?.scrollIntoView({
         block: 'center'
       });
@@ -27912,7 +27932,11 @@ const VDatePickerYears = genericComponent()({
         height: convertToUnit(props.height)
       }
     }, [createElementVNode("div", {
-      "class": "v-date-picker-years__content"
+      "class": "v-date-picker-years__content",
+      "onFocus": () => yearRef.el?.focus(),
+      "onFocusin": () => hasFocusedItem.value = true,
+      "onFocusout": () => hasFocusedItem.value = false,
+      "tabindex": hasFocusedItem.value ? -1 : 0
     }, [years.value.map((year, i) => {
       const btnProps = {
         ref: model.value === year.value ? yearRef : undefined,
@@ -31287,7 +31311,7 @@ const VNumberInput = genericComponent()({
         "focused": isFocused.value,
         "onUpdate:focused": $event => isFocused.value = $event,
         "validationValue": model.value,
-        "error": isOutOfRange.value || undefined,
+        "error": props.error || isOutOfRange.value || undefined,
         "onBeforeinput": onBeforeinput,
         "onFocus": onFocus,
         "onBlur": onBlur,
@@ -36082,7 +36106,7 @@ const VTreeviewChildren = genericComponent()({
           default: () => [createVNode(VCheckboxBtn, {
             "key": item.value,
             "modelValue": slotProps.isSelected,
-            "disabled": props.disabled,
+            "disabled": props.disabled || itemProps.disabled,
             "loading": loading,
             "color": props.selectedColor,
             "density": props.density,
@@ -36145,7 +36169,7 @@ const VTreeviewChildren = genericComponent()({
             hideActions: props.hideActions,
             indentLines: indentLines.node,
             onToggleExpand: [() => checkChildren(item), activatorProps.onClick],
-            onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : () => selectItem(activatorItems.value[index]?.select, !activatorItems.value[index]?.isSelected)
+            onClick: props.disabled || itemProps.disabled ? undefined : isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : () => selectItem(activatorItems.value[index]?.select, !activatorItems.value[index]?.isSelected)
           };
           return renderSlot(slots.header, {
             props: listItemProps,
@@ -36873,7 +36897,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.11.4-dev.2025-12-21";
+const version$1 = "3.11.4-dev.2025-12-22";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -36898,7 +36922,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.11.4-dev.2025-12-21";
+const version = "3.11.4-dev.2025-12-22";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useMask, useRtl, useTheme, version };