@annalib/anna-core 1.2.5 → 1.2.8

package/esm2020/src/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.mjs

@@ -1,5 +1,5 @@
 // Angular import statements
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 // Third party import statements
 // User defined import statements
 import { AnnaSortService } from '@annalib/anna-core/src/lib/anna-core-shared-lib';
@@ -11,7 +11,7 @@ import * as i2 from "@angular/common";
 export class AnnaSortComponent {
     constructor(annaSortService) {
         this.annaSortService = annaSortService;
-        this.sortOptionClicked = new EventEmitter(); //Type for the event
+        this.sortOptionClicked = new EventEmitter();
         this.sortOptions = [
             {
                 sortType: 'ASC',
@@ -58,13 +58,13 @@ export class AnnaSortComponent {
     }
 }
 AnnaSortComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaSortComponent, deps: [{ token: i1.AnnaSortService }], target: i0.ɵɵFactoryTarget.Component });
-AnnaSortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: { sortObjectKey: "sortObjectKey" }, outputs: { sortOptionClicked: "sortOptionClicked" }, usesOnChanges: true, ngImport: i0, template: "<p class=\"sort-container\">\r\n    <button\r\n        class=\"sort-btn\"\r\n        *ngFor=\"let option of sortOptions; let i = index\"\r\n        (click)=\"sortOptionChanged(i, option.sortType)\"\r\n        [ngClass]=\"{ active: option.isOptionActive }\"\r\n    >\r\n        {{option.text}}\r\n    </button>\r\n</p>", styles: [".sort-btn{background:white;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}\n"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+AnnaSortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: { sortObjectKey: "sortObjectKey" }, outputs: { sortOptionClicked: "sortOptionClicked" }, usesOnChanges: true, ngImport: i0, template: "<p class=\"sort-container\">\r\n    <button\r\n        class=\"sort-btn\"\r\n        *ngFor=\"let option of sortOptions; let i = index\"\r\n        (click)=\"sortOptionChanged(i, option.sortType)\"\r\n        [ngClass]=\"{ active: option.isOptionActive }\"\r\n    >\r\n        {{option.text}}\r\n    </button>\r\n</p>", styles: [".sort-btn{background:white;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}\n"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaSortComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-core-sort-lib', template: "<p class=\"sort-container\">\r\n    <button\r\n        class=\"sort-btn\"\r\n        *ngFor=\"let option of sortOptions; let i = index\"\r\n        (click)=\"sortOptionChanged(i, option.sortType)\"\r\n        [ngClass]=\"{ active: option.isOptionActive }\"\r\n    >\r\n        {{option.text}}\r\n    </button>\r\n</p>", styles: [".sort-btn{background:white;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}\n"] }]
+            args: [{ selector: 'anna-core-sort-lib', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"sort-container\">\r\n    <button\r\n        class=\"sort-btn\"\r\n        *ngFor=\"let option of sortOptions; let i = index\"\r\n        (click)=\"sortOptionChanged(i, option.sortType)\"\r\n        [ngClass]=\"{ active: option.isOptionActive }\"\r\n    >\r\n        {{option.text}}\r\n    </button>\r\n</p>", styles: [".sort-btn{background:white;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.AnnaSortService }]; }, propDecorators: { sortObjectKey: [{
                 type: Input
             }], sortOptionClicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5uYS1zb3J0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FubmEtY29yZS9zcmMvbGliL2FubmEtZ2VuZXJpYy10YWJsZS1saWIvY29tcG9uZW50cy9hbm5hLXNvcnQvYW5uYS1zb3J0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FubmEtY29yZS9zcmMvbGliL2FubmEtZ2VuZXJpYy10YWJsZS1saWIvY29tcG9uZW50cy9hbm5hLXNvcnQvYW5uYS1zb3J0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRCQUE0QjtBQUM1QixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUdqRyxnQ0FBZ0M7QUFFaEMsaUNBQWlDO0FBQ2pDLE9BQU8sRUFBRSxlQUFlLEVBQXdCLE1BQU0saURBQWlELENBQUM7Ozs7QUFFeEcsMENBQTBDO0FBRTFDLG9DQUFvQztBQU1wQyxNQUFNLE9BQU8saUJBQWlCO0lBdUI1QixZQUFvQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFwQjFDLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUMsQ0FBQyxvQkFBb0I7UUFFdEUsZ0JBQVcsR0FBaUI7WUFDMUI7Z0JBQ0UsUUFBUSxFQUFFLEtBQUs7Z0JBQ2YsY0FBYyxFQUFFLEtBQUs7Z0JBQ3JCLElBQUksRUFBRSxRQUFRO2FBQ2Y7WUFDRDtnQkFDRSxRQUFRLEVBQUUsTUFBTTtnQkFDaEIsY0FBYyxFQUFFLEtBQUs7Z0JBQ3JCLElBQUksRUFBRSxRQUFRO2FBQ2Y7WUFDRDtnQkFDRSxRQUFRLEVBQUUsU0FBUztnQkFDbkIsY0FBYyxFQUFFLEtBQUs7Z0JBQ3JCLElBQUksRUFBRSxTQUFTO2FBQ2hCO1NBQ0YsQ0FBQztJQUVxRCxDQUFDO0lBRXhELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxPQUFPLENBQUMsR0FBRyxDQUFDLDRCQUE0QixDQUFDLENBQUM7UUFDMUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDaEMsSUFBRyxPQUFPLENBQUMsZUFBZSxDQUFDLElBQUksT0FBTyxDQUFDLGVBQWUsQ0FBQyxDQUFDLFlBQVksRUFBQztZQUNuRSxPQUFPLENBQUMsR0FBRyxDQUFDLHlCQUF5QixDQUFDLENBQUM7WUFDdkMsSUFBSSxRQUFRLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUNyRCxJQUFJLENBQUMsYUFBYSxDQUNuQixDQUFDO1lBQ0YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM1QjtJQUVILENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFhLEVBQUUsUUFBa0I7UUFDakQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ2xFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztRQUM5QyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBQ3ZDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsZUFBZSxDQUFDLHFCQUFxQixDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQVksRUFBRSxFQUFFO1lBQ3BFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVyxDQUFDLE1BQWM7UUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQyxDQUFDO1FBQzlELElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsQ0FBQztRQUN4RSxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7SUFDaEQsQ0FBQzs7OEdBeERVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGdMQ2pCOUIsK1RBU0k7MkZEUVMsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLG9CQUFvQjtzR0FNckIsYUFBYTtzQkFBckIsS0FBSztnQkFDSSxpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBBbmd1bGFyIGltcG9ydCBzdGF0ZW1lbnRzXHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcblxyXG4vLyBUaGlyZCBwYXJ0eSBpbXBvcnQgc3RhdGVtZW50c1xyXG5cclxuLy8gVXNlciBkZWZpbmVkIGltcG9ydCBzdGF0ZW1lbnRzXHJcbmltcG9ydCB7IEFubmFTb3J0U2VydmljZSwgU29ydE9wdGlvbiwgU29ydFR5cGUgfSBmcm9tICdAYW5uYWxpYi9hbm5hLWNvcmUvc3JjL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYic7XHJcblxyXG4vL3N1Yi1lbnRyaWVzIG9mIGFubmEgbGliIGltcG9ydCBzdGF0ZW1lbnRcclxuXHJcbi8vQWRkIG9uQ2hhbmdlIHB1c2ggY2hhbmdlIGRldGVjdGlvblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FubmEtY29yZS1zb3J0LWxpYicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FubmEtc29ydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYW5uYS1zb3J0LmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBbm5hU29ydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlc3tcclxuICBcclxuICBASW5wdXQoKSBzb3J0T2JqZWN0S2V5OiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIHNvcnRPcHRpb25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcigpOyAvL1R5cGUgZm9yIHRoZSBldmVudFxyXG5cclxuICBzb3J0T3B0aW9uczogU29ydE9wdGlvbltdID0gW1xyXG4gICAge1xyXG4gICAgICBzb3J0VHlwZTogJ0FTQycsXHJcbiAgICAgIGlzT3B0aW9uQWN0aXZlOiBmYWxzZSxcclxuICAgICAgdGV4dDogJ0EgdG8gWicsXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBzb3J0VHlwZTogJ0RFU0MnLFxyXG4gICAgICBpc09wdGlvbkFjdGl2ZTogZmFsc2UsXHJcbiAgICAgIHRleHQ6ICdaIHRvIEEnLFxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgc29ydFR5cGU6ICdERUZBVUxUJyxcclxuICAgICAgaXNPcHRpb25BY3RpdmU6IGZhbHNlLFxyXG4gICAgICB0ZXh0OiAnREVGQVVMVCcsXHJcbiAgICB9LFxyXG4gIF07XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYW5uYVNvcnRTZXJ2aWNlOiBBbm5hU29ydFNlcnZpY2UpIHt9XHJcbiAgXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2coXCJzb3J0IGNvbXBvbmVudCBuZ09uQ2hhbmdlc1wiKTtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMuc29ydE9iamVjdEtleSk7XHJcbiAgICBpZihjaGFuZ2VzW1wic29ydE9iamVjdEtleVwiXSAmJiBjaGFuZ2VzW1wic29ydE9iamVjdEtleVwiXS5jdXJyZW50VmFsdWUpe1xyXG4gICAgICBjb25zb2xlLmxvZyhcImluc2lkZSBzb3J0IGFjdGl2ZSBmdW5jXCIpO1xyXG4gICAgICBsZXQgc29ydFR5cGUgPSB0aGlzLmFubmFTb3J0U2VydmljZS5jb2x1bW5Tb3J0U3RhdGUuZ2V0KFxyXG4gICAgICAgIHRoaXMuc29ydE9iamVjdEtleVxyXG4gICAgICApO1xyXG4gICAgICB0aGlzLnNldFNvcnRUeXBlKHNvcnRUeXBlKTtcclxuICAgIH1cclxuXHJcbiAgfVxyXG5cclxuICBzb3J0T3B0aW9uQ2hhbmdlZChpbmRleDogbnVtYmVyLCBzb3J0VHlwZTogU29ydFR5cGUpIHtcclxuICAgIHRoaXMuc29ydE9wdGlvbnMuZm9yRWFjaCgoaXRlbSkgPT4gKGl0ZW0uaXNPcHRpb25BY3RpdmUgPSBmYWxzZSkpO1xyXG4gICAgdGhpcy5zb3J0T3B0aW9uc1tpbmRleF0uaXNPcHRpb25BY3RpdmUgPSB0cnVlO1xyXG4gICAgdGhpcy5zb3J0T3B0aW9uQ2xpY2tlZC5lbWl0KHNvcnRUeXBlKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2coXCJzb3J0IGNvbXBvbmVudCBuZ09uSW5pdFwiKTtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMuYW5uYVNvcnRTZXJ2aWNlLmNvbHVtblNvcnRTdGF0ZSk7XHJcbiAgICB0aGlzLmFubmFTb3J0U2VydmljZS51cGRhdGVTb3J0VHlwZVN1YmplY3Quc3Vic2NyaWJlKChpdGVtOiBzdHJpbmcpID0+IHtcclxuICAgICAgdGhpcy5zZXRTb3J0VHlwZShpdGVtKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgc2V0U29ydFR5cGUob3B0aW9uOiBzdHJpbmcpe1xyXG4gICAgdGhpcy5zb3J0T3B0aW9ucy5mb3JFYWNoKGl0ZW0gPT4gaXRlbS5pc09wdGlvbkFjdGl2ZSA9IGZhbHNlKTtcclxuICAgIGxldCBpbmRleCA9IHRoaXMuc29ydE9wdGlvbnMuZmluZEluZGV4KGl0ZW0gPT4gaXRlbS5zb3J0VHlwZSA9PSBvcHRpb24pO1xyXG4gICAgdGhpcy5zb3J0T3B0aW9uc1tpbmRleF0uaXNPcHRpb25BY3RpdmUgPSB0cnVlO1xyXG4gIH1cclxufVxyXG4iLCI8cCBjbGFzcz1cInNvcnQtY29udGFpbmVyXCI+XHJcbiAgICA8YnV0dG9uXHJcbiAgICAgICAgY2xhc3M9XCJzb3J0LWJ0blwiXHJcbiAgICAgICAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBzb3J0T3B0aW9uczsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICAgICAgKGNsaWNrKT1cInNvcnRPcHRpb25DaGFuZ2VkKGksIG9wdGlvbi5zb3J0VHlwZSlcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBvcHRpb24uaXNPcHRpb25BY3RpdmUgfVwiXHJcbiAgICA+XHJcbiAgICAgICAge3tvcHRpb24udGV4dH19XHJcbiAgICA8L2J1dHRvbj5cclxuPC9wPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5uYS1zb3J0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FubmEtY29yZS9zcmMvbGliL2FubmEtZ2VuZXJpYy10YWJsZS1saWIvY29tcG9uZW50cy9hbm5hLXNvcnQvYW5uYS1zb3J0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FubmEtY29yZS9zcmMvbGliL2FubmEtZ2VuZXJpYy10YWJsZS1saWIvY29tcG9uZW50cy9hbm5hLXNvcnQvYW5uYS1zb3J0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRCQUE0QjtBQUM1QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUcxSCxnQ0FBZ0M7QUFFaEMsaUNBQWlDO0FBQ2pDLE9BQU8sRUFBRSxlQUFlLEVBQXdCLE1BQU0saURBQWlELENBQUM7Ozs7QUFFeEcsMENBQTBDO0FBRTFDLG9DQUFvQztBQU9wQyxNQUFNLE9BQU8saUJBQWlCO0lBdUI1QixZQUFvQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFwQjFDLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFZLENBQUM7UUFFM0QsZ0JBQVcsR0FBaUI7WUFDMUI7Z0JBQ0UsUUFBUSxFQUFFLEtBQUs7Z0JBQ2YsY0FBYyxFQUFFLEtBQUs7Z0JBQ3JCLElBQUksRUFBRSxRQUFRO2FBQ2Y7WUFDRDtnQkFDRSxRQUFRLEVBQUUsTUFBTTtnQkFDaEIsY0FBYyxFQUFFLEtBQUs7Z0JBQ3JCLElBQUksRUFBRSxRQUFRO2FBQ2Y7WUFDRDtnQkFDRSxRQUFRLEVBQUUsU0FBUztnQkFDbkIsY0FBYyxFQUFFLEtBQUs7Z0JBQ3JCLElBQUksRUFBRSxTQUFTO2FBQ2hCO1NBQ0YsQ0FBQztJQUVxRCxDQUFDO0lBRXhELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxPQUFPLENBQUMsR0FBRyxDQUFDLDRCQUE0QixDQUFDLENBQUM7UUFDMUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDaEMsSUFBRyxPQUFPLENBQUMsZUFBZSxDQUFDLElBQUksT0FBTyxDQUFDLGVBQWUsQ0FBQyxDQUFDLFlBQVksRUFBQztZQUNuRSxPQUFPLENBQUMsR0FBRyxDQUFDLHlCQUF5QixDQUFDLENBQUM7WUFDdkMsSUFBSSxRQUFRLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUNyRCxJQUFJLENBQUMsYUFBYSxDQUNuQixDQUFDO1lBQ0YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM1QjtJQUVILENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFhLEVBQUUsUUFBa0I7UUFDakQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ2xFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztRQUM5QyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBQ3ZDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsZUFBZSxDQUFDLHFCQUFxQixDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQVksRUFBRSxFQUFFO1lBQ3BFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVyxDQUFDLE1BQWM7UUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQyxDQUFDO1FBQzlELElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsQ0FBQztRQUN4RSxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7SUFDaEQsQ0FBQzs7OEdBeERVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGdMQ2xCOUIsK1RBU0k7MkZEU1MsaUJBQWlCO2tCQU43QixTQUFTOytCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNO3NHQUl0QyxhQUFhO3NCQUFyQixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8vIEFuZ3VsYXIgaW1wb3J0IHN0YXRlbWVudHNcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcblxyXG4vLyBUaGlyZCBwYXJ0eSBpbXBvcnQgc3RhdGVtZW50c1xyXG5cclxuLy8gVXNlciBkZWZpbmVkIGltcG9ydCBzdGF0ZW1lbnRzXHJcbmltcG9ydCB7IEFubmFTb3J0U2VydmljZSwgU29ydE9wdGlvbiwgU29ydFR5cGUgfSBmcm9tICdAYW5uYWxpYi9hbm5hLWNvcmUvc3JjL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYic7XHJcblxyXG4vL3N1Yi1lbnRyaWVzIG9mIGFubmEgbGliIGltcG9ydCBzdGF0ZW1lbnRcclxuXHJcbi8vQWRkIG9uQ2hhbmdlIHB1c2ggY2hhbmdlIGRldGVjdGlvblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FubmEtY29yZS1zb3J0LWxpYicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FubmEtc29ydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYW5uYS1zb3J0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEFubmFTb3J0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2Vze1xyXG4gIFxyXG4gIEBJbnB1dCgpIHNvcnRPYmplY3RLZXk6IHN0cmluZztcclxuICBAT3V0cHV0KCkgc29ydE9wdGlvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPFNvcnRUeXBlPigpO1xyXG5cclxuICBzb3J0T3B0aW9uczogU29ydE9wdGlvbltdID0gW1xyXG4gICAge1xyXG4gICAgICBzb3J0VHlwZTogJ0FTQycsXHJcbiAgICAgIGlzT3B0aW9uQWN0aXZlOiBmYWxzZSxcclxuICAgICAgdGV4dDogJ0EgdG8gWicsXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBzb3J0VHlwZTogJ0RFU0MnLFxyXG4gICAgICBpc09wdGlvbkFjdGl2ZTogZmFsc2UsXHJcbiAgICAgIHRleHQ6ICdaIHRvIEEnLFxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgc29ydFR5cGU6ICdERUZBVUxUJyxcclxuICAgICAgaXNPcHRpb25BY3RpdmU6IGZhbHNlLFxyXG4gICAgICB0ZXh0OiAnREVGQVVMVCcsXHJcbiAgICB9LFxyXG4gIF07XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYW5uYVNvcnRTZXJ2aWNlOiBBbm5hU29ydFNlcnZpY2UpIHt9XHJcbiAgXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2coXCJzb3J0IGNvbXBvbmVudCBuZ09uQ2hhbmdlc1wiKTtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMuc29ydE9iamVjdEtleSk7XHJcbiAgICBpZihjaGFuZ2VzW1wic29ydE9iamVjdEtleVwiXSAmJiBjaGFuZ2VzW1wic29ydE9iamVjdEtleVwiXS5jdXJyZW50VmFsdWUpe1xyXG4gICAgICBjb25zb2xlLmxvZyhcImluc2lkZSBzb3J0IGFjdGl2ZSBmdW5jXCIpO1xyXG4gICAgICBsZXQgc29ydFR5cGUgPSB0aGlzLmFubmFTb3J0U2VydmljZS5jb2x1bW5Tb3J0U3RhdGUuZ2V0KFxyXG4gICAgICAgIHRoaXMuc29ydE9iamVjdEtleVxyXG4gICAgICApO1xyXG4gICAgICB0aGlzLnNldFNvcnRUeXBlKHNvcnRUeXBlKTtcclxuICAgIH1cclxuXHJcbiAgfVxyXG5cclxuICBzb3J0T3B0aW9uQ2hhbmdlZChpbmRleDogbnVtYmVyLCBzb3J0VHlwZTogU29ydFR5cGUpIHtcclxuICAgIHRoaXMuc29ydE9wdGlvbnMuZm9yRWFjaCgoaXRlbSkgPT4gKGl0ZW0uaXNPcHRpb25BY3RpdmUgPSBmYWxzZSkpO1xyXG4gICAgdGhpcy5zb3J0T3B0aW9uc1tpbmRleF0uaXNPcHRpb25BY3RpdmUgPSB0cnVlO1xyXG4gICAgdGhpcy5zb3J0T3B0aW9uQ2xpY2tlZC5lbWl0KHNvcnRUeXBlKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2coXCJzb3J0IGNvbXBvbmVudCBuZ09uSW5pdFwiKTtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMuYW5uYVNvcnRTZXJ2aWNlLmNvbHVtblNvcnRTdGF0ZSk7XHJcbiAgICB0aGlzLmFubmFTb3J0U2VydmljZS51cGRhdGVTb3J0VHlwZVN1YmplY3Quc3Vic2NyaWJlKChpdGVtOiBzdHJpbmcpID0+IHtcclxuICAgICAgdGhpcy5zZXRTb3J0VHlwZShpdGVtKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgc2V0U29ydFR5cGUob3B0aW9uOiBzdHJpbmcpe1xyXG4gICAgdGhpcy5zb3J0T3B0aW9ucy5mb3JFYWNoKGl0ZW0gPT4gaXRlbS5pc09wdGlvbkFjdGl2ZSA9IGZhbHNlKTtcclxuICAgIGxldCBpbmRleCA9IHRoaXMuc29ydE9wdGlvbnMuZmluZEluZGV4KGl0ZW0gPT4gaXRlbS5zb3J0VHlwZSA9PSBvcHRpb24pO1xyXG4gICAgdGhpcy5zb3J0T3B0aW9uc1tpbmRleF0uaXNPcHRpb25BY3RpdmUgPSB0cnVlO1xyXG4gIH1cclxufVxyXG4iLCI8cCBjbGFzcz1cInNvcnQtY29udGFpbmVyXCI+XHJcbiAgICA8YnV0dG9uXHJcbiAgICAgICAgY2xhc3M9XCJzb3J0LWJ0blwiXHJcbiAgICAgICAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBzb3J0T3B0aW9uczsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICAgICAgKGNsaWNrKT1cInNvcnRPcHRpb25DaGFuZ2VkKGksIG9wdGlvbi5zb3J0VHlwZSlcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBvcHRpb24uaXNPcHRpb25BY3RpdmUgfVwiXHJcbiAgICA+XHJcbiAgICAgICAge3tvcHRpb24udGV4dH19XHJcbiAgICA8L2J1dHRvbj5cclxuPC9wPiJdfQ==

package/fesm2015/annalib-anna-core-src-lib-anna-core-shared-lib.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, Pipe, Directive, HostListener, NgModule, Injectable } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, Pipe, Directive, HostListener, EventEmitter, Output, NgModule, Injectable } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { memoize, min, max, sortBy, map, uniq, cloneDeep, isEqual } from 'lodash-es';
@@ -120,7 +120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
             args: [{ selector: 'anna-rejected-icon-template', template: "<ng-container [ngTemplateOutlet]=\"rejectedIcon\"></ng-container>\r\n\r\n<ng-template #rejectedIcon>\r\n    <svg width=\"15px\" height=\"15px\" viewBox=\"0 0 20 20\">\r\n        <g id=\"Buyer-rejected-icon\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n            <path\r\n                d=\"M15.7822266,4.21777344 C14.3671875,2.80276367 12.4951465,2 10.5,2 C6.37918945,2 3,5.37253906 3,9.5 C3,13.6296289 6.37133789,17 10.5,17 C14.6105273,17 18,13.6429004 18,9.5 C18,7.50485352 17.1972656,5.6327832 15.7822266,4.21777344 Z M10.5,15.2128906 C7.34220703,15.2128906 4.78710938,12.664502 4.78710938,9.5 C4.78710938,8.26950195 5.17382812,7.10055664 5.88574219,6.13375977 L13.8662402,14.1054395 C12.8993848,14.8261719 11.730498,15.2128906 10.5,15.2128906 Z M15.1054688,12.8661816 L7.13375977,4.88574219 C8.10061523,4.17382813 9.26950195,3.78710938 10.5,3.78710938 C13.6578809,3.78710938 16.2128906,6.33549805 16.2128906,9.5 C16.2128906,10.7304395 15.8261719,11.8993848 15.1054688,12.8661816 Z\"\r\n                id=\"Shape\"\r\n                fill=\"#4A4A4A\"\r\n                fill-rule=\"nonzero\"\r\n            ></path>\r\n        </g>\r\n    </svg>\r\n</ng-template>\r\n", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 
-class ShowTooltipDirective {
+class showEllipsisTextOnHoverDirective {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
@@ -133,18 +133,45 @@ class ShowTooltipDirective {
             element.removeAttribute('title');
     }
 }
-ShowTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ShowTooltipDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ShowTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: ShowTooltipDirective, selector: "[showTooltip]", host: { listeners: { "mouseenter": "onMouseEnter()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ShowTooltipDirective, decorators: [{
+showEllipsisTextOnHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: showEllipsisTextOnHoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+showEllipsisTextOnHoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: showEllipsisTextOnHoverDirective, selector: "[showEllipsisTextOnHover]", host: { listeners: { "mouseenter": "onMouseEnter()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: showEllipsisTextOnHoverDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[showTooltip]'
+                    selector: '[showEllipsisTextOnHover]'
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onMouseEnter: [{
                 type: HostListener,
                 args: ['mouseenter']
             }] } });
 
+class AnnaIconColumnComponent {
+    constructor() {
+        this.PfpIconActiveColor = "#9B1B93";
+        this.PfpIconDisableColor = "rgba(189,189,189,0.5)";
+        this.pfpIconClicked = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    svgIconClicked(rowData, key) {
+        this.pfpIconClicked.emit({ data: rowData, key: key });
+    }
+}
+AnnaIconColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaIconColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AnnaIconColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: AnnaIconColumnComponent, selector: "anna-core-anna-icon-column", inputs: { componentName: "componentName", objectKey: "objectKey", dataObject: "dataObject" }, outputs: { pfpIconClicked: "pfpIconClicked" }, ngImport: i0, template: "<ng-container *ngIf=\"componentName == 'ORDER_LISTING_INFLIGHT'\">\n    <span\n        *ngIf=\"dataObject.payForPerformance && objectKey == 'payForPerformance'\"\n        class=\"cursor-not-allowed\"\n        (click)=\"$event.stopPropagation()\"\n    >\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconActiveColor\"\n            [width]=\"'15px'\"\n            [height]=\"'15px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n    <span\n        *ngIf=\"dataObject.orderStatus != 'LIVE' && !dataObject.payForPerformance && objectKey == 'payForPerformance'\"\n        (click)=\"svgIconClicked(dataObject,'payForPerformance')\"\n    >\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconDisableColor\"\n            [width]=\"'15px'\"\n            [height]=\"'15px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n\n    <anna-live-icon-template *ngIf=\"dataObject.orderStatus == 'LIVE' && objectKey == 'orderStatus' \"></anna-live-icon-template>\n</ng-container>\n<ng-container *ngIf=\"componentName == 'ORDER_LISTING_COMPLETED'\">\n    <span *ngIf=\"dataObject.payForPerformance && objectKey == 'payForPerformance'\" (click)=\"$event.stopPropagation()\">\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconActiveColor\"\n            [width]=\"'20px'\"\n            [height]=\"'20px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n</ng-container>\n<ng-container *ngIf=\"objectKey == 'bizRuleStatus'\">\n    <anna-rejected-icon-template *ngIf=\"dataObject.bizRuleStatus == 'REJECTED'\"></anna-rejected-icon-template>\n    <anna-notify-icon-template *ngIf=\"dataObject.bizRuleStatus == 'NOTIFY'\"></anna-notify-icon-template>\n    <anna-buyer-approval-icon-template *ngIf=\"dataObject.bizRuleStatus == 'AWAITING_APPROVAL'\"></anna-buyer-approval-icon-template>\n</ng-container>\n", styles: [""], components: [{ type: AnnaPayForPerformanceIconTemplateComponent, selector: "anna-pay-for-performance-icon-template", inputs: ["color", "width", "height"] }, { type: AnnaLiveIconTemplateComponent, selector: "anna-live-icon-template" }, { type: AnnaRejectedIconTemplateComponent, selector: "anna-rejected-icon-template" }, { type: AnnaNotifyIconTemplateComponent, selector: "anna-notify-icon-template" }, { type: AnnaBuyerApprovalIconTemplateComponent, selector: "anna-buyer-approval-icon-template" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaIconColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anna-core-anna-icon-column', template: "<ng-container *ngIf=\"componentName == 'ORDER_LISTING_INFLIGHT'\">\n    <span\n        *ngIf=\"dataObject.payForPerformance && objectKey == 'payForPerformance'\"\n        class=\"cursor-not-allowed\"\n        (click)=\"$event.stopPropagation()\"\n    >\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconActiveColor\"\n            [width]=\"'15px'\"\n            [height]=\"'15px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n    <span\n        *ngIf=\"dataObject.orderStatus != 'LIVE' && !dataObject.payForPerformance && objectKey == 'payForPerformance'\"\n        (click)=\"svgIconClicked(dataObject,'payForPerformance')\"\n    >\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconDisableColor\"\n            [width]=\"'15px'\"\n            [height]=\"'15px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n\n    <anna-live-icon-template *ngIf=\"dataObject.orderStatus == 'LIVE' && objectKey == 'orderStatus' \"></anna-live-icon-template>\n</ng-container>\n<ng-container *ngIf=\"componentName == 'ORDER_LISTING_COMPLETED'\">\n    <span *ngIf=\"dataObject.payForPerformance && objectKey == 'payForPerformance'\" (click)=\"$event.stopPropagation()\">\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconActiveColor\"\n            [width]=\"'20px'\"\n            [height]=\"'20px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n</ng-container>\n<ng-container *ngIf=\"objectKey == 'bizRuleStatus'\">\n    <anna-rejected-icon-template *ngIf=\"dataObject.bizRuleStatus == 'REJECTED'\"></anna-rejected-icon-template>\n    <anna-notify-icon-template *ngIf=\"dataObject.bizRuleStatus == 'NOTIFY'\"></anna-notify-icon-template>\n    <anna-buyer-approval-icon-template *ngIf=\"dataObject.bizRuleStatus == 'AWAITING_APPROVAL'\"></anna-buyer-approval-icon-template>\n</ng-container>\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { componentName: [{
+                type: Input
+            }], objectKey: [{
+                type: Input
+            }], dataObject: [{
+                type: Input
+            }], pfpIconClicked: [{
+                type: Output
+            }] } });
+
 // Angular import statements
 class AnnaCoreSharedLibModule {
 }
@@ -156,14 +183,16 @@ AnnaCoreSharedLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         AnnaNotifyIconTemplateComponent,
         AnnaPayForPerformanceIconTemplateComponent,
         AnnaRejectedIconTemplateComponent,
-        ShowTooltipDirective], imports: [CommonModule], exports: [AnnaNoDataComponent,
+        showEllipsisTextOnHoverDirective,
+        AnnaIconColumnComponent], imports: [CommonModule], exports: [AnnaNoDataComponent,
         AnnaFilterSearchedTextPipe,
         AnnaBuyerApprovalIconTemplateComponent,
         AnnaLiveIconTemplateComponent,
         AnnaNotifyIconTemplateComponent,
         AnnaPayForPerformanceIconTemplateComponent,
         AnnaRejectedIconTemplateComponent,
-        ShowTooltipDirective] });
+        showEllipsisTextOnHoverDirective,
+        AnnaIconColumnComponent] });
 AnnaCoreSharedLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaCoreSharedLibModule, imports: [[
             CommonModule
         ]] });
