@trudb/tru-common-lib 0.2.487 → 0.2.490

package/fesm2022/trudb-tru-common-lib.mjs

@@ -7546,19 +7546,6 @@ class TruDataGridHeader {
     columnMenuIsOpen = false;
     showFilterMenu = false;
     filterIsActive = false;
-    agInit(params) {
-        this.params = params;
-        this.params.api.addEventListener('cellFocused', this.onCellFocused.bind(this));
-    }
-    getHeaderParams() {
-        return this.params;
-    }
-    refresh(params) {
-        return false;
-    }
-    onSelectAllIconClicked() {
-        this.params.api.selectAll();
-    }
     onCellFocused(event) {
         var column = event.column;
         if (column?.getColDef().pinned) {
@@ -7573,6 +7560,23 @@ class TruDataGridHeader {
             }
         }
     }
+    onSortChanged(event) {
+        this.filterIsActive = this.params.column.isFilterActive();
+        this.ascSort = this.params.column.isSortAscending();
+        this.descSort = this.params.column.isSortDescending();
+        this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen || this.params.column.isFilterActive() || this.ascSort || this.descSort;
+    }
+    agInit(params) {
+        this.params = params;
+        this.params.api.addEventListener('cellFocused', this.onCellFocused.bind(this));
+        this.params.column.addEventListener('sortChanged', this.onSortChanged.bind(this));
+    }
+    getHeaderParams() {
+        return this.params;
+    }
+    refresh(params) {
+        return false;
+    }
     onFilterMenuButtonClicked(event) {
         if (!this.columnMenuIsOpen) {
             this.params.column.getColDef().headerComponentParams = this.params;
@@ -7602,6 +7606,7 @@ class TruDataGridHeader {
     }
     ngOnDestroy() {
         this.params.api.removeEventListener('cellFocused', this.onCellFocused.bind(this));
+        this.params.column.removeEventListener('sortChanged', this.onSortChanged.bind(this));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TruDataGridHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TruDataGridHeader, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "headerRef", first: true, predicate: ["header"], descendants: true }], ngImport: i0, template: `
@@ -7659,29 +7664,6 @@ class TruDataGridHeaderFilter {
     constructor() { }
     agInit(params) {
         this.filterParams = params;
-        this.typesOfSort = [
-            {
-                value: 'asc',
-                label: 'Sort A to Z',
-                selected: false,
-                display: () => { return !this.filterParams.column.isSortAscending(); },
-                icon: 'asc-sort-menu-icon'
-            },
-            {
-                value: 'desc',
-                label: 'Sort Z to A',
-                selected: false,
-                display: () => { return !this.filterParams.column.isSortDescending(); },
-                icon: 'desc-sort-menu-icon'
-            },
-            {
-                value: null,
-                label: 'Clear Sort',
-                selected: false,
-                display: () => { return this.filterParams.column.isSortAscending() || this.filterParams.column.isSortDescending(); },
-                icon: 'no-sort-icon'
-            }
-        ];
     }
     isFilterActive() {
         return this.filterText != null && this.filterText !== '';
@@ -7708,6 +7690,29 @@ class TruDataGridHeaderFilter {
     }
     afterGuiAttached(params) {
         this.guiFilterParams = params;
+        this.typesOfSort = [
+            {
+                value: 'asc',
+                label: 'Sort A to Z',
+                selected: false,
+                display: () => { return !this.filterParams.column.isSortAscending(); },
+                icon: 'asc-sort-menu-icon'
+            },
+            {
+                value: 'desc',
+                label: 'Sort Z to A',
+                selected: false,
+                display: () => { return !this.filterParams.column.isSortDescending(); },
+                icon: 'desc-sort-menu-icon'
+            },
+            {
+                value: null,
+                label: 'Clear Sort',
+                selected: false,
+                display: () => { return this.filterParams.column.isSortAscending() || this.filterParams.column.isSortDescending(); },
+                icon: 'no-sort-icon'
+            }
+        ];
     }
     onFilterInputChanged() {
         this.filterParams.filterChangedCallback();
@@ -7721,7 +7726,7 @@ class TruDataGridHeaderFilter {
   <div class="tru-data-grid-header-filter-container">
     <mat-selection-list #sort [multiple]="false" (selectionChange)="onSortSelection($event)">
       @for (typeOfSort of typesOfSort; track typeOfSort.value) {
-        <mat-list-option [value]='typeOfSort' *ngIf="typeOfSort.display()">
+        <mat-list-option [selected]="typeOfSort.selected" [value]='typeOfSort' *ngIf="typeOfSort.display()">
           <mat-icon [svgIcon]="typeOfSort.icon"></mat-icon>
           <span matListItem>{{typeOfSort.label}}</span>
         </mat-list-option>
@@ -7765,7 +7770,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
   <div class="tru-data-grid-header-filter-container">
     <mat-selection-list #sort [multiple]="false" (selectionChange)="onSortSelection($event)">
       @for (typeOfSort of typesOfSort; track typeOfSort.value) {
-        <mat-list-option [value]='typeOfSort' *ngIf="typeOfSort.display()">
+        <mat-list-option [selected]="typeOfSort.selected" [value]='typeOfSort' *ngIf="typeOfSort.display()">
           <mat-icon [svgIcon]="typeOfSort.icon"></mat-icon>
           <span matListItem>{{typeOfSort.label}}</span>
         </mat-list-option>