@annalib/anna-core 1.2.6 → 1.2.9

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,8 +1,8 @@
 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';
+import { memoize, min, max, uniq, cloneDeep, isEqual, map, sortBy } from 'lodash-es';
 import moment from 'moment';
 import { Subject } from 'rxjs';
 
@@ -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.onColumnIconClicked = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    svgIconClicked(rowData, key) {
+        this.onColumnIconClicked.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: { onColumnIconClicked: "onColumnIconClicked" }, 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
+            }], onColumnIconClicked: [{
+                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
                     ]
                 }]
         }] });
@@ -503,36 +534,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
-class TooltipModel {
-    constructor(obj, id) {
-        this.label = obj ? obj.toString() : null;
-        this.value = obj;
-        this.isSelected = false;
-        this.id = id;
-    }
-}
-class tooltipModelForColumnLevelFiltering {
-    constructor(data) {
-        this.data = data;
-        this.isSelected = true;
-        this.isHidden = false;
-    }
-}
-class radioButtonModel {
-    constructor(key, value, sort, filter) {
-        this.key = key;
-        this.label = value;
-        this.isSortRequired = sort;
-        this.isFilterRequired = filter;
-    }
-}
-var AllSelectedStatus;
-(function (AllSelectedStatus) {
-    AllSelectedStatus[AllSelectedStatus["none"] = 0] = "none";
-    AllSelectedStatus[AllSelectedStatus["allSelected"] = 1] = "allSelected";
-    AllSelectedStatus[AllSelectedStatus["fewSelected"] = 2] = "fewSelected";
-})(AllSelectedStatus || (AllSelectedStatus = {}));
-
 // Angular import statements
 // Third party import statements
 // User defined import statements
@@ -683,6 +684,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;
@@ -775,42 +777,6 @@ class AnnaFilterService {
             this.annaSortService.columnSortState.set(this.selectedRadio, "DEFAULT");
         }
     }
