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

package/dist/vuetify-labs.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.
 */
@@ -246,6 +246,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
@@ -276,6 +280,10 @@
     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 = [];
@@ -10571,7 +10579,7 @@
           "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, {
@@ -13243,6 +13251,7 @@
             x,
             y
           } = val;
+          _dotPosition.value = val;
           emit('update:color', {
             h: props.color?.h ?? 0,
             s: clamp(x, 0, canvasWidth.value) / canvasWidth.value,
@@ -15066,7 +15075,7 @@
           return _search.value;
         },
         set: val => {
-          _search.value = val;
+          _search.value = val ?? '';
           if (!props.multiple) {
             model.value = [transformItem$3(props, val)];
           }
@@ -15139,7 +15148,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)) {
@@ -15912,7 +15921,8 @@
           "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
@@ -19330,7 +19340,7 @@
             '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, {
@@ -20743,10 +20753,18 @@
         itemsPerPage,
         setItemsPerPage
       } = usePagination();
-      const itemsPerPageOptions = vue.computed(() => props.itemsPerPageOptions.map(option => ({
-        ...option,
-        title: t(option.title)
-      })));
+      const itemsPerPageOptions = vue.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 () => vue.createVNode("div", {
         "class": "v-data-table-footer"
       }, [slots.prepend?.(), vue.createVNode("div", {
@@ -22377,6 +22395,17 @@
     }
     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);
@@ -22451,6 +22480,12 @@
     toJsDate(date) {
       return date;
     }
+    toISO(date) {
+      return toISO(this, date);
+    }
+    parseISO(date) {
+      return parseISO(date);
+    }
     addDays(date, amount) {
       return addDays(date, amount);
     }
@@ -22731,6 +22766,7 @@
   }
 
   const makeVDatePickerMonthProps = propsFactory({
+    allowedDates: [Array, Function],
     color: String,
     showAdjacentMonths: Boolean,
     hideWeekdays: Boolean,
@@ -22817,7 +22853,6 @@
         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);
@@ -22828,7 +22863,7 @@
             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,
@@ -22855,6 +22890,18 @@
         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) {
@@ -23766,7 +23813,7 @@
     placeholder: String,
     type: {
       type: String,
-      default: 'text'
+      default: 'number'
     },
     ...makeDimensionProps(),
     ...makeFocusProps(),
@@ -23812,7 +23859,7 @@
         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 {
@@ -23837,7 +23884,7 @@
             target = 'prev';
           } else {
             requestAnimationFrame(() => {
-              inputRef.value[index].select();
+              inputRef.value[index]?.select();
             });
           }
         }
@@ -23866,6 +23913,9 @@
       }
       provideDefaults({
         VField: {
+          color: vue.computed(() => props.color),
+          bgColor: vue.computed(() => props.color),
+          baseColor: vue.computed(() => props.baseColor),
           disabled: vue.computed(() => props.disabled),
           error: vue.computed(() => props.error),
           variant: vue.computed(() => props.variant)
@@ -23881,7 +23931,7 @@
       vue.watch(focusIndex, val => {
         if (val < 0) return;
         IN_BROWSER && window.requestAnimationFrame(() => {
-          inputRef.value[val].select();
+          inputRef.value[val]?.select();
         });
       });
       useRender(() => {
@@ -24127,20 +24177,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 {};
     }
@@ -24359,7 +24429,6 @@
       let {
         slots
       } = _ref;
-      // TODO: fix typing
       const {
         items: _items,
         next,
@@ -24445,7 +24514,7 @@
             "key": "stepper-actions",
             "onClick:prev": prev,
             "onClick:next": next
-          }, null))]
+          }, slots))]
         });
       });
       return {
@@ -24833,7 +24902,7 @@
       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
@@ -24847,7 +24916,7 @@
 
   /* 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 */