vuetify 3.10.8 → 3.10.10

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.8
+* Vuetify v3.10.10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -613,7 +613,8 @@
   class Box {
     constructor(args) {
       const pageScale = document.body.currentCSSZoom ?? 1;
-      const factor = args instanceof DOMRect ? 1 + (1 - pageScale) / pageScale : 1;
+      const ignoreZoom = args.top === undefined; // detect DOMRect without breaking in jsdom
+      const factor = ignoreZoom ? 1 : 1 + (1 - pageScale) / pageScale;
       const {
         x,
         y,
@@ -683,13 +684,7 @@
         });
       }
     } else {
-      const rect = el.getBoundingClientRect();
-      return new Box({
-        x: rect.x,
-        y: rect.y,
-        width: el.clientWidth,
-        height: el.clientHeight
-      });
+      return new Box(el.getBoundingClientRect());
     }
   }
 
@@ -1760,7 +1755,7 @@
       const elapsed = now - Math.max(start, lastExec);
       function invoke() {
         lastExec = Date.now();
-        timeoutId = window.setTimeout(clear, delay);
+        timeoutId = setTimeout(clear, delay);
         fn(...args);
       }
       if (!throttling) {
@@ -1771,7 +1766,7 @@
       } else if (elapsed >= delay) {
         invoke();
       } else if (options.trailing) {
-        timeoutId = window.setTimeout(invoke, delay - elapsed);
+        timeoutId = setTimeout(invoke, delay - elapsed);
       }
     };
     wrap.clear = clear;
