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

package/dist/vuetify-labs.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.
 */
@@ -15630,7 +15630,7 @@
           'v-window--vertical-arrows': !!props.verticalArrows,
           'v-window--crossfade': !!props.crossfade
         }, themeClasses.value, props.class]),
-        "style": vue.normalizeStyle([props.style, props.transitionDuration ? {
+        "style": vue.normalizeStyle([props.style, props.transitionDuration && !PREFERS_REDUCED_MOTION ? {
           '--v-window-transition-duration': convertToUnit(props.transitionDuration, 'ms')
         } : undefined])
       }, {
@@ -18128,16 +18128,35 @@
   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++;
     }
@@ -18359,9 +18378,10 @@
     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);
@@ -19733,7 +19753,7 @@
     });
     return groups;
   }
-  function flattenItems(items, opened) {
+  function flattenItems(items, opened, hasSummary) {
     const flatItems = [];
     for (const item of items) {
       // TODO: make this better
@@ -19742,7 +19762,13 @@
           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);
@@ -19750,11 +19776,11 @@
     }
     return flatItems;
   }
-  function useGroupedItems(items, groupBy, opened) {
+  function useGroupedItems(items, groupBy, opened, hasSummary) {
     const flatItems = vue.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, vue.toValue(hasSummary));
     });
     return {
       flatItems
@@ -20372,7 +20398,7 @@
       });
       const {
         flatItems
-      } = useGroupedItems(sortedItems, groupBy, opened);
+      } = useGroupedItems(sortedItems, groupBy, opened, false);
       const itemsLength = vue.toRef(() => flatItems.value.length);
       const {
         startIndex,
@@ -20435,6 +20461,7 @@
         isGroupOpen,
         toggleGroup,
         items: paginatedItemsWithoutGroups.value,
+        itemsCount: filteredItems.value.length,
         groupedItems: paginatedItems.value
       }));
       useRender(() => vue.createVNode(props.tag, {
@@ -21859,6 +21886,15 @@
               "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,
@@ -22110,7 +22146,7 @@
       });
       const {
         flatItems
-      } = useGroupedItems(sortedItems, groupBy, opened);
+      } = useGroupedItems(sortedItems, groupBy, opened, () => !!slots['group-summary']);
       const itemsLength = vue.computed(() => flatItems.value.length);
       const {
         startIndex,
@@ -22298,7 +22334,7 @@
       });
       const {
         flatItems
-      } = useGroupedItems(sortedItems, groupBy, opened);
+      } = useGroupedItems(sortedItems, groupBy, opened, () => !!slots['group-summary']);
       const allItems = vue.computed(() => extractRows(flatItems.value));
       const {
         isSelected,
@@ -22527,7 +22563,7 @@
       });
       const {
         flatItems
-      } = useGroupedItems(items, groupBy, opened);
+      } = useGroupedItems(items, groupBy, opened, () => !!slots['group-summary']);
       const {
         isSelected,
         select,
@@ -23119,6 +23155,10 @@
       type: [Number, String],
       default: undefined
     },
+    firstDayOfYear: {
+      type: [Number, String],
+      default: undefined
+    },
     weekdayFormat: String
   }, 'calendar');
   function useCalendar(props) {
@@ -23210,7 +23250,7 @@
     });
     const weekNumbers = vue.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) {
@@ -27504,9 +27544,11 @@
   }, 'VSkeletonLoader');
   const VSkeletonLoader = genericComponent()({
     name: 'VSkeletonLoader',
+    inheritAttrs: false,
     props: makeVSkeletonLoaderProps(),
     setup(props, _ref) {
       let {
+        attrs,
         slots
       } = _ref;
       const {
@@ -27533,12 +27575,12 @@
           ariaLabel: t(props.loadingText),
           role: 'alert'
         };
-        return vue.createElementVNode("div", vue.mergeProps({
+        return vue.createElementVNode(vue.Fragment, null, [isLoading ? vue.createElementVNode("div", vue.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 {};
     }
@@ -35627,7 +35669,7 @@
       };
     });
   }
-  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
@@ -35925,7 +35967,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.9.3-dev.2025-08-01";
+  const version = "3.9.3-dev.2025-08-05";
 
   /* eslint-disable local-rules/sort-imports */