@vuetify/nightly 3.9.0-beta.0-dev.2025-06-20 → 3.9.0-beta.1-dev.2025-06-26

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-beta.0-dev.2025-06-20
+* Vuetify v3.9.0-beta.1-dev.2025-06-26
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9299,9 +9299,9 @@
   }, 'nested');
   const useNested = props => {
     let isUnmounted = false;
-    const children = vue.ref(new Map());
-    const parents = vue.ref(new Map());
-    const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(v), v => [...v.values()]);
+    const children = vue.shallowRef(new Map());
+    const parents = vue.shallowRef(new Map());
+    const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(Array.isArray(v) ? v.map(i => vue.toRaw(i)) : v), v => [...v.values()]);
     const activeStrategy = vue.computed(() => {
       if (typeof props.activeStrategy === 'object') return props.activeStrategy;
       if (typeof props.activeStrategy === 'function') return props.activeStrategy(props.mandatory);
@@ -9355,7 +9355,7 @@
     });
     function getPath(id) {
       const path = [];
-      let parent = id;
+      let parent = vue.toRaw(id);
       while (parent != null) {
         path.unshift(parent);
         parent = parents.value.get(parent);
@@ -9498,7 +9498,7 @@
   const useNestedItem = (id, isGroup) => {
     const parent = vue.inject(VNestedSymbol, emptyNested);
     const uidSymbol = Symbol('nested item');
-    const computedId = vue.computed(() => vue.toValue(id) ?? uidSymbol);
+    const computedId = vue.computed(() => vue.toRaw(vue.toValue(id)) ?? uidSymbol);
     const item = {
       ...parent,
       id: computedId,
@@ -9507,10 +9507,10 @@
       isOpen: vue.computed(() => parent.root.opened.value.has(computedId.value)),
       parent: vue.computed(() => parent.root.parents.value.get(computedId.value)),
       activate: (activated, e) => parent.root.activate(computedId.value, activated, e),
-      isActivated: vue.computed(() => parent.root.activated.value.has(vue.toRaw(computedId.value))),
+      isActivated: vue.computed(() => parent.root.activated.value.has(computedId.value)),
       select: (selected, e) => parent.root.select(computedId.value, selected, e),
-      isSelected: vue.computed(() => parent.root.selected.value.get(vue.toRaw(computedId.value)) === 'on'),
-      isIndeterminate: vue.computed(() => parent.root.selected.value.get(vue.toRaw(computedId.value)) === 'indeterminate'),
+      isSelected: vue.computed(() => parent.root.selected.value.get(computedId.value) === 'on'),
+      isIndeterminate: vue.computed(() => parent.root.selected.value.get(computedId.value) === 'indeterminate'),
       isLeaf: vue.computed(() => !parent.root.children.value.get(computedId.value)),
       isGroupActivator: parent.isGroupActivator
     };
@@ -10223,7 +10223,7 @@
   function transformItem$2(props, item) {
     const type = getPropertyFromItem(item, props.itemType, 'item');
     const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle);
-    const value = getPropertyFromItem(item, props.itemValue, undefined);
+    const value = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemValue, undefined);
     const children = getPropertyFromItem(item, props.itemChildren);
     const itemProps = props.itemProps === true ? omit(item, ['children']) : getPropertyFromItem(item, props.itemProps);
     const _props = {
@@ -12375,11 +12375,7 @@
           default: slots.loader
         }), hasPrepend && vue.createElementVNode("div", {
           "key": "prepend",
-          "class": "v-field__prepend-inner",
-          "onMousedown": e => {
-            e.preventDefault();
-            e.stopPropagation();
-          }
+          "class": "v-field__prepend-inner"
         }, [props.prependInnerIcon && vue.createVNode(InputIcon, {
           "key": "prepend-icon",
           "name": "prependInner",
@@ -12448,11 +12444,7 @@
           })]), [[vue.vShow, props.dirty]])]
         }), hasAppend && vue.createElementVNode("div", {
           "key": "append",
-          "class": "v-field__append-inner",
-          "onMousedown": e => {
-            e.preventDefault();
-            e.stopPropagation();
-          }
+          "class": "v-field__append-inner"
         }, [slots['append-inner']?.(slotProps.value), props.appendInnerIcon && vue.createVNode(InputIcon, {
           "key": "append-icon",
           "name": "appendInner",
@@ -15698,6 +15690,7 @@
                 }) : vue.createVNode(VBtn, vue.mergeProps(item, props), null);
               })]
             })]), props.progress && vue.createVNode(VProgressLinear, {
+              "absolute": true,
               "class": "v-carousel__progress",
               "color": typeof props.progress === 'string' ? props.progress : undefined,
               "modelValue": (group.getItemIndex(model.value) + 1) / group.items.value.length * 100
@@ -22612,8 +22605,11 @@
     }, v => adapter.getMonth(v));
     const weekDays = vue.computed(() => {
       const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
-      // Always generate all days, regardless of props.weekdays
-      return [0, 1, 2, 3, 4, 5, 6].map(day => (day + firstDayOfWeek) % 7);
+      return props.weekdays.map(day => (day + firstDayOfWeek) % 7);
+    });
+    const weekdayLabels = vue.computed(() => {
+      const labels = adapter.getWeekdays(props.firstDayOfWeek, props.weekdayFormat);
+      return weekDays.value.map(day => labels[day]);
     });
     const weeksInMonth = vue.computed(() => {
       const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
@@ -22694,7 +22690,7 @@
       if (typeof props.allowedDates === 'function') {
         return !props.allowedDates(date);
       }
-      return !props.weekdays.includes(adapter.toJsDate(date).getDay());
+      return false;
     }
     return {
       displayValue,
@@ -22704,6 +22700,7 @@
       model,
       weeksInMonth,
       weekDays,
+      weekdayLabels,
       weekNumbers
     };
   }
