vuetify 3.5.1 → 3.5.3

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.1
+* Vuetify v3.5.3
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4137,6 +4137,9 @@
       const key = Symbol.for(`${injectKey.description}:id`);
       const children = findChildrenWithProvide(key, groupVm?.vnode);
       const index = children.indexOf(vm);
+      if (vue.unref(unwrapped.value) == null) {
+        unwrapped.value = index;
+      }
       if (index > -1) {
         items.splice(index, 0, unwrapped);
       } else {
@@ -5881,7 +5884,7 @@
         }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
         "style": [colorStyles.value, sizeStyles.value, props.style]
       }, {
-        default: () => [props.image ? vue.createVNode(VImg, {
+        default: () => [!slots.default ? props.image ? vue.createVNode(VImg, {
           "key": "image",
           "src": props.image,
           "alt": "",
@@ -5889,7 +5892,20 @@
         }, null) : props.icon ? vue.createVNode(VIcon, {
           "key": "icon",
           "icon": props.icon
-        }, null) : slots.default?.() ?? props.text, genOverlays(false, 'v-avatar')]
+        }, null) : props.text : vue.createVNode(VDefaultsProvider, {
+          "key": "content-defaults",
+          "defaults": {
+            VAvatar: {
+              cover: true,
+              image: props.image
+            },
+            VIcon: {
+              icon: props.icon
+            }
+          }
+        }, {
+          default: () => [slots.default?.()]
+        }), genOverlays(false, 'v-avatar')]
       }));
       return {};
     }
@@ -5897,7 +5913,7 @@
 
   const makeVLabelProps = propsFactory({
     text: String,
-    clickable: Boolean,
+    onClick: EventProp(),
     ...makeComponentProps(),
     ...makeThemeProps()
   }, 'VLabel');
@@ -5910,9 +5926,10 @@
       } = _ref;
       useRender(() => vue.createVNode("label", {
         "class": ['v-label', {
-          'v-label--clickable': props.clickable
+          'v-label--clickable': !!props.onClick
         }, props.class],
-        "style": props.style
+        "style": props.style,
+        "onClick": props.onClick
       }, [props.text, slots.default?.()]));
       return {};
     }
@@ -6131,6 +6148,9 @@
         isFocused.value = false;
         isFocusVisible.value = false;
       }
+      function onClickLabel(e) {
+        e.stopPropagation();
+      }
       function onInput(e) {
         if (!isInteractive.value) return;
         if (props.readonly && group) {
@@ -6197,8 +6217,7 @@
           "icon": icon.value
         }, null), inputNode])]), [[vue.resolveDirective("ripple"), props.ripple && [!props.disabled && !props.readonly, null, ['center', 'circle']]]])]), label && vue.createVNode(VLabel, {
           "for": id.value,
-          "clickable": true,
-          "onClick": e => e.stopPropagation()
+          "onClick": onClickLabel
         }, {
           default: () => [label]
         })]);
@@ -6611,7 +6630,7 @@
         if (!val) validate();
       });
     });
