@vuetify/nightly 3.10.7-dev.2025-10-23 → 3.10.7-dev.2025-10-24

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.7-dev.2025-10-23
+* Vuetify v3.10.7-dev.2025-10-24
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10,6 +10,19 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Vuetify = {}, global.Vue));
 })(this, (function (exports, vue) { 'use strict';
 
+  /* eslint-disable no-console */
+
+  function consoleWarn(message) {
+    vue.warn(`Vuetify: ${message}`);
+  }
+  function consoleError(message) {
+    vue.warn(`Vuetify error: ${message}`);
+  }
+  function deprecate(original, replacement) {
+    replacement = Array.isArray(replacement) ? replacement.slice(0, -1).map(s => `'${s}'`).join(', ') + ` or '${replacement.at(-1)}'` : `'${replacement}'`;
+    vue.warn(`[Vuetify UPGRADE] '${original}' is deprecated, use ${replacement} instead.`);
+  }
+
   const IN_BROWSER = typeof window !== 'undefined';
   const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
   const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window.navigator.maxTouchPoints > 0);
@@ -212,6 +225,39 @@
     wrap.immediate = fn;
     return wrap;
   }
+  function throttle(fn, delay) {
+    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+      leading: true,
+      trailing: true
+    };
+    let timeoutId = 0;
+    let lastExec = 0;
+    let throttling = false;
+    const wrap = function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      clearTimeout(timeoutId);
+      const now = Date.now();
+      const elapsed = now - lastExec;
+      if (!throttling || elapsed >= delay) {
+        lastExec = now;
+      }
+      if (!throttling && options.leading || elapsed >= delay) {
+        window.setTimeout(() => fn(...args)); // ignore 'fn' executin errors
+      }
+      throttling = true;
+      timeoutId = window.setTimeout(() => {
+        throttling = false;
+        if (options.trailing) {
+          fn(...args);
+        }
+      }, delay);
+    };
+    wrap.clear = () => clearTimeout(timeoutId);
+    wrap.immediate = fn;
+    return wrap;
+  }
   function clamp(value) {
     let min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
@@ -388,8 +434,8 @@
     return !!(props[name] || props[`${name}Once`] || props[`${name}Capture`] || props[`${name}OnceCapture`] || props[`${name}CaptureOnce`]);
   }
   function callEvent(handler) {
-    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      args[_key2 - 1] = arguments[_key2];
+    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      args[_key3 - 1] = arguments[_key3];
     }
     if (Array.isArray(handler)) {
       for (const h of handler) {
@@ -402,7 +448,14 @@
   function focusableChildren(el) {
     let filterByTabIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const targets = ['button', '[href]', 'input:not([type="hidden"])', 'select', 'textarea', 'details:not(:has(> summary))', 'details > summary', '[tabindex]', '[contenteditable]:not([contenteditable="false"])', 'audio[controls]', 'video[controls]'].map(s => `${s}${filterByTabIndex ? ':not([tabindex="-1"])' : ''}:not([disabled], [inert])`).join(', ');
-    return [...el.querySelectorAll(targets)].filter(x => !x.closest('[inert]')) // does not have inert parent
+    let elements;
+    try {
+      elements = [...el.querySelectorAll(targets)];
+    } catch (err) {
+      consoleError(String(err));
+      return [];
+    }
+    return elements.filter(x => !x.closest('[inert]')) // does not have inert parent
     .filter(x => !!x.offsetParent || x.getClientRects().length > 0) // is rendered
     .filter(x => !x.parentElement?.closest('details:not([open])') || x.tagName === 'SUMMARY' && x.parentElement?.tagName === 'DETAILS');
   }
@@ -869,19 +922,6 @@
     return outputContrast * 100;
   }
 
-  /* eslint-disable no-console */
-
-  function consoleWarn(message) {
-    vue.warn(`Vuetify: ${message}`);
-  }
-  function consoleError(message) {
-    vue.warn(`Vuetify error: ${message}`);
-  }
-  function deprecate(original, replacement) {
-    replacement = Array.isArray(replacement) ? replacement.slice(0, -1).map(s => `'${s}'`).join(', ') + ` or '${replacement.at(-1)}'` : `'${replacement}'`;
-    vue.warn(`[Vuetify UPGRADE] '${original}' is deprecated, use ${replacement} instead.`);
-  }
-
   // Types
 
   const delta = 0.20689655172413793; // 6÷29
@@ -9659,6 +9699,10 @@
     }
     const vm = getCurrentInstance('nested');
     const nodeIds = new Set();