@@ -22742,7 +22739,9 @@
       const {
         daysInMonth,
         model,
-        weekNumbers
+        weekNumbers,
+        weekDays,
+        weekdayLabels
       } = useCalendar(props);
       const adapter = useDate();
       const rangeStart = vue.shallowRef();
@@ -22814,7 +22813,10 @@
         }
       }
       useRender(() => vue.createElementVNode("div", {
-        "class": "v-date-picker-month"
+        "class": "v-date-picker-month",
+        "style": {
+          '--v-date-picker-days-in-week': weekDays.value.length
+        }
       }, [props.showWeek && vue.createElementVNode("div", {
         "key": "weeks",
         "class": "v-date-picker-month__weeks"
@@ -22830,7 +22832,7 @@
           "ref": daysRef,
           "key": daysInMonth.value[0].date?.toString(),
           "class": "v-date-picker-month__days"
-        }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek, props.weekdayFormat).map(weekDay => vue.createElementVNode("div", {
+        }, [!props.hideWeekdays && weekdayLabels.value.map(weekDay => vue.createElementVNode("div", {
           "class": vue.normalizeClass(['v-date-picker-month__day', 'v-date-picker-month__weekday'])
         }, [weekDay])), daysInMonth.value.map((item, i) => {
           const slotProps = {
@@ -25510,6 +25512,8 @@
     function holdStart(value) {
       holdStop();
       tick(value);
+      window.addEventListener('pointerup', holdStop);
+      document.addEventListener('blur', holdStop);
       timeout = window.setTimeout(() => {
         interval = window.setInterval(() => tick(value), HOLD_REPEAT);
       }, HOLD_DELAY);
@@ -25517,6 +25521,8 @@
     function holdStop() {
       window.clearTimeout(timeout);
       window.clearInterval(interval);
+      window.removeEventListener('pointerup', holdStop);
+      document.removeEventListener('blur', holdStop);
     }
     function tick(value) {
       toggleUpDown(value === 'up');
@@ -25652,7 +25658,7 @@
           onClick: onControlClick,
           onPointerup: onControlMouseup,
           onPointerdown: onUpControlMousedown,
-          onPointercancel: onControlPointerCancel
+          onPointercancel: onControlMouseup
         }
       };
       const decrementSlotProps = {
@@ -25660,7 +25666,7 @@
           onClick: onControlClick,
           onPointerup: onControlMouseup,
           onPointerdown: onDownControlMousedown,
-          onPointercancel: onControlPointerCancel
+          onPointercancel: onControlMouseup
         }
       };
       vue.watch(() => props.precision, () => formatInputValue());
@@ -25741,7 +25747,6 @@
         const el = e.currentTarget;
         el?.releasePointerCapture(e.pointerId);
         e.preventDefault();
-        e.stopPropagation();
         holdStop();
       }
       function onUpControlMousedown(e) {
@@ -25758,11 +25763,6 @@
         e.stopPropagation();
         holdStart('down');
       }
-      function onControlPointerCancel(e) {
-        const el = e.currentTarget;
-        el?.releasePointerCapture(e.pointerId);
-        holdStop();
-      }
       function clampModel() {
         if (controlsDisabled.value) return;
         if (!vTextFieldRef.value) return;
@@ -25809,7 +25809,7 @@
             "onClick": onControlClick,
             "onPointerdown": onUpControlMousedown,
             "onPointerup": onControlMouseup,
-            "onPointercancel": onControlPointerCancel,
+            "onPointercancel": onControlMouseup,
             "size": controlNodeSize.value,
             "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
@@ -25839,7 +25839,7 @@
             "onClick": onControlClick,
             "onPointerdown": onDownControlMousedown,
             "onPointerup": onControlMouseup,
-            "onPointercancel": onControlPointerCancel,
+            "onPointercancel": onControlMouseup,
             "size": controlNodeSize.value,
             "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
@@ -30044,7 +30044,7 @@
         emit('toggleExpand', e);
       }
       useRender(() => {
-        const listItemProps = omit(VListItem.filterProps(props), ['onClick']);
+        const listItemProps = VListItem.filterProps(props);
         const hasPrepend = slots.prepend || props.toggleIcon;
         return vue.createVNode(VListItem, vue.mergeProps({
           "ref": vListItemRef
@@ -30055,12 +30055,12 @@
             'v-treeview-item--filtered': isFiltered.value
           }, props.class],
           "ripple": false,
-          "onClick": props.onClick ?? activateGroupActivator
+          "onClick": activateGroupActivator
         }), {
           ...slots,
           prepend: hasPrepend ? slotProps => {
             return vue.createElementVNode(vue.Fragment, null, [vue.createVNode(VListItemAction, {
-              "start": false
+              "start": true
             }, {
               default: () => [props.toggleIcon ? vue.createVNode(VBtn, {
                 "density": "compact",
@@ -30069,13 +30069,11 @@
                 "variant": "text",
                 "onClick": onClickAction
               }, {
-                loader() {
-                  return vue.createVNode(VProgressCircular, {
-                    "indeterminate": "disable-shrink",
-                    "size": "20",
-                    "width": "2"
-                  }, null);
-                }
+                loader: () => vue.createVNode(VProgressCircular, {
+                  "indeterminate": "disable-shrink",
+                  "size": "20",
+                  "width": "2"
+                }, null)
               }) : vue.createElementVNode("div", {
                 "class": "v-treeview-item__level"
               }, null)]
@@ -30083,7 +30081,7 @@
           } : undefined
         });
       });
-      return {};
+      return forwardRefs({}, vListItemRef);
     }
   });
 
@@ -30108,6 +30106,7 @@
     falseIcon: IconValue,
     trueIcon: IconValue,
     returnObject: Boolean,
+    activatable: Boolean,
     selectable: Boolean,
     selectedColor: String,
     selectStrategy: [String, Function, Object],
@@ -30126,7 +30125,8 @@
         slots
       } = _ref;
       const isLoading = vue.reactive(new Set());
-      const isClickOnOpen = vue.computed(() => !props.disabled && (props.openOnClick != null ? props.openOnClick : props.selectable));
+      const activatorItems = vue.ref([]);
+      const isClickOnOpen = vue.computed(() => !props.disabled && (props.openOnClick != null ? props.openOnClick : props.selectable && !props.activatable));
       async function checkChildren(item) {
         try {
           if (!props.items?.length || !props.loadChildren) return;
@@ -30140,7 +30140,7 @@
       }
       function selectItem(select, isSelected) {
         if (props.selectable) {
-          select(!isSelected);
+          select(isSelected);
         }
       }
       return () => slots.default?.() ?? props.items?.map((item, index) => {
@@ -30168,7 +30168,8 @@
             "indeterminateIcon": props.indeterminateIcon,
             "falseIcon": props.falseIcon,
             "trueIcon": props.trueIcon,
-            "onClick": vue.withModifiers(() => selectItem(slotProps.select, slotProps.isSelected), ['stop']),
+            "onUpdate:modelValue": v => selectItem(slotProps.select, v),
+            "onClick": e => e.stopPropagation(),
             "onKeydown": e => {
               if (!['Enter', 'Space'].includes(e.key)) return;
               e.stopPropagation();
@@ -30215,9 +30216,11 @@
               ...activatorProps,
               value: itemProps?.value,
               onToggleExpand: [() => checkChildren(item), activatorProps.onClick],
-              onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : undefined
+              onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : () => selectItem(activatorItems.value[index]?.select, !activatorItems.value[index]?.isSelected)
             };
-            return vue.createVNode(VTreeviewItem, vue.mergeProps(listItemProps, {
+            return vue.createVNode(VTreeviewItem, vue.mergeProps({
+              "ref": el => activatorItems.value[index] = el
+            }, listItemProps, {
               "value": props.returnObject ? item.raw : itemProps.value,
               "loading": loading
             }), slotsWithItem);
@@ -30894,7 +30897,7 @@
       };
     });
   }
-  const version$1 = "3.9.0-beta.0-dev.2025-06-20";
+  const version$1 = "3.9.0-beta.1-dev.2025-06-26";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30919,7 +30922,7 @@
       ...options
     });
   };
-  const version = "3.9.0-beta.0-dev.2025-06-20";
+  const version = "3.9.0-beta.1-dev.2025-06-26";
   createVuetify.version = version;
 
   exports.blueprints = index;