@trudb/tru-common-lib 0.2.488 → 0.2.492

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

@@ -7664,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 !== '';
@@ -7713,20 +7690,47 @@ 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();
     }
-    onSortSelection = (changeEvent) => {
-        this.filterParams.colDef.headerComponentParams.setSort(changeEvent.options[0].value.value, false);
+    onSortMenuItemClicked = (event, typeOfSort) => {
+        this.filterParams.colDef.headerComponentParams.setSort(typeOfSort.value, event.shiftKey);
         this.guiFilterParams.hidePopup();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TruDataGridHeaderFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TruDataGridHeaderFilter, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
   <div class="tru-data-grid-header-filter-container">
-    <mat-selection-list #sort [multiple]="false" (selectionChange)="onSortSelection($event)">
+    <mat-selection-list #sort [multiple]="false">
       @for (typeOfSort of typesOfSort; track typeOfSort.value) {
-        <mat-list-option [value]='typeOfSort' *ngIf="typeOfSort.display()">
+        <mat-list-option
+          [selected]="typeOfSort.selected"
+          [value]='typeOfSort'
+          (click)="onSortMenuItemClicked($event, typeOfSort)"
+          *ngIf="typeOfSort.display()">
           <mat-icon [svgIcon]="typeOfSort.icon"></mat-icon>
           <span matListItem>{{typeOfSort.label}}</span>
         </mat-list-option>
@@ -7768,9 +7772,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         ReactiveFormsModule
                     ], template: `
   <div class="tru-data-grid-header-filter-container">
-    <mat-selection-list #sort [multiple]="false" (selectionChange)="onSortSelection($event)">
+    <mat-selection-list #sort [multiple]="false">
       @for (typeOfSort of typesOfSort; track typeOfSort.value) {
-        <mat-list-option [value]='typeOfSort' *ngIf="typeOfSort.display()">
+        <mat-list-option
+          [selected]="typeOfSort.selected"
+          [value]='typeOfSort'
+          (click)="onSortMenuItemClicked($event, typeOfSort)"
+          *ngIf="typeOfSort.display()">
           <mat-icon [svgIcon]="typeOfSort.icon"></mat-icon>
           <span matListItem>{{typeOfSort.label}}</span>
         </mat-list-option>