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

package/dist/vuetify-labs.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.
 */
@@ -3452,10 +3452,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,
@@ -3481,9 +3481,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)]
@@ -5219,10 +5219,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 {
@@ -6517,9 +6517,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",
@@ -6988,9 +6986,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
         }, {
@@ -11336,7 +11336,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(() => {
@@ -11526,7 +11526,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`);
@@ -11545,7 +11546,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(() => {
@@ -11641,7 +11642,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],
@@ -11705,7 +11706,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,
@@ -11715,7 +11716,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
@@ -12538,7 +12539,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 = '';
@@ -13928,6 +13929,7 @@
         slots
       } = _ref;
       useRender(() => vue.createVNode("li", {
+        "aria-hidden": "true",
         "class": ['v-breadcrumbs-divider', props.class],
         "style": props.style
       }, [slots?.default?.() ?? props.divider]));
@@ -18286,7 +18288,7 @@
             arr.push(item);
           }
         }
-        return arr;
+        return [...new Set(arr)];
       }
       return dive({
         type: 'group',
@@ -18512,6 +18514,8 @@
     });
     vue.watch(paginatedItems, val => {
       vm.emit('update:currentItems', val);
+    }, {
+      immediate: true
     });
     return {
       paginatedItems
@@ -21589,12 +21593,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)
@@ -28893,8 +28900,7 @@
         hasCompleted: hasCompleted.value,
         title: props.title,
         subtitle: props.subtitle,
-        step: step.value,
-        value: props.value
+        step: step.value
       }));
       const actionProps = vue.computed(() => ({
         ...slotProps.value,
@@ -30792,7 +30798,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
@@ -31045,7 +31051,7 @@
 
   /* 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 */