@trudb/tru-common-lib 0.1.965 → 0.1.967

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

@@ -3374,6 +3374,9 @@ const NO_SORT_ICON = `
   <path d="M480-96q-79 0-149-30t-122.5-82.5Q156-261 126-331T96-480q0-80 30-149.5t82.5-122Q261-804 331-834t149-30q80 0 149.5 30t122 82.5Q804-699 834-629.5T864-480q0 79-30 149t-82.5 122.5Q699-156 629.5-126T480-96Zm0-72q55 0 104-18t89-50L236-673q-32 40-50 89t-18 104q0 130 91 221t221 91Zm244-119q32-40 50-89t18-104q0-130-91-221t-221-91q-55 0-104 18t-89 50l437 437Z"/>
 </svg>
 `;
+const FILTER_ICON = `
+  <svg height="18px" viewBox="0 -960 960 960" width="18px" fill="#006dcc"><path d="M456.18-192Q446-192 439-198.9t-7-17.1v-227L197-729q-9-12-2.74-25.5Q200.51-768 216-768h528q15.49 0 21.74 13.5Q772-741 763-729L528-443v227q0 10.2-6.88 17.1-6.89 6.9-17.06 6.9h-47.88ZM480-498l162-198H317l163 198Zm0 0Z"/></svg>
+`;
 const CHANGE_PASSWORD_ICON = `
   <svg height="20px" viewBox="0 -960 960 960" width="24px" fill="#006dcc"><path d="M480-480Zm0 400q-139-35-229.5-159.5T160-516v-244l320-120 320 120v262q0 9-1 19h-81q1-10 1.5-19t.5-18v-189l-240-90-240 90v189q0 121 68 220t172 132v84Zm200 0v-120H560v-80h120v-120h80v120h120v80H760v120h-80ZM420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Z"/></svg>
 `;
@@ -3415,6 +3418,7 @@ class TruIconModule {
         iconRegistry.addSvgIconLiteral("asc-sort-icon", sanitizer.bypassSecurityTrustHtml(ASC_SORT_ICON));
         iconRegistry.addSvgIconLiteral("desc-sort-icon", sanitizer.bypassSecurityTrustHtml(DESC_SORT_ICON));
         iconRegistry.addSvgIconLiteral("no-sort-icon", sanitizer.bypassSecurityTrustHtml(NO_SORT_ICON));
+        iconRegistry.addSvgIconLiteral("filter-icon", sanitizer.bypassSecurityTrustHtml(FILTER_ICON));
         iconRegistry.addSvgIconLiteral("change-password-icon", sanitizer.bypassSecurityTrustHtml(CHANGE_PASSWORD_ICON));
         iconRegistry.addSvgIconLiteral("settings-icon", sanitizer.bypassSecurityTrustHtml(SETTINGS_ICON));
         iconRegistry.addSvgIconLiteral("import-icon", sanitizer.bypassSecurityTrustHtml(IMPORT_ICON));
@@ -5961,7 +5965,7 @@ class TruDataGridHeader {
             this.params.column.getColDef().headerComponentParams = this.params;
             this.params.showColumnMenu(event.target, () => {
                 this.columnMenuIsOpen = false;
-                this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen;
+                this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen || this.params.api.isColumnFilterPresent();
             });
             this.columnMenuIsOpen = true;
         }
@@ -5972,11 +5976,11 @@ class TruDataGridHeader {
     }
     onHeaderMouseEnter(event) {
         this.isHovering = true;
-        this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen;
+        this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen || this.params.api.isColumnFilterPresent();
     }
     onHeaderMouseLeave(event) {
         this.isHovering = false;
-        this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen;
+        this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen || this.params.api.isColumnFilterPresent();
     }
     ngOnDestroy() {
         this.params.column.removeEventListener('sortChanged', this.onSortChanged.bind(this));
@@ -5992,7 +5996,8 @@ class TruDataGridHeader {
         </div>
         <div class="ag-header-control-filter-container" *ngIf="showFilterMenu">
           <span ref="eFilterButton" class="ag-filter-icon" (click)="onFilterMenuButtonClicked($event)">
-            <mat-icon [svgIcon]="'more-icon'"></mat-icon>
+            <mat-icon [svgIcon]="'more-icon'" *ngIf="!this.params.api.isColumnFilterPresent()"></mat-icon>
+            <mat-icon [svgIcon]="'filter-icon'" *ngIf="this.params.api.isColumnFilterPresent()"></mat-icon>
           </span>
         </div>
       </div>
@@ -6010,7 +6015,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
         </div>
         <div class="ag-header-control-filter-container" *ngIf="showFilterMenu">
           <span ref="eFilterButton" class="ag-filter-icon" (click)="onFilterMenuButtonClicked($event)">
-            <mat-icon [svgIcon]="'more-icon'"></mat-icon>
+            <mat-icon [svgIcon]="'more-icon'" *ngIf="!this.params.api.isColumnFilterPresent()"></mat-icon>
+            <mat-icon [svgIcon]="'filter-icon'" *ngIf="this.params.api.isColumnFilterPresent()"></mat-icon>
           </span>
         </div>
       </div>