vuetify 3.7.15 → 3.7.17

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.15
+* Vuetify v3.7.17
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -84,12 +84,14 @@
     let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
     if (str == null || str === '') {
       return undefined;
-    } else if (isNaN(+str)) {
+    }
+    const num = Number(str);
+    if (isNaN(num)) {
       return String(str);
-    } else if (!isFinite(+str)) {
+    } else if (!isFinite(num)) {
       return undefined;
     } else {
-      return `${Number(str)}${unit}`;
+      return `${num}${unit}`;
     }
   }
   function isObject(obj) {
@@ -617,16 +619,16 @@
       let ta, sx, sy, dx, dy;
       if (tx.startsWith('matrix3d(')) {
         ta = tx.slice(9, -1).split(/, /);
-        sx = +ta[0];
-        sy = +ta[5];
-        dx = +ta[12];
-        dy = +ta[13];
+        sx = Number(ta[0]);
+        sy = Number(ta[5]);
+        dx = Number(ta[12]);
+        dy = Number(ta[13]);
       } else if (tx.startsWith('matrix(')) {
         ta = tx.slice(7, -1).split(/, /);
-        sx = +ta[0];
-        sy = +ta[3];
-        dx = +ta[4];
-        dy = +ta[5];
+        sx = Number(ta[0]);
+        sy = Number(ta[3]);
+        dx = Number(ta[4]);
+        dy = Number(ta[5]);
       } else {
         return new Box(rect);
       }
@@ -2520,7 +2522,7 @@
   const LANG_PREFIX = '$vuetify.';
   const replace = (str, params) => {
     return str.replace(/\{(\d+)\}/g, (match, index) => {
-      return String(params[+index]);
+      return String(params[Number(index)]);
     });
   };
   const createTranslateFunction = (current, fallback, messages) => {
@@ -2890,7 +2892,7 @@
     function getHead() {
       return {
         style: [{
-          children: styles.value,
+          textContent: styles.value,
           id: 'vuetify-theme-stylesheet',
           nonce: parsedOptions.cspNonce || false
         }]
@@ -5809,7 +5811,10 @@
       type: [Boolean, Object],
       default: true
     },
-    text: String,
+    text: {
+      type: [String, Number, Boolean],
+      default: undefined
+    },
     ...makeBorderProps(),
     ...makeComponentProps(),
     ...makeDensityProps(),
@@ -5965,7 +5970,7 @@
               }
             }
           }, {
-            default: () => [slots.default?.() ?? props.text]
+            default: () => [slots.default?.() ?? vue.toDisplayString(props.text)]
           })]), !props.icon && hasAppend && vue.createVNode("span", {
             "key": "append",
             "class": "v-btn__append"
@@ -6973,7 +6978,7 @@
     const isPristine = vue.shallowRef(true);
     const isDirty = vue.computed(() => !!(wrapInArray(model.value === '' ? null : model.value).length || wrapInArray(validationModel.value === '' ? null : validationModel.value).length));
     const errorMessages = vue.computed(() => {
-      return props.errorMessages?.length ? wrapInArray(props.errorMessages).concat(internalErrorMessages.value).slice(0, Math.max(0, +props.maxErrors)) : internalErrorMessages.value;
+      return props.errorMessages?.length ? wrapInArray(props.errorMessages).concat(internalErrorMessages.value).slice(0, Math.max(0, Number(props.maxErrors))) : internalErrorMessages.value;
     });
     const validateOn = vue.computed(() => {
       let value = (props.validateOn ?? form.validateOn?.value) || 'input';
@@ -7064,7 +7069,7 @@
       const results = [];
       isValidating.value = true;
       for (const rule of props.rules) {
-        if (results.length >= +(props.maxErrors ?? 1)) {
+        if (results.length >= Number(props.maxErrors ?? 1)) {
           break;
         }
         const handler = typeof rule === 'function' ? rule : () => rule;
@@ -8125,7 +8130,10 @@
       type: [Boolean, Object],
       default: true
     },
-    text: String,
+    text: {
+      type: [String, Number, Boolean],
+      default: undefined
+    },
     modelValue: {
       type: Boolean,
       default: true
@@ -8294,7 +8302,7 @@
             toggle: group?.toggle,
             value: group?.value.value,
             disabled: props.disabled
-          }) ?? props.text]), hasAppend && vue.createVNode("div", {
+          }) ?? vue.toDisplayString(props.text)]), hasAppend && vue.createVNode("div", {
             "key": "append",
             "class": "v-chip__append"
           }, [!slots.append ? vue.createVNode(vue.Fragment, null, [props.appendIcon && vue.createVNode(VIcon, {
@@ -9173,8 +9181,14 @@
       default: true
     },
     slim: Boolean,
-    subtitle: [String, Number],
-    title: [String, Number],
+    subtitle: {
+      type: [String, Number, Boolean],
+      default: undefined
+    },
+    title: {
+      type: [String, Number, Boolean],
+      default: undefined
+    },
     value: null,
     onClick: EventProp(),
     onClickOnce: EventProp(),
@@ -9367,13 +9381,13 @@
           }, {
             default: () => [slots.title?.({
               title: props.title
-            }) ?? props.title]
+            }) ?? vue.toDisplayString(props.title)]
           }), hasSubtitle && vue.createVNode(VListItemSubtitle, {
             "key": "subtitle"
           }, {
             default: () => [slots.subtitle?.({
               subtitle: props.subtitle
-            }) ?? props.subtitle]
+            }) ?? vue.toDisplayString(props.subtitle)]
           }), slots.default?.(slotProps.value)]), hasAppend && vue.createVNode("div", {
             "key": "append",
             "class": "v-list-item__append"
@@ -10974,10 +10988,10 @@
       activeChildren: new Set()
     });
     vue.provide(StackSymbol, stack);
