vuetify 3.5.15 → 3.5.16

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.15
+* Vuetify v3.5.16
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -84,11 +84,9 @@ const SUPPORTS_EYE_DROPPER = IN_BROWSER && 'EyeDropper' in window;
 
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
-function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
-function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 
 // Types
 
@@ -408,22 +406,16 @@ var _arr = /*#__PURE__*/new WeakMap();
 var _pointer = /*#__PURE__*/new WeakMap();
 class CircularBuffer {
   constructor(size) {
-    _classPrivateFieldInitSpec(this, _arr, {
-      writable: true,
-      value: []
-    });
-    _classPrivateFieldInitSpec(this, _pointer, {
-      writable: true,
-      value: 0
-    });
+    _classPrivateFieldInitSpec(this, _arr, []);
+    _classPrivateFieldInitSpec(this, _pointer, 0);
     this.size = size;
   }
   push(val) {
-    _classPrivateFieldGet(this, _arr)[_classPrivateFieldGet(this, _pointer)] = val;
-    _classPrivateFieldSet(this, _pointer, (_classPrivateFieldGet(this, _pointer) + 1) % this.size);
+    _classPrivateFieldGet(_arr, this)[_classPrivateFieldGet(_pointer, this)] = val;
+    _classPrivateFieldSet(_pointer, this, (_classPrivateFieldGet(_pointer, this) + 1) % this.size);
   }
   values() {
-    return _classPrivateFieldGet(this, _arr).slice(_classPrivateFieldGet(this, _pointer)).concat(_classPrivateFieldGet(this, _arr).slice(0, _classPrivateFieldGet(this, _pointer)));
+    return _classPrivateFieldGet(_arr, this).slice(_classPrivateFieldGet(_pointer, this)).concat(_classPrivateFieldGet(_arr, this).slice(0, _classPrivateFieldGet(_pointer, this)));
   }
 }
 function getEventCoordinates(e) {
@@ -3133,7 +3125,7 @@ function useRounded(props) {
       for (const value of String(rounded).split(' ')) {
         classes.push(`rounded-${value}`);
       }
-    } else if (tile) {
+    } else if (tile || rounded === false) {
       classes.push('rounded-0');
     }
     return classes;
@@ -4514,7 +4506,7 @@ const useIcon = props => {
         icon = icons.aliases?.[icon.slice(1)];
       }
     }
