vuetify 3.3.7 → 3.3.9

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.7
+* Vuetify v3.3.9
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16257,8 +16257,8 @@ html.overflow-y-hidden {
   padding-inline-end: inherit;
 }
 .v-autocomplete--single .v-field--variant-outlined input {
-  top: calc(50% - var(--v-input-chips-margin-top));
-  transform: translateY(-50%);
+  top: 50%;
+  transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom)) / 2));
 }
 .v-autocomplete--single .v-field--active input {
   transition: none;
@@ -18915,8 +18915,8 @@ html.overflow-y-hidden {
   padding-inline-end: inherit;
 }
 .v-combobox--single .v-field--variant-outlined input {
-  top: calc(50% - var(--v-input-chips-margin-top));
-  transform: translateY(-50%);
+  top: 50%;
+  transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom)) / 2));
 }
 .v-combobox--single .v-field--active input {
   transition: none;
@@ -19294,47 +19294,17 @@ html.overflow-y-hidden {
   border-bottom-right-radius: 0;
 }
 .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
-  --v-input-control-height: 54px;
-  --v-field-padding-bottom: 5px;
-}
-
-.v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
-  --v-input-control-height: 52px;
-  --v-field-padding-bottom: 5px;
-}
-
-.v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
-  --v-input-control-height: 50px;
+  --v-input-control-height: 56px;
   --v-field-padding-bottom: 5px;
 }
 
 .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
-  --v-input-control-height: 46px;
-  --v-field-padding-bottom: 1px;
-}
-
-.v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
-  --v-input-control-height: 44px;
-  --v-field-padding-bottom: 1px;
-}
-
-.v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
-  --v-input-control-height: 42px;
+  --v-input-control-height: 48px;
   --v-field-padding-bottom: 1px;
 }
 
 .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
-  --v-input-control-height: 38px;
-  --v-field-padding-bottom: 0px;
-}
-
-.v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
-  --v-input-control-height: 36px;
-  --v-field-padding-bottom: 0px;
-}
-
-.v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
-  --v-input-control-height: 34px;
+  --v-input-control-height: 40px;
   --v-field-padding-bottom: 0px;
 }
 
@@ -19363,53 +19333,20 @@ html.overflow-y-hidden {
   --v-field-padding-top: var(--v-field-padding-top--plain-underlined, 6px);
 }
 .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
-  --v-input-control-height: 46px;
-  --v-field-padding-bottom: 5px;
-}
-
-.v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
-  --v-input-control-height: 44px;
-  --v-field-padding-bottom: 5px;
-}
-
-.v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
-  --v-input-control-height: 42px;
+  --v-input-control-height: 48px;
   --v-field-padding-bottom: 5px;
 }
 
 .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
-  --v-input-control-height: 38px;
-  --v-field-padding-bottom: 1px;
-}
-
-.v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
-  --v-input-control-height: 36px;
-  --v-field-padding-bottom: 1px;
-}
-
-.v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
-  --v-input-control-height: 34px;
+  --v-input-control-height: 40px;
   --v-field-padding-bottom: 1px;
 }
 
 .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
-  --v-input-control-height: 30px;
-  --v-field-padding-bottom: 0px;
-}
-
-.v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
-  --v-input-control-height: 28px;
+  --v-input-control-height: 32px;
   --v-field-padding-bottom: 0px;
 }
 
-.v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
-  --v-input-control-height: 26px;
-  --v-field-padding-bottom: 0px;
-}
-
-.v-field--variant-outlined {
-  --v-input-chips-margin-bottom: 2px;
-}
 .v-field--flat {
   box-shadow: none;
 }
@@ -19431,7 +19368,8 @@ html.overflow-y-hidden {
   flex-wrap: wrap;
   letter-spacing: 0.009375em;
   opacity: var(--v-high-emphasis-opacity);
-  min-height: calc(max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom)) + var(--v-input-chips-margin-bottom) + 2px);
+  min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + 2px);
+  min-width: 0;
   padding-inline-start: var(--v-field-padding-start);
   padding-inline-end: var(--v-field-padding-end);
   padding-top: var(--v-field-input-padding-top);
@@ -20627,6 +20565,9 @@ textarea.v-field__input::placeholder {
 
 .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
   opacity: 0;
+}
+.v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
 }.v-locale-provider {
   display: contents;
 }.v-main {
@@ -22088,7 +22029,7 @@ html.v-overlay-scroll-blocked {
   opacity: 0;
   transition: inherit;
   white-space: nowrap;
-  min-height: calc(max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom)) + var(--v-input-chips-margin-bottom) + 2px);
+  min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + 2px);
   padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
   padding-bottom: var(--v-field-padding-bottom, 6px);
 }