-    populateSliderTooltip(completeData, filteredData) {
-        let minValue;
-        let maxValue;
-        if (this.appliedFiltersArray.length > 0 &&
-            this.appliedFiltersArray[this.appliedFiltersArray.length - 1] === this.selectedRadio) {
-            let subsetData;
-            let subfilterApplied = false;
-            //applying all filterexcept the current filter
-            if (this.selectedRadio === "postedAdu" && this.tooltipSelectedMap.has("isAudRequired")) {
-                this.tooltipSelectedMap.delete("isAudRequired");
-                subfilterApplied = true;
-            }
-            subsetData = this.filterData(completeData, this.selectedRadio);
-            //need to find min and max value for
-            minValue = this.returnMaxAndMinValue(subsetData, this.selectedRadio, true);
-            maxValue = this.returnMaxAndMinValue(subsetData, this.selectedRadio, false);
-            if (this.selectedRadio === "postedAdu" && subfilterApplied) {
-                this.tooltipSelectedMap.set("isAudRequired", [false]);
-            }
-        }
-        else {
-            minValue = this.returnMaxAndMinValue(filteredData, this.selectedRadio, true);
-            maxValue = this.returnMaxAndMinValue(filteredData, this.selectedRadio, false);
-        }
-        this.ngxSliderObj = this.setOptionValues(minValue, maxValue);
-        if (this.translateFunc === "normal") {
-            this.ngxSliderObj.translate = this.normalTranslateFunction;
-        }
-        else if (this.translateFunc === "percent") {
-            this.ngxSliderObj.translate = this.percentTranslateFunction;
-        }
-        else if (this.translateFunc === "currency") {
-            this.ngxSliderObj.translate = this.currencyTranslateFunction;
-        }
-        return this.ngxSliderObj;
-    }
     setOptionValues(minValue, maxValue) {
         return {
             floor: minValue,
@@ -819,121 +785,6 @@ class AnnaFilterService {
             translate: this.normalTranslateFunction
         };
     }
-    populateTooltip(selectedColumnName, completeData, filteredData) {
-        let tooltipData;
-        if (this.appliedFiltersArray.length === 0) {
-            tooltipData = this.populateTooltipDataBasedOnSelectedRadio([selectedColumnName], completeData);
-            tooltipData.forEach((item) => (item.isHidden = false));
-        }
-        else if (selectedColumnName === this.appliedFiltersArray[this.appliedFiltersArray.length - 1]) {
-            let subsetData = this.filterData(completeData, selectedColumnName); //filter the data without applying the latest filter
-            tooltipData = this.showHideFilterCheckbox(subsetData, selectedColumnName);
-        }
-        else {
-            //if it is not the latest filter
-            //then filtered Data will be used
-            //create the option data
-            if (!this.tooltipMap.has(selectedColumnName)) {
-                this.populateTooltipDataBasedOnSelectedRadio([selectedColumnName], completeData);
-            }
-            tooltipData = this.showHideFilterCheckbox(filteredData, selectedColumnName);
-        }
-        return tooltipData;
-    }
-    populateTooltipDataBasedOnSelectedRadio(value, originalData) {
-        //if the initial tooltip data is already present fetch from the map
-        if (this.tooltipMap.has(value[0])) {
-            return this.tooltipMap.get(value[0]);
-        }
-        else {
-            //get the unique values from the column and save it in the map
-            this.selectedRadio = value[0];
-            const data = sortBy(originalData.map((u) => u[this.selectedRadio])).filter((n) => n !== null); //sorting the data in alphabetical order
-            const dataSet = new Set(data); //created a set from the data
-            const toolTipdata = [...dataSet].map((x) => new tooltipModelForColumnLevelFiltering(x));
-            this.tooltipMap.set(value[0], toolTipdata); //setting the key value pair in the tooltipMap
-            this.tooltipSelectedMap.set(value[0], map(toolTipdata, "data")); //setting the key value pair in tooltipSelectedMap
-            return toolTipdata;
-        }
-    }
-    showHideFilterCheckbox(arr, selectedColumnName) {
-        let currentSubsetData = uniq(arr.map((u) => u[selectedColumnName]));
-        //get the initial tooltip Data
-        let tooltipData = this.tooltipMap.get(selectedColumnName);
-        //show or hide the value
-        tooltipData.forEach((value) => {
-            //if the element is not present then hide the element
-            let elementToFindIndex = currentSubsetData.findIndex((n) => n === value.data);
-            if (elementToFindIndex === -1) {
-                value.isHidden = true;
-            }
-            else {
-                //show the element
-                value.isHidden = false;
-            }
-        });
-        return tooltipData;
-    }
-    isAllOptionsSelected() {
-        let allSelected;
-        let totalOptionsCount = this.tooltipMap.get(this.selectedRadio).filter((x) => !x.isHidden).length;
-        let selectedOptionsCount = this.tooltipMap.get(this.selectedRadio).filter((x) => !x.isHidden && x.isSelected).length;
-        if (selectedOptionsCount === 0) {
-            allSelected = AllSelectedStatus.none;
-        }
-        else if (selectedOptionsCount > 0 && selectedOptionsCount < totalOptionsCount) {
-            allSelected = AllSelectedStatus.fewSelected;
-        }
-        else {
-            allSelected = AllSelectedStatus.allSelected;
-        }
-        return allSelected;
-    }
-    populateDatePickerTooltipWithData(completeData, filteredData) {
-        let enabledDates;
-        //some filter is applied and the latest filter is the date filter
-        if (this.appliedFiltersArray.length > 0 &&
-            this.appliedFiltersArray[this.appliedFiltersArray.length - 1] === this.selectedRadio) {
-            let subsetData;
-            //applying all filterexcept thec current  filter
-            if (this.selectedRadio === "period") {
-                subsetData = this.filterData(completeData, "period");
-                let minStartDate = this.returnMinAndMaxDate(subsetData, "startDate");
-                let maxEndDate = this.returnMinAndMaxDate(subsetData, "endDate");
-                enabledDates = { minStartDate: minStartDate[0], maxEndDate: maxEndDate[1] };
-            }
-            else if (this.selectedRadio === "AirDate" || this.selectedRadio === "flightStartDate" ||
-                this.selectedRadio === "flightEndDate" || this.selectedRadio == "date") {
-                subsetData = this.filterData(completeData, this.selectedRadio);
-                let minAndMaxDate = this.returnMinAndMaxDate(subsetData, this.selectedRadio);
-                enabledDates = { minStartDate: minAndMaxDate[0], maxEndDate: minAndMaxDate[1] };
-            }
-            else {
-                subsetData = this.filterData(completeData, this.selectedRadio);
-                //need to find min and max date for start and end date
-                //enabledDates is an arr of minDate and maxDate
-                enabledDates = this.returnMinAndMaxDate(subsetData, this.selectedRadio);
-            }
-        }
-        else {
-            if (this.selectedRadio === "period") {
-                let minStartDate = this.returnMinAndMaxDate(filteredData, "startDate");
-                let maxEndDate = this.returnMinAndMaxDate(filteredData, "endDate");
-                enabledDates = { minStartDate: minStartDate[0], maxEndDate: maxEndDate[1] };
-            }
-            else if (this.selectedRadio === "AirDate" || this.selectedRadio === "flightStartDate" ||
-                this.selectedRadio === "flightEndDate" || this.selectedRadio == "date") {
-                let minAndMaxDate = this.returnMinAndMaxDate(filteredData, this.selectedRadio);
-                enabledDates = { minStartDate: minAndMaxDate[0], maxEndDate: minAndMaxDate[1] };
-            }
-            else {
-                //need to find min and max date for start and end date.
-                // enabledDates is an arr of minDate and maxDate
-                enabledDates = this.returnMinAndMaxDate(filteredData, this.selectedRadio);
-            }
-        }
-        return enabledDates;
-    }
     findUniqueDatesWithData(data) {
         let uniqueDates = uniq(data.map((u) => u["date"]));
         let uniqueDatesInNgbDateFormat = [];
@@ -942,33 +793,6 @@ class AnnaFilterService {
         });
         return uniqueDatesInNgbDateFormat;
     }
