vuetify 3.3.21 → 3.3.23

package/dist/vuetify-labs.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.3.21
+* 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, withModifiers, toDisplayString } 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, withModifiers, toDisplayString } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -233,6 +233,10 @@ function only(obj, include) {
 const onRE = /^on[^a-z]/;
 const isOn = key => onRE.test(key);
 const bubblingEvents = ['onAfterscriptexecute', 'onAnimationcancel', 'onAnimationend', 'onAnimationiteration', 'onAnimationstart', 'onAuxclick', 'onBeforeinput', 'onBeforescriptexecute', 'onChange', 'onClick', 'onCompositionend', 'onCompositionstart', 'onCompositionupdate', 'onContextmenu', 'onCopy', 'onCut', 'onDblclick', 'onFocusin', 'onFocusout', 'onFullscreenchange', 'onFullscreenerror', 'onGesturechange', 'onGestureend', 'onGesturestart', 'onGotpointercapture', 'onInput', 'onKeydown', 'onKeypress', 'onKeyup', 'onLostpointercapture', 'onMousedown', 'onMousemove', 'onMouseout', 'onMouseover', 'onMouseup', 'onMousewheel', 'onPaste', 'onPointercancel', 'onPointerdown', 'onPointerenter', 'onPointerleave', 'onPointermove', 'onPointerout', 'onPointerover', 'onPointerup', 'onReset', 'onSelect', 'onSubmit', 'onTouchcancel', 'onTouchend', 'onTouchmove', 'onTouchstart', 'onTransitioncancel', 'onTransitionend', 'onTransitionrun', 'onTransitionstart', 'onWheel'];
+const compositionIgnoreKeys = ['ArrowUp', 'ArrowDown', 'ArrowRight', 'ArrowLeft', 'Enter', 'Escape', 'Tab', ' '];
+function isComposingIgnoreKey(e) {
+  return e.isComposing && compositionIgnoreKeys.includes(e.key);
+}
 
 /**
  * Filter attributes that should be applied to
@@ -469,6 +473,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'];
@@ -849,6 +860,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) => ({
@@ -3277,7 +3291,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);
@@ -11159,6 +11173,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"
@@ -11178,15 +11202,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"
@@ -11687,6 +11704,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]],
@@ -11707,15 +11734,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"
@@ -14998,7 +15018,7 @@ const VCombobox = genericComponent()({
       menu.value = !menu.value;
     }
     function onKeydown(e) {
-      if (props.readonly || form?.isReadonly.value) return;
+      if (isComposingIgnoreKey(e) || props.readonly || form?.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
       const length = model.value.length;
       if (selectionIndex.value > -1 || ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
@@ -15239,6 +15259,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]],
@@ -15259,15 +15289,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"
@@ -22121,7 +22144,6 @@ function getWeekdays(locale) {
   });
 }
 function format(value, formatString, locale) {
-  const date = new Date(value);
   let options = {};
   switch (formatString) {
     case 'fullDateWithWeekday':
@@ -22140,7 +22162,11 @@ function format(value, formatString, locale) {
       };
       break;
     case 'keyboardDate':
-      options = {};
+      options = {
+        day: '2-digit',
+        month: '2-digit',
+        year: 'numeric'
+      };
       break;
     case 'monthAndDate':
       options = {
@@ -22170,7 +22196,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);
@@ -23947,20 +23973,40 @@ const VStepperActions = genericComponent()({
       emit('click:next');
     }
     useRender(() => {
+      const prevSlotProps = {
+        onClick: onClickPrev
+      };
+      const nextSlotProps = {
+        onClick: onClickNext
+      };
       return createVNode("div", {
         "class": "v-stepper-actions"
-      }, [createVNode(VBtn, {
-        "disabled": ['prev', true].includes(props.disabled),
-        "text": t(props.prevText),
-        "variant": "text",
-        "onClick": onClickPrev
-      }, null), createVNode(VBtn, {
-        "disabled": ['next', true].includes(props.disabled),
-        "color": props.color,
-        "text": t(props.nextText),
-        "variant": "tonal",
-        "onClick": onClickNext
-      }, null)]);
+      }, [createVNode(VDefaultsProvider, {
+        "defaults": {
+          VBtn: {
+            disabled: ['prev', true].includes(props.disabled),
+            text: t(props.prevText),
+            variant: 'text'
+          }
+        }
+      }, {
+        default: () => [slots.prev?.({
+          props: prevSlotProps
+        }) ?? createVNode(VBtn, prevSlotProps, null)]
+      }), createVNode(VDefaultsProvider, {
+        "defaults": {
+          VBtn: {
+            color: props.color,
+            disabled: ['next', true].includes(props.disabled),
+            text: t(props.nextText),
+            variant: 'tonal'
+          }
+        }
+      }, {
+        default: () => [slots.next?.({
+          props: nextSlotProps
+        }) ?? createVNode(VBtn, nextSlotProps, null)]
+      })]);
     });
     return {};
   }
@@ -24179,7 +24225,6 @@ const VStepper = genericComponent()({
     let {
       slots
     } = _ref;
-    // TODO: fix typing
     const {
       items: _items,
       next,
@@ -24265,7 +24310,7 @@ const VStepper = genericComponent()({
           "key": "stepper-actions",
           "onClick:prev": prev,
           "onClick:next": next
-        }, null))]
+        }, slots))]
       });
     });
     return {
@@ -24653,7 +24698,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.21";
+const version$1 = "3.3.23";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -24667,7 +24712,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.21";
+const version = "3.3.23";
 
 /* eslint-disable local-rules/sort-imports */