@vuetify/nightly 3.8.9-master.2025-06-12 → 3.8.9-master.2025-06-14

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.9-master.2025-06-12
+* Vuetify v3.8.9-master.2025-06-14
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -613,6 +613,13 @@
     }
     return out;
   }
+  function onlyDefinedProps(props) {
+    const booleanAttributes = ['checked', 'disabled'];
+    return Object.fromEntries(Object.entries(props).filter(_ref => {
+      let [key, v] = _ref;
+      return booleanAttributes.includes(key) ? !!v : v !== undefined;
+    }));
+  }
 
   // Utilities
   const block = ['top', 'bottom'];
@@ -3325,10 +3332,10 @@
     } = isObject(transition) ? transition : {};
     let transitionProps;
     if (isObject(transition)) {
-      transitionProps = vue.mergeProps(customProps, JSON.parse(JSON.stringify({
+      transitionProps = vue.mergeProps(customProps, onlyDefinedProps({
         disabled,
         group
-      })), rest);
+      }), rest);
     } else {
       transitionProps = vue.mergeProps({
         name: disabled || !transition ? '' : transition
@@ -11949,7 +11956,11 @@
           default: slots.loader
         }), hasPrepend && vue.createElementVNode("div", {
           "key": "prepend",
-          "class": "v-field__prepend-inner"
+          "class": "v-field__prepend-inner",
+          "onMousedown": e => {
+            e.preventDefault();
+            e.stopPropagation();
+          }
         }, [props.prependInnerIcon && vue.createVNode(InputIcon, {
           "key": "prepend-icon",
           "name": "prependInner",
@@ -12018,7 +12029,11 @@
           })]), [[vue.vShow, props.dirty]])]
         }), hasAppend && vue.createElementVNode("div", {
           "key": "append",
-          "class": "v-field__append-inner"
+          "class": "v-field__append-inner",
+          "onMousedown": e => {
+            e.preventDefault();
+            e.stopPropagation();
+          }
         }, [slots['append-inner']?.(slotProps.value), props.appendInnerIcon && vue.createVNode(InputIcon, {
           "key": "append-icon",
           "name": "appendInner",
@@ -22477,9 +22492,7 @@
       const yearRef = templateRef();
       vue.onMounted(async () => {
         await vue.nextTick();
-        yearRef.el?.scrollIntoView({
-          block: 'center'
-        });
+        yearRef.el?.focus();
       });
       function isYearAllowed(year) {
         if (Array.isArray(props.allowedYears) && props.allowedYears.length) {
@@ -22615,8 +22628,16 @@
         return value && adapter.isValid(value) ? value : today;
       });
       const headerColor = vue.toRef(() => props.headerColor ?? props.color);
-      const month = vue.ref(Number(props.month ?? adapter.getMonth(adapter.startOfMonth(internal.value))));
-      const year = vue.ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
+      const _month = useProxiedModel(props, 'month');
+      const month = vue.computed({
+        get: () => Number(_month.value ?? adapter.getMonth(adapter.startOfMonth(internal.value))),
+        set: v => _month.value = v
+      });
+      const _year = useProxiedModel(props, 'year');
+      const year = vue.computed({
+        get: () => Number(_year.value ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))),
+        set: v => _year.value = v
+      });
       const isReversing = vue.shallowRef(false);
       const header = vue.computed(() => {
         if (props.multiple && model.value.length > 1) {
@@ -22700,9 +22721,9 @@
         } else {
           year.value++;
           month.value = 0;
-          onUpdateYear(year.value);
+          onUpdateYear();
         }
-        onUpdateMonth(month.value);
+        onUpdateMonth();
       }
       function onClickPrev() {
         if (month.value > 0) {
@@ -22710,9 +22731,9 @@
         } else {
           year.value--;
           month.value = 11;
-          onUpdateYear(year.value);
+          onUpdateYear();
         }
-        onUpdateMonth(month.value);
+        onUpdateMonth();
       }
       function onClickDate() {
         viewMode.value = 'month';
@@ -22723,13 +22744,11 @@
       function onClickYear() {
         viewMode.value = viewMode.value === 'year' ? 'month' : 'year';
       }
-      function onUpdateMonth(value) {
+      function onUpdateMonth() {
         if (viewMode.value === 'months') onClickMonth();
-        emit('update:month', value);
       }
-      function onUpdateYear(value) {
+      function onUpdateYear() {
         if (viewMode.value === 'year') onClickYear();
-        emit('update:year', value);
       }
       vue.watch(model, (val, oldVal) => {
         const arrBefore = wrapInArray(oldVal);
@@ -22741,11 +22760,11 @@
         const newYear = adapter.getYear(after);
         if (newMonth !== month.value) {
           month.value = newMonth;
-          onUpdateMonth(month.value);
+          onUpdateMonth();
         }
         if (newYear !== year.value) {
           year.value = newYear;
-          onUpdateYear(year.value);
+          onUpdateYear();
         }
         isReversing.value = adapter.isBefore(before, after);
       });
@@ -29827,6 +29846,7 @@
           "class": "v-file-upload-item"
         }), {
           ...slots,
+          title: () => props?.title ?? props.file?.name,
           prepend: slotProps => vue.createElementVNode(vue.Fragment, null, [!slots.prepend ? vue.createVNode(VAvatar, {
             "icon": props.fileIcon,
             "image": preview.value,
@@ -30675,6 +30695,7 @@
       const isDragging = vue.ref(false);
       const valueOnMouseDown = vue.ref(null);
       const valueOnMouseUp = vue.ref(null);
+      const emitChangeDebounced = debounce(value => emit('change', value), 750);
       const {
         textColorClasses,
         textColorStyles
@@ -30720,6 +30741,7 @@
         if (value !== props.displayedValue) {
           update(value);
         }
+        emitChangeDebounced(value);
       }
       function isInner(value) {
         return props.double && value - props.min >= roundCount.value;
@@ -32153,7 +32175,7 @@
       };
     });
   }
-  const version$1 = "3.8.9-master.2025-06-12";
+  const version$1 = "3.8.9-master.2025-06-14";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -32451,7 +32473,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.9-master.2025-06-12";
+  const version = "3.8.9-master.2025-06-14";
 
   /* eslint-disable local-rules/sort-imports */