@vuetify/nightly 3.9.2-master.2025-07-22 → 3.9.2-master.2025-07-24

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.2-master.2025-07-22
+* Vuetify v3.9.2-master.2025-07-24
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1860,7 +1860,15 @@ const aliases = {
   arrowdown: 'mdi-arrow-down',
   arrowleft: 'mdi-arrow-left',
   arrowright: 'mdi-arrow-right',
-  backspace: 'mdi-backspace'
+  backspace: 'mdi-backspace',
+  play: 'mdi-play',
+  pause: 'mdi-pause',
+  fullscreen: 'mdi-fullscreen',
+  fullscreenExit: 'mdi-fullscreen-exit',
+  volumeHigh: 'mdi-volume-high',
+  volumeMedium: 'mdi-volume-medium',
+  volumeLow: 'mdi-volume-low',
+  volumeOff: 'mdi-volume-variant-off'
 };
 const mdi = {
   // Not using mergeProps here, functional components merge props by default (?)
@@ -2674,6 +2682,17 @@ var en = {
     option: 'Option',
     plus: 'plus',
     shortcut: 'Keyboard shortcut: {0}'
+  },
+  video: {
+    play: 'Play',
+    pause: 'Pause',
+    seek: 'Seek',
+    volume: 'Volume',
+    showVolume: 'Show volume control',
+    mute: 'Mute',
+    unmute: 'Unmute',
+    enterFullscreen: 'Full screen',
+    exitFullscreen: 'Exit full screen'
   }
 };
 
