@vuetify/nightly 3.4.0-alpha.1-dev.2023-10-06 → 3.4.0-alpha.1-dev.2023-10-21

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.0-alpha.1-dev.2023-10-06
+* Vuetify v3.4.0-alpha.1-dev.2023-10-21
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -242,6 +242,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
@@ -272,6 +276,10 @@ function padEnd(str, length) {
   let char = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
   return str + char.repeat(Math.max(0, length - str.length));
 }
+function padStart(str, length) {
+  let char = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
+  return char.repeat(Math.max(0, length - str.length)) + str;
+}
 function chunk(str) {
   let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
   const chunked = [];
@@ -10567,7 +10575,7 @@ const VTextField = genericComponent()({
         "class": ['v-text-field', {
           'v-text-field--prefixed': props.prefix,
           'v-text-field--suffixed': props.suffix,
-          'v-text-field--plain-underlined': ['plain', 'underlined'].includes(props.variant)
+          'v-input--plain-underlined': isPlainOrUnderlined.value
         }, props.class],
         "style": props.style
       }, rootAttrs, inputProps, {
@@ -13239,6 +13247,7 @@ const VColorPickerCanvas = defineComponent({
           x,
           y
         } = val;
+        _dotPosition.value = val;
         emit('update:color', {
           h: props.color?.h ?? 0,
           s: clamp(x, 0, canvasWidth.value) / canvasWidth.value,
@@ -15062,7 +15071,7 @@ const VCombobox = genericComponent()({
         return _search.value;
       },
       set: val => {
-        _search.value = val;
+        _search.value = val ?? '';
         if (!props.multiple) {
           model.value = [transformItem$3(props, val)];
         }
@@ -15135,7 +15144,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)) {
@@ -15908,7 +15917,8 @@ const VFileInput = genericComponent()({
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
         "class": ['v-file-input', {
-          'v-text-field--plain-underlined': isPlainOrUnderlined.value
+          'v-file-input--chips': !!props.chips,
+          'v-input--plain-underlined': isPlainOrUnderlined.value
         }, props.class],
         "style": props.style,
         "onClick:prepend": onClickPrepend
@@ -19326,7 +19336,7 @@ const VTextarea = genericComponent()({
           'v-text-field--suffixed': props.suffix,
           'v-textarea--auto-grow': props.autoGrow,
           'v-textarea--no-resize': props.noResize || props.autoGrow,
-          'v-text-field--plain-underlined': isPlainOrUnderlined.value
+          'v-input--plain-underlined': isPlainOrUnderlined.value
         }, props.class],
         "style": props.style
       }, rootAttrs, inputProps, {
@@ -20739,10 +20749,18 @@ const VDataTableFooter = genericComponent()({
       itemsPerPage,
       setItemsPerPage
     } = usePagination();
-    const itemsPerPageOptions = computed(() => props.itemsPerPageOptions.map(option => ({
-      ...option,
-      title: t(option.title)
-    })));
+    const itemsPerPageOptions = computed(() => props.itemsPerPageOptions.map(option => {
+      if (typeof option === 'number') {
+        return {
+          value: option,
+          title: option === -1 ? t('$vuetify.dataFooter.itemsPerPageAll') : String(option)
+        };
+      }
+      return {
+        ...option,
+        title: t(option.title)
+      };
+    }));
     return () => createVNode("div", {
       "class": "v-data-table-footer"
     }, [slots.prepend?.(), createVNode("div", {
@@ -22373,6 +22391,17 @@ function format(value, formatString, locale) {
   }
   return new Intl.DateTimeFormat(locale, options).format(date);
 }
+function toISO(adapter, value) {
+  const date = adapter.toJsDate(value);
+  const year = date.getFullYear();
+  const month = padStart(String(date.getMonth() + 1), 2, '0');
+  const day = padStart(String(date.getDate()), 2, '0');
+  return `${year}-${month}-${day}`;
+}
+function parseISO(value) {
+  const [year, month, day] = value.split('-').map(Number);
+  return new Date(year, month - 1, day);
+}
 function addDays(date, amount) {
   const d = new Date(date);
   d.setDate(d.getDate() + amount);
@@ -22447,6 +22476,12 @@ class VuetifyDateAdapter {
   toJsDate(date) {
     return date;
   }
+  toISO(date) {
+    return toISO(this, date);
+  }
+  parseISO(date) {
+    return parseISO(date);
+  }
   addDays(date, amount) {
     return addDays(date, amount);
   }
@@ -22727,6 +22762,7 @@ function useDatePicker() {
 }
 
 const makeVDatePickerMonthProps = propsFactory({
+  allowedDates: [Array, Function],
   color: String,
   showAdjacentMonths: Boolean,
   hideWeekdays: Boolean,
@@ -22813,7 +22849,6 @@ const VDatePickerMonth = genericComponent()({
       const startDate = validDates[0];
       const endDate = validDates[1];
       return days.map((date, index) => {
-        const isDisabled = !!(props.min && adapter.isAfter(props.min, date) || props.max && adapter.isAfter(date, props.max));
         const isStart = startDate && adapter.isSameDay(date, startDate);
         const isEnd = endDate && adapter.isSameDay(date, endDate);
         const isAdjacent = !adapter.isSameMonth(date, month.value);
@@ -22824,7 +22859,7 @@ const VDatePickerMonth = genericComponent()({
           formatted: adapter.format(date, 'keyboardDate'),
           year: adapter.getYear(date),
           month: adapter.getMonth(date),
-          isDisabled,
+          isDisabled: isDisabled(date),
           isWeekStart: index % 7 === 0,
           isWeekEnd: index % 7 === 6,
           isSelected: isStart || isEnd,
@@ -22851,6 +22886,18 @@ const VDatePickerMonth = genericComponent()({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(props, 'color');
+    function isDisabled(value) {
+      const date = adapter.date(value);
+      if (props.min && adapter.isAfter(props.min, date)) return true;
+      if (props.max && adapter.isAfter(date, props.max)) return true;
+      if (Array.isArray(props.allowedDates)) {
+        return !props.allowedDates.some(d => adapter.isSameDay(adapter.date(d), date));
+      }
+      if (typeof props.allowedDates === 'function') {
+        return !props.allowedDates(date);
+      }
+      return false;
+    }
     function selectDate(date) {
       let newModel = props.modelValue.slice();
       if (props.multiple) {
@@ -23762,7 +23809,7 @@ const makeVOtpInputProps = propsFactory({
   placeholder: String,
   type: {
     type: String,
-    default: 'text'
+    default: 'number'
   },
   ...makeDimensionProps(),
   ...makeFocusProps(),
@@ -23808,7 +23855,7 @@ const VOtpInput = genericComponent()({
       model.value = array;
       let target = null;
       if (focusIndex.value > model.value.length) {
-        target = model.value.length + 1;
+        target = model.value.length;
       } else if (focusIndex.value + 1 !== Number(props.length)) {
         target = 'next';
       } else {
@@ -23833,7 +23880,7 @@ const VOtpInput = genericComponent()({
           target = 'prev';
         } else {
           requestAnimationFrame(() => {
-            inputRef.value[index].select();
+            inputRef.value[index]?.select();
           });
         }
       }
@@ -23862,6 +23909,9 @@ const VOtpInput = genericComponent()({
     }
     provideDefaults({
       VField: {
+        color: computed(() => props.color),
+        bgColor: computed(() => props.color),
+        baseColor: computed(() => props.baseColor),
         disabled: computed(() => props.disabled),
         error: computed(() => props.error),
         variant: computed(() => props.variant)
@@ -23877,7 +23927,7 @@ const VOtpInput = genericComponent()({
     watch(focusIndex, val => {
       if (val < 0) return;
       IN_BROWSER && window.requestAnimationFrame(() => {
-        inputRef.value[val].select();
+        inputRef.value[val]?.select();
       });
     });
     useRender(() => {
@@ -24123,20 +24173,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 {};
   }
@@ -24355,7 +24425,6 @@ const VStepper = genericComponent()({
     let {
       slots
     } = _ref;
-    // TODO: fix typing
     const {
       items: _items,
       next,
@@ -24441,7 +24510,7 @@ const VStepper = genericComponent()({
           "key": "stepper-actions",
           "onClick:prev": prev,
           "onClick:next": next
-        }, null))]
+        }, slots))]
       });
     });
     return {
@@ -24829,7 +24898,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.4.0-alpha.1-dev.2023-10-06";
+const version$1 = "3.4.0-alpha.1-dev.2023-10-21";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -24843,7 +24912,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.4.0-alpha.1-dev.2023-10-06";
+const version = "3.4.0-alpha.1-dev.2023-10-21";
 
 /* eslint-disable local-rules/sort-imports */