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

package/dist/vuetify.esm.js

@@ -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.
 */
@@ -1638,25 +1638,28 @@ function getIndentLines(_ref) {
     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']
   };
 }
 
@@ -20673,58 +20676,99 @@ function useSelection() {
 // 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 = toRef(() => props.initialSortOrder);
   const sortBy = useProxiedModel(props, 'sortBy');
   const mustSort = toRef(() => props.mustSort);
   const multiSort = 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;
@@ -20914,6 +20958,7 @@ const VDataIterator = genericComponent()({
       transform: item => item.raw
     });
     const {
+      initialSortOrder,
       sortBy,
       multiSort,
       mustSort
@@ -20925,6 +20970,7 @@ const VDataIterator = genericComponent()({
     const {
       toggleSort
     } = provideSort({
+      initialSortOrder,
       sortBy,
       multiSort,
       mustSort,
@@ -21927,7 +21973,7 @@ const VDataTableHeaders = genericComponent()({
     }
     function handleEnterKeyPress(event, column) {
       if (event.key === 'Enter' && !props.disableSort) {
-        toggleSort(column);
+        toggleSort(column, event);
       }
     }
     function getSortIcon(column) {
@@ -21989,7 +22035,7 @@ const VDataTableHeaders = genericComponent()({
         "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: () => {
@@ -22610,7 +22656,7 @@ const makeDataTableProps = propsFactory({
   ...makeDataTableItemsProps(),
   ...makeDataTableSelectProps(),
   ...makeDataTableSortProps(),
-  ...makeVDataTableHeadersProps(),
+  ...omit(makeVDataTableHeadersProps(), ['multiSort']),
   ...makeVTableProps()
 }, 'DataTable');
 const makeVDataTableProps = propsFactory({
@@ -22641,6 +22687,7 @@ const VDataTable = genericComponent()({
       groupBy
     } = createGroupBy(props);
     const {
+      initialSortOrder,
       sortBy,
       multiSort,
       mustSort
@@ -22676,6 +22723,7 @@ const VDataTable = genericComponent()({
     const {
       toggleSort
     } = provideSort({
+      initialSortOrder,
       sortBy,
       multiSort,
       mustSort,
@@ -22780,7 +22828,7 @@ const VDataTable = genericComponent()({
     }));
     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 createVNode(VTable, mergeProps({
@@ -22795,7 +22843,9 @@ const VDataTable = genericComponent()({
         top: () => slots.top?.(slotProps.value),
         default: () => slots.default ? slots.default(slotProps.value) : createElementVNode(Fragment, null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && createElementVNode("thead", {
           "key": "thead"
-        }, [createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createElementVNode("tbody", null, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
+        }, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
+          "multiSort": !!props.multiSort
+        }), slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createElementVNode("tbody", null, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, 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 && createElementVNode(Fragment, null, [createVNode(VDivider, null, null), createVNode(VDataTableFooter, dataTableFooterProps, {
@@ -22834,6 +22884,7 @@ const VDataTableVirtual = genericComponent()({
       groupBy
     } = createGroupBy(props);
     const {
+      initialSortOrder,
       sortBy,
       multiSort,
       mustSort
@@ -22865,6 +22916,7 @@ const VDataTableVirtual = genericComponent()({
     const {
       toggleSort
     } = provideSort({
+      initialSortOrder,
       sortBy,
       multiSort,
       mustSort
@@ -22957,7 +23009,7 @@ const VDataTableVirtual = genericComponent()({
       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 createVNode(VTable, mergeProps({
@@ -22979,7 +23031,9 @@ const VDataTableVirtual = genericComponent()({
           }
         }, [createElementVNode("table", null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && createElementVNode("thead", {
           "key": "thead"
-        }, [createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createElementVNode("tbody", {
+        }, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
+          "multiSort": !!props.multiSort
+        }), slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createElementVNode("tbody", {
           "key": "tbody"
         }, [createElementVNode("tr", {
           "ref": markerRef,
@@ -23070,6 +23124,7 @@ const VDataTableServer = genericComponent()({
       groupBy
     } = createGroupBy(props);
     const {
+      initialSortOrder,
       sortBy,
       multiSort,
       mustSort
@@ -23096,6 +23151,7 @@ const VDataTableServer = genericComponent()({
     const {
       toggleSort
     } = provideSort({
+      initialSortOrder,
       sortBy,
       multiSort,
       mustSort,
@@ -23182,7 +23238,7 @@ const VDataTableServer = genericComponent()({
     }));
     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 createVNode(VTable, mergeProps({
@@ -23198,7 +23254,9 @@ const VDataTableServer = genericComponent()({
           "key": "thead",
           "class": "v-data-table__thead",
           "role": "rowgroup"
-        }, [createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createElementVNode("tbody", {
+        }, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
+          "multiSort": !!props.multiSort
+        }), slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createElementVNode("tbody", {
           "class": "v-data-table__tbody",
           "role": "rowgroup"
         }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
@@ -31568,6 +31626,10 @@ const VTreeviewChildren = genericComponent()({
         ...props,
         ...treeItemProps
       });
+      const footerProps = {
+        hideActions: props.hideActions,
+        indentLines: indentLines.footer
+      };
       return children ? createVNode(VTreeviewGroup, mergeProps(treeviewGroupProps, {
         "value": props.returnObject ? item.raw : treeviewGroupProps?.value,
         "rawId": treeviewGroupProps?.value
@@ -31580,6 +31642,7 @@ const VTreeviewChildren = genericComponent()({
             ...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)
@@ -31593,7 +31656,6 @@ const VTreeviewChildren = genericComponent()({
             "ref": el => activatorItems.value[index] = el
           }, listItemProps, {
             "hasCustomPrepend": !!slots.prepend,
-            "hideActions": props.hideActions,
             "value": props.returnObject ? item.raw : itemProps.value,
             "loading": loading
           }), slotsWithItem));
@@ -31605,6 +31667,7 @@ const VTreeviewChildren = genericComponent()({
           "isLastGroup": nextItemHasChildren,
           "returnObject": props.returnObject
         }), slots), slots.footer?.({
+          props: footerProps,
           item: item.raw,
           internalItem: item,
           loading
@@ -32292,7 +32355,7 @@ function createVuetify$1() {
     };
   });
 }
-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
@@ -32317,7 +32380,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.10.4-dev.2025-10-01";
+const version = "3.10.4-dev.2025-10-06";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useMask, useRtl, useTheme, version };