@vuetify/nightly 3.7.7-master.2025-01-23 → 3.7.7-master.2025-01-25

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.7-master.2025-01-23
+* Vuetify v3.7.7-master.2025-01-25
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3448,10 +3448,10 @@ const VImg = genericComponent()({
         "style": {
           objectPosition: props.position
         },
+        "crossorigin": props.crossorigin,
         "src": normalisedSrc.value.src,
         "srcset": normalisedSrc.value.srcset,
         "alt": props.alt,
-        "crossorigin": props.crossorigin,
         "referrerpolicy": props.referrerpolicy,
         "draggable": props.draggable,
         "sizes": props.sizes,
@@ -3477,9 +3477,9 @@ const VImg = genericComponent()({
         "style": {
           objectPosition: props.position
         },
+        "crossorigin": props.crossorigin,
         "src": normalisedSrc.value.lazySrc,
         "alt": props.alt,
-        "crossorigin": props.crossorigin,
         "referrerpolicy": props.referrerpolicy,
         "draggable": props.draggable
       }, null)]
@@ -5215,10 +5215,10 @@ function useBackButton(router, cb) {
   let popped = false;
   let removeBefore;
   let removeAfter;
-  if (IN_BROWSER) {
+  if (IN_BROWSER && router?.beforeEach) {
     nextTick(() => {
       window.addEventListener('popstate', onPopstate);
-      removeBefore = router?.beforeEach((to, from, next) => {
+      removeBefore = router.beforeEach((to, from, next) => {
         if (!inTransition) {
           setTimeout(() => popped ? cb(next) : next());
         } else {
@@ -6513,9 +6513,7 @@ const VMessages = genericComponent()({
       "transition": props.transition,
       "tag": "div",
       "class": ['v-messages', textColorClasses.value, props.class],
-      "style": [textColorStyles.value, props.style],
-      "role": "alert",
-      "aria-live": "polite"
+      "style": [textColorStyles.value, props.style]
     }, {
       default: () => [props.active && messages.value.map((message, i) => createVNode("div", {
         "class": "v-messages__message",
@@ -6984,9 +6982,11 @@ const VInput = genericComponent()({
         "key": "append-icon",
         "name": "append"
       }, null), slots.append?.(slotProps.value)]), hasDetails && createVNode("div", {
-        "class": "v-input__details"
-      }, [createVNode(VMessages, {
         "id": messagesId.value,
+        "class": "v-input__details",
+        "role": "alert",
+        "aria-live": "polite"
+      }, [createVNode(VMessages, {
         "active": hasMessages,
         "messages": messages.value
       }, {
@@ -11332,7 +11332,7 @@ const VMenu = genericComponent()({
     const activatorProps = computed(() => mergeProps({
       'aria-haspopup': 'menu',
       'aria-expanded': String(isActive.value),
-      'aria-owns': id.value,
+      'aria-controls': id.value,
       onKeydown: onActivatorKeydown
     }, props.activatorProps));
     useRender(() => {
@@ -11522,7 +11522,8 @@ const VField = genericComponent()({
       rtlClasses
     } = useRtl();
     const isActive = computed(() => props.dirty || props.active);
-    const hasLabel = computed(() => !props.singleLine && !!(props.label || slots.label));
+    const hasLabel = computed(() => !!(props.label || slots.label));
+    const hasFloatingLabel = computed(() => !props.singleLine && hasLabel.value);
     const uid = getUid();
     const id = computed(() => props.id || `input-${uid}`);
     const messagesId = computed(() => `${id.value}-messages`);
@@ -11541,7 +11542,7 @@ const VField = genericComponent()({
       return props.error || props.disabled ? undefined : isActive.value && isFocused.value ? props.color : props.baseColor;
     }));
     watch(isActive, val => {
-      if (hasLabel.value) {
+      if (hasFloatingLabel.value) {
         const el = labelRef.value.$el;
         const targetEl = floatingLabelRef.value.$el;
         requestAnimationFrame(() => {
@@ -11637,7 +11638,7 @@ const VField = genericComponent()({
       }, null), slots['prepend-inner']?.(slotProps.value)]), createVNode("div", {
         "class": "v-field__field",
         "data-no-activator": ""
-      }, [['filled', 'solo', 'solo-inverted', 'solo-filled'].includes(props.variant) && hasLabel.value && createVNode(VFieldLabel, {
+      }, [['filled', 'solo', 'solo-inverted', 'solo-filled'].includes(props.variant) && hasFloatingLabel.value && createVNode(VFieldLabel, {
         "key": "floating-label",
         "ref": floatingLabelRef,
         "class": [textColorClasses.value],
@@ -11701,7 +11702,7 @@ const VField = genericComponent()({
         "style": textColorStyles.value
       }, [isOutlined && createVNode(Fragment, null, [createVNode("div", {
         "class": "v-field__outline__start"
-      }, null), hasLabel.value && createVNode("div", {
+      }, null), hasFloatingLabel.value && createVNode("div", {
         "class": "v-field__outline__notch"
       }, [createVNode(VFieldLabel, {
         "ref": floatingLabelRef,
@@ -11711,7 +11712,7 @@ const VField = genericComponent()({
         default: () => [label()]
       })]), createVNode("div", {
         "class": "v-field__outline__end"
-      }, null)]), isPlainOrUnderlined.value && hasLabel.value && createVNode(VFieldLabel, {
+      }, null)]), isPlainOrUnderlined.value && hasFloatingLabel.value && createVNode(VFieldLabel, {
         "ref": floatingLabelRef,
         "floating": true,
         "for": id.value
@@ -12534,7 +12535,7 @@ const VSelect = genericComponent()({
       // html select hotkeys
       const KEYBOARD_LOOKUP_THRESHOLD = 1000; // milliseconds
 
-      if (props.multiple || !checkPrintable(e)) return;
+      if (!checkPrintable(e)) return;
       const now = performance.now();
       if (now - keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {
         keyboardLookupPrefix = '';
@@ -13924,6 +13925,7 @@ const VBreadcrumbsDivider = genericComponent()({
       slots
     } = _ref;
     useRender(() => createVNode("li", {
+      "aria-hidden": "true",
       "class": ['v-breadcrumbs-divider', props.class],
       "style": props.style
     }, [slots?.default?.() ?? props.divider]));
@@ -18282,7 +18284,7 @@ function provideGroupBy(options) {
           arr.push(item);
         }
       }
-      return arr;
+      return [...new Set(arr)];
     }
     return dive({
       type: 'group',
@@ -18508,6 +18510,8 @@ function usePaginatedItems(options) {
   });
   watch(paginatedItems, val => {
     vm.emit('update:currentItems', val);
+  }, {
+    immediate: true
   });
   return {
     paginatedItems
@@ -21585,12 +21589,15 @@ function useCalendar(props) {
     const date = adapter.setYear(adapter.startOfMonth(adapter.date()), adapter.getYear(year.value));
     return adapter.setMonth(date, value);
   }, v => adapter.getMonth(v));
+  const defaultFirstDayOfWeek = computed(() => {
+    return props.firstDayOfWeek ?? props.weekdays[0];
+  });
   const weekDays = computed(() => {
     const firstDayOfWeek = Number(props.firstDayOfWeek ?? 0);
     return props.weekdays.map(day => (day + firstDayOfWeek) % 7);
   });
   const weeksInMonth = computed(() => {
-    const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
+    const weeks = adapter.getWeekArray(month.value, defaultFirstDayOfWeek.value);
     const days = weeks.flat();
 
     // Make sure there's always 6 weeks in month (6 * 7 days)
@@ -28889,8 +28896,7 @@ const VStepperVerticalItem = genericComponent()({
       hasCompleted: hasCompleted.value,
       title: props.title,
       subtitle: props.subtitle,
-      step: step.value,
-      value: props.value
+      step: step.value
     }));
     const actionProps = computed(() => ({
       ...slotProps.value,
@@ -30788,7 +30794,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.7-master.2025-01-23";
+const version$1 = "3.7.7-master.2025-01-25";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31041,7 +31047,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.7-master.2025-01-23";
+const version = "3.7.7-master.2025-01-25";
 
 /* eslint-disable local-rules/sort-imports */