vuetify 3.8.11 → 3.8.12

package/dist/vuetify.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.11
+* Vuetify v3.8.12
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10470,7 +10470,7 @@
       });
       if (flipped.isFull) {
         const values = flipped.values();
-        if (deepEqual(values.at(-1), values.at(-3))) {
+        if (deepEqual(values.at(-1), values.at(-3)) && !deepEqual(values.at(-1), values.at(-2))) {
           // Flipping is causing a container resize loop
           return;
         }
@@ -12416,7 +12416,7 @@
         if (!isFocused.value) focus();
         vue.nextTick(() => {
           if (inputRef.value !== document.activeElement) {
-            inputRef.value?.focus();
+            vue.nextTick(() => inputRef.value?.focus());
           }
         });
       }
@@ -12750,7 +12750,7 @@
       raf = requestAnimationFrame(_calculateVisibleItems);
     }
     function _calculateVisibleItems() {
-      if (!containerRef.value || !viewportHeight.value) return;
+      if (!containerRef.value || !viewportHeight.value || !itemHeight.value) return;
       const scrollTop = lastScrollTop - markerOffset;
       const direction = Math.sign(scrollVelocity);
       const startPx = Math.max(0, scrollTop - BUFFER_PX);
@@ -17582,7 +17582,7 @@
       case 'fullDate':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric'
         };
         break;
@@ -19570,7 +19570,8 @@
 
         // Dates should be compared numerically
         if (sortA instanceof Date && sortB instanceof Date) {
-          return sortA.getTime() - sortB.getTime();
+          sortA = sortA.getTime();
+          sortB = sortB.getTime();
         }
         [sortA, sortB] = [sortA, sortB].map(s => s != null ? s.toString().toLocaleLowerCase() : s);
         if (sortA !== sortB) {
@@ -20294,7 +20295,6 @@
     } = _ref;
     const Tag = props.tag ?? 'td';
     return vue.createVNode(Tag, {
-      "tabindex": "0",
       "class": vue.normalizeClass(['v-data-table__td', {
         'v-data-table-column--fixed': props.fixed,
         'v-data-table-column--last-fixed': props.lastFixed,
@@ -20695,14 +20695,14 @@
           },
           "colspan": column.colspan,
           "rowspan": column.rowspan,
-          "onClick": column.sortable ? () => toggleSort(column) : undefined,
           "fixed": column.fixed,
           "nowrap": column.nowrap,
           "lastFixed": column.lastFixed,
-          "noPadding": noPadding
-        }, headerProps, {
-          "onKeydown": event => column.sortable && handleEnterKeyPress(event, column)
-        }), {
+          "noPadding": noPadding,
+          "tabindex": column.sortable ? 0 : undefined,
+          "onClick": column.sortable ? () => toggleSort(column) : undefined,
+          "onKeydown": column.sortable ? event => handleEnterKeyPress(event, column) : undefined
+        }, headerProps), {
           default: () => {
             const columnSlotName = `header.${column.key}`;
             const columnSlotProps = {
@@ -22378,13 +22378,9 @@
       const date = adapter.setYear(adapter.startOfMonth(adapter.date()), adapter.getYear(year.value));
       return adapter.setMonth(date, value);
     }, v => adapter.getMonth(v));
-    const weekDays = vue.computed(() => {
-      const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
-      return props.weekdays.map(day => (day + firstDayOfWeek) % 7);
-    });
     const weekdayLabels = vue.computed(() => {
-      const labels = adapter.getWeekdays(props.firstDayOfWeek);
-      return weekDays.value.map(day => labels[day]);
+      const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
+      return adapter.getWeekdays(props.firstDayOfWeek).filter((_, i) => props.weekdays.includes((i + firstDayOfWeek) % 7));
     });
     const weeksInMonth = vue.computed(() => {
       const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
@@ -22408,13 +22404,14 @@
     });
     function genDays(days, today) {
       return days.filter(date => {
-        return weekDays.value.includes(adapter.toJsDate(date).getDay());
+        return props.weekdays.includes(adapter.toJsDate(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));
         const isEnd = adapter.isSameDay(date, adapter.endOfMonth(month.value));
         const isSame = adapter.isSameDay(date, month.value);
+        const weekdaysCount = props.weekdays.length;
         return {
           date,
           formatted: adapter.format(date, 'keyboardDate'),
@@ -22426,8 +22423,8 @@
           isSelected: model.value.some(value => adapter.isSameDay(date, value)),
           isStart,
           isToday: adapter.isSameDay(date, today),
-          isWeekEnd: index % 7 === 6,
-          isWeekStart: index % 7 === 0,
+          isWeekEnd: index % weekdaysCount === weekdaysCount - 1,
+          isWeekStart: index % weekdaysCount === 0,
           isoDate,
           localized: adapter.format(date, 'dayOfMonth'),
           month: adapter.getMonth(date),
@@ -22474,7 +22471,6 @@
       genDays,
       model,
       weeksInMonth,
-      weekDays,
       weekdayLabels,
       weekNumbers
     };
@@ -22515,7 +22511,6 @@
         daysInMonth,
         model,
         weekNumbers,
-        weekDays,
         weekdayLabels
       } = useCalendar(props);
       const adapter = useDate();
@@ -22590,7 +22585,7 @@
       useRender(() => vue.createElementVNode("div", {
         "class": "v-date-picker-month",
         "style": {
-          '--v-date-picker-days-in-week': weekDays.value.length
+          '--v-date-picker-days-in-week': props.weekdays.length
         }
       }, [props.showWeek && vue.createElementVNode("div", {
         "key": "weeks",
@@ -25661,19 +25656,21 @@
       const contentRef = vue.ref();
       const inputRef = vue.ref([]);
       const current = vue.computed(() => inputRef.value[focusIndex.value]);
-      const intersectScope = vue.effectScope();
-      intersectScope.run(() => {
-        const {
-          intersectionRef,
-          isIntersecting
-        } = useIntersectionObserver();
-        vue.watch(isIntersecting, v => {
-          if (!v) return;
-          intersectionRef.value?.focus();
-          intersectScope.stop();
-        });
-        vue.watchEffect(() => {
-          intersectionRef.value = inputRef.value[0];
+      useToggleScope(() => props.autofocus, () => {
+        const intersectScope = vue.effectScope();
+        intersectScope.run(() => {
+          const {
+            intersectionRef,
+            isIntersecting
+          } = useIntersectionObserver();
+          vue.watchEffect(() => {
+            intersectionRef.value = inputRef.value[0];
+          });
+          vue.watch(isIntersecting, v => {
+            if (!v) return;
+            intersectionRef.value?.focus();
+            intersectScope.stop();
+          });
         });
       });
       function onInput() {
@@ -29512,7 +29509,7 @@
       };
     });
   }
-  const version$1 = "3.8.11";
+  const version$1 = "3.8.12";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -29537,7 +29534,7 @@
       ...options
     });
   };
-  const version = "3.8.11";
+  const version = "3.8.12";
   createVuetify.version = version;
 
   exports.blueprints = index;