@@ -5554,7 +5573,8 @@ const VProgressLinear = genericComponent()({
         'v-progress-linear--reverse': isReversed.value,
         'v-progress-linear--rounded': props.rounded,
         'v-progress-linear--rounded-bar': props.roundedBar,
-        'v-progress-linear--striped': props.striped
+        'v-progress-linear--striped': props.striped,
+        'v-progress-linear--clickable': props.clickable
       }, roundedClasses.value, themeClasses.value, rtlClasses.value, props.class]),
       "style": normalizeStyle([{
         bottom: props.location === 'bottom' ? 0 : undefined,
@@ -11104,11 +11124,12 @@ function closeScrollStrategy(data) {
   function onScroll(e) {
     data.isActive.value = false;
   }
-  bindScroll(data.targetEl.value ?? data.contentEl.value, onScroll);
+  bindScroll(data.target.value ?? data.contentEl.value, onScroll);
 }
 function blockScrollStrategy(data, props) {
   const offsetParent = data.root.value?.offsetParent;
-  const scrollElements = [...new Set([...getScrollParents(data.targetEl.value, props.contained ? offsetParent : undefined), ...getScrollParents(data.contentEl.value, props.contained ? offsetParent : undefined)])].filter(el => !el.classList.contains('v-overlay-scroll-blocked'));
+  const target = Array.isArray(data.target.value) ? document.elementFromPoint(...data.target.value) : data.target.value;
+  const scrollElements = [...new Set([...getScrollParents(target, props.contained ? offsetParent : undefined), ...getScrollParents(data.contentEl.value, props.contained ? offsetParent : undefined)])].filter(el => !el.classList.contains('v-overlay-scroll-blocked'));
   const scrollbarWidth = window.innerWidth - document.documentElement.offsetWidth;
   const scrollableParent = (el => hasScrollbar(el) && el)(offsetParent || document.documentElement);
   if (scrollableParent) {
@@ -11155,7 +11176,7 @@ function repositionScrollStrategy(data, props, scope) {
   }
   ric = (typeof requestIdleCallback === 'undefined' ? cb => cb() : requestIdleCallback)(() => {
     scope.run(() => {
-      bindScroll(data.targetEl.value ?? data.contentEl.value, e => {
+      bindScroll(data.target.value ?? data.contentEl.value, e => {
         if (slow) {
           // If the position calculation is slow,
           // defer updates until scrolling is finished.
@@ -11180,7 +11201,8 @@ function repositionScrollStrategy(data, props, scope) {
 }
 
 /** @private */
-function bindScroll(el, onScroll) {
+function bindScroll(target, onScroll) {
+  const el = Array.isArray(target) ? document.elementFromPoint(...target) : target;
   const scrollElements = [document, ...getScrollParents(el)];
   scrollElements.forEach(el => {
     el.addEventListener('scroll', onScroll, {
@@ -11862,6 +11884,7 @@ const VOverlay = genericComponent()({
       root,
       contentEl,
       targetEl,
+      target,
       isActive,
       updateLocation
     });
@@ -12639,7 +12662,7 @@ const VTextField = genericComponent()({
       if (!isFocused.value) focus();
       nextTick(() => {
         if (inputRef.value !== document.activeElement) {
-          nextTick(() => inputRef.value?.focus());
+          inputRef.value?.focus();
         }
       });
     }
@@ -12742,7 +12765,7 @@ const VTextField = genericComponent()({
                 "placeholder": props.placeholder,
                 "size": 1,
                 "type": props.type,
-                "onFocus": onFocus,
+                "onFocus": focus,
                 "onBlur": blur
               }, slotProps, inputAttrs), null), [[Intersect, {
                 handler: onIntersect
@@ -16453,6 +16476,7 @@ const makeSliderProps = propsFactory({
     validator: v => ['vertical', 'horizontal'].includes(v)
   },
   reverse: Boolean,
+  noKeyboard: Boolean,
   ...makeRoundedProps(),
   ...makeElevationProps({
     elevation: 2
@@ -16656,6 +16680,7 @@ const useSlider = _ref => {
     min,
     max,
     mousePressed,
+    noKeyboard: toRef(() => props.noKeyboard),
     numTicks,
     onSliderMousedown,
     onSliderTouchstart,
@@ -16708,6 +16733,7 @@ const makeVSliderThumbProps = propsFactory({
     default: true
   },
   name: String,
+  noKeyboard: Boolean,
   ...makeComponentProps()
 }, 'VSliderThumb');
 const VSliderThumb = genericComponent()({
@@ -16770,6 +16796,7 @@ const VSliderThumb = genericComponent()({
       if (step.value) return [1, 2, 3];else return [1, 5, 10];
     });
     function parseKeydown(e, value) {
+      if (props.noKeyboard) return;
       if (!relevantKeys.includes(e.key)) return;
       e.preventDefault();
       const _step = step.value || 0.1;
@@ -17005,7 +17032,8 @@ const VSlider = genericComponent()({
       trackContainerRef,
       position,
       hasLabels,
-      readonly
+      readonly,
+      noKeyboard
     } = useSlider({
       props,
       steps,
@@ -17081,6 +17109,7 @@ const VSlider = genericComponent()({
             "ref": thumbContainerRef,
             "aria-describedby": messagesId.value,
             "focused": isFocused.value,
+            "noKeyboard": noKeyboard.value,
             "min": min.value,
             "max": max.value,
             "modelValue": model.value,
@@ -17799,7 +17828,13 @@ function getWeekArray(date, locale, firstDayOfWeek) {
   return weeks;
 }
 function startOfWeek(date, locale, firstDayOfWeek) {
-  const day = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
+  let day = (firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0) % 7;
+
+  // prevent infinite loop
+  if (![0, 1, 2, 3, 4, 5, 6].includes(day)) {
+    consoleWarn('Invalid firstDayOfWeek, expected discrete number in range [0-6]');
+    day = 0;
+  }
   const d = new Date(date);
   while (d.getDay() !== day) {
     d.setDate(d.getDate() - 1);
@@ -21417,7 +21452,6 @@ const VDataTableHeaders = genericComponent()({
           "appendIcon": appendIcon.value,
           "onClick:append": () => selectAll(!allSelected.value)
         }, {
-          ...slots,
           chip: props => createVNode(VChip, {
             "onClick": props.item.raw?.sortable ? () => toggleSort(props.item.raw) : undefined,
             "onMousedown": e => {
@@ -30537,6 +30571,7 @@ const VTreeviewItem = genericComponent()({
 // Types
 
 const makeVTreeviewChildrenProps = propsFactory({
+  fluid: Boolean,
   disabled: Boolean,
   loadChildren: Function,
   loadingIcon: {
@@ -30618,7 +30653,7 @@ const VTreeviewChildren = genericComponent()({
         depth,
         isLast,
         isLastGroup: props.isLastGroup,
-        leafLinks: !props.hideActions,
+        leafLinks: !props.hideActions && !props.fluid,
         separateRoots: props.separateRoots,
         parentIndentLines: props.parentIndentLines,
         variant: props.indentLinesVariant
@@ -30735,7 +30770,6 @@ function flatten(items) {
   return flat;
 }
 const makeVTreeviewProps = propsFactory({
-  fluid: Boolean,
   openAll: Boolean,
   indentLines: [Boolean, String],
   search: String,
@@ -31384,7 +31418,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.2-master.2025-07-22";
+const version$1 = "3.9.2-master.2025-07-24";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31409,7 +31443,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.2-master.2025-07-22";
+const version = "3.9.2-master.2025-07-24";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useRtl, useTheme, version };