vuetify 3.3.7 → 3.3.8

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.7
+* Vuetify v3.3.8
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -20132,6 +20132,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);
@@ -20798,6 +20799,21 @@ textarea.v-field__input::placeholder {
 
 .v-label--clickable {
   cursor: pointer;
+}.v-layout {
+  --v-scrollbar-offset: 0px;
+  display: flex;
+  flex: 1 1 auto;
+}
+.v-layout--full-height {
+  --v-scrollbar-offset: inherit;
+  height: 100%;
+}.v-layout-item {
+  position: absolute;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.v-layout-item--absolute {
+  position: absolute;
 }.v-list {
   overflow: auto;
   padding: 8px 0;
@@ -21342,6 +21358,19 @@ textarea.v-field__input::placeholder {
   --v-layout-right: 0px;
   --v-layout-top: 0px;
   --v-layout-bottom: 0px;
+}.v-menu > .v-overlay__content {
+  display: flex;
+  flex-direction: column;
+  border-radius: 4px;
+}
+.v-menu > .v-overlay__content > .v-card,
+.v-menu > .v-overlay__content > .v-sheet,
+.v-menu > .v-overlay__content > .v-list {
+  background: rgb(var(--v-theme-surface));
+  border-radius: inherit;
+  overflow: auto;
+  height: 100%;
+  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }.v-messages {
   flex: 1 1 auto;
   font-size: 12px;
@@ -21358,19 +21387,6 @@ textarea.v-field__input::placeholder {
   -webkit-hyphens: auto;
           hyphens: auto;
   transition-duration: 150ms;
-}.v-menu > .v-overlay__content {
-  display: flex;
-  flex-direction: column;
-  border-radius: 4px;
-}
-.v-menu > .v-overlay__content > .v-card,
-.v-menu > .v-overlay__content > .v-sheet,
-.v-menu > .v-overlay__content > .v-list {
-  background: rgb(var(--v-theme-surface));
-  border-radius: inherit;
-  overflow: auto;
-  height: 100%;
-  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }.v-navigation-drawer {
   -webkit-overflow-scrolling: touch;
   background: rgb(var(--v-theme-surface));
@@ -21977,6 +21993,32 @@ html.v-overlay-scroll-blocked {
   opacity: 0;
   position: absolute;
   width: 0;
+}.v-responsive {
+  display: flex;
+  flex: 1 0 auto;
+  max-height: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  position: relative;
+}
+.v-responsive--inline {
+  display: inline-flex;
+  flex: 0 0 auto;
+}
+
+.v-responsive__content {
+  flex: 1 0 0px;
+  max-width: 100%;
+}
+
+.v-responsive__sizer ~ .v-responsive__content {
+  margin-inline-start: -100%;
+}
+
+.v-responsive__sizer {
+  flex: 1 0 0px;
+  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  pointer-events: none;
 }.v-select .v-field .v-text-field__prefix,
 .v-select .v-field .v-text-field__suffix,
 .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -22028,32 +22070,6 @@ html.v-overlay-scroll-blocked {
 .v-select--active-menu .v-select__menu-icon {
   opacity: var(--v-high-emphasis-opacity);
   transform: rotate(180deg);
-}.v-responsive {
-  display: flex;
-  flex: 1 0 auto;
-  max-height: 100%;
-  max-width: 100%;
-  overflow: hidden;
-  position: relative;
-}
-.v-responsive--inline {
-  display: inline-flex;
-  flex: 0 0 auto;
-}
-
-.v-responsive__content {
-  flex: 1 0 0px;
-  max-width: 100%;
-}
-
-.v-responsive__sizer ~ .v-responsive__content {
-  margin-inline-start: -100%;
-}
-
-.v-responsive__sizer {
-  flex: 1 0 0px;
-  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  pointer-events: none;
 }.v-selection-control {
   align-items: center;
   contain: layout;
@@ -22682,6 +22698,48 @@ html.v-overlay-scroll-blocked {
   border-top: 0px !important;
   position: sticky;
   bottom: 0;
+}.v-textarea .v-field {
+  --v-textarea-control-height: var(--v-input-control-height);
+}
+.v-textarea .v-field__field {
+  --v-input-control-height: var(--v-textarea-control-height);
+}
+.v-textarea .v-field__input {
+  flex: 1 1 auto;
+  outline: none;
+  -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
+  mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
+}
+.v-textarea .v-field__input.v-textarea__sizer {
+  visibility: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0 !important;
+  min-height: 0 !important;
+  pointer-events: none;
+}
+.v-textarea--auto-grow .v-field__input {
+  overflow: hidden;
+}
+.v-textarea--no-resize .v-field__input {
+  resize: none;
+}
+.v-textarea .v-field--no-label textarea,
+.v-textarea .v-field--active textarea {
+  opacity: 1;
+}
+.v-textarea textarea {
+  opacity: 0;
+  flex: 1;
+  min-width: 0;
+  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-textarea textarea:focus, .v-textarea textarea:active {
+  outline: none;
+}
+.v-textarea textarea:invalid {
+  box-shadow: none;
 }/* region BLOCK */
 .v-text-field input {
   color: inherit;
@@ -22766,49 +22824,7 @@ html.v-overlay-scroll-blocked {
   padding-top: calc(var(--v-field-padding-top--plain-underlined) + var(--v-input-padding-top));
 }
 
-/* endregion */.v-textarea .v-field {
-  --v-textarea-control-height: var(--v-input-control-height);
-}
-.v-textarea .v-field__field {
-  --v-input-control-height: var(--v-textarea-control-height);
-}
-.v-textarea .v-field__input {
-  flex: 1 1 auto;
-  outline: none;
-  -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
-  mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
-}
-.v-textarea .v-field__input.v-textarea__sizer {
-  visibility: hidden;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 0 !important;
-  min-height: 0 !important;
-  pointer-events: none;
-}
-.v-textarea--auto-grow .v-field__input {
-  overflow: hidden;
-}
-.v-textarea--no-resize .v-field__input {
-  resize: none;
-}
-.v-textarea .v-field--no-label textarea,
-.v-textarea .v-field--active textarea {
-  opacity: 1;
-}
-.v-textarea textarea {
-  opacity: 0;
-  flex: 1;
-  min-width: 0;
-  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
-}
-.v-textarea textarea:focus, .v-textarea textarea:active {
-  outline: none;
-}
-.v-textarea textarea:invalid {
-  box-shadow: none;
-}.v-theme-provider {
+/* endregion */.v-theme-provider {
   background: rgb(var(--v-theme-background));
   color: rgb(var(--v-theme-on-background));
 }.v-timeline .v-timeline-divider__dot {
@@ -23489,21 +23505,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
-}.v-layout {
-  --v-scrollbar-offset: 0px;
-  display: flex;
-  flex: 1 1 auto;
-}
-.v-layout--full-height {
-  --v-scrollbar-offset: inherit;
-  height: 100%;
-}.v-layout-item {
-  position: absolute;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.v-layout-item--absolute {
-  position: absolute;
 }.v-color-picker-canvas {
   display: flex;
   position: relative;
@@ -23555,6 +23556,41 @@ html.v-overlay-scroll-blocked {
 }
 .v-color-picker-edit__input span {
   font-size: 0.75rem;
+}.v-color-picker-swatches {
+  overflow-y: auto;
+}
+.v-color-picker-swatches > div {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  padding: 8px;
+}
+
+.v-color-picker-swatches__swatch {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 10px;
+}
+
+.v-color-picker-swatches__color {
+  position: relative;
+  height: 18px;
+  max-height: 18px;
+  width: 45px;
+  margin: 2px 4px;
+  border-radius: 2px;
+  -webkit-user-select: none;
+          user-select: none;
+  overflow: hidden;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
+  cursor: pointer;
+}
+.v-color-picker-swatches__color > div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
 }.v-color-picker-preview__alpha .v-slider-track__background {
   background-color: transparent !important;
 }
@@ -23621,41 +23657,6 @@ html.v-overlay-scroll-blocked {
   align-items: center;
   display: flex;
   margin-bottom: 24px;
-}.v-color-picker-swatches {
-  overflow-y: auto;
-}
-.v-color-picker-swatches > div {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  padding: 8px;
-}
-
-.v-color-picker-swatches__swatch {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-}
-
-.v-color-picker-swatches__color {
-  position: relative;
-  height: 18px;
-  max-height: 18px;
-  width: 45px;
-  margin: 2px 4px;
-  border-radius: 2px;
-  -webkit-user-select: none;
-          user-select: none;
-  overflow: hidden;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
-  cursor: pointer;
-}
-.v-color-picker-swatches__color > div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
 }.v-slider-thumb {
   touch-action: none;
   color: rgb(var(--v-theme-surface-variant));

package/dist/vuetify-labs.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, withModifiers } 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, withModifiers } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -2161,7 +2161,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(() => {
@@ -9615,11 +9615,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,
@@ -11104,7 +11104,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,
@@ -12677,64 +12678,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 {};
   }
 });
@@ -23596,7 +23598,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
@@ -23610,7 +23612,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.7";
+const version = "3.3.8";
 
 /* eslint-disable local-rules/sort-imports */