@trudb/tru-common-lib 0.1.891 → 0.1.892
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.
|
@@ -5965,8 +5965,8 @@ class TruDataGridHeader {
|
|
|
5965
5965
|
<div>
|
|
5966
5966
|
<span ref="eText" class="ag-header-cell-text">{{params.displayName}}</span>
|
|
5967
5967
|
</div>
|
|
5968
|
-
<div class="ag-header-control-sort-container" (click)="onSortRequested($event)">
|
|
5969
|
-
<span *ngIf="noSort === 'active'" ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-
|
|
5968
|
+
<div class="ag-header-control-sort-container" (click)="onSortRequested($event)" (mouseenter)="isHovering = true" (mouseleave)="isHovering = false">
|
|
5969
|
+
<span *ngIf="noSort === 'active' && isHovering" ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-no-icon">
|
|
5970
5970
|
<mat-icon [svgIcon]="'no-sort-icon'"></mat-icon>
|
|
5971
5971
|
</span>
|
|
5972
5972
|
<span *ngIf="ascSort === 'active'" ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-ascending-icon">
|
|
@@ -5978,7 +5978,7 @@ class TruDataGridHeader {
|
|
|
5978
5978
|
</div>
|
|
5979
5979
|
</div>
|
|
5980
5980
|
</div>
|
|
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
|
+
</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;padding-top:2px!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"] }] });
|
|
5982
5982
|
}
|
|
5983
5983
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridHeader, decorators: [{
|
|
5984
5984
|
type: Component,
|
|
@@ -5989,8 +5989,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
5989
5989
|
<div>
|
|
5990
5990
|
<span ref="eText" class="ag-header-cell-text">{{params.displayName}}</span>
|
|
5991
5991
|
</div>
|
|
5992
|
-
<div class="ag-header-control-sort-container" (click)="onSortRequested($event)">
|
|
5993
|
-
<span *ngIf="noSort === 'active'" ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-
|
|
5992
|
+
<div class="ag-header-control-sort-container" (click)="onSortRequested($event)" (mouseenter)="isHovering = true" (mouseleave)="isHovering = false">
|
|
5993
|
+
<span *ngIf="noSort === 'active' && isHovering" ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-no-icon">
|
|
5994
5994
|
<mat-icon [svgIcon]="'no-sort-icon'"></mat-icon>
|
|
5995
5995
|
</span>
|
|
5996
5996
|
<span *ngIf="ascSort === 'active'" ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-icon ag-sort-ascending-icon">
|
|
@@ -6002,7 +6002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
6002
6002
|
</div>
|
|
6003
6003
|
</div>
|
|
6004
6004
|
</div>
|
|
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
|
+
</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;padding-top:2px!important}\n"] }]
|
|
6006
6006
|
}], propDecorators: { headerRef: [{
|
|
6007
6007
|
type: ViewChild,
|
|
6008
6008
|
args: ['header', { static: false }]
|
|
@@ -6059,7 +6059,7 @@ class TruDataGridRefHeader {
|
|
|
6059
6059
|
(click)="onSelectAllIconClicked()"
|
|
6060
6060
|
class="tru-data-grid-select-all-icon"
|
|
6061
6061
|
title="Select All (Ctrl+A)"></mat-icon>
|
|
6062
|
-
</div>`, isInline: true, styles: [".ag-sort-icon{height:100%;width:100%}.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:20px;width:16px;padding-top:4px}::ng-deep .tru-data-grid-select-all-icon path{fill:#d3d3d3;position:relative;z-index:100;pointer-events:all}
|
|
6062
|
+
</div>`, isInline: true, styles: [".ag-sort-icon{height:100%;width:100%}.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:20px;width:16px;padding-top:4px}::ng-deep .tru-data-grid-select-all-icon path{fill:#d3d3d3;position:relative;z-index:100;pointer-events:all}\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"] }] });
|
|
6063
6063
|
}
|
|
6064
6064
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridRefHeader, decorators: [{
|
|
6065
6065
|
type: Component,
|
|
@@ -6079,7 +6079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
6079
6079
|
(click)="onSelectAllIconClicked()"
|
|
6080
6080
|
class="tru-data-grid-select-all-icon"
|
|
6081
6081
|
title="Select All (Ctrl+A)"></mat-icon>
|
|
6082
|
-
</div>`, styles: [".ag-sort-icon{height:100%;width:100%}.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:20px;width:16px;padding-top:4px}::ng-deep .tru-data-grid-select-all-icon path{fill:#d3d3d3;position:relative;z-index:100;pointer-events:all}
|
|
6082
|
+
</div>`, styles: [".ag-sort-icon{height:100%;width:100%}.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:20px;width:16px;padding-top:4px}::ng-deep .tru-data-grid-select-all-icon path{fill:#d3d3d3;position:relative;z-index:100;pointer-events:all}\n"] }]
|
|
6083
6083
|
}] });
|
|
6084
6084
|
|
|
6085
6085
|
class TruDataGridUtil {
|