vuetify 3.10.8 → 3.10.10

package/dist/vuetify.d.ts

@@ -105770,24 +105770,26 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VAutocomplete: VAutocomplete
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
+    VApp: VApp
     VBadge: VBadge
-    VAvatar: VAvatar
     VBottomSheet: VBottomSheet
-    VBtn: VBtn
+    VAutocomplete: VAutocomplete
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VBottomNavigation: VBottomNavigation
+    VAvatar: VAvatar
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBottomNavigation: VBottomNavigation
+    VBtnGroup: VBtnGroup
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
+    VBtn: VBtn
+    VCode: VCode
     VBtnToggle: VBtnToggle
     VCard: VCard
     VCardActions: VCardActions
@@ -105797,11 +105799,13 @@ declare module 'vue' {
     VCardTitle: VCardTitle
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
+    VChip: VChip
     VChipGroup: VChipGroup
-    VBtnGroup: VBtnGroup
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VChip: VChip
+    VCombobox: VCombobox
+    VFab: VFab
+    VCounter: VCounter
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -105810,40 +105814,40 @@ declare module 'vue' {
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
     VColorPicker: VColorPicker
-    VCombobox: VCombobox
-    VCounter: VCounter
-    VCode: VCode
+    VDialog: VDialog
+    VDivider: VDivider
+    VFooter: VFooter
+    VExpansionPanels: VExpansionPanels
+    VExpansionPanel: VExpansionPanel
+    VExpansionPanelText: VExpansionPanelText
+    VExpansionPanelTitle: VExpansionPanelTitle
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VDialog: VDialog
-    VEmptyState: VEmptyState
     VField: VField
     VFieldLabel: VFieldLabel
-    VDivider: VDivider
-    VExpansionPanels: VExpansionPanels
-    VExpansionPanel: VExpansionPanel
-    VExpansionPanelText: VExpansionPanelText
-    VExpansionPanelTitle: VExpansionPanelTitle
-    VFooter: VFooter
-    VFab: VFab
+    VEmptyState: VEmptyState
     VFileInput: VFileInput
+    VImg: VImg
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VImg: VImg
-    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
     VKbd: VKbd
+    VLabel: VLabel
+    VInfiniteScroll: VInfiniteScroll
+    VMain: VMain
     VInput: VInput
+    VMenu: VMenu
     VNavigationDrawer: VNavigationDrawer
-    VLabel: VLabel
+    VOverlay: VOverlay
+    VMessages: VMessages
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -105853,28 +105857,22 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMenu: VMenu
-    VNumberInput: VNumberInput
-    VMessages: VMessages
     VOtpInput: VOtpInput
-    VMain: VMain
+    VNumberInput: VNumberInput
     VPagination: VPagination
-    VProgressLinear: VProgressLinear
-    VOverlay: VOverlay
-    VRadioGroup: VRadioGroup
-    VRating: VRating
     VProgressCircular: VProgressCircular
-    VSelectionControlGroup: VSelectionControlGroup
+    VRadioGroup: VRadioGroup
+    VProgressLinear: VProgressLinear
     VSelect: VSelect
+    VRating: VRating
     VSelectionControl: VSelectionControl
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
+    VSelectionControlGroup: VSelectionControlGroup
+    VSheet: VSheet
     VSlider: VSlider
     VSkeletonLoader: VSkeletonLoader
-    VSheet: VSheet
     VSnackbar: VSnackbar
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
-    VSystemBar: VSystemBar
-    VSwitch: VSwitch
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
@@ -105885,46 +105883,49 @@ declare module 'vue' {
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
+    VSwitch: VSwitch
+    VSystemBar: VSystemBar
     VTable: VTable
     VTextarea: VTextarea
-    VTextField: VTextField
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
+    VTextField: VTextField
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
+    VTooltip: VTooltip
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VTooltip: VTooltip
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
     VWindow: VWindow
     VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
-    VHover: VHover
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
+    VHover: VHover
+    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSparkline: VSparkline
     VSnackbarQueue: VSnackbarQueue
+    VSparkline: VSparkline
     VSpeedDial: VSpeedDial
-    VValidation: VValidation
     VThemeProvider: VThemeProvider
+    VVirtualScroll: VVirtualScroll
+    VValidation: VValidation
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -105941,21 +105942,20 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VVirtualScroll: VVirtualScroll
     VCalendar: VCalendar
+    VIconBtn: VIconBtn
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VColorInput: VColorInput
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
+    VColorInput: VColorInput
+    VHotkey: VHotkey
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
-    VIconBtn: VIconBtn
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VHotkey: VHotkey
     VVideo: VVideo
     VVideoControls: VVideoControls
     VVideoVolume: VVideoVolume

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.8
+* Vuetify v3.10.10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -609,7 +609,8 @@ function getAxis(anchor) {
 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,
@@ -679,13 +680,7 @@ function getElementBox(el) {
       });
     }
   } 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());
   }
 }
 
@@ -1756,7 +1751,7 @@ function throttle(fn, delay) {
     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) {
@@ -1767,7 +1762,7 @@ function throttle(fn, delay) {
     } else if (elapsed >= delay) {
       invoke();
     } else if (options.trailing) {
-      timeoutId = window.setTimeout(invoke, delay - elapsed);
+      timeoutId = setTimeout(invoke, delay - elapsed);
     }
   };
   wrap.clear = clear;
@@ -11571,9 +11566,10 @@ function useDelay(props, cb) {
   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);
       });
@@ -11701,7 +11697,8 @@ function useActivator(props, _ref) {
       };
     }
     if (openOnFocus.value) {
-      events.onFocusin = () => {
+      events.onFocusin = e => {
+        if (!e.target.matches(':focus-visible')) return;
         isFocused = true;
         runOpenDelay();
       };
@@ -13079,14 +13076,24 @@ const VTextField = genericComponent()({
     }
     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];
-        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;
+      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);
@@ -15813,6 +15820,12 @@ const VCard = genericComponent()({
       roundedClasses
     } = useRounded(props);
     const link = useLink(props, attrs);
+    const loadingColor = shallowRef(undefined);
+    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);
@@ -15855,7 +15868,7 @@ const VCard = genericComponent()({
         }, slots.image)]), createVNode(LoaderSlot, {
           "name": "v-card",
           "active": !!props.loading,
-          "color": typeof props.loading === 'boolean' ? undefined : props.loading
+          "color": loadingColor.value
         }, {
           default: slots.loader
         }), hasCardItem && createVNode(VCardItem, {
@@ -19278,11 +19291,6 @@ function useHotkey(keys, callback) {
   let keyGroups;
   let isSequence = false;
   let groupIndex = 0;
-  function clearTimer() {
-    if (!timeout) return;
-    clearTimeout(timeout);
-    timeout = 0;
-  }
   function isInputFocused() {
     if (toValue(inputs)) return false;
     const activeElement = document.activeElement;
@@ -19290,12 +19298,12 @@ function useHotkey(keys, callback) {
   }
   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;
     }
@@ -19304,7 +19312,7 @@ function useHotkey(keys, callback) {
       callback(e);
       return;
     }
-    clearTimer();
+    clearTimeout(timeout);
     groupIndex++;
     if (groupIndex === keyGroups.length) {
       callback(e);
@@ -19315,12 +19323,12 @@ function useHotkey(keys, callback) {
   }
   function cleanup() {
     window.removeEventListener(toValue(event), handler);
-    clearTimer();
+    clearTimeout(timeout);
   }
-  watch(() => toValue(keys), function (unrefKeys) {
+  watch(() => 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();
@@ -19331,55 +19339,50 @@ function useHotkey(keys, callback) {
   });
 
   // Watch for changes in the event type to re-register the listener
-  watch(() => toValue(event), function (newEvent, oldEvent) {
+  watch(() => toValue(event), (newEvent, oldEvent) => {
     if (oldEvent && keyGroups && keyGroups.length > 0) {
       window.removeEventListener(oldEvent, handler);
       window.addEventListener(newEvent, handler);
     }
   });
-  try {
-    getCurrentInstance('useHotkey');
-    onBeforeUnmount(cleanup);
-  } catch {
-    // Not in Vue setup context
-  }
-  function parseKeyGroup(group) {
-    const MODIFIERS = ['ctrl', 'shift', 'alt', 'meta', 'cmd'];
+  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
@@ -24000,11 +24003,15 @@ function useCalendar(props) {
       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));
     }
@@ -24024,6 +24031,37 @@ function useCalendar(props) {
     weekNumbers
   };
 }
+function useCalendarRange(props) {
+  const adapter = useDate();
+  const minDate = computed(() => {
+    if (!props.min) return null;
+    const date = adapter.date(props.min);
+    return adapter.isValid(date) ? date : null;
+  });
+  const maxDate = 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
 
@@ -24464,24 +24502,14 @@ const VDatePicker = genericComponent()({
     const viewMode = useProxiedModel(props, 'viewMode');
     // const inputMode = useProxiedModel(props, 'inputMode')
 
-    const minDate = computed(() => {
-      const date = adapter.date(props.min);
-      return props.min && adapter.isValid(date) ? date : null;
-    });
-    const maxDate = computed(() => {
-      const date = adapter.date(props.max);
-      return props.max && adapter.isValid(date) ? date : null;
-    });
+    const {
+      minDate,
+      maxDate,
+      clampDate
+    } = useCalendarRange(props);
     const internal = 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 = toRef(() => props.headerColor ?? props.color);
@@ -30268,14 +30296,24 @@ const VTextarea = genericComponent()({
     }
     function onInput(e) {
       const el = e.target;
-      model.value = el.value;
-      if (props.modelModifiers?.trim) {
-        const caretPosition = [el.selectionStart, el.selectionEnd];
-        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;
+      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 = ref();
     const rows = ref(Number(props.rows));
@@ -32514,7 +32552,7 @@ function createVuetify$1() {
     };
   });
 }
-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
@@ -32539,7 +32577,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.10.8";
+const version = "3.10.10";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useMask, useRtl, useTheme, version };