vuetify 3.11.7 → 3.11.8

package/dist/vuetify.d.ts

@@ -114205,41 +114205,41 @@ declare module 'vue' {
   export interface GlobalComponents {
     VApp: VApp
     VAutocomplete: VAutocomplete
+    VBadge: VBadge
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VAvatar: VAvatar
-    VBtnGroup: VBtnGroup
-    VBadge: VBadge
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VBottomSheet: VBottomSheet
+    VAvatar: VAvatar
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtn: VBtn
     VBottomNavigation: VBottomNavigation
-    VCalendar: VCalendar
-    VBottomSheet: VBottomSheet
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VBtn: VBtn
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VBtnToggle: VBtnToggle
+    VBtnGroup: VBtnGroup
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VBtnToggle: VBtnToggle
+    VCalendar: VCalendar
+    VChip: VChip
+    VChipGroup: VChipGroup
     VCombobox: VCombobox
     VCounter: VCounter
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VCode: VCode
-    VChipGroup: VChipGroup
-    VChip: VChip
-    VDialog: VDialog
+    VColorPicker: VColorPicker
     VDivider: VDivider
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
@@ -114248,6 +114248,7 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VDialog: VDialog
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
@@ -114255,28 +114256,28 @@ declare module 'vue' {
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
     VEmptyState: VEmptyState
-    VField: VField
-    VFieldLabel: VFieldLabel
-    VFooter: VFooter
+    VFileInput: VFileInput
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VFileInput: VFileInput
-    VLabel: VLabel
+    VFab: VFab
+    VFooter: VFooter
     VHotkey: VHotkey
-    VImg: VImg
-    VInfiniteScroll: VInfiniteScroll
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VColorPicker: VColorPicker
-    VInput: VInput
-    VKbd: VKbd
+    VField: VField
+    VFieldLabel: VFieldLabel
+    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
+    VInput: VInput
+    VKbd: VKbd
+    VImg: VImg
+    VLabel: VLabel
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -114287,27 +114288,25 @@ declare module 'vue' {
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
     VMain: VMain
-    VMenu: VMenu
     VMessages: VMessages
+    VMenu: VMenu
     VNavigationDrawer: VNavigationDrawer
-    VNumberInput: VNumberInput
     VOtpInput: VOtpInput
+    VOverlay: VOverlay
     VPagination: VPagination
+    VNumberInput: VNumberInput
+    VRadioGroup: VRadioGroup
     VProgressCircular: VProgressCircular
-    VFab: VFab
-    VOverlay: VOverlay
     VProgressLinear: VProgressLinear
-    VRadioGroup: VRadioGroup
     VSelect: VSelect
+    VSelectionControl: VSelectionControl
     VRating: VRating
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
     VSelectionControlGroup: VSelectionControlGroup
-    VSelectionControl: VSelectionControl
-    VSkeletonLoader: VSkeletonLoader
     VSheet: VSheet
+    VSkeletonLoader: VSkeletonLoader
     VSlider: VSlider
-    VSystemBar: VSystemBar
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
     VSnackbar: VSnackbar
     VStepper: VStepper
     VStepperActions: VStepperActions
@@ -114320,23 +114319,24 @@ declare module 'vue' {
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextField: VTextField
+    VSystemBar: VSystemBar
     VTable: VTable
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VTextField: VTextField
+    VTextarea: VTextarea
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTextarea: VTextarea
     VTooltip: VTooltip
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
@@ -114346,21 +114346,21 @@ declare module 'vue' {
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
-    VLazy: VLazy
-    VLocaleProvider: VLocaleProvider
     VLayout: VLayout
     VLayoutItem: VLayoutItem
+    VLocaleProvider: VLocaleProvider
+    VLazy: VLazy
     VNoSsr: VNoSsr
-    VRadio: VRadio
     VParallax: VParallax
+    VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
+    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
-    VSnackbarQueue: VSnackbarQueue
+    VVirtualScroll: VVirtualScroll
     VThemeProvider: VThemeProvider
     VValidation: VValidation
-    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -114383,15 +114383,15 @@ declare module 'vue' {
     VIconBtn: VIconBtn
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VVideo: VVideo
-    VVideoControls: VVideoControls
-    VVideoVolume: VVideoVolume
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
+    VVideo: VVideo
+    VVideoControls: VVideoControls
+    VVideoVolume: VVideoVolume
     VDateInput: VDateInput
     VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.11.7
+* Vuetify v3.11.8
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -13113,6 +13113,20 @@ const VField = genericComponent()({
       blur,
       focus
     }));
+    const floatingLabelProps = toRef(() => {
+      const ariaHidden = !isActive.value;
+      return {
+        'aria-hidden': ariaHidden,
+        for: ariaHidden ? undefined : id.value
+      };
+    });
+    const mainLabelProps = toRef(() => {
+      const ariaHidden = hasFloatingLabel.value && isActive.value;
+      return {
+        'aria-hidden': ariaHidden,
+        for: ariaHidden ? undefined : id.value
+      };
+    });
     function onClick(e) {
       if (e.target !== document.activeElement) {
         e.preventDefault();
@@ -13168,23 +13182,20 @@ const VField = genericComponent()({
       }, null)]), createElementVNode("div", {
         "class": "v-field__field",
         "data-no-activator": ""
-      }, [['filled', 'solo', 'solo-inverted', 'solo-filled'].includes(props.variant) && hasFloatingLabel.value && createVNode(VFieldLabel, {
+      }, [['filled', 'solo', 'solo-inverted', 'solo-filled'].includes(props.variant) && hasFloatingLabel.value && createVNode(VFieldLabel, mergeProps({
         "key": "floating-label",
         "ref": floatingLabelRef,
-        "class": normalizeClass([textColorClasses.value]),
-        "floating": true,
-        "for": id.value,
-        "aria-hidden": !isActive.value,
-        "style": normalizeStyle(textColorStyles.value)
-      }, {
+        "class": [textColorClasses.value],
+        "floating": true
+      }, floatingLabelProps.value, {
+        "style": textColorStyles.value
+      }), {
         default: () => [label()]
-      }), hasLabel.value && createVNode(VFieldLabel, {
+      }), hasLabel.value && createVNode(VFieldLabel, mergeProps({
         "key": "label",
         "ref": labelRef,
-        "id": props.labelId,
-        "for": id.value,
-        "aria-hidden": hasFloatingLabel.value && isActive.value
-      }, {
+        "id": props.labelId
+      }, mainLabelProps.value), {
         default: () => [label()]
       }), slots.default?.({
         ...slotProps.value,
@@ -13244,21 +13255,17 @@ const VField = genericComponent()({
         "class": "v-field__outline__start"
       }, null), hasFloatingLabel.value && createElementVNode("div", {
         "class": "v-field__outline__notch"
-      }, [createVNode(VFieldLabel, {
+      }, [createVNode(VFieldLabel, mergeProps({
         "ref": floatingLabelRef,
-        "floating": true,
-        "for": id.value,
-        "aria-hidden": !isActive.value
-      }, {
+        "floating": true
+      }, floatingLabelProps.value), {
         default: () => [label()]
       })]), createElementVNode("div", {
         "class": "v-field__outline__end"
-      }, null)]), isPlainOrUnderlined.value && hasFloatingLabel.value && createVNode(VFieldLabel, {
+      }, null)]), isPlainOrUnderlined.value && hasFloatingLabel.value && createVNode(VFieldLabel, mergeProps({
         "ref": floatingLabelRef,
-        "floating": true,
-        "for": id.value,
-        "aria-hidden": !isActive.value
-      }, {
+        "floating": true
+      }, floatingLabelProps.value), {
         default: () => [label()]
       })])]);
     });
@@ -20894,8 +20901,8 @@ const VColorPickerCanvas = defineComponent({
         width,
         height
       } = entries[0].contentRect;
-      canvasWidth.value = width;
-      canvasHeight.value = height;
+      canvasWidth.value = Math.round(width);
+      canvasHeight.value = Math.round(height);
     });
     function updateDotPosition(x, y, rect) {
       const {
@@ -36709,7 +36716,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.11.7";
+const version$1 = "3.11.8";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -36734,7 +36741,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.11.7";
+const version = "3.11.8";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useMask, useRtl, useTheme, version };