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

package/dist/vuetify.d.ts

@@ -67105,46 +67105,47 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: typeof import('vuetify/components')['VApp']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VApp: typeof import('vuetify/components')['VApp']
     VAvatar: typeof import('vuetify/components')['VAvatar']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VBtn: typeof import('vuetify/components')['VBtn']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBadge: typeof import('vuetify/components')['VBadge']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
-    VCard: typeof import('vuetify/components')['VCard']
-    VCardActions: typeof import('vuetify/components')['VCardActions']
-    VCardItem: typeof import('vuetify/components')['VCardItem']
-    VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
-    VCardText: typeof import('vuetify/components')['VCardText']
-    VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
     VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VBtn: typeof import('vuetify/components')['VBtn']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCarousel: typeof import('vuetify/components')['VCarousel']
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
+    VChip: typeof import('vuetify/components')['VChip']
     VCombobox: typeof import('vuetify/components')['VCombobox']
-    VCounter: typeof import('vuetify/components')['VCounter']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
     VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
+    VCard: typeof import('vuetify/components')['VCard']
+    VCardActions: typeof import('vuetify/components')['VCardActions']
+    VCardItem: typeof import('vuetify/components')['VCardItem']
+    VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
+    VCardText: typeof import('vuetify/components')['VCardText']
+    VCardTitle: typeof import('vuetify/components')['VCardTitle']
+    VCounter: typeof import('vuetify/components')['VCounter']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -67152,35 +67153,29 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VDivider: typeof import('vuetify/components')['VDivider']
-    VDialog: typeof import('vuetify/components')['VDialog']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
-    VField: typeof import('vuetify/components')['VField']
-    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VCode: typeof import('vuetify/components')['VCode']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFab: typeof import('vuetify/components')['VFab']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VField: typeof import('vuetify/components')['VField']
+    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VFileInput: typeof import('vuetify/components')['VFileInput']
-    VChip: typeof import('vuetify/components')['VChip']
-    VFooter: typeof import('vuetify/components')['VFooter']
-    VInput: typeof import('vuetify/components')['VInput']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VKbd: typeof import('vuetify/components')['VKbd']
+    VFab: typeof import('vuetify/components')['VFab']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VLabel: typeof import('vuetify/components')['VLabel']
-    VImg: typeof import('vuetify/components')['VImg']
-    VMenu: typeof import('vuetify/components')['VMenu']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VMain: typeof import('vuetify/components')['VMain']
-    VMessages: typeof import('vuetify/components')['VMessages']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -67190,68 +67185,73 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
+    VImg: typeof import('vuetify/components')['VImg']
+    VMessages: typeof import('vuetify/components')['VMessages']
+    VInput: typeof import('vuetify/components')['VInput']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VOtpInput: typeof import('vuetify/components')['VOtpInput']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VPagination: typeof import('vuetify/components')['VPagination']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VOtpInput: typeof import('vuetify/components')['VOtpInput']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VRating: typeof import('vuetify/components')['VRating']
     VSelect: typeof import('vuetify/components')['VSelect']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VMain: typeof import('vuetify/components')['VMain']
     VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSheet: typeof import('vuetify/components')['VSheet']
-    VRating: typeof import('vuetify/components')['VRating']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSlider: typeof import('vuetify/components')['VSlider']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VSlider: typeof import('vuetify/components')['VSlider']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
+    VTextField: typeof import('vuetify/components')['VTextField']
+    VTable: typeof import('vuetify/components')['VTable']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
-    VTable: typeof import('vuetify/components')['VTable']
-    VTextField: typeof import('vuetify/components')['VTextField']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
+    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
-    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VForm: typeof import('vuetify/components')['VForm']
+    VHover: typeof import('vuetify/components')['VHover']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VHover: typeof import('vuetify/components')['VHover']
+    VLazy: typeof import('vuetify/components')['VLazy']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
-    VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
-    VRadio: typeof import('vuetify/components')['VRadio']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
+    VRadio: typeof import('vuetify/components')['VRadio']
     VResponsive: typeof import('vuetify/components')['VResponsive']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VSparkline: typeof import('vuetify/components')['VSparkline']
-    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
+    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
@@ -67275,22 +67275,22 @@ declare module 'vue' {
     VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
     VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
+    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
+    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
     VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
-    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
-    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
-    VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
-    VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
-    VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
     VPicker: typeof import('vuetify/labs/components')['VPicker']
     VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
+    VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
+    VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
+    VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
-    VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
     VSnackbarQueue: typeof import('vuetify/labs/components')['VSnackbarQueue']
+    VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
   }
 }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.7-master.2025-01-24
+* Vuetify v3.7.7-master.2025-01-25
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5448,10 +5448,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 {
@@ -6746,9 +6746,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",
@@ -7217,9 +7215,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
       }, {
@@ -11565,7 +11565,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(() => {
@@ -11755,7 +11755,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`);
@@ -11774,7 +11775,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(() => {
@@ -11870,7 +11871,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],
@@ -11934,7 +11935,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,
@@ -11944,7 +11945,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
@@ -12767,7 +12768,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 = '';
@@ -14157,6 +14158,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]));
@@ -18515,7 +18517,7 @@ function provideGroupBy(options) {
           arr.push(item);
         }
       }
-      return arr;
+      return [...new Set(arr)];
     }
     return dive({
       type: 'group',
@@ -18741,6 +18743,8 @@ function usePaginatedItems(options) {
   });
   watch(paginatedItems, val => {
     vm.emit('update:currentItems', val);
+  }, {
+    immediate: true
   });
   return {
     paginatedItems
@@ -21818,12 +21822,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)
@@ -28309,7 +28316,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.7-master.2025-01-24";
+const version$1 = "3.7.7-master.2025-01-25";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28334,7 +28341,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.7-master.2025-01-24";
+const version = "3.7.7-master.2025-01-25";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };