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

package/dist/vuetify.d.ts

@@ -106111,41 +106111,40 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VApp: VApp
+    VAvatar: VAvatar
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
+    VBadge: VBadge
+    VBottomSheet: VBottomSheet
+    VAutocomplete: VAutocomplete
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VAvatar: VAvatar
-    VBottomSheet: VBottomSheet
-    VBadge: VBadge
+    VBtn: VBtn
+    VBtnToggle: VBtnToggle
     VBottomNavigation: VBottomNavigation
-    VAutocomplete: VAutocomplete
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
     VBtnGroup: VBtnGroup
-    VBtnToggle: VBtnToggle
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtn: VBtn
-    VCombobox: VCombobox
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VChip: VChip
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
     VCode: VCode
     VChipGroup: VChipGroup
-    VCounter: VCounter
+    VCombobox: VCombobox
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
@@ -106160,7 +106159,8 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VEmptyState: VEmptyState
+    VFab: VFab
+    VCounter: VCounter
     VDivider: VDivider
     VDialog: VDialog
     VExpansionPanels: VExpansionPanels
@@ -106168,22 +106168,21 @@ declare module 'vue' {
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
     VFileInput: VFileInput
+    VEmptyState: VEmptyState
     VField: VField
     VFieldLabel: VFieldLabel
-    VFab: VFab
-    VImg: VImg
     VFooter: VFooter
-    VInfiniteScroll: VInfiniteScroll
+    VInput: VInput
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInput: VInput
-    VLabel: VLabel
-    VKbd: VKbd
+    VImg: VImg
+    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
+    VLabel: VLabel
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -106193,22 +106192,26 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMain: VMain
-    VNavigationDrawer: VNavigationDrawer
     VMenu: VMenu
-    VOtpInput: VOtpInput
+    VKbd: VKbd
+    VNavigationDrawer: VNavigationDrawer
+    VMain: VMain
     VMessages: VMessages
     VNumberInput: VNumberInput
-    VPagination: VPagination
-    VProgressLinear: VProgressLinear
     VOverlay: VOverlay
-    VProgressCircular: VProgressCircular
+    VOtpInput: VOtpInput
+    VProgressLinear: VProgressLinear
     VRating: VRating
+    VPagination: VPagination
+    VProgressCircular: VProgressCircular
     VRadioGroup: VRadioGroup
-    VSelectionControlGroup: VSelectionControlGroup
-    VSelectionControl: VSelectionControl
     VSelect: VSelect
+    VSelectionControl: VSelectionControl
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
+    VSkeletonLoader: VSkeletonLoader
     VSheet: VSheet
+    VSelectionControlGroup: VSelectionControlGroup
     VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
@@ -106216,28 +106219,25 @@ declare module 'vue' {
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSkeletonLoader: VSkeletonLoader
-    VSnackbar: VSnackbar
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
     VSwitch: VSwitch
-    VTextarea: VTextarea
+    VSystemBar: VSystemBar
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VSystemBar: VSystemBar
-    VTable: VTable
+    VSnackbar: VSnackbar
+    VTextarea: VTextarea
     VTextField: VTextField
+    VTable: VTable
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VTooltip: VTooltip
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
@@ -106246,19 +106246,19 @@ declare module 'vue' {
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
+    VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
-    VForm: VForm
-    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
+    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
-    VRadio: VRadio
     VParallax: VParallax
+    VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
@@ -106283,26 +106283,26 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VIconBtn: VIconBtn
     VCalendar: VCalendar
-    VColorInput: VColorInput
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
+    VColorInput: VColorInput
+    VHotkey: VHotkey
     VVideo: VVideo
     VVideoControls: VVideoControls
     VVideoVolume: VVideoVolume
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VHotkey: VHotkey
-    VIconBtn: VIconBtn
     VDateInput: VDateInput
-    VPullToRefresh: VPullToRefresh
     VMaskInput: VMaskInput
+    VPullToRefresh: VPullToRefresh
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/dist/vuetify.esm.js

@@ -1,10 +1,23 @@
 /*!
-* 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.
 */
 
-import { shallowRef, reactive, watchEffect, toRef, capitalize, unref, Fragment, camelize, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject as inject$1, defineComponent as defineComponent$1, h, createVNode, mergeProps, createElementVNode, normalizeClass, toValue, onBeforeUnmount, watch, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, getCurrentScope, normalizeStyle, TransitionGroup, Transition, toRefs, isRef, onBeforeMount, nextTick, withDirectives, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, normalizeProps, guardReactiveProps, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
+import { warn, shallowRef, reactive, watchEffect, toRef, capitalize, unref, Fragment, camelize, isVNode, Comment, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject as inject$1, defineComponent as defineComponent$1, h, createVNode, mergeProps, createElementVNode, normalizeClass, toValue, onBeforeUnmount, watch, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, getCurrentScope, normalizeStyle, TransitionGroup, Transition, toRefs, isRef, onBeforeMount, nextTick, withDirectives, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, normalizeProps, guardReactiveProps, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
+
+/* eslint-disable no-console */
+
+function consoleWarn(message) {
+  warn(`Vuetify: ${message}`);
+}
+function consoleError(message) {
+  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}'`;
+  warn(`[Vuetify UPGRADE] '${original}' is deprecated, use ${replacement} instead.`);
+}
 
 const IN_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
@@ -208,6 +221,39 @@ function debounce(fn, delay) {
   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;
@@ -384,8 +430,8 @@ function hasEvent(props, name) {
   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) {
@@ -398,7 +444,14 @@ function callEvent(handler) {
 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');
 }
@@ -865,19 +918,6 @@ function APCAcontrast(text, background) {
   return outputContrast * 100;
 }
 
-/* eslint-disable no-console */
-
-function consoleWarn(message) {
-  warn(`Vuetify: ${message}`);
-}
-function consoleError(message) {
-  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}'`;
-  warn(`[Vuetify UPGRADE] '${original}' is deprecated, use ${replacement} instead.`);
-}
-
 // Types
 
 const delta = 0.20689655172413793; // 6÷29
@@ -9655,6 +9695,10 @@ const useNested = props => {
   }
   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: shallowRef(),
     root: {
@@ -9685,6 +9729,7 @@ const useNested = props => {
         if (parentId != null) {
           children.value.set(parentId, [...(children.value.get(parentId) || []), id]);
         }
+        itemsUpdatePropagation();
       },
       unregister: id => {
         if (isUnmounted) return;
@@ -9697,6 +9742,7 @@ const useNested = props => {
           children.value.set(parent, list.filter(child => child !== id));
         }
         parents.value.delete(id);
+        itemsUpdatePropagation();
       },
       open: (id, value, event) => {
         vm.emit('click:open', {
@@ -11084,7 +11130,8 @@ function connectedLocationStrategy(data, props, contentStyles) {
 
     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)) {
@@ -11104,10 +11151,17 @@ function connectedLocationStrategy(data, props, contentStyles) {
       }
       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
@@ -11218,19 +11272,19 @@ function connectedLocationStrategy(data, props, contentStyles) {
 
       // 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;
       }
 
@@ -11239,9 +11293,9 @@ function connectedLocationStrategy(data, props, contentStyles) {
         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;
@@ -11551,7 +11605,6 @@ function useActivator(props, _ref) {
       isActive.value = !isActive.value;
     },
     onMouseenter: e => {
-      if (e.sourceCapabilities?.firesTouchEvents) return;
       isHovered = true;
       activatorEl.value = e.currentTarget || e.target;
       runOpenDelay();
@@ -32523,7 +32576,7 @@ function createVuetify$1() {
     };
   });
 }
-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
@@ -32548,7 +32601,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.10.7-dev.2025-10-23";
+const version = "3.10.7-dev.2025-10-24";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useMask, useRtl, useTheme, version };