@@ -22825,36 +22766,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
   will-change: transform;
-}.v-color-picker-edit {
-  display: flex;
-}
-
-.v-color-picker-edit__input {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  text-align: center;
-}
-.v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
-  margin-right: 8px;
-}
-.v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
-  margin-left: 8px;
-}
-.v-color-picker-edit__input input {
-  border-radius: 4px;
-  margin-bottom: 8px;
-  min-width: 0;
-  outline: none;
-  text-align: center;
-  width: 100%;
-  height: 32px;
-  background: rgba(var(--v-theme-surface-variant), 0.2);
-  color: rgba(var(--v-theme-on-surface));
-}
-.v-color-picker-edit__input span {
-  font-size: 0.75rem;
 }.v-color-picker-preview__alpha .v-slider-track__background {
   background-color: transparent !important;
 }
@@ -22920,7 +22831,38 @@ html.v-overlay-scroll-blocked {
 .v-color-picker-preview {
   align-items: center;
   display: flex;
-  margin-bottom: 24px;
+  margin-bottom: 0;
+}.v-color-picker-edit {
+  display: flex;
+  margin-top: 24px;
+}
+
+.v-color-picker-edit__input {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  text-align: center;
+}
+.v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
+  margin-right: 8px;
+}
+.v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
+  margin-left: 8px;
+}
+.v-color-picker-edit__input input {
+  border-radius: 4px;
+  margin-bottom: 8px;
+  min-width: 0;
+  outline: none;
+  text-align: center;
+  width: 100%;
+  height: 32px;
+  background: rgba(var(--v-theme-surface-variant), 0.2);
+  color: rgba(var(--v-theme-on-surface));
+}
+.v-color-picker-edit__input span {
+  font-size: 0.75rem;
 }.v-color-picker-swatches {
   overflow-y: auto;
 }

package/dist/vuetify.d.ts

