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

package/dist/vuetify-labs.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.10.7-dev.2025-10-23
+* Vuetify v3.10.7-dev.2025-10-25
 * 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, toValue, watch, onBeforeUnmount, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, getCurrentScope, createElementVNode, normalizeStyle, normalizeClass, createVNode, TransitionGroup, Transition, mergeProps, 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, toValue, watch, onBeforeUnmount, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, getCurrentScope, createElementVNode, normalizeStyle, normalizeClass, createVNode, TransitionGroup, Transition, mergeProps, toRefs, isRef, onBeforeMount, nextTick, withDirectives, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, normalizeProps, guardReactiveProps, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -77,6 +77,19 @@ const makeComponentProps = propsFactory({
   }
 }, 'component');
 
+/* 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;
 const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window.navigator.maxTouchPoints > 0);
@@ -279,6 +292,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;
@@ -455,8 +501,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) {
@@ -469,7 +515,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');
 }
@@ -936,19 +989,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
@@ -9331,6 +9371,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: {
@@ -9361,6 +9405,7 @@ const useNested = props => {
         if (parentId != null) {
           children.value.set(parentId, [...(children.value.get(parentId) || []), id]);
         }
+        itemsUpdatePropagation();
       },
       unregister: id => {
         if (isUnmounted) return;
@@ -9373,6 +9418,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', {
@@ -10760,7 +10806,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)) {
@@ -10780,10 +10827,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
@@ -10894,19 +10948,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;
       }
 
@@ -10915,9 +10969,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;
@@ -11227,7 +11281,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();
@@ -23677,6 +23730,14 @@ const makeVDatePickerMonthProps = propsFactory({
     type: String,
     default: 'picker-reverse-transition'
   },
+  events: {
+    type: [Array, Function, Object],
+    default: () => null
+  },
+  eventColor: {
+    type: [Array, Function, Object, String],
+    default: () => null
+  },
   ...omit(makeCalendarProps(), ['displayValue'])
 }, 'VDatePickerMonth');
 const VDatePickerMonth = genericComponent()({
@@ -23776,6 +23837,49 @@ const VDatePickerMonth = genericComponent()({
         model.value = [value];
       }
     }
+    function getEventColors(date) {
+      const {
+        events,
+        eventColor
+      } = props;
+      let eventData;
+      let eventColors = [];
+      if (Array.isArray(events)) {
+        eventData = events.includes(date);
+      } else if (events instanceof Function) {
+        eventData = events(date) || false;
+      } else if (events) {
+        eventData = events[date] || false;
+      } else {
+        eventData = false;
+      }
+      if (!eventData) {
+        return [];
+      } else if (eventData !== true) {
+        eventColors = wrapInArray(eventData);
+      } else if (typeof eventColor === 'string') {
+        eventColors = [eventColor];
+      } else if (typeof eventColor === 'function') {
+        eventColors = wrapInArray(eventColor(date));
+      } else if (Array.isArray(eventColor)) {
+        eventColors = eventColor;
+      } else if (typeof eventColor === 'object' && eventColor !== null) {
+        eventColors = wrapInArray(eventColor[date]);
+      }
+
+      // Fallback to default color if no color is found
+      return !eventColors.length ? ['surface-variant'] : eventColors.filter(Boolean).map(color => typeof color === 'string' ? color : 'surface-variant');
+    }
+    function genEvents(date) {
+      const eventColors = getEventColors(date);
+      if (!eventColors.length) return null;
+      return createElementVNode("div", {
+        "class": "v-date-picker-month__events"
+      }, [eventColors.map(color => createVNode(VBadge, {
+        "dot": true,
+        "color": color
+      }, null))]);
+    }
     useRender(() => createElementVNode("div", {
       "class": "v-date-picker-month",
       "style": {
@@ -23806,7 +23910,6 @@ const VDatePickerMonth = genericComponent()({
             disabled: item.isDisabled,
             icon: true,
             ripple: false,
-            text: item.localized,
             variant: item.isSelected ? 'flat' : item.isToday ? 'outlined' : 'text',
             'aria-label': getDateAriaLabel(item),
             'aria-current': item.isToday ? 'date' : undefined,
@@ -23827,7 +23930,9 @@ const VDatePickerMonth = genericComponent()({
             'v-date-picker-month__day--week-start': item.isWeekStart
           }]),
           "data-v-date": !item.isDisabled ? item.isoDate : undefined
-        }, [(props.showAdjacentMonths || !item.isAdjacent) && (slots.day?.(slotProps) ?? createVNode(VBtn, slotProps.props, null))]);
+        }, [(props.showAdjacentMonths || !item.isAdjacent) && (slots.day?.(slotProps) ?? createVNode(VBtn, slotProps.props, {
+          default: () => [item.localized, genEvents(item.isoDate)]
+        }))]);
       })])]
     })]));
   }
@@ -38158,7 +38263,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.10.7-dev.2025-10-23";
+const version$1 = "3.10.7-dev.2025-10-25";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -38456,7 +38561,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.10.7-dev.2025-10-23";
+const version = "3.10.7-dev.2025-10-25";
 
 /* eslint-disable local-rules/sort-imports */