@@ -11575,9 +11570,10 @@
     let clearDelay = () => {};
     function runDelay(isOpening, options) {
       clearDelay?.();
-      const delay = Math.max(options?.minDelay ?? 0, Number(isOpening ? props.openDelay : props.closeDelay));
+      const delay = isOpening ? props.openDelay : props.closeDelay;
+      const normalizedDelay = Math.max(options?.minDelay ?? 0, Number(delay ?? 0));
       return new Promise(resolve => {
-        clearDelay = defer(delay, () => {
+        clearDelay = defer(normalizedDelay, () => {
           cb?.(isOpening);
           resolve(isOpening);
         });
@@ -11705,7 +11701,8 @@
         };
       }
       if (openOnFocus.value) {
-        events.onFocusin = () => {
+        events.onFocusin = e => {
+          if (!e.target.matches(':focus-visible')) return;
           isFocused = true;
           runOpenDelay();
         };
@@ -13083,14 +13080,24 @@
       }
       function onInput(e) {
         const el = e.target;
-        model.value = el.value;
-        if (props.modelModifiers?.trim && ['text', 'search', 'password', 'tel', 'url'].includes(props.type)) {
-          const caretPosition = [el.selectionStart, el.selectionEnd];
-          vue.nextTick(() => {
-            el.selectionStart = caretPosition[0];
-            el.selectionEnd = caretPosition[1];
-          });
+        if (!(props.modelModifiers?.trim && ['text', 'search', 'password', 'tel', 'url'].includes(props.type))) {
+          model.value = el.value;
+          return;
         }
+        const value = el.value;
+        const start = el.selectionStart;
+        const end = el.selectionEnd;
+        model.value = value;
+        vue.nextTick(() => {
+          let offset = 0;
+          if (value.trimStart().length === el.value.length) {
+            // #22307 - Whitespace has been removed from the
+            // start, offset the caret position to compensate
+            offset = value.length - el.value.length;
+          }
+          if (start != null) el.selectionStart = start - offset;
+          if (end != null) el.selectionEnd = end - offset;
+        });
       }
       useRender(() => {
         const hasCounter = !!(slots.counter || props.counter !== false && props.counter != null);
@@ -15817,6 +15824,12 @@
         roundedClasses
       } = useRounded(props);
       const link = useLink(props, attrs);
+      const loadingColor = vue.shallowRef(undefined);
+      vue.watch(() => props.loading, (val, old) => {
+        loadingColor.value = !val && typeof old === 'string' ? old : typeof val === 'boolean' ? undefined : val;
+      }, {
+        immediate: true
+      });
       useRender(() => {
         const isLink = props.link !== false && link.isLink.value;
         const isClickable = !props.disabled && props.link !== false && (props.link || link.isClickable.value);
@@ -15859,7 +15872,7 @@
           }, slots.image)]), vue.createVNode(LoaderSlot, {
             "name": "v-card",
             "active": !!props.loading,
-            "color": typeof props.loading === 'boolean' ? undefined : props.loading
+            "color": loadingColor.value
           }, {
             default: slots.loader
           }), hasCardItem && vue.createVNode(VCardItem, {
@@ -19282,11 +19295,6 @@
     let keyGroups;
     let isSequence = false;
     let groupIndex = 0;
-    function clearTimer() {
-      if (!timeout) return;
-      clearTimeout(timeout);
-      timeout = 0;
-    }
     function isInputFocused() {
       if (vue.toValue(inputs)) return false;
       const activeElement = document.activeElement;
@@ -19294,12 +19302,12 @@
     }
     function resetSequence() {
       groupIndex = 0;
-      clearTimer();
+      clearTimeout(timeout);
     }
     function handler(e) {
       const group = keyGroups[groupIndex];
       if (!group || isInputFocused()) return;
-      if (!matchesKeyGroup(e, group)) {
+      if (!matchesKeyGroup(e, group, isMac)) {
         if (isSequence) resetSequence();
         return;
       }
@@ -19308,7 +19316,7 @@
         callback(e);
         return;
       }
-      clearTimer();
+      clearTimeout(timeout);
       groupIndex++;
       if (groupIndex === keyGroups.length) {
         callback(e);
@@ -19319,12 +19327,12 @@
     }
     function cleanup() {
       window.removeEventListener(vue.toValue(event), handler);
-      clearTimer();
+      clearTimeout(timeout);
     }
-    vue.watch(() => vue.toValue(keys), function (unrefKeys) {
+    vue.watch(() => vue.toValue(keys), newKeys => {
       cleanup();
-      if (unrefKeys) {
-        const groups = splitKeySequence(unrefKeys.toLowerCase());
+      if (newKeys) {
+        const groups = splitKeySequence(newKeys.toLowerCase());
         isSequence = groups.length > 1;
         keyGroups = groups;
         resetSequence();
@@ -19335,55 +19343,50 @@
     });
 
     // Watch for changes in the event type to re-register the listener
-    vue.watch(() => vue.toValue(event), function (newEvent, oldEvent) {
+    vue.watch(() => vue.toValue(event), (newEvent, oldEvent) => {
       if (oldEvent && keyGroups && keyGroups.length > 0) {
         window.removeEventListener(oldEvent, handler);
         window.addEventListener(newEvent, handler);
       }
     });
-    try {
-      getCurrentInstance('useHotkey');
-      vue.onBeforeUnmount(cleanup);
-    } catch {
-      // Not in Vue setup context
-    }
-    function parseKeyGroup(group) {
-      const MODIFIERS = ['ctrl', 'shift', 'alt', 'meta', 'cmd'];
+    vue.onScopeDispose(cleanup, true);
+    return cleanup;
+  }
+  function matchesKeyGroup(e, group, isMac) {
+    const {
+      modifiers,
+      actualKey
+    } = parseKeyGroup(group);
+    const expectCtrl = modifiers.ctrl || !isMac && (modifiers.cmd || modifiers.meta);
+    const expectMeta = isMac && (modifiers.cmd || modifiers.meta);
+    return e.ctrlKey === expectCtrl && e.metaKey === expectMeta && e.shiftKey === modifiers.shift && e.altKey === modifiers.alt && e.key.toLowerCase() === actualKey?.toLowerCase();
+  }
+  function parseKeyGroup(group) {
+    const MODIFIERS = ['ctrl', 'shift', 'alt', 'meta', 'cmd'];
 
-      // Use the shared combination splitting logic
-      const parts = splitKeyCombination(group.toLowerCase());
+    // Use the shared combination splitting logic
+    const parts = splitKeyCombination(group.toLowerCase());
 
-      // If the combination is invalid, return empty result
-      if (parts.length === 0) {
-        return {
-          modifiers: Object.fromEntries(MODIFIERS.map(m => [m, false])),
-          actualKey: undefined
-        };
-      }
-      const modifiers = Object.fromEntries(MODIFIERS.map(m => [m, false]));
-      let actualKey;
-      for (const part of parts) {
-        if (MODIFIERS.includes(part)) {
-          modifiers[part] = true;
-        } else {
-          actualKey = part;
-        }
-      }
+    // If the combination is invalid, return empty result
+    if (parts.length === 0) {
       return {
-        modifiers,
-        actualKey
+        modifiers: Object.fromEntries(MODIFIERS.map(m => [m, false])),
+        actualKey: undefined
       };
     }
-    function matchesKeyGroup(e, group) {
-      const {
-        modifiers,
-        actualKey
-      } = parseKeyGroup(group);
-      const expectCtrl = modifiers.ctrl || !isMac && (modifiers.cmd || modifiers.meta);
-      const expectMeta = isMac && (modifiers.cmd || modifiers.meta);
-      return e.ctrlKey === expectCtrl && e.metaKey === expectMeta && e.shiftKey === modifiers.shift && e.altKey === modifiers.alt && e.key.toLowerCase() === actualKey?.toLowerCase();
+    const modifiers = Object.fromEntries(MODIFIERS.map(m => [m, false]));
+    let actualKey;
+    for (const part of parts) {
+      if (MODIFIERS.includes(part)) {
+        modifiers[part] = true;
+      } else {
+        actualKey = part;
+      }
     }
-    return cleanup;
+    return {
+      modifiers,
+      actualKey
+    };
   }
 
   // Utilities
@@ -24004,11 +24007,15 @@
         return week.length ? adapter.getWeek(week[0], props.firstDayOfWeek, props.firstDayOfYear) : null;
       });
     });
+    const {
+      minDate,
+      maxDate
+    } = useCalendarRange(props);
     function isDisabled(value) {
       if (props.disabled) return true;
       const date = adapter.date(value);
-      if (props.min && adapter.isBefore(adapter.endOfDay(date), adapter.date(props.min))) return true;
-      if (props.max && adapter.isAfter(date, adapter.date(props.max))) return true;
+      if (minDate.value && adapter.isBefore(adapter.endOfDay(date), minDate.value)) return true;
+      if (maxDate.value && adapter.isAfter(date, maxDate.value)) return true;
       if (Array.isArray(props.allowedDates) && props.allowedDates.length > 0) {
         return !props.allowedDates.some(d => adapter.isSameDay(adapter.date(d), date));
       }
@@ -24028,6 +24035,37 @@
       weekNumbers
     };
   }
+  function useCalendarRange(props) {
+    const adapter = useDate();
+    const minDate = vue.computed(() => {
+      if (!props.min) return null;
+      const date = adapter.date(props.min);
+      return adapter.isValid(date) ? date : null;
+    });
+    const maxDate = vue.computed(() => {
+      if (!props.max) return null;
+      const date = adapter.date(props.max);
+      return adapter.isValid(date) ? date : null;
+    });
+    function clampDate(date) {
+      if (minDate.value && adapter.isBefore(date, minDate.value)) {
+        return minDate.value;
+      }
+      if (maxDate.value && adapter.isAfter(date, maxDate.value)) {
+        return maxDate.value;
+      }
+      return date;
+    }
+    function isInAllowedRange(date) {
+      return (!minDate.value || adapter.isAfter(date, minDate.value)) && (!maxDate.value || adapter.isBefore(date, maxDate.value));
+    }
+    return {
+      minDate,
+      maxDate,
+      clampDate,
+      isInAllowedRange
+    };
+  }
 
   // Types
 
@@ -24468,24 +24506,14 @@
       const viewMode = useProxiedModel(props, 'viewMode');
       // const inputMode = useProxiedModel(props, 'inputMode')
 
-      const minDate = vue.computed(() => {
-        const date = adapter.date(props.min);
-        return props.min && adapter.isValid(date) ? date : null;
-      });
-      const maxDate = vue.computed(() => {
-        const date = adapter.date(props.max);
-        return props.max && adapter.isValid(date) ? date : null;
-      });
+      const {
+        minDate,
+        maxDate,
+        clampDate
+      } = useCalendarRange(props);
       const internal = vue.computed(() => {
         const today = adapter.date();
-        let value = today;
-        if (model.value?.[0]) {
-          value = adapter.date(model.value[0]);
-        } else if (minDate.value && adapter.isBefore(today, minDate.value)) {
-          value = minDate.value;
-        } else if (maxDate.value && adapter.isAfter(today, maxDate.value)) {
-          value = maxDate.value;
-        }
+        const value = model.value?.[0] ? adapter.date(model.value[0]) : clampDate(today);
         return value && adapter.isValid(value) ? value : today;
       });
       const headerColor = vue.toRef(() => props.headerColor ?? props.color);
@@ -30272,14 +30300,24 @@
       }
       function onInput(e) {
         const el = e.target;
-        model.value = el.value;
-        if (props.modelModifiers?.trim) {
-          const caretPosition = [el.selectionStart, el.selectionEnd];
-          vue.nextTick(() => {
-            el.selectionStart = caretPosition[0];
-            el.selectionEnd = caretPosition[1];
-          });
+        if (!props.modelModifiers?.trim) {
+          model.value = el.value;
+          return;
         }
+        const value = el.value;
+        const start = el.selectionStart;
+        const end = el.selectionEnd;
+        model.value = value;
+        vue.nextTick(() => {
+          let offset = 0;
+          if (value.trimStart().length === el.value.length) {
+            // #22307 - Whitespace has been removed from the
+            // start, offset the caret position to compensate
+            offset = value.length - el.value.length;
+          }
+          if (start != null) el.selectionStart = start - offset;
+          if (end != null) el.selectionEnd = end - offset;
+        });
       }
       const sizerRef = vue.ref();
       const rows = vue.ref(Number(props.rows));
@@ -32518,7 +32556,7 @@
       };
     });
   }
-  const version$1 = "3.10.8";
+  const version$1 = "3.10.10";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -32543,7 +32581,7 @@
       ...options
     });
   };
-  const version = "3.10.8";
+  const version = "3.10.10";
   createVuetify.version = version;
 
   exports.blueprints = index;