@trudb/tru-common-lib 0.1.966 → 0.1.968
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5906,6 +5906,7 @@ class TruDataGridHeader {
|
|
|
5906
5906
|
isHovering = false;
|
|
5907
5907
|
columnMenuIsOpen = false;
|
|
5908
5908
|
showFilterMenu = false;
|
|
5909
|
+
filterIsActive = false;
|
|
5909
5910
|
agInit(params) {
|
|
5910
5911
|
this.params = params;
|
|
5911
5912
|
this.params.column.addEventListener('sortChanged', this.onSortChanged.bind(this));
|
|
@@ -5965,7 +5966,8 @@ class TruDataGridHeader {
|
|
|
5965
5966
|
this.params.column.getColDef().headerComponentParams = this.params;
|
|
5966
5967
|
this.params.showColumnMenu(event.target, () => {
|
|
5967
5968
|
this.columnMenuIsOpen = false;
|
|
5968
|
-
this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen;
|
|
5969
|
+
this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen || this.params.column.isFilterActive();
|
|
5970
|
+
this.filterIsActive = this.params.column.isFilterActive();
|
|
5969
5971
|
});
|
|
5970
5972
|
this.columnMenuIsOpen = true;
|
|
5971
5973
|
}
|
|
@@ -5976,11 +5978,13 @@ class TruDataGridHeader {
|
|
|
5976
5978
|
}
|
|
5977
5979
|
onHeaderMouseEnter(event) {
|
|
5978
5980
|
this.isHovering = true;
|
|
5979
|
-
this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen;
|
|
5981
|
+
this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen || this.params.column.isFilterActive();
|
|
5982
|
+
this.filterIsActive = this.params.column.isFilterActive();
|
|
5980
5983
|
}
|
|
5981
5984
|
onHeaderMouseLeave(event) {
|
|
5982
5985
|
this.isHovering = false;
|
|
5983
|
-
this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen;
|
|
5986
|
+
this.showFilterMenu = this.isHovering && this.params.api.getDisplayedRowCount() > 0 || this.columnMenuIsOpen || this.params.column.isFilterActive();
|
|
5987
|
+
this.filterIsActive = this.params.column.isFilterActive();
|
|
5984
5988
|
}
|
|
5985
5989
|
ngOnDestroy() {
|
|
5986
5990
|
this.params.column.removeEventListener('sortChanged', this.onSortChanged.bind(this));
|
|
@@ -5996,13 +6000,13 @@ class TruDataGridHeader {
|
|
|
5996
6000
|
</div>
|
|
5997
6001
|
<div class="ag-header-control-filter-container" *ngIf="showFilterMenu">
|
|
5998
6002
|
<span ref="eFilterButton" class="ag-filter-icon" (click)="onFilterMenuButtonClicked($event)">
|
|
5999
|
-
<mat-icon [svgIcon]="'more-icon'" *ngIf="!
|
|
6000
|
-
<mat-icon [svgIcon]="'filter-icon'" *ngIf="
|
|
6003
|
+
<mat-icon class="ag-header-more" [svgIcon]="'more-icon'" *ngIf="!filterIsActive;"></mat-icon>
|
|
6004
|
+
<mat-icon class="ag-header-filter" [svgIcon]="'filter-icon'" *ngIf="filterIsActive;"></mat-icon>
|
|
6001
6005
|
</span>
|
|
6002
6006
|
</div>
|
|
6003
6007
|
</div>
|
|
6004
6008
|
</div>
|
|
6005
|
-
</div>`, isInline: true, styles: [".ag-header-control-container{display:flex}.ag-header-control-filter-container{position:absolute;top:1px;right:3px;width:20px;height:20px
|
|
6009
|
+
</div>`, isInline: true, styles: [".ag-header-control-container{display:flex}.ag-header-control-filter-container{position:absolute;top:1px;right:3px;width:20px;height:20px}.ag-header-cell-text{position:relative;pointer-events:none;vertical-align:middle;vertical-align:-webkit-baseline-middle}.ag-sort-icon{height:100%;width:100%;margin-left:0!important}.tru-data-grid-select-all-icon{width:16px;font-size:28px;color:#ddd;float:right;position:absolute;top:-1px;right:4px}.ag-sort-icon mat-icon{height:16px;width:16px;padding-top:4px}.ag-column-focus .ag-header-cell-text{color:#3f51b5;font-weight:700}.ag-column-focus{background-color:#ddd;border-bottom:1px solid #3f51b5}::ng-deep .tru-data-grid-select-all-icon path{fill:#d3d3d3;position:relative;z-index:100;pointer-events:all}::ng-deep .ag-header-control-filter-container mat-icon{height:20px!important;width:20px!important;padding-top:2px!important}::ng-deep .ag-filter-icon mat-icon{height:18px!important;width:18px!important;color:#ddd}::ng-deep .ag-filter-icon mat-icon svg{fill:#949494!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
6006
6010
|
}
|
|
6007
6011
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridHeader, decorators: [{
|
|
6008
6012
|
type: Component,
|
|
@@ -6015,13 +6019,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
6015
6019
|
</div>
|
|
6016
6020
|
<div class="ag-header-control-filter-container" *ngIf="showFilterMenu">
|
|
6017
6021
|
<span ref="eFilterButton" class="ag-filter-icon" (click)="onFilterMenuButtonClicked($event)">
|
|
6018
|
-
<mat-icon [svgIcon]="'more-icon'" *ngIf="!
|
|
6019
|
-
<mat-icon [svgIcon]="'filter-icon'" *ngIf="
|
|
6022
|
+
<mat-icon class="ag-header-more" [svgIcon]="'more-icon'" *ngIf="!filterIsActive;"></mat-icon>
|
|
6023
|
+
<mat-icon class="ag-header-filter" [svgIcon]="'filter-icon'" *ngIf="filterIsActive;"></mat-icon>
|
|
6020
6024
|
</span>
|
|
6021
6025
|
</div>
|
|
6022
6026
|
</div>
|
|
6023
6027
|
</div>
|
|
6024
|
-
</div>`, styles: [".ag-header-control-container{display:flex}.ag-header-control-filter-container{position:absolute;top:1px;right:3px;width:20px;height:20px
|
|
6028
|
+
</div>`, styles: [".ag-header-control-container{display:flex}.ag-header-control-filter-container{position:absolute;top:1px;right:3px;width:20px;height:20px}.ag-header-cell-text{position:relative;pointer-events:none;vertical-align:middle;vertical-align:-webkit-baseline-middle}.ag-sort-icon{height:100%;width:100%;margin-left:0!important}.tru-data-grid-select-all-icon{width:16px;font-size:28px;color:#ddd;float:right;position:absolute;top:-1px;right:4px}.ag-sort-icon mat-icon{height:16px;width:16px;padding-top:4px}.ag-column-focus .ag-header-cell-text{color:#3f51b5;font-weight:700}.ag-column-focus{background-color:#ddd;border-bottom:1px solid #3f51b5}::ng-deep .tru-data-grid-select-all-icon path{fill:#d3d3d3;position:relative;z-index:100;pointer-events:all}::ng-deep .ag-header-control-filter-container mat-icon{height:20px!important;width:20px!important;padding-top:2px!important}::ng-deep .ag-filter-icon mat-icon{height:18px!important;width:18px!important;color:#ddd}::ng-deep .ag-filter-icon mat-icon svg{fill:#949494!important}\n"] }]
|
|
6025
6029
|
}], propDecorators: { headerRef: [{
|
|
6026
6030
|
type: ViewChild,
|
|
6027
6031
|
args: ['header', { static: false }]
|