vuetify 3.4.8 → 3.4.10

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.8
+* Vuetify v3.4.10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -327,6 +327,12 @@ function chunk(str) {
   }
   return chunked;
 }
+function chunkArray(array) {
+  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  return Array.from({
+    length: Math.ceil(array.length / size)
+  }, (v, i) => array.slice(i * size, i * size + size));
+}
 function humanReadableFileSize(bytes) {
   let base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
   if (bytes < base) {
@@ -531,6 +537,14 @@ function ensureValidVNode(vnodes) {
     return child.type !== Fragment || ensureValidVNode(child.children);
   }) ? vnodes : null;
 }
+function defer(timeout, cb) {
+  if (!IN_BROWSER || timeout === 0) {
+    cb();
+    return () => {};
+  }
+  const timeoutId = window.setTimeout(cb, timeout);
+  return () => window.clearTimeout(timeoutId);
+}
 
 // Utilities
 const block = ['top', 'bottom'];
@@ -1895,7 +1909,8 @@ var en = {
     }
   },
   calendar: {
-    moreEvents: '{0} more'
+    moreEvents: '{0} more',
+    today: 'Today'
   },
   input: {
     clear: 'Clear {0}',
@@ -3827,7 +3842,6 @@ const VAppBar = genericComponent()({
         // shrink: behavior.has('shrink'),
       };
     });