-    if (!icon) throw new Error(`Could not find aliased icon "${iconAlias}"`);
+    if (!icon) consoleWarn(`Could not find aliased icon "${iconAlias}"`);
     if (Array.isArray(icon)) {
       return {
         component: VSvgIcon,
@@ -4783,65 +4775,6 @@ const VProgressCircular = genericComponent()({
   }
 });
 
-// Composables
-
-// Types
-
-const oppositeMap = {
-  center: 'center',
-  top: 'bottom',
-  bottom: 'top',
-  left: 'right',
-  right: 'left'
-};
-const makeLocationProps = propsFactory({
-  location: String
-}, 'location');
-function useLocation(props) {
-  let opposite = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  let offset = arguments.length > 2 ? arguments[2] : undefined;
-  const {
-    isRtl
-  } = useRtl();
-  const locationStyles = computed(() => {
-    if (!props.location) return {};
-    const {
-      side,
-      align
-    } = parseAnchor(props.location.split(' ').length > 1 ? props.location : `${props.location} center`, isRtl.value);
-    function getOffset(side) {
-      return offset ? offset(side) : 0;
-    }
-    const styles = {};
-    if (side !== 'center') {
-      if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`;else styles[side] = 0;
-    }
-    if (align !== 'center') {
-      if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`;else styles[align] = 0;
-    } else {
-      if (side === 'center') styles.top = styles.left = '50%';else {
-        styles[{
-          top: 'left',
-          bottom: 'left',
-          left: 'top',
-          right: 'top'
-        }[side]] = '50%';
-      }
-      styles.transform = {
-        top: 'translateX(-50%)',
-        bottom: 'translateX(-50%)',
-        left: 'translateY(-50%)',
-        right: 'translateY(-50%)',
-        center: 'translate(-50%, -50%)'
-      }[side];
-    }
-    return styles;
-  });
-  return {
-    locationStyles
-  };
-}
-
 const makeVProgressLinearProps = propsFactory({
   absolute: Boolean,
   active: {
@@ -4874,9 +4807,6 @@ const makeVProgressLinearProps = propsFactory({
   striped: Boolean,
   roundedBar: Boolean,
   ...makeComponentProps(),
-  ...makeLocationProps({
-    location: 'top'
-  }),
   ...makeRoundedProps(),
   ...makeTagProps(),
   ...makeThemeProps()
@@ -4899,9 +4829,6 @@ const VProgressLinear = genericComponent()({
     const {
       themeClasses
     } = provideTheme(props);
-    const {
-      locationStyles
-    } = useLocation(props);
     const {
       textColorClasses,
       textColorStyles
@@ -4951,11 +4878,8 @@ const VProgressLinear = genericComponent()({
         'v-progress-linear--striped': props.striped
       }, roundedClasses.value, themeClasses.value, rtlClasses.value, props.class],
       "style": [{
-        bottom: props.location === 'bottom' ? 0 : undefined,
-        top: props.location === 'top' ? 0 : undefined,
         height: props.active ? convertToUnit(height.value) : 0,
-        '--v-progress-linear-height': convertToUnit(height.value),
-        ...locationStyles.value
+        '--v-progress-linear-height': convertToUnit(height.value)
       }, props.style],
       "role": "progressbar",
       "aria-hidden": props.active ? 'false' : 'true',
@@ -5041,6 +4965,65 @@ function LoaderSlot(props, _ref) {
   }, null)]);
 }
 
+// Composables
+
+// Types
+
+const oppositeMap = {
+  center: 'center',
+  top: 'bottom',
+  bottom: 'top',
+  left: 'right',
+  right: 'left'
+};
+const makeLocationProps = propsFactory({
+  location: String
+}, 'location');
+function useLocation(props) {
+  let opposite = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  let offset = arguments.length > 2 ? arguments[2] : undefined;
+  const {
+    isRtl
+  } = useRtl();
+  const locationStyles = computed(() => {
+    if (!props.location) return {};
+    const {
+      side,
+      align
+    } = parseAnchor(props.location.split(' ').length > 1 ? props.location : `${props.location} center`, isRtl.value);
+    function getOffset(side) {
+      return offset ? offset(side) : 0;
+    }
+    const styles = {};
+    if (side !== 'center') {
+      if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`;else styles[side] = 0;
+    }
+    if (align !== 'center') {
+      if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`;else styles[align] = 0;
+    } else {
+      if (side === 'center') styles.top = styles.left = '50%';else {
+        styles[{
+          top: 'left',
+          bottom: 'left',
+          left: 'top',
+          right: 'top'
+        }[side]] = '50%';
+      }
+      styles.transform = {
+        top: 'translateX(-50%)',
+        bottom: 'translateX(-50%)',
+        left: 'translateY(-50%)',
+        right: 'translateY(-50%)',
+        center: 'translate(-50%, -50%)'
+      }[side];
+    }
+    return styles;
+  });
+  return {
+    locationStyles
+  };
+}
+
 // Utilities
 
 // Types
@@ -5090,7 +5073,7 @@ function useLink(props, attrs) {
   // vue-router useLink `to` prop needs to be reactive and useLink will crash if undefined
   const linkProps = computed(() => ({
     ...props,
-    to: toRef(() => props.to || {})
+    to: toRef(() => props.to || '')
   }));
   const routerLink = RouterLink.useLink(linkProps.value);
   // Actual link needs to be undefined when to prop is not used
@@ -5496,9 +5479,6 @@ const makeVBtnProps = propsFactory({
 }, 'VBtn');
 const VBtn = genericComponent()({
   name: 'VBtn',
-  directives: {
-    Ripple
-  },
   props: makeVBtnProps(),
   emits: {
     'group:selected': val => true
@@ -5648,7 +5628,9 @@ const VBtn = genericComponent()({
           "indeterminate": true,
           "width": "2"
         }, null)])]
-      }), [[resolveDirective("ripple"), !isDisabled.value && props.ripple, null]]);
+      }), [[Ripple, !isDisabled.value && !!props.ripple, '', {
+        center: !!props.icon
+      }]]);
     });
     return {
       group
@@ -10465,6 +10447,7 @@ const VOverlay = genericComponent()({
   emits: {
     'click:outside': e => true,
     'update:modelValue': value => true,
+    afterEnter: () => true,
     afterLeave: () => true
   },
   setup(props, _ref) {
@@ -10611,6 +10594,9 @@ const VOverlay = genericComponent()({
         easing: standardEasing
       });
     }
+    function onAfterEnter() {
+      emit('afterEnter');
+    }
     function onAfterLeave() {
       _onAfterLeave();
       emit('afterLeave');
@@ -10645,6 +10631,7 @@ const VOverlay = genericComponent()({
         "persisted": true,
         "transition": props.transition,
         "target": target.value,
+        "onAfterEnter": onAfterEnter,
         "onAfterLeave": onAfterLeave
       }, {
         default: () => [withDirectives(createVNode("div", mergeProps({
@@ -12141,7 +12128,7 @@ const VSelect = genericComponent()({
         vTextFieldRef.value.value = '';
       }
     }
-    watch(menu, () => {
+    watch([menu, model], () => {
       if (!props.hideSelected && menu.value && model.value.length) {
         const index = displayItems.value.findIndex(item => model.value.some(s => props.valueComparator(s.value, item.value)));
         IN_BROWSER && window.requestAnimationFrame(() => {
@@ -13331,24 +13318,30 @@ const VDialog = genericComponent()({
         immediate: true
       });
     }
-    watch(isActive, async val => {
-      await nextTick();
-      if (val) {
-        overlay.value.contentEl?.focus({
+    function onAfterEnter() {
+      if (overlay.value?.contentEl && !overlay.value.contentEl.contains(document.activeElement)) {
+        overlay.value.contentEl.focus({
           preventScroll: true
         });
-      } else {
+      }
+    }
+    watch(isActive, async val => {
+      if (!val) {
+        await nextTick();
         overlay.value.activatorEl?.focus({
           preventScroll: true
         });
       }
     });
-    const activatorProps = computed(() => mergeProps({
-      'aria-haspopup': 'dialog',
-      'aria-expanded': String(isActive.value)
-    }, props.activatorProps));
     useRender(() => {
       const overlayProps = VOverlay.filterProps(props);
+      const activatorProps = mergeProps({
+        'aria-haspopup': 'dialog',
+        'aria-expanded': String(isActive.value)
+      }, props.activatorProps);
+      const contentProps = mergeProps({
+        tabindex: -1
+      }, props.contentProps);
       return createVNode(VOverlay, mergeProps({
         "ref": overlay,
         "class": ['v-dialog', {
@@ -13360,8 +13353,10 @@ const VDialog = genericComponent()({
         "modelValue": isActive.value,
         "onUpdate:modelValue": $event => isActive.value = $event,
         "aria-modal": "true",
-        "activatorProps": activatorProps.value,
-        "role": "dialog"
+        "activatorProps": activatorProps,
+        "contentProps": contentProps,
+        "role": "dialog",
+        "onAfterEnter": onAfterEnter
       }, scopeId), {
         activator: slots.activator,
         default: function () {
@@ -17429,16 +17424,17 @@ function getWeekArray(date, locale) {
   }
   return weeks;
 }
-function startOfWeek(date) {
+function startOfWeek(date, locale) {
   const d = new Date(date);
-  while (d.getDay() !== 0) {
+  while (d.getDay() !== (firstDay[locale.slice(-2).toUpperCase()] ?? 0)) {
     d.setDate(d.getDate() - 1);
   }
   return d;
 }
-function endOfWeek(date) {
+function endOfWeek(date, locale) {
   const d = new Date(date);
-  while (d.getDay() !== 6) {
+  const lastDay = ((firstDay[locale.slice(-2).toUpperCase()] ?? 0) + 6) % 7;
+  while (d.getDay() !== lastDay) {
     d.setDate(d.getDate() + 1);
   }
   return d;
@@ -17741,10 +17737,10 @@ class VuetifyDateAdapter {
     return getWeekArray(date, this.locale);
   }
   startOfWeek(date) {
-    return startOfWeek(date);
+    return startOfWeek(date, this.locale);
   }
   endOfWeek(date) {
-    return endOfWeek(date);
+    return endOfWeek(date, this.locale);
   }
   startOfMonth(date) {
     return startOfMonth(date);
@@ -18125,6 +18121,7 @@ function sortItems(items, sortByItems, locale, customSorters, customRawSorters)
   });
   return [...items].sort((a, b) => {
     for (let i = 0; i < sortByItems.length; i++) {
+      let hasCustomResult = false;
       const sortKey = sortByItems[i].key;
       const sortOrder = sortByItems[i].order ?? 'asc';
       if (sortOrder === false) continue;
@@ -18138,14 +18135,17 @@ function sortItems(items, sortByItems, locale, customSorters, customRawSorters)
       }
       if (customRawSorters?.[sortKey]) {
         const customResult = customRawSorters[sortKey](sortARaw, sortBRaw);
-        if (!customResult) continue;
-        return customResult;
+        if (customResult == null) continue;
+        hasCustomResult = true;
+        if (customResult) return customResult;
       }
       if (customSorters?.[sortKey]) {
         const customResult = customSorters[sortKey](sortA, sortB);
-        if (!customResult) continue;
-        return customResult;
+        if (customResult == null) continue;
+        hasCustomResult = true;
+        if (customResult) return customResult;
       }
+      if (hasCustomResult) continue;
 
       // Dates should be compared numerically
       if (sortA instanceof Date && sortB instanceof Date) {
@@ -20785,7 +20785,7 @@ function useCalendar(props) {
     });
   }
   const daysInWeek = computed(() => {
-    const lastDay = adapter.startOfWeek(model.value);
+    const lastDay = adapter.startOfWeek(displayValue.value);
     const week = [];
     for (let day = 0; day <= 6; day++) {
       week.push(adapter.addDays(lastDay, day));
@@ -21877,10 +21877,8 @@ const VFileInput = genericComponent()({
               }) : props.chips ? fileNames.value.map(text => createVNode(VChip, {
                 "key": text,
                 "size": "small",
-                "color": props.color
-              }, {
-                default: () => [text]
-              })) : fileNames.value.join(', '))])]);
+                "text": text
+              }, null)) : fileNames.value.join(', '))])]);
             }
           });
         },
@@ -26057,21 +26055,29 @@ const VCalendarMonthDay = genericComponent()({
         "variant": props.day?.isToday ? undefined : 'flat'
       }, {
         default: () => [props.title]
-      })]), createVNode("div", {
+      })]), !props.day?.isHidden && 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, {
+      }, [props.events?.filter(event => event.allDay).map(event => slots.event ? slots.event({
+        day: props.day,
+        allDay: true,
+        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, {
+      }, [props.events?.filter(event => !event.allDay).map(event => slots.event ? slots.event({
+        day: props.day,
+        event,
+        allDay: false
+      }) : createVNode(VCalendarEvent, {
         "day": props.day,
         "event": event
-      }, null))])])]), slots.default?.()]);
+      }, null))])])]), !props.day?.isHidden && slots.default?.()]);
     });
     return {};
   }
