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

package/dist/vuetify-labs.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.
 */
@@ -81,6 +81,19 @@
     }
   }, 'component');
 
+  /* 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);
@@ -283,6 +296,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;
@@ -459,8 +505,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) {
@@ -473,7 +519,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');
   }
@@ -940,19 +993,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
@@ -9335,6 +9375,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: {
@@ -9365,6 +9409,7 @@
           if (parentId != null) {
             children.value.set(parentId, [...(children.value.get(parentId) || []), id]);
           }
+          itemsUpdatePropagation();
         },
         unregister: id => {
           if (isUnmounted) return;
@@ -9377,6 +9422,7 @@
             children.value.set(parent, list.filter(child => child !== id));
           }
           parents.value.delete(id);
+          itemsUpdatePropagation();
         },
         open: (id, value, event) => {
           vm.emit('click:open', {
@@ -10764,7 +10810,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)) {
@@ -10784,10 +10831,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
@@ -10898,19 +10952,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;
         }
 
@@ -10919,9 +10973,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;
@@ -11231,7 +11285,6 @@
         isActive.value = !isActive.value;
       },
       onMouseenter: e => {
-        if (e.sourceCapabilities?.firesTouchEvents) return;
         isHovered = true;
         activatorEl.value = e.currentTarget || e.target;
         runOpenDelay();
@@ -38162,7 +38215,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
@@ -38460,7 +38513,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.10.7-dev.2025-10-23";
+  const version = "3.10.7-dev.2025-10-24";
 
   /* eslint-disable local-rules/sort-imports */