vuetify 3.3.22 → 3.3.23

package/dist/vuetify.d.ts

@@ -60611,18 +60611,6 @@ declare module '@vue/runtime-core' {
   }
 
   export interface GlobalComponents {
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VTabs: typeof import('vuetify/components')['VTabs']
-    VTab: typeof import('vuetify/components')['VTab']
-    VTable: typeof import('vuetify/components')['VTable']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
-    VTextField: typeof import('vuetify/components')['VTextField']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
-    VToolbar: typeof import('vuetify/components')['VToolbar']
-    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
-    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
     VApp: typeof import('vuetify/components')['VApp']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
@@ -60632,6 +60620,9 @@ declare module '@vue/runtime-core' {
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     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']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
@@ -60704,12 +60695,20 @@ declare module '@vue/runtime-core' {
     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']
+    VTable: typeof import('vuetify/components')['VTable']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTextField: typeof import('vuetify/components')['VTextField']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VToolbar: typeof import('vuetify/components')['VToolbar']
+    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
+    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VBanner: typeof import('vuetify/components')['VBanner']
-    VBannerActions: typeof import('vuetify/components')['VBannerActions']
-    VBannerText: typeof import('vuetify/components')['VBannerText']
-    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
@@ -60726,6 +60725,7 @@ declare module '@vue/runtime-core' {
     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']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.3.22
+* Vuetify v3.3.23
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { Fragment, reactive, computed, watchEffect, toRefs, capitalize, warn, ref, unref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, Teleport, cloneVNode, createTextVNode, onBeforeUpdate, vModelText } from 'vue';
+import { Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, warn, ref, unref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, 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
@@ -465,6 +465,13 @@ function matchesSelector(el, selector) {
     return null;
   }
 }
+function ensureValidVNode(vnodes) {
+  return vnodes.some(child => {
+    if (!isVNode(child)) return true;
+    if (child.type === Comment) return false;
+    return child.type !== Fragment || ensureValidVNode(child.children);
+  }) ? vnodes : null;
+}
 
 // Utilities
 const block = ['top', 'bottom'];
@@ -845,6 +852,9 @@ function toXYZ(_ref) {
 function isCssColor(color) {
   return !!color && /^(#|var\(--|(rgb|hsl)a?\()/.test(color);
 }
+function isParsableColor(color) {
+  return isCssColor(color) && !/^((rgb|hsl)a?\()?var\(--/.test(color);
+}
 const cssColorRe = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/;
 const mappers = {
   rgb: (r, g, b, a) => ({
@@ -3269,7 +3279,7 @@ function useColor(colors) {
     if (colors.value.background) {
       if (isCssColor(colors.value.background)) {
         styles.backgroundColor = colors.value.background;
-        if (!colors.value.text) {
+        if (!colors.value.text && isParsableColor(colors.value.background)) {
           const backgroundColor = parseColor(colors.value.background);
           if (backgroundColor.a == null || backgroundColor.a === 1) {
             const textColor = getForeground(backgroundColor);
@@ -11151,6 +11161,16 @@ const VSelect = genericComponent()({
             modelValue: true,
             'onUpdate:modelValue': undefined
           };
+          const hasSlot = hasChips ? !!slots.chip : !!slots.selection;
+          const slotContent = hasSlot ? ensureValidVNode(hasChips ? slots.chip({
+            item,
+            index,
+            props: slotProps
+          }) : slots.selection({
+            item,
+            index
+          })) : undefined;
+          if (hasSlot && !slotContent) return undefined;
           return createVNode("div", {
             "key": item.value,
             "class": "v-select__selection"
@@ -11170,15 +11190,8 @@ const VSelect = genericComponent()({
               }
             }
           }, {
-            default: () => [slots.chip?.({
-              item,
-              index,
-              props: slotProps
-            })]
-          }) : slots.selection?.({
-            item,
-            index
-          }) ?? createVNode("span", {
+            default: () => [slotContent]
+          }) : slotContent ?? createVNode("span", {
             "class": "v-select__selection-text"
           }, [item.title, props.multiple && index < model.value.length - 1 && createVNode("span", {
             "class": "v-select__selection-comma"
@@ -11679,6 +11692,16 @@ const VAutocomplete = genericComponent()({
             modelValue: true,
             'onUpdate:modelValue': undefined
           };
+          const hasSlot = hasChips ? !!slots.chip : !!slots.selection;
+          const slotContent = hasSlot ? ensureValidVNode(hasChips ? slots.chip({
+            item,
+            index,
+            props: slotProps
+          }) : slots.selection({
+            item,
+            index
+          })) : undefined;
+          if (hasSlot && !slotContent) return undefined;
           return createVNode("div", {
             "key": item.value,
             "class": ['v-autocomplete__selection', index === selectionIndex.value && ['v-autocomplete__selection--selected', textColorClasses.value]],
@@ -11699,15 +11722,8 @@ const VAutocomplete = genericComponent()({
               }
             }
           }, {
-            default: () => [slots.chip?.({
-              item,
-              index,
-              props: slotProps
-            })]
-          }) : slots.selection?.({
-            item,
-            index
-          }) ?? createVNode("span", {
+            default: () => [slotContent]
+          }) : slotContent ?? createVNode("span", {
             "class": "v-autocomplete__selection-text"
           }, [item.title, props.multiple && index < model.value.length - 1 && createVNode("span", {
             "class": "v-autocomplete__selection-comma"
@@ -15231,6 +15247,16 @@ const VCombobox = genericComponent()({
             modelValue: true,
             'onUpdate:modelValue': undefined
           };
+          const hasSlot = hasChips ? !!slots.chip : !!slots.selection;
+          const slotContent = hasSlot ? ensureValidVNode(hasChips ? slots.chip({
+            item,
+            index,
+            props: slotProps
+          }) : slots.selection({
+            item,
+            index
+          })) : undefined;
+          if (hasSlot && !slotContent) return undefined;
           return createVNode("div", {
             "key": item.value,
             "class": ['v-combobox__selection', index === selectionIndex.value && ['v-combobox__selection--selected', textColorClasses.value]],
@@ -15251,15 +15277,8 @@ const VCombobox = genericComponent()({
               }
             }
           }, {
-            default: () => [slots.chip?.({
-              item,
-              index,
-              props: slotProps
-            })]
-          }) : slots.selection?.({
-            item,
-            index
-          }) ?? createVNode("span", {
+            default: () => [slotContent]
+          }) : slotContent ?? createVNode("span", {
             "class": "v-combobox__selection-text"
           }, [item.title, props.multiple && index < model.value.length - 1 && createVNode("span", {
             "class": "v-combobox__selection-comma"
@@ -20081,7 +20100,6 @@ function getWeekdays(locale) {
   });
 }
 function format(value, formatString, locale) {
-  const date = new Date(value);
   let options = {};
   switch (formatString) {
     case 'fullDateWithWeekday':
@@ -20100,7 +20118,11 @@ function format(value, formatString, locale) {
       };
       break;
     case 'keyboardDate':
-      options = {};
+      options = {
+        day: '2-digit',
+        month: '2-digit',
+        year: 'numeric'
+      };
       break;
     case 'monthAndDate':
       options = {
@@ -20130,7 +20152,7 @@ function format(value, formatString, locale) {
         timeZoneName: 'short'
       };
   }
-  return new Intl.DateTimeFormat(locale, options).format(date);
+  return new Intl.DateTimeFormat(locale, options).format(date(value) ?? undefined);
 }
 function toISO(adapter, value) {
   const date = adapter.toJsDate(value);
@@ -20430,7 +20452,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.22";
+const version$1 = "3.3.23";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -20455,7 +20477,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.3.22";
+const version = "3.3.23";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };