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

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-beta.0-dev.2025-06-20
+* Vuetify v3.9.0-beta.0-dev.2025-06-24
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -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, {
@@ -30060,7 +30060,7 @@
           ...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);
     }
   });
 
@@ -30126,6 +30124,7 @@
         slots
       } = _ref;
       const isLoading = vue.reactive(new Set());
+      const activatorItems = vue.ref([]);
       const isClickOnOpen = vue.computed(() => !props.disabled && (props.openOnClick != null ? props.openOnClick : props.selectable));
       async function checkChildren(item) {
         try {
@@ -30140,7 +30139,7 @@
       }
       function selectItem(select, isSelected) {
         if (props.selectable) {
-          select(!isSelected);
+          select(isSelected);
         }
       }
       return () => slots.default?.() ?? props.items?.map((item, index) => {
@@ -30168,7 +30167,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 +30215,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 +30896,7 @@
       };
     });
   }
-  const version$1 = "3.9.0-beta.0-dev.2025-06-20";
+  const version$1 = "3.9.0-beta.0-dev.2025-06-24";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30919,7 +30921,7 @@
       ...options
     });
   };
-  const version = "3.9.0-beta.0-dev.2025-06-20";
+  const version = "3.9.0-beta.0-dev.2025-06-24";
   createVuetify.version = version;
 
   exports.blueprints = index;