-    isCheckboxSelected(selectedData) {
-        selectedData.isSelected = !selectedData.isSelected;
-        let allSelected = this.isAllOptionsSelected();
-        return allSelected;
-    }
-    allOptionsClicked(status) {
-        let header = this.selectedRadio;
-        if (status === 1) {
-            this.tooltipMap.get(header).forEach((item) => {
-                if (!item.isHidden) {
-                    item.isSelected = true;
-                }
-            });
-            this.tooltipSelectedMap.set(header, this.tooltipMap
-                .get(header)
-                .filter((x) => x.isSelected)
-                .map((x) => x.data));
-        }
-        else {
-            this.tooltipMap.get(header).forEach((item) => {
-                if (!item.isHidden) {
-                    item.isSelected = false;
-                }
-            });
-            this.tooltipSelectedMap.delete(header);
-        }
-    }
     reOrderAppliedFiltersArray(isHierarchialUserFiltered, date) {
         let isFiltered = true;
         isFiltered = this.checkIfDataIsFiltered(isFiltered, isHierarchialUserFiltered, date);
@@ -1100,17 +924,7 @@ class AnnaFilterService {
         if (!selectedData.includeTimeRange) {
             return false;
         }
-        // objTime = this.dateTimeFormatService.formatToTwelveHrs(objTime, true);
-        // objTime = this.dateTimeFormatService.convertTotwentyFourHrsFormat(
-        //   objTime[0] + ":" + objTime[1] + " " + objTime[2],
-        //   true
-        // );
-        // 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 +970,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 +1008,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 +1053,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 });
@@ -1301,6 +1126,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
 
 ;
 
+class TooltipModel {
+    constructor(obj, id) {
+        this.label = obj ? obj.toString() : null;
+        this.value = obj;
+        this.isSelected = false;
+        this.id = id;
+    }
+}
+class tooltipModelForColumnLevelFiltering {
+    constructor(data) {
+        this.data = data;
+        this.isSelected = true;
+        this.isHidden = false;
+    }
+}
+class radioButtonModel {
+    constructor(key, value, sort, filter) {
+        this.key = key;
+        this.label = value;
+        this.isSortRequired = sort;
+        this.isFilterRequired = filter;
+    }
+}
+var AllSelectedStatus;
+(function (AllSelectedStatus) {
+    AllSelectedStatus[AllSelectedStatus["none"] = 0] = "none";
+    AllSelectedStatus[AllSelectedStatus["allSelected"] = 1] = "allSelected";
+    AllSelectedStatus[AllSelectedStatus["fewSelected"] = 2] = "fewSelected";
+})(AllSelectedStatus || (AllSelectedStatus = {}));
+
 class Constants {
 }
 Constants.SUCCESS_STRING = "success";
@@ -1341,5 +1196,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