vuetify 3.5.1 → 3.5.2

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.1
+* Vuetify v3.5.2
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4143,6 +4143,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 {
@@ -5903,7 +5906,7 @@
 
   const makeVLabelProps = propsFactory({
     text: String,
-    clickable: Boolean,
+    onClick: EventProp(),
     ...makeComponentProps(),
     ...makeThemeProps()
   }, 'VLabel');
@@ -5916,9 +5919,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 {};
     }
@@ -6137,6 +6141,9 @@
         isFocused.value = false;
         isFocusVisible.value = false;
       }
+      function onClickLabel(e) {
+        e.stopPropagation();
+      }
       function onInput(e) {
         if (!isInteractive.value) return;
         if (props.readonly && group) {
@@ -6203,8 +6210,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]
         })]);
@@ -6617,7 +6623,7 @@
         if (!val) validate();
       });
     });
-    vue.watch(isValid, () => {
+    vue.watch([isValid, errorMessages], () => {
       form?.update(uid.value, isValid.value, errorMessages.value);
     });
     function reset() {
@@ -9562,12 +9568,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');
@@ -10623,6 +10632,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, {
@@ -14305,7 +14315,7 @@
   const nullColor = {
     h: 0,
     s: 0,
-    v: 1,
+    v: 0,
     a: 1
   };
   const rgba = {
@@ -14506,7 +14516,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)));
             }
           };
         });
@@ -17108,16 +17118,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);
     });
   }
@@ -17180,10 +17187,7 @@
         };
         break;
       case 'dayOfMonth':
-        options = {
-          day: 'numeric'
-        };
-        break;
+        return new Intl.NumberFormat(locale).format(newDate.getDate());
       case 'shortDate':
         options = {
           year: '2-digit',
@@ -20344,7 +20348,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(() => {
@@ -20446,7 +20450,6 @@
     color: String,
     hideWeekdays: Boolean,
     multiple: [Boolean, Number, String],
-    range: Boolean,
     showWeek: Boolean,
     ...makeCalendarProps()
   }, 'VDatePickerMonth');
@@ -20468,7 +20471,7 @@
         daysInMonth,
         model,
         weekNumbers
-      } = useCalendar(props); // TODO: fix typing
+      } = useCalendar(props);
       const adapter = useDate();
       const rangeStart = vue.shallowRef();
       const rangeStop = vue.shallowRef();
@@ -20540,7 +20543,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)
@@ -20864,7 +20867,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`);
@@ -26205,7 +26208,7 @@
       goTo
     };
   }
-  const version$1 = "3.5.1";
+  const version$1 = "3.5.2";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -26219,7 +26222,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.5.1";
+  const version = "3.5.2";
 
   /* eslint-disable local-rules/sort-imports */