@@ -26103,36 +26109,37 @@ const VCalendar = genericComponent()({
       daysInWeek,
       genDays,
       model,
+      displayValue,
       weekNumbers
     } = useCalendar(props);
     const dayNames = adapter.getWeekdays();
     function onClickNext() {
       if (props.viewMode === 'month') {
-        model.value = [adapter.addMonths(model.value[0], 1)];
+        model.value = [adapter.addMonths(displayValue.value, 1)];
       }
       if (props.viewMode === 'week') {
-        model.value = [adapter.addDays(model.value[0], 7)];
+        model.value = [adapter.addDays(displayValue.value, 7)];
       }
       if (props.viewMode === 'day') {
-        model.value = [adapter.addDays(model.value[0], 1)];
+        model.value = [adapter.addDays(displayValue.value, 1)];
       }
     }
     function onClickPrev() {
       if (props.viewMode === 'month') {
-        model.value = [adapter.addMonths(model.value[0], -1)];
+        model.value = [adapter.addMonths(displayValue.value, -1)];
       }
       if (props.viewMode === 'week') {
-        model.value = [adapter.addDays(model.value[0], -7)];
+        model.value = [adapter.addDays(displayValue.value, -7)];
       }
       if (props.viewMode === 'day') {
-        model.value = [adapter.addDays(model.value[0], -1)];
+        model.value = [adapter.addDays(displayValue.value, -1)];
       }
     }
     function onClickToday() {
       model.value = [new Date()];
     }
     const title = computed(() => {
-      return adapter.format(model.value[0], 'monthAndYear');
+      return adapter.format(displayValue.value, 'monthAndYear');
     });
     useRender(() => {
       const calendarDayProps = VCalendarDay.filterProps(props);
@@ -26172,13 +26179,16 @@ const VCalendar = genericComponent()({
         "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, {
+      }, {
+        event: slots.event
+      }))])]), 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))
+        "day": genDays([displayValue.value], adapter.date())[0],
+        "dayIndex": 0,
+        "events": props.events?.filter(e => adapter.isSameDay(e.start, genDays([displayValue.value], adapter.date())[0].date) || adapter.isSameDay(e.end, genDays([displayValue.value], adapter.date())[0].date))
       }), null)])]);
     });
     return {
@@ -27143,10 +27153,10 @@ const makeVSpeedDialProps = propsFactory({
   ...makeVMenuProps({
     offset: 8,
     minWidth: 0,
-    location: 'top center'
-  }),
-  ...makeTransitionProps({
-    transition: 'fade-transition'
+    openDelay: 0,
+    closeDelay: 100,
+    location: 'top center',
+    transition: 'scale-transition'
   })
 }, 'VSpeedDial');
 const VSpeedDial = genericComponent()({
@@ -27157,13 +27167,22 @@ const VSpeedDial = genericComponent()({
       slots
     } = _ref;
     const menuRef = ref();
+    const location = computed(() => {
+      const [y, x = 'center'] = props.location.split(' ');
+      return `${y} ${x}`;
+    });
+    const locationClasses = computed(() => ({
+      [`v-speed-dial__content--${location.value.replace(' ', '-')}`]: true
+    }));
     useRender(() => {
       const menuProps = VMenu.filterProps(props);
       return createVNode(VMenu, mergeProps(menuProps, {
         "class": props.class,
         "style": props.style,
-        "contentClass": "v-speed-dial__content",
-        "ref": menuRef
+        "contentClass": ['v-speed-dial__content', locationClasses.value],
+        "location": location.value,
+        "ref": menuRef,
+        "transition": "fade-transition"
       }), {
         ...slots,
         default: slotProps => createVNode(VDefaultsProvider, {
@@ -27176,7 +27195,8 @@ const VSpeedDial = genericComponent()({
           default: () => [createVNode(MaybeTransition, {
             "appear": true,
             "group": true,
-            "transition": props.transition
+            "transition": props.transition,
+            "mode": "out-in"
           }, {
             default: () => [slots.default?.(slotProps)]
           })]
@@ -28581,7 +28601,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.5.15";
+const version$1 = "3.5.16";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28834,7 +28854,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.5.15";
+const version = "3.5.16";
 
 /* eslint-disable local-rules/sort-imports */