@trudb/tru-common-lib 0.1.964 → 0.1.966

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 (3) hide show
  1. package/fesm2022/trudb-tru-common-lib.mjs +26 -20
  2. package/fesm2022/trudb-tru-common-lib.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/trudb-tru-common-lib.mjs CHANGED
@@ -3374,6 +3374,9 @@ const NO_SORT_ICON = `
3374
3374
  <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"/>
3375
3375
  </svg>
3376
3376
  `;
3377
+ const FILTER_ICON = `
3378
+ <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>
3379
+ `;
3377
3380
  const CHANGE_PASSWORD_ICON = `
3378
3381
  <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>
3379
3382
  `;
@@ -3415,6 +3418,7 @@ class TruIconModule {
3415
3418
  iconRegistry.addSvgIconLiteral("asc-sort-icon", sanitizer.bypassSecurityTrustHtml(ASC_SORT_ICON));
3416
3419
  iconRegistry.addSvgIconLiteral("desc-sort-icon", sanitizer.bypassSecurityTrustHtml(DESC_SORT_ICON));
3417
3420
  iconRegistry.addSvgIconLiteral("no-sort-icon", sanitizer.bypassSecurityTrustHtml(NO_SORT_ICON));
3421
+ iconRegistry.addSvgIconLiteral("filter-icon", sanitizer.bypassSecurityTrustHtml(FILTER_ICON));
3418
3422
  iconRegistry.addSvgIconLiteral("change-password-icon", sanitizer.bypassSecurityTrustHtml(CHANGE_PASSWORD_ICON));
3419
3423
  iconRegistry.addSvgIconLiteral("settings-icon", sanitizer.bypassSecurityTrustHtml(SETTINGS_ICON));
3420
3424
  iconRegistry.addSvgIconLiteral("import-icon", sanitizer.bypassSecurityTrustHtml(IMPORT_ICON));
@@ -5986,36 +5990,38 @@ class TruDataGridHeader {
5986
5990
  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
5991
  <div #header class="ag-cell-label-container" role="presentation">
5988
5992
  <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>
5993
+ <div class="ag-header-control-container">
5994
+ <div>
5995
+ <span ref="eText" class="ag-header-cell-text">{{params.displayName}}</span>
5996
+ </div>
5997
+ <div class="ag-header-control-filter-container" *ngIf="showFilterMenu">
5998
+ <span ref="eFilterButton" class="ag-filter-icon" (click)="onFilterMenuButtonClicked($event)">
5999
+ <mat-icon [svgIcon]="'more-icon'" *ngIf="!this.params.api.isColumnFilterPresent()"></mat-icon>
6000
+ <mat-icon [svgIcon]="'filter-icon'" *ngIf="this.params.api.isColumnFilterPresent()"></mat-icon>
6001
+ </span>
5998
6002
  </div>
6003
+ </div>
5999
6004
  </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"] }] });
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;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
6006
  }
6002
6007
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridHeader, decorators: [{
6003
6008
  type: Component,
6004
6009
  args: [{ standalone: true, imports: [NgIf, NgClass, CommonModule, MatIconModule], template: `
6005
6010
  <div #header class="ag-cell-label-container" role="presentation">
6006
6011
  <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>
6012
+ <div class="ag-header-control-container">
6013
+ <div>
6014
+ <span ref="eText" class="ag-header-cell-text">{{params.displayName}}</span>
6016
6015
  </div>
6016
+ <div class="ag-header-control-filter-container" *ngIf="showFilterMenu">
6017
+ <span ref="eFilterButton" class="ag-filter-icon" (click)="onFilterMenuButtonClicked($event)">
6018
+ <mat-icon [svgIcon]="'more-icon'" *ngIf="!this.params.api.isColumnFilterPresent()"></mat-icon>
6019
+ <mat-icon [svgIcon]="'filter-icon'" *ngIf="this.params.api.isColumnFilterPresent()"></mat-icon>
6020
+ </span>
6021
+ </div>
6022
+ </div>
6017
6023
  </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"] }]
6024
+ </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
6025
  }], propDecorators: { headerRef: [{
6020
6026
  type: ViewChild,
6021
6027
  args: ['header', { static: false }]