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

package/dist/vuetify.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.
 */
@@ -3893,10 +3893,10 @@
           "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,
@@ -3922,9 +3922,9 @@
           "style": {
             objectPosition: props.position
           },
+          "crossorigin": props.crossorigin,
           "src": normalisedSrc.value.lazySrc,
           "alt": props.alt,
-          "crossorigin": props.crossorigin,
           "referrerpolicy": props.referrerpolicy,
           "draggable": props.draggable
         }, null)]
@@ -5452,10 +5452,10 @@
     let popped = false;
     let removeBefore;
     let removeAfter;
-    if (IN_BROWSER) {
+    if (IN_BROWSER && router?.beforeEach) {
       vue.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 {
@@ -6750,9 +6750,7 @@
         "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) => vue.createVNode("div", {
           "class": "v-messages__message",
@@ -7221,9 +7219,11 @@
           "key": "append-icon",
           "name": "append"
         }, null), slots.append?.(slotProps.value)]), hasDetails && vue.createVNode("div", {
-          "class": "v-input__details"
-        }, [vue.createVNode(VMessages, {
           "id": messagesId.value,
+          "class": "v-input__details",
+          "role": "alert",
+          "aria-live": "polite"
+        }, [vue.createVNode(VMessages, {
           "active": hasMessages,
           "messages": messages.value
         }, {
@@ -11569,7 +11569,7 @@
       const activatorProps = vue.computed(() => vue.mergeProps({
         'aria-haspopup': 'menu',
         'aria-expanded': String(isActive.value),
-        'aria-owns': id.value,
+        'aria-controls': id.value,
         onKeydown: onActivatorKeydown
       }, props.activatorProps));
       useRender(() => {
@@ -11759,7 +11759,8 @@
         rtlClasses
       } = useRtl();
       const isActive = vue.computed(() => props.dirty || props.active);
-      const hasLabel = vue.computed(() => !props.singleLine && !!(props.label || slots.label));
+      const hasLabel = vue.computed(() => !!(props.label || slots.label));
+      const hasFloatingLabel = vue.computed(() => !props.singleLine && hasLabel.value);
       const uid = getUid();
       const id = vue.computed(() => props.id || `input-${uid}`);
       const messagesId = vue.computed(() => `${id.value}-messages`);
@@ -11778,7 +11779,7 @@
         return props.error || props.disabled ? undefined : isActive.value && isFocused.value ? props.color : props.baseColor;
       }));
       vue.watch(isActive, val => {
-        if (hasLabel.value) {
+        if (hasFloatingLabel.value) {
           const el = labelRef.value.$el;
           const targetEl = floatingLabelRef.value.$el;
           requestAnimationFrame(() => {
@@ -11874,7 +11875,7 @@
         }, null), slots['prepend-inner']?.(slotProps.value)]), vue.createVNode("div", {
           "class": "v-field__field",
           "data-no-activator": ""
-        }, [['filled', 'solo', 'solo-inverted', 'solo-filled'].includes(props.variant) && hasLabel.value && vue.createVNode(VFieldLabel, {
+        }, [['filled', 'solo', 'solo-inverted', 'solo-filled'].includes(props.variant) && hasFloatingLabel.value && vue.createVNode(VFieldLabel, {
           "key": "floating-label",
           "ref": floatingLabelRef,
           "class": [textColorClasses.value],
@@ -11938,7 +11939,7 @@
           "style": textColorStyles.value
         }, [isOutlined && vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
           "class": "v-field__outline__start"
-        }, null), hasLabel.value && vue.createVNode("div", {
+        }, null), hasFloatingLabel.value && vue.createVNode("div", {
           "class": "v-field__outline__notch"
         }, [vue.createVNode(VFieldLabel, {
           "ref": floatingLabelRef,
@@ -11948,7 +11949,7 @@
           default: () => [label()]
         })]), vue.createVNode("div", {
           "class": "v-field__outline__end"
-        }, null)]), isPlainOrUnderlined.value && hasLabel.value && vue.createVNode(VFieldLabel, {
+        }, null)]), isPlainOrUnderlined.value && hasFloatingLabel.value && vue.createVNode(VFieldLabel, {
           "ref": floatingLabelRef,
           "floating": true,
           "for": id.value
@@ -12771,7 +12772,7 @@
         // 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 = '';
@@ -14161,6 +14162,7 @@
         slots
       } = _ref;
       useRender(() => vue.createVNode("li", {
+        "aria-hidden": "true",
         "class": ['v-breadcrumbs-divider', props.class],
         "style": props.style
       }, [slots?.default?.() ?? props.divider]));
@@ -18519,7 +18521,7 @@
             arr.push(item);
           }
         }
-        return arr;
+        return [...new Set(arr)];
       }
       return dive({
         type: 'group',
@@ -18745,6 +18747,8 @@
     });
     vue.watch(paginatedItems, val => {
       vm.emit('update:currentItems', val);
+    }, {
+      immediate: true
     });
     return {
       paginatedItems
@@ -21822,12 +21826,15 @@
       const date = adapter.setYear(adapter.startOfMonth(adapter.date()), adapter.getYear(year.value));
       return adapter.setMonth(date, value);
     }, v => adapter.getMonth(v));
+    const defaultFirstDayOfWeek = vue.computed(() => {
+      return props.firstDayOfWeek ?? props.weekdays[0];
+    });
     const weekDays = vue.computed(() => {
       const firstDayOfWeek = Number(props.firstDayOfWeek ?? 0);
       return props.weekdays.map(day => (day + firstDayOfWeek) % 7);
     });
     const weeksInMonth = vue.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)
@@ -28313,7 +28320,7 @@
       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
@@ -28338,7 +28345,7 @@
       ...options
     });
   };
-  const version = "3.7.7-master.2025-01-23";
+  const version = "3.7.7-master.2025-01-25";
   createVuetify.version = version;
 
   exports.blueprints = index;