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

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* 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.
 */
@@ -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();
@@ -23681,6 +23734,14 @@
       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()({
@@ -23780,6 +23841,49 @@
           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 vue.createElementVNode("div", {
+          "class": "v-date-picker-month__events"
+        }, [eventColors.map(color => vue.createVNode(VBadge, {
+          "dot": true,
+          "color": color
+        }, null))]);
+      }
       useRender(() => vue.createElementVNode("div", {
         "class": "v-date-picker-month",
         "style": {
@@ -23810,7 +23914,6 @@
               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,
@@ -23831,7 +23934,9 @@
               'v-date-picker-month__day--week-start': item.isWeekStart
             }]),
             "data-v-date": !item.isDisabled ? item.isoDate : undefined
-          }, [(props.showAdjacentMonths || !item.isAdjacent) && (slots.day?.(slotProps) ?? vue.createVNode(VBtn, slotProps.props, null))]);
+          }, [(props.showAdjacentMonths || !item.isAdjacent) && (slots.day?.(slotProps) ?? vue.createVNode(VBtn, slotProps.props, {
+            default: () => [item.localized, genEvents(item.isoDate)]
+          }))]);
         })])]
       })]));
     }
@@ -38162,7 +38267,7 @@
       };
     });
   }
-  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
@@ -38460,7 +38565,7 @@
 
   /* 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 */