-    vue.watch(isValid, () => {
+    vue.watch([isValid, errorMessages], () => {
       form?.update(uid.value, isValid.value, errorMessages.value);
     });
     function reset() {
@@ -7635,7 +7654,8 @@
               }
             }
           }, slots.prepend)]), vue.createVNode("div", {
-            "class": "v-chip__content"
+            "class": "v-chip__content",
+            "data-no-activator": ""
           }, [slots.default?.({
             isSelected: group?.isSelected.value,
             selectedClass: group?.selectedClass.value,
@@ -9556,12 +9576,15 @@
       scrollElements.forEach((el, i) => {
         const x = parseFloat(el.style.getPropertyValue('--v-body-scroll-x'));
         const y = parseFloat(el.style.getPropertyValue('--v-body-scroll-y'));
+        const scrollBehavior = el.style.scrollBehavior;
+        el.style.scrollBehavior = 'auto';
         el.style.removeProperty('--v-body-scroll-x');
         el.style.removeProperty('--v-body-scroll-y');
         el.style.removeProperty('--v-scrollbar-offset');
         el.classList.remove('v-overlay-scroll-blocked');
         el.scrollLeft = -x;
         el.scrollTop = -y;
+        el.style.scrollBehavior = scrollBehavior;
       });
       if (scrollableParent) {
         data.root.value.classList.remove('v-overlay--scroll-blocked');
@@ -10168,6 +10191,7 @@
     contentClass: null,
     contentProps: null,
     disabled: Boolean,
+    opacity: [Number, String],
     noClickAnimation: Boolean,
     modelValue: Boolean,
     persistent: Boolean,
@@ -10354,7 +10378,7 @@
           ref: activatorRef,
           targetRef
         }, activatorEvents.value, props.activatorProps)
-      }), !props.disabled && isMounted.value && hasContent.value && vue.createVNode(vue.Teleport, {
+      }), isMounted.value && hasContent.value && vue.createVNode(vue.Teleport, {
         "disabled": !teleportTarget.value,
         "to": teleportTarget.value
       }, {
@@ -10365,12 +10389,13 @@
             'v-overlay--contained': props.contained
           }, themeClasses.value, rtlClasses.value, props.class],
           "style": [stackStyles.value, {
+            '--v-overlay-opacity': props.opacity,
             top: convertToUnit(top.value)
           }, props.style],
           "ref": root
         }, scopeId, attrs), [vue.createVNode(Scrim, vue.mergeProps({
           "color": scrimColor,
-          "modelValue": !!props.scrim && isActive.value
+          "modelValue": isActive.value && !!props.scrim
         }, scrimEvents.value), null), vue.createVNode(MaybeTransition, {
           "appear": true,
           "persisted": true,
@@ -10617,6 +10642,7 @@
         const overlayProps = VOverlay.filterProps(props);
         return vue.createVNode(VOverlay, vue.mergeProps({
           "ref": overlay,
+          "id": id.value,
           "class": ['v-menu', props.class],
           "style": props.style
         }, overlayProps, {
@@ -14216,7 +14242,7 @@
         ctx.fillStyle = saturationGradient;
         ctx.fillRect(0, 0, canvas.width, canvas.height);
         const valueGradient = ctx.createLinearGradient(0, 0, 0, canvas.height);
-        valueGradient.addColorStop(0, 'hsla(0, 0%, 100%, 0)'); // transparent
+        valueGradient.addColorStop(0, 'hsla(0, 0%, 0%, 0)'); // transparent
         valueGradient.addColorStop(1, 'hsla(0, 0%, 0%, 1)'); // black
         ctx.fillStyle = valueGradient;
         ctx.fillRect(0, 0, canvas.width, canvas.height);
@@ -14299,7 +14325,7 @@
   const nullColor = {
     h: 0,
     s: 0,
-    v: 1,
+    v: 0,
     a: 1
   };
   const rgba = {
@@ -14500,7 +14526,7 @@
             onChange: e => {
               const target = e.target;
               if (!target) return;
-              emit('update:color', mode.from(getColor(color ?? nullColor, target.value)));
+              emit('update:color', mode.from(getColor(color ?? mode.to(nullColor), target.value)));
             }
           };
         });
@@ -17102,16 +17128,13 @@
     return null;
   }
   const sundayJanuarySecond2000 = new Date(2000, 0, 2);
-
-  // The number of letters returned by getWeekday() varies by date library
-  // So we've opted for 3-letter abbreviations for all locales
   function getWeekdays(locale) {
     const daysFromSunday = firstDay[locale.slice(-2).toUpperCase()];
     return createRange(7).map(i => {
       const weekday = new Date(sundayJanuarySecond2000);
       weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
       return new Intl.DateTimeFormat(locale, {
-        weekday: 'short'
+        weekday: 'narrow'
       }).format(weekday);
     });
   }
@@ -17174,10 +17197,7 @@
         };
         break;
       case 'dayOfMonth':
-        options = {
-          day: 'numeric'
-        };
-        break;
+        return new Intl.NumberFormat(locale).format(newDate.getDate());
       case 'shortDate':
         options = {
           year: '2-digit',
@@ -20338,7 +20358,7 @@
     }, v => adapter.getYear(v));
     const month = useProxiedModel(props, 'month', undefined, v => {
       const value = v != null ? Number(v) : adapter.getMonth(displayValue.value);
-      const date = adapter.setYear(adapter.date(), adapter.getYear(year.value));
+      const date = adapter.setYear(adapter.startOfMonth(adapter.date()), adapter.getYear(year.value));
       return adapter.setMonth(date, value);
     }, v => adapter.getMonth(v));
     const weeksInMonth = vue.computed(() => {
@@ -20440,7 +20460,6 @@
     color: String,
     hideWeekdays: Boolean,
     multiple: [Boolean, Number, String],
-    range: Boolean,
     showWeek: Boolean,
     ...makeCalendarProps()
   }, 'VDatePickerMonth');
@@ -20462,7 +20481,7 @@
         daysInMonth,
         model,
         weekNumbers
-      } = useCalendar(props); // TODO: fix typing
+      } = useCalendar(props);
       const adapter = useDate();
       const rangeStart = vue.shallowRef();
       const rangeStop = vue.shallowRef();
@@ -20534,7 +20553,7 @@
         "class": "v-date-picker-month__days"
       }, [!props.hideWeekdays && adapter.getWeekdays().map(weekDay => vue.createVNode("div", {
         "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
-      }, [weekDay[0]])), daysInMonth.value.map((item, i) => {
+      }, [weekDay])), daysInMonth.value.map((item, i) => {
         const slotProps = {
           props: {
             onClick: () => onClick(item.date)
@@ -20858,7 +20877,7 @@
         return props.multiple && model.value.length > 1 ? t('$vuetify.datePicker.itemsSelected', model.value.length) : model.value[0] && adapter.isValid(model.value[0]) ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header);
       });
       const text = vue.computed(() => {
-        return adapter.format(adapter.setYear(adapter.setMonth(adapter.startOfMonth(adapter.date()), month.value), year.value), 'monthAndYear');
+        return adapter.format(adapter.parseISO(`${year.value}-${month.value + 1}-01`), 'monthAndYear');
       });
       // const headerIcon = computed(() => props.inputMode === 'calendar' ? props.keyboardIcon : props.calendarIcon)
       const headerTransition = vue.computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
@@ -25647,7 +25666,7 @@
       goTo
     };
   }
-  const version$1 = "3.5.1";
+  const version$1 = "3.5.3";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -25672,7 +25691,7 @@
       ...options
     });
   };
-  const version = "3.5.1";
+  const version = "3.5.3";
   createVuetify.version = version;
 
   exports.components = components;