vuetify 3.3.21 → 3.3.23

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.21
+* Vuetify v3.3.23
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -237,6 +237,10 @@
   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
@@ -473,6 +477,13 @@
       return null;
     }
   }
+  function ensureValidVNode(vnodes) {
+    return vnodes.some(child => {
+      if (!vue.isVNode(child)) return true;
+      if (child.type === vue.Comment) return false;
+      return child.type !== vue.Fragment || ensureValidVNode(child.children);
+    }) ? vnodes : null;
+  }
 
   // Utilities
   const block = ['top', 'bottom'];
@@ -853,6 +864,9 @@
   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) => ({
@@ -3281,7 +3295,7 @@
       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);
@@ -11163,6 +11177,16 @@
               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 vue.createVNode("div", {
               "key": item.value,
               "class": "v-select__selection"
@@ -11182,15 +11206,8 @@
                 }
               }
             }, {
-              default: () => [slots.chip?.({
-                item,
-                index,
-                props: slotProps
-              })]
-            }) : slots.selection?.({
-              item,
-              index
-            }) ?? vue.createVNode("span", {
+              default: () => [slotContent]
+            }) : slotContent ?? vue.createVNode("span", {
               "class": "v-select__selection-text"
             }, [item.title, props.multiple && index < model.value.length - 1 && vue.createVNode("span", {
               "class": "v-select__selection-comma"
@@ -11691,6 +11708,16 @@
               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 vue.createVNode("div", {
               "key": item.value,
               "class": ['v-autocomplete__selection', index === selectionIndex.value && ['v-autocomplete__selection--selected', textColorClasses.value]],
@@ -11711,15 +11738,8 @@
                 }
               }
             }, {
-              default: () => [slots.chip?.({
-                item,
-                index,
-                props: slotProps
-              })]
-            }) : slots.selection?.({
-              item,
-              index
-            }) ?? vue.createVNode("span", {
+              default: () => [slotContent]
+            }) : slotContent ?? vue.createVNode("span", {
               "class": "v-autocomplete__selection-text"
             }, [item.title, props.multiple && index < model.value.length - 1 && vue.createVNode("span", {
               "class": "v-autocomplete__selection-comma"
@@ -15002,7 +15022,7 @@
         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)) {
@@ -15243,6 +15263,16 @@
               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 vue.createVNode("div", {
               "key": item.value,
               "class": ['v-combobox__selection', index === selectionIndex.value && ['v-combobox__selection--selected', textColorClasses.value]],
@@ -15263,15 +15293,8 @@
                 }
               }
             }, {
-              default: () => [slots.chip?.({
-                item,
-                index,
-                props: slotProps
-              })]
-            }) : slots.selection?.({
-              item,
-              index
-            }) ?? vue.createVNode("span", {
+              default: () => [slotContent]
+            }) : slotContent ?? vue.createVNode("span", {
               "class": "v-combobox__selection-text"
             }, [item.title, props.multiple && index < model.value.length - 1 && vue.createVNode("span", {
               "class": "v-combobox__selection-comma"
@@ -22125,7 +22148,6 @@
     });
   }
   function format(value, formatString, locale) {
-    const date = new Date(value);
     let options = {};
     switch (formatString) {
       case 'fullDateWithWeekday':
@@ -22144,7 +22166,11 @@
         };
         break;
       case 'keyboardDate':
-        options = {};
+        options = {
+          day: '2-digit',
+          month: '2-digit',
+          year: 'numeric'
+        };
         break;
       case 'monthAndDate':
         options = {
@@ -22174,7 +22200,7 @@
           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);
@@ -23951,20 +23977,40 @@
         emit('click:next');
       }
       useRender(() => {
+        const prevSlotProps = {
+          onClick: onClickPrev
+        };
+        const nextSlotProps = {
+          onClick: onClickNext
+        };
         return vue.createVNode("div", {
           "class": "v-stepper-actions"
-        }, [vue.createVNode(VBtn, {
-          "disabled": ['prev', true].includes(props.disabled),
-          "text": t(props.prevText),
-          "variant": "text",
-          "onClick": onClickPrev
-        }, null), vue.createVNode(VBtn, {
-          "disabled": ['next', true].includes(props.disabled),
-          "color": props.color,
-          "text": t(props.nextText),
-          "variant": "tonal",
-          "onClick": onClickNext
-        }, null)]);
+        }, [vue.createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              disabled: ['prev', true].includes(props.disabled),
+              text: t(props.prevText),
+              variant: 'text'
+            }
+          }
+        }, {
+          default: () => [slots.prev?.({
+            props: prevSlotProps
+          }) ?? vue.createVNode(VBtn, prevSlotProps, null)]
+        }), vue.createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              color: props.color,
+              disabled: ['next', true].includes(props.disabled),
+              text: t(props.nextText),
+              variant: 'tonal'
+            }
+          }
+        }, {
+          default: () => [slots.next?.({
+            props: nextSlotProps
+          }) ?? vue.createVNode(VBtn, nextSlotProps, null)]
+        })]);
       });
       return {};
     }
@@ -24183,7 +24229,6 @@
       let {
         slots
       } = _ref;
-      // TODO: fix typing
       const {
         items: _items,
         next,
@@ -24269,7 +24314,7 @@
             "key": "stepper-actions",
             "onClick:prev": prev,
             "onClick:next": next
-          }, null))]
+          }, slots))]
         });
       });
       return {
@@ -24657,7 +24702,7 @@
       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
@@ -24671,7 +24716,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.3.21";
+  const version = "3.3.23";
 
   /* eslint-disable local-rules/sort-imports */