-    const _zIndex = vue.shallowRef(+zIndex.value);
+    const _zIndex = vue.shallowRef(Number(zIndex.value));
     useToggleScope(isActive, () => {
       const lastZIndex = globalStack.at(-1)?.[1];
-      _zIndex.value = lastZIndex ? lastZIndex + 10 : +zIndex.value;
+      _zIndex.value = lastZIndex ? lastZIndex + 10 : Number(zIndex.value);
       if (createStackEntry) {
         globalStack.push([vm.uid, _zIndex.value]);
       }
@@ -11186,6 +11200,7 @@
     emits: {
       'click:outside': e => true,
       'update:modelValue': value => true,
+      keydown: e => true,
       afterEnter: () => true,
       afterLeave: () => true
     },
@@ -11298,6 +11313,9 @@
       });
       function onKeydown(e) {
         if (e.key === 'Escape' && globalTop.value) {
+          if (!contentEl.value?.contains(document.activeElement)) {
+            emit('keydown', e);
+          }
           if (!props.persistent) {
             isActive.value = false;
             if (contentEl.value?.contains(document.activeElement)) {
@@ -11306,6 +11324,10 @@
           } else animateClick();
         }
       }
+      function onKeydownSelf(e) {
+        if (e.key === 'Escape' && !globalTop.value) return;
+        emit('keydown', e);
+      }
       const router = useRouter();
       useToggleScope(() => props.closeOnBack, () => {
         useBackButton(router, next => {
@@ -11368,7 +11390,8 @@
             '--v-overlay-opacity': props.opacity,
             top: convertToUnit(top.value)
           }, props.style],
-          "ref": root
+          "ref": root,
+          "onKeydown": onKeydownSelf
         }, scopeId, attrs), [vue.createVNode(Scrim, vue.mergeProps({
           "color": scrimColor,
           "modelValue": isActive.value && !!props.scrim,
@@ -12039,11 +12062,6 @@
       };
     }
   });
-  // TODO: this is kinda slow, might be better to implicitly inherit props instead
-  function filterFieldProps(attrs) {
-    const keys = Object.keys(VField.props).filter(k => !isOn(k) && k !== 'class' && k !== 'style');
-    return pick(attrs, keys);
-  }
 
   // Types
 
@@ -12151,7 +12169,7 @@
           modelValue: _,
           ...inputProps
         } = VInput.filterProps(props);
