@vuetify/nightly 3.9.2-master.2025-07-23 → 3.9.2-master.2025-07-25

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.2-master.2025-07-23
+* Vuetify v3.9.2-master.2025-07-25
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1560,10 +1560,30 @@
     return root;
   }
 
+  // Utilities
+
+  // Types
+
   const standardEasing = 'cubic-bezier(0.4, 0, 0.2, 1)';
   const deceleratedEasing = 'cubic-bezier(0.0, 0, 0.2, 1)'; // Entering
   const acceleratedEasing = 'cubic-bezier(0.4, 0, 1, 1)'; // Leaving
 
+  const easingPatterns = {
+    linear: t => t,
+    easeInQuad: t => t ** 2,
+    easeOutQuad: t => t * (2 - t),
+    easeInOutQuad: t => t < 0.5 ? 2 * t ** 2 : -1 + (4 - 2 * t) * t,
+    easeInCubic: t => t ** 3,
+    easeOutCubic: t => --t ** 3 + 1,
+    easeInOutCubic: t => t < 0.5 ? 4 * t ** 3 : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1,
+    easeInQuart: t => t ** 4,
+    easeOutQuart: t => 1 - --t ** 4,
+    easeInOutQuart: t => t < 0.5 ? 8 * t ** 4 : 1 - 8 * --t ** 4,
+    easeInQuint: t => t ** 5,
+    easeOutQuint: t => 1 + --t ** 5,
+    easeInOutQuint: t => t < 0.5 ? 16 * t ** 5 : 1 + 16 * --t ** 5
+  };
+
   // Utilities
   function getPrefixedEventHandlers(attrs, suffix, getData) {
     return Object.keys(attrs).filter(key => isOn(key) && key.endsWith(suffix)).reduce((acc, key) => {
@@ -1864,7 +1884,15 @@
     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 (?)
@@ -2678,6 +2706,17 @@
       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'
     }
   };
 
@@ -7948,21 +7987,7 @@
       layout: false,
       offset: 0,
       easing: 'easeInOutCubic',
-      patterns: {
-        linear: t => t,
-        easeInQuad: t => t ** 2,
-        easeOutQuad: t => t * (2 - t),
-        easeInOutQuad: t => t < 0.5 ? 2 * t ** 2 : -1 + (4 - 2 * t) * t,
-        easeInCubic: t => t ** 3,
-        easeOutCubic: t => --t ** 3 + 1,
-        easeInOutCubic: t => t < 0.5 ? 4 * t ** 3 : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1,
-        easeInQuart: t => t ** 4,
-        easeOutQuart: t => 1 - --t ** 4,
-        easeInOutQuart: t => t < 0.5 ? 8 * t ** 4 : 1 - 8 * --t ** 4,
-        easeInQuint: t => t ** 5,
-        easeOutQuint: t => 1 + --t ** 5,
-        easeInOutQuint: t => t < 0.5 ? 16 * t ** 5 : 1 + 16 * --t ** 5
-      }
+      patterns: easingPatterns
     };
   }
   function getContainer(el) {
@@ -10799,11 +10824,23 @@
       const result = updateLocation();
       if (result) flipped.push(result.flipped);
     });
-    vue.watch([data.target, data.contentEl], (_ref, _ref2) => {
-      let [newTarget, newContentEl] = _ref;
-      let [oldTarget, oldContentEl] = _ref2;
+    let targetBox = new Box({
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    });
+    vue.watch(data.target, (newTarget, oldTarget) => {
       if (oldTarget && !Array.isArray(oldTarget)) observer.unobserve(oldTarget);
-      if (newTarget && !Array.isArray(newTarget)) observer.observe(newTarget);
+      if (!Array.isArray(newTarget)) {
+        if (newTarget) observer.observe(newTarget);
+      } else if (!deepEqual(newTarget, oldTarget)) {
+        updateLocation();
+      }
+    }, {
+      immediate: true
+    });
+    vue.watch(data.contentEl, (newContentEl, oldContentEl) => {
       if (oldContentEl) observer.unobserve(oldContentEl);
       if (newContentEl) observer.observe(newContentEl);
     }, {
@@ -10812,12 +10849,6 @@
     vue.onScopeDispose(() => {
       observer.disconnect();
     });
-    let targetBox = new Box({
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
-    });
 
     // eslint-disable-next-line max-statements
     function updateLocation() {
@@ -11109,11 +11140,12 @@
     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) {
@@ -11160,7 +11192,7 @@
     }
     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.
@@ -11185,7 +11217,8 @@
   }
 
   /** @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, {
@@ -11867,6 +11900,7 @@
         root,
         contentEl,
         targetEl,
+        target,
         isActive,
         updateLocation
       });
@@ -16458,6 +16492,7 @@
       validator: v => ['vertical', 'horizontal'].includes(v)
     },
     reverse: Boolean,
+    noKeyboard: Boolean,
     ...makeRoundedProps(),
     ...makeElevationProps({
       elevation: 2
@@ -16661,6 +16696,7 @@
       min,
       max,
       mousePressed,
+      noKeyboard: vue.toRef(() => props.noKeyboard),
       numTicks,
       onSliderMousedown,
       onSliderTouchstart,
@@ -16713,6 +16749,7 @@
       default: true
     },
     name: String,
+    noKeyboard: Boolean,
     ...makeComponentProps()
   }, 'VSliderThumb');
   const VSliderThumb = genericComponent()({
@@ -16775,6 +16812,7 @@
         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;
@@ -17010,7 +17048,8 @@
         trackContainerRef,
         position,
         hasLabels,
-        readonly
+        readonly,
+        noKeyboard
       } = useSlider({
         props,
         steps,
@@ -17086,6 +17125,7 @@
               "ref": thumbContainerRef,
               "aria-describedby": messagesId.value,
               "focused": isFocused.value,
+              "noKeyboard": noKeyboard.value,
               "min": min.value,
               "max": max.value,
               "modelValue": model.value,
@@ -31394,7 +31434,7 @@
       };
     });
   }
-  const version$1 = "3.9.2-master.2025-07-23";
+  const version$1 = "3.9.2-master.2025-07-25";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31419,7 +31459,7 @@
       ...options
     });
   };
-  const version = "3.9.2-master.2025-07-23";
+  const version = "3.9.2-master.2025-07-25";
   createVuetify.version = version;
 
   exports.blueprints = index;