@fluid-topics/ft-filterable-table 1.1.81 → 1.1.82

package/build/ft-filterable-table.d.ts

@@ -23,6 +23,7 @@ export declare class FtFilterableTable<T extends Record<string, any>> extends Ft
     private renderHeader;
     private getOppositeSortOrder;
     private renderColumnSort;
+    private getSortOrderText;
     private dispatchChangeEvent;
     private renderColumnFilter;
     private columnPart;

package/build/ft-filterable-table.js

@@ -144,18 +144,29 @@ class FtFilterableTable extends FtLitElement {
             };
             this.dispatchChangeEvent();
         };
-        return ((_a = column.sortable) !== null && _a !== void 0 ? _a : true) ? html `
+        const titleText = (_a = column.titleText) !== null && _a !== void 0 ? _a : column.title;
+        const sortOrderText = this.getSortOrderText(isSorted, column);
+        const label = `Sort ${titleText} in ${sortOrderText} order`;
+        return ((_b = column.sortable) !== null && _b !== void 0 ? _b : true) ? html `
             <ft-button
                 round
                 dense
                 iconVariant="material"
                 icon="${sortIcon}"
-                label="Sort ${(_b = column.titleText) !== null && _b !== void 0 ? _b : column.title}"
+                label="${label}"
                 @click=${sort}
                 part="${this.columnPart("sort-button", index)}"
             ></ft-button>
         ` : nothing;
     }
+    getSortOrderText(isSorted, column) {
+        if (isSorted) {
+            return this.currentSort.order === "asc" ? "descending" : "ascending";
+        }
+        else {
+            return column.defaultSortOrder === "desc" ? "descending" : "ascending";
+        }
+    }
     dispatchChangeEvent() {
         this.dispatchEvent(new FtFilterableTableChangeEvent({
             filters: this.filters