vuetify 3.9.5 → 3.9.7

package/dist/vuetify.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.5
+* Vuetify v3.9.7
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3969,14 +3969,14 @@
       const rounded = vue.isRef(props) ? props.value : props.rounded;
       const tile = vue.isRef(props) ? props.value : props.tile;
       const classes = [];
-      if (rounded === true || rounded === '') {
+      if (tile || rounded === false) {
+        classes.push('rounded-0');
+      } else if (rounded === true || rounded === '') {
         classes.push(`${name}--rounded`);
       } else if (typeof rounded === 'string' || rounded === 0) {
         for (const value of String(rounded).split(' ')) {
           classes.push(`rounded-${value}`);
         }
-      } else if (tile || rounded === false) {
-        classes.push('rounded-0');
       }
       return classes;
     });
@@ -5608,7 +5608,6 @@
       const normalizedValue = vue.computed(() => clamp(parseFloat(progress.value) / max.value * 100, 0, 100));
       const isReversed = vue.computed(() => isRtl.value !== props.reverse);
       const transition = vue.computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition');
-      const isForcedColorsModeActive = IN_BROWSER && window.matchMedia?.('(forced-colors: active)').matches;
       function handleClick(e) {
         if (!intersectionRef.value) return;
         const {
@@ -5657,13 +5656,13 @@
             '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1))
           }
         }, null), vue.createElementVNode("div", {
-          "class": vue.normalizeClass(['v-progress-linear__background', !isForcedColorsModeActive ? backgroundColorClasses.value : undefined]),
+          "class": vue.normalizeClass(['v-progress-linear__background', backgroundColorClasses.value]),
           "style": vue.normalizeStyle([backgroundColorStyles.value, {
             opacity: parseFloat(props.bgOpacity),
             width: props.stream ? 0 : undefined
           }])
         }, null), vue.createElementVNode("div", {
-          "class": vue.normalizeClass(['v-progress-linear__buffer', !isForcedColorsModeActive ? bufferColorClasses.value : undefined]),
+          "class": vue.normalizeClass(['v-progress-linear__buffer', bufferColorClasses.value]),
           "style": vue.normalizeStyle([bufferColorStyles.value, {
             opacity: parseFloat(props.bufferOpacity),
             width: convertToUnit(normalizedBuffer.value, '%')
@@ -5672,7 +5671,7 @@
           "name": transition.value
         }, {
           default: () => [!props.indeterminate ? vue.createElementVNode("div", {
-            "class": vue.normalizeClass(['v-progress-linear__determinate', !isForcedColorsModeActive ? barColorClasses.value : undefined]),
+            "class": vue.normalizeClass(['v-progress-linear__determinate', barColorClasses.value]),
             "style": vue.normalizeStyle([barColorStyles.value, {
               width: convertToUnit(normalizedValue.value, '%')
             }])
@@ -5680,7 +5679,7 @@
             "class": "v-progress-linear__indeterminate"
           }, [['long', 'short'].map(bar => vue.createElementVNode("div", {
             "key": bar,
-            "class": vue.normalizeClass(['v-progress-linear__indeterminate', bar, !isForcedColorsModeActive ? barColorClasses.value : undefined]),
+            "class": vue.normalizeClass(['v-progress-linear__indeterminate', bar, barColorClasses.value]),
             "style": vue.normalizeStyle(barColorStyles.value)
           }, null))])]
         }), slots.default && vue.createElementVNode("div", {
@@ -8452,6 +8451,7 @@
         select: group.select,
         isSelected: group.isSelected
       }));
+      const hasOverflowOrScroll = vue.computed(() => isOverflowing.value || Math.abs(scrollOffset.value) > 0);
       const hasAffixes = vue.computed(() => {
         switch (props.showArrows) {
           // Always show arrows on desktop & mobile
@@ -8465,17 +8465,17 @@
           // Show arrows on mobile when overflowing.
           // This matches the default 2.2 behavior
           case true:
-            return isOverflowing.value || Math.abs(scrollOffset.value) > 0;
+            return hasOverflowOrScroll.value;
 
           // Always show on mobile
           case 'mobile':
-            return mobile.value || isOverflowing.value || Math.abs(scrollOffset.value) > 0;
+            return mobile.value || hasOverflowOrScroll.value;
 
           // https://material.io/components/tabs#scrollable-tabs
           // Always show arrows when
           // overflowed on desktop
           default:
-            return !mobile.value && (isOverflowing.value || Math.abs(scrollOffset.value) > 0);
+            return !mobile.value && hasOverflowOrScroll.value;
         }
       });
       const hasPrev = vue.computed(() => {
@@ -8483,7 +8483,7 @@
         return Math.abs(scrollOffset.value) > 1;
       });
       const hasNext = vue.computed(() => {
-        if (!containerRef.value) return false;
+        if (!containerRef.value || !hasOverflowOrScroll.value) return false;
         const scrollSize = getScrollSize(isHorizontal.value, containerRef.el);
         const clientSize = getClientSize(isHorizontal.value, containerRef.el);
         const scrollSizeMax = scrollSize - clientSize;
@@ -9480,7 +9480,7 @@
     function getPath(id) {
       const path = [];
       let parent = vue.toRaw(id);
-      while (parent != null) {
+      while (parent !== undefined) {
         path.unshift(parent);
         parent = parents.value.get(parent);
       }
@@ -9626,7 +9626,10 @@
   const useNestedItem = (id, isDisabled, isGroup) => {
     const parent = vue.inject(VNestedSymbol, emptyNested);
     const uidSymbol = Symbol('nested item');
-    const computedId = vue.computed(() => vue.toRaw(vue.toValue(id)) ?? uidSymbol);
+    const computedId = vue.computed(() => {
+      const idValue = vue.toRaw(vue.toValue(id));
+      return idValue !== undefined ? idValue : uidSymbol;
+    });
     const item = {
       ...parent,
       id: computedId,
@@ -12786,7 +12789,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,
@@ -13837,11 +13840,13 @@
       const defaultMatches = {};
       let match = -1;
       if ((query || customFiltersLength > 0) && !options?.noFilter) {
+        let hasOnlyCustomFilters = false;
         if (typeof item === 'object') {
           if (item.type === 'divider' || item.type === 'subheader') {
             continue;
           }
           const filterKeys = keys || Object.keys(transformed);
+          hasOnlyCustomFilters = filterKeys.length === customFiltersLength;
           for (const key of filterKeys) {
             const value = getPropertyFromItem(transformed, key);
             const keyFilter = options?.customKeyFilter?.[key];
@@ -13862,7 +13867,7 @@
         const customMatchesLength = Object.keys(customMatches).length;
         if (!defaultMatchesLength && !customMatchesLength) continue;
         if (options?.filterMode === 'union' && customMatchesLength !== customFiltersLength && !defaultMatchesLength) continue;
-        if (options?.filterMode === 'intersection' && (customMatchesLength !== customFiltersLength || !defaultMatchesLength)) continue;
+        if (options?.filterMode === 'intersection' && (customMatchesLength !== customFiltersLength || !defaultMatchesLength && customFiltersLength > 0 && !hasOnlyCustomFilters)) continue;
       }
       array.push({
         index: i,
@@ -15536,7 +15541,7 @@
     };
     const uid = binding.instance?.$.uid; // TODO: use custom uid generator
 
-    if (!target || !uid) return;
+    if (!target || uid === undefined) return;
     const handlers = createHandlers(binding.value);
     target._touchHandlers = target._touchHandlers ?? Object.create(null);
     target._touchHandlers[uid] = handlers;
@@ -15547,7 +15552,7 @@
   function unmounted$3(el, binding) {
     const target = binding.value?.parent ? el.parentElement : el;
     const uid = binding.instance?.$.uid;
-    if (!target?._touchHandlers || !uid) return;
+    if (!target?._touchHandlers || uid === undefined) return;
     const handlers = target._touchHandlers[uid];
     keys(handlers).forEach(eventName => {
       target.removeEventListener(eventName, handlers[eventName]);
@@ -23560,6 +23565,9 @@
   const VDatePickerYears = genericComponent()({
     name: 'VDatePickerYears',
     props: makeVDatePickerYearsProps(),
+    directives: {
+      vIntersect: Intersect
+    },
     emits: {
       'update:modelValue': year => true
     },
@@ -23596,10 +23604,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);
@@ -23609,7 +23619,7 @@
         }
         return true;
       }
-      useRender(() => vue.createElementVNode("div", {
+      useRender(() => vue.withDirectives(vue.createElementVNode("div", {
         "class": "v-date-picker-years",
         "style": {
           height: convertToUnit(props.height)
@@ -23640,7 +23650,11 @@
         }) ?? vue.createVNode(VBtn, vue.mergeProps({
           "key": "month"
         }, btnProps), null);
-      })])]));
+      })])]), [[Intersect, {
+        handler: focusSelectedYear
+      }, null, {
+        once: true
+      }]]));
       return {};
     }
   });
@@ -23781,6 +23795,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;
@@ -23790,7 +23810,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));
@@ -23803,7 +23823,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`);
@@ -23931,7 +23951,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({
@@ -23941,7 +23961,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({
@@ -24676,7 +24696,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],
@@ -24707,7 +24730,6 @@
               "prependIcon": props.prependIcon,
               "onMousedown": onControlMousedown,
               "onClick": onControlClick,
-              "onClick:clear": onClear,
               "onClick:prependInner": props['onClick:prependInner'],
               "onClick:appendInner": props['onClick:appendInner']
             }, fieldProps, {
@@ -26398,7 +26420,6 @@
             "aria-hidden": "true",
             "data-testid": "increment",
             "disabled": !canIncrease.value,
-            "flat": true,
             "height": controlNodeDefaultHeight.value,
             "icon": incrementIcon.value,
             "key": "increment-btn",
@@ -26407,16 +26428,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'
               }
             }
           }, {
@@ -26428,7 +26450,6 @@
             "aria-hidden": "true",
             "data-testid": "decrement",
             "disabled": !canDecrease.value,
-            "flat": true,
             "height": controlNodeDefaultHeight.value,
             "icon": decrementIcon.value,
             "key": "decrement-btn",
@@ -26437,16 +26458,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'
               }
             }
           }, {
@@ -26582,6 +26604,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(() => {
@@ -26606,6 +26629,7 @@
           current.value.value = '';
           return;
         }
+        if (_isComposing) return;
         const array = model.value.slice();
         const value = current.value.value;
         array[focusIndex.value] = value;
@@ -26618,6 +26642,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;
@@ -26652,7 +26680,7 @@
         const finalIndex = clipboardText.length - 1 === -1 ? index : clipboardText.length - 1;
         if (isValidNumber(clipboardText)) return;
         model.value = clipboardText.split('');
-        inputRef.value?.[finalIndex].focus();
+        focusIndex.value = finalIndex;
       }
       function reset() {
         model.value = [];
@@ -26682,7 +26710,6 @@
       });
       vue.watch(model, val => {
         if (val.length === length.value) {
-          focusIndex.value = length.value - 1;
           emit('finish', val.join(''));
         }
       }, {
@@ -26731,6 +26758,8 @@
               "onFocus": e => onFocus(e, i),
               "onBlur": onBlur,
               "onKeydown": onKeydown,
+              "onCompositionstart": () => _isComposing = true,
+              "onCompositionend": onCompositionend,
               "onPaste": event => onPaste(i, event)
             }, null);
           }
@@ -27955,7 +27984,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) => {
@@ -27986,7 +28015,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();
@@ -28137,6 +28166,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);
@@ -29451,7 +29483,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,
@@ -29487,7 +29522,6 @@
               },
               "onClick": onControlClick,
               "onMousedown": onControlMousedown,
-              "onClick:clear": onClear,
               "onClick:prependInner": props['onClick:prependInner'],
               "onClick:appendInner": props['onClick:appendInner']
             }, fieldProps, {
@@ -31544,7 +31578,7 @@
       };
     });
   }
-  const version$1 = "3.9.5";
+  const version$1 = "3.9.7";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31569,7 +31603,7 @@
       ...options
     });
   };
-  const version = "3.9.5";
+  const version = "3.9.7";
   createVuetify.version = version;
 
   exports.blueprints = index;