vuetify 3.9.5 → 3.9.6

package/dist/vuetify.d.ts

@@ -95369,9 +95369,9 @@ declare module 'vue' {
     VAppBarTitle: VAppBarTitle
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VAutocomplete: VAutocomplete
     VAvatar: VAvatar
     VBadge: VBadge
+    VAutocomplete: VAutocomplete
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
@@ -95380,31 +95380,17 @@ declare module 'vue' {
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtn: VBtn
-    VBtnGroup: VBtnGroup
-    VBtnToggle: VBtnToggle
-    VCard: VCard
-    VCardActions: VCardActions
-    VCardItem: VCardItem
-    VCardSubtitle: VCardSubtitle
-    VCardText: VCardText
-    VCardTitle: VCardTitle
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VChipGroup: VChipGroup
+    VBtnGroup: VBtnGroup
+    VBtnToggle: VBtnToggle
+    VBtn: VBtn
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
     VChip: VChip
-    VColorPicker: VColorPicker
-    VCounter: VCounter
+    VChipGroup: VChipGroup
     VCode: VCode
     VCombobox: VCombobox
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -95412,28 +95398,37 @@ 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
-    VDialog: VDialog
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
     VFab: VFab
-    VFooter: VFooter
-    VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
-    VImg: VImg
+    VFileInput: VFileInput
+    VFooter: VFooter
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
+    VInfiniteScroll: VInfiniteScroll
     VInput: VInput
+    VImg: VImg
     VItemGroup: VItemGroup
     VItem: VItem
-    VInfiniteScroll: VInfiniteScroll
+    VLabel: VLabel
     VKbd: VKbd
     VList: VList
     VListGroup: VListGroup
@@ -95444,79 +95439,81 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VLabel: VLabel
-    VMessages: VMessages
-    VMenu: VMenu
-    VNavigationDrawer: VNavigationDrawer
     VMain: VMain
+    VMenu: VMenu
+    VMessages: VMessages
     VNumberInput: VNumberInput
-    VPagination: VPagination
-    VOtpInput: VOtpInput
     VOverlay: VOverlay
-    VRadioGroup: VRadioGroup
-    VProgressLinear: VProgressLinear
+    VOtpInput: VOtpInput
+    VNavigationDrawer: VNavigationDrawer
+    VPagination: VPagination
     VProgressCircular: VProgressCircular
+    VProgressLinear: VProgressLinear
+    VRadioGroup: VRadioGroup
     VRating: VRating
-    VSelectionControlGroup: VSelectionControlGroup
-    VSelectionControl: VSelectionControl
     VSelect: VSelect
+    VSelectionControl: VSelectionControl
+    VSlider: VSlider
+    VSelectionControlGroup: VSelectionControlGroup
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
     VSheet: VSheet
-    VSnackbar: VSnackbar
     VSkeletonLoader: VSkeletonLoader
-    VSlider: VSlider
-    VSwitch: VSwitch
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSwitch: VSwitch
+    VSnackbar: VSnackbar
     VSystemBar: VSystemBar
-    VTextField: VTextField
-    VTextarea: VTextarea
-    VTab: VTab
-    VTabs: VTabs
-    VTabsWindow: VTabsWindow
-    VTabsWindowItem: VTabsWindowItem
     VTable: VTable
+    VTextarea: VTextarea
+    VTextField: VTextField
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VTooltip: VTooltip
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VWindow: VWindow
-    VWindowItem: VWindowItem
-    VDataIterator: VDataIterator
     VConfirmEdit: VConfirmEdit
+    VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
-    VContainer: VContainer
-    VCol: VCol
-    VRow: VRow
-    VSpacer: VSpacer
     VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
+    VLazy: VLazy
     VNoSsr: VNoSsr
     VParallax: VParallax
-    VRadio: VRadio
     VRangeSlider: VRangeSlider
+    VRadio: VRadio
     VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
-    VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
-    VValidation: VValidation
+    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,8 +95530,11 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
+    VValidation: VValidation
+    VTab: VTab
+    VTabs: VTabs
+    VTabsWindow: VTabsWindow
+    VTabsWindowItem: VTabsWindowItem
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
@@ -95542,23 +95542,23 @@ declare module 'vue' {
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
     VColorInput: VColorInput
-    VIconBtn: VIconBtn
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
+    VIconBtn: VIconBtn
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
-    VVideo: VVideo
-    VVideoControls: VVideoControls
-    VVideoVolume: VVideoVolume
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VHotkey: VHotkey
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VMaskInput: VMaskInput
+    VVideo: VVideo
+    VVideoControls: VVideoControls
+    VVideoVolume: VVideoVolume
     VDateInput: VDateInput
+    VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh
   }
   export interface GlobalDirectives {

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.5
+* 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,
@@ -23556,6 +23556,9 @@ const makeVDatePickerYearsProps = propsFactory({
 const VDatePickerYears = genericComponent()({
   name: 'VDatePickerYears',
   props: makeVDatePickerYearsProps(),
+  directives: {
+    vIntersect: Intersect
+  },
   emits: {
     'update:modelValue': year => true
   },
@@ -23592,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);
@@ -23605,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)
@@ -23636,7 +23641,11 @@ const VDatePickerYears = genericComponent()({
       }) ?? createVNode(VBtn, mergeProps({
         "key": "month"
       }, btnProps), null);
-    })])]));
+    })])]), [[Intersect, {
+      handler: focusSelectedYear
+    }, null, {
+      once: true
+    }]]));
     return {};
   }
 });
@@ -23777,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;
@@ -23786,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));
@@ -23799,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`);
@@ -23927,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({
@@ -23937,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({
@@ -24672,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],
@@ -24703,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, {
@@ -26394,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",
@@ -26403,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'
             }
           }
         }, {
@@ -26424,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",
@@ -26433,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'
             }
           }
         }, {
@@ -26578,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(() => {
@@ -26602,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;
@@ -26614,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;
@@ -26727,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);
         }
@@ -27951,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) => {
@@ -27982,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();
@@ -28133,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);
@@ -29447,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,
@@ -29483,7 +29514,6 @@ const VTextarea = genericComponent()({
             },
             "onClick": onControlClick,
             "onMousedown": onControlMousedown,
-            "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner']
           }, fieldProps, {
@@ -31540,7 +31570,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.5";
+const version$1 = "3.9.6";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31565,7 +31595,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.5";
+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 };