vuetify 3.9.4 → 3.9.6

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.4
+* Vuetify v3.9.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -12786,7 +12786,7 @@
               "onClick:prependInner": props['onClick:prependInner'],
               "onClick:appendInner": props['onClick:appendInner'],
               "role": props.role
-            }, fieldProps, {
+            }, omit(fieldProps, ['onClick:clear']), {
               "id": id.value,
               "active": isActive.value || isDirty.value,
               "dirty": isDirty.value || props.dirty,
@@ -12813,6 +12813,7 @@
                   "name": props.name,
                   "placeholder": props.placeholder,
                   "size": 1,
+                  "role": props.role,
                   "type": props.type,
                   "onFocus": focus,
                   "onBlur": blur
@@ -13588,7 +13589,7 @@
         return vue.createVNode(VTextField, vue.mergeProps({
           "ref": vTextFieldRef
         }, textFieldProps, {
-          "modelValue": model.value.map(v => v.props.value).join(', '),
+          "modelValue": model.value.map(v => v.props.title).join(', '),
           "onUpdate:modelValue": onModelUpdate,
           "focused": isFocused.value,
           "onUpdate:focused": $event => isFocused.value = $event,
@@ -23559,6 +23560,9 @@
   const VDatePickerYears = genericComponent()({
     name: 'VDatePickerYears',
     props: makeVDatePickerYearsProps(),
+    directives: {
+      vIntersect: Intersect
+    },
     emits: {
       'update:modelValue': year => true
     },
@@ -23595,10 +23599,12 @@
         model.value = model.value ?? adapter.getYear(adapter.date());
       });
       const yearRef = templateRef();
-      vue.onMounted(async () => {
-        await vue.nextTick();
+      function focusSelectedYear() {
         yearRef.el?.focus();
-      });
+        yearRef.el?.scrollIntoView({
+          block: 'center'
+        });
+      }
       function isYearAllowed(year) {
         if (Array.isArray(props.allowedYears) && props.allowedYears.length) {
           return props.allowedYears.includes(year);
@@ -23608,7 +23614,7 @@
         }
         return true;
       }
-      useRender(() => vue.createElementVNode("div", {
+      useRender(() => vue.withDirectives(vue.createElementVNode("div", {
         "class": "v-date-picker-years",
         "style": {
           height: convertToUnit(props.height)
@@ -23639,7 +23645,11 @@
         }) ?? vue.createVNode(VBtn, vue.mergeProps({
           "key": "month"
         }, btnProps), null);
-      })])]));
+      })])]), [[Intersect, {
+        handler: focusSelectedYear
+      }, null, {
+        once: true
+      }]]));
       return {};
     }
   });
@@ -23780,6 +23790,12 @@
         }
         return targets;
       });
+      const allowedYears = vue.computed(() => {
+        return props.allowedYears || isYearAllowed;
+      });
+      const allowedMonths = vue.computed(() => {
+        return props.allowedMonths || isMonthAllowed;
+      });
       function isAllowedInRange(start, end) {
         const allowedDates = props.allowedDates;
         if (typeof allowedDates !== 'function') return true;
@@ -23789,7 +23805,7 @@
         }
         return false;
       }
-      function allowedYears(year) {
+      function isYearAllowed(year) {
         if (typeof props.allowedDates === 'function') {
           const startOfYear = adapter.parseISO(`${year}-01-01`);
           return isAllowedInRange(startOfYear, adapter.endOfYear(startOfYear));
@@ -23802,7 +23818,7 @@
         }
         return true;
       }
-      function allowedMonths(month) {
+      function isMonthAllowed(month) {
         if (typeof props.allowedDates === 'function') {
           const monthTwoDigits = String(month + 1).padStart(2, '0');
           const startOfMonth = adapter.parseISO(`${year.value}-${monthTwoDigits}-01`);
@@ -23930,7 +23946,7 @@
               "min": minDate.value,
               "max": maxDate.value,
               "year": year.value,
-              "allowedMonths": allowedMonths
+              "allowedMonths": allowedMonths.value
             }), {
               month: slots.month
             }) : viewMode.value === 'year' ? vue.createVNode(VDatePickerYears, vue.mergeProps({
@@ -23940,7 +23956,7 @@
               "onUpdate:modelValue": [$event => year.value = $event, onUpdateYear],
               "min": minDate.value,
               "max": maxDate.value,
-              "allowedYears": allowedYears
+              "allowedYears": allowedYears.value
             }), {
               year: slots.year
             }) : vue.createVNode(VDatePickerMonth, vue.mergeProps({
@@ -24675,7 +24691,10 @@
           modelValue: _,
           ...inputProps
         } = VInput.filterProps(props);
-        const fieldProps = VField.filterProps(props);
+        const fieldProps = {
+          ...VField.filterProps(props),
+          'onClick:clear': onClear
+        };
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": props.multiple ? model.value : model.value[0],
@@ -24706,7 +24725,6 @@
               "prependIcon": props.prependIcon,
               "onMousedown": onControlMousedown,
               "onClick": onControlClick,
-              "onClick:clear": onClear,
               "onClick:prependInner": props['onClick:prependInner'],
               "onClick:appendInner": props['onClick:appendInner']
             }, fieldProps, {
@@ -26397,7 +26415,6 @@
             "aria-hidden": "true",
             "data-testid": "increment",
             "disabled": !canIncrease.value,
-            "flat": true,
             "height": controlNodeDefaultHeight.value,
             "icon": incrementIcon.value,
             "key": "increment-btn",
@@ -26406,16 +26423,17 @@
             "onPointerup": onControlMouseup,
             "onPointercancel": onControlMouseup,
             "size": controlNodeSize.value,
+            "variant": "text",
             "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "increment-defaults",
             "defaults": {
               VBtn: {
                 disabled: !canIncrease.value,
-                flat: true,
                 height: controlNodeDefaultHeight.value,
                 size: controlNodeSize.value,
-                icon: incrementIcon.value
+                icon: incrementIcon.value,
+                variant: 'text'
               }
             }
           }, {
@@ -26427,7 +26445,6 @@
             "aria-hidden": "true",
             "data-testid": "decrement",
             "disabled": !canDecrease.value,
-            "flat": true,
             "height": controlNodeDefaultHeight.value,
             "icon": decrementIcon.value,
             "key": "decrement-btn",
@@ -26436,16 +26453,17 @@
             "onPointerup": onControlMouseup,
             "onPointercancel": onControlMouseup,
             "size": controlNodeSize.value,
+            "variant": "text",
             "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "decrement-defaults",
             "defaults": {
               VBtn: {
                 disabled: !canDecrease.value,
-                flat: true,
                 height: controlNodeDefaultHeight.value,
                 size: controlNodeSize.value,
-                icon: decrementIcon.value
+                icon: decrementIcon.value,
+                variant: 'text'
               }
             }
           }, {
@@ -26581,6 +26599,7 @@
       const contentRef = vue.ref();
       const inputRef = vue.ref([]);
       const current = vue.computed(() => inputRef.value[focusIndex.value]);
+      let _isComposing = false;
       useToggleScope(() => props.autofocus, () => {
         const intersectScope = vue.effectScope();
         intersectScope.run(() => {
@@ -26605,6 +26624,7 @@
           current.value.value = '';
           return;
         }
+        if (_isComposing) return;
         const array = model.value.slice();
         const value = current.value.value;
         array[focusIndex.value] = value;
@@ -26617,6 +26637,10 @@
         model.value = array;
         if (target) focusChild(contentRef.value, target);
       }
+      function onCompositionend() {
+        _isComposing = false;
+        onInput();
+      }
       function onKeydown(e) {
         const array = model.value.slice();
         const index = focusIndex.value;
@@ -26730,6 +26754,8 @@
               "onFocus": e => onFocus(e, i),
               "onBlur": onBlur,
               "onKeydown": onKeydown,
+              "onCompositionstart": () => _isComposing = true,
+              "onCompositionend": onCompositionend,
               "onPaste": event => onPaste(i, event)
             }, null);
           }
@@ -27954,7 +27980,7 @@
         let minValue = props.min != null ? Number(props.min) : Math.min(...values);
         if (minValue > 0 && props.min == null) minValue = 0;
         if (maxValue < 0 && props.max == null) maxValue = 0;
-        const gridX = maxX / totalValues;
+        const gridX = maxX / (totalValues === 1 ? 2 : totalValues);
         const gridY = (maxY - minY) / (maxValue - minValue || 1);
         const horizonY = maxY - Math.abs(minValue * gridY);
         return values.map((value, index) => {
@@ -27985,7 +28011,7 @@
         return labels;
       });
       const bars = vue.computed(() => genBars(items.value, boundary.value));
-      const offsetX = vue.computed(() => (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
+      const offsetX = vue.computed(() => bars.value.length === 1 ? (boundary.value.maxX - lineWidth.value) / 2 : (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
       const smooth = vue.computed(() => typeof props.smooth === 'boolean' ? props.smooth ? 2 : 0 : Number(props.smooth));
       useRender(() => {
         const gradientData = !props.gradient.slice().length ? [''] : props.gradient.slice().reverse();
@@ -28136,6 +28162,9 @@
           minY,
           maxY
         } = boundary;
+        if (values.length === 1) {
+          values = [values[0], values[0]];
+        }
         const totalValues = values.length;
         const maxValue = props.max != null ? Number(props.max) : Math.max(...values);
         const minValue = props.min != null ? Number(props.min) : Math.min(...values);
@@ -29450,7 +29479,10 @@
           modelValue: _,
           ...inputProps
         } = VInput.filterProps(props);
-        const fieldProps = VField.filterProps(props);
+        const fieldProps = {
+          ...VField.filterProps(props),
+          'onClick:clear': onClear
+        };
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": model.value,
@@ -29486,7 +29518,6 @@
               },
               "onClick": onControlClick,
               "onMousedown": onControlMousedown,
-              "onClick:clear": onClear,
               "onClick:prependInner": props['onClick:prependInner'],
               "onClick:appendInner": props['onClick:appendInner']
             }, fieldProps, {
@@ -31543,7 +31574,7 @@
       };
     });
   }
-  const version$1 = "3.9.4";
+  const version$1 = "3.9.6";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31568,7 +31599,7 @@
       ...options
     });
   };
-  const version = "3.9.4";
+  const version = "3.9.6";
   createVuetify.version = version;
 
   exports.blueprints = index;