From e56ee83dc48fe6e75e1832aa4b7ece9887ff1179 Mon Sep 17 00:00:00 2001
From: metonym <ericyl.us@gmail.com>
Date: Thu, 9 Jun 2022 11:14:14 -0700
Subject: [PATCH] hotfix(data-table): column sort direction order should be
 independent (#1342)

Fixes #1341
---
 src/DataTable/DataTable.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/DataTable/DataTable.svelte b/src/DataTable/DataTable.svelte
index 7d1954ae..2ab0f21d 100644
--- a/src/DataTable/DataTable.svelte
+++ b/src/DataTable/DataTable.svelte
@@ -344,15 +344,17 @@
               id="{header.key}"
               style="{formatHeaderWidth(header)}"
               sortable="{sortable && header.sort !== false}"
-              sortDirection="{sortDirection}"
-              active="{sortKey !== null && sortKey === header.key}"
+              sortDirection="{sortKey === header.key ? sortDirection : 'none'}"
+              active="{sortKey === header.key}"
               on:click="{() => {
                 dispatch('click', { header });
 
                 if (header.sort === false) {
                   dispatch('click:header', { header });
                 } else {
-                  sortDirection = sortDirectionMap[sortDirection];
+                  let currentSortDirection =
+                    sortKey === header.key ? sortDirection : 'none';
+                  sortDirection = sortDirectionMap[currentSortDirection];
                   sortKey =
                     sortDirection === 'none' ? null : $thKeys[header.key];
                   dispatch('click:header', { header, sortDirection });