@vuetify/nightly 3.9.3-dev.2025-08-01 → 3.9.3-dev.2025-08-05

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.3-dev.2025-08-01
+* Vuetify v3.9.3-dev.2025-08-05
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -15866,7 +15866,7 @@ const VWindow = genericComponent()({
         'v-window--vertical-arrows': !!props.verticalArrows,
         'v-window--crossfade': !!props.crossfade
       }, themeClasses.value, props.class]),
-      "style": normalizeStyle([props.style, props.transitionDuration ? {
+      "style": normalizeStyle([props.style, props.transitionDuration && !PREFERS_REDUCED_MOTION ? {
         '--v-window-transition-duration': convertToUnit(props.transitionDuration, 'ms')
       } : undefined])
     }, {
@@ -18364,16 +18364,35 @@ function getYear(date) {
 function getMonth(date) {
   return date.getMonth();
 }
-function getWeek(date, locale, firstDayOfWeek, firstWeekMinSize) {
+function getWeek(date, locale, firstDayOfWeek, firstDayOfYear) {
   const weekInfoFromLocale = weekInfo(locale);
   const weekStart = firstDayOfWeek ?? weekInfoFromLocale?.firstDay ?? 0;
-  const minWeekSize = firstWeekMinSize ?? weekInfoFromLocale?.firstWeekSize ?? 1;
+  const minWeekSize = weekInfoFromLocale?.firstWeekSize ?? 1;
+  return firstDayOfYear !== undefined ? calculateWeekWithFirstDayOfYear(date, locale, weekStart, firstDayOfYear) : calculateWeekWithMinWeekSize(date, locale, weekStart, minWeekSize);
+}
+function calculateWeekWithFirstDayOfYear(date, locale, weekStart, firstDayOfYear) {
+  const firstDayOfYearOffset = (7 + firstDayOfYear - weekStart) % 7;
+  const currentWeekStart = startOfWeek(date, locale, weekStart);
+  const currentWeekEnd = addDays(currentWeekStart, 6);
+  function yearStartWeekdayOffset(year) {
+    return (7 + new Date(year, 0, 1).getDay() - weekStart) % 7;
+  }
+  let year = getYear(date);
+  if (year < getYear(currentWeekEnd) && yearStartWeekdayOffset(year + 1) <= firstDayOfYearOffset) {
+    year++;
+  }
+  const yearStart = new Date(year, 0, 1);
+  const offset = yearStartWeekdayOffset(year);
+  const d1w1 = offset <= firstDayOfYearOffset ? addDays(yearStart, -offset) : addDays(yearStart, 7 - offset);
+  return 1 + getDiff(endOfDay(date), startOfDay(d1w1), 'weeks');
+}
+function calculateWeekWithMinWeekSize(date, locale, weekStart, minWeekSize) {
+  const currentWeekEnd = addDays(startOfWeek(date, locale, weekStart), 6);
   function firstWeekSize(year) {
     const yearStart = new Date(year, 0, 1);
     return 7 - getDiff(yearStart, startOfWeek(yearStart, locale, weekStart), 'days');
   }
   let year = getYear(date);
-  const currentWeekEnd = addDays(startOfWeek(date, locale, weekStart), 6);
   if (year < getYear(currentWeekEnd) && firstWeekSize(year + 1) >= minWeekSize) {
     year++;
   }
@@ -18595,9 +18614,10 @@ class VuetifyDateAdapter {
   getMonth(date) {
     return getMonth(date);
   }
-  getWeek(date, firstDayOfWeek, firstWeekMinSize) {
+  getWeek(date, firstDayOfWeek, firstDayOfYear) {
     const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
-    return getWeek(date, this.locale, firstDay, firstWeekMinSize);
+    const firstWeekStart = firstDayOfYear !== undefined ? Number(firstDayOfYear) : undefined;
+    return getWeek(date, this.locale, firstDay, firstWeekStart);
   }
   getDate(date) {
     return getDate(date);
@@ -19969,7 +19989,7 @@ function groupItems(items, groupBy) {
   });
   return groups;
 }
-function flattenItems(items, opened) {
+function flattenItems(items, opened, hasSummary) {
   const flatItems = [];
   for (const item of items) {
     // TODO: make this better
@@ -19978,7 +19998,13 @@ function flattenItems(items, opened) {
         flatItems.push(item);
       }
       if (opened.has(item.id) || item.value == null) {
-        flatItems.push(...flattenItems(item.items, opened));
+        flatItems.push(...flattenItems(item.items, opened, hasSummary));
+        if (hasSummary) {
+          flatItems.push({
+            ...item,
+            type: 'group-summary'
+          });
+        }
       }
     } else {
       flatItems.push(item);
@@ -19986,11 +20012,11 @@ function flattenItems(items, opened) {
   }
   return flatItems;
 }
-function useGroupedItems(items, groupBy, opened) {
+function useGroupedItems(items, groupBy, opened, hasSummary) {
   const flatItems = computed(() => {
     if (!groupBy.value.length) return items.value;
     const groupedItems = groupItems(items.value, groupBy.value.map(item => item.key));
-    return flattenItems(groupedItems, opened.value);
+    return flattenItems(groupedItems, opened.value, toValue(hasSummary));
   });
   return {
     flatItems
@@ -20608,7 +20634,7 @@ const VDataIterator = genericComponent()({
     });
     const {
       flatItems
-    } = useGroupedItems(sortedItems, groupBy, opened);
+    } = useGroupedItems(sortedItems, groupBy, opened, false);
     const itemsLength = toRef(() => flatItems.value.length);
     const {
       startIndex,
@@ -20671,6 +20697,7 @@ const VDataIterator = genericComponent()({
       isGroupOpen,
       toggleGroup,
       items: paginatedItemsWithoutGroups.value,
+      itemsCount: filteredItems.value.length,
       groupedItems: paginatedItems.value
     }));
     useRender(() => createVNode(props.tag, {
@@ -22095,6 +22122,15 @@ const VDataTableRows = genericComponent()({
             "item": item
           }, getPrefixedEventHandlers(attrs, ':group-header', () => slotProps), groupHeaderRowProps), slots);
         }
+        if (item.type === 'group-summary') {
+          const slotProps = {
+            index,
+            item,
+            columns: columns.value,
+            toggleGroup
+          };
+          return slots['group-summary']?.(slotProps) ?? '';
+        }
         const slotProps = {
           index,
           item: item.raw,
@@ -22346,7 +22382,7 @@ const VDataTable = genericComponent()({
     });
     const {
       flatItems
-    } = useGroupedItems(sortedItems, groupBy, opened);
+    } = useGroupedItems(sortedItems, groupBy, opened, () => !!slots['group-summary']);
     const itemsLength = computed(() => flatItems.value.length);
     const {
       startIndex,
@@ -22534,7 +22570,7 @@ const VDataTableVirtual = genericComponent()({
     });
     const {
       flatItems
-    } = useGroupedItems(sortedItems, groupBy, opened);
+    } = useGroupedItems(sortedItems, groupBy, opened, () => !!slots['group-summary']);
     const allItems = computed(() => extractRows(flatItems.value));
     const {
       isSelected,
@@ -22763,7 +22799,7 @@ const VDataTableServer = genericComponent()({
     });
     const {
       flatItems
-    } = useGroupedItems(items, groupBy, opened);
+    } = useGroupedItems(items, groupBy, opened, () => !!slots['group-summary']);
     const {
       isSelected,
       select,
@@ -23355,6 +23391,10 @@ const makeCalendarProps = propsFactory({
     type: [Number, String],
     default: undefined
   },
+  firstDayOfYear: {
+    type: [Number, String],
+    default: undefined
+  },
   weekdayFormat: String
 }, 'calendar');
 function useCalendar(props) {
@@ -23446,7 +23486,7 @@ function useCalendar(props) {
   });
   const weekNumbers = computed(() => {
     return weeksInMonth.value.map(week => {
-      return week.length ? adapter.getWeek(week[0], props.firstDayOfWeek) : null;
+      return week.length ? adapter.getWeek(week[0], props.firstDayOfWeek, props.firstDayOfYear) : null;
     });
   });
   function isDisabled(value) {
@@ -27740,9 +27780,11 @@ const makeVSkeletonLoaderProps = propsFactory({
 }, 'VSkeletonLoader');
 const VSkeletonLoader = genericComponent()({
   name: 'VSkeletonLoader',
+  inheritAttrs: false,
   props: makeVSkeletonLoaderProps(),
   setup(props, _ref) {
     let {
+      attrs,
       slots
     } = _ref;
     const {
@@ -27769,12 +27811,12 @@ const VSkeletonLoader = genericComponent()({
         ariaLabel: t(props.loadingText),
         role: 'alert'
       };
-      return createElementVNode("div", mergeProps({
+      return createElementVNode(Fragment, null, [isLoading ? createElementVNode("div", mergeProps({
         "class": ['v-skeleton-loader', {
           'v-skeleton-loader--boilerplate': props.boilerplate
         }, themeClasses.value, backgroundColorClasses.value, elevationClasses.value],
-        "style": [backgroundColorStyles.value, isLoading ? dimensionStyles.value : {}]
-      }, loadingProps), [isLoading ? items.value : slots.default?.()]);
+        "style": [backgroundColorStyles.value, dimensionStyles.value]
+      }, loadingProps, attrs), [items.value]) : slots.default?.()]);
     });
     return {};
   }
@@ -31894,7 +31936,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.3-dev.2025-08-01";
+const version$1 = "3.9.3-dev.2025-08-05";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31919,7 +31961,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.3-dev.2025-08-01";
+const version = "3.9.3-dev.2025-08-05";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useRtl, useTheme, version };