@trudb/tru-common-lib 0.1.963 → 0.1.965

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.
Files changed (4) hide show
  1. package/fesm2022/trudb-tru-common-lib.mjs +25 -25
  2. package/fesm2022/trudb-tru-common-lib.mjs.map +1 -1
  3. package/lib/components/data-grid/headers/tru-data-grid-header-filter.d.ts +1 -1
  4. package/package.json +1 -1
package/fesm2022/trudb-tru-common-lib.mjs CHANGED
@@ -5986,36 +5986,36 @@ class TruDataGridHeader {
5986
5986
  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: `
5987
5987
  <div #header class="ag-cell-label-container" role="presentation">
5988
5988
  <div ref="eLabel" class="ag-header-cell-label" role="presentation" (mouseenter)="onHeaderMouseEnter($event)" (mouseleave)="onHeaderMouseLeave($event)">
5989
- <div class="ag-header-control-container">
5990
- <div>
5991
- <span ref="eText" class="ag-header-cell-text">{{params.displayName}}</span>
5992
- </div>
5993
- <div class="ag-header-control-filter-container" *ngIf="showFilterMenu">
5994
- <span ref="eFilterButton" class="ag-filter-icon" (click)="onFilterMenuButtonClicked($event)">
5995
- <mat-icon [svgIcon]="'more-icon'"></mat-icon>
5996
- </span>
5997
- </div>
5989
+ <div class="ag-header-control-container">
5990
+ <div>
5991
+ <span ref="eText" class="ag-header-cell-text">{{params.displayName}}</span>
5998
5992
  </div>
5993
+ <div class="ag-header-control-filter-container" *ngIf="showFilterMenu">
5994
+ <span ref="eFilterButton" class="ag-filter-icon" (click)="onFilterMenuButtonClicked($event)">
5995
+ <mat-icon [svgIcon]="'more-icon'"></mat-icon>
5996
+ </span>
5997
+ </div>
5998
+ </div>
5999
5999
  </div>
6000
- </div>`, isInline: true, styles: [".ag-header-control-container{display:flex}.ag-header-control-filter-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-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"] }] });
6000
+ </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;border-radius:2px;border:1px solid #949494}.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"] }] });
6001
6001
  }
6002
6002
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridHeader, decorators: [{
6003
6003
  type: Component,
6004
6004
  args: [{ standalone: true, imports: [NgIf, NgClass, CommonModule, MatIconModule], template: `
6005
6005
  <div #header class="ag-cell-label-container" role="presentation">
6006
6006
  <div ref="eLabel" class="ag-header-cell-label" role="presentation" (mouseenter)="onHeaderMouseEnter($event)" (mouseleave)="onHeaderMouseLeave($event)">
6007
- <div class="ag-header-control-container">
6008
- <div>
6009
- <span ref="eText" class="ag-header-cell-text">{{params.displayName}}</span>
6010
- </div>
6011
- <div class="ag-header-control-filter-container" *ngIf="showFilterMenu">
6012
- <span ref="eFilterButton" class="ag-filter-icon" (click)="onFilterMenuButtonClicked($event)">
6013
- <mat-icon [svgIcon]="'more-icon'"></mat-icon>
6014
- </span>
6015
- </div>
6007
+ <div class="ag-header-control-container">
6008
+ <div>
6009
+ <span ref="eText" class="ag-header-cell-text">{{params.displayName}}</span>
6016
6010
  </div>
6011
+ <div class="ag-header-control-filter-container" *ngIf="showFilterMenu">
6012
+ <span ref="eFilterButton" class="ag-filter-icon" (click)="onFilterMenuButtonClicked($event)">
6013
+ <mat-icon [svgIcon]="'more-icon'"></mat-icon>
6014
+ </span>
6015
+ </div>
6016
+ </div>
6017
6017
  </div>
6018
- </div>`, styles: [".ag-header-control-container{display:flex}.ag-header-control-filter-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-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"] }]
6018
+ </div>`, styles: [".ag-header-control-container{display:flex}.ag-header-control-filter-container{position:absolute;top:1px;right:3px;width:20px;height:20px;border-radius:2px;border:1px solid #949494}.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"] }]
6019
6019
  }], propDecorators: { headerRef: [{
6020
6020
  type: ViewChild,
6021
6021
  args: ['header', { static: false }]
@@ -6036,21 +6036,21 @@ class TruDataGridHeaderFilter {
6036
6036
  value: 'asc',
6037
6037
  label: 'Sort A to Z',
6038
6038
  selected: false,
6039
- display: !this.filterParams.column.isSortAscending(),
6039
+ display: () => { return !this.filterParams.column.isSortAscending(); },
6040
6040
  icon: 'asc-sort-icon'
6041
6041
  },
6042
6042
  {
6043
6043
  value: 'desc',
6044
6044
  label: 'Sort Z to A',
6045
6045
  selected: false,
6046
- display: !this.filterParams.column.isSortDescending(),
6046
+ display: () => { return !this.filterParams.column.isSortDescending(); },
6047
6047
  icon: 'desc-sort-icon'
6048
6048
  },
6049
6049
  {
6050
6050
  value: null,
6051
6051
  label: 'Clear Sort',
6052
6052
  selected: false,
6053
- display: this.filterParams.column.isSortAscending() || this.filterParams.column.isSortDescending(),
6053
+ display: () => { return this.filterParams.column.isSortAscending() || this.filterParams.column.isSortDescending(); },
6054
6054
  icon: 'no-sort-icon'
6055
6055
  }
6056
6056
  ];
@@ -6091,7 +6091,7 @@ class TruDataGridHeaderFilter {
6091
6091
  <div class="tru-data-grid-header-filter-container">
6092
6092
  <mat-selection-list #sort [multiple]="false" (selectionChange)="onSortSelection($event)">
6093
6093
  @for (typeOfSort of typesOfSort; track typeOfSort.value) {
6094
- <mat-list-option [value]='typeOfSort' *ngIf="typeOfSort.display">
6094
+ <mat-list-option [value]='typeOfSort' *ngIf="typeOfSort.display()">
6095
6095
  <mat-icon [svgIcon]="typeOfSort.icon"></mat-icon>
6096
6096
  <span matListItem>{{typeOfSort.label}}</span>
6097
6097
  </mat-list-option>
@@ -6135,7 +6135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
6135
6135
  <div class="tru-data-grid-header-filter-container">
6136
6136
  <mat-selection-list #sort [multiple]="false" (selectionChange)="onSortSelection($event)">
6137
6137
  @for (typeOfSort of typesOfSort; track typeOfSort.value) {
6138
- <mat-list-option [value]='typeOfSort' *ngIf="typeOfSort.display">
6138
+ <mat-list-option [value]='typeOfSort' *ngIf="typeOfSort.display()">
6139
6139
  <mat-icon [svgIcon]="typeOfSort.icon"></mat-icon>
6140
6140
  <span matListItem>{{typeOfSort.label}}</span>
6141
6141
  </mat-list-option>