-        const fieldProps = filterFieldProps(props);
+        const fieldProps = VField.filterProps(props);
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": model.value,
@@ -13759,11 +13777,11 @@
         locationStyles
       } = useLocation(props, true, side => {
         const base = props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
-        return base + (['top', 'bottom'].includes(side) ? +(props.offsetY ?? 0) : ['left', 'right'].includes(side) ? +(props.offsetX ?? 0) : 0);
+        return base + (['top', 'bottom'].includes(side) ? Number(props.offsetY ?? 0) : ['left', 'right'].includes(side) ? Number(props.offsetX ?? 0) : 0);
       });
       useRender(() => {
         const value = Number(props.content);
-        const content = !props.max || isNaN(value) ? props.content : value <= +props.max ? value : `${props.max}+`;
+        const content = !props.max || isNaN(value) ? props.content : value <= Number(props.max) ? value : `${props.max}+`;
         const [badgeAttrs, attrs] = pickWithRest(ctx.attrs, ['aria-atomic', 'aria-label', 'aria-live', 'role', 'title']);
         return vue.createVNode(props.tag, vue.mergeProps({
           "class": ['v-badge', {
@@ -14462,8 +14480,14 @@
     appendIcon: IconValue,
     prependAvatar: String,
     prependIcon: IconValue,
-    subtitle: [String, Number],
-    title: [String, Number],
+    subtitle: {
+      type: [String, Number, Boolean],
+      default: undefined
+    },
+    title: {
+      type: [String, Number, Boolean],
+      default: undefined
+    },
     ...makeComponentProps(),
     ...makeDensityProps()
   }, 'VCardItem');
@@ -14513,11 +14537,11 @@
         }, [hasTitle && vue.createVNode(VCardTitle, {
           "key": "title"
         }, {
-          default: () => [slots.title?.() ?? props.title]
+          default: () => [slots.title?.() ?? vue.toDisplayString(props.title)]
         }), hasSubtitle && vue.createVNode(VCardSubtitle, {
           "key": "subtitle"
         }, {
-          default: () => [slots.subtitle?.() ?? props.subtitle]
+          default: () => [slots.subtitle?.() ?? vue.toDisplayString(props.subtitle)]
         }), slots.default?.()]), hasAppend && vue.createVNode("div", {
           "key": "append",
           "class": "v-card-item__append"
@@ -14589,9 +14613,18 @@
       type: [Boolean, Object],
       default: true
     },
-    subtitle: [String, Number],
-    text: [String, Number],
-    title: [String, Number],
+    subtitle: {
+      type: [String, Number, Boolean],
+      default: undefined
+    },
+    text: {
+      type: [String, Number, Boolean],
+      default: undefined
+    },
+    title: {
+      type: [String, Number, Boolean],
+      default: undefined
+    },
     ...makeBorderProps(),
     ...makeComponentProps(),
     ...makeDensityProps(),
@@ -15060,7 +15093,7 @@
       vue.onMounted(startTimeout);
       function startTimeout() {
         if (!props.cycle || !windowRef.value) return;
-        slideTimeout = window.setTimeout(windowRef.value.group.next, +props.interval > 0 ? +props.interval : 6000);
+        slideTimeout = window.setTimeout(windowRef.value.group.next, Number(props.interval) > 0 ? Number(props.interval) : 6000);
       }
       function restartTimeout() {
         window.clearTimeout(slideTimeout);
@@ -15786,7 +15819,7 @@
   const useSteps = props => {
     const min = vue.computed(() => parseFloat(props.min));
     const max = vue.computed(() => parseFloat(props.max));
-    const step = vue.computed(() => +props.step > 0 ? parseFloat(props.step) : 0);
+    const step = vue.computed(() => Number(props.step) > 0 ? parseFloat(props.step) : 0);
     const decimals = vue.computed(() => Math.max(getDecimals(step.value), getDecimals(min.value)));
     function roundValue(value) {
       value = parseFloat(value);
@@ -18741,8 +18774,8 @@
   }, 'DataTable-paginate');
   const VDataTablePaginationSymbol = Symbol.for('vuetify:data-table-pagination');
   function createPagination(props) {
-    const page = useProxiedModel(props, 'page', undefined, value => +(value ?? 1));
-    const itemsPerPage = useProxiedModel(props, 'itemsPerPage', undefined, value => +(value ?? 10));
+    const page = useProxiedModel(props, 'page', undefined, value => Number(value ?? 1));
+    const itemsPerPage = useProxiedModel(props, 'itemsPerPage', undefined, value => Number(value ?? 10));
     return {
       page,
       itemsPerPage
@@ -19531,7 +19564,7 @@
         const minButtons = props.showFirstLastPage ? 5 : 3;
         return Math.max(0, Math.floor(
         // Round to two decimal places to avoid floating point errors
-        +((totalWidth - itemWidth * minButtons) / itemWidth).toFixed(2)));
+        Number(((totalWidth - itemWidth * minButtons) / itemWidth).toFixed(2))));
       }
       const range = vue.computed(() => {
         if (length.value <= 0 || isNaN(length.value) || length.value > Number.MAX_SAFE_INTEGER) return [];
@@ -19602,7 +19635,7 @@
                 ref,
                 ellipsis: false,
                 icon: true,
-                disabled: !!props.disabled || +props.length < 2,
+                disabled: !!props.disabled || Number(props.length) < 2,
                 color: isActive ? props.activeColor : props.color,
                 'aria-current': isActive,
                 'aria-label': t(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, item),
@@ -19651,7 +19684,7 @@
         refs.value[currentIndex]?.$el.focus();
       }
       function onKeydown(e) {
-        if (e.key === keyValues.left && !props.disabled && page.value > +props.start) {
+        if (e.key === keyValues.left && !props.disabled && page.value > Number(props.start)) {
           page.value = page.value - 1;
           vue.nextTick(updateFocus);
         } else if (e.key === keyValues.right && !props.disabled && page.value < start.value + length.value - 1) {
@@ -19984,8 +20017,10 @@
         } else {
           if (!seenFixed) {
             item.lastFixed = true;
-          } else if (isNaN(+item.width)) {
+          } else if (isNaN(Number(item.width))) {
             consoleError(`Multiple fixed columns should have a static width (key: ${item.key})`);
+          } else {
+            item.minWidth = Math.max(Number(item.width) || 0, Number(item.minWidth) || 0);
           }
           seenFixed = true;
         }
@@ -21748,30 +21783,30 @@
           "class": ['v-date-picker-controls']
         }, [vue.createVNode(VBtn, {
           "class": "v-date-picker-controls__month-btn",
+          "data-testid": "month-btn",
           "disabled": disableMonth.value,
           "text": props.text,
           "variant": "text",
           "rounded": true,
           "onClick": onClickMonth
         }, null), vue.createVNode(VBtn, {
-          "key": "mode-btn",
           "class": "v-date-picker-controls__mode-btn",
+          "data-testid": "year-btn",
           "disabled": disableYear.value,
           "density": "comfortable",
           "icon": props.modeIcon,
           "variant": "text",
           "onClick": onClickYear
-        }, null), vue.createVNode(VSpacer, {
-          "key": "mode-spacer"
-        }, null), vue.createVNode("div", {
-          "key": "month-buttons",
+        }, null), vue.createVNode(VSpacer, null, null), vue.createVNode("div", {
           "class": "v-date-picker-controls__month"
         }, [vue.createVNode(VBtn, {
+          "data-testid": "prev-month",
           "disabled": disablePrev.value,
           "icon": props.prevIcon,
           "variant": "text",
           "onClick": onClickPrev
         }, null), vue.createVNode(VBtn, {
+          "data-testid": "next-month",
           "disabled": disableNext.value,
           "icon": props.nextIcon,
           "variant": "text",
@@ -22118,7 +22153,7 @@
           model.value = [value];
         }
       }
-      return () => vue.createVNode("div", {
+      useRender(() => vue.createVNode("div", {
         "class": "v-date-picker-month"
       }, [props.showWeek && vue.createVNode("div", {
         "key": "weeks",
@@ -22140,6 +22175,13 @@
         }, [weekDay])), daysInMonth.value.map((item, i) => {
           const slotProps = {
             props: {
+              class: 'v-date-picker-month__day-btn',
+              color: (item.isSelected || item.isToday) && !item.isDisabled ? props.color : undefined,
+              disabled: item.isDisabled,
+              icon: true,
+              ripple: false,
+              text: item.localized,
+              variant: item.isDisabled ? item.isToday ? 'outlined' : 'text' : item.isToday && !item.isSelected ? 'outlined' : 'flat',
               onClick: () => onClick(item.date)
             },
             item,
@@ -22157,24 +22199,9 @@
               'v-date-picker-month__day--week-start': item.isWeekStart
             }],
             "data-v-date": !item.isDisabled ? item.isoDate : undefined
-          }, [(props.showAdjacentMonths || !item.isAdjacent) && vue.createVNode(VDefaultsProvider, {
-            "defaults": {
-              VBtn: {
-                class: 'v-date-picker-month__day-btn',
-                color: (item.isSelected || item.isToday) && !item.isDisabled ? props.color : undefined,
-                disabled: item.isDisabled,
-                icon: true,
-                ripple: false,
-                text: item.localized,
-                variant: item.isDisabled ? item.isToday ? 'outlined' : 'text' : item.isToday && !item.isSelected ? 'outlined' : 'flat',
-                onClick: () => onClick(item.date)
-              }
-            }
-          }, {
-            default: () => [slots.day?.(slotProps) ?? vue.createVNode(VBtn, slotProps.props, null)]
-          })]);
+          }, [(props.showAdjacentMonths || !item.isAdjacent) && (slots.day?.(slotProps) ?? vue.createVNode(VBtn, slotProps.props, null))]);
         })])]
-      })]);
+      })]));
     }
   });
 
@@ -23312,7 +23339,7 @@
           modelValue: _,
           ...inputProps
         } = VInput.filterProps(props);
-        const fieldProps = filterFieldProps(props);
+        const fieldProps = VField.filterProps(props);
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": props.multiple ? model.value : model.value[0],
@@ -24931,7 +24958,7 @@
       vue.watch(displayHeight, onScroll);
       vue.watch(() => contentRect.value?.height, onScroll);
       const scale = vue.computed(() => {
-        return 1 - clamp(+props.scale);
+        return 1 - clamp(Number(props.scale));
       });
       let frame = -1;
       function onScroll() {
@@ -25352,7 +25379,7 @@
         themeClasses
       } = provideTheme(props);
       const rating = useProxiedModel(props, 'modelValue');
-      const normalizedValue = vue.computed(() => clamp(parseFloat(rating.value), 0, +props.length));
+      const normalizedValue = vue.computed(() => clamp(parseFloat(rating.value), 0, Number(props.length)));
       const range = vue.computed(() => createRange(Number(props.length), 1));
       const increments = vue.computed(() => range.value.flatMap(v => props.halfIncrements ? [v - 0.5, v] : [v]));
       const hoverIndex = vue.shallowRef(-1);
@@ -25963,7 +25990,7 @@
           const height = Math.abs(gridY * value);
           return {
             x: minX + index * gridX,
-            y: horizonY - height + +(value < 0) * height,
+            y: horizonY - height + Number(value < 0) * height,
             height,
             value
           };
@@ -27401,10 +27428,10 @@
         }
       }
       const sizerRef = vue.ref();
-      const rows = vue.ref(+props.rows);
+      const rows = vue.ref(Number(props.rows));
       const isPlainOrUnderlined = vue.computed(() => ['plain', 'underlined'].includes(props.variant));
       vue.watchEffect(() => {
-        if (!props.autoGrow) rows.value = +props.rows;
+        if (!props.autoGrow) rows.value = Number(props.rows);
       });
       function calculateInputHeight() {
         if (!props.autoGrow) return;
@@ -27447,7 +27474,7 @@
           modelValue: _,
           ...inputProps
         } = VInput.filterProps(props);
-        const fieldProps = filterFieldProps(props);
+        const fieldProps = VField.filterProps(props);
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": model.value,
@@ -28421,7 +28448,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.15";
+  const version$1 = "3.7.17";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28446,7 +28473,7 @@
       ...options
     });
   };
-  const version = "3.7.15";
+  const version = "3.7.17";
   createVuetify.version = version;
 
   exports.blueprints = index;