vuetify 3.3.7 → 3.3.8

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.7
+* Vuetify v3.3.8
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -19432,6 +19432,7 @@ html.overflow-y-hidden {
   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-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);
@@ -19827,19 +19828,7 @@ textarea.v-field__input::placeholder {
   opacity: 0;
 }
 
-/* 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 {
+/* endregion */.v-footer {
   align-items: center;
   display: flex;
   flex: 1 1 auto;
@@ -19867,6 +19856,18 @@ 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;

package/dist/vuetify.d.ts

@@ -60052,41 +60052,41 @@ 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']
     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']
+    VBtn: typeof import('vuetify/components')['VBtn']
     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']
     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']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
@@ -60094,19 +60094,19 @@ declare module '@vue/runtime-core' {
     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']
+    VInput: typeof import('vuetify/components')['VInput']
+    VImg: typeof import('vuetify/components')['VImg']
     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']
-    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']
@@ -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']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
     VPagination: typeof import('vuetify/components')['VPagination']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VRating: typeof import('vuetify/components')['VRating']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VSelect: typeof import('vuetify/components')['VSelect']
+    VRating: typeof import('vuetify/components')['VRating']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VSelect: typeof import('vuetify/components')['VSelect']
     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']
+    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']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
     VTable: typeof import('vuetify/components')['VTable']
@@ -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']
     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.8
 * 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(() => {
@@ -9608,11 +9608,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,
@@ -11097,7 +11097,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 +12671,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 {};
   }
 });
@@ -20156,7 +20158,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.7";
+const version$1 = "3.3.8";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -20181,7 +20183,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.3.7";
+const version = "3.3.8";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };