vuetify 3.9.4 → 3.9.6

package/dist/vuetify.d.ts

@@ -95363,48 +95363,34 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VApp: VApp
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VApp: VApp
-    VBadge: VBadge
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VAutocomplete: VAutocomplete
-    VBottomNavigation: VBottomNavigation
     VAvatar: VAvatar
-    VBottomSheet: VBottomSheet
+    VBadge: VBadge
+    VAutocomplete: VAutocomplete
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBtn: VBtn
+    VBottomNavigation: VBottomNavigation
+    VBottomSheet: VBottomSheet
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtnGroup: VBtnGroup
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
+    VBtnGroup: VBtnGroup
     VBtnToggle: VBtnToggle
-    VCard: VCard
-    VCardActions: VCardActions
-    VCardItem: VCardItem
-    VCardSubtitle: VCardSubtitle
-    VCardText: VCardText
-    VCardTitle: VCardTitle
-    VCode: VCode
-    VCombobox: VCombobox
-    VColorPicker: VColorPicker
-    VChipGroup: VChipGroup
+    VBtn: VBtn
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VCounter: VCounter
     VChip: VChip
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
+    VChipGroup: VChipGroup
+    VCode: VCode
+    VCombobox: VCombobox
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -95412,29 +95398,38 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VCounter: VCounter
+    VColorPicker: VColorPicker
+    VDialog: VDialog
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
     VDivider: VDivider
+    VEmptyState: VEmptyState
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VDialog: VDialog
     VFab: VFab
-    VEmptyState: VEmptyState
     VField: VField
     VFieldLabel: VFieldLabel
     VFileInput: VFileInput
     VFooter: VFooter
-    VImg: VImg
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
     VInfiniteScroll: VInfiniteScroll
+    VInput: VInput
+    VImg: VImg
     VItemGroup: VItemGroup
     VItem: VItem
-    VKbd: VKbd
     VLabel: VLabel
+    VKbd: VKbd
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -95444,79 +95439,81 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VInput: VInput
-    VMessages: VMessages
-    VMenu: VMenu
     VMain: VMain
-    VNavigationDrawer: VNavigationDrawer
-    VOtpInput: VOtpInput
+    VMenu: VMenu
+    VMessages: VMessages
+    VNumberInput: VNumberInput
     VOverlay: VOverlay
-    VProgressCircular: VProgressCircular
+    VOtpInput: VOtpInput
+    VNavigationDrawer: VNavigationDrawer
     VPagination: VPagination
-    VNumberInput: VNumberInput
+    VProgressCircular: VProgressCircular
+    VProgressLinear: VProgressLinear
     VRadioGroup: VRadioGroup
     VRating: VRating
-    VProgressLinear: VProgressLinear
     VSelect: VSelect
     VSelectionControl: VSelectionControl
+    VSlider: VSlider
+    VSelectionControlGroup: VSelectionControlGroup
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSelectionControlGroup: VSelectionControlGroup
-    VSkeletonLoader: VSkeletonLoader
-    VSlider: VSlider
     VSheet: VSheet
-    VSwitch: VSwitch
+    VSkeletonLoader: VSkeletonLoader
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSwitch: VSwitch
     VSnackbar: VSnackbar
-    VTab: VTab
-    VTabs: VTabs
-    VTabsWindow: VTabsWindow
-    VTabsWindowItem: VTabsWindowItem
     VSystemBar: VSystemBar
-    VTextField: VTextField
-    VTextarea: VTextarea
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
     VTable: VTable
+    VTextarea: VTextarea
+    VTextField: VTextField
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VTooltip: VTooltip
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VTooltip: VTooltip
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
+    VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
-    VContainer: VContainer
-    VCol: VCol
-    VRow: VRow
-    VSpacer: VSpacer
-    VConfirmEdit: VConfirmEdit
     VForm: VForm
     VHover: VHover
-    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
     VLocaleProvider: VLocaleProvider
+    VLazy: VLazy
     VNoSsr: VNoSsr
     VParallax: VParallax
+    VRangeSlider: VRangeSlider
     VRadio: VRadio
     VResponsive: VResponsive