@@ -178,7 +207,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                         AnnaNotifyIconTemplateComponent,
                         AnnaPayForPerformanceIconTemplateComponent,
                         AnnaRejectedIconTemplateComponent,
-                        ShowTooltipDirective
+                        showEllipsisTextOnHoverDirective,
+                        AnnaIconColumnComponent,
                     ],
                     imports: [
                         CommonModule
@@ -191,7 +221,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                         AnnaNotifyIconTemplateComponent,
                         AnnaPayForPerformanceIconTemplateComponent,
                         AnnaRejectedIconTemplateComponent,
-                        ShowTooltipDirective
+                        showEllipsisTextOnHoverDirective,
+                        AnnaIconColumnComponent
                     ]
                 }]
         }] });
@@ -505,7 +536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
 
 class TooltipModel {
     constructor(obj, id) {
-        this.label = obj.toString();
+        this.label = obj ? obj.toString() : null;
         this.value = obj;
         this.isSelected = false;
         this.id = id;
@@ -683,6 +714,7 @@ class AnnaFilterService {
         this.tooltipSelectedMap = new Map();
         this.appliedFiltersArray = [];
         this.sliderCurrencySet = new Set(["booked", "cpp", "cpm", "rcvPreempt", "osPreempt", "postedAdu", "scheduledAdu", "audienceDeficit", "Rate"]);
+        this.isFilterSortActive = null;
         this.percentTranslateFunction = (data) => {
             const val = data.toFixed(1) + "%";
             return val;
@@ -1108,9 +1140,6 @@ class AnnaFilterService {
         // objTime = objTime[0] + ":" + objTime[1] + ":00";
         // objTime = moment(objTime, format);
         let momentTime = moment(objTime, format);
-        console.log(momentTime);
-        console.log(selectedFromTime);
-        console.log(selectedToTime);
         let isObjTimeSameAsSelectedFromTime = momentTime.isSame(selectedFromTime);
         let isObjTimeSameAsSelectedToTime = momentTime.isSame(selectedToTime);
         let isObjTimeBetweenSelectedFromTimeAndToTime = momentTime.isBetween(selectedFromTime, selectedToTime);
@@ -1156,7 +1185,6 @@ class AnnaFilterService {
             let momentEndDate = moment(obj.endDate);
             let startDateIsBetweenSelDate = momentStartDate.isBetween(value.fromDate, value.toDate);
             let endDateIsBetweenSelDate = momentEndDate.isBetween(value.fromDate, value.toDate);
-            console.log(moment(obj.startDate, parsingFormat));
             let startDateIsSameAsSelStartDate = value.fromDate.isSame(momentStartDate);
             let endDateIsSameAsSelEndDate = value.toDate.isSame(momentEndDate);
             return ((startDateIsBetweenSelDate || startDateIsSameAsSelStartDate) &&
@@ -1195,8 +1223,6 @@ class AnnaFilterService {
     }
     getFilterOptionsData(data, clonedData) {
         let appliedFilterSet = new Set(this.appliedFiltersArray);
-        console.log("appliedFilterSet");
-        console.log(appliedFilterSet);
         if (appliedFilterSet.has(this.selectedRadio)) {
             return this.filterData(clonedData, this.selectedRadio);
         }
@@ -1242,13 +1268,27 @@ class AnnaFilterService {
     isObjectInTheRange(obj, value, key) {
         let objVal = obj[key];
         let momentDate = moment(objVal);
-        console.log(objVal);
-        console.log(value.fromDate);
         let isDateSameAsStartOfTheRange = value.fromDate.isSame(objVal);
         let isDateSameAsEndOfTheRange = value.toDate.isSame(objVal);
         let isDateBetweenTheStartAndEndOfRange = momentDate.isBetween(value.fromDate, value.toDate);
         return isDateSameAsStartOfTheRange || isDateSameAsEndOfTheRange || isDateBetweenTheStartAndEndOfRange;
     }
+    updateStateOfTheCurrentFilterTab(sortMap) {
+        let activeKey = this.selectedRadio;
+        let keyArr = [];
+        Object.keys(this.isFilterSortActive).forEach(key => {
+            if (key.includes(activeKey)) {
+                keyArr = key.split(",");
+                this.isFilterSortActive[key] = this.isTooltipActive(keyArr, sortMap);
+            }
+        });
+    }
+    updateStateOfAllTheKeys(sortMap) {
+        Object.keys(this.isFilterSortActive).forEach(key => {
+            let keyArr = key.split(",");
+            this.isFilterSortActive[key] = this.isTooltipActive(keyArr, sortMap);
+        });
+    }
 }
 AnnaFilterService.bufferSize = 20;
 AnnaFilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaFilterService, deps: [{ token: AnnaDateTimeFormatService }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -1341,5 +1381,5 @@ var Days;
  * Generated bundle index. Do not edit.
  */
 
-export { AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCoreSharedLibModule, AnnaDateTimeFormatService, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaGenericTableService, AnnaGlobalConfigService, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNotifyIconTemplateComponent, AnnaPayForPerformanceIconTemplateComponent, AnnaRejectedIconTemplateComponent, AnnaSortService, Constants, Days, ErrorCodes, ShowTooltipDirective, TooltipModel, radioButtonModel, tooltipModelForColumnLevelFiltering };
+export { AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCoreSharedLibModule, AnnaDateTimeFormatService, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaGenericTableService, AnnaGlobalConfigService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNotifyIconTemplateComponent, AnnaPayForPerformanceIconTemplateComponent, AnnaRejectedIconTemplateComponent, AnnaSortService, Constants, Days, ErrorCodes, TooltipModel, radioButtonModel, showEllipsisTextOnHoverDirective, tooltipModelForColumnLevelFiltering };
 //# sourceMappingURL=annalib-anna-core-src-lib-anna-core-shared-lib.mjs.map