vuetify 3.5.15 → 3.5.16

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.15
+* Vuetify v3.5.16
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -88,11 +88,9 @@
 
   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
 
@@ -412,22 +410,16 @@
   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) {
@@ -3137,7 +3129,7 @@
         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;
@@ -4518,7 +4510,7 @@
           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,
@@ -4787,65 +4779,6 @@
     }
   });
 
-  // 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 = vue.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: {
@@ -4878,9 +4811,6 @@
     striped: Boolean,
     roundedBar: Boolean,
     ...makeComponentProps(),
-    ...makeLocationProps({
-      location: 'top'
-    }),
     ...makeRoundedProps(),
     ...makeTagProps(),
     ...makeThemeProps()
@@ -4903,9 +4833,6 @@
       const {
         themeClasses
       } = provideTheme(props);
-      const {
-        locationStyles
-      } = useLocation(props);
       const {
         textColorClasses,
         textColorStyles
@@ -4955,11 +4882,8 @@
           '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',
@@ -5045,6 +4969,65 @@
     }, 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 = vue.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
@@ -5094,7 +5077,7 @@
     // vue-router useLink `to` prop needs to be reactive and useLink will crash if undefined
     const linkProps = vue.computed(() => ({
       ...props,
-      to: vue.toRef(() => props.to || {})
+      to: vue.toRef(() => props.to || '')
     }));
     const routerLink = RouterLink.useLink(linkProps.value);
     // Actual link needs to be undefined when to prop is not used
@@ -5500,9 +5483,6 @@
   }, 'VBtn');
   const VBtn = genericComponent()({
     name: 'VBtn',
-    directives: {
-      Ripple
-    },
     props: makeVBtnProps(),
     emits: {
       'group:selected': val => true
@@ -5652,7 +5632,9 @@
             "indeterminate": true,
             "width": "2"
           }, null)])]
-        }), [[vue.resolveDirective("ripple"), !isDisabled.value && props.ripple, null]]);
+        }), [[Ripple, !isDisabled.value && !!props.ripple, '', {
+          center: !!props.icon
+        }]]);
       });
       return {
         group
@@ -10469,6 +10451,7 @@
     emits: {
       'click:outside': e => true,
       'update:modelValue': value => true,
+      afterEnter: () => true,
       afterLeave: () => true
     },
     setup(props, _ref) {
@@ -10615,6 +10598,9 @@
           easing: standardEasing
         });
       }
+      function onAfterEnter() {
+        emit('afterEnter');
+      }
       function onAfterLeave() {
         _onAfterLeave();
         emit('afterLeave');
@@ -10649,6 +10635,7 @@
           "persisted": true,
           "transition": props.transition,
           "target": target.value,
+          "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, {
           default: () => [vue.withDirectives(vue.createVNode("div", vue.mergeProps({
@@ -12145,7 +12132,7 @@
           vTextFieldRef.value.value = '';
         }
       }
-      vue.watch(menu, () => {
+      vue.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(() => {
@@ -13335,24 +13322,30 @@
           immediate: true
         });
       }
-      vue.watch(isActive, async val => {
-        await vue.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 {
+        }
+      }
+      vue.watch(isActive, async val => {
+        if (!val) {
+          await vue.nextTick();
           overlay.value.activatorEl?.focus({
             preventScroll: true
           });
         }
       });
-      const activatorProps = vue.computed(() => vue.mergeProps({
-        'aria-haspopup': 'dialog',
-        'aria-expanded': String(isActive.value)
-      }, props.activatorProps));
       useRender(() => {
         const overlayProps = VOverlay.filterProps(props);
+        const activatorProps = vue.mergeProps({
+          'aria-haspopup': 'dialog',
+          'aria-expanded': String(isActive.value)
+        }, props.activatorProps);
+        const contentProps = vue.mergeProps({
+          tabindex: -1
+        }, props.contentProps);
         return vue.createVNode(VOverlay, vue.mergeProps({
           "ref": overlay,
           "class": ['v-dialog', {
@@ -13364,8 +13357,10 @@
           "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 () {
@@ -17433,16 +17428,17 @@
     }
     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;
@@ -17745,10 +17741,10 @@
       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);
@@ -18129,6 +18125,7 @@
     });
     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;
@@ -18142,14 +18139,17 @@
         }
         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) {
@@ -20789,7 +20789,7 @@
       });
     }
     const daysInWeek = vue.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));
@@ -21881,10 +21881,8 @@
                 }) : props.chips ? fileNames.value.map(text => vue.createVNode(VChip, {
                   "key": text,
                   "size": "small",
-                  "color": props.color
-                }, {
-                  default: () => [text]
-                })) : fileNames.value.join(', '))])]);
+                  "text": text
+                }, null)) : fileNames.value.join(', '))])]);
               }
             });
           },
@@ -26061,21 +26059,29 @@
           "variant": props.day?.isToday ? undefined : 'flat'
         }, {
           default: () => [props.title]
-        })]), vue.createVNode("div", {
+        })]), !props.day?.isHidden && vue.createVNode("div", {
           "key": "content",
           "class": "v-calendar-weekly__day-content"
         }, [slots.content?.() ?? vue.createVNode("div", null, [vue.createVNode("div", {
           "class": "v-calendar-weekly__day-alldayevents-container"
-        }, [props.events?.filter(event => event.allDay).map(event => vue.createVNode(VCalendarEvent, {
+        }, [props.events?.filter(event => event.allDay).map(event => slots.event ? slots.event({
+          day: props.day,
+          allDay: true,
+          event
+        }) : vue.createVNode(VCalendarEvent, {
           "day": props.day,
           "event": event,
           "allDay": true
         }, null))]), vue.createVNode("div", {
           "class": "v-calendar-weekly__day-events-container"
-        }, [props.events?.filter(event => !event.allDay).map(event => vue.createVNode(VCalendarEvent, {
+        }, [props.events?.filter(event => !event.allDay).map(event => slots.event ? slots.event({
+          day: props.day,
+          event,
+          allDay: false
+        }) : vue.createVNode(VCalendarEvent, {
           "day": props.day,
           "event": event
-        }, null))])])]), slots.default?.()]);
+        }, null))])])]), !props.day?.isHidden && slots.default?.()]);
       });
       return {};
     }
@@ -26107,36 +26113,37 @@
         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 = vue.computed(() => {
-        return adapter.format(model.value[0], 'monthAndYear');
+        return adapter.format(displayValue.value, 'monthAndYear');
       });
       useRender(() => {
         const calendarDayProps = VCalendarDay.filterProps(props);
@@ -26176,13 +26183,16 @@
           "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) => vue.createVNode(VCalendarDay, vue.mergeProps(calendarDayProps, {
+        }, {
+          event: slots.event
+        }))])]), props.viewMode === 'week' && daysInWeek.value.map((day, i) => vue.createVNode(VCalendarDay, vue.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' && vue.createVNode(VCalendarDay, vue.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 {
@@ -27147,10 +27157,10 @@
     ...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()({
@@ -27161,13 +27171,22 @@
         slots
       } = _ref;
       const menuRef = vue.ref();
+      const location = vue.computed(() => {
+        const [y, x = 'center'] = props.location.split(' ');
+        return `${y} ${x}`;
+      });
+      const locationClasses = vue.computed(() => ({
+        [`v-speed-dial__content--${location.value.replace(' ', '-')}`]: true
+      }));
       useRender(() => {
         const menuProps = VMenu.filterProps(props);
         return vue.createVNode(VMenu, vue.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 => vue.createVNode(VDefaultsProvider, {
@@ -27180,7 +27199,8 @@
             default: () => [vue.createVNode(MaybeTransition, {
               "appear": true,
               "group": true,
-              "transition": props.transition
+              "transition": props.transition,
+              "mode": "out-in"
             }, {
               default: () => [slots.default?.(slotProps)]
             })]
@@ -28585,7 +28605,7 @@
       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
@@ -28838,7 +28858,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.5.15";
+  const version = "3.5.16";
 
   /* eslint-disable local-rules/sort-imports */