-    VRangeSlider: VRangeSlider
     VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
-    VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
+    VSpeedDial: VSpeedDial
+    VVirtualScroll: VVirtualScroll
+    VCard: VCard
+    VCardActions: VCardActions
+    VCardItem: VCardItem
+    VCardSubtitle: VCardSubtitle
+    VCardText: VCardText
+    VCardTitle: VCardTitle
+    VContainer: VContainer
+    VCol: VCol
+    VRow: VRow
+    VSpacer: VSpacer
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -95533,15 +95530,18 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VVirtualScroll: VVirtualScroll
     VValidation: VValidation
-    VColorInput: VColorInput
+    VTab: VTab
+    VTabs: VTabs
+    VTabsWindow: VTabsWindow
+    VTabsWindowItem: VTabsWindowItem
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
+    VColorInput: VColorInput
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
     VIconBtn: VIconBtn
@@ -95550,13 +95550,13 @@ declare module 'vue' {
     VPieTooltip: VPieTooltip
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VVideo: VVideo
-    VVideoControls: VVideoControls
-    VVideoVolume: VVideoVolume
+    VHotkey: VHotkey
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VHotkey: VHotkey
+    VVideo: VVideo
+    VVideoControls: VVideoControls
+    VVideoVolume: VVideoVolume
     VDateInput: VDateInput
     VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.4
+* Vuetify v3.9.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -12782,7 +12782,7 @@ const VTextField = genericComponent()({
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner'],
             "role": props.role
-          }, fieldProps, {
+          }, omit(fieldProps, ['onClick:clear']), {
             "id": id.value,
             "active": isActive.value || isDirty.value,
             "dirty": isDirty.value || props.dirty,
@@ -12809,6 +12809,7 @@ const VTextField = genericComponent()({
                 "name": props.name,
                 "placeholder": props.placeholder,
                 "size": 1,
+                "role": props.role,
                 "type": props.type,
                 "onFocus": focus,
                 "onBlur": blur
@@ -13584,7 +13585,7 @@ const VSelect = genericComponent()({
       return createVNode(VTextField, mergeProps({
         "ref": vTextFieldRef
       }, textFieldProps, {
-        "modelValue": model.value.map(v => v.props.value).join(', '),
+        "modelValue": model.value.map(v => v.props.title).join(', '),
         "onUpdate:modelValue": onModelUpdate,
         "focused": isFocused.value,
         "onUpdate:focused": $event => isFocused.value = $event,
@@ -23555,6 +23556,9 @@ const makeVDatePickerYearsProps = propsFactory({
 const VDatePickerYears = genericComponent()({
   name: 'VDatePickerYears',
   props: makeVDatePickerYearsProps(),
+  directives: {
+    vIntersect: Intersect
+  },
   emits: {
     'update:modelValue': year => true
   },
@@ -23591,10 +23595,12 @@ const VDatePickerYears = genericComponent()({
       model.value = model.value ?? adapter.getYear(adapter.date());
     });
     const yearRef = templateRef();
-    onMounted(async () => {
-      await nextTick();
+    function focusSelectedYear() {
       yearRef.el?.focus();
-    });
+      yearRef.el?.scrollIntoView({
+        block: 'center'
+      });
+    }
     function isYearAllowed(year) {
       if (Array.isArray(props.allowedYears) && props.allowedYears.length) {
         return props.allowedYears.includes(year);
@@ -23604,7 +23610,7 @@ const VDatePickerYears = genericComponent()({
       }
       return true;
     }
-    useRender(() => createElementVNode("div", {
+    useRender(() => withDirectives(createElementVNode("div", {
       "class": "v-date-picker-years",
       "style": {
         height: convertToUnit(props.height)
@@ -23635,7 +23641,11 @@ const VDatePickerYears = genericComponent()({
       }) ?? createVNode(VBtn, mergeProps({
         "key": "month"
       }, btnProps), null);
-    })])]));
+    })])]), [[Intersect, {
+      handler: focusSelectedYear
+    }, null, {
+      once: true
+    }]]));
     return {};
   }
 });
@@ -23776,6 +23786,12 @@ const VDatePicker = genericComponent()({
       }
       return targets;
     });
+    const allowedYears = computed(() => {
+      return props.allowedYears || isYearAllowed;
+    });
+    const allowedMonths = computed(() => {
+      return props.allowedMonths || isMonthAllowed;
+    });
     function isAllowedInRange(start, end) {
       const allowedDates = props.allowedDates;
       if (typeof allowedDates !== 'function') return true;
@@ -23785,7 +23801,7 @@ const VDatePicker = genericComponent()({
       }
       return false;
     }
-    function allowedYears(year) {
+    function isYearAllowed(year) {
       if (typeof props.allowedDates === 'function') {
         const startOfYear = adapter.parseISO(`${year}-01-01`);
         return isAllowedInRange(startOfYear, adapter.endOfYear(startOfYear));
@@ -23798,7 +23814,7 @@ const VDatePicker = genericComponent()({
       }
       return true;
     }
-    function allowedMonths(month) {
+    function isMonthAllowed(month) {
       if (typeof props.allowedDates === 'function') {
         const monthTwoDigits = String(month + 1).padStart(2, '0');
         const startOfMonth = adapter.parseISO(`${year.value}-${monthTwoDigits}-01`);
@@ -23926,7 +23942,7 @@ const VDatePicker = genericComponent()({
             "min": minDate.value,
             "max": maxDate.value,
             "year": year.value,
-            "allowedMonths": allowedMonths
+            "allowedMonths": allowedMonths.value
           }), {
             month: slots.month
           }) : viewMode.value === 'year' ? createVNode(VDatePickerYears, mergeProps({
@@ -23936,7 +23952,7 @@ const VDatePicker = genericComponent()({
             "onUpdate:modelValue": [$event => year.value = $event, onUpdateYear],
             "min": minDate.value,
             "max": maxDate.value,
-            "allowedYears": allowedYears
+            "allowedYears": allowedYears.value
           }), {
             year: slots.year
           }) : createVNode(VDatePickerMonth, mergeProps({
@@ -24671,7 +24687,10 @@ const VFileInput = genericComponent()({
         modelValue: _,
         ...inputProps
       } = VInput.filterProps(props);
-      const fieldProps = VField.filterProps(props);
+      const fieldProps = {
+        ...VField.filterProps(props),
+        'onClick:clear': onClear
+      };
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": props.multiple ? model.value : model.value[0],
@@ -24702,7 +24721,6 @@ const VFileInput = genericComponent()({
             "prependIcon": props.prependIcon,
             "onMousedown": onControlMousedown,
             "onClick": onControlClick,
-            "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner']
           }, fieldProps, {
@@ -26393,7 +26411,6 @@ const VNumberInput = genericComponent()({
           "aria-hidden": "true",
           "data-testid": "increment",
           "disabled": !canIncrease.value,
-          "flat": true,
           "height": controlNodeDefaultHeight.value,
           "icon": incrementIcon.value,
           "key": "increment-btn",
@@ -26402,16 +26419,17 @@ const VNumberInput = genericComponent()({
           "onPointerup": onControlMouseup,
           "onPointercancel": onControlMouseup,
           "size": controlNodeSize.value,
+          "variant": "text",
           "tabindex": "-1"
         }, null) : createVNode(VDefaultsProvider, {
           "key": "increment-defaults",
           "defaults": {
             VBtn: {
               disabled: !canIncrease.value,
-              flat: true,
               height: controlNodeDefaultHeight.value,
               size: controlNodeSize.value,
-              icon: incrementIcon.value
+              icon: incrementIcon.value,
+              variant: 'text'
             }
           }
         }, {
@@ -26423,7 +26441,6 @@ const VNumberInput = genericComponent()({
           "aria-hidden": "true",
           "data-testid": "decrement",
           "disabled": !canDecrease.value,
-          "flat": true,
           "height": controlNodeDefaultHeight.value,
           "icon": decrementIcon.value,
           "key": "decrement-btn",
@@ -26432,16 +26449,17 @@ const VNumberInput = genericComponent()({
           "onPointerup": onControlMouseup,
           "onPointercancel": onControlMouseup,
           "size": controlNodeSize.value,
+          "variant": "text",
           "tabindex": "-1"
         }, null) : createVNode(VDefaultsProvider, {
           "key": "decrement-defaults",
           "defaults": {
             VBtn: {
               disabled: !canDecrease.value,
-              flat: true,
               height: controlNodeDefaultHeight.value,
               size: controlNodeSize.value,
-              icon: decrementIcon.value
+              icon: decrementIcon.value,
+              variant: 'text'
             }
           }
         }, {
@@ -26577,6 +26595,7 @@ const VOtpInput = genericComponent()({
     const contentRef = ref();
     const inputRef = ref([]);
     const current = computed(() => inputRef.value[focusIndex.value]);
+    let _isComposing = false;
     useToggleScope(() => props.autofocus, () => {
       const intersectScope = effectScope();
       intersectScope.run(() => {
@@ -26601,6 +26620,7 @@ const VOtpInput = genericComponent()({
         current.value.value = '';
         return;
       }
+      if (_isComposing) return;
       const array = model.value.slice();
       const value = current.value.value;
       array[focusIndex.value] = value;
@@ -26613,6 +26633,10 @@ const VOtpInput = genericComponent()({
       model.value = array;
       if (target) focusChild(contentRef.value, target);
     }
+    function onCompositionend() {
+      _isComposing = false;
+      onInput();
+    }
     function onKeydown(e) {
       const array = model.value.slice();
       const index = focusIndex.value;
@@ -26726,6 +26750,8 @@ const VOtpInput = genericComponent()({
             "onFocus": e => onFocus(e, i),
             "onBlur": onBlur,
             "onKeydown": onKeydown,
+            "onCompositionstart": () => _isComposing = true,
+            "onCompositionend": onCompositionend,
             "onPaste": event => onPaste(i, event)
           }, null);
         }
@@ -27950,7 +27976,7 @@ const VBarline = genericComponent()({
       let minValue = props.min != null ? Number(props.min) : Math.min(...values);
       if (minValue > 0 && props.min == null) minValue = 0;
       if (maxValue < 0 && props.max == null) maxValue = 0;
-      const gridX = maxX / totalValues;
+      const gridX = maxX / (totalValues === 1 ? 2 : totalValues);
       const gridY = (maxY - minY) / (maxValue - minValue || 1);
       const horizonY = maxY - Math.abs(minValue * gridY);
       return values.map((value, index) => {
@@ -27981,7 +28007,7 @@ const VBarline = genericComponent()({
       return labels;
     });
     const bars = computed(() => genBars(items.value, boundary.value));
-    const offsetX = computed(() => (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
+    const offsetX = computed(() => bars.value.length === 1 ? (boundary.value.maxX - lineWidth.value) / 2 : (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
     const smooth = computed(() => typeof props.smooth === 'boolean' ? props.smooth ? 2 : 0 : Number(props.smooth));
     useRender(() => {
       const gradientData = !props.gradient.slice().length ? [''] : props.gradient.slice().reverse();
@@ -28132,6 +28158,9 @@ const VTrendline = genericComponent()({
         minY,
         maxY
       } = boundary;
+      if (values.length === 1) {
+        values = [values[0], values[0]];
+      }
       const totalValues = values.length;
       const maxValue = props.max != null ? Number(props.max) : Math.max(...values);
       const minValue = props.min != null ? Number(props.min) : Math.min(...values);
@@ -29446,7 +29475,10 @@ const VTextarea = genericComponent()({
         modelValue: _,
         ...inputProps
       } = VInput.filterProps(props);
-      const fieldProps = VField.filterProps(props);
+      const fieldProps = {
+        ...VField.filterProps(props),
+        'onClick:clear': onClear
+      };
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": model.value,
@@ -29482,7 +29514,6 @@ const VTextarea = genericComponent()({
             },
             "onClick": onControlClick,
             "onMousedown": onControlMousedown,
-            "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner']
           }, fieldProps, {
@@ -31539,7 +31570,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.4";
+const version$1 = "3.9.6";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31564,7 +31595,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.4";
+const version = "3.9.6";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useRtl, useTheme, version };