vuetify 3.3.8 → 3.3.9

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.8
+* 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-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-input-control-height: 32px;
   --v-field-padding-bottom: 0px;
 }
 
-.v-field--variant-outlined {
-  --v-input-chips-margin-bottom: 2px;
-}
 .v-field--flat {
   box-shadow: none;
 }
@@ -19431,7 +19368,7 @@ 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);
@@ -19828,7 +19765,19 @@ textarea.v-field__input::placeholder {
   opacity: 0;
 }
 
-/* endregion */.v-footer {
+/* endregion */.v-file-input input[type=file] {
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+.v-file-input .v-chip {
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
+}.v-footer {
   align-items: center;
   display: flex;
   flex: 1 1 auto;
@@ -19856,18 +19805,6 @@ textarea.v-field__input::placeholder {
 }
 .v-footer--rounded {
   border-radius: 4px;
-}.v-file-input input[type=file] {
-  height: 100%;
-  left: 0;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-.v-file-input .v-chip {
-  margin-top: var(--v-input-chips-margin-top);
-  margin-bottom: var(--v-input-chips-margin-bottom);
 }.v-icon {
   --v-icon-size-multiplier: 1;
   align-items: center;
@@ -20628,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 {
@@ -22089,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);
 }
@@ -22826,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;
 }
@@ -22921,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

@@ -60058,8 +60058,8 @@ declare module '@vue/runtime-core' {
     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']
+    VBadge: typeof import('vuetify/components')['VBadge']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
@@ -60068,8 +60068,8 @@ declare module '@vue/runtime-core' {
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
     VBtn: typeof import('vuetify/components')['VBtn']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     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']
@@ -60085,24 +60085,24 @@ declare module '@vue/runtime-core' {
     VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCounter: typeof import('vuetify/components')['VCounter']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
     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']
     VFileInput: typeof import('vuetify/components')['VFileInput']
     VFooter: typeof import('vuetify/components')['VFooter']
-    VInput: typeof import('vuetify/components')['VInput']
-    VImg: typeof import('vuetify/components')['VImg']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
+    VImg: typeof import('vuetify/components')['VImg']
+    VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
     VKbd: typeof import('vuetify/components')['VKbd']
@@ -60120,22 +60120,22 @@ declare module '@vue/runtime-core' {
     VMenu: typeof import('vuetify/components')['VMenu']
     VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VPagination: typeof import('vuetify/components')['VPagination']
     VOverlay: typeof import('vuetify/components')['VOverlay']
+    VPagination: typeof import('vuetify/components')['VPagination']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelect: typeof import('vuetify/components')['VSelect']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSheet: typeof import('vuetify/components')['VSheet']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSheet: typeof import('vuetify/components')['VSheet']
     VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
     VTable: typeof import('vuetify/components')['VTable']
@@ -60150,11 +60150,11 @@ declare module '@vue/runtime-core' {
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
     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']
     VHover: typeof import('vuetify/components')['VHover']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.8
+* Vuetify v3.3.9
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -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) {
@@ -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", {
@@ -17480,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 {
@@ -19823,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;
@@ -20158,7 +20179,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.8";
+const version$1 = "3.3.9";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -20183,7 +20204,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.3.8";
+const version = "3.3.9";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };