@vuetify/nightly 3.8.7-master.2025-05-29 → 3.8.7-master.2025-06-02

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.7-master.2025-05-29
+* Vuetify v3.8.7-master.2025-06-02
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3552,9 +3552,9 @@
         if (!normalisedSrc.value.src || state.value === 'idle') return null;
         const img = vue.createElementVNode("img", {
           "class": vue.normalizeClass(['v-img__img', containClasses.value]),
-          "style": vue.normalizeStyle({
+          "style": {
             objectPosition: props.position
-          }),
+          },
           "crossorigin": props.crossorigin,
           "src": normalisedSrc.value.src,
           "srcset": normalisedSrc.value.srcset,
@@ -3581,9 +3581,9 @@
       }, {
         default: () => [normalisedSrc.value.lazySrc && state.value !== 'loaded' && vue.createElementVNode("img", {
           "class": vue.normalizeClass(['v-img__img', 'v-img__img--preload', containClasses.value]),
-          "style": vue.normalizeStyle({
+          "style": {
             objectPosition: props.position
-          }),
+          },
           "crossorigin": props.crossorigin,
           "src": normalisedSrc.value.lazySrc,
           "alt": props.alt,
@@ -3617,9 +3617,9 @@
         if (!props.gradient) return null;
         return vue.createElementVNode("div", {
           "class": "v-img__gradient",
-          "style": vue.normalizeStyle({
+          "style": {
             backgroundImage: `linear-gradient(${props.gradient})`
-          })
+          }
         }, null);
       };
       const isBooted = vue.shallowRef(false);
@@ -3830,9 +3830,9 @@
           }, {
             default: () => [vue.createElementVNode("div", {
               "class": "v-toolbar__content",
-              "style": vue.normalizeStyle({
+              "style": {
                 height: convertToUnit(contentHeight.value)
-              })
+              }
             }, [slots.prepend && vue.createElementVNode("div", {
               "class": "v-toolbar__prepend"
             }, [slots.prepend?.()]), hasTitle && vue.createVNode(VToolbarTitle, {
@@ -3853,9 +3853,9 @@
             default: () => [vue.createVNode(VExpandTransition, null, {
               default: () => [isExtended.value && vue.createElementVNode("div", {
                 "class": "v-toolbar__extension",
-                "style": vue.normalizeStyle({
+                "style": {
                   height: convertToUnit(extensionHeight.value)
-                })
+                }
               }, [extension])]
             })]
           })]
@@ -4928,9 +4928,9 @@
         "aria-valuenow": props.indeterminate ? undefined : normalizedValue.value
       }, {
         default: () => [vue.createElementVNode("svg", {
-          "style": vue.normalizeStyle({
+          "style": {
             transform: `rotate(calc(-90deg + ${Number(props.rotate)}deg))`
-          }),
+          },
           "xmlns": "http://www.w3.org/2000/svg",
           "viewBox": `0 0 ${diameter.value} ${diameter.value}`
         }, [vue.createElementVNode("circle", {
@@ -5151,7 +5151,7 @@
         default: () => [props.stream && vue.createElementVNode("div", {
           "key": "stream",
           "class": vue.normalizeClass(['v-progress-linear__stream', textColorClasses.value]),
-          "style": vue.normalizeStyle({
+          "style": {
             ...textColorStyles.value,
             [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),
             borderTop: `${convertToUnit(height.value / 2)} dotted`,
@@ -5159,7 +5159,7 @@
             top: `calc(50% - ${convertToUnit(height.value / 4)})`,
             width: convertToUnit(100 - normalizedBuffer.value, '%'),
             '--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]),
           "style": vue.normalizeStyle([backgroundColorStyles.value, {
@@ -6467,7 +6467,7 @@
           backgroundColorClasses,
           backgroundColorStyles
         }), vue.withDirectives(vue.createElementVNode("div", {
-          "class": ['v-selection-control__input']
+          "class": vue.normalizeClass(['v-selection-control__input'])
         }, [slots.input?.({
           model,
           textColorClasses,
@@ -12614,14 +12614,14 @@
         return props.renderless ? vue.createElementVNode(vue.Fragment, null, [vue.createElementVNode("div", {
           "ref": markerRef,
           "class": "v-virtual-scroll__spacer",
-          "style": vue.normalizeStyle({
+          "style": {
             paddingTop: convertToUnit(paddingTop.value)
-          })
+          }
         }, null), children, vue.createElementVNode("div", {
           "class": "v-virtual-scroll__spacer",
-          "style": vue.normalizeStyle({
+          "style": {
             paddingBottom: convertToUnit(paddingBottom.value)
-          })
+          }
         }, null)]) : vue.createElementVNode("div", {
           "ref": containerRef,
           "class": vue.normalizeClass(['v-virtual-scroll', props.class]),
@@ -12631,10 +12631,10 @@
         }, [vue.createElementVNode("div", {
           "ref": markerRef,
           "class": "v-virtual-scroll__container",
-          "style": vue.normalizeStyle({
+          "style": {
             paddingTop: convertToUnit(paddingTop.value),
             paddingBottom: convertToUnit(paddingBottom.value)
-          })
+          }
         }, [children])]);
       });
       return {
@@ -15068,9 +15068,9 @@
       }, {
         default: () => [vue.createElementVNode("div", {
           "class": "v-window__container",
-          "style": vue.normalizeStyle({
+          "style": {
             height: transitionHeight.value
-          })
+          }
         }, [slots.default?.({
           group
         }), props.showArrows !== false && vue.createElementVNode("div", {
@@ -15165,10 +15165,10 @@
             } = _ref2;
             return vue.createElementVNode(vue.Fragment, null, [!props.hideDelimiters && vue.createElementVNode("div", {
               "class": "v-carousel__controls",
-              "style": vue.normalizeStyle({
+              "style": {
                 left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',
                 right: props.verticalDelimiters === 'right' ? 0 : 'auto'
-              })
+              }
             }, [group.items.value.length > 0 && vue.createVNode(VDefaultsProvider, {
               "defaults": {
                 VBtn: {
@@ -16226,9 +16226,9 @@
           "onKeydown": !readonly.value ? onKeydown : undefined
         }, [vue.createElementVNode("div", {
           "class": vue.normalizeClass(['v-slider-thumb__surface', textColorClasses.value, elevationClasses.value]),
-          "style": vue.normalizeStyle({
+          "style": {
             ...textColorStyles.value
-          })
+          }
         }, null), vue.withDirectives(vue.createElementVNode("div", {
           "class": vue.normalizeClass(['v-slider-thumb__ripple', textColorClasses.value]),
           "style": vue.normalizeStyle(textColorStyles.value)
@@ -16241,7 +16241,7 @@
           default: () => [vue.withDirectives(vue.createElementVNode("div", {
             "class": "v-slider-thumb__label-container"
           }, [vue.createElementVNode("div", {
-            "class": ['v-slider-thumb__label']
+            "class": vue.normalizeClass(['v-slider-thumb__label'])
           }, [vue.createElementVNode("div", null, [slots['thumb-label']?.({
             modelValue: props.modelValue
           }) ?? props.modelValue.toFixed(step.value ? decimals.value : 1)])])]), [[vue.vShow, thumbLabel.value && props.focused || thumbLabel.value === 'always']])]
@@ -16326,9 +16326,9 @@
               'v-slider-track__tick--first': tick.value === min.value,
               'v-slider-track__tick--last': tick.value === max.value
             }]),
-            "style": vue.normalizeStyle({
+            "style": {
               [startDir.value]: directionValue
-            })
+            }
           }, [(tick.label || slots['tick-label']) && vue.createElementVNode("div", {
             "class": "v-slider-track__tick-label"
           }, [slots['tick-label']?.({
@@ -16348,16 +16348,16 @@
           "class": vue.normalizeClass(['v-slider-track__background', trackColorClasses.value, {
             'v-slider-track__background--opacity': !!color.value || !trackFillColor.value
           }]),
-          "style": vue.normalizeStyle({
+          "style": {
             ...backgroundStyles.value,
             ...trackColorStyles.value
-          })
+          }
         }, null), vue.createElementVNode("div", {
           "class": vue.normalizeClass(['v-slider-track__fill', trackFillColorClasses.value]),
-          "style": vue.normalizeStyle({
+          "style": {
             ...trackFillStyles.value,
             ...trackFillColorStyles.value
-          })
+          }
         }, null), showTicks.value && vue.createElementVNode("div", {
           "class": vue.normalizeClass(['v-slider-track__ticks', {
             'v-slider-track__ticks--always-show': showTicks.value === 'always'
@@ -16559,9 +16559,9 @@
       }, null)]), vue.createElementVNode("div", {
         "class": "v-color-picker-preview__dot"
       }, [vue.createElementVNode("div", {
-        "style": vue.normalizeStyle({
+        "style": {
           background: HSVtoCSS(props.color ?? nullColor)
-        })
+        }
       }, null)]), vue.createElementVNode("div", {
         "class": "v-color-picker-preview__sliders"
       }, [vue.createVNode(VSlider, {
@@ -16962,9 +16962,9 @@
           "class": "v-color-picker-swatches__color",
           "onClick": () => hsva && emit('update:color', hsva)
         }, [vue.createElementVNode("div", {
-          "style": vue.normalizeStyle({
+          "style": {
             background
-          })
+          }
         }, [props.color && deepEqual(props.color, hsva) ? vue.createVNode(VIcon, {
           "size": "x-small",
           "icon": "$success",
@@ -17823,7 +17823,20 @@
     vue.watch(locale.current, value => {
       instance.locale = options.locale[value] ?? value ?? instance.locale;
     });
-    return instance;
+    return Object.assign(instance, {
+      createDateRange(start, stop) {
+        const diff = instance.getDiff(stop ?? start, start, 'days');
+        const datesInRange = [start];
+        for (let i = 1; i < diff; i++) {
+          const nextDate = instance.addDays(start, i);
+          datesInRange.push(nextDate);
+        }
+        if (stop) {
+          datesInRange.push(instance.endOfDay(stop));
+        }
+        return datesInRange;
+      }
+    });
   }
   function useDate() {
     const options = vue.inject(DateOptionsSymbol);
@@ -19970,12 +19983,12 @@
         'v-data-table-column--no-padding': props.noPadding,
         'v-data-table-column--nowrap': props.nowrap
       }, `v-data-table-column--align-${props.align}`]),
-      "style": vue.normalizeStyle({
+      "style": {
         height: convertToUnit(props.height),
         width: convertToUnit(props.width),
         maxWidth: convertToUnit(props.maxWidth),
         left: convertToUnit(props.fixedOffset || null)
-      })
+      }
     }, {
       default: () => [slots.default?.()]
     });
@@ -20500,9 +20513,9 @@
       });
       return () => vue.createElementVNode("tr", {
         "class": "v-data-table-group-header-row",
-        "style": vue.normalizeStyle({
+        "style": {
           '--v-data-table-group-header-row-depth': props.item.depth
-        })
+        }
       }, [columns.value.map(column => {
         if (column.key === 'data-table-group') {
           const icon = isGroupOpen(props.item) ? '$expand' : '$next';
@@ -20850,9 +20863,9 @@
       }, {
         default: () => [slots.top?.(), slots.default ? vue.createElementVNode("div", {
           "class": "v-table__wrapper",
-          "style": vue.normalizeStyle({
+          "style": {
             height: convertToUnit(props.height)
-          })
+          }
         }, [vue.createElementVNode("table", null, [slots.default()])]) : slots.wrapper?.(), slots.bottom?.()]
       }));
       return {};
@@ -21287,19 +21300,19 @@
             "onScrollPassive": handleScroll,
             "onScrollend": handleScrollend,
             "class": "v-table__wrapper",
-            "style": vue.normalizeStyle({
+            "style": {
               height: convertToUnit(props.height)
-            })
+            }
           }, [vue.createElementVNode("table", null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && vue.createElementVNode("thead", {
             "key": "thead"
           }, [vue.createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createElementVNode("tbody", {
             "key": "tbody"
           }, [vue.createElementVNode("tr", {
             "ref": markerRef,
-            "style": vue.normalizeStyle({
+            "style": {
               height: convertToUnit(paddingTop.value),
               border: 0
-            })
+            }
           }, [vue.createElementVNode("td", {
             "colspan": columns.value.length,
             "style": {
@@ -21330,10 +21343,10 @@
               }
             })
           }), slots['body.append']?.(slotProps.value), vue.createElementVNode("tr", {
-            "style": vue.normalizeStyle({
+            "style": {
               height: convertToUnit(paddingBottom.value),
               border: 0
-            })
+            }
           }, [vue.createElementVNode("td", {
             "colspan": columns.value.length,
             "style": {
@@ -21871,10 +21884,10 @@
       useRender(() => {
         // TODO: add slot support and scope defaults
         return vue.createElementVNode("div", {
-          "class": ['v-date-picker-controls'],
-          "style": vue.normalizeStyle({
+          "class": vue.normalizeClass(['v-date-picker-controls']),
+          "style": {
             '--v-date-picker-controls-height': convertToUnit(props.controlHeight)
-          })
+          }
         }, [vue.createVNode(VBtn, {
           "class": "v-date-picker-controls__month-btn",
           "data-testid": "month-btn",
@@ -22217,14 +22230,7 @@
           } else {
             rangeStop.value = adapter.endOfDay(_value);
           }
-          const diff = adapter.getDiff(rangeStop.value, rangeStart.value, 'days');
-          const datesInRange = [rangeStart.value];
-          for (let i = 1; i < diff; i++) {
-            const nextDate = adapter.addDays(rangeStart.value, i);
-            datesInRange.push(nextDate);
-          }
-          datesInRange.push(rangeStop.value);
-          model.value = datesInRange;
+          model.value = adapter.createDateRange(rangeStart.value, rangeStop.value);
         } else {
           rangeStart.value = value;
           rangeStop.value = undefined;
@@ -22259,7 +22265,7 @@
         "key": "hide-week-days",
         "class": "v-date-picker-month__day"
       }, [vue.createTextVNode("\xA0")]), weekNumbers.value.map(week => vue.createElementVNode("div", {
-        "class": ['v-date-picker-month__day', 'v-date-picker-month__day--adjacent']
+        "class": vue.normalizeClass(['v-date-picker-month__day', 'v-date-picker-month__day--adjacent'])
       }, [week]))]), vue.createVNode(MaybeTransition, {
         "name": transition.value
       }, {
@@ -22268,7 +22274,7 @@
           "key": daysInMonth.value[0].date?.toString(),
           "class": "v-date-picker-month__days"
         }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek).map(weekDay => vue.createElementVNode("div", {
-          "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
+          "class": vue.normalizeClass(['v-date-picker-month__day', 'v-date-picker-month__weekday'])
         }, [weekDay])), daysInMonth.value.map((item, i) => {
           const slotProps = {
             props: {
@@ -22356,9 +22362,9 @@
       }
       useRender(() => vue.createElementVNode("div", {
         "class": "v-date-picker-months",
-        "style": vue.normalizeStyle({
+        "style": {
           height: convertToUnit(props.height)
-        })
+        }
       }, [vue.createElementVNode("div", {
         "class": "v-date-picker-months__content"
       }, [months.value.map((month, i) => {
@@ -22458,9 +22464,9 @@
       }
       useRender(() => vue.createElementVNode("div", {
         "class": "v-date-picker-years",
-        "style": vue.normalizeStyle({
+        "style": {
           height: convertToUnit(props.height)
-        })
+        }
       }, [vue.createElementVNode("div", {
         "class": "v-date-picker-years__content"
       }, [years.value.map((year, i) => {
@@ -22904,9 +22910,9 @@
         }, [slots.title?.() ?? props.title]), hasText && vue.createElementVNode("div", {
           "key": "text",
           "class": "v-empty-state__text",
-          "style": vue.normalizeStyle({
+          "style": {
             maxWidth: convertToUnit(props.textWidth)
-          })
+          }
         }, [slots.text?.() ?? props.text]), slots.default && vue.createElementVNode("div", {
           "key": "content",
           "class": "v-empty-state__content"
@@ -23771,9 +23777,9 @@
       });
       useRender(() => vue.createElementVNode("div", {
         "class": "v-infinite-scroll-intersect",
-        "style": vue.normalizeStyle({
+        "style": {
           '--v-infinite-margin-size': props.rootMargin
-        }),
+        },
         "ref": intersectionRef
       }, [vue.createTextVNode("\xA0")]));
       return {};
@@ -25384,7 +25390,7 @@
               "aria-label": t(props.label, i + 1),
               "autofocus": i === 0 && props.autofocus,
               "autocomplete": "one-time-code",
-              "class": ['v-otp-input__field'],
+              "class": vue.normalizeClass(['v-otp-input__field']),
               "disabled": props.disabled,
               "inputmode": props.type === 'number' ? 'numeric' : 'text',
               "min": props.type === 'number' ? 0 : undefined,
@@ -29612,18 +29618,14 @@
           const parts = value.trim().split(/\D+-\D+|[^\d\-/.]+/);
           if (parts.every(isValid)) {
             if (props.multiple === 'range') {
-              model.value = getRange(parts);
+              const [start, stop] = parts.map(parseDate).toSorted((a, b) => adapter.isAfter(a, b) ? 1 : -1);
+              model.value = adapter.createDateRange(start, stop);
             } else {
               model.value = parts.map(parseDate);
             }
           }
         }
       }
-      function getRange(inputDates) {
-        const [start, stop] = inputDates.map(parseDate).toSorted((a, b) => adapter.isAfter(a, b) ? 1 : -1);
-        const diff = adapter.getDiff(stop ?? start, start, 'days');
-        return [start, ...createRange(diff, 1).map(i => adapter.addDays(start, i))];
-      }
       useRender(() => {
         const confirmEditProps = VConfirmEdit.filterProps(props);
         const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location', 'rounded']));
@@ -30500,7 +30502,7 @@
       });
       useRender(() => {
         return vue.createElementVNode("div", {
-          "class": ['v-pull-to-refresh'],
+          "class": vue.normalizeClass(['v-pull-to-refresh']),
           "onTouchstart": onTouchstart,
           "onTouchmove": onTouchmove,
           "onTouchend": onTouchend,
@@ -30513,16 +30515,16 @@
           "class": vue.normalizeClass(['v-pull-to-refresh__pull-down', {
             'v-pull-to-refresh__pull-down--touching': touching.value
           }]),
-          "style": vue.normalizeStyle({
+          "style": {
             top: convertToUnit(-1 * props.pullDownThreshold + topOffset.value),
             height: convertToUnit(props.pullDownThreshold)
-          })
+          }
         }, [slots.pullDownPanel ? slots.pullDownPanel({
           canRefresh: canRefresh.value,
           goingUp: goingUp.value,
           refreshing: refreshing.value
         }) : vue.createElementVNode("div", {
-          "class": ['v-pull-to-refresh__pull-down-default']
+          "class": vue.normalizeClass(['v-pull-to-refresh__pull-down-default'])
         }, [refreshing.value ? vue.createVNode(VProgressCircular, {
           "indeterminate": true,
           "active": false
@@ -30532,9 +30534,9 @@
           "class": vue.normalizeClass(['v-pull-to-refresh__scroll-container', {
             'v-pull-to-refresh__scroll-container--touching': touching.value
           }]),
-          "style": vue.normalizeStyle({
+          "style": {
             top: convertToUnit(topOffset.value)
-          })
+          }
         }, [slots.default?.()])]);
       });
     }
@@ -32075,7 +32077,7 @@
       };
     });
   }
-  const version$1 = "3.8.7-master.2025-05-29";
+  const version$1 = "3.8.7-master.2025-06-02";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -32373,7 +32375,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.7-master.2025-05-29";
+  const version = "3.8.7-master.2025-06-02";
 
   /* eslint-disable local-rules/sort-imports */