-
     const canScroll = computed(() => {
       const behavior = scrollBehavior.value;
       return behavior.hide ||
@@ -3910,6 +3924,7 @@ const allowedDensities = [null, 'default', 'comfortable', 'compact'];
 
 // typeof allowedDensities[number] evalutes to any
 // when generating api types for whatever reason.
+
 // Composables
 const makeDensityProps = propsFactory({
   density: {
@@ -5805,6 +5820,68 @@ const VAlert = genericComponent()({
   }
 });
 
+const makeVAvatarProps = propsFactory({
+  start: Boolean,
+  end: Boolean,
+  icon: IconValue,
+  image: String,
+  text: String,
+  ...makeComponentProps(),
+  ...makeDensityProps(),
+  ...makeRoundedProps(),
+  ...makeSizeProps(),
+  ...makeTagProps(),
+  ...makeThemeProps(),
+  ...makeVariantProps({
+    variant: 'flat'
+  })
+}, 'VAvatar');
+const VAvatar = genericComponent()({
+  name: 'VAvatar',
+  props: makeVAvatarProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      colorClasses,
+      colorStyles,
+      variantClasses
+    } = useVariant(props);
+    const {
+      densityClasses
+    } = useDensity(props);
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const {
+      sizeClasses,
+      sizeStyles
+    } = useSize(props);
+    useRender(() => createVNode(props.tag, {
+      "class": ['v-avatar', {
+        'v-avatar--start': props.start,
+        'v-avatar--end': props.end
+      }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
+      "style": [colorStyles.value, sizeStyles.value, props.style]
+    }, {
+      default: () => [props.image ? createVNode(VImg, {
+        "key": "image",
+        "src": props.image,
+        "alt": "",
+        "cover": true
+      }, null) : props.icon ? createVNode(VIcon, {
+        "key": "icon",
+        "icon": props.icon
+      }, null) : slots.default?.() ?? props.text, genOverlays(false, 'v-avatar')]
+    }));
+    return {};
+  }
+});
+
 const makeVLabelProps = propsFactory({
   text: String,
   clickable: Boolean,
@@ -6772,68 +6849,6 @@ const VCheckbox = genericComponent()({
   }
 });
 
-const makeVAvatarProps = propsFactory({
-  start: Boolean,
-  end: Boolean,
-  icon: IconValue,
-  image: String,
-  text: String,
-  ...makeComponentProps(),
-  ...makeDensityProps(),
-  ...makeRoundedProps(),
-  ...makeSizeProps(),
-  ...makeTagProps(),
-  ...makeThemeProps(),
-  ...makeVariantProps({
-    variant: 'flat'
-  })
-}, 'VAvatar');
-const VAvatar = genericComponent()({
-  name: 'VAvatar',
-  props: makeVAvatarProps(),
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const {
-      themeClasses
-    } = provideTheme(props);
-    const {
-      colorClasses,
-      colorStyles,
-      variantClasses
-    } = useVariant(props);
-    const {
-      densityClasses
-    } = useDensity(props);
-    const {
-      roundedClasses
-    } = useRounded(props);
-    const {
-      sizeClasses,
-      sizeStyles
-    } = useSize(props);
-    useRender(() => createVNode(props.tag, {
-      "class": ['v-avatar', {
-        'v-avatar--start': props.start,
-        'v-avatar--end': props.end
-      }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
-      "style": [colorStyles.value, sizeStyles.value, props.style]
-    }, {
-      default: () => [props.image ? createVNode(VImg, {
-        "key": "image",
-        "src": props.image,
-        "alt": "",
-        "cover": true
-      }, null) : props.icon ? createVNode(VIcon, {
-        "key": "icon",
-        "icon": props.icon
-      }, null) : slots.default?.() ?? props.text, genOverlays(false, 'v-avatar')]
-    }));
-    return {};
-  }
-});
-
 // Types
 
 const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group');
@@ -7126,7 +7141,8 @@ const VChip = genericComponent()({
           }
         }, slots.append)]), hasClose && createVNode("button", mergeProps({
           "key": "close",
-          "class": "v-chip__close"
+          "class": "v-chip__close",
+          "type": "button"
         }, closeProps.value), [!slots.close ? createVNode(VIcon, {
           "key": "close-icon",
           "icon": props.closeIcon,
@@ -8392,6 +8408,9 @@ const VList = genericComponent()({
       }
       e.preventDefault();
     }
+    function onMousedown(e) {
+      isFocused.value = true;
+    }
     function focus(location) {
       if (contentRef.value) {
         return focusChild(contentRef.value, location);
@@ -8402,7 +8421,8 @@ const VList = genericComponent()({
         "ref": contentRef,
         "class": ['v-list', {
           'v-list--disabled': props.disabled,
-          'v-list--nav': props.nav
+          'v-list--nav': props.nav,
+          'v-list--slim': props.slim
         }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, props.class],
         "style": [backgroundColorStyles.value, dimensionStyles.value, props.style],
         "tabindex": props.disabled || isFocused.value ? -1 : 0,
@@ -8411,7 +8431,8 @@ const VList = genericComponent()({
         "onFocusin": onFocusin,
         "onFocusout": onFocusout,
         "onFocus": onFocus,
-        "onKeydown": onKeydown
+        "onKeydown": onKeydown,
+        "onMousedown": onMousedown
       }, {
         default: () => [createVNode(VListChildren, {
           "items": items.value,
@@ -8538,7 +8559,6 @@ const locationStrategies = {
   // specific viewport position, usually centered
   connected: connectedLocationStrategy // connected to a certain element
 };
-
 const makeLocationStrategyProps = propsFactory({
   locationStrategy: {
     type: [String, Function],
@@ -9085,26 +9105,27 @@ const makeDelayProps = propsFactory({
   openDelay: [Number, String]
 }, 'delay');
 function useDelay(props, cb) {
-  const delays = {};
-  const runDelayFactory = prop => () => {
-    // istanbul ignore next
-    if (!IN_BROWSER) return Promise.resolve(true);
-    const active = prop === 'openDelay';
-    delays.closeDelay && window.clearTimeout(delays.closeDelay);
-    delete delays.closeDelay;
-    delays.openDelay && window.clearTimeout(delays.openDelay);
-    delete delays.openDelay;
+  let clearDelay = () => {};
+  function runDelay(isOpening) {
+    clearDelay?.();
+    const delay = Number(isOpening ? props.openDelay : props.closeDelay);
     return new Promise(resolve => {
-      const delay = parseInt(props[prop] ?? 0, 10);
-      delays[prop] = window.setTimeout(() => {
-        cb?.(active);
-        resolve(active);
-      }, delay);
+      clearDelay = defer(delay, () => {
+        cb?.(isOpening);
+        resolve(isOpening);
+      });
     });
-  };
+  }
+  function runOpenDelay() {
+    return runDelay(true);
+  }
+  function runCloseDelay() {
+    return runDelay(false);
+  }
   return {
-    runCloseDelay: runDelayFactory('closeDelay'),
-    runOpenDelay: runDelayFactory('openDelay')
+    clearDelay,
+    runOpenDelay,
+    runCloseDelay
   };
 }
 
@@ -9951,7 +9972,7 @@ const VOverlay = genericComponent()({
         ref: activatorRef,
         targetRef
       }, activatorEvents.value, props.activatorProps)
-    }), isMounted.value && hasContent.value && createVNode(Teleport, {
+    }), !props.disabled && isMounted.value && hasContent.value && createVNode(Teleport, {
       "disabled": !teleportTarget.value,
       "to": teleportTarget.value
     }, {
@@ -9967,7 +9988,7 @@ const VOverlay = genericComponent()({
         "ref": root
       }, scopeId, attrs), [createVNode(Scrim, mergeProps({
         "color": scrimColor,
-        "modelValue": isActive.value && !!props.scrim
+        "modelValue": !!props.scrim && isActive.value
       }, scrimEvents.value), null), createVNode(MaybeTransition, {
         "appear": true,
         "persisted": true,
@@ -11320,7 +11341,7 @@ const VSelect = genericComponent()({
       }
       return items.value;
     });
-    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
+    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
     const computedMenuProps = computed(() => {
       return {
         ...props.menuProps,
@@ -11330,7 +11351,6 @@ const VSelect = genericComponent()({
         }
       };
     });
-
     const listRef = ref();
     const {
       onListScroll,
@@ -11428,6 +11448,15 @@ const VSelect = genericComponent()({
         });
       }
     });
+    watch(displayItems, (val, oldVal) => {
+      if (!isFocused.value) return;
+      if (!val.length && props.hideNoData) {
+        menu.value = false;
+      }
+      if (!oldVal.length && val.length) {
+        menu.value = true;
+      }
+    });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -11485,6 +11514,7 @@ const VSelect = genericComponent()({
             "onFocusin": onFocusin,
             "onScrollPassive": onListScroll,
             "tabindex": "-1",
+            "aria-live": "polite",
             "color": props.itemColor ?? props.color
           }, {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
@@ -11521,7 +11551,9 @@ const VSelect = genericComponent()({
                       "modelValue": isSelected,
                       "ripple": false,
                       "tabindex": "-1"
-                    }, null) : undefined, item.props.prependIcon && createVNode(VIcon, {
+                    }, null) : undefined, item.props.prependAvatar && createVNode(VAvatar, {
+                      "image": item.props.prependAvatar
+                    }, null), item.props.prependIcon && createVNode(VIcon, {
                       "icon": item.props.prependIcon
                     }, null)]);
                   }
@@ -11812,7 +11844,7 @@ const VAutocomplete = genericComponent()({
       const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
       return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
     });
-    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
+    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
     const {
       onListScroll,
@@ -11971,6 +12003,15 @@ const VAutocomplete = genericComponent()({
         });
       }
     });
+    watch(displayItems, (val, oldVal) => {
+      if (!isFocused.value) return;
+      if (!val.length && props.hideNoData) {
+        menu.value = false;
+      }
+      if (!oldVal.length && val.length) {
+        menu.value = true;
+      }
+    });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -12025,6 +12066,7 @@ const VAutocomplete = genericComponent()({
             "onFocusout": onFocusout,
             "onScrollPassive": onListScroll,
             "tabindex": "-1",
+            "aria-live": "polite",
             "color": props.itemColor ?? props.color
           }, {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
@@ -12060,7 +12102,9 @@ const VAutocomplete = genericComponent()({
                       "modelValue": isSelected,
                       "ripple": false,
                       "tabindex": "-1"
-                    }, null) : undefined, item.props.prependIcon && createVNode(VIcon, {
+                    }, null) : undefined, item.props.prependAvatar && createVNode(VAvatar, {
+                      "image": item.props.prependAvatar
+                    }, null), item.props.prependIcon && createVNode(VIcon, {
                       "icon": item.props.prependIcon
                     }, null)]);
                   },
@@ -13569,7 +13613,6 @@ const VWindowItem = genericComponent()({
     function onTransitionCancelled() {
       onAfterTransition(); // This should have the same path as normal transition end.
     }
-
     function onEnterTransition(el) {
       if (!isTransitioning.value) {
         return;
@@ -15568,7 +15611,7 @@ const VCombobox = genericComponent()({
       const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
       return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
     });
-    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
+    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
     const {
       onListScroll,
@@ -15696,9 +15739,6 @@ const VCombobox = genericComponent()({
     function onUpdateModelValue(v) {
       if (v == null || v === '' && !props.multiple) model.value = [];
     }
-    watch(filteredItems, val => {
-      if (!val.length && props.hideNoData) menu.value = false;
-    });
     watch(isFocused, (val, oldVal) => {
       if (val || val === oldVal) return;
       selectionIndex.value = -1;
@@ -15722,6 +15762,15 @@ const VCombobox = genericComponent()({
         });
       }
     });
+    watch(displayItems, (val, oldVal) => {
+      if (!isFocused.value) return;
+      if (!val.length && props.hideNoData) {
+        menu.value = false;
+      }
+      if (!oldVal.length && val.length) {
+        menu.value = true;
+      }
+    });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -15776,6 +15825,7 @@ const VCombobox = genericComponent()({
             "onFocusout": onFocusout,
             "onScrollPassive": onListScroll,
             "tabindex": "-1",
+            "aria-live": "polite",
             "color": props.itemColor ?? props.color
           }, {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
@@ -15811,7 +15861,9 @@ const VCombobox = genericComponent()({
                       "modelValue": isSelected,
                       "ripple": false,
                       "tabindex": "-1"
-                    }, null) : undefined, item.props.prependIcon && createVNode(VIcon, {
+                    }, null) : undefined, item.props.prependAvatar && createVNode(VAvatar, {
+                      "image": item.props.prependAvatar
+                    }, null), item.props.prependIcon && createVNode(VIcon, {
                       "icon": item.props.prependIcon
                     }, null)]);
                   },
@@ -16596,6 +16648,20 @@ function getWeekArray(date, locale) {
   }
   return weeks;
 }
+function startOfWeek(date) {
+  const d = new Date(date);
+  while (d.getDay() !== 0) {
+    d.setDate(d.getDate() - 1);
+  }
+  return d;
+}
+function endOfWeek(date) {
+  const d = new Date(date);
+  while (d.getDay() !== 6) {
+    d.setDate(d.getDate() + 1);
+  }
+  return d;
+}
 function startOfMonth(date) {
   return new Date(date.getFullYear(), date.getMonth(), 1);
 }
@@ -16624,14 +16690,18 @@ function date(value) {
   return null;
 }
 const sundayJanuarySecond2000 = new Date(2000, 0, 2);
+
+// The number of letters returned by getWeekday() varies by date library
+// So we've opted for 3-letter abbreviations for all locales
 function getWeekdays(locale) {
   const daysFromSunday = firstDay[locale.slice(-2).toUpperCase()];
   return createRange(7).map(i => {
     const weekday = new Date(sundayJanuarySecond2000);
     weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
-    return new Intl.DateTimeFormat(locale, {
-      weekday: 'narrow'
+    const formattedDay = new Intl.DateTimeFormat(locale, {
+      weekday: 'short'
     }).format(weekday);
+    return formattedDay.charAt(0).toUpperCase() + formattedDay.slice(1);
   });
 }
 function format(value, formatString, locale, formats) {
@@ -16650,6 +16720,12 @@ function format(value, formatString, locale, formats) {
         year: 'numeric'
       };
       break;
+    case 'hours12h':
+      options = {
+        hour: 'numeric',
+        hour12: true
+      };
+      break;
     case 'normalDateWithWeekday':
       options = {
         weekday: 'short',
@@ -16698,6 +16774,11 @@ function format(value, formatString, locale, formats) {
         day: 'numeric'
       };
       break;
+    case 'weekdayShort':
+      options = {
+        weekday: 'short'
+      };
+      break;
     case 'year':
       options = {
         year: 'numeric'
@@ -16722,11 +16803,26 @@ function parseISO(value) {
   const [year, month, day] = value.split('-').map(Number);
   return new Date(year, month - 1, day);
 }
+function addMinutes(date, amount) {
+  const d = new Date(date);
+  d.setMinutes(d.getMinutes() + amount);
+  return d;
+}
+function addHours(date, amount) {
+  const d = new Date(date);
+  d.setHours(d.getHours() + amount);
+  return d;
+}
 function addDays(date, amount) {
   const d = new Date(date);
   d.setDate(d.getDate() + amount);
   return d;
 }
+function addWeeks(date, amount) {
+  const d = new Date(date);
+  d.setDate(d.getDate() + amount * 7);
+  return d;
+}
 function addMonths(date, amount) {
   const d = new Date(date);
   d.setMonth(d.getMonth() + amount);
@@ -16741,6 +16837,12 @@ function getMonth(date) {
 function getNextMonth(date) {
   return new Date(date.getFullYear(), date.getMonth() + 1, 1);
 }
+function getHours(date) {
+  return date.getHours();
+}
+function getMinutes(date) {
+  return date.getMinutes();
+}
 function startOfYear(date) {
   return new Date(date.getFullYear(), 0, 1);
 }
@@ -16777,6 +16879,16 @@ function getDiff(date, comparing, unit) {
   }
   return Math.floor((d.getTime() - c.getTime()) / (1000 * 60 * 60 * 24));
 }
+function setHours(date, count) {
+  const d = new Date(date);
+  d.setHours(count);
+  return d;
+}
+function setMinutes(date, count) {
+  const d = new Date(date);
+  d.setMinutes(count);
+  return d;
+}
 function setMonth(date, count) {
   const d = new Date(date);
   d.setMonth(count);
@@ -16810,15 +16922,30 @@ class VuetifyDateAdapter {
   parseISO(date) {
     return parseISO(date);
   }
+  addMinutes(date, amount) {
+    return addMinutes(date, amount);
+  }
+  addHours(date, amount) {
+    return addHours(date, amount);
+  }
   addDays(date, amount) {
     return addDays(date, amount);
   }
+  addWeeks(date, amount) {
+    return addWeeks(date, amount);
+  }
   addMonths(date, amount) {
     return addMonths(date, amount);
   }
   getWeekArray(date) {
     return getWeekArray(date, this.locale);
   }
+  startOfWeek(date) {
+    return startOfWeek(date);
+  }
+  endOfWeek(date) {
+    return endOfWeek(date);
+  }
   startOfMonth(date) {
     return startOfMonth(date);
   }
@@ -16849,6 +16976,12 @@ class VuetifyDateAdapter {
   isSameMonth(date, comparing) {
     return isSameMonth(date, comparing);
   }
+  setMinutes(date, count) {
+    return setMinutes(date, count);
+  }
+  setHours(date, count) {
+    return setHours(date, count);
+  }
   setMonth(date, count) {
     return setMonth(date, count);
   }
@@ -16870,6 +17003,12 @@ class VuetifyDateAdapter {
   getNextMonth(date) {
     return getNextMonth(date);
   }
+  getHours(date) {
+    return getHours(date);
+  }
+  getMinutes(date) {
+    return getMinutes(date);
+  }
   startOfDay(date) {
     return startOfDay(date);
   }
@@ -17728,35 +17867,38 @@ const VDataTableFooter = genericComponent()({
         title: t(option.title)
       };
     }));
-    useRender(() => createVNode("div", {
-      "class": "v-data-table-footer"
-    }, [slots.prepend?.(), createVNode("div", {
-      "class": "v-data-table-footer__items-per-page"
-    }, [createVNode("span", null, [t(props.itemsPerPageText)]), createVNode(VSelect, {
-      "items": itemsPerPageOptions.value,
-      "modelValue": itemsPerPage.value,
-      "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
-      "density": "compact",
-      "variant": "outlined",
-      "hide-details": true
-    }, null)]), createVNode("div", {
-      "class": "v-data-table-footer__info"
-    }, [createVNode("div", null, [t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value)])]), createVNode("div", {
-      "class": "v-data-table-footer__pagination"
-    }, [createVNode(VPagination, {
-      "modelValue": page.value,
-      "onUpdate:modelValue": $event => page.value = $event,
-      "density": "comfortable",
-      "first-aria-label": props.firstPageLabel,
-      "last-aria-label": props.lastPageLabel,
-      "length": pageCount.value,
-      "next-aria-label": props.nextPageLabel,
-      "previous-aria-label": props.prevPageLabel,
-      "rounded": true,
-      "show-first-last-page": true,
-      "total-visible": props.showCurrentPage ? 1 : 0,
-      "variant": "plain"
-    }, null)])]));
+    useRender(() => {
+      const paginationProps = VPagination.filterProps(props);
+      return createVNode("div", {
+        "class": "v-data-table-footer"
+      }, [slots.prepend?.(), createVNode("div", {
+        "class": "v-data-table-footer__items-per-page"
+      }, [createVNode("span", null, [t(props.itemsPerPageText)]), createVNode(VSelect, {
+        "items": itemsPerPageOptions.value,
+        "modelValue": itemsPerPage.value,
+        "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
+        "density": "compact",
+        "variant": "outlined",
+        "hide-details": true
+      }, null)]), createVNode("div", {
+        "class": "v-data-table-footer__info"
+      }, [createVNode("div", null, [t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value)])]), createVNode("div", {
+        "class": "v-data-table-footer__pagination"
+      }, [createVNode(VPagination, mergeProps({
+        "modelValue": page.value,
+        "onUpdate:modelValue": $event => page.value = $event,
+        "density": "comfortable",
+        "first-aria-label": props.firstPageLabel,
+        "last-aria-label": props.lastPageLabel,
+        "length": pageCount.value,
+        "next-aria-label": props.nextPageLabel,
+        "previous-aria-label": props.prevPageLabel,
+        "rounded": true,
+        "show-first-last-page": true,
+        "total-visible": props.showCurrentPage ? 1 : 0,
+        "variant": "plain"
+      }, paginationProps), null)])]);
+    });
     return {};
   }
 });
@@ -18140,7 +18282,8 @@ const VDataTableHeaders = genericComponent()({
         "class": ['v-data-table__th', {
           'v-data-table__th--sortable': column.sortable,
           'v-data-table__th--sorted': isSorted(column),
-          'v-data-table__th--fixed': column.fixed
+          'v-data-table__th--fixed': column.fixed,
+          'v-data-table__th--sticky': props.sticky
         }, loaderClasses.value],
         "style": {
           width: convertToUnit(column.width),
@@ -19634,7 +19777,11 @@ const makeCalendarProps = propsFactory({
   max: null,
   min: null,
   showAdjacentMonths: Boolean,
-  year: [Number, String]
+  year: [Number, String],
+  weekdays: {
+    type: Array,
+    default: () => [0, 1, 2, 3, 4, 5, 6]
+  }
 }, 'calendar');
 function useCalendar(props) {
   const adapter = useDate();
@@ -19675,10 +19822,10 @@ function useCalendar(props) {
     }
     return weeks;
   });
-  const daysInMonth = computed(() => {
-    const days = weeksInMonth.value.flat();
-    const today = adapter.date();
-    return days.map((date, index) => {
+  function genDays(days, today) {
+    return days.filter(date => {
+      return props.weekdays.includes(date.getDay());
+    }).map((date, index) => {
       const isoDate = adapter.toISO(date);
       const isAdjacent = !adapter.isSameMonth(date, month.value);
       const isStart = adapter.isSameDay(date, adapter.startOfMonth(month.value));
@@ -19703,6 +19850,21 @@ function useCalendar(props) {
         localized: adapter.format(date, 'dayOfMonth')
       };
     });
+  }
+  const daysInWeek = computed(() => {
+    const lastDay = adapter.startOfWeek(model.value);
+    const week = [];
+    for (let day = 0; day <= 6; day++) {
+      week.push(adapter.addDays(lastDay, day));
+    }
+    const days = week;
+    const today = adapter.date();
+    return genDays(days, today);
+  });
+  const daysInMonth = computed(() => {
+    const days = weeksInMonth.value.flat();
+    const today = adapter.date();
+    return genDays(days, today);
   });
   const weekNumbers = computed(() => {
     return weeksInMonth.value.map(week => {
@@ -19725,6 +19887,8 @@ function useCalendar(props) {
   return {
     displayValue,
     daysInMonth,
+    daysInWeek,
+    genDays,
     model,
     weeksInMonth,
     weekNumbers
@@ -19787,7 +19951,7 @@ const VDatePickerMonth = genericComponent()({
       "class": "v-date-picker-month__days"
     }, [!props.hideWeekdays && adapter.getWeekdays().map(weekDay => createVNode("div", {
       "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
-    }, [weekDay])), daysInMonth.value.map((item, i) => {
+    }, [weekDay[0]])), daysInMonth.value.map((item, i) => {
       const slotProps = {
         props: {
           onClick: () => onClick(item.date)
@@ -20215,7 +20379,10 @@ const VDatePicker = genericComponent()({
           "key": "header"
         }, datePickerHeaderProps, headerProps, {
           "onClick": viewMode.value !== 'month' ? onClickDate : undefined
-        }), slots),
+        }), {
+          ...slots,
+          default: undefined
+        }),
         default: () => createVNode(Fragment, null, [createVNode(VDatePickerControls, mergeProps(datePickerControlsProps, {
           "disabled": disabled.value,
           "text": text.value,
@@ -24925,6 +25092,477 @@ const VConfirmEdit = genericComponent()({
   }
 });
 
+const makeVCalendarIntervalEventProps = propsFactory({
+  allDay: Boolean,
+  interval: Object,
+  intervalDivisions: {
+    type: Number,
+    required: true
+  },
+  intervalDuration: {
+    type: Number,
+    required: true
+  },
+  intervalHeight: {
+    type: Number,
+    required: true
+  },
+  event: Object
+}, 'VCalendarIntervalEvent');
+const VCalendarIntervalEvent = genericComponent()({
+  name: 'VCalendarIntervalEvent',
+  props: makeVCalendarIntervalEventProps(),
+  setup(props) {
+    const adapter = useDate();
+    const calcHeight = () => {
+      if (!props.event?.first && !props.event?.last || adapter.isEqual(props.event?.start, props.interval?.start)) {
+        return {
+          height: '100%',
+          margin: convertToUnit(0)
+        };
+      } else {
+        const {
+          height,
+          margin
+        } = Array.from({
+          length: props.intervalDivisions
+        }, x => x * (props.intervalDuration / props.intervalDivisions)).reduce((total, div, index) => {
+          if (adapter.isBefore(adapter.addMinutes(props.interval?.start, div), props.event?.start)) {
+            return {
+              height: convertToUnit(props.intervalHeight / props.intervalDivisions * index),
+              margin: convertToUnit(props.intervalHeight / props.intervalDivisions * index)
+            };
+          }
+          return {
+            height: total.height,
+            margin: total.margin
+          };
+        }, {
+          height: '',
+          margin: ''
+        });
+        return {
+          height,
+          margin
+        };
+      }
+    };
+    useRender(() => {
+      return createVNode(VSheet, {
+        "height": calcHeight().height,
+        "density": "comfortable",
+        "style": `width: 100%; margin-top: ${calcHeight().margin}`,
+        "class": "align-center pa-1",
+        "color": props.event?.color ?? undefined,
+        "rounded": props.event?.first && props.event?.last ? true : props.event?.first ? 't' : props.event?.last ? 'b' : false
+      }, {
+        default: () => [props.event?.first ? props.event?.title : '']
+      });
+    });
+    return {};
+  }
+});
+
+const makeVCalendarIntervalProps = propsFactory({
+  day: {
+    type: Object,
+    default: () => ({})
+  },
+  dayIndex: Number,
+  events: Array,
+  intervalDivisions: {
+    type: Number,
+    default: 2
+  },
+  intervalDuration: {
+    type: Number,
+    default: 60
+  },
+  intervalHeight: {
+    type: Number,
+    default: 48
+  },
+  intervalFormat: {
+    type: [String, Function],
+    default: 'fullTime12h'
+  },
+  intervalStart: {
+    type: Number,
+    default: 0
+  }
+}, 'VCalendarInterval');
+const VCalendarInterval = genericComponent()({
+  name: 'VCalendarInterval',
+  props: {
+    index: {
+      type: Number,
+      required: true
+    },
+    ...makeVCalendarIntervalProps()
+  },
+  setup(props, _ref) {
+    const adapter = useDate();
+    const interval = computed(() => {
+      const start = adapter.addMinutes(adapter.startOfDay(props.day.date), props.intervalDuration * (props.index + props.intervalStart));
+      const end = adapter.addMinutes(adapter.startOfDay(props.day.date), props.intervalDuration * (props.index + props.intervalStart + 1) - 1);
+      return {
+        ...props.day,
+        label: adapter.format(start, 'fullTime24h'),
+        start,
+        end,
+        events: props.events ? props.events.filter(e => !e.allDay && (adapter.isEqual(start, e.start) || adapter.isWithinRange(e.start, [start, end]) || adapter.isWithinRange(start, [e.start, e.end]) || adapter.isEqual(end, e.end))).map(e => {
+          return {
+            ...e,
+            first: adapter.isEqual(start, e.start) || adapter.isWithinRange(e.start, [start, end]),
+            last: adapter.isEqual(end, e.end) || adapter.isWithinRange(e.end, [start, end])
+          };
+        }) : []
+      };
+    });
+    useRender(() => {
+      return props.dayIndex === 0 ? createVNode("div", {
+        "class": "v-calendar-day__row-with-label",
+        "style": `height: ${convertToUnit(props.intervalHeight)}`
+      }, [createVNode("div", {
+        "class": "v-calendar-day__row-label"
+      }, [createVNode("slot", {
+        "name": "intervalFormat",
+        "interval": interval.value
+      }, [props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : ''])]), createVNode("div", {
+        "class": "v-calendar-day__row-hairline"
+      }, null), createVNode("div", {
+        "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
+      }, [createVNode("slot", {
+        "name": "intervalBody",
+        "interval": interval.value
+      }, [interval.value.events?.map(event => createVNode(VCalendarIntervalEvent, {
+        "event": event,
+        "interval": interval.value,
+        "intervalDivisions": props.intervalDivisions,
+        "intervalDuration": props.intervalDuration,
+        "intervalHeight": props.intervalHeight
+      }, null))])])]) : createVNode("div", {
+        "class": "v-calendar-day__row-without-label",
+        "style": `height: ${convertToUnit(props.intervalHeight)}`
+      }, [createVNode("div", {
+        "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
+      }, [createVNode("slot", {
+        "name": "intervalBody",
+        "interval": interval.value
+      }, [interval.value.events?.filter(event => !event.allDay).map(event => createVNode(VCalendarIntervalEvent, {
+        "event": event,
+        "interval": interval.value,
+        "intervalDivisions": props.intervalDivisions,
+        "intervalDuration": props.intervalDuration,
+        "intervalHeight": props.intervalHeight
+      }, null))])])]);
+    });
+    return {
+      interval
+    };
+  }
+});
+
+const makeVCalendarDayProps = propsFactory({
+  hideDayHeader: Boolean,
+  intervals: {
+    type: Number,
+    default: 24
+  },
+  ...makeVCalendarIntervalProps()
+}, 'VCalendarDay');
+const VCalendarDay = genericComponent()({
+  name: 'VCalendarDay',
+  props: makeVCalendarDayProps(),
+  setup(props) {
+    const adapter = useDate();
+    const intervals = computed(() => [...Array.from({
+      length: props.intervals
+    }, (v, i) => i).filter((int, index) => props.intervalDuration * (index + props.intervalStart) < 1440)]);
+    useRender(() => {
+      const calendarIntervalProps = VCalendarInterval.filterProps(props);
+      return createVNode("div", {
+        "class": "v-calendar-day__container"
+      }, [!props.hideDayHeader && createVNode("div", {
+        "key": "calender-week-name",
+        "class": "v-calendar-weekly__head-weekday"
+      }, [adapter.format(props.day.date, 'weekdayShort'), createVNode("div", null, [createVNode(VBtn, {
+        "icon": true,
+        "text": adapter.format(props.day.date, 'dayOfMonth'),
+        "variant": "text"
+      }, null)])]), intervals.value.map((_, index) => createVNode(VCalendarInterval, mergeProps({
+        "index": index
+      }, calendarIntervalProps), null))]);
+    });
+    return {
+      intervals
+    };
+  }
+});
+
+// Types
+
+const makeVCalendarHeaderProps = propsFactory({
+  nextIcon: {
+    type: String,
+    default: '$next'
+  },
+  prevIcon: {
+    type: String,
+    default: '$prev'
+  },
+  title: String,
+  text: {
+    type: String,
+    default: '$vuetify.calendar.today'
+  },
+  viewMode: {
+    type: String,
+    default: 'month'
+  }
+}, 'VCalendarHeader');
+const VCalendarHeader = genericComponent()({
+  name: 'VCalendarHeader',
+  props: makeVCalendarHeaderProps(),
+  emits: {
+    'click:next': () => true,
+    'click:prev': () => true,
+    'click:toToday': () => true
+  },
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const {
+      t
+    } = useLocale();
+    function prev() {
+      emit('click:prev');
+    }
+    function next() {
+      emit('click:next');
+    }
+    function toToday() {
+      emit('click:toToday');
+    }
+    useRender(() => createVNode("div", {
+      "class": "v-calendar-header"
+    }, [props.text && createVNode(VBtn, {
+      "key": "today",
+      "class": "v-calendar-header__today",
+      "text": t(props.text),
+      "variant": "outlined",
+      "onClick": toToday
+    }, null), createVNode(VBtn, {
+      "density": "comfortable",
+      "icon": props.prevIcon,
+      "variant": "text",
+      "onClick": prev
+    }, null), createVNode(VBtn, {
+      "density": "comfortable",
+      "icon": props.nextIcon,
+      "variant": "text",
+      "onClick": next
+    }, null), createVNode("div", {
+      "class": "v-calendar-header__title"
+    }, [props.title])]));
+    return {};
+  }
+});
+
+const makeVCalendarEventProps = propsFactory({
+  allDay: Boolean,
+  day: Object,
+  event: Object
+}, 'VCalendarEvent');
+const VCalendarEvent = genericComponent()({
+  name: 'VCalendarEvent',
+  props: makeVCalendarEventProps(),
+  setup(props) {
+    useRender(() => createVNode(VChip, {
+      "color": props.allDay ? 'primary' : undefined,
+      "density": "comfortable",
+      "label": props.allDay,
+      "width": "100%"
+    }, {
+      default: () => [createVNode(VBadge, {
+        "inline": true,
+        "dot": true,
+        "color": props.event?.color
+      }, null), props.event?.title]
+    }));
+    return {};
+  }
+});
+
+const makeVCalendarMonthDayProps = propsFactory({
+  active: Boolean,
+  color: String,
+  day: Object,
+  disabled: Boolean,
+  events: Array,
+  title: [Number, String]
+}, 'VCalendarMonthDay');
+const VCalendarMonthDay = genericComponent()({
+  name: 'VCalendarMonthDay',
+  props: makeVCalendarMonthDayProps(),
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    useRender(() => {
+      const hasTitle = !!(props.title || slots.title?.({
+        title: props.title
+      }));
+      return createVNode("div", {
+        "class": ['v-calendar-month__day']
+      }, [!props.day?.isHidden && hasTitle && createVNode("div", {
+        "key": "title",
+        "class": "v-calendar-weekly__day-label"
+      }, [slots.title?.({
+        title: props.title
+      }) ?? createVNode(VBtn, {
+        "class": props.day?.isToday ? 'v-calendar-weekly__day-label__today' : undefined,
+        "color": props.color,
+        "disabled": props.disabled,
+        "icon": true,
+        "size": "x-small",
+        "variant": props.day?.isToday ? undefined : 'flat'
+      }, {
+        default: () => [props.title]
+      })]), createVNode("div", {
+        "key": "content",
+        "class": "v-calendar-weekly__day-content"
+      }, [slots.content?.() ?? createVNode("div", null, [createVNode("div", {
+        "class": "v-calendar-weekly__day-alldayevents-container"
+      }, [props.events?.filter(event => event.allDay).map(event => createVNode(VCalendarEvent, {
+        "day": props.day,
+        "event": event,
+        "allDay": true
+      }, null))]), createVNode("div", {
+        "class": "v-calendar-weekly__day-events-container"
+      }, [props.events?.filter(event => !event.allDay).map(event => createVNode(VCalendarEvent, {
+        "day": props.day,
+        "event": event
+      }, null))])])]), slots.default?.()]);
+    });
+    return {};
+  }
+});
+
+const makeVCalendarProps = propsFactory({
+  hideHeader: Boolean,
+  hideWeekNumber: Boolean,
+  ...makeCalendarProps(),
+  ...makeVCalendarDayProps(),
+  ...makeVCalendarHeaderProps()
+}, 'VCalender');
+const VCalendar = genericComponent()({
+  name: 'VCalendar',
+  props: makeVCalendarProps(),
+  emits: {
+    next: null,
+    prev: null,
+    'update:modelValue': null
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const adapter = useDate();
+    const {
+      daysInMonth,
+      daysInWeek,
+      genDays,
+      model,
+      weekNumbers
+    } = useCalendar(props);
+    const dayNames = adapter.getWeekdays();
+    function onClickNext() {
+      if (props.viewMode === 'month') {
+        model.value = [adapter.addMonths(model.value[0], 1)];
+      }
+      if (props.viewMode === 'week') {
+        model.value = [adapter.addDays(model.value[0], 7)];
+      }
+      if (props.viewMode === 'day') {
+        model.value = [adapter.addDays(model.value[0], 1)];
+      }
+    }
+    function onClickPrev() {
+      if (props.viewMode === 'month') {
+        model.value = [adapter.addMonths(model.value[0], -1)];
+      }
+      if (props.viewMode === 'week') {
+        model.value = [adapter.addDays(model.value[0], -7)];
+      }
+      if (props.viewMode === 'day') {
+        model.value = [adapter.addDays(model.value[0], -1)];
+      }
+    }
+    function onClickToday() {
+      model.value = [new Date()];
+    }
+    const title = computed(() => {
+      return adapter.format(model.value[0], 'monthAndYear');
+    });
+    useRender(() => {
+      const calendarDayProps = VCalendarDay.filterProps(props);
+      const calendarHeaderProps = VCalendarHeader.filterProps(props);
+      return createVNode("div", {
+        "class": ['v-calendar', {
+          'v-calendar-monthly': props.viewMode === 'month',
+          'v-calendar-weekly': props.viewMode === 'week',
+          'v-calendar-day': props.viewMode === 'day'
+        }]
+      }, [createVNode("div", null, [!props.hideHeader && (!slots.header ? createVNode(VCalendarHeader, mergeProps({
+        "key": "calendar-header"
+      }, calendarHeaderProps, {
+        "title": title.value,
+        "onClick:next": onClickNext,
+        "onClick:prev": onClickPrev,
+        "onClick:toToday": onClickToday
+      }), null) : slots.header({
+        title: title.value
+      }))]), createVNode("div", {
+        "class": ['v-calendar__container', `days__${props.weekdays.length}`]
+      }, [props.viewMode === 'month' && !props.hideDayHeader && createVNode("div", {
+        "class": ['v-calendar-weekly__head', `days__${props.weekdays.length}`, ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : [])],
+        "key": "calenderWeeklyHead"
+      }, [!props.hideWeekNumber ? createVNode("div", {
+        "key": "weekNumber0",
+        "class": "v-calendar-weekly__head-weeknumber"
+      }, null) : '', props.weekdays.sort((a, b) => a - b).map(weekday => createVNode("div", {
+        "class": `v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}`
+      }, [dayNames[weekday]]))]), props.viewMode === 'month' && createVNode("div", {
+        "key": "VCalendarMonth",
+        "class": ['v-calendar-month__days', `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${props.weekdays.length}`, ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : [])]
+      }, [chunkArray(daysInMonth.value, props.weekdays.length).map((week, wi) => [!props.hideWeekNumber ? createVNode("div", {
+        "class": "v-calendar-month__weeknumber"
+      }, [weekNumbers.value[wi]]) : '', week.map(day => createVNode(VCalendarMonthDay, {
+        "color": adapter.isSameDay(new Date(), day.date) ? 'primary' : undefined,
+        "day": day,
+        "title": day ? adapter.format(day.date, 'dayOfMonth') : 'NaN',
+        "events": props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end))
+      }, null))])]), props.viewMode === 'week' && daysInWeek.value.map((day, i) => createVNode(VCalendarDay, mergeProps(calendarDayProps, {
+        "day": day,
+        "dayIndex": i,
+        "events": props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date))
+      }), null)), props.viewMode === 'day' && createVNode(VCalendarDay, mergeProps(calendarDayProps, {
+        "day": genDays([model.value[0]], adapter.date())[0],
+        "events": props.events?.filter(e => adapter.isSameDay(e.start, genDays([model.value[0]], adapter.date())[0].date) || adapter.isSameDay(e.end, genDays([model.value[0]], adapter.date())[0].date))
+      }), null)])]);
+    });
+    return {
+      daysInMonth,
+      daysInWeek,
+      genDays
+    };
+  }
+});
+
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   VAlert: VAlert,
@@ -24947,6 +25585,12 @@ var components = /*#__PURE__*/Object.freeze({
   VBtn: VBtn,
   VBtnGroup: VBtnGroup,
   VBtnToggle: VBtnToggle,
+  VCalendar: VCalendar,
+  VCalendarDay: VCalendarDay,
+  VCalendarHeader: VCalendarHeader,
+  VCalendarInterval: VCalendarInterval,
+  VCalendarIntervalEvent: VCalendarIntervalEvent,
+  VCalendarMonthDay: VCalendarMonthDay,
   VCard: VCard,
   VCardActions: VCardActions,
   VCardItem: VCardItem,
@@ -25305,7 +25949,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.4.8";
+const version$1 = "3.4.10";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -25319,7 +25963,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.4.8";
+const version = "3.4.10";
 
 /* eslint-disable local-rules/sort-imports */