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

package/dist/vuetify.cjs

@@ -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.
 */
@@ -9826,6 +9826,7 @@
       itemsRegistration: vue.ref('render'),
       register: () => null,
       unregister: () => null,
+      updateDisabled: () => null,
       children: vue.ref(new Map()),
       parents: vue.ref(new Map()),
       disabled: vue.ref(new Set()),
@@ -10021,6 +10022,19 @@
           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,
@@ -10153,6 +10167,9 @@
         parent.root.register(val, parent.id.value, vue.toValue(isDisabled), isGroup);
       });
     });
+    vue.watch(() => vue.toValue(isDisabled), val => {
+      parent.root.updateDisabled(computedId.value, val);
+    });
     isGroup && vue.provide(VNestedSymbol, item);
     return item;
   };
@@ -26000,7 +26017,7 @@
             return slots['group-summary']?.(slotProps) ?? '';
           }
           const slotProps = {
-            index,
+            index: item.virtualIndex ?? index,
             item: item.raw,
             internalItem: item,
             columns: columns.value,
@@ -26475,7 +26492,10 @@
         calculateVisibleItems,
         scrollToIndex
       } = useVirtual(props, flatItems);
-      const displayItems = vue.computed(() => computedItems.value.map(item => item.raw));
+      const displayItems = vue.computed(() => computedItems.value.map(item => ({
+        ...item.raw,
+        virtualIndex: item.index
+      })));
       useOptions({
         sortBy,
         page: vue.shallowRef(1),
@@ -26568,7 +26588,7 @@
                 }) ?? vue.createVNode(VDataTableRow, vue.mergeProps(itemSlotProps.props, {
                   "ref": itemRef,
                   "key": itemSlotProps.internalItem.index,
-                  "index": itemSlotProps.internalItem.index
+                  "index": itemSlotProps.index
                 }), slots);
               }
             })
@@ -27869,6 +27889,7 @@
       } = _ref;
       const adapter = useDate();
       const model = useProxiedModel(props, 'modelValue');
+      const hasFocusedItem = vue.shallowRef(false);
       const years = vue.computed(() => {
         const year = adapter.getYear(adapter.date());
         let min = year - 100;
@@ -27896,7 +27917,6 @@
       });
       const yearRef = templateRef();
       function focusSelectedYear() {
-        yearRef.el?.focus();
         yearRef.el?.scrollIntoView({
           block: 'center'
         });
@@ -27916,7 +27936,11 @@
           height: convertToUnit(props.height)
         }
       }, [vue.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,
@@ -31291,7 +31315,7 @@
           "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,
@@ -36086,7 +36110,7 @@
             default: () => [vue.createVNode(VCheckboxBtn, {
               "key": item.value,
               "modelValue": slotProps.isSelected,
-              "disabled": props.disabled,
+              "disabled": props.disabled || itemProps.disabled,
               "loading": loading,
               "color": props.selectedColor,
               "density": props.density,
@@ -36149,7 +36173,7 @@
               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,
@@ -36877,7 +36901,7 @@
       };
     });
   }
-  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
@@ -36902,7 +36926,7 @@
       ...options
     });
   };
-  const version = "3.11.4-dev.2025-12-21";
+  const version = "3.11.4-dev.2025-12-22";
   createVuetify.version = version;
 
   exports.blueprints = index;