@trudb/tru-common-lib 0.1.889 → 0.1.891
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.
|
@@ -5901,6 +5901,7 @@ class TruDataGridHeader {
|
|
|
5901
5901
|
ascSort = 'inactive';
|
|
5902
5902
|
descSort = 'inactive';
|
|
5903
5903
|
noSort = 'inactive';
|
|
5904
|
+
isHovering = false;
|
|
5904
5905
|
agInit(params) {
|
|
5905
5906
|
this.params = params;
|
|
5906
5907
|
this.params.column.addEventListener('sortChanged', this.onSortChanged.bind(this));
|
|
@@ -5959,49 +5960,49 @@ class TruDataGridHeader {
|
|
|
5959
5960
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5960
5961
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruDataGridHeader, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "headerRef", first: true, predicate: ["header"], descendants: true }], ngImport: i0, template: `
|
|
5961
5962
|
<div #header class="ag-cell-label-container" role="presentation">
|
|
5962
|
-
<div ref="eLabel" class="ag-header-cell-label" role="presentation"
|
|
5963
|
+
<div ref="eLabel" class="ag-header-cell-label" role="presentation">
|
|
5963
5964
|
<div class="ag-header-control-container">
|
|
5964
5965
|
<div>
|
|
5965
5966
|
<span ref="eText" class="ag-header-cell-text">{{params.displayName}}</span>
|
|
5966
5967
|
</div>
|
|
5967
|
-
<div class="ag-header-control-sort-container">
|
|
5968
|
+
<div class="ag-header-control-sort-container" (click)="onSortRequested($event)">
|
|
5968
5969
|
<span *ngIf="noSort === 'active'" ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-ascending-icon">
|
|
5969
|
-
<mat-icon [svgIcon]="'
|
|
5970
|
+
<mat-icon [svgIcon]="'no-sort-icon'"></mat-icon>
|
|
5970
5971
|
</span>
|
|
5971
5972
|
<span *ngIf="ascSort === 'active'" ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-ascending-icon">
|
|
5972
5973
|
<mat-icon [svgIcon]="'asc-sort-icon'"></mat-icon>
|
|
5973
5974
|
</span>
|
|
5974
5975
|
<span *ngIf="descSort === 'active'" ref="eSortDesc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-descending-icon">
|
|
5975
|
-
<mat-icon [svgIcon]="'
|
|
5976
|
+
<mat-icon [svgIcon]="'desc-sort-icon'"></mat-icon>
|
|
5976
5977
|
</span>
|
|
5977
5978
|
</div>
|
|
5978
5979
|
</div>
|
|
5979
5980
|
</div>
|
|
5980
|
-
</div>`, isInline: true, styles: [".ag-header-control-container{display:flex}.ag-header-control-sort-container{position:absolute;top:1px;right:
|
|
5981
|
+
</div>`, isInline: true, styles: [".ag-header-control-container{display:flex}.ag-header-control-sort-container{position:absolute;top:1px;right:3px}.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-sort-container mat-icon{height:20px!important;width:20px!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
5981
5982
|
}
|
|
5982
5983
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridHeader, decorators: [{
|
|
5983
5984
|
type: Component,
|
|
5984
5985
|
args: [{ standalone: true, imports: [NgIf, NgClass, MatIconModule], template: `
|
|
5985
5986
|
<div #header class="ag-cell-label-container" role="presentation">
|
|
5986
|
-
<div ref="eLabel" class="ag-header-cell-label" role="presentation"
|
|
5987
|
+
<div ref="eLabel" class="ag-header-cell-label" role="presentation">
|
|
5987
5988
|
<div class="ag-header-control-container">
|
|
5988
5989
|
<div>
|
|
5989
5990
|
<span ref="eText" class="ag-header-cell-text">{{params.displayName}}</span>
|
|
5990
5991
|
</div>
|
|
5991
|
-
<div class="ag-header-control-sort-container">
|
|
5992
|
+
<div class="ag-header-control-sort-container" (click)="onSortRequested($event)">
|
|
5992
5993
|
<span *ngIf="noSort === 'active'" ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-ascending-icon">
|
|
5993
|
-
<mat-icon [svgIcon]="'
|
|
5994
|
+
<mat-icon [svgIcon]="'no-sort-icon'"></mat-icon>
|
|
5994
5995
|
</span>
|
|
5995
5996
|
<span *ngIf="ascSort === 'active'" ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-ascending-icon">
|
|
5996
5997
|
<mat-icon [svgIcon]="'asc-sort-icon'"></mat-icon>
|
|
5997
5998
|
</span>
|
|
5998
5999
|
<span *ngIf="descSort === 'active'" ref="eSortDesc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-descending-icon">
|
|
5999
|
-
<mat-icon [svgIcon]="'
|
|
6000
|
+
<mat-icon [svgIcon]="'desc-sort-icon'"></mat-icon>
|
|
6000
6001
|
</span>
|
|
6001
6002
|
</div>
|
|
6002
6003
|
</div>
|
|
6003
6004
|
</div>
|
|
6004
|
-
</div>`, styles: [".ag-header-control-container{display:flex}.ag-header-control-sort-container{position:absolute;top:1px;right:
|
|
6005
|
+
</div>`, styles: [".ag-header-control-container{display:flex}.ag-header-control-sort-container{position:absolute;top:1px;right:3px}.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-sort-container mat-icon{height:20px!important;width:20px!important}\n"] }]
|
|
6005
6006
|
}], propDecorators: { headerRef: [{
|
|
6006
6007
|
type: ViewChild,
|
|
6007
6008
|
args: ['header', { static: false }]
|