vuetify 3.11.0 → 3.11.2

package/dist/vuetify.d.ts

@@ -45833,6 +45833,7 @@ declare const VDataTableHeaders: {
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         loading?: string | boolean | undefined;
         color?: string | undefined;
+        initialSortOrder?: "asc" | "desc" | undefined;
         headerProps?: Record<string, any> | undefined;
     } & {
         $children?: {
@@ -45902,6 +45903,7 @@ declare const VDataTableHeaders: {
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         loading?: string | boolean | undefined;
         color?: string | undefined;
+        initialSortOrder?: "asc" | "desc" | undefined;
         headerProps?: Record<string, any> | undefined;
     } & {
         $children?: {
@@ -45952,6 +45954,7 @@ declare const VDataTableHeaders: {
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     loading?: string | boolean | undefined;
     color?: string | undefined;
+    initialSortOrder?: "asc" | "desc" | undefined;
     headerProps?: Record<string, any> | undefined;
 } & {
     $children?: {
@@ -46017,6 +46020,7 @@ declare const VDataTableHeaders: {
     disableSort: BooleanConstructor;
     fixedHeader: BooleanConstructor;
     multiSort: BooleanConstructor;
+    initialSortOrder: PropType<"asc" | "desc">;
     sortAscIcon: {
         type: PropType<IconValue>;
         default: string;
@@ -46045,6 +46049,7 @@ declare const VDataTableHeaders: {
     disableSort: BooleanConstructor;
     fixedHeader: BooleanConstructor;
     multiSort: BooleanConstructor;
+    initialSortOrder: PropType<"asc" | "desc">;
     sortAscIcon: {
         type: PropType<IconValue>;
         default: string;
@@ -98112,6 +98117,7 @@ declare const VTab: {
         };
         fixed: boolean;
         hideSlider: boolean;
+        inset: boolean;
         direction: "horizontal" | "vertical";
     } & {
         theme?: string | undefined;
@@ -98539,6 +98545,7 @@ declare const VTab: {
         text: string | number | boolean;
         fixed: boolean;
         hideSlider: boolean;
+        inset: boolean;
         direction: "horizontal" | "vertical";
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -98580,6 +98587,7 @@ declare const VTab: {
         };
         fixed: boolean;
         hideSlider: boolean;
+        inset: boolean;
         direction: "horizontal" | "vertical";
     } & {
         theme?: string | undefined;
@@ -99007,6 +99015,7 @@ declare const VTab: {
         text: string | number | boolean;
         fixed: boolean;
         hideSlider: boolean;
+        inset: boolean;
         direction: "horizontal" | "vertical";
     }>;
     __isFragment?: undefined;
@@ -99032,6 +99041,7 @@ declare const VTab: {
     };
     fixed: boolean;
     hideSlider: boolean;
+    inset: boolean;
     direction: "horizontal" | "vertical";
 } & {
     theme?: string | undefined;
@@ -99459,6 +99469,7 @@ declare const VTab: {
     text: string | number | boolean;
     fixed: boolean;
     hideSlider: boolean;
+    inset: boolean;
     direction: "horizontal" | "vertical";
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -99560,6 +99571,7 @@ declare const VTab: {
     sliderTransition: PropType<"fade" | "grow" | "shift">;
     sliderTransitionDuration: (NumberConstructor | StringConstructor)[];
     hideSlider: BooleanConstructor;
+    inset: BooleanConstructor;
     direction: {
         type: PropType<"horizontal" | "vertical">;
         default: string;
@@ -99651,6 +99663,7 @@ declare const VTab: {
     sliderTransition: PropType<"fade" | "grow" | "shift">;
     sliderTransitionDuration: (NumberConstructor | StringConstructor)[];
     hideSlider: BooleanConstructor;
+    inset: BooleanConstructor;
     direction: {
         type: PropType<"horizontal" | "vertical">;
         default: string;
@@ -114145,42 +114158,42 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VAutocomplete: VAutocomplete
+    VApp: VApp
+    VBadge: VBadge
+    VBottomNavigation: VBottomNavigation
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAvatar: VAvatar
-    VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VBadge: VBadge
-    VBottomSheet: VBottomSheet
-    VBottomNavigation: VBottomNavigation
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VAutocomplete: VAutocomplete
-    VBtnGroup: VBtnGroup
     VBtnToggle: VBtnToggle
+    VBtn: VBtn
+    VBottomSheet: VBottomSheet
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VBtnGroup: VBtnGroup
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtn: VBtn
     VCalendar: VCalendar
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VCode: VCode
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCode: VCode
+    VChipGroup: VChipGroup
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VChip: VChip
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VCombobox: VCombobox
     VColorPicker: VColorPicker
-    VChipGroup: VChipGroup
+    VCombobox: VCombobox
     VCounter: VCounter
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
@@ -114188,6 +114201,13 @@ declare module 'vue' {
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
+    VDialog: VDialog
+    VDivider: VDivider
+    VExpansionPanels: VExpansionPanels
+    VExpansionPanel: VExpansionPanel
+    VExpansionPanelText: VExpansionPanelText
+    VExpansionPanelTitle: VExpansionPanelTitle
+    VEmptyState: VEmptyState
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -114195,31 +114215,21 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VExpansionPanels: VExpansionPanels
-    VExpansionPanel: VExpansionPanel
-    VExpansionPanelText: VExpansionPanelText
-    VExpansionPanelTitle: VExpansionPanelTitle
-    VDialog: VDialog
     VFab: VFab
-    VDivider: VDivider
+    VFooter: VFooter
+    VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
-    VEmptyState: VEmptyState
-    VFileInput: VFileInput
-    VFooter: VFooter
-    VHotkey: VHotkey
-    VInfiniteScroll: VInfiniteScroll
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInput: VInput
+    VInfiniteScroll: VInfiniteScroll
+    VImg: VImg
+    VHotkey: VHotkey
     VItemGroup: VItemGroup
     VItem: VItem
-    VImg: VImg
-    VLabel: VLabel
-    VKbd: VKbd
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -114229,56 +114239,59 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMain: VMain
+    VInput: VInput
+    VLabel: VLabel
+    VKbd: VKbd
     VMenu: VMenu
+    VMain: VMain
+    VMessages: VMessages
     VNavigationDrawer: VNavigationDrawer
     VNumberInput: VNumberInput
-    VPagination: VPagination
-    VMessages: VMessages
     VOtpInput: VOtpInput
-    VProgressLinear: VProgressLinear
-    VProgressCircular: VProgressCircular
+    VPagination: VPagination
     VOverlay: VOverlay
-    VRating: VRating
+    VProgressCircular: VProgressCircular
+    VProgressLinear: VProgressLinear
     VSelectionControl: VSelectionControl
-    VSelect: VSelect
+    VSkeletonLoader: VSkeletonLoader
+    VRating: VRating
     VRadioGroup: VRadioGroup
     VSelectionControlGroup: VSelectionControlGroup
-    VSheet: VSheet
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
-    VSkeletonLoader: VSkeletonLoader
-    VSlider: VSlider
     VSnackbar: VSnackbar
-    VSwitch: VSwitch
-    VTab: VTab
-    VTabs: VTabs
-    VTabsWindow: VTabsWindow
-    VTabsWindowItem: VTabsWindowItem
+    VSlider: VSlider
+    VSheet: VSheet
+    VSelect: VSelect
+    VSystemBar: VSystemBar
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSwitch: VSwitch
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
+    VTab: VTab
+    VTabs: VTabs
+    VTabsWindow: VTabsWindow
+    VTabsWindowItem: VTabsWindowItem
     VTable: VTable
-    VSystemBar: VSystemBar
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
     VTextarea: VTextarea
-    VTextField: VTextField
-    VTooltip: VTooltip
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VWindow: VWindow
-    VWindowItem: VWindowItem
+    VTooltip: VTooltip
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
+    VTextField: VTextField
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
@@ -114288,21 +114301,20 @@ declare module 'vue' {
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
-    VLocaleProvider: VLocaleProvider
     VLayout: VLayout
     VLayoutItem: VLayoutItem
     VLazy: VLazy
+    VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
-    VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSparkline: VSparkline
+    VRangeSlider: VRangeSlider
     VSnackbarQueue: VSnackbarQueue
+    VSparkline: VSparkline
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
     VValidation: VValidation
-    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -114319,24 +114331,25 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VVirtualScroll: VVirtualScroll
     VColorInput: VColorInput
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VPie: VPie
-    VPieSegment: VPieSegment
-    VPieTooltip: VPieTooltip
+    VIconBtn: VIconBtn
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VIconBtn: VIconBtn
     VVideo: VVideo
     VVideoControls: VVideoControls
     VVideoVolume: VVideoVolume
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VPullToRefresh: VPullToRefresh
-    VMaskInput: VMaskInput
+    VPie: VPie
+    VPieSegment: VPieSegment
+    VPieTooltip: VPieTooltip
     VDateInput: VDateInput
+    VMaskInput: VMaskInput
+    VPullToRefresh: VPullToRefresh
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.11.0
+* Vuetify v3.11.2
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8460,7 +8460,7 @@ const makeVSlideGroupProps = propsFactory({
   },
   showArrows: {
     type: [Boolean, String],
-    validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile'].includes(v)
+    validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile', 'never'].includes(v)
   },
   ...makeComponentProps(),
   ...makeDisplayProps({
@@ -8694,6 +8694,9 @@ const VSlideGroup = genericComponent()({
     const hasOverflowOrScroll = computed(() => isOverflowing.value || Math.abs(scrollOffset.value) > 0);
     const hasAffixes = computed(() => {
       switch (props.showArrows) {
+        case 'never':
+          return false;
+
         // Always show arrows on desktop & mobile
         case 'always':
           return true;
@@ -13160,7 +13163,9 @@ function useAutocomplete(props) {
 function useAutofocus(props) {
   function onIntersect(isIntersecting, entries) {
     if (!props.autofocus || !isIntersecting) return;
-    entries[0].target?.focus?.();
+    const el = entries[0].target;
+    const target = el.matches('input,textarea') ? el : el.querySelector('input,textarea');
+    target?.focus();
   }
   return {
     onIntersect
@@ -13338,7 +13343,7 @@ const VTextField = genericComponent()({
                 },
                 controlRef
               } = _ref3;
-              const inputNode = withDirectives(createElementVNode("input", mergeProps({
+              const inputNode = createElementVNode("input", mergeProps({
                 "ref": val => inputRef.value = controlRef.value = val,
                 "value": model.value,
                 "onInput": onInput,
@@ -13353,21 +13358,19 @@ const VTextField = genericComponent()({
                 "type": props.type,
                 "onFocus": focus,
                 "onBlur": blur
-              }, slotProps, inputAttrs), null), [[Intersect, {
-                handler: onIntersect
-              }, null, {
-                once: true
-              }]]);
+              }, slotProps, inputAttrs), null);
               return createElementVNode(Fragment, null, [props.prefix && createElementVNode("span", {
                 "class": "v-text-field__prefix"
               }, [createElementVNode("span", {
                 "class": "v-text-field__prefix__text"
-              }, [props.prefix])]), slots.default ? createElementVNode("div", {
+              }, [props.prefix])]), withDirectives(slots.default ? createElementVNode("div", {
                 "class": normalizeClass(fieldClass),
                 "data-no-activator": ""
               }, [slots.default(), inputNode]) : cloneVNode(inputNode, {
                 class: fieldClass
-              }), props.suffix && createElementVNode("span", {
+              }), [[Intersect, onIntersect, null, {
+                once: true
+              }]]), props.suffix && createElementVNode("span", {
                 "class": "v-text-field__suffix"
               }, [createElementVNode("span", {
                 "class": "v-text-field__suffix__text"
@@ -25028,6 +25031,7 @@ const makeVDataTableHeadersProps = propsFactory({
   disableSort: Boolean,
   fixedHeader: Boolean,
   multiSort: Boolean,
+  initialSortOrder: String,
   sortAscIcon: {
     type: IconValue,
     default: '$sortAsc'
@@ -25090,8 +25094,7 @@ const VDataTableHeaders = genericComponent()({
     }
     function getSortIcon(column) {
       const item = sortBy.value.find(item => item.key === column.key);
-      if (!item) return props.sortAscIcon;
-      return item.order === 'asc' ? props.sortAscIcon : props.sortDescIcon;
+      return !item && props.initialSortOrder === 'asc' || item?.order === 'asc' ? props.sortAscIcon : props.sortDescIcon;
     }
     const {
       backgroundColorClasses,
@@ -25191,6 +25194,7 @@ const VDataTableHeaders = genericComponent()({
       const displayItems = computed(() => {
         return columns.value.filter(column => column?.sortable && !props.disableSort);
       });
+      const showSelectColumn = columns.value.find(column => column.key === 'data-table-select');
       return createVNode(VDataTableColumn, mergeProps({
         "tag": "th",
         "class": [...headerCellClasses.value],
@@ -25208,16 +25212,15 @@ const VDataTableHeaders = genericComponent()({
           "label": t('$vuetify.dataTable.sortBy'),
           "multiple": props.multiSort,
           "variant": "underlined",
-          "onClick:clear": () => sortBy.value = [],
-          "onClick:append": () => selectAll(!allSelected.value)
+          "onClick:clear": () => sortBy.value = []
         }, {
-          append: () => createVNode(VCheckboxBtn, {
+          append: showSelectColumn ? () => createVNode(VCheckboxBtn, {
             "color": props.color,
             "density": "compact",
             "modelValue": allSelected.value,
             "indeterminate": someSelected.value && !allSelected.value,
-            "onUpdate:modelValue": selectAll
-          }, null),
+            "onUpdate:modelValue": () => selectAll(!allSelected.value)
+          }, null) : undefined,
           chip: props => createVNode(VChip, {
             "onClick": props.item.raw?.sortable ? () => toggleSort(props.item.raw) : undefined,
             "onMousedown": e => {
@@ -25773,7 +25776,7 @@ const makeDataTableProps = propsFactory({
   ...makeDataTableItemsProps(),
   ...makeDataTableSelectProps(),
   ...makeDataTableSortProps(),
-  ...omit(makeVDataTableHeadersProps(), ['multiSort']),
+  ...omit(makeVDataTableHeadersProps(), ['multiSort', 'initialSortOrder']),
   ...makeVTableProps()
 }, 'DataTable');
 const makeVDataTableProps = propsFactory({
@@ -27665,7 +27668,10 @@ const VDatePicker = genericComponent()({
       const formattedDate = model.value[0] && adapter.isValid(model.value[0]) ? adapter.format(adapter.date(model.value[0]), props.headerDateFormat) : t(props.header);
       return props.landscape && formattedDate.split(' ').length === 3 ? formattedDate.replace(' ', '\n') : formattedDate;
     });
-    const date = toRef(() => adapter.parseISO(`${year.value}-${month.value + 1}-01`));
+    const date = toRef(() => {
+      const monthTwoDigits = String(month.value + 1).padStart(2, '0');
+      return adapter.parseISO(`${year.value}-${monthTwoDigits}-01`);
+    });
     const monthYearText = toRef(() => adapter.format(date.value, 'monthAndYear'));
     const monthText = toRef(() => adapter.format(date.value, 'monthShort'));
     const yearText = toRef(() => adapter.format(date.value, 'year'));
@@ -27767,7 +27773,8 @@ const VDatePicker = genericComponent()({
     function onClickNextYear() {
       year.value++;
       if (maxDate.value) {
-        const monthStart = adapter.parseISO(`${year.value}-${month.value + 1}-01`);
+        const monthTwoDigits = String(month.value + 1).padStart(2, '0');
+        const monthStart = adapter.parseISO(`${year.value}-${monthTwoDigits}-01`);
         if (adapter.isAfter(monthStart, maxDate.value)) {
           month.value = adapter.getMonth(maxDate.value);
         }
@@ -27777,7 +27784,8 @@ const VDatePicker = genericComponent()({
     function onClickPrevYear() {
       year.value--;
       if (minDate.value) {
-        const monthStart = adapter.endOfMonth(adapter.parseISO(`${year.value}-${month.value + 1}-01`));
+        const monthTwoDigits = String(month.value + 1).padStart(2, '0');
+        const monthStart = adapter.endOfMonth(adapter.parseISO(`${year.value}-${monthTwoDigits}-01`));
         if (adapter.isAfter(minDate.value, monthStart)) {
           month.value = adapter.getMonth(minDate.value);
         }
@@ -30634,7 +30642,7 @@ const VNumberInput = genericComponent()({
     });
     const isOutOfRange = computed(() => {
       if (_lastParsedValue.value === null) return false;
-      const numberFromText = Number(_inputText.value);
+      const numberFromText = Number(_inputText.value?.replace(decimalSeparator.value, '.'));
       return numberFromText !== clamp(numberFromText, props.min, props.max);
     });
     const canIncrease = computed(() => {
@@ -33504,6 +33512,7 @@ const makeVTabProps = propsFactory({
   sliderTransition: String,
   sliderTransitionDuration: [String, Number],
   hideSlider: Boolean,
+  inset: Boolean,
   direction: {
     type: String,
     default: 'horizontal'
@@ -33598,8 +33607,8 @@ const VTab = genericComponent()({
       return createVNode(VBtn, mergeProps({
         "symbol": VTabsSymbol,
         "ref": rootEl,
-        "class": ['v-tab', props.class, isSelected.value ? insetColorClasses.value : []],
-        "style": [props.style, isSelected.value ? insetColorStyles.value : []],
+        "class": ['v-tab', props.class, isSelected.value && props.inset ? insetColorClasses.value : []],
+        "style": [props.style, isSelected.value && props.inset ? insetColorStyles.value : []],
         "tabindex": isSelected.value ? 0 : -1,
         "role": "tab",
         "aria-selected": String(isSelected.value),
@@ -33762,6 +33771,7 @@ const VTabs = genericComponent()({
         direction: toRef(props, 'direction'),
         stacked: toRef(props, 'stacked'),
         fixed: toRef(props, 'fixedTabs'),
+        inset: toRef(props, 'inset'),
         sliderColor: toRef(props, 'sliderColor'),
         sliderTransition: toRef(props, 'sliderTransition'),
         sliderTransitionDuration: toRef(props, 'sliderTransitionDuration'),
@@ -36463,7 +36473,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.11.0";
+const version$1 = "3.11.2";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -36488,7 +36498,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.11.0";
+const version = "3.11.2";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useMask, useRtl, useTheme, version };