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

package/dist/vuetify.esm.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.
 */
@@ -1556,10 +1556,30 @@ function attachedRoot(node) {
   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) => {
@@ -1860,7 +1880,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 +2702,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'
   }
 };
 
@@ -7944,21 +7983,7 @@ function genDefaults() {
     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) {
@@ -10795,11 +10820,23 @@ function connectedLocationStrategy(data, props, contentStyles) {
     const result = updateLocation();
     if (result) flipped.push(result.flipped);
   });
-  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
+  });
+  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
+  });
+  watch(data.contentEl, (newContentEl, oldContentEl) => {
     if (oldContentEl) observer.unobserve(oldContentEl);
     if (newContentEl) observer.observe(newContentEl);
   }, {
@@ -10808,12 +10845,6 @@ function connectedLocationStrategy(data, props, contentStyles) {
   onScopeDispose(() => {
     observer.disconnect();
   });
-  let targetBox = new Box({
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0
-  });
 
   // eslint-disable-next-line max-statements
   function updateLocation() {
@@ -11105,11 +11136,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) {
@@ -11156,7 +11188,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.
@@ -11181,7 +11213,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, {
@@ -11863,6 +11896,7 @@ const VOverlay = genericComponent()({
       root,
       contentEl,
       targetEl,
+      target,
       isActive,
       updateLocation
     });
@@ -16454,6 +16488,7 @@ const makeSliderProps = propsFactory({
     validator: v => ['vertical', 'horizontal'].includes(v)
   },
   reverse: Boolean,
+  noKeyboard: Boolean,
   ...makeRoundedProps(),
   ...makeElevationProps({
     elevation: 2
@@ -16657,6 +16692,7 @@ const useSlider = _ref => {
     min,
     max,
     mousePressed,
+    noKeyboard: toRef(() => props.noKeyboard),
     numTicks,
     onSliderMousedown,
     onSliderTouchstart,
@@ -16709,6 +16745,7 @@ const makeVSliderThumbProps = propsFactory({
     default: true
   },
   name: String,
+  noKeyboard: Boolean,
   ...makeComponentProps()
 }, 'VSliderThumb');
 const VSliderThumb = genericComponent()({
@@ -16771,6 +16808,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;
@@ -17006,7 +17044,8 @@ const VSlider = genericComponent()({
       trackContainerRef,
       position,
       hasLabels,
-      readonly
+      readonly,
+      noKeyboard
     } = useSlider({
       props,
       steps,
@@ -17082,6 +17121,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,
@@ -31390,7 +31430,7 @@ function createVuetify$1() {
     };
   });
 }
-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
@@ -31415,7 +31455,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.2-master.2025-07-23";
+const version = "3.9.2-master.2025-07-25";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useRtl, useTheme, version };