vuetify 3.5.1 → 3.5.3

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.1
+* Vuetify v3.5.3
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4139,6 +4139,9 @@ function useGroup(props, injectKey) {
     const key = Symbol.for(`${injectKey.description}:id`);
     const children = findChildrenWithProvide(key, groupVm?.vnode);
     const index = children.indexOf(vm);
+    if (unref(unwrapped.value) == null) {
+      unwrapped.value = index;
+    }
     if (index > -1) {
       items.splice(index, 0, unwrapped);
     } else {
@@ -5883,7 +5886,7 @@ const VAvatar = genericComponent()({
       }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
       "style": [colorStyles.value, sizeStyles.value, props.style]
     }, {
-      default: () => [props.image ? createVNode(VImg, {
+      default: () => [!slots.default ? props.image ? createVNode(VImg, {
         "key": "image",
         "src": props.image,
         "alt": "",
@@ -5891,7 +5894,20 @@ const VAvatar = genericComponent()({
       }, null) : props.icon ? createVNode(VIcon, {
         "key": "icon",
         "icon": props.icon
-      }, null) : slots.default?.() ?? props.text, genOverlays(false, 'v-avatar')]
+      }, null) : props.text : createVNode(VDefaultsProvider, {
+        "key": "content-defaults",
+        "defaults": {
+          VAvatar: {
+            cover: true,
+            image: props.image
+          },
+          VIcon: {
+            icon: props.icon
+          }
+        }
+      }, {
+        default: () => [slots.default?.()]
+      }), genOverlays(false, 'v-avatar')]
     }));
     return {};
   }
@@ -5899,7 +5915,7 @@ const VAvatar = genericComponent()({
 
 const makeVLabelProps = propsFactory({
   text: String,
-  clickable: Boolean,
+  onClick: EventProp(),
   ...makeComponentProps(),
   ...makeThemeProps()
 }, 'VLabel');
@@ -5912,9 +5928,10 @@ const VLabel = genericComponent()({
     } = _ref;
     useRender(() => 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 {};
   }
@@ -6133,6 +6150,9 @@ const VSelectionControl = genericComponent()({
       isFocused.value = false;
       isFocusVisible.value = false;
     }
+    function onClickLabel(e) {
+      e.stopPropagation();
+    }
     function onInput(e) {
       if (!isInteractive.value) return;
       if (props.readonly && group) {
@@ -6199,8 +6219,7 @@ const VSelectionControl = genericComponent()({
         "icon": icon.value
       }, null), inputNode])]), [[resolveDirective("ripple"), props.ripple && [!props.disabled && !props.readonly, null, ['center', 'circle']]]])]), label && createVNode(VLabel, {
         "for": id.value,
-        "clickable": true,
-        "onClick": e => e.stopPropagation()
+        "onClick": onClickLabel
       }, {
         default: () => [label]
       })]);
@@ -6613,7 +6632,7 @@ function useValidation(props) {
       if (!val) validate();
     });
   });
-  watch(isValid, () => {
+  watch([isValid, errorMessages], () => {
     form?.update(uid.value, isValid.value, errorMessages.value);
   });
   function reset() {
@@ -7637,7 +7656,8 @@ const VChip = genericComponent()({
             }
           }
         }, slots.prepend)]), createVNode("div", {
-          "class": "v-chip__content"
+          "class": "v-chip__content",
+          "data-no-activator": ""
         }, [slots.default?.({
           isSelected: group?.isSelected.value,
           selectedClass: group?.selectedClass.value,
@@ -9558,12 +9578,15 @@ function blockScrollStrategy(data, props) {
     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');
@@ -10170,6 +10193,7 @@ const makeVOverlayProps = propsFactory({
   contentClass: null,
   contentProps: null,
   disabled: Boolean,
+  opacity: [Number, String],
   noClickAnimation: Boolean,
   modelValue: Boolean,
   persistent: Boolean,
@@ -10356,7 +10380,7 @@ const VOverlay = genericComponent()({
         ref: activatorRef,
         targetRef
       }, activatorEvents.value, props.activatorProps)
-    }), !props.disabled && isMounted.value && hasContent.value && createVNode(Teleport, {
+    }), isMounted.value && hasContent.value && createVNode(Teleport, {
       "disabled": !teleportTarget.value,
       "to": teleportTarget.value
     }, {
@@ -10367,12 +10391,13 @@ const VOverlay = genericComponent()({
           '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), [createVNode(Scrim, mergeProps({
         "color": scrimColor,
-        "modelValue": !!props.scrim && isActive.value
+        "modelValue": isActive.value && !!props.scrim
       }, scrimEvents.value), null), createVNode(MaybeTransition, {
         "appear": true,
         "persisted": true,
@@ -10619,6 +10644,7 @@ const VMenu = genericComponent()({
       const overlayProps = VOverlay.filterProps(props);
       return createVNode(VOverlay, mergeProps({
         "ref": overlay,
+        "id": id.value,
         "class": ['v-menu', props.class],
         "style": props.style
       }, overlayProps, {
@@ -14218,7 +14244,7 @@ const VColorPickerCanvas = defineComponent({
       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);
@@ -14301,7 +14327,7 @@ function extractColor(color, input) {
 const nullColor = {
   h: 0,
   s: 0,
-  v: 1,
+  v: 0,
   a: 1
 };
 const rgba = {
@@ -14502,7 +14528,7 @@ const VColorPickerEdit = defineComponent({
           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)));
           }
         };
       });
@@ -17104,16 +17130,13 @@ function date(value) {
   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);
   });
 }
@@ -17176,10 +17199,7 @@ function format(value, formatString, locale, formats) {
       };
       break;
     case 'dayOfMonth':
-      options = {
-        day: 'numeric'
-      };
-      break;
+      return new Intl.NumberFormat(locale).format(newDate.getDate());
     case 'shortDate':
       options = {
         year: '2-digit',
@@ -20340,7 +20360,7 @@ function useCalendar(props) {
   }, 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 = computed(() => {
@@ -20442,7 +20462,6 @@ const makeVDatePickerMonthProps = propsFactory({
   color: String,
   hideWeekdays: Boolean,
   multiple: [Boolean, Number, String],
-  range: Boolean,
   showWeek: Boolean,
   ...makeCalendarProps()
 }, 'VDatePickerMonth');
@@ -20464,7 +20483,7 @@ const VDatePickerMonth = genericComponent()({
       daysInMonth,
       model,
       weekNumbers
-    } = useCalendar(props); // TODO: fix typing
+    } = useCalendar(props);
     const adapter = useDate();
     const rangeStart = shallowRef();
     const rangeStop = shallowRef();
@@ -20536,7 +20555,7 @@ const VDatePickerMonth = genericComponent()({
       "class": "v-date-picker-month__days"
     }, [!props.hideWeekdays && adapter.getWeekdays().map(weekDay => 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)
@@ -20860,7 +20879,7 @@ const VDatePicker = genericComponent()({
       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 = 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 = computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
@@ -26201,7 +26220,7 @@ function createVuetify$1() {
     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
@@ -26215,7 +26234,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.5.1";
+const version = "3.5.3";
 
 /* eslint-disable local-rules/sort-imports */