+    const itemsUpdatePropagation = throttle(() => {
+      children.value = new Map(children.value);
+      parents.value = new Map(parents.value);
+    }, 100);
     const nested = {
       id: vue.shallowRef(),
       root: {
@@ -9689,6 +9733,7 @@
           if (parentId != null) {
             children.value.set(parentId, [...(children.value.get(parentId) || []), id]);
           }
+          itemsUpdatePropagation();
         },
         unregister: id => {
           if (isUnmounted) return;
@@ -9701,6 +9746,7 @@
             children.value.set(parent, list.filter(child => child !== id));
           }
           parents.value.delete(id);
+          itemsUpdatePropagation();
         },
         open: (id, value, event) => {
           vm.emit('click:open', {
@@ -11088,7 +11134,8 @@
 
       const contentBox = getIntrinsicSize(data.contentEl.value, data.isRtl.value);
       const scrollParents = getScrollParents(data.contentEl.value);
-      const viewportMargin = 12;
+      const viewportMargin = props.stickToTarget ? 0 : 12; // TOOD: prop.viewportMargin
+
       if (!scrollParents.length) {
         scrollParents.push(document.documentElement);
         if (!(data.contentEl.value.style.top && data.contentEl.value.style.left)) {
@@ -11108,10 +11155,17 @@
         }
         return scrollBox;
       }, undefined);
-      viewport.x += viewportMargin;
-      viewport.y += viewportMargin;
-      viewport.width -= viewportMargin * 2;
-      viewport.height -= viewportMargin * 2;
+      if (props.stickToTarget) {
+        viewport.x += Math.min(0, targetBox.x);
+        viewport.y += Math.min(0, targetBox.y);
+        viewport.width = Math.max(viewport.width, targetBox.x + targetBox.width);
+        viewport.height = Math.max(viewport.height, targetBox.y + targetBox.height);
+      } else {
+        viewport.x += viewportMargin;
+        viewport.y += viewportMargin;
+        viewport.width -= viewportMargin * 2;
+        viewport.height -= viewportMargin * 2;
+      }
       let placement = {
         anchor: preferredAnchor.value,
         origin: preferredOrigin.value
@@ -11222,19 +11276,19 @@
 
         // shift
         if (overflows.x.before) {
-          if (!props.stickToTarget) x += overflows.x.before;
+          x += overflows.x.before;
           contentBox.x += overflows.x.before;
         }
         if (overflows.x.after) {
-          if (!props.stickToTarget) x -= overflows.x.after;
+          x -= overflows.x.after;
           contentBox.x -= overflows.x.after;
         }
         if (overflows.y.before) {
-          if (!props.stickToTarget) y += overflows.y.before;
+          y += overflows.y.before;
           contentBox.y += overflows.y.before;
         }
         if (overflows.y.after) {
-          if (!props.stickToTarget) y -= overflows.y.after;
+          y -= overflows.y.after;
           contentBox.y -= overflows.y.after;
         }
 
@@ -11243,9 +11297,9 @@
           const overflows = getOverflow(contentBox, viewport);
           available.x = viewport.width - overflows.x.before - overflows.x.after;
           available.y = viewport.height - overflows.y.before - overflows.y.after;
-          if (!props.stickToTarget) x += overflows.x.before;
+          x += overflows.x.before;
           contentBox.x += overflows.x.before;
-          if (!props.stickToTarget) y += overflows.y.before;
+          y += overflows.y.before;
           contentBox.y += overflows.y.before;
         }
         break;
@@ -11555,7 +11609,6 @@
         isActive.value = !isActive.value;
       },
       onMouseenter: e => {
-        if (e.sourceCapabilities?.firesTouchEvents) return;
         isHovered = true;
         activatorEl.value = e.currentTarget || e.target;
         runOpenDelay();
@@ -32527,7 +32580,7 @@
       };
     });
   }
-  const version$1 = "3.10.7-dev.2025-10-23";
+  const version$1 = "3.10.7-dev.2025-10-24";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -32552,7 +32605,7 @@
       ...options
     });
   };
-  const version = "3.10.7-dev.2025-10-23";
+  const version = "3.10.7-dev.2025-10-24";
   createVuetify.version = version;
 
   exports.blueprints = index;