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

package/dist/vuetify-labs.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.
 */
@@ -9497,6 +9497,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()),
@@ -9692,6 +9693,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,
@@ -9824,6 +9838,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;
   };
@@ -25680,7 +25697,7 @@
             return slots['group-summary']?.(slotProps) ?? '';
           }
           const slotProps = {
-            index,
+            index: item.virtualIndex ?? index,
             item: item.raw,
             internalItem: item,
             columns: columns.value,
@@ -26155,7 +26172,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),
@@ -26248,7 +26268,7 @@
                 }) ?? vue.createVNode(VDataTableRow, vue.mergeProps(itemSlotProps.props, {
                   "ref": itemRef,
                   "key": itemSlotProps.internalItem.index,
-                  "index": itemSlotProps.internalItem.index
+                  "index": itemSlotProps.index
                 }), slots);
               }
             })
@@ -27549,6 +27569,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;
@@ -27576,7 +27597,6 @@
       });
       const yearRef = templateRef();
       function focusSelectedYear() {
-        yearRef.el?.focus();
         yearRef.el?.scrollIntoView({
           block: 'center'
         });
@@ -27596,7 +27616,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,
@@ -30971,7 +30995,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,
@@ -35766,7 +35790,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,
@@ -35829,7 +35853,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,
@@ -36490,6 +36514,7 @@
         }
       }
       useRender(() => {
+        const hasPrepend = !!(props.prependIcon || slots.prepend);
         const confirmEditProps = VConfirmEdit.filterProps(props);
         const datePickerProps = {
           ...VDatePicker.filterProps(omit(props, ['active', 'bgColor', 'color', 'location', 'rounded', 'maxWidth', 'minWidth', 'width'])),
@@ -36567,12 +36592,12 @@
               }
             })]
           }), slots.default?.()]),
-          prepend: prependSlotProps => slots.prepend ? slots.prepend(prependSlotProps) : props.prependIcon && vue.createVNode(InputIcon, {
+          prepend: hasPrepend ? prependSlotProps => slots.prepend ? slots.prepend(prependSlotProps) : props.prependIcon && vue.createVNode(InputIcon, {
             "key": "prepend-icon",
             "name": "prepend",
-            "tabindex": -1,
-            "onClick": onClick
-          }, null)
+            "tabindex": props['onClick:prepend'] ? undefined : -1,
+            "onClick": isInteractive.value ? onClick : undefined
+          }, null) : undefined
         });
       });
       return forwardRefs({}, vTextFieldRef);
@@ -39422,7 +39447,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
@@ -39725,7 +39750,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.11.4-dev.2025-12-21";
+  const version = "3.11.4-dev.2025-12-22";
 
   /* eslint-disable local-rules/sort-imports */