@vuetify/nightly 3.10.4-dev.2025-10-01 → 3.10.4-dev.2025-10-06

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.4-dev.2025-10-01
+* Vuetify v3.10.4-dev.2025-10-06
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1676,25 +1676,28 @@
       parentIndentLines,
       variant
     } = _ref;
+    const isLastLeaf = isLast && (!isLastGroup || separateRoots || depth > 1);
     if (!parentIndentLines || !depth) {
       return {
         leaf: undefined,
         node: undefined,
-        children: parentIndentLines
+        children: parentIndentLines,
+        footer: parentIndentLines && (!isLastLeaf || variant === 'simple') ? [...parentIndentLines, separateRoots ? 'none' : 'line'] : ['none']
       };
     }
     if (variant === 'simple') {
       return {
         leaf: [...parentIndentLines, 'line'],
         node: [...parentIndentLines, 'line'],
-        children: [...parentIndentLines, 'line']
+        children: [...parentIndentLines, 'line'],
+        footer: [...parentIndentLines, 'line', 'line']
       };
     }
-    const isLastLeaf = isLast && (!isLastGroup || separateRoots || depth > 1);
     return {
       leaf: [...parentIndentLines, isLastLeaf ? 'last-leaf' : 'leaf', ...(leafLinks ? ['leaf-link'] : [])],
       node: [...parentIndentLines, isLastLeaf ? 'last-leaf' : 'leaf'],
-      children: [...parentIndentLines, isLastLeaf ? 'none' : 'line']
+      children: [...parentIndentLines, isLastLeaf ? 'none' : 'line'],
+      footer: [...parentIndentLines, isLastLeaf ? 'none' : 'line']
     };
   }
 