@@ -60052,50 +60052,50 @@ declare module '@vue/runtime-core' {
 
   export interface GlobalComponents {
     VApp: typeof import('vuetify/components')['VApp']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     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']
-    VBadge: typeof import('vuetify/components')['VBadge']
     VAvatar: typeof import('vuetify/components')['VAvatar']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VBadge: typeof import('vuetify/components')['VBadge']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBtn: typeof import('vuetify/components')['VBtn']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     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']
-    VChip: typeof import('vuetify/components')['VChip']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCarousel: typeof import('vuetify/components')['VCarousel']
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VChip: typeof import('vuetify/components')['VChip']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCode: typeof import('vuetify/components')['VCode']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VDialog: typeof import('vuetify/components')['VDialog']
     VCounter: typeof import('vuetify/components')['VCounter']
+    VDialog: typeof import('vuetify/components')['VDialog']
+    VDivider: typeof import('vuetify/components')['VDivider']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VDivider: typeof import('vuetify/components')['VDivider']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VFooter: typeof import('vuetify/components')['VFooter']
     VFileInput: typeof import('vuetify/components')['VFileInput']
+    VFooter: typeof import('vuetify/components')['VFooter']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
@@ -60105,8 +60105,8 @@ declare module '@vue/runtime-core' {
     VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VLabel: typeof import('vuetify/components')['VLabel']
     VKbd: typeof import('vuetify/components')['VKbd']
+    VLabel: typeof import('vuetify/components')['VLabel']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -60124,17 +60124,17 @@ declare module '@vue/runtime-core' {
     VPagination: typeof import('vuetify/components')['VPagination']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VRating: typeof import('vuetify/components')['VRating']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VRating: typeof import('vuetify/components')['VRating']
     VSelect: typeof import('vuetify/components')['VSelect']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VSheet: typeof import('vuetify/components')['VSheet']
-    VSlider: typeof import('vuetify/components')['VSlider']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
@@ -60149,25 +60149,25 @@ declare module '@vue/runtime-core' {
     VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VHover: typeof import('vuetify/components')['VHover']
+    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VForm: typeof import('vuetify/components')['VForm']
-    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VHover: typeof import('vuetify/components')['VHover']
     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']
-    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VRadio: typeof import('vuetify/components')['VRadio']
+    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
+    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
-    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.3.7
+* Vuetify v3.3.9
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { Fragment, reactive, computed, watchEffect, toRefs, capitalize, warn, watch, onScopeDispose, effectScope, ref, unref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, readonly, onDeactivated, onActivated, onMounted, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, Teleport, cloneVNode, createTextVNode, toValue, onBeforeUpdate, vModelText } from 'vue';
+import { Fragment, reactive, computed, watchEffect, toRefs, capitalize, warn, watch, onScopeDispose, effectScope, ref, unref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, readonly, onDeactivated, onActivated, onMounted, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, Teleport, cloneVNode, createTextVNode, onBeforeUpdate, vModelText } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -2154,7 +2154,7 @@ function parseThemeOptions() {
 
 // Composables
 function createTheme(options) {
-  const parsedOptions = reactive(parseThemeOptions(options));
+  const parsedOptions = parseThemeOptions(options);
   const name = ref(parsedOptions.defaultTheme);
   const themes = ref(parsedOptions.themes);
   const computedThemes = computed(() => {
@@ -8327,6 +8327,12 @@ function getIntrinsicSize(el, isRtl) {
   // el.style.removeProperty('max-width')
   // el.style.removeProperty('max-height')
 
+  if (isRtl) {
+    el.style.removeProperty('left');
+  } else {
+    el.style.removeProperty('right');
+  }
+
   /* eslint-disable-next-line sonarjs/prefer-immediate-return */
   const contentBox = nullifyTransforms(el);
   if (isRtl) {
@@ -9608,11 +9614,11 @@ const VOverlay = genericComponent()({
       props: mergeProps({
         ref: activatorRef
       }, activatorEvents.value, props.activatorProps)
-    }), isMounted.value && createVNode(Teleport, {
+    }), isMounted.value && hasContent.value && createVNode(Teleport, {
       "disabled": !teleportTarget.value,
       "to": teleportTarget.value
     }, {
-      default: () => [hasContent.value && createVNode("div", mergeProps({
+      default: () => [createVNode("div", mergeProps({
         "class": ['v-overlay', {
           'v-overlay--absolute': props.absolute || props.contained,
           'v-overlay--active': isActive.value,
@@ -10114,7 +10120,7 @@ const VField = genericComponent()({
       }, null), createVNode(LoaderSlot, {
         "name": "v-field",
         "active": !!props.loading,
-        "color": props.error ? 'error' : props.color
+        "color": props.error ? 'error' : typeof props.loading === 'string' ? props.loading : props.color
       }, {
         default: slots.loader
       }), hasPrepend && createVNode("div", {
@@ -11097,7 +11103,8 @@ function useFilter(props, items, query, options) {
   const filteredMatches = ref(new Map());
   const transformedItems = computed(() => options?.transform ? unref(items).map(options?.transform) : unref(items));
   watchEffect(() => {
-    const strQuery = typeof toValue(query) !== 'string' && typeof toValue(query) !== 'number' ? '' : String(toValue(query));
+    const _query = typeof query === 'function' ? query() : unref(query);
+    const strQuery = typeof _query !== 'string' && typeof _query !== 'number' ? '' : String(_query);
     const results = filterItems(transformedItems.value, strQuery, {
       customKeyFilter: props.customKeyFilter,
       default: props.customFilter,
@@ -12670,64 +12677,65 @@ const VCarousel = genericComponent()({
       window.clearTimeout(slideTimeout);
       window.requestAnimationFrame(startTimeout);
     }
-    useRender(() => createVNode(VWindow, {
-      "ref": windowRef,
-      "modelValue": model.value,
-      "onUpdate:modelValue": $event => model.value = $event,
-      "class": ['v-carousel', {
-        'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,
-        'v-carousel--vertical-delimiters': props.verticalDelimiters
-      }, props.class],
-      "style": [{
-        height: convertToUnit(props.height)
-      }, props.style],
-      "continuous": true,
-      "mandatory": "force",
-      "showArrows": props.showArrows
-    }, {
-      default: slots.default,
-      additional: _ref2 => {
-        let {
-          group
-        } = _ref2;
-        return createVNode(Fragment, null, [!props.hideDelimiters && createVNode("div", {
-          "class": "v-carousel__controls",
-          "style": {
-            left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',
-            right: props.verticalDelimiters === 'right' ? 0 : 'auto'
-          }
-        }, [group.items.value.length > 0 && createVNode(VDefaultsProvider, {
-          "defaults": {
-            VBtn: {
-              color: props.color,
-              icon: props.delimiterIcon,
-              size: 'x-small',
-              variant: 'text'
+    useRender(() => {
+      const [windowProps] = VWindow.filterProps(props);
+      return createVNode(VWindow, mergeProps({
+        "ref": windowRef
+      }, windowProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "class": ['v-carousel', {
+          'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,
+          'v-carousel--vertical-delimiters': props.verticalDelimiters
+        }, props.class],
+        "style": [{
+          height: convertToUnit(props.height)
+        }, props.style]
+      }), {
+        default: slots.default,
+        additional: _ref2 => {
+          let {
+            group
+          } = _ref2;
+          return createVNode(Fragment, null, [!props.hideDelimiters && createVNode("div", {
+            "class": "v-carousel__controls",
+            "style": {
+              left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',
+              right: props.verticalDelimiters === 'right' ? 0 : 'auto'
             }
-          },
-          "scoped": true
-        }, {
-          default: () => [group.items.value.map((item, index) => {
-            const props = {
-              id: `carousel-item-${item.id}`,
-              'aria-label': t('$vuetify.carousel.ariaLabel.delimiter', index + 1, group.items.value.length),
-              class: [group.isSelected(item.id) && 'v-btn--active'],
-              onClick: () => group.select(item.id, true)
-            };
-            return slots.item ? slots.item({
-              props,
-              item
-            }) : createVNode(VBtn, mergeProps(item, props), null);
-          })]
-        })]), props.progress && createVNode(VProgressLinear, {
-          "class": "v-carousel__progress",
-          "color": typeof props.progress === 'string' ? props.progress : undefined,
-          "modelValue": (group.getItemIndex(model.value) + 1) / group.items.value.length * 100
-        }, null)]);
-      },
-      prev: slots.prev,
-      next: slots.next
-    }));
+          }, [group.items.value.length > 0 && createVNode(VDefaultsProvider, {
+            "defaults": {
+              VBtn: {
+                color: props.color,
+                icon: props.delimiterIcon,
+                size: 'x-small',
+                variant: 'text'
+              }
+            },
+            "scoped": true
+          }, {
+            default: () => [group.items.value.map((item, index) => {
+              const props = {
+                id: `carousel-item-${item.id}`,
+                'aria-label': t('$vuetify.carousel.ariaLabel.delimiter', index + 1, group.items.value.length),
+                class: [group.isSelected(item.id) && 'v-btn--active'],
+                onClick: () => group.select(item.id, true)
+              };
+              return slots.item ? slots.item({
+                props,
+                item
+              }) : createVNode(VBtn, mergeProps(item, props), null);
+            })]
+          })]), props.progress && createVNode(VProgressLinear, {
+            "class": "v-carousel__progress",
+            "color": typeof props.progress === 'string' ? props.progress : undefined,
+            "modelValue": (group.getItemIndex(model.value) + 1) / group.items.value.length * 100
+          }, null)]);
+        },
+        prev: slots.prev,
+        next: slots.next
+      });
+    });
     return {};
   }
 });
@@ -17478,8 +17486,10 @@ const VRangeSlider = genericComponent()({
           value
         } = _ref2;
         const newValue = activeThumbRef.value === startThumbRef.value?.$el ? [value, model.value[1]] : [model.value[0], value];
-        model.value = newValue;
-        emit('end', newValue);
+        if (!props.strict && newValue[0] < newValue[1]) {
+          model.value = newValue;
+        }
+        emit('end', model.value);
       },
       onSliderMove: _ref3 => {
         let {
@@ -19821,11 +19831,24 @@ function startOfMonth(date) {
 function endOfMonth(date) {
   return new Date(date.getFullYear(), date.getMonth() + 1, 0);
 }
+function formatYyyyMmDd(value) {
+  const formattedValue = value.split('-').map(d => d.padStart(2, '0')).join('-');
+  const offsetMin = new Date().getTimezoneOffset() / -60;
+  const offsetSign = offsetMin < 0 ? '-' : '+';
+  const offsetValue = Math.abs(offsetMin).toString().padStart(2, '0');
+  return `${formattedValue}T00:00:00.000${offsetSign}${offsetValue}:00`;
+}
+const _YYYMMDD = /([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))/;
 function date(value) {
   if (value == null) return new Date();
   if (value instanceof Date) return value;
   if (typeof value === 'string') {
-    const parsed = Date.parse(value);
+    let parsed;
+    if (_YYYMMDD.test(value)) {
+      parsed = Date.parse(formatYyyyMmDd(value));
+    } else {
+      parsed = Date.parse(value);
+    }
     if (!isNaN(parsed)) return new Date(parsed);
   }
   return null;
@@ -20156,7 +20179,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.7";
+const version$1 = "3.3.9";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -20181,7 +20204,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.3.7";
+const version = "3.3.9";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };