@fluid-topics/ft-filterable-table 1.1.63 → 1.1.65

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

@@ -21,6 +21,7 @@ export declare class FtFilterableTable<T extends Record<string, any>> extends Ft
     protected update(props: PropertyValues): void;
     private updateFilterOptions;
     private renderHeader;
+    private getOppositeSortOrder;
     private renderColumnSort;
     private dispatchChangeEvent;
     private renderColumnFilter;

package/build/ft-filterable-table.js

@@ -127,15 +127,19 @@ class FtFilterableTable extends FtLitElement {
             </div>
         `;
     }
+    getOppositeSortOrder(sortOrder) {
+        return sortOrder === "asc" ? "desc" : "asc";
+    }
     renderColumnSort(column, index) {
         var _a;
         const isSorted = this.currentSort && this.currentSort.column === index;
         const sortIcon = isSorted ? (this.currentSort.order === "asc" ? "expand_less" : "expand_more") : "unfold_more";
         const sort = () => {
-            var _a;
+            var _a, _b;
+            const defaultSort = (_a = column.defaultSortOrder) !== null && _a !== void 0 ? _a : "asc";
             this.currentSort = {
                 column: index,
-                order: isSorted && ((_a = this.currentSort) === null || _a === void 0 ? void 0 : _a.order) === "asc" ? "desc" : "asc"
+                order: isSorted && ((_b = this.currentSort) === null || _b === void 0 ? void 0 : _b.order) === defaultSort ? this.getOppositeSortOrder(defaultSort) : defaultSort
             };
             this.dispatchChangeEvent();
         };

package/build/ft-filterable-table.light.js

@@ -1507,14 +1507,14 @@ const Be={fontSize:o.FtCssVariableFactory.create("--ft-text-field-font-size","",
                 </div>
                 ${this.renderColumnFilter(t,o)}
             </div>
-        `}renderColumnSort(t,o){var i;const r=this.currentSort&&this.currentSort.column===o,n=r?"asc"===this.currentSort.order?"expand_less":"expand_more":"unfold_more";return null===(i=t.sortable)||void 0===i||i?e.html`
+        `}getOppositeSortOrder(t){return"asc"===t?"desc":"asc"}renderColumnSort(t,o){var i;const r=this.currentSort&&this.currentSort.column===o,n=r?"asc"===this.currentSort.order?"expand_less":"expand_more":"unfold_more";return null===(i=t.sortable)||void 0===i||i?e.html`
             <ft-button
                 round
                 dense
                 iconVariant="material"
                 icon="${n}"
                 label="Sort ${t.title}"
-                @click=${()=>{var t;this.currentSort={column:o,order:r&&"asc"===(null===(t=this.currentSort)||void 0===t?void 0:t.order)?"desc":"asc"},this.dispatchChangeEvent()}}
+                @click=${()=>{var e,i;const n=null!==(e=t.defaultSortOrder)&&void 0!==e?e:"asc";this.currentSort={column:o,order:r&&(null===(i=this.currentSort)||void 0===i?void 0:i.order)===n?this.getOppositeSortOrder(n):n},this.dispatchChangeEvent()}}
                 part="${this.columnPart("sort-button",o)}"
             ></ft-button>
         `:e.nothing}dispatchChangeEvent(){this.dispatchEvent(new Ni({filters:this.filters.map(((t,o)=>({column:o,value:t.value}))).filter((t=>null!=t.value)),sort:this.currentSort}))}renderColumnFilter(t,o){var i,n,a;const l=t=>{this.filters[o]={value:t.detail},this.requestUpdate(),this.dispatchChangeEvent()},s=null!==(i=this.filterOptions[o])&&void 0!==i?i:[];switch(null!==(n=t.filter)&&void 0!==n?n:"text"){case"text":return e.html`

package/build/ft-filterable-table.min.js

@@ -1675,14 +1675,14 @@ const Ys={fontSize:xo.create("--ft-text-field-font-size","","SIZE","14px"),label
                 </div>
                 ${this.renderColumnFilter(t,e)}
             </div>
-        `}renderColumnSort(t,e){var o;const r=this.currentSort&&this.currentSort.column===e,i=r?"asc"===this.currentSort.order?"expand_less":"expand_more":"unfold_more";return null===(o=t.sortable)||void 0===o||o?Jt`
+        `}getOppositeSortOrder(t){return"asc"===t?"desc":"asc"}renderColumnSort(t,e){var o;const r=this.currentSort&&this.currentSort.column===e,i=r?"asc"===this.currentSort.order?"expand_less":"expand_more":"unfold_more";return null===(o=t.sortable)||void 0===o||o?Jt`
             <ft-button
                 round
                 dense
                 iconVariant="material"
                 icon="${i}"
                 label="Sort ${t.title}"
-                @click=${()=>{var t;this.currentSort={column:e,order:r&&"asc"===(null===(t=this.currentSort)||void 0===t?void 0:t.order)?"desc":"asc"},this.dispatchChangeEvent()}}
+                @click=${()=>{var o,i;const n=null!==(o=t.defaultSortOrder)&&void 0!==o?o:"asc";this.currentSort={column:e,order:r&&(null===(i=this.currentSort)||void 0===i?void 0:i.order)===n?this.getOppositeSortOrder(n):n},this.dispatchChangeEvent()}}
                 part="${this.columnPart("sort-button",e)}"
             ></ft-button>
         `:te}dispatchChangeEvent(){this.dispatchEvent(new Wc({filters:this.filters.map(((t,e)=>({column:e,value:t.value}))).filter((t=>null!=t.value)),sort:this.currentSort}))}renderColumnFilter(t,e){var o,r,i;const n=t=>{this.filters[e]={value:t.detail},this.requestUpdate(),this.dispatchChangeEvent()},a=null!==(o=this.filterOptions[e])&&void 0!==o?o:[];switch(null!==(r=t.filter)&&void 0!==r?r:"text"){case"text":return Jt`

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

@@ -5,6 +5,7 @@ export interface ColumnConfiguration<T> {
     getter: string | Getter<T>;
     render?: (value: any, index: number) => string | TemplateResult;
     sortable?: boolean;
+    defaultSortOrder?: "asc" | "desc";
     comparator?: (a: any, b: any) => number;
     filter?: "text" | "select" | "none";
     stringify?: (value: any, index: number) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-filterable-table",
-  "version": "1.1.63",
+  "version": "1.1.65",
   "description": "A dynamic table with filters",
   "keywords": [
     "Lit"
@@ -22,11 +22,11 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "1.1.63",
-    "@fluid-topics/ft-select": "1.1.63",
-    "@fluid-topics/ft-text-field": "1.1.63",
-    "@fluid-topics/ft-wc-utils": "1.1.63",
+    "@fluid-topics/ft-button": "1.1.65",
+    "@fluid-topics/ft-select": "1.1.65",
+    "@fluid-topics/ft-text-field": "1.1.65",
+    "@fluid-topics/ft-wc-utils": "1.1.65",
     "lit": "3.1.0"
   },
-  "gitHead": "6f2845e11b1b3a26814c32cacd5413802aa28157"
+  "gitHead": "513933b7426b594cb72b427d60821ffc891f8584"
 }