@@ -20440,58 +20443,99 @@
   // Types
 
   const makeDataTableSortProps = propsFactory({
+    initialSortOrder: {
+      type: String,
+      default: 'asc',
+      validator: v => !v || ['asc', 'desc'].includes(v)
+    },
     sortBy: {
       type: Array,
       default: () => []
     },
     customKeySort: Object,
-    multiSort: Boolean,
+    multiSort: {
+      type: [Boolean, Object],
+      default: false
+    },
     mustSort: Boolean
   }, 'DataTable-sort');
   const VDataTableSortSymbol = Symbol.for('vuetify:data-table-sort');
   function createSort(props) {
+    const initialSortOrder = vue.toRef(() => props.initialSortOrder);
     const sortBy = useProxiedModel(props, 'sortBy');
     const mustSort = vue.toRef(() => props.mustSort);
     const multiSort = vue.toRef(() => props.multiSort);
     return {
+      initialSortOrder,
       sortBy,
-      mustSort,
-      multiSort
+      multiSort,
+      mustSort
+    };
+  }
+  function resolveMultiSort(multiSort, event) {
+    if (!isObject(multiSort)) {
+      return {
+        active: !!multiSort
+      };
+    }
+    const {
+      key,
+      mode,
+      modifier
+    } = multiSort;
+    const reverseMode = modifier === 'alt' && event?.altKey || modifier === 'shift' && event?.shiftKey;
+    return {
+      active: !key || event?.ctrlKey || event?.metaKey || false,
+      mode: reverseMode ? mode === 'append' ? 'prepend' : 'append' : mode
     };
   }
   function provideSort(options) {
     const {
+      initialSortOrder,
       sortBy,
       mustSort,
       multiSort,
       page
     } = options;
-    const toggleSort = column => {
+    const toggleSort = (column, event) => {
       if (column.key == null) return;
       let newSortBy = sortBy.value.map(x => ({
         ...x
       })) ?? [];
       const item = newSortBy.find(x => x.key === column.key);
+      const initialOrder = initialSortOrder.value;
+      const secondaryOrder = initialSortOrder.value === 'desc' ? 'asc' : 'desc';
       if (!item) {
-        if (multiSort.value) {
-          newSortBy.push({
-            key: column.key,
-            order: 'asc'
-          });
+        const {
+          active,
+          mode
+        } = resolveMultiSort(multiSort.value, event);
+        if (active) {
+          if (mode === 'prepend') {
+            newSortBy.unshift({
+              key: column.key,
+              order: initialOrder
+            });
+          } else {
+            newSortBy.push({
+              key: column.key,
+              order: initialOrder
+            });
+          }
         } else {
           newSortBy = [{
             key: column.key,
-            order: 'asc'
+            order: initialOrder
           }];
         }
-      } else if (item.order === 'desc') {
+      } else if (item.order === secondaryOrder) {
         if (mustSort.value && newSortBy.length === 1) {
-          item.order = 'asc';
+          item.order = initialSortOrder.value;
         } else {
           newSortBy = newSortBy.filter(x => x.key !== column.key);
         }
       } else {
-        item.order = 'desc';
+        item.order = secondaryOrder;
       }
       sortBy.value = newSortBy;
       if (page) page.value = 1;
@@ -20681,6 +20725,7 @@
         transform: item => item.raw
       });
       const {
+        initialSortOrder,
         sortBy,
         multiSort,
         mustSort
@@ -20692,6 +20737,7 @@
       const {
         toggleSort
       } = provideSort({
+        initialSortOrder,
         sortBy,
         multiSort,
         mustSort,
@@ -21694,7 +21740,7 @@
       }
       function handleEnterKeyPress(event, column) {
         if (event.key === 'Enter' && !props.disableSort) {
-          toggleSort(column);
+          toggleSort(column, event);
         }
       }
       function getSortIcon(column) {
@@ -21756,7 +21802,7 @@
           "noPadding": noPadding,
           "empty": isEmpty,
           "tabindex": column.sortable ? 0 : undefined,
-          "onClick": column.sortable ? () => toggleSort(column) : undefined,
+          "onClick": column.sortable ? event => toggleSort(column, event) : undefined,
           "onKeydown": column.sortable ? event => handleEnterKeyPress(event, column) : undefined
         }, headerProps), {
           default: () => {
@@ -22377,7 +22423,7 @@
     ...makeDataTableItemsProps(),
     ...makeDataTableSelectProps(),
     ...makeDataTableSortProps(),
-    ...makeVDataTableHeadersProps(),
+    ...omit(makeVDataTableHeadersProps(), ['multiSort']),
     ...makeVTableProps()
   }, 'DataTable');
   const makeVDataTableProps = propsFactory({
@@ -22408,6 +22454,7 @@
         groupBy
       } = createGroupBy(props);
       const {
+        initialSortOrder,
         sortBy,
         multiSort,
         mustSort
@@ -22443,6 +22490,7 @@
       const {
         toggleSort
       } = provideSort({
+        initialSortOrder,
         sortBy,
         multiSort,
         mustSort,
@@ -22547,7 +22595,7 @@
       }));
       useRender(() => {
         const dataTableFooterProps = VDataTableFooter.filterProps(props);
-        const dataTableHeadersProps = VDataTableHeaders.filterProps(props);
+        const dataTableHeadersProps = VDataTableHeaders.filterProps(omit(props, ['multiSort']));
         const dataTableRowsProps = VDataTableRows.filterProps(props);
         const tableProps = VTable.filterProps(props);
         return vue.createVNode(VTable, vue.mergeProps({
@@ -22562,7 +22610,9 @@
           top: () => slots.top?.(slotProps.value),
           default: () => slots.default ? slots.default(slotProps.value) : vue.createElementVNode(vue.Fragment, null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && vue.createElementVNode("thead", {
             "key": "thead"
-          }, [vue.createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createElementVNode("tbody", null, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : vue.createVNode(VDataTableRows, vue.mergeProps(attrs, dataTableRowsProps, {
+          }, [vue.createVNode(VDataTableHeaders, vue.mergeProps(dataTableHeadersProps, {
+            "multiSort": !!props.multiSort
+          }), slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createElementVNode("tbody", null, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : vue.createVNode(VDataTableRows, vue.mergeProps(attrs, dataTableRowsProps, {
             "items": paginatedItems.value
           }), slots), slots['body.append']?.(slotProps.value)]), slots.tbody?.(slotProps.value), slots.tfoot?.(slotProps.value)]),
           bottom: () => slots.bottom ? slots.bottom(slotProps.value) : !props.hideDefaultFooter && vue.createElementVNode(vue.Fragment, null, [vue.createVNode(VDivider, null, null), vue.createVNode(VDataTableFooter, dataTableFooterProps, {
@@ -22601,6 +22651,7 @@
         groupBy
       } = createGroupBy(props);
       const {
+        initialSortOrder,
         sortBy,
         multiSort,
         mustSort
@@ -22632,6 +22683,7 @@
       const {
         toggleSort
       } = provideSort({
+        initialSortOrder,
         sortBy,
         multiSort,
         mustSort
@@ -22724,7 +22776,7 @@
         headers: headers.value
       }));
       useRender(() => {
-        const dataTableHeadersProps = VDataTableHeaders.filterProps(props);
+        const dataTableHeadersProps = VDataTableHeaders.filterProps(omit(props, ['multiSort']));
         const dataTableRowsProps = VDataTableRows.filterProps(props);
         const tableProps = VTable.filterProps(props);
         return vue.createVNode(VTable, vue.mergeProps({
@@ -22746,7 +22798,9 @@
             }
           }, [vue.createElementVNode("table", null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && vue.createElementVNode("thead", {
             "key": "thead"
-          }, [vue.createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createElementVNode("tbody", {
+          }, [vue.createVNode(VDataTableHeaders, vue.mergeProps(dataTableHeadersProps, {
+            "multiSort": !!props.multiSort
+          }), slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createElementVNode("tbody", {
             "key": "tbody"
           }, [vue.createElementVNode("tr", {
             "ref": markerRef,
@@ -22837,6 +22891,7 @@
         groupBy
       } = createGroupBy(props);
       const {
+        initialSortOrder,
         sortBy,
         multiSort,
         mustSort
@@ -22863,6 +22918,7 @@
       const {
         toggleSort
       } = provideSort({
+        initialSortOrder,
         sortBy,
         multiSort,
         mustSort,
@@ -22949,7 +23005,7 @@
       }));
       useRender(() => {
         const dataTableFooterProps = VDataTableFooter.filterProps(props);
-        const dataTableHeadersProps = VDataTableHeaders.filterProps(props);
+        const dataTableHeadersProps = VDataTableHeaders.filterProps(omit(props, ['multiSort']));
         const dataTableRowsProps = VDataTableRows.filterProps(props);
         const tableProps = VTable.filterProps(props);
         return vue.createVNode(VTable, vue.mergeProps({
@@ -22965,7 +23021,9 @@
             "key": "thead",
             "class": "v-data-table__thead",
             "role": "rowgroup"
-          }, [vue.createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createElementVNode("tbody", {
+          }, [vue.createVNode(VDataTableHeaders, vue.mergeProps(dataTableHeadersProps, {
+            "multiSort": !!props.multiSort
+          }), slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createElementVNode("tbody", {
             "class": "v-data-table__tbody",
             "role": "rowgroup"
           }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : vue.createVNode(VDataTableRows, vue.mergeProps(attrs, dataTableRowsProps, {
@@ -31335,6 +31393,10 @@
           ...props,
           ...treeItemProps
         });
+        const footerProps = {
+          hideActions: props.hideActions,
+          indentLines: indentLines.footer
+        };
         return children ? vue.createVNode(VTreeviewGroup, vue.mergeProps(treeviewGroupProps, {
           "value": props.returnObject ? item.raw : treeviewGroupProps?.value,
           "rawId": treeviewGroupProps?.value
@@ -31347,6 +31409,7 @@
               ...itemProps,
               ...activatorProps,
               value: itemProps?.value,
+              hideActions: props.hideActions,
               indentLines: indentLines.node,
               onToggleExpand: [() => checkChildren(item), activatorProps.onClick],
               onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : () => selectItem(activatorItems.value[index]?.select, !activatorItems.value[index]?.isSelected)
@@ -31360,7 +31423,6 @@
               "ref": el => activatorItems.value[index] = el
             }, listItemProps, {
               "hasCustomPrepend": !!slots.prepend,
-              "hideActions": props.hideActions,
               "value": props.returnObject ? item.raw : itemProps.value,
               "loading": loading
             }), slotsWithItem));
@@ -31372,6 +31434,7 @@
             "isLastGroup": nextItemHasChildren,
             "returnObject": props.returnObject
           }), slots), slots.footer?.({
+            props: footerProps,
             item: item.raw,
             internalItem: item,
             loading
@@ -37922,7 +37985,7 @@
       };
     });
   }
-  const version$1 = "3.10.4-dev.2025-10-01";
+  const version$1 = "3.10.4-dev.2025-10-06";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -38220,7 +38283,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.10.4-dev.2025-10-01";
+  const version = "3.10.4-dev.2025-10-06";
 
   /* eslint-disable local-rules/sort-imports */